:root{--ink:#111119;--paper:#101116;--text:#eeeaf2;--muted:#b5aebf;--blue:#d1c6e2;--accent:177,157,200;--line:#bcb0d32b;--ease-out:cubic-bezier(.22,1,.36,1)}
body{background:var(--paper);color:var(--text)}
::selection{background:#c9badb;color:#16121d}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#d7c8ed}
.button-primary{background:#d3c9df;color:#18131f;border-color:#d3c9df}
.button-primary:hover{background:#e7e0ef}
.button-secondary{background:#a28bb11a;border-color:#9580ad66;color:#e2d9ee}
.toast{background:#211b2b;border-color:#aa91bc55}
.page-progress{position:fixed;z-index:75;left:0;top:0;width:100%;height:2px;background:#c8b6e2;transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.site-header{height:100px;gap:28px}
.site-header.is-scrolled{height:78px;background:#111117ed;border-bottom:1px solid #a297b31a;backdrop-filter:blur(12px)}
.brand,.footer-brand{display:flex;align-items:center;gap:13px;line-height:1;width:max-content;letter-spacing:0}
.brand-mark{width:38px;height:38px;flex-shrink:0}
.brand .brand-lockup,.footer-brand .brand-lockup{display:block;margin:0;font-weight:500;letter-spacing:0}
.brand-wordmark{width:139px;height:auto}
.brand-lockup>span{display:block;margin-top:7px;letter-spacing:2px;font-size:7px;color:#d0cad8;white-space:nowrap}
.header-nav{gap:29px;padding:2px 22px;border:1px solid #b4a3cc25;border-radius:30px;background:#aea1c107}
.header-nav>a{font-size:13px;min-height:42px}
.nav-indicator{bottom:6px;height:1px;background:#c8b6e2}
.header-actions{gap:21px}
.header-actions button{font-size:12px;color:#ddd7e7}
.cart-trigger b{border-color:#c0b4d245}
.studio-hero{height:100svh;min-height:720px;max-height:1080px;background:#0c0d12;overflow:clip;color:#f2edf6}
.hero-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 77% 45%,#58446f27,transparent 49%),linear-gradient(145deg,#1c1c2610,#0c0d12 67%)}
.hero-atmosphere:before{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse at 77% 42%,#8e729b13,transparent 40%);animation:light-drift 16s ease-in-out infinite alternate}
.hero-sculpture{position:absolute;z-index:-1;right:-3%;bottom:-5%;width:110%;height:110%;pointer-events:none;overflow:visible}
.hero-ribbon{transform-origin:78% 50%;animation:ribbon-breathe 14s ease-in-out infinite alternate}
.past-hero .hero-ribbon,.past-hero .hero-atmosphere:before,.page-idle .hero-ribbon,.page-idle .hero-atmosphere:before{animation-play-state:paused}
.hero-layout{padding:clamp(170px,24svh,250px) var(--gutter) 170px;max-width:1700px}
.hero-copy{max-width:64%;z-index:4}
.studio-kicker{display:flex;align-items:center;gap:11px;color:#c0b6cf;font-size:12px;letter-spacing:1.5px;margin-bottom:29px}
.status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#bfadd4;box-shadow:0 0 12px #bfadd459}
.hero-copy h1{font-size:clamp(76px,7.75vw,142px);line-height:1;letter-spacing:-.07em;word-spacing:.06em;font-weight:750}
.hero-title-mask{padding-bottom:.14em;margin-bottom:-.07em}
.hero-title-mask i{font-style:normal;font-weight:450;color:#b5a9c5}
.hero-description{color:#c3bcca;margin:25px 0 0;font-size:14px;letter-spacing:2px}
.hero-contact{margin-top:30px;padding:6px 0 6px 19px;gap:29px;border:1px solid #b4a4c83b;border-radius:40px;font-size:13px;transition:border-color .3s,background .3s}
.hero-contact>span:first-child{font-size:13px}
.hero-contact .link-arrow{display:grid;place-items:center;height:37px;width:37px;border-radius:50%;background:#d1c3e21a;font-size:20px;margin-right:5px;transition:background .3s,transform .3s}
.hero-contact:hover{border-color:#c4afd477;background:#b4a4c80c}
.hero-contact:hover .link-arrow{background:#d1c3e231;transform:rotate(45deg)}
.hero-person,.hero-orbit-object{position:absolute;pointer-events:none;user-select:none;transform:translate3d(0,var(--scroll-shift,0px),0)}
.hero-person img{width:auto;max-width:none;user-select:none;pointer-events:none}
.hero-person-main{--figure-h:clamp(530px,79svh,790px);height:var(--figure-h);right:2%;bottom:calc(96px - var(--figure-h)*.097);z-index:3}
.hero-main{height:100%}
.hero-person-seat{--seat-h:340px;height:var(--seat-h);left:42%;bottom:calc(96px - var(--seat-h)*.297431);z-index:7}
.hero-person-seat .hero-seated{position:static;height:100%;width:auto;max-width:none;animation:none}
.hero-orbit-object{height:130px;left:60%;top:18%;z-index:2}
.hero-orbit-object img{height:100%;width:auto;transform:rotate(-12deg)}
.hero-edge{height:96px;background:linear-gradient(180deg,#18151d,#131217);border-top:1px solid #bdb0ce45;z-index:5;box-shadow:0 -1px 20px #a899bb06}
.hero-edge:before{content:'';position:absolute;left:0;top:-1px;height:1px;width:31%;background:linear-gradient(90deg,transparent,#e0d5ef80,transparent);transform:translateX(140%)}
.hero-edge .edge-caption{font-size:9px;letter-spacing:2px;color:#b1a9bd}
.hero-edge>a{gap:17px;font-size:9px;letter-spacing:1.4px;color:#d7cede}
.hero-edge>a .scroll-cue{display:block;position:relative;height:24px;width:13px;border:1px solid #a99bb65c;border-radius:20px}
.scroll-cue:after{content:'';position:absolute;left:5px;top:5px;width:1px;height:5px;background:#d6c6e3;animation:scroll-tick 2.6s ease-in-out infinite}
.past-hero .scroll-cue:after,.page-idle .scroll-cue:after{animation-play-state:paused}
.intro-playing .brand-mark{animation:mark-reveal 1.1s var(--ease-out) both}
.intro-playing .brand-lockup{animation:wordmark-reveal 1.2s .12s var(--ease-out) both}
.intro-playing .header-nav,.intro-playing .header-actions{animation:small-in .8s .25s both}
.intro-playing .hero-title-mask>span{animation:word-in 1.1s .1s var(--ease-out) both}
.intro-playing .hero-title-mask:nth-child(2)>span{animation-delay:.24s}
.intro-playing .studio-kicker{animation:small-in .9s .12s both}
.intro-playing .hero-description,.intro-playing .hero-contact{animation:small-in 1s .45s both}
.intro-playing .hero-person-main{animation:portrait-in 1.4s .2s var(--ease-out) both}
.intro-playing .hero-person-seat{animation:portrait-in 1.2s .5s var(--ease-out) both}
.intro-playing .hero-orbit-object{animation:object-in 1.5s .3s var(--ease-out) both}
.intro-playing .hero-sculpture{animation:ribbon-in 1.8s var(--ease-out) both}
.intro-playing .hero-edge{animation:edge-in 1.3s .2s var(--ease-out) both}
.portfolio-section{background:radial-gradient(ellipse at 1% 16%,#43374c13,transparent 30%),var(--paper);padding-top:150px}
.portfolio-heading .section-label{color:#aea0bd}
.portfolio-heading h2>span{color:#b4a0c9}
.work-filters button{color:#b0a7bb}
.work-filters button[aria-pressed=true]{color:#f1eaf9}
.work-filters button[aria-pressed=true]:after{background:#c7b3de}
.work-art{background:linear-gradient(145deg,#2e2b3a,#1b1b26);border-top:1px solid #afa3c51c}
.case-elaina .work-art{background:linear-gradient(140deg,#282b3b,#171a25)}
.case-suoming .work-art{background:linear-gradient(130deg,#34242e,#241c25)}
.case-kanka .work-art{background:linear-gradient(150deg,#3b342c,#25222a)}
.case-chucaoji .work-art{background:linear-gradient(140deg,#303236,#1d2428)}
.case-frieren .work-art{background:linear-gradient(130deg,#283538,#1c232a)}
.case-bigfish .work-art{background:linear-gradient(140deg,#342d48,#211e2d)}
.type-field>span,.case-elaina .type-field>span,.case-suoming .type-field>span,.case-kanka .type-field>span,.case-chucaoji .type-field>span,.case-frieren .type-field>span,.case-bigfish .type-field>span{color:#eee4ff0e;-webkit-text-stroke:1px #e1d4ef24}
.art-scroll{position:absolute;inset:0;transform:translate3d(0,var(--scroll-shift,0px),0);pointer-events:none}
.exhibit-arc{position:absolute;left:-9%;top:24%;height:67%;width:121%;border-top:1px solid #e5d3f026;border-radius:50%;transform:rotate(-20deg);pointer-events:none;z-index:-1}
.work-art:after{content:'';position:absolute;right:19px;top:18px;width:9px;height:9px;background:#ded1ec80;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);pointer-events:none}
.work-caption h2{color:#eee9f5}
.work-caption h2 small,.work-category{color:#b3aabc}
.work-detail-link{border-color:#baacc542;color:#e6ddec;transition:color .25s,border-color .25s}
.work-detail-link>span{transition:transform .35s var(--ease-out)}
.work-detail-link:hover{color:#fff;border-color:#d5c4e880}
.work-detail-link:hover>span{transform:translate(2px,-2px)}
.prop-art{background:linear-gradient(145deg,#25222e,#181920);border:1px solid #ac9cbe18}
.case-sigrika.character-card{grid-column:span 5;margin-top:45px}
.case-xiaoli.character-card{grid-column:span 7;margin-top:100px}
.case-sigrika .work-art{background:linear-gradient(145deg,#3b302e,#26212b);height:440px}
.case-sigrika .art-figure{height:123%;right:8%;bottom:-9%}
.case-sigrika .type-field>span{font-size:clamp(65px,6.5vw,115px)}
.case-sigrika .work-art:before{content:'';position:absolute;z-index:-1;left:7%;right:7%;bottom:27.584%;height:1px;background:linear-gradient(90deg,#bca7c56b,transparent)}
.case-xiaoli .work-art{background:linear-gradient(135deg,#382a34,#241e2b)}
.case-xiaoli .art-figure{height:142%;right:13%;bottom:-14%}
.case-xiaoli .type-field>span{font-size:clamp(90px,10vw,180px)}
.motion-ready .work-card{transition:opacity 1s,translate 1.2s var(--ease-out)}
.motion-ready .work-card:not(.exhibit-entered){translate:0 35px}
.motion-ready .exhibit-entered .art-figure{animation:artwork-unfold 1.35s var(--ease-out) both}
.motion-ready .exhibit-entered .work-object,.motion-ready .exhibit-entered .work-variant{animation:object-in 1.35s .15s var(--ease-out) both}
.motion-ready .exhibit-entered .type-field>span{animation:type-reveal 1.5s .05s var(--ease-out) both}
.motion-ready .exhibit-entered .exhibit-arc{animation:arc-reveal 1.6s .15s var(--ease-out) both}
.motion-ready .exhibit-entered .work-art:after{animation:spark-in 1.2s .5s var(--ease-out) both}
.motion-ready .exhibit-entered .work-caption{animation:small-in 1s .15s both}
.motion-ready .exhibit-entered .prop-art>img{animation:artwork-unfold 1.3s var(--ease-out) both}
.studio-about{background:#15151d;border-color:#a295b326}
.about-heading h2>img{width:clamp(230px,25vw,360px);height:auto}
.about-heading h2>span{margin-top:30px;font-size:clamp(22px,2.5vw,34px)}
.section-label{color:#b2a2c0}
.studio-disciplines>span{border-color:#b9a9cc3b;color:#c7bdcf}
.studio-tools{border-top:1px solid #a99ab75e}
.studio-tools:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:linear-gradient(90deg,#bdb0d4,transparent 74%);transform-origin:left}
.studio-tools.is-revealed:before{animation:edge-in 1.5s var(--ease-out) both}
.studio-tool-grid figcaption{color:#e0d7e9}
.studio-tools.is-revealed .studio-tool-grid figure{animation:small-in 1s var(--ease-out) both}
.studio-tools.is-revealed .studio-tool-grid figure:nth-child(2){animation-delay:.08s}
.studio-tools.is-revealed .studio-tool-grid figure:nth-child(3){animation-delay:.16s}
.studio-tools.is-revealed .studio-tool-grid figure:nth-child(4){animation-delay:.24s}
.commission-section{background:radial-gradient(ellipse at 6% 80%,#4b365121,transparent 55%),#121118;color:#eee8f4}
.commission-heading .section-label,.service-lines span,.commission-note{color:#b8abc6}
.commission-heading h2>span{color:#c6b3df}
.service-lines>div{border-color:#b7a8ca28}
.service-lines p{color:#ded6e6}
.commission-email{border-color:#b5a4c746}
footer{background:#0e0e13;border-color:#ab99bf29;color:#c6bbd0}
.footer-main{gap:40px}
.footer-brand .brand-mark{width:49px;height:49px}
.footer-brand .brand-wordmark{width:183px}
.footer-brand .brand-lockup>span{font-size:8px;letter-spacing:2.7px;margin-top:10px}
.footer-main>p,.footer-links button{color:#c5b9cf}
.footer-bottom{border-color:#b5a4c722;color:#aca0b7;font-size:11px}
dialog,.cart-dialog,.detail-dialog{background:#191720;border-color:#8f7caa40;color:#e5dced}
dialog::backdrop{background:#07070dcc;backdrop-filter:blur(6px)}
dialog[open]{animation:dialog-in .4s var(--ease-out)}
dialog[open]::backdrop{animation:backdrop-in .3s ease-out}
.cart-dialog[open]{animation:drawer-in .4s var(--ease-out)}
.close-button{background:#28212fb3;color:#c5b6d3;border-color:#bdabd824}
.close-button:hover{background:#3a2f45;color:white}
.detail-stage{background:radial-gradient(ellipse at center,#352b4140,transparent 65%),#12121a}
.detail-viewport{min-height:0}
.detail-kicker,.detail-copy dt{font-size:11px;color:#c0adce}
.detail-copy>p:not(.detail-kicker):not(.detail-footnote){font-size:14px;color:#c2b5cd;line-height:1.9}
.detail-copy dd{font-size:12px;color:#c1b5cc}
.detail-copy dd button{font-size:12px;color:#d4c3e4}
.detail-copy>strong{color:#eee3f6}
.detail-copy dl{border-color:#b4a0c82c}
.detail-view{background:#211c2a;border-color:#8e75a43b;color:#c8bad2;font-size:12px}
.detail-view[aria-pressed=true]{background:#a68abe20;color:#f2e8ff;border-color:#b69bc366}
.detail-copy .button{margin-top:12px}
.artwork-only .detail-copy{padding-block:55px}
.image-changed{animation:detail-image-in .35s var(--ease-out)}
.cart-line img{background:#292332}
.cart-line h3,.cart-line strong,.cart-total strong{color:#e0d3ec}
.cart-line p,.cart-currency-note,.cart-license-note,.empty-cart p{color:#b0a2bc;font-size:12px}
.cart-total>span,.network-picker legend{color:#c5b5d2;font-size:12px}
.network-picker label>span{background:#201b29;border-color:#b29aca33;color:#dfd2e9}
body .network-picker input:checked+span{border-color:#bca0d8;background:#a98cc020}
.network-picker small{color:#b9a5c8}
.empty-cart strong{color:#e1d4ed}
.empty-cart button{color:#d2bae6}
.error-message{font-size:12px}
.lookup-dialog p,.lookup-dialog small,.policy-dialog p,.policy-dialog li{color:#c2b4cc;font-size:13px}
.lookup-dialog input,input[type=email]{background:#14121b;color:#e4d5ee;border-color:#9c82b440}
.lookup-dialog label,.checkout-form>label:first-child,.accept-label{font-size:13px;color:#cab9d6}
.quote-cell{background:#211b2a;border-color:#9f84b53d}
.quote-cell>span{font-size:11px;color:#beaccd}
.quote-cell strong,.quote-cell strong.large{color:#e2d4ef}
.checkout-summary p,.checkout-fine,.quote-expires{font-size:12px;color:#bba9c9}
.checkout-summary strong{color:#e7d8f4}
@keyframes mark-reveal{from{opacity:0;clip-path:inset(0 100% 0 0);transform:rotate(-22deg)}to{opacity:1;clip-path:inset(0);transform:rotate(0)}}
@keyframes wordmark-reveal{from{opacity:0;clip-path:inset(0 100% 0 0);translate:-7px 0}to{opacity:1;clip-path:inset(0);translate:0 0}}
@keyframes portrait-in{from{opacity:0;translate:0 40px;rotate:2deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes object-in{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes ribbon-in{from{opacity:0;translate:40px -20px}to{opacity:1;translate:0 0}}
@keyframes edge-in{from{opacity:0;scale:0 1}to{opacity:1;scale:1 1}}
@keyframes ribbon-breathe{from{transform:translate3d(0,0,0) rotate(-.5deg)}to{transform:translate3d(-12px,9px,0) rotate(.5deg)}}
@keyframes light-drift{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(2%,2%,0)}}
@keyframes scroll-tick{0%,100%{translate:0 0;opacity:.25}55%{translate:0 7px;opacity:1}}
@keyframes artwork-unfold{from{opacity:0;translate:0 32px;rotate:-1.2deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes type-reveal{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}
@keyframes arc-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes spark-in{from{opacity:0;rotate:-90deg;scale:.2}to{opacity:1;rotate:0deg;scale:1}}
@keyframes dialog-in{from{opacity:0;translate:0 16px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@keyframes drawer-in{from{opacity:0;translate:30px 0}to{opacity:1;translate:0 0}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes detail-image-in{from{opacity:.2;translate:0 7px}to{opacity:1;translate:0 0}}
@media(min-width:1800px){.hero-layout{padding-top:240px}.hero-copy h1{font-size:145px}.hero-person-main{right:8%}.hero-person-seat{left:45%;--seat-h:400px}.hero-orbit-object{left:62%;height:155px}}
@media(min-width:761px) and (max-width:1100px){.site-header{gap:18px}.brand-mark{width:31px;height:31px}.brand-wordmark{width:116px}.brand{gap:9px}.brand-lockup>span{font-size:6px;letter-spacing:1.6px}.header-nav{gap:20px;padding-inline:16px}.header-actions{gap:17px}.hero-copy h1{font-size:8.2vw}.hero-person-main{--figure-h:550px;right:-1%}.hero-person-seat{left:40%;--seat-h:290px}.hero-orbit-object{left:59%;height:100px}.case-sigrika .work-art{height:360px}.case-xiaoli.character-card{margin-top:100px}}
@media(max-width:760px){.site-header,.site-header.is-scrolled{height:80px;gap:14px}.brand{gap:9px}.brand-mark{width:29px;height:29px}.brand-wordmark{width:106px}.brand .brand-lockup{margin:0;letter-spacing:0}.brand-lockup>span{font-size:5px;letter-spacing:1.6px;margin-top:5px}.header-actions{gap:17px}.header-actions svg{width:17px}.header-actions .nav-toggle{width:23px}.cart-trigger b{min-width:19px;height:19px;font-size:10px}.header-nav{top:79px;padding:15px var(--gutter) 22px;border-radius:0;background:#15131dec;border-width:0 0 1px;backdrop-filter:blur(12px)}.header-nav>a{font-size:16px}.studio-hero{height:100svh;min-height:820px;max-height:940px}.hero-layout{padding:151px var(--gutter) 150px}.hero-copy{max-width:100%}.studio-kicker{font-size:10px;letter-spacing:1px;gap:9px;margin-bottom:24px}.hero-copy h1{font-size:clamp(51px,13.3vw,90px);line-height:1.04}.hero-description{font-size:12px;letter-spacing:1.5px;margin-top:21px}.hero-contact{margin-top:22px;padding-left:16px;gap:20px}.hero-contact>span:first-child{font-size:12px}.hero-contact .link-arrow{width:31px;height:31px;font-size:18px}.hero-person-main{--figure-h:430px;right:-4%;bottom:calc(94px - var(--figure-h)*.097)}.hero-person-seat{--seat-h:240px;left:2%;bottom:calc(94px - var(--seat-h)*.297431)}.hero-orbit-object{left:9%;top:50%;height:89px}.hero-sculpture{width:190%;right:-42%;bottom:-4%;height:94%}.hero-edge{height:94px;padding-bottom:16px;align-items:flex-end}.hero-edge .edge-caption{font-size:7px;letter-spacing:1.2px;max-width:135px}.hero-edge>a{font-size:7px;letter-spacing:1px;gap:10px;min-height:28px}.hero-edge>a .scroll-cue{height:21px;width:11px}.scroll-cue:after{left:4px}.portfolio-section{padding-top:105px}.art-scroll{inset:0}.case-sigrika.character-card,.case-xiaoli.character-card{grid-column:1/-1;margin:0}.case-sigrika .work-art,.case-xiaoli .work-art{height:350px}.case-sigrika .art-figure{height:125%;bottom:-10%;right:7%}.case-xiaoli .art-figure{height:125%;bottom:-12%;right:7%}.case-sigrika .type-field>span{font-size:66px}.case-xiaoli .type-field>span{font-size:90px}.about-heading h2>img{width:260px}.about-heading h2>span{font-size:27px;margin-top:25px}.footer-brand .brand-mark{width:35px;height:35px}.footer-brand .brand-wordmark{width:138px}.footer-brand .brand-lockup>span{font-size:6px;letter-spacing:2px;margin-top:7px}.detail-copy{padding:35px 24px}.detail-copy>p:not(.detail-kicker):not(.detail-footnote){font-size:13px}.detail-copy dd{font-size:12px}.detail-dialog .detail-stage{min-height:390px}.detail-copy dl{margin-bottom:20px}.cart-dialog{padding-inline:24px}}
@media(max-width:380px){.brand-wordmark{width:96px}.brand-mark{width:27px;height:27px}.header-actions{gap:14px}.hero-copy h1{font-size:13.3vw}.hero-person-main{--figure-h:400px;right:-5%}.hero-person-seat{--seat-h:220px;left:0}.case-sigrika .work-art,.case-xiaoli .work-art{height:330px}.hero-orbit-object{height:75px}}
@media(prefers-reduced-motion:reduce){.hero-ribbon,.hero-atmosphere:before,.scroll-cue:after{animation:none!important}[data-scroll-shift]{transform:none!important}.page-progress{transition:none}.hero-copy,.hero-person,.hero-orbit-object{opacity:1}.motion-ready .work-card:not(.exhibit-entered),.motion-ready .reveal-target{opacity:1;translate:0 0}}

@media(max-width:760px){.case-sigrika .work-art:before{bottom:27.179%}}

@media(max-width:760px){.is-menu-open .header-nav{animation:menu-in .32s var(--ease-out) both}}
@keyframes menu-in{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}

#detail-dialog .detail-stage{background:#12121a}
#detail-dialog .detail-viewport{background:radial-gradient(ellipse at 50% 45%,#362d4145,transparent 67%),#12121a}
#detail-dialog .detail-view{color:#cdbdd9;border-color:#a187b844;background:#211b2a}
#detail-dialog .detail-view[aria-pressed=true]{color:#f2e5fc;border-color:#c4a6dd77;background:#a58bbd1f}
.intro-playing .brand-mark path,.intro-playing .brand-wordmark path{stroke:#e6dced;stroke-width:.8;stroke-dasharray:300;stroke-dashoffset:0;animation:logo-trace 1.35s .1s var(--ease-out) both}
.intro-playing .brand-wordmark .oasis-glyph-a{animation-delay:.16s}
.intro-playing .brand-wordmark .oasis-glyph-s-first{animation-delay:.22s}
.intro-playing .brand-wordmark .oasis-glyph-i{animation-delay:.28s}
.intro-playing .brand-wordmark .oasis-glyph-s-last{animation-delay:.34s}
@keyframes logo-trace{0%{stroke-dashoffset:300;fill-opacity:0}60%{fill-opacity:.06}100%{stroke-dashoffset:0;fill-opacity:1}}

.brand-mark,.brand-wordmark{display:block}

/* The original lowercase wordmark, retained at its second-version proportions. */
@font-face{font-family:OasisWordmark;src:url('/fonts/unbounded-oasis-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
.site-header .brand{display:block;width:max-content;min-width:0;line-height:1}
.site-header .brand>.early-wordmark{display:block;margin:0;font:500 25px/1 OasisWordmark,sans-serif;letter-spacing:-1.8px;color:#edf2fa;white-space:nowrap}
.footer-brand{display:block;line-height:1}
.footer-brand>.early-wordmark{display:block;margin:0;font:500 38px/1 OasisWordmark,sans-serif;letter-spacing:-2.7px;color:#edf2fa;white-space:nowrap}
.about-heading h2>.early-about-wordmark{display:block;margin:0;font:500 clamp(72px,7vw,108px)/1 OasisWordmark,sans-serif;letter-spacing:-.072em;color:#edf2fa}
.intro-playing .site-header .early-wordmark{animation:wordmark-reveal 1.2s .12s var(--ease-out) both}
@media(max-width:760px){.site-header .brand>.early-wordmark{font-size:25px;letter-spacing:-1.8px}.footer-brand>.early-wordmark{font-size:34px;letter-spacing:-2.4px}.about-heading h2>.early-about-wordmark{font-size:78px}}

/* Keep mobile copy and artwork in separate grid rows. */
@media(max-width:760px){
  .studio-hero{--mobile-stage-h:clamp(220px,37svh,340px);--mobile-main-h:calc(var(--mobile-stage-h)*1.16);--mobile-seat-h:calc(var(--mobile-stage-h)*.70);display:grid;grid-template-rows:minmax(0,1fr) auto;height:auto;min-height:100svh;max-height:none}
  .hero-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(var(--mobile-stage-h),1fr);gap:18px;align-content:stretch;width:100%;height:auto;min-height:0;padding:108px var(--gutter) 0}
  .hero-copy{grid-column:1;grid-row:1;align-self:start;max-width:100%;width:100%}
  .studio-kicker{margin-bottom:18px}
  .hero-copy h1{font-size:clamp(38px,10.7vw,66px);line-height:1.04}
  .hero-description{margin-top:14px}
  .hero-contact{margin-top:18px}
  .studio-hero .hero-person,.studio-hero .hero-orbit-object{position:relative;grid-column:1;grid-row:2;inset:auto;width:max-content;max-width:100%;transform:none}
  .hero-person-main{align-self:end;justify-self:end;height:var(--mobile-main-h);margin-bottom:calc(var(--mobile-main-h)*-.097)}
  .hero-person-seat{align-self:end;justify-self:start;height:var(--mobile-seat-h);margin-bottom:calc(var(--mobile-seat-h)*-.297431)}
  .hero-orbit-object{align-self:start;justify-self:start;height:clamp(54px,16vw,74px);margin:18px 0 0 12px}
  .hero-edge{position:relative;inset:auto;grid-row:2;height:80px;padding-bottom:16px;align-items:end}
  .hero-edge .edge-caption{font-size:7px;max-width:135px}
  .hero-sculpture{height:100%;width:190%;right:-42%;bottom:0}
  .intro-playing .hero-person-main,.intro-playing .hero-person-seat{animation-name:mobile-portrait-in}
}
@media(max-width:760px) and (max-height:740px){
  .studio-hero{--mobile-stage-h:clamp(180px,34svh,250px)}
  .hero-layout{padding-top:94px;gap:12px}
  .studio-kicker{margin-bottom:14px}
  .hero-copy h1{font-size:clamp(34px,10.7vw,56px)}
  .hero-description{font-size:11px;margin-top:12px}
  .hero-contact{margin-top:14px;min-height:44px;padding-block:4px}
  .hero-edge{height:72px;padding-bottom:14px}
  .hero-orbit-object{height:54px;margin-top:12px}
}
@media(min-width:500px) and (max-width:760px) and (max-height:740px){
  .studio-hero{--mobile-main-h:350px;--mobile-seat-h:170px}
  .hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(350px,1fr);gap:20px;padding-top:104px}
  .hero-copy{grid-column:1;grid-row:1;align-self:center}
  .hero-copy h1{font-size:clamp(30px,6vw,38px)}
  .studio-hero .hero-person,.studio-hero .hero-orbit-object{grid-column:2;grid-row:1}
  .hero-orbit-object{height:58px;margin:20px 0 0}
  .hero-person-seat{margin-left:-8px}
}
@keyframes mobile-portrait-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}