.hw-page{--hw-paper:#f7f3ed;--hw-ink:#26372f;--hw-clay:#824633;background:var(--hw-paper);color:var(--hw-ink)}
.hw-page *{box-sizing:border-box}.hw-page h1,.hw-page h2,.hw-page h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.05}.hw-page h1{font-size:clamp(44px,5.8vw,88px);margin:24px 0}.hw-page h2{font-size:clamp(36px,4.4vw,62px);margin:18px 0 34px}.hw-page p{line-height:1.75}.hw-page em{color:var(--hw-clay);font-weight:400}.hw-kicker{font-size:11px;letter-spacing:.18em;font-weight:600}.hw-hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:650px}.hw-hero>div{padding:100px 8vw 80px}.hw-hero>img{width:100%;height:100%;max-height:800px;object-fit:cover}.hw-hero p:not(.hw-kicker){max-width:480px}.hw-button{display:inline-block;padding:18px 24px;background:var(--hw-ink);color:white!important;text-decoration:none;font-size:14px;line-height:1.5;margin-top:24px}.hw-button:hover{background:#394c41}.hw-link{display:block;margin-top:22px;color:inherit}.hw-intro,.hw-paths,.hw-journey,.hw-cta{padding:80px 8vw}.hw-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:10%}.hw-intro>.hw-kicker{grid-column:1/-1}.hw-intro h2{margin-top:0}.hw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #26372f33;border-left:1px solid #26372f33}.hw-path{padding:42px;border-right:1px solid #26372f33;border-bottom:1px solid #26372f33;display:flex;flex-direction:column}.hw-path:nth-child(2),.hw-path:nth-child(3){background:#e9e3da}.hw-number{font:italic 20px Georgia,serif;color:var(--hw-clay)}.hw-path h3{font-size:58px;margin:28px 0 12px}.hw-path h4{font-size:17px;margin:0 0 18px}.hw-gestures{font-size:12px;letter-spacing:.04em;margin-top:auto;padding-top:26px}.hw-path a{color:inherit;font-size:14px;text-underline-offset:5px}.hw-caption{font-size:13px;max-width:760px}.hw-journey{background:var(--hw-ink);color:var(--hw-paper)}.hw-journey ol{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding-left:22px}.hw-journey strong{font-size:20px;font-weight:400}.hw-cta{text-align:center}.hw-cta>p{max-width:660px;margin-left:auto;margin-right:auto}.hw-disclaimer{padding:0 8vw 48px;font-size:12px;max-width:1100px;margin:0 auto}.hw-page a:focus-visible{outline:3px solid #b67556;outline-offset:5px}@media(max-width:760px){.hw-hero,.hw-intro,.hw-grid,.hw-journey ol{grid-template-columns:1fr}.hw-hero>div{padding:60px 7vw}.hw-hero>img{height:300px}.hw-intro,.hw-paths,.hw-journey,.hw-cta{padding:52px 7vw}.hw-path{padding:30px}.hw-path:nth-child(3){background:transparent}.hw-path:nth-child(4){background:#e9e3da}.hw-journey ol{gap:20px}.hw-button{width:100%;text-align:center}}

/* Hair Wellness: allineamento alle pagine del sito e banner fotografico. */
.hw-page{width:100%;max-width:100%;overflow-x:clip}
.hw-hero{position:relative;isolation:isolate;display:block;min-height:530px;overflow:hidden;background:#26372f;color:#fff}
.hw-hero>img{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 48%}
.hw-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,20,16,.85),rgba(12,20,16,.62) 45%,rgba(12,20,16,.18))}
.hw-hero>div{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:85px 0 65px}
.hw-page .hw-hero h1{font-size:clamp(42px,5.5vw,76px);max-width:950px;color:#fff;margin:20px 0}
.hw-page .hw-hero em{color:#ead2c1}.hw-hero p:not(.hw-kicker){max-width:580px;color:#f7f3ed}.hw-hero .hw-kicker{color:#ead2c1}.hw-hero .hw-button{background:#f7f3ed;color:#26372f!important}.hw-hero .hw-link{color:#fff;font-size:13px}
.hw-intro,.hw-paths,.hw-cta{width:min(1160px,calc(100% - 48px));margin-inline:auto;padding:70px 0}
.hw-journey{width:min(1240px,calc(100% - 48px));margin-inline:auto;padding:65px 40px}
.hw-disclaimer{width:min(1160px,calc(100% - 48px));max-width:none;padding:0 0 48px}
.hw-path{min-width:0}.hw-page h2{font-size:clamp(34px,4vw,56px)}
@media(max-width:760px){.hw-hero{min-height:510px}.hw-hero>div{padding:64px 0 48px}.hw-hero>img{height:100%}.hw-intro,.hw-paths,.hw-cta{padding:48px 0}.hw-journey{padding:42px 24px}.hw-hero .hw-button{width:auto}.hw-hero h1 br{display:none}.hw-hero:after{background:rgba(12,20,16,.65)}}
