
/* Hybrid study: artworks first, relational cartography on demand. */
[hidden]{display:none!important}
.hybrid-home{background:var(--paper)}
.hybrid-hero{display:grid;grid-template-columns:minmax(290px,.82fr) minmax(0,1.18fr);gap:clamp(32px,5vw,90px);min-height:min(760px,calc(100vh - 92px));align-items:center;padding-top:55px;padding-bottom:55px}
.hybrid-hero-copy{max-width:590px;padding-bottom:18px}.hybrid-kicker{color:var(--muted)}.subtle-separator{margin:0 9px;color:#a7aaa0}
.hybrid-hero h1{font:normal clamp(62px,6.4vw,112px)/.99 var(--serif);letter-spacing:-.078em;margin:40px 0 41px;color:var(--ink)}.hybrid-hero h1 em{color:var(--warm);font-weight:normal}
.hero-primary{font:clamp(19px,1.62vw,26px)/1.48 var(--serif);letter-spacing:-.016em;max-width:510px;color:#35483c}.hero-secondary{font:14px/1.8 var(--sans);max-width:490px;color:#69776d;margin-top:24px}.hero-cta-row{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-top:47px}
.link-underline{display:inline-flex;align-items:center;gap:20px;border:0;border-bottom:1px solid #809583;padding:0 0 10px;background:transparent;text-decoration:none;font:11px/1.4 var(--mono);letter-spacing:.03em;color:#3e6048}.link-underline:hover{color:#152f21;border-color:#1d402a}.link-button{cursor:pointer}.link-underline span{font-size:18px}
.hybrid-hero-media{min-width:0}.hero-video-wrap{height:clamp(380px,45vw,650px);position:relative;overflow:hidden;background:#c3c5b5}.hero-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.film-control{position:absolute;bottom:18px;right:20px;background:#f5f2e9e8;border:1px solid #f5f2e9c9;font:10px var(--mono);color:#2b4133;padding:10px 14px;display:flex;gap:20px;align-items:center}.film-control:hover{background:#fff}.hybrid-hero-media figcaption{display:flex;justify-content:space-between;gap:14px;padding:13px 0;color:#7d887d;font:9px/1.5 var(--mono);letter-spacing:.04em}.hybrid-hero-media figcaption span:last-child{text-align:right}
.hybrid-line{border-top:1px solid var(--rule);padding:14px 0 17px;display:flex;justify-content:space-between;gap:18px;font:10px/1.5 var(--mono);color:#7f8e81;letter-spacing:.035em}.hybrid-line a{text-decoration:none}
.selected-section{padding-top:120px;padding-bottom:118px}.selected-header{display:grid;grid-template-columns:1.1fr .62fr;align-items:end;gap:50px;margin-bottom:58px}.selected-header .smallcaps,.research-note .smallcaps,.relation-invitation .smallcaps{color:#657967}.selected-header h2,.relation-invitation h2,.research-note h2{font:normal clamp(48px,5.1vw,85px)/1.03 var(--serif);letter-spacing:-.067em;margin:24px 0 0}.selected-header h2 em,.relation-invitation h2 em,.research-note h2 em{font-weight:normal;color:var(--warm)}.selected-header>p{font:14px/1.9 var(--sans);color:#708074;max-width:360px;padding-bottom:4px}
.editorial-works{display:grid;grid-template-columns:1.08fr .92fr;column-gap:clamp(25px,5.6vw,100px);row-gap:64px}.editorial-work.primary-work{grid-row:span 2}.work-image-link{position:relative;display:block;overflow:hidden;background:#d3d8cd}.work-image-link img{width:100%;height:clamp(235px,24vw,360px);object-fit:cover;filter:saturate(.84);transition:transform .6s,filter .6s}.primary-work .work-image-link img{height:clamp(520px,58vw,830px)}.work-image-link:hover img{transform:scale(1.025);filter:saturate(1)}.image-open{position:absolute;right:13px;bottom:13px;background:#f9f8f3f2;font:11px var(--mono);padding:12px 17px;color:#344d3b;opacity:0;transform:translateY(7px);transition:opacity .2s,transform .2s}.work-image-link:focus-visible .image-open,.work-image-link:hover .image-open{opacity:1;transform:none}.work-meta{display:grid;grid-template-columns:115px minmax(0,1fr);gap:15px;border-top:1px solid #c7d1c6;margin-top:17px;padding-top:15px}.work-meta>span{font:9px/1.7 var(--mono);letter-spacing:.035em;color:#7e8a80}.work-meta h3{font:normal clamp(22px,2.2vw,37px)/1.15 var(--serif);letter-spacing:-.045em}.work-meta h3 a{text-decoration:none}.work-meta h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.work-meta h3 span{font:15px var(--sans);color:#718a75}.work-meta p{font:13px/1.65 var(--sans);max-width:410px;color:#778578;margin-top:10px}.all-works-link{margin-top:60px;text-align:right}
.relation-invitation{background:#e5e8e0;border-top:1px solid #ced6cc;border-bottom:1px solid #cad2c8}.relation-invitation-inner{padding-top:95px;padding-bottom:99px;display:grid;grid-template-columns:1fr .68fr;gap:60px;align-items:center}.invitation-copy{max-width:450px}.invitation-copy p{font:15px/1.8 var(--sans);color:#65766a}.invitation-copy p+p{margin-top:17px}.reveal-map{margin-top:36px;width:min(100%,390px);display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #385740;background:#385740;color:white;padding:17px 20px;font:12px var(--mono);text-align:left;transition:background .2s}.reveal-map:hover{background:#23412c}.reveal-map span:last-child{font:22px var(--sans)}
.map-layer{background:var(--paper)}.map-layer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:32px;padding-bottom:16px}.map-layer-head>.smallcaps{color:#6b806f}.close-map{border:0;border-bottom:1px solid #8da48e;background:transparent;padding:8px 0;font:11px var(--mono);color:#3e6248}.map-layer .map-contents{padding-bottom:35px}.map-layer .map-grid{min-height:728px}
.research-note{display:grid;grid-template-columns:1fr .66fr;gap:65px;padding-top:105px;padding-bottom:120px}.research-note>div:last-child{max-width:490px;padding-top:27px}.research-note p{font:15px/1.85 var(--sans);color:#66786b;margin-bottom:30px}
@media(max-width:1080px){.hybrid-hero{gap:34px}.hybrid-hero h1{font-size:clamp(57px,7vw,85px)}.hero-video-wrap{height:clamp(330px,48vw,520px)}.work-meta{grid-template-columns:1fr;gap:6px}}
@media(max-width:790px){.hybrid-hero{grid-template-columns:1fr;min-height:0;padding:53px 0 29px;gap:40px}.hybrid-hero h1{font-size:clamp(57px,12vw,82px);margin:21px 0 25px}.hero-primary{font-size:21px}.hero-secondary{font-size:14px}.hero-cta-row{margin-top:30px;gap:28px}.hybrid-hero-media .hero-video-wrap{height:clamp(280px,75vw,490px)}.hybrid-line{font-size:9px}.selected-section{padding:83px 0}.selected-header,.relation-invitation-inner,.research-note{grid-template-columns:1fr;gap:23px}.selected-header h2,.relation-invitation h2,.research-note h2{font-size:clamp(49px,10vw,75px)}.selected-header{margin-bottom:37px}.editorial-works{grid-template-columns:1fr;row-gap:52px}.editorial-work.primary-work{grid-row:auto}.primary-work .work-image-link img,.work-image-link img{height:clamp(290px,74vw,520px)}.work-meta{grid-template-columns:100px 1fr}.relation-invitation-inner{padding:73px 0 80px}.invitation-copy{max-width:600px}.research-note{padding:77px 0 92px}.research-note>div:last-child{padding:0}.map-layer-head{flex-wrap:wrap}.map-layer .map-grid{min-height:0}}
@media(max-width:480px){.hero-video-wrap{height:270px!important}.hybrid-hero-media figcaption span:last-child{display:none}.work-meta{grid-template-columns:1fr}.selected-section{padding:66px 0}.relation-invitation-inner{padding:60px 0}.image-open{opacity:1;transform:none}.hero-cta-row{flex-direction:column;align-items:flex-start;gap:18px}}

/* Homepage film V5: deliberate sound opt-in (browsers generally block unmuted autoplay). */
.film-actions{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}
.film-actions .film-control{position:static;pointer-events:auto;min-height:42px;padding:11px 15px;cursor:pointer;font-size:11px;box-shadow:0 2px 18px #10201522;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.film-actions .film-sound{background:#f4f2e9f0;color:#234632;border:1px solid #b4c3b0;min-width:124px;justify-content:space-between;font-weight:600}
.film-actions .film-sound[aria-pressed="true"]{background:#284835f0;color:#fff;border-color:#284835}
.film-actions .film-control:focus-visible{outline:3px solid #f4f2e9;outline-offset:3px}
.film-actions .control-icon{font-size:16px;line-height:1}
@media(max-width:480px){.film-actions{left:10px;right:10px;bottom:10px;gap:8px}.film-actions .film-control{padding:10px 11px;font-size:10px;min-height:42px}.film-actions .film-sound{min-width:108px}}
/* Preserve the complete 16:9 experimental film; do not crop its split-screen compositions. */
.hybrid-hero-media .hero-video-wrap{height:auto;min-height:0;aspect-ratio:16 / 9;background:#15211d}
.hybrid-hero-media .hero-video-wrap video{object-fit:contain}
@media(max-width:480px){.hybrid-hero-media .hero-video-wrap{height:auto!important;aspect-ratio:16 / 9}}
