/* BergHOFF reading hierarchy. Display font is bound only to an actual supplied font. */
@font-face{font-family:DINPro;src:url('fonts/cc3df8492df1-DINPro-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DINPro;src:url('fonts/aac23dcb23b2-DINPro-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:DINPro;src:url('fonts/a253fe1a0e4d-DINPro-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:FSAlbert;src:url('fonts/fsalbert-regular-330f1f00e2a5.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:FSAlbert;src:url('fonts/fsalbert-bold-d076219f467b.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
:root{--bh-body-font:DINPro,Arial,sans-serif;--bh-display-font:FSAlbert,DINPro,Arial,sans-serif;font-family:var(--bh-body-font);font-synthesis:none}
body,button,input,select,textarea{font-family:var(--bh-body-font)}
html body[data-product][data-opening] :is(h1,h2,h3,h4),html body[data-product][data-opening] :is(h1,h2,h3,h4) em{font-family:var(--bh-display-font);font-style:normal;font-weight:700;letter-spacing:-.025em;line-height:1.14}
html body[data-product][data-opening] .hero h1{font-size:clamp(56px,6.2vw,100px);line-height:1.04;letter-spacing:-.03em}
html body[data-product][data-opening] h2{font-size:clamp(36px,4.6vw,68px)}
html body[data-product][data-opening] .hero-identity em,html body[data-product][data-opening] .learning-map b,html body[data-product][data-opening] .dimension-facts strong,html body[data-product][data-opening] .creator-workspace input{font-family:var(--bh-display-font);font-style:normal;letter-spacing:-.02em}
html body[data-product][data-opening] :is(.use-result-copy,.guide-panels,.benefit,.ug-copy,.chef-copy) h3{font-size:clamp(27px,2.7vw,38px)}
html body[data-product][data-opening] .affiliate-learning h3{font-size:clamp(30px,3.8vw,52px)}
html body[data-product][data-opening] .angle-heading h3{font-size:clamp(27px,2.8vw,38px)}
html body[data-product][data-opening] .use-result-copy p,html body[data-product][data-opening] .guide-panels p,html body[data-product][data-opening] .benefit>p{font-size:16px;line-height:1.75}
html body[data-product][data-opening] .scene-copy>p{font-size:15px;line-height:1.75}
html body[data-product][data-opening] .dialog-heading h2{font-size:clamp(28px,3vw,40px)}
html body[data-product][data-opening] .specifications{font-size:14px;line-height:1.7}
@media(min-width:901px){html body[data-product][data-opening="ridge-gallery"] .hero h1,html body[data-product][data-opening="urban-product-left"] .hero h1{font-size:clamp(40px,4.8vw,80px)}}
@media(max-width:900px){html body[data-product][data-opening] .hero h1{font-size:clamp(42px,7.2vw,68px)}html body[data-product][data-opening] h2{font-size:clamp(34px,5.4vw,52px)}}
@media(max-width:600px){html body[data-product][data-opening] .hero h1{font-size:clamp(36px,10.5vw,49px);line-height:1.06}html body[data-product][data-opening] h2{font-size:clamp(31px,8.3vw,42px)}html body[data-product][data-opening] :is(.use-result-copy,.guide-panels,.benefit,.ug-copy,.chef-copy) h3{font-size:28px}html body[data-product][data-opening] .affiliate-learning h3{font-size:31px}html body[data-product][data-opening] .angle-heading h3{font-size:27px}html body[data-product][data-opening] .hero-copy>p{font-size:16px;line-height:1.65}html body[data-product][data-opening] .cooking-disclosure{font-size:13px!important}}