:root { --paper:#fbf8f4; --white:#fffdfb; --ink:#35233f; --muted:#756b77; --lilac:#876392; --soft:#f1ebf2; --line:#e5dde2; --gold:#a24c11; --orange:#ef8610; --orange-light:#ffab3c; --orange-deep:#a24c11; --orange-gradient:linear-gradient(135deg,#e86b1d,#f69b27); --serif:"Playfair Display",Georgia,serif; --sans:"Montserrat",Arial,sans-serif; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:104px; }
body { margin:0; background:var(--paper); color:var(--ink); font:400 14px/1.7 var(--sans); -webkit-font-smoothing:antialiased; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button { color:inherit; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
button { border:0; }
h1,h2,h3,h4,p,figure,blockquote { margin:0; }
h1,h2,h3 { font-family:var(--serif); font-weight:400; }
h2 { font-size:clamp(36px,4vw,54px); line-height:1.15; letter-spacing:-.035em; }
em { font-weight:inherit; color:var(--lilac); }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid #a47aad; outline-offset:5px; }
.container { width:min(1200px,calc(100% - 80px)); margin-inline:auto; }
.section { padding-block:96px; }
.eyebrow { margin-bottom:22px; color:var(--gold); font-size:10px; line-height:1.7; font-weight:650; letter-spacing:.14em; text-transform:uppercase; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:54px; padding:15px 26px; border:1px solid var(--ink); border-radius:999px; background:var(--ink); color:#fff; font:550 12px/1.6 var(--sans); transition:background .2s,border-color .2s; }
.button:hover { background:#563766; border-color:#563766; }
.button > span:last-child { font-size:18px; font-weight:400; line-height:1; }
.button--small { min-height:44px; padding:10px 21px; gap:17px; font-size:11px; }
.button--light { color:var(--ink); background:#f6ebdc; border-color:#f6ebdc; }
.button--light:hover { background:#e8d7c0; border-color:#e8d7c0; }
.text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; padding:4px 0; background:none; border:0; border-bottom:1px solid #b8a7bc; font:550 12px/1.8 var(--sans); }
.text-link:hover { color:var(--lilac); }
.skip-link { position:fixed; top:10px; left:10px; z-index:2000; padding:12px 20px; background:white; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.preview-bar { display:flex; justify-content:center; align-items:center; gap:24px; padding:7px 24px; background:#ece4ed; color:#725d7c; font-size:10px; line-height:1.6; }
.preview-bar a { border-bottom:1px solid #c1afc8; }
.site-header { position:sticky; top:0; z-index:50; background:rgba(251,248,244,.96); border-bottom:1px solid rgba(229,221,226,.8); backdrop-filter:blur(14px); }
.site-header__inner { display:flex; align-items:center; justify-content:space-between; gap:24px; height:92px; }
.brand { display:inline-flex; flex-direction:column; align-items:flex-start; flex-shrink:0; line-height:1; }
.brand__name { font:italic 500 35px/1 var(--serif); letter-spacing:-.06em; }
.brand__dot { color:var(--lilac); }
.brand__caption { margin-top:8px; font-size:8px; font-weight:500; letter-spacing:.13em; text-transform:uppercase; }
.desktop-nav { display:flex; gap:30px; font-size:11px; font-weight:500; }
.desktop-nav a { padding:12px 0; }
.desktop-nav a:hover { color:var(--lilac); }
.menu-toggle { display:none; align-items:center; justify-content:center; flex-direction:column; gap:6px; width:44px; height:44px; border:1px solid var(--line); background:transparent; border-radius:50%; }
.menu-toggle span { width:17px; height:1px; background:var(--ink); transition:transform .2s; }
.menu-toggle[aria-expanded=true] span:first-child { transform:translateY(3.5px) rotate(45deg); }
.menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
.mobile-nav { position:absolute; top:100%; left:0; right:0; padding:14px 24px 24px; display:grid; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 15px 20px #35233f0a; }
.mobile-nav a { padding:12px 4px; border-bottom:1px solid var(--line); font-size:14px; }
.hero__inner { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; padding-block:56px 62px; }
.hero__copy { min-width:0; padding:12px 0; }
.hero .eyebrow { margin-bottom:24px; font-size:10px; }
.hero h1 { margin:0; font-size:clamp(56px,5.85vw,84px); line-height:1.08; letter-spacing:-.045em; }
.hero h1 em { white-space:nowrap; }
.hero__lead { max-width:480px; margin-top:28px; font-size:14px; line-height:1.9; color:var(--muted); }
.hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px 24px; margin-top:30px; }
.hero__note { display:flex; align-items:center; gap:9px; margin-top:25px; color:#8a7c89; font-size:10px; }
.hero__note > span { font-size:18px; color:#a890ad; }
.hero__portrait { position:relative; align-self:stretch; min-height:560px; border-radius:120px 24px 24px 24px; overflow:hidden; background:#e7d8c8; }
.hero__portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:48% 40%; }
.hero__portrait figcaption { position:absolute; bottom:0; left:0; right:0; padding:70px 32px 28px; background:linear-gradient(transparent,rgba(46,28,35,.73)); color:white; }
.hero__portrait figcaption > span { display:block; font:400 27px/1.3 var(--serif); }
.hero__portrait figcaption > small { display:block; margin-top:8px; font-size:10px; letter-spacing:.02em; }
.trust { display:grid; grid-template-columns:repeat(3,1fr) 1.2fr; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding-block:29px; }
.trust > div { padding:0 30px; border-right:1px solid var(--line); }
.trust > div:first-child { padding-left:0; }
.trust > div:last-child { border:0; padding-right:0; }
.trust strong { display:block; font:400 37px/1.25 var(--serif); letter-spacing:-.04em; }
.trust strong span { font-size:24px; }
.trust p { margin-top:7px; color:var(--muted); font-size:10px; line-height:1.8; }
.trust .trust__message { display:flex; align-items:center; gap:24px; }
.trust__message > span { color:#a88eaf; font:400 42px/1 var(--serif); }
.trust__message p { margin:0; font-size:12px; color:var(--ink); }
.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin-bottom:44px; }
.section-head__copy { max-width:375px; margin-bottom:5px; color:var(--muted); font-size:13px; line-height:1.85; }
.concerns__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 30px; }
.concern { display:flex; align-items:flex-start; gap:20px; padding-block:25px; border-top:1px solid var(--line); }
.concern img { width:88px; height:105px; flex:0 0 88px; border-radius:14px; object-fit:cover; }
.concern > div { min-width:0; }
.concern h3 { font-size:21px; line-height:1.3; margin:2px 0 9px; letter-spacing:-.02em; }
.concern p { font-size:11px; line-height:1.85; color:var(--muted); }
.concerns__footnote { margin-top:16px; padding-top:24px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; text-align:center; }
.concerns__footnote a { margin-left:10px; color:var(--ink); border-bottom:1px solid #b8a7bc; white-space:nowrap; }

/* Existing quiz mechanics, restyled to match the workshop. */
#face-quiz-widget { --fq-ink:var(--ink); --fq-muted:var(--muted); --fq-line:var(--line); --fq-scroll-offset:116px; --fq-blue:var(--ink); --fq-blue-hover:#563766; width:100%; padding:0 0 8px; font-family:var(--sans); color:var(--ink); background:var(--paper); }
#face-quiz-widget .fq-shell { width:min(1200px,calc(100% - 80px)); padding:0; margin:0 auto; }
#face-quiz-widget .fq-intro { grid-template-columns:1.13fr .87fr; align-items:center; gap:64px; padding:52px 56px; border-radius:28px; background:#35233f; color:#fff; }
#face-quiz-widget .fq-intro > div { min-width:0; }
#face-quiz-widget .fq-eyebrow { color:var(--gold); font-size:10px; letter-spacing:.13em; font-weight:650; }
#face-quiz-widget .fq-intro .fq-eyebrow { color:#cebad4; margin-bottom:21px; }
#face-quiz-widget .fq-intro h2 { color:#fffdfb; font:400 clamp(34px,3.6vw,48px)/1.15 var(--serif); letter-spacing:-.025em; margin:0 0 22px; }
#face-quiz-widget .fq-intro h2 em { color:#c8a8d1; }
#face-quiz-widget .fq-lead { color:#c9bdcf; font-size:13px; line-height:1.9; margin:0; max-width:460px; }
#face-quiz-widget .fq-benefits { display:block; margin:0 0 26px; }
#face-quiz-widget .fq-benefit { display:grid; grid-template-columns:28px 1fr; gap:14px; padding:17px 0; border:0; border-top:1px solid #ffffff26; border-radius:0; background:none; min-height:0; }
#face-quiz-widget .fq-benefit > span { padding-top:3px; color:#b997c7; font:400 20px/1 var(--serif); }
#face-quiz-widget .fq-benefit strong { margin:0; color:#f7f0fa; font-size:12px; font-weight:550; }
#face-quiz-widget .fq-benefit p { margin:4px 0 0; color:#c9bdcf; font-size:10px; line-height:1.65; }
#face-quiz-widget .fq-button { min-height:50px; padding:14px 24px; border-radius:999px; font:550 12px/1.6 var(--sans); box-shadow:none; transform:none; }
#face-quiz-widget .fq-button-primary, #face-quiz-widget .fq-button-dark { color:white; background:var(--ink); }
#face-quiz-widget .fq-button-primary:hover, #face-quiz-widget .fq-button-dark:hover { background:#563766; }
#face-quiz-widget .fq-intro .fq-button-primary { width:100%; color:var(--ink); background:#f6ebdc; }
#face-quiz-widget .fq-intro .fq-button-primary:hover { background:#e8d7c0; }
#face-quiz-widget .fq-intro .fq-microcopy { color:#c9bdcf; font-size:10px; margin-top:12px; text-align:center; }
#face-quiz-widget .fq-quiz { max-width:850px; }
#face-quiz-widget .fq-card { background:var(--white); border:1px solid var(--line); border-radius:26px; padding:38px; box-shadow:none; }
#face-quiz-widget .fq-question-card h2, #face-quiz-widget .fq-result-head h2 { color:var(--ink); font:400 clamp(30px,3vw,42px)/1.15 var(--serif); letter-spacing:-.025em; }
#face-quiz-widget .fq-question-help, #face-quiz-widget .fq-answer-copy { font-size:13px; }
#face-quiz-widget .fq-answer label { border-radius:14px; padding:15px; }
#face-quiz-widget .fq-answer input:checked + label { background:var(--soft); border-color:#a184ab; }
#face-quiz-widget .fq-answer input:checked + label .fq-answer-mark { background:var(--ink); border-color:var(--ink); color:white; }
#face-quiz-widget .fq-result-summary { font-size:16px; }
#face-quiz-widget .fq-result-insight, #face-quiz-widget .fq-result-offer-copy, #face-quiz-widget .fq-numbered, #face-quiz-widget .fq-offer-list { font-size:13px; line-height:1.85; }
#face-quiz-widget .fq-direction h3 { font:400 28px/1.3 var(--serif); color:var(--ink); }
#face-quiz-widget .fq-result-offer-box { background:var(--soft); padding:28px; border-radius:18px; }
#face-quiz-widget .fq-price { font-size:38px; }
#face-quiz-widget .fq-success h2 { font:400 44px/1.2 var(--serif); }
#face-quiz-widget .fq-submit-consent { color:var(--lilac); font-size:11px; }
#face-quiz-widget input { font-size:16px; border-radius:12px; }

.about { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:center; }
.about__portrait { position:relative; align-self:stretch; min-height:600px; border-radius:26px; overflow:hidden; background:#2c104c; }
.about__portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 30%; }
.about__portrait figcaption { position:absolute; inset:auto 0 0; padding:62px 30px 28px; color:#fff; background:linear-gradient(transparent,rgba(40,15,61,.88)); font:italic 400 23px/1.4 var(--serif); }
.about__copy .eyebrow { margin-bottom:20px; }
.about__roles { margin:18px 0 24px; color:var(--lilac); font-size:10px; line-height:1.9; font-weight:500; }
.about__copy > p:not(.eyebrow):not(.about__roles) { color:var(--muted); font-size:13px; line-height:1.9; margin-top:16px; }
.about blockquote { margin:26px 0; padding:0 0 0 20px; border-left:2px solid #c3a6cc; font:italic 400 25px/1.45 var(--serif); color:#72547e; }
.about__method { margin-bottom:26px; }
.about__method > div { display:grid; grid-template-columns:30px 1fr; gap:15px; border-top:1px solid var(--line); padding:19px 0; }
.about__method > div > span { font:400 22px/1.3 var(--serif); color:var(--lilac); }
.about__method h3 { font:550 12px/1.8 var(--sans); margin-bottom:5px; }
.about__method p { font-size:11px; color:var(--muted); line-height:1.9; }

/* The approved master-class composition, including the food image. */
.ys-master-class { padding:16px 40px 0; background:var(--paper); scroll-margin-top:106px; }
.ys-master-class__inner { background:var(--white); }
.ys-master-class__steps h4 { font-family:var(--sans); }
.ys-master-class__steps li { list-style:none; }

.programs__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ys-program-card { display:flex; flex-direction:column; position:relative; border:1px solid var(--line); border-radius:24px; background:var(--white); overflow:hidden; }
.ys-program-card__media { height:218px; flex-shrink:0; overflow:hidden; background:#ebe5df; }
.ys-program-card__media img { width:100%; height:100%; object-fit:cover; }
.ys-program-card__body { display:flex; flex:1; flex-direction:column; padding:28px; }
.ys-program-card__tag { margin-bottom:12px; font-size:9px; letter-spacing:.12em; font-weight:600; color:var(--lilac); text-transform:uppercase; }
.ys-program-card h3 { margin-bottom:14px; font:400 31px/1.2 var(--serif); letter-spacing:-.03em; }
.ys-program-card__intro { margin-bottom:20px; font-size:12px; color:var(--muted); line-height:1.9; }
.ys-program-card__details { padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.ys-program-card__details summary { position:relative; padding-right:22px; cursor:pointer; list-style:none; font-size:11px; font-weight:550; }
.ys-program-card__details summary::-webkit-details-marker { display:none; }
.ys-program-card__details summary::after { content:'+'; position:absolute; right:0; top:-3px; font-size:20px; font-weight:400; color:var(--lilac); }
.ys-program-card__details[open] summary::after { content:'−'; }
.ys-program-card__list { padding:12px 0 0 15px; margin:0; font-size:11px; line-height:1.8; color:var(--muted); }
.ys-program-card__list li + li { margin-top:8px; }
.ys-program-card__result { margin:18px 0 24px; font-size:11px; line-height:1.8; color:var(--muted); }
.ys-program-card__result strong { font-weight:550; color:var(--ink); }
.ys-program-card__footer { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:auto; }
.ys-program-card__price { display:flex; flex-direction:column; }
.ys-program-card__price small { font-size:9px; color:var(--muted); }
.ys-program-card__price strong { display:block; margin:4px 0; font-size:24px; line-height:1.3; letter-spacing:-.04em; font-weight:500; white-space:nowrap; }
.ys-program-card__price span { color:var(--muted); font-size:9px; }
.ys-program-card__button { display:inline-flex; justify-content:center; align-items:center; min-height:43px; padding:11px 17px; border:1px solid #bcacbf; border-radius:999px; font-size:10px; font-weight:550; transition:background .2s; }
.ys-program-card__button:hover { background:var(--soft); }
.ys-program-card--featured { background:#f5f0f6; border-color:#cdbad4; }
.ys-program-card--featured .ys-program-card__button { background:var(--ink); border-color:var(--ink); color:white; }
.ys-program-card__badge { position:absolute; z-index:1; top:17px; left:17px; padding:7px 12px; border-radius:99px; color:var(--ink); background:rgba(255,253,251,.95); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.ys-program-card--online { grid-column:1/-1; display:grid; grid-template-columns:1fr 2.04fr; }
.ys-program-card--online .ys-program-card__media { height:100%; min-height:300px; }
.ys-program-card--online .ys-program-card__media img { object-position:50% 50%; }
.ys-program-card--online .ys-program-card__body { padding:34px 40px; }
.ys-program-card--online .ys-program-card__intro { max-width:620px; }
.ys-program-card--online .ys-program-card__footer { align-items:center; }
.ys-program-card--online .ys-program-card__price { flex-direction:row; align-items:baseline; gap:10px; flex-wrap:wrap; }
.ys-program-card--online .ys-program-card__price small { display:none; }
.ys-program-card--online .ys-program-card__result { margin-bottom:12px; }
.programs__help { display:flex; align-items:center; justify-content:center; gap:45px; padding-top:34px; }
.programs__help p { font-size:12px; line-height:1.85; }
.programs__help p > span { color:var(--muted); font-size:11px; }

.contact { background:var(--ink); color:#fffdfb; padding:68px 0; }
.contact__inner { display:grid; grid-template-columns:1.15fr .85fr; gap:90px; align-items:center; }
.contact .eyebrow { color:#c4afcb; }
.contact h2 { font-size:clamp(38px,4.2vw,58px); }
.contact h2 em { color:#c8a8d1; }
.contact__inner > div > p:not(.eyebrow) { margin-top:23px; color:#c9bdcf; font-size:12px; line-height:1.9; }
.contact .button { margin-top:29px; }
.contact__label { color:#bfaec7; font-size:10px; }
.contact__phone { display:inline-block; margin:11px 0 23px; font:400 clamp(22px,2.25vw,32px)/1.3 var(--serif); }
.contact__socials a { display:flex; justify-content:space-between; align-items:center; padding:15px 0; border-top:1px solid #ffffff26; font-size:12px; }
.contact__socials a:hover { color:#d5bade; }
.contact__socials small { display:block; margin-top:3px; color:#bfaec7; font-size:9px; }
.footer { background:var(--ink); color:#bfaec7; }
.footer__inner { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #ffffff26; padding:25px 0; font-size:9px; }
.brand--footer .brand__name { color:#fffdfb; font-size:28px; }

.ys-lead-modal__dialog { background:var(--white); border-color:var(--line); box-shadow:0 25px 90px #35233f26; }
.ys-lead-modal h2, .ys-lead-modal__context strong { color:var(--ink); }
.ys-lead-modal__eyebrow { color:var(--gold); }
.ys-lead-form__submit,.ys-lead-modal__done { background:var(--ink); box-shadow:none; font-size:12px; font-weight:550; }
.ys-lead-form__submit:hover,.ys-lead-modal__done:hover { background:#563766; }
.ys-lead-modal__lead { font-size:13px; }
.ys-lead-form__consent { color:var(--lilac); font-size:11px; }
.ys-lead-modal__context { background:var(--soft); border-color:var(--line); }
.ys-lead-modal__close { color:var(--ink); }
.ys-lead-modal__success-icon { background:var(--lilac); }

@media (max-width:1100px) {
  .container, #face-quiz-widget .fq-shell { width:calc(100% - 56px); }
  .desktop-nav { gap:22px; }
  .hero__inner { gap:38px; grid-template-columns:1.1fr .9fr; }
  .hero h1 { font-size:clamp(52px,6vw,68px); }
  .hero__portrait { min-height:530px; border-top-left-radius:85px; }
  .hero__actions { gap:18px; }
  .trust > div { padding-inline:22px; }
  .trust .trust__message { gap:15px; }
  .section-head__copy { max-width:340px; }
  .concerns__grid { column-gap:24px; }
  .concern { gap:14px; }
  .concern img { width:72px; height:94px; flex-basis:72px; }
  .concern h3 { font-size:19px; }
  #face-quiz-widget .fq-intro { gap:40px; padding:42px; }
  .about { gap:55px; grid-template-columns:.85fr 1.15fr; }
  .about__portrait { min-height:600px; }
  .ys-master-class { padding-inline:28px; }
  .ys-program-card__body { padding:24px; }
  .ys-program-card h3 { font-size:28px; }
  .ys-program-card__footer { flex-wrap:wrap; }
  .ys-program-card__button { min-height:43px; }
  .contact__inner { gap:65px; }
}
@media (max-width:940px) {
  .desktop-nav { display:none; }
  .site-header__inner { height:78px; gap:18px; }
  .header-book { margin-left:auto; }
  .menu-toggle { display:flex; }
  .brand__name { font-size:31px; }
  .hero__inner { gap:30px; }
  .hero h1 { font-size:clamp(43px,6.1vw,58px); }
  .hero__lead { font-size:13px; }
  .hero__portrait { min-height:490px; }
  .hero__portrait figcaption { padding:65px 23px 24px; }
  .hero__portrait figcaption > span { font-size:24px; }
  .hero__portrait figcaption > small { font-size:9px; }
  .hero__note { font-size:9px; }
  .trust { grid-template-columns:repeat(3,1fr); }
  .trust > div:nth-child(3) { border:0; }
  .trust .trust__message { display:none; }
  .section { padding-block:72px; }
  .section-head { gap:32px; }
  .section-head__copy { max-width:295px; font-size:12px; }
  .concerns__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .concern img { width:83px; height:104px; flex-basis:83px; }
  #face-quiz-widget .fq-intro { grid-template-columns:1fr; gap:28px; }
  #face-quiz-widget .fq-lead { max-width:none; }
  #face-quiz-widget .fq-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  #face-quiz-widget .fq-benefit { gap:10px; }
  #face-quiz-widget .fq-intro .fq-button-primary { width:auto; }
  #face-quiz-widget .fq-intro .fq-microcopy { text-align:left; }
  .about { grid-template-columns:.85fr 1.15fr; gap:35px; }
  .about__portrait { min-height:680px; }
  .about__portrait img { object-position:50% 20%; }
  .about__portrait figcaption { padding-inline:23px; font-size:21px; }
  .about h2 { font-size:42px; }
  .about blockquote { font-size:23px; }
  .programs__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ys-program-card--online { grid-column:auto; display:flex; }
  .ys-program-card--online .ys-program-card__media { height:218px; min-height:0; }
  .ys-program-card--online .ys-program-card__body { padding:24px; }
  .ys-program-card--online .ys-program-card__price { display:flex; flex-direction:column; gap:0; }
  .ys-program-card--online .ys-program-card__price small { display:block; }
  .ys-program-card--online .ys-program-card__result { margin-bottom:24px; }
  .ys-program-card--online .ys-program-card__footer { align-items:flex-end; }
  .contact__inner { grid-template-columns:1.1fr .9fr; gap:45px; }
  .contact h2 { font-size:40px; }
  .contact__phone { font-size:26px; }
}
@media (max-width:700px) {
  html { scroll-padding-top:88px; }
  .container, #face-quiz-widget .fq-shell { width:calc(100% - 36px); }
  .preview-bar { justify-content:space-between; padding:7px 18px; gap:12px; font-size:8px; }
  .preview-bar__note { display:none; }
  .preview-bar > span > span[aria-hidden] { display:none; }
  .site-header__inner { height:72px; gap:12px; }
  .brand__name { font-size:29px; }
  .brand__caption { font-size:6px; margin-top:6px; }
  .header-book { min-height:39px; padding:8px 14px; font-size:9px; gap:10px; }
  .menu-toggle { width:39px; height:39px; }
  .hero__inner { grid-template-columns:1fr; padding-block:32px 35px; gap:30px; }
  .hero__copy { padding:0; }
  .hero .eyebrow { font-size:8px; margin-bottom:20px; }
  .hero h1 { font-size:clamp(46px,10.5vw,70px); line-height:1.08; }
  .hero__lead { margin-top:22px; max-width:500px; font-size:13px; }
  .hero__actions { margin-top:25px; gap:20px; }
  .hero__actions .button { min-height:50px; font-size:11px; padding:14px 21px; gap:21px; }
  .hero__actions .text-link { font-size:10px; gap:12px; }
  .hero__note { margin-top:18px; font-size:9px; }
  .hero__portrait { min-height:0; height:430px; border-radius:80px 20px 20px 20px; }
  .hero__portrait img { object-position:50% 38%; }
  .trust { padding:22px 0; }
  .trust > div { padding:0 15px; }
  .trust strong { font-size:29px; }
  .trust strong span { font-size:19px; }
  .trust p { font-size:8px; line-height:1.8; margin-top:6px; }
  .section { padding-block:56px; }
  h2 { font-size:38px; }
  .eyebrow { font-size:9px; margin-bottom:15px; }
  .section-head { flex-direction:column; align-items:flex-start; gap:21px; margin-bottom:28px; }
  .section-head__copy { max-width:520px; font-size:12px; }
  .concerns__grid { gap:0 20px; }
  .concern { gap:12px; padding:20px 0; }
  .concern img { width:58px; height:82px; flex-basis:58px; border-radius:10px; }
  .concern h3 { font-size:18px; }
  .concern p { font-size:10px; line-height:1.8; }
  .concerns__footnote { text-align:left; font-size:10px; line-height:1.9; margin-top:6px; padding-top:19px; }
  .concerns__footnote a { display:inline-block; margin:8px 0 0; }
  #face-quiz-widget .fq-intro { padding:30px 26px; border-radius:23px; gap:27px; }
  #face-quiz-widget .fq-intro h2 { font-size:36px; }
  #face-quiz-widget .fq-lead { font-size:12px; }
  #face-quiz-widget .fq-benefits { display:block; margin-bottom:23px; }
  #face-quiz-widget .fq-benefit { display:grid; grid-template-columns:28px 1fr; padding:13px 0; gap:12px; }
  #face-quiz-widget .fq-benefit strong { margin:0; font-size:12px; }
  #face-quiz-widget .fq-intro .fq-button-primary { width:100%; font-size:11px; padding-inline:14px; }
  #face-quiz-widget .fq-intro .fq-microcopy { text-align:center; font-size:9px; }
  #face-quiz-widget .fq-card { padding:26px 21px; border-radius:20px; }
  #face-quiz-widget .fq-question-card h2 { font-size:30px; }
  #face-quiz-widget .fq-question-actions { gap:12px; }
  #face-quiz-widget .fq-result-offer-box { padding:22px 16px; }
  #face-quiz-widget .fq-result-head h2 { font-size:31px; }
  .about { grid-template-columns:1fr; gap:33px; }
  .about__portrait { min-height:0; height:480px; width:100%; }
  .about__portrait img { object-position:50% 33%; }
  .about__copy { min-width:0; }
  .about__copy h2 { font-size:42px; }
  .about__roles { font-size:9px; margin:16px 0 22px; }
  .about__copy > p:not(.eyebrow):not(.about__roles) { font-size:12px; }
  .about blockquote { font-size:25px; margin:25px 0; }
  .about__method { margin-bottom:19px; }
  .ys-master-class { padding:0 18px; scroll-margin-top:88px; }
  .programs__grid { grid-template-columns:1fr; gap:23px; }
  .ys-program-card__media, .ys-program-card--online .ys-program-card__media { height:230px; }
  .ys-program-card__body, .ys-program-card--online .ys-program-card__body { padding:26px; }
  .ys-program-card h3 { font-size:32px; }
  .ys-program-card__intro { font-size:12px; }
  .ys-program-card__price strong { font-size:27px; }
  .ys-program-card__button { min-height:46px; padding:11px 22px; font-size:11px; }
  .programs__help { align-items:flex-start; flex-direction:column; gap:17px; padding-top:28px; }
  .programs__help p { font-size:12px; }
  .contact { padding:46px 0; }
  .contact__inner { grid-template-columns:1fr; gap:37px; }
  .contact h2 { font-size:42px; }
  .contact__inner > div > p:not(.eyebrow) { font-size:11px; }
  .contact__details { padding-top:30px; border-top:1px solid #ffffff26; }
  .contact__phone { font-size:30px; }
  .footer__inner { flex-wrap:wrap; gap:20px 16px; font-size:8px; padding-block:23px; }
  .footer__inner > span { order:3; width:100%; }
  .ys-lead-modal h2 { font-size:34px; }
}
@media (max-width:430px) {
  .hero__portrait { height:380px; }
  .hero__actions { flex-direction:column; align-items:flex-start; gap:19px; }
  .hero__actions .button { width:100%; justify-content:space-between; padding-inline:25px; }
  .hero__actions .text-link { align-self:flex-start; }
  .trust strong { font-size:26px; }
  .trust strong span { font-size:16px; }
  .trust > div { padding-inline:12px; }
  .concerns__grid { grid-template-columns:1fr; }
  .concern { align-items:center; gap:19px; padding-block:18px; }
  .concern img { width:78px; height:89px; flex-basis:78px; }
  .concern h3 { font-size:21px; margin-top:0; }
  .concern p { font-size:11px; }
  .about__portrait { height:425px; }
  .about__portrait img { object-position:50% 29%; }
  #face-quiz-widget .fq-intro { padding:28px 23px; }
  #face-quiz-widget .fq-intro h2 { font-size:32px; }
  .ys-master-class { padding-inline:14px; }
  .ys-program-card__media, .ys-program-card--online .ys-program-card__media { height:210px; }
  .contact h2 { font-size:37px; }
}
@media (max-width:350px) {
  .container, #face-quiz-widget .fq-shell { width:calc(100% - 28px); }
  .brand__caption { font-size:5px; letter-spacing:.1em; }
  .header-book { padding-inline:11px; gap:7px; }
  .site-header__inner { gap:9px; }
  .hero h1 { font-size:42px; }
  .hero .eyebrow { font-size:7px; }
  .hero__portrait { height:330px; }
  .trust strong { font-size:23px; }
  .trust p { font-size:7px; }
  .trust > div { padding-inline:10px; }
  .trust > div:first-child { padding-left:0; }
  .concern { gap:14px; }
  .concern img { width:69px; height:85px; flex-basis:69px; }
  .about__portrait { height:360px; }
  .ys-program-card__body, .ys-program-card--online .ys-program-card__body { padding:22px; }
  .ys-program-card__button { padding-inline:18px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}

/* Keep the original purple first screen, as requested by the owner. */
.hero { background:#2c105a; color:#fff; }
body.at-top .site-header { background:#2c105a; color:#fff; border-bottom-color:#ffffff1a; }
body.at-top .brand__dot { color:#c8a8d1; }
body.at-top .header-book { background:#f6ebdc; border-color:#f6ebdc; color:var(--ink); }
body.at-top .menu-toggle { border-color:#ffffff4a; }
body.at-top .menu-toggle span { background:#fff; }
body.at-top .mobile-nav { color:var(--ink); }
.hero__inner { padding-block:32px 0; align-items:stretch; gap:40px; }
.hero__copy { align-self:center; padding:30px 0 48px; }
.hero .eyebrow { color:#c9aed5; }
.hero h1 em { color:#cba7dc; }
.hero__lead { color:#ded1e7; }
.hero .button { color:var(--ink); background:#f6ebdc; border-color:#f6ebdc; }
.hero .button:hover { background:#e8d7c0; border-color:#e8d7c0; }
.hero .text-link { color:#eee4f5; border-color:#a68bb6; }
.hero__note { color:#cbb9d8; }
.hero__note > span { color:#cba7dc; }
.hero__portrait { min-height:650px; background:transparent; border-radius:0; overflow:hidden; }
.hero__portrait img { object-fit:contain; object-position:center bottom; mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,#000 88%,transparent); mask-composite:intersect; }
.hero__portrait figcaption { display:none; }
.trust { border-top:0; }
@media(max-width:1100px) { .hero__portrait { min-height:610px; } .hero__inner { gap:20px; } }
@media(max-width:940px) { .hero__portrait { min-height:540px; } }
@media(max-width:700px) {
  .hero__inner { padding-top:28px; gap:0; }
  .hero__copy { padding:0; }
  .hero__portrait { min-height:0; height:440px; width:100%; margin-top:12px; }
  .hero__portrait img { object-position:50% 50%; }
  .hero__note { margin-top:20px; }
}
@media(max-width:430px) { .hero__portrait { height:410px; } }
@media(max-width:350px) { .hero__portrait { height:350px; } }

/* Restore the original offer and warm orange accents for this preview. */
.hero h1 { font-size:clamp(35px,4.6vw,66px); line-height:1.1; letter-spacing:-.035em; }
.hero h1 em { color:var(--orange-light); white-space:normal; }
.hero__lead { max-width:540px; font-size:17px; line-height:1.8; }
.hero__lead strong { color:var(--orange-light); font-weight:600; white-space:nowrap; }
.hero__benefits { display:flex; flex-wrap:wrap; gap:10px 18px; margin:28px 0 0; padding:0; list-style:none; color:#ded1e7; font-size:9px; line-height:1.7; }
.hero__benefits li { display:flex; align-items:center; gap:7px; }
.hero__benefits li::before { content:""; width:4px; height:4px; border-radius:50%; background:var(--orange); }
.brand__dot, body.at-top .brand__dot, .trust__message > span { color:var(--orange); }
.hero .eyebrow, .contact .eyebrow, .contact h2 em,
#face-quiz-widget .fq-intro .fq-eyebrow,
#face-quiz-widget .fq-intro h2 em,
#face-quiz-widget .fq-benefit > span { color:var(--orange-light); }
.about__method > div > span, .ys-program-card__tag,
.ys-program-card__details summary::after,
.ys-master-class__eyebrow, .ys-master-class__gift .ys-master-class__eyebrow,
.ys-master-class__step-number { color:var(--orange-deep); }
.about blockquote { border-left-color:var(--orange); }
.text-link > span, .concerns__footnote a > span { color:var(--orange-deep); }
.hero .text-link > span { color:var(--orange-light); }
.desktop-nav a:hover, .text-link:hover { color:var(--orange-deep); }
body.at-top .desktop-nav a:hover, .hero .text-link:hover, .contact__socials a:hover { color:var(--orange-light); }
.button, .button--light, .hero .button, body.at-top .header-book,
#face-quiz-widget .fq-button-primary, #face-quiz-widget .fq-button-dark,
#face-quiz-widget .fq-intro .fq-button-primary,
.ys-master-class__button:not(.ys-master-class__button--outline),
.ys-program-card--featured .ys-program-card__button,
.ys-lead-form__submit, .ys-lead-modal__done { background:var(--orange-gradient); border-color:transparent; color:var(--ink); font-weight:650; }
.button:hover, .button--light:hover, .hero .button:hover, body.at-top .header-book:hover,
#face-quiz-widget .fq-button-primary:hover, #face-quiz-widget .fq-button-dark:hover,
#face-quiz-widget .fq-intro .fq-button-primary:hover,
.ys-master-class__button:not(.ys-master-class__button--outline):hover,
.ys-program-card--featured .ys-program-card__button:hover,
.ys-lead-form__submit:hover, .ys-lead-modal__done:hover { background:linear-gradient(135deg,#f17e2b,#ffab3c); border-color:transparent; color:var(--ink); }
.ys-master-class__button--outline, .ys-program-card__button { border-color:#c58b66; }
.ys-master-class__button--outline:hover, .ys-program-card__button:hover { background:#fff0df; border-color:var(--orange-deep); }
@media(max-width:940px) and (min-width:701px) {
  .hero__lead { font-size:14px; }
  .hero__benefits { font-size:8px; gap:8px 13px; }
}
@media(max-width:700px) {
  .hero h1 { font-size:clamp(32px,8.8vw,58px); }
  .hero__lead { font-size:15px; margin-top:22px; }
  .hero__benefits { gap:8px 15px; margin-top:23px; font-size:8px; }
}

/* One handwritten logo on desktop, mobile, and in the footer. */
.brand__original { display:block; width:170px; height:56px; background:url('logo-original-dark.png') center / contain no-repeat; }
body.at-top .site-header .brand__original, .brand--footer .brand__original { background-image:url('logo-original-light.png'); }
.brand--footer .brand__original { width:145px; height:48px; }
/* Mobile keeps the original centered first screen. */
.menu-toggle { gap:5px; }
.menu-toggle[aria-expanded=true] span:first-child { transform:translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded=true] span:nth-child(2) { opacity:0; }
.menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-6px) rotate(-45deg); }
@media(max-width:768px) {
  .site-header__inner { height:72px; }
  .header-book { display:none; }
  .brand__original { width:145px; height:48px; }
  .site-header__inner { width:calc(100% - 36px); }
  body.at-top .site-header { border-bottom-color:transparent; }
  .menu-toggle { width:42px; height:42px; margin-left:auto; }
  .menu-toggle span { width:20px; }
  .hero__inner { display:block; width:100%; padding:44px 0 0; }
  .hero__copy { padding:0 24px; text-align:center; }
  .hero .eyebrow, .hero__benefits { display:none; }
  .hero h1 { max-width:620px; margin-inline:auto; font-size:36px; line-height:1.08; letter-spacing:0; }
  .hero h1 br { display:none; }
  .hero h1 em { display:inline-block; color:inherit; font-style:normal; }
  .hero__lead { max-width:570px; margin:22px auto 0; font-size:17px; line-height:1.55; color:#fff; }
  .hero__lead strong { font-weight:500; color:inherit; white-space:normal; }
  .hero__actions { display:grid; grid-template-columns:1fr 1fr; max-width:400px; gap:12px; margin:30px auto 0; }
  .hero__actions .button, .hero__actions .text-link { justify-content:center; align-self:stretch; width:100%; min-height:50px; padding:14px 16px; border-radius:999px; font:500 15px/1.3 var(--sans); }
  .hero__actions .text-link { color:#fff; border:1px solid #fff; }
  .hero__actions .text-link:hover { color:var(--orange-light); border-color:var(--orange-light); }
  .hero__portrait { height:auto; min-height:0; width:min(100%,520px); aspect-ratio:4/5; margin:54px auto 0; border-radius:0; }
  .hero__portrait img { object-fit:contain; object-position:center bottom; }
}
@media(max-width:540px) {
  .hero__copy { padding-inline:18px; }
  .hero h1 { font-size:30px; }
  .hero__lead { font-size:15px; }
}
@media(max-width:420px) {
  .site-header__inner { width:calc(100% - 28px); }
  .brand__original { width:128px; }
  .hero h1 { font-size:25px; }
  .hero__lead { font-size:14px; }
  .hero__actions .button, .hero__actions .text-link { font-size:14px; }
}

.ys-master-class__venue { display:grid; grid-template-columns:.9fr 1.6fr; align-items:center; gap:30px 48px; padding:32px 48px; border-top:1px solid var(--mc-line); background:#fbf5ed; }
.ys-master-class__venue .ys-master-class__eyebrow { margin-bottom:12px; font-size:10px; }
.ys-master-class__venue h3 { font-size:27px; line-height:1.3; }
.ys-master-class__venue h3 span { font-size:22px; color:var(--muted); }
.ys-master-class__venue-story { max-width:640px; font-size:13px; line-height:1.9; color:#625967; }
@media(max-width:1050px) { .ys-master-class__venue { padding:30px 34px; gap:30px; } }
@media(max-width:620px) {
  .ys-master-class__venue { grid-template-columns:1fr; padding:26px 22px; gap:18px; }
  .ys-master-class__venue h3 { font-size:26px; }
  .ys-master-class__venue h3 br { display:none; }
  .ys-master-class__venue h3 span { font-size:inherit; }
  .ys-master-class__venue-story { font-size:12px; line-height:1.85; }
}

/* Restore the original desktop header and first-screen composition. */
.site-header__inner, .hero__inner { width:min(1700px,calc(100% - 80px)); }
.site-header__inner { height:100px; }
.desktop-nav { font-size:16px; font-weight:400; }
.header-phone { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:54px; padding:12px 26px; border:1px solid var(--ink); border-radius:999px; font-size:15px; line-height:1.4; white-space:nowrap; }
body.at-top .header-phone { border-color:#fff; color:#fff; }
.header-phone:hover { color:var(--orange-deep); border-color:var(--orange-deep); }
body.at-top .header-phone:hover { color:var(--orange-light); border-color:var(--orange-light); }
body.at-top .site-header { border-bottom-color:transparent; }
.hero__inner { position:relative; display:flex; align-items:center; gap:0; padding:0; height:clamp(650px,calc(100svh - 130px),1110px); }
.hero__copy { position:relative; z-index:2; width:57%; padding:0; margin-top:-40px; }
.hero h1 { font-size:clamp(42px,3.9vw,60px); line-height:1.08; letter-spacing:0; text-wrap:balance; color:#fff; }
.hero__lead { max-width:600px; margin-top:24px; font-size:clamp(17px,1.35vw,20px); line-height:1.6; color:#fff; }
.hero__actions { display:flex; flex-wrap:wrap; gap:20px 30px; margin-top:38px; }
.hero__actions .button, .hero__actions .text-link { display:inline-flex; align-items:center; justify-content:center; width:auto; min-height:60px; padding:18px 48px; border-radius:999px; font:400 17px/1.35 var(--sans); }
.hero__actions .button, .hero__actions .button:hover { color:#fff; }
.hero__actions .text-link { border:1px solid #fff; color:#fff; }
.hero__actions .text-link:hover { border-color:var(--orange-light); color:var(--orange-light); }
.hero__benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:660px; gap:26px; margin-top:46px; font-size:15px; line-height:1.4; color:#f4f1f8; }
.hero__benefits li { position:relative; display:flex; align-items:center; min-height:50px; padding-left:62px; }
.hero__benefits li::before { position:absolute; left:0; top:50%; width:54px; height:58px; transform:translateY(-50%); border-radius:0; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:54px; }
.hero__benefits li:nth-child(2)::before { background-size:48px; }
.hero__portrait { position:absolute; z-index:1; right:2%; bottom:0; width:55%; height:100%; min-height:0; aspect-ratio:auto; margin:0; }
.hero__portrait img { object-position:right bottom; mask-image:none; }
@media(max-height:920px) and (min-width:769px) {
  .hero h1 { font-size:clamp(38px,3.8vw,52px); }
  .hero__lead { line-height:1.5; margin-top:20px; }
}
@media(max-width:1280px) and (min-width:769px) {
  .site-header__inner, .hero__inner { width:calc(100% - 56px); }
  .desktop-nav { font-size:14px; gap:22px; }
  .header-phone { padding-inline:20px; font-size:14px; }
  .hero__portrait { right:0; width:57%; }
  .hero__benefits { gap:18px; font-size:13px; }
  .hero__benefits li { padding-left:54px; }
  .hero__benefits li::before { width:48px; background-size:48px; }
  .hero__benefits li:nth-child(2)::before { background-size:42px; }
}
@media(max-width:1024px) and (min-width:769px) {
  .hero__benefits { display:none; }
  .hero__copy { width:58%; }
  .hero__portrait { width:59%; }
  .hero__actions { gap:16px; }
  .hero__actions .button, .hero__actions .text-link { padding-inline:34px; font-size:15px; }
  .hero__lead { font-size:17px; }
}
@media(max-width:768px) {
  .site-header__inner { width:calc(100% - 36px); height:72px; }
  .header-phone { display:none; }
  .hero__inner { display:block; width:100%; height:auto; padding:44px 0 0; }
  .hero__copy { width:100%; padding:0 24px; margin:0; }
  .hero h1 { font-size:36px; line-height:1.08; }
  .hero__lead { max-width:570px; margin:22px auto 0; font-size:17px; line-height:1.55; }
  .hero__actions { display:grid; grid-template-columns:1fr 1fr; max-width:400px; gap:12px; margin:30px auto 0; }
  .hero__actions .button, .hero__actions .text-link { width:100%; min-height:50px; padding:14px 16px; font:500 15px/1.3 var(--sans); }
  .hero__benefits { display:none; }
  .hero__portrait { position:relative; right:auto; bottom:auto; width:min(100%,520px); height:auto; aspect-ratio:4/5; margin:54px auto 0; }
  .hero__portrait img { object-position:center bottom; }
}
@media(max-width:540px) {
  .hero__copy { padding-inline:18px; }
  .hero h1 { font-size:30px; }
  .hero__lead { font-size:15px; }
}
@media(max-width:420px) {
  .site-header__inner { width:calc(100% - 28px); }
  .hero h1 { font-size:25px; }
  .hero__lead { font-size:14px; }
  .hero__actions .button, .hero__actions .text-link { font-size:14px; }
}

.hero__benefits li:nth-child(1)::before { background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-5.0 -5.0 110.0 110.0" style="&%2310; fill: %23e86b1d;&%2310;"><path d="m50 11c-9.918 0-18 8.082-18 18s8.082 18 18 18 18-8.082 18-18-8.082-18-18-18zm0 4c7.7539 0 14 6.2461 14 14s-6.2461 14-14 14-14-6.2461-14-14 6.2461-14 14-14zm0 34c-8.4961 0-16.258 1.1367-22.148 4.1758-5.8906 3.0391-9.8516 8.3359-9.8516 15.586v18.137-0.003907c0 1.1055 0.89453 2 2 2 20.984 0 41.98 0.23047 60.023 0 1.0977-0.011719 1.9766-0.90234 1.9766-2v-18.137c0-7.25-3.957-12.547-9.8516-15.586-5.8906-3.0391-13.656-4.1758-22.148-4.1758zm0 4c8.125 0 15.359 1.1758 20.312 3.7305 4.9531 2.5547 7.6875 6.1406 7.6875 12.031v16.137c-16.965 0.1875-36.383 0.011718-56 0v-16.137c0-5.8906 2.7305-9.4766 7.6875-12.031 4.9531-2.5547 12.191-3.7305 20.312-3.7305z"/></svg>'); }

.hero__benefits li:nth-child(2)::before { background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-5.0 -5.0 110.0 110.0" style="&%2310; fill: %23e86b1d;&%2310;"><path d="m50 94.316c4.4531-1.2383 33.891-10.441 33.891-36.977v-37.551h-7.8438c-4.2227 0-9.8867-1.0586-15.574-4.1562-3.6055-1.9648-7.2227-4.7539-10.473-8.6133-3.2539 3.8594-6.8672 6.6484-10.473 8.6133-5.6836 3.0977-11.355 4.1562-15.574 4.1562h-7.8438v37.551c0 26.539 29.438 35.738 33.891 36.977zm-18.477-40.031c-0.89844-0.89844-0.89844-2.3477 0-3.25 0.89844-0.89844 2.3477-0.89844 3.2461 0l11.453 11.453 24.332-24.332c0.89844-0.89844 2.3477-0.89844 3.2461 0 0.89844 0.89844 0.89844 2.3516 0 3.25l-25.957 25.957c-0.89844 0.89844-2.3477 0.89844-3.2461 0l-13.078-13.078zm56.961 3.0508c0 31.973-37.09 41.375-37.898 41.574-0.36719 0.097656-0.75781 0.10547-1.1484 0.007813-0.10938-0.027344-37.922-9.3047-37.922-41.582v-39.848c0-1.2695 1.0273-2.2969 2.2969-2.2969h10.141c3.6172 0 8.4883-0.91016 13.383-3.5781 3.7578-2.0469 7.5352-5.1289 10.785-9.6172 0.14453-0.20703 0.32422-0.39453 0.53906-0.55078 1.0273-0.73828 2.457-0.50781 3.1953 0.51953 3.2539 4.5078 7.0391 7.5977 10.805 9.6484 4.8984 2.668 9.7695 3.5781 13.383 3.5781h10.141c1.2695 0 2.2969 1.0273 2.2969 2.2969v39.848z"/></svg>'); }

.hero__benefits li:nth-child(3)::before { background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-5.0 -5.0 110.0 110.0" style="&%2310; fill: %23e86b1d;&%2310;"><path d="m43.41 68.578c-2.1562-4.6406-3.4805-9.0078-4.0898-13.105-1.5352-1.9766-3.4531-4.3711-5.6211-6.9141-1.7734-2.082-3.7148-4.2578-5.7383-6.375-1.5195-1.5938 0.90234-3.9102 2.4297-2.3086l8.543 9.7305c0.11719-6.2617 2-11.762 5.1289-16.52-9.1523-9.3672-24.145-14.766-36.895-16.031 6.7617 23.465 12.984 52.188 36.242 51.523zm-0.84766-14.074c-3.6641-27.254 27.859-39.848 50.383-40.703-0.51953 2.0391-1.0156 4.0156-1.5078 5.9922-6.8594 27.496-14.047 56.254-42.508 50.293 4.0273-9.6719 10.305-17.961 18.664-24.988 1.6797-1.4102-0.47266-3.9727-2.1523-2.5586-8.3477 7.0195-14.691 15.219-18.941 24.73-2.4453-5.2305-3.1328-8.207-3.9375-12.766zm3.5039-24.16c11.035-13.652 32.441-19.855 49.047-19.941 1.1016-0.003906 1.9023 1.0391 1.6289 2.0938-0.65625 2.5234-1.3516 5.3047-2.0469 8.0977-7.3008 29.254-14.941 59.863-46.988 52.672-1.6602 4.6758-2.8164 9.6328-3.4688 14.875-0.26953 2.1953-3.6016 1.7852-3.3359-0.40625 0.69141-5.5781 1.9375-10.859 3.7344-15.848-24.926 1.7188-32.27-24.191-39.297-49.008l-2.1328-7.7852c0.054688-0.92578 0.84766-1.6289 1.7734-1.5742 13.996 0.82812 30.801 6.5859 41.086 16.824z" fill-rule="evenodd"/></svg>'); }

/* Preview typography, keeping the restored original composition. */
.hero h1 { font-family:var(--serif); font-weight:400; line-height:1.1; letter-spacing:-.035em; }
.hero h1 em { display:inline; font-style:italic; font-weight:400; color:inherit; white-space:normal; }
.hero__lead strong { font-weight:600; color:inherit; white-space:normal; }

/* Match the original padded maximum width of the header and hero. */
.site-header__inner, .hero__inner { width:100%; max-width:1700px; padding-inline:40px; }
.desktop-nav { max-width:620px; justify-content:center; }
.hero__portrait { width:calc(55% - 44px); right:calc(2% + 38.4px); }
@media(max-width:1720px) { .site-header__inner, .hero__inner { max-width:1500px; } }
@media(max-width:1280px) and (min-width:769px) {
  .site-header__inner, .hero__inner { padding-inline:28px; }
  .desktop-nav { max-width:560px; }
  .hero__portrait { width:calc(57% - 31.92px); right:28px; }
}
@media(max-width:1024px) and (min-width:769px) { .hero__portrait { width:calc(59% - 33.04px); } }
@media(max-width:768px) {
  .site-header__inner { padding-inline:18px; }
  .hero__inner { padding-inline:0; }
  .hero__portrait { width:min(100%,520px); right:auto; }
}
@media(max-width:420px) { .site-header__inner { padding-inline:14px; } }

/* The open mobile menu and header always use the same light surface. */
.site-header:has(.menu-toggle[aria-expanded=true]),
body.at-top .site-header:has(.menu-toggle[aria-expanded=true]) { background:var(--paper); color:var(--ink); border-bottom-color:var(--line); }
.site-header:has(.menu-toggle[aria-expanded=true]) .brand__original,
body.at-top .site-header:has(.menu-toggle[aria-expanded=true]) .brand__original { background-image:url('logo-original-dark.png'); }
.site-header:has(.menu-toggle[aria-expanded=true]) .menu-toggle,
body.at-top .site-header:has(.menu-toggle[aria-expanded=true]) .menu-toggle { border-color:#b8a7bc; }
.site-header:has(.menu-toggle[aria-expanded=true]) .menu-toggle span,
body.at-top .site-header:has(.menu-toggle[aria-expanded=true]) .menu-toggle span { background:var(--ink); }
.site-header:has(.menu-toggle[aria-expanded=true]) .header-phone,
body.at-top .site-header:has(.menu-toggle[aria-expanded=true]) .header-phone { color:var(--ink); border-color:var(--ink); }

/* Readable descriptions, metadata and controls across every section. */
:root { --muted:#5f5464; --lilac:#71507d; }
body { font-size:16px; }
.preview-bar { font-size:12px; color:#5f4b68; }
.eyebrow { font-size:12px; letter-spacing:.1em; }
.button, .text-link { font-size:15px; }
.hero__lead { font-weight:400; }
.hero__actions .button, .hero__actions .button:hover { color:#2b1540; font-weight:550; }
.trust p { font-size:13px; line-height:1.6; }
.trust__message p { font-size:15px; }
.section-head__copy { max-width:400px; font-size:16px; line-height:1.75; }
.concern p { font-size:15px; line-height:1.7; }
.concerns__footnote, .concerns__footnote a { font-size:15px; line-height:1.75; }
.about__roles { font-size:14px; line-height:1.7; color:var(--lilac); }
.about__copy > p:not(.eyebrow):not(.about__roles) { font-size:16px; line-height:1.8; }
.about__method h3 { font-size:15px; line-height:1.6; }
.about__method p { font-size:15px; line-height:1.75; }
#face-quiz-widget .fq-eyebrow, #face-quiz-widget .fq-intro .fq-eyebrow { font-size:12px; letter-spacing:.1em; }
#face-quiz-widget .fq-lead { font-size:16px; line-height:1.8; color:#e7dfe9; }
#face-quiz-widget .fq-benefit strong { font-size:15px; line-height:1.5; color:#fffdfb; }
#face-quiz-widget .fq-benefit p { font-size:14px; line-height:1.65; color:#e7dfe9; }
#face-quiz-widget .fq-intro .fq-microcopy { font-size:13px; color:#e7dfe9; }
#face-quiz-widget .fq-button, #face-quiz-widget .fq-intro .fq-button-primary { font-size:15px; }
#face-quiz-widget .fq-question-help, #face-quiz-widget .fq-answer-copy,
#face-quiz-widget .fq-result-insight, #face-quiz-widget .fq-result-offer-copy,
#face-quiz-widget .fq-numbered, #face-quiz-widget .fq-offer-list { font-size:16px; line-height:1.75; }
#face-quiz-widget .fq-progress-meta, #face-quiz-widget .fq-section-label,
#face-quiz-widget .fq-disclaimer, #face-quiz-widget .fq-submit-consent,
#face-quiz-widget .fq-privacy, #face-quiz-widget .fq-microcopy { font-size:13px; line-height:1.65; }
.ys-master-class { --mc-muted:var(--muted); }
.ys-master-class__eyebrow, .ys-master-class__venue .ys-master-class__eyebrow { font-size:12px; letter-spacing:.09em; }
.ys-master-class__gift .ys-master-class__eyebrow { display:flex; align-items:flex-start; gap:9px; }
.gift-emoji { flex:0 0 auto; font-size:22px; line-height:1.15; letter-spacing:0; }
.ys-master-class__intro, .ys-master-class__venue-story { font-size:16px; line-height:1.8; color:var(--muted); }
.ys-master-class__meta dt { font-size:16px; }
.ys-master-class__meta dd, .ys-master-class__hero-actions > p,
.ys-master-class__program-head > p, .ys-master-class__price-note,
.ys-master-class__included { font-size:14px; line-height:1.65; color:var(--muted); }
.ys-master-class__steps h4 { font-size:16px; line-height:1.5; }
.ys-master-class__steps p, .ys-master-class__gift p:last-child { font-size:15px; line-height:1.75; color:var(--muted); }
.ys-master-class__ticket h3 { font-size:16px; }
.ys-master-class__button, .ys-master-class__hero-actions .ys-master-class__button { font-size:15px; }
.ys-master-class__visual figcaption { font-size:14px; font-weight:500; line-height:1.65; background:linear-gradient(transparent,rgba(32,18,35,.92)); }
.ys-program-card__tag, .ys-program-card__badge { font-size:12px; letter-spacing:.08em; }
.ys-program-card__intro, .ys-program-card__list, .ys-program-card__result { font-size:15px; line-height:1.75; }
.ys-program-card__details summary { font-size:14px; }
.ys-program-card__price small, .ys-program-card__price span { font-size:13px; line-height:1.5; }
.ys-program-card__footer { flex-wrap:wrap; gap:16px; }
.ys-program-card__button { min-height:48px; font-size:14px; padding:12px 22px; }
.programs__help p, .programs__help p > span { font-size:15px; line-height:1.75; }
.contact__inner > div > p:not(.eyebrow) { font-size:16px; line-height:1.8; color:#e7dfe9; }
.contact__label { font-size:14px; color:#e7dfe9; }
.contact__socials a { font-size:16px; }
.contact__socials small { font-size:13px; color:#e7dfe9; }
.footer { color:#e7dfe9; }
.footer__inner { font-size:13px; }
.ys-lead-modal__lead { font-size:16px; color:var(--muted); }
.ys-lead-modal__eyebrow { font-size:12px; }
.ys-lead-form__consent { font-size:13px; line-height:1.65; color:var(--muted); }
.ys-lead-form__submit, .ys-lead-modal__done { font-size:15px; }
@media(max-width:940px) {
  .section-head__copy { max-width:340px; }
  #face-quiz-widget .fq-benefits { display:block; }
}
@media(max-width:700px) {
  .preview-bar { font-size:11px; padding-inline:14px; }
  .eyebrow { font-size:12px; }
  .trust p { font-size:12px; line-height:1.6; }
  .section-head__copy { max-width:100%; font-size:15px; }
  .concerns__grid { grid-template-columns:1fr; }
  .concern { align-items:center; gap:18px; }
  .concern img { width:78px; height:94px; flex-basis:78px; }
  .concern p { font-size:15px; }
  .about__copy > p:not(.eyebrow):not(.about__roles),
  .contact__inner > div > p:not(.eyebrow),
  #face-quiz-widget .fq-lead { font-size:15px; }
  .ys-master-class__intro, .ys-master-class__venue-story { font-size:15px; }
  #face-quiz-widget .fq-card { padding-inline:20px; }
}

.mobile-nav a { font-size:16px; }

/* Supplied portrait: keep the bun and face inside the crop. */
.about__portrait img { object-position:50% 10%; }

/* Main page has no preview strip above the header. */
@media(min-width:769px) { .hero__inner { height:clamp(650px,calc(100svh - 100px),1110px); } }
