:root{font-family:Arial,Helvetica,sans-serif;color:#f6f6ee;background:#111914;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{opacity:.65}a:focus-visible,button:focus-visible{outline:2px solid #e8fc94;outline-offset:6px}button{font:inherit;color:inherit;cursor:pointer}.scene{position:fixed;inset:0;background:#384d58 url('/shanghai.jpg') center center/cover no-repeat;z-index:-3}.scene canvas{width:100%;height:100%;display:block}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,20,25,.2),transparent 40%,rgba(0,12,14,.55));pointer-events:none}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.topbar{position:absolute;top:30px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:flex-start;font-size:13px;line-height:1.45;text-shadow:0 1px 8px #14252e}.identity{text-decoration:none}.identity span{margin-left:16px}.clock{text-align:right;font-variant-numeric:tabular-nums}.clock small{display:block;font-size:10px;letter-spacing:.12em;margin-top:4px}.home{min-height:100svh;position:relative}.intro{position:absolute;bottom:114px;left:32px;max-width:510px}.intro .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:16px}.intro h1{font-size:clamp(38px,5.6vw,88px);font-weight:400;letter-spacing:-.055em;line-height:.96;margin:0 0 20px}.intro p{font-size:15px;line-height:1.5;margin:0;max-width:335px}.footer{position:absolute;bottom:28px;left:32px;right:32px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;font-size:12px}.water{border:0;background:none;padding:6px 0;font-size:11px}.water:before{content:'◌';margin-right:8px;font-size:16px}.foot-left{display:flex;gap:28px;align-items:center}.links{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.links .work-link{margin-left:14px}.arrow{display:inline-block;margin-left:6px}.skip{position:fixed;top:10px;left:10px;transform:translateY(-200%);background:#111;padding:10px;z-index:100}.skip:focus{transform:translateY(0)}.story .scene{filter:brightness(.27) saturate(.65)}.story .topbar{position:relative;top:0;left:0;right:0;padding:30px 32px}.story main{width:min(1140px,100%);margin:70px auto 0;padding:0 32px 80px}.story-head{display:grid;grid-template-columns:1fr 2fr;gap:28px;padding-bottom:80px}.kicker{font:11px/1.5 monospace;letter-spacing:.08em;text-transform:uppercase}.story-head h1{font-size:clamp(54px,8vw,114px);font-weight:400;line-height:.93;letter-spacing:-.06em;margin:0 0 30px}.lede{font-size:clamp(20px,2.5vw,30px);line-height:1.3;letter-spacing:-.025em;max-width:670px}.bio{font-size:15px;line-height:1.65;max-width:590px;color:#d5dcd6}.entry{display:grid;grid-template-columns:1fr 2fr;gap:28px;border-top:1px solid #ffffff40;padding:35px 0 60px}.entry .meta{font:11px/1.6 monospace;letter-spacing:.04em;color:#c1cec5}.entry h2{font-weight:400;font-size:clamp(34px,5vw,66px);letter-spacing:-.045em;margin:0 0 16px}.entry p{font-size:16px;line-height:1.65;max-width:580px;color:#d5dcd6;margin:0 0 18px}.entry a{font-size:13px}.entry .award{font-size:clamp(24px,3.4vw,42px);line-height:1.08;max-width:600px}.press-list{list-style:none;padding:0;margin:0}.press-list li{padding:18px 0;border-bottom:1px solid #ffffff25}.press-list a{font-size:18px;text-decoration:none;display:block;line-height:1.4}.press-list small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:8px;color:#afc0b3}.story-footer{padding-top:40px;display:flex;justify-content:space-between;gap:30px;font-size:12px;flex-wrap:wrap}.credit{font-size:10px;color:#b8c5ba;line-height:1.6}.credit a{font-size:inherit}.pending{color:#bac6c1;font-size:12px}.social-note{position:fixed;right:28px;bottom:75px;max-width:280px;padding:16px;background:#14241feb;border:1px solid #ffffff50;font-size:13px;line-height:1.4;border-radius:3px}.social-note[hidden]{display:none}.social-button{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:5px;font-size:12px}@media(max-width:650px){.topbar{top:22px;left:20px;right:20px;font-size:12px}.identity span{margin-left:8px}.clock small{font-size:8px}.intro{bottom:150px;left:20px;right:20px}.intro h1{font-size:57px;max-width:350px}.intro p{font-size:14px;max-width:280px}.intro .eyebrow{font-size:10px}.footer{bottom:22px;left:20px;right:20px;display:block}.foot-left{margin-bottom:20px;justify-content:space-between}.links{gap:20px;font-size:11px}.links .work-link{margin-left:0}.story .topbar{padding:22px 20px}.story main{margin-top:58px;padding:0 20px 35px}.story-head,.entry{grid-template-columns:1fr;gap:22px}.story-head{padding-bottom:45px}.story-head h1{font-size:68px}.entry{padding:24px 0 40px}.entry h2{font-size:44px}.entry .meta{font-size:10px}.story-footer .links{gap:18px}.scene{background-position:49% center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.world-clocks{display:flex;gap:30px;margin-left:auto}.home .footer{justify-content:flex-end}.home .intro p{max-width:450px}.home .intro h1{white-space:nowrap}.story .topbar{justify-content:flex-end}@media(max-width:650px){.world-clocks{gap:23px}.home .intro{bottom:115px}.home .intro h1{font-size:clamp(36px,9vw,57px)}.home .intro p{max-width:350px}.home .footer{display:flex}.home .links{justify-content:flex-end;gap:19px}}

.intro-cta{margin-top:25px;font-size:14px}.intro-cta a{display:inline-block;padding:5px 0}.home .intro{bottom:114px}@media(max-width:650px){.home .intro{bottom:115px}.intro-cta{margin-top:22px}}

.clock{text-shadow:none}.clock time{font-weight:400;letter-spacing:.035em}.clock small{font-size:9px;letter-spacing:.1em;opacity:.9}

.home .intro .contact-copy{font-size:13px;line-height:1.5;margin-top:24px;max-width:420px}@media(max-width:650px){.home .intro .contact-copy{font-size:12px;max-width:320px;margin-top:22px}}@media(max-height:500px){.home .intro{position:relative;left:auto;right:auto;bottom:auto;padding:105px 32px 100px;max-width:650px}}@media(max-height:500px) and (max-width:650px){.home .intro{padding:100px 20px 100px}}
