@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#070707;--card:#0d0e12;--mint:#70dcd3;--text:#fff;--muted:#aeaeb7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Geist,Arial,sans-serif}a{color:inherit;text-decoration:none}header{max-width:1280px;margin:auto;min-height:88px;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a2a4a960;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;letter-spacing:1px}.brand-light{font-weight:400;color:var(--muted)}header nav{display:flex;gap:30px;color:#c8cad0;font-size:14px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:white;color:#070707;padding:13px 24px;border-radius:999px;font-size:14px;font-weight:500}.pill:hover{background:var(--mint)}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #0092e4;outline-offset:5px}main{max-width:1280px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:76px 0 80px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--mint);margin:0 0 24px}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(44px,5.4vw,72px);line-height:1.06;font-weight:400;letter-spacing:.02em;margin:0}.hero h1 span{color:var(--mint)}.intro{color:#c8cad0;margin:26px 0 32px;line-height:1.7}.hero-visual{min-height:430px;position:relative;background:radial-gradient(ellipse at 50% 50%,#183531 0%,#0d1213 45%,#070707 73%);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #d9dae566}.hero-visual img{width:100%;max-height:390px;object-fit:contain}.visual-label{position:absolute;top:5px;left:0;font-size:11px;color:#a2a4a9;letter-spacing:2px}.visual-bottom{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:space-between;font-size:13px;color:#c8cad0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-top h2{font:400 clamp(32px,4vw,48px)/1.15 'Space Grotesk',sans-serif;letter-spacing:.03em;margin:0}.section-top .eyebrow{margin-bottom:16px}.section-top>p{font-size:14px;color:var(--muted);white-space:nowrap}.categories{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0 56px}.categories a{font-size:14px;border:1px solid #d9dae5;padding:10px 17px;border-radius:999px}.categories a:hover{background:white;color:#070707}.product-section{margin-bottom:72px}.category-title{display:flex;gap:18px;align-items:baseline;margin-bottom:24px;border-bottom:1px solid #2e3038;padding-bottom:18px}.category-title small{font-size:13px;color:var(--mint)}.category-title h3{font:400 30px 'Space Grotesk',sans-serif;letter-spacing:.04em;margin:0}.category-title span{margin-left:auto;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{background:var(--card);border:1px solid #d9dae5;border-radius:20px;padding:26px;display:flex;flex-direction:column;min-height:270px;transition:background .2s,transform .2s}.product:hover{background:#141418;transform:translateY(-3px)}.product .type{color:var(--muted);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 18px}.product h4{font:500 23px/1.25 'Space Grotesk',sans-serif;margin:0 0 10px}.spec{font-size:14px;color:#c8cad0;min-height:21px;margin:0 0 24px}.variants{margin-top:auto}.price{font:400 28px 'Space Grotesk',sans-serif;margin:6px 0 12px;letter-spacing:.01em}.price small{font:400 14px Geist,sans-serif;color:var(--muted)}.colors{display:flex;flex-wrap:wrap;gap:7px}.color{display:inline-flex;gap:6px;align-items:center;border:1px solid #3f4148;border-radius:99px;padding:4px 8px;font-size:12px;color:#d9dae5}.swatch{width:9px;height:9px;border-radius:50%;border:1px solid #ffffff50;background:var(--swatch)}.variant+.variant{border-top:1px solid #2e3038;margin-top:17px;padding-top:10px}footer{max-width:1200px;border-top:1px solid #a2a4a960;margin:0 auto;padding:30px 0 40px;display:flex;gap:30px;align-items:center;justify-content:space-between}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}@media(max-width:950px){header nav{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:10px}.hero-visual{min-height:350px}footer{margin:0 40px;flex-wrap:wrap}.brand{font-size:14px}}@media(max-width:600px){header{padding:20px;gap:10px}header>.pill{font-size:12px;padding:10px 14px}.brand-light{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:48px 0}.hero h1{font-size:46px}.hero-visual{min-height:300px;margin-top:24px}.hero-visual img{max-height:265px}.section-top{display:block}.grid{grid-template-columns:1fr}.categories{gap:8px;margin-bottom:40px}.categories a{font-size:12px;padding:9px 13px}.product{min-height:240px}.product-section{margin-bottom:48px}footer{margin:0 20px;display:block}footer>a:last-child{display:inline-block;margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product{transition:none}}
.ofir-brand{display:block;position:relative;flex-shrink:0;width:190px;aspect-ratio:3.5;overflow:hidden}.ofir-brand img{position:absolute;width:166%;height:auto;max-width:none;left:-33%;top:50%;transform:translateY(-49.5%);mix-blend-mode:screen}@media(max-width:600px){.ofir-brand{width:140px}footer .ofir-brand{width:175px}}
.ofir-opening{position:relative;isolation:isolate;min-height:620px;height:100svh;max-height:940px;margin:0 -40px 80px;overflow:hidden;background:radial-gradient(ellipse at 78% 62%,#f7f6f2 0%,#a6a9b1 20%,#35373d 46%,#070707 78%);display:flex;align-items:center;justify-content:center}.ofir-opening canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.opening-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0707074d,transparent 24%,#05050524 70%,#070707),radial-gradient(ellipse at center,#0006,transparent 72%)}.opening-content{text-align:center;width:100%;padding:56px 24px 90px;display:flex;align-items:center;flex-direction:column;animation:ofir-reveal 1.5s ease-out both}.opening-content .eyebrow{color:#f0f0ee;font-size:12px;letter-spacing:3px;margin-bottom:38px;text-shadow:0 1px 16px #000}.opening-logo{width:min(650px,80vw);mix-blend-mode:screen}.opening-caption{color:#f1f1ef;margin:30px 0 0;font-size:16px;text-shadow:0 1px 16px #000}.opening-bottom{position:absolute;bottom:30px;left:40px;right:40px;display:flex;justify-content:center;align-items:center;color:#e4e4e2;font-size:12px;letter-spacing:.08em;text-shadow:0 1px 12px #000}@keyframes ofir-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.ofir-opening{margin:0 -20px 56px;min-height:520px;height:92svh}.opening-content .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:30px}.opening-logo{width:86vw}.opening-caption{font-size:14px;max-width:240px}.opening-bottom{left:20px;right:20px;font-size:11px;bottom:22px}}@media(prefers-reduced-motion:reduce){.opening-content{animation:none}}
.ofir-opening canvas{opacity:.92}
.ofir-brand img,.opening-logo{mix-blend-mode:normal}
.product-image{display:block;width:100%;height:190px;object-fit:contain;background:linear-gradient(145deg,#15161a,#09090b);border-radius:14px;margin:0 0 22px}.product-image-placeholder{display:grid;place-items:center;color:#8f9199;letter-spacing:.42em;font:500 18px 'Space Grotesk',sans-serif}.footer-links{display:flex;gap:18px}.footer-links a{font-size:12px;color:var(--muted)}@media(max-width:600px){.product-image{height:170px}.footer-links{margin-top:14px;flex-direction:column;gap:8px}}