/* MAKEWONDER / an authored stage for original character performance. */
.wonder-lab{--lab-ink:#27212e;--lab-paper:#f5f1eb;--lab-purple:#7443bc;background:var(--lab-paper);color:var(--lab-ink)}
.wonder-lab .site-header{position:fixed;height:86px;color:var(--lab-ink);border:0;z-index:40;transition:background .3s,box-shadow .3s;backdrop-filter:none}
.wonder-lab.lab-scrolled .site-header{background:#f5f1ebe8;backdrop-filter:blur(18px);box-shadow:0 1px #27212e0c}
.wonder-lab .wordmark{font-size:28px;letter-spacing:-.065em;font-weight:800}.wonder-lab .header-cta{border-radius:32px;background:var(--lab-ink);color:#fff;padding:12px 21px}
.wonder-lab .mobile-menu{background:var(--lab-paper);z-index:45}.wonder-lab .reading-progress{background:var(--lab-purple)}
.studio-sequence{position:relative;height:570svh;background:#e9dffa}.studio-stage{height:100svh;min-height:580px;position:sticky;top:0;overflow:clip;isolation:isolate;background:#e9dffa;color:var(--lab-ink)}
.studio-wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 63% 35%,#fff8 0,transparent 57%),linear-gradient(0deg,#d6c2ee66,transparent 40%);z-index:0}
.studio-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;pointer-events:none;transition:opacity .8s}.studio-stage[data-render="ready"] .studio-canvas{opacity:1}
.studio-fallback{position:absolute;width:min(42vw,600px);height:auto;right:9%;top:20%;z-index:3;transition:opacity .6s}.studio-stage[data-render="ready"] .studio-fallback{opacity:0;pointer-events:none}
.studio-eyebrow{position:absolute;left:var(--pad);right:var(--pad);top:112px;z-index:12;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.07em;line-height:1.6}
.studio-eyebrow .motion-toggle{color:var(--lab-ink);gap:10px}.studio-eyebrow .motion-icon{width:32px;height:32px;border-color:#27212e50}.studio-eyebrow .motion-label{font-size:10px}
.studio-opening{position:absolute;left:var(--pad);top:29%;width:43%;z-index:6;will-change:transform,opacity}
.studio-opening h1{font-size:clamp(47px,5.6vw,92px);line-height:1.22;letter-spacing:-.065em;font-weight:650;margin:0 0 27px;word-break:keep-all}
.studio-opening p{font-size:clamp(13px,1.05vw,17px);line-height:1.9;letter-spacing:-.035em;color:#655a72;margin:0;word-break:keep-all}
.studio-opening .studio-intro-line{display:inline-flex;align-items:center;gap:12px;margin-top:29px;font-size:10px;letter-spacing:.05em}.studio-intro-line i{height:5px;width:5px;border-radius:50%;background:#8852c1;box-shadow:0 0 0 5px #8852c115}
.studio-type{position:absolute;inset:21% -3% auto;text-align:center;font-size:clamp(130px,21.5vw,380px);line-height:.83;letter-spacing:-.075em;color:#fff9;font-weight:750;z-index:1;opacity:0;pointer-events:none;will-change:transform,opacity}.studio-type span{display:block;white-space:nowrap}
.studio-pullback{position:absolute;top:18%;left:var(--pad);z-index:6;opacity:0;pointer-events:none}.studio-pullback span{font-size:10px;letter-spacing:.08em}.studio-pullback h2{font-size:clamp(28px,3.2vw,49px);line-height:1.35;letter-spacing:-.055em;font-weight:600;margin-top:18px}
.studio-performance{position:absolute;right:var(--pad);bottom:106px;z-index:10;display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.055em}.studio-performance button{border:1px solid #3e2d5650;border-radius:50%;height:45px;width:45px;background:#fff8;display:grid;place-items:center;transition:transform .2s,background .2s;font-size:20px}.studio-performance button:hover{background:#fff;transform:rotate(-12deg)}
.studio-systems{position:absolute;left:56%;top:21%;right:var(--pad);z-index:8;opacity:0;pointer-events:none;will-change:transform,opacity}.studio-systems>span{font-size:9px;letter-spacing:.07em}.studio-systems h2{font-size:clamp(31px,3.8vw,59px);line-height:1.25;letter-spacing:-.06em;font-weight:600;margin:19px 0 20px}.studio-systems>p{font-size:13px;line-height:1.8;color:#6f627b;max-width:370px;word-break:keep-all}
.studio-flow{margin-top:26px;max-width:440px;border-top:1px solid #6c527b35}.studio-flow-row{display:grid;grid-template-columns:26px 1fr auto;gap:10px;padding:15px 12px;align-items:center;border-bottom:1px solid #6c527b25;font-size:12px;transition:background .4s,color .4s,padding .4s;color:#786c82}.studio-flow-row>span:first-child{font-size:9px;font-variant-numeric:tabular-nums;opacity:.7}.studio-flow-row b{font-weight:500}.studio-flow-row i{font-style:normal;font-size:11px}.studio-flow-row.is-active{color:#372645;background:#ffffffb0;padding-left:20px}.studio-flow-row.is-done{color:#55426c}.studio-flow-action{display:flex;gap:20px;align-items:center;justify-content:space-between;max-width:440px;margin-top:20px}.studio-flow-action button{display:flex;gap:22px;align-items:center;background:#32253f;color:#fff;padding:13px 19px;border-radius:40px;font-size:11px}.studio-flow-action small{font-size:9px;line-height:1.6;color:#817589;max-width:170px}
.studio-connect{position:absolute;left:var(--pad);right:var(--pad);top:22%;text-align:center;z-index:6;opacity:0;pointer-events:none;will-change:transform,opacity}.studio-connect>span{font-size:10px;letter-spacing:.07em}.studio-connect h2{font-size:clamp(49px,6.5vw,106px);font-weight:600;letter-spacing:-.065em;line-height:1.25;margin:20px 0 12px}.studio-connect h2>span{display:block}.studio-connect h2 .studio-final-row{display:flex;align-items:center;justify-content:center;gap:23px}.studio-seat{display:inline-block;width:1.95em;height:1.15em;border-radius:100px;background:#e5d9f3;vertical-align:middle}.studio-connect>p{font-size:clamp(12px,1.1vw,17px);line-height:1.85;color:#7b6b83;word-break:keep-all;margin-top:25px}.studio-connect>a{display:inline-flex;gap:45px;align-items:center;font-size:13px;border-bottom:1px solid #58465c60;padding:15px 0;margin-top:10px}
.studio-rail{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);z-index:15;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;border-top:1px solid #614e742e;padding-top:15px;font-size:10px;letter-spacing:.04em}.studio-position{display:flex;align-items:center;gap:13px}.studio-progress{width:54px;height:2px;background:#5d42752e;overflow:hidden}.studio-progress i{display:block;width:100%;height:100%;background:#7643a3;transform:scaleX(0);transform-origin:left}.studio-rail a,.studio-rail button{display:flex;align-items:center;gap:24px;min-height:42px;font-size:11px}.studio-rail button>span:last-child{font-size:23px}
.studio-story-note{background:var(--lab-paper);display:grid;grid-template-columns:1.05fr 1fr;gap:9%;padding:100px var(--pad) 110px;border-bottom:1px solid #34293c25}.studio-story-note>div>span{font-size:10px;letter-spacing:.06em;color:#8e8198}.studio-story-note h2{font-size:clamp(31px,3.8vw,58px);font-weight:550;line-height:1.37;letter-spacing:-.06em;margin:25px 0 0;word-break:keep-all}.studio-story-note .studio-story-body{align-self:end}.studio-story-body>p{font-size:15px;line-height:1.9;color:#74677b;word-break:keep-all}.studio-markets{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;font-size:9px;letter-spacing:.045em}.studio-markets span{padding:8px 12px;border:1px solid #5f4a6c33;border-radius:30px}.studio-story-body a{display:inline-flex;gap:35px;padding:12px 0;font-size:12px;border-bottom:1px solid #69537455;margin-top:15px}
.wonder-lab :is(.atelier-work,.atelier-capabilities){background:var(--lab-paper)}.wonder-lab .atelier-section-heading h2 em{color:#7858a0}.wonder-lab .atelier-worlds{background:#211a2b}.wonder-lab .atelier-closing{background:#e9dffa;color:var(--lab-ink)}
.studio-stage :is(button,a):focus-visible{outline:3px solid #8043bb;outline-offset:5px}
@media(min-width:1900px){.studio-opening{left:9%;width:37%}.studio-opening h1{font-size:88px}.studio-stage{--pad:6vw}.studio-systems{right:9%;left:58%}}
@media(max-width:1000px){.studio-opening h1{font-size:5.8vw}.studio-opening{width:45%;top:30%}.studio-systems{left:53%;top:24%;right:5%}.studio-systems h2{font-size:38px}.studio-flow-row{padding:12px 10px}.studio-pullback{top:20%}.studio-pullback h2{font-size:30px}.studio-connect h2{font-size:6.6vw}.studio-story-note{padding-top:75px;padding-bottom:75px}}
@media(max-width:760px),(max-aspect-ratio:1/1){.wonder-lab .site-header{height:74px}.wonder-lab .wordmark{font-size:25px}.wonder-lab .header-actions{gap:11px}.wonder-lab .language-switch{gap:7px}.wonder-lab .language-switch button{min-height:44px;font-size:11px}.studio-sequence{height:480svh}.studio-stage{min-height:560px}.studio-eyebrow{top:91px;font-size:8px;letter-spacing:.035em}.studio-eyebrow .motion-label{display:none}.studio-eyebrow .motion-icon{width:30px;height:30px}.studio-opening{top:20%;left:var(--pad);width:90%}.studio-opening h1{font-size:clamp(38px,9.5vw,56px);line-height:1.23;margin-bottom:16px}.studio-opening p{font-size:11px;line-height:1.85;max-width:270px}.studio-intro-line{display:none!important}.studio-type{font-size:26vw;inset:26% -10% auto;line-height:.9}.studio-pullback{top:18%;left:var(--pad)}.studio-pullback>span{font-size:8px}.studio-pullback h2{font-size:29px;margin-top:12px}.studio-performance{bottom:100px;right:var(--pad);gap:10px;font-size:7px}.studio-performance button{width:40px;height:40px}.studio-systems{left:var(--pad);right:var(--pad);top:16%}.studio-systems>span{font-size:8px}.studio-systems h2{font-size:clamp(30px,7.8vw,43px);margin:13px 0}.studio-systems>p{font-size:11px;max-width:300px;line-height:1.7}.studio-flow{margin-top:18px;max-width:100%}.studio-flow-row{font-size:11px;padding:12px 10px;background:#f5eef8a8}.studio-flow-row.is-active{background:#fff}.studio-flow-action{margin-top:16px}.studio-flow-action button{font-size:10px;gap:18px;min-height:42px;padding:10px 16px}.studio-flow-action small{font-size:8px;max-width:136px}.studio-connect{top:22%;left:var(--pad);right:var(--pad)}.studio-connect>span{font-size:8px}.studio-connect h2{font-size:clamp(31px,8.2vw,52px);line-height:1.35;margin-top:23px}.studio-connect h2 .studio-final-row{gap:9px}.studio-seat{width:1.5em;height:1.18em}.studio-connect>p{font-size:11px;line-height:1.9;margin-top:24px}.studio-connect>a{font-size:11px;margin-top:12px}.studio-rail{bottom:16px;grid-template-columns:1fr auto;gap:0 14px;padding-top:10px}.studio-position{grid-column:1/-1;font-size:8px;gap:10px}.studio-progress{width:42px}.studio-rail a,.studio-rail button{font-size:9px;gap:16px}.studio-rail button{justify-self:end}.studio-fallback{width:86%;right:6%;top:37%}.studio-story-note{grid-template-columns:1fr;padding:65px var(--pad);gap:25px}.studio-story-note h2{font-size:32px;line-height:1.45;margin-top:18px}.studio-story-body>p{font-size:13px}.studio-markets{gap:6px;font-size:8px}.studio-markets span{padding:7px 10px}}
@media(max-height:600px) and (min-width:761px){.studio-eyebrow{top:94px}.studio-opening{top:31%}.studio-opening h1{font-size:45px}.studio-opening p{font-size:11px}.studio-systems{top:25%}.studio-systems h2{font-size:29px;margin:10px 0}.studio-systems>p{display:none}.studio-flow{margin-top:14px}.studio-flow-row{padding:8px}.studio-flow-action{margin-top:12px}.studio-pullback{top:27%}.studio-connect{top:25%}.studio-connect h2{font-size:47px}.studio-connect>p{font-size:11px;margin-top:8px}.studio-performance{bottom:89px}}
.studio-sequence.is-static{height:auto}.is-static .studio-stage{position:relative;height:max(780px,100svh)}.is-static :is(.studio-type,.studio-pullback,.studio-systems,.studio-connect){display:none}.is-static .studio-performance{display:none}.is-static .studio-opening{opacity:1!important;transform:none!important}.is-static .studio-canvas{opacity:0!important}.is-static .studio-fallback{opacity:1!important}.is-static .studio-rail{grid-template-columns:1fr auto}.is-static .studio-position{display:none}
@media(max-width:760px),(max-aspect-ratio:1/1){.studio-sequence.is-static .studio-stage{height:max(800px,100svh)}.is-static .studio-fallback{top:38%;width:86%;right:7%}}

/* Keep the controls visually separate from the physical stage at narrow widths. */
.wonder-lab .site-header{left:0;right:0;margin:0;padding-left:var(--pad);padding-right:var(--pad)}
@media(max-width:760px),(max-aspect-ratio:1/1){.studio-rail{background:#ebe2f3e8;box-shadow:0 -10px 20px #ebe2f380;border-radius:0;padding:10px 0 0}.studio-stage[data-progress] .studio-fallback{max-height:53%;object-fit:contain}}

.studio-seat{background:transparent;width:1.50em;height:1.30em}

@media(max-width:760px) and (max-height:700px){
 .studio-eyebrow>span{display:none}.studio-eyebrow .motion-toggle{margin-left:auto}.studio-eyebrow{top:84px}
 .studio-opening{top:23%}.studio-opening h1{font-size:35px;line-height:1.20;margin-bottom:12px}.studio-opening p{font-size:10px}
 .studio-pullback{top:24%}.studio-pullback h2{font-size:25px;line-height:1.30;margin:10px 0}.studio-pullback>span{font-size:7px}
 .studio-systems{top:23%}.studio-systems h2{font-size:29px;line-height:1.20;margin:10px 0}.studio-systems>p{display:none}
 .studio-flow{margin-top:14px}.studio-flow-row{padding:8px 10px;font-size:10px}.studio-flow-action{margin-top:12px}.studio-flow-action small{font-size:8px;max-width:124px}
 .studio-connect{top:26%}.studio-connect h2{font-size:31px;margin-top:18px}.studio-connect>p{font-size:10px;margin-top:18px}.studio-connect>a{padding:10px 0}
 .studio-performance{bottom:99px}.studio-performance>span{display:none}
}
/* One studio palette continues through the case studies and the invitation. */
.wonder-studio.wonder-lab{--atelier-acid:#d9c9ee;--atelier-ink:#27212e;--atelier-paper:#f5f1eb;--mw-acid:#d9c9ee;--mw-paper:#f5f1eb}
.wonder-studio.wonder-lab .atelier-section-heading h2 em{color:#7855a0}
.wonder-studio.wonder-lab .wonder-aboutus-exhibit{background:linear-gradient(145deg,#5f4081,#382947)}
.wonder-studio.wonder-lab .wonder-service-switch>button[aria-pressed=true]{background:#665078;border-color:#665078}
.wonder-studio.wonder-lab .wonder-service-switch>button[aria-pressed=true]>span{color:#e7def0}
.wonder-studio.wonder-lab .atelier-playground{background:#282131;color:#f4eef8}
.wonder-studio.wonder-lab .atelier-machine{background:#211c29;border-color:#a88bbc38}
.wonder-studio.wonder-lab .atelier-machine-bottom #atelier-run{background:#ddcdeb;color:#30233d}
.wonder-studio.wonder-lab .atelier-worlds{background:#211a2b}
.wonder-studio.wonder-lab .atelier-closing{background:#e9dffa}
.wonder-studio.wonder-lab .site-footer.studio-footer{background:#34253e;color:#f5f1eb}
.wonder-studio.wonder-lab :is(.footer-kicker,.footer-statement>p,.company-details dd){color:#e5dbe9}
.wonder-studio.wonder-lab :is(.company-details dt,.footer-colophon,.footer-navigation>a>.mono){color:#baa9c6}
.wonder-studio.wonder-lab .footer-project:hover .footer-project-icon{background:#f5f1eb;color:#34253e}
.wonder-studio.wonder-lab .brief-primary{background:#604374}
.wonder-studio.wonder-lab .brief-options label:has(input:checked){border-color:#806093;background:#ece2f3;color:#53346a}
.wonder-studio.wonder-lab .brief-options input{accent-color:#806093}

@media(min-width:761px) and (max-aspect-ratio:1/1){
 .studio-opening h1{font-size:60px}.studio-opening p{font-size:14px;max-width:420px}
 .studio-pullback h2{font-size:43px}.studio-systems h2{font-size:45px}.studio-systems>p{font-size:14px;max-width:500px}
 .studio-flow-row{font-size:14px;padding:16px}.studio-flow-action button{font-size:13px}.studio-flow-action small{font-size:11px;max-width:250px}
 .studio-connect h2{font-size:65px}.studio-connect>p{font-size:14px}
}
/* Visible feedback belongs to the request that is actually moving. */
.studio-flow-row{position:relative;overflow:hidden}
.studio-flow-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:left;background:#856296;opacity:.65}
.studio-flow-row.is-active:after{transform:scaleX(var(--flow-progress,0))}
.studio-flow-row.is-done:after{transform:scaleX(1);opacity:.30}
.studio-stage[data-flow="approval"] .studio-flow-row.is-active{background:#fbf2e2;color:#77551f}
.studio-stage[data-flow="approval"] .studio-flow-row.is-active:after{background:#b88946}
.studio-stage[data-flow="complete"] .studio-flow-row:last-child{background:#fff;color:#493457}
.studio-flow-action button{min-height:44px;transition:background .3s,transform .25s,box-shadow .3s}
.studio-flow-action button:not(:disabled):hover{background:#68497d;transform:translateY(-2px);box-shadow:0 7px 20px #60477c23}
.studio-flow-action button:active{transform:translateY(0)}
.studio-performance button{width:46px;height:46px}
.studio-opening p,.studio-systems>p{font-size:16px}
.studio-flow-row{font-size:14px}.studio-flow-action button{font-size:13px}.studio-flow-action small{font-size:12px;max-width:195px}
@media(max-width:760px),(max-aspect-ratio:1/1){.studio-opening p,.studio-systems>p{font-size:13px}.studio-flow-row{font-size:12px}.studio-flow-action small{font-size:11px;max-width:160px}.studio-flow-action{gap:14px}}
@media(max-width:760px) and (max-height:700px){.studio-opening p{font-size:12px}.studio-flow-row{font-size:11px}.studio-flow-action small{font-size:10px;max-width:140px}}
@media(prefers-reduced-motion:reduce){.studio-flow-action button{transition:none}.studio-flow-action button:hover{transform:none}}
html[data-motion="off"] .studio-flow-action button{transition:none}
.studio-flow-action small{word-break:keep-all}
.wonder-lab .wonder-browser-frame{translate:0 var(--exhibit-shift,0px)}
.wonder-lab .wonder-operations-card{translate:0 calc(var(--exhibit-shift,0px) * -.65)}
.wonder-lab .atelier-voco-screen{translate:0 var(--exhibit-shift,0px)}
.wonder-lab .atelier-love-stage>img{width:110%;height:110%;left:-5%;top:-5%;translate:0 calc(var(--exhibit-shift,0px) * .45)}
@media(prefers-reduced-motion:reduce){.wonder-lab :is(.wonder-browser-frame,.wonder-operations-card,.atelier-voco-screen,.atelier-love-stage>img){translate:none}}
html[data-motion="off"] .wonder-lab :is(.wonder-browser-frame,.wonder-operations-card,.atelier-voco-screen,.atelier-love-stage>img){translate:none}
@media(min-width:761px) and (max-width:1000px){
 .wonder-lab .atelier-voco-word{margin-top:28px;font-size:8.5vw}
 .wonder-lab .atelier-voco-line{font-size:clamp(18px,2.35vw,24px);gap:6px;margin-top:18px}
}

/* Character and typography share the frame; the business stays in focus. */
.wonder-lab{--lab-ink:#242322;--lab-paper:#f3f0e8;--lab-purple:#6553a5}
.wonder-studio.wonder-lab{--atelier-ink:#242322;--atelier-paper:#f3f0e8;--atelier-acid:#f1d76f;--mw-paper:#f3f0e8;--mw-acid:#f1d76f}
.studio-sequence{height:460svh;background:#f1d76f}.studio-stage{background:#f1d76f}
.studio-wash,.studio-signature{display:none}
.wonder-lab.lab-theater .site-header{color:#242322;background:transparent;box-shadow:none;backdrop-filter:none}
.wonder-lab.lab-theater .header-cta{background:#242322;color:#fff}
.wonder-lab.lab-theater .language-switch button{color:#555045}.wonder-lab.lab-theater .language-switch button[aria-pressed=true]{color:#242322}
.wonder-lab.lab-theater .menu-toggle>span{background:#242322}
.studio-eyebrow{top:112px;font-size:11px;letter-spacing:.015em}
.studio-eyebrow>span{line-height:1.45}.studio-eyebrow .motion-label{font-size:11px}
.studio-opening{top:23%;width:92%;z-index:2;pointer-events:none}
.studio-opening h1{font-family:Manrope,sans-serif!important;font-size:clamp(135px,16.2vw,270px);font-weight:800;line-height:.82;letter-spacing:-.085em;margin:0;text-transform:none}
.studio-opening h1>span{display:block;will-change:transform}.studio-opening h1>span:last-child{margin-left:5.5%}
.studio-opening p{margin-top:42px;font-size:15px;line-height:1.8;color:#3f3b32;max-width:490px;letter-spacing:-.02em}
.studio-intro-line{display:none!important}
.studio-type{font-size:clamp(100px,15.8vw,265px);line-height:.87;color:#dad7ce;inset:27% -2% auto;font-weight:800;letter-spacing:-.065em}
.studio-pullback{top:20%;width:32%}.studio-pullback>span{font-size:11px;letter-spacing:.02em}.studio-pullback h2{font-size:clamp(30px,3vw,45px);line-height:1.22;margin-top:18px}
.studio-performance{right:var(--pad);left:auto;bottom:110px;gap:16px;font-size:11px}
.studio-performance button{background:transparent;border-color:#24232270;color:#242322;width:48px;height:48px}
.studio-performance button:hover{background:#242322;color:#f1d76f}
.studio-character-hit{position:absolute;z-index:5;border:0;background:transparent;border-radius:46%;cursor:pointer;touch-action:pan-y}
.studio-character-hit>span{position:absolute;left:50%;bottom:-15px;transform:translate(-50%,8px);white-space:nowrap;font-size:12px;color:#fff;background:#242322;padding:10px 16px;border-radius:30px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.studio-character-hit:hover>span{opacity:1;transform:translate(-50%,0)}.studio-character-hit[hidden]{display:none}
.studio-rail{font-size:11px;border-color:#24232235}.studio-rail a,.studio-rail button{font-size:12px}
.studio-progress{background:#24232225}.studio-progress i{background:#242322}
.studio-systems>span,.studio-connect>span{font-size:11px;letter-spacing:.025em}
.studio-systems h2{font-weight:650}.studio-systems>p{color:#615c54;font-size:15px}
.studio-flow-row{color:#716b60;font-size:14px}.studio-flow-row.is-done{color:#484235}.studio-flow-row.is-active{background:#e5dbbd;color:#242322}
.studio-flow-action button{background:#242322;font-size:13px}.studio-flow-action button:not(:disabled):hover{background:#50452a;box-shadow:none}
.studio-flow-action small{color:#716b60;font-size:11px}
.studio-connect h2{font-weight:650}.studio-connect>p{color:#716b60;font-size:15px}
.studio-story-note{padding:85px var(--pad);gap:7%}.studio-story-note h2{font-weight:600;line-height:1.3}
.studio-story-note>div>span,.studio-markets{font-size:11px;color:#746f65}.studio-story-body>p{font-size:16px;color:#716b60}.studio-story-body a{font-size:14px}
.wonder-studio.wonder-lab .atelier-section-heading h2 em{color:#6553a5}
.wonder-studio.wonder-lab .atelier-closing{background:#f1d76f}
.wonder-studio.wonder-lab .site-footer.studio-footer{background:#242322}
.wonder-studio.wonder-lab :is(.company-details dt,.footer-colophon,.footer-navigation>a>.mono){color:#b9b4aa}
@media(min-width:1700px){.studio-opening{top:24%;left:6%}.studio-opening h1{font-size:14.6vw}.studio-opening p{font-size:17px}}
@media(min-width:761px) and (min-aspect-ratio:1/1){
 .wonder-lab .wonder-browser-frame{transform:perspective(1700px) rotateX(calc(4deg + var(--surface-x,0deg) + var(--exhibit-turn,0deg))) rotateY(calc(9deg + var(--surface-y,0deg) - var(--exhibit-turn,0deg))) rotateZ(-3deg)}
 .wonder-lab .wonder-operations-card{transform:perspective(1400px) rotateY(var(--exhibit-turn,0deg)) rotate(3deg)}
 .wonder-lab .atelier-voco-screen{transform:perspective(1100px) rotateY(calc(var(--exhibit-turn,0deg) * -2)) rotate(8deg)}
}
@media(max-width:760px),(max-aspect-ratio:1/1){
 .studio-sequence{height:410svh}.studio-stage{min-height:560px}
 .studio-eyebrow{top:90px;font-size:10px}.studio-eyebrow>span{max-width:240px}
 .studio-opening{top:21%;left:var(--pad);width:90%}
 .studio-opening h1{font-size:clamp(74px,18.6vw,155px);line-height:.85;letter-spacing:-.075em}
 .studio-opening h1>span:last-child{margin-left:0}
 .studio-opening p{position:absolute;top:51svh;margin:0;font-size:13px;line-height:1.65;max-width:310px}
 .studio-type{font-size:23vw;inset:33% -6% auto;line-height:.95}
 .studio-pullback{top:20%;width:90%}.studio-pullback h2{font-size:clamp(30px,7.5vw,48px);line-height:1.25}.studio-pullback>span{font-size:10px}
 .studio-performance{bottom:110px;right:var(--pad);font-size:11px}.studio-performance>span{display:none}.studio-performance button{width:42px;height:42px}
 .studio-rail{background:transparent;box-shadow:none}.studio-position{font-size:9px}.studio-rail a,.studio-rail button{font-size:11px}
 .studio-systems h2{font-size:clamp(29px,7.7vw,43px)}.studio-systems>p{font-size:13px;line-height:1.65}.studio-systems>span{font-size:10px}
 .studio-flow-row{font-size:13px;padding:11px 10px;background:#ebe7db80}.studio-flow-action button{font-size:12px}.studio-flow-action small{font-size:10px}
 .studio-connect>span{font-size:10px}.studio-connect>p{font-size:13px}.studio-connect>a{font-size:13px}
 .studio-character-hit>span{display:none}.studio-story-note{padding:60px var(--pad)}
 .studio-fallback{width:80%;right:0;top:34%}
}
@media(max-width:760px) and (max-height:700px){
 .studio-eyebrow>span{display:none}.studio-opening{top:22%}.studio-opening h1{font-size:23vw;line-height:.82}
 .studio-opening p{top:52svh;font-size:11px;max-width:245px;line-height:1.5}
 .studio-systems h2{font-size:28px}.studio-flow-row{padding:8px 10px;font-size:12px}.studio-flow-action small{font-size:10px}
 .studio-pullback{top:24%}.studio-pullback h2{font-size:29px}.studio-performance{bottom:91px}
}
@media(min-width:761px) and (max-aspect-ratio:1/1){.studio-opening h1{font-size:18vw}.studio-opening p{font-size:17px;max-width:440px}.studio-systems>p{max-width:450px}}
@media(max-height:650px) and (min-width:761px) and (min-aspect-ratio:1/1){.studio-opening{top:27%}.studio-opening h1{font-size:20vh}.studio-opening p{font-size:12px;margin-top:20px}.studio-pullback{top:29%}.studio-performance{bottom:95px}}
.is-static .studio-signature,.is-static .studio-character-hit{display:none}
.is-static .studio-stage{background:#f1d76f!important;color:#242322}
.is-static .studio-opening h1>span{transform:none!important}
@media(max-width:760px),(max-aspect-ratio:1/1){.is-static .studio-opening{top:19%;height:65%;width:90%}.is-static .studio-opening p{position:absolute;top:auto;bottom:0;margin:0}.is-static .studio-fallback{top:38%;height:34%;max-height:34%;width:80%;right:0;object-fit:contain}}
.wonder-lab .atelier-love-title{translate:0 calc(var(--exhibit-shift,0px) * -.55)}
@media(prefers-reduced-motion:reduce){.studio-character-hit>span{transition:none}.wonder-lab .atelier-love-title{translate:none}}
html[data-motion="off"] .wonder-lab .atelier-love-title{translate:none}