/* Approved image direction: native HTML/CSS, original salon photos, generated transparent botanical asset.
DESIGN_VARIANCE 6 / MOTION_INTENSITY 2 / VISUAL_DENSITY 3.
Scoped to about.html; other prototype pages keep their existing stylesheet. */
:root{color-scheme:light;--green:#037a6c;--ink:#363b36;--muted:#5b7066;--mint:#edf6f1;--line:#c7d9d2;--serif:"YuMincho","Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font:16px/2 var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:6px}a:hover{color:var(--green)}img{display:block;max-width:100%;height:auto}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--green);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:10px;z-index:100}.skip:focus{top:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.section-shell{width:min(1400px,calc(100% - 112px));margin-inline:auto}.header{max-width:1600px;height:124px;padding:18px 4.5%;margin:auto;display:flex;align-items:center;gap:28px;position:relative;z-index:10;background:#fff}.brand{margin-right:auto;flex-shrink:0}.brand img{width:180px;height:auto}.header nav{display:flex;gap:25px;align-items:center}.header nav a{font-size:14px;letter-spacing:.1em;white-space:nowrap;text-decoration:none;padding-block:7px;border-bottom:1px solid transparent}.header nav a[aria-current=page]{border-color:var(--green);color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--green);color:#fff;border:1px solid var(--green);padding:16px 28px;min-height:54px;font-size:16px;letter-spacing:.08em;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}.button:hover{background:#075d53;color:#fff}.button span[aria-hidden]{font-family:var(--sans)}.header-cta{font-size:14px;padding:13px 23px;gap:23px}.nav-toggle{display:none}.about-hero{max-width:1600px;margin:auto;position:relative;isolation:isolate;min-height:820px}.breadcrumb{position:relative;z-index:3;padding:0 0 0 7.4%;font-size:12px;letter-spacing:.05em}.breadcrumb a{text-decoration:none}.breadcrumb span{padding-inline:15px}.hero-label{position:absolute;left:4.5%;top:85px;font:17px/1.5 Georgia,var(--serif);letter-spacing:.2em;color:var(--muted);display:flex;align-items:center;gap:18px}.hero-label:before,.eyebrow:before{content:"";display:inline-block;width:40px;height:1px;background:#91ada2}.hero-label span{letter-spacing:.12em}.hero-photo{position:absolute;top:0;left:27%;right:0;height:690px;z-index:-2;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:52% center}.hero-copy{position:relative;z-index:2;margin-top:246px;padding:28px 32px 36px 5.5%;background:white;width:620px}.hero-copy h1{font-size:clamp(34px,3.2vw,49px);line-height:1.7;letter-spacing:.07em;color:var(--green);margin-bottom:14px}.hero-copy h1 span{background:#fff;box-shadow:16px 0 #fff,-5px 0 #fff;white-space:nowrap}.hero-intro{font-size:18px;line-height:2.05;letter-spacing:.02em}.arrow-link{display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--green);text-decoration:none;letter-spacing:.06em;font-size:16px;width:max-content;max-width:100%;padding-block:11px;border-bottom:1px solid var(--green)}.long-arrow{display:block;position:relative;width:64px;height:1px;background:currentColor;flex-shrink:0;transition:transform .2s}.long-arrow:after{content:"";width:7px;height:7px;border-right:1px solid;border-top:1px solid;position:absolute;right:1px;top:-3px;transform:rotate(45deg)}.arrow-link:hover .long-arrow{transform:translateX(5px)}.hero-link{border:0;margin-top:22px;font-size:17px;gap:32px}.hero-link .long-arrow{width:86px}.hero-detail{position:absolute;right:2.7%;bottom:23px;width:22%;height:310px;border:10px solid white;z-index:3;box-shadow:0 6px 20px #34453c08}.detail-chair,.detail-towel{overflow:hidden}.detail-chair img{width:100%;height:100%;object-fit:cover;object-position:100% 75%;transform:scale(1.9);transform-origin:100% 77%}.detail-towel img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;transform:scale(2.7);transform-origin:50% 47%}.botanical{position:absolute;pointer-events:none;user-select:none;object-fit:contain;z-index:-1}.hero-flower-left{left:-55px;top:104px;width:420px;transform:rotate(-12deg)}.hero-flower-right{right:-18px;top:115px;width:330px;transform:rotate(162deg);z-index:1}.care-section{padding-top:100px;padding-bottom:95px;position:relative;isolation:isolate}.eyebrow{display:flex;align-items:center;gap:20px;font:19px/1.6 Georgia,serif;color:var(--muted);letter-spacing:.18em;margin-bottom:22px}.section-heading h2,.instagram-copy h2{color:var(--green);font-size:clamp(30px,3.2vw,46px);line-height:1.7;letter-spacing:.08em}.care-concept{margin-top:24px;max-width:810px;font-size:16px;line-height:2.1}.care-concept p+p{margin-top:14px}.care-flower{right:-50px;top:35px;width:300px;transform:rotate(155deg)}.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:55px}.care-item{min-width:0;padding-top:28px}.care-item:nth-child(2){padding-top:0}.care-image{height:290px;margin-bottom:20px;overflow:hidden}.care-image img{height:100%;width:100%;object-fit:cover}.care-item:nth-child(2) .care-image{height:318px}.care-item:nth-child(3) .care-image img{object-position:48% center}.care-number{font:25px/1.5 Georgia,serif;color:#6a9385;display:flex;align-items:center;gap:18px;margin-bottom:12px}.care-number:after{content:"";display:block;width:48px;height:1px;background:#a4bfb3}.care-item h3{color:var(--green);font-size:clamp(20px,1.9vw,27px);line-height:1.85;letter-spacing:.035em;margin-bottom:15px}.care-item>p:last-child{font-size:16px;line-height:2.1;letter-spacing:.015em}.section-link{margin:44px 0 0 auto}.therapist{display:grid;grid-template-columns:1fr 1.1fr;gap:95px;padding-top:70px;padding-bottom:140px;position:relative;isolation:isolate}.therapist-photos{position:relative;min-width:0;padding:25px 45px 65px 0}.therapist-main{height:640px;position:relative}.therapist-main:before{content:"";position:absolute;inset:-25px -30px 20px 35px;background:var(--mint);z-index:-1}.therapist-main img{width:100%;height:100%;object-fit:cover;object-position:55% center}.therapist-detail{position:absolute;right:-20px;bottom:0;width:65%;height:240px;border:9px solid white;box-shadow:0 5px 22px #25473c08}.therapist-copy{padding-top:52px}.owner-role{font-size:17px;letter-spacing:.14em;margin-bottom:9px}.therapist-copy h2{color:var(--green);font-size:clamp(38px,4.6vw,66px);line-height:1.5;letter-spacing:.12em;margin-bottom:42px}.therapist-copy>p:not(.eyebrow):not(.owner-role):not(.therapist-thought){font-size:18px;line-height:2.2;margin-bottom:25px}.therapist-thought{color:var(--green);font-size:25px;line-height:1.9;border-top:1px solid #83b4a4;padding-top:29px;margin-top:35px;letter-spacing:.025em}.therapist-flower{right:-65px;bottom:15px;width:340px;transform:rotate(-16deg)}.instagram-section{position:relative;isolation:isolate;padding:45px 0 60px;overflow:hidden}.instagram-section:after{content:"";position:absolute;z-index:-2;inset:54% 0 0;background:var(--mint)}.instagram-copy{text-align:center;padding-inline:24px}.instagram-copy .eyebrow{justify-content:center;font-size:18px;letter-spacing:.25em;margin-bottom:26px}.instagram-copy .eyebrow:after{content:"";width:40px;height:1px;background:#91ada2}.instagram-copy h2{margin-bottom:22px}.instagram-copy h2 span{display:inline-block}.instagram-copy>p:not(.eyebrow):not(.instagram-handle){font-size:17px;line-height:2.1}.instagram-handle{font-size:23px;color:var(--green);letter-spacing:.16em;margin-top:18px}.photo-ribbon{width:min(1480px,calc(100% - 64px));margin:42px auto 50px;display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr;gap:8px;align-items:center}.photo-ribbon>div{height:290px;overflow:hidden}.photo-ribbon>div:first-child,.photo-ribbon>div:last-child{height:330px;border:7px solid white;box-shadow:0 8px 20px #2b44380a}.photo-ribbon img{width:100%;height:100%;object-fit:cover}.photo-ribbon>div:nth-child(2) img{object-position:30% center}.instagram-button{display:flex;width:300px;max-width:calc(100% - 48px);margin-inline:auto;font-size:16px;min-height:54px;gap:30px}.outline{background:transparent;color:var(--green)}.outline:hover{background:var(--green);color:#fff}.instagram-flower-left{top:0;left:-100px;width:360px;transform:rotate(15deg)}.instagram-flower-right{right:-100px;top:150px;width:350px;transform:rotate(175deg)}.next-links{display:flex;justify-content:flex-end;gap:40px;margin-top:52px}.next-links .arrow-link{font-size:14px;gap:20px}.next-links .long-arrow{width:40px}.footer{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:50px;padding-block:70px 45px;font-family:var(--sans);font-size:13px;line-height:1.9;color:#4d6259}.footer>img{width:165px}.footer p{margin-bottom:14px}.footer a{text-decoration:none}.footer-phone{font:25px/1.5 var(--serif);color:var(--green);display:block;margin-bottom:14px}.footer small{font-size:12px}.mobile-actions{display:none}
@media(min-width:1600px){.hero-copy{width:660px}}
@media(max-width:1200px){.header{gap:18px;padding-inline:3%;height:108px}.brand img{width:145px}.header nav{gap:16px}.header nav a{font-size:12px}.header-cta{font-size:12px;padding-inline:15px;gap:15px}.section-shell{width:calc(100% - 80px)}.hero-copy{width:560px;padding-left:5%;margin-top:215px}.hero-intro{font-size:16px}.hero-link{font-size:15px}.hero-photo{height:620px}.about-hero{min-height:730px}.hero-detail{height:260px;bottom:20px}.hero-flower-left{width:340px}.hero-flower-right{width:250px}.care-grid{gap:24px}.care-image{height:235px}.care-item:nth-child(2) .care-image{height:263px}.care-item>p:last-child{font-size:15px}.therapist{gap:50px;padding-bottom:100px}.therapist-main{height:560px}.therapist-copy>p:not(.eyebrow):not(.owner-role):not(.therapist-thought){font-size:16px}.therapist-thought{font-size:21px}.photo-ribbon>div{height:230px}.photo-ribbon>div:first-child,.photo-ribbon>div:last-child{height:265px}}
@media(max-width:1000px){.header{height:94px}.brand img{width:135px}.header-cta{display:none}.header nav{gap:24px}.hero-copy{width:510px;padding:26px 20px 28px 4%;margin-top:210px}.hero-copy h1{font-size:34px}.hero-label{top:70px;font-size:15px}.hero-intro{font-size:15px}.hero-link{font-size:14px;gap:20px}.hero-link .long-arrow{width:50px}.hero-photo{height:570px;left:25%}.about-hero{min-height:670px}.hero-detail{width:24%;height:220px;bottom:15px}.hero-flower-right{width:220px;right:-30px}.care-section{padding-top:65px}.care-grid{gap:22px}.care-item h3{font-size:20px}.care-image{height:200px}.care-item:nth-child(2) .care-image{height:228px}.therapist{gap:32px}.therapist-photos{padding-right:25px}.therapist-main{height:530px}.therapist-detail{height:190px;right:0}.therapist-copy h2{font-size:43px;margin-bottom:25px}.therapist-copy{padding-top:30px}.owner-role{font-size:14px}.therapist-copy>p:not(.eyebrow):not(.owner-role):not(.therapist-thought){font-size:15px}.therapist-thought{font-size:18px}.therapist-flower{width:240px}.instagram-copy>p:not(.eyebrow):not(.instagram-handle){font-size:15px}.photo-ribbon>div{height:200px}.photo-ribbon>div:first-child,.photo-ribbon>div:last-child{height:230px}.footer{gap:25px}.footer-phone{font-size:21px}}
@media(max-width:760px){html{scroll-padding-top:22px}.section-shell{width:calc(100% - 44px)}.header{height:83px;padding:12px 22px}.brand img{width:123px}.header nav{display:none;position:absolute;top:83px;left:0;right:0;background:#fff;padding:16px 24px 28px;border-bottom:1px solid var(--line);box-shadow:0 12px 25px #2242360b}.header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.header nav a{font-size:14px;padding:13px 0;border-bottom:1px solid var(--line)}.nav-toggle{display:block;min-height:44px;border:1px solid var(--green);color:var(--green);background:#fff;font-size:13px;padding:8px 14px;cursor:pointer}.about-hero{min-height:0;padding-bottom:45px;display:flex;flex-direction:column;overflow:hidden}.breadcrumb{padding:8px 22px 0;font-size:10px;order:0}.breadcrumb span{padding-inline:10px}.hero-label{position:static;order:1;margin:25px 22px 22px;font-size:13px;gap:13px}.hero-label:before{width:28px}.hero-photo{position:relative;inset:auto;order:2;height:320px;width:calc(100% - 44px);margin-left:44px;z-index:0}.hero-photo img{object-position:57% center}.hero-copy{order:3;z-index:2;width:calc(100% - 38px);margin:-52px 0 0;padding:25px 0 24px 22px;background:#fff}.hero-copy h1{font-size:clamp(23px,4.4vw,33px);line-height:1.8;letter-spacing:.04em;margin-bottom:15px}.hero-copy h1 span{box-shadow:7px 0 #fff,-3px 0 #fff}.hero-intro{font-size:14px;line-height:2.1;max-width:calc(100% - 18px)}.desktop-break{display:none}.hero-link{font-size:13px;gap:20px;margin-top:19px;padding-block:10px}.hero-link .long-arrow{width:42px}.hero-detail{position:relative;order:4;right:auto;bottom:auto;align-self:flex-end;width:38%;height:150px;border:6px solid white;margin:-8px 22px 0 0}.hero-flower-left{width:250px;left:-40px;top:auto;bottom:-45px;z-index:0;transform:rotate(-18deg)}.hero-flower-right{width:165px;top:165px;right:-55px;z-index:1;transform:rotate(170deg)}.care-section{padding-top:38px;padding-bottom:60px}.eyebrow{font-size:14px;gap:13px;margin-bottom:15px}.eyebrow:before{width:28px}.section-heading h2{font-size:clamp(23px,5.6vw,32px);line-height:1.7;letter-spacing:.03em}.care-concept{font-size:14px;line-height:2.1;margin-top:22px}.care-concept br{display:none}.care-flower{width:155px;right:-40px;top:0;opacity:.55}.care-grid{grid-template-columns:1fr;gap:40px;margin-top:30px}.care-item,.care-item:nth-child(2){padding-top:0}.care-image,.care-item:nth-child(2) .care-image{height:auto;aspect-ratio:1.42;margin:0 0 19px}.care-item:nth-child(2) .care-image{width:calc(100% - 18px);margin-left:18px}.care-item:nth-child(3) .care-image{width:calc(100% - 18px)}.care-number{font-size:20px;margin-bottom:8px;gap:14px}.care-number:after{width:34px}.care-item h3{font-size:23px;letter-spacing:.03em;line-height:1.65;margin-bottom:12px}.care-item>p:last-child{font-size:14px;line-height:2.1}.section-link{font-size:13px;gap:20px;margin-top:28px}.section-link .long-arrow{width:42px}.therapist{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:68px}.therapist-photos{padding:20px 35px 65px 0}.therapist-main{height:380px}.therapist-main:before{inset:-20px -24px 20px 30px}.therapist-detail{right:0;width:60%;height:175px;border:6px solid white}.therapist-copy{padding-top:0}.therapist-copy h2{font-size:43px;letter-spacing:.1em;margin-bottom:24px}.owner-role{font-size:14px;margin-bottom:7px}.therapist-copy>p:not(.eyebrow):not(.owner-role):not(.therapist-thought){font-size:15px;line-height:2.2;margin-bottom:20px}.therapist-thought{font-size:20px;margin-top:24px;padding-top:24px;letter-spacing:0}.therapist-flower{width:190px;right:-60px;bottom:2px;opacity:.65}.instagram-section{padding:38px 0 40px}.instagram-copy{padding-inline:22px}.instagram-copy .eyebrow{font-size:13px;margin-bottom:18px}.instagram-copy h2{font-size:29px;line-height:1.75;letter-spacing:.03em;margin-bottom:20px}.instagram-copy>p:not(.eyebrow):not(.instagram-handle){font-size:14px;line-height:2.1}.instagram-copy br{display:none}.instagram-handle{font-size:18px;margin-top:18px}.photo-ribbon{width:calc(100% - 32px);grid-template-columns:1fr 1fr;gap:10px;margin:30px auto 30px}.photo-ribbon>div,.photo-ribbon>div:first-child,.photo-ribbon>div:last-child{height:auto;aspect-ratio:1;box-shadow:none;border:4px solid white}.photo-ribbon>div:nth-child(2),.photo-ribbon>div:nth-child(4){transform:translateY(14px)}.instagram-button{width:280px;font-size:14px;min-height:54px;max-width:calc(100% - 44px);margin-top:45px;padding:14px 20px}.instagram-flower-left{width:165px;left:-65px;top:15px}.instagram-flower-right{width:190px;right:-65px;top:350px}.next-links{flex-direction:column;align-items:flex-end;gap:16px;margin-top:35px}.next-links .arrow-link{font-size:13px}.footer{grid-template-columns:1fr;gap:27px;padding-top:45px;padding-bottom:125px;font-size:12px}.footer>img{width:150px}.footer p{margin-bottom:12px}.footer-phone{font-size:24px}.mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;background:#fff;border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));font-family:var(--sans)}.mobile-actions a{display:flex;align-items:center;justify-content:center;font-size:11px;min-height:46px;text-decoration:none;border:1px solid var(--green);color:var(--green);white-space:nowrap}.mobile-actions a:last-child{background:var(--green);color:#fff}}
@media(max-width:360px){.hero-copy h1{font-size:21px;letter-spacing:.01em}.hero-link{font-size:12px;gap:12px}.hero-link .long-arrow{width:28px}.hero-photo{height:270px}.hero-intro{font-size:13px}.care-item h3{font-size:21px}.therapist-main{height:320px}.therapist-thought{font-size:18px}.instagram-copy h2{font-size:26px}.section-link{font-size:12px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Clip decorative overflow only; all content retains its natural vertical flow. */
main{overflow:clip}.botanical{opacity:.68}
@media(max-width:760px){.therapist-flower{width:150px;right:-65px;bottom:-28px;opacity:.45}}
/* Approved final review: continuous About title panel and aligned care images. */
.about-page .hero-copy h1 span{background:none;box-shadow:none}
.about-page .care-item{padding-top:0}
.about-page .care-item .care-image{height:290px}
.instagram-posts>div>a{display:block;width:100%;height:100%}
.instagram-posts>div>a:focus-visible{outline:3px solid var(--green);outline-offset:-4px}
@media(min-width:761px){.about-page .hero-copy{width:max-content;padding-right:32px}}
@media(max-width:1200px){.about-page .care-item .care-image{height:235px}}
@media(max-width:1000px){.about-page .care-item .care-image{height:200px}}
@media(max-width:760px){
.about-page .hero-copy{width:100%;padding-right:22px}
.about-page .care-item .care-image{width:100%;height:auto;aspect-ratio:1.42;margin:0 0 19px}
}
/* Shared social links: recognizable service icons in the salon green. */
.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}
.footer-social a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--green);white-space:nowrap}
.footer-social svg{display:block;width:21px;height:21px;flex:none}
.footer-social a:hover,.footer-social a:focus-visible{opacity:.7}
@media(max-width:760px){.footer-social{justify-content:center}}