/* Agency Platform page, "steel and signal" (28 Sep 2026). Loaded after site.css and uses its tokens.
   Every rule is scoped under .agency-page, except the one line that tells the footer which ground sits above it.
   No photograph is referenced from this file. */
.agency-page{color:var(--muted)}
.agency-page [hidden]{display:none!important}
.agency-page h2{font-size:clamp(32px,4vw,60px);line-height:1.04;font-weight:600;letter-spacing:-.032em;color:var(--ink);margin:0 0 22px}
.agency-page h3{font-size:clamp(20px,1.7vw,24px);line-height:1.18;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px}
.agency-page p{font-size:16.5px;line-height:1.65}
.agency-page p+p{margin-top:14px}
.agency-page strong{color:var(--ink);font-weight:600}
.agency-page a:not(.btn):not(.agency-text-link){color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:#8d949e;text-decoration-thickness:1.5px;text-underline-offset:4px;transition:text-decoration-color .18s ease}
.agency-page :is(a,summary,button,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.agency-page :is(.agency-intro,.agency-example,.agency-care-selector,.agency-payment,.agency-contact,.agency-programmes article:nth-child(2)) :is(a,summary,button,[tabindex]):focus-visible{outline-color:var(--lime)}

.agency-page .agency-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-family:var(--font-mono);font-size:12px;line-height:1.4;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);margin:0 0 20px}
.agency-page .agency-kicker::before{content:"";flex:none;width:18px;height:1px;background:currentColor}
.agency-page .agency-small,.agency-page p.agency-small{font-size:13.5px;line-height:1.6;color:var(--muted-2)}
.agency-page .agency-text-link{display:inline-block;color:var(--ink);font-size:15.5px;font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:4px}
.agency-page .btn--primary{background:var(--lime);color:var(--ink);height:56px;min-height:0;padding:0 28px;font-size:16px;border-radius:999px}

/* Opening band */
.agency-page .agency-intro{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--on-dark);border-radius:0 0 var(--band) var(--band);padding:clamp(140px,13vw,196px) 0 clamp(40px,4.5vw,64px)}
.agency-page .agency-intro::before{content:"";position:absolute;inset:0;z-index:-2;background:url(../img/sig-side.svg) right top/auto min(100%,720px) no-repeat;opacity:.85;pointer-events:none}
.agency-page .agency-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--ink) 0%,rgba(11,13,16,.92) 34%,rgba(11,13,16,.45) 68%,rgba(11,13,16,.1) 100%),linear-gradient(180deg,rgba(11,13,16,0) 38%,var(--ink) 74%),radial-gradient(50% 60% at 86% 40%,rgba(219,255,115,.07),rgba(219,255,115,0) 70%);pointer-events:none}
.agency-page .agency-intro .agency-kicker{color:var(--lime)}
.agency-page .agency-intro .agency-kicker span{color:var(--on-dark);padding-left:12px;border-left:1px solid rgba(255,255,255,.26)}
.agency-page .agency-intro h1{font-size:clamp(38px,5.2vw,80px);line-height:1.02;font-weight:600;letter-spacing:-.035em;color:#f7f8fa;margin:0 0 28px}
.agency-page .agency-intro h1 span{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--lime)}
.agency-page .agency-lead{color:var(--white);font-size:clamp(19px,1.7vw,24px);line-height:1.3;font-weight:600;letter-spacing:-.015em;margin:0 0 12px}
.agency-page .agency-summary{max-width:64ch;font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.6;color:var(--on-dark);margin:0 0 32px}
.agency-page .agency-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px}
.agency-page .agency-intro .agency-text-link{color:var(--white)}
.agency-page .agency-price-line{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:clamp(40px,4.4vw,68px) 0 18px}
.agency-page .agency-price-line>div{min-width:0;background:rgba(18,21,26,.88);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:24px 28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.agency-page .agency-price-line dt{font-family:var(--font-mono);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--on-dark)}
.agency-page .agency-price-line dd{color:var(--white);font-size:clamp(26px,3.1vw,46px);line-height:1;font-weight:600;letter-spacing:-.035em;margin:14px 0 0;font-variant-numeric:tabular-nums}
.agency-page .agency-price-line small{display:inline-block;font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;color:var(--on-dark-2)}
.agency-page .agency-intro .agency-small{color:var(--on-dark-2);margin:0}

