/* Asymmetric collage — overlapping photos at offset angles, off-grid art direction */
.a-collage .nav{--nav-ink:var(--ink)}
.a-collage .hero--col{color:var(--ink);padding:110px 0 clamp(60px,7vw,110px);background:linear-gradient(180deg,var(--surface),var(--bg))}
.a-collage .col{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto;align-items:start;min-height:calc(100svh - 170px)}
.a-collage .hero__c{grid-column:1/6;grid-row:1/3;align-self:center;position:relative;z-index:3;padding-right:20px}
.a-collage .hero .eyebrow{color:var(--accent-text);opacity:1}
.a-collage .hero .h1{font-size:clamp(3rem,1.5rem + 5vw,7rem);max-width:10ch;line-height:.95}
.a-collage .hero .h1 em{color:var(--accent-text)}
.a-collage .hero__lede{color:var(--muted);opacity:1;max-width:34ch}
.a-collage .col__a{grid-column:6/13;grid-row:1/3;position:relative;height:clamp(420px,72svh,800px);overflow:hidden;transform:rotate(1.5deg);box-shadow:0 50px 90px -50px rgba(0,0,0,.6);z-index:1}
.a-collage .col__a .hm{z-index:0}
.a-collage .col__b{grid-column:5/8;grid-row:3;aspect-ratio:3/4;margin-top:-150px;transform:rotate(-4deg);border:10px solid var(--bg);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);z-index:2;overflow:hidden}
.a-collage .col__c{grid-column:10/12;grid-row:3;aspect-ratio:1;margin-top:-40px;transform:rotate(5deg);border:8px solid var(--bg);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);z-index:2;overflow:hidden}
.a-collage.v-hero-b .hero__c{grid-column:8/13;padding:0 0 0 clamp(16px,2vw,32px)}.a-collage.v-hero-b .col__a{grid-column:1/7;transform:rotate(-1.5deg)}.a-collage.v-hero-b .col__b{grid-column:6/9}.a-collage.v-hero-b .col__c{grid-column:1/3}
.a-collage .st em{color:var(--accent-text)}
.a-collage .intro__ph{transform:rotate(-2deg);border:10px solid var(--surface);box-shadow:0 40px 70px -40px rgba(0,0,0,.5);border-radius:2px}
.a-collage .sh{text-align:left;margin-left:0}.a-collage .sh .eyebrow{justify-content:flex-start}.a-collage .sh .orn,.a-collage .sh .lede{margin-left:0}
.a-collage .s:nth-of-type(odd) .sh{margin-left:auto;margin-right:0;text-align:right}
.a-collage .s:nth-of-type(odd) .sh .eyebrow{justify-content:flex-end}.a-collage .s:nth-of-type(odd) .sh .orn{margin-left:auto;margin-right:0}.a-collage .s:nth-of-type(odd) .sh .lede{margin-left:auto;margin-right:0}
.a-collage .ggrid{grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.8vw,24px)}
.a-collage .ggrid .gt{grid-column:span 2;aspect-ratio:4/5;border-radius:2px}
.a-collage .ggrid .gt:nth-child(6n+1){grid-column:span 3;grid-row:span 1;aspect-ratio:4/3}
.a-collage .ggrid .gt:nth-child(6n+2){grid-column:span 3;aspect-ratio:4/3;margin-top:40px}
.a-collage .ggrid .gt:nth-child(3n){transform:rotate(1.2deg)}.a-collage .ggrid .gt:nth-child(4n){transform:rotate(-1.2deg)}
.a-collage .sig-card:nth-child(2){margin-top:60px}
.a-collage .sig-card{background:none}.a-collage .sig-card__ph{transform:rotate(-1.5deg);border-radius:2px}.a-collage .sig-card:nth-child(2) .sig-card__ph{transform:rotate(1.5deg)}
.a-collage .sig-card__b{padding:22px 4px}
.a-collage .tm:nth-child(even){margin-top:50px}.a-collage .tm__ph{border-radius:2px}
.a-collage .q:nth-child(even){margin-top:40px}
@media (max-width:860px){
  .a-collage .col{grid-template-columns:repeat(6,1fr);min-height:0}
  .a-collage .hero__c,.a-collage.v-hero-b .hero__c{grid-column:1/-1;grid-row:1;padding:0 0 30px}
  .a-collage .col__a,.a-collage.v-hero-b .col__a{grid-column:1/-1;grid-row:2;height:auto;aspect-ratio:5/4;transform:rotate(1deg)}
  .a-collage.v-hero-b .col__a{transform:rotate(-1deg)}
  .a-collage .col__b,.a-collage.v-hero-b .col__b{grid-column:4/7;grid-row:3;margin-top:-40px}
  .a-collage .col__c,.a-collage.v-hero-b .col__c{grid-column:1/3;grid-row:3;margin-top:20px}
  .a-collage .ggrid{grid-template-columns:repeat(2,1fr)}.a-collage .ggrid .gt,.a-collage .ggrid .gt:nth-child(6n+1),.a-collage .ggrid .gt:nth-child(6n+2){grid-column:span 1;margin-top:0;aspect-ratio:4/5}
  .a-collage .sig-card:nth-child(2),.a-collage .tm:nth-child(even),.a-collage .q:nth-child(even){margin-top:0}
}
