/* Full-width, overlapping surfaces: no scaling or rectangular bottom cuts. */
:root { --panel-radius: clamp(28px, 4.5vw, 72px); }
html { scrollbar-gutter: stable; }
body { overflow-x: clip; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #8463b6; outline-offset: 5px; }
.skip-link { position: fixed; z-index: 300; top: -100px; left: 1rem; padding: 1rem; background: white; border-radius: 10px; }
.skip-link:focus { top: 1rem; }
.stack-panel { margin-top: -56px; border-radius: var(--panel-radius); transform: translate3d(0,var(--stack-hold,0px),0); clip-path: none; filter: none; opacity: 1; overflow: clip; box-shadow: 0 -18px 46px rgba(31,20,48,.1); will-change: transform; scroll-margin-top: 92px; }
.stack-panel::after { display: none; }
.editorial-split.stack-panel { margin-top: -40px; }
.treatments,.values,.booking-hub,.contact { padding-bottom: max(9rem, calc(var(--panel-radius) + 5rem)); }
.editorial-content { padding-bottom: 9rem; }
.site-footer.stack-panel { border-radius: var(--panel-radius) var(--panel-radius) 0 0; }
.hero { grid-template-columns: minmax(0,.9fr) minmax(0,1.35fr) minmax(150px,.48fr); background: #fff; }
.brand { gap: .5rem; min-width: 0; }
.brand-logo { width: clamp(108px,8.6vw,142px); height: auto; max-height: 46px; object-fit: contain; object-position: left center; filter: saturate(.82) contrast(1.08); }
.beauty-signature,.brand-beauty { font-family: Georgia,"Times New Roman",serif; font-style: italic; font-weight: 400; letter-spacing: -.045em; text-transform: none; }
.brand-beauty { padding: 0 .12rem 0 .05rem; border: 0; border-radius: 0; color: #705597; background: transparent; font-size: 16px; line-height: 1; }
/* The opaque video is white-backed: keep its entire surrounding surface white. */
.hero::before,.hero .portrait-aura { display: none; }
.hero-title { line-height: .94; font-weight: 400; letter-spacing: -.07em; }
.hero-title .accent { font-weight: 400; }
.title-line { padding-bottom: .08em; margin-bottom: -.08em; }
.portrait-frame { clip-path: none; animation: none; }
.portrait-frame .hero-poster,.portrait-frame .hero-video { position: absolute; inset: 0 auto 0 50%; width: auto; max-width: 100%; height: 100%; aspect-ratio: 9 / 16; object-fit: contain; object-position: center; transform: translateX(-50%); animation: none; filter: none; }
.hero-video { opacity: 0; transition: opacity .8s ease; pointer-events: none; }
.hero-video.playing { opacity: 1; }
.portrait-frame .hero-poster,.portrait-frame .hero-video { -webkit-mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 7%,#000 78%,transparent 99%); mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 7%,#000 78%,transparent 99%); -webkit-mask-composite: source-in; mask-composite: intersect; }
.skin-scan { pointer-events: none; }
.hero-intro,.section-head > p,.onyx-lead,.contact-copy > p,.start-card p { font-size: max(16px,1vw); line-height: 1.6; }
.proof-item p { font-size: 12px; }
.micro-label,.eyebrow,.trust-pill { font-size: 12px; }
.footer-label,.footer-legal { color: #a2aaa8; }
.footer-word { font-size: 16.3vw; letter-spacing: -.07em; line-height: .88; margin: 0; }
.footer-stage { min-height: 31vw; padding-bottom: 1rem; }
.footer-columns { min-height: 390px; padding-top: 2rem; }
.footer-legal { font-size: 12px; gap: 1rem; flex-wrap: wrap; }
.footer-preferences { border: 0; padding: .5rem 0; margin-top: .25rem; background: none; color: #cbb4ff; font-size: 16px; cursor: pointer; }
.footer-contact { display: grid; gap: .65rem; margin: 0 0 1.7rem; font-style: normal; font-size: 14px; line-height: 1.6; color: #cbc7d0; max-width: 100%; }
.footer-contact a { overflow-wrap: anywhere; }
.footer-contact a:hover { color: #d9c9ff; }
.legal-details dd { overflow-wrap: anywhere; }
.footer-ribbon { opacity: .8; }
.contact-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 520px; margin-top: 2.4rem; border-top: 1px solid rgba(17,16,20,.28); }
.contact-facts span { padding: 1rem 1rem 1rem 0; border-right: 1px solid rgba(17,16,20,.16); font-size: 15px; line-height: 1.45; }
.contact-facts span:last-child { padding-left: 1rem; border-right: 0; }
.contact-facts small { display: block; margin-bottom: .45rem; color: #6a5d75; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.manifesto-meta { opacity: var(--manifesto-meta-opacity,0); }
.manifesto-kicker { top: 6rem; }
.floating-chip { opacity: var(--manifesto-chip-opacity,.28); }
.manifesto-text { opacity: calc(.18 + var(--manifesto-outro,1) * .82); }
.onyx-section::after { content: ""; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: 18%; pointer-events: none; background: linear-gradient(180deg,transparent,#0a090d 96%); }
.onyx-ribbon { -webkit-mask-image: linear-gradient(180deg,transparent 0,#000 10%,#000 86%,transparent 100%); mask-image: linear-gradient(180deg,transparent 0,#000 10%,#000 86%,transparent 100%); }
.onyx-copy,.onyx-label,.onyx-vertical { z-index: 4; }
.contact-form { padding-bottom: 4.5rem; }
.form-note,.privacy-check,.step-heading p,.service-options small,.booking-success > p:not(.section-kicker),.copy-status { font-size: 13px; line-height: 1.55; }
.form-note a,.privacy-check a { text-decoration: underline; text-underline-offset: 3px; }
.contact-form input,.contact-form select,.booking-fields input,.date-field input { font-size: 16px; min-height: 44px; }
.contact-form input,.contact-form select { width: 100%; min-width: 0; }
.booking-close,.menu-close,.menu-toggle { min-width: 44px; min-height: 44px; flex-shrink: 0; }
.booking-panel,.menu-panel { overscroll-behavior: contain; padding-bottom: env(safe-area-inset-bottom); }
.menu-drawer.open { transition: none; }
.booking-form { flex: 1 0 auto; }
.booking-controls button { min-height: 44px; font-size: 13px; }
.booking-controls { gap: .5rem; }
.booking-step { flex: 1 0 auto; }
.booking-summary small,.time-options small,.booking-progress span,.step-counter { font-size: 12px; }
.service-options b,.time-options label > span { font-size: 15px; }
.service-options input:focus-visible + span,.time-options input:focus-visible + span { outline: 2px solid #8463b6; outline-offset: 3px; }
.privacy-check { align-items: center; }
.privacy-check input { width: 20px; height: 20px; flex-shrink: 0; }
.booking-message { width: 100%; min-height: 150px; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; font: inherit; font-size: 16px; resize: vertical; line-height: 1.5; color: var(--ink); background: white; }
.copy-request { min-height: 44px; margin-top: 1rem; padding: .7rem 1.25rem; border: 0; border-radius: 40px; background: var(--ink); color: white; cursor: pointer; }
.booking-whatsapp { font-size: 14px; }
.booking-success { padding-top: 2rem; }
.motion-ready [data-reveal]:not(.is-revealed) { transform: translateY(28px); filter: none; clip-path: none; transition: opacity .75s ease,transform .9s cubic-bezier(.2,.75,.25,1); transition-delay: var(--reveal-delay); }
.motion-ready [data-reveal="media"]::after { display: none; }
html:not(.motion-ready) .reveal { opacity: 1; transform: none; filter: none; }
.mobile-appointment { display: none; }
.mobile-trust-list,.mobile-lead-journey { display: none; }
.cookie-banner { position: fixed; z-index: 120; bottom: 1rem; left: 1rem; max-width: 540px; width: calc(100% - 2rem); padding: 1.5rem; background: #fcfbff; border: 1px solid #ddd5e9; border-radius: 20px; box-shadow: 0 12px 60px #1f11252b; }
.cookie-eyebrow { font-size: 10px; letter-spacing: .16em; color: #735a91; }
.cookie-banner h2 { margin: .65rem 0; font-size: 25px; font-weight: 500; letter-spacing: -.04em; }
.cookie-banner p { font-size: 13px; line-height: 1.5; margin: 0; color: #56515c; }
.cookie-banner a,.preferences-dialog a { text-decoration: underline; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.cookie-actions button { flex: 1; min-height: 44px; padding: .7rem; border: 1px solid #b1a4c1; border-radius: 30px; background: #f0eafa; color: #28212f; font-size: 12px; font-weight: 500; cursor: pointer; }
.cookie-actions [data-cookie-settings] { flex: 0 1 auto; background: white; }
.cookie-actions button:hover { background: #e3d6f6; }
.preferences-dialog { width: min(540px,calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: 1.7rem; border: 1px solid #ded5e7; border-radius: 24px; background: #fcfbff; color: var(--ink); }
.preferences-dialog::backdrop { background: #16101e88; backdrop-filter: blur(5px); }
.preferences-dialog h2 { font-size: 32px; font-weight: 500; letter-spacing: -.045em; margin: 1rem 0; }
.preferences-dialog p { font-size: 14px; line-height: 1.55; color: #625a6b; }
.preferences-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.preferences-close { width: 44px; height: 44px; border: 1px solid #d5c9df; background: white; border-radius: 50%; font-size: 24px; cursor: pointer; }
.preference-row { border-top: 1px solid #ded5e7; padding: 1.2rem 0; display: flex; align-items: center; gap: 1rem; justify-content: space-between; }
.preference-row strong { font-size: 15px; font-weight: 500; }
.preference-row span > span,.preference-row p { display: block; color: #625a6b; font-size: 13px; line-height: 1.5; margin: .4rem 0 0; }
.preference-row input { width: 22px; height: 22px; accent-color: #71539a; flex-shrink: 0; }
.essential-badge { color: #51654d; font-size: 12px; }
.legal-header { position: sticky; top: 0; z-index: 20; padding: 1.2rem 4vw; display: flex; justify-content: space-between; align-items: center; gap: 1rem; background: #fbfbfaf2; backdrop-filter: blur(15px); border-bottom: 1px solid var(--line); }
.legal-header > a:last-child { font-size: 14px; min-height: 44px; display: grid; align-items: center; }
.legal-layout { max-width: 1240px; margin: auto; padding: 5rem 4vw; display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 4rem; }
.legal-intro { grid-column: 1/-1; }
.legal-intro h1 { font-size: clamp(42px,6vw,80px); font-weight: 450; letter-spacing: -.065em; line-height: 1; margin: 2rem 0; }
.legal-intro p { color: #5c5562; line-height: 1.6; }
.legal-intro small { color: #706877; font-size: 13px; }
.legal-nav { display: flex; flex-direction: column; gap: .5rem; align-self: start; position: sticky; top: 115px; }
.legal-nav a,.legal-nav button { padding: .8rem 0; text-align: left; font-size: 15px; border: 0; background: none; cursor: pointer; }
.legal-nav a:hover { color: #79599f; }
.legal-nav button { color: #79599f; }
.legal-notice { padding: 1.5rem; background: #ede6f4; border-radius: 18px; border: 1px solid #d8cbe4; line-height: 1.6; }
.legal-notice p { margin-bottom: 0; font-size: 14px; }
.legal-sections section { padding: 4rem 0; border-bottom: 1px solid var(--line); scroll-margin-top: 105px; }
.legal-sections h2 { font-size: clamp(30px,4vw,46px); letter-spacing: -.045em; font-weight: 500; line-height: 1.05; margin: 1.25rem 0 2rem; }
.legal-sections h3 { margin: 2rem 0 1rem; font-size: 19px; font-weight: 500; }
.legal-sections p,.legal-sections dd { line-height: 1.75; color: #514c57; font-size: 16px; }
.legal-sections p a { text-decoration: underline; text-underline-offset: 3px; }
.legal-details div { padding: .8rem 0; border-bottom: 1px solid var(--line); }
.legal-details dt { font-size: 13px; color: #796d84; }
.legal-details dd { margin: .3rem 0 0; }
.legal-table-wrap { overflow: auto; }
.legal-table-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.6; }
.legal-table-wrap caption { text-align: left; margin-bottom: 1rem; }
.legal-table-wrap th,.legal-table-wrap td { text-align: left; vertical-align: top; padding: .8rem; border: 1px solid #ddd; overflow-wrap: anywhere; }
.inline-link { border: 0; background: none; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; }
.legal-action { padding: 1rem 1.5rem; border-radius: 50px; border: 0; background: var(--ink); color: white; cursor: pointer; }
.channel-share { display: inline-block; margin: .5rem 0; font-size: 14px; }
.legal-footer { padding: 2rem 4vw; background: #111014; color: white; display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.legal-footer button { min-height: 44px; background: none; border: 0; color: #d9c9ff; cursor: pointer; }
@media (min-width:981px) and (max-width:1180px) {
  .hero { grid-template-columns: 1fr 1.3fr; }
  .hero-proof { display: none; }
  .desktop-nav { gap: 0; }
  .desktop-nav a { padding: .7rem; }
  .availability { display: none; }
}
@media (max-width:980px) {
  .hero { grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); }
  .footer-stage { min-height: 36vw; }
  .footer-columns { min-height: auto; }
  .editorial-split { grid-template-columns: 1fr; min-height: auto; }
  .editorial-image { height: min(76vh,720px); }
  .editorial-content { min-width: 0; padding: 7rem 8vw; overflow: visible; }
  .editorial-content h2 { max-width: 100%; font-size: clamp(52px,9vw,78px); overflow-wrap: normal; }
  .manifesto-text { width: 88vw; font-size: clamp(40px,5.7vw,60px); line-height: .94; }
  .manifesto-meta { left: 3rem; right: 3rem; bottom: 3.25rem; }
  .chip-glowing { bottom: 20%; }
  .chip-happy { right: 8%; bottom: 18%; }
}
@media (max-width:680px) {
  :root { --panel-radius: 30px; }
  .site-header { background: #ffffffed; }
  .brand-logo { width: 102px; max-height: 38px; }
  .brand-beauty { padding: 0 .08rem; font-size: 14px; }
  .hero { padding: 7.5rem 1.25rem 0; }
  .trust-pill { left: 1.25rem; top: 5.2rem; padding: .4rem .65rem; font-size: 11px; }
  .hero-copy { padding-top: 1rem; }
  .hero-title { font-size: clamp(50px,15.5vw,100px); line-height: .92; margin: 1rem 0; letter-spacing: -.065em; }
  .hero-intro { max-width: 34rem; font-size: 16px; }
  .hero-action { min-height: 50px; font-size: 14px; margin-top: 1rem; }
  .hero-visual { margin: .75rem -1.25rem 0; }
  .portrait-frame { height: 126vw; min-height: 0; max-height: 680px; }
  .skin-scan { transform: scale(.85); }
  .scan-one { top: 26%; left: 57%; }
  .scan-two { top: 43%; left: 23%; }
  .scan-three { top: 58%; left: 60%; }
  .manifesto { height: 175svh; }
  .manifesto-sticky { min-height: 0; padding: 6rem 1.25rem 7rem; }
  .manifesto-text { font-size: clamp(34px,9.15vw,48px); line-height: 1.01; width: 90vw; }
  .manifesto-meta { display: none; }
  .manifesto-kicker { top: 5rem; }
  .chip-beautiful,.chip-healthy { top: 23%; }
  .floating-chip { font-size: 11px; }
  .chip-confident { display: none; }
  .stack-panel { margin-top: -24px; border-radius: 22px; scroll-margin-top: 80px; box-shadow: 0 -13px 34px rgba(31,20,48,.09); }
  .editorial-split.stack-panel { margin-top: -24px; }
  .editorial-image { height: 115vw; max-height: 600px; }
  .editorial-content,.treatments,.onyx-section,.values,.booking-hub,.contact { padding: 4.5rem 1.25rem 7rem; }
  .editorial-content h2,.immersive-copy h2,.contact h2 { font-size: clamp(48px,14vw,72px); line-height: 1.02; }
  .section-head h2 { max-width: 10.5ch; font-size: clamp(42px,12.4vw,62px); line-height: 1.02; overflow-wrap: normal; }
  .section-kicker { font-size: 11px; line-height: 1.5; }
  .method-list p,.values-grid p,.start-card p,.contact-copy > p { font-size: 15px; line-height: 1.6; }
  .treatment-row { min-height: 100px; gap: .65rem; }
  .treatment-row h3 { font-size: 7.6vw; line-height: 1.1; }
  .row-number { font-size: 12px; }
  .immersive { height: 88svh; min-height: 590px; }
  .immersive-copy { bottom: 5rem; }
  .immersive-copy p { font-size: 15px; }
  .onyx-copy h2 { max-width: 100%; font-size: clamp(68px,18vw,96px); line-height: .9; }
  .immersive-badge-logo { width: 74%; }
  .onyx-facts span { font-size: 13px; }
  .onyx-visual { min-height: 112vw; margin-bottom: 1.5rem; }
  .onyx-ribbon { width: 145%; right: -34%; bottom: 7%; }
  .start-options { min-width: 0; }
  .footer-columns { grid-template-columns: 1fr 1fr; padding: 2rem 0 4rem; gap: 2.5rem 1rem; }
  .footer-column a { font-size: 17px; min-height: 34px; display: flex; align-items: center; }
  .footer-label { margin-bottom: 1.3rem; font-size: 13px; }
  .footer-preferences { font-size: 14px; min-height: 44px; }
  .footer-hello { grid-column: 1/-1; }
  .site-footer { padding: 2rem 1.25rem calc(6rem + env(safe-area-inset-bottom)); }
  .footer-stage { margin: 0; min-height: 65vw; padding: 7rem 0 0; }
  .footer-word { font-size: 18.5vw; line-height: 1; letter-spacing: -.08em; }
  .footer-lab { bottom: 24%; right: 0; font-size: 12px; }
  .footer-legal { left: 0; right: 0; font-size: 11px; line-height: 1.5; gap: .6rem; }
  .footer-ribbon { right: -58vw; bottom: -8vw; }
  .mobile-appointment { position: fixed; display: block; z-index: 70; bottom: calc(.8rem + env(safe-area-inset-bottom)); left: 1rem; right: 4.8rem; }
  .mobile-appointment button { width: 100%; min-height: 50px; padding: .85rem 1.2rem; background: #141117; color: white; border: 1px solid #ffffff55; border-radius: 50px; display: flex; justify-content: space-between; align-items: center; font-size: 14px; box-shadow: 0 6px 25px #1f162a2b; }
  .whatsapp-fab { z-index: 71; bottom: calc(.8rem + env(safe-area-inset-bottom)); }
  .cookie-visible .mobile-appointment,.cookie-visible .whatsapp-fab,.menu-open .mobile-appointment,.modal-open .mobile-appointment { visibility: hidden; }
  .hero-cta-visible .mobile-appointment { visibility: hidden; }
  .cookie-banner { padding: 1.15rem; bottom: max(.75rem, env(safe-area-inset-bottom)); }
  .cookie-actions [data-cookie-settings] { flex: 1 0 100%; }
  .cookie-banner h2 { font-size: 23px; }
  .booking-controls { padding: .8rem .9rem calc(.8rem + env(safe-area-inset-bottom)); }
  .step-counter { font-size: 11px; }
  .booking-progress span::after { font-size: 11px; }
  .booking-panel-head { padding-top: max(1.3rem,env(safe-area-inset-top)); }
  .booking-panel-head h2 { font-size: 32px; line-height: 1.05; }
  .time-options { grid-template-columns: 1fr; }
  .time-options label > span { display: flex; justify-content: space-between; align-items: center; }
  .time-options small { margin: 0; }
  .menu-panel-foot { margin-top: 1rem; }
  .legal-layout { padding: 3rem 1.25rem; grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .legal-nav { position: static; display: grid; grid-template-columns: 1fr 1fr; }
  .legal-header { padding: .8rem 1.25rem; }
  .legal-header > a:last-child { font-size: 12px; }
  .legal-sections section { padding: 3rem 0; }
  .contact-facts { grid-template-columns: 1fr; margin-top: 2rem; }
  .contact-facts span,.contact-facts span:last-child { padding: .9rem 0; border-right: 0; border-bottom: 1px solid rgba(17,16,20,.15); }
  .contact-facts span:last-child { border-bottom: 0; }
  .contact-form { padding-bottom: 3rem; }
}
@media (max-height:600px) and (orientation:landscape) {
  .manifesto { height: auto; }
  .manifesto-sticky { position: relative; height: auto; min-height: 620px; }
  .menu-panel-head { padding-bottom: .5rem; }
  .drawer-nav a { min-height: 52px; }
  .hero { min-height: 650px; }
  .cookie-banner { max-height: calc(100dvh - 2rem); overflow: auto; }
}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html[data-motion="reduced"] { scroll-behavior: auto; }
html[data-motion="reduced"] .stack-panel,html[data-motion="reduced"] [data-reveal],html[data-motion="reduced"] .reveal,html[data-motion="reduced"] .title-line > span { transform: none !important; filter: none !important; clip-path: none !important; opacity: 1 !important; }
html[data-motion="reduced"] .manifesto { height: auto; }
html[data-motion="reduced"] .booking-panel { transform: none; }
html[data-motion="reduced"] .booking-backdrop { opacity: 1; }
html[data-motion="reduced"] .portrait-frame,html[data-motion="reduced"] .skin-scan,html[data-motion="reduced"] .floating-chip,html[data-motion="reduced"] .manifesto-text,html[data-motion="reduced"] .onyx-ribbon { transform: none; translate: none; }
html[data-motion="reduced"] .manifesto-sticky { position: relative; }
html[data-motion="reduced"] .kinetic-word { color: var(--ink); transform: none; filter: none; }
html[data-motion="reduced"] .hero-visual,html[data-motion="reduced"] .hero-copy,html[data-motion="reduced"] .hero-proof,html[data-motion="reduced"] .parallax-media img { transform: none; opacity: 1; }
@media (prefers-reduced-motion:reduce) {
  .manifesto { height: auto; }
  .manifesto-sticky { position: relative; }
  .reveal { opacity: 1; transform: none; filter: none; }
  .booking-panel { transform: none; }
}

/* Black · ivory · champagne gold — unified Smilelux Beauty art direction. */
:root {
  color-scheme: light;
  --gold-shadow: rgba(145, 101, 24, .17);
  --gold-line: rgba(139, 100, 32, .28);
  --ivory-glass: rgba(255, 253, 248, .86);
}
body,
.hero,
.manifesto,
.editorial-content,
.values,
.booking-hub { background-color: var(--paper); }
::selection { background: var(--gold-light); color: var(--ink); }
:focus-visible,
.service-options input:focus-visible + span,
.time-options input:focus-visible + span { outline-color: var(--gold-deep); }
.page-loader { background: #050403; }
.loader-mark { border-color: rgba(234,217,168,.55); color: var(--gold-light); }
.cursor-glow { background: radial-gradient(circle,rgba(205,171,91,.2),rgba(205,171,91,.055) 36%,transparent 69%); }
.site-header.header-glass,
.site-header.compact { background: rgba(255,253,248,.88); box-shadow: 0 14px 42px rgba(48,34,9,.07); }
.site-header { border-bottom-color: rgba(77,54,15,.09); }
.desktop-nav { background: rgba(255,253,248,.72); border-color: rgba(82,57,12,.12); }
.desktop-nav a:hover,
.desktop-nav a.active { background: #0b0a08; color: #fffdf8; }
.brand-logo { filter: saturate(.96) contrast(1.08); }
.brand-beauty { color: #8a641f; background: transparent; border-color: transparent; }
.immersive-badge .beauty-signature { color: #ead59b; font-size: .72rem; letter-spacing: -.03em; }
.immersive-badge-logo { width: 46%; height: auto; object-fit: contain; filter: grayscale(1) brightness(0) invert(1); opacity: .96; }
.onyx-vertical .beauty-signature { color: #dfc57f; font-size: 1.35em; }
.footer-lab.beauty-signature { color: #dfc57f; font-size: clamp(1rem,1.6vw,1.55rem); letter-spacing: -.05em; }
.footer-legal .beauty-signature { color: #d8bd73; }
.availability i,
.status-orbit i { background: var(--gold); box-shadow: 0 0 0 4px rgba(199,164,86,.16); }
.status-orbit { border-color: rgba(199,164,86,.38); }
@keyframes status-pulse { 50% { box-shadow: 0 0 0 7px rgba(199,164,86,0); } }
.page-progress span { background: linear-gradient(90deg,#765117,#c9a759,#f0dfaa); box-shadow: 0 0 14px rgba(199,164,86,.5); }
.menu-panel,
.booking-panel { background: #fffdf8; }
.drawer-nav a > span,
.cookie-eyebrow { color: var(--gold-deep); }
.menu-booking,
.copy-request,
.legal-action { background: #0b0a08; color: #fffdf8; }
.hero::before { display: block; background: radial-gradient(circle,rgba(222,198,137,.16),rgba(255,253,248,0) 70%); }
.hero::after { background: linear-gradient(to top,var(--paper),transparent); }
.trust-pill { background: var(--ivory-glass); border-color: rgba(62,43,10,.34); box-shadow: 0 12px 38px rgba(72,49,9,.07); }
.trust-avatars i { background: linear-gradient(145deg,#ead8a7,#76521b); }
.trust-avatars i:first-child { background: linear-gradient(145deg,#f2d5c3,#8c543c); }
.trust-avatars i:nth-child(2) { background: linear-gradient(145deg,#dfbd7d,#18130b); }
.eyebrow span { background: var(--gold); box-shadow: 0 0 0 5px rgba(199,164,86,.14); }
.hero-action { border-color: rgba(139,100,32,.24); background: linear-gradient(135deg,#f2e5c0,#fffaf0); box-shadow: inset 0 1px rgba(255,255,255,.78); }
.hero-action:hover { background: #ead7a0; box-shadow: 0 16px 38px var(--gold-shadow); }
.portrait-aura { border-color: rgba(199,164,86,.18); box-shadow: 0 0 80px rgba(210,176,96,.12),inset 0 0 80px rgba(210,176,96,.1); }
.scan-line { background: linear-gradient(90deg,transparent,rgba(222,188,106,.95),transparent); box-shadow: 0 0 13px rgba(199,164,86,.6); }
.axis-x { border-top-color: rgba(199,164,86,.55); }
.axis-y { border-left-color: rgba(199,164,86,.55); }
.data-point { box-shadow: 0 0 0 4px rgba(222,188,106,.3); }
@keyframes point-pulse { 50% { transform: scale(1.7); box-shadow: 0 0 0 8px rgba(199,164,86,0); } }
.proof-icon { color: var(--gold-deep); background: rgba(222,198,137,.17); }
@keyframes icon-float { 50% { transform: translateY(-5px) rotate(7deg); background: rgba(222,198,137,.34); } }
.manifesto-sticky::before { background-image: linear-gradient(rgba(100,72,19,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(100,72,19,.04) 1px,transparent 1px); }
.manifesto-glow { background: radial-gradient(circle,rgba(228,210,159,.46) 0%,rgba(248,240,218,.26) 38%,rgba(255,253,248,0) 72%); }
.floating-chip { border-color: rgba(116,82,20,.12); background: rgba(255,253,248,.82); box-shadow: 0 15px 44px rgba(75,52,12,.08); color: #29251e; }
.floating-chip:hover { box-shadow: 0 20px 52px rgba(112,79,19,.16); }
.floating-chip span,
.chip-beautiful span,
.chip-healthy span,
.chip-confident span,
.chip-glowing span,
.chip-happy span { color: var(--gold-deep); }
.manifesto-progress { background: rgba(95,67,15,.13); }
.manifesto-progress span { background: linear-gradient(#efdca4,#8b6420); }
.editorial-content { background: linear-gradient(145deg,#fffdf8,#f7f0df); }
.method-list span,
.section-kicker { color: var(--gold-deep); }
.treatments { background: radial-gradient(circle at calc(12% + var(--section-progress,0) * 76%) 25%,rgba(199,164,86,.18),transparent 30%),#0b0a08; }
.treatment-row::before { background: linear-gradient(90deg,rgba(199,164,86,.16),transparent); }
.row-arrow { border-color: rgba(232,216,174,.38); }
.values { background: linear-gradient(155deg,#fffdf8 0%,#f3ead5 100%); }
.values::before,
.booking-hub::before { border-color: rgba(139,100,32,.22); box-shadow: 0 0 110px rgba(199,164,86,.18); }
.value-number { color: var(--gold-deep); }
.booking-hub { background: #f7f0df; }
.concierge-status { background: rgba(255,253,248,.7); border-color: rgba(83,58,13,.13); }
.start-card:hover { border-color: rgba(199,164,86,.76); }
.contact { background: radial-gradient(circle at calc(100% - var(--section-progress,0) * 34%) 16%,rgba(255,255,255,.68),transparent 26%),linear-gradient(135deg,#f4e7c1 0%,#d7b866 52%,#b88d37 100%); color: #0b0a08; }
.contact-copy .section-kicker,
.contact-facts small { color: #5f4212; }
.contact-form label { border-bottom-color: rgba(37,27,8,.4); }
.contact-submit { background: #0b0a08; color: #fffdf8; }
.stack-panel { box-shadow: 0 -20px 54px rgba(60,42,10,.11),0 -1px 0 rgba(139,100,32,.09); }
.onyx-section { background: radial-gradient(circle at 78% 38%,rgba(199,164,86,.2),transparent 34%),#080705; }
.onyx-copy .section-kicker,
.onyx-copy h2 em,
.onyx-facts small { color: #dfc57f; }
.onyx-orbit::before,
.onyx-orbit::after { border-color: rgba(225,198,126,.16); }
.onyx-orbit > span { border-top-color: #dfc57f; }
.onyx-ribbon,
.footer-ribbon { filter: grayscale(.14) sepia(.88) saturate(1.9) hue-rotate(351deg) brightness(.92) contrast(1.12) drop-shadow(0 28px 64px rgba(199,164,86,.18)); }
.onyx-label { border-color: rgba(230,208,151,.28); background: rgba(12,9,4,.57); }
.onyx-section::after { background: linear-gradient(180deg,transparent,#080705 96%); }
.site-footer { background: #050403; }
.footer-column a:hover,
.footer-hello > a,
.footer-preferences,
.footer-contact a:hover { color: #ddc37d; }
.footer-label,
.footer-legal { color: #a8a195; }
.footer-contact { color: #d4cec2; }
.whatsapp-fab { background: rgba(255,253,248,.92); border-color: rgba(108,76,19,.18); box-shadow: 0 16px 44px rgba(47,32,7,.15); }
.booking-backdrop { background: rgba(7,5,2,.61); }
.booking-progress span.active,
.step-counter { color: var(--gold-deep); }
.service-options label > span:hover,
.service-options input:checked + span,
.time-options input:checked + span { border-color: rgba(139,100,32,.64); background: #f2e5c2; }
.booking-controls { background: rgba(255,253,248,.94); }
.booking-message { background: #fffdf8; }
.cookie-banner,
.preferences-dialog { background: #fffdf8; border-color: #dfcfaa; box-shadow: 0 16px 64px rgba(61,42,8,.18); }
.cookie-banner p,
.preferences-dialog p,
.preference-row span > span,
.preference-row p { color: #5d574d; }
.cookie-actions button { border-color: #b89951; background: #efe1bb; color: #241c0d; }
.cookie-actions [data-cookie-settings],
.preferences-close { background: #fffdf8; }
.cookie-actions button:hover { background: #dfc57f; }
.preferences-dialog::backdrop { background: rgba(10,7,2,.62); }
.preference-row,
.preferences-close { border-color: #dfcfaa; }
.preference-row input { accent-color: #8b6420; }
.essential-badge { color: #73581f; }
.legal-header { background: rgba(255,253,248,.95); }
.legal-intro p,
.legal-sections p,
.legal-sections dd { color: #504b42; }
.legal-intro small,
.legal-details dt { color: #746b5a; }
.legal-nav a:hover,
.legal-nav button { color: var(--gold-deep); }
.legal-notice { background: #f2e7c9; border-color: #dfca96; }
.legal-footer { background: #0b0a08; }
.legal-footer button { color: #dfc57f; }
@media (max-width:680px) {
  .site-header { background: rgba(255,253,248,.94); }
  .mobile-appointment button { background: #0b0a08; border-color: rgba(223,197,127,.42); }
  .title-line > span { animation-duration: .86s; animation-delay: .35s; }
  .title-line:nth-child(2) > span { animation-delay: .45s; }
  .title-line:nth-child(3) > span { animation-delay: .55s; }
  .mobile-trust-list {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 0;
    margin: 1.35rem 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(107,75,20,.2);
    border-bottom: 1px solid rgba(107,75,20,.2);
  }
  .mobile-trust-list li { min-width: 0; padding: .85rem .55rem .85rem 0; border-right: 1px solid rgba(107,75,20,.15); }
  .mobile-trust-list li:not(:first-child) { padding-left: .55rem; }
  .mobile-trust-list li:last-child { border-right: 0; }
  .mobile-trust-list span { display: block; margin-bottom: .28rem; color: var(--gold-deep); font-size: 10px; letter-spacing: .12em; }
  .mobile-trust-list strong { display: block; font-size: 11px; line-height: 1.25; font-weight: 550; }
  .mobile-lead-journey {
    position: relative;
    z-index: 6;
    display: block;
    margin: -5.4rem 0 2.25rem;
    padding: 2rem 1.25rem 1.25rem;
    border: 1px solid rgba(226,199,127,.2);
    border-radius: 28px;
    background: radial-gradient(circle at 92% 2%,rgba(199,164,86,.19),transparent 31%),#090805;
    color: #fffdf8;
    box-shadow: 0 25px 70px rgba(30,20,4,.25);
  }
  .mobile-lead-journey > p { margin: 0 0 1rem; color: #d9bf78; font-size: 10px; letter-spacing: .17em; text-transform: uppercase; }
  .mobile-lead-journey h2 { margin: 0 0 1.8rem; font-size: clamp(34px,10.5vw,46px); line-height: .95; letter-spacing: -.055em; font-weight: 430; }
  .mobile-lead-journey h2 em { color: #dfc57f; font-style: normal; }
  .mobile-lead-journey ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.14); }
  .mobile-lead-journey li { display: grid; grid-template-columns: 32px 1fr; gap: .65rem; padding: .9rem 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .mobile-lead-journey li > span { color: #d9bf78; font-size: 10px; letter-spacing: .1em; padding-top: .18rem; }
  .mobile-lead-journey li strong { display: block; font-size: 15px; font-weight: 500; }
  .mobile-lead-journey li small { display: block; margin-top: .25rem; color: rgba(255,253,248,.62); font-size: 12px; line-height: 1.4; }
  .mobile-lead-actions { display: grid; grid-template-columns: 1fr auto; gap: .55rem; margin-top: 1.15rem; }
  .mobile-lead-actions button,.mobile-lead-actions a { min-height: 50px; border-radius: 999px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; font-size: 13px; cursor: pointer; }
  .mobile-lead-actions button { border: 0; background: #fffdf8; color: #0b0a08; }
  .mobile-lead-actions a { min-width: 92px; border: 1px solid rgba(255,255,255,.24); color: #fffdf8; }
  .mobile-appointment { left: .75rem; right: 4.55rem; bottom: calc(.65rem + env(safe-area-inset-bottom)); }
  .mobile-appointment button { min-height: 56px; padding: .52rem .55rem .52rem 1.05rem; border-color: rgba(223,197,127,.38); box-shadow: 0 12px 34px rgba(17,11,2,.24); }
  .mobile-cta-copy { display: grid; gap: .08rem; text-align: left; }
  .mobile-cta-copy small { color: #d9bf78; font-size: 9px; line-height: 1; letter-spacing: .11em; text-transform: uppercase; }
  .mobile-cta-copy b { font-size: 14px; font-weight: 540; }
  .mobile-cta-arrow { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #d9bf78; color: #0b0a08; }
  .whatsapp-fab { right: .65rem; bottom: calc(.65rem + env(safe-area-inset-bottom)); min-width: 56px; min-height: 56px; padding: .5rem; border-color: rgba(139,100,32,.3); }
  .whatsapp-icon { width: 38px; height: 38px; }
  .booking-progress { position: sticky; top: 0; z-index: 3; background: rgba(255,253,248,.96); backdrop-filter: blur(12px); }
  .booking-step { padding-bottom: calc(6rem + env(safe-area-inset-bottom)); }
}
@media (max-width:360px) {
  .mobile-lead-actions { grid-template-columns: 1fr; }
  .mobile-lead-actions a { width: 100%; }
  .mobile-trust-list strong { font-size: 10px; }
}
@media (max-width:680px) {
  .brand { min-height: 44px; }
  .mobile-appointment,.whatsapp-fab { transition: opacity .3s ease,transform .35s ease,visibility .3s; }
  .footer-visible .mobile-appointment,.footer-visible .whatsapp-fab { visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(18px); }
}
@media (max-height:600px) and (orientation:landscape) and (min-width:681px) {
  .hero { min-height: 560px; padding: 5rem 1.5rem 1.5rem; grid-template-columns: minmax(280px,.88fr) minmax(360px,1.12fr); gap: 1rem; }
  .trust-pill { top: 4.6rem; left: 1.5rem; }
  .hero-copy { padding-top: 3.8rem; }
  .eyebrow { margin-bottom: 1rem; }
  .hero-title { font-size: clamp(3.2rem,7vw,4.4rem); line-height: .91; margin-bottom: 1rem; }
  .hero-intro { max-width: 24rem; font-size: 14px; line-height: 1.45; }
  .hero-action { margin-top: .8rem; }
  .portrait-frame { height: 520px; min-height: 0; }
  .vertical-note { bottom: 9%; }
}
@media (hover:none), (pointer:coarse) {
  .treatment-row { touch-action: manipulation; }
  .treatment-row:hover { color: #fff; }
  .treatment-row:hover::before { transform: scaleY(0); }
  .treatment-row:active,.treatment-row:focus-visible { color: #fff; }
  .treatment-row:active::before,.treatment-row:focus-visible::before {
    transform: scaleY(1);
    background: linear-gradient(90deg,rgba(199,164,86,.22),rgba(199,164,86,.06));
  }
  .treatment-row:active .row-arrow { transform: rotate(45deg); }
}

/* Claudia Lorena Hernández: founder portraits on warm editorial surfaces. */
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.7rem; }
.hero-actions .hero-action { margin-top: 0; min-height: 50px; }
.hero-about { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: .85rem 1.35rem; border: 1px solid rgba(82,57,12,.3); border-radius: .28rem; background: rgba(255,253,248,.84); color: var(--ink); font-size: 14px; font-weight: 550; transition: background .25s,transform .25s; }
.hero-about:hover { background: #f2e5c0; transform: translateY(-3px); }
.founder { position: relative; z-index: 1; background: #f6f0e2; overflow: clip; }
.founder::before { content: ""; position: absolute; width: 56vw; aspect-ratio: 1; left: -17vw; top: -25vw; border-radius: 50%; background: radial-gradient(circle,rgba(224,195,124,.23),transparent 67%); pointer-events: none; }
.founder-stage { position: relative; display: grid; grid-template-columns: minmax(0,.83fr) minmax(0,1.17fr); align-items: center; gap: clamp(2rem,5vw,6rem); padding: clamp(5rem,8vw,9rem) 4vw; isolation: isolate; }
.founder-backword { position: absolute; z-index: -1; left: -2vw; bottom: -.14em; color: #8b6420; opacity: .08; font-size: clamp(10rem,24vw,28rem); font-weight: 600; letter-spacing: -.1em; line-height: .8; white-space: nowrap; pointer-events: none; user-select: none; }
.founder-copy { position: relative; z-index: 2; max-width: 620px; }
.founder-copy .section-kicker { margin: 0 0 1.4rem; color: var(--gold-deep); }
.founder-copy h1,.founder-copy h2 { margin: 0; font-size: clamp(3.25rem,5.4vw,6rem); line-height: .98; letter-spacing: -.075em; font-weight: 420; text-wrap: balance; }
.founder-copy h1 span,.founder-copy h2 span { color: var(--gold); }
.founder-role { margin: 1.9rem 0 0; padding-top: 1.1rem; border-top: 1px solid rgba(85,59,14,.3); color: var(--gold-deep); font-size: 14px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.founder-intro { max-width: 34rem; margin: 1.25rem 0 0; color: #51493c; font-size: clamp(16px,1.2vw,19px); line-height: 1.65; }
.founder-gallery { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,.7fr); gap: .8rem; min-width: 0; }
.founder-views { display: grid; grid-template-rows: repeat(3,minmax(0,1fr)); gap: .8rem; min-width: 0; }
.founder-portrait { position: relative; min-width: 0; margin: 0; overflow: hidden; isolation: isolate; border: 1px solid rgba(112,80,21,.12); border-radius: 24px; background: radial-gradient(circle at 58% 26%,#fffdf8 0%,#eadfc7 70%,#dfcfaa 100%); }
.founder-portrait::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(121,91,40,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(121,91,40,.045) 1px,transparent 1px); background-size: 36px 36px; }
.founder-portrait img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
.founder-portrait figcaption { position: absolute; z-index: 2; left: .9rem; bottom: .85rem; padding: .4rem .65rem; border-radius: 999px; background: rgba(255,253,248,.88); backdrop-filter: blur(8px); color: #332914; font-size: 12px; line-height: 1.2; }
.founder-portrait-main { min-height: clamp(520px,53vw,720px); background: radial-gradient(circle at 46% 25%,#fffdf8 0%,#eddfbd 60%,#dbc28b 100%); }
.founder-portrait-main img { height: 94%; top: auto; }
.founder-portrait-main figcaption { left: 1.25rem; bottom: 1.2rem; font-size: 14px; }
.founder-portrait-small { min-height: 0; }
.founder-portrait-small img { width: auto; max-width: none; height: 100%; left: 50%; transform: translateX(-50%); object-fit: contain; -webkit-mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent); mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent); }
.founder-scroll-cue { display: none; }
@media (min-width: 981px) and (min-height: 700px) {
  html.motion-ready:not([data-motion="reduced"]) .founder { height: 245svh; }
  html.motion-ready:not([data-motion="reduced"]) .founder-stage { position: sticky; top: 0; height: 100svh; min-height: 700px; padding: clamp(4.5rem,7vh,7rem) 4vw 4.5rem; }
  html.motion-ready:not([data-motion="reduced"]) .founder-copy { transform: translate3d(0,calc(var(--founder-progress,0) * -26px),0); }
  html.motion-ready:not([data-motion="reduced"]) .founder-gallery { height: min(74svh,720px); }
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait-main { min-height: 0; height: 100%; opacity: calc(.7 + var(--founder-entry,1) * .3); transform: translate3d(0,calc((1 - var(--founder-entry,1)) * 54px),0) scale(calc(.94 + var(--founder-entry,1) * .06)); }
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait-main img { transform: translate3d(0,calc(var(--founder-progress,0) * -18px),0) scale(calc(1 + var(--founder-progress,0) * .04)); }
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait-small:nth-child(1) { --founder-reveal: var(--founder-reveal-1,1); }
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait-small:nth-child(2) { --founder-reveal: var(--founder-reveal-2,1); }
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait-small:nth-child(3) { --founder-reveal: var(--founder-reveal-3,1); }
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait-small { opacity: calc(.16 + var(--founder-reveal) * .84); transform: translate3d(0,calc((1 - var(--founder-reveal)) * 56px),0) scale(calc(.92 + var(--founder-reveal) * .08)); }
  html.motion-ready:not([data-motion="reduced"]) .founder-backword { transform: translate3d(calc(var(--founder-progress,0) * -9vw),0,0); }
  html.motion-ready:not([data-motion="reduced"]) .founder-scroll-cue { position: absolute; left: 4vw; right: 4vw; bottom: 1.6rem; display: flex; align-items: center; gap: 1rem; color: #755a2c; font-size: 12px; letter-spacing: .11em; text-transform: uppercase; }
  .founder-scroll-cue i { flex: 1; height: 1px; background: rgba(117,90,44,.2); }
  .founder-scroll-cue i::before { content: ""; display: block; width: calc(var(--founder-progress,0) * 100%); height: 2px; background: var(--gold-deep); }
}
@media (max-width: 980px) {
  .founder-stage { grid-template-columns: 1fr; gap: 3rem; padding: 6rem 5vw; }
  .founder-copy { max-width: 760px; }
  .founder-gallery { max-width: 840px; width: 100%; margin: auto; }
  .founder-backword { bottom: 15%; font-size: 31vw; }
  html.motion-ready:not([data-motion="reduced"]) .founder-copy > *,
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait { opacity: .25; transform: translateY(22px); transition: opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1); transition-delay: var(--founder-delay,0s); }
  html.motion-ready:not([data-motion="reduced"]) .founder-copy > *.is-visible,
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait.is-visible { opacity: 1; transform: none; }
}
@media (max-width: 680px) {
  .hero-actions { margin-top: 1rem; gap: .6rem; }
  .hero-actions .hero-action { flex: 1 1 auto; gap: 1rem; justify-content: space-between; }
  .hero-about { flex: 0 0 auto; min-height: 50px; }
  .founder-stage { padding: 4.5rem 1.25rem 5rem; gap: 2.4rem; }
  .founder-backword { display: none; }
  .founder-copy h1,.founder-copy h2 { font-size: clamp(3.2rem,13vw,5rem); }
  .founder-role { font-size: 12px; }
  .founder-gallery { display: block; }
  .founder-portrait-main { min-height: 0; height: min(112vw,520px); }
  .founder-portrait-main img { height: 100%; }
  .founder-views { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: none; gap: .45rem; margin-top: .55rem; }
  .founder-portrait-small { height: clamp(142px,42vw,190px); border-radius: 16px; }
  .founder-portrait-small img { width: auto; left: 50%; }
  .founder-portrait-small figcaption { left: .35rem; right: .35rem; bottom: .35rem; padding: .25rem .3rem; font-size: 10px; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  html.motion-ready:not([data-motion="reduced"]) .founder { height: auto; }
  html.motion-ready:not([data-motion="reduced"]) .founder-stage { position: relative; top: auto; height: auto; min-height: 0; padding: clamp(5rem,8vw,9rem) 4vw; }
  html.motion-ready:not([data-motion="reduced"]) .founder-copy,
  html.motion-ready:not([data-motion="reduced"]) .founder-copy > *,
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait,
  html.motion-ready:not([data-motion="reduced"]) .founder-portrait-main img,
  html.motion-ready:not([data-motion="reduced"]) .founder-backword { opacity: 1; transform: none; transition: none; }
  html.motion-ready:not([data-motion="reduced"]) .founder-backword { opacity: .08; }
  html.motion-ready:not([data-motion="reduced"]) .founder-scroll-cue { display: none; }
}