:root{color-scheme:dark;--bg:#080a0e;--ink:#f1f4f9;--muted:#929cac;--blue:#bfdfff;--line:rgba(218,230,255,.14);--ease:cubic-bezier(.2,.8,.2,1);--pad:clamp(22px,5.5vw,88px);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:clip;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p,figure{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#c9def8;color:#101821}.skip-link{position:fixed;left:16px;top:-70px;z-index:100;background:white;color:black;padding:12px 18px;border-radius:14px}.skip-link:focus{top:16px}
.ambient{position:absolute;inset:0 0 auto;height:1100px;overflow:hidden;pointer-events:none;z-index:-1}.ambient i{position:absolute;left:-45%;top:-450px;width:1200px;height:1200px;background:radial-gradient(ellipse,rgba(105,148,206,.12),transparent 65%)}.ambient i+i{left:50%;top:150px;background:radial-gradient(ellipse,rgba(139,147,212,.09),transparent 65%)}
.glass{background:linear-gradient(135deg,rgba(244,250,255,.15),rgba(176,204,237,.035) 48%,rgba(206,226,255,.075)),rgba(23,29,38,.58);border:1px solid rgba(239,247,255,.21);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.04),0 10px 40px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5)}
.masthead{position:absolute;z-index:5;top:max(27px,env(safe-area-inset-top));left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:12px;font-weight:750;letter-spacing:.09em;display:flex;align-items:center;gap:12px;min-height:44px}.wordmark span{font-weight:450;font-size:11px;letter-spacing:.03em;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.header-link{display:flex;align-items:center;gap:6px;font-size:11px;color:#b9c4d3;min-height:44px}.header-link svg{width:15px;height:15px}
.hero{position:relative;isolation:isolate;min-height:770px;min-height:100svh;padding:126px 0 44px;overflow:clip}.hero-intro{position:relative;z-index:2;text-align:center}.eyebrow{font-size:10px;letter-spacing:.18em;line-height:1.5;color:#a9b4c3;font-weight:550}.hero .eyebrow{font-size:15px;letter-spacing:.1em;color:var(--ink)}.hero .eyebrow span{color:#8b97a9;font-size:11px;margin-left:12px;font-weight:400}.hero-title{font-size:clamp(54px,16.1vw,228px);letter-spacing:-.065em;line-height:1.1;font-weight:650;white-space:nowrap;margin:20px 0 16px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}.hero-title i{font-style:normal;color:#b7cde8;display:inline-block}.hero-title span{display:inline-block}.hero-location{font-size:9px;letter-spacing:.21em;color:#8b97a9}.hero-location span{padding:0 13px;color:#4f5969}
.hero-stage{position:relative;margin:34px auto 0;height:300px;width:100%;perspective:1200px;transform-style:flat;isolation:isolate}.hero-main{position:absolute;left:8%;top:54px;width:84%;z-index:3;will-change:transform}.hero-poster{position:relative;display:block;border-radius:19px;overflow:hidden;box-shadow:0 38px 70px -30px #000,0 1px 0 rgba(244,251,255,.5) inset;border:1px solid rgba(215,237,255,.42);background:#213948;transform:rotate(-5deg);animation:poster-float 8s ease-in-out infinite}.hero-poster>img{width:100%;height:auto;aspect-ratio:1.884;object-fit:cover}.poster-label{position:absolute;left:12px;bottom:11px;right:12px;padding:9px 12px;border-radius:12px;display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.05em;background-color:rgba(11,24,33,.5);color:#fff}.poster-label span{font-size:9px;color:#d2e0ed;margin-right:auto}.poster-label svg{width:14px;height:14px}
.orbit{position:absolute;width:67%;top:16px;left:-16%;z-index:1;transform:rotate(-13deg);will-change:transform}.orbit-inner{border-radius:15px;overflow:hidden;box-shadow:0 20px 40px #0008;border:1px solid #b2c7e435;opacity:.5;animation:poster-float 11s ease-in-out infinite reverse}.orbit img{width:100%;height:auto;aspect-ratio:1.8;object-fit:contain}.orbit-right{left:auto;right:-19%;top:102px;transform:rotate(11deg);z-index:2}.orbit-right .orbit-inner{animation-delay:-3s;opacity:.64}.lens{position:absolute;border-radius:50%;z-index:4;pointer-events:none;background:radial-gradient(circle at 29% 23%,rgba(255,255,255,.2),transparent 40%),linear-gradient(130deg,rgba(211,233,255,.1),rgba(198,214,251,.02) 44%,rgba(232,242,255,.09));border:1px solid rgba(238,248,255,.34);box-shadow:inset 3px 4px 8px #f1f7ff29,inset -5px -5px 10px #839bd22e,0 12px 34px #0003;-webkit-backdrop-filter:blur(3px) saturate(1.1);backdrop-filter:blur(3px) saturate(1.1)}.lens i{position:absolute;inset:6%;border:1px solid #dce9ff29;border-radius:50%}.lens-one{width:78px;height:78px;right:3%;top:4px;animation:lens-drift 9s ease-in-out infinite}.lens-two{width:38px;height:38px;left:8%;bottom:25px;animation:lens-drift 7s ease-in-out infinite reverse}.stage-note{position:absolute;left:var(--pad);bottom:3px;font-size:8px;color:#687586;letter-spacing:.2em}.hero-foot{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--pad);margin:26px auto 0;max-width:1450px;color:#8e9bac}.hero-foot p{font-size:10px;line-height:1.6;max-width:190px}.scroll-cue{display:flex;align-items:center;gap:9px;min-height:44px;font-size:10px;white-space:nowrap}.scroll-cue span{font-size:18px;color:var(--ink);animation:cue 2s ease-in-out infinite}
.section{position:relative;padding:86px var(--pad);max-width:1600px;margin:auto}.selected{padding-top:88px;overflow:clip}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:42px}.section-heading h2,.about h2,.contact h2{font-size:clamp(40px,8vw,104px);font-weight:550;line-height:1.16;letter-spacing:-.025em;margin-top:19px}.silver-text{color:#aeb8c8;background:linear-gradient(110deg,#e6eef8 3%,#8c9bad 42%,#dce8f8 77%,#8995a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-aside{font-size:10px;line-height:1.9;color:#b3bdca;text-align:right;padding-bottom:5px}.section-aside span{font-size:9px;color:#718096}
.reel{margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));perspective:1600px}.reel-track{display:flex;gap:18px;overflow-x:auto;padding:14px var(--pad) 24px;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain;scroll-padding-inline:var(--pad);align-items:start}.reel-track::-webkit-scrollbar{display:none}.reel-card{flex:0 0 calc(100% - 28px);min-width:0;scroll-snap-align:start;transform-origin:center;will-change:transform;transition:opacity .35s}.work-link{display:block;min-width:0}.work-image{position:relative;border-radius:19px;overflow:hidden;isolation:isolate;background:#161b24;border:1px solid #c5daf021;box-shadow:0 22px 40px -30px #000b}.work-image>img{width:100%;aspect-ratio:1.778;height:auto;object-fit:contain;transition:transform .8s var(--ease)}.work-open{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:white}.work-open svg{width:17px;height:17px}.work-meta{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:18px 2px 0}.work-meta h3{font-size:20px;font-weight:550;letter-spacing:-.01em}.work-meta p{font-size:13px;color:#a6b2c2;margin-top:6px;line-height:1.5}.work-meta>span{font-size:9px;line-height:1.5;white-space:nowrap;color:#8291a5;margin-top:5px}.reel-controls{display:flex;align-items:center;gap:18px;margin-top:2px}.reel-count{display:flex;align-items:center;gap:8px;font-size:11px;font-variant-numeric:tabular-nums}.reel-count b{font-weight:550;color:#e4edf7}.reel-count>span{font-size:9px;color:#68778c}.reel-progress{height:1px;background:#d9eaff24;flex:1;overflow:hidden}.reel-progress i{display:block;background:#c6dffd;height:100%;width:25%;transform-origin:left;transition:width .25s}.reel-buttons{display:flex;gap:8px}.round{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;padding:0;color:var(--ink);transition:background .2s,transform .25s var(--ease)}.round svg{width:18px;height:18px}#reel-prev svg{transform:rotate(180deg)}.round:active{transform:scale(.91)}.round:disabled{opacity:.32;cursor:default}
.archive-heading{display:flex;justify-content:space-between;align-items:center;margin:76px 0 26px}.archive-heading h2{font-size:23px;letter-spacing:-.025em;font-weight:500}.archive-heading>span{font-size:8px;color:#6b788c;letter-spacing:.16em}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.archive-card .work-image{border-radius:12px}.archive-card .work-meta{display:block;padding:12px 0 0}.archive-card h3{font-size:14px}.archive-card .work-meta p{font-size:11px;margin-top:4px}.archive-card .work-meta>span{display:block;font-size:9px;white-space:normal;margin-top:7px;color:#8595aa}.archive-card .work-open{width:28px;height:28px;right:7px;bottom:7px}.archive-card .work-open svg{width:12px;height:12px}.text-link{display:flex;gap:12px;align-items:center;width:max-content;max-width:100%;font-size:12px;margin-top:42px;min-height:44px;color:#c7d5e5}.text-link svg{width:15px;height:15px}
.about{border-top:1px solid var(--line);padding-top:92px}.about h2{font-size:clamp(34px,6.8vw,84px);line-height:1.25}.about-layout{margin-top:34px;display:grid;gap:42px}.bio{max-width:580px;color:#8d9aac;font-size:13px;line-height:1.95}.bio>p+p{margin-top:18px}.bio .bio-lead{font-size:16px;color:#d5deeb;line-height:1.9}.artist-copy{font-size:12px;color:#7e8d9f}.stat{display:flex;align-items:center;gap:22px}.stat>div{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.06em;line-height:1}.stat strong{font-size:94px;font-weight:450}.stat i{font-size:42px;font-style:normal;color:#98adc8;vertical-align:top;display:inline-block;margin-top:6px}.stat>p{font-size:13px;line-height:1.6;color:#d9e4f2}.stat>p>span{display:block;font-size:10px;max-width:130px;color:#7e8c9f;margin-top:8px}.brand-window{overflow:hidden;margin:52px calc(-1 * var(--pad));padding:20px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.brand-track{display:flex;width:max-content;animation:brand-scroll 42s linear infinite}.brand-track>div{display:flex;align-items:center;gap:28px;flex:none;padding-right:28px}.brand-track span{font-size:16px;letter-spacing:.025em;color:#a6b6cb;white-space:nowrap}.brand-track i{color:#44536a;font-style:normal;font-size:16px}.awards{margin-top:48px}.awards-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.awards-heading h3{font-size:15px;font-weight:500}.awards-heading span{font-size:8px;letter-spacing:.16em;color:#6e7b8f}.award{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 0;border-bottom:1px solid var(--line)}.award>span{font-size:12px;line-height:1.6;color:#9daaBD}.award>strong{font-size:12px;white-space:nowrap;font-weight:450;color:#d7e6fa}
.contact{isolation:isolate;overflow:hidden;padding-top:118px;padding-bottom:86px}.contact h2{font-size:clamp(65px,13vw,170px);line-height:1.04;font-weight:500;margin-top:24px}.contact-orbit{position:absolute;z-index:-1;width:470px;height:470px;right:-260px;top:170px;perspective:800px;opacity:.5}.contact-orbit i{position:absolute;inset:0;border-radius:50%;border:1px solid #d0e0fb30;box-shadow:inset 0 0 45px #a1c3ee09;transform:rotateY(45deg) rotateX(30deg);animation:orb-turn 24s linear infinite}.contact-orbit i:nth-child(2){inset:28px;animation-duration:29s;animation-direction:reverse}.contact-orbit i:nth-child(3){inset:60px;animation-duration:34s}.contact-card{position:relative;margin-top:48px;border-radius:26px;padding:23px 20px;overflow:hidden}.contact-card:before{content:"";position:absolute;width:200px;height:200px;right:-130px;top:-130px;background:radial-gradient(circle,rgba(204,229,255,.32),transparent 70%);pointer-events:none}.contact-caption{font-size:8px;color:#97abc3;letter-spacing:.13em;display:flex;align-items:center;gap:8px}.contact-caption i{height:5px;width:5px;border-radius:50%;background:#c2e0ff;box-shadow:0 0 9px #b2d9ff66;animation:breath 3s ease-in-out infinite}.contact-main{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 20px;font-size:25px;font-weight:500;letter-spacing:-.025em}.contact-main .round{border:1px solid #cee3fd32;background:#c7dfff0d;flex:none}.contact-mail{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;letter-spacing:-.01em}.contact-mail>a{overflow-wrap:anywhere;color:#a7b9ce}.contact-mail button{background:none;color:#c8d8eb;min-width:44px;min-height:44px;font-size:10px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px;font-size:10px;color:#73849b}.contact-bottom a{display:flex;align-items:center;gap:6px;min-height:44px;color:#b9c9dc}.contact-bottom svg{width:14px;height:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #c8ddfb12;padding:24px var(--pad) calc(130px + env(safe-area-inset-bottom));font-size:9px;color:#57677e}footer>a{font-size:10px;color:#9babbe;font-weight:600}footer button{background:none;font-size:9px;min-height:44px;padding:0 8px;color:#9aaabf}
.dock{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:20;display:grid;grid-template-columns:repeat(4,1fr);width:min(342px,calc(100% - 36px));padding:6px;border-radius:999px;isolation:isolate;background-color:rgba(25,32,43,.78)}.dock>a{display:grid;place-items:center;min-height:48px;font-size:12px;z-index:2;transition:color .35s;letter-spacing:.04em;color:#9eafc7}.dock>a.is-active{color:#fff}.dock-active{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/4);border:1px solid #f0f6ff36;border-radius:999px;box-shadow:inset 0 1px 0 #fff6,0 4px 16px #0002;background:linear-gradient(135deg,#f0f7ff38,#d9eaff0c);transition:transform .55s cubic-bezier(.2,.85,.22,1.08);z-index:1}.dock-progress{position:absolute;left:34px;right:34px;bottom:2px;height:1px;background:#d4e6ff50;transform:scaleX(0);transform-origin:left;border-radius:2px}.toast{position:fixed;z-index:50;bottom:calc(100px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,12px);border-radius:15px;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .3s;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
[data-reveal]{transition:opacity .85s var(--ease),transform .95s var(--ease);transition-delay:calc(var(--order,0) * 55ms)}.motion-ready [data-reveal]:not(.is-seen){opacity:0;transform:translate3d(0,28px,0)}.motion-ready .hero-title>span{animation:type-enter 1.25s var(--ease) both}.motion-ready .hero-title>span:nth-child(2){animation-delay:.08s}.motion-ready .entry{animation:soft-enter 1s var(--ease) both}.motion-ready .hero-location{animation-delay:.16s}.motion-zone:not(.is-visible) .brand-track,.motion-zone:not(.is-visible) .hero-poster,.motion-zone:not(.is-visible) .orbit-inner,.motion-zone:not(.is-visible) .lens,.motion-zone:not(.is-visible) .contact-orbit i,.motion-zone:not(.is-visible) .contact-caption i{animation-play-state:paused}
@keyframes poster-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes lens-drift{0%,100%{translate:0 0;scale:1}50%{translate:-8px -15px;scale:1.05}}@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes brand-scroll{to{transform:translateX(-50%)}}@keyframes orb-turn{to{transform:rotateY(405deg) rotateX(390deg)}}@keyframes breath{50%{opacity:.4;box-shadow:0 0 16px #bedaff66}}@keyframes type-enter{from{opacity:0;transform:translateY(35px) rotateX(18deg)}to{opacity:1;transform:none}}@keyframes soft-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.work-link:hover .work-image>img{transform:scale(1.035)}.work-link:hover .work-open{background-color:#26384add}.work-link:hover .work-meta h3{color:#c7e3ff}.round:hover{background-color:#d9eaff24}.contact-main:hover>.round{transform:rotate(45deg)}.header-link:hover,.text-link:hover{color:white}.hero-poster:hover .poster-label{background-color:#243d5099}.brand-window:hover .brand-track{animation-play-state:paused}}
@media(min-width:700px){.hero{padding-top:145px;padding-bottom:60px;min-height:100svh}.masthead{top:28px}.wordmark{font-size:14px}.wordmark span{font-size:12px}.header-link{font-size:12px}.hero-title{margin:12px 0}.hero-stage{height:440px;max-width:1280px;margin-top:45px}.hero-main{width:64%;left:18%;top:10px}.orbit{width:47%;left:-9%;top:14px}.orbit-right{right:-10%;left:auto;top:88px}.hero-poster{border-radius:25px}.poster-label{left:20px;right:20px;bottom:18px;padding:12px 16px;font-size:13px}.poster-label span{font-size:11px}.lens-one{width:125px;height:125px;right:11%;top:-17px}.lens-two{width:62px;height:62px;left:11%;bottom:60px}.stage-note{bottom:12px}.hero-foot{margin-top:28px}.hero-foot p{font-size:12px;max-width:none}.scroll-cue{font-size:11px}.section{padding-top:120px;padding-bottom:120px}.section-heading{margin-bottom:58px}.section-aside{font-size:13px}.section-aside span{font-size:11px}.reel-track{gap:32px}.reel-card{flex-basis:72%;max-width:1000px}.work-meta h3{font-size:30px}.work-meta p{font-size:16px}.work-meta>span{font-size:11px}.work-image{border-radius:26px}.work-open{width:48px;height:48px;right:22px;bottom:22px}.work-open svg{width:21px;height:21px}.archive-heading{margin-top:100px}.archive-heading h2{font-size:32px}.archive-heading>span{font-size:10px}.archive-grid{gap:42px 26px;grid-template-columns:repeat(4,minmax(0,1fr))}.archive-card h3{font-size:17px}.archive-card .work-meta p{font-size:13px}.text-link{font-size:14px}.about-layout{grid-template-columns:1.35fr 1fr;gap:10%;align-items:center;margin-top:48px}.bio{font-size:15px}.bio .bio-lead{font-size:20px}.artist-copy{font-size:13px}.stat{display:block}.stat strong{font-size:150px}.stat i{font-size:55px}.stat>p{margin-top:20px;font-size:15px}.stat>p>span{max-width:none;font-size:12px}.brand-window{margin-top:76px;margin-bottom:76px}.brand-track span{font-size:22px}.brand-track>div{gap:52px;padding-right:52px}.awards{max-width:100%}.awards-heading h3{font-size:18px}.award{padding:27px 0}.award>span,.award>strong{font-size:16px}.contact-card{max-width:690px;margin-top:60px;padding:30px 34px;border-radius:32px}.contact-main{font-size:34px}.contact-caption{font-size:10px}.contact-mail{font-size:15px}.contact-mail button{font-size:12px}.contact-bottom{max-width:690px;font-size:12px}.contact-orbit{width:730px;height:730px;right:-220px;top:40px}.contact{padding-top:130px}.dialog-shell{padding:22px}.dialog-shell figure>img{max-height:62svh}.dialog-shell figcaption{padding-top:22px}.dialog-footer>a{font-size:13px}footer{font-size:11px}footer>a{font-size:12px}footer button{font-size:11px}}
@media(min-width:1100px){.hero-stage{height:520px;margin-top:55px}.hero-main{width:65%;left:17.5%;top:0}.orbit{top:20px}.orbit-right{top:95px}.hero{padding-top:130px}.hero-intro{max-width:1500px;margin:auto}.hero-title{font-size:clamp(155px,15vw,228px)}.lens-one{right:10%;top:0;width:155px;height:155px}.lens-two{bottom:95px}.hero-foot{margin-top:0}.section-heading h2{font-size:105px}.reel-card{flex-basis:65%}.work-image>img{aspect-ratio:1.9}.contact{padding-bottom:135px}.contact-orbit{right:30px;top:50px;width:700px;height:700px}}
@media(max-width:359px){:root{--pad:18px}.hero{padding-top:110px}.hero-title{font-size:15.8vw}.hero-stage{height:260px}.hero-main{top:48px}.hero-foot{margin-top:15px}.hero-foot p{font-size:9px}.section-aside{font-size:9px}.section-aside span{font-size:8px}.contact-mail{font-size:10px}.contact-main{font-size:22px}.stat strong{font-size:80px}.wordmark{font-size:11px}.wordmark span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-main,.orbit,.hero-intro,.reel-card{transform:none!important}.orbit-left{rotate:-12deg}.orbit-right{rotate:10deg}[data-reveal]{opacity:1!important;transform:none!important}.reel-track{scroll-behavior:auto}}
html.reduce-motion{scroll-behavior:auto}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation:none!important;transition:none!important}html.reduce-motion [data-reveal]{opacity:1!important;transform:none!important}html.reduce-motion .hero-main,html.reduce-motion .hero-intro,html.reduce-motion .reel-card{transform:none!important}html.reduce-motion .reel-track{scroll-behavior:auto}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background-color:#1c2634}.lens{background-color:#9ab5d31c}}
.hero-cover{position:relative;aspect-ratio:1.884;background:#0d1721;overflow:hidden}.hero-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.025);transition:opacity .95s ease,transform 4.8s ease}.hero-cover>img.cover-active{opacity:1;transform:scale(1)}.poster-label #hero-project-label{font-size:10px;margin:0 auto 0 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4f8ff}.autoplay-toggle{position:absolute;right:var(--pad);bottom:-5px;z-index:5;display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 13px;border-radius:30px;font-size:13px;color:#dbe8fa}.autoplay-toggle>span{font-size:9px;color:#a8bcd5}.work-meta h3{line-height:1.35;overflow-wrap:anywhere}.work-meta>div{min-width:0}.archive-card .work-meta h3{line-height:1.5}.cover-loading{opacity:.6}.hero-poster:focus-visible{outline-offset:7px}.reel-track:focus-visible{outline:1px solid var(--blue)}

.archive-more{margin-top:34px}.archive-more>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:20px;width:max-content;max-width:100%;margin:0 auto;padding:15px 23px;min-height:50px;border-radius:999px;cursor:pointer;font-size:12px;color:#d2e0f1}.archive-more>summary::-webkit-details-marker{display:none}.archive-more>summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.archive-more>summary>span{font-size:20px;line-height:1;transition:transform .4s}.archive-more[open]>summary>span{transform:rotate(45deg)}.archive-more[open]>.archive-grid{margin-top:34px}.work-meta>span{max-width:32%;white-space:normal;text-align:right;flex-shrink:0}.archive-card .work-meta>span{max-width:100%;text-align:left}

@media(max-width:699px) and (max-height:720px){.hero{padding-top:104px;padding-bottom:100px}.hero-title{margin-top:14px;margin-bottom:12px}.hero-stage{height:260px;margin-top:24px}.hero-main{top:44px}.hero-foot{margin-top:12px}.lens-two{bottom:20px}}

/* 0929v6: each film stays in its own frame; captions have a separate reading area. */
[hidden]{display:none!important}
.hero-stage{height:auto;min-height:0;margin-top:22px;padding-top:30px;touch-action:pan-y pinch-zoom;cursor:grab;outline:none}
.hero-stage:focus-visible{outline:1px solid var(--blue);outline-offset:6px;border-radius:24px}
.hero-main{position:relative;top:auto;left:auto;width:84%;margin:0 auto;z-index:3}
.hero-poster{background:transparent;overflow:visible;border:0;box-shadow:none;translate:var(--drag-x,0px) 0;transition:translate .45s var(--ease),transform .55s var(--ease)}
.hero-cover{aspect-ratio:16/9;border:1px solid #d7edff66;border-radius:19px;overflow:hidden;background:#05070b;box-shadow:0 30px 70px -30px #000}
.hero-play,.work-play{display:block;position:relative;width:100%;padding:0;margin:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:grab;user-select:none;-webkit-user-select:none}
.hero-play{height:100%}
.hero-play>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .65s ease,transform 4.8s ease;transform:scale(1.015);pointer-events:none}
.hero-play>img.cover-active{opacity:1;transform:scale(1)}
.hero-play-icon{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:flex;align-items:center;gap:8px;padding:12px 17px;border-radius:30px;font-size:10px;white-space:nowrap;pointer-events:none}
.hero-play-icon svg{width:16px;height:16px}
.poster-label{position:static;display:flex;align-items:flex-start;gap:12px;min-height:52px;padding:16px 2px 0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;color:var(--ink)}
.poster-label #hero-project-label{font-size:12px;line-height:1.6;white-space:normal;overflow:visible;flex:1;min-width:0;color:#e2eaf5;letter-spacing:0}
.poster-label #hero-project-role{font-size:9px;line-height:1.6;white-space:normal;max-width:25%;margin:3px 0 0;color:#8496ac;text-align:right}
.hero-controls{position:relative;z-index:6;display:flex;justify-content:center;align-items:center;gap:12px;margin:26px var(--pad) 0;cursor:default}
.hero-gallery-label{display:flex;flex-direction:column;gap:6px;text-align:center;min-width:118px;line-height:1.3;font-size:9px;color:#7389a5;letter-spacing:.05em}
#hero-frame-count{font-size:12px;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#ceddef}
.hero-controls .autoplay-toggle{position:static;border-radius:50%;padding:0;width:44px;height:44px;display:grid;place-items:center;flex:none;font-size:16px;min-width:44px;margin-left:0}
#hero-prev svg,#archive-prev svg{transform:rotate(180deg)}
.hero-stage .orbit-left{top:12%;left:-17%;width:68%}.hero-stage .orbit-right{top:24%;right:-18%;width:67%}
.hero-stage .lens-one{top:8%;right:3%}.hero-stage .lens-two{bottom:84px;left:6%}
.hero.is-playing .hero-main,.hero.is-playing .hero-intro{transform:none!important}
.hero.is-playing .hero-poster{animation-play-state:paused;transform:none;translate:none}
.hero.is-playing .orbit-inner,.hero.is-playing .lens{animation-play-state:paused;opacity:.3}
.hero.is-playing .hero-cover{border-color:#e6f1ff55;box-shadow:0 20px 80px #0007}
.hero-stage.is-dragging{cursor:grabbing}.hero-stage.is-dragging .hero-poster{animation-play-state:paused;transition:none}
.hero.is-playing .hero-cover{touch-action:auto}
.work-image{aspect-ratio:16/9;background:#05070b}
.work-play{height:100%}.work-play>img{width:100%;height:100%;object-fit:contain;pointer-events:none;transition:transform .65s var(--ease)}
.work-open{pointer-events:none}
.inline-player{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:4;display:block}
.player-close{position:absolute;right:9px;top:9px;z-index:5;min-height:44px;min-width:60px;border-radius:24px;padding:0 14px;font-size:11px;background-color:#111923b8}
.reel-track{position:relative;cursor:grab;scroll-snap-type:x mandatory;touch-action:pan-x pan-y pinch-zoom;padding-right:calc(var(--pad) + 28px)}
.reel-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;-webkit-user-select:none}
.reel-track.is-dragging *{cursor:grabbing!important}.reel-track.is-dragging .work-play{pointer-events:none}
[data-carousel-card]{scroll-snap-align:start;min-width:0;flex:0 0 calc(100% - 28px);max-width:1000px;transform-origin:center;will-change:transform}
.archive-track .archive-card .work-image{border-radius:19px}
.archive-track .archive-card .work-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 2px 0}
.archive-track .archive-card h3{font-size:20px;line-height:1.4}
.archive-track .archive-card .work-meta p{font-size:13px;line-height:1.5;margin-top:6px}
.archive-track .archive-card .work-meta>span{font-size:9px;max-width:28%;text-align:right;white-space:normal;margin-top:5px}
.archive-track .archive-card .work-open{width:38px;height:38px;right:12px;bottom:12px}.archive-track .archive-card .work-open svg{width:17px;height:17px}
.hero-foot{margin-top:24px}.hero{padding-bottom:100px}
@media(hover:hover) and (pointer:fine){.work-play:hover>img{transform:scale(1.025)}.work-play:hover .work-open,.hero-play:hover .hero-play-icon{background-color:#29405bdd}.hero-poster:hover .poster-label{background:transparent}.hero-play:active,.work-play:active{cursor:grabbing}}
@media(min-width:700px){
 .hero-stage{height:auto;max-width:1280px;margin-top:42px;padding-top:26px}.hero-main{width:66%;top:auto;left:auto}
 .hero-cover{border-radius:25px}.poster-label{padding:21px 3px 0;min-height:58px}.poster-label #hero-project-label{font-size:16px}.poster-label #hero-project-role{font-size:11px}
 .hero-stage .orbit-left{width:47%;left:-9%;top:5%}.hero-stage .orbit-right{width:47%;right:-10%;top:21%}
 .hero-stage .lens-one{right:9%;top:2%}.hero-stage .lens-two{left:11%;bottom:115px}
 .hero-controls{margin-top:32px;gap:16px}.hero-gallery-label{min-width:155px}.hero-play-icon{font-size:12px;padding:17px 24px;gap:10px}.hero-play-icon svg{width:20px;height:20px}
 [data-carousel-card]{flex-basis:72%}.reel-track{padding-right:calc(28vw - var(--pad))}
 .archive-track [data-carousel-card]{flex-basis:64%}.archive-track{padding-right:calc(36vw - var(--pad))}
 .archive-track .archive-card h3{font-size:28px}.archive-track .archive-card .work-meta p{font-size:15px}.archive-track .archive-card .work-meta>span{font-size:11px}
 .hero-foot{margin-top:35px}
}
@media(min-width:1100px){[data-carousel-card]{flex-basis:65%}.reel-track{padding-right:calc(35vw - var(--pad))}.archive-track [data-carousel-card]{flex-basis:56%}.archive-track{padding-right:calc(44vw - var(--pad))}}
@media(max-width:699px) and (max-height:720px){.hero{padding-top:100px;padding-bottom:100px}.hero-stage{height:auto;margin-top:10px;padding-top:22px}.hero-main{top:auto}.hero-controls{margin-top:16px}.hero-title{margin-top:12px;margin-bottom:10px}.hero-foot{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.hero-poster{transform:none!important}.hero-play>img{transform:none!important}.archive-card{transform:none!important}}
html.reduce-motion .hero-poster,html.reduce-motion .archive-card{transform:none!important}
.orbit{background:none;border:0;padding:0;cursor:grab}.orbit-inner{display:block}.orbit:focus-visible{outline-offset:8px}
.reel-track{--card-width:calc(100vw - 2 * var(--pad) - 28px);--gallery-gap:18px;gap:var(--gallery-gap);padding-right:var(--pad)}
.reel-track:after{content:"";flex:0 0 max(0px,calc(100% - var(--card-width) - var(--gallery-gap)))}
.reel-track [data-carousel-card]{flex:0 0 var(--card-width);max-width:none}
@media(min-width:700px){.reel-track{--card-width:min(1000px,68vw);--gallery-gap:32px;padding-right:var(--pad)}.archive-track{--card-width:min(920px,60vw)}}
@media(min-width:1100px){.reel-track{--card-width:min(1000px,65vw);padding-right:var(--pad)}.archive-track{--card-width:min(900px,56vw)}}
.hero-main{translate:var(--drag-x,0px) 0;transition:translate .45s var(--ease)}
.hero-stage.is-dragging .hero-main{transition:none}.hero.is-playing .hero-main{translate:none}