/* A quiet screening room, separate from the commercial portfolio. */
#poetry{background:#090909;z-index:3720;--poetry-ink:#eee9e0;--poetry-accent:#c7a98b}
#poetry .poetry-cinema{position:absolute;inset:0 0 0 var(--rail-w);overflow:clip;background:#080808;color:var(--poetry-ink);touch-action:pan-y}
.poetry-frame{position:absolute;inset:0;opacity:0;transition:opacity 1.65s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.poetry-frame.is-current{opacity:1}
.poetry-ambient{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(32px) saturate(.4);opacity:.2;transform:scale(1.12)}
.poetry-screen{position:absolute;inset:94px 4vw 112px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.poetry-photo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 40px #0008);transform-origin:center;will-change:transform}
.poetry-frame.is-current .poetry-photo{animation:poetry-drift 14s ease-out both}
.poetry-cinema.is-paused .poetry-photo{animation-play-state:paused}
.poetry-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#080808cc,transparent 20%,transparent 76%,#080808e8)}
#poetry .poetry-header{position:absolute;top:30px;left:4vw;right:4vw;display:flex;align-items:baseline;justify-content:space-between;gap:20px;z-index:2}
#poetry .poetry-title{position:static;top:auto;left:auto;max-width:none;margin:0;transform:none;translate:none;opacity:1;font:italic clamp(27px,2.5vw,42px)/1.1 Georgia,serif;letter-spacing:-.035em;text-transform:none;color:var(--poetry-ink);text-shadow:none;transition:none}
.poetry-kicker{font:10px/1.4 'Offside',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#b6aea3}
.poetry-console{position:absolute;left:4vw;right:4vw;bottom:43px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;z-index:4}
.poetry-console button{appearance:none;border:0;background:none;color:var(--poetry-ink);min-height:44px;cursor:pointer!important;font:12px/1.4 'Offside',sans-serif;letter-spacing:.03em;padding:8px 12px}
.poetry-console button:hover{color:#fff;background:#ffffff0b}
.poetry-console button:focus-visible,.poetry-index button:focus-visible{outline:2px solid var(--poetry-accent);outline-offset:5px}
.poetry-transport{display:flex;align-items:center;gap:16px}
.poetry-transport button{font:24px Georgia,serif;width:44px}
.poetry-count{font:13px/1 'Offside',sans-serif;min-width:64px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.poetry-count span{color:#8e887e;font-size:11px;margin-left:5px}
.poetry-play{display:flex;align-items:center;justify-content:center;gap:11px}
.poetry-play-icon{display:inline-block;min-width:12px;font-size:14px}
.poetry-overview{justify-self:end;display:flex;align-items:center;gap:15px}
.poetry-overview span{font-size:25px}
.poetry-timeline{position:absolute;left:4vw;right:4vw;bottom:30px;height:1px;background:#eee9e02b;z-index:4;overflow:hidden}
.poetry-timeline span{display:block;width:100%;height:100%;background:var(--poetry-accent);transform:scaleX(0);transform-origin:left}
.poetry-index{position:absolute;inset:90px 4vw 112px;z-index:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:14px;padding:16px;background:#0d0c0cf5;overflow:auto;overscroll-behavior:contain;scrollbar-color:#76695c transparent}
.poetry-index[hidden]{display:none}
.poetry-index button{padding:0;border:1px solid transparent;background:#151312;min-width:0;aspect-ratio:4/5;overflow:hidden;cursor:pointer!important;opacity:.7;transition:opacity .2s,border-color .2s}
.poetry-index button[aria-current="true"],.poetry-index button:hover{opacity:1;border-color:var(--poetry-accent)}
.poetry-index img{width:100%;height:100%;object-fit:contain;display:block}
.poetry-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-section="poetry"] #motionToggle{display:none}
body[data-section="poetry"] .hs-rail{background:#080808cc}
body[data-section="poetry"] .section-nav{bottom:12px;opacity:.55}
@keyframes poetry-drift{from{transform:scale(.975) translateY(4px)}to{transform:scale(1.018) translateY(-4px)}}
@media(max-width:1000px){.poetry-index{grid-template-columns:repeat(4,minmax(0,1fr))}.poetry-kicker{font-size:9px}.poetry-console{gap:8px}.poetry-transport{gap:4px}}
@media(max-width:800px){
 #poetry .poetry-cinema{inset:var(--phone-top,0px) var(--phone-right,0px) var(--phone-footer,72px) var(--rail-w)}
 #poetry .poetry-header{top:22px;left:22px;right:22px}
 #poetry .poetry-title{font-size:30px}
 .poetry-kicker{display:none}
 .poetry-screen{inset:76px 18px 136px}
 .poetry-console{left:18px;right:18px;bottom:28px;grid-template-columns:1fr 1fr;gap:5px}
 .poetry-console button{font-size:11px;padding:8px}
 .poetry-transport{grid-column:1/-1;justify-content:center;gap:22px}
 .poetry-transport button{font-size:23px}
 .poetry-play{justify-self:start}.poetry-overview{justify-self:end}
 .poetry-timeline{left:26px;right:26px;bottom:17px}
 .poetry-index{inset:76px 16px 136px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:9px}
 body[data-section="poetry"] .section-nav{bottom:calc(14px + env(safe-area-inset-bottom,0px));opacity:1}
}
@media(max-height:500px) and (min-width:601px){
 #poetry .poetry-cinema{inset:0 0 0 var(--rail-w)}
 #poetry .poetry-header{top:12px;left:24px;right:24px}
 #poetry .poetry-title{font-size:25px}.poetry-kicker{display:none}
 .poetry-screen{inset:55px 24px 74px}.poetry-index{inset:55px 24px 74px;grid-template-columns:repeat(7,minmax(0,1fr))}
 .poetry-console{bottom:16px;left:24px;right:70px;grid-template-columns:1fr auto 1fr;gap:8px}
 .poetry-transport{grid-column:auto;justify-content:start;gap:3px}
 .poetry-timeline{bottom:12px}.poetry-console button{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.poetry-frame,.poetry-index button{transition:none}.poetry-frame.is-current .poetry-photo{animation:none;transform:none}}