/* Agency-specific marketing layout. No rules reach the protected product documents. */
.agency-page .ap-hero{padding:clamp(38px,4vw,56px) 0 30px;background:var(--bg)}
.agency-page .ap-hero>.wrap>.aud-kicker{margin-bottom:20px}
.agency-page .ap-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px 48px;align-items:start}
.agency-page .ap-hero .aud-h1{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.04;letter-spacing:-.04em;margin:0;max-width:none}
.agency-page .ap-hero-intro .aud-lede{margin:0;max-width:49ch}
.agency-page .ap-hero-intro .aud-note{font-size:.875rem;margin:13px 0 0;max-width:48ch}
.agency-page .ap-experience{padding:10px 0 clamp(48px,6vw,80px);background:var(--bg);overflow-anchor:none}
.agency-page .ap-task-list.aud-segmented{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 24px}
.agency-page .ap-task-list .aud-tab{gap:10px;min-height:58px;padding:12px 16px;font-size:.9375rem;line-height:1.3}
.agency-page .ap-tab-label{min-width:0}
.agency-page .ap-tab-number{font:500 .8125rem/1 var(--mono);opacity:.8;flex:none}
.agency-page .ap-task-panel{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,2fr);gap:24px 36px;align-items:start;margin:0;padding-block:0}
.agency-page .ap-task-panel:not([hidden])~.ap-task-panel:not([hidden]){margin-top:42px}
.agency-page .ap-task-panel[hidden]{display:none}
.agency-page .ap-task-copy{padding-top:10px;min-width:0}
.agency-page .ap-task-copy>.aud-kicker{font-size:.75rem;line-height:1.5;margin-bottom:14px}
.agency-page .ap-task-copy h3{font-size:clamp(1.5rem,2.1vw,1.9rem);line-height:1.16;letter-spacing:-.025em;margin:0 0 18px;font-weight:600}
.agency-page .ap-task-copy>p:not(.aud-kicker){font-size:.9375rem;line-height:1.65;color:var(--ink-2);margin:0}
.agency-page .ap-task-facts{margin:24px 0 12px;border-top:1px solid var(--line)}
.agency-page .ap-task-facts>div{padding:14px 0;border-bottom:1px solid var(--line)}
.agency-page .ap-task-facts dt{font-size:.875rem;line-height:1.4;font-weight:600;color:var(--ink);margin:0 0 5px}
.agency-page .ap-task-facts dd{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0}
.agency-page .ap-task-copy .text-link{font-size:.875rem;line-height:1.4}
.agency-page .ap-task-visual{min-width:0;padding:0 0 0 0}
.agency-page .ap-task-visual .product-visual{border-radius:9px;box-shadow:0 18px 42px rgba(12,27,46,.08)}
.agency-page .ap-task-visual .product-visual>a{position:relative;display:block;aspect-ratio:1800 / 1133;background:#F4F6F8}
.agency-page .ap-task-visual .product-visual>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.agency-page .ap-task-visual .figure-top{padding:12px 16px}
.agency-page .ap-task-visual .figure-top .label{font-size:.75rem}
.agency-page .ap-task-visual .product-visual figcaption{font-size:.75rem;gap:14px;padding:12px 16px}
.agency-page .ap-control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px 88px;align-items:start}
.agency-page .ap-control-intro h2 span{color:var(--lift)}
.agency-page .ap-control-intro>p:not(.aud-kicker){font-size:1rem;line-height:1.7;color:var(--ink-2);max-width:43ch;margin:24px 0 14px}
.agency-page .ap-control-intro .text-link{font-size:.9375rem}
.agency-page .ap-control-list{margin:0;border-top:1px solid var(--line-strong)}
.agency-page .ap-control-list>div{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px 24px;padding:24px 0;border-bottom:1px solid var(--line)}
.agency-page .ap-control-list dt{font-size:1rem;line-height:1.45;font-weight:600;margin:0;color:var(--ink)}
.agency-page .ap-control-list dd{font-size:.9375rem;line-height:1.7;color:var(--ink-2);margin:0}
@media(max-width:1100px){
  .agency-page .ap-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px}
  .agency-page .ap-hero .aud-h1{font-size:clamp(2.4rem,4.25vw,3.1rem)}
  .agency-page .ap-task-panel{grid-template-columns:minmax(0,.84fr) minmax(0,1.8fr);gap:26px}
  .agency-page .ap-task-copy h3{font-size:1.55rem}
  .agency-page .ap-control-grid{gap:36px}
  .agency-page .ap-control-list>div{grid-template-columns:minmax(0,1fr);gap:8px}
}
@media(max-width:800px){
  .agency-page .ap-hero-grid{grid-template-columns:minmax(0,1fr);gap:25px}
  .agency-page .ap-hero .aud-h1{font-size:clamp(2.4rem,6vw,3.6rem)}
  .agency-page .ap-hero-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:28px;align-items:start}
  .agency-page .ap-hero-intro .aud-lede{grid-row:span 2;font-size:1rem}
  .agency-page .ap-task-list .aud-tab{font-size:.875rem;padding-inline:12px;gap:9px}
  .agency-page .ap-task-panel{grid-template-columns:minmax(0,1fr);gap:22px}
  .agency-page .ap-task-visual{grid-row:1}
  .agency-page .ap-task-copy{grid-row:2}
  .agency-page .ap-task-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 26px;padding-top:0}
  .agency-page .ap-task-copy>.aud-kicker{grid-column:1/-1;margin-bottom:12px}
  .agency-page .ap-task-copy h3{font-size:1.65rem;grid-column:1;grid-row:2;margin-bottom:12px}
  .agency-page .ap-task-copy>p:not(.aud-kicker){grid-column:1;grid-row:3}
  .agency-page .ap-task-facts{grid-column:2;grid-row:2/4;margin:0}
  .agency-page .ap-task-copy>.text-link{grid-column:1/-1;margin-top:10px}
  .agency-page .ap-control-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .agency-page .ap-control-intro>p:not(.aud-kicker){max-width:65ch;margin-top:20px}
  .agency-page .ap-control-list>div{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:22px;padding:22px 0}
}
@media(max-width:520px){
  .agency-page .ap-hero{padding-top:32px;padding-bottom:25px}
  .agency-page .ap-hero>.wrap>.aud-kicker{font-size:.75rem;margin-bottom:18px}
  .agency-page .ap-hero .aud-h1{font-size:clamp(2.05rem,7.7vw,2.65rem);letter-spacing:-.035em}
  .agency-page .ap-hero-intro{display:block}
  .agency-page .ap-hero-intro .aud-lede{font-size:1rem}
  .agency-page .ap-experience{padding-top:0;padding-bottom:42px}
  .agency-page .ap-task-list .aud-tab{flex-direction:column;align-items:center;gap:7px;font-size:.8125rem;padding:12px 6px;min-height:80px}
  .agency-page .ap-tab-number{font-size:.75rem}
  .agency-page .ap-task-copy{display:block}
  .agency-page .ap-task-copy h3{font-size:1.6rem;margin-bottom:12px}
  .agency-page .ap-task-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
  .agency-page .ap-task-facts>div{padding:12px 0 10px}
  .agency-page .ap-task-facts dt,.agency-page .ap-task-facts dd{font-size:.875rem}
  .agency-page .ap-task-copy>.text-link{margin-top:2px}
  .agency-page .ap-task-visual .figure-top{padding:10px 12px}
  .agency-page .ap-task-visual .product-visual figcaption{padding:10px 12px;font-size:.75rem}
  .agency-page .ap-control-list>div{grid-template-columns:minmax(0,1fr);gap:8px}
}
