/* A living collage, echoing the opening header. */
.ai-space{background:#0a0a0a;border-top:1px solid #252525;padding:3rem var(--gutter) 2rem;scroll-margin-top:1rem}
.ai-collage{position:relative;max-width:1600px;height:clamp(1200px,120vw,1920px);margin:0 auto}
.ai-copy{position:absolute;left:30%;top:29%;width:40%;text-align:center;pointer-events:none;z-index:2}
.nav-link span{white-space:nowrap}
.ai-copy .eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:1rem}
.ai-copy h2{font:italic 400 clamp(4rem,7.5vw,8rem)/1.1 var(--serif);letter-spacing:-.035em;color:#fff}
.ai-copy>p:not(.eyebrow){font:12px/1.9 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#aaa;margin-top:1.2rem}
.ai-copy .ai-instructions{font-size:10px!important;color:#999!important;letter-spacing:.025em!important;margin-top:1.8rem!important}
.ai-touch-hint{display:none}
.ai-film{position:absolute;width:var(--w);left:var(--x);top:var(--y);z-index:1}
.ai-frame{position:relative;aspect-ratio:9/16;background:#171717;overflow:hidden;border:1px solid #303030;transition:transform .45s,border-color .3s,box-shadow .45s}
.ai-frame>img,.ai-frame>video,.ai-header-preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ai-frame>img{opacity:.72;transition:opacity .3s}
.ai-frame>video,.ai-header-preview>video{opacity:0;pointer-events:none}
.ai-frame.has-played>video,.ai-header-preview.has-played>video{opacity:1}
.ai-film:hover,.ai-film:focus-within{z-index:3}
.ai-film:hover .ai-frame,.ai-film:focus-within .ai-frame{transform:translateY(-5px);border-color:#8e8b83;box-shadow:0 15px 45px #0005}
.ai-film:hover .ai-frame>img{opacity:1}
.ai-toggle{position:absolute;inset:0;width:100%;height:100%;background:none;z-index:1;padding:0}
.ai-toggle:focus-visible{outline-offset:-5px}
.ai-play-symbol{position:absolute;left:12px;bottom:12px;width:27px;height:27px;display:grid;place-items:center;background:#111b;border:1px solid #ffffff50;border-radius:50%;font:9px var(--mono);color:#fff}
.ai-play-symbol:before{content:'▶';padding-left:2px}
.is-playing .ai-play-symbol:before{content:'Ⅱ';padding-left:0}
.ai-open{position:absolute;right:6px;top:6px;z-index:2;width:44px;height:44px;background:#101010b8;border:1px solid #ffffff40;font:22px var(--sans);color:#fff}
.ai-open:hover{background:#f2f0eb;color:#111}
.ai-open:focus-visible{outline-offset:-4px}
.ai-caption{padding-top:.8rem;max-width:95%}
.ai-caption h3{font-size:13px;font-weight:400;line-height:1.35;color:#d4d2cd}
.ai-caption p{font:9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#8c8983;margin-top:.35rem}
.ai-film-1{--x:1%;--y:2%;--w:18%}
.ai-film-2{--x:33%;--y:0%;--w:16%}
.ai-film-3{--x:70%;--y:2%;--w:20%}
.ai-film-4{--x:0%;--y:40%;--w:15%}
.ai-film-5{--x:80%;--y:37%;--w:18%}
.ai-film-6{--x:21%;--y:50%;--w:16%}
.ai-film-7{--x:53%;--y:49%;--w:17%}
.ai-film-8{--x:0%;--y:72%;--w:17%}
.ai-film-9{--x:80%;--y:72%;--w:18%}
.ai-film-10{--x:28%;--y:77%;--w:14%}
.ai-film-11{--x:52%;--y:76%;--w:15%}
.ai-film-12{--x:54%;--y:1%;--w:12%}
.ai-footnote{max-width:1600px;margin:4rem auto 0;display:flex;justify-content:space-between;gap:1rem;font:10px/1.7 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8c8983}
@media(min-width:768px) and (max-width:1000px){.site-header nav{gap:1.1rem}.nav-link{width:66px}.ai-collage{height:1100px}.ai-copy{top:27%}.ai-copy>p:not(.eyebrow){font-size:10px}}
@media(max-width:767px){
  .site-header{display:grid;grid-template-columns:1fr;gap:.8rem;padding-top:.85rem;padding-bottom:.85rem}.site-header nav{gap:.85rem;width:100%}.nav-link{flex:1;min-height:40px;justify-content:space-between;gap:6px}.nav-link b{min-width:25px}.nav-link span{font-size:10px;letter-spacing:0}.wordmark{font-size:1.15rem;justify-self:start}
  .ai-space{padding-top:4rem;padding-bottom:2rem}.ai-collage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 1.1rem;align-items:start}
  .ai-copy{position:relative;left:auto;top:auto;width:auto;grid-column:1/-1;padding:1rem 0 2.5rem}.ai-copy h2{font-size:clamp(4.6rem,18vw,7rem)}.ai-copy .eyebrow{font-size:9px}.ai-copy>p:not(.eyebrow){font-size:11px}
  .ai-film{position:relative;left:auto;top:auto;width:auto}.ai-film:nth-of-type(even){margin-top:4rem}.ai-caption h3{font-size:12px}.ai-caption p{font-size:9px}
  .ai-footnote{margin-top:3rem;flex-direction:column;font-size:9px;gap:.5rem}.ai-open{width:44px;height:44px;right:4px;top:4px}
}
@media(max-width:370px){.site-header nav{gap:.65rem}.nav-link span{font-size:9px}.ai-collage{gap:2rem .9rem}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.ai-hover-hint{display:none}.ai-touch-hint{display:inline}}
@media(hover:hover) and (pointer:fine){body.custom-cursor .ai-space button{cursor:pointer}body:has(.ai-frame:hover) .cursor{display:none}}
@media(prefers-reduced-motion:reduce){.ai-film:hover .ai-frame,.ai-film:focus-within .ai-frame{transform:none}}