:root{--paper:#f7f5ef;--ink:#171715;--yellow:#ffe21a;--blue:#244bff;--red:#ff4436;--pink:#f1c9d7;--line:#17171533;--ease:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button:active,.contact-link:active{scale:.97}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.menu-dialog :focus-visible{outline-color:var(--yellow)}button:disabled{cursor:default}img{display:block;max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{line-height:1.85}.eyebrow,.section-top,.chapter-label,.photo-bottom{font:11px/1.6 "SFMono-Regular",Consolas,monospace;letter-spacing:.06em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;z-index:50;top:12px;left:12px;background:var(--yellow);padding:14px;transform:translateY(-200%)}.skip:focus{transform:none}.section-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:18px}.text-link{display:inline-flex;gap:35px;align-items:center;min-height:48px;border-bottom:1px solid;font-size:13px;font-weight:600}.text-link>span{font-size:24px;transition:transform 180ms var(--ease)}
/* The accepted character remains the opening scene. */
.hero{position:relative;isolation:isolate;background:var(--paper)}.header{position:absolute;z-index:5;inset:0 0 auto;padding:30px 36px;display:flex;justify-content:space-between;align-items:flex-start}.brand{display:grid;grid-template-columns:40px auto;gap:12px;align-items:center;flex-shrink:0}.brand-mark{width:40px;height:40px;object-fit:contain}.brand-type{display:grid;gap:4px}.contact-label-small{display:none}.brand-name{font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.brand-lab{font:700 9px/1.4 Arial,sans-serif;letter-spacing:.19em}.header nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:600}.header nav>a{min-height:48px;display:flex;align-items:center}.contact-link{background:var(--yellow);padding:0 20px;border-radius:7px;gap:26px;transition:transform 160ms var(--ease)}.menu-button{width:48px;height:48px;border:1px solid;border-radius:8px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.menu-button>span{width:19px;height:2px;background:var(--ink)}.menu-button>span:last-child{width:12px;align-self:flex-end;margin-right:13px}.hero-stage{height:100svh;min-height:780px;max-height:1200px;overflow:clip;position:relative;perspective:1000px}.hero-word{position:absolute;left:3%;right:3%;top:28%;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:17.4vw;line-height:.82;letter-spacing:-.075em;white-space:nowrap;will-change:transform}.avatar-frame{position:absolute;left:50%;bottom:-45%;height:140%;aspect-ratio:2/3;translate:-50% 0;contain:layout;will-change:transform}.avatar-poster,.avatar-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.avatar-canvas{opacity:0}.orbit{position:absolute;width:74%;height:43%;border:1px solid #d4d1c7;border-radius:50%;left:13%;top:27%;pointer-events:none;transform:rotate(-24deg)}.orbit-two{width:80%;height:58%;left:10%;top:19%;transform:rotate(38deg);opacity:.5}.hero-instruction{position:absolute;right:18px;top:46%;writing-mode:vertical-rl;font:9px/1.7 monospace;letter-spacing:.06em;display:flex;align-items:center;gap:10px}.instruction-dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}.hero-copy{position:absolute;left:36px;bottom:112px;z-index:3;max-width:310px}.hero-copy .eyebrow{font-size:9px;margin-bottom:15px}.hero-copy h1{font-size:clamp(33px,3.1vw,53px);line-height:1.16;letter-spacing:-.055em;margin-bottom:22px;font-weight:800}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;margin-bottom:18px}.hero-case{position:absolute;right:40px;bottom:115px;width:180px;z-index:3;display:flex;flex-direction:column;gap:12px}.hero-case>.eyebrow{font-size:9px}.hero-thumb{overflow:hidden;aspect-ratio:1;border-radius:50% 50% 6px 6px;transform:rotate(5deg);transition:transform 450ms var(--ease)}.hero-thumb img{width:100%;height:100%;object-fit:cover}.hero-case>span:last-child{font-size:11px;display:flex;justify-content:space-between}.hero-tools{position:absolute;z-index:4;bottom:22px;left:36px;display:flex;gap:18px}.hero-tools button{border:0;background:transparent;border-bottom:1px solid #999;min-height:44px;font-size:10px;padding:0}.hero-tools button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.scroll-cue{position:absolute;bottom:24px;right:36px;display:flex;align-items:center;gap:25px;font-size:11px;min-height:44px}.scroll-cue span{font-size:22px}
/* Large pictures, an editorial introduction and reversible scroll-driven rail. */
.work-intro{background:var(--ink);color:var(--paper);padding:46px 5vw 0}.intro-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;padding:75px 0 90px;align-items:center}.intro-layout h2{font-size:clamp(48px,7.6vw,128px);letter-spacing:-.065em;line-height:1.1;margin:0}.hand-mark{color:var(--yellow);position:relative}.hand-mark:after{content:"";position:absolute;bottom:-.07em;left:-3%;width:106%;height:12%;border-top:3px solid var(--yellow);border-radius:50%;transform:rotate(-5deg)}.intro-copy{padding-top:16px;font-size:15px}.intro-copy>p{margin-bottom:20px}.chapter-label{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #ffffff44;color:#dedbd4}.photo-story{background:var(--ink);color:var(--paper);position:relative}.photo-sticky{overflow:hidden;padding:12px 0 20px}.photo-rail{display:flex;gap:26px;padding:0 5vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.photo-slide{flex:0 0 58vw}.photo-slide{flex:0 0 min(58vw,830px);scroll-snap-align:center}.photo-open{display:block;width:100%;height:min(62vh,680px);border:0;border-radius:4px;background:#333;position:relative;overflow:hidden;padding:0}.photo-open img{width:100%;height:100%;object-fit:cover;transition:transform 650ms var(--ease)}.round-arrow{position:absolute;right:20px;bottom:20px;border-radius:50%;width:48px;height:48px;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:23px}.photo-caption{display:flex;align-items:center;gap:22px;padding:24px 0 10px}.photo-caption>span{font-size:11px;color:#dedbd4}.photo-caption h3{font-size:26px;margin:0}.photo-caption>span:last-child{margin-left:auto}.photo-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:16px 5vw 0;color:#ccc9c2;font-size:10px}.rail-progress{width:30%;height:2px;background:#ffffff33;overflow:hidden}.rail-progress i{display:block;height:100%;width:100%;background:var(--yellow);transform-origin:left;transform:scaleX(.25)}body.scroll-scenes .photo-story{height:calc(100svh + var(--rail-travel,700vh))}body.scroll-scenes .photo-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center}body.scroll-scenes .photo-rail{overflow:visible;scroll-snap-type:none;will-change:transform}body.scroll-scenes .photo-open{height:min(70vh,740px)}
/* The object collection is a gallery, not sixteen identical UI cards. */
.collection{background:var(--yellow);padding:60px 5vw 72px;overflow:hidden}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;padding:72px 0 24px}.collection h2{font-size:clamp(47px,6.8vw,112px);line-height:1.1;letter-spacing:-.07em;margin:0}.collection h2 em{font-style:normal}.collection-heading>p{font-size:14px;margin-bottom:8px;min-width:200px}.object-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;padding:70px 0 36px}.object-card{position:relative}.object-card:nth-child(4n+2){margin-top:80px}.object-card:nth-child(4n+3){margin-top:28px}.object-card:nth-child(4n){margin-top:110px}.object-card button{display:block;text-align:left;width:100%;background:transparent;border:0;border-bottom:1px solid #17171550;padding:15px 0 20px;position:relative;min-height:260px}.object-number{font:10px monospace;position:absolute;left:0;top:0;color:#534811}.object-card img{width:100%;height:200px;object-fit:contain;transition:transform 650ms var(--ease);filter:drop-shadow(0 18px 13px #51320c17);padding:15px 5px}.object-label{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.object-label b{font-size:20px;font-weight:600;letter-spacing:-.03em}.object-label>span{font-size:25px}.outline-button{display:flex;align-items:center;justify-content:space-between;gap:50px;min-height:54px;padding:0 22px;border:1px solid var(--ink);border-radius:6px;background:transparent;font-size:12px;margin:30px auto}.outline-button>span{font-size:22px}.collection-credit{font-size:11px;max-width:600px;text-align:center;margin:26px auto 0;color:#514710}
/* Fan photographs open to a full-size source rather than truncated quotes. */
.feedback{background:var(--pink);padding:52px 5vw 65px;overflow:hidden}.feedback-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:64px 0 20px;gap:40px}.feedback h2{font-size:clamp(44px,6.1vw,100px);letter-spacing:-.065em;line-height:1.15;margin:0}.feedback h2 .copy-line>span{color:#a92748}.feedback-heading>p{font-size:13px;min-width:210px}.feedback-deck{display:flex;justify-content:center;gap:20px;padding:70px 0 55px;perspective:1000px}.reaction-card{width:23%;max-width:310px;flex-shrink:0;transform:translateY(var(--lift,0px)) rotate(var(--angle,0deg));transform-origin:50% 95%;position:relative}.reaction-card:nth-child(1){--angle:-8deg;--lift:32px}.reaction-card:nth-child(2){--angle:-3deg;--lift:0px}.reaction-card:nth-child(3){--angle:4deg;--lift:8px}.reaction-card:nth-child(4){--angle:9deg;--lift:45px}.reaction-card button{display:flex;flex-direction:column;text-align:left;width:100%;height:100%;background:var(--paper);border:0;border-radius:5px;padding:13px;box-shadow:0 9px 30px #58112518;transition:transform 500ms var(--ease)}.reaction-crop{height:300px;overflow:hidden;border-radius:3px;background:#e3dfd4}.reaction-card img{width:100%;height:100%;object-fit:cover;object-position:center 33%}.reaction-card .reaction-label{font-size:10px;margin:16px 0 9px;color:#784c58}.reaction-card strong{font-size:16px;line-height:1.55;padding-bottom:15px}.reaction-card small{font-size:10px;margin-top:auto;color:#675b5d;line-height:1.7}.source-note{font-size:10px;text-align:center;line-height:1.8;color:#794452;margin:36px 0 0}.reaction-card:focus-within{z-index:3}
.posters{padding:80px 5vw 95px;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center;background:var(--paper);overflow:hidden}.poster-heading h2{font-size:clamp(37px,4.4vw,73px);letter-spacing:-.055em;line-height:1.16;margin:28px 0}.poster-heading>p{font-size:14px}.poster-wall{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.poster-card{padding:0;border:0;background:none;transform:rotate(-5deg);transition:transform 600ms var(--ease);box-shadow:0 16px 26px #0002}.poster-card:nth-child(2){transform:rotate(5deg) translateY(40px)}.poster-card img{width:100%;height:auto}.poster-caption{font-size:10px;text-align:center;grid-column:1/-1;margin:36px 0 0;color:#666}.contact-section{background:var(--paper);padding:50px 5vw 25px;overflow:hidden}.contact-section h2{font-size:clamp(65px,12vw,196px);line-height:.99;letter-spacing:-.085em;margin:65px 0 40px;position:relative}.contact-section h2 em{font-style:normal}.contact-section h2 [aria-hidden]{position:absolute;right:0;top:0;color:var(--red);font-family:Arial;font-size:1.6em;line-height:1}.email-link{display:inline-flex;align-items:center;gap:50px;font:clamp(19px,2.5vw,40px)/1.5 Arial,sans-serif;letter-spacing:-.025em;border-bottom:1px solid;padding-bottom:14px}.contact-section>p{font-size:13px;margin:30px 0}.footer-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:70px;padding-top:22px;font:10px/1.6 monospace}
/* Native dialogs provide modal focus containment and escape semantics. */
dialog{border:0;color:var(--ink);padding:0;background:var(--paper);border-radius:10px}dialog::backdrop{background:#151510aa;backdrop-filter:blur(6px)}.piece-dialog{width:min(1180px,94vw);max-height:90svh;overflow:auto}.piece-dialog[open]{display:grid;grid-template-columns:1.2fr 1fr;animation:dialog-in 240ms var(--ease)}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.close-button{position:absolute;right:18px;top:16px;width:48px;height:48px;border-radius:50%;border:1px solid #17171540;background:var(--paper);font:30px Arial;z-index:4;display:grid;place-items:center}.piece-media{min-height:560px;background:var(--yellow);position:relative;display:flex;align-items:center;justify-content:center;padding:32px}.piece-media img{width:100%;height:500px;object-fit:contain}.piece-dialog[data-kind=photo] .piece-media{background:var(--ink);padding:0}.piece-dialog[data-kind=photo] .piece-media img{height:100%;min-height:560px;object-fit:cover}.piece-dialog[data-kind=reaction] .piece-media{padding:0;background:#dedbd4;align-items:flex-start}.piece-dialog[data-kind=reaction] .piece-media img{height:auto;max-height:none;min-height:0;width:100%;object-fit:contain}.piece-dialog[data-kind=poster] .piece-media img{height:auto;min-height:0}.piece-copy{padding:80px 45px 40px;display:flex;flex-direction:column}.piece-copy>.eyebrow{font-size:10px;color:#777}.piece-copy h2{font-size:clamp(34px,4vw,60px);letter-spacing:-.06em;line-height:1.14;margin:20px 0 28px}.piece-copy>p:not(.eyebrow){font-size:14px}#piece-credit{font-size:11px;line-height:1.9;color:#74736e}.piece-copy>.text-link{align-self:flex-start;margin:15px 0 35px}.piece-paging{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.piece-paging>button{width:48px;height:48px;background:transparent;border:1px solid;border-radius:50%;font-size:20px}.piece-paging>span{font:11px monospace}.image-switch{position:absolute;bottom:25px;left:50%;translate:-50% 0;display:flex;gap:4px;padding:4px;background:var(--paper);border-radius:100px;z-index:2}.image-switch>button{min-width:64px;min-height:44px;background:transparent;border:0;border-radius:100px;font-size:12px}.image-switch>button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.menu-dialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;border-radius:0;padding:7vw;background:var(--ink);color:var(--paper)}.menu-dialog[open]{animation:dialog-in 240ms var(--ease)}.menu-dialog nav{display:flex;flex-direction:column;position:relative;z-index:1;max-width:900px;margin:60px 0}.menu-dialog nav a{display:flex;align-items:center;gap:25px;font-size:clamp(34px,6vw,90px);line-height:1.4;letter-spacing:-.05em;border-bottom:1px solid #ffffff33;padding:8px 0}.menu-dialog nav small{font:10px monospace;letter-spacing:0;color:var(--yellow)}.menu-dialog nav a>span{font-size:.7em;margin-left:auto}.menu-dialog>img{position:absolute;bottom:8%;right:0;width:40%;opacity:.18;transform:rotate(-30deg);pointer-events:none}.menu-dialog>p{font-size:12px;color:#c8c5bb}.menu-dialog .close-button{background:var(--yellow);color:var(--ink)}
@media(hover:hover) and (pointer:fine){.text-link:hover>span{transform:translate(4px,-4px)}.hero-case:hover .hero-thumb{transform:rotate(0) scale(1.04)}.photo-open:hover img{transform:scale(1.045)}.object-card button:hover img{transform:translateY(-18px) rotate(-5deg) scale(1.1)}.object-card button:hover .object-label>span{rotate:45deg}.reaction-card:hover{z-index:3}.reaction-card:hover button,.reaction-card:focus-within button{transform:translateY(-30px) rotate(calc(-1 * var(--angle))) scale(1.07)}.poster-card:hover{transform:rotate(0) scale(1.035)}.menu-dialog nav a:hover{color:var(--yellow)}}
body.reduced *,body.reduced *::before,body.reduced *::after,body.keyboard-input *,body.keyboard-input *::before,body.keyboard-input *::after{animation:none!important;transition:none!important}html:has(body.reduced),html:has(body.keyboard-input){scroll-behavior:auto}body.reduced .avatar-frame,body.reduced .hero-word{transform:none!important}.reduced .reaction-card{transform:none!important}.reduced .object-card{transform:none!important}
@media(min-width:1700px){.hero-copy{max-width:400px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-case{width:230px}.hero-case>span:last-child{font-size:13px}}
@media(max-width:1100px){.hero-stage{height:73svh;min-height:620px;max-height:900px}.avatar-frame{height:132%;bottom:-36%}.hero-copy{position:relative;left:auto;bottom:auto;padding:30px 32px 95px;max-width:none;width:65%}.hero-copy h1{font-size:40px}.hero-case{bottom:115px;right:32px;width:165px}.hero-tools{left:32px}.scroll-cue{right:32px}.intro-layout{gap:4vw}.intro-layout h2{font-size:7.5vw}.intro-copy{font-size:13px}.object-grid{gap:25px 18px}.object-card img{height:160px}.object-card button{min-height:220px}.reaction-crop{height:230px}.reaction-card strong{font-size:14px}.feedback-deck{gap:14px}.photo-caption>span:last-child{font-size:10px}.piece-copy{padding:75px 30px 35px}.piece-media{min-height:480px}.piece-media img{height:430px}}
@media(max-width:760px){html{scroll-padding-top:12px}.header{padding:22px 20px}.brand{grid-template-columns:28px auto;gap:8px}.brand-mark{width:28px;height:28px}.brand-type{gap:4px}.brand-name{font-size:16px}.brand-lab{font-size:7px}.header{padding:20px 18px}.header nav{gap:10px}.contact-label-wide{display:none}.contact-label-small{display:inline}.contact-arrow{display:none}.header nav{gap:12px;font-size:10px}.header nav>a:not(.contact-link){display:none}.contact-link{padding:0 13px;gap:12px}.menu-button{height:46px;width:44px}.hero{--mobile-stage-size:clamp(540px,72svh,680px)}.hero-stage{height:var(--mobile-stage-size);min-height:0;max-height:none}.avatar-frame{height:123%;bottom:-37%}.hero-word{top:35%;font-size:17.1vw}.hero-instruction{display:none}.hero-copy{width:100%;padding:22px 22px 25px}.hero-copy h1{font-size:34px;line-height:1.2;margin-bottom:16px}.hero-copy h1 br{display:block}.hero-copy .eyebrow{font-size:8px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-case{display:none}.hero-tools{position:relative;left:auto;bottom:auto;padding:0 22px 25px;gap:16px}.hero-tools button{font-size:9px}.scroll-cue{font-size:9px;right:22px;bottom:25px;gap:10px}.orbit{top:32%;height:30%;width:110%;left:-5%}.orbit-two{top:27%;height:48%;width:125%;left:-12%}.section-top{font-size:8px;gap:15px;letter-spacing:0}.work-intro{padding:34px 22px 0}.intro-layout{display:block;padding:45px 0 35px}.intro-layout h2{font-size:51px}.intro-copy{padding-top:34px;font-size:13px}.intro-copy p{margin-bottom:17px}.chapter-label{font-size:9px;gap:15px;padding:17px 0}.photo-sticky{padding-top:5px}.photo-rail{gap:14px;padding:0 22px}.photo-slide{flex-basis:84vw}.photo-open{height:90vw;max-height:600px}.photo-caption{gap:12px;padding-top:20px;flex-wrap:wrap}.photo-caption h3{font-size:24px}.photo-caption>span{font-size:9px}.photo-caption>span:last-child{width:100%;margin-left:0}.photo-bottom{font-size:8px;gap:15px;padding:20px 22px 10px}.rail-progress{width:20%}.collection{padding:36px 22px 45px}.collection-heading{display:block;padding:44px 0 0}.collection h2{font-size:clamp(32px,10vw,42px)}.collection-heading>p{font-size:12px;margin:26px 0 0}.object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;padding:35px 0 10px}.object-card:nth-child(n){margin-top:0;transform:none!important}.object-card:nth-child(even){margin-top:45px}.object-card img{height:155px;padding:15px 0}.object-card button{min-height:210px;padding-bottom:15px}.object-number{font-size:8px}.object-label{padding-top:10px}.object-label b{font-size:16px}.object-label>span{font-size:22px}.outline-button{font-size:11px;margin:28px auto}.collection-credit{font-size:9px;text-align:left}.feedback{padding:36px 22px 42px}.feedback-heading{display:block;padding:45px 0 0}.feedback h2{font-size:39px;line-height:1.2}.feedback-heading>p{font-size:12px;margin:25px 0 0}.feedback-deck{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:25px 0 15px;gap:16px;perspective:none}.reaction-card:nth-child(n){transform:none!important;flex:0 0 78%;width:78%;scroll-snap-align:center;max-width:none}.reaction-crop{height:330px}.reaction-card strong{font-size:17px}.reaction-card button{box-shadow:none;padding:13px}.source-note{text-align:left;font-size:9px;margin-top:16px}.posters{padding:50px 22px 60px;display:block}.poster-heading h2{font-size:41px;margin:25px 0}.poster-heading>p{font-size:12px}.poster-wall{gap:15px;padding:25px 8px 10px}.poster-caption{font-size:9px}.contact-section{padding:35px 22px 25px}.contact-section .section-top{display:block}.contact-section .section-top>span:last-child{display:block;margin-top:8px}.contact-section h2{font-size:71px;letter-spacing:-.07em;margin:45px 0 30px}.contact-section h2 [aria-hidden]{font-size:90px;top:-5px}.email-link{font-size:20px;gap:20px}.contact-section>p{font-size:12px}.footer-line{font-size:8px;flex-wrap:wrap;margin-top:50px}.footer-line>span{order:3;width:100%}.piece-dialog{width:94vw;max-height:92svh;border-radius:8px}.piece-dialog[open]{display:block}.piece-media{min-height:330px;padding:24px}.piece-media img{height:300px}.piece-dialog[data-kind=photo] .piece-media img{min-height:0;height:auto;aspect-ratio:1;object-fit:cover}.piece-copy{padding:35px 25px 25px}.piece-copy h2{font-size:36px;margin:15px 0 20px}.piece-copy>p:not(.eyebrow){font-size:13px}.piece-copy #piece-credit{font-size:10px}.close-button{right:12px;top:12px;width:44px;height:44px}.piece-paging{padding-top:15px}.image-switch{bottom:14px}.piece-dialog[data-kind=reaction] .piece-media img{height:auto}.menu-dialog{padding:70px 25px 35px}.menu-dialog nav{margin-top:45px}.menu-dialog nav a{font-size:32px;gap:15px;min-height:82px}.menu-dialog>img{width:75%;bottom:12%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.avatar-frame,.hero-word,.object-card,.reaction-card{transform:none!important}}
/* Two people share a stage; the controls and all profile content remain accessible. */
.hero{transition:background-color 1050ms cubic-bezier(.37,0,.63,1)}.hero[data-persona=cissy]{background:#ff7866}.persona-visual{position:absolute;inset:0}.persona-visual.webgl-ready .avatar-canvas{opacity:1}.persona-visual.webgl-ready .avatar-poster{opacity:0}.hero[data-persona=cissy] .orbit{border-color:#54271c40}.hero[data-persona=cissy] .hero-thumb{border-radius:6px 50% 50% 6px}.persona-controls{display:flex;gap:4px;align-items:center;position:absolute;left:50%;bottom:27px;translate:-50% 0;z-index:5;padding:4px;border:1px solid #17171533;border-radius:100px;background:#f7f5ef}.persona-controls button{min-height:40px;min-width:42px;padding:0 15px;border:0;background:transparent;border-radius:100px;font:10px monospace;letter-spacing:.035em}.persona-controls [aria-pressed=true][data-persona-button]{background:var(--ink);color:var(--paper)}#rotation-toggle{font-size:14px;border-left:1px solid #aaa4;padding:0 10px}
.people{padding:55px 5vw 75px;background:#fffaf1}.people>h2{font-size:clamp(45px,6.8vw,108px);line-height:1.12;letter-spacing:-.065em;margin:66px 0}.people>h2 .copy-line>span{color:#d63e2c}.cissy-profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.profile-portrait{margin:0;position:relative;overflow:hidden;border-radius:50% 50% 5px 5px;max-height:780px}.profile-portrait img{width:100%;height:650px;object-fit:cover;object-position:center 27%}.profile-portrait figcaption{position:absolute;left:25px;bottom:22px;color:white;font:13px monospace;letter-spacing:.1em;text-shadow:0 1px 8px #0008}.profile-story h3{font-size:clamp(28px,3vw,50px);letter-spacing:-.055em;line-height:1.2;margin:25px 0}.profile-story>p{max-width:470px;font-size:14px}.experience-list{margin:32px 0 0}.experience-list>div{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:17px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.8}.experience-list dt{color:#856e62}.experience-list dd{margin:0}

@media(max-width:1100px){.persona-controls{bottom:26px}.profile-portrait img{height:600px}.cissy-profile{gap:5vw}.experience-list>div{grid-template-columns:85px 1fr;gap:15px;font-size:12px}}
@media(max-width:760px){.persona-controls{position:relative;left:auto;bottom:auto;translate:none;justify-content:center;width:max-content;margin:0 22px 20px;max-width:calc(100% - 44px)}.persona-controls button{min-height:40px;font-size:9px;padding:0 12px}.hero-tools{padding-bottom:18px}.scroll-cue{bottom:18px}.people{padding:36px 22px 45px}.people>h2{font-size:43px;margin:44px 0 35px}.cissy-profile{display:block}.profile-portrait{max-width:420px;margin:0 auto 40px}.profile-portrait img{height:470px}.profile-story h3{font-size:31px;margin:22px 0}.profile-story>p{font-size:13px}.experience-list>div{font-size:12px;grid-template-columns:80px 1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){.persona-visual{transition:none!important}}body.reduced .persona-visual{transition:none!important}

.token-source{background:none;border:0;border-bottom:1px solid;align-self:flex-start;color:var(--yellow);margin-top:18px;padding:0}.piece-dialog[data-kind=record] .piece-media{padding:0;background:#171715;align-items:flex-start}.piece-dialog[data-kind=record] .piece-media img{height:auto;width:100%}.piece-dialog>.close-button{position:sticky;grid-column:1/-1;justify-self:end;top:12px;margin:12px 12px -60px auto;flex-shrink:0}.piece-dialog[data-kind=reaction] .piece-copy,.piece-dialog[data-kind=record] .piece-copy{align-self:start}

@media(min-width:1101px){.hero-stage{max-height:min(1200px,60vw)}.hero-copy{max-width:350px}.hero-copy h1{font-size:clamp(33px,2.8vw,48px)}}

/* A shared turntable keeps every member visible; depth comes from scale and orbital position. */
.avatar-frame{left:44%;pointer-events:none}.persona-visual{opacity:1!important;transition:none!important;pointer-events:none;transform-origin:50% 50%;will-change:transform}.persona-visual[data-position=front]{pointer-events:auto}.hero[data-persona=cissy] .contact-link{background:var(--ink);color:var(--paper)}.hero .hero-instruction{right:18px;top:42%}
.collection-feature{position:relative;height:720px;margin:10px -2vw 30px;isolation:isolate}.feature-word{position:absolute;inset:25% 0 auto;text-align:center;font:900 10vw/.84 Arial,sans-serif;letter-spacing:-.07em;color:#171715;opacity:.1;pointer-events:none}.feature-product{position:absolute;border:0;background:none;padding:0;z-index:1;text-align:left;will-change:translate}.feature-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 18px #5c350622);transition:transform 550ms var(--ease)}.feature-product span{display:inline-block;font:11px monospace;border-bottom:1px solid;padding:12px 0}.feature-peanut{width:48%;height:340px;left:1%;top:5%;rotate:-12deg}.feature-noodle{width:38%;height:340px;left:9%;bottom:1%;rotate:9deg}.feature-popcorn{width:34%;height:550px;right:7%;top:8%;rotate:13deg}.feature-product:hover img{transform:translateY(-12px) rotate(-5deg)}.feature-product:focus-visible{outline-offset:10px}.collection-heading{position:relative;z-index:2}.collection .outline-button{position:relative;z-index:2}
@media(max-width:1100px){.avatar-frame{left:42%}.collection-feature{height:600px}.feature-peanut{height:260px}.feature-noodle{height:270px}.feature-popcorn{height:460px}}
@media(max-width:760px){.avatar-frame{left:36%;height:104%;bottom:-32%}.hero-copy{padding-top:20px}.collection-feature{height:520px;margin:0 -15px 20px}.feature-word{font-size:16vw;top:35%}.feature-peanut{width:76%;height:180px;left:3%;top:3%;rotate:-16deg}.feature-noodle{width:54%;height:190px;left:0;bottom:4%}.feature-popcorn{width:48%;height:270px;right:0;top:34%;rotate:12deg}.feature-product span{font-size:8px;padding:6px 0}.feature-product img{filter:drop-shadow(0 14px 12px #5c350622)}}
body.reduced .feature-product{translate:none!important}body.reduced .feature-product img{transform:none!important}@media(prefers-reduced-motion:reduce){.feature-product{translate:none!important}.feature-product img{transform:none!important}}

.persona-visual[data-position=back]{pointer-events:auto;cursor:pointer}



.persona-controls button{min-height:44px}@media(max-width:760px){.persona-controls{position:absolute;top:calc(var(--mobile-stage-size) - 52px);bottom:auto;left:50%;translate:-50% 0;margin:0;max-width:calc(100% - 32px)}.hero-tools{padding-top:10px}}

.profile-ip{background:#f1c9d7;border-radius:0;isolation:isolate}.profile-ip>span{position:absolute;top:15%;left:3%;font:900 8vw/1 Arial;letter-spacing:-.08em;z-index:-1}.profile-ip img{height:650px;object-fit:contain;object-position:center bottom;transform:translateY(60px) scale(1.15);transform-origin:bottom}.profile-ip figcaption{color:var(--ink);background:var(--paper);padding:10px;text-shadow:none;left:14px;bottom:14px;font:10px/1.5 monospace;letter-spacing:0}.cissy-moments{display:grid;grid-template-columns:1.4fr .85fr 1fr 1.4fr;gap:20px;margin-top:70px;align-items:start}.cissy-moments figure{margin:0}.cissy-moments figure:nth-child(even){margin-top:70px}.cissy-moments small{display:block;font:10px/1.4 monospace;color:#8a5044;margin:18px 0 12px}.cissy-moments h4{font-size:15px;line-height:1.5;margin:0;font-weight:500}.archive-credit{font-size:10px;color:#867a70;margin:25px 0 0}.cooperation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0 0 55px}.cooperation-options a{border-top:1px solid;padding:22px 0;display:block}.cooperation-options span{font:10px monospace;color:#776e64}.cooperation-options h3{font-size:20px;margin:24px 0 18px;line-height:1.5;letter-spacing:-.03em}.cooperation-options p{font-size:13px;max-width:310px;margin:0}.contact-section h2{font-size:clamp(60px,10vw,160px)}
@media(max-width:760px){.hero-copy h1{font-size:31px}.profile-ip>span{font-size:21vw}.profile-ip img{height:470px}.cissy-moments{grid-template-columns:1fr 1fr;gap:25px 15px;margin-top:40px}.cissy-moments figure:nth-child(even){margin-top:35px}.cissy-moments h4{font-size:12px}.cissy-moments small{font-size:9px}.archive-credit{font-size:9px}.cooperation-options{display:block;margin-bottom:25px}.cooperation-options a{padding:18px 0}.cooperation-options h3{font-size:18px;margin:18px 0 13px}.cooperation-options p{font-size:12px}.contact-section h2{font-size:57px}.contact-section h2 [aria-hidden]{font-size:65px;right:-10px}}

.cissy-moments img{display:block;width:100%;height:auto}#peanut-range{width:100%;min-height:44px;accent-color:var(--ink);cursor:ew-resize;margin:0 0 12px}
@media(max-width:760px){.menu-dialog nav a{font-size:29px;min-height:70px}}

/* Explicit semantic lines stay intact across the two member states. */
.copy-line{display:block;white-space:nowrap}.hero-copy h1{text-wrap:initial;letter-spacing:-.055em}.hero-copy{max-width:370px}
.case-brand{display:flex;align-items:center;gap:24px}.case-brand img{height:35px;width:auto;object-fit:contain}.case-brand>span{font:12px/1.7 "PingFang SC",sans-serif}.case-brand>span>span{display:block;font-size:10px;opacity:.7}.case-brand-hema{padding:10px 5vw 22px}.case-brand-hema img{height:36px}.case-brand-sweet{padding-top:35px}.case-brand-sweet img{height:40px;max-width:200px}.case-brand-sweet .kingdom-logo{height:30px;max-width:150px;margin-left:auto}.work-intro .intro-layout{padding:55px 0 60px}.work-intro h2{font-size:clamp(42px,6.5vw,108px)}.collection-heading{padding-top:48px}
@media(max-width:1100px){.hero-copy{max-width:none}.hero-copy h1{font-size:40px}}
@media(max-width:760px){.hero-copy h1{font-size:clamp(28px,8vw,34px)}.case-brand-hema{padding:18px 22px 23px}.case-brand-hema img{height:30px}.case-brand>span{font-size:10px}.case-brand-sweet{gap:15px;flex-wrap:wrap;padding-top:28px}.case-brand-sweet img{height:30px;max-width:140px}.case-brand-sweet>span{order:3;width:100%}.case-brand-sweet .kingdom-logo{height:26px;max-width:120px}.work-intro h2{font-size:clamp(28px,8.9vw,42px)}.work-intro .intro-layout{padding:40px 0}.collection-heading{padding-top:35px}.feedback h2{font-size:clamp(31px,9vw,39px)}.people>h2{font-size:clamp(34px,10vw,43px)}}
/* Product scenes retain their photography; two isolated silhouettes reveal the form. */
.photo-media{position:relative}.photo-open .photo-cutout{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:3%;opacity:0;transform:translateY(30px) rotate(-5deg) scale(.88);filter:drop-shadow(0 25px 25px #0004);transition:opacity 450ms var(--ease),transform 700ms var(--ease);pointer-events:none}.photo-open .photo-scene{transition:opacity 450ms var(--ease),filter 450ms var(--ease),transform 650ms var(--ease)}.photo-slide.cutout-active .photo-scene{opacity:.14;filter:blur(12px)}.photo-slide.cutout-active .photo-cutout{opacity:1;transform:translateY(-3px) rotate(0) scale(.98)}.cutout-toggle{position:absolute;bottom:20px;left:20px;border:0;border-radius:100px;padding:0 18px;min-height:46px;background:var(--paper);color:var(--ink);font-size:11px;z-index:2}.cutout-toggle[aria-pressed=true]{background:var(--yellow)}
@media(hover:hover) and (pointer:fine){.photo-open:hover .photo-scene{opacity:.14;filter:blur(12px)}.photo-open:hover .photo-cutout{opacity:1;transform:translateY(-6px) rotate(2deg) scale(.98)}}

/* Light outline follows the actual alpha of the brand mark. */
.case-brand-sweet img{filter:drop-shadow(2px 0 #fffaf1) drop-shadow(-2px 0 #fffaf1) drop-shadow(0 2px #fffaf1) drop-shadow(0 -2px #fffaf1)}
/* Cissy's career unfolds as three authored roles, not a second hero portrait. */
.career{background:#fffaf1;padding-bottom:70px}.career-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:65px 0 30px}.career-heading h2{font-size:clamp(45px,6.8vw,108px);line-height:1.12;letter-spacing:-.065em;margin:0}.career-heading h2 .copy-line>span{color:#db432c}.career-heading>p{font-size:15px;line-height:2;margin:0 0 6px}.career-stage{position:relative;isolation:isolate}.career-watermark{position:absolute;top:22%;left:0;width:100%;text-align:center;font:900 19vw/.9 Arial;letter-spacing:-.085em;color:#efe4d4;z-index:-1}.career-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.career-tabs button{border:0;border-top:1px solid var(--line);text-align:left;background:transparent;padding:24px 0;position:relative;min-height:154px}.career-tabs button:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:4px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 350ms var(--ease)}.career-tabs button[aria-selected=true]:before{transform:scaleX(1)}.career-tabs small{font:10px monospace;color:#98715b}.career-tabs strong{display:block;font-size:28px;line-height:1.25;letter-spacing:-.045em;margin:18px 0 14px}.career-tabs button>span{font-size:12px}.career-tabs button[aria-selected=true] strong{color:#cb3825}.career-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;padding:45px 0;border-bottom:1px solid var(--line);align-items:center;min-height:370px}.career-panel h3{font-size:clamp(30px,3.5vw,50px);line-height:1.2;letter-spacing:-.045em;margin:20px 0}.career-panel p{font-size:14px;max-width:470px}.career-panel .eyebrow{font-size:10px;color:#9c5942}.career-evidence{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.career-evidence figure{margin:0}.career-evidence img{width:100%;height:auto;max-height:350px;object-fit:contain}.career-evidence figcaption{font-size:11px;line-height:1.7;margin-top:15px}.career-evidence figure:only-child{grid-column:1/-1;max-width:550px;justify-self:end}.architecture-note{grid-column:1/-1;display:flex;align-items:center;gap:40px;min-height:260px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.architecture-note>strong{font:200px/.9 Georgia,serif;color:#cb3825}.architecture-note p{font-size:18px;margin:0;line-height:1.8}.architecture-note small{display:block;font:10px monospace;color:#8f6d54;margin-top:20px}.cissy-work-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0 25px}.cissy-work-heading h3{font-size:27px;letter-spacing:-.04em;margin:0}.cissy-work-heading>span:last-child{font-size:11px}.career .section-top{scroll-margin-top:20px}
@media(max-width:1000px){.career-heading>p{font-size:12px}.career-panel{gap:30px}.career-tabs strong{font-size:23px}}
@media(max-width:760px){.cutout-toggle{left:12px;bottom:12px;padding:0 12px;font-size:10px;min-height:44px}.career{padding-bottom:40px}.career-heading{display:block;padding:40px 0 20px}.career-heading h2{font-size:clamp(35px,10vw,44px)}.career-heading>p{font-size:12px;margin:25px 0 0}.career-watermark{top:14%;font-size:22vw}.career-tabs{gap:12px}.career-tabs button{padding:17px 0;min-height:155px}.career-tabs small{font-size:7px;letter-spacing:0}.career-tabs strong{font-size:17px;line-height:1.4;margin:16px 0 10px;letter-spacing:-.04em}.career-tabs button>span{font-size:9px;line-height:1.6;display:block}.career-panel{display:block;padding:25px 0 35px;min-height:0}.career-panel h3{font-size:32px}.career-panel p{font-size:12px}.career-evidence{margin-top:30px;gap:15px}.career-evidence figcaption{font-size:10px}.architecture-note{min-height:200px;gap:25px}.architecture-note>strong{font-size:150px}.architecture-note p{font-size:14px}.cissy-work-heading{flex-wrap:wrap;gap:13px;padding:30px 0 22px}.cissy-work-heading .eyebrow{width:100%;font-size:9px}.cissy-work-heading h3{font-size:22px}.cissy-work-heading>span:last-child{font-size:9px}}
body.reduced .photo-cutout,body.keyboard-input .photo-cutout{transform:none!important}@media(prefers-reduced-motion:reduce){.photo-cutout{transform:none!important}}

/* One continuous Hema exhibition; the last frame opens its detailed collection. */
.photo-finale{display:flex;align-items:stretch}.all-hema{width:100%;min-height:70vh;padding:5vw;border:1px solid #ffffff35;border-radius:4px;background:var(--yellow);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;text-align:left}.all-hema strong{font-size:clamp(35px,4vw,65px);line-height:1.2;letter-spacing:-.05em}.finale-arrow{font:150px/.9 Arial;transition:transform 300ms var(--ease)}.all-hema:hover .finale-arrow{transform:translate(15px,-12px)}.all-hema>span:last-child{font-size:13px}.rail-open{border:0;border-bottom:1px solid #ffffff65;color:var(--paper);background:none;padding:8px 0;min-height:44px;font:inherit}.rail-open:hover{color:var(--yellow)}
.hema-picker{grid-column:1/-1;display:flex;gap:12px;overflow-x:auto;padding:24px;background:var(--ink);color:var(--paper);scrollbar-width:thin}.hema-picker button{flex:0 0 110px;text-align:left;border:1px solid transparent;padding:5px;background:none;color:inherit}.hema-picker img{width:100%;aspect-ratio:1;height:auto}.hema-picker span{display:block;font-size:10px;line-height:1.5;margin-top:8px}.hema-picker [aria-current=true]{border-color:var(--yellow);color:var(--yellow)}.piece-layers{margin:2px 0 22px}.piece-layers h3{font-size:11px;font-weight:500;margin:0 0 10px}.piece-layers ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.piece-layers li{font-size:11px;border:1px solid var(--line);padding:6px 8px}.piece-dialog[data-kind=photo] .piece-media img{object-fit:contain;height:100%;min-height:0;max-height:70svh}.piece-dialog[data-kind=photo] .piece-media{background:#eee9df}.piece-dialog[data-kind=photo] .piece-copy{padding:45px 35px}.piece-dialog[data-kind=photo] .piece-paging{margin-top:30px}
/* Independent role windows spread the original transparent illustration across the section. */
.career-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:end;padding:25px 0 12px}.career-person{position:relative;width:min(100%,300px);aspect-ratio:1/2;overflow:hidden;opacity:1;filter:saturate(.5);transform:translateY(10px) scale(.97);transform-origin:bottom center;transition:opacity 600ms var(--ease),filter 600ms var(--ease),transform 600ms var(--ease)}.career-person:first-child{justify-self:start}.career-person:nth-child(2){justify-self:center}.career-person:last-child{justify-self:end}.career-person img{position:absolute;height:100%;width:300%;max-width:none;object-fit:fill;top:0;left:0}.career-person:nth-child(2) img{left:-100%}.career-person:nth-child(3) img{left:-200%}.career-stage[data-career="0"] [data-role="0"],.career-stage[data-career="1"] [data-role="1"],.career-stage[data-career="2"] [data-role="2"]{opacity:1;filter:none;transform:translateY(-10px) scale(1.035)}.career-tabs button[aria-selected=true]:before{transform:scaleX(var(--career-progress,0));transition:none}.career-tabs button[aria-selected=true]{background:linear-gradient(180deg,#e34a3210,transparent 70%)}.career-controls{display:flex;align-items:center;justify-content:space-between;padding:4px 0 14px;border-bottom:1px solid var(--line);font:11px monospace}.career-controls button{min-height:44px;border:0;background:none;color:#ba3827;font-size:11px;padding:0 12px}.career-controls button span{margin-left:15px}.career-controls button:disabled{color:#777}.career-panel{min-height:370px}
@media(max-width:760px){.all-hema{min-height:90vw;padding:28px}.all-hema strong{font-size:32px}.all-hema>span:last-child{font-size:10px}.finale-arrow{font-size:95px}.photo-bottom{gap:12px}.rail-open{font-size:9px}.hema-picker{padding:16px;gap:8px}.hema-picker button{flex-basis:85px}.piece-dialog[data-kind=photo] .piece-copy{padding:25px}.piece-dialog[data-kind=photo] .piece-media img{height:auto;max-height:none;aspect-ratio:1}.career-portraits{gap:8px;padding-top:20px}.career-person{width:100%}.career-tabs{gap:8px}.career-tabs strong{font-size:16px}.career-controls{font-size:9px}.career-controls button{font-size:10px}.career-panel{min-height:0}}
@media(prefers-reduced-motion:reduce){.career-person,.finale-arrow{transition:none;transform:none!important}}body.reduced .career-person,body.reduced .finale-arrow{transition:none;transform:none!important}

.piece-title-line{display:block}.piece-dialog[data-kind=photo] .piece-copy h2{font-size:clamp(25px,2.8vw,40px);line-height:1.2;letter-spacing:-.045em}.piece-dialog[data-kind=photo] .piece-title-line{white-space:nowrap}@media(max-width:760px){.piece-dialog[data-kind=photo] .piece-copy h2{font-size:29px}}
/* Continuous archive exhibition. Originals retain native keyboard and touch access. */

.cissy-work-reel{--work-card-width:max(260px,26.1vw);--work-gap:25px;display:flex;overflow-x:auto;padding:14px 0 30px;scrollbar-width:none;scroll-behavior:auto;overscroll-behavior-x:contain}.cissy-work-reel::-webkit-scrollbar{display:none}.work-reel-group{display:flex;flex:0 0 auto;gap:var(--work-gap);padding-right:var(--work-gap)}.cissy-work-card{position:relative;flex:0 0 var(--work-card-width);width:var(--work-card-width);min-width:0;background:none;border:0;padding:0;text-align:left;align-self:flex-start;transition:transform 220ms var(--ease),opacity 220ms ease}.cissy-work-card.is-offset{margin-top:30px}.cissy-work-card img{display:block;width:100%;height:auto;aspect-ratio:365/274;object-fit:contain;object-position:top;background:#f2eee5;transition:box-shadow 220ms ease}.cissy-work-card strong{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin:18px 0 8px}.cissy-work-card strong span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;transition:background-color 180ms ease,color 180ms ease,transform 180ms var(--ease)}.cissy-work-card small{font-size:11px;color:#98715b}.cissy-work-card:active{transform:scale(.98)}.cissy-work-card:focus-visible{outline:3px solid var(--blue);outline-offset:5px;transition:none}.cissy-work-reel.is-still .work-reel-copy{display:none}
@media(hover:hover) and (pointer:fine){.cissy-work-reel:has(.cissy-work-card:hover) .cissy-work-card:not(:hover){opacity:.52}.cissy-work-reel .cissy-work-card:hover{transform:translateY(-7px) scale(1.015);z-index:1}.cissy-work-card:hover img{box-shadow:0 14px 28px #6b4b2426}.cissy-work-card:hover strong span{background:var(--ink);color:var(--paper);transform:rotate(45deg)}}
@media(max-width:760px){.cissy-work-reel{--work-card-width:max(230px,calc((100vw - 44px)*.75));--work-gap:17px}.cissy-work-card strong{font-size:15px}.cissy-work-card small{font-size:10px}.cissy-work-card.is-offset{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.cissy-work-card,.cissy-work-card img,.cissy-work-card strong span{transition:none!important}.cissy-work-reel .cissy-work-card:hover{transform:none}.work-reel-copy{display:none}}
body.reduced .cissy-work-reel .cissy-work-card:hover{transform:none}body.keyboard-input .cissy-work-card{transition:none}

/* Persistent text layers avoid hard text/font swaps during the orbital handoff. */
.persona-copy-stack{display:grid}
.persona-copy-layer{grid-area:1/1;opacity:0;transform:translate3d(0,7px,0);pointer-events:none;transition:opacity 180ms ease-out,transform 450ms cubic-bezier(.37,0,.63,1)}
.persona-copy-layer[data-active=true]{opacity:1;transform:translate3d(0,0,0);transition-duration:320ms,500ms;transition-delay:180ms}
.hero-word .persona-copy-layer{transform:translate3d(0,12px,0);transition-duration:240ms,600ms}
.hero-word .persona-copy-layer[data-active=true]{transform:translate3d(0,0,0);transition-duration:400ms,650ms;transition-delay:240ms}
.hero-word [data-member=cissy]{font-size:25.8vw;letter-spacing:-.085em;position:relative;left:9vw;top:-.01em}
.hero .contact-link{transition:transform 160ms var(--ease),background-color 750ms cubic-bezier(.37,0,.63,1),color 750ms cubic-bezier(.37,0,.63,1)}


/* The 4px brand grid stays independent from persona transforms. */
.persona-labels{position:absolute;inset:0;z-index:4;pointer-events:none}
.persona-pick{position:absolute;right:6%;top:49%;min-height:48px;padding:0 18px;display:flex;align-items:center;gap:12px;border:1px solid #17171566;border-radius:100px;background:var(--paper);color:var(--ink);font:600 12px/1.4 Arial,sans-serif;letter-spacing:.025em;pointer-events:auto;white-space:nowrap;transition:opacity 180ms ease-out,scale 140ms var(--ease)}
.persona-visual{--stage-light:1;--portrait-exposure:1.02}
.persona-visual[data-position=back]{--stage-light:0;--portrait-exposure:.54}

.avatar-poster{filter:brightness(var(--portrait-exposure))}
@media(max-width:760px){
  .hero-word{top:118px;left:22px;right:22px;font-size:clamp(28px,9.5vw,52px);line-height:1;letter-spacing:-.04em;z-index:2}
  .hero-word [data-member=cissy]{font-size:inherit;letter-spacing:inherit;left:0;top:0}
  .persona-pick{right:18px;top:57%;min-height:44px;padding:0 14px;font-size:12px}
}

/* Fade only the portraits; text and hit targets retain their full opacity. */
.portrait-stage{position:absolute;inset:0;overflow:clip;mask-image:linear-gradient(to bottom,#000 0%,#000 68%,#000c 78%,#0003 90%,transparent 96%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,#000c 78%,#0003 90%,transparent 96%)}
.persona-controls{border:0;border-radius:0;background:transparent;padding:0;gap:2px}
.persona-controls button{border-radius:0;color:#17171599;padding:0 12px}
.persona-controls [aria-pressed=true][data-persona-button]{background:transparent;color:var(--ink);font-weight:700;box-shadow:inset 0 -1px var(--ink)}
#rotation-toggle{border:0;color:#17171599;font-size:12px}
.persona-pick{border:0;border-radius:2px;background:#f7f5efe6;font-weight:600}
.hero[data-persona=cissy] .persona-pick{background:#ff7866e6}
.cissy-work-heading{justify-content:flex-start;align-items:baseline}
.career-controls button{color:#17171588;font-size:12px;min-width:44px}
.footer-line{display:grid;justify-content:center;justify-items:center;text-align:center;gap:10px;color:#99958e;font-size:10px;border:0;line-height:1.7}
.footer-line>span{order:0!important;width:auto!important}
.footer-line>a:first-child{order:1}
.footer-line>a:last-child{order:2;font-size:9px;margin-top:8px}
@media(max-width:760px){.persona-controls{top:calc(var(--mobile-stage-size) - 46px)}.persona-controls button{font-size:9px;padding:0 10px}.footer-line{gap:8px}.hero-word{font-weight:800}}

/* Vector icons keep the same drawing on Apple, Windows and Android. */
.icon-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}
/* Touch layouts use native image compositing; orbital motion and depth remain. */
@media(max-width:760px),(hover:none),(pointer:coarse){.persona-visual.webgl-ready .avatar-canvas{display:none}.persona-visual.webgl-ready .avatar-poster{opacity:1}}

.footer-line>.icp-link{order:2;color:#77736b}.footer-line>a:last-child{order:3}