/* Use the site's available column, including when an owner panel is open. */
.hero[data-diva-hero-layout]{
 container-type:inline-size;display:flex!important;flex-direction:column;
 box-sizing:border-box;row-gap:var(--hero-row-gap);height:auto!important;min-height:100svh!important;max-height:none!important;
 padding:var(--hero-safe-top,180px) 0 0!important;
 --hero-edge:clamp(20px,4cqw,72px);--hero-row-gap:clamp(22px,3cqw,48px);
}
html body .hero[data-diva-hero-layout]>.hero-title{
 flex:none;width:100%;box-sizing:border-box;padding:0 var(--hero-edge)!important;margin:0!important;top:auto!important;
}
.hero[data-diva-hero-layout]>.hero-title>.eyebrow{max-width:100%;margin:0 auto 14px;white-space:normal;line-height:1.45;font-size:clamp(9px,1cqw,14px);letter-spacing:.28em}
.hero[data-diva-hero-layout]>.hero-title h1{max-width:100%;width:auto;margin:0 auto;overflow-wrap:anywhere;font-size:calc(clamp(58px,9cqw,158px) * var(--hero-type-scale,1))}
.hero[data-diva-hero-layout]>.hero-title h1>span{white-space:normal}
.hero[data-diva-hero-layout]>.hero-title>.script{max-width:100%;width:auto;margin:14px auto 0;line-height:1.04;font-size:calc(clamp(34px,7cqw,112px) * var(--hero-type-scale,1));overflow-wrap:anywhere}
.hero[data-diva-hero-layout].hero-katuna-sales>.hero-title h1>.katuna-sales-intro{font-size:calc(clamp(26px,min(6.2cqw,8svh),100px) * var(--hero-type-scale,1));white-space:normal;line-height:1.04}
.hero[data-diva-hero-layout].hero-katuna-sales>.hero-title h1>.katuna-sales-brand{font-size:calc(clamp(64px,min(12.5cqw,15svh),188px) * var(--hero-type-scale,1));line-height:.94;margin-top:4px}
.hero[data-diva-hero-layout].hero-katuna-sales>.hero-title h1>.katuna-sales-price{font-size:calc(clamp(52px,min(11.2cqw,14svh),168px) * var(--hero-type-scale,1));line-height:1;margin-top:4px}
.hero[data-diva-hero-layout].hero-katuna-sales>.hero-title>.katuna-sales-description{font-size:calc(clamp(23px,min(4.4cqw,5.8svh),68px) * var(--hero-type-scale,1));line-height:1.04;margin-top:16px}
.hero[data-diva-hero-layout]>.hero-line{
 flex:none;position:relative!important;inset:auto!important;box-sizing:border-box;
 width:calc(100% - 2*var(--hero-edge))!important;max-width:1600px!important;padding:0!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,min(54cqw,620px)) minmax(0,1fr)!important;
 align-items:center;column-gap:clamp(14px,2cqw,40px)!important;row-gap:22px!important;margin:auto auto 0!important;
}
.hero[data-diva-hero-layout]>.hero-line>span{grid-row:1!important;grid-column:auto!important;min-width:0;font-size:clamp(17px,2.3cqw,40px);line-height:1.08;overflow-wrap:normal}
.hero[data-diva-hero-layout]>.hero-line>span:first-child{text-align:left}
.hero[data-diva-hero-layout]>.hero-line>span:last-child{text-align:right}
.hero[data-diva-hero-layout] .hero-lead-form{
 position:relative!important;inset:auto!important;grid-column:2!important;grid-row:1!important;
 display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) minmax(0,1fr)!important;
 grid-template-rows:auto!important;align-items:start;width:100%!important;min-width:0;max-width:none!important;
 margin:0!important;padding:0!important;column-gap:clamp(10px,1.5cqw,22px)!important;row-gap:10px!important;
}
.hero[data-diva-hero-layout] .hero-lead-field,.hero[data-diva-hero-layout] .hero-lead-action{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:1!important;width:100%!important;min-width:0;padding:0!important}
.hero[data-diva-hero-layout] .hero-lead-heading{height:28px;gap:8px;min-width:0}
.hero[data-diva-hero-layout] .hero-lead-caption{font-size:clamp(8px,.85cqw,12px);letter-spacing:.14em}
.hero[data-diva-hero-layout] .hero-lead-rule{min-width:0}
.hero[data-diva-hero-layout] .hero-lead-field input,.hero[data-diva-hero-layout] .hero-lead-action button{width:100%!important;min-width:0;box-sizing:border-box;height:clamp(40px,4cqw,56px);font-size:clamp(10px,1.05cqw,15px);padding-inline:clamp(10px,1.4cqw,20px)}
.hero[data-diva-hero-layout] .hero-lead-action .hero-lead-heading{width:100%;padding:0;align-items:center}
.hero[data-diva-hero-layout] .hero-lead-consent{grid-column:1/-1!important;grid-row:auto!important;margin:0!important;font-size:clamp(9px,.85cqw,12px);line-height:1.4;min-width:0;white-space:normal}
.hero[data-diva-hero-layout] .hero-lead-status{position:static!important;inset:auto!important;grid-column:1/-1;margin:2px 0 0;white-space:normal;line-height:1.4}
.hero[data-diva-hero-layout]>.hero-footer{
 flex:none;position:relative!important;inset:auto!important;box-sizing:border-box;
 display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;
 width:calc(100% - 2*var(--hero-edge))!important;max-width:1600px;gap:24px;
 margin:0 auto clamp(38px,4cqw,64px)!important;padding-top:12px;
}
.hero[data-diva-hero-layout]>.hero-footer>p{width:auto!important;max-width:240px;min-width:0;font-size:clamp(12px,1.3cqw,19px);line-height:1.25;justify-self:start}
.hero[data-diva-hero-layout]>.hero-footer>div{width:auto!important;max-width:240px;min-width:0;justify-self:end;line-height:1.5}
.hero[data-diva-hero-layout]>.hero-footer>div>span{font-size:clamp(9px,1cqw,14px);letter-spacing:.12em;white-space:normal}
.hero[data-diva-hero-layout]>.hero-footer>.oval-cta,.hero[data-diva-hero-layout]>.hero-footer>.hero-cta-placeholder{width:clamp(128px,12cqw,180px);height:clamp(128px,12cqw,180px);justify-self:center;grid-column:2;grid-row:1;box-sizing:border-box;font-size:clamp(10px,1.1cqw,15px)}
.hero[data-diva-hero-layout]>.render-note{font-size:clamp(8px,.75cqw,11px);max-width:90%;text-align:center;line-height:1.3;bottom:10px}
@container (max-width:850px){
 .hero[data-diva-hero-layout]>.hero-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .hero[data-diva-hero-layout]>.hero-line>span{grid-row:1!important;font-size:clamp(17px,3cqw,26px)}
 .hero[data-diva-hero-layout]>.hero-line>span:first-child{grid-column:1!important}
 .hero[data-diva-hero-layout]>.hero-line>span:last-child{grid-column:2!important}
 .hero[data-diva-hero-layout] .hero-lead-form{grid-column:1/-1!important;grid-row:2!important;max-width:620px!important;justify-self:center}
}
@media(max-width:700px){
 .hero[data-diva-hero-layout]{--hero-safe-top:145px;--hero-edge:20px;--hero-row-gap:26px}
 .hero[data-diva-hero-layout]>.hero-title h1{font-size:clamp(48px,13cqw,90px);line-height:.97}
 .hero[data-diva-hero-layout]>.hero-title>.script{font-size:clamp(30px,9cqw,55px);line-height:1.05}
 .hero[data-diva-hero-layout].hero-katuna-sales>.hero-title h1>.katuna-sales-intro{font-size:clamp(23px,5.8cqw,38px)}
 .hero[data-diva-hero-layout].hero-katuna-sales>.hero-title h1>.katuna-sales-brand{font-size:clamp(70px,24cqw,138px)}
 .hero[data-diva-hero-layout].hero-katuna-sales>.hero-title h1>.katuna-sales-price{font-size:clamp(54px,17cqw,108px)}
 .hero[data-diva-hero-layout].hero-katuna-sales>.hero-title>.katuna-sales-description{font-size:clamp(20px,5.4cqw,36px)}
 .hero[data-diva-hero-layout] .hero-lead-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;row-gap:14px!important}
 .hero[data-diva-hero-layout] .hero-lead-action{grid-column:1/-1!important;grid-row:2!important;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center}
 .hero[data-diva-hero-layout] .hero-lead-action .hero-lead-heading{height:28px}
 .hero[data-diva-hero-layout] .hero-lead-action .hero-lead-rule{display:none}
 .hero[data-diva-hero-layout] .hero-lead-field input,.hero[data-diva-hero-layout] .hero-lead-action button{height:44px;font-size:12px}
 .hero[data-diva-hero-layout] .hero-lead-consent{grid-row:3!important;font-size:10px}
 .hero[data-diva-hero-layout]>.hero-footer{gap:12px;margin-bottom:38px!important}
 .hero[data-diva-hero-layout]>.hero-footer>p{font-size:11px}
 .hero[data-diva-hero-layout]>.hero-footer>div>span{font-size:9px;letter-spacing:.05em}
}

/* Keep every catalog plan inside its fixed frame; intrinsic image size must not grow the grid track. */
.apartments .lot-plan-art{min-width:0;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.apartments .lot-plan-art img{min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain!important;transform:none!important}

/* Architecture follows the available page column when the side panel is open. */
html:has(.hero[data-diva-hero-layout]) .architecture:has(> .architecture-grid){container:diva-architecture / inline-size}
html:has(.hero[data-diva-hero-layout]) .architecture-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
html:has(.hero[data-diva-hero-layout]) .architecture-grid > h2,
html:has(.hero[data-diva-hero-layout]) .architecture-grid > div{min-width:0;max-width:100%}
@container diva-architecture (max-width:760px){
 .architecture-grid{grid-template-columns:minmax(0,1fr)!important;gap:clamp(24px,5cqw,40px)}
 .architecture-grid > h2{font-size:clamp(28px,9cqw,72px)!important;overflow-wrap:normal}
 .architecture-grid > img{grid-column:1/-1}
}