@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#10110e;--paper:#f5f5ee;--lime:#c6f52d;--muted:#77796e;--line:#dcded4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 5%;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.logo{font:700 29px 'Space Grotesk';letter-spacing:-2px}.logo span{color:#799c08}.nav{display:flex;gap:34px;align-items:center}.nav a{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.nav a:hover,.nav a.active{border-bottom:2px solid var(--ink);padding-bottom:5px}.actions{display:flex;gap:17px;align-items:center}.iconbtn{border:0;background:none;font-size:17px}.count{background:var(--lime);border-radius:30px;font-size:10px;padding:3px 7px;vertical-align:top}.menu{display:none}.section{padding:100px 5%}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:800}.display{font-family:'Space Grotesk',Arial;font-size:clamp(62px,10vw,165px);line-height:.87;letter-spacing:-.08em;font-weight:700;margin:20px 0 32px}.display .accent{color:var(--lime)}.btn{border:1px solid var(--ink);background:var(--lime);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:18px 25px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.btn:hover{background:var(--ink);color:var(--lime)}.btn.dark{background:var(--ink);color:white}.btn.dark:hover{background:var(--lime);color:var(--ink)}.btn.ghost{background:transparent}.hero{background:var(--ink);color:#f8f8f3;min-height:650px;overflow:hidden;position:relative;display:grid;align-items:center;padding:95px 5%}.hero .sub{max-width:420px;font-size:17px;line-height:1.7;color:#b5b7aa}.hero .hero-content{position:relative;z-index:2}.hero .hero-visual{position:absolute;right:-7%;top:10%;width:43vw;height:90%;background:var(--lime);border-radius:48% 48% 0 0;transform:rotate(-16deg);opacity:.97}.hero .hero-visual:after{content:'N';font:700 min(43vw,650px) 'Space Grotesk';position:absolute;right:12%;top:4%;color:#10110e;transform:rotate(16deg);line-height:1}.hero .display{max-width:1100px}.hero-info{display:flex;gap:20px;align-items:center;margin-top:30px}.hero-info .label{font-size:11px;letter-spacing:.12em;color:#888d81}.ticker{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:19px 5%;background:var(--lime);font:700 11px 'Space Grotesk';letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px}.section-head h2,.page-title{font:700 clamp(44px,6vw,89px)/.98 'Space Grotesk';letter-spacing:-.065em;margin:18px 0}.section-head p{color:var(--muted);max-width:340px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product{min-width:0}.photo{background:#e9e9e5;aspect-ratio:3/3.7;overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.product:hover img{transform:scale(1.045)}.tag{position:absolute;left:16px;top:16px;background:var(--lime);font-size:10px;font-weight:800;letter-spacing:.08em;padding:8px 11px}.product-body{display:flex;justify-content:space-between;gap:9px;margin-top:17px}.product h3{margin:0 0 6px;font:700 17px 'Space Grotesk'}.product p{font-size:12px;color:var(--muted);margin:0}.product-price{font-weight:800}.product-btn{display:flex;gap:6px;margin-top:15px}.product-btn .btn{flex:1;padding:13px 9px;font-size:10px}.story-band{background:var(--lime);padding:90px 5%;display:grid;grid-template-columns:1fr 1fr;gap:80px}.story-band h2{font:700 clamp(50px,7vw,105px)/.95 'Space Grotesk';letter-spacing:-.07em;margin:18px 0}.story-band p{font-size:18px;line-height:1.7;max-width:500px}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.feature{background:white;padding:36px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}.feature-num{font-size:14px;color:var(--muted)}.feature h3{font:700 34px 'Space Grotesk';letter-spacing:-.04em;margin:0 0 12px}.feature p{color:var(--muted);max-width:480px}.footer{background:var(--ink);color:#e9ebe3;padding:65px 5% 25px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer .brand{font:700 clamp(100px,17vw,260px)/.9 'Space Grotesk';letter-spacing:-.095em;margin:60px 0}.footer a{color:#d5d7ce}.footer-bottom{border-top:1px solid #45473e;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a9afa3}.inner-hero{padding:90px 5% 55px;border-bottom:1px solid var(--line)}.inner-hero p{max-width:560px;color:var(--muted);font-size:17px;line-height:1.7}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filter{background:transparent;border:1px solid #babcb0;padding:11px 19px;font-size:12px;text-transform:uppercase;font-weight:800}.filter.selected{background:var(--ink);color:white;border-color:var(--ink)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.big-quote{font:700 clamp(40px,6vw,90px)/.99 'Space Grotesk';letter-spacing:-.06em}.copy{max-width:570px;font-size:17px;line-height:1.8;color:#51554b}.dark-section{background:var(--ink);color:white}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#50534a;border:1px solid #50534a}.number-grid article{padding:36px;background:var(--ink)}.number-grid h3{font:700 24px 'Space Grotesk'}.number-grid p{font-size:14px;line-height:1.7;color:#b5b9ad}.lime{color:var(--lime)}.form{max-width:680px;display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:800;text-transform:uppercase}.field input,.field textarea{width:100%;border:1px solid var(--line);background:white;padding:17px;outline-offset:3px}.field textarea{min-height:150px;resize:vertical}.notice{font-size:13px;color:var(--muted);line-height:1.5}.cart-item{display:grid;grid-template-columns:100px 1fr auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-item img{width:100px;height:112px;object-fit:contain;background:#e9e9e5}.cart-item h3{margin:0 0 6px}.quantity{display:flex;gap:12px;align-items:center;margin-top:10px}.quantity button{background:none;border:1px solid var(--line);width:30px;height:30px}.summary{max-width:400px;margin:35px 0 0 auto}.summary-line{display:flex;justify-content:space-between;padding:14px 0}.detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.detail .photo{max-height:690px}.detail h1{font:700 clamp(45px,6vw,85px)/1 'Space Grotesk';letter-spacing:-.06em}.detail p{line-height:1.7}.toast{position:fixed;bottom:26px;right:26px;background:var(--ink);color:white;padding:15px 24px;z-index:20;box-shadow:0 8px 30px #0002}button:focus-visible,a:focus-visible{outline:3px solid #8fb000;outline-offset:4px}@media(max-width:950px){.products{grid-template-columns:repeat(2,1fr)}.number-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:14px}.hero .hero-visual{opacity:.35;width:75vw}.story-band{gap:30px}}@media(max-width:650px){header{height:68px}.menu{display:block}.nav{position:absolute;top:67px;left:0;right:0;background:var(--paper);padding:22px 5%;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{min-height:610px}.hero .display{font-size:clamp(61px,16vw,110px)}.ticker{font-size:9px}.section{padding:65px 5%}.products{gap:12px}.product h3{font-size:15px}.product-btn{flex-wrap:wrap}.product-btn .btn{min-width:100%}.story-band,.split,.intro-grid,.detail{grid-template-columns:1fr}.number-grid{grid-template-columns:1fr}.footer-top{flex-direction:column}.footer .brand{font-size:23vw}.footer-bottom{flex-direction:column}.cart-item{grid-template-columns:70px 1fr auto;gap:10px}.cart-item img{width:70px;height:90px}.cart-item h3{font-size:13px}}
