:root{--cream:#f5f2eb;--ink:#443f36;--brown:#74624e;--muted:#8b857a;--line:#d9d2c6;--serif:'Yu Mincho','Hiragino Mincho ProN',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:13px;line-height:2}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}p,h1,h2,h3{margin-top:0}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #897455;outline-offset:5px}.sample{text-align:center;font-size:9px;background:#e6e2d8;padding:4px 14px;letter-spacing:.1em;color:#6f695d}.sample span{margin-left:15px}header{height:106px;display:flex;align-items:center;gap:36px;padding:0 5%;position:sticky;top:0;background:#f5f2ebf5;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid #d9d2c666}.logo{display:flex;align-items:center;gap:15px;line-height:1}.logo-mark{font-size:53px;font-weight:100;color:#8d9275}.logo>span:last-child{font-family:Georgia,serif;font-size:34px;letter-spacing:.06em}.logo small{display:block;font:9px sans-serif;letter-spacing:.23em;margin-top:12px;text-align:center}nav{margin-left:auto;display:flex;gap:30px;font-size:11px}nav a{border-bottom:1px solid transparent;transition:.2s}nav a:hover{border-color:var(--brown)}.reserve{border:1px solid var(--brown);background:var(--brown);color:#fff;padding:17px 28px;min-height:60px;display:inline-flex;align-items:center;justify-content:space-between;gap:60px;font-size:12px;letter-spacing:.08em;transition:background .2s}.reserve:hover{background:#594a3b}.reserve.compact{padding:12px 24px;min-height:45px;gap:30px}.hamburger{display:none}.hero{position:relative;display:grid;grid-template-columns:43% 57%;padding:25px 3% 0 7%;align-items:center}.hero-copy{padding:35px 24px 40px 0}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:500;margin-bottom:25px;color:var(--brown)}h1{font:400 clamp(42px,4.3vw,68px)/1.55 var(--serif);letter-spacing:.07em;margin-bottom:28px}.lead{font:19px/2 var(--serif);margin-bottom:21px}.intro{font-size:11px;line-height:2.3;color:#777064;margin-bottom:28px}.hero .reserve{min-width:270px}.text-link{display:flex;justify-content:space-between;max-width:270px;font-size:10px;padding:14px 0 5px;border-bottom:1px solid var(--line);letter-spacing:.03em}.hero-image{height:650px;position:relative;align-self:stretch;overflow:hidden;border-radius:180px 0 0 0}.hero-image img{object-position:58% center}.image-caption{position:absolute;bottom:38px;left:35px;font:italic 25px Georgia,serif;color:white;text-shadow:0 2px 8px #3335}.image-index{position:absolute;right:20px;top:60px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.16em;color:#fff;text-shadow:0 1px 5px #3335}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;padding:22px 0 25px;font-size:9px;color:#8d8577;letter-spacing:.07em}.hero-foot a{font-size:8px;letter-spacing:.16em}.wrap{width:min(1120px,84%);margin:auto}.section{padding:110px 0}h2{font:400 clamp(28px,2.7vw,41px)/1.8 var(--serif);letter-spacing:.06em;margin-bottom:0}h3{font-family:var(--serif);font-weight:400}.concept{background:#ebece3;position:relative;margin-top:50px}.concept-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.concept-heading{position:relative}.concept .eyebrow{margin-bottom:30px}.flower{display:block;font-size:110px;line-height:1;color:#b5b89b;margin-top:28px}.concept-body p{font-size:12px;line-height:2.6;margin-bottom:24px}.concept-body .large-copy{font:23px/2 var(--serif);margin-bottom:25px}.principles{display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid #cdd0bc;padding-top:25px;font-size:10px;color:#72775f}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section-head .eyebrow{margin-bottom:18px}.section-head>p{font-size:11px;color:#827969;line-height:2.2;margin-bottom:6px}.menu-layout{display:grid;grid-template-columns:240px 1fr;gap:60px}.tiny{font-size:9px;line-height:2;letter-spacing:.05em;color:#918778}.menu-sidebar>.tiny{font-size:8px;letter-spacing:.13em}.tabs{display:flex;flex-direction:column;margin-top:20px}.tabs button{border:0;border-bottom:1px solid var(--line);text-align:left;padding:20px 0;background:none;display:flex;justify-content:space-between;font:19px var(--serif);color:#999082}.tabs span{font:9px sans-serif}.tabs [aria-selected=true]{color:var(--ink);border-bottom-color:var(--brown)}.tabs [aria-selected=true]:before{content:'•';color:#8d9275;margin-right:10px}.tabs [aria-selected=true] span{margin-left:auto}.menu-item{display:grid;grid-template-columns:1fr auto;padding:24px 0;border-bottom:1px solid var(--line);gap:5px 20px}.menu-item:first-child{padding-top:12px}.menu-item h3{font-size:20px;margin:0}.menu-item strong{font:24px/1.8 Georgia,serif;white-space:nowrap}.menu-item p{grid-column:1/-1;font-size:11px;color:#847b6c;margin:0}.menu-item .duration{font-size:9px;color:#a09584}.menu-choice{margin-top:25px;border:0;background:none;font-size:10px;border-bottom:1px solid var(--brown);padding:5px 0;color:var(--brown)}.price-note{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:9px;color:#918777}.price-note p{margin:0}.price-note>span{white-space:nowrap}.style-section{display:grid;grid-template-columns:1fr 1fr;background:#e4dfd4;align-items:center}.style-photo{height:720px;position:relative;overflow:hidden}.style-photo img{object-position:50% 42%}.style-photo>span{position:absolute;bottom:25px;left:30px;font-size:9px;letter-spacing:.2em;color:#fff}.style-copy{padding:70px 13%}.style-copy h2{font-size:36px;margin-bottom:28px}.style-copy>p:not(.eyebrow){font-size:12px;line-height:2.5;color:#756b5d}.style-copy .tiny{font-size:9px!important;margin:25px 0}.style-tags{display:flex;gap:10px;margin-top:25px}.style-tags span{border:1px solid #bcb2a2;padding:3px 12px;font-size:9px;border-radius:25px;color:#766b5b}.outline{border:1px solid #a79a86;background:none;padding:15px 18px;display:flex;justify-content:space-between;gap:35px;font-size:10px;width:100%;transition:.2s}.outline:hover{background:#f5f2eb}.visit-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:0}.visit-grid li{border-top:1px solid #b8ad99;padding-top:22px}.visit-grid li>span{font:italic 30px Georgia,serif;color:#9a8b71;display:flex;align-items:center;gap:20px}.visit-grid small{font:8px sans-serif;letter-spacing:.13em}.visit-grid h3{font-size:19px;margin:24px 0 15px}.visit-grid p{font-size:11px;color:#847a6b;margin:0}.salon{background:#ede8df}.salon-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.stylist-photo{height:475px;position:relative}.stylist-photo img{border-radius:0 130px 0 0;object-position:40% center}.stylist-photo>span{position:absolute;left:22px;bottom:20px;color:#fff;font-size:8px;letter-spacing:.15em}.salon-copy h2{font-size:33px;margin-bottom:25px}.salon-copy>p:not(.eyebrow){font-size:11px;line-height:2.5;color:#7e7464}.stylist-name{padding-top:20px;margin-top:25px;border-top:1px solid #d1c9b9}.stylist-name>span{font-size:8px;color:#948773;letter-spacing:.12em}.stylist-name h3{font-size:17px;margin:5px 0}.stylist-name small{font-size:9px;color:#918675}.salon-info{margin-top:75px;border-top:1px solid #cec5b4;padding-top:40px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.salon-info h3{font-size:24px;margin-bottom:10px}.salon-info p{font-size:10px;color:#8a7e6c}.salon-info .eyebrow{font-size:8px}.salon-info dl{margin:0}.salon-info dl>div{display:grid;grid-template-columns:90px 1fr;padding:12px 0;border-bottom:1px solid #d9d0c1;font-size:10px}.salon-info dt{color:#8b7d69}.salon-info dd{margin:0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.questions details{border-bottom:1px solid var(--line);padding:22px 0}.questions details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:11px}summary:after{content:'+';font-size:18px;line-height:1.4;color:#958770}details[open] summary:after{content:'−'}details p{font-size:11px;color:#8a7d69;margin:18px 0 0;line-height:2.2}.booking{background:#777b63;color:#fff;text-align:center;position:relative;overflow:hidden}.booking .eyebrow{color:#e1e3d4;font-size:8px}.booking h2{font-size:42px}.booking-inner>p:not(.eyebrow){font-size:11px;line-height:2.3;margin:25px 0 30px;color:#e6e7df}.booking .light{background:#f5f2eb;color:#595d48;border-color:#f5f2eb;min-width:330px}.booking .light:hover{background:#e8e7dc}.booking small{display:block;font-size:8px;color:#dadccd;margin-top:18px}.booking-symbol{position:absolute;left:4%;bottom:20px;font-size:300px;line-height:1;color:#ffffff08;pointer-events:none}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px 0}.footer-main p{font:15px var(--serif);margin:0}.footer-main>a:last-child{font-size:8px;letter-spacing:.13em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0 30px;border-top:1px solid var(--line);font-size:8px;color:#999080}.footer-bottom p{margin:0}.footer-bottom>span{white-space:nowrap;font-size:7px}.mobile-booking{display:none}dialog{width:min(600px,90vw);max-height:85vh;border:0;padding:42px;background:var(--cream);color:var(--ink);overflow:auto}dialog::backdrop{background:#302b24b5;backdrop-filter:blur(6px)}.close{position:absolute;right:12px;top:6px;font-size:28px;border:0;background:none;font-weight:200}dialog h2{font-size:27px;line-height:1.7}dialog p{font-size:11px;color:#877a66}dialog .eyebrow{margin-bottom:14px}dialog label{font-size:12px;display:block;margin:20px 0 8px}dialog select{width:100%;background:#fff;border:1px solid #cfc5b6;border-radius:0;font:12px sans-serif;padding:14px;color:var(--ink)}.booking-preview{margin:24px 0;padding:20px;background:#e9e8de}.booking-preview h3{font-size:20px;margin:0 0 8px}.booking-preview p{margin:0}.demo-message{font-size:10px!important;padding-top:20px;border-top:1px solid var(--line)}dialog img{height:260px;object-position:center 35%;margin-bottom:25px}dialog ul{padding-left:20px;font-size:12px;color:#7b705e}
@media(max-width:1050px){header{gap:22px;padding:0 4%}.logo>span:last-child{font-size:29px}.logo-mark{font-size:45px}nav{gap:17px;font-size:10px}.reserve.compact{gap:16px;padding:12px 18px}.hero{padding-left:6%;grid-template-columns:45% 55%}.hero-image{height:620px;border-top-left-radius:140px}h1{font-size:47px}.lead{font-size:17px}.hero .eyebrow{font-size:8px}.hero .reserve{min-width:250px}.style-copy{padding:45px 10%}.style-copy h2{font-size:30px}.style-photo{height:650px}.concept-grid{gap:8%}.menu-layout{grid-template-columns:190px 1fr;gap:40px}.visit-grid{gap:25px}.salon-grid{gap:7%}.salon-copy h2{font-size:28px}}
@media(max-width:760px){html{scroll-padding-top:80px}.sample{font-size:7px;padding:4px 5px;letter-spacing:.02em}.sample span{margin-left:5px}header{height:78px;padding:0 6%;gap:17px}.logo{gap:9px}.logo-mark{font-size:39px}.logo>span:last-child{font-size:27px}.logo small{font-size:7px;margin-top:9px}.reserve.compact{margin-left:auto;padding:9px 13px;gap:15px;font-size:10px;min-height:36px}.hamburger{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:8px 0 8px 3px;width:22px}.hamburger span{height:1px;background:var(--ink);width:100%}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);padding:12px 7% 25px;box-shadow:0 10px 14px #443f3610}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.hero{display:flex;flex-direction:column;padding:15px 0 0;align-items:stretch}.hero-image{order:0;margin-left:16%;height:340px;border-top-left-radius:100px;align-self:auto}.hero-image img{object-position:55% center}.image-caption{font-size:18px;bottom:24px;left:24px}.image-index{font-size:7px;right:13px;top:40px}.hero-copy{order:1;padding:30px 7% 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:18px}h1{font-size:clamp(36px,10.4vw,48px);letter-spacing:.04em;line-height:1.65;margin-bottom:20px}.lead{font-size:17px;line-height:1.9;margin-bottom:15px}.intro{font-size:10px;line-height:2.2;margin-bottom:24px}.hero .reserve{min-width:0;width:100%;font-size:12px;min-height:54px}.text-link{max-width:none;font-size:10px;padding:15px 0 8px}.hero-foot{order:2;padding:22px 7% 0;font-size:8px}.hero-foot>a{display:none}.wrap{width:86%}.section{padding:65px 0}h2{font-size:28px;letter-spacing:.04em;line-height:1.85}.eyebrow{font-size:8px;margin-bottom:18px}.concept{margin-top:40px}.concept-grid{grid-template-columns:1fr;gap:30px}.concept-heading{display:flex;flex-direction:column}.concept .eyebrow{margin-bottom:16px}.flower{position:absolute;right:0;top:45px;font-size:70px;margin:0;opacity:.5}.concept-heading h2{font-size:27px}.concept-body .large-copy{font-size:20px;margin-bottom:18px}.concept-body p{font-size:11px;line-height:2.5;margin-bottom:18px}.concept-body p br{display:none}.concept-body .large-copy br{display:block}.principles{gap:6px 14px;padding-top:20px;font-size:9px}.section-head{display:block;margin-bottom:30px}.section-head .eyebrow{margin-bottom:16px}.section-head>p{font-size:10px;margin-top:18px}.menu-layout{grid-template-columns:1fr;gap:25px}.menu-sidebar>.tiny{display:none}.tabs{margin:0;flex-direction:row;gap:18px}.tabs button{flex:1;padding:12px 0;font-size:16px;gap:7px}.tabs span{font-size:8px}.tabs [aria-selected=true]:before{display:none}.menu-item{padding:20px 0;gap:5px 10px}.menu-item h3{font-size:19px}.menu-item strong{font-size:23px}.menu-item p{font-size:10px}.menu-item .duration{font-size:8px}.price-note{display:block;margin-top:25px;font-size:8px}.price-note>span{display:block;margin-top:10px}.style-section{grid-template-columns:1fr}.style-photo{height:480px;margin:0 7%}.style-photo>span{left:20px;font-size:8px}.style-copy{padding:40px 7% 55px}.style-copy h2{font-size:28px;margin-bottom:20px}.style-copy>p:not(.eyebrow){font-size:11px;line-height:2.3}.style-copy .tiny{font-size:8px!important;margin:20px 0}.style-tags{margin-top:18px}.style-tags span{font-size:8px}.outline{font-size:10px;padding:15px 18px}.visit-grid{grid-template-columns:1fr;gap:28px}.visit-grid li{padding-top:20px}.visit-grid li>span{font-size:28px}.visit-grid small{font-size:8px}.visit-grid h3{font-size:20px;margin:14px 0 10px}.visit-grid p{font-size:11px}.salon-grid{grid-template-columns:1fr;gap:35px}.stylist-photo{height:350px}.stylist-photo img{border-top-right-radius:90px;object-position:45% center}.salon-copy h2{font-size:27px;margin-bottom:20px}.salon-copy>p:not(.eyebrow){font-size:10px}.stylist-name{margin-top:20px;padding-top:16px}.stylist-name h3{font-size:17px}.salon-info{margin-top:40px;padding-top:30px;grid-template-columns:1fr;gap:15px}.salon-info h3{font-size:23px}.salon-info p{font-size:9px}.salon-info .eyebrow{font-size:7px;margin-bottom:14px}.salon-info dl>div{grid-template-columns:70px 1fr;font-size:10px;padding:13px 0}.faq{grid-template-columns:1fr;gap:25px}.questions details{padding:20px 0}summary{font-size:11px;gap:15px}details p{font-size:10px}.booking h2{font-size:32px}.booking-inner>p:not(.eyebrow){font-size:10px;margin:20px 0 25px}.booking .light{width:100%;min-width:0;min-height:55px;font-size:11px;padding:15px 20px}.booking-symbol{font-size:220px;left:-70px;bottom:35px}.booking small{font-size:8px}.footer-main{padding:30px 0;flex-wrap:wrap;gap:20px}.footer-main p{font-size:12px;width:100%;order:2}.footer-main>a:last-child{font-size:7px;max-width:65px;text-align:right}.footer-bottom{display:block;font-size:7px;padding:18px 0 100px}.footer-bottom>span{display:block;font-size:7px;margin-top:14px}.mobile-booking{display:block;position:fixed;bottom:0;left:0;right:0;z-index:9;padding:10px 6% calc(10px + env(safe-area-inset-bottom));background:#f5f2ebed;backdrop-filter:blur(10px);border-top:1px solid var(--line)}.mobile-booking button{display:flex;justify-content:space-between;gap:25px;padding:14px 20px;background:var(--brown);color:#fff;border:0;width:100%;font-size:11px}dialog{padding:35px 25px}dialog h2{font-size:25px}dialog img{height:240px}}
@media(max-width:360px){header{gap:12px}.logo>span:last-child{font-size:24px}.logo-mark{font-size:33px}.reserve.compact{font-size:9px;padding:8px 10px;gap:10px}.hero-image{height:290px}.concept-heading h2{font-size:25px}.flower{font-size:58px}.style-photo{height:410px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
header .reserve{white-space:nowrap;flex-shrink:0}.hamburger{flex-shrink:0}@media(max-width:360px){header{gap:10px}.logo{gap:7px}.logo>span:last-child{font-size:22px}.logo-mark{font-size:29px}.reserve.compact{padding:8px 9px;gap:7px}.lead{font-size:14px}}
/* A welcoming editorial composition, inspired by the reference salon. */
@font-face{font-family:Yomogi;src:url('assets/yomogi-subset.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--cream:#faf8f2;--ink:#57514a;--brown:#8b7862;--line:#e1dacf}
body{background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23867560' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.sample{background:#ede9df;color:#817768}.handwritten{font-family:Yomogi,'Yu Gothic',sans-serif;font-weight:400;letter-spacing:.04em;line-height:1.9;color:#86755f}.section-label{font:italic 35px/1.5 Georgia,serif;letter-spacing:.13em;color:#7b6b58;margin-bottom:22px}.section-label small{font:9px/1.8 'Yu Gothic',sans-serif;letter-spacing:.1em;margin-left:15px;vertical-align:middle}
header{position:relative;height:196px;width:86%;max-width:1280px;margin:auto;background:none;border:0;backdrop-filter:none;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:125px 60px;gap:0;align-items:center;padding:0}
header .logo{grid-column:2;grid-row:1;justify-self:center;gap:12px}header .logo-mark{font-size:48px;color:#a1a58b}header .logo>span:last-child{font-size:43px;letter-spacing:.09em;font-weight:400}header .logo small{font-size:9px;letter-spacing:.3em;color:#8c8274;margin-top:14px}.header-note{grid-column:1;grid-row:2;font:11px/1.8 var(--serif);letter-spacing:.12em;color:#9c907f;margin:0}nav{grid-column:2/4;grid-row:2;justify-self:end;gap:32px;margin-left:0;padding-right:150px;align-items:center}nav a{font:italic 16px/1.7 Georgia,serif;letter-spacing:.03em;color:#8b7e6b;padding-bottom:7px}nav a small{display:none}header .reserve.compact{grid-column:3;grid-row:2;justify-self:end;min-height:35px;border:1px solid #b8aa97;background:none;color:#7b6b58;padding:7px 16px;font-size:10px;gap:24px}header .reserve.compact:hover{background:#eae4d8}
.hero-renewed{display:block;width:86%;max-width:1280px;padding:0;margin:auto}.hero-renewed .hero-image{height:min(660px,54vw);border-radius:0;position:relative;overflow:hidden}.hero-renewed .hero-image>img{object-position:center 48%}.hero-renewed .hero-copy{position:absolute;inset:0 auto 0 0;width:31%;padding:55px 0 45px 10%;display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,#faf8f2f2,#faf8f2c9 70%,#faf8f200)}.hero-renewed h1{writing-mode:vertical-rl;font-size:32px;line-height:2.1;letter-spacing:.2em;margin:0;white-space:nowrap}.hero-renewed h1 br{display:block}.hero-renewed .eyebrow{writing-mode:vertical-rl;order:2;margin:0;font:italic 9px/1 Georgia,serif;letter-spacing:.16em;color:#8e806e}.hero-renewed .hero-hand{position:absolute;right:5%;bottom:7%;font-size:23px;color:#fff;transform:rotate(-7deg);text-shadow:0 1px 5px #50483777;margin:0}.hero-foot{padding:20px 0;font-size:8px;letter-spacing:.12em}.hero-foot a{font-size:8px}.welcome{text-align:center;padding:55px 0 80px}.welcome>.handwritten{font-size:25px;transform:rotate(-3deg);margin-bottom:27px;display:inline-block;position:relative}.welcome>.handwritten:after{content:'';position:absolute;bottom:1px;left:10%;right:5%;height:5px;border-bottom:1px solid #c4b28d;border-radius:50%;transform:rotate(-2deg)}.welcome>p:not(.handwritten){font:13px/2.8 var(--serif);letter-spacing:.09em;color:#807665}.welcome-link{display:inline-flex;align-items:center;gap:45px;font-size:10px;margin-top:12px;border-bottom:1px solid #b4a286;padding:8px 0}.concept{background:none;margin-top:0;padding-top:20px;padding-bottom:95px}.photo-story{position:relative;height:490px;margin-bottom:70px}.story-interior{position:absolute;right:0;top:0;width:74%;height:400px}.story-interior img{object-position:center 65%;border-radius:0}.photo-label{position:absolute;right:15px;bottom:15px;font-size:8px;letter-spacing:.12em;color:white;text-shadow:0 1px 5px #3335}.story-person{position:absolute;left:0;top:80px;width:36%;height:330px;padding:9px;background:var(--cream);transform:rotate(-4deg);box-shadow:0 8px 20px #7663490a}.story-person img{object-position:40% center}.story-hand{position:absolute;right:6%;bottom:0;font-size:20px;transform:rotate(-5deg);margin:0}.story-caption{position:absolute;bottom:15px;left:2%;font-size:9px;letter-spacing:.1em;color:#9a8b76}.concept-grid{grid-template-columns:1fr 1.25fr;gap:9%}.concept-heading h2{font-size:30px;line-height:1.95}.concept .section-label{margin-bottom:25px}.concept-body .large-copy{font-size:20px}.concept-body p{font-size:12px}.principles{border-top-color:var(--line);color:#95866f}.menu-section{border-top:1px solid var(--line);padding-top:70px}.menu-intro-image{height:300px;margin-bottom:55px;position:relative;overflow:hidden;width:74%;margin-left:auto}.menu-intro-image img{object-position:50% 55%}.menu-intro-image:after{content:'';position:absolute;inset:0;background:#3c2d1810}.menu-intro-image .handwritten{position:absolute;left:30px;bottom:25px;z-index:1;color:white;font-size:24px;transform:rotate(-4deg);text-shadow:0 1px 8px #3337}.section-head h2{font-size:30px}.section-head .section-label{margin-bottom:20px}.reserve,.outline{border-radius:0}.style-section{background:#f0ede5;width:90%;margin:auto;grid-template-columns:46% 54%;padding:55px}.style-photo{height:550px;overflow:visible}.style-photo img{transform:rotate(-2deg);border:9px solid var(--cream);box-shadow:0 7px 18px #5c493912}.style-copy{padding:40px 0 40px 15%}.style-copy h2{font-size:30px}.style-copy .section-label{font-size:30px}.style-copy .section-label small{display:block;margin:8px 0 0;font-size:8px}.visit-grid li>span{color:#b2a48e}.salon{background:none;border-top:1px solid var(--line)}.stylist-photo{height:450px}.stylist-photo img{border-radius:0}.salon-copy h2{font-size:29px}.stylist-hand{font-size:16px!important;color:#9a8063!important;transform:rotate(-3deg);margin-top:26px}.salon-info{background:#eeebe2;padding:35px 4%;width:min(1120px,84%);border:0}.booking{background:#eae6dc;color:#61594d;border-top:1px solid #dfd7c8}.booking .booking-hand{color:#8f7b60!important;font-size:24px!important;transform:rotate(-4deg);margin:0 0 22px!important}.booking h2{font-size:36px}.booking-inner>p:not(.eyebrow){color:#8b7f6d}.booking .reserve.light{background:var(--brown);color:white;min-width:330px;border-color:var(--brown)}.booking small{color:#9a8d7a}.booking-symbol{color:#b8ac9020;font-size:250px}.footer-main .logo-mark{color:#a1a58b}
@media(max-width:1050px){header{width:90%;grid-template-rows:110px 55px;height:175px}.header-note{font-size:9px;letter-spacing:0}nav{gap:20px;padding-right:130px}nav a{font-size:14px}.hero-renewed{width:90%}.hero-renewed h1{font-size:27px}.hero-renewed .hero-copy{padding-left:8%}.photo-story{height:440px}.story-interior{height:350px}.story-person{height:290px}.style-section{padding:40px}.style-photo{height:510px}.style-copy{padding-left:12%}.style-copy h2{font-size:27px}.style-copy .section-label{font-size:27px}.salon-copy h2{font-size:26px}}
@media(max-width:760px){header{width:88%;height:114px;grid-template-columns:1fr auto 1fr;grid-template-rows:87px 27px}.header-note{grid-column:1/-1;grid-row:2;justify-self:center;font-size:8px;letter-spacing:.05em}header .logo{grid-column:2;grid-row:1;gap:8px}header .logo>span:last-child{font-size:30px}header .logo small{font-size:7px;margin-top:10px}header .logo-mark{font-size:33px}header .reserve.compact{display:none}.hamburger{position:absolute;right:0;top:35px;width:22px;margin:0}.hamburger span{background:#8b7e69}nav{display:none;position:absolute;top:114px;left:-7%;right:-7%;padding:15px 7% 25px;background:var(--cream);z-index:20;grid-column:auto;grid-row:auto;justify-self:auto}nav.open{display:flex;gap:0}nav a{font-size:20px;display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}nav a small{display:block;font:9px sans-serif;letter-spacing:.05em;color:#a39581}.hero-renewed{width:92%;padding-top:15px}.hero-renewed .hero-image{height:450px;margin:0;border-radius:0;overflow:hidden}.hero-renewed .hero-image>img{object-position:66% center}.hero-renewed .hero-copy{width:43%;padding:30px 0 30px 7%;margin:0;background:linear-gradient(90deg,#faf8f2e8,#faf8f2c9 55%,#faf8f200);align-items:flex-start;gap:5px;inset:0 auto 0 0}.hero-renewed h1{font-size:23px;line-height:1.9;letter-spacing:.15em;white-space:nowrap}.hero-renewed .eyebrow{font-size:7px;letter-spacing:.1em;margin:3px 0 0}.hero-renewed .hero-hand{font-size:17px;right:5%;bottom:5%;line-height:1.7}.hero-foot{display:flex;padding:17px 2% 0;font-size:6px}.hero-foot a{display:block;font-size:7px}.welcome{padding:45px 0 55px}.welcome>.handwritten{font-size:20px;margin-bottom:23px}.welcome>p:not(.handwritten){font-size:11px;letter-spacing:.02em;line-height:2.6}.welcome-link{font-size:9px;gap:35px;margin-top:5px}.section-label{font-size:29px;margin-bottom:18px}.section-label small{font-size:8px;letter-spacing:.04em;margin-left:12px}.concept{padding-top:0;padding-bottom:60px}.photo-story{width:88%;height:370px;margin-bottom:30px}.story-interior{width:85%;height:230px;top:0;right:0}.story-person{width:47%;height:190px;top:110px;left:0;padding:6px}.story-person img{object-position:45% center}.story-hand{font-size:14px;bottom:25px;right:0;line-height:1.9}.story-caption{font-size:7px;bottom:0;left:0}.concept-grid{grid-template-columns:1fr;gap:25px}.concept-heading h2{font-size:27px;line-height:1.85}.concept .section-label{margin-bottom:18px}.concept-body .large-copy{font-size:20px}.concept-body p{font-size:11px}.menu-section{padding-top:40px}.menu-intro-image{height:210px;width:100%;margin-bottom:35px}.menu-intro-image .handwritten{font-size:19px;left:20px;bottom:15px}.section-head h2{font-size:27px}.section-head .section-label{margin-bottom:18px}.menu-item h3{font-size:18px}.menu-item strong{font-size:22px}.style-section{display:block;width:92%;padding:25px 20px 35px}.style-photo{height:430px;margin:0}.style-photo img{border-width:7px}.style-photo>span{left:15px;bottom:15px}.style-copy{padding:35px 6px 0}.style-copy .section-label{font-size:29px}.style-copy .section-label small{display:inline;margin-left:12px}.style-copy h2{font-size:27px}.salon{padding-top:50px}.stylist-photo{height:330px}.salon-grid{gap:30px}.salon-copy h2{font-size:26px}.stylist-hand{font-size:14px!important;line-height:2!important}.salon-info{width:86%;padding:25px 6%;margin-top:35px}.booking .booking-hand{font-size:19px!important;margin-bottom:22px!important}.booking h2{font-size:31px}.booking .reserve.light{min-width:0}.mobile-booking button{background:#8b7862}.footer-main .logo>span:last-child{font-size:27px}.footer-main .logo-mark{font-size:36px}}
@media(max-width:360px){.hero-renewed .hero-image{height:405px}.hero-renewed h1{font-size:21px}.hero-renewed .hero-copy{padding-left:6%;gap:2px}.hero-renewed .eyebrow{font-size:6px}.hero-renewed .hero-hand{font-size:15px}.welcome>.handwritten{font-size:18px}.welcome>p:not(.handwritten){font-size:10px}.photo-story{height:335px}.story-person{height:170px}.story-hand{font-size:12px}.story-interior{height:210px}.style-photo{height:365px}.section-label small{font-size:7px}.stylist-hand{font-size:12px!important}}
.hero-renewed .hero-hand{color:#7d684e;background:#faf8f2eb;padding:10px 20px;text-shadow:none;box-shadow:0 2px 12px #59442a08;border-radius:2px 6px 4px 2px}@media(max-width:760px){.hero-renewed .hero-image>img{object-position:100% center}.hero-renewed .hero-hand{font-size:16px;padding:8px 13px;right:5%;bottom:5%}}@media(max-width:360px){.hero-renewed .hero-hand{font-size:14px}}
/* Pencil lettering is supplied as original generated transparent images. */
.pencil-lettering{display:block;width:100%;height:auto;object-fit:contain}.pencil-note{line-height:0!important;font-size:0!important}.hero-renewed .hero-hand.pencil-note{width:245px;padding:4px 9px;background:#faf8f2ed;max-width:32%;transform:rotate(-5deg)}.hero-hand .pencil-lettering{height:105px}.welcome>.pencil-note{display:block;width:min(430px,95%);margin:0 auto 25px;transform:rotate(-2deg)}.welcome>.pencil-note:after{display:none}.welcome>.pencil-note img{height:100px}.welcome>p:not(.pencil-note){font:13px/2.8 var(--serif);letter-spacing:.09em;color:#807665}.story-hand.pencil-note{width:300px;bottom:0}.story-hand .pencil-lettering{height:120px}.menu-intro-image .pencil-note{width:310px;padding:5px 14px;background:#faf8f2e8;bottom:20px;left:25px}.menu-intro-image .pencil-lettering{height:80px}.stylist-hand.pencil-note{width:100%;max-width:330px;margin:20px 0 0!important}.stylist-hand .pencil-lettering{height:110px}.booking .booking-hand.pencil-note{width:320px;max-width:90%;margin:0 auto 15px!important;transform:rotate(-3deg)}.booking-hand .pencil-lettering{height:115px}
.hero-slides{position:absolute;inset:0;background:#e7e1d5}.hero-slides>.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:0;transition:opacity 1800ms ease-in-out;will-change:opacity}.hero-slides>.is-active{opacity:1}.slideshow-controls{display:flex;align-items:center;gap:12px}.slide-dot{width:7px;height:7px;border:1px solid #ac9f8c;border-radius:50%;background:transparent;padding:0;transition:.3s}.slide-dot.is-current{background:#938269;border-color:#938269}.slide-pause{border:0;background:none;padding:0 4px;color:#938269;font-size:12px;line-height:1;min-width:22px;min-height:22px}.hero-renewed .hero-copy{pointer-events:none}.salon-moments{border-bottom:1px solid var(--line);padding-bottom:70px}.moments-heading{text-align:center;margin-bottom:45px}.moments-heading h2{font-size:28px}.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.moments-grid figure{margin:0;min-width:0}.moments-grid figure:nth-child(2){padding-top:45px}.moments-grid figure:nth-child(3){padding-top:90px}.moments-grid img{height:260px;object-position:65% center}.moments-grid figcaption{font:15px/2 var(--serif);letter-spacing:.04em;padding-top:16px}.moments-grid figcaption span{display:block;font:8px/2 sans-serif;letter-spacing:.12em;color:#a39582;margin-bottom:6px}.moments-note{font-size:8px;color:#a09585;text-align:center;margin:35px 0 0}
@media(max-width:760px){.hero-slides>.hero-slide{object-position:100% center}.hero-renewed .hero-hand.pencil-note{width:180px;max-width:56%;padding:3px 6px;bottom:5%;right:4%}.hero-hand .pencil-lettering{height:75px}.hero-foot{align-items:center;gap:12px;padding-top:12px}.hero-foot>a{display:none}.hero-foot>span{font-size:6px;letter-spacing:.04em}.slideshow-controls{gap:10px}.slide-dot{width:6px;height:6px}.slide-pause{font-size:11px}.welcome>.pencil-note{width:min(350px,100%);margin-bottom:14px}.welcome>.pencil-note img{height:80px}.welcome>p:not(.pencil-note){font-size:11px;letter-spacing:.02em;line-height:2.6}.story-hand.pencil-note{width:195px;bottom:15px;right:-3px}.story-hand .pencil-lettering{height:90px}.menu-intro-image .pencil-note{width:240px;max-width:85%;padding:3px 10px;left:15px;bottom:15px}.menu-intro-image .pencil-lettering{height:65px}.stylist-hand.pencil-note{width:290px;max-width:100%;margin-top:15px!important}.stylist-hand .pencil-lettering{height:100px}.booking .booking-hand.pencil-note{width:280px;margin-bottom:15px!important}.booking-hand .pencil-lettering{height:100px}.salon-moments{padding-bottom:45px}.moments-heading{text-align:left;margin-bottom:30px}.moments-heading h2{font-size:25px}.moments-heading .section-label{font-size:26px}.moments-heading .section-label small{display:block;margin:8px 0 0}.moments-grid{grid-template-columns:1fr;gap:30px}.moments-grid figure:nth-child(2),.moments-grid figure:nth-child(3){padding:0}.moments-grid figure:nth-child(2){margin-left:12%}.moments-grid figure:nth-child(1),.moments-grid figure:nth-child(3){margin-right:12%}.moments-grid img{height:230px}.moments-grid figcaption{font-size:14px;padding-top:12px}.moments-note{text-align:left;line-height:1.8;font-size:8px;margin-top:25px}}
@media(max-width:360px){.hero-renewed .hero-hand.pencil-note{width:155px}.hero-hand .pencil-lettering{height:65px}.welcome>p:not(.pencil-note){font-size:10px}.slideshow-controls{gap:8px}.story-hand.pencil-note{width:165px;right:0;bottom:10px}.story-hand .pencil-lettering{height:80px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none!important}}
.pencil-lettering{mix-blend-mode:multiply}
/* Use a vector ornament so iOS cannot substitute a colored emoji. */
.logo-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark svg{display:block;width:1em;height:1em}.booking-symbol svg{display:block;width:1em;height:1em}
/* Translucent washi tape with irregular hand-torn ends. */
.hero-renewed .hero-hand.pencil-note,.menu-intro-image .pencil-note{background:transparent;border-radius:0;box-shadow:none;isolation:isolate;filter:drop-shadow(0 1px 1px #59442a0c)}
.hero-renewed .hero-hand.pencil-note:before,.menu-intro-image .pencil-note:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:#f6edd5e8;background-image:repeating-linear-gradient(8deg,transparent 0 3px,#95816209 3px 4px),repeating-linear-gradient(97deg,transparent 0 6px,#fff9ea35 6px 7px);clip-path:polygon(2% 1%,15% 2%,28% 0,44% 2%,58% 1%,74% 3%,89% 1%,98% 2%,97% 11%,99% 19%,97% 28%,99% 38%,98% 47%,100% 58%,98% 67%,99% 78%,97% 87%,98% 98%,85% 96%,71% 99%,57% 97%,42% 100%,28% 97%,14% 99%,1% 97%,2% 88%,0 79%,2% 68%,1% 58%,3% 48%,1% 39%,2% 29%,0 20%,2% 11%)}
.hero-renewed .hero-hand.pencil-note .pencil-lettering,.menu-intro-image .pencil-note .pencil-lettering{position:relative;z-index:1}

/* Keep each salon promise together, with an aligned mobile list. */
.principles>.principle-item{display:flex;align-items:baseline;gap:10px;min-width:0}
.principle-number{flex:0 0 auto;font-variant-numeric:tabular-nums}
.principle-text{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.principles{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding-top:22px;font-size:12px;line-height:1.8}.principles>.principle-item{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;align-items:baseline}}
