/* Portfolio rhythm: actual work first, clear routes into the archive. */
.home-page .hero{height:76svh;min-height:520px;max-height:800px}.home-page .hero-content{padding:28px 0}.home-page .home-selection{padding-top:44px}
.section-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.6;border-bottom:1px solid currentColor;white-space:nowrap}.selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}.selected-work{display:block;min-width:0}.selected-image{display:block;aspect-ratio:16/10;background:#f0efec;overflow:hidden}.selected-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.selected-work:hover img{transform:scale(1.025)}.selected-caption{display:flex;justify-content:space-between;gap:16px;margin-top:16px}.selected-caption strong{display:block;font-weight:500;font-size:23px}.selected-caption small{display:block;font-size:14px;line-height:1.7;color:#656561;margin-top:8px}.selected-caption>span:last-child{font-size:24px}
.home-motion .video-caption strong,.home-stories .video-caption strong{font-size:20px}.home-motion .video-caption small,.home-stories .video-caption small{font-size:13px}.home-stories{background:#eae9e3}.home-stories .video-caption small{color:#5d5d57}.story-selection{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:start}.story-selection article>p{font-size:15px;color:#5d5d57;line-height:1.8;max-width:38em}.story-selection article:last-child{margin-top:64px}.story-selection .video-card{width:100%}.home-lab{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#e5e6df}.home-lab h2{font-size:clamp(36px,4vw,64px);line-height:1.25;font-weight:400;letter-spacing:-1px;margin-bottom:0}.home-lab p{font-size:17px;line-height:1.8}.home-lab small{display:block;font-size:13px;color:#62645c;margin-top:16px}.film-chapters{display:flex;gap:24px;margin-bottom:28px}.film-chapters a{border-bottom:1px solid;padding:10px 0;font-size:17px}.motion-search{padding-top:36px;padding-bottom:28px}.motion-search .search span{font-size:16px;white-space:nowrap}.motion-search input{font-size:16px;width:100%;padding:16px 0}.motion-search #video-count{font-size:13px;color:#666}.story-archive{background:#232631;border-top:1px solid #555}.story-archive .video-grid{grid-template-columns:1fr 1fr}.story-archive,.motion#characters{scroll-margin-top:24px}
.page-shell:has(.holo-section) .page-intro{padding-top:46px;padding-bottom:32px}.page-shell:has(.holo-section) .page-intro h1{font-size:clamp(42px,5vw,70px)}.page-shell:has(.holo-section) .page-intro .section-label{margin-bottom:24px}.page-shell:has(.holo-section) .page-intro p{margin:18px 0 0;max-width:none}
@media(max-width:700px){.home-page .hero{height:calc(100svh - 230px);min-height:470px;max-height:630px}.home-page .hero-content{padding:60px 0 20px}.home-page .hero h1{font-size:48px}.home-page .hero-description{font-size:13px}.home-page .hero-top>span:last-child{display:none}.home-page .home-selection{padding-top:28px}.section-title .section-link{margin-top:16px;font-size:14px}.selected-grid{grid-template-columns:1fr;gap:28px}.selected-image{aspect-ratio:16/10}.selected-caption strong{font-size:22px}.selected-caption small{font-size:14px}.story-selection{grid-template-columns:1fr;gap:28px}.story-selection article:last-child{margin-top:0}.home-motion .video-grid{gap:28px}.home-motion .video-caption strong,.home-stories .video-caption strong{font-size:19px}.home-lab{grid-template-columns:1fr;gap:16px}.home-lab p{font-size:16px}.story-archive .video-grid{grid-template-columns:1fr}.home-page .hero-actions{flex-direction:row;align-items:center;gap:18px}.home-page .hero-actions .pill,.home-page .hero-link{width:auto;font-size:12px}.home-page .reel-control{gap:8px}.home-page #hero-toggle{width:40px;height:40px}.home-page .reel-progress{display:none}.page-shell:has(.holo-section) .page-intro{padding-top:28px;padding-bottom:26px}.page-shell:has(.holo-section) .page-intro h1{font-size:40px}.page-shell:has(.holo-section) .page-intro h1 br{display:none}.page-shell:has(.holo-section) .page-intro p{font-size:14px}.holo-section .section-title h2{font-size:34px}.film-chapters{gap:24px}.film-chapters a{font-size:16px}}
@media(prefers-reduced-motion:reduce){.selected-image img{transition:none}}
@media(max-width:700px){.page-shell:has(.holo-section) .page-intro h1 br{display:block}}