/* Section links */
.agency-page .agency-strip{padding:22px 0 0}
.agency-page .agency-strip .container{display:flex;gap:8px;flex-wrap:wrap}
.agency-page .agency-strip a{display:inline-flex;align-items:center;min-height:44px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:0 18px;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .16s var(--ease-out)}
.agency-page .agency-strip a:active{transform:scale(.97)}

/* Sections */
.agency-page .agency-section{padding:clamp(72px,8vw,124px) 0;scroll-margin-top:100px}
.agency-page .agency-tint{background:var(--bone-2);--ring:#dadee3;--ring-line:#cbd0d7}
.agency-page .agency-heading{max-width:920px;margin-bottom:clamp(36px,4vw,60px)}
.agency-page .agency-heading>p:last-child{max-width:62ch;font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.6;margin:0}

/* 01 Programmes */
.agency-page .agency-programmes{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.agency-page .agency-programmes article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(26px,3vw,44px);box-shadow:var(--bezel)}
.agency-page .agency-programme-number{font-size:clamp(56px,6vw,88px);line-height:.85;font-weight:600;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.25px var(--ink);margin-bottom:32px;font-variant-numeric:tabular-nums}
.agency-page .agency-programmes .agency-kicker{margin-bottom:14px}
.agency-page .agency-programmes h3{font-size:clamp(28px,2.8vw,40px);line-height:1.04;letter-spacing:-.03em;margin-bottom:16px}
.agency-page .agency-programme-price{font-size:clamp(24px,2.3vw,32px);line-height:1;color:var(--ink);font-weight:600;letter-spacing:-.03em;margin:0 0 18px;font-variant-numeric:tabular-nums}
.agency-page .agency-programme-price span{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--muted-2)}
.agency-page .agency-programmes ul{list-style:none;padding:0;margin:22px 0;width:100%}
.agency-page .agency-programmes li{position:relative;padding:12px 0 12px 36px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.5;font-weight:500;color:var(--ink)}
.agency-page .agency-programmes li::before{content:"";position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:var(--ink) var(--tick) center/22px no-repeat}
.agency-page .agency-programmes .agency-text-link{margin-top:auto}
.agency-page .agency-programmes .agency-small{margin-bottom:26px}
.agency-page .agency-programmes article:nth-child(2){background:var(--ink);color:var(--on-dark);border-color:var(--ink-4);--shine:rgba(255,255,255,.08)}
.agency-page .agency-programmes article:nth-child(2) :is(h3,li,.agency-text-link){color:var(--white)}
.agency-page .agency-programmes article:nth-child(2) .agency-programme-price{color:var(--lime)}
.agency-page .agency-programmes article:nth-child(2) .agency-programme-number{-webkit-text-stroke-color:var(--lime)}
.agency-page .agency-programmes article:nth-child(2) :is(.agency-kicker,.agency-programme-price span,.agency-small){color:var(--on-dark)}
.agency-page .agency-programmes article:nth-child(2) li{border-top-color:var(--line-dark)}
.agency-page .agency-programmes article:nth-child(2) li::before{background-color:rgba(255,255,255,.1)}
.agency-page .agency-combined{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;margin-top:28px;background:var(--bone-2);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,2.8vw,40px)}
.agency-page .agency-combined h3{margin:0;font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(28px,2.8vw,40px);letter-spacing:-.02em;line-height:1}
.agency-page .agency-combined p{margin:0}

