/* Homepage banner logo: black ink on transparent, ivory ground only. */
#main .stage--arrival .herotitle{display:block;width:100%;max-width:none;aspect-ratio:auto}
#main .stage--arrival .herotitle__inner{max-width:none;width:100%;text-align:center}
#main .stage--arrival{padding-block:clamp(1.6rem,3vw,2.6rem) clamp(1.2rem,2vw,1.8rem)}
#main .ed-lockup.ed-lockup--logo{width:82%;max-width:1080px;margin:0 auto clamp(1rem,1.6vw,1.4rem)}
#main .ed-lockup--logo{display:flex;flex-direction:column;align-items:center}
#main .ed-lockup--logo .ed-banner__orn{width:62%;height:auto;display:block}
#main .ed-banner__name{display:block;font-family:var(--font-heading);font-weight:400;text-transform:uppercase;
  font-size:clamp(1.35rem,3.3vw,3rem);letter-spacing:.16em;line-height:1;color:#0a0808;white-space:nowrap;
  margin:clamp(.5rem,.9vw,.8rem) 0 clamp(.45rem,.8vw,.7rem);padding-left:.16em}
#main .ed-lockup--logo .orn-underwordmark{display:none}
#main .stage--arrival .hero__line{font-size:clamp(1.25rem,1.9vw,1.7rem);line-height:1.3;letter-spacing:0;
  max-width:52ch;margin:0 auto .45rem;text-wrap:balance}
#main .stage--arrival .quiet{margin:0 auto;text-align:center}
@media (max-width:640px){
  #main .stage--arrival{padding-block:1.4rem 1.1rem}
  #main .ed-lockup.ed-lockup--logo{width:94%;margin-bottom:.9rem}
  #main .ed-lockup--logo .ed-banner__orn{width:94%}
  #main .ed-banner__name{font-size:clamp(1rem,5.2vw,1.35rem);letter-spacing:.12em;padding-left:.12em}
  #main .stage--arrival .hero__line{font-size:1.12rem;max-width:26ch}
}

/* Visitor-facing classification (home does not load avila-study.css) */
#main .tclass{display:inline-block;font-family:var(--font-label);font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;line-height:1.5;padding:.3rem .62rem;border:1px solid #0a0808;color:#0a0808}
#main .ed-class{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;align-items:baseline;margin:.9rem 0 0;max-width:68ch}
#main .ed-class p{margin:0;font-size:.82rem;color:var(--ink-soft)}
.cx-classwrap{padding-block:0 clamp(2.4rem,5vw,4rem)}

/* Concept imagery grid */
.cx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.4rem,2.6vw,2.4rem);
  margin-top:clamp(2rem,4vw,3.2rem);align-items:end}
.cx-fig{margin:0}
.cx-fig picture{display:block;overflow:hidden;background:#0a0808}
.cx-fig img{display:block;width:100%;height:100%;object-fit:cover}
.cx-fig h3{font-family:var(--font-label);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:400;margin:.95rem 0 0}
.cx-fig .ed-class{margin-top:.55rem}
.cx-fig--living{grid-column:1 / span 8}
.cx-fig--living picture{aspect-ratio:1402/1122}
.cx-fig--living img{object-position:50% 50%}
.cx-fig--salon{grid-column:9 / span 4}
.cx-fig--salon picture{aspect-ratio:4/5}
.cx-fig--salon img{object-position:42% 50%}
.cx-fig--suite{grid-column:1 / -1;margin-top:clamp(1rem,3vw,2.4rem)}
.cx-fig--suite picture{aspect-ratio:2.1/1}
.cx-fig--suite img{object-position:50% 58%}

/* Bleed crops */
.ed-shot--cx-evening img{object-position:52% 44%}
.ed-shot--cx-desk img{object-position:52% 58%}

@media (max-width:859px){
  .cx-grid{grid-template-columns:minmax(0,1fr)}
  .cx-fig--living,.cx-fig--salon,.cx-fig--suite{grid-column:1 / -1;margin-top:0}
  .cx-fig--living picture{aspect-ratio:4/5}
  .cx-fig--living img{object-position:44% 50%}
  .cx-fig--salon picture{aspect-ratio:4/5}
  .cx-fig--salon img{object-position:40% 50%}
  .cx-fig--suite picture{aspect-ratio:1402/1122}
  .ed-shot--cx-evening img{object-position:56% 50%}
  .ed-shot--cx-desk img{object-position:56% 50%}
}