@import url('/glass-components.css');

:root{color-scheme:dark;--bg:#091117;--surface:#14232b80;--paper:#f4f5f2;--ink:#f4f5f2;--text:#f4f5f2;--muted:#bdc9cc;--line:#ffffff2b;--accent:#d9eff5;--studio-orange:#bcd6df;--sans:Inter,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;--glass-fill:linear-gradient(135deg,#ffffff14,#ffffff03)}
html{scroll-padding-top:35px;background:#091117}body.cinematic-site{background:#091117;color:var(--text);isolation:isolate;font-weight:400}body.cinematic-site::selection{background:#c6e6ed;color:#12242b}.world-backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#091117}.world-backdrop img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 56%;transform:scale(1.035);filter:saturate(.87);transition:filter .6s ease}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030c1475 0%,#030c1410 56%,#030c1400 78%),linear-gradient(0deg,#03091080 0%,transparent 35%,#03091014 80%);transition:opacity .6s ease}.cinematic-site[data-page]:not([data-page=home]) .world-shade{background:#041018ad;backdrop-filter:blur(5px)}.cinematic-site .preview-banner{background:#050c1166;color:#b8c5cc;font-size:9px;padding:5px 16px;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0b;position:relative;z-index:3}.cinematic-site .shell{max-width:1512px;padding:0 64px}.cinematic-site .site-header{max-width:1512px;padding:28px 64px;min-height:104px;border:0;position:relative;z-index:2;transition:opacity .45s}.cinematic-site .monogram{font:italic 40px/1 Georgia,serif;letter-spacing:-.1em;font-weight:400}.cinematic-site .wordmark{color:#f4f5f2;gap:15px;font-weight:400;font-size:13px}.cinematic-site .wordmark small{color:#b8c6cd;letter-spacing:.21em;font-size:7px}.cinematic-site .site-header nav{padding:5px 15px;border:1px solid #ffffff1c;border-radius:99px;background:linear-gradient(115deg,#ffffff0e,#ffffff04);box-shadow:inset 0 1px #ffffff13,0 5px 20px #0000000f;backdrop-filter:blur(14px);gap:0;align-items:center}.cinematic-site .site-header nav a{padding:8px 16px;color:#d8e0e2;font-size:11px}.cinematic-site .site-header nav a:hover{color:white}.cinematic-site .site-header nav a[aria-current=page]{background:#ffffff13;border-radius:99px;color:white}.cinematic-site .site-header nav a[aria-current=page]:after{display:none}.cinematic-site .jump-trigger{border-radius:99px;padding:12px 17px;border-color:#ffffff35;background:linear-gradient(135deg,#ffffff22,#ffffff06);box-shadow:inset 0 1px #ffffff25,0 8px 20px #00000014;backdrop-filter:blur(18px) saturate(1.25);color:#f5f6f5}.cinematic-site .jump-trigger kbd{color:#c4d0d4;font-size:8px}.cinematic-site .eyebrow{color:#a8bac3;font-size:9px;letter-spacing:.17em;font-weight:400}.cinematic-site .site-footer{max-width:1384px;margin:0 64px;padding:35px 0 44px;border-color:#ffffff24;color:#b3c3cb;transition:opacity .45s}.cinematic-site .site-footer p span{color:#a4b5bf}.cinematic-site .footer-signature{color:#e9f3f5;font:italic 39px Georgia,serif}.cinematic-site #main{transition:opacity .45s ease}.cinema-hero{min-height:max(610px,calc(100svh - 130px));position:relative;display:flex;flex-direction:column;justify-content:center;padding:30px 0 115px}.cinema-intro{margin-top:-30px;max-width:760px;animation:cinema-arrival 1.05s cubic-bezier(.2,.8,.2,1) both}.cinema-intro .eyebrow{font-size:8px;color:#c2d1d8;letter-spacing:.18em;gap:10px}.horizon-dot{width:4px;height:4px;background:#d9eff5;border-radius:50%;box-shadow:0 0 10px #d9eff566}.cinema-intro h1{font-size:clamp(46px,4.7vw,73px);font-weight:350;line-height:1.35;letter-spacing:-.052em;color:#fafbf9;margin:24px 0 22px;text-shadow:0 3px 32px #040b1038}.cinema-intro h1 span{font-weight:350}.cinema-intro>p{color:#d0d9dc;font-size:13px;line-height:2.05;text-shadow:0 2px 15px #030a10;max-width:440px}.cinema-intro .actions{margin-top:28px;gap:12px}.cinema-intro .hero-primary{padding-left:25px;padding-right:24px;min-height:47px}.cinema-bottom{position:absolute;left:0;right:0;bottom:35px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.horizon-caption{display:grid;gap:9px;color:#d3dcdf;font-size:11px;text-shadow:0 2px 20px #0008}.horizon-caption small{font-size:7px;letter-spacing:.2em;color:#b0c0c9}.scroll-cue{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:.1em;color:#c8d3d8;position:absolute;left:50%;transform:translateX(-50%);bottom:4px}.scroll-track{height:30px;width:1px;background:linear-gradient(#ffffff80,#ffffff10)}.scene-switch{display:flex;align-items:center;gap:12px;border:1px solid #ffffff40;border-radius:99px;padding:13px 18px;color:#f3f7f8;background:linear-gradient(135deg,#ffffff1c,#ffffff07);box-shadow:inset 0 1px #ffffff28,0 8px 24px #0002;backdrop-filter:blur(20px);cursor:pointer;font-size:10px;transition:background .2s,transform .2s}.scene-switch:hover{background:#ffffff25;transform:translateY(-2px)}.scene-switch:active{transform:scale(.97);transition:transform .1s}.cinema-content{position:relative;padding:80px 0 0}.cinema-content:before{content:'';position:absolute;inset:0 -64px;z-index:-1;background:linear-gradient(#05101800,#051018be 230px,#051018e6 75%);pointer-events:none}.project-observatory{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center;margin-bottom:65px}.observatory-copy h2{font-size:clamp(30px,3.2vw,48px);font-weight:400;line-height:1.5;letter-spacing:-.045em;margin:19px 0}.observatory-copy p{font-size:13px;color:#bdcbd2;line-height:2}.observatory-note{display:block;border-top:1px solid #ffffff20;max-width:300px;margin-top:30px;padding-top:16px;font-size:9px;letter-spacing:.06em;color:#92a9b6}.cinematic-site .selected-works{padding-top:38px}.cinematic-site .section-bar{border-color:#ffffff28;padding-bottom:25px}.cinematic-site .section-bar h2{font-weight:400;font-size:29px;letter-spacing:-.04em}.cinematic-site .section-note{color:#b2c3cc}.cinematic-site .work-number{color:#c1d7df}.cinematic-site .work-title{color:#f4f5f2;font-weight:400;font-size:27px}.cinematic-site .work-description p{color:#b9cad3}.cinematic-site .work-type{color:#9fb2bd}.cinematic-site .work-row{border-color:#ffffff26}.cinematic-site .work-row:before{background:linear-gradient(90deg,#ffffff07,#ffffff02);border-radius:12px}.cinematic-site .page-head h1{font-weight:400}.cinematic-site .page-head p{color:#c0ccd3}.cinematic-site .site-header nav a:focus-visible,.cinematic-site a:focus-visible,.cinematic-site button:focus-visible{outline-color:#e1f6ff}.cinematic-site .scene-switch:focus-visible{outline-offset:6px}.scenery-return{position:fixed;bottom:32px;right:34px;z-index:30;gap:20px!important;backdrop-filter:blur(20px)}.scenery-return kbd{color:#b9c8d0;font:9px var(--sans)}.cinematic-site.scenery-mode{overflow:hidden}.scenery-mode #main,.scenery-mode .site-header,.scenery-mode .site-footer,.scenery-mode .preview-banner{opacity:0;pointer-events:none}.scenery-mode .world-shade{opacity:0}.scenery-mode .world-backdrop img{filter:saturate(1)}

/* Rounded optical edges and breathing room for reading surfaces. */
body.cinematic-site .button{border-radius:999px;font-weight:400}
body.cinematic-site .panel,body.cinematic-site .study-panel,body.cinematic-site .login-panel,body.cinematic-site .tool-output,body.cinematic-site .tool-form,body.cinematic-site .empty,body.cinematic-site .editor-preview,body.cinematic-site .archive-invitation{border-radius:22px}
body.cinematic-site .studio-writing .empty{padding:30px}
body.cinematic-site .reading,body.cinematic-site .editor-grid{padding:28px;border-radius:22px}
body.cinematic-site .timeline-explorer{padding:24px;border-radius:22px}
body.cinematic-site .timeline-explorer__stepper button,body.cinematic-site .timeline-explorer__months button,body.cinematic-site .timeline-explorer__reading-button{border-radius:99px}
body.cinematic-site .archive-object{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.cinematic-site .skip-link{background:#18333f;color:white;border-radius:12px}
@media(max-width:740px){body.cinematic-site .studio-writing .empty,body.cinematic-site .reading,body.cinematic-site .editor-grid{padding:22px}body.cinematic-site .timeline-explorer{padding:16px}}

/* Glass display case: the miniature project interfaces remain legible inside. */
.cinematic-site #project-stage .showcase-stage{--stage-ink:#f3f6f6;--stage-paper:#0b1820;--stage-muted:#bdcbd1;--stage-line:#ffffff33;--stage-accent:#c6e3eb}
.cinematic-site #project-stage .showcase-stage__stage{background:linear-gradient(135deg,#b6d5e718,#1c384611);border-color:#ffffff30;border-radius:23px;box-shadow:inset 0 1px #ffffff26,0 25px 65px #00000028;backdrop-filter:blur(20px) saturate(1.15)}
.cinematic-site #project-stage .showcase-stage__stage:before{opacity:.2}
.cinematic-site #project-stage .showcase-stage__stage-top,.cinematic-site #project-stage .showcase-stage__range label,.cinematic-site #project-stage .showcase-stage__feedback{color:#bacad3}
.cinematic-site #project-stage .showcase-stage__status:before{background:#d6eaf1}
.cinematic-site #project-stage .showcase-stage__button,.cinematic-site #project-stage .showcase-stage__tab{background:linear-gradient(135deg,#ffffff17,#ffffff05);border:1px solid #ffffff2d;color:#eaf1f4;border-radius:99px;box-shadow:inset 0 1px #ffffff17;backdrop-filter:blur(16px);font-weight:400}
.cinematic-site #project-stage .showcase-stage__tab[aria-selected=true]{background:#ffffff21;border-color:#ffffff65;color:white}
.cinematic-site #project-stage .showcase-stage__tab:hover,.cinematic-site #project-stage .showcase-stage__button:hover{background:#ffffff25}
.cinematic-site #project-stage .showcase-stage__feedback strong,.cinematic-site #project-stage .showcase-stage__range output{color:#edf7fc}
.cinematic-site #project-stage .showcase-stage__range input{accent-color:#d9ecf2}
.cinematic-site #project-stage .showcase-stage__layer{background:#d8e3e9ed;border-color:#ffffff7a;box-shadow:0 18px 30px -10px #0006,inset 0 1px #fff5}
.cinematic-site #project-stage .showcase-stage__layer-head{background:#f0f6f9e8;color:#3c5360}
.cinematic-site #project-stage .showcase-stage__layer-head b{color:#223b47}
.cinematic-site #project-stage .showcase-stage__layer-head span{color:#537c8e}
.cinematic-site #project-stage .stage-art{--stage-accent:#426e80;--stage-ink:#1a323f;color:#1a323f}
.cinematic-site #project-stage .stage-art__window{background:#eaf1f4}
.cinematic-site #project-stage .stage-art__window-bar{background:#e0e9ed;color:#46606d}
.cinematic-site #project-stage .stage-art__map-field,.cinematic-site #project-stage .stage-art__route-field,.cinematic-site #project-stage .stage-art__place-screen{background:linear-gradient(130deg,#bacbd4,#e2ebef)}
.cinematic-site #project-stage .stage-art__place-map{background:#c9d9e1}
.cinematic-site #project-stage .stage-art__continent{fill:#96afb7;stroke:#46616d}
.cinematic-site #project-stage .stage-art__story-card{background:#203b48}
.cinematic-site #project-stage .stage-art__latitude,.cinematic-site #project-stage .stage-art__longitude{stroke:#69848f}
@keyframes cinema-arrival{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.cinematic-site .site-footer{margin:auto}.cinema-hero{min-height:calc(100svh - 130px)}.cinema-intro{max-width:820px}.cinema-intro h1{font-size:78px}}
@media(max-width:1100px){.cinematic-site .shell{padding:0 38px}.cinematic-site .site-header{padding:24px 38px}.cinematic-site .site-header nav a{padding:8px 12px}.cinematic-site .site-footer{margin:0 38px}.cinema-content:before{inset:0 -38px}.project-observatory{gap:35px;grid-template-columns:.75fr 1.25fr}.cinema-intro h1{font-size:58px}.cinema-intro>p{font-size:12px}}
@media(max-width:740px){.world-backdrop img{object-position:63% 50%}.world-shade{background:linear-gradient(90deg,#020d1560,#030c1418),linear-gradient(0deg,#030a1299 0%,#06101720 54%,#030b1230)}.cinematic-site .shell{padding:0 24px}.cinematic-site .site-header{padding:21px 24px 14px;gap:18px;min-height:128px}.cinematic-site .site-header nav{order:3;width:100%;justify-content:space-between;padding:5px 8px;gap:0;margin:0;border-top:1px solid #ffffff20;background:#ffffff08;backdrop-filter:blur(16px)}.cinematic-site .site-header nav a{font-size:10px;padding:7px 11px}.cinematic-site .monogram{font-size:36px}.cinematic-site .wordmark{font-size:11px;gap:12px}.cinematic-site .jump-trigger{font-size:9px;padding:10px 14px;min-height:38px}.cinematic-site .site-footer{margin:0 24px;padding:28px 0}.cinema-hero{min-height:max(615px,calc(100svh - 161px));padding:45px 0 130px;justify-content:center}.cinema-intro{margin-top:-40px;max-width:100%;animation-duration:.7s}.cinema-intro .eyebrow{font-size:7px;letter-spacing:.1em;gap:7px}.cinema-intro h1{font-size:clamp(35px,8.8vw,50px);line-height:1.45;letter-spacing:-.07em;margin:24px 0 20px;font-weight:400}.cinema-intro h1 span{white-space:nowrap;font-weight:400}.cinema-intro>p{font-size:11px;line-height:2.1;max-width:300px}.cinema-intro .actions{margin-top:25px;gap:9px}.cinema-intro .button{font-size:11px;gap:20px;padding:12px 18px;min-height:43px}.cinema-bottom{bottom:29px;align-items:center;gap:15px}.horizon-caption{font-size:9px;gap:6px}.horizon-caption small{font-size:6px}.scroll-cue{display:none}.scene-switch{padding:12px;border-radius:50%;width:44px;height:44px;justify-content:center}.scene-switch span{display:none}.cinema-content{padding-top:40px}.cinema-content:before{inset:0 -24px;background:linear-gradient(#05101800,#051018d9 120px,#051018ed 80%)}.project-observatory{grid-template-columns:1fr;gap:28px;margin-bottom:38px}.observatory-copy h2{font-size:31px;line-height:1.5;margin:15px 0}.observatory-copy p{font-size:12px}.observatory-note{display:none}.cinematic-site .section-bar h2{font-size:25px;line-height:1.5}.cinematic-site .work-title{font-size:26px}.cinematic-site .work-description p{font-size:12px}.cinematic-site .preview-banner{font-size:8px;padding:5px 16px}.scenery-return{bottom:25px;right:24px}.cinematic-site #project-stage .showcase-stage__stage{border-radius:19px}.cinematic-site .page-head h1{font-size:34px;line-height:1.4}}
@media(max-width:365px){.cinematic-site .site-header nav a{padding:7px 8px}.cinematic-site .shell{padding:0 20px}.cinema-content:before{inset:0 -20px}.cinema-intro h1{font-size:33px}.cinema-intro .eyebrow{font-size:6px}}
@media(prefers-reduced-motion:reduce){.world-backdrop img{transform:scale(1.035)!important}.cinema-intro{animation:none}.cinematic-site #main,.cinematic-site .site-header,.cinematic-site .site-footer,.world-shade,.world-backdrop img{transition:none}}
@supports not (backdrop-filter:blur(1px)){.cinematic-site .site-header nav,.cinematic-site .jump-trigger,.scene-switch,.cinematic-site #project-stage .showcase-stage__stage{background:#15242ee8}}
@media(prefers-reduced-transparency:reduce){.cinematic-site .site-header nav,.cinematic-site .jump-trigger,.scene-switch,.cinematic-site #project-stage .showcase-stage__stage{background:#142630;backdrop-filter:none}.cinematic-site[data-page]:not([data-page=home]) .world-shade{background:#09141bed}}
@media(prefers-contrast:more){.world-shade{background:#030c147a}.cinematic-site .site-header nav,.scene-switch{background:#101f29;border-color:#ffffffb3}.cinematic-site .eyebrow,.cinema-intro>p,.horizon-caption{color:#fff}}
@media print{.world-backdrop,.cinema-hero,.scenery-return,.scene-switch,.site-header{display:none!important}.cinematic-site{background:white!important;color:black!important}.cinema-content:before{display:none}.project-observatory{display:none}.cinematic-site .cinema-content{padding:0}}