@font-face{font-family:Cormorant;src:url("fonts/cormorant-garamond-latin.woff2") format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-latin.woff2") format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"Libre Bodoni";src:url("fonts/libre-bodoni-latin.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root{--cream:#f5f1e9;--paper:#ece6dc;--green:#103c2d;--ink:#292a24;--muted:#606457;--brown:#38291d;--line:#17382b24;--body:"DM Sans",Arial,sans-serif;--display:Cormorant,Georgia,serif;--masthead:"Libre Bodoni",Didot,Georgia,serif;--ease:cubic-bezier(.22,.68,.26,1);--header-height:96px;--gutter:6%}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
button{border:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{display:block;width:24px;height:24px;flex:none}
button:focus-visible,a:focus-visible{outline:3px solid #906024;outline-offset:5px}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;top:10px;left:12px;z-index:100;padding:12px 20px;background:var(--cream);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:fixed;inset:0 0 auto;z-index:30;min-height:var(--header-height);padding:0 var(--gutter);display:flex;align-items:center;gap:30px;background:transparent;transition:background .28s var(--ease),border-color .28s var(--ease);border-bottom:1px solid transparent}
.site-header.is-scrolled,.site-header.menu-open{background:var(--cream);border-bottom-color:var(--line)}
.brand{display:flex;flex-direction:column;flex:none;white-space:nowrap;min-height:44px;justify-content:center;transition:opacity .26s var(--ease),visibility .26s}
.brand[aria-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none}
.brand .brand-kicker{font-size:10px;line-height:1.4;letter-spacing:.34em;text-transform:uppercase;padding-left:2px;margin-bottom:3px}
.brand .brand-name{font:400 35px/.92 var(--display);letter-spacing:-.045em}
.desktop-nav{display:flex;align-items:center;gap:28px;margin:auto}
.desktop-nav a,.desktop-nav button{position:relative;padding:12px 0;background:none;font-size:14px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.desktop-nav a::after,.desktop-nav button::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.desktop-nav a:hover::after,.desktop-nav button:hover::after{transform:scaleX(1)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid transparent;border-radius:100px;min-height:54px;padding:14px 26px;background:var(--green);color:var(--cream);font-size:15px;line-height:1.3;white-space:nowrap;transition:background .25s,border-color .25s}
.button:hover{background:#235440}
.button svg{transition:transform .25s var(--ease)}
.button:hover svg{transform:translateX(4px)}
.header-booking{min-width:210px}
.menu-toggle,.mobile-menu{display:none}
.hero{position:relative;isolation:isolate}
.hero-artwork{position:relative;aspect-ratio:1902/827;min-height:630px;max-height:980px;overflow:hidden;isolation:isolate;background:#c5b39b}
.hero-photo,.hero-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero-photo{z-index:0}
.hero-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 7% 109%,rgb(17 25 17 / 78%) 0%,rgb(17 25 17 / 37%) 28%,transparent 65%);pointer-events:none}
.hero-name{position:absolute;inset:0;z-index:2;font-family:var(--masthead);font-weight:500;color:var(--brown);pointer-events:none;font-kerning:normal;letter-spacing:-.05em;line-height:1;text-shadow:0 2px 4px rgb(41 25 13 / 15%),0 9px 21px rgb(41 25 13 / 9%)}
.hero-name span{position:absolute;display:block;white-space:nowrap}
.doctor-prefix{font-size:3.05vw;top:15%;left:20.2%;letter-spacing:-.035em}
.given-name{font-size:12.25vw;top:23%;left:19.6%}
.family-name{font-size:12vw;top:23%;right:3%}
.hero-foreground{z-index:3;pointer-events:none;-webkit-mask-image:var(--portrait-mask);mask-image:var(--portrait-mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}
.hero-copy{position:absolute;z-index:4;left:8%;bottom:9%;width:36%;max-width:590px;color:#fffdf5}
.hero-copy h1{font:400 clamp(38px,3.45vw,67px)/.99 var(--display);letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}
.hero-copy p{font-size:clamp(17px,1.3vw,23px);line-height:1.45;margin:0 0 28px;max-width:410px}
.hero-booking{min-height:58px;min-width:243px;font-size:16px;border-color:#fffdf5c9;background:#103c2df0}
.variant-2 .hero-shade{background:radial-gradient(ellipse at 8% 108%,rgb(17 25 17 / 76%),rgb(17 25 17 / 32%) 32%,transparent 65%)}
.variant-3 .given-name{left:17.8%;font-size:12.4vw}
.variant-3 .doctor-prefix{left:18.4%}
.variant-3 .family-name{right:3.2%;font-size:12.3vw}
.variant-4 .hero-copy{top:25%;bottom:auto;max-width:550px}
.variant-5 .hero-copy{bottom:17%;max-width:550px}
.variant-4 .hero-shade,.variant-5 .hero-shade{background:linear-gradient(90deg,rgb(20 31 21 / 63%) 0%,rgb(20 31 21 / 30%) 31%,transparent 62%)}
.variant-4 .hero-shade{background:none}
.variant-4 .hero-copy{color:var(--green)}
.hero.is-ready .given-name,.hero.is-ready .family-name{animation:masthead-reveal 1.35s var(--ease) both}
.hero.is-ready .family-name{animation-delay:.15s}
.hero.is-ready .doctor-prefix{animation:soft-entry .9s var(--ease) both;animation-delay:.1s}
.hero.is-ready .hero-copy{animation:soft-entry 1s var(--ease) both;animation-delay:.2s}
@keyframes masthead-reveal{from{opacity:0;clip-path:inset(-15% 100% -15% -3%);transform:translateY(.025em)}to{opacity:1;clip-path:inset(-15% -3% -15% -3%);transform:none}}
@keyframes soft-entry{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.eyebrow{font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.2em;font-weight:500}
.care-section{position:relative;padding:105px 8% 110px;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:12%;scroll-margin-top:24px}
.care-intro .eyebrow{margin:0 0 22px;color:var(--muted)}
.care-intro h2{font:400 clamp(40px,4.4vw,78px)/.99 var(--display);letter-spacing:-.045em;max-width:660px;margin:0}
.care-intro h2 em{font-weight:400;color:var(--green)}
.care-intro>p:last-child{font-size:17px;line-height:1.7;color:var(--muted);max-width:405px;margin:30px 0 0}
.care-steps{counter-reset:care;padding-top:8px}
.care-step{display:grid;grid-template-columns:28px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line);counter-increment:care}
.care-step:first-child{padding-top:0}
.care-step::before{content:"0" counter(care);font-size:11px;letter-spacing:.08em;color:var(--muted);padding-top:12px}
.care-step h3{font:400 clamp(32px,2.8vw,46px)/1.1 var(--display);letter-spacing:-.035em;margin:0 0 6px}
.care-step p{margin:0;font-size:16px;color:var(--muted);line-height:1.5}
.preview-footer{padding:30px var(--gutter);border-top:1px solid var(--line);display:flex;align-items:center;gap:32px;justify-content:space-between}
.preview-footer p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.preview-footer strong{font-weight:500;color:var(--ink)}
.preview-tools{display:flex;align-items:center;gap:24px;flex:none}
.preview-tools a,.replay{display:inline-flex;min-height:44px;align-items:center;gap:10px;font-size:13px;background:none;padding:0}
.preview-tools a{text-decoration:underline;text-decoration-color:#103c2d55;text-underline-offset:5px}
.replay svg{width:18px;height:18px}
.variant-switcher{padding:0 var(--gutter) 30px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.variant-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;font-size:13px}
.variant-switcher a[aria-current="page"]{background:var(--green);color:var(--cream);border-color:var(--green)}
.variant-switcher a:hover{border-color:var(--green)}
.preview-dialog{border:0;background:var(--cream);color:var(--ink);width:min(560px,calc(100% - 40px));padding:48px;border-radius:5px;box-shadow:0 25px 100px #061d2540}
.preview-dialog::backdrop{background:#15201bcc;backdrop-filter:blur(5px)}
.preview-dialog h2{font:400 48px/1.05 var(--display);letter-spacing:-.03em;margin:18px 0}
.preview-dialog>p:not(.eyebrow){font-size:17px;line-height:1.65}
.dialog-close{position:absolute;right:15px;top:12px;width:44px;height:44px;background:transparent;font-size:32px}
.dialog-return{margin-top:15px}
.comparison-header{padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}
.comparison-header>a:last-child{font-size:13px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}
.comparison-intro{padding:70px var(--gutter) 46px;max-width:1130px}
.comparison-intro .eyebrow{color:var(--green);margin:0 0 20px}
.comparison-intro h1{font:400 clamp(44px,5.1vw,82px)/1.01 var(--display);letter-spacing:-.045em;margin:0 0 23px}
.comparison-intro>p:last-child{color:var(--muted);font-size:17px;line-height:1.65;max-width:690px;margin:0}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 30px;padding:0 var(--gutter) 80px}
.comparison-card{min-width:0}
.comparison-visual{display:block;position:relative;aspect-ratio:1902/1000;background:#d4c4ac;overflow:hidden;border-radius:4px}
.comparison-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.comparison-visual .thumbnail-foreground{z-index:3;-webkit-mask-image:var(--portrait-mask);mask-image:var(--portrait-mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.thumbnail-type{position:absolute;z-index:2;font:500 clamp(35px,5.8vw,110px)/1 var(--masthead);letter-spacing:-.05em;top:23%;left:16%;right:3%;display:flex;justify-content:space-between;color:var(--brown)}
.thumbnail-type small{position:absolute;top:-30%;font:500 .22em/1 var(--masthead);letter-spacing:-.035em}
.thumbnail-type .first{max-width:54%}
.thumbnail-brand{position:absolute;left:5%;top:7%;z-index:4;font:400 clamp(19px,2vw,36px)/1 var(--display)}
.thumbnail-brand small{display:block;font:400 7px/1.8 var(--body);text-transform:uppercase;letter-spacing:.3em}
.comparison-visual::after{content:"";position:absolute;inset:0;border:1px solid #34291912;border-radius:4px;pointer-events:none;z-index:5}
.comparison-visual:focus-visible{outline-offset:7px}
.comparison-caption{padding-top:18px;display:grid;grid-template-columns:1fr auto;column-gap:24px}
.comparison-caption h2{font:400 32px/1.1 var(--display);letter-spacing:-.025em;margin:0 0 8px}
.comparison-caption p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:500px}
.comparison-caption>a{display:flex;align-items:center;justify-content:center;align-self:start;border:1px solid var(--green);border-radius:50%;height:44px;width:44px;color:var(--green)}
.comparison-caption>a:hover{background:var(--green);color:var(--cream)}
.comparison-footnote{margin:0 var(--gutter) 48px;padding-top:23px;border-top:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--muted);max-width:1050px}
@media(min-width:1800px){:root{--header-height:108px}.brand .brand-name{font-size:40px}.desktop-nav{gap:34px}.desktop-nav a,.desktop-nav button{font-size:16px}.header-booking{font-size:16px;min-width:245px;min-height:58px}.hero-copy h1{font-size:67px}}
@media(max-width:1250px){:root{--header-height:84px;--gutter:4%}.site-header{gap:22px}.brand .brand-name{font-size:30px}.desktop-nav{gap:20px}.desktop-nav a,.desktop-nav button{font-size:13px}.header-booking{min-width:190px;padding:13px 21px;gap:18px;font-size:14px}.hero-artwork{min-height:580px}.hero-copy{width:40%;left:6%;bottom:10%}.hero-copy h1{font-size:43px}.hero-copy p{font-size:18px}.doctor-prefix{top:18%;left:16.4%;font-size:3.4vw}.given-name{top:26%;left:15.8%;font-size:13vw}.family-name{top:26%;font-size:12vw;right:2%}.variant-3 .given-name{left:14%;font-size:13vw}.variant-3 .doctor-prefix{left:14.5%}.care-section{gap:9%;padding:85px 6%}.care-intro h2{font-size:56px}.hero-booking{min-width:224px}}
@media(max-width:1000px){:root{--header-height:82px;--gutter:5.5%}.desktop-nav{display:none}.header-booking{margin-left:auto}.brand .brand-name{font-size:33px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;flex:none;background:transparent;padding:9px}.menu-toggle span{height:1px;width:26px;background:var(--green);transition:transform .2s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;position:absolute;left:0;right:0;top:100%;padding:20px var(--gutter) 28px;flex-direction:column;align-items:stretch;gap:4px;background:var(--cream);border-bottom:1px solid var(--line)}.mobile-menu>a,.mobile-menu>button:not(.button){background:none;font-size:18px;text-align:left;min-height:48px;padding:9px 0}.mobile-menu .button{margin-top:14px}.hero-artwork{aspect-ratio:1.6;min-height:540px}.hero-photo,.hero-foreground{object-position:61% center}.hero-foreground{-webkit-mask-position:61% center;mask-position:61% center}.doctor-prefix{left:7%;top:20%;font-size:4.3vw}.given-name{left:6%;top:28%;font-size:15vw}.family-name{left:6%;right:auto;top:46%;font-size:12.5vw}.variant-3 .given-name{left:6%;font-size:15vw}.variant-3 .doctor-prefix{left:7%}.variant-3 .family-name{left:6%;right:auto;font-size:12.5vw}.hero-copy{width:42%;left:6%;bottom:7%}.hero-copy h1{font-size:36px}.hero-copy p{font-size:16px;max-width:280px;margin-bottom:22px}.hero-copy .desktop-break{display:none}.hero-booking{font-size:15px;min-width:205px;min-height:52px;padding:13px 20px}.variant-1 .hero-copy,.variant-2 .hero-copy,.variant-3 .hero-copy{position:relative;left:auto;bottom:auto;max-width:none;width:auto;padding:40px 6% 42px;background:var(--cream);color:var(--green);display:grid;grid-template-columns:1fr auto;column-gap:30px;align-items:center}.variant-1 .hero-copy h1,.variant-2 .hero-copy h1,.variant-3 .hero-copy h1{font-size:43px;grid-column:1;grid-row:1}.variant-1 .hero-copy p,.variant-2 .hero-copy p,.variant-3 .hero-copy p{grid-column:1;grid-row:2;margin:0;font-size:17px;max-width:450px}.variant-1 .hero-copy .button,.variant-2 .hero-copy .button,.variant-3 .hero-copy .button{grid-column:2;grid-row:1/3;border-color:var(--green)}.variant-1 .hero-shade,.variant-2 .hero-shade,.variant-3 .hero-shade{background:none}.care-section{border-top:1px solid var(--line);padding:70px 6%;gap:8%}.care-intro h2{font-size:47px}.care-intro>p:last-child{font-size:16px}.care-step h3{font-size:35px}.care-step p{font-size:15px}.preview-footer{align-items:flex-start}.preview-tools{gap:18px}.comparison-intro{padding-top:50px}.comparison-grid{gap:38px 24px}.comparison-caption h2{font-size:28px}}
@media(max-width:600px){:root{--header-height:76px;--gutter:6%}.site-header{gap:12px}.brand .brand-kicker{font-size:9px;letter-spacing:.3em;margin-bottom:4px}.brand .brand-name{font-size:30px}.header-booking{display:none}.menu-toggle{margin-left:auto}.hero-artwork{aspect-ratio:1/1.12;min-height:0;max-height:none}.hero-photo,.hero-foreground{object-position:64% center}.hero-foreground{-webkit-mask-position:64% center;mask-position:64% center}.doctor-prefix,.variant-3 .doctor-prefix{font-size:5.4vw;top:23%;left:5.5%}.given-name,.variant-3 .given-name{left:4.8%;top:30%;font-size:13.8vw;letter-spacing:-.055em}.family-name,.variant-3 .family-name{left:4.8%;top:43%;font-size:16vw;right:auto}.hero-name{text-shadow:0 2px 4px rgb(41 25 13 / 14%),0 5px 12px rgb(41 25 13 / 8%)}.hero-copy,.variant-1 .hero-copy,.variant-2 .hero-copy,.variant-3 .hero-copy,.variant-4 .hero-copy,.variant-5 .hero-copy{position:relative;left:auto;bottom:auto;width:auto;max-width:none;padding:34px 7% 38px;color:var(--green);background:var(--cream);display:block}.hero-copy h1,.variant-1 .hero-copy h1,.variant-2 .hero-copy h1,.variant-3 .hero-copy h1{font-size:clamp(34px,9.65vw,52px);line-height:1.02;letter-spacing:-.04em;margin-bottom:16px}.hero-copy p,.variant-1 .hero-copy p,.variant-2 .hero-copy p,.variant-3 .hero-copy p{font-size:17px;line-height:1.5;max-width:340px;margin-bottom:23px}.hero-booking{min-height:54px;min-width:230px;font-size:16px;border-color:var(--green);background:var(--green)}.hero-shade,.variant-4 .hero-shade,.variant-5 .hero-shade{display:none}.care-section{display:block;padding:57px 7% 62px}.care-intro .eyebrow{font-size:10px;margin-bottom:18px}.care-intro h2{font-size:clamp(40px,10.7vw,57px);max-width:470px}.care-intro>p:last-child{margin-top:22px;font-size:16px;max-width:360px}.care-steps{margin-top:37px;padding-top:0}.care-step{gap:12px;padding:20px 0}.care-step h3{font-size:35px}.care-step p{font-size:15px}.preview-footer{padding:23px 7% 13px;display:block}.preview-tools{justify-content:space-between;margin-top:13px;gap:10px}.preview-tools a,.replay{font-size:12px}.variant-switcher{padding:0 7% 24px}.preview-dialog{padding:36px 25px}.preview-dialog h2{font-size:39px}.preview-dialog .button{font-size:14px;padding:14px 18px;gap:18px}.comparison-header{padding:22px 7%;align-items:flex-start}.comparison-header .brand .brand-name{font-size:28px}.comparison-header>a:last-child{font-size:11px;text-align:right;max-width:82px;line-height:1.4}.comparison-intro{padding:43px 7% 34px}.comparison-intro .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:17px}.comparison-intro h1{font-size:47px}.comparison-intro>p:last-child{font-size:16px}.comparison-grid{grid-template-columns:1fr;padding:0 7% 44px;gap:36px}.comparison-visual{aspect-ratio:1.65}.thumbnail-type{font-size:11.5vw}.thumbnail-brand{font-size:27px}.comparison-caption{padding-top:16px;column-gap:14px}.comparison-caption h2{font-size:31px}.comparison-caption p{font-size:14px}.comparison-footnote{margin:0 7% 30px}.comparison .variant-switcher{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-name span,.hero-copy{opacity:1!important;transform:none!important;clip-path:none!important}}
/* Keep the live navigation off the portrait rather than adding a panel over it. */
@media(min-width:1001px){.site-header .desktop-nav{position:absolute;left:27%;top:0;height:100%;margin:0}.header-booking{margin-left:auto}}
@media(min-width:601px) and (max-width:1000px){.variant-4 .hero-copy{top:22%;bottom:auto;width:42%}.variant-4 .hero-copy h1{font-size:35px}.variant-4 .hero-copy p{font-size:16px;margin-bottom:18px}}
@media(max-width:600px){.variant-4 .hero-copy{top:auto}}
@media(min-width:601px){.variant-5 .site-header:not(.is-scrolled):not(.menu-open) .brand{color:var(--cream)}}

/* Optical fit is tied to the portrait, not to the available text-box width. */
.hero-artwork{width:100%}
.comparison-visual{aspect-ratio:1440/630}
.care-section{min-height:calc(100svh - var(--header-height) - 80px);align-content:start}
@media(min-width:1251px){
  .given-name{font-size:10.2vw;top:21.5%;left:19.6%}
  .family-name{font-size:10.2vw;top:21.5%}
  .variant-3 .given-name{font-size:9.8vw;left:17%;top:23%}
  .variant-3 .family-name{font-size:9.8vw;top:23%}
  .variant-3 .doctor-prefix{left:17.5%}
}
@media(min-width:1001px) and (max-width:1250px){
  .given-name{font-size:10.8vw;left:13%;top:23%}
  .doctor-prefix{left:13.6%;top:16%}
  .variant-3 .given-name{left:11.5%;font-size:10.2vw;top:23%}
  .variant-3 .doctor-prefix{left:12.1%;top:16%}
}
@media(max-width:600px){
  .hero-photo,.hero-foreground{object-position:60% center}
  .hero-foreground{-webkit-mask-position:60% center;mask-position:60% center}
  .doctor-prefix,.variant-3 .doctor-prefix{top:11%;left:5.5%;font-size:5.4vw}
  .given-name,.variant-3 .given-name{top:18%;left:4.8%;font-size:12vw}
  .family-name,.variant-3 .family-name{top:30%;left:4.8%;font-size:12.5vw}
  .variant-4 .hero-artwork{aspect-ratio:1.65}
  .variant-4 .hero-photo{object-position:62% center}
  .comparison-visual{aspect-ratio:1440/630}
}
.variant-4 .hero-shade{display:none;background:none}
.hero-clean-wall{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0}
@media(min-width:1001px){
  .variant-4 .hero-clean-wall{display:block;pointer-events:none;mask-image:url('assets/variants/desk-clean-wall-mask.svg');-webkit-mask-image:url('assets/variants/desk-clean-wall-mask.svg');mask-size:cover;-webkit-mask-size:cover;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-mode:alpha}
}
/* Light is confined to the text side; its right edge tracks the photographed chair. */
@media(min-width:601px){
  .variant-4 .hero-shade{
    display:block;right:auto;width:var(--v4-light-width,36%);
    background:linear-gradient(90deg,rgb(245 241 233 / 65%),rgb(245 241 233 / 48%) 48%,transparent);
    -webkit-mask-image:linear-gradient(180deg,transparent 3%,#000 24%,#000 48%,transparent 70%);
    mask-image:linear-gradient(180deg,transparent 3%,#000 24%,#000 48%,transparent 70%);
  }
}
/* A tablet header must not place its booking pill on top of her hair. */
@media(max-width:1000px){.header-booking{display:none}.menu-toggle{margin-left:auto}}
@media(min-width:1001px) and (max-width:1250px){
  .family-name,.variant-3 .family-name{left:13%;right:auto;top:43%;font-size:10vw}
  .variant-3 .family-name{left:11.5%}
  .variant-1 .hero-copy,.variant-2 .hero-copy,.variant-3 .hero-copy{position:relative;left:auto;bottom:auto;max-width:none;width:auto;padding:40px 6% 42px;background:var(--cream);color:var(--green);display:grid;grid-template-columns:1fr auto;column-gap:30px;align-items:center}
  .variant-1 .hero-copy h1,.variant-2 .hero-copy h1,.variant-3 .hero-copy h1{grid-column:1;grid-row:1}
  .variant-1 .hero-copy p,.variant-2 .hero-copy p,.variant-3 .hero-copy p{grid-column:1;grid-row:2;margin:0;max-width:450px}
  .variant-1 .hero-copy .button,.variant-2 .hero-copy .button,.variant-3 .hero-copy .button{grid-column:2;grid-row:1/3;border-color:var(--green)}
  .variant-1 .hero-shade,.variant-2 .hero-shade,.variant-3 .hero-shade{background:none}
}
@media(min-width:601px) and (max-width:1000px){
  .doctor-prefix,.variant-3 .doctor-prefix{left:6.5%;top:14%}
  .given-name{left:6%;top:22%;font-size:12.3vw}
  .variant-3 .given-name{left:6%;top:22%;font-size:11vw}
  .family-name,.variant-3 .family-name{left:6%;top:41%;font-size:12.3vw}
}