/* 02 What you receive */
.agency-page .agency-deliverables{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.agency-page .agency-deliverables>div{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px}
.agency-page .agency-deliverables>div>span{display:block;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--muted-2);margin-bottom:44px}
.agency-page .agency-deliverables h3{font-size:20px}
.agency-page .agency-deliverables p{font-size:15.5px;line-height:1.55}
.agency-page .agency-example{margin-top:28px;background:var(--ink);color:var(--on-dark);border:1px solid var(--ink-4);border-radius:var(--r-lg);padding:clamp(26px,3vw,48px);box-shadow:var(--bezel);--shine:rgba(255,255,255,.08)}
.agency-page .agency-example .agency-kicker{color:var(--lime)}
.agency-page .agency-example>h3{font-size:clamp(26px,2.7vw,40px);line-height:1.06;letter-spacing:-.03em;color:var(--white)}
.agency-page .agency-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;list-style:none;margin:32px 0 24px;counter-reset:flow}
.agency-page .agency-flow li{counter-increment:flow;min-width:0;background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:var(--r-md);padding:20px}
.agency-page .agency-flow li::before{content:counter(flow,decimal-leading-zero);display:block;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--lime);margin-bottom:26px}
.agency-page .agency-flow strong{display:block;color:var(--white);font-size:20px;line-height:1.18;letter-spacing:-.02em;margin-bottom:6px}
.agency-page .agency-flow span{display:block;font-size:14.5px;line-height:1.5}
.agency-page .agency-example .agency-small{color:var(--on-dark-2)}
.agency-page .agency-scenarios{margin-top:28px;padding-top:28px;border-top:1px solid var(--line-dark)}
.agency-page .agency-scenario-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;background:rgba(255,255,255,.07);border-radius:28px}
.agency-page .agency-scenario-tabs button{border:0;background:transparent;min-height:44px;padding:0 20px;border-radius:999px;color:var(--on-dark);font:inherit;font-size:14px;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease,color .18s ease,transform .16s var(--ease-out)}
.agency-page .agency-scenario-tabs button[aria-selected="true"]{background:var(--lime);color:var(--ink)}
.agency-page .agency-scenario-result{padding:28px 0 0;min-height:210px;max-width:760px}
.agency-page .agency-scenario-label{display:block;font-family:var(--font-mono);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--on-dark-2);margin-bottom:14px}
.agency-page .agency-scenario-result h4{font-size:clamp(22px,2.1vw,28px);line-height:1.14;font-weight:600;letter-spacing:-.025em;color:var(--white);margin:0 0 12px}
.agency-page .agency-scenario-result p{font-size:16px}
.agency-page .agency-scenario-outcome{color:var(--lime);font-weight:600}

/* 03 Platform Care */
.agency-page .agency-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.agency-page .agency-care-grid>div{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(26px,2.8vw,40px);box-shadow:var(--bezel)}
.agency-page .agency-care-list{padding:0;list-style:none;margin:0}
.agency-page .agency-care-list li{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.agency-page .agency-care-list li:last-child{padding-bottom:0}
.agency-page .agency-care-list strong{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--ink);padding-top:3px}
.agency-page .agency-care-list span{font-size:15.5px;line-height:1.55}
.agency-page .agency-terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}
.agency-page .agency-terms-grid>div{min-width:0;background:var(--bone-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px}
.agency-page .agency-terms-grid h3{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);margin:0 0 30px}
.agency-page .agency-terms-grid p{font-size:clamp(22px,2.3vw,34px);line-height:1;color:var(--ink);font-weight:600;letter-spacing:-.03em;margin:0 0 10px;font-variant-numeric:tabular-nums}
.agency-page .agency-terms-grid span{font-size:13.5px;color:var(--muted-2)}
.agency-page .agency-care-selector{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0;background:var(--ink);color:var(--on-dark);border:1px solid var(--ink-4);border-radius:var(--r-lg);padding:clamp(26px,3vw,44px);box-shadow:var(--bezel);--shine:rgba(255,255,255,.08)}
.agency-page .agency-care-selector .agency-kicker{color:var(--lime)}
.agency-page .agency-term-options{display:inline-flex;padding:5px;background:rgba(255,255,255,.07);border-radius:999px}
.agency-page .agency-term-options button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--on-dark);font:inherit;font-size:14px;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease,color .18s ease,transform .16s var(--ease-out)}
.agency-page .agency-term-options button[aria-pressed="true"]{background:var(--lime);color:var(--ink)}
.agency-page :is(.agency-term-options,.agency-scenario-tabs) button:active{transform:scale(.97)}
.agency-page .agency-term-total{display:flex;flex-direction:column;gap:12px;min-height:120px}
.agency-page .agency-term-total>span{font-size:13.5px}
.agency-page .agency-term-total strong{font-size:clamp(32px,4vw,60px);line-height:1;font-weight:600;letter-spacing:-.035em;color:var(--lime);font-variant-numeric:tabular-nums}
.agency-page .agency-care-selector>.agency-small{grid-column:1/-1;margin:0;color:var(--on-dark-2)}
.agency-page .agency-budget{max-width:none;margin-top:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(26px,2.8vw,40px);box-shadow:var(--bezel)}
.agency-page .agency-budget p{max-width:84ch}
.agency-page .agency-budget+.agency-small{margin-top:26px;max-width:84ch}

