/* ARTXUURO / Editorial CTA & restrained warm accent system (2026-10-20)
   Ink stays cool; champagne is a single quiet accent, never a primary background. */
:root{--accent:#c9b18a;--accent-muted:#a89577;--accent-hair:rgba(201,177,138,.48)}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.hero-visual::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,rgba(8,17,23,.28),rgba(8,17,23,.22) 40%,rgba(8,17,23,.44) 100%),linear-gradient(0deg,rgba(8,17,23,.35),transparent 52%)}
.hero-visual img{filter:brightness(.75) saturate(.68)}
.hero-image-label{color:#c8d5d9}
.hero-copy .hero-index .line-swatch{background:var(--accent)}
.hero-actions .primary-action{border-bottom-color:var(--accent);color:#f3eee8}
.hero-actions .primary-action span{color:var(--accent)}
.hero-actions .primary-action:hover{color:var(--accent)}
.service-row{grid-template-columns:10% minmax(0,1fr) 6%;align-items:center;padding:32px 0 36px;min-height:116px}
.service-row h3{margin:0;max-width:920px}
.service-row .service-number{padding-top:0}
.service-row .row-arrow{align-self:center;color:var(--accent-muted)}
.service-row-link:hover .row-arrow,.service-row-link:focus-visible .row-arrow{color:var(--accent)}
.service-row-link:hover h3,.service-row-link:focus-visible h3{color:#f4ebde}
.editorial-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--accent-hair);padding-top:28px;margin-top:50px}
.editorial-cta-kicker{display:block;color:var(--accent);font-size:9px;letter-spacing:.18em;font-weight:500;margin-bottom:12px}
.editorial-cta p{font-size:clamp(19px,2.1vw,29px);letter-spacing:-.03em;line-height:1.3;margin:0;max-width:630px}
.editorial-cta>a{display:inline-flex;align-items:center;gap:clamp(18px,3vw,45px);font-size:13px;color:#eaf0ef;padding-bottom:9px;border-bottom:1px solid var(--accent);white-space:nowrap;transition:color .2s,border-color .2s}
.editorial-cta>a span{font-size:18px;color:var(--accent);transition:transform .3s}
.editorial-cta>a:hover{color:var(--accent)}
.editorial-cta>a:hover span{transform:translate(3px,-3px)}
.work-closing .work-closing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.work-closing-actions a{font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #5d767d;padding-bottom:7px;transition:color .2s}
.work-closing-actions a span{font-size:15px}
.work-closing-actions .work-enquiry{border-color:var(--accent);color:#efdfc7}
.work-closing-actions a:hover{color:var(--accent)}
.engagement-prompt{margin-top:80px}
.contact-cta{border-bottom-color:var(--accent)}
.contact-cta span,.service-contact-button span{color:var(--accent)}
.section-label.light-label{color:#d1b892}
.service-hero h1 em,.service-page .service-capabilities-heading em,.service-page .process-heading em{color:#bfa98a}
.service-hero-action{border-bottom-color:var(--accent)}
.service-hero-action span{color:var(--accent)}
.service-mini-label{color:var(--accent)}
.service-mid-cta{margin-top:75px;border-top:1px solid var(--accent-hair);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.service-mid-cta>span{font-size:10px;letter-spacing:.15em;color:var(--accent)}
.service-mid-cta>a{font-size:17px;padding-bottom:8px;border-bottom:1px solid var(--accent);display:inline-flex;gap:35px;align-items:center;transition:color .2s}
.service-mid-cta>a span{color:var(--accent);transition:transform .3s}
.service-mid-cta>a:hover{color:var(--accent)}
.service-mid-cta>a:hover span{transform:translate(3px,-3px)}
.service-contact-button{border-bottom-color:var(--accent)}
.case-contact-action{border-color:var(--accent)}
.case-contact-action:hover{color:var(--accent)}
.reading-progress{background:var(--accent)}
@media(max-width:850px){.service-row{grid-template-columns:9% 1fr 7%;gap:10px}}
@media(max-width:650px){.hero-visual::after{background:linear-gradient(180deg,rgba(8,17,23,.2),rgba(8,17,23,.44))}.service-row{grid-template-columns:29px 1fr 22px;gap:14px;padding:26px 0 28px;min-height:0}.service-row h3{font-size:clamp(25px,8vw,34px);padding-right:0}.service-row .row-arrow{position:static;justify-self:end;align-self:center}.service-row .service-number{font-size:9px}.editorial-cta{align-items:flex-start;flex-direction:column;gap:24px;margin-top:34px;padding-top:22px}.editorial-cta>a{white-space:normal}.work-closing .work-closing-actions{margin-top:14px}.work-closing-actions a{white-space:normal}.engagement-prompt{margin-top:45px}.service-mid-cta{flex-direction:column;align-items:flex-start;gap:19px;margin-top:50px}.service-mid-cta>a{font-size:16px}}
@media(prefers-reduced-motion:reduce){.editorial-cta>a,.editorial-cta>a span,.service-mid-cta>a,.service-mid-cta>a span{transition:none!important}}

/* FINAL HERO CORRECTION: selected architectural artwork spans the entire hero,
   as in the approved mockup. Copy overlays the image; no bitmap interface text. */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px;background:#0b171e}
.hero .hero-grid{position:relative;display:block;min-height:720px}
.hero .hero-copy{position:relative;z-index:3;min-height:720px;max-width:100%;width:100%;padding-top:clamp(65px,7.1vw,116px);padding-right:clamp(24px,6.2vw,112px)}
.hero .hero-copy h1{max-width:820px;font-size:clamp(56px,6vw,102px);margin-top:clamp(47px,5vw,75px);text-wrap:balance}
.hero .hero-copy .hero-deck{max-width:525px;color:#bdcbd0;text-shadow:0 1px 14px rgba(2,9,12,.28)}
.hero .hero-visual{position:absolute;z-index:0;inset:0;width:100%;height:100%;min-height:0;background:#09141b;pointer-events:none}
.hero .hero-visual img{object-position:center 53%;filter:brightness(.79) saturate(.7)}
.hero .hero-visual::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:
  linear-gradient(90deg,rgba(8,18,24,.98) 0%,rgba(8,18,24,.94) 22%,rgba(8,18,24,.83) 36%,rgba(8,18,24,.52) 52%,rgba(8,18,24,.19) 77%,rgba(8,18,24,.2) 100%),
  linear-gradient(180deg,rgba(8,18,24,.26) 0%,transparent 45%,rgba(8,18,24,.37) 100%)}
.hero .hero-copy .hero-index{color:#c2b097}
.hero .hero-copy .hero-foot{color:#a3b1b7}
/* Hover on visual tiles is image-only: no figure captions, tooltip-style labels or overlays. */
.work-preview figcaption,.work-entry .work-preview figcaption{display:none!important}
.work-preview::before,.work-preview::after,.work-preview-mat::before,.work-preview-mat::after{content:none!important}
@media(min-width:1700px){.hero .hero-copy h1{font-size:clamp(92px,5.9vw,118px)}}
@media(max-width:850px){
  .hero,.hero .hero-grid,.hero .hero-copy{min-height:670px}
  .hero .hero-copy{padding-top:74px}
  .hero .hero-copy h1{max-width:700px;font-size:clamp(53px,7.8vw,80px)}
  .hero .hero-visual img{object-position:57% center}
  .hero .hero-visual::after{background:linear-gradient(90deg,rgba(8,18,24,.97) 0%,rgba(8,18,24,.85) 39%,rgba(8,18,24,.47) 80%,rgba(8,18,24,.34) 100%)}
}
@media(max-width:650px){
  .hero,.hero .hero-grid,.hero .hero-copy{min-height:670px}
  .hero .hero-grid{display:block}
  .hero .hero-copy{padding:66px 24px 18px;min-height:670px}
  .hero .hero-copy h1{font-size:clamp(48px,11.8vw,68px);max-width:540px;margin-top:60px;margin-bottom:26px;letter-spacing:-.061em}
  .hero .hero-copy .hero-deck{font-size:15px;max-width:420px}
  .hero .hero-visual{height:100%;min-height:0}
  .hero .hero-visual img{object-position:63% center}
  .hero .hero-visual::after{background:linear-gradient(90deg,rgba(8,18,24,.97) 0%,rgba(8,18,24,.88) 46%,rgba(8,18,24,.58) 100%),linear-gradient(180deg,rgba(8,18,24,.12),rgba(8,18,24,.5))}
  .hero .hero-copy .hero-foot{padding-top:42px;padding-bottom:10px}
}

/* Link the founder's name to her separate personal portfolio. */
.studio .founder-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(201,177,138,.5);transition:color .2s ease,border-color .2s ease}
.studio .founder-link:hover,.studio .founder-link:focus-visible{color:#c9b18a;border-bottom-color:#c9b18a}
.studio-signature .founder-link span{font-size:.8em;margin-left:.25em;color:#c9b18a}

/* A direct route from the homepage selection to the complete portfolio. */
.portfolio-browse{display:flex;justify-content:flex-end;padding:2.1rem 0 .7rem}
.portfolio-button{display:inline-flex;align-items:center;gap:2rem;color:#dfc68f;text-decoration:none;border-bottom:1px solid #a98b52;padding:.8rem 0;font-size:.95rem;font-weight:500}
.portfolio-button:hover{color:#f0dbb0;border-color:#f0dbb0}
.portfolio-button:focus-visible{outline:2px solid #dfc68f;outline-offset:7px}
.portfolio-hero{padding-bottom:5rem}
.portfolio-hero .case-hero-copy{margin-top:4rem}
.portfolio-collection{padding-top:2rem}
@media(max-width:650px){.portfolio-browse{justify-content:flex-start;padding-top:1.5rem}.portfolio-hero .case-hero-copy{margin-top:3rem}}