/* Visible navigation and a regular, aligned portfolio grid. */
body.immersive .cinema-nav{grid-template-columns:auto 1fr;gap:0 24px;padding-top:12px;padding-bottom:0;min-height:0}
body.immersive .cinema-brand{grid-column:1;grid-row:1}
body.immersive .cinema-header-actions{grid-column:2;grid-row:1;justify-self:end;padding-top:0;display:flex;gap:10px}
body.immersive .cinema-menu{display:none!important}
body.immersive .cinema-links,body.immersive .cinema-links.is-open{position:static;grid-column:1/-1;grid-row:2;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(15px,3vw,45px);height:auto;min-height:51px;max-height:none;padding:5px 0;overflow:visible;background:transparent;animation:none;counter-reset:none}
body.immersive .cinema-links::before,body.immersive .cinema-links::after,body.immersive .cinema-links a::before,body.immersive .cinema-links button::before{display:none}
body.immersive .cinema-links a,body.immersive .cinema-links button{display:block;flex:none;width:auto;padding:12px 0;border:0;white-space:nowrap;font:10px/1.4 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
body.immersive .cinema-links a::after{display:block}
body.immersive .cinema-header{background:#14120ff2}
body.immersive .pf-grid,body.immersive .pf-grid.is-filtered{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:42px 26px}
body.immersive .pf-card,body.immersive .pf-card:nth-child(5n+1),body.immersive .pf-card:nth-child(5n+2),body.immersive .pf-grid.is-filtered .pf-card{grid-column:auto;padding-top:0;min-width:0}
body.immersive .pf-card>a{height:100%;display:flex;flex-direction:column}
body.immersive .pf-card__photo,body.immersive .pf-card:nth-child(5n+1) .pf-card__photo,body.immersive .pf-card:nth-child(5n+2) .pf-card__photo,body.immersive .pf-grid.is-filtered .pf-card__photo{aspect-ratio:3/2;flex:none}
body.immersive .pf-card__copy{display:flex;flex-direction:column;flex:1;padding:22px 0;min-height:185px}
body.immersive .pf-card__copy h3{font-size:clamp(25px,2.3vw,34px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
body.immersive .pf-card__copy>p:last-child{margin-top:auto;padding-top:12px}
.site-map{border-top:1px solid #735b424d;padding:30px 0 36px}
.site-map__title{margin:0 0 20px;font:11px "DM Mono",monospace;letter-spacing:.17em;text-transform:uppercase;color:#cfa580}
.site-map__links{display:flex;flex-wrap:wrap;gap:14px 30px}
.site-map__links a{font-size:13px;line-height:1.7;color:#d9cdbd;min-height:30px;display:inline-flex;align-items:center}
.site-map__links a:hover{color:#ffad69}
.site-map__links a:focus-visible{outline:2px solid #ee7411;outline-offset:5px}
.immersive-trc .site-map{margin-top:30px}.immersive-trc .site-map__links a:hover{color:#f04349}
.tr-footer .site-map__links{display:flex;flex-wrap:wrap}
@media(max-width:1000px){body.immersive .pf-grid,body.immersive .pf-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr))}body.immersive .cinema-links,body.immersive .cinema-links.is-open{gap:22px;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8c6a4a transparent;max-width:100%;padding-bottom:8px}}
@media(max-width:700px){body.immersive .cinema-nav{grid-template-columns:1fr;padding-top:10px;gap:0}body.immersive .cinema-brand{grid-row:1;grid-column:1;justify-self:center}body.immersive .cinema-brand img{width:100px;max-height:28px}body.immersive .cinema-header-actions{grid-column:1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:9px}body.immersive .cinema-header-actions .cinema-nav-cta{min-height:34px;padding:7px 9px;font-size:8px}body.immersive .cinema-links,body.immersive .cinema-links.is-open{grid-column:1;grid-row:3;gap:21px;min-height:47px;padding-top:3px;padding-bottom:6px}body.immersive .cinema-links a,body.immersive .cinema-links button{font-size:9px;padding:11px 0;letter-spacing:.07em}body.immersive .pf-grid,body.immersive .pf-grid.is-filtered{grid-template-columns:1fr;gap:32px}body.immersive .pf-card__copy{min-height:0}body.immersive .pf-card__copy h3{font-size:30px}.site-map__links{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.site-map__links a{font-size:12px}}
@media(max-width:700px){body.immersive .cinema-links,body.immersive .cinema-links.is-open{flex-wrap:wrap;overflow:visible;justify-content:center;gap:0 18px;padding:8px 0}body.immersive .cinema-links a,body.immersive .cinema-links button{padding:8px 0}.tr-footer .site-map__links{display:grid;grid-template-columns:1fr 1fr}}
/* One continuous header row: brand, visible menu, then both actions. */
body.immersive .cinema-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;min-height:78px;overflow:visible}
body.immersive .cinema-brand{flex:0 0 auto}
body.immersive .cinema-brand img{width:105px;max-height:40px}
body.immersive .cinema-links,body.immersive .cinema-links.is-open{flex:1 1 auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:clamp(12px,1.3vw,24px);min-height:0;padding:0;overflow:visible;max-width:none}
body.immersive .cinema-links a,body.immersive .cinema-links button{font-size:9px;letter-spacing:.06em;padding:12px 0}
body.immersive .cinema-header-actions{flex:0 0 auto;display:flex;gap:8px;padding:0;justify-self:auto}
body.immersive .cinema-header-actions .cinema-nav-cta{min-height:38px;font-size:8px;padding:10px 12px;letter-spacing:.06em;gap:8px}
@media(max-width:1200px){body.immersive .cinema-nav{width:100%;padding:10px 20px;justify-content:flex-start;gap:20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8c6a4a #171512}body.immersive .cinema-links,body.immersive .cinema-links.is-open{flex:0 0 auto;gap:19px;justify-content:flex-start}body.immersive .cinema-brand img{width:60px;max-height:33px}body.immersive .cinema-header-actions{margin-left:auto}body.immersive .cinema-header-actions .proposal-arrow{display:inline}}
@media(max-width:700px){body.immersive .cinema-nav{min-height:70px;padding:10px 16px;gap:18px}body.immersive .cinema-links a,body.immersive .cinema-links button{font-size:9px}body.immersive .cinema-header-actions .cinema-nav-cta{min-height:36px;font-size:8px;padding:9px 12px}body.immersive .cinema-links,body.immersive .cinema-links.is-open{padding:0;gap:18px}}
/* Compact phone/tablet navigation, including both project actions. */
@media(max-width:1000px){
 body.immersive .cinema-header{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:#14120ffb}
 body.immersive .cinema-nav{display:grid;grid-template-columns:65px minmax(0,1fr) 76px;gap:0 12px;width:100%;padding:12px 20px;min-height:70px;overflow:visible;align-items:center}
 body.immersive .cinema-brand{grid-column:1;grid-row:1;justify-self:start}
 body.immersive .cinema-brand img{width:65px;max-height:38px}
 body.immersive .cinema-menu{display:inline-flex!important;grid-column:3;grid-row:1;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:0;padding:10px 7px;border:1px solid #886448;background:transparent;color:#f4e5d3;font:10px/1.4 "DM Mono",monospace;letter-spacing:.02em;cursor:pointer}
 body.immersive .cinema-menu::after,body.immersive .cinema-menu[aria-expanded=true]::after{font-size:16px}
 body.immersive .cinema-links{display:none;grid-column:1/-1;grid-row:2}
 body.immersive .cinema-links.is-open{display:flex;grid-column:1/-1;grid-row:2;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;width:100%;padding:18px 0 12px;max-height:none;overflow:visible;background:transparent}
 body.immersive .cinema-links a,body.immersive .cinema-links button{font-size:13px;line-height:1.5;padding:13px 4px;text-align:left;border-bottom:1px solid #72583f55;min-height:46px;white-space:normal}
 body.immersive .cinema-header-actions,body.immersive .is-menu-open .cinema-header-actions{display:grid;grid-column:2;grid-row:1;grid-template-columns:1fr 1.15fr;gap:8px;margin:0;width:100%;padding:0;justify-self:end;max-width:360px}
 body.immersive .cinema-header-actions .cinema-nav-cta{display:flex;justify-content:center;align-items:center;min-height:44px;padding:9px 8px;font-size:9px;line-height:1.5;white-space:normal;text-align:center;letter-spacing:.02em}
 body.immersive .cinema-header-actions .proposal-arrow{display:none}
 body.immersive .cinema-menu:focus-visible{outline:2px solid #ffb77d;outline-offset:4px}
 body.immersive.cinema-lock{overflow:hidden}
}
@media(max-width:600px){body.immersive .cinema-nav{grid-template-columns:38px minmax(0,1fr) 60px;padding:10px 12px;gap:0 7px}body.immersive .cinema-brand img{width:38px;max-height:33px}body.immersive .cinema-header-actions,body.immersive .is-menu-open .cinema-header-actions{gap:5px}body.immersive .cinema-header-actions .cinema-nav-cta{font-size:8px;padding:7px 5px;letter-spacing:0}body.immersive .cinema-menu{font-size:9px;padding:8px 5px;gap:4px}}
@media(max-width:360px){body.immersive .cinema-nav{grid-template-columns:32px minmax(0,1fr) 55px;padding-inline:8px;gap:0 5px}body.immersive .cinema-brand img{width:32px}}
