/* Cinematic sequence: real photographs, full compositions and deliberate motion. */
.home-cinematic .header{background:linear-gradient(#091c2bec,transparent);border-color:#ffffff1f}
.brand span,.home-cinematic .brand span{font-size:10px;letter-spacing:.12em;margin-top:8px}
.cinematic-opening{--cover-ink:#0a2030;background:var(--cover-ink);color:#f5eee1}
.cinematic-stage{height:min(810px,87svh);min-height:690px;max-width:1800px}
.cinematic-portrait{inset:104px 4.5% 72px 46%;background:transparent;perspective:1800px}
.cover-frame{position:absolute;inset:0;opacity:0;transform:translateX(28px) scale(.975);transition:opacity 1.15s ease,transform 1.8s cubic-bezier(.19,1,.22,1);pointer-events:none}
.cover-frame.is-active{opacity:1;transform:none}
.cinematic-portrait .cover-frame img{width:100%;height:100%;object-fit:contain;object-position:center;animation:none;filter:none}
.cinematic-portrait:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:0 45px 75px -65px #0009}
.cinematic-shade{background:linear-gradient(90deg,#0a2030 0%,#0a2030e8 24%,#0a203055 40%,transparent 51%);z-index:0}
.cinematic-copy{z-index:1;top:29%;width:49%;max-width:750px}
.cinematic-copy>.eyebrow{font-size:12px;letter-spacing:.17em;margin-bottom:32px;color:#b5c9d6}
.cinematic-copy h1{font-size:clamp(60px,6.1vw,104px);line-height:1.01;letter-spacing:-.045em}
.cinematic-copy h1 em{font-size:1.04em;color:#d5dfdd}
.cinematic-practice{font-size:16px;line-height:1.85;color:#c8d2d6;margin-top:30px}
.cinematic-actions{display:flex;align-items:center;gap:26px;margin-top:30px;flex-wrap:wrap}
.cinematic-enter{font-size:14px;letter-spacing:.04em;text-transform:none;gap:16px}
.cinematic-enter>span{width:45px;height:45px;border-color:#d4dedbb3}
.cinematic-secondary{font-size:14px;min-height:44px;padding:10px 0;border-bottom:1px solid #d4dedb65}
.cinematic-controls{bottom:21px;right:var(--pad);gap:32px;z-index:2}
.cinematic-controls .cover-play{display:flex;align-items:center;gap:9px;width:auto;min-height:44px;border:0;font-size:14px;letter-spacing:0;opacity:1}
.cover-play>span{font-size:20px;width:20px}
.cinematic-controls button[data-cover-photo]{position:relative;width:44px;height:44px;font-size:13px}
.cinematic-controls button[data-cover-photo]:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;width:100%;background:#f2eadc;transform:scaleX(0);transform-origin:left}
.is-playing [data-cover-photo][aria-pressed=true]:after{animation:cover-time 6.5s linear infinite}
.cinematic-credit{display:block;bottom:38px;color:#b5c9d6;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.cinematic-side-note{position:absolute;right:13px;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.19em;color:#b5c9d6}
.cinematic-index{padding-bottom:0;gap:5px}
.cinematic-index a{height:clamp(120px,12vw,170px)}
.cinematic-index a:nth-child(2) img{object-position:center 81%}
.cinematic-baseline{font-size:12px;letter-spacing:.1em;color:#b5c9d6;padding-block:22px}
.cinematic-baseline>a{font-size:14px;color:#f5eee1}
.home-cinematic .artist-reel-section{background:#081821}
.home-cinematic .reel-image img{transition:transform 1s ease}
.home-cinematic .reel-image:hover img{transform:scale(1.025)}
@keyframes cover-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Covers preview only the photograph actually associated with that writing. */
.letter-cover-title{position:relative;isolation:isolate;padding-block:25px}
.letter-cover-photograph{display:block;width:110px;height:140px;object-fit:contain;margin:0 0 25px;padding:5px;background:var(--letter-paper);box-shadow:7px 9px 18px #0003;transform:rotate(-3deg)}
.letter-cover-face:has(.letter-cover-photograph){min-height:640px}
.letter-cover-face{height:100%}
.letter-cover-title h3{font-size:clamp(38px,4vw,62px);max-width:440px}
.literary-front-copy>.literary-link{display:flex;max-width:300px;gap:15px}
.literary-front-image{align-self:center;padding:10px;background:#f5edde;box-shadow:12px 22px 40px #312b251c;transform:perspective(1700px) rotateY(-4deg);transition:transform .8s}
.literary-front-image:hover{transform:perspective(1700px) rotateY(0)}
.literary-front-image img{height:auto;max-height:650px;object-fit:contain}
.literary-front-image>span{position:static;color:#312b25;font-size:13px;padding:19px 12px 10px}
.letter-covers{gap:40px}
.letter-cover{padding-bottom:12px}

/* The text and its own photograph share a room. Unillustrated poems stay literary. */
.exhibition [hidden]{display:none!important}
.exhibition-shell{background:radial-gradient(ellipse at 30% 10%,#fff7e770,transparent 65%)}
.exhibition-content{max-width:1560px}
.room-heading{padding-top:15px}
.room-heading .eyebrow{font-size:12px}
.room-heading h2{font-size:clamp(30px,3.5vw,52px)}
.room-halo,.room-floor{display:none}
.has-one-frame .room-frames{inset:6% 8% 7%}
.has-one-frame .room-frame{width:70%;max-width:500px;padding:10px;background:#f5edde;box-shadow:20px 28px 48px #263b3e30,1px 0 0 1px #d0c6b1}
.has-one-frame .room-frame[data-position=center]{transform:translateX(-50%) rotateY(-5deg) translateZ(30px)}
.is-reading .has-one-frame .room-frame{width:76%;max-width:460px}
.is-inspecting.has-one-frame .room-frame[data-position=center]{transform:translateX(-50%);width:96%;max-width:800px;background:transparent;box-shadow:none;padding:0}
.room-caption{width:84%;padding-block:12px 25px}
.room-caption span{font-size:11px;letter-spacing:.07em}
.exhibition.is-reading .exhibition-content{grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:30px;padding:0 36px}
.room-writing{margin:15px 0 25px;box-shadow:9px 0 0 -4px #ddd0b8,13px 0 0 -6px #af9e84,20px 25px 55px #2533362b;border-right:0;scrollbar-width:auto;scrollbar-color:#a49b8b #ebe4d7;scrollbar-gutter:stable}
.room-writing-controls{padding:9px 25px}
.room-poem-page{padding:24px clamp(25px,3.2vw,52px) 44px}
.room-poem-page>.eyebrow{font-size:12px;letter-spacing:.12em}
.room-poem-page h3{font-size:clamp(35px,3.2vw,48px);line-height:1.08;margin:25px 0 30px}
.room-poem-text{font-size:21px;line-height:1.8;overflow-wrap:break-word}
.exhibition-bottom{padding:13px 36px}
.exhibition-bottom>p{font-size:14px;max-width:470px}
.room-type-art{position:absolute;inset:7% 10% 8%;perspective:1400px;display:grid;place-items:center}
.room-type-sheet{width:min(100%,430px);padding:clamp(24px,3.4vw,44px);background:#f1e9d9;color:#3f3b34;box-shadow:7px 5px 0 -2px #d4c6ae,18px 24px 40px #1e332e28;transform:rotateY(calc(-8deg + var(--look-x,0deg))) rotateX(var(--look-y,0deg));transition:transform .6s ease;max-height:100%;overflow:auto}
.room-type-sheet>.eyebrow{font-size:12px;line-height:1.7}
.room-type-sheet blockquote{font:italic clamp(25px,2.4vw,36px)/1.25 Cormorant,Georgia,serif;white-space:pre-line;margin:30px 0}
.room-type-signature{font:italic 25px Cormorant,Georgia,serif;display:block}
.room-type-sheet small{display:block;font-size:12px;margin-top:15px}
.is-evening .room-type-sheet{background:#e7dcc8}
.exhibition.is-poetry[open] .room-type-art{animation:room-entrance 1.2s ease both}
.room-tabs small{font-size:12px}

@media(min-width:1800px){.cinematic-copy{top:29%}.cinematic-portrait{left:46%;right:5.5%}.cinematic-stage{min-height:810px}}
@media(max-height:800px) and (min-width:901px){.cinematic-stage{min-height:660px;height:660px}.cinematic-copy{top:28%}.cinematic-copy h1{font-size:73px}.cinematic-practice{margin-top:22px}.cinematic-copy>.eyebrow{margin-bottom:24px}.cinematic-actions{margin-top:22px}.room-poem-text{font-size:20px}.room-type-sheet blockquote{font-size:30px}}
@media(max-width:1050px) and (min-width:761px){.cinematic-copy{top:30%;width:53%}.cinematic-copy h1{font-size:clamp(53px,6.5vw,67px)}.cinematic-copy>.eyebrow{max-width:260px;font-size:12px;line-height:1.7}.cinematic-portrait{left:49%;right:3%;top:140px;bottom:95px}.cinematic-actions{gap:16px}.cinematic-secondary{font-size:13px}.cinematic-side-note{display:none}.exhibition.is-reading .exhibition-content{grid-template-columns:minmax(0,.85fr) minmax(355px,1.15fr);gap:15px;padding:0 20px}.room-tabs{gap:24px}.room-type-art{inset:8% 5%}.room-type-sheet{padding:25px}.room-type-sheet blockquote{font-size:31px}}
@media(max-width:900px){.home-cinematic .header nav.open{background:#0a2030}.home-cinematic .header:has(nav.open){background:#0a2030}}
@media(max-width:760px){
 .brand span,.home-cinematic .brand span{font-size:9px;letter-spacing:.1em}
 .header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:16px;align-items:center}
 .header .header-inquiry{display:none}.header .menu-toggle{grid-column:2;grid-row:1;width:44px;height:44px;justify-self:end}
 .header .brand{grid-row:1;grid-column:1}.header nav{grid-column:1/-1}
 .home-cinematic .header{padding:20px 22px;background:#0a2030}
 .cinematic-stage{height:auto;min-height:0;display:flex;flex-direction:column;padding:110px 24px 0}
 .cinematic-portrait{position:relative;inset:auto;height:340px;width:100%;order:0;margin:auto}
 .cover-frame{transform:translateX(18px) scale(.975)}.cover-frame.is-active{transform:none}
 .cinematic-shade,.cinematic-side-note{display:none}
 .cinematic-copy{position:static;inset:auto;max-width:none;width:100%;order:2;padding:26px 0 35px}
 .cinematic-copy>.eyebrow{font-size:12px;letter-spacing:.09em;margin-bottom:20px;line-height:1.7;max-width:none}
 .cinematic-copy h1{font-size:clamp(49px,12.9vw,76px);line-height:1.04;letter-spacing:-.045em}
 .cinematic-practice{font-size:16px;line-height:1.7;margin-top:22px}
 .cinematic-actions{margin-top:22px;gap:14px 22px}
 .cinematic-enter,.cinematic-secondary{font-size:14px}
 .cinematic-credit{position:static;order:1;margin:18px 0 0;font-size:12px;letter-spacing:.05em}
 .cinematic-controls{position:static;order:3;display:flex;justify-content:space-between;gap:12px;padding:0 0 20px;margin-top:-10px}
 .cinematic-controls button{background:none!important;color:#f5eee1;min-height:44px}
 .cinematic-controls>div{gap:10px}
 .cinematic-controls .cover-play{font-size:14px}
 .cinematic-index{padding:0 24px;gap:6px}.cinematic-index a{width:174px;height:150px}
 .cinematic-index a>span{font-size:12px}
 .cinematic-baseline{font-size:12px;line-height:1.7;padding:23px 24px}.cinematic-baseline>a{font-size:14px}
 .letter-covers{gap:30px}
 .letter-cover-face,.letter-cover-face:has(.letter-cover-photograph){min-height:440px}
 .letter-cover-photograph{float:right;width:90px;height:115px;margin:0 0 15px 15px}
 .letter-cover-title>p{max-width:170px;line-height:1.7}
 .letter-cover-title h3{clear:both;font-size:46px;line-height:1.05}
 .literary-front-image img{max-height:60svh}
 .exhibition.is-reading .exhibition-content{display:block;padding:0}
 .room-writing{inset:8px 12px 12px;margin:0;box-shadow:5px 5px 0 -2px #b9aa91,10px 10px 30px #24383128}
 .room-poem-page{padding:24px 25px 35px}
 .room-poem-page h3{min-height:0;font-size:36px;margin:22px 0 30px}
 .room-poem-page.has-illustration h3{min-height:106px}
 .room-poem-illustration{margin-top:18px;width:86px}
 .room-poem-text{font-size:21px;line-height:1.7}
 .room-poem-page>.eyebrow{font-size:12px;letter-spacing:.06em}
 .exhibition-top button,.room-writing-controls button{font-size:14px}
 .room-tabs{gap:22px;padding:3px 18px;scrollbar-width:none}.room-tabs button{font-size:14px}
 .room-type-art{inset:8% 12%;}.room-type-sheet{padding:25px}.room-type-sheet blockquote{font-size:29px;line-height:1.15;margin:22px 0}
 .exhibition-bottom{padding:12px 20px}.exhibition-bottom>p{font-size:14px}
 .has-one-frame .room-frames{inset:5% 8% 7%}.has-one-frame .room-frame{width:84%;max-width:390px}
 .room-caption{width:calc(100% - 40px);padding-block:10px 20px}.room-caption span{font-size:10px}
}
@media(max-width:390px){.cinematic-stage{padding-inline:22px}.cinematic-portrait{height:310px}.cinematic-copy h1{font-size:46px}.cinematic-copy>.eyebrow{font-size:12px}.cinematic-actions{column-gap:17px}.cinematic-enter{gap:12px}.cinematic-enter>span{width:38px;height:38px}.room-poem-text{font-size:20px}.room-writing-controls{padding-inline:16px}.room-writing-controls>div{gap:16px}.exhibition-top>div{gap:17px}.exhibition-top .room-light{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cover-frame{transition:none;transform:none}.is-playing [data-cover-photo]:after{animation:none}.literary-front-image,.room-type-sheet{transform:none!important;transition:none}.exhibition.is-poetry[open] .room-type-art{animation:none}}

.image-recovery-notice{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:10000;max-width:calc(100% - 32px);width:max-content;background:#fff;color:#17252d;padding:14px 18px;box-shadow:0 4px 24px #0003;font:14px/1.5 var(--sans);border:1px solid #c9cfd2}
.image-recovery-notice button{color:inherit;text-decoration:underline;min-height:44px;padding:8px 10px;background:transparent;border:0;font:inherit;cursor:pointer}

/* Studio presentation */
.studio-portrait{margin:0;align-self:start}.studio-portrait .founder-photo{display:block;width:100%;height:auto;max-height:76svh;object-fit:contain}.studio-portrait figcaption{padding-top:14px;font-size:12px;letter-spacing:.1em;color:var(--muted)}
.brand-note p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:620px}.about-copy p{font-size:16px;line-height:1.85}.about-copy .lede{font-size:22px;line-height:1.6}
@media(max-width:760px){.studio-portrait .founder-photo{max-height:62svh}.about-copy .lede{font-size:20px}.brand-note p:not(.eyebrow){font-size:16px}}