/* Opt-in native V3 feature composition only; no generic card or homepage rules.
   Layout, photo sizes and object positions come from editable native controls. */
.dillon-features-bento { text-align:left; }
.dillon-features-bento .dillon-features-intro { text-align:center; }
.dillon-features-bento .dillon-features-intro .dillon-features-intro-copy { text-align:center; }
.dillon-features-bento .dillon-features-intro .dillon-features-intro-copy p { max-width:38rem; margin-inline:auto; text-align:center; text-wrap:balance; }
.dillon-features-bento .dillon-features-grid { min-width:0; width:100%; align-items:stretch; }
.dillon-features-bento .dillon-feature-tile { min-width:0; height:auto; max-width:100%; }
.dillon-features-bento .dillon-feature-content { min-width:0; max-width:100%; height:auto; justify-content:flex-start; }
.dillon-features-bento .dillon-interior-heading :is(h2,h3) { text-wrap:balance; }
.dillon-features-bento .dillon-interior-copy { text-wrap:pretty; overflow-wrap:anywhere; }
.dillon-features-bento .dillon-feature-icon { flex-shrink:0; align-self:flex-start; }
.dillon-features-bento .dillon-feature-icon img { aspect-ratio:1; }
.dillon-features-bento .dillon-feature-glass .dillon-feature-icon img { filter:brightness(0) invert(1); }
.dillon-features-bento .dillon-feature-photo { min-width:0; max-width:100%; align-self:stretch; margin:0; }
.dillon-features-bento .dillon-feature-photo img { display:block; width:100%; }
.dillon-features-bento .dillon-feature-1 > .dillon-feature-content { grid-area:1 / 1 / 2 / 2; }
.dillon-features-bento .dillon-feature-tile.dillon-feature-1 { position:relative; min-height:var(--dillon-feature-photo-height,480px); align-content:stretch; }
.dillon-features-bento .dillon-feature-tile.dillon-feature-1 > .dillon-feature-photo {
  position:absolute; inset:0; min-height:0; height:100%; width:100%;
  align-self:stretch; margin:0; margin-block:0; padding:0; border-radius:inherit;
}
.dillon-features-bento .dillon-feature-tile.dillon-feature-1 > .dillon-feature-photo img { position:absolute; inset:0; height:100%; border-radius:inherit; }
.dillon-features-bento .dillon-feature-1 > .dillon-feature-content { align-self:end; justify-self:stretch; width:auto; z-index:1; }
.dillon-features-bento .dillon-feature-glass {
  -webkit-backdrop-filter:blur(18px) saturate(125%); backdrop-filter:blur(18px) saturate(125%);
  background-image:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0));
}
.dillon-features-bento .dillon-feature-2 > .dillon-feature-photo img { border-radius:15px 0 0 15px; }
@media(min-width:768px) and (max-width:1024px) {
  .dillon-features-bento .dillon-feature-tile.dillon-feature-1 { min-height:var(--dillon-feature-photo-height-tablet,var(--dillon-feature-photo-height,420px)); }
}
/* Grow only the photograph, never constrain editable text to a fixed height. */
@media(min-width:768px) {
  .dillon-features-bento .dillon-feature-2 > .dillon-feature-photo { position:relative; }
  .dillon-features-bento .dillon-feature-tile.dillon-feature-2 > .dillon-feature-photo img { position:absolute; inset:0; height:100%; min-height:100%; }
}
@media(max-width:767px) {
  .dillon-features-bento .dillon-feature-tile.dillon-feature-1 { min-height:var(--dillon-feature-photo-height-mobile,var(--dillon-feature-photo-height,400px)); }
  .dillon-features-bento .dillon-feature-2 > .dillon-feature-photo img { border-radius:15px 15px 0 0; }
}