html,body{overflow-x:clip!important}
.hf-intro{background:var(--single-ink);color:var(--single-paper);padding:clamp(7rem,13vw,14rem) 6vw clamp(5rem,9vw,9rem)}
.hf-label{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent);margin:0 0 2rem}
.hf-big{font-family:var(--serif);font-weight:400;font-size:clamp(3.2rem,8.4vw,9.5rem);line-height:.94;letter-spacing:-.01em;margin:0 0 clamp(3.5rem,7vw,7rem);max-width:12ch}
.hf-intro em,.hf-render em,.hf-scale em,.hf-site em,.hf-matter em{font-style:normal;color:var(--color-accent)}
.hf-cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(3rem,8vw,10rem);align-items:start}
.hf-cols>p{margin:0;font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.75;color:rgba(255,255,255,.72);max-width:40rem}
.hf-facts{margin:0;border-top:1px solid rgba(255,255,255,.16)}
.hf-facts div{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.1rem 0;border-bottom:1px solid rgba(255,255,255,.16)}
.hf-facts dt{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.hf-facts dd{margin:0;font-family:var(--serif);font-size:clamp(1.15rem,1.6vw,1.5rem);text-align:right}
.hf-h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,5vw,5.6rem);line-height:.98;margin:0}
.hf-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,8rem);align-items:end;padding:0 6vw clamp(3rem,5vw,5rem)}
.hf-head p:not(.hf-label){margin:0;line-height:1.8;max-width:34rem;opacity:.7}
.hf-render{background:#efe9df;color:#1a1916;padding:clamp(6rem,10vw,10rem) 0 0}
.hf-duo{display:grid;grid-template-columns:1fr 1fr}
.hf-duo figure,.hf-site figure,.hf-matter figure{position:relative;margin:0;overflow:hidden}
.hf-duo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.hf-duo figcaption,.hf-site figcaption,.hf-matter figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:3rem 1.3rem 1rem;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0));font-size:.72rem;letter-spacing:.06em;pointer-events:none}
.hf-scale{position:relative;background:#0e0d0c;color:#fff}
.hf-scale-pin{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);padding-top:4.5rem;box-sizing:border-box;overflow:hidden}
.hf-scale-text{align-self:center;padding:3rem clamp(2rem,6vw,7rem)}
.hf-scale-text h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,4vw,4.4rem);line-height:1;margin:0 0 1.6rem}
.hf-scale-text>p:not(.hf-label){margin:0 0 2.5rem;line-height:1.8;max-width:28rem;color:rgba(255,255,255,.66)}
.hf-meter{display:flex;align-items:baseline;gap:.8rem;font-family:var(--serif)}
.hf-meter b{font-weight:400;font-size:clamp(5rem,10vw,10rem);line-height:.9;color:transparent;-webkit-text-stroke:1px var(--color-accent);font-variant-numeric:tabular-nums}
.hf-meter span{font-size:1.4rem;color:rgba(255,255,255,.55)}
.hf-scale-stage{position:relative;overflow:hidden}
.hf-scale-stage img{position:absolute;left:0;top:0;width:100%;height:auto;will-change:transform}
.hf-ruler{position:absolute;right:1.2rem;top:8%;bottom:8%;width:1px;background:rgba(255,255,255,.25)}
.hf-ruler i{position:absolute;left:0;bottom:0;width:1px;height:0;background:var(--color-accent)}
.hf-site{background:var(--single-ink);color:var(--single-paper);padding:clamp(6rem,10vw,10rem) 0 0}
.hf-site-grid{display:grid;grid-template-columns:8fr 4fr}
.hf-site-grid img{display:block;width:100%;height:100%;object-fit:cover}
.hf-site-grid figure:first-child img{aspect-ratio:4/3}
.hf-matter{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);background:#efe9df;color:#1a1916}
.hf-matter-text{align-self:center;padding:clamp(4rem,8vw,8rem) clamp(2rem,6vw,7rem)}
.hf-matter-text h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,4vw,4.4rem);line-height:1;margin:0 0 1.6rem}
.hf-matter-text p:not(.hf-label){margin:0;line-height:1.8;max-width:30rem;opacity:.72}
.hf-matter-media{display:grid;grid-template-columns:1fr 1fr}
.hf-matter-media img{display:block;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}
.single-project-haifa .project-materials{margin-top:0}
@media(max-width:900px){.hf-intro{padding:6rem 1.2rem 4rem}.hf-cols,.hf-head,.hf-matter,.hf-site-grid{grid-template-columns:minmax(0,1fr)}.hf-head{padding:0 1.2rem 2.5rem}.hf-duo{grid-template-columns:1fr}.hf-scale-pin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;padding-top:4rem}.hf-scale-text{padding:1.5rem 1.2rem}.hf-scale-text>p:not(.hf-label){display:none}.hf-scale-text h2{font-size:2rem;margin-bottom:.6rem}.hf-meter b{font-size:3.6rem}.hf-matter-text{padding:4rem 1.2rem}}
.cala-big,.lb-big,.ei-big,.hf-big{font:400 clamp(3.7rem,7.2vw,8.5rem)/.91 var(--serif)!important;letter-spacing:-.045em!important}
.ei-h2,.hf-h2,.lb-compare-head h2,.lb-film-head h2,.lb-wall h2,.cala-ch h3,.ei-flip-text h2,.hf-scale-text h2,.hf-matter-text h2,.brand-case-page .case-comparison .display,.brand-motivi .motivi-opening-copy h2{font-family:var(--serif)!important;font-weight:400!important;font-size:clamp(2.6rem,4.6vw,5.2rem)!important;line-height:.95!important;letter-spacing:-.04em!important}
.cala-epilogue-hero h2,.ei-end h2,.lb-sala-hero h2{font-family:var(--serif)!important;font-weight:400!important;font-size:clamp(3rem,6.5vw,7.5rem)!important;line-height:.92!important;letter-spacing:-.045em!important}
.single-project-page .project-cinematic-copy h2{font-weight:400!important}
.cala-big em,.lb-big em,.ei-big em,.hf-big em,.ei-h2 em,.hf-h2 em,.cala-ch h3 em,.lb-sala-hero h2 em{font-style:normal}
@media(max-width:900px){.cala-big,.lb-big,.ei-big,.hf-big{font-size:clamp(2.8rem,11vw,4.4rem)!important}.ei-h2,.hf-h2,.lb-compare-head h2,.lb-film-head h2,.lb-wall h2,.cala-ch h3,.ei-flip-text h2,.hf-scale-text h2,.hf-matter-text h2,.brand-case-page .case-comparison .display,.brand-motivi .motivi-opening-copy h2{font-size:clamp(2.1rem,8.5vw,3.2rem)!important}.cala-epilogue-hero h2,.ei-end h2,.lb-sala-hero h2{font-size:clamp(2.4rem,10vw,3.6rem)!important}}
