/* light.css: the lighter sibling theme, November 2026.
   Loaded after atelier.css. Keeps the ivory and green identity, replaces solid dark bands with tinted panels,
   puts the owner's portrait in the hero, and makes buttons, cards and forms friendlier to use. */
:root,.consultancy{
  --paper:#F7F3EA;--ink:#1B3A30;--muted:#4F6459;--gold:#A58D65;--gold-ink:#7A6538;--line:#D8DBCB;
  --sage:#E9EDDF;--sage-2:#DEE5D2;--card:#FFFDF8;--radius:6px;
  color-scheme:light;
}
html{background:var(--paper)}
body.consultancy{background:var(--paper);color:var(--ink)}

/* Header: light, sticky, with a booking button */
.consultancy .utility{background:var(--sage-2);color:var(--ink);border-bottom:1px solid var(--line)}
.consultancy .utility a{color:var(--ink)}
.consultancy .site-header{position:sticky;top:0;z-index:40;background:rgba(247,243,234,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.consultancy .masthead{align-items:center}
.consultancy .masthead-cta{margin-left:1.5rem;padding:.65rem 1rem;font-size:.75rem;border-radius:999px;white-space:nowrap}
@media(max-width:1000px){.consultancy .masthead-cta{display:none}}

/* Buttons and links */
.consultancy .button{border-radius:var(--radius);padding:1rem 1.4rem;font-size:.85rem;letter-spacing:.01em;gap:1rem;box-shadow:0 1px 2px rgba(27,58,48,.12);transition:background .25s,transform .25s,box-shadow .25s}
.consultancy .button:hover{background:#244a3d;transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(27,58,48,.5)}
.consultancy .button-outline{background:transparent;color:var(--ink);box-shadow:none}
.consultancy .button-outline:hover{background:var(--sage)}
.consultancy .text-link{border-bottom-color:var(--gold);transition:color .2s,border-color .2s}
.consultancy .text-link:hover{color:var(--gold-ink);border-bottom-color:var(--gold-ink)}
.consultancy .atelier-link:hover{color:var(--gold-ink)}

/* Hero with the portrait */
.hero-portrait{margin:0;justify-self:end;position:relative;width:min(100%,440px);padding:1.25rem 0 0 1.25rem}
.hero-portrait::before{content:"";position:absolute;inset:0 1.25rem 1.25rem 0;background:var(--sage-2);border-radius:var(--radius);z-index:0}
.hero-portrait img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:var(--radius);box-shadow:0 30px 60px -32px rgba(27,58,48,.55)}
.hero-portrait figcaption{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;margin-top:.9rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media(max-width:760px){.hero-portrait{width:min(100%,320px);justify-self:start;margin-top:1.5rem}}
.atelier-strip{background:var(--sage)}

/* Dark bands become tinted panels */
.atelier-practice{background:var(--sage);color:var(--ink)}
.atelier-practice .section-index,.atelier-practice .practice-rows>a{border-color:var(--line)}
.atelier-practice .practice-rows p{color:var(--muted)}
.atelier-practice .practice-rows>a{border-radius:var(--radius);padding-inline:.75rem;margin-inline:-.75rem}
.atelier-practice .practice-rows>a:hover{background:rgba(255,253,248,.7)}
.atelier-practice .atelier-link,.atelier-practice .row-arrow,.atelier-practice .row-index{color:var(--ink)}
.atelier-principal{background:var(--card);border-block:1px solid var(--line)}
.atelier-close{background:var(--sage-2);color:var(--ink)}
.atelier-close .button{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.atelier-close .button:hover{background:#244a3d}
.atelier-close .eyebrow{color:var(--gold-ink)}
.consultancy .limits-panel,.consultancy .problem-section{background:var(--sage);color:var(--ink)}
.consultancy .limits-panel li{border-top-color:var(--line)}
.consultancy .problem-section .text-link{border-color:var(--gold)}
.consultancy .site-footer{background:var(--sage-2);color:var(--ink);border-top:1px solid var(--line)}
.consultancy .site-footer a{color:var(--ink)}
.atelier-wordmark{color:var(--gold)}
.consultancy .utility :focus-visible,.consultancy .problem-section :focus-visible,.consultancy .limits-panel :focus-visible,.consultancy .site-footer :focus-visible,.consultancy .atelier-practice :focus-visible,.consultancy .atelier-close :focus-visible{outline-color:var(--gold-ink)}

/* Tiers and folios as soft cards */
.atelier-tiers>a{border-radius:var(--radius);padding-left:1.25rem;transition:background .25s,transform .25s}
.atelier-tiers>a:hover{background:var(--card);transform:translateY(-2px)}
.folio{border-radius:var(--radius);transition:transform .25s}
.folio:hover{transform:translateY(-2px)}

/* Service articles as cards */
.consultancy .service-list .service{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:2.5rem 2.5rem 2.5rem 2rem;margin-block:1.25rem}
.consultancy .service-deliverable{background:var(--sage);border-radius:var(--radius)}
.consultancy .service-mirror,.consultancy .posting-map dd{border-left-color:var(--gold)}
.consultancy .service-index a{border-radius:999px;background:var(--card);border:1px solid var(--line);padding:.45rem .9rem;text-decoration:none}
.consultancy .service-index a:hover{background:var(--sage)}

/* Steps, FAQ, catalogue */
.consultancy .steps li{border-top-color:var(--line)}
.consultancy details{border-color:var(--line)}
.consultancy details summary:hover{color:var(--gold-ink)}
.consultancy ul.plain-list li{border-bottom-color:var(--line)}

/* Contact: cards and a friendlier form */
.consultancy .contact-options article{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);padding:2rem}
.consultancy .quick-option{border-color:var(--gold)}
.consultancy .urgent-option{background:var(--sage)!important;border-radius:var(--radius)}
.consultancy .nda-band{border-bottom-color:var(--line)}
.consultancy .form-section{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:3rem}
.consultancy input:not([type=checkbox]):not([type=hidden]),.consultancy textarea,.consultancy select{background:#fff;border-radius:var(--radius);border-color:#B9C0AE;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s}
.consultancy input:not([type=checkbox]):not([type=hidden]):focus,.consultancy textarea:focus,.consultancy select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(165,141,101,.35);outline:none}
.consultancy ::placeholder{color:#6E7F74}
.consultancy label{font-weight:500}
.consultancy .cta-band{background:var(--sage-2);border-top:1px solid var(--line)}
@media(max-width:760px){.consultancy .form-section{padding:1.5rem}.consultancy .service-list .service{padding:1.6rem 1.25rem}.consultancy .contact-options article{padding:1.5rem}}

/* Fixes after the first render: mobile headline, utility bar, form card width */
@media(max-width:760px){
  .consultancy .airt-hero h1{font-size:clamp(2.3rem,10.5vw,3.1rem);line-height:1.04;letter-spacing:-.03em;overflow-wrap:anywhere}
  .consultancy .utility .frame{flex-wrap:wrap;gap:.2rem 1rem}
  .consultancy .utility a{display:none}
  .consultancy .hero-actions{flex-wrap:wrap}
}
.consultancy section.form-section.frame{max-width:1200px;margin-inline:auto;box-sizing:border-box}
@media(min-width:761px){.consultancy section.form-section.frame{padding-inline:3rem}}

/* Second render pass: mobile headline size, prose edge back to the frame edge */
@media(max-width:760px){
  .consultancy .atelier-hero h1{font-size:clamp(2.4rem,11vw,3.2rem);line-height:1.02;letter-spacing:-.03em;margin:1.6rem 0 1.2rem}
  .hero-line em{white-space:normal}
}
.consultancy .frame.reading{padding-left:clamp(1.25rem,4.5vw,4rem)}