.hair-demo-body{margin:0;background:#faf7f2;color:#2e2420;font-family:Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.hair-demo-body *{box-sizing:border-box}.hair-demo-body a{color:inherit;text-decoration:none}.hair-demo-body img{display:block;max-width:100%}.hair-demo-br-sp{display:none}.hair-demo-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,5vw,64px);height:72px;background:#faf7f2eb;border-bottom:1px solid rgba(80,56,40,.08);backdrop-filter:blur(20px) saturate(1.2)}.hair-demo-logo{display:flex;align-items:center;flex-shrink:0}.hair-demo-logo img{height:28px;width:auto}.hair-demo-nav{display:flex;gap:clamp(18px,2.5vw,36px);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.hair-demo-nav a{position:relative;color:#6b5a4e;transition:color .3s ease}.hair-demo-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#8b6e55;transition:width .3s ease}.hair-demo-nav a:hover{color:#2e2420}.hair-demo-nav a:hover:after{width:100%}.hair-demo-hero{position:relative;height:min(85vh,780px);overflow:hidden}.hair-demo-slider{position:absolute;inset:0}.hair-demo-slider__track{display:flex;height:100%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.hair-demo-slider__slide{flex:0 0 100%;height:100%}.hair-demo-slider__slide img{width:100%;height:100%;object-fit:cover}.hair-demo-slider__indicators{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.hair-demo-slider__dot{width:32px;height:3px;border:none;border-radius:2px;background:#fff6;cursor:pointer;padding:0;transition:background .4s ease,width .4s ease}.hair-demo-slider__dot--active{width:48px;background:#fffffff2}.hair-demo-hero__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;background:linear-gradient(to right,#1a120ea6,#1a120e59 40%,#1a120e0d 70%)}.hair-demo-hero__content{padding:clamp(40px,8vw,96px);color:#fff;max-width:740px}.hair-demo-eyebrow{margin:0;font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#ffffffb3}.hair-demo-hero__content h1{margin:20px 0 0;font-family:Shippori Mincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(36px,6vw,72px);font-weight:400;line-height:1.3;letter-spacing:.06em}.hair-demo-lead{margin:24px 0 0;font-size:clamp(14px,1.6vw,17px);line-height:2;color:#ffffffd1}.hair-demo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hair-demo-button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:14px 28px;border:1px solid rgba(255,255,255,.35);border-radius:0;font-size:13px;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.hair-demo-button--primary{background:#6b4c37;border-color:#6b4c37;color:#fff}.hair-demo-button--primary:hover:not(:disabled){background:#523626;border-color:#523626}.hair-demo-button--ghost{background:#ffffff14;color:#fff;backdrop-filter:blur(4px)}.hair-demo-button--ghost:hover{background:#ffffff2e}.hair-demo-button:disabled{cursor:not-allowed;opacity:.6}.hair-demo-section-label{margin:0;font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#9a7e66}.hair-demo-section h2,.hair-demo-reserve h2{margin:16px 0 0;font-family:Shippori Mincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(28px,4vw,44px);font-weight:400;letter-spacing:.06em;line-height:1.35;color:#2e2420}.hair-demo-section{padding:clamp(80px,10vw,120px) clamp(20px,5vw,64px)}.hair-demo-section--warm{background:#f0e8dc}.hair-demo-section__head{max-width:760px;margin:0 auto 48px;text-align:center}.hair-demo-about{display:grid;align-items:center;gap:clamp(40px,6vw,80px);grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - clamp(40px,9vw,128px));max-width:1250px;margin:0 auto;padding:clamp(80px,10vw,120px) clamp(20px,5vw,64px)}.hair-demo-about__copy h2{margin:20px 0 0;font-family:Shippori Mincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(26px,3vw,40px);font-weight:400;letter-spacing:.08em;line-height:1.8;color:#2e2420}.hair-demo-about__text{margin-top:28px;color:#665247;font-size:14px;font-weight:400;line-height:2.2}.hair-demo-about__text p{margin:0}.hair-demo-about__text p+p{margin-top:12px}.hair-demo-about__link{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:12px 0;color:#6b4c37;font-size:13px;font-weight:600;letter-spacing:.1em;border-bottom:1px solid rgba(107,76,55,.3);transition:border-color .3s ease,gap .3s ease}.hair-demo-about__link:hover{border-color:#6b4c37;gap:18px}.hair-demo-about__link span{font-size:20px;line-height:1;transition:transform .3s ease}.hair-demo-about__images{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.5vw,18px)}.hair-demo-about__image{margin:0;overflow:hidden;background:#e8ddd0}.hair-demo-about__image--wide{grid-column:1 / -1;aspect-ratio:16 / 6}.hair-demo-about__image:not(.hair-demo-about__image--wide){aspect-ratio:4 / 3}.hair-demo-about__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.hair-demo-about__image:hover img{transform:scale(1.04)}.hair-demo-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,24px);max-width:1000px;margin:0 auto}.hair-demo-menu-card{background:#fff;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.hair-demo-menu-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #3c28181a}.hair-demo-menu-card__image{margin:0;aspect-ratio:1 / 1;overflow:hidden;background:#e8ddd0}.hair-demo-menu-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hair-demo-menu-card:hover .hair-demo-menu-card__image img{transform:scale(1.06)}.hair-demo-menu-card__body{padding:18px 16px;display:flex;flex-direction:column;gap:6px}.hair-demo-menu-card__name{font-size:14px;font-weight:600;letter-spacing:.04em}.hair-demo-menu-card__price{font-family:Shippori Mincho,Yu Mincho,serif;font-size:18px;font-weight:400;color:#8b6e55}.hair-demo-gallery{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(8px,1.2vw,16px);max-width:1180px;margin:0 auto}.hair-demo-gallery figure{margin:0;overflow:hidden;position:relative;aspect-ratio:3 / 4;background:#e8ddd0}.hair-demo-gallery__featured{grid-column:auto;grid-row:auto}.hair-demo-gallery figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.hair-demo-gallery figure:hover img{transform:scale(1.05)}.hair-demo-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 14px;background:linear-gradient(to top,rgba(20,14,10,.6),transparent);color:#ffffffe6;font-size:12px;font-weight:500;letter-spacing:.04em;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.hair-demo-gallery figure:hover figcaption{opacity:1;transform:translateY(0)}.hair-demo-access{background:#faf7f2}.hair-demo-access-card{display:grid;max-width:900px;margin:0 auto;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid rgba(80,56,40,.08);overflow:hidden}.hair-demo-access-card dl{margin:0;padding:clamp(28px,4vw,44px)}.hair-demo-access-card div+div{margin-top:24px}.hair-demo-access-card dt{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9a7e66}.hair-demo-access-card dd{margin:8px 0 0;color:#2e2420;font-size:16px;line-height:1.7}.hair-demo-map-placeholder{min-height:280px;background:linear-gradient(135deg,#78583c14,#c8b4a01f),#efe8de}.hair-demo-map-placeholder iframe{display:block;width:100%;height:100%;min-height:280px;border:0}.hair-demo-reserve{margin:0;padding:clamp(64px,8vw,100px) clamp(20px,5vw,64px);text-align:center;background:#f0e8dc}.hair-demo-reserve p:not(.hair-demo-section-label){max-width:560px;margin:20px auto 32px;color:#725c4d;font-size:14px;line-height:2}.hair-demo-reserve .hair-demo-button--primary{border-color:#6b4c37}.hair-demo-footer{background:#2e2420;color:#faf7f2b3;padding:48px clamp(20px,5vw,64px)}.hair-demo-footer__inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.hair-demo-footer__logo{height:24px;width:auto;filter:brightness(0) invert(1);opacity:.8}.hair-demo-footer__note{margin:0;font-size:12px;opacity:.5}.hair-demo-footer__copy{margin:0;font-size:11px;letter-spacing:.12em;opacity:.4}@media(max-width:900px){.hair-demo-header{flex-direction:column;align-items:flex-start;height:auto;padding:16px clamp(20px,5vw,64px);gap:12px}.hair-demo-nav{width:100%;overflow-x:auto;padding-bottom:4px}.hair-demo-about{grid-template-columns:1fr;width:100%;max-width:none}.hair-demo-about__copy{max-width:none}.hair-demo-menu-grid{grid-template-columns:repeat(2,1fr)}.hair-demo-gallery{grid-template-columns:repeat(7,minmax(96px,1fr));overflow-x:auto;padding-bottom:4px}.hair-demo-access-card{grid-template-columns:1fr}}@media(max-width:560px){.hair-demo-br-sp{display:inline}.hair-demo-hero{height:88svh;min-height:560px;max-height:720px}.hair-demo-slider__slide img{object-position:74% center}.hair-demo-hero__overlay{align-items:flex-end;background:linear-gradient(to top,#1a120eb8,#1a120e33,#1a120e0d)}.hair-demo-hero__content{padding:32px 24px}.hair-demo-actions,.hair-demo-button{width:100%}.hair-demo-menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hair-demo-menu-card__body{padding:14px 12px}.hair-demo-gallery{grid-template-columns:repeat(2,1fr);overflow-x:visible;padding-bottom:0}.hair-demo-about__images{grid-template-columns:1fr}.hair-demo-about__image--wide{aspect-ratio:16 / 9}.hair-demo-about__image:not(.hair-demo-about__image--wide){aspect-ratio:4 / 3}.hair-demo-slider__indicators{bottom:20px}}