/* 04 Delivery and payment */
.agency-page .agency-delivery{padding:0;list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.agency-page .agency-delivery li{display:grid;grid-template-columns:auto 1fr;gap:22px;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,2.6vw,36px)}
.agency-page .agency-delivery li>span{font-size:clamp(44px,4.2vw,64px);line-height:.9;font-weight:600;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.25px var(--ink);font-variant-numeric:tabular-nums}
.agency-page .agency-delivery p{margin:0;font-size:15.5px;line-height:1.6}
.agency-page .agency-payment{max-width:none;margin-top:28px;background:var(--ink);color:var(--on-dark);border:1px solid var(--ink-4);border-radius:var(--r-lg);padding:clamp(26px,3vw,48px);box-shadow:var(--bezel);--shine:rgba(255,255,255,.08)}
.agency-page .agency-payment h3{font-size:clamp(24px,2.3vw,32px);letter-spacing:-.028em;color:var(--white);margin-bottom:16px}
.agency-page .agency-payment p{max-width:86ch}
.agency-page .agency-payment strong{color:var(--white)}
.agency-page .agency-payment .agency-small{color:var(--on-dark-2)}
.agency-page .agency-payment a:not(.btn):not(.agency-text-link){color:var(--lime);text-decoration-color:rgba(219,255,115,.5)}

