:root{--bg:#f1eee8;--surface:#ffffff;--offset:#e7e1d6;--tile:#f7f4ee;--ink:#4b3f36;--muted:#5e5147;--faint:#8c7f6f;--chestnut:#6b4e34;--badge-ink:#3e322b;--green:#2f6b41;--green-hover:#255834;--green-tint:#dceedf;--kraft:#c9a66b;--kraft-tint:#efe4cf;--lichen:#b5d334;--border:#c9bca6;--divider:#d8cdbb;--star:#f2a516;--sale:#a13327;--bark:#2b2119;--bark-2:#35271c;--display:"Bebas", Impact, "Arial Narrow", sans-serif;--body:"Dax","Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--max:1240px;--gutter:clamp(16px,4vw,48px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:.95;text-wrap:balance;text-transform:uppercase}p{margin:0}ul{margin:0;padding:0;list-style:none}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.tabular{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--green);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.announce{background:var(--green);color:#fff;text-align:center;font-size:13px;font-weight:500;padding:8px var(--gutter)}.announce span+span:before{content:"\b7";margin:0 10px;opacity:.6}@media(max-width:640px){.announce span:nth-child(n+2){display:none}}.header{background:var(--surface);border-bottom:1px solid var(--divider);position:sticky;top:0;z-index:40}.header .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:68px}.logo img{height:38px;width:auto}.nav{display:flex;gap:26px;justify-content:center;font-weight:600;font-size:15px}.nav a{padding:8px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--green)}.icons{display:flex;gap:14px;align-items:center}.icons a,.icons button{display:grid;place-items:center;width:36px;height:36px}.icons svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cart-count{background:var(--green);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 6px;margin-left:-12px;align-self:start}.icons .menu-toggle{display:none}@media(max-width:900px){.nav{display:none}.icons .menu-toggle{display:grid}}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none}.mobile-nav[data-open=true]{display:block}.mobile-nav__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b211980}.mobile-nav__panel{position:absolute;top:0;right:0;bottom:0;width:min(84vw,360px);background:var(--surface);padding:20px;display:flex;flex-direction:column;gap:6px;overflow:auto}.mobile-nav__panel a{font-size:18px;font-weight:600;padding:12px 0;border-bottom:1px solid var(--divider)}.mobile-nav__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:var(--display);font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--green);background:var(--green);color:#fff;border-radius:0;transition:background .15s,border-color .15s;line-height:1.2}.btn:hover{background:var(--green-hover);border-color:var(--green-hover)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:#fff}.btn.light{background:#fff;border-color:#fff;color:var(--ink)}.btn.light:hover{background:var(--bg);border-color:var(--bg)}.btn.block{width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed}.link{font-weight:600;border-bottom:2px solid var(--kraft);padding-bottom:1px}.link:hover{border-bottom-color:var(--chestnut);color:var(--chestnut)}.hero{background:var(--surface)}.hero .hero-grid{display:grid;grid-template-columns:1fr 1fr}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:clamp(40px,7vw,96px) var(--gutter) clamp(40px,7vw,96px) max(var(--gutter),calc((100vw - var(--max))/2))}.hero-copy .eyebrow{font-weight:600;color:var(--green);font-size:15px}.hero h1{font-size:clamp(60px,8.5vw,124px);line-height:.88}.hero .lede{font-size:19px;max-width:32ch;color:var(--muted)}.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}.seal{display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:10px 14px 10px 10px;background:var(--bg);border:1px solid var(--divider);max-width:max-content}.seal .dot{width:38px;height:38px;border-radius:50%;background:var(--lichen);display:grid;place-items:center;font-family:var(--display);font-size:18px;color:var(--bark);flex:none}.seal b{display:block;font-size:14px}.seal small{color:var(--muted);font-size:13px}.hero-photo{position:relative;min-height:420px}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}.hotspot{position:absolute;left:8%;bottom:9%;background:#35261be6;color:#f1eee8;padding:10px 14px;display:flex;gap:12px;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hotspot .plus{width:26px;height:26px;border-radius:50%;background:var(--kraft);color:var(--bark);display:grid;place-items:center;font-weight:700;flex:none}.hotspot b{display:block;font-size:14px}.hotspot small{font-size:12px;opacity:.85}@media(max-width:820px){.hero .hero-grid{grid-template-columns:1fr}.hero-photo{min-height:340px;order:-1}.hero-copy{padding:32px var(--gutter)}}.stats{background:var(--offset);border-block:1px solid var(--divider)}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat{padding:18px 20px;border-left:1px solid var(--divider);display:flex;flex-direction:column;gap:2px}.stat:first-child{border-left:0}.stat b{font-family:var(--display);font-size:26px;letter-spacing:.02em;line-height:1;font-weight:400}.stat span{font-size:13px;color:var(--muted)}.stars{display:inline-block;width:80px;height:14px;vertical-align:-1px;color:transparent;overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f2a516' d='M8 1.2l2.1 4.4 4.8.6-3.5 3.3.9 4.8L8 12l-4.3 2.3.9-4.8L1.1 6.2l4.8-.6z'/%3E%3C/svg%3E") repeat-x left center/16px 14px}.stat .stars{margin-left:6px}@media(max-width:820px){.stats .wrap{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0}.stat{border-top:1px solid var(--divider)}.stat:nth-child(-n+2){border-top:0}}.section{padding-block:clamp(48px,7vw,88px)}.section.tight{padding-top:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}.section-head h2{font-size:clamp(38px,4.6vw,58px)}.section-head p{color:var(--muted);max-width:52ch;margin-top:8px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}@media(max-width:1000px){.grid,.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.grid{gap:12px}}.card{display:flex;flex-direction:column;gap:10px;position:relative}.card .media{position:relative;aspect-ratio:1;background:var(--tile);border:1px solid var(--divider);overflow:hidden}.card .media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s}.card .media img.alt{opacity:0}.card:hover .media img.alt{opacity:1}.badge{position:absolute;top:10px;left:10px;z-index:2;background:#fff;color:var(--badge-ink);border:1px solid var(--divider);padding:4px 9px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge.kraft{background:var(--kraft-tint);border-color:var(--kraft)}.card .fibre{font-size:12px;font-weight:600;color:var(--green);letter-spacing:.04em;text-transform:uppercase}.card h3{font-family:var(--body);font-weight:700;font-size:16px;line-height:1.3;text-transform:none;letter-spacing:0}.card .price{font-weight:600;font-size:15px}.card .price s{color:var(--faint);font-weight:400;margin-left:6px}.swatches{display:flex;gap:6px;align-items:center;min-height:18px}.sw{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 2px #fff;display:inline-block}.rating{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted);min-height:18px}.rating .count{font-family:var(--mono);font-size:12px}.jdgm-preview-badge{font-size:13px}.promise{background:var(--surface);border-block:1px solid var(--divider);text-align:center}.promise h2{font-size:clamp(48px,7vw,96px)}.promise p{max-width:58ch;margin:16px auto 0;font-size:18px;color:var(--muted)}.promise .micro{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:22px}.promise .micro span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:var(--bg);border:1px solid var(--divider);padding:6px 10px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bark);display:block}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.tile:hover img{transform:scale(1.04)}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#2b2119bf,#2b21190d 55%)}.tile .label{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:#fff}.tile .label h3{font-size:clamp(34px,3.6vw,48px);line-height:.9;color:#fff}.tile .label span{font-size:13px;opacity:.9}.fibre-story{background:var(--surface)}.fibre-story .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}.fibre-story h2{font-size:clamp(44px,5.5vw,72px)}.fibre-story .lede{font-size:18px;color:var(--muted);margin-top:14px;max-width:48ch}.benefits{margin:26px 0 0;display:grid;border-top:1px solid var(--divider)}.benefits li{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--divider)}.benefits svg{width:26px;height:26px;stroke:var(--green);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.benefits b{font-weight:600}.benefits .val{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted);text-align:right}.orbs{position:relative;aspect-ratio:1;max-width:520px;margin-inline:auto;width:100%}.orb{position:absolute;border-radius:50%;overflow:hidden;border:6px solid var(--surface);box-shadow:0 10px 30px #35261b26}.orb img{width:100%;height:100%;object-fit:cover}.orb.a{width:68%;height:68%;left:0;top:0}.orb.b{width:52%;height:52%;right:0;bottom:4%}.orb.c{width:30%;height:30%;left:8%;bottom:0;background:var(--kraft)}.micron{margin-top:22px;border:1px solid var(--divider);background:var(--bg);padding:14px 16px}.micron .row{display:grid;grid-template-columns:110px 1fr 88px;gap:12px;align-items:center;font-size:13px;padding:5px 0}.micron .bar{height:8px;background:var(--offset);position:relative}.micron .bar i{position:absolute;inset:0 auto 0 0;background:var(--green)}.micron .row.itch .bar i{background:var(--sale)}.micron .val{font-family:var(--mono);font-size:12px;text-align:right}@media(max-width:860px){.fibre-story .wrap{grid-template-columns:1fr}}.spots{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.spots{grid-template-columns:1fr}}.spot{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bark);display:block}.spot img{width:100%;height:100%;object-fit:cover}.spot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2b211947}.spot .big{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;color:#fff;font-family:var(--display);font-size:clamp(72px,11vw,150px);line-height:1;text-shadow:0 6px 30px rgba(0,0,0,.35);text-transform:uppercase}.spot .cta{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:3}.spot-cap{margin-top:10px;font-size:14px;color:var(--muted)}.reviews{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.reviews{grid-template-columns:1fr 1fr}}.review{background:var(--surface);border:1px solid var(--divider);padding:22px;display:flex;flex-direction:column;gap:12px}.review q{quotes:none;font-size:16px;line-height:1.5}.review .who{margin-top:auto;font-size:13px;color:var(--muted)}.review .who b{display:block;color:var(--ink);font-size:14px}.review .verified{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}.review.photo{padding:0;overflow:hidden}.review.photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}.post{display:block}.post .thumb{aspect-ratio:4/3;overflow:hidden;background:var(--tile);border:1px solid var(--divider)}.post .thumb img{width:100%;height:100%;object-fit:cover}.post .cat{font-size:12px;font-weight:600;color:var(--green);text-transform:uppercase;letter-spacing:.06em;margin-top:12px}.post h3{font-family:var(--body);font-weight:700;font-size:19px;line-height:1.3;margin-top:4px;text-transform:none;letter-spacing:0}.post p{color:var(--muted);font-size:15px;margin-top:6px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:760px){.pillars{grid-template-columns:1fr}}.pillar{background:var(--surface);border:1px solid var(--divider);padding:26px;display:flex;gap:18px;align-items:flex-start}.pillar svg{width:40px;height:40px;stroke:var(--green);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.pillar h3{font-size:30px}.pillar p{color:var(--muted);font-size:15px;margin-top:6px}.ugc{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.ugc img{width:200px;height:250px;object-fit:cover;flex:none;scroll-snap-align:start;border:1px solid var(--divider)}.footer{background:var(--bark);color:#f1eee8}.footer .top{display:grid;grid-template-columns:1.2fr 2fr;gap:clamp(28px,6vw,80px);padding-block:clamp(48px,7vw,80px)}@media(max-width:860px){.footer .top{grid-template-columns:1fr}}.newsletter{background:var(--bark-2);padding:28px;border:1px solid #4a3a2d}.newsletter h3{font-size:44px;color:#f1eee8}.newsletter p{color:#cbbfb1;margin-top:8px;font-size:15px}.newsletter form{display:flex;margin-top:18px}.newsletter input{flex:1;min-width:0;padding:14px;border:1px solid #6b5a4c;background:#241b14;color:#fff;font:inherit;font-size:15px}.newsletter button{background:var(--kraft);color:var(--bark);border:0;padding:0 22px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px}.newsletter .ok{color:var(--lichen);margin-top:10px;font-size:14px}.newsletter .err{color:#f0a48c;margin-top:10px;font-size:14px}.wordmark{font-family:var(--display);font-size:clamp(72px,12vw,160px);line-height:.85;color:#f1eee8;letter-spacing:.02em;text-transform:uppercase}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}@media(max-width:520px){.cols{grid-template-columns:1fr 1fr}}.cols h4{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--kraft);margin-bottom:12px}.cols a{display:block;font-size:14px;padding:4px 0;color:#e3d9cd}.cols a:hover{color:#fff}.legal{border-top:1px solid #4a3a2d;padding-block:18px;font-size:13px;color:#a2948a;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.crumbs{font-size:13px;color:var(--muted);padding-block:16px}.crumbs span:before{content:"/";margin:0 8px;color:var(--faint)}.pdp{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:start;padding-bottom:56px}@media(max-width:900px){.pdp{grid-template-columns:1fr}}.gallery{display:grid;grid-template-columns:80px 1fr;gap:12px}@media(max-width:560px){.gallery{grid-template-columns:1fr}.thumbs{flex-direction:row!important}.thumbs button{width:72px}}.thumbs{display:flex;flex-direction:column;gap:10px}.thumbs button{padding:0;border:2px solid transparent;background:var(--tile);aspect-ratio:1;overflow:hidden}.thumbs button[aria-selected=true]{border-color:var(--green)}.thumbs img{width:100%;height:100%;object-fit:cover}.main-img{aspect-ratio:1;background:var(--tile);border:1px solid var(--divider);overflow:hidden;position:relative}.main-img img{width:100%;height:100%;object-fit:cover}.buy{display:flex;flex-direction:column;gap:18px;position:sticky;top:86px}.buy .fibre{font-size:13px;font-weight:600;color:var(--green);letter-spacing:.04em;text-transform:uppercase}.buy h1{font-size:clamp(40px,4.6vw,56px)}.buy .pricing{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.buy .pricing .now{font-size:28px;font-weight:700}.buy .pricing s{color:var(--faint);font-size:18px}.buy .pricing .save{background:var(--green-tint);color:var(--green);font-weight:700;font-size:13px;padding:4px 8px}.opt-label{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:10px}.opt-label span{font-weight:400;color:var(--muted)}.colorways{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cw{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid var(--divider);background:var(--surface);text-align:left}.cw[aria-checked=true]{border-color:var(--green);background:var(--green-tint)}.cw .dots{display:flex}.cw .dots i{width:22px;height:22px;border-radius:50%;border:2px solid #fff;margin-left:-8px;box-shadow:0 0 0 1px #00000026;display:block}.cw .dots i:first-child{margin-left:0}.cw b{display:block;font-size:14px}.cw small{display:block;color:var(--muted);font-size:12px}.sizes{display:flex;gap:8px;flex-wrap:wrap}.size{min-width:56px;padding:12px 10px;border:2px solid var(--divider);background:var(--surface);font-weight:600;text-align:center}.size[aria-checked=true]{border-color:var(--ink);background:var(--ink);color:#fff}.size[disabled]{color:var(--faint);background:repeating-linear-gradient(135deg,var(--tile) 0 6px,var(--offset) 6px 8px);cursor:not-allowed;text-decoration:line-through}.size-note{font-size:13px;color:var(--muted);margin-top:8px;min-height:1.4em}.avail-note{font-size:13px;color:var(--sale)}.trust{display:grid;gap:8px;font-size:14px;color:var(--muted)}.trust div{display:flex;gap:10px;align-items:center}.trust svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.acc{border-top:1px solid var(--divider)}.acc details{border-bottom:1px solid var(--divider)}.acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-weight:600}.acc summary::-webkit-details-marker{display:none}.acc summary:after{content:"+";font-size:22px;color:var(--faint);line-height:1}.acc details[open] summary:after{content:"\2013"}.acc .body{padding:0 0 16px;color:var(--muted);font-size:15px}.acc .body p{margin-bottom:10px}.acc .body ul{list-style:disc;padding-left:20px;margin-bottom:10px}.acc table{border-collapse:collapse;width:100%;font-size:13px}.acc th,.acc td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--divider)}.acc th{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:500}.spec{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:560px){.spec{grid-template-columns:1fr 1fr}}.spec div{background:var(--surface);border:1px solid var(--divider);padding:10px 12px}.spec small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.spec b{font-size:14px}.benefit-strip{background:var(--offset);border-block:1px solid var(--divider)}.benefit-strip .wrap{display:flex;gap:0;overflow-x:auto}.benefit-strip div{flex:1 0 auto;display:flex;align-items:center;gap:10px;padding:16px 22px;border-left:1px solid var(--divider);font-size:14px;font-weight:600;white-space:nowrap}.benefit-strip div:first-child{border-left:0}.benefit-strip svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/*# sourceMappingURL=/cdn/shop/t/41/assets/mockup-storefront.css.map */