:root{--ink:#26322b;--green:#718274;--dark:#334038;--cream:#f5f1e9;--white:#fbfaf7;--line:#d6d7cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:'Noto Sans JP',sans-serif;font-weight:300;line-height:1.9}a{color:inherit;text-decoration:none}.header{height:84px;padding:0 4vw;display:flex;align-items:center;gap:4vw;background:rgba(251,250,247,.95);position:fixed;z-index:20;top:0;width:100%;border-bottom:1px solid rgba(38,50,43,.1)}.logo{display:flex;flex-direction:column;line-height:1}.logo span{font:500 30px/1 'Noto Serif JP',serif;letter-spacing:.08em}.logo small{font:500 7px/2 'DM Sans';letter-spacing:.35em}.nav{display:flex;gap:2.5vw;margin-left:auto;font:400 11px 'DM Sans';letter-spacing:.18em}.nav a:hover{color:var(--green)}.reserve{background:var(--dark);color:white;padding:15px 23px;font-size:12px;letter-spacing:.08em}.reserve span{margin-left:25px}.menu-button{display:none}.hero{height:100vh;min-height:650px;position:relative;margin-top:84px;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,241,233,.8) 0%,rgba(245,241,233,.25) 43%,transparent 62%)}.hero-copy{position:absolute;z-index:2;top:18%;left:9vw}.eyebrow{font:500 10px 'DM Sans';letter-spacing:.3em}.hero h1{font:400 clamp(40px,5vw,72px)/1.5 'Noto Serif JP',serif;letter-spacing:.12em;margin:22px 0}.hero-lead{font-family:'Noto Serif JP';letter-spacing:.15em}.scroll{display:block;margin-top:10vh;font:500 9px 'DM Sans';letter-spacing:.25em}.scroll span{margin-left:20px}.hero-side{position:absolute;z-index:3;right:1.5vw;bottom:8%;writing-mode:vertical-rl;font:500 8px 'DM Sans';letter-spacing:.2em}.section{padding:110px 9vw}.section-label{font:500 10px 'DM Sans';letter-spacing:.22em;display:flex;gap:18px;align-items:center}.section-label span{color:var(--green)}.section-label:after{content:'';height:1px;width:50px;background:var(--line)}.section-label.light{color:#cad0cb}.concept-body{margin:70px auto 90px;max-width:850px}.script{color:var(--green);font:italic 18px 'Noto Serif JP';letter-spacing:.08em}.concept h2,.style h2,.faq h2{font:400 clamp(28px,4vw,48px)/1.65 'Noto Serif JP';letter-spacing:.1em}.concept-text{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:40px 0 0 24%}.concept-text p{font-size:13px}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.values article{padding:50px 4vw;border-right:1px solid var(--line)}.values article:first-child{border-left:1px solid var(--line)}.values span{font:500 10px 'DM Sans';color:var(--green)}.values h3{font:400 21px/1.7 'Noto Serif JP';letter-spacing:.1em}.values p{font-size:12px}.menu{background:var(--dark);color:#f6f3ec}.menu-head{display:flex;justify-content:space-between;align-items:end;margin:60px 0 30px}.menu-head h2{font:300 clamp(48px,8vw,100px) 'DM Sans';margin:0;color:#748078;line-height:.8}.menu-head p{font:400 16px/2 'Noto Serif JP';letter-spacing:.1em}.menu-list{border-top:1px solid #657068}.menu-list article{display:grid;grid-template-columns:60px 1fr auto;align-items:center;border-bottom:1px solid #657068;padding:26px 0}.menu-list article>span{font:400 10px 'DM Sans';color:#a8b0aa}.menu-list h3{font:300 27px 'DM Sans';margin:0}.menu-list p{font-size:11px;margin:0;color:#bec5bf}.menu-list strong{font:400 17px 'DM Sans'}.menu-note{text-align:right;font-size:9px;color:#adb5af}.style-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:60px;align-items:end}.style-title{padding-right:3vw;align-self:center}.style-title h2{font-size:30px}.text-link{font-size:11px;border-bottom:1px solid;padding-bottom:8px}.text-link span{margin-left:30px}.style-card{height:480px;background-size:cover;background-position:center;position:relative;overflow:hidden}.style-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,30,23,.55),transparent 40%)}.style-card span{position:absolute;z-index:1;bottom:18px;left:20px;color:white;font:400 9px 'DM Sans';letter-spacing:.15em}.style-one{background:linear-gradient(145deg,transparent,#8b9389),url('assets/salon-hero.png');background-size:220%;background-position:70% 30%}.style-two{background:linear-gradient(145deg,rgba(92,111,94,.3),rgba(30,50,40,.7)),url('assets/salon-hero.png');background-size:200%;background-position:100% 70%}.faq{background:var(--cream)}.faq-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;margin-top:70px}.accordion details{border-top:1px solid #c9cbc3;padding:21px 0}.accordion details:last-child{border-bottom:1px solid #c9cbc3}.accordion summary{cursor:pointer;font:400 14px 'Noto Serif JP';letter-spacing:.05em;list-style:none}.accordion summary:before{content:'Q';font:500 12px 'DM Sans';margin-right:20px;color:var(--green)}.accordion summary:after{content:'+';float:right}.accordion details[open] summary:after{content:'−'}.accordion p{font-size:12px;padding-left:30px}.salon{background:#7a887d;color:white}.salon-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:9vw;margin-top:70px}.footer-logo span{font-size:46px}.salon-name>p{font:400 17px/2 'Noto Serif JP';letter-spacing:.15em;margin-top:35px}.salon dl{margin:0}.salon dl>div{display:grid;grid-template-columns:100px 1fr;padding:20px 0;border-top:1px solid rgba(255,255,255,.3)}.salon dt{font:500 9px 'DM Sans';letter-spacing:.2em}.salon dd{margin:0;font-size:12px}.reservation{text-align:center;padding:110px 20px}.reservation h2{font:400 34px 'Noto Serif JP';letter-spacing:.12em}.reservation>p:not(.eyebrow){font-size:12px}.reservation>a{display:block;background:var(--dark);color:white;width:min(420px,100%);margin:35px auto 20px;padding:21px;letter-spacing:.12em;font-size:13px}.reservation>a span{float:right}.reservation small{font-size:10px}.reservation small a{text-decoration:underline}footer{background:#222c26;color:#fff;padding:50px 5vw;display:flex;align-items:end;justify-content:space-between}footer p,footer>a{font:400 8px 'DM Sans';letter-spacing:.12em}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.header{height:70px}.header-reserve,.nav{display:none}.menu-button{display:block;margin-left:auto;border:0;background:none;width:36px}.menu-button i{display:block;height:1px;background:var(--ink);margin:8px 0}.nav.open{display:flex;position:fixed;inset:70px 0 0;background:var(--white);flex-direction:column;align-items:center;justify-content:center;gap:35px;font-size:15px}.hero{margin-top:70px;height:calc(100svh - 70px)}.hero>img{object-position:62% center}.hero:after{background:linear-gradient(90deg,rgba(245,241,233,.88),rgba(245,241,233,.1))}.hero-copy{left:7vw;top:16%}.hero h1{font-size:38px}.hero-lead{font-size:12px}.section{padding:80px 7vw}.concept-body{margin:50px 0}.concept-text{grid-template-columns:1fr;margin:30px 0;gap:5px}.values{grid-template-columns:1fr}.values article,.values article:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--line);padding:30px 8vw}.menu-head{display:block}.menu-head h2{text-align:right;margin-top:40px}.menu-list article{grid-template-columns:38px 1fr auto}.menu-list p{display:none}.menu-list h3{font-size:22px}.menu-list strong{font-size:13px}.style-grid{grid-template-columns:1fr 1fr}.style-title{grid-column:1/-1}.style-card{height:330px}.faq-wrap,.salon-wrap{grid-template-columns:1fr;gap:40px}.salon dl>div{grid-template-columns:80px 1fr}footer{align-items:center}.footer-logo{display:none}}
.menu-list small{display:block;font-size:9px;color:#909b93;margin-top:3px}.staff-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:60px}.staff-photo{height:540px;background:linear-gradient(145deg,rgba(112,130,116,.15),rgba(38,50,43,.55)),url('assets/salon-hero.png') center/cover;position:relative}.staff-photo span{position:absolute;left:20px;bottom:18px;color:#fff;font:400 9px 'DM Sans';letter-spacing:.2em}.staff-copy h2,.voices h2,.contact h2{font:400 32px 'Noto Serif JP';letter-spacing:.1em}.staff-copy h2 small{font:400 10px 'DM Sans';letter-spacing:.12em;color:var(--green);display:block;margin-top:10px}.staff-copy>p{font-size:13px}.staff-copy dl>div{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.staff-copy dt{color:var(--green)}.staff-copy dd{margin:0}.voices{background:#eef0eb}.voices-head{margin:55px 0 35px}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.voice-grid article{background:var(--white);padding:38px}.voice-grid article p{font-size:12px}.voice-grid article small{font-size:9px;color:#7b847e}.stars{color:#879787;letter-spacing:.2em;font-size:11px}.contact-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;margin-top:60px}.contact-wrap>div>p{font-size:12px}.instagram{display:inline-block;border-bottom:1px solid var(--ink);padding:10px 0;font:500 10px 'DM Sans';letter-spacing:.12em;margin-top:25px}.instagram span{margin-left:30px}#contact-form{display:grid;gap:20px}#contact-form label{font-size:11px}#contact-form label>span{font-size:8px;background:var(--green);color:#fff;padding:2px 6px;margin-left:10px}#contact-form input,#contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:#f4f2eb;padding:13px;margin-top:8px;font:inherit;outline:none}#contact-form input:focus,#contact-form textarea:focus{border-color:var(--green)}#contact-form button{border:0;background:var(--dark);color:#fff;padding:18px 22px;letter-spacing:.1em;cursor:pointer}#contact-form button span{float:right}.form-message{font-size:11px;color:var(--green)}.footer-links{display:flex;gap:30px}.footer-links a{font:400 8px 'DM Sans';letter-spacing:.12em}.privacy-page{background:var(--cream)}.privacy-header{padding:30px 6vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.privacy-header>a:last-child{font-size:10px}.privacy-page main{max-width:850px;margin:auto;padding:100px 30px}.privacy-page h1{font:400 40px 'Noto Serif JP';margin-bottom:70px}.privacy-page main section{background:#fff;padding:60px}.privacy-page main h2{font:400 18px 'Noto Serif JP';margin-top:40px}.privacy-page main p{font-size:12px}.privacy-page footer{padding:35px 6vw}
@media(max-width:760px){.staff-wrap,.contact-wrap{grid-template-columns:1fr}.staff-photo{height:390px}.voice-grid{grid-template-columns:1fr}.voice-grid article{padding:28px}.footer-links{gap:15px}.privacy-page main section{padding:30px}.privacy-page h1{font-size:30px}.menu-list small{font-size:8px}}
.style-one{background-image:url('assets/style-short.png');background-size:cover;background-position:center 35%}.style-two{background-image:url('assets/style-medium.png');background-size:cover;background-position:center 30%}