/* Atelier 3.3 — local, opt-in visual layer. No external fonts or trackers. */
body.site-public.theme-atelier33{
 --ink:#143b31;--forest:#143b31;--green:#143b31;--canvas:#f5f6f1;--paper:#f5f6f1;--ivory:#f5f6f1;
 --surface:#fff;--body:#4a6057;--muted:#4a6057;--line:#d8e1d7;--accent:#916139;--copper:#dcb789;
 background:radial-gradient(ellipse at 4% 28%,#dfe9df8c,transparent 36%),radial-gradient(ellipse at 96% 65%,#e5e8dcaa,transparent 30%),#f5f6f1;
 color:var(--ink);font-family:Inter,"Be Vietnam Pro","Segoe UI",Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;
}
.theme-atelier33 ::selection{background:#dcb789;color:#102e25}
.theme-atelier33 :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.045em;font-weight:550}
.theme-atelier33 p{color:var(--body);text-wrap:pretty}
.theme-atelier33 .eyebrow{display:block;font-size:11px;line-height:1.6;letter-spacing:.16em;font-weight:650;color:#647a69;margin-bottom:18px}
.theme-atelier33 .eyebrow::before{content:'';display:inline-block;width:22px;height:1px;background:#a97c4d;margin:0 11px 4px 0}
.theme-atelier33 a{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}
/* Frosted navigation, with one clear primary action. */
.site-public.theme-atelier33 .premium-header{min-height:86px;padding:16px max(24px,calc((100% - 1320px)/2));background:#f5f6f1f2;border-bottom:1px solid #204c3320;gap:26px;backdrop-filter:blur(18px)}
.theme-atelier33 .premium-header.is-scrolled{box-shadow:0 8px 32px #15362b0b}
.site-public.theme-atelier33 .premium-header .brand{font-size:16px;letter-spacing:-.025em;gap:10px}
.theme-atelier33 .premium-header .brand small{font-size:8px;letter-spacing:.22em;margin-top:5px;color:#5d7166}
.site-public.theme-atelier33 .premium-header nav{gap:23px;font-size:12px}
.theme-atelier33 .nav-partners summary{font-size:12px}
.theme-atelier33 .nav-partners>div{border-radius:14px;border-color:#dbe2d8;box-shadow:0 20px 48px #113b3020}
.site-public.theme-atelier33 .button,.site-public.theme-atelier33 .header nav>.button{border-radius:7px;min-height:50px;background:#173f33;border:1px solid #173f33;color:#fff;font-size:14px;font-weight:650;padding:14px 23px;box-shadow:0 6px 16px #123b3012;letter-spacing:0}
.site-public.theme-atelier33 .button:hover,.site-public.theme-atelier33 .header nav>.button:hover{background:#255344;border-color:#255344;color:#fff;box-shadow:0 10px 24px #123b3022;transform:translateY(-2px)}
.site-public.theme-atelier33 .button.secondary{background:#ffffff70;border-color:#8fa697;color:#173f33;box-shadow:none}
.site-public.theme-atelier33 .button.secondary:hover{background:#e8eee4;border-color:#426a56;color:#173f33}
.site-public.theme-atelier33 .button.small{min-height:44px;padding:11px 17px;font-size:12px}
.site-public.theme-atelier33 :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid #a37142;outline-offset:5px}
/* Real project video remains visible on the right. Blueprint is decorative. */
.theme-atelier33 .premium-hero{height:min(820px,84svh);min-height:690px;background:#102e25;border-radius:0 0 36px 36px;margin:0 14px;isolation:isolate}
.theme-atelier33 :is(.hero-poster,.hero-video){object-position:70% center;filter:saturate(.7);width:83%;left:auto;right:0}
.theme-atelier33 .hero-shade{background:linear-gradient(90deg,#102e25 4%,#102e25f5 25%,#102e25b8 53%,#102e252e 100%),linear-gradient(0deg,#102e25a6,transparent 55%)}
.theme-atelier33 .premium-hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#c5decc07 1px,transparent 1px) 0 0/88px 88px,linear-gradient(0deg,#c5decc07 1px,transparent 1px) 0 0/88px 88px;mask-image:linear-gradient(90deg,black,transparent 70%)}
.theme-atelier33 .premium-hero::after{content:'';position:absolute;right:-100px;bottom:-210px;width:660px;height:660px;pointer-events:none;z-index:0;background:url('/assets/atelier33-blueprint.svg') center/contain no-repeat;opacity:.43}
.theme-atelier33 .premium-hero-content{position:relative;z-index:1;max-width:1320px;padding:100px 48px 130px}
.theme-atelier33 .premium-hero .eyebrow{color:#dfc29d;font-size:10px;letter-spacing:.21em;margin-bottom:26px}
.site-public.theme-atelier33 .premium-hero h1{max-width:750px;font-size:clamp(42px,4.35vw,66px);line-height:1.14;font-weight:500;letter-spacing:-.05em;color:#f8f7ef;margin-bottom:28px}
.site-public.theme-atelier33 .premium-hero p{max-width:520px;color:#d5e0d8;font-size:16px;line-height:1.9}
.theme-atelier33 .premium-hero .actions{margin-top:32px;gap:12px}
.site-public.theme-atelier33 .premium-hero .button:not(.secondary){background:linear-gradient(115deg,#e6c59a,#d3a66f);border-color:#e0ba88;color:#15362a;box-shadow:0 8px 28px #020e0a30;min-width:185px}
.site-public.theme-atelier33 .premium-hero .button:not(.secondary):hover{background:#edcea6;color:#102d23;box-shadow:0 10px 32px #020e0a45}
.site-public.theme-atelier33 .premium-hero .button.secondary{color:#f2f4ec;border-color:#bdcfc16b;background:#1a3d3140;min-width:172px}
.site-public.theme-atelier33 .premium-hero .button.secondary:hover{background:#214e3f;border-color:#dce7db}
.site-public.theme-atelier33 .premium-hero .hero-reassurance{font-size:11px;color:#c4d2c8;margin-top:26px}
.theme-atelier33 .hero-control{left:auto;right:35px;bottom:29px;border:1px solid #d5e2d55c;background:#122e258c;backdrop-filter:blur(10px);border-radius:30px;padding:10px 17px;font-size:11px;z-index:2}
/* Light editorial canvas; contrast is carried by type, not heavy borders. */
.site-public.theme-atelier33 .content-section{max-width:1280px;padding:88px 48px;position:relative}
.theme-atelier33 .experience32 h2{font-size:clamp(30px,3.1vw,45px);line-height:1.22;max-width:820px;margin:0 0 36px}
.theme-atelier33 .experience32 h1{font-size:clamp(38px,4.5vw,64px);line-height:1.15;max-width:940px;margin-bottom:30px}
.theme-atelier33 .experience32 h3{font-size:23px;line-height:1.35;font-weight:550;margin:18px 0 14px}
.theme-atelier33 .experience32 p{font-size:15px;line-height:1.9}
.theme-atelier33 .exp-heading{margin-bottom:34px;gap:32px}
.theme-atelier33 .exp-heading h2{margin-bottom:0}
.theme-atelier33 .exp-role-grid{gap:18px}
.theme-atelier33 .exp-role-grid article{position:relative;padding:32px 28px 28px;border-radius:14px;border:1px solid #cddace;background:linear-gradient(145deg,#ffffff,#fafbf7);box-shadow:0 12px 34px #244c3510;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.theme-atelier33 .exp-role-grid article::before{content:'';position:absolute;right:-90px;top:-140px;width:290px;height:290px;background:url('/assets/atelier33-blueprint.svg') center/contain no-repeat;opacity:.13;pointer-events:none;filter:brightness(.7)}
.theme-atelier33 .exp-role-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px #204c351a;border-color:#8ba691}
.theme-atelier33 .exp-role-grid .exp-number{display:flex;align-items:center;justify-content:center;border:1px solid #c4d2c0;width:43px;height:43px;border-radius:50%;font-size:12px;letter-spacing:.05em;color:#547359;margin-bottom:18px;background:#f2f5ed}
.theme-atelier33 .exp-role-grid article p{margin-bottom:28px;font-size:14px}
.theme-atelier33 .exp-role-grid article .button{margin-top:auto;font-size:12px;min-height:45px;padding:11px 16px;border-color:#c0cec0;width:100%;justify-content:space-between}
.theme-atelier33 .exp-benefit-grid{gap:35px}
.theme-atelier33 .exp-benefit-grid article{border-top:1px solid #a5bca7;padding-top:20px}
.theme-atelier33 .exp-benefit-grid article h3{font-size:21px}
.theme-atelier33 .exp-proof-grid img{border-radius:12px}
.theme-atelier33 .exp-evidence-links{gap:12px;margin-top:25px}
.theme-atelier33 .exp-evidence-links a{display:inline-flex;align-items:center;min-height:46px;border:1px solid #bdccbc;padding:10px 17px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;background:#ffffff80}
.theme-atelier33 .exp-evidence-links a:hover{background:#e9efdf;border-color:#6f8d74}
/* A dark drafting table anchors the five-step process. */
.site-public.theme-atelier33 .experience32:has(>.exp-steps){max-width:1184px;margin:22px auto;background:radial-gradient(ellipse at 90% 0%,#32594677,transparent 55%),#13372b;padding:64px 48px;border-radius:18px;box-shadow:0 24px 60px #153b3015;overflow:hidden}
.theme-atelier33 .experience32:has(>.exp-steps)::after{content:'';position:absolute;right:-140px;bottom:-340px;width:600px;height:600px;background:url('/assets/atelier33-blueprint.svg') center/contain no-repeat;opacity:.17;pointer-events:none}
.site-public.theme-atelier33 .experience32:has(>.exp-steps) :is(h2,p,a){color:#edf2e8;position:relative;z-index:1}
.theme-atelier33 .experience32:has(>.exp-steps) .eyebrow{color:#dbbc91}
.theme-atelier33 .exp-steps{position:relative;z-index:1;gap:24px;color:#e3ebdf;font-size:14px;line-height:1.8;margin:45px 0 28px}
.theme-atelier33 .exp-steps li{border-top-color:#6b887058;padding-top:21px}
.theme-atelier33 .exp-steps li::before{color:#d9b68a;font-size:30px;font-weight:400;letter-spacing:-.04em;margin-bottom:23px}
.theme-atelier33 .exp-note{font-size:12px!important}
.theme-atelier33 .exp-questions{max-width:none;border-top:1px solid #ccd8c9}
.theme-atelier33 .exp-questions details{padding:24px 0;border-color:#ccd8c9}
.theme-atelier33 .exp-questions summary{font-size:18px;font-weight:500;min-height:32px;padding-right:40px;position:relative;list-style:none}
.theme-atelier33 .exp-questions summary::-webkit-details-marker{display:none}
.theme-atelier33 .exp-questions summary::after{content:'+';position:absolute;right:5px;top:-3px;font-size:26px;font-weight:300;color:#68816a}
.theme-atelier33 .exp-questions details[open] summary::after{content:'−'}
.theme-atelier33 .exp-questions details p{max-width:780px;margin:20px 0 0}
/* Contact is the single final accent; links preserve their existing popups. */
.site-public.theme-atelier33 .experience32.exp-contact{max-width:1184px;margin:16px auto 84px;padding:65px 48px;background:radial-gradient(ellipse at 100% 100%,#d8e1cd,transparent 65%),linear-gradient(120deg,#edf1e7,#f2f3ea);border:1px solid #c9d6c4;border-radius:18px;overflow:hidden}
.theme-atelier33 .exp-contact::after{content:'';position:absolute;width:560px;height:560px;right:-160px;top:-100px;border:1px solid #93ae923b;border-radius:50%;pointer-events:none;box-shadow:0 0 0 55px #93ae9210,0 0 0 110px #93ae920a}
.theme-atelier33 .exp-contact>*{position:relative;z-index:1}
.theme-atelier33 .exp-contact h2{max-width:720px}
.theme-atelier33 .exp-contact .actions{margin-top:27px}
.theme-atelier33 .exp-contact .exp-note{margin-top:25px}
.theme-atelier33 .news-grid{gap:24px}
.theme-atelier33 :is(.news-card,.news-grid article){border-radius:12px;overflow:hidden;border-color:#d7e0d3;background:#fff;box-shadow:0 10px 28px #22443208}
.theme-atelier33 .news-grid h3{font-size:21px;line-height:1.45}
.theme-atelier33 .news-grid img{transition:transform .4s}
.theme-atelier33 .news-grid article:hover img{transform:scale(1.025)}
.theme-atelier33 .premium-footer{position:relative;background:#102d25!important;color:#e6ede3;border-top:1px solid #355848;padding-top:70px!important}
.site-public.theme-atelier33 .premium-footer :is(h2,.footer-brand){color:#f3f4e9}
.site-public.theme-atelier33 .premium-footer :is(p,small){color:#b4c6b8}
.theme-atelier33 .premium-footer a{color:#c7d6c9;font-size:13px}
.theme-atelier33 .premium-footer a:hover{color:#e5be8e}
.theme-atelier33 .premium-footer .footer-brand{font-size:27px;letter-spacing:-.04em}
.theme-atelier33 .premium-footer .footer-bottom{border-color:#42634c70;color:#b5c5b7}
.theme-atelier33 .premium-footer [data-privacy-open]{color:#d9b98f}
/* Supporting public pages share the same visual language, without styling CMS. */
.theme-atelier33 #main>.content-section:first-child:not(.exp-contact){background-image:radial-gradient(ellipse at 100% 5%,#dce7d466,transparent 55%)}
.theme-atelier33 .growth-form,.theme-atelier33 .panel{border-color:#cedbc8;border-radius:14px;background:#ffffffa8}
.theme-atelier33 .cta{background:#15392d!important;border-radius:18px}
@media(min-width:1251px){.site-public.theme-atelier33 .premium-header nav>a:first-child{display:none}}
@media(min-width:761px) and (max-width:1250px){.site-public.theme-atelier33 .premium-header{min-height:100px;padding:12px 28px;gap:4px}.site-public.theme-atelier33 .premium-header nav{gap:23px}.theme-atelier33 .premium-hero{min-height:650px}.theme-atelier33 .premium-hero-content{padding:90px 40px 110px}.site-public.theme-atelier33 .experience32:has(>.exp-steps),.site-public.theme-atelier33 .experience32.exp-contact{margin-inline:28px}}
@media(max-width:760px){
 .site-public.theme-atelier33 .premium-header{min-height:72px;padding:13px 20px;gap:12px}.site-public.theme-atelier33 .premium-header .brand{font-size:14px}.theme-atelier33 .premium-header .brand small{font-size:7px}
 .site-public.theme-atelier33 .premium-header .nav-toggle{border-radius:7px;background:transparent;border-color:#c4d2c0;font-size:12px}.site-public.theme-atelier33 .premium-header nav{background:#f7f8f2;gap:8px;padding:20px}.theme-atelier33 .nav-partners summary{font-size:15px}
 .theme-atelier33 .premium-hero{margin:0 8px;border-radius:0 0 22px 22px;height:auto;min-height:680px}
 .theme-atelier33 :is(.hero-poster,.hero-video){width:100%;object-position:66% center}
 .theme-atelier33 .hero-shade{background:linear-gradient(90deg,#102e25f0,#102e25b3),linear-gradient(0deg,#102e25bb,transparent 55%)}
 .theme-atelier33 .premium-hero::after{width:400px;height:400px;right:-145px;bottom:-125px;opacity:.38}
 .theme-atelier33 .premium-hero-content{padding:58px 24px 105px}
 .theme-atelier33 .premium-hero .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:26px}
 .site-public.theme-atelier33 .premium-hero h1{font-size:38px;line-height:1.17;max-width:530px;letter-spacing:-.045em}
 .site-public.theme-atelier33 .premium-hero p{font-size:14px;line-height:1.9}
 .theme-atelier33 .premium-hero .actions{margin-top:27px;align-items:stretch;display:flex;flex-wrap:wrap}
 .site-public.theme-atelier33 .premium-hero .button{font-size:13px;padding:13px 17px;min-width:0;flex:1 1 140px;min-height:48px}
 .site-public.theme-atelier33 .premium-hero .hero-reassurance{font-size:10px;line-height:1.8;margin-top:23px}
 .theme-atelier33 .hero-control{bottom:22px;right:24px;font-size:10px}
 .site-public.theme-atelier33 .content-section{padding:57px 24px}
 .theme-atelier33 .experience32 h2{font-size:30px;line-height:1.25;margin-bottom:27px;letter-spacing:-.045em}
 .theme-atelier33 .experience32 h1{font-size:38px}
 .theme-atelier33 .experience32 h3{font-size:23px}
 .theme-atelier33 .exp-role-grid{gap:15px}.theme-atelier33 .exp-role-grid article{padding:27px 25px}.theme-atelier33 .exp-role-grid .exp-number{margin-bottom:9px}
 .theme-atelier33 .exp-benefit-grid{gap:24px}.theme-atelier33 .exp-heading{gap:20px}.theme-atelier33 .exp-heading h2{margin-bottom:0}
 .site-public.theme-atelier33 .experience32:has(>.exp-steps){margin:12px 16px;padding:36px 25px;border-radius:16px}.theme-atelier33 .exp-steps{margin-top:28px;gap:12px}.theme-atelier33 .exp-steps li{padding-top:15px;grid-template-columns:36px 1fr;gap:16px}.theme-atelier33 .exp-steps li::before{font-size:23px;margin-bottom:8px}
 .theme-atelier33 .exp-questions summary{font-size:16px;line-height:1.6;padding-right:30px}.theme-atelier33 .exp-questions details{padding:21px 0}
 .site-public.theme-atelier33 .experience32.exp-contact{margin:12px 16px 48px;padding:36px 25px;border-radius:16px}.theme-atelier33 .exp-contact .actions{display:flex;flex-direction:column;align-items:stretch}.theme-atelier33 .exp-contact .actions .button{width:100%}
 .site-public.theme-atelier33 .premium-footer{padding:48px 24px 115px!important;gap:35px 24px}.theme-atelier33 .premium-footer .footer-brand{font-size:25px}.theme-atelier33 .premium-footer a{font-size:12px}
}
@media(max-width:374px){.site-public.theme-atelier33 .premium-hero h1{font-size:34px}.theme-atelier33 .premium-hero-content{padding-inline:20px}.theme-atelier33 .premium-hero .actions{flex-direction:column}.site-public.theme-atelier33 .premium-hero .button{flex:auto}.theme-atelier33 .premium-hero{min-height:740px}}
@media(prefers-reduced-motion:reduce){.theme-atelier33 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.theme-atelier33 .exp-role-grid article:hover,.site-public.theme-atelier33 .button:hover,.theme-atelier33 .news-grid article:hover img{transform:none}}
@media(forced-colors:active){.theme-atelier33 .premium-hero::before,.theme-atelier33 .premium-hero::after{display:none}.theme-atelier33 .exp-role-grid article,.theme-atelier33 .exp-contact{border:1px solid CanvasText}.theme-atelier33 .button{forced-color-adjust:auto}}
/* Existing CTA popup enhancer adds !important hero styles; keep the chosen palette. */
.site-public.theme-atelier33 .premium-hero .ndp-button-primary{background:linear-gradient(115deg,#e6c59a,#d3a66f)!important;color:#15362a!important;border-color:#e0ba88!important}
.site-public.theme-atelier33 .premium-hero .ndp-button-primary:hover{background:#edcea6!important;color:#102d23!important}
.site-public.theme-atelier33 .premium-hero .ndp-button-secondary{background:#1a3d3140!important;border-color:#bdcfc16b!important;color:#f2f4ec!important}
.site-public.theme-atelier33 .premium-hero .hero-reassurance{border:0;padding:0}
/* Footer palette must never leak into cookie consent or its preference dialog. */
.site-public.theme-atelier33 .premium-footer :is(.privacy-banner,.privacy-dialog){color:#24372e}
.site-public.theme-atelier33 .premium-footer :is(.privacy-banner,.privacy-dialog) :is(h2,h3){color:#24372e}
.site-public.theme-atelier33 .premium-footer :is(.privacy-banner,.privacy-dialog) :is(p,small){color:#465d50}
.site-public.theme-atelier33 .premium-footer :is(.privacy-banner,.privacy-dialog) a{color:#214b3b}
.site-public.theme-atelier33 .premium-footer .privacy-banner{background:#fff}
/* Account for margins on sections which inherited width:100% from the base theme. */
.site-public.theme-atelier33 .experience32:has(>.exp-steps),.site-public.theme-atelier33 .experience32.exp-contact{width:calc(100% - 96px)}
@media(min-width:761px) and (max-width:1250px){.site-public.theme-atelier33 .experience32:has(>.exp-steps),.site-public.theme-atelier33 .experience32.exp-contact{width:calc(100% - 56px)}}
@media(max-width:760px){.site-public.theme-atelier33 .experience32:has(>.exp-steps),.site-public.theme-atelier33 .experience32.exp-contact{width:calc(100% - 32px)}}
