/* Warm ivory is the single light foundation; original project imagery stays intact. */
body.art-direction.studio-unified.warm-palette{--ad-paper:#FAF9F5!important;--paper:#FAF9F5!important;--ad-blue:#FAF9F5!important;--blue:#FAF9F5!important;--palette-paper:#FAF9F5!important;--palette-surface:#FAF9F5!important;background:#FAF9F5!important}
body.warm-palette #approved-hero{--paper:#FAF9F5!important;--blue:#FAF9F5!important}
body.art-direction.warm-palette #approved-hero>nav{background:#FAF9F5!important}
body.warm-palette :is(#trust,#process){background:#FAF9F5!important}
@media(min-width:1001px){
/* One gesture: the foot of the upper name continues into an oversized downward arrow. */
body.sera-pass #approved-hero .hero-name-arrow{position:absolute;inset:0;z-index:3;display:block;color:var(--ad-lime);pointer-events:none}
body.sera-pass #approved-hero .hero-name-arrow svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
body.sera-pass #approved-hero .hero-name-arrow path{fill:none;stroke:currentColor;stroke-width:15;stroke-linecap:square;stroke-linejoin:miter;pointer-events:stroke;transition:stroke-width 250ms ease!important}
body.sera-pass #approved-hero .hero-name-arrow:is(:hover,:focus-visible) path{stroke-width:21}
body.sera-pass #approved-hero .hero-name-arrow:focus-visible{outline:0}
body.sera-pass #approved-hero .hero-name-arrow:focus-visible path{stroke:var(--ad-paper)}
body.sera-pass #approved-hero .hero-work-navigation{display:block!important;align-self:end!important}
body.sera-pass #approved-hero .hero-work-text-link{font-size:13px!important;display:inline-flex!important;gap:16px;text-decoration:none;border-bottom:1px solid #faf9f599;padding-bottom:5px!important}
body.sera-pass #approved-hero .hero-grid-note{grid-column:3/span 3!important}
/* Preserve the current price appearance while making CTA a direct child of service-content. */
body.sera-pass #services .service-content{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0}
body.sera-pass #services .service-title{order:1;min-height:72px!important;margin:0!important;display:flex;justify-content:flex-end}
body.sera-pass #services .service-description{order:3;font-size:16px;line-height:1.6;max-width:350px;margin:0!important}
body.sera-pass #services .service-meta{order:0;font-size:10px;line-height:1.5;margin-bottom:16px;letter-spacing:.03em}
body.sera-pass #services .service-price{order:2;margin:20px 0 24px!important}
body.sera-pass #services .service-cta{order:4;position:static!important;align-self:flex-start!important;margin:28px 0 0!important;inset:auto!important;grid-area:auto!important;float:none!important}
/* Profile scale is deliberately 18% lower; all other section tokens remain unchanged. */
body.art-direction.sera-pass #about .columns>.editorial-about-heading{font-size:calc(var(--type-section) * .82)!important;line-height:var(--line-section)!important;letter-spacing:var(--tracking-section)!important}
body.art-direction.sera-pass #about .columns>.about-editorial-portrait{width:90%!important;margin-top:8px!important}
body.sera-pass #about .about-editorial-portrait figcaption{display:grid!important;grid-template-columns:1fr;gap:10px;max-width:none!important;width:100%;margin-top:20px!important;padding-top:14px!important;border-top:1px solid #faf9f566!important;font-size:10px!important;line-height:1.5;letter-spacing:.07em}
body.sera-pass #about .about-editorial-portrait figcaption>span:first-child{font-size:12px;letter-spacing:0}
body.sera-pass #about .about-editorial-portrait figcaption>span:last-child{opacity:.75}
/* Same three-direction mechanics; one cosmetic bottle and one brand across every board. */
body.sera-pass #ai .board-surface{background:#FAF9F5!important}
body.sera-pass #ai .sera-photo{position:absolute;inset:0;overflow:hidden;display:block}
body.sera-pass #ai .sera-photo img{position:absolute!important;top:0!important;width:300%!important;height:100%!important;max-width:none!important;object-fit:fill!important;filter:none!important;transform:none!important}
body.sera-pass #ai .sera-photo-clean img{left:0!important}
body.sera-pass #ai .sera-photo-editorial img{left:-100%!important}
body.sera-pass #ai .sera-photo-experimental img{left:-200%!important}
body.sera-pass #ai .board-brand{color:var(--ad-plum)!important;mix-blend-mode:normal!important;top:20px;left:20px;font-size:22px;letter-spacing:.1em;font-weight:500}
body.sera-pass #ai .board-foot{left:20px;bottom:16px;color:var(--ad-plum)!important;mix-blend-mode:normal!important;font-size:8px}
body.sera-pass #ai .sera-clean-title{position:absolute;left:20px;top:72px;font-size:27px;line-height:1.05;font-weight:400;letter-spacing:-.04em;color:var(--ad-plum)}
body.sera-pass #ai .sera-editorial-title{position:absolute;left:20px;top:75px;font-size:clamp(44px,4.5vw,68px);line-height:.9;letter-spacing:-.055em;font-weight:400;color:var(--ad-plum)}
body.sera-pass #ai .sera-editorial-title em{font-family:Georgia,serif;font-weight:400}
body.sera-pass #ai .sera-experimental-title{position:absolute;left:20px;right:20px;top:80px;font-size:clamp(24px,2.4vw,36px);line-height:.95;letter-spacing:-.045em;font-weight:600;color:var(--ad-lime)}
body.sera-pass #ai .board-experimental .board-brand,body.sera-pass #ai .board-experimental .board-foot{color:var(--ad-paper)!important}
body.sera-pass #ai .sera-one-brief{font-size:12px!important;line-height:1.5;letter-spacing:.03em;margin:18px 0 0!important;color:var(--ad-paper)}
body.sera-pass #ai .forma-conclusion{margin-top:18px}
body.sera-pass #ai .forma-boards[data-selected] .sera-photo{right:0;left:42%;width:58%;background:var(--ad-paper)}
body.sera-pass #ai .forma-boards[data-selected] .board-brand{font-size:30px;left:28px}
body.sera-pass #ai .forma-boards[data-selected] .sera-clean-title{font-size:52px;left:28px;top:100px}
body.sera-pass #ai .forma-boards[data-selected] .sera-editorial-title{font-size:76px;left:28px;top:110px}
body.sera-pass #ai .forma-boards[data-selected] .sera-experimental-title{font-size:46px;left:28px;top:110px;max-width:40%;color:var(--ad-plum)}
body.sera-pass #ai .forma-boards[data-selected] .board-experimental .board-brand,body.sera-pass #ai .forma-boards[data-selected] .board-experimental .board-foot{color:var(--ad-plum)!important}
}
@media(prefers-reduced-motion:reduce){body.sera-pass #approved-hero .hero-name-arrow path{transition:none!important}}

@media(min-width:1001px){
body.sera-pass #ai .sera-photo svg{display:block;width:100%;height:100%;overflow:hidden}
body.sera-pass #ai .sera-photo-experimental{background:var(--ad-plum)}
body.sera-pass #ai .sera-experimental-title{writing-mode:vertical-rl;font-size:22px;left:14px;right:auto;top:100px;max-height:275px;letter-spacing:0;line-height:1.05}
body.sera-pass #ai .sera-editorial-title{top:64px;font-size:clamp(42px,4.2vw,60px)}
body.sera-pass #ai .forma-boards[data-selected] .sera-experimental-title{writing-mode:horizontal-tb;font-size:46px;max-height:none}
}
body.art-direction.warm-palette #home,body.warm-palette .learning-dialog{background:#FAF9F5!important}
@media(min-width:1001px){body.art-direction.sera-pass #about .columns>.editorial-about-heading{letter-spacing:-.045em!important}}
@media(min-width:1001px){
body.sera-pass #services .service-title{min-height:42px!important;margin:0 0 15px!important}
body.sera-pass #services .service-price{font-size:inherit!important;font-weight:400!important;letter-spacing:normal!important;line-height:1.4!important}
body.sera-pass #services .service-price>span{font-size:13px!important;font-weight:400!important;letter-spacing:0!important;line-height:1.4!important}
}