@media(max-width:900px){
:root{--header:calc(68px + env(safe-area-inset-top));--gutter:22px}
html{scroll-padding-top:calc(var(--header) + 12px)}body{overflow-x:clip;font-family:'instrument-sans',sans-serif}
header,body.at-footer header,body.past-intro header{visibility:visible;position:fixed;z-index:60;height:var(--header);padding:env(safe-area-inset-top) 20px 0;background:#eee9e1;border-bottom:1px solid #30291f18}
header .logo-window{width:146px;height:52px}header .logo-window img{width:201px;left:-25px;top:-98px}
header>nav,header>.contact{display:none}.phone-toggle{width:48px;height:48px;padding:12px;border:0;background:none;color:#252421;font-size:26px}
.phone-menu{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:calc(var(--header) + 24px) 26px 40px;border:0;background:#eee9e1;color:#252421}
.phone-menu nav{display:flex;flex-direction:column;gap:8px}.phone-menu nav a,.phone-menu nav button{display:block;text-align:left;border:0;border-bottom:1px solid #30291f25;background:none;padding:18px 0;font:400 30px 'newsreader',serif;min-height:56px}.phone-close{position:absolute;right:20px;top:calc(10px + env(safe-area-inset-top));width:48px;height:48px;border:0;background:none;font-size:32px}
.story{height:235svh}.stage{height:100svh;background:#ddd0bd}.environment,.set-scene,#box{display:none}.poster{opacity:1;object-fit:cover;object-position:center center}.stage picture{display:contents}
.opening-copy{position:absolute;left:22px;right:22px;top:calc(var(--header) + 28px);width:auto;max-width:none;transition:none}
.opening-copy h1{font:400 clamp(42px,11vw,60px)/1.02 'newsreader',serif;margin:0 0 22px;letter-spacing:-.025em}.opening-copy>p{display:none}.primary{min-height:44px;font-size:15px;padding:12px 20px}.phone-cue{position:absolute;bottom:18px;left:22px;font-size:12px}.phone-skip{position:absolute;bottom:8px;right:22px;min-height:44px;display:flex;align-items:center;font-size:13px}
#tools{visibility:visible;margin:0;scroll-margin-top:var(--header);background:#bdb7af}.product-view{height:auto;min-height:640px;display:flex;flex-direction:column;padding:28px 22px 0;overflow:hidden}.product-copy{position:static;order:0;width:auto;max-width:none}.product-copy h2{font:400 38px/1.05 'newsreader',serif;margin:12px 0}.number{font-size:10px;margin:0}.description{font-size:16px;line-height:1.5;max-width:34ch;margin:12px 0}.product-copy a{min-height:44px;display:inline-flex;align-items:center;font-size:15px;margin:0}.product-view>img{order:1;height:340px;width:100%;object-fit:contain;mask:none; margin-top:14px}
.tabs{position:sticky;top:var(--header);z-index:5;justify-content:flex-start;gap:22px;overflow:auto;max-width:100%;padding:8px 18px;background:#bdb7af;height:64px;scrollbar-width:none}.tabs button{white-space:nowrap;flex:0 0 auto;min-height:44px;font-size:15px;padding:8px 0}
#details{padding:28px 22px 40px;scroll-margin-top:calc(var(--header) + 70px)}#details[hidden]{display:none}.details-crop{display:none}.captions{display:grid;grid-template-columns:1fr;gap:24px}.captions h3{font:400 25px 'newsreader',serif}.phone-detail-img{width:100%;height:230px;object-fit:contain;display:block}.phone-detail-copy{font-size:15px;line-height:1.5}
.why-section{display:block;padding:48px 22px;scroll-margin-top:var(--header)}.why-editorial{display:block;width:100%}.why-photo{display:none}#why-title{font-size:11px!important;letter-spacing:.18em;margin:0 0 18px!important}.why-lead h3{font:400 38px/1.05 'newsreader',serif;margin:0 0 20px}.why-lead p{font-size:17px;line-height:1.5}.why-flow{margin-top:30px}.why-flow article{display:grid;grid-template-columns:34px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid #30291f25}.why-icon{width:30px;height:30px}.why-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}.why-flow h3{font:400 25px/1.1 'newsreader',serif;margin:0 0 10px}.why-flow p{font-size:15px;line-height:1.5;margin:0}
.launch-section{padding:54px 22px;min-height:0;scroll-margin-top:var(--header)}.launch-content{width:100%;max-width:none}.launch-content h2{font-size:40px}.launch-intro{font-size:17px}.email-line{display:flex;flex-wrap:wrap;gap:14px}.email-line input{min-width:0;width:100%;font-size:16px}.email-line button{min-height:48px}.site-footer{padding:32px 22px calc(25px + env(safe-area-inset-bottom))}.footer-main{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px}.footer-bottom{display:flex;flex-wrap:wrap;gap:20px}.social-icon{min-width:44px;min-height:44px}
@media(prefers-reduced-motion:reduce){.story{height:100svh}.stage{position:relative}}
}
@media(max-width:900px){
.tabs{position:relative;top:auto}.why-section{scroll-margin-top:0;padding-top:calc(var(--header) + 30px)}
.phone-final{position:absolute;top:calc(var(--header) + 26px);left:22px;right:22px}.phone-final[hidden]{display:none}.phone-final h2{font:400 42px/1.03 'newsreader',serif;margin:0 0 20px}
.phone-photo-panel{position:relative;aspect-ratio:1/1.1;overflow:hidden;margin-bottom:18px}.phone-photo-panel img{position:absolute;width:300%;max-width:none;height:100%;object-fit:fill;top:0}
}

@media(max-width:900px){#tools,#why-veyrik,#launch{scroll-margin-top:0}#details{scroll-margin-top:0}.product-view{min-height:600px}.product-view>img{height:320px}}
@media(max-width:900px){
 .poster{height:100%;transform:translateY(-13svh) scale(1.24);transform-origin:50% 100%;object-position:center bottom}
 .stage{background:#d8c7b2}
 .tabs{height:auto;min-height:104px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:0 18px;overflow:visible;padding:8px 14px}
 .tabs button{font-size:14px;min-height:44px;padding:8px 2px}
 .launch-content{text-align:center;margin-inline:auto;max-width:420px}
 .launch-form{margin-inline:auto;text-align:center}.email-line{justify-content:center}.email-line input{text-align:center}.launch-form label{display:block;text-align:center}.connection-note{text-align:center}
 .footer-main{align-items:center;text-align:center}.footer-brand{align-self:center}.site-footer nav{justify-content:center;gap:10px 22px}.site-footer nav a,.site-footer nav button{min-height:44px;display:inline-flex;align-items:center}.social-icons{justify-content:center}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.footer-language{justify-content:center}
}

@media(max-width:900px){.poster{transform:translateY(-18svh) scale(1.05);transform-origin:50% 100%;mask-image:linear-gradient(to bottom,#000 0%,#000 93%,transparent 100%)}.stage{background:linear-gradient(#d8c7b2 65%,#dfceb9)}}

@media(max-width:900px){.poster{mask-image:linear-gradient(to bottom,#000 0%,#000 97%,transparent 100%)}}
@media(max-width:900px){
 #tools>.tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:auto;min-height:108px;width:100%;padding:8px 12px;gap:4px 8px;overflow:visible;box-sizing:border-box}
 #tools>.tabs button{grid-column:span 2;min-width:0;white-space:nowrap;text-align:center;font-size:13px;min-height:44px}
 #tools>.tabs button:nth-child(4){grid-column:2/span 2}#tools>.tabs button:nth-child(5){grid-column:4/span 2}
 .launch-section .launch-content,.launch-section .launch-form{width:100%;margin-inline:auto;text-align:center}
 .launch-section .email-line{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
 .launch-section .launch-form label,.launch-section .email-line input,.launch-section .connection-note{text-align:center;width:100%}
 .launch-section .email-line button{align-self:center;margin-inline:auto;min-height:48px}
 .site-footer .footer-main{width:100%;align-items:center;justify-content:center;text-align:center}
 .site-footer .footer-brand{align-self:center;margin-inline:auto}
 .site-footer .logo-window{width:194px;height:70px;transform:none;margin-inline:auto}
 .site-footer .logo-window img{width:267px;left:-34px;top:-130px}
 .site-footer nav{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 20px}
 .site-footer .social-icons{width:100%;justify-content:center;align-self:center;margin-inline:auto}
 .site-footer .footer-bottom,.site-footer .footer-language{justify-content:center;align-items:center;text-align:center}
}
@media(max-width:900px){
 #tools{margin-top:-18svh;position:relative;z-index:2}
 .phone-skip{bottom:calc(18svh + 8px)}.phone-cue{bottom:calc(18svh + 18px)}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){#tools{margin-top:-18svh}}
@media(max-width:900px){
 .story{height:72svh}.stage{position:relative;height:72svh;overflow:hidden}
 .poster{height:100svh;width:100%;left:-4%;object-fit:cover;object-position:center bottom;mask-image:none}
 #tools{margin-top:0}
 .phone-cue{bottom:18px}.phone-skip{bottom:8px}
 .phone-final{display:none}
}

@media(max-width:900px){.poster{width:108%;left:-4%}}
@media(max-width:900px){
 .story{height:185svh}.stage{position:sticky;top:0;height:100svh;overflow:hidden}
 .poster{width:100%;left:0;mask-image:linear-gradient(to bottom,#000 0%,#000 97%,transparent 100%)}
 .phone-skip{bottom:16px;right:22px;padding:0 10px;background:#e8d9c4e8;border-radius:2px}
 .phone-cue{bottom:26px}
}
@media(max-width:900px){
 .story{height:210svh;background:#d7c6b1}.stage{height:100svh;position:sticky;top:0;background:#d7c6b1}
 #box{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:1}
 .phone-rendered .poster{display:none}
 .opening-copy{top:calc(var(--header) + 28px)}
 .opening-copy .primary{z-index:2}
 .phone-final{display:block;left:22px;right:22px;text-align:center;position:absolute}
 .phone-final[hidden]{display:none}.phone-final h2{font-size:32px;margin-bottom:16px}
 .phone-cue{bottom:24px}.phone-skip{bottom:12px;background:none;padding:0}
 #tools{margin-top:0;z-index:2}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.story{height:100svh}.stage{position:relative}}

@media(max-width:900px){.stage{height:min(100svh,650px)}.story{height:calc(min(100svh,650px) + 110svh)}}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.story{height:min(100svh,650px)}}

/* Compact phone opening: no empty scroll track beneath the footage. */
@media(max-width:900px){
.story{height:auto!important;min-height:0!important}
.stage{position:relative!important;height:540px!important;min-height:0!important;overflow:hidden}
.stage.phone-opening{height:620px!important}
.phone-cue{display:none!important}
.phone-skip{bottom:22px!important;right:22px!important}
.phone-final{bottom:auto!important}
}

/* Mobile product flow: introduction, product, details, then component choices. */
@media(max-width:900px){
 #tools .product-view{min-height:0;padding:32px 22px 8px;gap:0}
 #tools .product-copy{text-align:center;width:100%;margin:0 auto}
 #tools .product-copy h2{font-size:36px;line-height:1.08;margin:12px 0}
 #tools .product-copy .description{font-size:15px;line-height:1.5;max-width:31ch;margin:0 auto}
 #tools .product-view>img{height:280px;margin:16px auto 4px;flex:none}
 #tools .phone-detail-action{order:2;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;border-bottom:1px solid #8e8170;text-decoration:none;margin:0 0 12px}
 #tools>.tabs{border-top:1px solid #30291f20;padding-top:12px;padding-bottom:16px}
 #tools>.tabs button{font-size:12px;letter-spacing:0}
 #tools,#why-veyrik,#launch{scroll-margin-top:var(--header)}
}

@media(max-width:900px){#tools,#why-veyrik,#launch{scroll-margin-top:0}}

@media(max-width:900px){.opening-copy h1{text-align:center}}