{"product_id":"noren-alpine-green-tie","title":"Noren - Alpine Green Tie","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,900\u0026family=Jost:wght@400;500\u0026display=swap');\n\n.nrns{\n  --ink:#0E1512;\n  --muted:rgba(14,21,18,.66);\n  --brass:#C9A45C;\n  --brass-d:#8A6A3B;\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.nrns *{box-sizing:border-box;}\n.nrns h2,.nrns h3{\n  font-family:'Fraunces',Georgia,serif;\n  font-optical-sizing:auto;\n}\n\n\/* ---------- motion ---------- *\/\n@keyframes sRise{from{opacity:0;transform:translateY(56px);}to{opacity:1;transform:translateY(0);}}\n@keyframes sWipe{from{clip-path:inset(0 100% -30% 0);}to{clip-path:inset(0 0 -30% 0);}}\n@keyframes sUp{from{opacity:0;transform:translateY(90px) scale(.94);}to{opacity:1;transform:translateY(0) scale(1);}}\n@keyframes sMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n\n.nrns .r{animation:sRise 1.15s cubic-bezier(.16,.84,.34,1) both;animation-delay:var(--d,0s);}\n.nrns .w{animation:sWipe 1.35s cubic-bezier(.16,.84,.34,1) both;animation-delay:var(--d,0s);}\n.nrns .u{animation:sUp 1.25s cubic-bezier(.16,.84,.34,1) both;animation-delay:var(--d,0s);}\n\n@supports (animation-timeline: view()){\n  .nrns .r,.nrns .w,.nrns .u{\n    animation-timeline:view();\n    animation-range:entry 2% cover 26%;\n    animation-delay:0s;\n    animation-duration:auto;\n  }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .nrns .r,.nrns .w,.nrns .u,.nrns .ghost,.nrns .track{\n    animation:none !important;transform:none !important;\n    opacity:1 !important;clip-path:none !important;\n  }\n}\n\n\/* ---------- 1. hero, dark ---------- *\/\n.nrns .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.nrns .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.nrns .hero h2{\n  font-weight:900;\n  font-size:clamp(44px,12vw,104px);\n  line-height:.92;\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.nrns .hero h2 em{font-style:normal;color:var(--brass);}\n.nrns .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.nrns .ghost{\n  position:absolute;\n  right:-4%;\n  bottom:-32%;\n  font-family:'Fraunces',Georgia,serif;\n  font-weight:900;\n  font-size:clamp(200px,46vw,380px);\n  line-height:1;\n  color:rgba(247,244,237,.055);\n  pointer-events:none;\n  user-select:none;\n  z-index:1;\n}\n\n\/* ---------- 2. problem, light ---------- *\/\n.nrns .problem{\n  background:var(--cream);\n  padding:clamp(48px,8vw,84px) clamp(26px,5vw,52px);\n}\n.nrns .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.nrns .problem strong{font-weight:900;color:var(--green);}\n\n\/* ---------- 3. facts, dark ---------- *\/\n.nrns .facts{\n  background:var(--green-2);\n  color:var(--cream);\n  padding:clamp(40px,7vw,72px) clamp(26px,5vw,52px);\n}\n.nrns .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.nrns .fact:last-child{border-bottom:0;padding-bottom:0;}\n.nrns .fact:first-child{padding-top:0;}\n.nrns .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.nrns .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.nrns .fact p{\n  font-size:16px;\n  color:rgba(247,244,237,.76);\n  margin:0;\n}\n\n\/* ---------- 4. spec, light ---------- *\/\n.nrns .spec{\n  background:var(--cream);\n  padding:clamp(44px,7.5vw,80px) clamp(26px,5vw,52px);\n}\n.nrns .spec .eyebrow{color:var(--green);}\n.nrns .grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));\n  gap:2px;\n  background:var(--green);\n}\n.nrns .cell{\n  background:var(--cream);\n  padding:clamp(20px,3.4vw,28px);\n  transition:background .35s ease,color .35s ease;\n}\n.nrns .cell:hover{background:var(--green);}\n.nrns .cell:hover .k{color:rgba(247,244,237,.7);}\n.nrns .cell:hover .v{color:var(--brass);}\n.nrns .cell:hover .v small{color:rgba(247,244,237,.7);}\n.nrns .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.nrns .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.nrns .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.nrns .close{\n  background:var(--green);\n  color:var(--cream);\n  padding:clamp(48px,8vw,88px) clamp(26px,5vw,52px);\n}\n.nrns .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.nrns .close h3 em{font-style:normal;color:var(--brass);}\n.nrns .close p{font-size:15px;color:rgba(247,244,237,.7);margin:0;}\n\n\/* ---------- 6. marquee ---------- *\/\n.nrns .marquee{\n  background:var(--brass);\n  color:var(--green);\n  padding:18px 0;\n  overflow:hidden;\n  white-space:nowrap;\n}\n.nrns .track{display:inline-block;animation:sMarquee 24s linear infinite;}\n.nrns .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.nrns .track span i{font-style:normal;opacity:.45;padding-left:24px;}\n\u003c\/style\u003e\n\n\u003cdiv class=\"nrns\"\u003e\n\n  \u003cdiv class=\"hero\"\u003e\n    \u003cdiv class=\"ghost\"\u003e1\u003c\/div\u003e\n    \u003cp class=\"eyebrow r\" style=\"--d:.05s\"\u003eThe Alpine Green Tie\u003c\/p\u003e\n    \u003ch2 class=\"w\" style=\"--d:.15s\"\u003eOne tie.\u003cbr\u003e\u003cem\u003eOne green.\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"sub r\" style=\"--d:.6s\"\u003eThe colour everyone was looking for.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"problem\"\u003e\n    \u003cp class=\"r\" style=\"--d:.1s\"\u003eNobody can find a green tie that looks right. Too olive, too emerald, too shiny under the lights. \u003cstrong\u003eThis is the one.\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\u003eBuying for a party?\u003c\/h3\u003e\n        \u003cp\u003eOrder this one first as a colour check. Look at it in daylight, hold it against your scheme, then order the five pack. Screens vary, and alpine green shifts more than most.\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\"\u003e1\u003csmall\u003enecktie\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\"\u003eNeeding five? \u003cem\u003eBuy the set.\u003c\/em\u003e\n\u003c\/h3\u003e\n    \u003cp class=\"r\" style=\"--d:.2s\"\u003eFive matching ties in one order, from R999. Ships 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\u003eMatric Dances\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eThe Office\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eCorporate\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eInterviews\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eEvery Day\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eWeddings\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eMatric Dances\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eThe Office\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eCorporate\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eInterviews\u003ci\u003e◆\u003c\/i\u003e\u003c\/span\u003e\u003cspan\u003eEvery Day\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":"Default Title","offer_id":47322152108207,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0736\/1426\/2447\/files\/GreenTie3LargeLarge.png?v=1785524506","url":"https:\/\/noren.co.za\/products\/noren-alpine-green-tie","provider":"Noren","version":"1.0","type":"link"}