.nav a.t.tel{color:#FBC079;opacity:1;letter-spacing:.12em}
.nav a.t.tel:hover{color:var(--light)}
.navtelm{display:none}
@media(max-width:1024px){
  .navtelm{display:block;position:absolute;right:clamp(16px,4vw,32px);top:50%;
    transform:translateY(-50%);color:#FBC079;text-decoration:none;
    font-family:var(--display);font-weight:700;text-transform:uppercase;
    letter-spacing:.14em;font-size:12px;line-height:1}
  .navtelm:hover{color:var(--light)}
}

.callbar{margin:clamp(30px,5vh,48px) auto 0;text-align:center}
.callbar .callk{display:block;font-family:var(--display);font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;color:var(--sienna)}
.callbar .callno{display:inline-block;margin-top:10px;font-family:var(--display);
  font-weight:800;font-size:clamp(1.9rem,4vw,3rem);line-height:1;letter-spacing:.02em;
  color:var(--steel);text-decoration:none}
.callbar .callno:hover{color:var(--sienna)}
.callbar .callsub{display:block;margin-top:9px;font-size:.88rem;color:#5a6572}

.ctarow{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;
  margin-top:clamp(24px,4vh,36px)}
.cta.ghost{background:transparent;color:var(--steel);
  border:1px solid rgba(53,80,112,.42);box-shadow:none}
.cta.ghost:hover{filter:none;box-shadow:none;background:rgba(53,80,112,.07)}
.svcsticky .cta.ghost{display:inline-block;margin-top:12px}

.formwrap{max-width:760px;margin:clamp(34px,5.5vh,56px) auto 0;
  scroll-margin-top:clamp(92px,13vh,132px)}
.anchorpin{display:block;width:1px;height:1px;
  scroll-margin-top:clamp(92px,13vh,132px)}

.enq{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.enq .f{display:flex;flex-direction:column;min-width:0}
.enq .f.wide{grid-column:1 / -1}
.enq label{font-family:var(--display);font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;font-size:.68rem;color:#5a6572;margin-bottom:7px}
.enq input,.enq select{width:100%;min-height:48px;padding:13px 14px;
  font-family:var(--text);font-size:1rem;color:var(--ink);
  background:rgba(255,255,255,.62);border:1px solid rgba(53,80,112,.3);
  border-radius:2px}
.enq input:focus,.enq select:focus{outline:2px solid var(--sienna);outline-offset:1px;
  background:#fff}
.enq .sub{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.enq .sub .cta{border:0}
.enq .req{font-size:.8rem;line-height:1.5;color:#7c8592;max-width:36ch}
.enqnote{grid-column:1 / -1;font-size:.94rem;line-height:1.55;color:#3c4652}
.enqnote:empty{display:none}
.enqnote.warn{color:#8A3410}
.enqnote.ok{color:#2C5C3A}
@media(max-width:640px){.enq{grid-template-columns:1fr}}

.emailfall{margin:clamp(22px,3.5vh,32px) auto 0;text-align:center;
  font-size:.95rem;color:#5a6572}
.emailfall a{color:var(--steel);font-weight:600}
.emailfall a:hover{color:var(--sienna)}

.standing{max-width:760px;margin:clamp(34px,5.5vh,54px) auto 0;
  border-top:1px solid rgba(53,80,112,.22);padding-top:clamp(22px,3.5vh,32px)}
.standing .stk{font-family:var(--display);font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;font-size:.72rem;color:var(--sienna)}
.standing ul{list-style:none;margin-top:16px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px 26px}
.standing li{display:flex;flex-direction:column;gap:5px}
.standing .sl{font-size:.94rem;color:#3c4652}
.standing .sv{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#7c8592}

/* Divider. Concept C, the schedule rail. Replaces the sine-wave squiggles.
   The tonal change happens at the rail itself rather than behind it: each tick
   is light above the line and steel below it, so the ticks carry the handover
   from the dark hero into the light plate. The marker travels on scroll and the
   ticks resolve to sienna behind it. Nothing idles on a timer. */
.rail{position:relative;height:clamp(96px,12vh,140px);overflow:hidden;--p:0}
.rail.r-down{background:linear-gradient(180deg,#141F2B 0%,#141F2B 45%,#E2DCD1 55%,#E2DCD1 100%)}
.rail.r-up{background:linear-gradient(180deg,#E2DCD1 0%,#E2DCD1 45%,#141F2B 55%,#141F2B 100%)}
.rline{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(241,235,224,.34)}
.rail.r-up .rline{background:rgba(53,80,112,.34)}
.rrun{position:absolute;left:0;top:50%;height:2px;margin-top:-1px;
  width:calc(var(--p) * 100%);background:var(--sienna);opacity:.5}
.rticks{position:absolute;left:clamp(16px,3vw,40px);right:clamp(16px,3vw,40px);
  top:0;bottom:0;display:flex;justify-content:space-between;align-items:center}
.rticks i{display:block;width:1px;height:26%;
  background:linear-gradient(180deg,rgba(241,235,224,.32) 50%,rgba(53,80,112,.26) 50%)}
.rticks i.maj{width:2px;height:44%}
.rail.r-up .rticks i{background:linear-gradient(180deg,rgba(53,80,112,.26) 50%,rgba(241,235,224,.32) 50%)}
.rticks i.on{background:var(--sienna);opacity:.92}
.rmark{position:absolute;left:calc(var(--p) * 100%);top:27%;height:46%;width:2.5px;
  background:var(--sienna)}
.rmark::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;
  margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--sienna)}
@media(prefers-reduced-motion:reduce){.rail{--p:1}}

/* Domain stream. The left column is now pinned for the whole travel of the
   right column. It was not before: .svcleft was sized to its own content and a
   sticky child can only travel inside its containing block, so the pin dropped
   early and left acres of empty plate. Stretching the column fixes it. */
.svcinner{align-items:stretch}
.svcleft{position:relative}
.svcsticky{top:clamp(96px,14vh,140px)}

.svcidx{display:flex;align-items:baseline;gap:9px;margin-top:26px}
.svcidx .now{font-family:var(--display);font-weight:800;font-size:2.2rem;line-height:1;
  color:var(--sienna);font-variant-numeric:tabular-nums}
.svcidx .of{font-family:var(--display);font-weight:700;font-size:.82rem;
  letter-spacing:.18em;text-transform:uppercase;color:#7c8592}
.svclab{margin-top:6px;font-family:var(--display);font-weight:700;font-size:1.15rem;
  letter-spacing:.04em;text-transform:uppercase;color:var(--steel)}
.svcsticky .cta{margin-top:26px}

.dbul{list-style:none;margin:14px 0 0;display:grid;gap:7px;max-width:52ch}
.dbul li{position:relative;padding-left:18px;font-size:.88rem;line-height:1.55;color:#5a6572}
.dbul li::before{content:"";position:absolute;left:0;top:.66em;width:8px;height:2px;
  background:var(--sienna)}

@media(max-width:900px){
  .svcinner{align-items:start}
  .svcidx,.svclab{display:none}
}

/* Domain grade. Ten photographs from nine photographers arrive with nine
   different colour temperatures and exposures, which reads as a scrapbook
   rather than a commission. A shared desaturation, a small contrast lift and a
   soft-light wash pulled toward North Steel and Solano Sienna makes them look
   shot on one brief. isolation:isolate keeps the blend inside the frame instead
   of bleeding onto the plate. Remove this block to see the untreated set. */
.svcitem .media{isolation:isolate}
.svcitem .media img,.svcitem .media video{
  filter:saturate(.8) contrast(1.06) brightness(1.01) sepia(.08)}
.svcitem .media::before{content:"";position:absolute;inset:0;z-index:2;
  pointer-events:none;mix-blend-mode:soft-light;
  background:linear-gradient(158deg,rgba(53,80,112,.44) 0%,rgba(53,80,112,.12) 46%,
    rgba(196,80,26,.36) 100%)}
.svcitem .media::after{z-index:3}

/* Copy pass 2026-10-20: red blocks mark facts still to confirm with Frank. Remove each when filled. */
.tbd{color:#E0201B !important;font-weight:800;letter-spacing:.05em}

/* 2026-10-20: corner glow down 32% total at Atul's ask. Parent opacity scales the breathing animation underneath. */
body.framed .sunwrap,body.framed .sunbleed{opacity:.68}

/* 2026-10-20: typeface back on the locked spec. The page only ever loaded Archivo, so the
   Barlow names fell through to a system font. Display type is Archivo Expanded Bold. */
:root{--display:"Archivo","Arial Narrow",system-ui,sans-serif;--text:"Archivo",system-ui,-apple-system,sans-serif}
h1,h2,h3,.heroword,.svcsticky h2,.svcitem h3,.stat .n,.plate h2,.bandcopy h3,.callbar .callno,.svcidx .now,.svclab{font-stretch:125%}
.wordmark,.nav a.t,.callbar .callk,.enq label,.standing .stk,.svcsticky .k,.bandcopy .k,.svcidx .of{font-stretch:112%}
.enq .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* 2026-10-20: descriptor sits under the wordmark, as in the locked 4-02 stacked lockup.
   Solid colour, smaller and widely tracked; the place follows after a hairline. */
.herodescr{margin-top:10px;font-family:var(--display);font-stretch:125%;font-weight:700;text-transform:uppercase;letter-spacing:.34em;font-size:clamp(.72rem,1.05vw,.95rem);color:var(--light);opacity:.92;text-shadow:0 1px 14px rgba(10,17,26,.45)}
.herodescr-p{font-weight:500;opacity:.72;letter-spacing:.22em}
.herodescr-p::before{content:"";display:inline-block;width:1.6em;height:1px;margin:0 .9em;vertical-align:middle;background:currentColor;opacity:.6}
@media(max-width:760px){.herodescr{letter-spacing:.26em;font-size:.72rem}.herodescr-p{display:block;margin-top:6px}.herodescr-p::before{display:none}}