/* 05 Questions */
.agency-page .agency-faq-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}
.agency-page .agency-faq-layout h2{font-size:clamp(32px,3.8vw,56px)}
.agency-page .agency-questions details{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);margin-top:10px;padding:0;overflow:hidden}
.agency-page .agency-questions details:first-child{margin-top:0}
.agency-page .agency-questions summary{position:relative;list-style:none;cursor:pointer;padding:22px 72px 22px 26px;font-size:clamp(17.5px,1.5vw,21px);line-height:1.28;font-weight:600;letter-spacing:-.02em;color:var(--ink);touch-action:manipulation}
.agency-page .agency-questions summary::-webkit-details-marker{display:none}
.agency-page .agency-questions summary::after{content:"";position:absolute;right:18px;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:var(--bone-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230b0d10' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 2v12M2 8h12'/%3E%3C/svg%3E") no-repeat center/14px;transition:transform .3s var(--ease-out),background-color .2s ease}
.agency-page .agency-questions details[open] summary::after{background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23dbff73' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 2v12M2 8h12'/%3E%3C/svg%3E");transform:rotate(45deg)}
.agency-page .agency-questions details p{font-size:16.5px;line-height:1.65;margin:0;padding:0 26px 26px;max-width:68ch}

/* Next step: a graphite card on the grey band, the last thing before the footer */
.agency-page .agency-contact{background:var(--bone-2);padding:clamp(56px,6vw,96px) 0 clamp(64px,7vw,112px);scroll-margin-top:100px;--ring:#dadee3;--ring-line:#cbd0d7;--shine:rgba(255,255,255,.08)}
.agency-page .agency-contact>.container{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 2*var(--gutter));max-width:calc(1320px - 2*var(--gutter));padding:clamp(30px,5vw,76px);background:var(--ink);color:var(--on-dark);border:1px solid var(--ink-4);border-radius:var(--r-xl);box-shadow:var(--bezel)}
.agency-page .agency-contact>.container::before{content:"";position:absolute;right:0;bottom:0;z-index:-1;width:min(64%,780px);aspect-ratio:1080/520;background:url(../img/sig-span.svg) right bottom/contain no-repeat;opacity:.5;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 62%);mask-image:linear-gradient(90deg,transparent 0%,#000 62%)}
.agency-page .agency-contact h2{color:var(--white);font-size:clamp(34px,4.4vw,64px);line-height:1.03;letter-spacing:-.034em}
.agency-page .agency-contact .agency-kicker{color:var(--lime)}
.agency-page .agency-contact>.container>p:not(.agency-small):not(.agency-kicker){max-width:56ch;font-size:clamp(17px,1.4vw,20px);line-height:1.55}
.agency-page .agency-contact .btn-row{align-items:center;gap:16px 28px;margin:32px 0 22px}
.agency-page .agency-contact .agency-text-link{color:var(--white)}
.agency-page .agency-contact .agency-small{color:var(--on-dark-2);max-width:64ch}
.agency-page .agency-policy-links{display:flex;flex-wrap:wrap;gap:12px 26px;padding-top:26px;margin-top:40px;border-top:1px solid var(--line-dark);font-size:13.5px}
.agency-page .agency-policy-links a:not(.btn):not(.agency-text-link){color:var(--on-dark);font-weight:600;text-decoration:none}
main.agency-page~.foot{--above:var(--bone-2)}

@media (hover:hover) and (pointer:fine){
  .agency-page a:not(.btn):not(.agency-text-link):hover{text-decoration-color:currentColor}
  .agency-page .btn--primary:hover{background:var(--lime-hi)}
  .agency-page .agency-strip a:hover{background:var(--ink);border-color:var(--ink);color:var(--lime)}
  .agency-page .agency-scenario-tabs button:not([aria-selected="true"]):hover,.agency-page .agency-term-options button:not([aria-pressed="true"]):hover{background:rgba(255,255,255,.1);color:var(--white)}
  .agency-page .agency-questions details:not([open]) summary:hover::after{background-color:var(--line)}
  .agency-page .agency-policy-links a:not(.btn):not(.agency-text-link):hover{color:var(--white);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
}
@media (prefers-reduced-motion:no-preference){
  .agency-page .agency-intro .container>*{animation:sb-rise .7s var(--ease-out) both}
  .agency-page .agency-intro .container>:nth-child(2){animation-delay:.06s}
  .agency-page .agency-intro .container>:nth-child(3){animation-delay:.12s}
  .agency-page .agency-intro .container>:nth-child(4){animation-delay:.16s}
  .agency-page .agency-intro .container>:nth-child(5){animation-delay:.2s}
  .agency-page .agency-intro .container>:nth-child(n+6){animation-delay:.26s}
  @supports (interpolate-size:allow-keywords){
    .agency-page .agency-questions{interpolate-size:allow-keywords}
    .agency-page .agency-questions details::details-content{block-size:0;overflow:clip;transition:block-size .34s var(--ease-drawer),content-visibility .34s allow-discrete}
    .agency-page .agency-questions details[open]::details-content{block-size:auto}
  }
}
@media (prefers-reduced-motion:reduce){
  .agency-page .agency-strip a:active,.agency-page :is(.agency-term-options,.agency-scenario-tabs) button:active{transform:none}
}

@media (max-width:1100px){
  .agency-page .agency-deliverables{grid-template-columns:repeat(2,1fr)}
  .agency-page .agency-flow{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .agency-page .agency-programmes,.agency-page .agency-care-grid,.agency-page .agency-delivery,.agency-page .agency-care-selector,.agency-page .agency-faq-layout{grid-template-columns:1fr}
  .agency-page .agency-combined{grid-template-columns:1fr;gap:12px}
  .agency-page .agency-intro::before{opacity:.55}
  .agency-page .agency-contact>.container::before{opacity:.3}
}
@media (max-width:700px){
  .agency-page .agency-intro{padding-top:118px}
  .agency-page .agency-intro::before{opacity:.4;background-size:auto 46%}
  .agency-page .agency-intro h1{overflow-wrap:anywhere}
  .agency-page .agency-intro .agency-kicker span{padding:0;border:0;width:100%}
  .agency-page .agency-price-line,.agency-page .agency-terms-grid,.agency-page .agency-deliverables{grid-template-columns:1fr}
  .agency-page .agency-price-line small{display:block;margin-top:8px}
  .agency-page .agency-deliverables>div>span{margin-bottom:22px}
  .agency-page .agency-flow{gap:8px}
  .agency-page .agency-flow li{padding:16px}
  .agency-page .agency-scenario-tabs{display:flex;border-radius:24px}
  .agency-page .agency-scenario-tabs button{flex:1 1 auto;padding:0 12px;font-size:13px}
  .agency-page .agency-scenario-result{min-height:300px}
  .agency-page .agency-term-options{display:flex}
  .agency-page .agency-term-options button{flex:1;padding:0 10px}
  .agency-page .agency-care-list li{grid-template-columns:1fr;gap:4px}
  .agency-page .agency-delivery li{grid-template-columns:1fr;gap:16px}
  .agency-page .btn--primary{width:100%}
  .agency-page .agency-questions summary{padding:20px 64px 20px 20px}
  .agency-page .agency-questions details p{padding:0 20px 22px}
  .agency-page .agency-contact>.container{padding:28px 22px 30px}
  .agency-page .agency-contact>.container::before{display:none}
}

/* ---------- repairs, 29 Sep 2026 ---------- */
/* "24 months" stays on one line in the term buttons */
.agency-page .agency-term-options button{white-space:nowrap}
@media (max-width:700px){
  .agency-page .agency-term-options button{padding:0 6px}
}
/* the darkening behind the opening words is measured from the text column, so the artwork stays clear of them */
@media (min-width:981px){
  .agency-page .agency-intro{--copy-l:calc(max(0px,(100% - 1320px)/2) + var(--gutter))}
  .agency-page .agency-intro::after{background:linear-gradient(90deg,var(--ink) 0,rgba(11,13,16,.95) calc(var(--copy-l) + 760px),rgba(11,13,16,.45) calc(var(--copy-l) + 980px),rgba(11,13,16,.1) 100%),linear-gradient(180deg,rgba(11,13,16,0) 38%,var(--ink) 74%),radial-gradient(50% 60% at 86% 40%,rgba(219,255,115,.07),rgba(219,255,115,0) 70%)}
}
/* the artwork in the closing panel fades out before it reaches the note and the links */
.agency-page .agency-contact>.container::before{-webkit-mask-image:linear-gradient(90deg,transparent 24%,#000 80%),linear-gradient(0deg,transparent 26%,#000 58%);mask-image:linear-gradient(90deg,transparent 24%,#000 80%),linear-gradient(0deg,transparent 26%,#000 58%);-webkit-mask-composite:source-in;mask-composite:intersect}
/* touch screens: links that stand on their own are at least 44px tall to the finger */
@media (pointer:coarse){
  .agency-page .agency-text-link{position:relative}
  .agency-page .agency-text-link::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
  .agency-page .agency-policy-links{gap:0 26px}
  .agency-page .agency-policy-links a{display:inline-flex;align-items:center;min-height:44px}
}