@font-face{font-family:Oxanium;src:url('assets/Oxanium.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#f0f3f7;--muted:#a7b1be;--line:rgba(200,219,235,.13);--glass:linear-gradient(135deg,rgba(202,220,238,.11),rgba(122,148,170,.025) 45%,rgba(0,0,0,.32));--edge:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:#07090d;color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.65;background-image:radial-gradient(ellipse at 95% 5%,#19273355,transparent 27%),radial-gradient(ellipse at 0% 55%,#19242c40,transparent 30%)}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #bddeed;outline-offset:5px}button{font:inherit;cursor:pointer}::selection{background:#6694a655;color:#fff}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#000;z-index:30;padding:12px}.skip:focus{top:10px}
header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:18px;margin:18px 4vw 0;z-index:10;gap:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(110deg,#252b3380,#090b10b8);backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%);box-shadow:var(--edge),0 12px 40px #0003}.wordmark{font-family:Oxanium,sans-serif;font-weight:650;font-size:16px;letter-spacing:.11em}.wordmark span{color:#a6b8c8;font-weight:400}nav{display:flex;align-items:center;gap:5px;font-size:14px}nav a{padding:10px 17px;border-radius:12px;transition:background .25s,color .25s;white-space:nowrap}nav a:hover{background:#dcefff0c;color:#fff}nav a:last-child{background:linear-gradient(135deg,#e2efff12,#ffffff04);box-shadow:inset 0 0 0 1px #dcefff19,inset 0 1px 0 #ffffff0b}
.hero{padding:85px 6vw 0;min-height:calc(100svh - 96px);display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:2vw;background:radial-gradient(ellipse at 74% 47%,#7295ad12,transparent 57%)}.eyebrow,.micro,.hero-bottom,.section-top,.index,figcaption,.signature{font-family:Oxanium,sans-serif;letter-spacing:.12em;font-size:13px}.eyebrow{color:#9eb8c8;margin:0 0 24px;text-transform:uppercase}h1,h2,h3{font-family:Oxanium,sans-serif;line-height:1.09;letter-spacing:-.04em;margin:0;font-weight:500}h1{font-size:clamp(42px,4.8vw,78px);background:linear-gradient(155deg,#fff 15%,#c5d0db 62%,#71808f);color:transparent;background-clip:text;-webkit-background-clip:text}.lead{font-size:20px;line-height:1.65;color:#bec8d3;max-width:560px}.hero .lead{margin:30px 0 34px}
.button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 27px;border-radius:16px;border:1px solid #cce6f93b;background:linear-gradient(125deg,#bedcef29,#9dbed20d 48%,#accfe21a);color:#eef8ff;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0006,0 8px 28px #0005,0 0 24px #aacfe009;font-size:15px;font-weight:500;letter-spacing:.025em;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.button::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#effaff0d 45%,transparent 70%);transform:translateX(-110%);transition:transform .7s}.button:hover{transform:translateY(-2px);border-color:#d0e8fa75;box-shadow:inset 0 1px 0 #ffffff40,0 12px 32px #0006,0 0 35px #b9ddf016}.button:hover::before{transform:translateX(100%)}.button:active{transform:translateY(0)}
.brand-art{text-align:center}.brand-art img{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 45px #0009)}.micro{display:block;margin-top:32px;color:#8c9dab;font-size:12px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-self:end;border-top:1px solid var(--line);padding:26px 0;color:#8f9aa8;margin-top:80px}
.product{padding:100px 6vw}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.release{color:#cfbb99;padding:9px 0;letter-spacing:.035em;font-size:13px}.product-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:6vw;align-items:center;margin-top:55px}.product h2{font-size:clamp(60px,8vw,128px);letter-spacing:-.055em;font-weight:650}.product h2 span{background:linear-gradient(145deg,#ecd5ac,#bd9358);color:transparent;background-clip:text;-webkit-background-clip:text}.product-grid p:not(.lead){color:var(--muted);max-width:540px}.availability{border-left:1px solid #aa85514d;padding-left:18px;font-size:14px;margin-top:30px}.ship{margin:0}.ship img{display:block;width:100%;height:auto}.ship figcaption{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;color:#92a4b3;font-size:12px}.ship figcaption strong{color:#d2dfeb;font-weight:500}
.features{display:grid;grid-template-columns:repeat(3,1fr);margin:75px 0 95px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--glass);box-shadow:var(--edge),0 25px 60px #0003;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.features article{padding:32px}.features article+article{border-left:1px solid var(--line)}.index{color:#b6a185}.features h3{font-size:23px;margin:22px 0 15px}.features p{color:var(--muted);margin-bottom:0}
.gallery{margin-top:60px;position:relative}.gallery h3{font-size:clamp(28px,3vw,42px);margin-bottom:32px}.gallery figure{margin:0;padding:9px 9px 0;border:1px solid #cde3f222;border-radius:22px;background:linear-gradient(145deg,#aec6d216,#ffffff03 30%,#1a232b55);box-shadow:var(--edge),0 30px 90px #0007;overflow:hidden}.gallery figure a{display:block;border-radius:14px;overflow:hidden;background:#030507}.gallery img{width:100%;height:auto;display:block}.gallery figcaption{color:#b2bfca;margin:0;padding:18px 16px;font-size:14px;letter-spacing:.02em}.gallery-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:20px 0 0}.gallery-options button{position:relative;overflow:hidden;text-align:left;padding:5px 5px 12px;border:1px solid #c9dce816;border-radius:13px;color:#aab6c3;background:linear-gradient(135deg,#d2e4f210,#070a0e99);box-shadow:inset 0 1px 0 #ffffff08;transition:transform .25s,border-color .25s,box-shadow .25s,color .25s;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.gallery-options button img{aspect-ratio:2.17;object-fit:cover;border-radius:8px;opacity:.53;transition:opacity .25s}.gallery-options button span{display:block;font-size:14px;line-height:1.4;padding:11px 8px 0}.gallery-options button:hover{transform:translateY(-3px);color:#eef5fa;border-color:#cfeaff55;box-shadow:inset 0 1px 0 #ffffff20,0 10px 25px #0004}.gallery-options button:hover img{opacity:.9}.gallery-options button[aria-pressed=true]{border-color:#b9deee66;color:#f1f9ff;background:linear-gradient(130deg,#bcdbe725,#19212bcc);box-shadow:inset 0 1px 0 #f0faff30,0 0 25px #addef00a}.gallery-options button[aria-pressed=true] img{opacity:1}.gallery-options button[aria-pressed=true]::after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,transparent,#c6ecfc,transparent)}
.studio{padding:100px 6vw;display:grid;grid-template-columns:1fr 2fr;gap:7vw;border-top:1px solid var(--line);background:linear-gradient(130deg,#b4c8d608,#080a0d00 65%)}.studio h2,.contact h2{font-size:clamp(34px,4vw,60px)}.studio p:not(.eyebrow){max-width:700px;color:#adb9c5}.studio .signature{color:#e5ecf2;margin-top:30px;font-size:14px}.signature span{color:#8296a8}
.contact{padding:24px 6vw 90px}.contact>div{padding:50px 5vw;border-radius:26px;border:1px solid #cddfea24;background:radial-gradient(ellipse at 95% 0,#b0d4e918,transparent 55%),linear-gradient(120deg,#ceddeb10,#ffffff02 55%,#0004);box-shadow:var(--edge),0 30px 65px #0003;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.email{display:inline-flex;align-items:center;margin-top:30px;padding:16px 24px;font-family:Oxanium,sans-serif;font-size:clamp(20px,2.2vw,32px);border:1px solid #d0e6f029;border-radius:15px;background:linear-gradient(130deg,#e2f1ff0d,#a0c7df05);box-shadow:var(--edge);transition:border-color .25s,background .25s,transform .25s}.email:hover{border-color:#d0e6f060;background:#cde9ff10;transform:translateY(-2px)}.contact p:not(.eyebrow){color:#9ba9b7;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 6vw;border-top:1px solid var(--line);color:#91a1ae;font-size:13px}footer a{transition:color .2s}footer a:hover{color:#eef6fc}.legal{max-width:900px;margin:auto;padding:80px 6vw}.legal h1{font-size:clamp(40px,6vw,70px);margin-bottom:50px}.legal h2{font-size:25px;margin-top:40px}.legal p{color:#acbbc8}.legal a{text-decoration:underline}
@media(min-width:1700px){main{max-width:1700px;margin:auto}}
@media(max-width:1100px){.gallery-options{grid-template-columns:repeat(4,minmax(0,1fr))}.features article{padding:25px}.features h3{font-size:21px}}
@media(max-width:850px){header{margin:12px 4vw 0;top:12px;padding:16px 18px;height:auto;min-height:76px;flex-wrap:wrap;gap:12px;border-radius:18px}nav{gap:2px}nav a{padding:8px 12px}.hero{grid-template-columns:1fr;padding:65px 6vw 0}.brand-art{max-width:610px;margin:45px auto 15px}.hero-bottom{margin-top:30px}.section-top{align-items:flex-start;flex-direction:column;gap:0}.product,.studio{padding:65px 6vw}.product-grid{grid-template-columns:1fr;gap:25px}.product h2{font-size:80px}.features{grid-template-columns:1fr;margin:45px 0 65px}.features article+article{border-left:0;border-top:1px solid var(--line)}.features article{padding:28px}.features h3{margin-top:10px}.studio{grid-template-columns:1fr;gap:25px}.contact{padding:0 6vw 65px}.contact>div{padding:32px 25px}.hero-bottom{font-size:12px;gap:16px}footer{flex-wrap:wrap}}
@media(max-width:520px){header{gap:13px}.wordmark{font-size:14px}nav{width:100%;justify-content:space-between}nav a{font-size:14px;padding:7px 10px}.hero{padding-top:50px}h1{font-size:44px}.lead{font-size:18px}.micro{margin-top:18px}.hero-bottom{flex-wrap:wrap;gap:4px}.gallery-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-options button{display:flex;align-items:center;padding:7px;gap:7px;min-height:67px}.gallery-options button img{width:46px;height:44px;object-fit:cover;flex-shrink:0;border-radius:6px}.gallery-options button span{font-size:14px;padding:0}.gallery figure{padding:5px 5px 0;border-radius:14px}.gallery figure a{border-radius:9px}.gallery figcaption{padding:13px 9px;font-size:14px}.email{padding:14px;font-size:clamp(16px,4.6vw,22px);max-width:100%;overflow-wrap:anywhere}.contact>div{padding:30px 22px}.signature span{display:block;margin-top:6px}footer{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.button:hover,.email:hover,.gallery-options button:hover{transform:none}}
.ship-stage{position:relative;width:100%;aspect-ratio:8/5;isolation:isolate}.ship-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s}.ship-stage>canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s}.ship-stage.is-ready>img{opacity:0}.ship-stage.is-ready>canvas{opacity:1}.ship figcaption{align-items:center;gap:16px}.ship figcaption>div{display:flex;flex-direction:column;gap:4px}.rotation-control{flex-shrink:0;color:#c3d4df;background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:8px 12px;box-shadow:var(--edge);font:14px Arial,sans-serif;min-height:38px;transition:border-color .2s}.rotation-control:hover{border-color:#beddeb66}.rotation-control[hidden]{display:none}@media(max-width:380px){.ship figcaption{gap:9px;font-size:11px}.rotation-control{font-size:13px;padding:8px}}

.launch-offer{margin-top:2rem;padding:1.5rem;border:1px solid rgba(170,210,230,.16);border-radius:1.25rem;background:linear-gradient(135deg,rgba(130,180,200,.09),rgba(8,11,16,.55));backdrop-filter:blur(18px)}.launch-offer .launch-price{font-size:2rem;color:#edf5fa;margin:.5rem 0}.launch-price span{font-size:1rem;color:#9bacb9;margin-left:.5rem}.launch-offer .availability{font-size:.875rem;margin-bottom:0}
