html{scroll-padding-top:96px}body{overflow-x:clip}.wrap{max-width:1320px}.section{padding:96px 0}.header{min-height:78px}.brand{letter-spacing:-.065em}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline}.announce{letter-spacing:.12em;text-transform:uppercase;font-size:10px}.studio-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(16px)}.studio-progress{height:2px;background:var(--accent);position:absolute;bottom:0;left:0;width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.studio-product{padding-top:56px}.studio-product .grid{grid-template-columns:1.15fr 1fr;gap:7vw;align-items:start}.studio-product h1{font-size:clamp(36px,4.3vw,64px);max-width:14ch;margin-bottom:24px}.studio-product .lead{font-size:17px;max-width:46ch}.studio-visual{position:sticky;top:110px}.tech-media{border-radius:28px;aspect-ratio:1;display:grid;place-items:center;box-shadow:none;background:radial-gradient(ellipse at 50% 40%,#fffcf6,var(--wash));border:1px solid var(--line);perspective:1000px}.tech-media:before{inset:12%;transform:rotate(-20deg) scaleX(.85);border-color:color-mix(in srgb,var(--ink) 12%,transparent);z-index:0;pointer-events:none}.tech-media:after{content:"";position:absolute;width:48%;height:5%;bottom:9%;left:26%;background:var(--ink);opacity:.09;filter:blur(18px);border-radius:50%;pointer-events:none}.tech-media img,.tech-media svg{position:relative;z-index:1;width:90%;height:90%;object-fit:contain;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));animation:studio-float 6s ease-in-out infinite;transition:transform .25s ease;filter:drop-shadow(0 18px 20px #17171616)}
@keyframes studio-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -10px;rotate:1deg}}
.studio-media-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.studio-motion{background:transparent;color:var(--ink);border:1px solid var(--line);font-size:11px;padding:7px 12px;min-height:44px;border-radius:999px}.gallery{display:flex;gap:10px;overflow:auto;padding:5px 3px 12px;scroll-snap-type:x mandatory}.gallery a{flex:0 0 76px;border:1px solid var(--line);border-radius:12px;overflow:hidden;scroll-snap-align:start;transition:border-color .2s,transform .2s}.gallery a[aria-current=true]{border:2px solid var(--ink)}.gallery img{aspect-ratio:1;object-fit:cover;display:block;border-radius:0}.gallery a:hover{transform:translateY(-3px)}.tech-chip{font-size:10px;margin-bottom:22px;letter-spacing:.06em;background:transparent}.price{font-size:30px;margin-top:24px}.studio-product select{min-height:52px}.studio-product input[type=number]{max-width:100px}.buy{border-radius:999px;min-height:58px;font-size:16px;transition:transform .2s,box-shadow .2s}.buy:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 28px #17171620}.sticky{box-shadow:0 -8px 35px #17171608}.sticky[hidden]{display:none}.sticky button{border-radius:999px}.card{border-radius:20px;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #17171609}.strip{border-block:1px solid var(--line)}.strip .cards{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.studio-reveal{animation:studio-reveal .65s ease both}@keyframes studio-reveal{from{opacity:.3;transform:translateY(22px)}to{opacity:1;transform:none}}
.studio-stage{padding:96px 0;background:#191b1b;color:#f5f0e7;overflow:hidden}.studio-stage .eyebrow{color:#b7baa9}.studio-stage h2{font-size:clamp(42px,6vw,80px);max-width:10ch}.studio-stage .grid{gap:9vw}.studio-stage-copy{color:#b9bcb6;max-width:40ch}.studio-wave{height:230px;display:flex;gap:clamp(3px,.65vw,9px);align-items:center;justify-content:center;position:relative;border-block:1px solid #ffffff18;margin:24px 0}.studio-wave i{display:block;width:8px;border-radius:99px;height:var(--bar);background:#d9edb3;animation:studio-wave 1.8s ease-in-out infinite alternate;animation-delay:var(--delay);opacity:.85}@keyframes studio-wave{to{transform:scaleY(.35);opacity:.4}}.studio-wave-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#b9bcb6}.studio-step{display:grid;grid-template-columns:42px 1fr;border-top:1px solid #ffffff25;padding:22px 0;column-gap:14px}.studio-step summary{list-style:none;grid-column:1/-1;display:flex;gap:20px;align-items:center;font-size:19px;min-height:44px}.studio-step summary::-webkit-details-marker{display:none}.studio-step summary:after{content:"+";margin-left:auto;font-weight:400}.studio-step[open] summary:after{content:"−"}.studio-step summary span{font-size:11px;color:#b7baa9}.studio-step p{grid-column:2;color:#b9bcb6;font-size:14px;margin:14px 0 0}.studio-stage a{color:#d9edb3;display:inline-block;margin-top:24px}.studio-stage :focus-visible{outline-color:#d9edb3}.studio-editorial{min-height:330px;display:grid;align-content:center;background:var(--wash);border-radius:24px;padding:40px;overflow:hidden}.studio-editorial strong{font-size:clamp(38px,5vw,66px);line-height:1.05;letter-spacing:-.05em;max-width:8ch}.studio-editorial .eyebrow{margin-top:24px;margin-bottom:0}body[data-motion-paused] .tech-media img,body[data-motion-paused] .tech-media svg,body[data-motion-paused] .studio-wave i{animation-play-state:paused}body[data-motion-paused] .tech-media img{transform:none}body[data-motion-paused] .studio-reveal{animation:none}.footer{padding-top:76px}details summary{padding-right:8px}
@media(min-width:1000px){.studio-product .studio-info{padding-top:20px}}
@media(max-width:749px){.section,.studio-stage{padding:52px 0}.studio-product{padding-top:24px}.studio-product .grid{grid-template-columns:1fr;gap:20px}.studio-visual{position:static}.tech-media{border-radius:22px;max-height:440px}.studio-product h1{font-size:40px;max-width:17ch}.studio-product .lead{font-size:16px}.studio-media-tools{margin:10px 0}.gallery a{flex-basis:62px}.studio-wave{height:160px}.studio-stage .grid{gap:30px}.studio-stage h2{font-size:52px;margin-bottom:20px}.studio-stage .grid>:last-child{width:100%}.strip .cards{gap:14px}.studio-editorial{min-height:250px}.sticky strong{display:block;max-width:46vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky button{min-width:140px}.studio-product .price{font-size:27px}.header nav{gap:16px}.studio-header .brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tech-media img,.tech-media svg,.studio-wave i,.studio-reveal{animation:none!important;transform:none!important;translate:none!important;rotate:none!important}*,*:before,*:after{transition:none!important}}

/* Real product photos: show full-bleed, no float */
.tech-media.is-photo{display:block;background:var(--wash)}.tech-media.is-photo:before,.tech-media.is-photo:after{display:none}.tech-media.is-photo img{width:100%;height:100%;object-fit:cover;animation:none;filter:none;transform:none}
/* Mobile-first product page */
.m-slider-wrap{display:none}
@media(max-width:749px){
.header{min-height:58px}.announce{padding:7px 14px}
.studio-product{padding-top:0}.studio-product>.wrap{padding:0}.studio-product .studio-info{padding:0 20px}
.has-photos .tech-media,.has-photos .studio-media-tools,.has-photos .gallery{display:none}
.m-slider-wrap{display:block;position:relative}
.m-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.m-slider::-webkit-scrollbar{display:none}
.m-slider img{flex:0 0 100%;width:100%;height:auto;aspect-ratio:1;object-fit:cover;scroll-snap-align:center;display:block}
.m-count{position:absolute;top:12px;right:12px;background:color-mix(in srgb,var(--ink) 70%,transparent);color:var(--paper);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.m-dots{display:flex;justify-content:center;gap:6px;padding:10px 0 4px}.m-dots i{width:6px;height:6px;border-radius:50%;background:var(--line);transition:width .2s,background .2s}.m-dots i.is-on{width:18px;border-radius:3px;background:var(--ink)}
.tech-chip{display:none}.studio-product .eyebrow{margin:14px 0 8px;font-size:10px}
.studio-product h1{font-size:32px;margin-bottom:10px}.studio-product .lead{font-size:15px;margin-bottom:12px}
.benefits li{font-size:14px}.studio-product .price{font-size:26px;margin:14px 0 4px}
.pack{padding:14px 16px;min-height:64px}.pill span{padding:11px 16px}
.buy{min-height:56px;font-size:17px}
.sticky strong{display:none}.sticky .fine{display:block!important;font-size:16px;font-weight:700}.sticky button{flex:1;min-width:0}
.studio-wave,.studio-wave-label{display:none}
.timeline li{font-size:12px}
}
