/* About: full portrait and a quiet editorial introduction. */
body.about-preview .about-intro{max-width:1360px;margin-inline:auto;padding:56px clamp(20px,4vw,64px) 72px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);grid-template-areas:"portrait identity" "portrait copy";column-gap:clamp(36px,5.5vw,80px);row-gap:24px;align-items:start}
body.about-preview .about-identity{grid-area:identity;align-self:end;min-width:0}
body.about-preview .about-identity h1{font-size:clamp(38px,4.3vw,64px);margin:16px 0 18px}
body.about-preview .about-portrait{grid-area:portrait;align-self:center;margin:0;min-width:0}
body.about-preview .about-portrait img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
body.about-preview .about-intro-copy{grid-area:copy;min-width:0}
body.about-preview .about-core{font-size:clamp(19px,1.6vw,22px);line-height:1.6;margin:0 0 28px}
body.about-preview .about-copy{max-width:620px;font-size:17px;line-height:1.75}
body.about-preview .about-copy .text-link{display:inline-block;margin-top:24px}
body.about-preview .about-detail{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:80px}
body.about-preview .about-detail h2{max-width:390px}
body.about-preview .about-detail .detail-copy{max-width:720px}
body.about-preview .about-detail .detail-copy p:first-child{margin-top:0}
body.about-preview .about-detail .text-link{display:inline-block;margin-top:24px}
body.about-preview .about-cinema-photos{padding:0 var(--gutter) 50px}
body.about-preview .cinema-photo-grid{display:grid;grid-template-columns:1.34fr 1.78fr;gap:24px;align-items:center;max-width:1280px;margin-inline:auto}
body.about-preview .cinema-photo-grid figure{margin:0;min-width:0}
body.about-preview .cinema-photo-grid img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:1050px){body.about-preview .about-detail{gap:40px}body.about-preview .about-intro{column-gap:36px;padding-top:40px}}
@media(max-width:760px){body.about-preview .about-intro{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "portrait" "copy";padding:32px 20px 48px;row-gap:28px}body.about-preview .about-identity h1{font-size:clamp(36px,9vw,54px);margin:12px 0}body.about-preview .about-portrait{width:min(100%,440px);justify-self:center}body.about-preview .about-copy{font-size:17px}body.about-preview .about-core{font-size:20px;margin-bottom:24px}body.about-preview .about-detail{display:block}body.about-preview .about-detail h2{margin-bottom:24px}body.about-preview .cinema-photo-grid{grid-template-columns:1fr;gap:20px}}

/* Two silent comparisons; decoding stops outside the viewport. */
body.about-preview .about-previs-media{padding:0 var(--gutter) 50px}body.about-preview .previs-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1120px;margin-inline:auto}body.about-preview .about-previs-video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#143b31}@media(max-width:760px){body.about-preview .previs-media-grid{grid-template-columns:1fr;gap:20px}body.about-preview .about-cinema-photos,body.about-preview .about-previs-media{padding-bottom:35px}}

/* Approved 32:9 reel; source framing and existing visibility playback are preserved. */
body.about-preview .previs-reel-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);padding:14px 0;font-size:14px;line-height:1.5}
body.about-preview .previs-reel-labels span{display:flex;align-items:center;gap:9px}
body.about-preview .previs-reel-labels span:before{content:"";width:5px;height:5px;flex-shrink:0;background:var(--muted);border-radius:50%}
body.about-preview .previs-reel-labels span+span{padding-left:14px}
body.about-preview .previs-reel-labels span+span:before{background:var(--accent)}
body.about-preview .previs-reel .about-previs-video{aspect-ratio:32/9;width:100%;height:auto;object-fit:contain}
body.about-preview .previs-reel-caption{display:flex;justify-content:space-between;gap:24px;padding-top:16px;color:var(--muted);font-size:13px;line-height:1.7}
body.about-preview .previs-reel-caption p{max-width:680px;margin:0}
body.about-preview .previs-reel-caption>span{white-space:nowrap}
@media(max-width:760px){body.about-preview .previs-reel-labels{font-size:12px}body.about-preview .previs-reel-labels span+span{padding-left:8px}body.about-preview .previs-reel-caption{flex-direction:column;gap:5px;font-size:12px}}

/* Author's layout reference: tall upper pair, close lower frame, page-color gutters. */
body.about-preview .about-portrait.photo-story{display:grid;grid-template-columns:minmax(0,1338fr) minmax(0,1142fr);grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:2480/3508;gap:8px;align-self:center;width:100%;margin:0;background:var(--page)}
body.about-preview .photo-story .story-panel{position:relative;overflow:hidden;min-width:0;min-height:0;margin:0;background:var(--ink)}
body.about-preview .photo-story .story-panel img{position:absolute;display:block;max-width:none;max-height:none;height:auto;object-fit:contain}
body.about-preview .photo-story .story-gesture{grid-column:1/-1}
@media(max-width:760px){body.about-preview .about-portrait.photo-story{max-width:440px;gap:6px}}
body.about-preview .photo-story .story-thinking img{width:100.00000%;left:-0.00000%;top:-10.62518%;}
body.about-preview .photo-story .story-writing img{width:181.73123%;left:-47.11561%;top:-28.12511%;}
body.about-preview .photo-story .story-gesture img{width:107.96413%;left:-3.98207%;top:-26.87506%;}