/* An edge-to-edge spatial film, followed by the complete statement below it. */
.hero.living-hero{position:relative;display:block;min-height:0;height:auto;max-height:none;aspect-ratio:auto;background:#eeeee8;color:#26332d;overflow:hidden;isolation:isolate}
.hero.living-hero:after{display:none}
.living-film{position:relative}
.living-pause{position:absolute;inset-inline-end:12px;bottom:4px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#5e685d;opacity:.65}
.living-pause:hover,.living-pause:focus-visible{opacity:1;background:#eeeee8b3}
.living-pause .ui-icon{width:14px;height:14px}
.living-pause[hidden]{display:none}
.living-scene{position:relative;inset:auto;width:100%;height:clamp(220px,22vw,350px);overflow:hidden}
.living-scene canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .3s}
.scene-ready .living-scene canvas{opacity:1}
.living-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .3s}
.scene-ready .living-poster{opacity:0}
.living-copy{position:relative;z-index:2;padding:16px var(--gutter) 30px;margin:auto;text-align:center;max-width:1050px}
.living-hero .hero-kicker{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#58675a;margin:0 0 10px;line-height:1.8}
.living-hero h1{font-size:clamp(43px,4.4vw,67px);font-weight:400;line-height:1.1;letter-spacing:-.055em;white-space:normal}
.living-hero h1 br{display:none}
.living-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}
.living-intro{max-width:680px;margin:13px auto 0;font-size:12px;line-height:1.85;color:#59655a;text-wrap:pretty}
html[lang=fa] .living-hero h1{font-family:Vazirmatn,sans-serif;font-size:clamp(41px,4.2vw,65px);letter-spacing:-.025em;line-height:1.3}
html[lang=fa] .living-hero h1 em{font:inherit}
html[lang=fa] .living-hero .hero-kicker{letter-spacing:0}
@media(max-width:680px){
 .living-scene{height:190px}
 .living-copy{padding:15px var(--gutter) 25px}
 .living-hero .hero-kicker{font-size:8px;margin-bottom:9px;letter-spacing:.08em}
 .living-hero h1{font-size:clamp(38px,10vw,55px)}
 html[lang=fa] .living-hero h1{font-size:clamp(37px,10vw,53px)}
 .living-intro{font-size:11px;line-height:1.85;max-width:400px;margin-top:10px}
}
@media(max-width:370px){.living-scene{height:170px}}
@media(prefers-reduced-motion:reduce){.living-scene canvas,.living-poster{transition:none}}
.living-hero:not(.scene-ready) [data-living-pause]{visibility:hidden}