/* CXPAPER colour chapters. Typography, source images and content stay intact. */
body.atelier-site{
 --ui-navy:#0f284c;--ui-lime:#a5eb5b;--ui-blue:#33458a;--ui-sky:#dfe6f2;--ui-peach:#f0dfd1;
}
body.atelier-site ::selection{background:var(--ui-lime);color:var(--ui-navy)}
.atelier-site .site-header .nav-quote{min-height:42px!important;padding:10px 22px!important;font-size:12px}
.atelier-site .site-header .brand-wordmark{transform:translateX(0);opacity:1}
.atelier-site .site-header .brand-letters>span{transform:translateY(0)}
.atelier-site .site-header .nav-parent>a:after{background:currentColor;transition:transform 450ms cubic-bezier(.22,1,.36,1)}
.atelier-site .site-header .nav-expand{border-radius:50%;transition:background-color 220ms,color 220ms,transform 320ms}
.atelier-site .site-header .nav-expand:hover{background:var(--ui-lime);color:var(--ui-navy)}
body.atelier-site :is(.btn,.textlink).rolling-action{font-weight:550;letter-spacing:-.01em}

/* Broad, dark navigation sheets with lime active type and all entries visible. */
.atelier-site .site-header .nav-panel.paper-folio{
 --folio-ground:var(--ui-navy);--folio-ink:#f5f3ed;--folio-accent:var(--ui-lime);
 background:var(--folio-ground);color:var(--folio-ink);border-color:#ffffff24;
}
.atelier-site .paper-folio .folio-sheet{background:var(--folio-ground)}
.atelier-site .paper-folio .folio-heading h2,
.atelier-site .paper-folio .folio-entry strong{color:var(--folio-ink)}
.atelier-site .paper-folio :is(.folio-kicker,.folio-entry small,.folio-footer,.folio-number){color:#b9c7d9}
.atelier-site .paper-folio :is(.folio-all,.folio-footer a){color:var(--ui-lime)}
.atelier-site .paper-folio .folio-entry,
.atelier-site .paper-folio .folio-entry:first-child,
.atelier-site .paper-folio .folio-entry:last-child{border-color:#ffffff30}
.atelier-site .paper-folio .folio-entry.is-previewed strong,
.atelier-site .paper-folio .folio-entry.is-previewed .folio-number{color:var(--ui-lime)}
.atelier-site .paper-folio .folio-entry-copy{transition:transform 550ms cubic-bezier(.22,1,.36,1)}
.atelier-site .paper-folio .folio-entry.is-previewed .folio-entry-copy{transform:translateX(10px)}
.atelier-site .paper-folio .folio-close{border-radius:100px;background:var(--ui-lime);color:var(--ui-navy);padding:12px 18px}
.atelier-site .paper-folio .folio-close:hover{background:#f5f3ed;color:var(--ui-navy)}

/* Each colour has one editorial role: artwork, process, materials, people, reading. */
.atelier-site[data-page=home] .atelier-custom{
 width:100%;max-width:none;padding-inline:max(48px,calc((100vw - 1480px)/2));
 background:var(--ui-peach);--border:#c9b7a6;
}
.atelier-site .atelier-custom :is(h2,dt){color:var(--ui-navy)}
.atelier-site .atelier-custom .client-photo img{border-radius:2px}
.atelier-site[data-page=home] .home-production{background:var(--ui-navy)}
.atelier-site .home-production .eyebrow,
.atelier-site .home-order-stages>li>span{color:var(--ui-lime)}
.atelier-site .home-production a.textlink{color:var(--ui-lime)}
.atelier-site .home-production :is(.home-order-stages p,.home-quality-note p){color:#c6d2e0}
.atelier-site .home-quality-note{border-color:#a5eb5b66}
.atelier-site .home-responsibility{background:#e4edcf;--border:#b6c6a2}
.atelier-site .home-responsibility-points>article>span{color:#456136}
.atelier-site .home-responsibility-points>article{transition:padding-left 450ms cubic-bezier(.22,1,.36,1)}
.atelier-site .home-exhibitions{background:var(--ui-blue)}
.atelier-site .home-exhibitions .eyebrow,
.atelier-site .home-exhibitions .exhibition-photo-number{color:var(--ui-lime)}
.atelier-site .home-exhibitions :is(.textlink,.text-button){color:#fff}
.atelier-site .home-library{background:var(--ui-sky);--border:#9aadc6}
.atelier-site .home-library :is(h2,h3){color:var(--ui-navy)}
.atelier-site .home-library-list>a>span{color:var(--ui-blue)}
.atelier-site .home-library-list>a{transition:padding-left 450ms cubic-bezier(.22,1,.36,1),background-color 300ms}
.atelier-site .home-library-list a:hover h3{color:var(--ui-blue)}
.atelier-site .home-library-feature img{transition:transform 800ms cubic-bezier(.22,1,.36,1)}
.atelier-site .home-library-feature figure{overflow:hidden}
.atelier-site .contact-dock-whatsapp{background:var(--ui-navy);border-color:var(--ui-navy)}
.atelier-site .contact-dock-email{background:var(--ui-lime);border-color:var(--ui-lime);color:var(--ui-navy)}
.atelier-site .contact-dock-action:hover{background:var(--ui-blue);border-color:var(--ui-blue);color:white}
.atelier-site .contact-dock-label{border-radius:20px;color:var(--ui-navy)}
@media(hover:hover) and (pointer:fine){
 .atelier-site .home-library-list>a:hover,.atelier-site .home-responsibility-points>article:hover{padding-left:12px}
 .atelier-site .home-library-feature:hover img{transform:scale(1.035)}
}
@media(max-width:1050px){
 .atelier-site .paper-folio .folio-entry.is-previewed .folio-entry-copy{transform:none}
 .atelier-site .paper-folio .folio-sheet{padding-inline:20px;border-radius:3px}
 .atelier-site .paper-folio .folio-heading{padding-top:18px}
 .atelier-site .paper-folio .folio-footer{padding-bottom:18px}
}
@media(max-width:760px){
 .atelier-site[data-page=home] .atelier-custom{padding-inline:20px}
 .atelier-site .site-header .brand{gap:9px}
 .atelier-site .site-header .brand-mark{width:32px;height:35px;flex-basis:32px}
 .atelier-site .site-header .brand-wordmark small{font-size:6px;letter-spacing:.15em}
 .atelier-site .site-header .brand-letters{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
 .atelier-site .paper-folio .folio-entry-copy,
 .atelier-site .home-library-feature img,
 .atelier-site .home-library-list>a,
 .atelier-site .home-responsibility-points>article{transition:none!important;transform:none!important}
 .atelier-site .home-library-list>a:hover,
 .atelier-site .home-responsibility-points>article:hover{padding-left:0}
}
/* The active row is identified by type and a line, including the compact menu. */
.atelier-site .paper-folio .folio-entry::before{display:none}
@media(max-width:1050px){
 .atelier-site .paper-folio .folio-heading{display:block;padding-bottom:14px}
 .atelier-site .paper-folio .folio-heading>div:first-child{display:block}
 .atelier-site .paper-folio .folio-heading h2{max-width:100%;margin-bottom:12px}
 .atelier-site .paper-folio .folio-all{display:inline-block}
}
@media(max-width:380px){
 .atelier-site .site-header .nav{width:calc(100% - 24px);gap:8px}
 .atelier-site .site-header .brand-letters{font-size:18px}
 .atelier-site .site-header .brand-mark{width:24px;height:28px;flex-basis:24px}
 .atelier-site .site-header .brand{gap:6px}
 .atelier-site .site-header .menu-toggle{gap:6px;padding-inline:8px;min-width:0;font-size:12px}
 .atelier-site .site-header .brief-button{padding-inline:8px 0;font-size:11px}
}

/* A dark closing chapter with the same rolling labels as the homepage. */
.atelier-site .footer{
 --brand:#f5f3ed;--text:#e0e7ef;--muted:#adbbcf;--border:#ffffff29;
 background:var(--ui-navy);color:var(--text);
}
.atelier-site .footer .brand{color:#f5f3ed}
.atelier-site .footer .brand>img{filter:brightness(0) invert(1)}
.atelier-site .footer-contact h2{color:#f5f3ed}
.atelier-site .footer-top p,.atelier-site .footer-signature>small,.atelier-site .footer-bottom{color:var(--muted)}
.atelier-site .footer-links h3{color:var(--ui-lime)}
.atelier-site .footer-signature>span{color:#cbd5e3}
.atelier-site .footer-bottom{padding-inline-end:72px;gap:24px}
body.atelier-site .footer a.rolling-action{
 display:block;width:fit-content;max-width:100%;color:var(--text);
 padding-bottom:3px;text-decoration:none;
}
body.atelier-site .footer a.rolling-action::after{opacity:.35;transition:opacity 220ms ease}
body.atelier-site .footer-links a.rolling-action::after{opacity:0}
body.atelier-site .footer a.rolling-action:is(:hover,:focus-visible){color:var(--ui-lime)}
body.atelier-site .footer a.rolling-action:is(:hover,:focus-visible)::after{opacity:1}
body.atelier-site .footer a:focus-visible{outline:2px solid var(--ui-lime);outline-offset:5px}

/* Give the header and its compact menu a visible edge over page content. */
.atelier-site .site-header{box-shadow:0 5px 20px -5px #071a3529}
.atelier-site .site-header.header-overlay:not(.is-solid){box-shadow:none}
.atelier-site .site-header:has(.nav-panel:not([hidden])){box-shadow:0 5px 20px -5px #071a3529}
@media(min-width:1051px){
 .atelier-site .site-header .nav-panel.paper-folio{box-shadow:0 20px 32px -14px #071a3580,0 8px 12px -6px #071a3559}
}
@media(max-width:1050px){
 .atelier-site .site-header #main-nav.open{box-shadow:0 18px 28px -14px #071a3580}
}
/* Narrow columns keep full product names; touch layouts do not roll text. */
@media(max-width:760px){
 body.atelier-site .footer .rolling-action .action-label-primary{white-space:normal}
 body.atelier-site .footer .rolling-action .action-label-copy{display:none}
 body.atelier-site .footer .rolling-action .action-character{display:inline;white-space:normal;transform:none!important;transition:none}
}
@media(prefers-reduced-motion:reduce){
 body.atelier-site .footer a.rolling-action::after{transition:none}
}