html:has(.home-presentation){scroll-snap-type:y mandatory;scroll-padding-top:var(--home-header-height,90px)}
.home-presentation>.header{position:sticky;top:0;z-index:30;background:var(--paper)}
.home-presentation .home-slide{height:calc(100svh - var(--home-header-height,90px));min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-align:start;scroll-snap-stop:always;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;scroll-margin:0;padding-top:34px;padding-bottom:34px;position:relative}
.home-presentation .hero{display:flex;flex-direction:column;gap:20px}.home-presentation .hero-title{padding:10px 0;gap:7%;flex:0 0 auto}.home-presentation .hero-title h1{font-size:clamp(50px,6vw,90px);line-height:1.02}.home-presentation .hero-note{font-size:13px;line-height:1.6}.home-presentation .tiny-mark{display:none}.home-presentation .hero-image{height:auto;min-height:150px;flex:1}.home-presentation .hero-top{flex-shrink:0}.home-presentation .hero-note p{margin-bottom:10px}.home-presentation .image-overlay{bottom:24px}.home-presentation .image-overlay strong{font-size:32px}
.home-presentation .filmstrip-section{margin:0;display:flex;flex-direction:column;justify-content:center;gap:24px}.home-presentation .filmstrip-window{flex:0 0 auto}.home-presentation .strip-frame{width:clamp(240px,28vw,390px)}.home-presentation .strip-frame img,.home-presentation .strip-frame .strip-type{height:clamp(180px,35vh,340px)}
.home-presentation .section-head{margin-bottom:24px;gap:36px}.home-presentation .section-head h2{font-size:clamp(30px,3.2vw,46px);margin-top:12px}.home-presentation .section-head>p{font-size:12px}.home-presentation .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.home-presentation .project-visual{height:clamp(170px,32vh,350px)}.home-presentation .project-card-head h3{font-size:22px}.home-presentation .project-card p{font-size:11px}
.home-presentation .practice-strip{margin:0;display:flex;align-items:center}.home-presentation .practice-statement>p{font:350 clamp(32px,4.2vw,64px)/1.3 var(--serif)}
.home-presentation .film-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}.home-presentation .film-visual{height:clamp(100px,15vh,170px)}.home-presentation .film-card h3{font-size:17px}.home-presentation .film-card p{font-size:10px}.home-presentation .film-card .film-cta{font-size:10px}.home-presentation .archive-controls{margin-top:0;padding:10px 0}
.home-presentation .notes-grid{gap:7%;align-items:center}.home-presentation .note-photo img{max-height:42vh;object-fit:cover}.home-presentation .note-text h3{font-size:clamp(28px,3vw,44px)}.home-presentation .note-text p{font-size:14px}.home-presentation .closing{display:flex;flex-direction:column;justify-content:center;gap:24px}.home-presentation .closing h2{font-size:clamp(40px,6vw,80px);margin:0}.home-presentation .closing .footer{width:100%;margin-top:auto;padding:20px 0 0}
.home-slide-nav{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:35;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--rule);padding:8px 4px;box-shadow:0 4px 16px #0001}.home-slide-nav button{background:transparent;border:0;color:var(--muted);font:500 10px var(--sans);width:26px;height:28px;padding:0;position:relative}.home-slide-nav button[aria-current]{background:var(--ink);color:var(--white)}.home-slide-count{font:9px var(--sans);color:var(--muted);writing-mode:vertical-rl;margin-top:8px;letter-spacing:.05em}
@media(max-width:1000px){.home-presentation .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-presentation .project-visual{height:22vh}.home-presentation .film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-slide-nav{right:2px;padding:6px 2px}.home-slide-nav button{width:22px}}
@media(max-width:650px){.home-presentation .home-slide{padding-top:22px;padding-bottom:24px}.home-presentation .hero{gap:12px}.home-presentation .hero-title{display:block;padding:0}.home-presentation .hero-title h1,html:lang(zh) .home-presentation .hero-title h1{font-size:clamp(36px,10vw,50px);margin-bottom:12px;line-height:1.05}.home-presentation .hero-note{max-width:none;font-size:11px;line-height:1.55}.home-presentation .hero-note .zh-note{display:none}.home-presentation .hero-note .underlink{font-size:10px}.home-presentation .hero-image{min-height:170px}.home-presentation .hero-top .location{font-size:8px;letter-spacing:0}.home-presentation .hero-top .eyebrow{font-size:8px;letter-spacing:.06em}.home-presentation .image-overlay{left:16px;right:16px;bottom:18px}.home-presentation .image-overlay strong{font-size:25px}.home-presentation .image-overlay i{font-size:20px;margin-left:5px}.home-presentation .image-overlay>span:not(.eyebrow):not(.circle-arrow){font-size:10px}.home-presentation .section-head{display:block;margin-bottom:20px}.home-presentation .section-head h2,html:lang(zh) .home-presentation .section-head h2{font-size:29px}.home-presentation .section-head>p{font-size:11px;margin-top:14px}.home-presentation .project-grid{gap:24px 12px}.home-presentation .project-card-head h3{font-size:18px}.home-presentation .project-visual{height:160px}.home-presentation .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-presentation .film-visual{height:110px}.home-presentation .practice-statement>p{font-size:36px}.home-presentation .notes-grid{grid-template-columns:1fr;gap:20px}.home-presentation .note-photo img{max-height:32vh}.home-presentation .closing h2{font-size:40px}.home-slide-nav{right:0;gap:3px;padding:5px 1px}.home-slide-nav button{width:18px;height:25px;font-size:8px}.home-slide-count{display:none}}
.home-page-arrow{position:fixed;left:50%;transform:translateX(-50%);z-index:36;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:#0007;color:white;backdrop-filter:blur(5px);padding:0;box-shadow:0 2px 10px #0002;transition:background .2s,opacity .2s}
.home-page-previous{top:calc(var(--home-header-height,90px) + 12px)}.home-page-next{bottom:14px}.home-page-arrow span{display:block;font:400 28px/1 Arial,sans-serif}.home-page-previous span{transform:translateY(4px)}.home-page-next span{transform:rotate(180deg) translateY(4px)}.home-page-arrow:hover:not(:disabled){background:#000b}.home-page-arrow:disabled{opacity:.2;cursor:default}.home-page-arrow:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html:has(.home-presentation){scroll-behavior:auto}.home-page-arrow{transition:none}}