/* Photographs, portrait folios and the door: small places to linger. */
.family-wall{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:35px 7%;padding:90px 0 65px;margin:60px 0;background:radial-gradient(ellipse at 45% 65%,#8d573921,transparent 70%)}
.family-heading{grid-column:2;grid-row:1;align-self:end}.family-heading h2{font-size:clamp(29px,3vw,45px)}.family-heading>p:last-child{font-size:14px;line-height:2}
.framed-photo{display:block;padding:13px;border:1px solid #b3905a;background:linear-gradient(135deg,#5e442b,#bd975f 25%,#6e492b 58%,#b18b56);box-shadow:0 28px 50px #0008,0 0 0 5px #221c17,inset 0 0 0 3px #dec7a15a;text-align:left;transition:transform .6s,box-shadow .6s;width:100%}
.framed-photo img{width:100%;height:auto;border:7px solid #201b17}.framed-photo>span{display:flex;justify-content:space-between;gap:15px;background:#e5d6bd;color:#4a3828;font:13px var(--serif);padding:13px 16px}.framed-photo b{font:16px var(--sans);font-weight:400}
.family-formal{grid-column:1;grid-row:1/3;transform:rotate(-2deg);align-self:center;max-width:530px;margin:0 auto}.family-close{transform:rotate(2deg);margin:20px auto 30px}.framed-photo:hover{transform:rotate(0);box-shadow:0 25px 75px #c5973526,0 0 0 5px #221c17}.family-side{grid-column:2;grid-row:2}.family-names{display:flex;flex-wrap:wrap;gap:8px 22px;padding:8px}.family-names .text-link{font-size:12px;gap:12px;padding:4px 0}
.portrait{position:relative}.portrait:has(img[src*="-editorial"]) img{object-fit:contain;background:#171c23}.portrait-duet{display:grid;height:100%;position:relative;background:#171c23}.portrait-duet>img{grid-area:1/1;min-width:0;min-height:0}.portrait-duet>img+img{animation:portrait-crossfade 10s ease-in-out infinite;opacity:0}.portrait-motion{position:absolute;right:16px;bottom:16px;background:#101923e8;border:1px solid #e8c98970;padding:10px 15px;font-size:11px;z-index:2;backdrop-filter:blur(10px)}
@keyframes portrait-crossfade{0%,15%,100%{opacity:0}40%,65%{opacity:1}}
.portrait-paused .portrait-duet>img+img{animation-play-state:paused}
.person-card .portrait-duet{height:380px}.person-card .portrait-duet>img{height:100%;width:100%;object-fit:cover;object-position:50% 23%}
.character-folio{margin:100px 0 70px;border-top:1px solid var(--line);padding-top:45px;scroll-margin-top:120px}.folio-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.folio-heading h2{font-size:clamp(27px,3vw,40px);margin:0}.folio-heading>p{font-size:12px;line-height:2;margin:0;color:var(--muted)}
.folio-stage{height:min(720px,80svh);background:radial-gradient(ellipse at center,#24313c,#0a1017 80%);border:1px solid #d6c59d24;position:relative}.folio-enlarge{width:100%;height:100%;padding:22px;position:relative}.folio-enlarge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 30px #0007)}.folio-enlarge>span{position:absolute;right:22px;bottom:18px;color:#f3e3cb;font-size:11px;padding:7px 12px;background:#0a121dd9;border:1px solid #d6c59d50}
.folio-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 0}.folio-controls>button{font-size:13px;min-width:82px;min-height:44px;border:1px solid var(--line)}.folio-controls>button:hover{border-color:var(--amber);color:var(--amber)}.folio-controls p{text-align:center;line-height:1.6;margin:0;min-width:0}.folio-controls strong{display:block;font-weight:400;font-size:14px;color:var(--snow)}.folio-controls p>span{font:11px/2.5 var(--sans);letter-spacing:.18em;color:var(--amber)}
.folio-strip{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding:9px 3px 17px;scrollbar-width:thin;scrollbar-color:#8c754d #121c23}.folio-strip>button{flex:0 0 108px;padding:5px;background:#151f29;border:1px solid var(--line);scroll-snap-align:center;transition:border-color .3s,background .3s}.folio-strip img{height:130px;width:100%;object-fit:contain}.folio-strip span{font-size:10px;letter-spacing:.15em;color:var(--muted)}.folio-strip>button[aria-pressed="true"]{border-color:var(--amber);background:#6f583430}.folio-strip>button[aria-pressed="true"] span{color:var(--amber)}
.door-film{height:285svh;min-height:1600px;position:relative;margin:30px 0 100px;scroll-margin-top:105px}.door-film-sticky{position:sticky;top:100px;height:calc(100svh - 205px);min-height:380px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;max-width:1280px;margin:auto}.door-film-heading{display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:end}.door-film-heading .eyebrow{grid-column:1/-1;font-size:10px;margin:0 0 8px}.door-film-heading h2{font-size:clamp(25px,2.8vw,40px);margin:0;line-height:1.3}.door-film-heading h2 br{display:none}.door-film-heading>p:last-child{font-size:12px;margin:0 0 3px;color:var(--muted)}
.door-screen{position:relative;min-height:0;background:#070c10;border:1px solid #d3b07744;box-shadow:0 25px 75px #0005;overflow:hidden}.door-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#070c10}.door-screen [data-film-status]{position:absolute;inset:auto 0 0;margin:0;padding:20px;text-align:center;background:#0b121eea;font-size:13px}
.door-film-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:11px}.film-scroll-note{color:var(--amber);margin-right:auto}.door-film-controls button{padding:7px 12px;border:1px solid var(--line);min-height:40px;font-size:11px}.door-film-controls label{flex:1 1 180px;max-width:260px;display:flex;align-items:center}.door-film-controls input{width:100%;accent-color:var(--amber);min-height:32px}.door-film-controls [data-film-time]{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.film-manual .film-scroll-note{color:var(--muted)}
.shop-film-link{margin-top:25px}.about-image.universe img{height:auto;max-height:none;object-fit:contain}.about-image.universe{margin-top:45px}.sky-card:has(img[src*="-sky"]) .sky-picture{aspect-ratio:2/3;height:auto}.sky-card:has(img[src*="-sky"]) .sky-picture img{object-fit:cover;filter:saturate(.9)}.portrait:has(img[src*="-sky"]) img{object-fit:contain}.sky-card.somnium img{object-position:center 20%}.portrait.somnium-mirrors img{object-fit:contain}
.reduced-motion .portrait-duet>img+img{animation:none;opacity:0}.page-hidden .portrait-duet>img+img{animation-play-state:paused}.reduced-motion .door-film{height:auto;min-height:0}.reduced-motion .door-film-sticky{position:relative;top:auto;min-height:550px}.reduced-motion .framed-photo{transition:none}
.biography>.text-link{display:flex;width:fit-content;margin-top:16px}
#portraits{scroll-margin-top:10px}.door-film{scroll-margin-top:10px}
.encounter-portrait .portrait-duet{width:100%;height:100%}.encounter-portrait .portrait-duet img{width:100%;height:100%;max-width:100%;object-fit:contain}
.folio-layout{display:grid;grid-template-columns:minmax(0,1fr) 244px;align-items:start;gap:26px}.folio-view{position:sticky;top:108px}.folio-stage{height:calc(100svh - 305px);min-height:340px;max-height:710px}.folio-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100svh - 205px);overflow:auto;scroll-snap-type:y proximity;padding-top:0}.folio-strip>button{width:100%}.folio-controls{padding:14px 0}.character-folio{scroll-margin-top:85px}
@media(max-width:1100px){.person-card .portrait-duet{height:330px}.home-people .portrait-duet{height:290px}.door-film-heading{grid-template-columns:1fr}.door-film-heading>p:last-child{margin-top:12px}.folio-heading{align-items:start}.folio-heading>p{max-width:200px}.folio-layout{grid-template-columns:minmax(0,1fr) 195px;gap:20px}.folio-strip img{height:112px}}
@media(max-width:700px){.family-wall{grid-template-columns:1fr;padding:30px 0;margin:40px 0;gap:35px}.family-heading,.family-formal,.family-side{grid-column:1;grid-row:auto}.family-heading{order:0}.family-heading h2{font-size:31px}.family-formal{max-width:350px;width:88%}.family-side{width:90%;margin:auto}.family-names{gap:8px 16px}.framed-photo{padding:9px}.framed-photo img{border-width:4px}.framed-photo>span{font-size:11px}.person-card .portrait-duet,.home-people .portrait-duet{height:300px}.character-folio{margin-top:65px;padding-top:30px}.folio-heading{display:block}.folio-heading>p{margin-top:15px;max-width:none}.folio-stage{height:66svh;min-height:320px}.folio-enlarge{padding:10px}.folio-enlarge>span{bottom:12px;right:12px;font-size:10px}.folio-controls{gap:9px}.folio-controls>button{min-width:56px;padding:0;font-size:11px}.folio-controls strong{font-size:12px}.folio-strip>button{flex-basis:86px}.folio-strip img{height:108px}.folio-strip{gap:9px}.door-film{height:270svh;min-height:1300px;margin:0 -10px 70px}.door-film-sticky{top:88px;height:calc(100svh - 195px);min-height:350px;gap:12px}.door-film-heading h2{font-size:25px}.door-film-heading h2 br{display:block}.door-film-heading .eyebrow{font-size:8px;letter-spacing:.12em}.door-film-heading>p:last-child{font-size:11px;margin-top:9px}.door-film-controls{gap:6px 10px}.film-scroll-note{font-size:10px;flex-basis:100%;margin:0}.door-film-controls button{padding:5px 8px;font-size:10px;min-height:36px}.door-film-controls label{flex-basis:80px}.door-film-controls [data-film-time]{font-size:10px}.reduced-motion .door-film-sticky{min-height:470px}.portrait-motion{font-size:10px;bottom:10px;right:10px}.sky-cards.count-5 .sky-picture{aspect-ratio:2/3}}
@media(max-width:700px){.folio-layout{display:block}.folio-view{position:static}.folio-stage{height:48svh;min-height:280px}.folio-strip{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.folio-strip>button{width:86px;flex-shrink:0}.folio-strip img{height:108px}.door-film-sticky,.reduced-motion .door-film-sticky{height:auto;min-height:0;grid-template-rows:auto auto auto;gap:18px}.door-screen{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .portrait-duet>img+img{animation:none;opacity:0}html:not(.motion-enabled) .door-film{height:auto;min-height:0}html:not(.motion-enabled) .door-film-sticky{position:relative;top:auto}}
img[src*="-pixel.webp"],img[src*="-pixel-sm.webp"]{image-rendering:pixelated}