/* Ashanty / second refinement — warm photographic tone and a clear reading rhythm. */
[hidden]{display:none!important}
:root{--photo-tone:saturate(.88) contrast(.98) sepia(.055)}
.scene img,.menu-photo img,.philosophy-image img,.closing-image img,.subhero-image img,.design-photo,.card-photo img{filter:var(--photo-tone)}
h1,h2,h3{font-feature-settings:'palt';text-wrap:balance}
p{overflow-wrap:anywhere}
.section{padding-block:clamp(64px,7vw,104px)}
.fineprint,.review-summary-label,.review-source,.review-credit,.review-credit span,.card-caption,.look-panel .fineprint{font-size:12px}
.eyebrow{font-size:11px;letter-spacing:.12em}
.text-link,.phone{min-height:44px}
.button{border-radius:2px 15px 2px 2px}
.button .lash-arrow{flex-shrink:0}
.site-header nav a{font-size:12px}
.sound-toggle{font-size:10px;min-width:44px;min-height:44px;padding:5px}
.sound-toggle b{font-size:11px}
.header-actions{gap:16px}
.resume-note{padding:10px 12px;border:1px solid #d3bc8c80;background:linear-gradient(120deg,#3e312bdd,#5a473bc9);font-size:11px;border-radius:2px 12px 2px 2px;white-space:nowrap}
.hero{display:flex;align-items:center;height:auto;min-height:min(900px,100svh);max-height:none;padding:184px 7vw 145px}
.hero-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(650px,56vw)}
.hero-copy .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:22px}
.hero h1{font-size:clamp(40px,4.4vw,66px);line-height:1.65;letter-spacing:.025em}
.hero h1 span{animation-name:heading-arrive;animation-duration:.85s;animation-delay:.24s}
.hero h1 span:nth-child(2){animation-delay:.39s}
.hero-copy p{font-size:14px;margin-top:22px;line-height:2}
.hero-media{animation-duration:1.3s}
.hero-media img{object-position:68% 45%;animation:hero-zoom 3.5s var(--ease) both}
.hero-shade{background:linear-gradient(90deg,#20160eed 0%,#302219a6 35%,#30221920 70%),linear-gradient(0deg,#231a12aa,transparent 28%,transparent 76%,#231a1255)}
.hero-lash{opacity:.28}
.hero-links{gap:26px;flex-wrap:wrap;animation:heading-arrive .75s .65s both}
.hero-links .button{font-size:13px}
.hero-links>.text-link{font-size:12px}
.hero-bottom{bottom:25px;pointer-events:none}
.hero-bottom a{pointer-events:auto}
.hero-word{font-size:76px}
.hero-topline{top:137px;font-size:11px}
.scroll-link{font-size:10px}
.intro{grid-template-columns:.85fr 1.15fr;gap:8vw;padding-bottom:55px}
.intro-heading{padding-top:0}
.intro-story .lead{font-size:21px;line-height:1.9;margin-bottom:17px}
.intro-story>p:not(.lead){font-size:14px;line-height:2}
.intro-story .text-link{font-size:12px;margin-top:12px}
.daily-scenes{padding-top:0;padding-bottom:75px}
.scene{min-height:360px}
.scene-brow{min-height:330px;margin-top:28px}
.scene-occasion{min-height:310px;margin-top:56px}
.scene>div{left:25px;right:25px;bottom:27px}
.scene h3{font-size:clamp(20px,2vw,28px);line-height:1.65}
.scene .text-link,.scene span{font-size:12px}
.scene:after{background:linear-gradient(0deg,#24190df2,transparent 90%)}
.look-image{isolation:isolate}
.look-script{bottom:94px;font-size:64px;opacity:.75}
.look-focus{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:22px 28px;color:#fff3df;background:linear-gradient(0deg,#2b211aee,#2b211a77,transparent)}
.look-focus>span{display:block;font-size:11px;letter-spacing:.1em}
.look-focus b{font-family:var(--serif);font-size:20px;font-weight:500}
.look-focus i{position:absolute;right:26px;bottom:28px;width:52px;height:23px;border-top:1px solid #e7cca2;border-radius:50%;transform:rotate(-12deg)}
.look-ordinal{font-size:12px;background:#fff3dded}
.look-panel{padding:38px;gap:24px}
.look-tabs button{font-size:12px;min-height:50px}
.look-panel .choose-look{font-size:13px;min-height:52px}
.look-panel p:not(.fineprint){font-size:14px;line-height:2}
.look-panel .fineprint{line-height:1.85}
.look-panel .text-link{font-size:13px}
.look-panel h3{font-size:30px}
.look-panel .eyebrow{margin:0 0 12px;font-size:12px}
.consult-inner{padding-block:84px}
.consult-heading>p{font-size:14px;line-height:1.9}
.check-item>span:nth-child(2){font-size:14px}
.finish-row{display:flex;flex-direction:column;align-items:start;gap:14px;margin:25px 0 0}
.finish-note{font-size:13px;min-height:52px;gap:22px}
#selection-hint{font-size:12px;line-height:1.8;color:#cbbca6}
.consult-result{scroll-margin-top:30px}
.consult-result>p{font-size:13px}
.consult-card{position:relative}
.card-seal{position:absolute;right:16px;top:18px;z-index:2;display:none;align-items:center;justify-content:center;flex-direction:column;width:92px;aspect-ratio:1;border:1px solid #e7c999;background:#35271cdb;color:#f2d6a3;border-radius:50%;font-size:8px;letter-spacing:.08em;box-shadow:inset 0 0 0 5px #e5c78718;rotate:9deg}
.card-seal b{font-family:Cormorant,serif;font-size:30px;line-height:1.1;font-weight:400;font-style:italic;letter-spacing:0}
.is-finished .card-seal{display:flex}
.sealed .card-seal{animation:seal-arrive .65s var(--ease)}
.sealed{animation:card-finish .8s var(--ease)}
.card-label{font-size:10px}
.card-body li{font-size:13px}
.card-menus a{font-size:12px;min-height:44px}
.consult-result .card-caption{font-size:12px}
.consult-result .note-retention{font-size:12px;line-height:1.9;color:#d5c8b7;margin:18px 0 22px}
.result-actions .button,.reset,.consult-result>.text-link{font-size:13px;min-height:46px}
.result-actions .button{max-width:100%}
.menu-card:nth-child(even){padding-top:38px}
.menu-photo{height:300px}
.menu-price small{font-size:12px}
.menu-card .button{font-size:13px;min-height:52px}
.menu-card>p{font-size:14px;line-height:2}
.menu-grid{gap:44px 38px}
.set-menu{margin-top:44px}
.philosophy-copy{padding:58px 5vw}
.philosophy-copy>p{font-size:14px;line-height:2;margin-top:20px}
.signature{margin-top:18px}
.salon-steps{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid #c5b6a2}
.salon-steps li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid #c5b6a2}
.salon-steps li>span{font-family:Cormorant,serif;color:#94754e;font-size:32px;font-style:italic;line-height:1.4}
.salon-steps b{font-family:var(--serif);font-size:17px;font-weight:500}
.salon-steps p{font-size:13px;line-height:1.9;margin-top:4px}
.review p{font-size:14px;line-height:2}
.review-source{font-size:12px}
.review-summary-label{font-size:12px}
.review .eyebrow{font-size:11px}
.review-credit span{font-size:12px}
.faq-list summary{font-size:15px}
.answer{font-size:14px;line-height:2}
.faq-topics button{font-size:13px}
.faq-count{font-size:12px}
.arrival-card{position:relative;padding:38px;isolation:isolate;border:1px solid #c2a475;background:radial-gradient(ellipse at 90% 5%,#fdf5e2,#ecdfca 70%);box-shadow:inset 0 0 0 8px #fff8f033;border-radius:2px 55px 2px 2px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;overflow:hidden}
.arrival-card:before{content:'';position:absolute;inset:15px;border:1px solid #c3a77866;border-radius:0 37px 0 0;z-index:-1}
.arrival-card .eyebrow{font-size:12px;letter-spacing:.08em}
.arrival-station{display:grid;gap:5px}
.arrival-station>span{font-size:12px}
.arrival-station strong{font-family:var(--serif);font-size:31px;font-weight:500;letter-spacing:.1em}
.arrival-station>b{font-size:13px;letter-spacing:.1em;font-weight:400}
.arrival-walk{font-size:12px;position:relative;margin:20px 0 16px;padding-left:23px}
.arrival-walk:before{content:'';position:absolute;left:8px;top:0;bottom:0;border-left:1px solid #9d805b}
.arrival-floor{display:flex;align-items:center;gap:20px}
.arrival-floor>span{font-size:13px}
.arrival-floor strong{font-family:Cormorant,serif;font-size:68px;font-weight:400;line-height:1}
.arrival-floor strong span{font-size:32px}
.arrival-bell{display:flex;gap:18px;align-items:center;margin-top:20px;border-block:1px solid #b49b7755;padding:8px 20px;background:linear-gradient(110deg,#fef8eaaa,#c9b38d22)}
.arrival-bell>span{font-size:12px}
.arrival-bell b{font-family:Cormorant,serif;font-size:41px;letter-spacing:.06em;font-weight:400}
.arrival-card>p{font-size:12px;line-height:1.9;margin-top:15px}
.access dl,.arrival,.access-links .text-link{font-size:14px}
.access dt{font-size:11px}
.closing{min-height:460px}
.closing h2{font-size:clamp(28px,3.4vw,48px)}
.closing p,.phone{font-size:14px}
.closing-image img{object-position:65% 32%}
.footer>div,.footer small{font-size:12px}
.feedback .tap-echo{position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(105deg,transparent 10%,#fff7 48%,transparent 80%);transform:translateX(-115%);animation:touch-light .65s var(--ease) both;border-radius:inherit;z-index:3}
.feedback .tap-echo.check{background:radial-gradient(ellipse at right,#e8c57a88,transparent 72%)}
.feedback .tap-echo.booking{background:linear-gradient(105deg,transparent 10%,#ffe5a999 48%,transparent 80%)}
.check-item,.look-tabs button,.mobile-book a,.header-book{overflow:hidden}
.motion-ready .reveal{transition-duration:.7s;transform:translateY(22px)}
.motion-ready .reveal.visible{transform:none}
.motion-ready .scene.reveal{transition-duration:1s}
.motion-ready .menu-card.reveal{transition-duration:.8s}
.motion-ready .review.reveal{transform:translateY(12px);transition-duration:.5s}
.motion-ready .review.reveal.visible{transform:none}
@keyframes heading-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes touch-light{to{transform:translateX(115%)}}
@keyframes seal-arrive{from{opacity:0;scale:1.7;rotate:-12deg}65%{opacity:1;scale:.92}to{scale:1;rotate:9deg}}
@keyframes card-finish{35%{box-shadow:0 0 50px #e8c78855;translate:0 -4px}to{translate:0 0}}
@media(max-width:1100px){.site-header nav{gap:14px}.site-header nav a{font-size:11px}.resume-note{display:none}.hero-copy{width:70vw}.hero h1{font-size:clamp(38px,4.8vw,54px)}.look-panel{padding:28px}.scene>div{left:20px;right:20px}.scene h3{font-size:22px}}
@media(max-width:800px){
  .section{padding-block:60px}.site-header .logo span{font-size:7px}.header-actions{gap:10px}.header-book{font-size:12px;min-height:44px;display:flex;align-items:center}.nav-toggle{min-width:44px;padding:10px}.sound-toggle{font-size:10px}.sound-toggle b{font-size:11px}
  .hero{min-height:100svh;height:auto;padding:clamp(250px,33svh,380px) 6vw 145px;align-items:flex-end}
  .hero-copy{width:100%;left:auto;right:auto;top:auto;bottom:auto}
  .hero h1{font-size:clamp(34px,6.8vw,48px);line-height:1.65}
  .hero-copy .eyebrow{font-size:12px;letter-spacing:.07em;margin-bottom:16px}
  .hero-copy p{font-size:14px;line-height:1.9;margin-top:18px}
  .hero-media img{height:100%!important;object-position:61% 36%}
  .hero-shade{background:linear-gradient(0deg,#21170ff5,#21170ec9 33%,#21170e60 59%,#21170e10 79%,#21170e70)}
  .hero-topline{top:111px;font-size:11px}
  .hero-links{margin-top:24px;gap:14px 22px}
  .hero-links .button{font-size:13px;min-height:52px;gap:14px;padding:13px 18px}
  .hero-links>.text-link{font-size:12px}
  .hero-bottom{bottom:83px;align-items:center}.hero-word{font-size:57px}.scroll-link{font-size:10px;max-width:150px;line-height:1.7}
  .hero-index{display:none}.hero-lash{top:18%;opacity:.3}
  .experience-route{gap:12px}.experience-route a{font-size:12px;gap:4px}.experience-route i{width:20px}
  .intro{grid-template-columns:1fr;gap:23px;padding-bottom:35px}
  .intro-story .lead{font-size:19px}.intro-story>p:not(.lead){font-size:14px}
  .daily-scenes{padding-top:0;padding-bottom:55px}.scene,.scene-brow{min-height:310px}.scene-brow{margin-top:25px}.scene-occasion{min-height:240px;margin-top:0}
  .section-title>p{font-size:14px}.section-title .text-link{font-size:13px}
  .look-image{height:360px}.look-panel{padding:28px;gap:23px}.look-tabs{grid-template-columns:1fr 1fr}.look-tabs button{font-size:13px}.look-panel .choose-look{font-size:13px}
  .look-panel h3{font-size:29px}.look-script{bottom:94px;font-size:59px}
  .consult-inner{padding-block:60px}.consult-heading>p{font-size:13px}.consult-heading h2{font-size:30px}.check-item>span:nth-child(2){font-size:14px}
  .card-photo{min-height:240px}.card-seal{right:12px;width:80px;font-size:7px}.card-body{padding:24px}.card-body li{font-size:13px}
  .menu-card:nth-child(even){padding-top:28px}.menu-photo{height:250px}.menu-grid{gap:35px 24px}
  .philosophy-image{height:350px}.philosophy-copy{padding:45px 7vw}.philosophy-copy>p{font-size:14px}
  .review p,.answer{font-size:14px}.review-source{font-size:12px}.review-credit{flex-wrap:wrap;gap:5px}.review-credit span{margin-left:0;font-size:12px}
  .arrival-card{min-height:440px;padding:30px}.access{gap:35px}.access dt{font-size:11px}
  .closing{min-height:430px}.closing h2{font-size:31px}.closing p{font-size:14px}
  .subhero p{font-size:14px}.faq-list summary{font-size:14px}.faq-topics button{font-size:13px}.faq-count{font-size:12px}.footer>div{font-size:12px}
  .mobile-book a{font-size:13px;min-height:46px}.mobile-book a:first-child{width:42%}#toast{bottom:calc(84px + env(safe-area-inset-bottom));font-size:13px}
}
@media(max-width:480px){
  .site-header{padding-inline:5vw;gap:8px}.site-header .logo{font-size:29px}.site-header .logo span{font-size:6px;letter-spacing:.02em}.brand-mark{width:23px}.header-actions{gap:3px}.header-book{padding:8px 9px;font-size:11px}.header-book span{padding-left:6px}
  .hero{padding-top:clamp(245px,31svh,330px);padding-bottom:140px;min-height:100svh;max-height:none}
  .hero h1{font-size:clamp(29px,8vw,38px);line-height:1.7;letter-spacing:.015em}.hero-copy .eyebrow{font-size:11px}.hero-copy p{font-size:13px;letter-spacing:.01em}
  .hero-links .button{font-size:12px;padding:12px 15px}.hero-links>.text-link{font-size:12px}.hero-topline{font-size:10px}.hero-word{font-size:50px}.hero-bottom{bottom:84px}.scroll-link{font-size:9px;max-width:130px;gap:10px}
  .experience-route{padding-inline:5vw;gap:8px}.experience-route a{font-size:11px}.experience-route a span{font-size:24px}.experience-route i{width:14px}
  .intro{padding-top:44px}.intro-heading h2{font-size:33px}.intro-story .lead{font-size:18px}.intro-story>p:not(.lead){font-size:14px}
  .daily-scenes{grid-template-columns:1fr;gap:16px}.scene,.scene-brow,.scene-occasion{min-height:265px;margin:0}.scene:nth-child(2){margin-left:18px}.scene:nth-child(3){margin-right:18px}.scene h3,.scene-occasion h3{font-size:25px;line-height:1.65}.scene .text-link{font-size:12px}.scene>div{bottom:24px}
  .section-title h2{font-size:28px}.section-title>p{font-size:14px}.look-image{height:290px}.look-panel{padding:24px 20px;gap:22px}.look-panel h3{font-size:27px}.look-focus{padding:18px 21px}.look-focus b{font-size:18px}.look-script{font-size:52px;bottom:87px}.look-focus>span{font-size:11px}.look-focus i{right:22px;width:40px}
  .look-tabs button{font-size:12px;min-height:50px}.look-panel .choose-look{font-size:12px}.look-panel p:not(.fineprint){font-size:14px}.look-panel .fineprint{font-size:12px}
  .consult-heading h2{font-size:27px}.consult-heading>p{font-size:13px;max-width:100%}.consult-heading .eyebrow{font-size:11px}.eye-art{width:30%;bottom:0}.consult-progress{max-width:62%}.consult-progress>span:nth-child(2){font-size:11px}
  .check-item{min-height:84px;padding:16px 13px;gap:12px}.check-item>span:nth-child(2){font-size:14px}.check-number{font-size:25px}.finish-note{font-size:12px;gap:12px;padding:13px 15px;max-width:100%}
  .consult-result>h3{font-size:23px}.consult-result>p{font-size:13px}.consult-card{display:block}.card-photo{height:190px;min-height:0}.card-body{padding:23px 20px}.card-body h4{font-size:23px}.card-body li{font-size:13px}
  .card-photo>span{font-size:14px;max-width:60%}.card-menus a{font-size:12px}.result-actions{gap:15px}.result-actions .button{font-size:12px}.reset{font-size:12px}.consult-result>.text-link{font-size:12px}
  .menu-card:nth-child(even){padding-top:0}.menu-photo{height:245px}.menu-card>p{font-size:14px}.menu-card .button{font-size:13px}.menu-price>span{font-size:12px}.menu-head h3{font-size:26px}.menu-grid{gap:35px}.set-menu p{font-size:13px}.set-menu .button{font-size:12px}.menu-section>.fineprint{font-size:12px}
  .philosophy-image{height:300px}.philosophy-copy h2{font-size:28px}.philosophy-copy>p{font-size:14px}.salon-seal small{font-size:8px}.salon-steps li{padding:14px 0}.salon-steps p{font-size:13px}
  .review h3{font-size:23px}.review p{font-size:14px}.review-number{font-size:37px}.review{grid-template-columns:35px 1fr;column-gap:16px}.review-credit{font-size:12px}.fineprint{font-size:12px}
  .faq-list summary{font-size:14px;gap:12px}.answer{font-size:14px;padding-left:30px}.faq-topics button{font-size:12px}.faq-count{font-size:12px}
  .access dl{font-size:14px;grid-template-columns:65px 1fr;gap:14px}.access h2{font-size:29px}.access-links{flex-wrap:wrap;gap:18px}.access-links .button{font-size:13px}.arrival{font-size:14px}.arrival-card{min-height:425px}
  .closing{min-height:420px;padding:50px 6vw}.closing h2{font-size:27px}.closing p{font-size:13px}.closing .button{font-size:13px}.phone{font-size:13px}
  .subhero{height:auto;min-height:470px;padding:145px 7vw 90px}.subhero h1{font-size:29px}.subhero p{font-size:13px}.footer{padding-bottom:105px}.footer>div,.footer small{font-size:12px}
}
@media(max-width:350px){.site-header{padding-inline:3vw}.site-header .logo{font-size:25px}.site-header .logo .brand-mark{width:19px}.header-actions{gap:0}.header-book{font-size:10px;padding:7px}.hero-links{gap:10px}.hero-links .button{font-size:11px;gap:8px}.hero-links>.text-link{font-size:11px}.hero h1{font-size:28px}.hero-copy .eyebrow{font-size:10px}.experience-route a{font-size:10px}.card-menus a{font-size:11px}}
@media(min-width:801px) and (max-height:700px){.hero{padding-top:160px;padding-bottom:120px;min-height:650px}.hero h1{font-size:44px}.hero-copy p{font-size:13px;margin-top:16px}.hero-links{margin-top:22px}.hero-topline{top:125px}.hero-word{font-size:60px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-links,.hero h1 span{animation:none;opacity:1;transform:none}.feedback .tap-echo{display:none}.motion-ready .reveal,.motion-ready .review.reveal{opacity:1;transform:none;transition:none}.sealed,.sealed .card-seal{animation:none}.hero-media img{animation:none}}

/* Third refinement: service comparison, selective card editing and resilient small screens. */
.menu-compass{margin:0 0 46px;background:radial-gradient(ellipse at 20% 0,#fff9ec,#e8dccb80);border-block:1px solid #c9b393;padding:25px 0 18px}
.compass-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.compass-heading>span{font-size:.75rem;color:#806344;letter-spacing:.08em}
.compass-heading p{font-size:1rem;font-family:var(--serif)}
.compass-heading b{font-weight:500}
.compass-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.compass-option{position:relative;min-width:0;display:grid;grid-template-columns:45px 1fr;gap:5px 14px;align-content:start;padding:22px 18px 20px;background:linear-gradient(135deg,#fffdf7cc,#ddc8a940);border:1px solid #c2a783;border-radius:2px 24px 2px 2px;box-shadow:inset 0 1px #fff9,0 4px #c3aa8333;overflow:hidden}
.compass-option>svg{width:45px;height:40px;fill:none;stroke:#8c673c;stroke-width:1.3;stroke-linecap:round;grid-row:2;grid-column:1}
.compass-option>svg path{stroke-dasharray:250;stroke-dashoffset:0}
.compass-number{grid-column:1/3;font-size:.65rem;letter-spacing:.12em;color:#92734f}
.compass-verb{grid-column:2;grid-row:2;font-family:var(--serif);font-size:1.5rem;line-height:1.6;align-self:center}
.compass-option>strong{grid-column:1/3;font-size:.8125rem;font-weight:500;line-height:1.7;margin-top:10px}
.compass-change{grid-column:1/3;font-size:.75rem;line-height:1.8;color:#665442}
.compass-detail{grid-column:1/3;font-size:.75rem;line-height:1.8;border-top:1px solid #bda38455;padding-top:11px;margin-top:10px;padding-right:12px}
.compass-detail small{display:block;font-size:.6875rem;color:#806344;margin-bottom:4px}
.compass-arrow{position:absolute;right:16px;top:15px;font-size:1rem;color:#92734f}
.compass-caption{font-size:.75rem;color:#75604a;line-height:1.9;margin-top:15px}
.compass-option:hover{border-color:#89673f;box-shadow:inset 0 1px #fff,0 6px #c3aa8333}
.compass-option:hover>svg path,.compass-option:focus-visible>svg path{animation:comparison-stroke .7s var(--ease)}
.menu-card:target .menu-head{animation:menu-arrive 1.4s var(--ease)}
.card-preference{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;border-top:1px solid #b69a7455;padding-top:17px;margin-top:20px}
.card-preference>span{font-size:.75rem;color:#745b3e;width:100%}
.card-preference button{position:relative;background:linear-gradient(120deg,#fff9,#d8bf9a33);border:1px solid #ad8b5e;border-radius:2px 10px 2px 2px;min-height:44px;padding:10px 12px;font-size:.75rem;color:#4d3923;overflow:hidden;box-shadow:0 3px #ac8d6322}
.consult-result .card-update{font-size:.75rem;color:#6b4c27;line-height:1.9;margin:0;min-height:0}
.consult-result .card-update:not(:empty){margin-top:15px;padding:10px 12px;background:#fff8e6;border-left:2px solid #aa7b3e}
.consult-card.preference-changed .card-photo:after{animation:preference-light .9s var(--ease)}
.consult-card.preference-changed #card-style{animation:preference-word .65s var(--ease)}
.card-photo img.switching{animation:photo-switch .55s var(--ease)}
.note-next{border-left:1px solid #d3b480;padding-left:16px;margin:24px 0}
.note-next>span{font-size:.75rem;color:#e0c496}
.consult-result .note-next p{font-size:.8125rem;line-height:1.9;color:#eee0cc;margin:7px 0 0}
.note-next b{font-weight:500;color:#ffe9c3}
.card-seal{pointer-events:none}
.card-photo>span{padding-right:10px}
.hero-copy{z-index:3}
.hero h1{text-shadow:0 2px 26px #100a0755}
.hero-topline{z-index:2}
.hero-media img{filter:saturate(.91) contrast(.98)}
.philosophy-image img{filter:saturate(.88) contrast(.96) brightness(.99) sepia(.055)}
.scene-morning img{filter:saturate(.84) contrast(.98) sepia(.04)}
.scene-occasion img,.closing-image img{filter:saturate(.89) contrast(.97) sepia(.035)}
.scene>div{position:relative;left:auto;right:auto;bottom:auto;padding:140px 25px 27px;margin-top:auto}
.scene{display:flex;flex-direction:column}
.hero-links .button,.result-actions .button,.finish-note{white-space:normal;text-align:left;line-height:1.8}
.hero-links .button>span:first-child,.finish-note>span:first-child{min-width:0}
.hero-links,.result-actions,.access-links{flex-wrap:wrap}
.look-panel,.card-body,.consult-body,.intro-story,.philosophy-copy,.access-copy{min-width:0}
.card-photo>span{max-width:70%}
.look-focus b{display:block;padding-right:55px;overflow-wrap:anywhere}
.fineprint,.card-caption,.review-credit span{line-height:1.9}
.feedback.pressing{transition-duration:.075s!important}
.feedback.rebounding{animation-duration:.32s}
.tap-echo{will-change:transform}
.closing .phone{width:fit-content;max-width:100%;white-space:normal;line-height:1.9}
@keyframes comparison-stroke{from{stroke-dashoffset:250}to{stroke-dashoffset:0}}
@keyframes preference-light{0%{background-color:#e8c38400}35%{background-color:#e8c38444}100%{background-color:#e8c38400}}
@keyframes preference-word{from{opacity:.3;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes menu-arrive{30%{background:#e0c39855;box-shadow:0 0 0 12px #e0c39822}100%{background:transparent;box-shadow:0 0 0 0 transparent}}
@media(min-width:801px){.hero-copy{max-width:49rem;width:min(650px,60vw)}.hero-shade{background:linear-gradient(90deg,#20160ef5 0%,#302219b5 35%,#30221925 67%),linear-gradient(0deg,#231a12b0,transparent 29%,transparent 76%,#231a1255)}.hero h1{font-size:clamp(2.5rem,4.4vw,4.125rem)}}
@media(max-width:1100px){.compass-options{grid-template-columns:repeat(2,minmax(0,1fr))}.compass-option{grid-template-columns:45px 1fr;gap:3px 16px}.compass-option>strong,.compass-change{grid-column:2}.compass-option>strong{margin-top:2px}.compass-detail{grid-column:1/3}.compass-option>svg{grid-row:2/5;align-self:center}.compass-verb{grid-row:2}}
@media(max-width:800px){
  .hero-media img{object-position:62% 35%}.hero-links .button{min-height:54px}
  .scene>div{padding:135px 23px 25px}.scene-occasion>div{padding-top:105px}
  .menu-compass{margin-bottom:34px;padding-top:20px}.compass-heading{align-items:start;flex-direction:column;gap:6px}.compass-options{gap:12px}
  .compass-option{padding:18px 15px}.compass-verb{font-size:1.375rem}
  .card-preference{gap:10px}.card-preference button{font-size:.8125rem}.card-photo>span{max-width:67%}
  .footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  html{scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .mobile-book{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));gap:8px}
  .mobile-book a{white-space:normal;text-align:center;line-height:1.5;padding:8px;font-size:.8125rem}
  .hero-bottom{bottom:calc(80px + env(safe-area-inset-bottom))}
}
@media(max-width:480px){
  .hero{padding-bottom:calc(145px + env(safe-area-inset-bottom));padding-top:clamp(230px,29svh,315px)}
  .hero h1{font-size:clamp(1.8rem,8vw,2.375rem);line-height:1.75}.hero-copy p{font-size:.8125rem}.hero-copy .eyebrow{font-size:.6875rem;letter-spacing:.04em}
  .hero-links .button{flex:0 1 auto;font-size:.8125rem}.hero-links>.text-link{font-size:.75rem}
  .hero-word{font-size:3rem}.hero-topline{font-size:.6875rem}
  .hero-shade{background:linear-gradient(0deg,#21170ffa,#21170ee0 31%,#21170e72 56%,#21170e10 77%,#21170e70)}
  .scene,.scene-brow,.scene-occasion{min-height:0}.scene>div{padding:115px 22px 24px}.scene h3,.scene-occasion h3{font-size:1.5rem}.scene .text-link{font-size:.8125rem}
  .compass-option{grid-template-columns:1fr;padding:18px 14px;gap:5px}.compass-option>svg{grid-column:1;grid-row:auto;width:40px;height:35px;margin-top:5px}.compass-number,.compass-verb,.compass-option>strong,.compass-change,.compass-detail{grid-column:1;grid-row:auto}.compass-verb{font-size:1.375rem}.compass-option>strong{margin-top:5px;font-size:.8125rem}.compass-detail{padding-right:0;font-size:.75rem}.compass-detail small{font-size:.6875rem}
  .look-focus{padding:16px 20px}.look-focus b{font-size:1.125rem}.look-focus>span{font-size:.6875rem}.look-script{bottom:100px}.look-panel h3{font-size:1.625rem}.look-panel p:not(.fineprint){font-size:.875rem}
  .check-item>span:nth-child(2){font-size:.875rem}.check-number{flex-shrink:0}.consult-heading h2{font-size:1.6875rem}.finish-note{font-size:.8125rem}
  .consult-result>h3{font-size:1.4375rem}.consult-result>p,.card-body li{font-size:.8125rem}.card-body h4{font-size:1.4375rem}.card-photo>span{font-size:.875rem;max-width:62%}.result-actions .button{font-size:.8125rem}
  .fineprint,.look-panel .fineprint,.consult-result .card-caption,.consult-result .note-retention{font-size:.75rem}
  .menu-card>p,.review p,.answer,.philosophy-copy>p{font-size:.875rem}.faq-list summary{font-size:.875rem}.menu-card .button{font-size:.8125rem;gap:15px}
  .closing h2{font-size:1.6875rem}.closing p,.closing .phone{font-size:.8125rem}.closing .button{font-size:.8125rem}
  .section-title>p{font-size:.875rem}.intro-story>p:not(.lead){font-size:.875rem}.intro-heading h2{white-space:normal}.hero-links{align-items:center}
}
@media(max-width:380px){.compass-options{gap:9px}.compass-option{padding:16px 11px}.compass-detail{font-size:.6875rem}.hero-links{gap:12px;flex-direction:column;align-items:stretch}.hero-links .button{justify-content:space-between}.hero-links>.text-link{align-self:start}.hero-bottom{align-items:center}.scroll-link{max-width:115px}.site-header{gap:4px}.header-actions{gap:0}.site-header .logo{font-size:25px}.brand-mark{width:19px}}
@media(max-width:800px) and (max-height:530px) and (orientation:landscape){.hero{min-height:650px;padding-top:185px}.hero-media img{object-position:62% 42%}.hero-copy{max-width:70%}.hero h1{font-size:2rem}.hero-lash{top:12%;width:70%}.hero-bottom{bottom:80px}.scene>div{padding-top:125px}}
@media(prefers-reduced-motion:reduce){.compass-option:hover>svg path,.compass-option:focus-visible>svg path,.menu-card:target .menu-head,.consult-card.preference-changed #card-style,.consult-card.preference-changed .card-photo:after,.card-photo img.switching{animation:none!important}.tap-echo{display:none}}