/* Testata grande: dissolvenza legata allo scroll; il marchio piccolo nella barra compare quando la testata esce. */
.hr-mast{text-align:center;padding:clamp(40px,7vw,120px) 20px clamp(24px,3vw,48px);max-width:1720px;margin:0 auto;overflow:hidden}
.hr-mast-in{transform-origin:50% 0;will-change:transform,opacity}
.hr-mast-title{margin:0;font:700 clamp(52px,10vw,168px)/.95 var(--sys);letter-spacing:-.045em;color:var(--ink)}
.hr-mast-motto{margin:.5em 0 0;font:500 clamp(18px,2vw,30px)/1.3 var(--sys);letter-spacing:-.015em;color:var(--muted)}
/* marchio nella barra: nascosto finché la testata è visibile, ma sempre leggibile dai lettori di schermo e visibile al focus */
.hr .site-header .wordmark{opacity:var(--wm,0);transition:opacity .2s linear}
.hr .site-header .wordmark:focus-visible,.hr.wm-on .site-header .wordmark{opacity:1}
.hr.wm-js .site-header .wordmark{transition:none}
@media(min-width:861px){.hr-side{top:57px}}
@media(prefers-reduced-motion:reduce){.hr .site-header .wordmark{transition:none}.hr-mast-in{transform:none!important;opacity:1!important}}
/* v2 compatta: testata più bassa, hero più stretto in verticale */
.hr-mast{padding:clamp(20px,3.2vw,56px) 20px clamp(8px,1.2vw,20px)}
.hr-mast-title{font-size:clamp(46px,7vw,124px)}
.hr-mast-motto{margin-top:.3em;font-size:clamp(16px,1.5vw,24px)}
.hr-main{padding-top:20px}.hr-main .desk-label{margin-bottom:12px}
@media(min-width:1024px){.hr-hero-txt{padding:clamp(20px,2.4vw,40px)}.hr-hero-txt p{margin:.55em 0}.hr-hero h1{font-size:clamp(34px,3vw,56px)!important}}