/* Direction 03: a bright editorial studio, with scroll-driven product studies. */
:root{--paper:#fcfbf8;--ink:#292b32;--muted:#666975;--line:#dcdcd8;--blue:#305ad4;--lime:#43613c;font-family:"Avenir Next","PingFang SC",sans-serif;background:var(--paper)}
body{background:var(--paper)}
::selection{background:#c9dafb;color:#24395b}
.wrap{width:min(1280px,88%)}
.site-nav{height:90px;background:#fcfbf8ef;border-color:#e1e2df;backdrop-filter:blur(16px)}
.wordmark{font-size:28px;font-weight:600;letter-spacing:-1.6px}.wordmark span{color:#cf775d}
.site-nav nav{font-size:13px;gap:35px;color:#5c5f69}.contact-link{border:0;border-bottom:1px solid #aeb2bd;border-radius:0;padding:9px 0;gap:26px}.contact-link:hover{background:none;color:var(--blue)}
.eyebrow{font-family:Menlo,Consolas,monospace;font-size:10px;letter-spacing:.12em;color:#707580}
h2{font-weight:450;letter-spacing:-.035em}.serif{font-family:inherit;font-weight:inherit}html[lang=en] .serif{font-style:normal}
.button{border-radius:4px}.button.dark{background:#305ad4}.button.dark:hover{background:#2044ab}
.editorial-hero{padding-top:64px}.hero-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:8%;align-items:end;padding-bottom:64px}
.hero-heading h1{font-family:"Baskerville","Songti SC",serif;font-size:clamp(70px,7.2vw,112px);line-height:1.04;letter-spacing:-.045em;font-weight:400;margin-top:26px}
.hero-heading h1 span,.hero-heading h1 em{color:#3159c7;font-weight:400}.hero-heading h1 em{font-family:"Baskerville",Georgia,serif}
html[lang=zh] .hero-heading h1{font-size:clamp(68px,6.4vw,98px);line-height:1.15;letter-spacing:-.045em}
.hero-intro{padding-bottom:8px}.hero-intro .lead{font-size:19px;line-height:1.65;color:#414755}.hero-note{font-size:12px;color:#6a707b;margin-top:20px;line-height:1.8}.hero-intro .text-link{font-size:12px;padding-bottom:9px;display:flex;justify-content:space-between;max-width:210px;margin-top:28px}
.hero-gallery{display:grid;grid-template-columns:1.9fr 1fr;gap:22px;align-items:stretch;--gallery-progress:0}
.hero-feature{position:relative;overflow:hidden;min-height:440px;background:#d7e4f8;border-radius:5px;padding:28px 32px 22px;color:#244d9f;isolation:isolate}
.feature-label{display:flex;justify-content:space-between;gap:15px;font:10px/1.5 Menlo,monospace;letter-spacing:.03em;position:relative;z-index:2}
.hero-feature h2{font-size:35px;line-height:1.2;position:relative;z-index:2;margin-top:30px;font-weight:500;letter-spacing:-.045em}
.feature-screen{position:absolute;width:70%;right:-6%;top:122px;transform:translateY(calc(var(--gallery-progress)*-25px)) rotate(calc(-8deg + var(--gallery-progress)*8deg));transform-origin:50% 50%;will-change:transform}
.feature-screen img{width:100%;height:auto;border:1px solid #fff;border-radius:9px;box-shadow:0 26px 40px -20px #315fa24f}
.feature-caption{position:absolute;bottom:23px;left:32px;font-size:11px;z-index:2;max-width:40%;line-height:1.7}
.hero-secondary{background:#efe8c8;position:relative;overflow:hidden;padding:28px 28px 25px;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;color:#4c553d;transform:translateY(calc(var(--gallery-progress)*-28px))}
.hero-secondary h2{font-size:31px;font-weight:450;letter-spacing:-.05em}.hero-secondary p{font-size:11px;line-height:1.7;margin-top:9px}
.dance-disc{position:relative;height:240px;width:100%;margin-top:10px;isolation:isolate;transform:rotate(calc(var(--gallery-progress)*14deg))}
.dance-disc i{position:absolute;width:200px;height:200px;border:1px solid #6c7c4d40;border-radius:50%;top:15px;left:calc(50% - 100px);transform:translateX(calc((var(--ring) - 1.5)*14px));background:#b6be7930}
.dance-disc i:nth-child(1){--ring:0}.dance-disc i:nth-child(2){--ring:1}.dance-disc i:nth-child(3){--ring:2}.dance-disc i:nth-child(4){--ring:3}
.dance-disc span{position:absolute;inset:65px 0 auto;text-align:center;font:italic 59px/.85 "Baskerville",Georgia,serif;letter-spacing:-.05em;color:#445435}
.intro-rule{border-top:0;padding-block:23px 30px;font-size:11px;color:#6e737c}.intro-rule>span:last-child{font:9px Menlo,monospace;letter-spacing:.08em}
.works-section{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;gap:8%;padding-block:110px 95px}
.works-section>.section-heading{display:block;position:sticky;top:145px;margin:0}.works-section .section-heading>p{margin-top:26px;line-height:1.9;font-size:13px}.works-section h2{font-size:42px;font-weight:450;line-height:1.3}.section-heading .eyebrow{color:#717580}
.project-grid{display:block;position:relative;padding-bottom:70px}
.project{position:sticky;top:112px;border-radius:6px;padding:30px 34px 24px;min-height:560px;box-shadow:0 -10px 40px -28px #262e4850;transition:box-shadow .35s;transform-origin:center top}
.project+.project{margin-top:70px;top:135px}.project:hover{transform:none;box-shadow:0 -5px 35px -15px #263e4925}
.magpie-project{background:#dce8fc;color:#254a92}.dance-project{background:#eee4d9;color:#634c42}
.project h3{font-family:"Baskerville",Georgia,serif;font-size:62px;font-weight:400;letter-spacing:-.06em;margin-top:30px}.project>p{font-size:15px;line-height:1.7}.project-top{color:#4d648c;font:10px Menlo,monospace}.badge{opacity:1;border-color:#9fb2cf;font:10px "Avenir Next","PingFang SC",sans-serif;padding:6px 10px;border-radius:20px}
.project-image{margin-top:35px}.project-image img{border:1px solid #ffffffc0;box-shadow:0 18px 32px -18px #23467155;border-radius:7px;transform:rotate(-2deg)}.project:hover .project-image img{transform:rotate(0)}
.project-bottom{font-size:11px;color:#4c6389;border-color:#a5bbdd}.project-bottom b{width:36px;height:36px;border:1px solid #a8b9d4;border-radius:50%;display:grid;place-items:center}
.dance-project .project-top,.dance-project .project-bottom{color:#765c4d}.dance-project .project-bottom{border-color:#c8b5a9}.dance-project .badge,.dance-project .project-bottom b{border-color:#c5b1a5}
.rhythm-art{min-height:270px}.rhythm-art>span{font-family:"Baskerville",Georgia,serif;font-size:78px;font-weight:400;color:#7c674e;line-height:.9;padding-top:38px}.rhythm-art em{margin-left:30px}.rhythm-art i{background:#bea17a38;border:1px solid #b9987030;height:200px;transform:rotate(calc(-25deg + var(--rhythm-progress,0)*18deg)) translateY(calc(var(--i)*4px))}.rhythm-art small{color:#8b745e}
.playground{background:#f1f3f6;padding-block:85px 70px;border-block:1px solid #e5e8ef}.playground h2{font-size:40px;font-weight:450;line-height:1.3}.keep-sample,.beat-sample{padding:30px;border-radius:8px;border-color:#d5dce6;background:white;box-shadow:none}.beat-sample{background:#ebeecf;border-color:#d6dbb6}.sample-top{font-family:Menlo,monospace;color:#667185;font-size:9px}.sample-paper{background:#fafcff;border-color:#dfe7f4;box-shadow:0 10px 25px -20px #2c579552;border-radius:5px}.sample-paper svg{color:#305ad4}.sample-paper>small,.sample-paper>div{color:#667487}.sample-paper h3{font-family:"Baskerville","Songti SC",serif}.sample-shelf{border-color:#dce3ee;color:#657086}.keep-button{background:#305ad4}.beat-number{color:#53603c;font-family:"Baskerville",Georgia,serif;font-weight:400}.beat-number span{color:#6d785a}.beat-dots i{background:#c9d0b0}.beat-dots i.active{background:#607244}.sample-bottom p{color:#66734e}.tap-button{background:#566844;color:#fff}.caption{color:#687183}
.studio-section{padding-block:125px}.studio-section h2{font-size:42px;line-height:1.35}.studio-story .statement{font-family:"Baskerville","Songti SC",serif;font-size:29px;line-height:1.6;color:#343c4e}.studio-story>p{font-size:15px}.principles{border-color:#d8dce3}.principles h3{font-size:15px}.text-link{border-color:#a0a9bb;color:#3c4e6f}
.workbench{padding-bottom:100px}.bench-row h3{font-size:24px;font-family:"Baskerville","Songti SC",serif}.bench-row .badge{color:#6e7480;border-color:#bfc6d1}a.bench-row:hover{background:#eef2f9}
.faq-list summary{font-size:15px}.faq-list details>p{font-size:14px;line-height:1.9}.contact-band{background:#d9e5f7;padding-block:76px;color:#294f90}.contact-band h2{font-family:"Baskerville","Songti SC",serif;font-size:68px;font-weight:400}.contact-band .eyebrow,.contact-band p:last-child{color:#536d96}.round-link{border-color:#90a8cd;background:#ffffff30}.round-link:hover{transform:translate(4px,-4px);background:#fff}
.site-footer{background:#f7f5ef;padding-top:55px}.footer-top{border-color:#d5d7d7}.footer-top p{color:#676d77}.footer-grid a,.footer-grid button{font-size:13px;color:#59616f}.footer-grid h2{font-size:13px}.footer-grid small,.footer-grid p,.footer-bottom{color:#747a83}.footer-grid a:hover{color:#305ad4}.footer-bottom{border-color:#d5d7d7}
.product-intro h1,.contact-page h1{font-family:"Baskerville","Songti SC",serif;font-weight:400}.product-intro h1{font-size:76px}.product-stage{border-radius:8px}.blue-stage{background:#d7e5fa}.green-stage{background:#eee4d9}.product-stage>span{color:#5c7296}.green-stage>span{color:#806856}.product-shot{border:1px solid white;box-shadow:0 20px 40px -20px #315c9a55}.product-actions .button{background:#305ad4}.contact-email>a{color:#305ad4;font-size:clamp(17px,2vw,26px);overflow-wrap:anywhere}.contact-options>a.active,.contact-options>a:hover{background:#edf2fb}.contact-options>a{padding-inline:12px}.support-intro h1{font-family:"Baskerville","Songti SC",serif}dialog{background:#fcfcfa;border-radius:8px;border-color:#d5dae2}dialog::backdrop{background:#303a5166}.mobile-menu>div{background:#fcfbf8}
/* Reveal each content group, without gating links on animation completion. */
.js-motion .reveal{opacity:1;transform:none;transition:none}.js-motion .reveal>.section-heading,.js-motion .studio-section>div,.js-motion .faq-section>div{opacity:.25;transform:translateY(28px);transition:opacity .7s var(--ease),transform .8s var(--ease)}.js-motion .reveal.seen>.section-heading,.js-motion .studio-section.seen>div,.js-motion .faq-section.seen>div{opacity:1;transform:none}
::view-transition{pointer-events:none}::view-transition-group(root),::view-transition-image-pair(root),::view-transition-old(root),::view-transition-new(root){pointer-events:none}
@media(max-width:1050px){.editorial-hero{padding-top:50px}.hero-heading{gap:5%;padding-bottom:45px}.hero-heading h1{font-size:80px}.hero-intro .lead{font-size:16px}.hero-gallery{grid-template-columns:1.7fr 1fr;gap:18px}.hero-feature{min-height:385px;padding:24px}.hero-feature h2{font-size:29px}.feature-screen{top:150px;width:80%;right:-10%}.feature-caption{left:24px;max-width:55%;font-size:10px}.hero-secondary{padding:24px}.dance-disc{height:210px}.dance-disc i{width:155px;height:155px;left:calc(50% - 78px)}.dance-disc span{font-size:49px;top:50px}.hero-secondary h2{font-size:26px}.works-section{gap:6%;grid-template-columns:.65fr 1.35fr}.works-section h2{font-size:35px}.project{padding:27px;min-height:510px}.project h3{font-size:54px}}
@media(max-width:760px){.site-nav{height:68px}.editorial-hero{padding-top:35px}.hero-heading{grid-template-columns:1fr;gap:26px;padding-bottom:32px}.hero-heading h1{font-size:76px;margin-top:19px;line-height:1}.hero-heading .eyebrow{font-size:8px}html[lang=zh] .hero-heading h1{font-size:68px;line-height:1.15}.hero-intro .lead{font-size:17px;line-height:1.65}.hero-note{font-size:11px;margin-top:11px}.hero-intro .text-link{margin-top:18px;max-width:100%;font-size:12px}.hero-gallery{grid-template-columns:1fr;gap:18px}.hero-feature{min-height:355px;padding:23px}.hero-feature h2{font-size:30px;margin-top:23px}.feature-screen{width:81%;right:-12%;top:132px;transform:translateY(calc(var(--gallery-progress)*-10px)) rotate(calc(-7deg + var(--gallery-progress)*7deg))}.feature-caption{max-width:55%;bottom:22px;left:23px;font-size:10px}.feature-label{font-size:8px}.hero-secondary{min-height:235px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:30px 1fr;gap:8px;padding:23px;transform:none}.hero-secondary>.feature-label{grid-column:1/-1}.hero-secondary>div:last-child{grid-column:1;grid-row:2;align-self:end}.hero-secondary h2{font-size:27px}.hero-secondary p{font-size:10px}.dance-disc{grid-column:2;grid-row:2;align-self:center;height:155px;margin:0}.dance-disc i{width:125px;height:125px;left:calc(50% - 62px);top:8px;transform:translateX(calc((var(--ring) - 1.5)*8px))}.dance-disc span{font-size:41px;top:42px}.intro-rule{font-size:9px;gap:15px;padding-block:20px}.intro-rule>span:last-child{font-size:7px;max-width:80px;line-height:1.6;text-align:right}.works-section{display:block;padding-block:60px 40px}.works-section>.section-heading{position:static;margin-bottom:28px}.works-section h2{font-size:33px}.works-section .section-heading>p{font-size:13px;margin-top:20px}.project-grid{padding-bottom:35px}.project{top:86px;min-height:490px;padding:26px 23px 20px}.project+.project{top:104px;margin-top:45px}.project h3{font-size:52px;margin-top:25px}.project-top{font-size:8px}.badge{font-size:9px}.project>p{font-size:14px}.project-image{margin-top:30px}.project-bottom{font-size:10px;gap:12px;margin-top:28px}.project-bottom b{flex-shrink:0}.rhythm-art>span{font-size:67px}.rhythm-art{min-height:240px}.playground{padding-block:60px 45px}.playground h2{font-size:32px}.keep-sample,.beat-sample{padding:24px}.sample-top{font-size:8px}.studio-section{padding-block:70px}.studio-section h2{font-size:33px}.studio-story .statement{font-size:25px}.studio-story>p{font-size:14px}.contact-band{padding-block:50px}.contact-band h2{font-size:39px;max-width:7em}.footer-grid a,.footer-grid button{font-size:13px}.footer-grid small,.footer-grid p{font-size:11px}.footer-bottom{font-size:10px}.product-intro h1{font-size:42px;line-height:1.3}.contact-page h1{font-size:44px}.contact-email>a{font-size:21px}.contact-options>a{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.feature-screen,.hero-secondary,.dance-disc,.project,.rhythm-art i{transform:none!important;will-change:auto}.project,.project+.project{position:relative;top:auto}.works-section>.section-heading{position:static}.js-motion .reveal>*{opacity:1!important;transform:none!important}}
/* Keep each pinned work entirely usable in the available viewport. */
.project{height:clamp(500px,calc(100svh - 150px),650px);min-height:0}
.project-image{min-height:0;flex:1;margin-top:25px;align-items:stretch}
.project-image img{height:100%;object-fit:cover;object-position:top}
.project .rhythm-art{min-height:0;flex:1}
@media(max-height:560px){.project,.project+.project{position:relative;top:auto;height:auto;min-height:500px}.works-section>.section-heading{position:static}.project-image{flex:none;height:240px}}
.footer-grid a{overflow-wrap:anywhere}
.feature-caption{left:0;bottom:0;max-width:none;width:100%;padding:15px 24px;background:#d7e4f8;border-top:1px solid #c0d0ea}
.dance-project,.green-stage{background:#efe8c8;color:#4c553d}
.dance-project .project-top,.dance-project .project-bottom,.green-stage>span{color:#65714e}
.dance-project .project-bottom,.dance-project .badge,.dance-project .project-bottom b{border-color:#b5bd95}
.rhythm-art>span{color:#57633f}.rhythm-art i{background:#a7b37038;border-color:#8d9c6130}.rhythm-art small{color:#6e7c50}
/* Home is a studio index: each work appears once, details live on product pages. */
.page-home .hero-feature h2{font-family:"Baskerville",Georgia,serif;font-size:54px;font-weight:400;letter-spacing:-.045em}
.page-home .hero-secondary h2{font-family:"Baskerville",Georgia,serif;font-size:36px;letter-spacing:-.04em}
.page-home .studio-section{padding-block:90px 70px}
.studio-update{padding-block:35px 65px;border-top:1px solid var(--line)}
.studio-update .section-heading{margin-bottom:0;align-items:center}
.studio-update h2{font-size:27px}.studio-update .section-heading>p{font-size:17px;color:var(--ink)}
.contact-options>h2{font-size:26px;line-height:1.5}.contact-options>p+a{margin-top:32px}
@media(max-width:760px){.page-home .hero-feature h2{font-size:43px}.page-home .hero-secondary h2{font-size:29px}.page-home .studio-section{padding-block:55px 40px}.studio-update{padding-block:28px 40px}.studio-update h2{font-size:25px}.studio-update .section-heading>p{font-size:16px;margin-top:16px}}
/* Product content is owned separately; keep an understated shared shell. */
.product-placeholder{min-height:55vh;padding-bottom:85px}
.product-placeholder .lead{max-width:34em;margin-top:24px}
@media(max-width:760px){.product-placeholder{min-height:48vh;padding-bottom:60px}}

/* Studio index refinement: readable typography, stable cards, restrained motion. */
.page-home{--ease:cubic-bezier(.22,.68,0,1)}
.page-home .editorial-hero{padding-top:48px}
.page-home .hero-heading{grid-template-columns:1.35fr 1fr;gap:12%;padding-bottom:44px}
.page-home .hero-heading h1{font-size:clamp(68px,6.8vw,100px);letter-spacing:-.055em;margin-top:23px;text-wrap:balance}
html[lang=zh] .page-home .hero-heading h1{font-size:clamp(60px,6vw,88px);letter-spacing:-.025em;line-height:1.18}
.page-home .hero-intro{max-width:360px;justify-self:end;width:100%}
.page-home .hero-intro .lead{font-size:18px;line-height:1.8;letter-spacing:.005em}
.page-home .hero-note{font-size:13px;line-height:1.8;margin-top:17px}
.page-home .hero-intro .text-link{font-size:13px;margin-top:24px}
.works-index{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:20px 18px;border-top:1px solid var(--line);scroll-margin-top:110px}
.works-index h2{font-size:14px;font-weight:500;letter-spacing:.02em}
.works-index>span{font-size:12px;color:var(--muted)}.works-index i{font-style:normal;padding-inline:14px;color:#a7abb1}
.page-home .hero-gallery{grid-template-columns:1.45fr 1fr;gap:20px}
.page-home .hero-feature,.page-home .hero-secondary{min-height:430px;padding:26px 28px 75px;border-radius:8px;transform:none;display:block;transition:box-shadow .3s;outline-offset:5px}
.page-home .feature-label{font:11px/1.6 "Avenir Next","PingFang SC",sans-serif;letter-spacing:.04em}
.page-home .hero-gallery h3{position:relative;z-index:2;font:400 52px/1.12 "Baskerville",Georgia,serif;letter-spacing:-.04em;margin-top:19px}
.page-home .feature-screen{width:82%;right:-5%;top:155px;transform:translateY(calc(20px - var(--gallery-progress)*28px)) rotate(calc(-6deg + var(--gallery-progress)*6deg));will-change:auto}
.page-home .feature-screen img{box-shadow:0 18px 35px -18px #315fa24f}
.page-home .feature-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:65px;padding:15px 28px;font-size:13px;line-height:1.6}
.page-home .hero-secondary .feature-caption{background:#efe8c8;border-color:#d4d1b2}
.work-entry{white-space:nowrap;display:flex;align-items:center;gap:10px;font-size:12px}
.work-entry b{display:grid;place-items:center;font-size:18px;font-weight:400;transition:transform .3s var(--ease)}
.page-home .dance-disc{position:absolute;inset:130px 0 auto;height:220px;width:100%;margin:0;transform:rotate(calc(-8deg + var(--gallery-progress)*16deg))}
.page-home .dance-disc i{top:8px;transform:translateX(calc((var(--ring) - 1.5)*(12px + var(--gallery-progress)*9px)))}
.page-home .dance-disc span{font-size:61px;top:61px}
.page-home .intro-rule{padding-block:22px 0;font-size:12px;line-height:1.7}
.page-home .intro-rule>a{white-space:nowrap;text-decoration:none;color:#4c586b}
.page-home .studio-section{position:relative;padding-block:100px 85px;gap:10%;grid-template-columns:1fr 1fr}
.page-home .studio-section h2{font-size:clamp(28px,2.65vw,39px);line-height:1.5;letter-spacing:-.02em;max-width:12em}
.page-home .studio-story .statement{font-size:clamp(26px,2.55vw,36px);line-height:1.65;letter-spacing:-.02em}
.page-home .studio-story>p:last-child{max-width:34em;font-size:15px;line-height:1.9;margin-top:26px}
.ink-underline{position:relative;isolation:isolate;white-space:nowrap}
.ink-underline::after{content:"";position:absolute;z-index:-1;height:.18em;bottom:.02em;left:0;right:0;background:#c7d9f4;transform:scaleX(var(--studio-progress,1));transform-origin:left}
.page-home .studio-update{padding-block:32px 56px}
.page-home .studio-update h2{font-size:25px;letter-spacing:-.02em}
.page-home .studio-update .section-heading>p{font-size:17px}
.page-home .site-nav::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#7795c9;transform-origin:left;transform:scaleX(var(--reading-progress,0));pointer-events:none}
.site-nav nav a{position:relative;padding-block:12px}
.site-nav nav a::after{content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.site-nav a[aria-current=location]{color:var(--blue)}
.site-nav nav a[aria-current=location]::after{transform:scaleX(1)}
.page-home :is(#studio,#workbench){scroll-margin-top:100px}
.page-home .footer-grid a,.page-home .footer-grid button{font-size:14px}
.page-home .footer-grid small,.page-home .footer-grid p{font-size:12px;line-height:1.8}
.page-home .footer-bottom{font-size:12px;line-height:1.7}
.js-motion .studio-section>div,.js-motion .reveal>.section-heading{opacity:.65;transform:translateY(20px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.js-motion .studio-section>div:nth-child(2){transition-delay:.09s}
.js-motion .studio-section.seen>div,.js-motion .reveal.seen>.section-heading{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.page-home .hero-gallery>a:hover{box-shadow:0 15px 32px -23px #263e4960}.hero-gallery>a:hover .work-entry b{transform:translate(2px,-2px)}.hero-intro .text-link:hover span{transform:translateY(3px)}}
.hero-gallery>a:focus-visible .work-entry b{transform:translate(2px,-2px)}
.hero-intro .text-link span{transition:transform .25s}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.page-home .hero-heading>div{animation:studio-arrive .65s both}.page-home .hero-heading>.hero-intro{animation-delay:.08s}@keyframes studio-arrive{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(min-width:761px) and (max-width:1050px){.page-home .hero-heading{gap:7%}.page-home .hero-intro .lead{font-size:16px}.page-home .hero-gallery{grid-template-columns:1.25fr 1fr}.page-home .hero-gallery>a{min-height:390px}.page-home .feature-caption{flex-wrap:wrap;gap:4px;font-size:12px}.page-home .dance-disc{top:127px;transform:rotate(calc(-8deg + var(--gallery-progress)*16deg))}.page-home .dance-disc i{width:155px;height:155px}.page-home .dance-disc span{font-size:49px;top:48px}}
@media(max-width:760px){
 .page-home .editorial-hero{padding-top:30px}.page-home .hero-heading{grid-template-columns:1fr;gap:24px;padding-bottom:32px}
 .page-home .hero-heading h1{font-size:clamp(60px,15.5vw,86px);line-height:1.04;margin-top:19px}html[lang=zh] .page-home .hero-heading h1{font-size:clamp(56px,14.5vw,78px);line-height:1.19}
 .page-home .hero-heading .eyebrow{font-size:10px;letter-spacing:.06em}.page-home .hero-intro{max-width:none;justify-self:start}.page-home .hero-intro .lead{font-size:16px;line-height:1.8}.page-home .hero-note{font-size:12px;margin-top:10px}.page-home .hero-intro .text-link{margin-top:18px}
 .works-index{padding-block:17px;scroll-margin-top:87px}.works-index h2{font-size:13px}.works-index>span{font-size:11px}.works-index i{padding-inline:7px}
 .page-home .hero-gallery{grid-template-columns:1fr;gap:18px}.page-home .hero-gallery>a{padding:22px 22px 76px;min-height:350px}
 .page-home .hero-gallery h3{font-size:43px;margin-top:17px}.page-home .feature-label{font-size:11px;letter-spacing:.01em}
 .page-home .feature-screen{width:88%;right:-9%;top:133px;transform:translateY(calc(10px - var(--gallery-progress)*18px)) rotate(calc(-4deg + var(--gallery-progress)*4deg))}
 .page-home .feature-caption{padding:14px 22px;gap:10px;font-size:12px;min-height:66px}.work-entry{font-size:11px;gap:5px}.work-entry b{font-size:16px}
 .page-home .hero-secondary{min-height:310px!important}.page-home .dance-disc{inset:103px 0 auto;height:142px;width:100%;transform:rotate(calc(-6deg + var(--gallery-progress)*12deg))}.page-home .dance-disc i{width:130px;height:130px;left:calc(50% - 65px);top:0;transform:translateX(calc((var(--ring) - 1.5)*(10px + var(--gallery-progress)*5px)))}.page-home .dance-disc span{font-size:43px;top:33px}
 .page-home .intro-rule{font-size:11px;gap:20px;padding-block:18px 0}.page-home .intro-rule>span{max-width:19em}
 .page-home .studio-section{grid-template-columns:1fr;gap:27px;padding-block:60px 44px}.page-home .studio-section h2{font-size:28px;max-width:none}.page-home .studio-story .statement{font-size:clamp(24px,6.4vw,32px)}.page-home .studio-story>p:last-child{font-size:14px;margin-top:20px}
 .page-home .studio-update{padding-block:26px 40px}.page-home .studio-update h2{font-size:23px}.page-home .studio-update .section-heading>p{font-size:16px}
 .page-home :is(#studio,#workbench){scroll-margin-top:84px}.page-home .footer-bottom{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.page-home .hero-heading>div{animation:none}.page-home .feature-screen,.page-home .dance-disc,.work-entry b,.hero-intro .text-link span{transform:none!important}.ink-underline::after{transform:none}.site-nav nav a::after{transition:none}.js-motion .reveal>*{opacity:1!important;transform:none!important;transition:none!important}}
/* Avoid adding root scroll padding and section offset together. */
html:has(body.page-home){scroll-padding-top:0}
.page-home .intro-rule>a{font:inherit;letter-spacing:0}

/* Work selection: equal at rest, gently make room for the active work. */
@media(min-width:761px){
 .page-home .hero-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);transition:grid-template-columns .65s cubic-bezier(.22,.8,.2,1)}
 .page-home .hero-gallery>a{min-width:0}
 .page-home .hero-gallery:has(>.hero-feature:focus-visible){grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
 .page-home .hero-gallery:has(>.hero-secondary:focus-visible){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .page-home .hero-gallery:has(>.hero-feature:hover){grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
 .page-home .hero-gallery:has(>.hero-secondary:hover){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
}
@media(min-width:761px) and (prefers-reduced-motion:reduce){
 .page-home .hero-gallery{transition:none}
 .page-home .hero-gallery:has(>a:is(:hover,:focus-visible)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* Expand the artwork with the card, independently of its scroll-driven layer. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 .page-home .hero-gallery>a{--work-active:0;--work-ease:cubic-bezier(.22,.8,.2,1)}
 .page-home .hero-gallery:not(:has(>a:hover))>a:focus-visible{--work-active:1}
 .page-home .feature-screen img{
  transform-origin:50% 65%;
  transform:translate3d(calc(var(--work-active)*-6px),calc(var(--work-active)*-10px),0) rotate(calc(var(--work-active)*1.2deg)) scale(calc(1 + var(--work-active)*.035));
  box-shadow:0 calc(18px + var(--work-active)*8px) calc(35px + var(--work-active)*9px) -18px #315fa24f;
  transition:transform .72s var(--work-ease),box-shadow .72s var(--work-ease);
 }
 .page-home .dance-disc i{
  translate:calc((var(--ring) - 1.5)*var(--work-active)*12px) calc((var(--ring) - 1.5)*var(--work-active)*-5px);
  scale:calc(1 + var(--work-active)*.055);
  transition:translate .72s var(--work-ease),scale .72s var(--work-ease);
  transition-delay:calc(var(--work-active)*var(--ring)*14ms);
 }
 .page-home .dance-disc span{
  translate:0 calc(var(--work-active)*-3px);
  scale:calc(1 + var(--work-active)*.045);
  transition:translate .72s var(--work-ease),scale .72s var(--work-ease);
 }
}
@media(min-width:761px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .page-home .hero-gallery>a:hover{--work-active:1}
}