.at-illustrated{background:var(--bg);color:var(--ink);overflow:clip}
.at-illustrated .at-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:760px;min-height:min(880px,94svh);padding:170px 0 100px;overflow:hidden}
.at-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 47%;z-index:-3;animation:at-hero-drift 22s ease-in-out infinite alternate}
.at-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(33,15,20,.84),rgba(33,15,20,.28) 72%),linear-gradient(0deg,var(--bg),transparent 75%)}
.at-hero-copy h1{font:500 clamp(58px,7.5vw,112px)/.98 var(--display);letter-spacing:-.035em;margin:0;max-width:12ch}
.at-hero-copy .at-lead{font:400 17px/1.7 var(--body);color:var(--ink);max-width:45ch;margin-top:28px}
.at-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px}
.at-illustrated .text-link{font-size:13px;color:var(--accent)}
.at-art-note{position:absolute;bottom:24px;left:max(40px,calc((100vw - 1240px)/2));font:400 11px/1.5 var(--body);color:var(--muted);margin:0}
.at-scroll-cue{position:absolute;right:max(40px,calc((100vw - 1240px)/2));bottom:26px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--accent)}
.at-scroll-cue svg{width:22px;height:22px}
.at-event-bar{border-block:1px solid var(--line);background:var(--surface)}
.at-event-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;font-size:14px}
.at-event-inner p{margin:0}.at-event-inner a{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.at-gallery{padding-block:100px 112px;scroll-margin-top:100px}
.at-illustrated .at-scene{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);margin:0 0 112px;position:relative;top:auto}
.at-illustrated .at-scene:last-child{margin-bottom:0}
.at-scene:nth-child(even):not(.at-scene-wide){grid-template-columns:1fr 1.65fr}
.at-scene:nth-child(even):not(.at-scene-wide) .at-art{grid-column:2;grid-row:1}
.at-scene:nth-child(even):not(.at-scene-wide) .at-scene-copy{grid-column:1;grid-row:1}
.at-art{appearance:none;display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:3/2;padding:0;border:0;border-radius:3px;background:var(--surface);cursor:zoom-in;isolation:isolate;text-align:left}
.at-art-image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04) translateY(var(--at-depth,0px));transition:filter .35s;will-change:transform}
.at-art:hover .at-art-image{filter:brightness(1.08)}
.at-art-open{position:absolute;right:20px;bottom:20px;width:44px;height:44px;display:grid;place-items:center;background:rgba(33,15,20,.82);border:1px solid rgba(229,186,112,.55);border-radius:50%;color:var(--ink);transition:background .2s}
.at-art-open svg{width:20px;height:20px}.at-art:hover .at-art-open{background:var(--surface)}
.at-scene-copy h2{font:500 clamp(33px,3.5vw,52px)/1.08 var(--display);letter-spacing:-.02em;margin:0 0 24px;max-width:20ch}
.at-scene-copy p{font:400 16px/1.8 var(--body);color:var(--muted);margin:0;max-width:42ch}
.at-scene-copy .text-link{margin-top:22px}
.at-illustrated .at-scene-wide{grid-template-columns:1fr;gap:32px}
.at-scene-wide .at-art{aspect-ratio:2.15/1}
.at-scene-wide .at-scene-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.at-scene-wide h2{margin-bottom:0}.at-scene-wide p{max-width:48ch}
.at-invitation{position:relative;isolation:isolate;padding-block:110px;overflow:hidden}
.at-invitation>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.at-invitation:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(33,15,20,.94),rgba(33,15,20,.65))}
.at-invitation h2{font:500 clamp(44px,6vw,76px)/1.02 var(--display);margin:0}
.at-invitation p{font-size:16px;line-height:1.8;color:var(--muted);max-width:52ch;margin-top:28px}
.at-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:98;pointer-events:none;background:transparent}
.at-reading-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent)}
.at-art-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#170c10;color:var(--ink);z-index:1000}
.at-art-dialog::backdrop{background:#170c10}
.at-art-dialog[open]{display:flex;flex-direction:column}
body:has(.at-art-dialog[open]){overflow:hidden}
.at-view-top{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;flex-shrink:0;font-size:13px;color:var(--muted)}
.at-view-top p{margin:0}
.at-art-dialog button{display:grid;place-items:center;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;padding:10px;cursor:pointer;flex-shrink:0}
.at-art-dialog button:hover{background:var(--surface)}.at-art-dialog svg{width:22px;height:22px}
.at-view-stage{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;min-height:0;flex:1}
.at-view-image{width:calc(100% - 128px);height:100%;min-height:0;object-fit:contain}
.at-view-caption{padding:24px 96px 32px;flex-shrink:0}
.at-view-caption h2{font:500 34px/1.12 var(--display);margin:0 0 12px}
.at-view-caption p{font:400 14px/1.7 var(--body);color:var(--muted);max-width:80ch;margin:0}
.at-illustrated a:focus-visible,.at-illustrated button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
@keyframes at-hero-drift{from{transform:scale(1.02)}to{transform:scale(1.08)}}
@media(max-width:1000px){.at-illustrated .at-scene{gap:32px;margin-bottom:80px}.at-scene-copy h2{font-size:37px}.at-scene-copy p{font-size:14px}.at-gallery{padding-block:72px}.at-scene-wide .at-scene-copy{gap:32px}}
@media(max-width:700px){.at-illustrated .container{width:calc(100% - 40px)}.at-illustrated .at-hero{min-height:680px;min-height:88svh;padding:140px 0 90px}.at-hero-art{object-position:57% center}.at-hero-shade{background:linear-gradient(0deg,var(--bg),rgba(33,15,20,.34) 80%)}.at-hero-copy h1{font-size:clamp(48px,12vw,76px)}.at-hero-copy .at-lead{font-size:15px;line-height:1.7}.at-actions{gap:20px;margin-top:26px}.at-actions .button{min-height:48px;padding:13px 20px}.at-art-note{left:20px;bottom:24px;max-width:24ch;font-size:10px}.at-scroll-cue{right:20px;bottom:24px}.at-event-inner{display:grid;gap:9px;font-size:13px;padding-block:22px}.at-gallery{padding-block:48px 64px}.at-illustrated .at-scene,.at-scene:nth-child(even):not(.at-scene-wide){display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-bottom:58px}.at-art,.at-scene-wide .at-art{aspect-ratio:3/2}.at-art-image{transform:none;will-change:auto}.at-art-open{right:14px;bottom:14px;width:40px;height:40px}.at-scene-copy h2{font-size:34px;max-width:22ch;margin-bottom:17px}.at-scene-copy p{font-size:15px;max-width:48ch}.at-scene-wide .at-scene-copy{display:block}.at-invitation{padding-block:72px}.at-invitation h2{font-size:48px}.at-invitation p{font-size:15px}.at-view-top{padding:12px 18px}.at-view-stage{padding:0 12px;gap:4px;position:relative}.at-view-image{width:100%;max-height:100%}.at-art-dialog .at-view-prev,.at-art-dialog .at-view-next{position:absolute;bottom:12px;background:rgba(33,15,20,.8);z-index:1;width:40px;height:40px}.at-view-prev{left:18px}.at-view-next{right:18px}.at-view-caption{padding:22px 20px 28px}.at-view-caption h2{font-size:29px}.at-view-caption p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.at-illustrated *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.at-art-image{transform:none!important}}

/* Tighter desktop rhythm between attractions. */
@media(min-width:1001px){.at-illustrated .at-scene{margin-bottom:72px}.at-gallery{padding-block:76px 80px}}
@media(min-width:701px) and (max-width:1000px){.at-illustrated .at-scene{margin-bottom:56px}.at-gallery{padding-block:56px 64px}}