/* DDL landing pages: large format, outdoor porcelain, project consultation, St Albans. Mobile first: base = phones, min-width = desktop.
   Own hero rules, so these pages no longer borrow the marble page's styling or its background photos. */
.lf-page .marble-hero{position:relative;overflow:hidden;display:block;min-height:auto!important;padding:0!important;background:#170f0a!important}
.lf-page .marble-hero::before,.lf-page .marble-hero::after{display:none!important}
.lf-page .marble-hero-bg{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:0!important;box-shadow:none!important;margin:0}
.lf-page .lf-hero-bath{object-position:62% 72%}
.lf-page .lf-hero-living{object-position:45% 50%}
.lf-page .lf-hero-terrace{object-position:30% 60%}
.lf-page .lf-hero-floor{object-position:70% 60%}
.lf-page .lf-plan img{aspect-ratio:16/9;height:auto!important;object-fit:contain;background:#fff;width:100%}
.lf-page .marble-hero-overlay{display:none}
.lf-page .marble-hero .container.marble-hero-inner{position:relative;z-index:2;width:min(100% - 44px,1460px);margin-inline:auto}
.lf-page .marble-hero-copy{padding:28px 0 44px}
.lf-page .marble-hero-copy h1{color:#fffaf1;font-size:min(12vw,58px);line-height:1.04;letter-spacing:-.037em;max-width:none;text-wrap:balance}
.lf-page .marble-hero-copy .lead{color:rgba(255,251,244,.88)}
.lf-page .split > .panel-img,.lf-page .lf-crop-slide img{aspect-ratio:3/2;height:auto!important;min-height:0!important;width:100%;object-fit:cover;align-self:center}
.lf-page .lf-crop-slide img{object-position:100% 45%}
.lf-page .tableish a{color:#8e5e42!important;-webkit-text-fill-color:#8e5e42;font-weight:600}
.lf-page p a:not(.button){color:#8e5e42;text-decoration-thickness:1px;text-underline-offset:3px}
.lf-page .tableish .rowish{display:grid;grid-template-columns:1fr;gap:2px;padding:14px 18px!important}
.lf-page .tableish .rowish > div:first-child{font-weight:600}
.ddl-faq details{border-bottom:1px solid rgba(33,26,22,.15);padding:18px 0}
.ddl-faq summary{cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none}
.ddl-faq summary::-webkit-details-marker{display:none}
.ddl-faq summary::after{content:"+";float:right;font-weight:400}
.ddl-faq details[open] summary::after{content:"-"}
.ddl-faq p{margin:10px 0 0}
@media (min-width:761px){
  .lf-page .marble-hero{display:flex;align-items:center;min-height:100svh!important}
  .lf-page .marble-hero-bg{position:absolute;inset:0;z-index:0;height:100%;aspect-ratio:auto}
  .lf-page .lf-hero-bath{object-position:60% center}
  .lf-page .lf-hero-living{object-position:center}
  .lf-page .lf-hero-terrace{object-position:center}
  .lf-page .lf-hero-floor{object-position:60% center}
  .lf-page .marble-hero-overlay{display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(101deg,rgba(15,9,6,.93) 0%,rgba(17,10,7,.76) 40%,rgba(17,10,7,.32) 76%,rgba(17,10,7,.10) 100%)}
  .lf-page .marble-hero .container.marble-hero-inner{width:min(1460px,calc(100% - 112px))}
  .lf-page .marble-hero-copy{max-width:820px;padding:clamp(104px,15vh,168px) 0 clamp(30px,5vh,64px)}
  .lf-page .marble-hero-copy h1{font-size:clamp(64px,6.8vw,98px);line-height:1.02;max-width:820px;text-wrap:wrap}
  .lf-page .marble-hero-copy .lead{max-width:640px}
  .lf-page .tableish{grid-template-columns:1fr}
  .lf-page .tableish .rowish{grid-template-columns:170px 1fr;gap:24px;align-items:start;padding:18px 24px!important}
}