@font-face{font-family:"Cormorant Ph";src:url(../fonts/cormorant/normal-cyr.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant Ph";src:url(../fonts/cormorant/normal-lat.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Ph";src:url(../fonts/cormorant/italic-cyr.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant Ph";src:url(../fonts/cormorant/italic-lat.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Aesthetic trichology (department 15): the black first screen with the coloured hair from the philosophy page (owner, 2026-11-05). Loaded only on that page. */
.hh{--serif:"Cormorant Ph","Cormorant Garamond",Georgia,"Times New Roman",serif;--ease:cubic-bezier(.16,1,.3,1);--ph-top:90px;--ph-h:calc(100vh - var(--ph-top));position:relative;min-height:var(--ph-h);background:#000;color:#f4efe6;display:flex;flex-direction:column;overflow:hidden;overflow:clip}
@supports (height:100svh){.hh{--ph-h:calc(100svh - var(--ph-top))}}
.hh *{box-sizing:border-box}
.hh-hair{position:sticky;top:var(--ph-top);left:0;width:100%;flex:none;height:var(--ph-h);margin-bottom:calc(var(--ph-h) * -1);-webkit-mask-image:linear-gradient(96deg,transparent 30%,#000 62%);mask-image:linear-gradient(96deg,transparent 30%,#000 62%)}
.hh__in{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;padding-top:110px;padding-bottom:clamp(80px,9vw,140px)}
.hh h1{margin:0;padding:0;border:0;font-family:var(--serif);font-weight:300;font-size:clamp(40px,4.7vw,72px);line-height:1.06;letter-spacing:-.005em;text-transform:none;text-align:left;color:#f4efe6;max-width:11.5em;text-wrap:balance}
.hh__t{max-width:510px;margin:clamp(20px,2vw,30px) 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2vw,30px);line-height:1.26;text-wrap:pretty;letter-spacing:0;color:rgba(244,239,230,.92);text-shadow:0 0 14px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.6)}
.hh__t p{margin:0 0 .9em;text-wrap:pretty}
.hh__t p:last-child{margin-bottom:0}
.hh__t a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(244,239,230,.5)}
.hh__t a:hover{color:#fff;border-bottom-color:#fff}
@media (min-width:1200px){.hh__t{max-width:602px}}
.hh-js .hh-r{opacity:0;transform:translateY(22px);transition:opacity 1.5s ease var(--d,0s),transform 1.7s var(--ease) var(--d,0s)}
.hh-js .hh-r.in{opacity:1;transform:none}
@media (max-width:1199px){.hh{--ph-top:60px}}
@media (max-width:767px){
  .hh{--ph-top:49px}
  .hh-hair{position:absolute;top:0;left:0;right:0;margin:0;-webkit-mask-image:linear-gradient(180deg,#000 34%,rgba(0,0,0,.2) 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 34%,rgba(0,0,0,.2) 62%,transparent 100%)}
  .hh__in{justify-content:flex-start;padding-top:calc(var(--ph-h) * .47);padding-bottom:72px}
}
@media (min-width:1920px){.hh{--ph-top:112px}}
@media (prefers-reduced-motion:reduce){.hh-js .hh-r{opacity:1;transform:none;transition:none}}