@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');

/* SPACE / editorial art direction — calm salon precision + weight-room power */
:root{--paper:#eeeae3;--ink:#171717;--muted:#76716b;--line:#d4cfc6}
body{background:var(--paper)}
.header{height:76px;background:#111114;color:#f4f1e9;border-bottom:1px solid #38383a}
.nav{width:min(1320px,calc(100% - 70px))}
.brand{font-weight:700;font-size:27px;letter-spacing:-.065em}
.brand small{color:#b1ada8;font-size:8px;letter-spacing:.24em}
.links{gap:28px;font-size:11px;letter-spacing:.15em}
.links a{transition:color .2s}.links a:hover{color:#b7a38a}
.links a.active{border-color:#b7a38a}
.nav-cta{border-color:#b7a38a!important;color:#f6eee5}
.hero{min-height:760px;grid-template-columns:52% 48%;background:#111114}
.hero-copy{padding-top:90px;padding-bottom:100px;padding-right:8vw;background:radial-gradient(circle at 0% 0%,#252528 0%,#111114 65%)}
.hero-copy .eyebrow{color:#b5a48e;font-size:10px;letter-spacing:.28em}
.hero-copy .home-logo{width:265px;margin:30px 0 32px;box-shadow:0 0 0 1px #252525}
.hero-copy h1{font-family:'Cormorant Garamond','Noto Sans JP',serif;font-weight:400}
.hero-copy h1 span{font-family:'Noto Sans JP',sans-serif;font-size:clamp(26px,3vw,45px);font-weight:500;line-height:1.6;letter-spacing:.055em}
.hero-copy p{font-size:13px;line-height:2.4;letter-spacing:.045em;max-width:415px;color:#c2c0be}
.hero-image img{filter:brightness(.58) saturate(.72);object-position:57% center}
.hero-image:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#11111470 0%,transparent 40%),linear-gradient(0deg,#1111147d,transparent 55%);pointer-events:none}
.hero-image:after{z-index:2;bottom:48px;right:6vw;font-size:10px;letter-spacing:.33em}
.hero .actions{margin-top:42px}
.hero .btn{min-width:165px;font-size:11px;min-height:57px}
.hero .btn.white{background:#ded7cb;color:#181818;border-color:#ded7cb}
.hero .btn:not(.white){background:transparent;color:#f7f2e9;border:1px solid #6f6962}
.eyebrow{letter-spacing:.28em;color:#8a7a68}
.section{padding-top:125px;padding-bottom:125px}
.section-head{margin-bottom:58px}
.section-head h2,.page-title{font-family:'Cormorant Garamond','Noto Sans JP',serif;font-weight:500;letter-spacing:-.05em}
.section-head h2{font-size:clamp(57px,7vw,96px)}
.section-head .lead{font-size:13px;max-width:310px}
.dual{gap:28px}
.service{height:575px;background:#242328}
.service:nth-child(2){transform:translateY(48px)}
.service img{filter:brightness(.55) saturate(.7)}
.service.hair-tile img{filter:brightness(.55) saturate(.7);object-position:center}
.service-content{inset:auto 46px 50px}
.service-content .eyebrow{color:#ded2c2;font-size:10px}
.service h3{font-weight:500;font-size:clamp(70px,9vw,125px);line-height:1;letter-spacing:-.08em;margin:15px 0 18px}
.service p{font-size:12px;color:#e8e5df;line-height:2}
.service .arrow{padding-bottom:13px;margin-top:20px}
.quote-band{margin-top:55px;background:#d9d2c8;padding:115px 0}
.quote-band p{font-family:'Noto Sans JP',sans-serif;font-weight:500;line-height:1.95;font-size:clamp(24px,3.5vw,42px)}
.quote-band .btn{margin-top:24px}
.btn{letter-spacing:.08em;min-height:56px;transition:background .25s,transform .25s}
.btn:hover{transform:translateY(-3px)}
.subhero{min-height:560px;grid-template-columns:53% 47%}
.subhero .content{padding-top:90px;padding-bottom:90px;background:#141416}
.subhero .page-title{font-family:'Cormorant Garamond',serif;font-size:clamp(84px,10vw,145px);font-weight:500;line-height:.9;margin:20px 0 30px}
.subhero .content p{max-width:560px;font-size:13px;line-height:2.5;letter-spacing:.05em}
.subhero>img{filter:brightness(.65) saturate(.72)}
.subhero img.sub-logo{margin-top:23px;width:140px}
.subhero img.hair-logo{width:255px}
.footer{background:#111114;padding-top:76px}
.footer-grid{grid-template-columns:1.8fr 1fr 1fr}
.footer-logo{width:165px}
.cta-section{background:#242326;padding:110px 20px}
.cta-section h2{font-size:clamp(25px,3.2vw,39px);font-weight:500}
.cta-section .btn.line{border-radius:3px}
.feature{background:#e8e3da;border-color:#bfb8ad}
.paper{background:#e4dfd6}
.card-outline{border-color:#c8c1b7}
@media(max-width:800px){
  .header{height:64px}.nav{width:calc(100% - 36px)}.links{top:64px;background:#111114;border-color:#38383a}
  .hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:58px 26px 72px}
  .hero-copy .home-logo{width:205px;margin:26px 0 23px}
  .hero-copy h1 span{font-size:28px;line-height:1.55}.hero-copy p{font-size:12px;line-height:2.3}
  .hero-image{height:315px}.hero-image:after{right:28px;bottom:28px}
  .hero .actions{margin-top:30px}.hero .btn{flex:1;min-width:120px;padding:12px}
  .section{padding:80px 0}.section-head{margin-bottom:35px}.section-head h2{font-size:60px}
  .dual{gap:16px}.service{height:420px}.service:nth-child(2){transform:none}
  .service-content{inset:auto 27px 28px}.service h3{font-size:76px}
  .quote-band{margin-top:0;padding:75px 0}.quote-band p{font-size:25px}
  .subhero{min-height:0;display:flex;flex-direction:column}.subhero .content{padding:70px 27px}
  .subhero .page-title{font-size:91px}.subhero>img{height:280px}
  .subhero img.sub-logo{width:112px!important;height:auto!important;max-height:none!important;filter:none!important}
  .subhero img.hair-logo{width:190px!important}
  .cta-section{padding:75px 18px}.footer{padding-top:55px}
}