:root{color-scheme:dark;--ink:#eef5ff;--muted:#a3b7d2;--blue:#b4d9ff;--line:rgba(185,216,255,.22);--bg:#081321;font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b4d9ff;outline-offset:7px}button:disabled{cursor:default}::selection{background:#b4d9ff;color:#081321}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:16px;background:#eef5ff;color:#081321}.skip:focus{top:10px}.site-header{position:fixed;z-index:30;top:0;left:0;width:100%;padding:26px 4%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#050c1c99,transparent);transition:background .4s}.site-header.scrolled{background:#081321e8;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.signature{display:flex;gap:15px;align-items:center}.monogram{font-family:Georgia,serif;font-size:36px;letter-spacing:-5px;font-style:italic;position:relative;padding-right:13px}.monogram>span{font-size:16px;position:absolute;top:-2px;right:-3px;letter-spacing:0}.signature-name{font-size:14px;letter-spacing:4px}.signature-name>span{display:block;font-size:10px;letter-spacing:2px;margin-top:6px}.site-header nav{display:flex;gap:35px;align-items:center}.site-header nav a,.site-header nav button{padding:9px 0;font-size:14px}.site-header nav span{font-size:11px;letter-spacing:1px;margin-left:7px;color:#c6d7eb}.site-header nav a:hover,.site-header nav button:hover{color:var(--blue)}.story{height:360svh;position:relative}.story-stage{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;background:#081321}.scene-fallback,#water,.scene-shade{position:absolute;inset:0;width:100%;height:100%}.scene-fallback{background:url('assets/opening.webp') center/cover no-repeat;transition:background-image .8s}#water{opacity:0;transition:opacity .7s}#water.ready{opacity:1}.scene-shade{pointer-events:none;background:linear-gradient(180deg,rgba(2,8,20,.15),transparent 25%,transparent 65%,rgba(2,8,20,.7));z-index:1}.scene-shade:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 37%,rgba(6,17,33,.28) 57%,rgba(6,17,33,.91) 100%);opacity:var(--about-alpha,0)}.scene-copy{position:absolute;z-index:2}.opening-caption{left:4%;bottom:130px;text-shadow:0 2px 22px #000}.eyebrow{font-size:12px;font-weight:500;letter-spacing:2.4px;margin:0 0 23px;line-height:1.6}.opening-caption .eyebrow{font-size:10px;letter-spacing:2.2px}.opening-name{font-size:25px;letter-spacing:6px;margin:0 0 14px}.opening-name>span{font-size:12px;letter-spacing:3px;margin-left:14px}.opening-role{font-size:13px;letter-spacing:1.5px;margin:0;color:#d6e5fa}.about{left:62%;width:34%;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;will-change:opacity,transform}.about .eyebrow{color:var(--blue);margin-bottom:20px}.about h1{font-size:clamp(35px,3.8vw,62px);font-weight:500;letter-spacing:.06em;line-height:1.2;margin:0 0 24px}.about h1>span{display:block;font-family:Georgia,serif;font-weight:normal;font-size:.66em;letter-spacing:-.03em;margin-top:7px;position:relative}.title-star{font-size:28px;color:#b8dcff;display:inline-block;margin-left:28px;vertical-align:middle}.roles{font-size:18px;line-height:1.6;letter-spacing:.04em;margin:0 0 8px}.english-role{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 23px}.about-description>p{font-size:16px;line-height:1.75;margin:0 0 11px}.about-description>p[lang]{font-size:14px;line-height:1.7;color:#adbed5;max-width:420px}.about-contacts{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;display:grid;gap:9px}.about-contacts>a,.about-contacts>button{display:flex;align-items:center;gap:15px;text-align:left;font-size:13px;padding:0;min-height:22px}.about-contacts span:first-child{width:105px;color:#a3b7d2;font-size:10px;letter-spacing:1px;flex-shrink:0}.copy-mark{opacity:.7}.story-bottom{position:absolute;z-index:3;bottom:34px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between}.scroll-cue{display:flex;gap:16px;align-items:center;padding:8px 0;text-align:left;font-size:13px;letter-spacing:2px;min-width:235px}.scroll-cue small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:7px;color:#bdcce0}.scroll-line{width:1px;height:41px;background:#ffffff40;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:0;height:18px;width:1px;background:white;animation:scroll-flow 2s infinite}@keyframes scroll-flow{from{transform:translateY(-18px)}to{transform:translateY(42px)}}.scene-nav{display:flex;gap:9px;align-items:center}.scene-nav>span{width:24px;height:1px;background:#ffffff40}.scene-nav button{font-size:12px;letter-spacing:1px;opacity:.5;padding:15px 7px;transition:opacity .3s}.scene-nav button.active{opacity:1;color:white}.scene-nav button.active:after{content:"";display:block;width:4px;height:4px;background:#c4e6ff;border-radius:50%;position:absolute;margin:7px 0 0 5px}.water-hint{font-size:11px;letter-spacing:2px;text-align:right;width:235px}.water-hint>span{display:block;font-size:9px;letter-spacing:1.5px;margin-top:7px;color:#bdcce0}
.works{position:relative;background:linear-gradient(160deg,#101d30,#08111f 45%,#0a182c);padding:120px 6% 130px;scroll-margin-top:0}.works-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px}.works-heading .eyebrow{color:var(--muted)}.works h2{font-size:clamp(29px,3.7vw,60px);font-weight:400;letter-spacing:-.03em;line-height:1.5;margin:0}.works h2>span{display:block;color:#b5cce6}.works-english{font-size:15px;letter-spacing:6px;line-height:1.4;margin:0;text-align:right}.works-english em{font-family:Georgia,serif;font-size:clamp(60px,7vw,115px);font-weight:400;letter-spacing:-6px;line-height:1}.works-english>span{display:block;color:var(--muted);font-size:12px;letter-spacing:3px;margin-top:22px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 38px;align-items:start}.project-card{text-align:left;padding:0;width:100%;display:block;position:relative}.project-card:nth-child(even){margin-top:88px}.project-art{position:relative;overflow:hidden;aspect-ratio:1.34;background:#14223a;border:1px solid #d1e5ff1c}.project-art>img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}.project-card:hover .project-art>img{transform:scale(1.045);filter:brightness(1.08)}.project-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07132433,transparent 35%,#07132499)}.project-number{position:absolute;top:18px;left:20px;z-index:1;font-size:12px;letter-spacing:2px;text-shadow:0 1px 6px #000}.project-type{position:absolute;bottom:18px;left:20px;z-index:1;font-size:10px;letter-spacing:2px}.open-project{position:absolute;bottom:16px;right:18px;width:42px;height:42px;border:1px solid #d4eaff80;border-radius:50%;display:grid;place-items:center;z-index:1;font-size:22px;backdrop-filter:blur(10px);transition:background .3s,color .3s,transform .3s}.project-card:hover .open-project{background:#dbedff;color:#081321;transform:rotate(45deg)}.project-info{padding-top:19px;display:flex;justify-content:space-between;gap:16px}.project-info h3{font-size:21px;font-weight:400;letter-spacing:1px;margin:0 0 7px;line-height:1.5}.project-info p{font-size:12px;letter-spacing:1px;margin:0;color:var(--muted);line-height:1.6}.project-info>span{font-size:10px;color:#a4b9d4;padding-top:7px;white-space:nowrap;letter-spacing:1px}.project-card:nth-child(3) .project-art,.project-card:nth-child(4) .project-art{aspect-ratio:.95}.project-card:nth-child(9){width:calc(100% + 38px);max-width:100%;}.project-card:nth-child(9) .project-art{aspect-ratio:1.8}
footer{padding:95px 6% 25px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 85% 5%,#1c3658 0,transparent 65%),#081321;display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.footer-heading .eyebrow{color:var(--muted)}.footer-heading h2{font-size:clamp(30px,3.8vw,58px);line-height:1.5;margin:0;font-weight:400}.footer-heading h2 span{display:block;color:#b5cce6}.footer-heading>p[lang]{font-size:15px;letter-spacing:.5px;margin-top:25px;color:#afc2dc}.footer-heading>p em{font-family:Georgia,serif;font-size:24px;color:#e2efff}.footer-contacts{align-self:center}.footer-contacts>a,.footer-contacts>button{display:block;text-align:left;width:100%;padding:22px 0;border-bottom:1px solid var(--line);font-size:clamp(18px,2vw,28px);letter-spacing:.4px;position:relative}.footer-contacts span{font-size:10px;color:#a8bfdc;letter-spacing:2px;display:block;margin-bottom:10px}.footer-contacts b{position:absolute;right:0;bottom:20px;font-weight:400;font-size:21px}.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.footer-bottom>a{font-size:10px}
dialog{border:1px solid #789bc04d;padding:0;background:#0c192b;color:var(--ink);width:min(1240px,94vw);height:94svh;max-height:94svh;max-width:none;overflow:hidden;box-shadow:0 30px 120px #000b;border-radius:8px}dialog[open]{display:flex;flex-direction:column;animation:dialog-in .3s ease}dialog::backdrop{background:#020610c9;backdrop-filter:blur(14px)}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 30px;border-bottom:1px solid var(--line);background:#0c192bf5;flex-shrink:0;gap:12px}.dialog-toolbar .eyebrow{margin:0;font-size:10px;color:var(--muted)}#close-dialog{display:flex;gap:10px;align-items:center;font-size:13px;min-height:36px}#close-dialog>span{font-size:10px;letter-spacing:1px;color:var(--muted)}#close-dialog>b{font-size:32px;font-weight:300;line-height:1;margin-left:14px}.dialog-scroll{overflow-y:auto;overscroll-behavior:contain;padding:48px 5%;flex:1;min-height:0}.dialog-heading{margin-bottom:38px}.dialog-heading>.eyebrow{color:var(--muted);margin-bottom:10px;font-size:10px}.dialog-heading h2{font-size:clamp(26px,4vw,49px);font-weight:400;line-height:1.4;margin:0 0 12px}.dialog-heading>p:last-child{font-family:Georgia,serif;font-style:italic;font-size:22px;color:var(--muted);margin:0}.project-videos{display:grid;gap:30px;margin-bottom:28px}.project-videos figure{margin:0}.project-videos video{width:100%;max-height:70svh;background:#030812;display:block;border:1px solid var(--line)}.project-videos figcaption{font-size:12px;margin-top:10px;letter-spacing:1px;color:var(--muted)}.project-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.project-images figure{margin:0}.project-images figure.wide{grid-column:1/-1}.project-images img{display:block;width:100%;height:auto;background:#101e30}.project-documents{margin-top:30px}.project-documents details{border-top:1px solid var(--line);padding:20px 0}.project-documents summary{cursor:pointer;line-height:1.7;font-size:16px}.project-documents .doc-text{padding:15px 0;max-width:850px}.doc-text p{font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#c2d0e1}.dialog-end{text-align:center;margin-top:55px;padding:30px 0 10px;color:var(--muted);font-size:10px;letter-spacing:2px}.dialog-end button{display:block;margin:22px auto 0;padding:14px;font-size:13px;color:var(--ink);letter-spacing:1px}.toast{position:fixed;z-index:100;bottom:28px;left:50%;transform:translate(-50%,20px);background:#e5f2ff;color:#0b1b30;border:1px solid #fff7;padding:15px 23px;border-radius:4px;font-size:14px;box-shadow:0 8px 35px #0004;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;max-width:90vw}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}body.modal-open{overflow:hidden}
@media(min-width:1700px){.about{left:64%;width:29%}.about-description>p{font-size:17px}.about-description>p[lang]{font-size:14px}.about-contacts>a,.about-contacts>button{font-size:15px}.about-contacts span:first-child{font-size:12px}.english-role{font-size:14px}.story-stage{min-height:800px}}
@media(max-width:1000px){.site-header{padding:20px 4%}.site-header nav{gap:22px}.about{left:55%;width:41%}.about h1{font-size:40px}.about-description>p{font-size:16px}.about-description>p[lang]{font-size:14px}.roles{font-size:17px}.english-role{margin-bottom:15px}.about-contacts{margin-top:16px}.desktop-break{display:none}.project-grid{gap:45px 25px}.project-info{display:block}.project-info>span{display:block;margin-top:5px}.project-card:nth-child(even){margin-top:60px}.opening-caption{bottom:140px}.opening-role{font-size:12px}.works{padding:85px 5%}.works-heading{margin-bottom:45px}.water-hint{width:180px}.scroll-cue{min-width:180px}.about .eyebrow{margin-bottom:13px}}
@media(max-width:640px){html{scroll-padding-top:80px}.site-header{padding:17px 5%}.signature-name{display:none}.monogram{font-size:30px}.site-header nav{gap:21px}.site-header nav a,.site-header nav button{font-size:12px}.site-header nav span{display:none}.story{height:350svh}.story-stage{height:100svh;min-height:700px}.scene-fallback{background-size:cover}.opening-caption{left:6%;right:6%;bottom:135px}.opening-caption .eyebrow{font-size:9px;letter-spacing:1.7px}.opening-name{font-size:24px;letter-spacing:4px}.opening-name>span{font-size:11px;letter-spacing:2px;margin-left:7px}.opening-role{font-size:11px;letter-spacing:.3px;line-height:1.8}.about{left:6%;width:88%;top:auto;bottom:115px;transform:none;background:linear-gradient(90deg,#081321bd,#08132188);padding:20px;border:1px solid #b7d9ff22;backdrop-filter:blur(10px)}.about h1{font-size:33px;line-height:1.1;margin-bottom:13px}.about h1>span{font-size:24px;margin-top:5px}.about .eyebrow{font-size:9px;margin-bottom:12px}.title-star{font-size:18px;position:absolute;right:0;top:0}.roles{font-size:15px;margin-bottom:7px}.english-role{font-size:10px;margin-bottom:13px;line-height:1.5}.about-description>p{font-size:16px;line-height:1.65;margin-bottom:8px}.about-description>p[lang]{font-size:14px;line-height:1.55}.about-contacts{padding-top:12px;margin-top:13px;gap:7px}.about-contacts>a,.about-contacts>button{font-size:12px}.about-contacts span:first-child{font-size:9px;width:92px}.story-bottom{bottom:26px;left:6%;right:6%}.scroll-cue{min-width:0;font-size:11px;gap:11px;letter-spacing:1px}.scroll-cue small{font-size:8px;letter-spacing:1px}.scroll-line{height:34px}.water-hint{display:none}.scene-nav{gap:3px}.scene-nav>span{width:13px}.scene-nav button{font-size:11px}.scene-shade:after{background:linear-gradient(0deg,#081321ad,transparent 80%)}.works{padding:70px 6% 80px}.works-heading{display:block;margin-bottom:35px}.works-heading .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:15px}.works h2{font-size:30px}.works-english{font-size:10px;letter-spacing:3px;margin-top:25px;text-align:left}.works-english br{display:none}.works-english em{font-size:48px;letter-spacing:-2px;margin-left:10px}.works-english>span{display:none}.project-grid{grid-template-columns:1fr;gap:36px}.project-card:nth-child(even){margin-top:0}.project-art{aspect-ratio:1.2}.project-card:nth-child(3) .project-art,.project-card:nth-child(4) .project-art{aspect-ratio:1}.project-info{display:flex;padding-top:15px}.project-info h3{font-size:18px;letter-spacing:.5px}.project-info p{font-size:11px}.project-info>span{font-size:9px;margin-top:0}.project-number,.project-type{left:15px}.project-type{font-size:9px}.open-project{width:36px;height:36px;font-size:20px}.project-card:nth-child(9){width:100%}footer{padding:65px 6% 25px;grid-template-columns:1fr;gap:30px}.footer-heading h2{font-size:35px}.footer-heading>p[lang]{font-size:13px;margin-top:15px}.footer-contacts>a,.footer-contacts>button{font-size:23px}.footer-bottom{flex-wrap:wrap;gap:22px;font-size:9px;margin-top:0;line-height:1.6}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{font-size:9px}dialog{width:100vw;height:100svh;max-height:100svh;margin:0;border:0;border-radius:0}.dialog-toolbar{padding:12px 5%}.dialog-scroll{padding:30px 5%}.dialog-heading{margin-bottom:25px}.dialog-heading>p:last-child{font-size:19px}.project-images{gap:12px;grid-template-columns:1fr}.project-images figure.wide{grid-column:auto}.project-videos{gap:20px}.doc-text p{font-size:14px}.dialog-toolbar .eyebrow{font-size:9px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.water-hint{display:none}}

.portrait-assist{display:none;pointer-events:none}
@media(max-width:640px){.portrait-assist{display:block;position:absolute;z-index:1;top:65px;left:50%;height:40%;width:auto;max-width:100%;object-fit:contain;transform:translateX(-50%);mask-image:radial-gradient(ellipse at 50% 40%,black 42%,transparent 74%);opacity:0}.story-stage[data-scene="1"] .scene-fallback{background-image:linear-gradient(#18304b,#081321)!important}}