:root{--orange:#ff5a16;--ink:#151515;--bone:#f3eee4;--paper:#fbf8f1;--line:rgba(21,21,21,.18);--muted:#716b62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font-family:"Noto Sans SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.notice{background:var(--ink);color:var(--bone);font-size:11px;letter-spacing:.14em;text-align:center;padding:9px 12px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,238,228,.94);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;gap:12px;align-items:center;font:600 11px/1.15 "Space Grotesk",sans-serif;letter-spacing:.08em}.brand b{font-family:"Noto Sans SC"}.brand-mark{width:38px;height:38px;background:var(--orange);display:grid;place-items:center;border-radius:4px;font:800 18px "Space Grotesk"}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a:hover{color:var(--orange)}.cart-button{border:1px solid var(--ink);background:transparent;border-radius:50px;padding:10px 15px;cursor:pointer}.cart-button span{display:inline-grid;place-items:center;background:var(--orange);color:#fff;width:22px;height:22px;border-radius:50%;margin-left:6px;font-size:11px}.hero{min-height:calc(100vh - 113px);display:grid;grid-template-columns:42% 58%;position:relative;border-bottom:1px solid var(--line)}.hero-copy{padding:9vh 5vw 6vh;display:flex;flex-direction:column;justify-content:center}.eyebrow{font:600 10px "Space Grotesk";letter-spacing:.18em;text-transform:uppercase;margin:0 0 28px}.hero h1{font-size:clamp(58px,7.3vw,118px);line-height:.91;letter-spacing:-.065em;margin:0}.lede{font-size:16px;line-height:1.8;max-width:420px;margin:40px 0 28px}.hero-actions{display:flex;gap:24px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;border:0;padding:15px 22px;border-radius:2px;font-size:13px;cursor:pointer}.primary{background:var(--orange);color:#fff}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.micro{font-size:10px;color:var(--muted);margin-top:28px}.hero-image{background:url('assets/hero.png') 57% center/cover no-repeat;min-height:580px}.hero-index{position:absolute;right:0;bottom:0;background:var(--orange);color:#fff;width:58%;padding:17px 3vw;display:flex;justify-content:space-between;font:500 11px "Space Grotesk";letter-spacing:.12em}.manifesto{padding:10vw 6vw;display:grid;grid-template-columns:2fr 1fr;gap:10vw;border-bottom:1px solid var(--line)}.manifesto>p{font-size:clamp(36px,5vw,76px);line-height:1.15;letter-spacing:-.05em;margin:0}.manifesto>div{align-self:end;display:grid;gap:15px;font-size:12px}.manifesto>div span{border-top:1px solid var(--ink);padding-top:10px}.collection{padding:9vw 4vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-head h2,.system h2,.story h2,.faq h2,.cta h2{font-size:clamp(42px,6vw,84px);letter-spacing:-.06em;line-height:1;margin:0}.section-head>p{max-width:430px;line-height:1.8;font-size:14px}.filters{display:flex;gap:8px;margin-bottom:22px;overflow:auto}.filters button{border:1px solid var(--line);background:transparent;padding:9px 15px;border-radius:50px;font-size:12px;white-space:nowrap;cursor:pointer}.filters button.active{background:var(--ink);color:var(--bone)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line)}.product-card{background:var(--bone);padding:14px;cursor:pointer;position:relative}.product-visual{aspect-ratio:4/5;background-color:#e5dfd4;background-image:url('assets/collection.png');background-repeat:no-repeat;background-size:210% auto;overflow:hidden;position:relative}.product-card:nth-child(1) .product-visual{background-position:4% 29%}.product-card:nth-child(2) .product-visual{background-position:78% 26%}.product-card:nth-child(3) .product-visual{background-position:91% 89%}.product-card:nth-child(4) .product-visual{background-position:10% 91%}.product-card:nth-child(n+5) .product-visual{background-image:none}.abstract-product{width:58%;height:56%;position:absolute;left:21%;top:22%;background:var(--orange);border-radius:18px;filter:drop-shadow(28px 30px 22px rgba(0,0,0,.16))}.abstract-product.phone{clip-path:polygon(18% 8%,82% 8%,100% 100%,0 100%);border-radius:8px}.abstract-product.cable{height:17%;top:42%;border-radius:40px}.product-meta{display:flex;justify-content:space-between;gap:16px;padding:17px 2px 8px}.product-meta h3{margin:0 0 5px;font-size:15px}.product-meta p{margin:0;color:var(--muted);font-size:11px}.product-meta span{font-size:11px;white-space:nowrap}.badge{position:absolute;top:25px;left:25px;background:var(--ink);color:#fff;font:600 9px "Space Grotesk";letter-spacing:.12em;padding:6px 8px;z-index:2}.system{display:grid;grid-template-columns:60% 40%;background:var(--ink);color:var(--bone)}.system-image{position:relative;min-height:720px}.system-image img{width:100%;height:100%;object-fit:cover}.system-image span{position:absolute;left:18px;bottom:16px;background:rgba(0,0,0,.7);padding:7px 9px;font-size:9px;letter-spacing:.1em}.system-copy{padding:9vw 5vw;display:flex;flex-direction:column;justify-content:center}.system-copy>p:not(.eyebrow){line-height:1.9;color:#b9b1a6;max-width:430px;margin:40px 0}.system-copy dl{margin:20px 0 0}.system-copy dl div{display:grid;grid-template-columns:44px 1fr;border-top:1px solid #3b3b3b;padding:17px 0}.system-copy dt{font:500 11px "Space Grotesk";color:var(--orange)}.system-copy dd{margin:0;font-size:13px}.system-copy dd span{color:#8f8b84;font-size:11px}.quote{padding:12vw 6vw;background:var(--orange);color:#111}.quote p{font-size:clamp(36px,6.3vw,96px);font-weight:700;line-height:1.12;letter-spacing:-.055em;margin:0 0 60px}.quote span{font:600 10px "Space Grotesk";letter-spacing:.15em}.story{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:10vw 6vw}.story-title{position:sticky;top:130px;align-self:start}.story-title h2{font-size:clamp(38px,5vw,70px)}.story-body{padding-top:52px}.story-body>p{font-size:17px;line-height:2;margin:0 0 36px}.legal-card{background:#e5ddd0;border-left:4px solid var(--orange);padding:26px;margin-top:60px}.legal-card b{font-size:12px}.legal-card p{font-size:11px;line-height:1.8;color:#5d5850;margin:12px 0 0}.faq{padding:9vw 6vw;display:grid;grid-template-columns:1fr 1.3fr;gap:10vw;border-top:1px solid var(--line)}.faq>div:first-child>p:last-child{max-width:390px;line-height:1.8;color:var(--muted);font-size:13px;margin-top:30px}.accordion details{border-top:1px solid var(--ink);padding:22px 0}.accordion details:last-child{border-bottom:1px solid var(--ink)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:16px}summary::-webkit-details-marker{display:none}details p{color:var(--muted);line-height:1.8;font-size:13px;padding-right:50px}.cta{margin:0 4vw 4vw;background:var(--ink);color:var(--bone);padding:7vw;display:flex;justify-content:space-between;align-items:end}.cta .face{font:800 22px "Space Grotesk";background:var(--orange);color:var(--ink);display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;margin-bottom:42px}.light{background:var(--bone);color:var(--ink)}footer{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4vw;background:#090909;color:#d7d0c5;padding:6vw 4vw;font-size:11px}footer>div{display:flex;flex-direction:column;gap:12px}footer b{color:#fff}footer a{color:#8c8984}.footer-brand strong{font-size:18px}.footer-brand p,.footer-note p{line-height:1.7;color:#77736d}.footer-note{text-align:right}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:40;opacity:0;visibility:hidden;transition:.25s}.overlay.open{opacity:1;visibility:visible}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(500px,100%);background:var(--paper);z-index:50;transform:translateX(100%);transition:transform .35s cubic-bezier(.76,0,.24,1);display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.drawer-head h2{font-size:20px}.drawer-head button{border:0;background:none;font-size:30px;cursor:pointer}.cart-items{padding:25px;overflow:auto;flex:1}.empty{text-align:center;padding:22vh 0}.empty span{font:800 42px "Space Grotesk";color:var(--orange)}.empty p{font-size:14px}.empty a{text-decoration:underline;font-size:12px}.cart-line{display:grid;grid-template-columns:82px 1fr auto;gap:14px;border-bottom:1px solid var(--line);padding:14px 0}.cart-thumb{background:var(--orange);min-height:82px}.cart-line h4{margin:5px 0;font-size:13px}.cart-line p{margin:0;color:var(--muted);font-size:10px}.remove{border:0;background:none;cursor:pointer}.cart-foot{border-top:1px solid var(--line);padding:22px}.cart-foot>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:20px}.cart-foot p{text-align:center;font-size:9px;color:var(--muted)}.checkout{width:100%;background:#c9c3b9}.product-drawer{width:min(720px,100%)}[data-product-detail]{overflow:auto}.detail-visual{height:48vh;background:url('assets/collection.png') center/cover}.detail-content{padding:34px}.detail-content h2{font-size:42px;letter-spacing:-.04em;margin:0 0 10px}.detail-kicker{font-size:11px;color:var(--orange);letter-spacing:.1em}.detail-content>p{line-height:1.8;color:var(--muted);font-size:13px}.specs{display:grid;grid-template-columns:1fr 1fr;margin:28px 0;border-top:1px solid var(--line)}.specs div{padding:16px 0;border-bottom:1px solid var(--line)}.specs b,.specs span{display:block;font-size:11px}.specs span{color:var(--muted);margin-top:5px}.detail-actions{display:flex;gap:10px}.detail-actions .button{flex:1}.secondary{border:1px solid var(--ink);background:transparent}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:var(--ink);color:#fff;padding:11px 17px;font-size:11px;z-index:70;opacity:0;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:64vh;padding:11vh 6vw 8vh}.hero-image{min-height:56vh}.hero-index{width:100%}.manifesto{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.system{grid-template-columns:1fr}.system-image{min-height:65vh}.story,.faq{grid-template-columns:1fr}.story-title{position:static}.cta{align-items:start;flex-direction:column;gap:45px}footer{grid-template-columns:1fr 1fr}.footer-note{text-align:left}}@media(max-width:560px){.notice{font-size:9px}.site-header{height:70px}.brand{font-size:9px}.brand-mark{width:32px;height:32px}.cart-button{font-size:11px;padding:7px 10px}.hero{min-height:auto}.hero-copy{min-height:61vh}.hero h1{font-size:60px}.hero-image{min-height:48vh}.hero-actions{align-items:flex-start;flex-direction:column}.manifesto{padding:22vw 6vw}.manifesto>p{font-size:39px}.section-head{align-items:start;flex-direction:column;gap:22px}.collection{padding:20vw 4vw}.product-grid{grid-template-columns:1fr}.product-visual{aspect-ratio:1/1}.system-image{min-height:52vh}.system-copy{padding:22vw 7vw}.quote{padding:24vw 7vw}.story,.faq{padding:22vw 7vw}.story-body{padding-top:0}.story-body>p{font-size:15px}.cta{margin:0;padding:18vw 8vw}footer{grid-template-columns:1fr;padding:18vw 7vw}.footer-note{margin-top:20px}.detail-content h2{font-size:34px}.specs{grid-template-columns:1fr}.drawer-head{height:70px;padding:0 18px}}