*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f7f4ee;color:#332d29;font-family:"Noto Sans JP",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #604838;outline-offset:5px}::selection{background:#d4c1ae}img{display:block;width:100%;height:100%;object-fit:cover}.demo-banner{display:flex;justify-content:space-between;gap:20px;padding:11px 4%;background:#3e3933;color:#fff;font-size:10px;line-height:1.7}.demo-banner a{text-decoration:underline;text-underline-offset:3px}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.logo{font-family:"Cormorant Garamond",serif;font-size:58px;line-height:.85;letter-spacing:-.04em}.logo span{display:block;font-family:"Noto Sans JP",sans-serif;font-size:8px;letter-spacing:.14em;margin-top:15px}nav{display:flex;gap:38px;align-items:center}nav>a{font-family:"Cormorant Garamond",serif;font-size:21px}nav .reserve{font-family:"Noto Sans JP",sans-serif;font-size:11px;border-bottom:1px solid #958576;padding:12px 0}.salon-hero{height:min(790px,75vw);min-height:610px;position:relative;margin:0 3%}.salon-hero>img{object-position:center 45%}.hero-text{position:absolute;top:16%;left:6%}.hero-text h1{font-family:"Noto Serif JP",serif;font-size:clamp(30px,3.1vw,45px);font-weight:400;letter-spacing:.12em;line-height:1.85;margin:0 0 30px}.hero-text p{font-size:12px;line-height:2.3;letter-spacing:.08em}.hero-sign{position:absolute;bottom:8%;left:6%;font:400 clamp(45px,5.3vw,76px)/.92 "Cormorant Garamond",serif;letter-spacing:-.035em;margin:0}.hero-sign em{font-style:normal}.hero-scroll{position:absolute;bottom:30px;right:4%;font-size:8px;letter-spacing:.1em;writing-mode:vertical-rl;display:flex;gap:20px}.concept{padding:130px 12%;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.large-serif{font:400 clamp(46px,5vw,70px)/1.04 "Cormorant Garamond",serif;letter-spacing:-.03em;margin:0}.concept h2,.hair-detail h2{font:400 27px/1.9 "Noto Serif JP",serif;margin:0 0 30px;letter-spacing:.05em}.concept p:not(.large-serif){font-size:12px;line-height:2.6;margin-bottom:25px}.concept small{font-size:9px;color:#6d625a}.hair-detail{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;padding:0 9% 110px;align-items:center}.detail-photo{height:510px;overflow:hidden}.detail-photo img{object-position:80% center;transform:scale(1.15)}.hair-detail p{font-size:12px;line-height:2.5}.hair-detail a{display:flex;max-width:260px;justify-content:space-between;font-size:12px;border-bottom:1px solid #b6aa9f;padding:20px 0;margin-top:25px}.menu-section{padding:95px 12% 110px;background:#ebe5db}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:50px}.section-heading h2{font:400 65px/1 "Cormorant Garamond",serif;margin:0}.section-heading h2 span{font-family:"Noto Sans JP",sans-serif;font-size:10px;display:block;margin-top:18px}.section-heading p{font-size:12px;line-height:2.2}.section-heading small{font-size:10px}dl{margin:0}dl>div{display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid #b9aea2;padding:32px 0;gap:30px}dl>div:last-child{border-bottom:1px solid #b9aea2}dt{font:400 31px/1.2 "Cormorant Garamond",serif}dt span{display:block;font:10px "Noto Sans JP",sans-serif;margin-top:10px}dd{margin:0;display:flex;justify-content:space-between;gap:25px;align-items:center}dd p{font-size:11px;line-height:1.9}dd>span{font-size:17px;white-space:nowrap}.visit{padding:100px 6%;text-align:center}.visit h2{font:400 23px "Noto Serif JP",serif;margin:30px 0}.visit>p:not(.large-serif){font-size:11px;line-height:2.4;color:#63584e}.visit>a{display:inline-block;background:#4d453b;color:#fff;padding:21px 30px;font-size:12px;margin-top:24px;transition:background .2s}.visit>a:hover{background:#2e2924}footer{background:#ded5c8;padding:45px 6%;display:flex;align-items:center;gap:40px}footer p{margin-left:auto;font-size:9px;line-height:2}footer>a:last-child{font-size:10px}@media(max-width:700px){.demo-banner{padding:10px 5%;font-size:8px;gap:12px}.demo-banner span{max-width:175px}.demo-banner a{white-space:nowrap}header{height:100px;padding:0 6%}.logo{font-size:48px}nav{gap:18px}nav>a{font-size:17px}nav .reserve{font-size:9px}nav>a:first-child{display:none}.salon-hero{height:740px;min-height:0;margin:0 4%;max-height:calc(100svh - 150px)}.salon-hero>img{object-position:40% center}.salon-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f0e7dcaa,transparent 70%)}.hero-text,.hero-sign,.hero-scroll{z-index:1}.hero-text{left:7%;top:9%}.hero-text h1{font-size:25px;letter-spacing:.06em;margin-bottom:20px}.hero-text p{font-size:10px}.hero-sign{font-size:41px;left:7%;bottom:9%;text-shadow:0 2px 12px #f4e9dd}.hero-scroll{display:none}.concept{padding:75px 8%;grid-template-columns:1fr;gap:40px}.large-serif{font-size:49px}.concept h2,.hair-detail h2{font-size:24px}.hair-detail{padding:0 8% 75px;grid-template-columns:1fr;gap:35px}.detail-photo{height:400px}.hair-detail a{max-width:none}.menu-section{padding:60px 8%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:55px}.section-heading p{margin-top:25px}dl>div{grid-template-columns:1fr;gap:10px;padding:25px 0}dt{font-size:30px}dd p{max-width:210px}.visit{padding:75px 7%}.visit .large-serif{font-size:44px}.visit>a{font-size:11px;padding:20px}footer{flex-wrap:wrap;gap:25px}footer p{font-size:8px}footer>a:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}