/* S02-03: 558.6svh. Only settled Choice gains 38.6svh; all other travel is frozen. */
:root{--inside-enter:0;--inside-shown:0;--inside-exit:0;--inside-research:0;--inside-design:0;--inside-search:0;--inside-xray:0;--inside-craft:0;--inside-choice:0;--inside-local:0}
.hero-story{height:calc(1669.03097834svh + 558.6svh)}
.inside-travel{position:absolute;width:1px;height:558.6svh;bottom:0;pointer-events:none;visibility:hidden}
.inside-machine{position:absolute;inset:0;z-index:5;opacity:var(--inside-shown);pointer-events:none;transform:translateY(calc((1 - var(--inside-enter))*38px));color:#efece4}
.inside-copy{position:absolute;left:5.5%;top:16%;width:29%;max-width:450px}
.inside-eyebrow{font-size:9px;letter-spacing:.17em;display:flex;gap:12px;align-items:center;color:#aec9c8;font-weight:600}
.inside-eyebrow i{width:20px;height:1px;background:#80d4c9}
.inside-introduction h2{font-size:clamp(36px,3.55vw,62px);font-weight:450;letter-spacing:-.057em;line-height:1.04;margin:24px 0 20px}
.inside-introduction h2 em{font-family:Georgia,serif;font-weight:400;color:#b9d5ce}
.inside-support{font-size:12px;line-height:1.85;max-width:350px;color:#aebbbb}
.inside-modes{display:flex;flex-direction:column;margin-top:27px;border-top:1px solid #aac6c222;pointer-events:auto}
.inside-modes button{display:flex;align-items:center;gap:13px;text-align:left;color:#819293;font-size:10px;letter-spacing:.045em;min-height:45px;border:0;border-bottom:1px solid #aac6c222;background:transparent;padding:0 0;cursor:pointer;position:relative}
.inside-modes button>span{font-size:8px;color:#718a8d;font-variant-numeric:tabular-nums}
.inside-modes button>i{margin-left:auto;font-size:16px;opacity:0;font-style:normal;color:#89d6c8}
.inside-modes button[aria-selected=true]{color:#eff0e8}.inside-modes button[aria-selected=true]>i{opacity:1}
.inside-modes button::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:#83c9bc;transform:scaleX(0);transform-origin:left}
.inside-modes button[aria-selected=true]::after{transform:scaleX(.4)}
.inside-modes button:focus-visible{outline:2px solid #91d7ce;outline-offset:5px}
.inside-panels{margin-top:24px;min-height:140px}
.inside-panels h3{font-size:19px;letter-spacing:-.027em;line-height:1.35;font-weight:500;max-width:340px;margin:0 0 12px}
.inside-panels p{font-size:11.5px;line-height:1.85;color:#a4b5b5;max-width:350px;margin:0}
.inside-footnote{position:absolute;bottom:7%;left:40%;right:5.5%;display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.04em;color:#91aaa9}
.inside-footnote>span:first-child{color:#647e81}
.inside-active .stage-world{transform:translate(-50%,-50%) translate3d(var(--inside-x),var(--inside-y),0)}
.inside-active .machine-product{--product-width:var(--inside-w);--product-height:var(--inside-h);transform:translate(-50%,-50%) rotateX(var(--inside-rx)) rotateY(var(--inside-ry)) rotateZ(var(--inside-rz))}
.inside-active .client-viewport iframe{width:var(--inside-cw);height:var(--inside-ch);transform:scale(var(--inside-scale))}
.inside-active :is(.story-heading,.hero-bottom,.product-tools){opacity:calc(1 - var(--inside-hero-fade))!important;pointer-events:none}
.inside-active .intro{opacity:calc(var(--intro-opacity)*(1 - var(--inside-enter)))!important}
.inside-active :is(.launch-mark,.product-caption){opacity:calc(1 - var(--inside-enter));pointer-events:none}
.inside-active .product-shell{border-radius:12px}
.inside-product-layers{position:absolute;inset:0;pointer-events:none;opacity:var(--inside-shown);z-index:12;transform-style:preserve-3d}
.inside-signal{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#8fdbcf;stroke-width:1.1;opacity:calc(var(--inside-research)*.7 + var(--inside-search)*.65)}
.inside-signal-bed{opacity:.15}.inside-signal-flow{stroke-dasharray:.14 1;stroke-dashoffset:calc(.14 - var(--inside-local));filter:drop-shadow(0 0 4px #79d0be88)}
.research-context{position:absolute;top:-76px;left:5%;right:0;display:flex;justify-content:space-between;gap:16px;opacity:var(--inside-research);transform:translateY(calc((1 - var(--inside-xray))*16px))}
.research-context>span{font-size:8px;color:#8faaa9;line-height:1.65;max-width:145px}.research-context b{display:block;color:#bdded5;font-size:10px;font-weight:500;margin-bottom:5px}
.xray-label{position:absolute;font-size:9px;letter-spacing:.035em;color:#a0d4c7;opacity:calc(var(--inside-research)*var(--inside-xray));border-left:1px solid #83cbbb80;padding:7px 10px;background:#0c252bea}
.xray-label span{display:block;font-size:8px;letter-spacing:0;margin-top:5px;color:#b5c6bf}
.label-services{right:7%;top:22%;max-width:200px}.label-path{right:8%;bottom:18%;font-size:9px}.label-path i{margin-left:14px;font-style:normal}
.structure-path,.choice-path{position:absolute;left:0;right:0;bottom:-50px;display:flex;justify-content:center;gap:12px;align-items:center;font-size:9px;color:#bdcfc7;opacity:calc(var(--inside-research)*var(--inside-xray))}
.structure-path i,.choice-path i{font-style:normal;color:#50716e}
.design-caption{position:absolute;left:0;right:0;bottom:-52px;display:flex;align-items:center;justify-content:space-between;opacity:var(--inside-design);font-size:9px;color:#b9b7aa}
.design-material{display:flex;gap:8px;align-items:center;font:italic 25px Georgia}.design-material i,.design-material b,.design-material em{width:12px;height:12px;border-radius:50%;background:#be865e;display:block}.design-material b{background:#ede5d6}.design-material em{background:#21383f;border:1px solid #759192}
.design-devices{display:flex;gap:8px;align-items:flex-end}.design-devices svg{width:22px;height:24px;fill:none;stroke:#9dbaad;stroke-width:1}.design-devices svg:last-child{width:15px;height:20px}
.discovery{position:absolute;top:-73px;right:5%;width:72%;background:linear-gradient(120deg,#20363b,#102227);border:1px solid #8bbcb644;border-radius:9px;padding:16px 21px;box-shadow:0 25px 65px #0008;opacity:calc(var(--inside-search)*(1 - var(--inside-choice)));transform:translateY(calc(var(--inside-choice)*-16px));}
.search-query{display:flex;align-items:center;gap:12px;border-bottom:1px solid #90aba52b;padding-bottom:11px;margin-bottom:14px;font-size:13px;color:#e0e9df}
.search-query svg{width:15px;height:15px;fill:none;stroke:#a3c8bc;stroke-width:1.4}.discovery-result>span{font-size:8px;letter-spacing:.1em;color:#c3d5c8}.discovery-result small{display:block;margin-top:3px;font-size:8px;letter-spacing:0;color:#829f97}.discovery-result strong{display:block;font-size:16px;font-weight:450;color:#add9d3;margin-top:11px}.discovery-result p{font-size:9px;color:#bbc9c2;line-height:1.7;margin:7px 0}.search-note{font-size:7px;letter-spacing:.02em;color:#7d9c95}
.search-foundations{position:absolute;right:5%;bottom:14%;display:flex;flex-direction:column;gap:13px;color:#b7d4c6;font-size:10px;opacity:calc(var(--inside-search)*(1 - var(--inside-choice)))}
.search-foundations span{border-left:1px solid #84bfa5;padding-left:11px}
.choice-path{opacity:calc(var(--inside-search)*(.5 + var(--inside-choice)*.5));bottom:-49px}
.choice-path span:last-child{color:#e2bf92}
.inside-conclusion{position:absolute;z-index:6;left:5%;right:5%;top:76%;text-align:center;opacity:var(--inside-exit);transform:translateY(calc((1 - var(--inside-exit))*20px));pointer-events:none}
.inside-conclusion p{font-size:9px;letter-spacing:.035em;color:#aac3b9;margin-bottom:16px}.inside-conclusion p i{font-style:normal;margin:0 10px;color:#ba956d}
.inside-conclusion h2{font-size:clamp(27px,3.1vw,46px);font-weight:450;letter-spacing:-.04em;line-height:1.15;margin:0}.inside-conclusion h2 br{display:none}.inside-conclusion h2 em{font:italic 1em Georgia;color:#e1cbb0}
.inside-warmth{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:var(--inside-exit);background:radial-gradient(ellipse at 52% 99%,#d8c2a938,transparent 59%),linear-gradient(0deg,#ece4d3 0%,#c2b29a94 2%,#796c5522 14%,transparent 38%)}
@media(max-width:1100px){.inside-copy{left:7%;top:11%;width:86%;max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.inside-introduction{grid-row:span 2}.inside-introduction h2{font-size:43px;margin-top:20px}.inside-support{font-size:12px}.inside-modes{margin-top:0}.inside-panels{margin-top:18px;min-height:120px}.inside-panels h3{font-size:18px}.inside-panels p{font-size:11px}.inside-footnote{left:7%;right:7%;bottom:8%}.research-context{top:-60px}.inside-conclusion{top:80%}.inside-conclusion h2 br{display:block}}
@media(max-width:600px){
 .hero-story{height:calc(1417.98602180svh + 558.6svh)}
 .inside-copy{top:89px;left:22px;right:22px;width:auto;display:block}
 .inside-eyebrow{font-size:7px;letter-spacing:.11em;gap:7px}.inside-eyebrow i{width:12px}
 .inside-introduction h2{font-size:30px;margin:14px 0 12px}.inside-introduction h2 br{display:none}.inside-support{font-size:11px;line-height:1.7;max-width:100%}
 .inside-entered .inside-introduction h2,.inside-entered .inside-support{display:none}
 .inside-modes{flex-direction:row;margin-top:17px;gap:10px;border-top:0}.inside-modes button{font-size:9px;letter-spacing:0;line-height:1.45;flex:1;min-height:48px;align-items:flex-start;padding:0 0 9px;gap:0;display:block}.inside-modes button>span{font-size:7px;display:block;margin-bottom:3px}.inside-modes button>i{display:none}
 .inside-panels{margin-top:17px;min-height:120px}.inside-panels h3{font-size:21px;line-height:1.25;max-width:350px;margin-bottom:10px}.inside-panels p{font-size:11px;line-height:1.7;max-width:350px}
 .research-context{left:1%;right:1%;top:-45px;gap:8px}.research-context>span{font-size:0;max-width:none}.research-context b{font-size:9px;font-weight:450}.research-context>span:nth-child(2){display:none}
 .label-services{right:4%;top:22%;font-size:8px;padding:6px 8px;max-width:44%}.label-services span{font-size:7px;line-height:1.6}.label-path{display:none}
 .structure-path,.choice-path{gap:6px;font-size:7.5px;bottom:-40px;white-space:nowrap}.structure-path i{display:none}.structure-path span{padding:0 5px;border-right:1px solid #657c7750}.structure-path span:last-child{border:0}
 .design-caption{bottom:-43px;font-size:8px}.design-material{font-size:21px;gap:5px}.design-material i,.design-material b,.design-material em{width:8px;height:8px}.design-devices{gap:2px}.design-devices svg{width:17px;height:20px}.design-caption>span:nth-child(2){max-width:120px;text-align:center;line-height:1.6}
 .discovery{top:39px;right:4%;width:92%;padding:12px 14px;border-radius:6px}.search-query{font-size:11px;padding-bottom:8px;margin-bottom:10px}.discovery-result strong{font-size:13px;line-height:1.4;margin-top:7px}.discovery-result p{font-size:8px}.search-note{font-size:7px}.search-foundations{display:none}
 .inside-footnote{left:22px;right:22px;bottom:7%;font-size:8px;display:block;text-align:center}.inside-footnote>span:first-child{display:none}
 .inside-conclusion{top:82%;left:18px;right:18px}.inside-conclusion p{font-size:7px;line-height:1.8;margin-bottom:10px}.inside-conclusion p i{margin:0 4px}.inside-conclusion h2{font-size:27px}.inside-conclusion h2 br{display:block}
}
@media(max-width:600px) and (max-height:649px){.inside-copy{top:76px;left:18px;right:18px}.inside-modes{margin-top:10px;gap:8px}.inside-modes button{font-size:8px;min-height:42px}.inside-panels{margin-top:12px}.inside-panels h3{font-size:18px;margin-bottom:7px}.inside-panels p{font-size:10px;line-height:1.65}.inside-introduction h2{font-size:27px}.research-context{top:-29px}.research-context b{font-size:8px}.inside-footnote{bottom:4%}.structure-path,.choice-path{font-size:6.8px;gap:4px;bottom:-31px}.design-caption{bottom:-33px}.discovery{top:35px;padding:10px 12px}.discovery-result p{display:none}.search-query{margin-bottom:7px;font-size:10px}.search-note{font-size:6px}.inside-conclusion{top:80%}.inside-conclusion h2{font-size:24px}}
.reduced-scene .hero-story{height:200svh}.reduced-scene .inside-travel{height:100svh}.reduced-scene .inside-machine,.reduced-scene .inside-conclusion{transform:none}.reduced-scene .inside-product-layers .inside-signal{display:none}
.research-context,.xray-label,.structure-path,.design-caption,.discovery,.choice-path,.search-foundations{transition:opacity .32s ease}
.inside-panels>[role=tabpanel]:not([hidden]){animation:inside-copy-arrival .35s ease both}
@keyframes inside-copy-arrival{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
.inside-active .intro{pointer-events:none}
@media(min-width:1101px){.inside-support{font-size:13px}.inside-modes button{font-size:11px}.inside-panels h3{font-size:20px}.inside-panels p{font-size:12px}.research-context>span{font-size:10px;max-width:155px}.research-context b{font-size:12px}.xray-label{font-size:11px}.xray-label span{font-size:10px;line-height:1.6}.structure-path,.choice-path{font-size:11px}.inside-footnote{font-size:10px}}
@media(max-width:600px) and (max-height:649px){.inside-panels p{font-size:11px}.inside-active .client-viewport{border-radius:0 0 9px 9px}}
@media(max-width:600px){.inside-active:not(.inside-entered) .inside-modes,.inside-active:not(.inside-entered) .inside-panels{visibility:hidden}}
@media(max-width:600px) and (max-height:649px){.inside-footnote{display:none}}
@media(min-width:1101px){.inside-conclusion{top:80%}}
@media(min-width:1101px){.inside-footnote{bottom:2.5%}}
.ambient-paused .inside-panels>[role=tabpanel],.motion-paused .inside-panels>[role=tabpanel]{animation:none!important}
@media(max-width:600px){.inside-active:not(.inside-entered) .inside-product-layers{opacity:0}}
@media(max-width:600px) and (max-height:649px){.research-context{display:none}}
@media(min-width:601px) and (max-width:1100px) and (max-height:899px){.inside-copy{top:10%;column-gap:30px}.inside-introduction h2{font-size:35px}.inside-modes button{min-height:38px}.inside-panels h3{font-size:17px}.inside-panels p{font-size:10.5px;line-height:1.7}.inside-footnote{display:none}.inside-conclusion{top:78%}.research-context{top:-48px}.research-context>span{font-size:8px;max-width:110px}.research-context b{font-size:9px}.structure-path,.choice-path{bottom:-36px}.design-caption{bottom:-37px}.discovery{top:-30px;padding:12px 18px}.discovery-result strong{font-size:14px}.discovery-result p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-story{height:200svh}.inside-travel{height:100svh}.inside-machine{transform:none}.inside-signal{display:none}}

/* The inner document is a visual demonstration in S02; outer tabs own interaction. */
.inside-active .client-viewport iframe{pointer-events:none!important;user-select:none}
.discovery{opacity:calc(var(--inside-search)*var(--inside-discovery)*(1 - var(--inside-choice)))}
.search-foundations{opacity:calc(var(--inside-search)*var(--inside-discovery)*(1 - var(--inside-choice)))}
.design-devices{gap:10px}.design-devices svg{width:27px;height:29px;stroke-width:1.25;opacity:calc(.35 + var(--inside-button)*.65)}
.design-devices svg:last-child{width:19px;height:25px}
@media(max-width:600px){
 .inside-modes{gap:12px}.inside-modes button{font-size:12px;line-height:1.4;min-height:61px;letter-spacing:-.015em}.inside-modes button>span{font-size:9px;margin-bottom:5px}
 .inside-panels{margin-top:15px}.inside-panels h3{font-size:21px}.inside-panels p{font-size:12px;line-height:1.6}
 .research-context{display:flex;top:-35px;gap:10px}.research-context>span:nth-child(2){display:block}.research-context>span:nth-child(4){display:none}.research-context b{font-size:11px;letter-spacing:.03em}
 .design-devices svg{width:22px;height:24px}.design-devices svg:last-child{width:16px;height:21px}
 .design-caption{bottom:-39px}.inside-footnote{bottom:2.5%}
 .structure-path,.choice-path{font-size:9px;gap:5px;bottom:-37px}
}
@media(max-width:600px) and (max-height:649px){
 .inside-copy{top:74px;left:18px;right:18px}.inside-modes{margin-top:12px;gap:10px}.inside-modes button{font-size:11px;min-height:57px}
 .inside-panels{margin-top:12px;min-height:0}.inside-panels h3{font-size:18px;line-height:1.25}.inside-panels p{font-size:11px;line-height:1.5}
 .research-context{display:flex;top:-27px}.research-context b{font-size:10px}
 .structure-path,.choice-path{font-size:8px;bottom:-30px;gap:4px}.design-caption{bottom:-32px}
}
.reduced-scene .inside-panels>[role=tabpanel]{animation:none!important}
.reduced-scene :is(.research-context,.xray-label,.structure-path,.design-caption,.discovery,.choice-path,.search-foundations){transition:none}
@media(prefers-reduced-motion:reduce){.inside-panels>[role=tabpanel]{animation:none!important}.research-context,.xray-label,.structure-path,.design-caption,.discovery,.choice-path,.search-foundations{transition:none}}