/* Retired Values navigation: keep legacy URLs functional via heritage redirect. */
body a[href="/values"], body a[href$="/values.html"], body a[href="values.html"] {display:none!important}

/* Estienne Scheme 3 — Orange / Action.
   Closed UI palette: #B3B3B3 #CECECE #F5F5F5 #FFFFFF #FA4415 #000000.
   Photography, video, real card artwork, paper samples and designer swatches keep their source colours. */
:root,html,body{
  color-scheme:light;
  --paper:#FFFFFF!important;
  --paper-deep:#F5F5F5!important;
  --ink:#000000!important;
  --ink-soft:#000000!important;
  --hairline:#CECECE!important;
  --gold:#FA4415!important;
  --brass:#FA4415!important;
  --oxblood:#FA4415!important;
  --accent:#FA4415!important;
  --muted:#B3B3B3!important;
  --line:#CECECE!important;
  --cream-surface:#FFFFFF;
  --cream-border:#CECECE;
  background:#FFFFFF!important;
  color:#000000!important;
}
::selection{background:#FA4415;color:#000000}
html,body,body main{background-color:#FFFFFF!important;color:#000000!important}
body:not([data-estienne-page="designer"]) *,body:not([data-estienne-page="designer"]) *::before,body:not([data-estienne-page="designer"]) *::after{
  color:#000000!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:#CECECE!important;
  outline-color:#FA4415!important;
  box-shadow:none!important;
  text-shadow:none!important;
  -webkit-text-fill-color:currentColor!important;
}
body:not([data-estienne-page="designer"]) svg [fill]:not([fill="none"]){fill:currentColor!important}
body:not([data-estienne-page="designer"]) svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
body a{color:#000000!important;text-decoration-color:#FA4415!important}
body a:hover,body a:focus-visible{color:#FA4415!important}
body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #FA4415!important;outline-offset:3px!important}
body :is(input,select,textarea,button){font:inherit}
body :is(input,select,textarea){
  background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;caret-color:#FA4415!important;
}
body :is(input,textarea)::placeholder{color:#B3B3B3!important;opacity:1}
body button{
  background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important;
}
body button:hover{background:#F5F5F5!important}
body button[disabled],body [aria-disabled="true"]{background:#CECECE!important;color:#000000!important;opacity:1!important}
body :is(.btn-primary,.primary,.button-primary,.cta,.detail-enquire,[class*="btn--primary"],[class*="button--primary"]){
  background:#FA4415!important;color:#000000!important;border-color:#FA4415!important;
}
body :is(.btn-primary,.primary,.button-primary,.cta,.detail-enquire,[class*="btn--primary"],[class*="button--primary"]):hover{
  background:#000000!important;color:#FFFFFF!important;border-color:#000000!important;
}

/* Site chrome and approved orange wordmark treatment. */
body .topbar,body .designer-site-nav.topbar{
  background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important;
}
body .topbar :is(.wordmark,.logo,[class*="wordmark"]),body .designer-site-nav .wordmark,
body .site-foot :is(.fw,[class*="wordmark"]){
  color:#FA4415!important;-webkit-text-fill-color:#FA4415!important;
}
body .topbar :is(.menu-toggle,.nav-link,a:not(.wordmark),button){color:#000000!important}
body .topbar :is(.menu-toggle,.nav-link,a:not(.wordmark),button):hover{color:#FA4415!important}
body .menu-toggle .caret{border-color:#000000!important}
body .site-foot,body footer{
  background:#F5F5F5!important;color:#000000!important;border-color:#CECECE!important;
}
body .site-foot :is(.fw,a,h4,p,.foot-bottom){color:#000000!important}
body .site-foot .olive,body footer .olive{color:#FA4415!important}
body .site-foot .olive *,body footer .olive *{fill:#FA4415!important;stroke:#FA4415!important}
.stn-social-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:clamp(24px,4vw,40px);color:#000000!important}
.stn-social-links>span{margin-right:4px;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.stn-social-links a{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;flex:0 0 40px!important;padding:10px!important;border:1px solid #CECECE!important;border-radius:50%;background:#FFFFFF!important;color:#000000!important;text-decoration:none!important;line-height:0!important}
.stn-social-links a svg{display:block!important;box-sizing:content-box;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex:0 0 18px!important;overflow:visible!important;transform:none!important}
.stn-social-links a svg :is(path,rect,circle){vector-effect:non-scaling-stroke}
.stn-social-links a:hover{background:#FA4415!important;border-color:#FA4415!important;color:#000000!important}
img.stn-image-fallback{background:#F5F5F5!important;color:#000000!important;border:1px solid #CECECE!important;object-fit:contain!important}
.stn-image-fallback-shell{background:#F5F5F5!important;border-color:#CECECE!important}

/* Shared mega-menu: the complete 2:1 photograph is contained in a separate image panel. */
body .menu-panel,body .designer-site-nav .menu-panel{
  background:#F5F5F5!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important;
}
body .menu-panel::before{background:none!important}
body .menu-panel>a{background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important}
body .menu-panel>a:hover,body .menu-panel>a:focus-visible,body .menu-panel>a[aria-current="page"]{
  background:#CECECE!important;color:#000000!important;
}
body .menu-scene{
  position:relative;isolation:isolate;overflow:hidden;
  height:clamp(300px,34vh,340px)!important;min-height:300px!important;
  border:1px solid #CECECE!important;background:#F5F5F5!important;box-shadow:none!important;
}
body .menu-scene>img{
  box-sizing:border-box;position:absolute!important;inset:0 0 0 40%!important;width:60%!important;height:100%!important;
  padding:14px 16px!important;object-fit:contain!important;object-position:center!important;
  background:#FFFFFF!important;border-left:1px solid #CECECE!important;
  filter:none!important;transform:none!important;z-index:0;
}
body .menu-scene::after{
  content:"";position:absolute!important;inset:0 auto 0 0!important;width:40%!important;height:100%!important;
  background:#F5F5F5!important;border-right:1px solid #CECECE!important;z-index:1;pointer-events:none;
}
body .menu-scene :is(.sheet,.brass){display:none!important}
body .menu-scene :is(.label,.menu-scene-kicker,.menu-scene-note){
  position:absolute;z-index:2;color:#000000!important;text-shadow:none!important;
}
body .menu-scene .label{left:clamp(18px,3vw,34px)!important;right:auto!important;bottom:clamp(42px,6vh,68px)!important;max-width:7.5ch!important}
body .menu-scene .menu-scene-kicker{left:clamp(18px,3vw,34px)!important;top:clamp(20px,4vh,38px)!important;color:#FA4415!important}
body .menu-scene .menu-scene-note{left:clamp(18px,3vw,34px)!important;bottom:18px!important}

/* Bright structural surfaces. */
body :is(.page-hero,.band,.band--ink,.values-ink,.heritage-olive,.how-promise,.process-cta,.chapter-scene,
.atelier-journey,.journey-sticky,.estienne-hero,.finish-intro,.material-story-copy,.shop-path,.consultation,
.studio-help,.configurator-frame,.steps,.ink-transition,.film-hero,.film-journey,.film-hero-media){
  background:#F5F5F5!important;color:#000000!important;border-color:#CECECE!important;
}
body :is(.page-hero,.band,.band--ink,.values-ink,.heritage-olive,.how-promise,.process-cta,.chapter-scene,
.atelier-journey,.journey-sticky,.estienne-hero,.finish-intro,.material-story-copy,.shop-path,.consultation,
.studio-help,.configurator-frame)::before,
body :is(.page-hero,.band,.band--ink,.values-ink,.heritage-olive,.how-promise,.process-cta,.chapter-scene,
.atelier-journey,.journey-sticky,.estienne-hero,.finish-intro,.material-story-copy,.shop-path,.consultation,
.studio-help,.configurator-frame)::after{background:none!important}
body :is(h1,h2,h3,h4,h5,h6,.chapter-title,.journey-title,.hero-title,.section-title){color:#000000!important}
body :is(h1,h2,h3,h4) :is(em,span,.grad){color:#FA4415!important;-webkit-text-fill-color:#FA4415!important;background:none!important}
body :is(.eyebrow,.kicker,.chapter-kicker,.film-hero-kicker,.library-kicker){color:#FA4415!important}
body :is(p,li,.sub,.lede,.chapter-sub,.film-hero-lede,.library-intro){color:#000000!important}
body :is(.chapter-copy,.journey-copy,.hero-copy,.finish-intro,.material-story-copy,.studio-help){
  background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;
}
body .chapter-copy{padding:clamp(18px,3vw,36px);max-width:min(100%,640px)}
body :is(.paper-feature figcaption,.payments-folio figcaption,.finish-frame figcaption,.material-proof figcaption,.generated-visual figcaption){
  background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;padding:12px 16px;
}
body .film-hero-scrim{background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 38%,transparent 82%)!important}
body .film-hero-copy,body .film-hero-copy *,body .film-scroll-cue,body .film-progress{color:#000000!important}
body .film-progress-track{background:#CECECE!important}
body .film-progress-fill{background:#FA4415!important}
body .hero-shade{background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 42%,transparent 82%)!important}

/* Cards, overlays, controls and utility panels. */
body :is(.card,.step,.account-card,.prose,.faq,.ht-item,.type-drawer,.type-grid i,.panel,.toolbar,.modal,
.modal-content,.fold-control,.quote,.note,.library-promo,.card-detail,.detail-copy,.detail-image,.store-card,
.checkout-card,.summary-card,.status-card,.empty-state,.notice,.alert){
  background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;outline-color:#CECECE!important;box-shadow:none!important;
}
body :is(.grid,.type-drawers,.shop-paths,.paper-feature,.paper-inline,.finish-frame,.material-proof,.library-spread,.library-art){
  background:#F5F5F5!important;border-color:#CECECE!important;
}
body :is(.note,.library-promo,.notice,.alert,.status-card){background:#F5F5F5!important}
body :is(.success,.error,.warning,.danger,.status,[class*="success"],[class*="error"],[class*="warning"],[class*="danger"]){
  color:#000000!important;border-color:#FA4415!important;
}
body dialog{background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important}
body dialog::backdrop{background:#000000!important;opacity:.72}
body :is(.consent-panel,.cookie-panel){
  background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important;
}
body .consent-panel p{color:#000000!important}
body .consent-panel:not([hidden]){display:block;box-sizing:border-box;max-width:calc(100vw - 28px)}
body .consent-actions{display:flex;flex-wrap:wrap;gap:8px}
body .consent-actions button{flex:1 1 160px;min-width:0;background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important}
body .consent-actions button:first-child{background:#FA4415!important;border-color:#FA4415!important}
body :is(.field input,.field select,.field textarea,.library-search input){
  background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;
}

/* Card Library UI only; card artwork pixels remain untouched. */
body[data-estienne-page="cards"]{background:#FFFFFF!important;color:#000000!important}
body[data-estienne-page="cards"] .paper-library{--line:#CECECE;--muted:#000000;--green:#FA4415}
body[data-estienne-page="cards"] :is(.library-art,.detail-image,.library-promo){background:#F5F5F5!important;border-color:#CECECE!important}
body[data-estienne-page="cards"] :is(.library-kicker,.library-hero h1 em,.library-link,.library-note a,.library-promo a){color:#FA4415!important}
body[data-estienne-page="cards"] .library-filters button[aria-pressed="true"]{background:#FA4415!important;border-color:#FA4415!important;color:#000000!important}
body[data-estienne-page="cards"] .library-view{background:#FFFFFF!important;color:#000000!important}
body[data-estienne-page="cards"] .detail-enquire{background:#FA4415!important;color:#000000!important}
body[data-estienne-page="cards"] .card-detail::backdrop{background:#000000!important;opacity:.72}

/* Cart picker styling outside the unified cart drawer. */
.christmas-picker{border-color:#CECECE!important;background:#FFFFFF!important}
.christmas-picker button{background:#FFFFFF!important;color:#000000!important}
.christmas-picker button:hover{background:#F5F5F5!important}
.christmas-card.has-selection .christmas-photo{box-shadow:0 0 0 3px #FA4415!important}

/* Chapter tableaux use only palette colours; the Materials photograph stays natural. */
body .chapter-scene:is([data-chapter="collections"],[data-chapter="heritage"],[data-chapter="materials"]){
  background:#F5F5F5!important;
}
body .chapter-scene:is([data-chapter="collections"],[data-chapter="heritage"],[data-chapter="materials"]) .chapter-object i{
  border-color:#CECECE!important;box-shadow:none!important;
}
body .chapter-scene[data-chapter="collections"] .chapter-object i:nth-child(1){background:#FFFFFF!important}
body .chapter-scene[data-chapter="collections"] .chapter-object i:nth-child(2){background:#FA4415!important}
body .chapter-scene[data-chapter="collections"] .chapter-object i:nth-child(3){background:#CECECE!important}
body .chapter-scene[data-chapter="heritage"] .chapter-object i:nth-child(1){background:#FFFFFF!important;border-width:6px!important}
body .chapter-scene[data-chapter="heritage"] .chapter-object i:nth-child(2){background:#B3B3B3!important;border-width:6px!important}
body .chapter-scene[data-chapter="heritage"] .chapter-object i:nth-child(3){background:#FA4415!important;border-width:6px!important}
body .chapter-scene[data-chapter="materials"] .chapter-object{
  background:#F5F5F5 url("images/editorial-20261006/story-paper.webp") center 48%/cover no-repeat!important;
  border:1px solid #CECECE!important;box-shadow:none!important;
}

/* Checkout and Payments remain visually gated; no commerce behaviour changes. */
body[data-estienne-page="payments"] main>.payments-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body[data-estienne-page="payments"] .payments-hero-copy,
body[data-estienne-page="payments"] .payments-folio{min-width:0;width:100%}
body :is(.payments-hero,.payments-folio,.checkout-shell,.checkout-form,.order-summary){background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important}

/* Designer chrome follows the palette; the card canvas, inks, materials and swatches keep their real colours. */
body[data-estienne-page="designer"]{background:#FFFFFF!important;color:#000000!important}
body[data-estienne-page="designer"] .designer-site-nav.topbar{background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important}
body[data-estienne-page="designer"] .designer-site-nav .wordmark{color:#FA4415!important}
body[data-estienne-page="designer"] .designer-site-nav :is(.menu-toggle,a){color:#000000!important}
body[data-estienne-page="designer"] :is(.panel,.toolbar,.sidebar,.modal,.modal-content,.fold-control,.quote){
  background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important;
}
body[data-estienne-page="designer"] :is(button,input,select,textarea){
  color:#000000!important;border-color:#CECECE!important;box-shadow:none!important;
}
body[data-estienne-page="designer"] :is(button,[role="button"]):not([class*="swatch"]):not([class*="ink"]):not([class*="material"]){
  background:#FFFFFF!important;
}
body[data-estienne-page="designer"] :is(button,[role="button"]):not([class*="swatch"]):not([class*="ink"]):not([class*="material"]):hover{
  background:#F5F5F5!important;
}

/* Responsive menu and payment framing. */
@media(max-width:820px){
  body[data-estienne-page="payments"] main>.payments-hero{
    grid-template-columns:minmax(0,1fr)!important;height:auto;overflow:visible;padding-inline:clamp(22px,5vw,38px);
  }
  body[data-estienne-page="payments"] .payments-hero-copy{width:100%}
  body[data-estienne-page="payments"] .payments-folio{width:100%;min-height:clamp(300px,58vw,430px)}
}
@media(max-width:560px){
  body .menu-scene{height:280px!important;min-height:280px!important;background:#F5F5F5!important}
  body .menu-scene>img{
    inset:0 0 auto 0!important;width:100%!important;height:60%!important;
    padding:8px!important;object-fit:contain!important;object-position:center!important;
    background:#FFFFFF!important;border-left:0!important;border-bottom:1px solid #CECECE!important;
  }
  body .menu-scene::after{
    inset:auto 0 0 0!important;width:100%!important;height:40%!important;
    background:#F5F5F5!important;border-right:0!important;border-top:1px solid #CECECE!important;
  }
  body .menu-scene .label{left:18px!important;bottom:34px!important;max-width:none!important}
  body .menu-scene .menu-scene-kicker{left:18px!important;top:auto!important;bottom:84px!important}
  body .menu-scene .menu-scene-note{left:18px!important;bottom:12px!important}
  body .film-hero-copy{background:#FFFFFF!important}
  body .film-hero-scrim{background:none!important}
  body[data-estienne-page="payments"] main>.payments-hero{padding-top:88px;padding-bottom:52px}
  body[data-estienne-page="payments"] .payments-folio{min-height:280px}
}

/* Final closed-palette guards for late/injected chrome. */
body[data-estienne-page="about"] :is(.about-contact-email,a.btn){color:#000000!important;-webkit-text-fill-color:#000000!important}
body[data-estienne-page="designer"] .skip-link.designer-site-nav{background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important}
body[data-estienne-page="designer"] #estienne-lang-switch{background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important}
body[data-estienne-page="designer"] #estienne-lang-switch *{color:#000000!important;border-color:#CECECE!important}
body[data-estienne-page="designer"] #estienne-lang-menu{background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important}
body[data-estienne-page="designer"] #estienne-lang-menu *{background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important}
body dialog::backdrop,body[data-estienne-page="cards"] .card-detail::backdrop{background:#000000!important;opacity:1!important}
body[data-estienne-page="designer"] .stage{background:#000000!important;background-image:none!important;color:#FFFFFF!important;box-shadow:none!important}
body[data-estienne-page="designer"] :is(.side-toggle,.interaction-help,.panel-head,.crumb-sep,.crumb-current,.preset-gallery,.summary){
  background:#FFFFFF!important;background-image:none!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important;
}
body[data-estienne-page="designer"] :is(.preset-gallery,.summary){background:#F5F5F5!important}
body[data-estienne-page="designer"] :is(button,[role="button"],.side-toggle,.interaction-help,.panel-head,.crumb-sep,.crumb-current,.summary) :is(span,small,strong,em,p,div){
  color:#000000!important;border-color:#CECECE!important;text-shadow:none!important;
}
body[data-estienne-page="designer"] :is(button,[role="button"])[aria-pressed="true"]{background:#FA4415!important;color:#000000!important;border-color:#FA4415!important}
body[data-estienne-page="designer"] .summary b{color:#000000!important;border-color:#CECECE!important}
html body .topbar a.wordmark,html body .designer-site-nav.topbar a.wordmark,html body .site-foot .fw{color:#FA4415!important;-webkit-text-fill-color:#FA4415!important}

/* Unified cart surfaces remain opaque and within the closed palette on every page. */
html body #ec-btn{background:#000000!important;color:#FFFFFF!important;border-color:#000000!important;box-shadow:none!important}
html body #ec-badge{background:#FA4415!important;color:#000000!important;border-color:#000000!important}
html body #ec-overlay{background:#000000!important}
html body #ec-drawer{background:#F5F5F5!important;color:#000000!important;border-color:#CECECE!important;box-shadow:none!important}
html body #ec-head,html body .ec-item,html body .ec-thumb{border-color:#CECECE!important}
html body .ec-thumb,html body .ec-quantity button{background:#FFFFFF!important;color:#000000!important}
html body #ec-foot{background:#FFFFFF!important;color:#000000!important;border-color:#CECECE!important}
html body #ec-pay{background:#000000!important;color:#FFFFFF!important;border-color:#000000!important}
html body #ec-pay[disabled]{background:#CECECE!important;color:#000000!important;border-color:#CECECE!important}
html body #ec-toast{background:#000000!important;color:#FFFFFF!important;box-shadow:none!important}
/* Signature accents: navigation, focus and separators; artwork stays untouched. */
html body :is(.menu-panel a,.foot a):hover{text-decoration-color:#fa4415!important;text-underline-offset:5px}
html body :is(a,button,input,select):focus-visible{outline:2px solid #fa4415!important;outline-offset:4px}
html body .estienne-kicker::before{content:"";display:inline-block;width:18px;height:2px;background:#fa4415;margin-right:10px;vertical-align:middle}
html body[data-estienne-page="designer"] .picker{background:#cecece!important}
html body[data-estienne-page="designer"] :is(.product-card,.product-meta){background:transparent!important}
html body[data-estienne-page="designer"] .product-shot{background:#bdbdbd!important}

html body[data-estienne-page="designer"] .picker :is(.product-meta,.product-name,.product-blurb,.stepper,.stepper button,.stepper span,.picker-resume){background:transparent!important}
html body[data-estienne-page="designer"] .product-meta{padding:18px!important;display:flex;flex-direction:column;gap:8px}
html body[data-estienne-page="designer"] .product-card{border:1px solid #999!important}
html body #root .picker :is(.product-card,.product-meta,.product-name,.product-blurb,.picker-resume){background-color:transparent!important;background-image:none!important}

/* Menu feedback: warm orange with readable white type, no arrow ornament. */
html body[data-estienne-menu-polish] .menu-panel>a::after { content:none!important; display:none!important; }
html body[data-estienne-menu-polish] .menu-panel>a:hover,
html body[data-estienne-menu-polish] .menu-panel>a:focus-visible {
 background:#bf3d14!important; color:#fff!important; -webkit-text-fill-color:#fff!important;
 text-decoration:none!important;
}
html body[data-estienne-menu-polish] .menu-panel>a:focus-visible { outline:2px solid #171717!important; outline-offset:2px; }


/* Site navigation only: consistent white boxes, orange selection, no ornamental arrows. */
html body .menu-panel>a::after,html body .menu-panel>a::before,html body .menu-toggle .caret{display:none!important;content:none!important}
html body .menu-panel>a{background:#FFFFFF!important;color:#000000!important;-webkit-text-fill-color:#000000!important}
html body .menu-panel>a:hover,html body .menu-panel>a:focus-visible,html body .menu-panel>a[aria-current="page"]{background:#bf3d14!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-decoration:none!important}
html body .menu-panel>a:is(:hover,:focus-visible,[aria-current="page"]) *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}