/* estal: document chrome only. Block composition lives in site-pack-*.css. */
@layer site-theme {
  [data-site-pack=estal] { --page-gutter:clamp(24px,4.2vw,60px); --header-height:100px; --chrome-radius:99px; --brand-font:var(--site-heading-font); --brand-size:26px; --brand-weight:500; --brand-tracking:0;
--footer-background:var(--site-background); --footer-text:var(--site-text); --footer-rule:1px solid color-mix(in srgb,var(--site-text),transparent 85%); --footer-padding:32px; --footer-inset:0px; --footer-brand-size:18px; }
  @media(max-width:700px) { [data-site-pack=estal] { --page-gutter:16px; } }
  /* Overlay requires the photographic hero; mixed text-first heroes keep readable chrome. */
  .broker-site.has-estal-hero[data-site-pack=estal], .property-site[data-site-pack=estal][data-hero-layout=estal] {
    --hero-bleed:var(--page-gutter); --header-position:absolute; --header-inset:var(--page-gutter);
    --header-background:transparent; --header-text:#ffffff;
    --chrome-button-background:#ffffff18; --chrome-button-text:#ffffff; --chrome-button-border:1px solid #ffffffa0;
  }
  .property-site[data-site-pack=estal][data-hero-layout=estal] > [data-site-header=pack]:not([data-sticky=true]) { width:100%; }
  @media(max-width:700px) {
    [data-site-pack=estal] .broker-site-hero.layout-estal,
    [data-site-pack=estal] .site-hero.layout-estal { padding-top:160px; }
  }
}