/* Portfolio rhythm: actual work first, clear routes into the archive. */
.case-teaser{background:#20211f;color:#f5f5f0}.case-teaser .section-label{color:#aaa}.case-teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555}.case-teaser-grid a{display:grid;grid-template-columns:32px 1fr auto;gap:10px 16px;padding:28px 18px;border-right:1px solid #555;align-items:center}.case-teaser-grid a:last-child{border-right:0}.case-teaser-grid span,.case-teaser-grid small{font-size:12px;color:#aaa}.case-teaser-grid strong{font-size:22px;font-weight:500}.case-teaser-grid small{grid-column:2}.case-teaser-grid b{grid-column:3;grid-row:1/3;font-size:24px;font-weight:400}.case-teaser-grid a:hover{background:#2d2e2b}
.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 - 116px);min-height:500px;max-height:690px}.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}}
@media(max-width:700px){.case-teaser-grid{grid-template-columns:1fr}.case-teaser-grid a{border-right:0;border-bottom:1px solid #555;padding:22px 0}}
.case-index{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding-top:0;padding-bottom:0;background:#ccc}.case-index a{display:grid;gap:10px;padding:30px;background:#f1f0eb;transition:background .2s}.case-index a:hover{background:#e3e2db}.case-index span,.case-index small,.case-no{font-size:12px;letter-spacing:.08em;color:#686860}.case-index strong{font-size:24px;font-weight:500}.case-study{display:grid;grid-template-columns:minmax(320px,.85fr) 1.35fr;gap:7vw;align-items:start;border-top:1px solid #c9c9c2;scroll-margin-top:24px}.case-study:nth-of-type(even){background:#ecece6}.case-copy{position:sticky;top:24px}.case-copy h2{font-size:clamp(36px,4.2vw,64px);line-height:1.22;font-weight:400;letter-spacing:-2px;margin:28px 0}.case-copy>p{font-size:16px;line-height:1.9;color:#5f5f59}.case-copy ol{list-style:none;padding:0;margin:34px 0}.case-copy li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px 0;border-top:1px solid #c4c4be;font-size:14px;line-height:1.65}.case-copy li strong{display:block;font-size:15px}.case-copy li b{font-weight:400;color:#76766e}.case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;font-size:14px}.case-actions>a:not(.pill){border-bottom:1px solid}.case-visual{display:grid;gap:16px}.case-visual img{width:100%;background:#ddd;object-fit:contain}.case-visual img:first-child{aspect-ratio:4/3}.case-visual img:last-child{aspect-ratio:16/10}
@media(max-width:700px){.case-index{grid-template-columns:1fr}.case-index a{padding:22px 20px}.case-index strong{font-size:22px}.case-study{grid-template-columns:1fr;gap:32px;padding-top:54px}.case-copy{position:static}.case-copy h2{font-size:36px;letter-spacing:-1.2px}.case-copy>p{font-size:15px}.case-copy li{font-size:14px}.case-visual{gap:10px}}