/* A physical studio with deliberately separate spaces for copy and interaction. */
body.wonder-studio.wonder-lab.edition-home:not(.lab-scrolled) .site-header{background:#eee9e2f2;backdrop-filter:blur(12px)}
body.wonder-studio.wonder-lab.edition-home .studio-eyebrow .motion-toggle{background:#eee9e2f2;border:1px solid #28232e24;border-radius:999px;padding:5px 12px 5px 5px;gap:8px}
body.wonder-studio.wonder-lab.edition-home .studio-eyebrow .motion-icon{border:0;background:#ffffffa8}
body.wonder-studio.wonder-lab.edition-home .studio-sequence{height:500svh;background:#eee9e2}
body.wonder-studio.wonder-lab.edition-home .studio-stage{background:#eee9e2;color:#28232e;min-height:0}
body.wonder-studio.wonder-lab.edition-home .studio-wash{display:block;z-index:4;opacity:var(--opening-wash,1);background:linear-gradient(90deg,#eee9e2 0%,#eee9e2f5 25%,#eee9e2df 42%,transparent 64%)}
.studio-stage:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(270deg,#eee9e2 0%,#eee9e2ed 28%,#eee9e280 43%,transparent 59%);opacity:var(--system-wash,0)}
body.wonder-studio.wonder-lab.edition-home .studio-opening{z-index:6;top:26%;width:45%;pointer-events:none}
body.wonder-studio.wonder-lab.edition-home .studio-opening h1{font-size:clamp(80px,11.6vw,190px);line-height:.88;letter-spacing:-.075em;font-weight:800}
body.wonder-studio.wonder-lab.edition-home .studio-opening h1>span:last-child{margin-left:0}
body.wonder-studio.wonder-lab.edition-home .studio-opening p{font-size:16px;line-height:1.85;margin-top:36px;max-width:400px;color:#62566a}
body.wonder-studio.wonder-lab.edition-home .studio-eyebrow{font-size:12px;top:112px}
body.wonder-studio.wonder-lab.edition-home .studio-eyebrow .motion-label{font-size:12px}
body.wonder-studio.wonder-lab.edition-home .studio-pullback{top:17%;width:70%;left:var(--pad)}
body.wonder-studio.wonder-lab.edition-home .studio-pullback h2{font-size:clamp(35px,4.2vw,66px);line-height:1.18;margin:14px 0 0;font-weight:650}
body.wonder-studio.wonder-lab.edition-home .studio-type{display:none}
body.wonder-studio.wonder-lab.edition-home .studio-systems{top:23%;left:59%;right:var(--pad)}
body.wonder-studio.wonder-lab.edition-home .studio-systems h2{font-size:clamp(30px,3.15vw,52px);line-height:1.22;margin:15px 0}
body.wonder-studio.wonder-lab.edition-home .studio-systems>p{font-size:15px;line-height:1.8}
body.wonder-studio.wonder-lab.edition-home .studio-flow{margin-top:22px}
body.wonder-studio.wonder-lab.edition-home .studio-flow-row{padding:12px 8px;font-size:14px;background:transparent}
body.wonder-studio.wonder-lab.edition-home .studio-flow-action{gap:12px;margin-top:16px;align-items:flex-start;flex-direction:column}
body.wonder-studio.wonder-lab.edition-home .studio-flow-action small{font-size:12px;max-width:none}
body.wonder-studio.wonder-lab.edition-home .studio-flow-action button{font-size:14px;padding:13px 20px}
body.wonder-studio.wonder-lab.edition-home .studio-connect{top:16%;left:var(--pad);right:var(--pad);text-align:left}
body.wonder-studio.wonder-lab.edition-home .studio-connect h2{font-size:clamp(40px,5.0vw,80px);line-height:1.1;margin:15px 0;display:flex;gap:.25em}
body.wonder-studio.wonder-lab.edition-home .studio-final-row{gap:0;justify-content:flex-start}
body.wonder-studio.wonder-lab.edition-home .studio-seat{display:none}
body.wonder-studio.wonder-lab.edition-home .studio-connect>p{font-size:15px;max-width:640px;margin-top:14px}
body.wonder-studio.wonder-lab.edition-home .studio-connect>a{font-size:14px;margin-top:0}
body.wonder-studio.wonder-lab.edition-home .studio-performance{bottom:110px;font-size:12px}
body.wonder-studio.wonder-lab.edition-home .studio-rail{font-size:12px}
body.wonder-studio.wonder-lab.edition-home .studio-rail a,body.wonder-studio.wonder-lab.edition-home .studio-rail button{font-size:12px}
body.wonder-studio.wonder-lab.edition-home .is-static{height:auto}
body.wonder-studio.wonder-lab.edition-home .is-static .studio-stage{height:100svh;min-height:0;background:#eee9e2!important}
/* Swap the portrait before revealing the volume: no overlapping faces. */
body.wonder-studio.wonder-lab.edition-home .studio-fallback{transition:none}
body.wonder-studio.wonder-lab.edition-home .is-static .studio-stage[data-render=ready] .studio-canvas{opacity:1!important}
body.wonder-studio.wonder-lab.edition-home .is-static .studio-stage[data-render=ready] .studio-fallback{opacity:0!important}
/* A still portrait needs its own composition, without the 3D scene's wash. */
body.wonder-studio.wonder-lab.edition-home .is-static .studio-wash,
body.wonder-studio.wonder-lab.edition-home .is-static .studio-stage:after{display:none}
@media(max-width:760px),(max-aspect-ratio:1/1){
 body.wonder-studio.wonder-lab.edition-home .studio-eyebrow .motion-toggle{padding:5px}
 body.wonder-studio.wonder-lab.edition-home .studio-stage{min-height:0}
 body.wonder-studio.wonder-lab.edition-home .studio-sequence{height:470svh}
 body.wonder-studio.wonder-lab.edition-home .studio-wash{background:linear-gradient(180deg,#eee9e2 0%,#eee9e2 40%,transparent 46%)}
 .studio-stage:after{background:linear-gradient(180deg,transparent 30%,#eee9e2 54%)}
 body.wonder-studio.wonder-lab.edition-home .studio-opening{top:19%;width:92%}
 body.wonder-studio.wonder-lab.edition-home .studio-opening h1{font-size:clamp(66px,17vw,125px);line-height:.88}
 body.wonder-studio.wonder-lab.edition-home .studio-opening p{position:static;font-size:13px;line-height:1.6;max-width:310px;margin-top:20px}
 body.wonder-studio.wonder-lab.edition-home .studio-eyebrow{top:90px;font-size:10px}
 body.wonder-studio.wonder-lab.edition-home .studio-pullback{top:17%;width:90%}
 body.wonder-studio.wonder-lab.edition-home .studio-pullback h2{font-size:clamp(28px,7vw,44px)}
 body.wonder-studio.wonder-lab.edition-home .studio-systems{left:var(--pad);right:var(--pad);top:49%}
 body.wonder-studio.wonder-lab.edition-home .studio-systems h2{font-size:30px;margin:10px 0}
 body.wonder-studio.wonder-lab.edition-home .studio-systems>p{display:none}
 body.wonder-studio.wonder-lab.edition-home .studio-flow{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-row{font-size:12px;padding:11px 0;grid-template-columns:17px 1fr auto;gap:6px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action{margin-top:12px;gap:8px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action small{font-size:11px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action button{padding:10px 16px;font-size:12px}
 body.wonder-studio.wonder-lab.edition-home .studio-connect{top:16%}
 body.wonder-studio.wonder-lab.edition-home .studio-connect h2{font-size:38px;display:block}
 body.wonder-studio.wonder-lab.edition-home .studio-connect>p{font-size:13px;line-height:1.7;max-width:330px}
 body.wonder-studio.wonder-lab.edition-home .studio-connect>a{font-size:13px}
 body.wonder-studio.wonder-lab.edition-home .studio-rail{background:#eee9e2e8;box-shadow:0 -12px 26px #eee9e2e0}
 body.wonder-studio.wonder-lab.edition-home .studio-rail a,body.wonder-studio.wonder-lab.edition-home .studio-rail button{font-size:11px}
 body.wonder-studio.wonder-lab.edition-home .studio-performance{bottom:99px}
 body.wonder-studio.wonder-lab.edition-home .studio-sequence.is-static{height:auto}
 body.wonder-studio.wonder-lab.edition-home .is-static .studio-stage{display:flex;flex-direction:column;height:auto;min-height:100svh;padding:145px var(--pad) 95px}
 body.wonder-studio.wonder-lab.edition-home .is-static .studio-opening{position:relative;order:1;top:auto;left:auto;width:100%;height:auto}
 body.wonder-studio.wonder-lab.edition-home .is-static .studio-fallback{position:relative;order:2;display:block;top:auto;right:auto;left:50%;width:min(112%,500px);height:auto;max-width:none;max-height:none;object-fit:contain;transform:translateX(-50%);margin:-12px 0 -22px}
}

@media(max-aspect-ratio:1/1){
 /* Fit the opening wash to the actual copy height, including translated lines. */
 body.wonder-studio.wonder-lab.edition-home .studio-wash{background:linear-gradient(180deg,#eee9e2 0%,#eee9e2 max(40%,var(--opening-copy-bottom,40%)),transparent calc(max(40%,var(--opening-copy-bottom,40%)) + 32px))}
}

@media(max-height:700px) and (max-aspect-ratio:1/1){
 body.wonder-studio.wonder-lab.edition-home .studio-systems{top:41%}
 body.wonder-studio.wonder-lab.edition-home .studio-systems h2{font-size:23px;line-height:1.14;margin:8px 0}
 body.wonder-studio.wonder-lab.edition-home .studio-systems>span{font-size:9px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow{margin-top:10px;gap:0 8px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-row{padding:8px 0;font-size:10px;gap:4px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action{margin-top:10px;gap:6px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action button{padding:8px 12px;font-size:11px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action small{font-size:10px}
 body.wonder-studio.wonder-lab.edition-home .studio-opening{top:19%}
 body.wonder-studio.wonder-lab.edition-home .studio-opening h1{font-size:18vw}
 body.wonder-studio.wonder-lab.edition-home .studio-opening p{font-size:11px;margin-top:14px}
 body.wonder-studio.wonder-lab.edition-home .studio-pullback h2{font-size:25px}
 body.wonder-studio.wonder-lab.edition-home .studio-connect h2{font-size:31px}
 body.wonder-studio.wonder-lab.edition-home .studio-connect>p{font-size:11px;line-height:1.6}
 body.wonder-studio.wonder-lab.edition-home .studio-eyebrow{top:79px}
 body.wonder-studio.wonder-lab.edition-home .studio-performance{bottom:90px}
 body.wonder-studio.wonder-lab.edition-home .studio-wash{background:linear-gradient(180deg,#eee9e2 0%,#eee9e2 max(45%,var(--opening-copy-bottom,45%)),transparent calc(max(45%,var(--opening-copy-bottom,45%)) + 24px))}
}

/* Short landscape screens use side-by-side copy and the original studio camera. */
@media(max-width:1024px) and (max-height:520px) and (min-aspect-ratio:4/3){
 body.wonder-studio.wonder-lab.edition-home .site-header{height:60px}
 body.wonder-studio.wonder-lab.edition-home .wordmark{font-size:24px}
 body.wonder-studio.wonder-lab.edition-home .studio-eyebrow{top:66px}
 body.wonder-studio.wonder-lab.edition-home .studio-eyebrow>span,
 body.wonder-studio.wonder-lab.edition-home .studio-eyebrow .motion-label{display:none}
 body.wonder-studio.wonder-lab.edition-home .studio-eyebrow .motion-toggle{margin-left:auto;padding:4px}
 body.wonder-studio.wonder-lab.edition-home .studio-wash{background:linear-gradient(90deg,#eee9e2 0%,#eee9e2f5 32%,#eee9e2df 43%,transparent 62%)}
 body.wonder-studio.wonder-lab.edition-home .studio-stage:after{background:linear-gradient(270deg,#eee9e2 0%,#eee9e2f5 35%,#eee9e2b0 49%,transparent 65%)}
 body.wonder-studio.wonder-lab.edition-home .studio-opening{top:max(80px,24svh);left:var(--pad);width:43%}
 body.wonder-studio.wonder-lab.edition-home .studio-opening h1{font-size:clamp(48px,15svh,76px);line-height:.9}
 body.wonder-studio.wonder-lab.edition-home .studio-opening p{position:static;max-width:310px;font-size:12px;line-height:1.6;margin-top:16px}
 body.wonder-studio.wonder-lab.edition-home .studio-pullback{top:90px;left:var(--pad);width:43%}
 body.wonder-studio.wonder-lab.edition-home .studio-pullback>span,
 body.wonder-studio.wonder-lab.edition-home .studio-systems>span,
 body.wonder-studio.wonder-lab.edition-home .studio-connect>span{font-size:9px}
 body.wonder-studio.wonder-lab.edition-home .studio-pullback h2{font-size:clamp(24px,7svh,34px);line-height:1.2;margin-top:12px}
 body.wonder-studio.wonder-lab.edition-home .studio-systems{top:80px;left:52%;right:var(--pad)}
 body.wonder-studio.wonder-lab.edition-home .studio-systems h2{font-size:clamp(21px,5.7svh,29px);line-height:1.14;margin:8px 0}
 body.wonder-studio.wonder-lab.edition-home .studio-systems>p{display:none}
 body.wonder-studio.wonder-lab.edition-home .studio-flow{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin-top:12px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-row{padding:7px 0;font-size:11px;grid-template-columns:14px 1fr auto;gap:4px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action{flex-direction:row;align-items:center;gap:10px;margin-top:12px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action button{min-height:44px;font-size:11px;padding:8px 12px;gap:10px;flex-shrink:0}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action small{font-size:10px;line-height:1.4;max-width:none}
 body.wonder-studio.wonder-lab.edition-home .studio-connect{top:80px;left:var(--pad);right:auto;width:44%}
 body.wonder-studio.wonder-lab.edition-home .studio-connect h2{display:block;font-size:clamp(24px,7svh,36px);line-height:1.1;margin:12px 0}
 body.wonder-studio.wonder-lab.edition-home .studio-connect>p{font-size:12px;line-height:1.5;margin:12px 0 4px;max-width:340px}
 body.wonder-studio.wonder-lab.edition-home .studio-connect>a{font-size:12px;min-height:44px;margin:0}
 body.wonder-studio.wonder-lab.edition-home .studio-performance{bottom:70px;font-size:10px}
 body.wonder-studio.wonder-lab.edition-home .studio-performance>span{display:none}
 body.wonder-studio.wonder-lab.edition-home .studio-performance button{width:44px;height:44px}
 body.wonder-studio.wonder-lab.edition-home .studio-rail{bottom:8px;display:grid;grid-template-columns:1fr auto auto;gap:12px;padding-top:4px;background:transparent;box-shadow:none}
 body.wonder-studio.wonder-lab.edition-home .studio-position{grid-column:auto;font-size:9px;gap:8px}
 body.wonder-studio.wonder-lab.edition-home #studio-chapter-label{display:none}
 body.wonder-studio.wonder-lab.edition-home .studio-rail a,
 body.wonder-studio.wonder-lab.edition-home .studio-rail button{min-height:44px;font-size:10px;gap:12px}
 body.wonder-studio.wonder-lab.edition-home .studio-fallback{top:18%;right:0;width:52%;height:64%;max-height:none;object-fit:contain}
 body.wonder-studio.wonder-lab.edition-home .is-static .studio-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;height:auto;min-height:100svh;padding:80px var(--pad) 66px}
 body.wonder-studio.wonder-lab.edition-home .is-static .studio-opening{position:relative;top:auto;left:auto;right:auto;width:100%;height:auto;order:0}
 body.wonder-studio.wonder-lab.edition-home .is-static .studio-fallback{position:relative;top:auto;left:auto;right:auto;transform:none;order:0;width:100%;height:auto;max-height:calc(100svh - 146px);margin:0}
 body.wonder-studio.wonder-lab.edition-home .is-static .studio-rail{grid-template-columns:1fr auto}
}

@media(max-width:1024px) and (max-height:380px) and (min-aspect-ratio:4/3){
 body.wonder-studio.wonder-lab.edition-home .studio-systems{top:68px;left:50%}
 body.wonder-studio.wonder-lab.edition-home .studio-systems>span{display:block;line-height:1.3}
 body.wonder-studio.wonder-lab.edition-home .studio-systems h2{font-size:20px;margin:6px 0}
 body.wonder-studio.wonder-lab.edition-home .studio-flow{margin-top:6px}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-row{padding:2px 0;line-height:1.2}
 body.wonder-studio.wonder-lab.edition-home .studio-flow-action{margin-top:6px}
 body.wonder-studio.wonder-lab.edition-home .studio-connect{top:68px;width:46%}
 body.wonder-studio.wonder-lab.edition-home .studio-connect>span{display:block;line-height:1.3}
 body.wonder-studio.wonder-lab.edition-home .studio-connect h2{font-size:23px;margin:8px 0}
 body.wonder-studio.wonder-lab.edition-home .studio-connect>p{font-size:11px;line-height:1.45;margin:8px 0 0}
}