/* Nia's opening: a portrait-led cover, with a graphic voice distinct from the gallery. */
@font-face{font-family:"Nia Sans";src:url("assets/sans.woff2") format("woff2");font-weight:400 700;font-display:swap}
.nia #nav .wrap{max-width:none;padding-inline:5%}
.nia-presence{--presence-ink:#301920;--presence-paper:#f5eee5;--presence-pink:#f0b7c3;display:grid;grid-template-columns:45% 55%;grid-template-rows:auto 1fr;position:relative;isolation:isolate;background:var(--presence-ink);color:var(--presence-paper);min-height:660px;min-height:clamp(660px,calc(100svh - 78px),950px);overflow:hidden}
.presence-heading{grid-area:1/1;padding:clamp(60px,9svh,110px) 0 30px 11.11%;position:relative;z-index:2}
.presence-kicker{font:500 10px/1.6 "Nia Sans",var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--presence-pink);margin-bottom:42px}
.nia .presence-heading h1{font:700 clamp(64px,7.1vw,142px)/.96 "Nia Sans",var(--sans);letter-spacing:-.065em}
.presence-heading h1 span{display:block;white-space:nowrap}
.presence-heading h1 span+span{color:var(--presence-pink)}
.presence-portrait{grid-area:1/2/3/3;position:relative;min-width:0;overflow:hidden;background:#663c3b;margin:0}
.presence-photo{position:absolute;inset:0;overflow:hidden;transform:translateY(calc(var(--scene-drift,0px) * -.16)) scale(1.035);transform-origin:55% 15%}
.nia .presence-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 8%;filter:none;transform:none;transition:none}
.nia .presence-portrait figcaption{position:absolute;bottom:26px;right:28px;margin:0;padding:10px 14px;border:1px solid #f5eee547;background:#301920;color:var(--presence-paper);font:500 9px/1.6 "Nia Sans",var(--sans);letter-spacing:.13em;text-transform:uppercase}
.presence-copy{grid-area:2/1;align-self:end;padding:30px 10% 50px 11.11%;position:relative;z-index:2}
.presence-copy>p{font:400 clamp(19px,1.7vw,27px)/1.45 "Nia Sans",var(--sans);letter-spacing:-.02em;color:var(--presence-paper)}
.presence-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}
.nia .presence-actions .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--presence-paper);color:var(--presence-ink);min-height:52px;padding:17px 24px;font:600 11px/1.4 "Nia Sans",var(--sans);letter-spacing:.08em}
.nia .presence-actions .btn:hover{background:var(--presence-pink)}
.presence-work{display:inline-flex;align-items:center;min-height:48px;color:var(--presence-paper);font:500 12px/1.5 "Nia Sans",var(--sans);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.presence-work:hover{color:var(--presence-pink)}
.presence-specialties{display:block;margin-top:54px;padding-top:20px;border-top:1px solid #f5eee538;color:var(--presence-pink);font:500 9px/1.7 "Nia Sans",var(--sans);letter-spacing:.13em;text-transform:uppercase}
/* Content is visible from first paint; entrances never conceal the photograph or words. */
@media(prefers-reduced-motion:no-preference){
  .motion-ready:not(.showcase-reduced) .presence-heading h1{animation:presence-type .8s cubic-bezier(.18,.75,.22,1) both}
  .motion-ready:not(.showcase-reduced) .presence-photo img{animation:presence-settle 1.1s cubic-bezier(.18,.75,.22,1) both}
}
@keyframes presence-type{from{transform:translateY(12px)}to{transform:none}}
@keyframes presence-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1700px){.presence-heading{padding-top:100px}.presence-copy{padding-bottom:65px}}
@media(min-width:701px) and (max-width:1000px){
  .nia-presence{min-height:650px}
  .presence-heading{padding-top:65px}
  .presence-kicker{font-size:8px;letter-spacing:.12em;margin-bottom:32px}
  .nia .presence-heading h1{font-size:7.25vw}
  .presence-copy{padding-bottom:35px}
  .presence-actions{gap:9px 20px;margin-top:25px}
  .presence-specialties{font-size:8px;letter-spacing:.06em;margin-top:30px}
}
@media(max-width:700px){
  .nia-presence{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}
  .presence-heading{grid-area:1/1;padding:27px 6% 25px}
  .presence-kicker{font-size:8px;letter-spacing:.15em;margin-bottom:17px}
  .nia .presence-heading h1{font-size:clamp(48px,13.6vw,88px);line-height:.95;letter-spacing:-.06em}
  .presence-portrait{grid-area:2/1;height:clamp(285px,43svh,440px)}
  .presence-photo{transform:translateY(calc(var(--scene-drift,0px) * -.1)) scale(1.035)}
  .nia .presence-photo img{object-position:55% 8%}
  .nia .presence-portrait figcaption{right:6%;bottom:16px;padding:7px 10px;font-size:8px}
  .presence-copy{grid-area:3/1;padding:23px 6% 26px}
  .presence-copy>p{font-size:17px;line-height:1.4}
  .presence-actions{gap:20px;margin-top:20px;flex-wrap:nowrap}
  .nia .presence-actions .btn{font-size:10px;letter-spacing:.06em;padding:15px 18px;min-height:48px}
  .presence-work{font-size:11px}
  .presence-specialties{margin-top:24px;padding-top:16px;font-size:8px;letter-spacing:.1em}
}
@media(max-width:700px) and (max-height:750px){.presence-portrait{height:clamp(260px,40svh,310px)}}
@media(max-width:360px){.presence-actions{gap:15px}.nia .presence-actions .btn{font-size:9px;padding-inline:14px}.presence-work{font-size:10px}}
html.showcase-reduced .presence-photo{transform:none}
@media(prefers-reduced-motion:reduce){.presence-photo{transform:none}}