.album-nav{color:#ead9b4;border-color:#cab78166;background:#101b15a6}body:not([data-scene=intro]) .album-nav{display:none}
body[data-scene=album]{background:#090e0c}body[data-scene=album] .ambient{opacity:0}
.reunion-album{padding:143px 5vw 38px;overflow:hidden;background:radial-gradient(ellipse at 71% 40%,#53604a26,transparent 55%),linear-gradient(110deg,#101811,#080d0b 72%)}
.album-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 18%,#dac28412,transparent 45%),repeating-linear-gradient(115deg,#d5c38e03 0 1px,transparent 1px 5px)}
.album-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:center}
.album-intro>.eyebrow{font-size:11px;letter-spacing:.2em}.album-intro h1{font-size:38px;line-height:1.5;letter-spacing:.075em;margin-top:23px;white-space:nowrap}.album-intro h1 span{display:block;color:#e4c68b;font-size:60px;letter-spacing:.14em;margin-top:4px}.album-hairline{height:1px;width:45px;background:#c6ab73;margin:27px 0}.album-lead{font-size:15px;line-height:2;color:#c7c9b9;letter-spacing:.06em}
.album-modes{display:grid;gap:8px;margin-top:36px}.album-modes button{padding:17px 14px;background:#e2d4af04;border:1px solid #d6c08f20;text-align:left;font-size:16px;display:grid;grid-template-columns:31px 1fr;gap:4px 12px;transition:background .25s,border-color .25s;color:#a7b2a5;border-radius:3px}.album-modes button>span{grid-row:span 2;align-self:center;font:13px Georgia,serif;color:#a69470}.album-modes button>small{grid-column:2;font-size:11px;letter-spacing:.15em;color:#8e9b8c}.album-modes button[aria-pressed=true]{background:linear-gradient(110deg,#b09c5822,#d9c39109);color:#f0dbac;border-color:#bea56b99}.album-modes button[aria-pressed=true]>small{color:#c5b990}.album-modes button:hover{border-color:#c5ad7780}
.album-numbers{display:flex;gap:17px;align-items:center;margin-top:36px;color:#acb6a5}.album-numbers strong{font:50px Georgia,serif;letter-spacing:-.04em;color:#dcc79a}.album-numbers span{font-size:12px;line-height:1.9;letter-spacing:.08em}.album-gesture{font-size:12px;line-height:2;color:#8e9b8b;margin-top:24px}.touch-gesture{display:none}
.album-exhibit{min-width:0;width:100%;max-width:930px;justify-self:center}.album-exhibit-top,.album-exhibit-bottom{display:flex;justify-content:space-between;gap:14px;font:10px Georgia,"Microsoft YaHei",serif;letter-spacing:.13em;color:#afad8a}.album-exhibit-top{padding:0 12px 20px;border-bottom:1px solid #cfbb7c28}.album-exhibit-top>span:last-child{color:#e1c58e;font-size:16px;line-height:1}.album-exhibit-bottom{padding:21px 12px 0;border-top:1px solid #cfbb7c28;color:#9ca993;font-size:11px;letter-spacing:.06em}.album-exhibit-bottom>span:last-child{font-size:9px;letter-spacing:.17em;white-space:nowrap}
.album-stage{width:100%;aspect-ratio:1;position:relative;margin:24px 0;isolation:isolate;touch-action:pan-y}.album-stage:before{content:"";position:absolute;inset:5%;border-radius:50%;box-shadow:0 0 100px #cdb7770d;pointer-events:none}.album-emblem{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.32;pointer-events:none;transition:opacity .75s,transform .75s;user-select:none;-webkit-user-drag:none}.album-stage[data-layout=grid] .album-emblem{opacity:0;transform:scale(.92) rotate(-8deg)}.album-center-seal{position:absolute;left:57.5%;top:44.5%;transform:translate(-50%,-50%);font:clamp(10px,1.5vw,21px) Georgia,serif;color:#ddc99855;pointer-events:none;transition:opacity .4s}.album-stage[data-layout=grid] .album-center-seal{opacity:0}
.album-tiles{position:absolute;inset:0}.album-tile{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%) translate(var(--dx,0px),var(--dy,0px)) scale(var(--grow,1));transform-origin:center;transition:transform .32s cubic-bezier(.16,.8,.25,1),left .7s cubic-bezier(.3,0,.2,1),top .7s cubic-bezier(.3,0,.2,1),width .7s cubic-bezier(.3,0,.2,1);padding:2px;background:#0e1711;border:1px solid #d5c0874a;border-radius:3px;box-shadow:0 3px 8px #0009;pointer-events:none;will-change:transform;opacity:1;overflow:hidden}
.album-tile img{width:100%;height:100%;object-fit:contain;display:block;filter:none;opacity:1;mix-blend-mode:normal;background:#0c120f;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.album-tile:not(.loaded){background:linear-gradient(145deg,#2c382b,#141d16)}.album-tile.active{border-color:#f5d495;box-shadow:0 12px 30px #000c,0 0 0 1px #dcc39370}.album-tile:focus-visible{outline:2px solid #f6d998;outline-offset:2px}.album-stage.is-morphing .album-tile{transition-duration:.4s,.7s,.7s,.7s}
.album-bottom-bar{max-width:1440px;margin:42px auto 0;border-top:1px solid #c6ad712d;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:22px}.album-bottom-bar>.primary{width:230px;flex:none;border-radius:3px;min-height:58px}.album-bottom-bar .eyebrow{font-size:12px;letter-spacing:.12em}.album-bottom-bar p{font-size:13px;line-height:1.75;color:#a7b29f;margin-top:8px}.album-save-dialog{width:min(780px,95vw)}.album-save-dialog img{max-height:66svh;object-fit:contain;background:#090e0c}.album-save-dialog .dialog-actions{position:sticky;bottom:-16px;background:#111a13;padding:12px 0 0}
@media(min-width:1450px){.album-layout{grid-template-columns:285px minmax(0,1fr)}.reunion-album{padding-top:140px}.album-exhibit{max-width:890px}}
@media(max-width:1000px){.reunion-album{padding:133px 4vw 32px}.album-layout{grid-template-columns:200px minmax(0,1fr);gap:25px}.album-intro h1{font-size:29px}.album-intro h1 span{font-size:48px}.album-intro>.eyebrow{font-size:10px;letter-spacing:.08em}.album-lead{font-size:13px}.album-modes{margin-top:25px}.album-numbers{margin-top:26px}.album-modes button{padding:14px 10px}.album-stage{margin:16px 0}}
@media(max-width:700px){body[data-scene=intro] .subtle-back{display:none}.album-nav{position:absolute;top:82px;right:20px;padding:9px 13px;font-size:13px}.album-nav span{margin-left:14px}.reunion-album{padding:114px 18px 25px}.album-layout{display:block}.album-intro{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:15px}.album-intro>.eyebrow{grid-column:1/-1;font-size:10px;letter-spacing:.12em}.album-intro h1{font-size:23px;margin-top:12px;line-height:1.5;white-space:normal}.album-intro h1 span{display:inline;font-size:23px;margin-left:10px;letter-spacing:.05em}.album-hairline,.album-lead{display:none}.album-numbers{grid-column:2;grid-row:2;margin:9px 0 0;gap:7px}.album-numbers strong{font-size:32px}.album-numbers span{font-size:9px;line-height:1.5}.album-modes{grid-column:1/-1;display:flex;margin:23px 0 14px;gap:9px}.album-modes button{flex:1;font-size:14px;display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 8px}.album-modes button>span{font-size:10px}.album-modes button>small{display:none}.album-gesture{grid-column:1/-1;font-size:11px;margin:0 0 21px;line-height:1.8}.album-gesture br{display:none}.album-gesture span{margin-right:8px}.desktop-gesture{display:none}.touch-gesture{display:inline}.album-exhibit-top{padding:16px 4px 13px;border-top:1px solid #cfbb7c28;font-size:9px}.album-exhibit-top>span:last-child{font-size:13px}.album-stage{margin:16px 0}.album-tile{border-radius:2px;padding:1px}.album-exhibit-bottom{padding:15px 4px 0;font-size:10px;min-height:46px}.album-exhibit-bottom>span:last-child{font-size:8px;letter-spacing:.08em}.album-center-seal{font-size:10px}.album-bottom-bar{margin-top:24px;padding-top:18px;gap:16px;align-items:center}.album-bottom-bar>.primary{width:155px;min-height:52px;padding:13px 15px;font-size:13px;gap:10px}.album-bottom-bar .eyebrow{font-size:11px}.album-bottom-bar p{font-size:10px;line-height:1.7;margin-top:4px;max-width:185px}.album-save-dialog .dialog-heading h2{font-size:17px}}
@media(max-width:360px){.album-intro h1,.album-intro h1 span{font-size:20px}.album-intro h1 span{margin-left:6px}.album-numbers strong{font-size:27px}.album-bottom-bar>.primary{width:145px}.album-exhibit-bottom>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.album-tile,.album-emblem{transition:none;will-change:auto}}
.album-emblem{mix-blend-mode:normal;opacity:1;fill:#c8ae731a;stroke:#c8ae7380;stroke-width:.55px}
/* Leave scroll space above the temporary host's bottom notice and phone controls. */
@media(max-width:700px){.reunion-album{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}}

/* A single clipped mosaic carries the silhouette; full portraits lift above it on hover. */
.album-artwork{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 16px 24px #0007)}
.album-stage[data-layout=grid] .album-artwork{display:none}
.album-stage[data-layout=logo] .album-tile{opacity:0;box-shadow:none;transition:transform .34s cubic-bezier(.16,.8,.25,1),opacity .18s ease}
.album-stage[data-layout=logo] .album-tile.active{opacity:1;box-shadow:0 14px 35px #000b,0 0 0 1px #d7bb7e;z-index:100}
.album-center-seal{left:58%;top:45%;color:#d8c08d88}

/* Deep black exhibition space, with only a trace of cool light. */
body[data-scene=album]{background:#020307}.reunion-album{background:radial-gradient(ellipse at 62% 42%,#526f9c12,transparent 64%),linear-gradient(140deg,#020307,#080b12 55%,#020306)}.album-atmosphere{background:radial-gradient(ellipse at 50% 46%,#799bd706,transparent 65%)}.album-stage:before{box-shadow:0 0 100px #6c88b309}.album-center-seal{left:50.35%;top:50%}.album-tile,.album-tile img{background:#080b11}.album-save-dialog,.album-save-dialog .dialog-actions{background:#080b11}.album-save-dialog img{background:#020307}.album-lead{color:#c8cbd3}.album-gesture,.album-exhibit-bottom,.album-bottom-bar p{color:#a2a9b8}
.album-tile-preview{display:block;width:100%;height:100%;background-repeat:no-repeat;background-color:#080b11}.album-tile>img{position:absolute;inset:0;width:100%;height:100%;padding:2px}.album-tile{will-change:auto}.album-tile.active{will-change:transform}
