@font-face{font-family:'Instrument Sans';src:url('assets/fonts/instrument-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('assets/fonts/noto-sans-sc.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f4f5f6;--ink:#101216;--accent:#4264f5;--fg:#f2f4f7;--muted:#a9b0bc;--line:#ffffff30;--gutter:5vw;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101216}body{font-family:'Instrument Sans','Noto Sans SC','PingFang SC',sans-serif;color:var(--fg);-webkit-font-smoothing:antialiased}body[data-tone=light]{--fg:#101216;--muted:#646c79;--line:#10121630}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}p,h1,h2{margin:0}button{padding:0}.site-header{height:106px;position:fixed;inset:0 0 auto;display:flex;align-items:center;padding:0 var(--gutter);z-index:30;gap:40px;transition:color .35s}.wordmark{font-size:26px;font-weight:700;letter-spacing:-1.4px;display:flex;align-items:center;gap:8px}.brand-star{color:var(--accent);font-size:29px;font-weight:400}.header-role{font-size:11px;letter-spacing:1px;opacity:.65}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:32px}.collection-button{font-size:12px;display:flex;align-items:center;gap:8px}.collection-button span{font-size:9px;align-self:flex-start;opacity:.55}.menu-button{border:1px solid var(--line);border-radius:40px;display:flex;align-items:center;gap:21px;padding:12px 17px;font-size:11px;min-width:87px}.menu-button i{position:relative;width:12px;height:12px}.menu-button i:before,.menu-button i:after{content:'';position:absolute;top:5px;left:0;background:currentColor;width:12px;height:1px;transition:transform .35s}.menu-button i:after{transform:rotate(90deg)}.menu-button[aria-expanded=true] i:before{transform:rotate(45deg)}.menu-button[aria-expanded=true] i:after{transform:rotate(135deg)}body.menu-open .site-header{color:var(--ink)}body.menu-open .menu-button{border-color:#10121630}
#experience,#world,#paper,#selected-work{position:absolute;inset:0;overflow:hidden}#world{background:#101216}#scene-surface{position:absolute;will-change:transform}#scene-poster,#character-film{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}#character-film{opacity:0}#character-film.ready{opacity:1}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d10162e,transparent 55%),linear-gradient(0deg,#0d1016aa,transparent 25%);pointer-events:none}#paper{background:var(--paper);opacity:0;pointer-events:none}.story-panel{position:absolute;left:var(--gutter);top:26%;width:48%;z-index:5;will-change:transform,opacity}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px}.story-panel h1,.story-panel h2{font-size:clamp(42px,5.5vw,88px);font-weight:350;line-height:1.24;letter-spacing:-.04em;margin:26px 0}.reveal-line{display:block}.story-description{font-size:13px;line-height:1.9;color:var(--muted);letter-spacing:.2px}.text-link{display:inline-flex;align-items:center;gap:35px;font-size:12px;border-bottom:1px solid var(--line);padding:12px 0;margin-top:24px;transition:gap .4s,border-color .4s;min-height:44px}.text-link span{font-size:24px;line-height:1;font-weight:400;transition:transform .4s}.text-link:hover{gap:50px;border-color:currentColor}.text-link:hover span{transform:translate(3px,-3px)}.connect-panel{opacity:0;top:27%}.connect-panel h2{font-size:clamp(38px,4.9vw,78px)}#project-display{position:absolute;z-index:4;overflow:hidden;opacity:0;background:#13171d;will-change:transform,clip-path;box-shadow:0 25px 70px #0002}#project-display>img{width:100%;height:100%;object-fit:cover;display:block}.display-caption{position:absolute;bottom:0;left:0;right:0;padding:18px 22px;display:flex;justify-content:space-between;font-size:11px;color:white;background:linear-gradient(transparent,#0009)}.display-caption i{font-style:normal}.touch-response{position:absolute;z-index:4;width:70px;height:70px;border-radius:50%;background:radial-gradient(#a9c2ffbb,transparent 65%);opacity:0;pointer-events:none;mix-blend-mode:screen}
#selected-work{z-index:5;opacity:0;pointer-events:none}#selected-work.active{pointer-events:auto}#feature-rail{height:100%;width:400%;display:flex;will-change:transform}.feature{position:relative;width:25%;height:100%;flex-shrink:0}.feature-copy{position:absolute;left:var(--gutter);top:24%;width:29%;}.feature-index{font-size:10px;letter-spacing:1.7px;color:#737b88;display:flex;gap:25px}.feature h2{font-size:clamp(32px,4.8vw,76px);font-weight:400;letter-spacing:-.04em;line-height:1.16;margin:34px 0 25px}.feature h2 small{font-size:.48em;letter-spacing:.04em;display:block;margin-top:10px}.feature-description{font-size:13px;line-height:1.9;max-width:290px;color:#646c79}.feature-status{display:flex;align-items:center;font-size:10px;gap:7px;margin-top:24px;color:#646c79}.feature-status:before{content:'';height:4px;width:4px;background:#4264f5;border-radius:50%}.feature-image{position:absolute;left:38%;top:20%;width:57%;height:62%;overflow:hidden;text-align:left;background:#e1e4e8;box-shadow:0 20px 55px #10152216}.feature-image img{height:100%;width:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}.feature-image:hover img{transform:scale(1.035)}.feature-image .image-open{position:absolute;right:22px;bottom:22px;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:#f4f5f6e8;backdrop-filter:blur(10px);color:var(--ink);font-size:23px}.feature-caption{position:absolute;left:38%;top:84%;font-size:9px;color:#646c79;letter-spacing:.6px;max-width:57%}.feature-image[data-contain=true] img{object-fit:contain;background:#e6e9ed}
.archive-panel{position:absolute;inset:0;z-index:6;opacity:0}.archive-top{position:absolute;left:var(--gutter);right:var(--gutter);top:19%;display:flex;justify-content:space-between;align-items:flex-end}.archive-top h2{font-size:clamp(37px,4.7vw,74px);font-weight:350;letter-spacing:-.04em;line-height:1.25;margin-top:23px}.archive-intro{width:30%;font-size:12px;line-height:1.9;color:#646c79}.archive-intro .text-link{color:var(--ink);margin-top:12px}.archive-wall{position:absolute;top:54%;height:28%;left:var(--gutter);right:var(--gutter);display:flex;gap:3%;perspective:1200px}.archive-sheet{position:relative;width:31.3%;height:100%;text-align:left;transition:transform .6s var(--ease);background:#dfe4e9;box-shadow:0 18px 45px #12172218}.archive-sheet:nth-child(1){transform:rotate(-3deg)}.archive-sheet:nth-child(2){transform:translateY(-6px) rotate(1deg)}.archive-sheet:nth-child(3){transform:rotate(4deg)}.archive-sheet:hover{transform:translateY(-16px) rotate(0)}.archive-sheet img{width:100%;height:100%;object-fit:cover;object-position:top}.archive-sheet span{position:absolute;left:0;right:0;bottom:-26px;display:flex;justify-content:space-between;font-size:10px;color:#646c79}.archive-sheet i{font-style:normal}.archive-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:9%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#6e7785}.contact-panel{top:27%;opacity:0}.contact-panel h2{font-size:clamp(40px,5.4vw,84px)}.quiet-link{display:block;font-size:10px;color:var(--muted);margin-top:18px;padding:8px 0}
.journey-footer{position:fixed;z-index:25;bottom:27px;left:var(--gutter);right:var(--gutter);height:25px;display:flex;align-items:center;justify-content:space-between;font-size:10px;transition:color .35s}.chapter-label{display:flex;align-items:center;gap:12px;letter-spacing:.5px}.chapter-line{width:25px;height:1px;background:currentColor;opacity:.35}#chapter-number{font-size:9px;opacity:.6}.scroll-prompt{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.5px;min-height:40px}.scroll-icon{font-size:19px;animation:scroll-hint 3s ease-in-out infinite}.journey-counter{font-size:9px;color:var(--muted)}#journey-percent{color:var(--fg);display:inline-block;min-width:20px;text-align:right}.journey-progress{position:absolute;bottom:-14px;height:1px;background:var(--line);width:100%;overflow:hidden}.journey-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--fg)}.chapter-dots{position:fixed;right:1.8vw;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:5px}.chapter-dots button{width:20px;height:20px;display:grid;place-items:center}.chapter-dots button:after{content:'';width:3px;height:3px;background:var(--fg);opacity:.25;border-radius:50%;transition:transform .4s,opacity .4s}.chapter-dots button[aria-current=true]:after{transform:scale(1.8);opacity:1}
.menu-scrim{position:fixed;inset:0;background:#0a0d156b;backdrop-filter:blur(10px);z-index:27}#menu{position:fixed;right:16px;top:16px;bottom:16px;width:440px;padding:110px 42px 32px;background:var(--paper);color:var(--ink);z-index:29;display:flex;flex-direction:column}.menu-kicker{font-size:9px;letter-spacing:1.6px;color:#68717f;margin-bottom:23px}#menu nav button{width:100%;display:flex;align-items:center;gap:20px;border-bottom:1px solid #10121620;padding:19px 0;font-size:29px;text-align:left;transition:padding .3s}#menu nav button:hover{padding-left:9px}#menu nav small{font-size:9px;color:#79828f}#menu nav button>span{margin-left:auto;font-size:21px}#menu nav sup{font-size:10px;align-self:flex-start;padding-top:5px}.menu-bottom{margin-top:auto;padding-top:25px}.menu-bottom p{font-size:11px;color:#68717f}.menu-bottom button{display:flex;justify-content:space-between;width:100%;font-size:11px;align-items:center;padding:22px 0}.toggle{width:30px;height:17px;border:1px solid #10121635;border-radius:20px;padding:3px}.toggle i{display:block;width:9px;height:9px;border-radius:50%;background:#7a8493;transition:transform .3s}button[aria-pressed=true] .toggle i{transform:translateX(13px);background:#4264f5}.menu-copyright{font-size:9px;color:#7a8493}.contact-overlay{position:fixed;inset:0;z-index:60;background:#0c1019a8;backdrop-filter:blur(15px);display:grid;place-items:center}.contact-card{position:relative;background:var(--paper);color:var(--ink);width:390px;max-width:calc(100vw - 32px);padding:45px;text-align:center}.contact-close{position:absolute;right:15px;top:10px;font-size:28px;width:30px;height:36px}.contact-card .eyebrow{font-size:8px}.contact-card h2{font-weight:500;font-size:24px;margin:20px 0}.contact-card img{width:220px;height:220px;max-width:100%;object-fit:contain}.contact-card>p:last-child{font-size:11px;margin-top:20px;color:#646c79}
#preloader{position:fixed;inset:0;background:#101216;color:#f2f4f7;z-index:100;display:flex;flex-direction:column;padding:45px var(--gutter)}.loader-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.loader-top span:first-child{font-weight:700;font-size:14px}.loader-center{position:absolute;width:120px;height:120px;left:50%;top:46%;transform:translate(-50%,-50%)}.loader-center svg{width:100%;height:100%;fill:none;stroke-width:2}.loader-track{stroke:#303640}#loader-stroke{stroke:var(--accent);stroke-dasharray:100;stroke-dashoffset:100}.loader-bottom{margin-top:auto;display:flex;align-items:baseline;gap:25px}.loader-bottom #load-count{font-size:clamp(70px,12vw,160px);line-height:1;font-weight:400;letter-spacing:-.08em}.loader-bottom #load-label{font-size:10px;color:#8c96a6;margin-left:auto}.loader-bottom>span:last-child{font-size:10px;color:#8c96a6}body.entered .intro-panel .reveal-line{animation:line-reveal 1.1s var(--ease) both}body.entered .intro-panel .reveal-line:nth-child(2){animation-delay:.1s}body.entered .site-header{animation:soft-reveal 1s .15s both}body.entered .intro-panel .eyebrow,body.entered .intro-panel .story-description,body.entered .intro-panel .text-link{animation:soft-reveal 1s .25s both}@keyframes line-reveal{from{opacity:0;transform:translateY(35px) rotate(2deg);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes soft-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scroll-hint{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media(max-aspect-ratio:4/3){.header-role{display:none}.story-panel{top:17%;width:75%}.story-panel h1,.story-panel h2{font-size:clamp(38px,7vw,65px);margin:20px 0}.story-description{font-size:12px}.connect-panel{top:17%}.feature-copy{top:16%;width:75%}.feature h2{font-size:42px;margin:16px 0}.feature h2 small{display:inline;font-size:.6em;margin-left:12px}.feature-description{max-width:80%;font-size:12px}.feature-index{font-size:9px}.feature-status{position:absolute;right:0;top:0;margin:0}.feature .text-link{margin-top:5px}.feature-image{left:var(--gutter);top:43%;width:calc(100% - 2*var(--gutter));height:40%}.feature-caption{left:var(--gutter);top:85%;max-width:85%}.archive-top{top:17%;display:block}.archive-top h2{font-size:43px}.archive-intro{width:100%;display:flex;justify-content:space-between;align-items:end;margin-top:20px}.archive-intro p{font-size:11px}.archive-intro .text-link{gap:15px;font-size:11px}.archive-wall{top:56%;height:24%;gap:5%}.archive-sheet{width:47.5%}.archive-sheet:nth-child(3){display:none}.archive-foot span:last-child{display:none}.contact-panel{top:19%}.chapter-dots{right:1vw}.world-shade{background:linear-gradient(0deg,#0d101688,transparent 28%),linear-gradient(180deg,#101216 15%,transparent 50%)}}
@media(max-width:600px){:root{--gutter:7vw}.site-header{height:82px;gap:15px}.wordmark{font-size:22px}.brand-star{font-size:24px}.site-header nav{gap:18px}.menu-button{padding:10px 13px;gap:15px;min-width:75px}.collection-button{font-size:11px}.story-panel{top:17%;width:85%}.story-panel h1,.story-panel h2{font-size:clamp(34px,9vw,49px);line-height:1.22;margin:20px 0}.eyebrow{font-size:8px;letter-spacing:1.6px}.story-description{font-size:11px;line-height:1.8}.text-link{font-size:11px;margin-top:14px;gap:25px;padding:9px 0}.feature-copy{top:15%;width:86%}.feature-index{font-size:8px;gap:14px}.feature h2{font-size:35px;margin:18px 0 12px}.feature h2 small{font-size:.5em}.feature-description{font-size:11px;max-width:100%;line-height:1.7}.feature-status{display:none}.feature .text-link{margin-top:8px}.feature-image{top:43%;height:38%}.feature-caption{top:83%;font-size:8px;line-height:1.6}.feature-image .image-open{width:38px;height:38px;right:15px;bottom:15px;font-size:21px}.archive-top{top:16%}.archive-top h2{font-size:35px;margin-top:20px}.archive-intro{display:block}.archive-intro p{line-height:1.8}.archive-intro .text-link{margin-top:7px}.archive-wall{top:60%;height:19%}.archive-sheet span{font-size:8px;bottom:-22px}.archive-foot{font-size:8px;bottom:11%}.journey-footer{bottom:28px;font-size:8px}.chapter-label{gap:8px;font-size:8px}.chapter-line{width:13px}.scroll-prompt{font-size:8px;gap:10px;left:62%}.journey-counter{font-size:8px}.chapter-dots{display:none}#menu{inset:9px;width:auto;padding:105px 27px 25px}#menu nav button{font-size:28px;padding:17px 0}.menu-bottom{padding-top:15px}.menu-bottom p{font-size:10px}.menu-bottom button{padding:18px 0}.loader-top span:last-child{font-size:8px;letter-spacing:.5px}#preloader{padding-top:35px;padding-bottom:40px}.loader-bottom{gap:12px}.loader-bottom #load-label{font-size:8px}.loader-center{width:90px;height:90px}.contact-panel{top:18%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important}

#character-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#character-film{display:none}
@media(min-aspect-ratio:4/3){.site-header nav{color:#1b2230}.site-header .menu-button{border-color:#1b223055;background:#f4f5f65c;backdrop-filter:blur(12px)}.collection-button{background:#f4f5f6cc;border-radius:30px;padding:10px 14px;color:#1b2230}}

#static-fallback{position:fixed;z-index:200;bottom:0;left:0;right:0;background:var(--paper);color:var(--ink);padding:24px var(--gutter);display:flex;gap:25px;align-items:center;font-size:12px;flex-wrap:wrap}#static-fallback a,#static-fallback button{border-bottom:1px solid;padding:6px 0}#static-fallback p{width:100%;color:#646c79}

.feature-image[data-contain=true]{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#343c49,#141a23);perspective:1000px}
.feature-image[data-contain=true] img{width:auto;height:91%;max-width:85%;border:5px solid #47515f;border-radius:22px;box-shadow:16px 22px 35px #0005;object-fit:contain;object-position:center;background:#10151d;transform:rotate(-3deg)}
.feature[data-id=mopeitong] .feature-image{background:radial-gradient(ellipse at 50% 35%,#e7ecf2,#b9c4d1)}
.feature[data-id=mopeitong] .feature-image img{border-color:#f8fafc;transform:rotate(3deg)}
.feature-image[data-contain=true]:hover img{transform:translateY(-4px) rotate(0deg)}

@media(max-aspect-ratio:4/3){#scene-surface{mask-image:linear-gradient(to bottom,transparent,black 18%,black 88%,transparent)}}
.feature[data-id=yanxin] .feature-image img,#project-display>img{object-fit:contain}
.feature-image[data-contain=true] img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-3deg)}
.feature[data-id=mopeitong] .feature-image img{transform:translate(-50%,-50%) rotate(3deg)}
.feature-image[data-contain=true]:hover img{transform:translate(-50%,calc(-50% - 4px)) rotate(0deg)}

#contact-display{position:absolute;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#13171de8;color:#f2f4f7;clip-path:polygon(0 14.2%,96% 0,100% 100%,1.5% 96%);opacity:0;visibility:hidden;padding-top:35px}
#contact-display img{width:72%;height:auto;box-shadow:0 5px 35px #0004}#contact-display>span{font-size:8px;letter-spacing:1.6px;color:#4264f5}#contact-display strong{font-size:14px;font-weight:400;letter-spacing:.5px}#contact-display small{font-size:8px;letter-spacing:1px;color:#a4adba}
@media(max-width:600px){#contact-display{gap:14px}#contact-display strong{font-size:10px}#contact-display>span{font-size:6px;letter-spacing:1px}#contact-display small{font-size:7px}}

/* One type and icon system across the scene, navigation and project library. */
body{font-weight:400;font-synthesis:none}.icon{display:block;flex-shrink:0}.wordmark{font-size:26px;font-weight:600;letter-spacing:-1.25px;gap:10px;min-height:44px}.brand-mark{width:24px;height:24px;padding:4px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;background:var(--accent);border-radius:2px}.header-role{font-size:12px;letter-spacing:.2px;opacity:.72}.site-header nav{gap:26px}.collection-button{font-size:13px;min-height:44px}.collection-button span{font-size:10px}.menu-button{min-height:44px;font-size:13px;gap:20px;padding:10px 16px}.menu-symbol{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.eyebrow,.feature-index,.menu-kicker{font-size:11px;font-weight:500;letter-spacing:1.6px}.story-description,.feature-description{font-size:14px;line-height:1.85}.text-link{font-size:13px;gap:30px}.text-link span{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.text-link .icon{width:22px;height:22px}.text-link:hover span{transform:translate(2px,-2px)}.feature-status{font-size:11px}.feature-caption{font-size:11px;line-height:1.6;letter-spacing:.2px}.display-caption{font-size:12px;align-items:center}.display-caption i{display:flex}.archive-intro,.archive-intro p{font-size:13px;line-height:1.85}.archive-sheet>span{font-size:12px;bottom:-29px;align-items:center}.archive-sheet i{display:flex;align-items:center;gap:8px;font-size:10px}.archive-foot{font-size:10px;letter-spacing:.3px}.quiet-link{font-size:12px;min-height:44px;margin-top:10px}.journey-footer,.chapter-label,.scroll-prompt{font-size:11px}.scroll-prompt{min-height:44px}.scroll-icon{display:flex}.scroll-icon .icon{width:18px;height:18px}.journey-counter,#chapter-number{font-size:10px;font-variant-numeric:tabular-nums}.journey-counter{min-width:50px;text-align:right}#menu{overflow-y:auto;overscroll-behavior:contain}#menu nav button{font-weight:400;letter-spacing:-.035em}#menu nav button>span{display:flex}#menu nav small,#menu nav sup{font-size:10px;letter-spacing:0}.menu-bottom p,.menu-bottom button{font-size:12px}.menu-copyright{font-size:10px}.contact-close{width:44px;height:44px;right:8px;top:8px;display:grid;place-items:center}.contact-card .eyebrow{font-size:10px;letter-spacing:1px}.contact-card>p:last-child{font-size:12px}.contact-card img{height:auto;aspect-ratio:1}.loader-top{font-size:11px}.loader-top span:first-child{font-weight:500}.loader-bottom #load-label,.loader-bottom>span:last-child{font-size:11px}.loader-bottom #load-count{font-variant-numeric:tabular-nums;font-weight:400}.loader-center{filter:drop-shadow(0 0 20px #4264f51f)}
@media(max-width:600px){
 .site-header{height:calc(82px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.wordmark{font-size:22px;gap:7px}.brand-mark{width:21px;height:21px}.site-header nav{gap:15px}.collection-button{font-size:12px}.menu-button{gap:10px;padding:9px 12px;font-size:12px;min-width:76px}.eyebrow,.feature-index{font-size:10px;letter-spacing:1.2px}.story-description,.feature-description{font-size:12px;line-height:1.8}.text-link{font-size:12px;min-height:44px}.feature-copy{width:86%}.feature-caption{font-size:10px;line-height:1.6;max-width:86%}.feature-image .image-open{width:40px;height:40px;right:12px;bottom:12px}.archive-intro p{font-size:12px}.archive-intro .text-link{font-size:12px}.archive-sheet>span{font-size:10px;bottom:-25px}.archive-sheet i{gap:5px}.archive-foot{font-size:10px;letter-spacing:0;bottom:11%}.journey-footer{bottom:calc(28px + env(safe-area-inset-bottom,0px));font-size:10px}.chapter-label{font-size:10px;gap:7px}.scroll-prompt{font-size:10px;gap:8px;left:61%}.journey-counter{font-size:10px;min-width:46px}.journey-progress{bottom:-14px}#menu{padding-bottom:calc(25px + env(safe-area-inset-bottom,0px));padding-top:calc(103px + env(safe-area-inset-top,0px))}.menu-kicker{font-size:10px;letter-spacing:1px}.menu-bottom p,.menu-bottom button{font-size:12px}.contact-card{padding:44px 30px 30px}.contact-card h2{font-size:23px}.loader-top span:last-child{font-size:10px;letter-spacing:0}.loader-bottom #load-label{font-size:10px}#preloader{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}#contact-display>span,#contact-display small{display:none}#contact-display{gap:12px;padding-top:20px}#contact-display strong{font-size:10px}
}
@media(max-width:600px) and (max-height:739px){.story-panel,.contact-panel,.connect-panel{top:15%}.story-panel h1,.story-panel h2{font-size:32px;margin:16px 0;line-height:1.24}.story-description{line-height:1.7}.text-link{margin-top:10px}.feature-copy{top:14%}.feature h2{font-size:32px;margin:13px 0 9px}.feature .text-link{margin-top:3px}.archive-top{top:15%}.archive-top h2{font-size:30px;margin-top:14px}.archive-intro{margin-top:14px}.archive-intro p{line-height:1.7}.archive-wall{top:64%;height:16%}.archive-foot{bottom:10%}#menu{padding-top:80px}#menu nav button{font-size:24px;padding:12px 0}.menu-kicker{margin-bottom:13px}.menu-bottom{padding-top:14px}.menu-bottom button{padding:15px 0}.contact-card img{width:190px}.quiet-link{margin-top:2px}}
@media(max-width:600px) and (max-height:699px){.feature-image{top:44%;height:35%}.feature-caption{top:81%}}

@media(max-width:600px){.display-caption{display:none}}

.contact-help-mobile{display:none}.contact-help-desktop{font-size:12px;margin-top:20px;color:#646c79}@media(max-width:600px){.contact-help-desktop{display:none}.contact-help-mobile{display:block}}

@media(min-aspect-ratio:4/3) and (max-height:500px){
.site-header{height:68px}.wordmark{font-size:22px}.brand-mark{width:21px;height:21px}.header-role{display:none}.site-header nav{gap:20px}.story-panel,.connect-panel,.contact-panel{top:21%;width:47%}.story-panel h1,.story-panel h2{font-size:38px;line-height:1.2;margin:13px 0}.eyebrow,.feature-index{font-size:9px;letter-spacing:1px}.story-description,.feature-description{font-size:12px;line-height:1.7}.text-link{margin-top:10px;font-size:12px;min-height:40px;padding:8px 0}.quiet-link{margin-top:2px;min-height:36px;font-size:11px}.journey-footer{bottom:21px}.feature-copy{top:24%;width:32%}.feature h2{font-size:36px;margin:16px 0 12px}.feature-status{display:none}.feature-image{left:43%;top:24%;width:52%;height:60%}.feature-caption{left:43%;top:86%;max-width:52%;font-size:10px}.archive-top{top:22%}.archive-top h2{font-size:32px;line-height:1.2;margin-top:12px}.archive-intro{width:34%;font-size:11px}.archive-intro p{font-size:11px;line-height:1.6}.archive-intro .text-link{margin-top:4px}.archive-wall{top:57%;height:23%}.archive-sheet>span{font-size:10px;bottom:-21px}.archive-foot{display:none}#menu{top:8px;bottom:8px;padding-top:72px;width:390px}#menu nav button{font-size:23px;padding:10px 0}.menu-kicker{margin-bottom:12px}.menu-bottom{padding-top:18px}.contact-card{width:460px;padding:30px;display:grid;grid-template-columns:1fr 170px;align-items:center;column-gap:20px}.contact-card .eyebrow{grid-column:1;grid-row:1;align-self:end}.contact-card h2{font-size:21px;grid-column:1;grid-row:2;margin:8px 0}.contact-card img{grid-column:2;grid-row:1 / 4;width:170px}.contact-card>p:last-child,.contact-help-desktop{grid-column:1;grid-row:3;font-size:11px;line-height:1.8;margin-top:0}.contact-close{top:0;right:0}#contact-display{gap:12px;padding-top:15px}#contact-display strong{font-size:12px}
}

/* The signature is the author's original vector lettering from the character. */
.wordmark{gap:0;line-height:1;width:112px;flex:0 0 112px}.brand-lettering{display:block;width:112px;height:50px;object-fit:contain;filter:none;transition:filter .3s}body[data-tone=light] .brand-lettering,body.menu-open .brand-lettering{filter:invert(1)}.loader-center{width:168px;height:75px;filter:none}.loader-center img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.loader-signature-track{opacity:.16}#loader-stroke{position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path .3s ease;stroke:none}.pl-wordmark{display:flex;align-items:center;gap:20px}.pl-wordmark>img{width:90px;height:40px;object-fit:contain;filter:invert(1)}
@media(max-width:600px){.wordmark{width:98px;flex-basis:98px}.brand-lettering{width:98px;height:44px}.loader-center{width:144px;height:64px}.pl-wordmark>img{width:80px;height:36px}}
@media(max-height:500px) and (min-aspect-ratio:4/3){.brand-lettering{height:44px;width:98px}.wordmark{width:98px;flex-basis:98px}}

/* Draw the loading frame from actual resource progress. */
.loader-construction{position:absolute;inset:18% 12%;pointer-events:none;--loader-line:#f4f5f62a}
.loader-construction i{position:absolute;display:block;background:var(--loader-line);transform-origin:left top;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.loader-construction i:nth-child(1),.loader-construction i:nth-child(3){height:1px;width:100%;left:0;transform:scaleX(var(--load-progress,0))}
.loader-construction i:nth-child(1){top:0}.loader-construction i:nth-child(3){bottom:0;transform-origin:right top}
.loader-construction i:nth-child(2),.loader-construction i:nth-child(4){width:1px;height:100%;top:0;transform:scaleY(var(--load-progress,0))}
.loader-construction i:nth-child(2){right:0}.loader-construction i:nth-child(4){left:0;transform-origin:left bottom}
.loader-construction:before,.loader-construction:after{content:"";position:absolute;width:7px;height:7px;border-top:1px solid #a4b4f1;border-left:1px solid #a4b4f1;left:-3px;top:-3px}
.loader-construction:after{left:auto;top:auto;right:-3px;bottom:-3px;rotate:180deg}
@media(max-width:620px){.loader-construction{inset:26% 7%}}
@media(prefers-reduced-motion:reduce){.loader-construction i{transition:none}}