@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

/* Atelier: an editorial salon portfolio with the typography of Leads & Lattes. */
:root[data-design="atelier"]{--atelier-paper:#f7f0f2;--atelier-cream:#fffaf7;--atelier-plum:#35233d;--atelier-ink:#3f2e44;--atelier-rose:#a86f91;--atelier-line:#dcc7d3;--atelier-blue:#5c85ab;--line:#dcc7d3;--muted:#66586c;--white:#35233d;--card:#fffaf7}
:root[data-design="atelier"] body,:root[data-design="atelier"] .signup-body{background:var(--atelier-paper);color:var(--atelier-ink);font-family:"DM Sans",Arial,sans-serif}
:root[data-design="atelier"] h1,:root[data-design="atelier"] h2,:root[data-design="atelier"] h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.035em;line-height:1.14}
:root[data-design="atelier"] .eyebrow{color:#8c5a7e;font:700 .72rem/1.5 "DM Sans",Arial,sans-serif;letter-spacing:.19em}
:root[data-design="atelier"] .site-header,:root[data-design="atelier"] .site-header.is-scrolled{background:#35233d;border-bottom:1px solid #ffffff25;box-shadow:0 6px 24px #2b1c3030;backdrop-filter:none}
@supports ((mask-image:url("/assets/anova-mark-plum.png")) or (-webkit-mask-image:url("/assets/anova-mark-plum.png"))){
  :root[data-design="atelier"] .site-header .brand::after{display:block;inset:auto;top:50%;left:calc(50% + 2px);width:35px;aspect-ratio:1;transform:translate(-50%,-50%);background:linear-gradient(110deg,transparent 39%,#ffffff20 45%,#fff 50%,#ffffff20 55%,transparent 61%) 100% 50%/300% 100% no-repeat;-webkit-mask:url("/assets/anova-mark-plum.png") center/contain no-repeat;mask:url("/assets/anova-mark-plum.png") center/contain no-repeat;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 8px #e9c9d8);animation:atelierLogoShine 6s ease-in-out infinite}
}
@keyframes atelierLogoShine{0%,12%{background-position:100% 50%;opacity:0}15%{opacity:1}42%{background-position:0% 50%;opacity:1}46%,100%{background-position:0% 50%;opacity:0}}
:root[data-design="atelier"] .site-nav>a:not(.button),:root[data-design="atelier"] .signup-home{color:#fbf4f7;font-family:"DM Sans",Arial,sans-serif;font-weight:600}
:root[data-design="atelier"] .site-nav>a:not(.button):hover,:root[data-design="atelier"] .signup-home:hover{color:#e8bdd4}
:root[data-design="atelier"] .button,:root[data-design="atelier"] .signup-card .button-primary{background:#704b78;border:1px solid #704b78;border-radius:2px;color:#fff9f9;box-shadow:none;text-shadow:none;font:700 .8rem/1.4 "DM Sans",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
:root[data-design="atelier"] .button:hover,:root[data-design="atelier"] .button:focus-visible{background:#583961;border-color:#583961;transform:translateY(-2px);box-shadow:0 9px 20px #35233d25}
:root[data-design="atelier"] .site-header .site-nav>.button{background:#e9c9d8;border-color:#e9c9d8;color:#35233d}
:root[data-design="atelier"] .site-header .site-nav>.button:hover{background:#fff0f6;border-color:#fff0f6;color:#35233d}
:root[data-design="atelier"] .text-link,:root[data-design="atelier"] .phone-link{color:#704b78}
:root[data-design="atelier"] .text-link::after{background:#a86f91}

/* An airy typographic cover with a six-video salon contact sheet. */
:root[data-design="atelier"] .hero-cinematic{min-height:820px;margin:0;padding:calc(var(--header-height) + 80px) 0 100px;background:radial-gradient(circle at 20% 22%,#fff9f6,transparent 47%),#f2e5eb;color:#35233d;display:flex;align-items:center;overflow:hidden}
:root[data-design="atelier"] .hero-cinematic::before{display:none}
:root[data-design="atelier"] .hero-cinematic::after{content:"ANOVA  /  THE SALON EDIT";position:absolute;bottom:32px;left:max(24px,calc((100vw - 1180px)/2));z-index:4;color:#8d647c;font:700 .65rem "DM Sans",Arial,sans-serif;letter-spacing:.25em}
:root[data-design="atelier"] .hero-cinematic .hero-grid{width:var(--shell);min-height:550px;display:flex;align-items:center}
:root[data-design="atelier"] .hero-cinematic .hero-copy{width:52%;max-width:660px;top:0;padding-right:20px}
:root[data-design="atelier"] .hero-cinematic .hero-copy>.eyebrow{color:#855a79;margin-bottom:30px}
:root[data-design="atelier"] .hero-cinematic .eyebrow::after{background:#a86f91}
:root[data-design="atelier"] .hero-cinematic .hero-copy>h1{max-width:690px;margin-bottom:42px;color:#35233d;font-size:clamp(3.2rem,5.7vw,6rem);font-weight:500;line-height:1.04;letter-spacing:-.055em;text-shadow:none}
:root[data-design="atelier"] .hero-cinematic h1 span{color:#a86f91;-webkit-text-fill-color:#a86f91;background:none;animation:none;font-style:italic}
:root[data-design="atelier"] .hero-cinematic .hero-actions{gap:12px}
:root[data-design="atelier"] .hero-cinematic .hero-actions .button{min-height:52px;padding:0 22px;background:#704b78;border-color:#704b78;color:#fff;font-size:.72rem}
:root[data-design="atelier"] .hero-cinematic .hero-actions .hero-outline-button{background:transparent;border-color:#704b78;color:#704b78}
:root[data-design="atelier"] .hero-cinematic .hero-actions .hero-outline-button:hover{background:#704b7812}
:root[data-design="atelier"] .anova-hero-media{inset:calc(var(--header-height) + 70px) 3% auto auto;width:42%;height:570px;background:transparent;overflow:visible;z-index:2}
:root[data-design="atelier"] .anova-hero-media .hero-reel-track{position:relative;top:0;left:0;width:100%;height:100%;min-height:0;margin:0;animation:none!important;transform:none!important}
:root[data-design="atelier"] .anova-hero-media .hero-reel-group:first-child{display:grid;width:100%;min-width:0;height:100%;grid-template-columns:1.25fr .8fr .8fr;grid-template-rows:1.2fr .8fr .9fr;gap:8px;padding:0;transform:rotate(2deg)}
:root[data-design="atelier"] .anova-hero-media .hero-reel-group+.hero-reel-group{display:none}
:root[data-design="atelier"] .anova-hero-media .hero-film{position:relative;top:auto;left:auto;width:auto;height:100%;min-width:0;flex-basis:auto;border:4px solid #fffaf7;border-radius:3px;background:#35233d;box-shadow:0 9px 22px #35233d2d;animation:none!important;transform:none!important}
:root[data-design="atelier"] .anova-hero-media .hero-film:nth-child(1){grid-column:1/2;grid-row:1/3}
:root[data-design="atelier"] .anova-hero-media .hero-film:nth-child(2){grid-column:2/4;grid-row:1/2}
:root[data-design="atelier"] .anova-hero-media .hero-film:nth-child(3){grid-column:2/3;grid-row:2/3}
:root[data-design="atelier"] .anova-hero-media .hero-film:nth-child(4){grid-column:3/4;grid-row:2/4}
:root[data-design="atelier"] .anova-hero-media .hero-film:nth-child(5){grid-column:1/2;grid-row:3/4}
:root[data-design="atelier"] .anova-hero-media .hero-film:nth-child(6){grid-column:2/3;grid-row:3/4}

/* Magazine-like chapters retain the same copy, videos, actions, and reach calculator. */
:root[data-design="atelier"] .mission-intro{background:#35233d;color:#fff7f8;padding:110px 0 80px}
:root[data-design="atelier"] .mission-intro .eyebrow{color:#e8bad2}
:root[data-design="atelier"] .mission-intro h2{font-size:clamp(2.8rem,5vw,5rem)}
:root[data-design="atelier"] .mission-intro h2 span{color:#e9bad1}
:root[data-design="atelier"] .mission-intro .mission-statement,:root[data-design="atelier"] .mission-intro .mission-statement p{color:#e6d8e1}
:root[data-design="atelier"] .mission-businessmen::before{background:radial-gradient(ellipse,#c890ae3d,transparent 70%)}
:root[data-design="atelier"] .mission{background:#fffaf7;padding:110px 0}
:root[data-design="atelier"] .mission-grid{min-height:650px}
:root[data-design="atelier"] .mission-copy h2,:root[data-design="atelier"] .benefits-feature-copy h2{font-size:clamp(2.7rem,4.7vw,5rem)}
:root[data-design="atelier"] .mission-copy>p:not(.eyebrow),:root[data-design="atelier"] .section-heading>p:last-of-type,:root[data-design="atelier"] .benefit-card p,:root[data-design="atelier"] .process-card p{color:#6c5c6a}
:root[data-design="atelier"] .mission-values span{border-color:#d9bdce;border-radius:2px;background:#f6eaf0;color:#704b78;font-weight:600}
:root[data-design="atelier"] .network-card{background:#e9d6e1;border:1px solid #d5b9ca;border-radius:160px 160px 6px 6px;box-shadow:none;padding:95px 45px 50px;backdrop-filter:none}
:root[data-design="atelier"] .network-card h2 span{color:#855a79}
:root[data-design="atelier"] .network-highlights strong{color:#855a79}
:root[data-design="atelier"] .network-highlights span,:root[data-design="atelier"] .network-card>p:not(.eyebrow){color:#6c5c6a}
:root[data-design="atelier"] .benefits{background:#f5e9ee;padding:110px 0}
:root[data-design="atelier"] .benefits-feature{grid-template-columns:.83fr 1.17fr;gap:clamp(42px,7vw,100px);align-items:center}
:root[data-design="atelier"] .benefits-feature-copy{grid-column:2;grid-row:1}
:root[data-design="atelier"] .benefits-feature-media{grid-column:1;grid-row:1;max-width:330px}
:root[data-design="atelier"] .benefits-feature-copy h2 span{color:#a86f91}
:root[data-design="atelier"] .benefits-feature-copy>p:not(.eyebrow){color:#6c5c6a}
:root[data-design="atelier"] .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d8bfce;border:1px solid #d8bfce}
:root[data-design="atelier"] .benefit-card{min-height:240px;padding:30px 38px;border:0;border-radius:0;background:#fffaf7;box-shadow:none;transform:none}
:root[data-design="atelier"] .benefit-card:hover{background:#f9f1f4;border:0;transform:none}
:root[data-design="atelier"] .benefit-card h3{margin:45px 0 13px;font-size:1.65rem}
:root[data-design="atelier"] .card-number{color:#a86f91}
:root[data-design="atelier"] .explainer-showcase{background:#35233d;color:#fff7f8;padding:110px 0}
:root[data-design="atelier"] .explainer-showcase .eyebrow{color:#e7b6d0}
:root[data-design="atelier"] .explainer-showcase .live-showcase-heading>p{color:#e0cfda}
:root[data-design="atelier"] .live-video-frame{background:#25182c;border:6px solid #e7c6d8;border-radius:2px;box-shadow:15px 15px 0 #654167}
:root[data-design="atelier"] .live-video-bar{background:#e7c6d8;color:#35233d;border:0}
:root[data-design="atelier"] .live-video-dots i{background:#a86f91}
:root[data-design="atelier"] .reach-section{background:#fffaf7;padding:110px 0}
:root[data-design="atelier"] .reach-dashboard{background:#fff;border:1px solid #d8bfce;border-radius:3px;box-shadow:12px 12px 0 #e9d6e1}
:root[data-design="atelier"] .tier-controls{border-color:#d8bfce}
:root[data-design="atelier"] .tier-button{border-color:#d8bfce;color:#6c5c6a}
:root[data-design="atelier"] .tier-button strong,:root[data-design="atelier"] .tier-button small{color:#704b78}
:root[data-design="atelier"] .tier-button:hover{background:#f8edf2}
:root[data-design="atelier"] .tier-button.is-active{background:#ead5e0;color:#35233d;box-shadow:inset 0 -4px 0 #a86f91}
:root[data-design="atelier"] .chart-total{color:#35233d;font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.06em}
:root[data-design="atelier"] .chart-kicker,:root[data-design="atelier"] .bar-value{color:#855a79}
:root[data-design="atelier"] .chart-label,:root[data-design="atelier"] .chart-copy p,:root[data-design="atelier"] .bar-column,:root[data-design="atelier"] .estimate-note{color:#6c5c6a}
:root[data-design="atelier"] .bar-track{background:#f7eef3;border-color:#ead9e3}
:root[data-design="atelier"] .bar-fill{background:linear-gradient(0deg,#704b78,#c88eac);box-shadow:none}
:root[data-design="atelier"] .bar-column:nth-child(2) .bar-fill{background:linear-gradient(0deg,#5c85ab,#a9c1d3)}
:root[data-design="atelier"] .locations{background:#f3e6ec}
:root[data-design="atelier"] .locations::before{border-color:#a86f912b;box-shadow:0 0 0 70px #a86f9108,0 0 0 150px #a86f9105}
:root[data-design="atelier"] .location-list,:root[data-design="atelier"] .location-list a{border-color:#cdb1c2}
:root[data-design="atelier"] .location-list strong{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:500}
:root[data-design="atelier"] .location-list em{color:#855a79}
:root[data-design="atelier"] #pricing{background:#e2ccd9;color:#35233d}
:root[data-design="atelier"] #pricing .eyebrow{color:#855a79}
:root[data-design="atelier"] .process{background:#fffaf7;padding:110px 0}
:root[data-design="atelier"] .process-grid{gap:1px;background:#d8bfce;border:1px solid #d8bfce}
:root[data-design="atelier"] .process-card{min-height:290px;border:0;border-radius:0;background:#fffaf7;box-shadow:none}
:root[data-design="atelier"] .process-card>span{background:none;border:0;color:#a86f91;font-family:"Playfair Display",Georgia,serif;font-size:1.5rem}
:root[data-design="atelier"] .process-card h3{margin:55px 0 15px;font-size:1.65rem}
:root[data-design="atelier"] .final-cta{background:#704b78;color:#fff9f9}
:root[data-design="atelier"] .final-cta .eyebrow{color:#edd0df}
:root[data-design="atelier"] .final-cta .button{background:#e9c9d8;border-color:#e9c9d8;color:#35233d}
:root[data-design="atelier"] .final-cta .phone-link{color:#fff9f9}
:root[data-design="atelier"] .site-footer{background:#35233d;border-color:#5d4561;color:#fff7f8}
:root[data-design="atelier"] .footer-links,:root[data-design="atelier"] .footer-meta,:root[data-design="atelier"] .footer-meta a{color:#e1ccda}
:root[data-design="atelier"] .trial-popup{background:#fffaf7;border-color:#c69ab2;color:#35233d}
:root[data-design="atelier"] .trial-popup .trial-discount{color:#a86f91}
:root[data-design="atelier"] .trial-popup #trial-description,:root[data-design="atelier"] .trial-later{color:#6c5c6a}
:root[data-design="atelier"] .trial-close{background:#f4e3ec;color:#704b78}
:root[data-design="atelier"] .anova-market{background:#f7f0f2;color:#35233d}
:root[data-design="atelier"] .anova-market .process-card{background:#fffaf7;border:1px solid #d8bfce}
:root[data-design="atelier"] .signup-card,:root[data-design="atelier"] .campaign-summary{background:#fffaf7;border-color:#d8bfce;color:#35233d;box-shadow:none}
:root[data-design="atelier"] .signup-intro h1 span,:root[data-design="atelier"] .campaign-summary h2 span{color:#a86f91}
:root[data-design="atelier"] .signup-notice,:root[data-design="atelier"] .signup-steps,:root[data-design="atelier"] .location-options summary,:root[data-design="atelier"] .review-details{background:#f3e6ec;border-color:#d8bfce;color:#35233d}
:root[data-design="atelier"] .signup-steps li[aria-current],:root[data-design="atelier"] .step-kicker,:root[data-design="atelier"] .small-note a{color:#704b78}
:root[data-design="atelier"] .signup-steps li[aria-current] span{background:#704b78;border-color:#704b78}
:root[data-design="atelier"] .choice-card:has(input:checked){background:#f3e6ec;border-color:#a86f91}

@media(max-width:1020px){
  :root[data-design="atelier"] .site-nav{background:#35233d;border-color:#76567a}
  :root[data-design="atelier"] .menu-toggle{background:#704b78;border-color:#e9c9d8;color:#fff}
  :root[data-design="atelier"] .menu-toggle>span:not(.sr-only){background:#fff}
  :root[data-design="atelier"] .anova-hero-media{right:2%;width:43%}
}
@media(max-width:760px){
  :root[data-design="atelier"] .hero-cinematic{display:flex;flex-direction:column-reverse;align-items:stretch;justify-content:flex-end;min-height:0;padding:calc(var(--header-height) + 45px) 0 75px}
  :root[data-design="atelier"] .hero-cinematic .hero-grid{min-height:0;display:block}
  :root[data-design="atelier"] .hero-cinematic .hero-copy{width:100%;max-width:none;top:0;padding:0}
  :root[data-design="atelier"] .hero-cinematic .hero-copy>h1{font-size:clamp(2.85rem,10vw,5rem);margin-bottom:28px}
  :root[data-design="atelier"] .hero-cinematic .hero-actions{flex-direction:row;align-items:stretch}
  :root[data-design="atelier"] .hero-cinematic .hero-actions .button{width:auto;flex:1;min-width:0;text-align:center;padding-inline:10px;font-size:.66rem}
  :root[data-design="atelier"] .anova-hero-media{position:relative;inset:auto;width:calc(100% - 48px);height:380px;margin:35px auto 0;overflow:visible}
  :root[data-design="atelier"] .anova-hero-media .hero-reel-track{height:100%;margin:0}
  :root[data-design="atelier"] .anova-hero-media .hero-reel-group:first-child{display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:repeat(3,1fr)}
  :root[data-design="atelier"] .anova-hero-media .hero-film{position:relative;width:auto;height:100%;min-width:0}
  :root[data-design="atelier"] .hero-cinematic::after{bottom:25px;left:24px;font-size:.52rem}
  :root[data-design="atelier"] .mission-intro,:root[data-design="atelier"] .benefits,:root[data-design="atelier"] .explainer-showcase,:root[data-design="atelier"] .reach-section,:root[data-design="atelier"] .process{padding:75px 0}
  :root[data-design="atelier"] .benefits-feature{grid-template-columns:1fr}
  :root[data-design="atelier"] .benefits-feature-copy,:root[data-design="atelier"] .benefits-feature-media{grid-column:auto;grid-row:auto}
  :root[data-design="atelier"] .benefits-feature-media{grid-row:2}
  :root[data-design="atelier"] .benefit-grid{grid-template-columns:1fr}
  :root[data-design="atelier"] .network-card{border-radius:120px 120px 6px 6px}
  :root[data-design="atelier"] .process-grid{grid-template-columns:1fr}
}
@media(max-width:680px){:root[data-design="atelier"] .site-header .brand::after{width:29px}:root[data-design="atelier"] .signup-header .brand::after{width:26px}}
@media(prefers-reduced-motion:reduce){:root[data-design="atelier"] .site-header .brand::after{display:none;animation:none}}
@media(prefers-reduced-motion:reduce){:root[data-design="atelier"] .anova-hero-media .hero-film,:root[data-design="atelier"] .hero-cinematic h1 span{animation:none!important}}