@font-face{font-family:AtlasSystem;src:local("Avenir Next"),local("Avenir");font-display:swap}
:root{--bg:#fff;--ink:#20272a;--muted:#687277;--rule:#dfe4e5;--panel:#fff;--accent:#983b2d;--header:#ffffffed;--radius:7px;--lift:0 18px 70px #11182040;--canvas:#eff2f2;color-scheme:light;font-family:AtlasSystem,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--bg);color:var(--ink);transition:background .35s,color .35s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #548eca;outline-offset:4px}button{border:0}button:hover{filter:brightness(.92)}[hidden]{display:none!important}
.review-bar{min-height:40px;padding:7px 3.6%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#edf0f2;color:#4b555c;font-size:11px;position:relative;z-index:40}.review-bar nav{display:flex;gap:3px;flex-shrink:0}.review-bar button{background:transparent;padding:5px 11px;border-radius:4px;font-size:11px}.review-bar button[aria-pressed=true]{background:white;color:#17262e;box-shadow:0 1px 3px #0002}.site-header{display:flex;align-items:center;justify-content:space-between;padding:23px 4%;border-bottom:1px solid var(--rule)}.brand{font:600 22px Georgia,serif;letter-spacing:-.7px}.brand span{color:var(--accent)}.site-header nav{display:flex;gap:32px;font-size:13px}.intro{max-width:1600px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding:50px 4% 36px;gap:30px}.intro-kicker{margin:0 0 11px;font-size:13px;color:var(--muted)}h1{font:normal clamp(42px,5.4vw,82px)/1.06 Georgia,serif;letter-spacing:-3px;margin:0}.intro-copy{max-width:430px;padding-bottom:4px}.intro-copy p{font-size:15px;line-height:1.7;margin:0 0 14px}.explore-link{font-size:12px;border-bottom:1px solid var(--rule);padding-bottom:5px}.explore-link span{margin-left:32px}.atlas-section{max-width:1700px;margin:auto;padding:0 3.6%}.atlas-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:15px;font-size:12px;color:var(--muted)}.atlas-instruction{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#698c7d}.controls{display:flex;gap:6px}.controls button{background:transparent;border:1px solid var(--rule);padding:7px 11px;border-radius:50px;font-size:11px}.controls button[aria-pressed=true]{background:var(--canvas)}
.atlas-grid{position:relative;width:100%;aspect-ratio:4000/2430;isolation:isolate}.tile{position:absolute;padding:0;background:var(--canvas);overflow:hidden;border-radius:1px;z-index:1;transition:filter .2s;contain:paint}.tile img,.tile video{width:100%;height:100%;object-fit:cover;display:block;animation:ambient 8s ease-in-out infinite alternate;animation-delay:var(--delay);transform-origin:var(--origin)}.tile-label{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);max-width:95%;font-size:clamp(5px,1.01vw,17px);color:white;background:#161b1e72;backdrop-filter:blur(12px);border:1px solid #ffffff40;border-radius:30px;padding:3% 7%;white-space:nowrap;pointer-events:none}.tile:hover,.tile.active{z-index:4;outline:2px solid #fff;outline-offset:-2px;filter:brightness(1.07)}.tile:focus-visible{z-index:4;outline:3px solid #4b9eff;outline-offset:-3px}.center-mark{position:absolute;left:53%;top:49%;transform:translate(-50%,-50%);font:700 clamp(17px,3.8vw,61px) Georgia,serif;letter-spacing:-1px;color:white;background:#983b2d99;border:1px solid #ffffff5c;border-radius:6px;padding:.16em .35em;pointer-events:none;z-index:3;backdrop-filter:blur(2px);transition:opacity .25s}.inspecting .center-mark{opacity:.18}.axis-line{position:absolute;left:6.15%;top:0;bottom:1.8%;width:1px;background:var(--rule)}.month{position:absolute;left:0;width:5.4%;color:var(--muted);font-size:clamp(8px,1.1vw,16px);text-align:right;display:flex;flex-direction:column;gap:4px}.month b{color:var(--ink);font-weight:500}.month small{font-size:.6em}.month:after{content:"";position:absolute;width:6px;height:6px;background:var(--accent);right:-18.8%;top:5px;border-radius:50%}.atlas-footer{display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding:16px 0;font-size:11px;color:var(--muted)}.prototype-note{font-size:11px;color:var(--muted);margin:0 0 20px;line-height:1.6}.about{max-width:1440px;margin:70px auto 0;padding:65px 5%;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1.25fr;gap:8%}.section-title>p{color:var(--muted);font-size:12px;margin:0 0 14px}h2{font:normal 43px/1.13 Georgia,serif;letter-spacing:-1.4px;margin:0}.about-copy>p{font-size:19px;line-height:1.65;margin:0}.reading-notes{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:36px}.reading-notes h3{font-size:14px;font-weight:600}.reading-notes p{font-size:13px;color:var(--muted);line-height:1.8}.research{margin:30px 5% 70px;padding:60px 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:25px 9%}.research>p{max-width:440px;font-size:18px;line-height:1.7;margin:0}.availability{grid-column:2;font-size:12px;color:var(--muted)}.site-footer{margin:0 4%;border-top:1px solid var(--rule);padding:26px 0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.veil{position:fixed;inset:0;background:#060d1780;opacity:0;pointer-events:none;transition:opacity .25s;z-index:49}.moment{position:fixed;width:360px;z-index:50;border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:var(--lift);transform-origin:var(--anchor,50% 50%);animation:emerge .25s cubic-bezier(.18,.8,.2,1);border:1px solid #ffffff42}.moment-media{height:270px;position:relative;overflow:hidden;background:#182126;color:white}.moment-media>img,.moment-media>video{height:100%;width:100%;display:block;object-fit:cover;animation:detail-motion 7.5s ease-in-out infinite alternate}.moment-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:linear-gradient(#0007,transparent);font-size:11px}.moment-top button{color:white;background:#0004;backdrop-filter:blur(8px);border:1px solid #ffffff40;width:27px;height:27px;border-radius:50%;font:20px/20px Arial}.media-kind{position:absolute;bottom:42px;left:15px;padding:4px 7px;background:#0007;border-radius:3px;font-size:10px;backdrop-filter:blur(5px)}.playback{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:7px;padding:15px;background:linear-gradient(transparent,#0009);font-size:10px}.playback #elapsed{margin-left:auto;font-variant-numeric:tabular-nums}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff40}.progress span{display:block;height:100%;width:100%;background:white;transform-origin:left;animation:progress 7.5s linear infinite}.moment-description{padding:18px 20px 17px}.moment-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:12px}.moment-meta #category{color:var(--accent)}.moment-description h2{font-size:26px;letter-spacing:-.6px;margin:9px 0}.moment-description p{font-size:13px;line-height:1.6;margin:0;max-height:130px;overflow:auto}.moment-bottom{border-top:1px solid var(--rule);margin-top:16px;padding-top:11px;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@keyframes ambient{from{transform:scale(1.02) translate(-.3%,.1%)}to{transform:scale(1.085) translate(.6%,-.5%)}}@keyframes detail-motion{from{transform:scale(1.01) translate(-.4%,0)}to{transform:scale(1.11) translate(.7%,-1%)}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes emerge{from{opacity:0;transform:scale(.83)}to{opacity:1;transform:scale(1)}}.paused *{animation-play-state:paused!important}
html[data-theme=cinema]{--bg:#151b23;--ink:#f2f5f7;--muted:#a3b0bc;--rule:#35414c;--panel:#222c37;--accent:#eca395;--canvas:#2b3643;--radius:12px;--lift:0 25px 120px #000b;color-scheme:dark}html[data-theme=cinema] .review-bar{background:#202a35;color:#adbac5}html[data-theme=cinema] .review-bar button[aria-pressed=true]{background:#455260;color:#fff}html[data-theme=cinema] .intro{padding-top:44px;padding-bottom:40px}html[data-theme=cinema] h1{font-family:AtlasSystem,"Helvetica Neue",Arial,sans-serif;font-weight:500;letter-spacing:-4px}html[data-theme=cinema] .center-mark{background:#78322696}html[data-theme=cinema] .inspecting .veil{opacity:.7}html[data-theme=cinema] .moment{width:430px}html[data-theme=cinema] .moment-media{height:306px}html[data-theme=cinema] .atlas-footer{border-top:0}html[data-theme=cinema] .tile{border-radius:2px}
html[data-theme=gallery]{--bg:#e9eef3;--ink:#183248;--muted:#607589;--rule:#c2ced9;--panel:#fafdff;--accent:#91483a;--canvas:#d4dfe7;--radius:4px;--lift:0 16px 60px #122e4640}html[data-theme=gallery] .site-header{border-bottom:0}html[data-theme=gallery] .intro{padding-top:22px;padding-bottom:33px}html[data-theme=gallery] .intro-kicker{margin-bottom:9px}html[data-theme=gallery] h1{font-size:clamp(42px,5vw,72px)}html[data-theme=gallery] .atlas-section{background:#fff;padding:24px 28px 10px;margin:0 3%;box-shadow:0 8px 30px #1630470d;max-width:none}html[data-theme=gallery] .center-mark{background:#983b2d80}html[data-theme=gallery] .moment{width:460px;display:block}html[data-theme=gallery] .moment-media{height:300px}html[data-theme=gallery] .moment-description{padding:19px 23px}html[data-theme=gallery] .moment-description h2{font-size:25px}html[data-theme=gallery] .moment-description p{font-size:12px}html[data-theme=gallery] .moment-meta #pin-state{display:none}html[data-theme=gallery] .moment-bottom{gap:5px}html[data-theme=gallery] .about{margin-top:60px}
@media(min-width:1800px){.intro{padding-left:0;padding-right:0}}
@media(max-width:720px){.desktop-only{display:none}.review-bar{font-size:10px;padding:8px 12px;gap:4px}.review-bar button{font-size:10px;padding:5px 6px}.site-header{padding:19px 5%}.site-header nav{gap:16px;font-size:11px}.brand{font-size:21px}.intro{display:block;padding:31px 5% 25px}h1{letter-spacing:-2px}.intro-copy{margin-top:20px}.intro-copy p{font-size:13px}.intro-kicker{font-size:11px}.atlas-toolbar{font-size:10px;align-items:flex-start;gap:8px}.controls{gap:3px}.controls button{font-size:9px;padding:6px 7px}.atlas-instruction{max-width:130px;line-height:1.5}.atlas-scroll{overflow-x:auto;padding:3px 0}.atlas-grid{min-width:690px}.tile-label{font-size:8px}.center-mark{font-size:27px}.month{font-size:11px}.atlas-footer{font-size:9px;gap:12px;line-height:1.5}.prototype-note{font-size:10px}.about{grid-template-columns:1fr;gap:24px;padding:36px 5%;margin-top:36px}.about-copy>p{font-size:16px}h2{font-size:33px}.reading-notes{gap:23px;margin-top:19px}.research{grid-template-columns:1fr;padding:30px 0;margin-bottom:30px}.research>p{font-size:16px}.availability{grid-column:1}.site-footer{gap:20px;font-size:9px}.site-footer span:nth-child(2){max-width:125px}html[data-theme=gallery] .atlas-section{padding:15px 10px 5px;margin:0 3%}html[data-theme=gallery] .moment{display:block;width:min(360px,calc(100vw - 24px))}html[data-theme=gallery] .moment-media{height:240px}html[data-theme=gallery] .moment-description{padding:15px 20px}html[data-theme=gallery] .moment-bottom{flex-direction:row}html[data-theme=gallery] .moment-meta #pin-state{display:block}.moment{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.moment-media,html[data-theme=cinema] .moment-media{height:min(265px,38dvh)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Published Cinema: real media supply the motion. */
.tile img,.tile video,.moment-media>img,.moment-media>video{animation:none;transform:none}.progress span{animation:none;transform:scaleX(0);transition:transform .12s linear}.source-note{font-size:11px!important;line-height:1.7!important;color:var(--muted);margin-top:25px!important}.availability a{border-bottom:1px solid var(--rule);padding-bottom:4px}.site-header{padding-top:26px;padding-bottom:26px}.moment-media>video{object-fit:cover}.moment-description p{quotes:none}

/* Paper Champagne wordmark: same tint, opacity and Georgia Bold. */
html[data-theme=cinema] .center-mark{background:rgba(210,181,138,.53);font-family:Georgia,serif;font-weight:700;color:#fff;backdrop-filter:blur(8px);border:1px solid #ffffff78;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff30}.brand,.brand span{color:#d2b58a}

.still-flag{position:absolute;right:3px;top:3px;background:#0009;color:#fff;font-size:8px;padding:1px 3px;border-radius:2px}.tile img,.moment-media>video,.moment-media>img{animation:none!important}

#gaze-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.moment-media{background:#151b23}@media(max-width:720px){.atlas-toolbar{flex-wrap:wrap}.controls{margin-left:auto}}