{"title":"Home page","description":null,"products":[{"product_id":"noren-alpine-green-groomsmen-tie-set-5-pack","title":"Noren Alpine Green Groomsmen Tie Set, 5 Pack","description":"\u003cstyle\u003e\n.nrnx{\n  --ink:#0E1512;\n  --muted:rgba(14,21,18,.66);\n  --line:rgba(14,21,18,.14);\n  --brass:#C9A45C;\n  --green:#132A24;\n  --green-2:#1B3830;\n  --cream:#F7F4ED;\n  font-family:'Jost',-apple-system,BlinkMacSystemFont,sans-serif;\n  font-weight:400;\n  color:var(--ink);\n  line-height:1.72;\n  margin:0;\n  overflow:hidden;\n  -webkit-font-smoothing:antialiased;\n}\n.nrnx *{box-sizing:border-box;}\n.nrnx h2,.nrnx h3,.nrnx .disp{\n  font-family:'Fraunces','Cormorant Garamond',Georgia,serif;\n  font-optical-sizing:auto;\n}\n\n\/* ---------- motion. base visible, keyframes fade IN ---------- *\/\n@keyframes xRise{from{opacity:0;transform:translateY(56px);}to{opacity:1;transform:translateY(0);}}\n@keyframes xWipe{from{clip-path:inset(0 100% -30% 0);}to{clip-path:inset(0 0 -30% 0);}}\n@keyframes xUp{from{opacity:0;transform:translateY(90px) scale(.94);}to{opacity:1;transform:translateY(0) scale(1);}}\n@keyframes xDrift{from{transform:translateY(40px);}to{transform:translateY(-40px);}}\n@keyframes xMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n\n.nrnx .r{animation:xRise 1.15s cubic-bezier(.16,.84,.34,1) both;animation-delay:var(--d,0s);}\n.nrnx .w{animation:xWipe 1.35s cubic-bezier(.16,.84,.34,1) both;animation-delay:var(--d,0s);}\n.nrnx .u{animation:xUp 1.25s cubic-bezier(.16,.84,.34,1) both;animation-delay:var(--d,0s);}\n\n@supports (animation-timeline: view()){\n  .nrnx .r,.nrnx .w,.nrnx .u{\n    animation-timeline:view();\n    animation-range:entry 2% cover 26%;\n    animation-delay:0s;\n    animation-duration:auto;\n  }\n  .nrnx .ghost{\n    animation:xDrift linear both;\n    animation-timeline:view();\n    animation-range:cover;\n  }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .nrnx .r,.nrnx .w,.nrnx .u,.nrnx .ghost,.nrnx .track{\n    animation:none !important;transform:none !important;\n    opacity:1 !important;clip-path:none !important;\n  }\n}\n\n\/* ---------- 1. hero, dark ---------- *\/\n.nrnx .hero{\n  background:var(--green);\n  color:var(--cream);\n  padding:clamp(48px,9vw,88px) clamp(26px,5vw,52px);\n  position:relative;\n  overflow:hidden;\n}\n.nrnx .eyebrow{\n  font-size:11px;\n  font-weight:500;\n  letter-spacing:.34em;\n  text-transform:uppercase;\n  color:var(--brass);\n  margin:0 0 30px;\n}\n.nrnx .hero h2{\n  font-weight:900;\n  font-size:clamp(48px,13vw,112px);\n  line-height:.9;\n  letter-spacing:-.03em;\n  padding-bottom:.3em;\n  margin:0 0 8px;\n  color:var(--cream);\n  position:relative;\n  z-index:2;\n}\n.nrnx .hero h2 em{font-style:normal;color:var(--brass);}\n.nrnx .hero .sub{\n  font-size:clamp(15px,2.2vw,18px);\n  color:rgba(247,244,237,.8);\n  margin:0;\n  max-width:430px;\n  position:relative;\n  z-index:2;\n}\n.nrnx .ghost{\n  position:absolute;\n  right:-6%;\n  bottom:-34%;\n  font-family:'Fraunces',Georgia,serif;\n  font-weight:900;\n  font-size:clamp(210px,48vw,400px);\n  line-height:1;\n  color:rgba(247,244,237,.07);\n  pointer-events:none;\n  user-select:none;\n  z-index:1;\n}\n\n\/* ---------- 2. problem, light ---------- *\/\n.nrnx .problem{\n  background:var(--cream);\n  padding:clamp(48px,8vw,84px) clamp(26px,5vw,52px);\n}\n.nrnx .problem p{\n  font-family:'Fraunces',Georgia,serif;\n  font-weight:600;\n  font-size:clamp(26px,4.6vw,44px);\n  line-height:1.18;\n  letter-spacing:-.015em;\n  margin:0;\n}\n.nrnx .problem strong{font-weight:900;color:var(--green);}\n\n\/* ---------- 3. facts, dark ---------- *\/\n.nrnx .facts{\n  background:var(--green-2);\n  color:var(--cream);\n  padding:clamp(40px,7vw,72px) clamp(26px,5vw,52px);\n}\n.nrnx .fact{\n  display:grid;\n  grid-template-columns:clamp(66px,13vw,124px) 1fr;\n  gap:clamp(16px,3vw,32px);\n  padding:clamp(26px,4vw,40px) 0;\n  border-bottom:1px solid rgba(247,244,237,.16);\n  align-items:start;\n}\n.nrnx .fact:last-child{border-bottom:0;padding-bottom:0;}\n.nrnx .fact:first-child{padding-top:0;}\n.nrnx .num{\n  font-family:'Fraunces',Georgia,serif;\n  font-weight:900;\n  font-size:clamp(44px,10vw,86px);\n  line-height:.8;\n  color:var(--brass);\n  letter-spacing:-.04em;\n}\n.nrnx .fact h3{\n  font-weight:700;\n  font-size:clamp(23px,3.6vw,34px);\n  line-height:1.12;\n  letter-spacing:-.02em;\n  padding-bottom:.18em;\n  margin:0 0 4px;\n  color:var(--cream);\n}\n.nrnx .fact p{\n  font-size:16px;\n  color:rgba(247,244,237,.76);\n  margin:0;\n}\n\n\/* ---------- 4. spec, light ---------- *\/\n.nrnx .spec{\n  background:var(--cream);\n  padding:clamp(44px,7.5vw,80px) clamp(26px,5vw,52px);\n}\n.nrnx .spec .eyebrow{color:var(--green);}\n.nrnx .grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));\n  gap:2px;\n  background:var(--green);\n}\n.nrnx .cell{\n  background:var(--cream);\n  padding:clamp(20px,3.4vw,28px);\n  transition:background .35s ease,color .35s ease;\n}\n.nrnx .cell:hover{background:var(--green);}\n.nrnx .cell:hover .k{color:rgba(247,244,237,.7);}\n.nrnx .cell:hover .v{color:var(--brass);}\n.nrnx .cell:hover .v small{color:rgba(247,244,237,.7);}\n.nrnx .cell .k{\n  font-size:10px;\n  font-weight:500;\n  letter-spacing:.26em;\n  text-transform:uppercase;\n  color:var(--muted);\n  margin:0 0 10px;\n  transition:color .35s ease;\n}\n.nrnx .cell .v{\n  font-family:'Fraunces',Georgia,serif;\n  font-weight:900;\n  font-size:clamp(30px,5.4vw,50px);\n  line-height:1;\n  letter-spacing:-.03em;\n  padding-bottom:.2em;\n  margin:0;\n  color:var(--green);\n  transition:color .35s ease;\n}\n.nrnx .cell .v small{\n  font-family:'Jost',sans-serif;\n  font-size:12px;\n  font-weight:400;\n  letter-spacing:.04em;\n  color:var(--muted);\n  display:block;\n  margin-top:9px;\n  transition:color .35s ease;\n}\n\n\/* ---------- 5. close, dark ---------- *\/\n.nrnx .close{\n  background:var(--green);\n  color:var(--cream);\n  padding:clamp(48px,8vw,88px) clamp(26px,5vw,52px);\n}\n.nrnx .close h3{\n  font-weight:900;\n  font-size:clamp(30px,6.2vw,60px);\n  line-height:1.04;\n  letter-spacing:-.03em;\n  padding-bottom:.26em;\n  margin:0 0 4px;\n  color:var(--cream);\n}\n.nrnx .close h3 em{font-style:normal;color:var(--brass);}\n.nrnx .close p{font-size:15px;color:rgba(247,244,237,.7);margin:0;}\n\n\/* ---------- 6. marquee ---------- *\/\n.nrnx .marquee{\n  background:var(--brass);\n  color:var(--green);\n  padding:18px 0;\n  overflow:hidden;\n  white-space:nowrap;\n}\n.nrnx .track{display:inline-block;animation:xMarquee 24s linear infinite;}\n.nrnx .track span{\n  font-size:12px;\n  font-weight:500;\n  letter-spacing:.32em;\n  text-transform:uppercase;\n  padding:0 24px;\n  color:var(--green);\n}\n.nrnx .track span i{font-style:normal;opacity:.45;padding-left:24px;}\n\u003c\/style\u003e\n\n\u003cdiv class=\"nrnx\"\u003e\n\n  \u003cdiv class=\"hero\"\u003e\n    \u003cdiv class=\"ghost\"\u003e5\u003c\/div\u003e\n    \u003cp class=\"eyebrow r\" style=\"--d:.05s\"\u003eThe Groomsmen Bundle\u003c\/p\u003e\n    \u003ch2 class=\"w\" style=\"--d:.15s\"\u003eFive men.\u003cbr\u003e\u003cem\u003eOne\u003c\/em\u003e green.\u003c\/h2\u003e\n    \u003cp class=\"sub r\" style=\"--d:.6s\"\u003eNot five interpretations of it.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"problem\"\u003e\n    \u003cp class=\"r\" style=\"--d:.1s\"\u003eOne olive. One emerald. One that photographs grey. You find out on the morning, an hour before the cars arrive. \u003cstrong\u003eThis is the fix.\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"facts\"\u003e\n    \u003cdiv class=\"fact r\" style=\"--d:.1s\"\u003e\n      \u003cdiv class=\"num\"\u003e01\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eThe colour holds\u003c\/h3\u003e\n        \u003cp\u003eDeep alpine green with a fine woven rib. It sits against navy, charcoal and grey without competing with any of them, and it reads as considered rather than loud.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fact r\" style=\"--d:.18s\"\u003e\n      \u003cdiv class=\"num\"\u003e02\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eThe cut is current\u003c\/h3\u003e\n        \u003cp\u003eModern slim. 135cm long, 7cm at the widest point. Takes a half Windsor or a four in hand cleanly and finishes at the belt where it should.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fact r\" style=\"--d:.26s\"\u003e\n      \u003cdiv class=\"num\"\u003e03\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eIt photographs\u003c\/h3\u003e\n        \u003cp\u003eMatte face, no glare under venue lighting, no hot spots in afternoon sun. It looks on camera the way it looks in your hand, which is the only test that matters on the day.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fact r\" style=\"--d:.34s\"\u003e\n      \u003cdiv class=\"num\"\u003e04\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eIt survives Monday\u003c\/h3\u003e\n        \u003cp\u003eAn office tie that happened to be at a wedding. It goes back in the wardrobe and gets worn again, which is more than most groomsmen gifts manage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"spec\"\u003e\n    \u003cp class=\"eyebrow r\" style=\"--d:.05s\"\u003eSpecification\u003c\/p\u003e\n    \u003cdiv class=\"grid u\" style=\"--d:.15s\"\u003e\n      \u003cdiv class=\"cell\"\u003e\n\u003cp class=\"k\"\u003eLength\u003c\/p\u003e\n\u003cp class=\"v\"\u003e135\u003csmall\u003ecentimetres\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"cell\"\u003e\n\u003cp class=\"k\"\u003eWidth\u003c\/p\u003e\n\u003cp class=\"v\"\u003e7\u003csmall\u003ecentimetres at base\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"cell\"\u003e\n\u003cp class=\"k\"\u003eIn the box\u003c\/p\u003e\n\u003cp class=\"v\"\u003e5\u003csmall\u003eneckties\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"cell\"\u003e\n\u003cp class=\"k\"\u003eFabric\u003c\/p\u003e\n\u003cp class=\"v\"\u003e100%\u003csmall\u003ewoven polyester\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"cell\"\u003e\n\u003cp class=\"k\"\u003eFinish\u003c\/p\u003e\n\u003cp class=\"v\"\u003eMatte\u003csmall\u003efine rib\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"cell\"\u003e\n\u003cp class=\"k\"\u003eCare\u003c\/p\u003e\n\u003cp class=\"v\"\u003eHang\u003csmall\u003espot or dry clean, do not fold\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"close\"\u003e\n    \u003ch3 class=\"r\" style=\"--d:.05s\"\u003eAnywhere a group needs to \u003cem\u003elook like one\u003c\/em\u003e.\u003c\/h3\u003e\n    \u003cp class=\"r\" style=\"--d:.2s\"\u003eShips from Cape Town.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"marquee\"\u003e\n    \u003cdiv class=\"track\"\u003e\n      \u003cspan\u003eWeddings\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eGroomsmen\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eMatric Dances\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eCorporate\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eChoirs\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eTeams\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eWeddings\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eGroomsmen\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eMatric Dances\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eCorporate\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eChoirs\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eTeams\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Noren","offers":[{"title":"5 ties","offer_id":47302327238831,"sku":null,"price":999.0,"currency_code":"ZAR","in_stock":true},{"title":"5 ties + 1 spare","offer_id":47302327271599,"sku":null,"price":1179.0,"currency_code":"ZAR","in_stock":true},{"title":"5 ties + 2 spare","offer_id":47302327304367,"sku":null,"price":1339.0,"currency_code":"ZAR","in_stock":true},{"title":"5 ties + 3 spare","offer_id":47302361252015,"sku":null,"price":1439.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0736\/1426\/2447\/files\/Untitled_design_1.png?v=1785774575"}],"url":"https:\/\/noren.co.za\/collections\/frontpage.oembed","provider":"Noren","version":"1.0","type":"link"}