/* Structure improvements on top of the original salon styles. */
:root{--fork-ink:#51443b;--fork-gold:#a28762}html{scroll-behavior:smooth;scroll-padding-top:110px}body{color:var(--fork-ink)}.fork-proposal{position:relative;z-index:10002;display:flex;align-items:center;gap:8px;padding:7px 5%;background:#eee6dc;color:#594c40;font:11px/1.8 'Noto Sans JP',sans-serif}.fork-proposal button{margin-left:auto;border:1px solid #b6a48d;background:transparent;padding:3px 10px;font:inherit;color:inherit;cursor:pointer}.site-header{top:36px!important}.hero-section{height:auto!important;min-height:0!important;display:block!important;padding:140px 0 0!important;overflow:hidden!important}.hero-content{position:relative!important;z-index:2;max-width:1200px;margin:0 auto 48px!important;padding-inline:24px!important;transform:none!important}.hero-main-title{margin-top:25px!important}.fork-scope{color:#6c5847;font-size:13px;line-height:2;letter-spacing:.1em;margin:0 0 24px!important}.hero-catch{font-size:clamp(16px,2vw,24px)!important}.hero-location-caption{color:#675548!important;font-size:13px!important}.fork-hero-photo{position:relative;width:min(1440px,100%);height:520px;margin:0 auto;overflow:hidden;isolation:isolate}.fork-hero-photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 50%;animation:fork-photo-enter 1.2s cubic-bezier(.2,.65,.25,1) both}.fork-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#241b16a0,transparent 80%);z-index:0;pointer-events:none}.fork-photo-label{position:absolute;left:8%;top:50%;transform:translateY(-50%);z-index:1;color:white;text-align:left}.fork-photo-label>span{font-size:12px;letter-spacing:.22em}.fork-photo-label>p{font-size:clamp(27px,3.5vw,46px);line-height:1.8;margin:20px 0}.fork-photo-link{display:inline-block;color:white;border-bottom:1px solid #ffffffb0;padding:8px 0;font-size:13px;letter-spacing:.08em}.fork-experience{background:#f4eee6;padding-block:100px!important}.fork-intro{font-size:14px;line-height:2.2;margin-top:25px}.fork-flow{display:grid;grid-template-columns:46% 1fr;gap:7%;align-items:center;margin-top:55px;text-align:left}.fork-flow-image{position:relative}.fork-flow-image img{display:block;width:100%;height:550px;object-fit:cover;border-radius:0}.fork-flow-image>p{font-size:15px;letter-spacing:.24em;margin:15px 0 0;color:#907454}.fork-steps article{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid #d8cabb}.fork-steps article:first-child{padding-top:0}.fork-steps article>span{font:44px/1.2 'Cormorant Garamond',serif;color:#a58a66}.fork-steps h3{font-size:21px;line-height:1.8;margin:0 0 15px;color:#574637}.fork-steps p{font-size:14px;line-height:2.3;margin:0;color:#65584c}.fork-steps small{display:block;font-size:10px;margin-top:15px;color:#7a6c5d}.fork-flow-note{font-size:10px;line-height:2;color:#796f65;margin-top:30px;text-align:left}.section-title{color:#554437!important}.concept-text,.concept-body,.about-bio-lead,.menu-desc,.faq-answer,.reason-text{color:#65574c!important}.concept-body{font-size:16px!important}.concept-grid{gap:25px!important}.concept-text{font-size:14px!important;line-height:2.2!important}.menu-image-wrap,.menu-img-wrap{border-radius:0!important}.menu-img{border-radius:0!important}.fork-entered{animation:fork-appear 850ms cubic-bezier(.2,.65,.25,1) both!important;animation-delay:var(--fork-delay,0ms)!important}.fork-motion-off *,.fork-motion-off *:before,.fork-motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fade-in-up{opacity:1!important;transform:none!important}a:focus-visible,button:focus-visible{outline:3px solid #a27b42;outline-offset:5px}*,*:before,*:after{animation-iteration-count:1!important}@keyframes fork-appear{from{opacity:.15;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fork-photo-enter{from{transform:scale(1.045);opacity:.4}to{transform:scale(1);opacity:1}}
@media(max-width:1024px){.fork-flow{gap:5%}.fork-steps h3{font-size:18px}.fork-steps p{font-size:13px}.fork-flow-image img{height:540px}}
@media(max-width:640px){html{scroll-padding-top:100px}.fork-proposal{font-size:9px;padding:6px 4%;line-height:2}.fork-proposal span{display:none}.fork-proposal button{font-size:9px;padding:2px 6px}.site-header{top:32px!important}.hero-section{padding:115px 0 0!important}.hero-content{padding-inline:15px!important;margin-bottom:30px!important}.fork-scope{font-size:10px;margin-bottom:15px!important;letter-spacing:.03em}.hero-main-title{margin-top:15px!important}.hero-catch{font-size:15px!important}.hero-catch .nobreak{white-space:normal!important}.hero-location-caption{font-size:11px!important}.fork-hero-photo{height:390px}.fork-hero-photo>img{object-position:58% center}.fork-hero-photo:after{background:linear-gradient(0deg,#221710b3,transparent 85%)}.fork-photo-label{left:6%;top:auto;bottom:25px;transform:none}.fork-photo-label>span{font-size:9px}.fork-photo-label>p{font-size:25px;line-height:1.8;margin:14px 0}.fork-photo-link{font-size:11px;padding:5px 0}.fork-experience{padding-block:65px!important}.fork-intro{font-size:12px;padding-inline:10px}.fork-flow{display:flex;flex-direction:column;gap:30px;margin-top:35px}.fork-flow-image{width:100%}.fork-flow-image img{height:auto;max-height:420px;aspect-ratio:1.2;object-fit:cover}.fork-flow-image>p{font-size:11px;margin-top:12px}.fork-steps{width:100%}.fork-steps article{gap:18px;padding:24px 0}.fork-steps article>span{font-size:34px}.fork-steps h3{font-size:18px}.fork-steps p{font-size:13px;line-height:2.2}.fork-flow-note{font-size:9px;margin-top:23px}.concept-body{font-size:14px!important}.concept-text{font-size:13px!important}.concept-grid{gap:22px!important}.section-title{font-size:clamp(22px,6vw,29px)!important;line-height:1.7!important}.about-bio-lead{font-size:13px!important;line-height:2.2!important}.nobreak{max-width:100%}.menu-card,.menu-item{max-width:100%}.menu-image-wrap,.menu-img-wrap{width:100%!important;max-width:none!important}.gallery-section .container{overflow:hidden}.fork-entered{animation-duration:700ms!important}.section{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.fade-in-up{opacity:1!important;transform:none!important}}
.site-header{top:0!important}.fork-hero-photo{z-index:2}.hero-section .hero-content{width:100%}.hero-section{padding-top:65px!important}@media(max-width:640px){.hero-section{padding-top:45px!important}.site-header{top:0!important}}
.nav-menu{gap:18px!important}.fork-motion-off{scroll-behavior:auto!important}@media(max-width:640px){.header-container{padding-inline:16px!important}}
/* Simplified opening: the original title sits over slowly dissolving real treatment photos. */
.hero-section{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:710px!important;min-height:min(820px,88svh)!important;padding:70px 20px!important;background:#f5f0e9!important;isolation:isolate}.hero-content{margin:0!important;padding:25px 15px!important;z-index:3!important}.fork-scope{margin:0 0 30px!important;font-size:12px;letter-spacing:.19em;color:#635247!important}.fork-scope span{padding-inline:12px;color:#a3917f}.hero-main-title{margin:0 0 30px!important}.hero-catch{font-size:18px!important;line-height:2!important;font-weight:400!important;letter-spacing:.12em!important;color:#493a30!important;text-shadow:none!important}.fork-hero-cta{display:inline-flex;gap:28px;align-items:center;margin-top:32px;padding:12px 4px;border-bottom:1px solid #9e8975;color:#564537;font-size:12px;letter-spacing:.07em}.fork-hero-cta:hover,.fork-hero-cta:focus-visible{color:#916d3c;border-color:#916d3c}.fork-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.fork-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0!important;transform:scale(1.015);transition:opacity 2.3s ease,transform 9s ease-out!important}.fork-slide.is-active{opacity:1!important;transform:scale(1.07)}.fork-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf7f0c9,#faf7f0dc 48%,#faf7f0bd),linear-gradient(0deg,#faf9f6,transparent 22%);pointer-events:none}.fork-daylight{position:absolute;inset:-10%;z-index:1;pointer-events:none;opacity:.45;background:radial-gradient(ellipse at 8% 12%,#fff9dc 0,transparent 31%),radial-gradient(ellipse at 70% 20%,#fffdf0 0,transparent 30%),radial-gradient(ellipse at 85% 80%,#bdc5a03b 0,transparent 26%);transform:translate3d(-2%,0,0);animation:fork-daylight-drift 15s ease-in-out infinite!important;animation-iteration-count:infinite!important}.fork-motion-off .fork-daylight{animation:none!important}.fork-motion-off .fork-slide{transition:none!important}.fork-motion-off .fork-slide:not(.is-active){opacity:0!important}.fork-motion-off .fork-slide.is-active{opacity:1!important}@keyframes fork-daylight-drift{0%,100%{transform:translate3d(-2%,0,0);opacity:.4}50%{transform:translate3d(2%,1%,0);opacity:.65}}
@media(max-width:640px){.hero-section{min-height:640px!important;min-height:80svh!important;padding:65px 12px!important}.fork-scope{font-size:10px;margin-bottom:25px!important;letter-spacing:.13em}.hero-main-title{margin-bottom:25px!important}.hero-catch{font-size:14px!important;letter-spacing:.06em!important;padding:0 8px;line-height:2!important}.fork-hero-cta{font-size:11px;margin-top:25px;gap:20px}.fork-background:after{background:linear-gradient(90deg,#faf7f0c5,#faf7f0dc 50%,#faf7f0bf),linear-gradient(0deg,#faf9f6,transparent 20%)}.fork-slide{object-position:57% center}.fork-daylight{opacity:.3}}
@media(prefers-reduced-motion:reduce){.fork-daylight{animation:none!important}.fork-slide{transition:none!important;transform:none!important}}
/* Override the original global img position/z-index only within the hero background. */
.hero-section .fork-background{position:absolute!important;inset:0!important;z-index:0!important;isolation:isolate;overflow:hidden;contain:paint}
.hero-section .fork-background .fork-slide{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important}
.hero-section .fork-background:after{content:none!important}
.hero-section .fork-wash{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none;background:linear-gradient(90deg,#faf7f0c9,#faf7f0dc 48%,#faf7f0bd),linear-gradient(0deg,#faf9f6,transparent 22%)}
.hero-section .fork-daylight{z-index:2!important}
.hero-section .hero-content{position:relative!important;z-index:3!important}
@media(max-width:640px){.hero-section .fork-wash{background:linear-gradient(90deg,#faf7f0c5,#faf7f0dc 50%,#faf7f0bf),linear-gradient(0deg,#faf9f6,transparent 20%)}}
/* Keep the service title primary; the catch and local service guide are supporting lines. */
.hero-section .hero-main-title{font-size:clamp(52px,5.1vw,66px)!important;margin:0 auto 34px!important}
.hero-section .hero-catch{font-size:17px!important;line-height:2!important;letter-spacing:.1em!important;margin:0!important}
.hero-section .fork-hero-cta{font-size:12px!important;letter-spacing:.06em!important;margin-top:30px!important;color:#675647;border-bottom-color:#b4a18f;padding:9px 2px!important}
@media(max-width:640px){.hero-section .hero-main-title{font-size:clamp(38px,10.5vw,45px)!important;margin:0 auto 29px!important}.hero-section .hero-catch{font-size:13px!important;letter-spacing:.05em!important}.hero-section .fork-hero-cta{font-size:11px!important;margin-top:25px!important;gap:18px}}
.hero-section .fork-hero-guide{font-size:12px;line-height:2;letter-spacing:.06em;margin:30px 0 0;color:#675647}
@media(max-width:640px){.hero-section .fork-hero-guide{font-size:11px;margin-top:25px}}
/* Let the local guide follow the same soft entrance as the catch copy. */
.hero-section .fork-hero-guide{border:0!important;text-decoration:none!important;opacity:1;animation:catchDimmingSilkGlide 2.4s cubic-bezier(.22,.61,.36,1) 1.3s both!important}
.fork-motion-off .hero-section .fork-hero-guide,.fork-motion-off .hero-section .hero-main-title,.fork-motion-off .hero-section .hero-catch{animation:none!important;opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.hero-section .fork-hero-guide,.hero-section .hero-main-title,.hero-section .hero-catch{animation:none!important;opacity:1!important;transform:none!important}}
/* Center concise messages; reserve numbering for the actual visit sequence. */
#concept .fork-concept-copy{max-width:760px!important;margin:32px auto 0!important;text-align:center!important;font-size:16px!important;line-height:2.5!important;letter-spacing:.06em}
#concept .fork-concept-copy p{margin:0;text-wrap:balance}#concept .fork-concept-copy p+p{margin-top:23px}
#experience .fork-flow{display:block;text-align:center;margin-top:45px}
#experience .fork-flow-image{width:min(100%,680px);margin:0 auto 50px}
#experience .fork-flow-image img{height:390px;width:100%;object-fit:cover;object-position:center 43%}
#experience .fork-flow-image>p{text-align:center;margin-top:15px}
#experience .fork-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
#experience .fork-steps article{display:block;padding:0 12px;border:0;text-align:center}
#experience .fork-steps article>span{display:block;font-size:42px;line-height:1;margin:0 auto 20px;color:#a58a66}
#experience .fork-steps h3{font-size:19px;line-height:1.9;max-width:20em;margin:0 auto 16px;text-wrap:balance}
#experience .fork-steps p{font-size:14px;line-height:2.25;max-width:25em;margin:0 auto;text-wrap:pretty}
#experience .fork-steps small{font-size:10px;line-height:1.9;margin-top:15px}
#experience .fork-flow-note{text-align:center;max-width:760px;margin:40px auto 0;text-wrap:balance}
/* The source portrait already has a transparent arched silhouette. Keep it at its natural ratio. */
#about .about-arch-outer{width:220px!important;height:auto!important;aspect-ratio:372/518;margin:0 auto 32px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#about .about-arch-wrap{position:relative!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:372/518;border:0!important;border-radius:50% 50% 0 0 / 36% 36% 0 0!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;isolation:isolate}
#about .about-arch-wrap .about-arch-image{position:relative!important;z-index:0!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:372/518;object-fit:contain!important;border:0!important;border-radius:inherit!important;background:transparent!important}
/* Price hierarchy without banners or promotional colours. */
#menu .menu-card .course-price{font-size:23px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:.015em!important;color:#584535!important;font-variant-numeric:tabular-nums}
#menu .menu-card .course-item{padding:12px 0!important;gap:14px!important;align-items:center!important}
#menu .menu-card .course-name{font-size:13px!important;line-height:1.8!important;white-space:normal!important}
#menu .menu-card .course-note{font-size:10px!important;line-height:1.6!important;margin-left:0!important}
#menu .option-single-price .price-val{font-size:28px!important;font-weight:600!important;color:#584535!important}
#menu .hm-split-content .hm-lux-price{font-size:24px!important;font-weight:600!important;color:#584535!important;font-variant-numeric:tabular-nums}
@media(max-width:900px){#experience .fork-steps{gap:20px}#experience .fork-steps article{padding-inline:0}#experience .fork-steps h3{font-size:17px}#experience .fork-steps p{font-size:13px}}
@media(max-width:640px){#concept .fork-concept-copy{font-size:13px!important;line-height:2.4!important;letter-spacing:.02em}#concept .fork-concept-copy p+p{margin-top:20px}#experience .fork-flow-image{margin-bottom:38px}#experience .fork-flow-image img{height:auto;aspect-ratio:1.2;max-height:380px}#experience .fork-steps{grid-template-columns:1fr;gap:35px}#experience .fork-steps article{max-width:340px;margin:0 auto;padding:0 8px}#experience .fork-steps article>span{font-size:35px;margin-bottom:13px}#experience .fork-steps h3{font-size:18px;margin-bottom:12px}#experience .fork-steps p{font-size:13px;line-height:2.3}#experience .fork-flow-note{font-size:9px;margin-top:30px}#about .about-arch-outer{width:190px!important;margin-bottom:27px!important}#menu .menu-card .course-price{font-size:21px!important}#menu .menu-card .course-name{font-size:12px!important}#menu .menu-card .course-item{gap:12px!important}#menu .option-single-price .price-val{font-size:26px!important}#menu .hm-split-content .hm-lux-price{font-size:22px!important}}
/* Airy line art follows the visit story, rather than adding another block of claims. */
#experience .fork-step-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 auto 13px;color:#a18b6c;pointer-events:none}
#experience .fork-step-icon svg{display:block;width:38px;height:38px;overflow:visible}
#experience .fork-steps article>span{font-size:30px;margin-bottom:12px}
#experience .fork-flow-image{isolation:isolate}
#experience .fork-scent{position:absolute;inset:0;width:100%;height:calc(100% - 40px);z-index:60;display:block;color:#8c7452;opacity:.28;pointer-events:none}
#experience .fork-scent path{stroke-dasharray:1;stroke-dashoffset:0}
#experience .fork-flow-image.fork-entered .fork-scent path{animation:fork-scent-draw 3.4s ease-out both!important}
#experience .fork-flow-image.fork-entered .fork-scent path:nth-child(2){animation-delay:.18s!important}
#experience .fork-flow-image.fork-entered .fork-scent path:nth-child(3){animation-delay:.32s!important}
#experience .fork-steps article.fork-entered .fork-step-icon{animation:fork-icon-float 1.6s ease-out both!important}
@keyframes fork-scent-draw{from{stroke-dashoffset:1;opacity:0}30%{opacity:.5}to{stroke-dashoffset:0;opacity:1}}
@keyframes fork-icon-float{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* Give minutes their own hierarchy; keep notes readable and prices aligned. */
#menu .menu-card .course-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding:14px 0!important}
#menu .menu-card .course-name{display:flex!important;flex-direction:column!important;gap:5px!important;align-items:flex-start!important;text-align:left!important;min-width:0}
#menu .fork-duration{display:inline-flex;align-items:baseline;gap:2px;font-size:20px;font-weight:500;line-height:1.35;letter-spacing:.025em;color:#594c40;font-variant-numeric:tabular-nums}
#menu .fork-minute-unit{font-size:13px;font-weight:400;letter-spacing:0}
#menu .menu-card .course-note{display:block!important;font-size:11px!important;line-height:1.8!important;white-space:normal!important;color:#776b60!important;letter-spacing:.015em!important;margin:0!important}
#menu .menu-card .course-price{align-self:center;min-width:5.6ch;text-align:right;font-size:23px!important;line-height:1.35!important}
@media(max-width:640px){#experience .fork-step-icon{width:44px;height:44px;margin-bottom:10px}#experience .fork-step-icon svg{width:34px;height:34px}#experience .fork-steps article>span{font-size:27px;margin-bottom:10px}#experience .fork-scent{opacity:.23}#menu .fork-duration{font-size:18px}#menu .fork-minute-unit{font-size:12px}#menu .menu-card .course-price{font-size:21px!important}#menu .menu-card .course-note{font-size:10.5px!important}#menu .menu-card .course-item{gap:12px!important;padding:13px 0!important}}
.fork-motion-off #experience .fork-flow-image.fork-entered .fork-scent path,.fork-motion-off #experience .fork-steps article.fork-entered .fork-step-icon{animation:none!important;stroke-dashoffset:0!important;opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){#experience .fork-flow-image.fork-entered .fork-scent path,#experience .fork-steps article.fork-entered .fork-step-icon{animation:none!important;stroke-dashoffset:0!important;opacity:1!important;transform:none!important}}
/* Quicker dissolves and a lighter wash make the actual treatment easier to recognise. */
.hero-section .fork-background .fork-slide{transition:opacity 1.4s ease,transform 7s ease-out!important}
.hero-section .fork-wash{background:linear-gradient(90deg,#faf7f092,#faf7f0b8 48%,#faf7f085),linear-gradient(0deg,#faf9f6,transparent 19%)}
.hero-section .hero-content:before{background:radial-gradient(ellipse at center,rgba(255,255,255,.62) 0%,rgba(255,255,255,.44) 32%,rgba(255,255,255,.16) 60%,transparent 82%)!important}
@media(max-width:640px){.hero-section .fork-wash{background:linear-gradient(90deg,#faf7f094,#faf7f0bd 50%,#faf7f08a),linear-gradient(0deg,#faf9f6,transparent 18%)}}
.fork-motion-off .hero-section .fork-background .fork-slide{transition:none!important}
@media(prefers-reduced-motion:reduce){.hero-section .fork-background .fork-slide{transition:none!important}}
/* Sunlight enters the concept quietly from the upper right. */
#concept{position:relative;isolation:isolate;overflow:hidden!important;background:#faf8f3}
#concept>.container{position:relative;z-index:2}
#concept .fork-concept-light{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 99% 0%,#fff4c568 0%,#fff9dc26 37%,transparent 70%)}
#concept .fork-light-ray{position:absolute;right:-12%;top:-55%;width:16%;height:180%;display:block;transform:rotate(37deg);transform-origin:top center;opacity:.42;background:linear-gradient(90deg,transparent 0%,#fff3bd6b 27%,#fffde8b8 52%,#fff5cb62 76%,transparent 100%);filter:blur(5px);animation:fork-sunlight-sway 12s ease-in-out infinite!important;animation-play-state:paused!important}
#concept .ray-b{right:7%;width:10%;opacity:.28;animation-delay:-4s!important}
#concept .ray-c{right:25%;width:6%;opacity:.21;animation-delay:-7s!important}
#concept .fork-leaf-shadow{position:absolute;right:-10%;top:-8%;width:70%;height:110%;display:block;opacity:.14;background:radial-gradient(ellipse 10% 23% at 65% 14%,#8c957c70 0%,transparent 85%),radial-gradient(ellipse 8% 20% at 84% 26%,#8c957c70 0%,transparent 86%),radial-gradient(ellipse 10% 20% at 56% 42%,#8c957c60 0%,transparent 90%),radial-gradient(ellipse 9% 20% at 90% 61%,#8c957c50 0%,transparent 90%);filter:blur(7px);transform:rotate(26deg);animation:fork-leaf-sway 14s ease-in-out infinite!important;animation-play-state:paused!important}
#concept.fork-light-running .fork-light-ray,#concept.fork-light-running .fork-leaf-shadow{animation-play-state:running!important}
@keyframes fork-sunlight-sway{0%,100%{transform:rotate(37deg) translateX(0);opacity:.36}50%{transform:rotate(40deg) translateX(-9px);opacity:.58}}
@keyframes fork-leaf-sway{0%,100%{transform:rotate(26deg) translate3d(0,0,0);opacity:.12}50%{transform:rotate(28deg) translate3d(-12px,6px,0);opacity:.2}}
@media(max-width:640px){#concept .fork-light-ray{width:28%;right:-18%;height:170%;top:-34%}#concept .ray-b{right:10%;width:15%}#concept .ray-c{right:32%;width:9%}#concept .fork-leaf-shadow{width:95%;right:-18%;opacity:.1}}
.fork-motion-off #concept .fork-light-ray,.fork-motion-off #concept .fork-leaf-shadow{animation:none!important}
@media(prefers-reduced-motion:reduce){#concept .fork-light-ray,#concept .fork-leaf-shadow{animation:none!important}}
/* Blend the concept and first-visit sections rather than switching colour in a hard band. */
#concept{background:linear-gradient(180deg,#faf8f3 0%,#f7f3eb 72%,#f5f0e8 100%)!important;border-bottom:0!important;box-shadow:none!important}
#experience{background:linear-gradient(180deg,#f5f0e8 0,#f4eee6 240px)!important;border-top:0!important;box-shadow:none!important}
#concept:before{z-index:0!important;opacity:.065!important}
#concept>.container{z-index:3!important}
#concept .fork-concept-light{z-index:1;background:radial-gradient(ellipse at 100% 0%,#fff0bd9c 0%,#fff9dd33 40%,transparent 75%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 67%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 67%,transparent 100%)}
#concept .fork-light-ray{right:0%;top:-38%;width:20%;height:175%;background:linear-gradient(90deg,transparent,#fffce6bf 35%,#fffef2e0 52%,#fff8db88 72%,transparent);filter:blur(3px);transform:rotate(34deg);opacity:.65;animation-name:fork-sunlight-clear!important}
#concept .ray-b{right:24%;width:11%;opacity:.5}
#concept .ray-c{right:42%;width:6%;opacity:.4}
#concept .fork-leaf-shadow{right:-9%;top:-2%;width:80%;height:110%;background:radial-gradient(ellipse 11% 22% at 67% 15%,#69795e9c 0%,transparent 84%),radial-gradient(ellipse 9% 21% at 88% 29%,#69795e99 0%,transparent 85%),radial-gradient(ellipse 11% 20% at 55% 43%,#79806488 0%,transparent 88%),radial-gradient(ellipse 9% 20% at 90% 65%,#79806480 0%,transparent 88%);filter:blur(5px);opacity:.25;animation-name:fork-leaf-clear!important}
@keyframes fork-sunlight-clear{0%,100%{transform:rotate(34deg) translateX(0);opacity:.58}50%{transform:rotate(37deg) translateX(-9px);opacity:.82}}
@keyframes fork-leaf-clear{0%,100%{transform:rotate(26deg) translate3d(0,0,0);opacity:.2}50%{transform:rotate(28deg) translate3d(-12px,6px,0);opacity:.32}}
@media(max-width:640px){#concept .fork-light-ray{width:32%;right:-5%;top:-28%}#concept .ray-b{right:26%;width:18%}#concept .ray-c{right:51%;width:9%}#concept .fork-leaf-shadow{right:-12%;width:110%;filter:blur(4px)}#experience{background:linear-gradient(180deg,#f5f0e8 0,#f4eee6 160px)!important}}
/* A single uninterrupted backdrop spans both sections; neither owns a separate colour edge. */
#fork-care-journey{position:relative;z-index:2;isolation:isolate;background:linear-gradient(180deg,#faf8f3 0%,#f8f5ef 24%,#f6f1e9 55%,#f4eee6 100%);border:0;box-shadow:none}
#fork-care-journey #concept,#fork-care-journey #experience{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:0!important}
#fork-care-journey #concept{padding-bottom:70px!important}
#fork-care-journey #experience{padding-top:70px!important}
#fork-care-journey #concept:before{opacity:.04!important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,transparent 85%)!important;mask-image:linear-gradient(180deg,transparent,#000 25%,transparent 85%)!important}
@media(max-width:640px){#fork-care-journey #concept{padding-bottom:45px!important}#fork-care-journey #experience{padding-top:45px!important}}
/* A static alpha feather softens only the photo edges; the centre stays sharp. */
#experience .fork-flow-image{background:transparent!important;border:0!important;box-shadow:none!important}
#experience .fork-flow-image img{border:0!important;box-shadow:none!important;filter:none!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);mask-composite:intersect;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
@media(max-width:640px){#experience .fork-flow-image img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}}
/* The existing typography carries the visit sequence without illustrative icons. */
#experience .fork-steps article>span{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:400;line-height:1;margin-bottom:22px;color:#9b8468;letter-spacing:.06em}
#experience .fork-steps h3{margin-bottom:16px}
@media(max-width:640px){#experience .fork-steps article>span{font-size:33px;margin-bottom:17px}}
/* Compact time/price pairs, with breathing room inside the rate box. */
#menu .menu-card .menu-course-list{width:100%!important;max-width:310px!important;margin:22px auto 25px!important;padding:12px 24px!important;box-sizing:border-box!important}
#menu .menu-card .course-item{grid-template-columns:64px 104px!important;justify-content:center!important;column-gap:24px!important;row-gap:6px!important;padding:15px 0!important}
#menu .menu-card .course-name{display:contents!important}
#menu .menu-card .fork-duration{grid-column:1;grid-row:1;justify-self:start;align-self:center}
#menu .menu-card .course-price{grid-column:2;grid-row:1;justify-self:end;align-self:center}
#menu .menu-card .course-note{grid-column:1 / -1;grid-row:2;text-align:center!important;justify-self:stretch;max-width:100%;font-size:11px!important;line-height:1.8!important;margin:0!important;text-wrap:balance}
@media(max-width:640px){#menu .menu-card .menu-course-list{max-width:300px!important;padding:10px 20px!important}#menu .menu-card .course-item{grid-template-columns:58px 96px!important;column-gap:24px!important;padding:14px 0!important}#menu .menu-card .course-note{font-size:10.5px!important}}
@media(max-width:360px){#menu .menu-card .menu-course-list{padding-inline:16px!important}#menu .menu-card .course-item{column-gap:18px!important}}
/* Tone the illustrative hair image into the surrounding page without obscuring the hairstyle. */
#hairmake-menu .hm-split-visual{position:relative;isolation:isolate;background:#fff!important;box-shadow:none!important}
#hairmake-menu .hm-split-visual .hm-split-img{filter:saturate(.8) contrast(.94) brightness(1.02)!important;transform:none!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 83%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 83%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#hairmake-menu .hm-split-visual:after{content:'';position:absolute;inset:0;z-index:60;pointer-events:none;background:radial-gradient(ellipse at 100% 0%,#fff8dc6b,transparent 62%),linear-gradient(125deg,transparent 20%,#fffce01f 39%,#fffdef40 45%,transparent 62%)}
#hairmake-menu .fork-hair-image-note{position:absolute;bottom:15px;left:20px;right:20px;z-index:70;font-size:9px;letter-spacing:.07em;color:#70675e;text-align:left}
@media(max-width:768px){#hairmake-menu .hm-split-visual .hm-split-img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 82%,transparent)}#hairmake-menu .fork-hair-image-note{bottom:10px;left:18px;font-size:8px}}
/* Carry the continuous backdrop through Chihiro's introduction. */
#fork-care-journey{background:linear-gradient(180deg,#faf8f3 0%,#f7f3eb 28%,#f4eee6 50%,#f7f4ee 80%,#f8f6f2 100%)}
#fork-care-journey #about{background:transparent!important;border:0!important;box-shadow:none!important;isolation:isolate}
#menu{background:linear-gradient(180deg,#f8f6f2 0%,#f7f4ee 230px,#f6f2ec 100%)!important;border-top:0!important}
#about .about-card-centered{background:transparent!important;box-shadow:none!important;border:0!important}
#about .about-arch-outer{position:relative;isolation:isolate}
#about .about-arch-outer:before{content:'';position:absolute;inset:-12% -20%;z-index:0;pointer-events:none;background:radial-gradient(ellipse,#fff9e966 0%,#fff9e922 48%,transparent 75%)}
#about .about-arch-wrap{z-index:1!important;box-shadow:none!important;border:0!important}
#about .about-arch-wrap .about-arch-image{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#about .about-arch-outer.fork-entered{animation-duration:1.3s!important}
@media(prefers-reduced-motion:reduce){#about .about-arch-outer.fork-entered{animation:none!important}}
.fork-motion-off #about .about-arch-outer.fork-entered{animation:none!important}
/* Feather the arched silhouette itself, including both diagonal shoulders. */
#about .about-arch-wrap .about-arch-image{-webkit-mask-image:url('images/portrait-soft-mask.svg')!important;mask-image:url('images/portrait-soft-mask.svg')!important;-webkit-mask-size:100% 100%!important;mask-size:100% 100%!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-composite:source-over!important;mask-composite:add!important}
/* One outer menu card is sufficient: present the rates as an open list inside it. */
#menu .menu-card .menu-course-list{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 12px!important;max-width:320px!important;margin:24px auto!important}
#menu .menu-card .course-item{border-bottom:1px solid #e7dfd4!important;padding:15px 0!important}
#menu .menu-card .course-item:last-child{border-bottom:0!important}
#menu .menu-card .fork-duration,#menu .menu-card .course-price{font-family:'Shippori Mincho',serif!important;font-weight:500!important;letter-spacing:.015em!important;font-variant-numeric:tabular-nums}
#menu .menu-card .fork-minute-unit{font-family:'Shippori Mincho',serif!important}
@media(max-width:640px){#menu .menu-card .menu-course-list{padding:0 10px!important}}