/* PET PAVILION - IN RESIDENCE BRAND PAGE (/in-residence)
   Loads after luxury-collection.css, which supplies tokens, buttons,
   .tuscan-band and the .prod-card grid. Everything new is scoped to
   .ir-house-*, .ir-pillar* and .ir-showcase*.
   Tone rhythm: hero ivory / new collection cream / story ivory /
   collections cream / provenance charcoal / showcase ivory / visit stone. */

.ir-house .ir-preview-section{background:var(--cream)}

.ir-house-main{flex:1}

/* ---------- Hero ---------- */
.ir-house-hero{background:var(--ivory);padding:clamp(2.5rem,6vw,5.5rem) 0 clamp(3rem,6vw,5rem)}
.ir-house-hero__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2rem,5vw,4.5rem);align-items:end}
.ir-house-hero__logo{width:clamp(140px,14vw,190px);height:auto;margin:0 0 clamp(1.75rem,3vw,2.5rem)}
.ir-house-hero__title{font-size:clamp(2.1rem,1rem + 2.8vw,3.3rem);line-height:1.02;letter-spacing:-.025em;color:var(--charcoal);margin:0 0 1.5rem;max-width:none}
.ir-house-hero__title span{display:block}
@media (min-width:992px){.ir-house-hero__title span{white-space:nowrap}}
.ir-house-hero__sub{font-size:1.05rem;font-weight:300;line-height:1.75;color:#3d3c38;max-width:44ch;margin:0 0 2rem}
.ir-house-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.ir-house-hero__media{margin:0}
.ir-house-hero__media img{width:100%;display:block}
.ir-house-hero__media figcaption{font-size:.9rem;color:var(--mid-grey);margin-top:.75rem}

/* ---------- Story ---------- */
.ir-house-story{background:var(--ivory);padding:clamp(3.5rem,7vw,6.5rem) 0}
.ir-house-story__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.ir-house-story__media{margin:0;position:sticky;top:calc(var(--header-h) + 1.5rem)}
.ir-house-hero__media--plate{background:var(--stone);padding:clamp(1.5rem,4vw,3.5rem)}
.ir-house-hero__media--plate img{aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply;background:transparent}
.ir-house-hero__media--plate figcaption{margin-top:1rem}
.ir-house-story__media img{width:100%;aspect-ratio:6/5;object-fit:cover;object-position:50% 0}
.ir-house-story__media figcaption{font-size:.9rem;color:var(--mid-grey);margin-top:.75rem}
.ir-house-story__title{font-size:clamp(2rem,1.4rem + 2.4vw,3.2rem);line-height:1.08;letter-spacing:-.02em;color:var(--charcoal);margin:0 0 1.75rem;max-width:16ch}
.ir-house-story__copy p{font-size:1.02rem;line-height:1.8;color:#34332f;max-width:58ch;margin:0 0 1.25rem}
.ir-house-story__copy p:first-of-type{font-size:1.15rem;color:var(--charcoal)}
.ir-house-story__copy p:last-child{margin-bottom:0}

/* ---------- Collections (four pillars) ---------- */
.ir-pillars{background:var(--cream);padding:clamp(3.5rem,7vw,6rem) 0}
.ir-pillars__head{max-width:640px;margin:0 0 clamp(2rem,4vw,3rem)}
.ir-pillars__head .section-heading{margin-bottom:1rem}
.ir-pillars__head p{font-size:1rem;line-height:1.75;color:var(--mid-grey);margin:0}
.ir-pillars__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem)}
.ir-pillar{display:flex}
.ir-pillar__link,.ir-pillar__body{display:flex;flex-direction:column;width:100%;color:inherit}
.ir-pillar__media{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--stone);margin-bottom:1.1rem}
.ir-pillar__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ir-pillar__link:hover .ir-pillar__media img,.ir-pillar__link:focus-visible .ir-pillar__media img{transform:scale(1.03)}
.ir-pillar__media--paint{display:flex;align-items:flex-end;padding:1.25rem;transition:filter .35s ease}
.ir-pillar__media--olive{background:#596556}
.ir-pillar__media--stone{background:#b5a998}
.ir-pillar__media--blue{background:#66747a}
.ir-pillar__media--red{background:#875651}
.ir-pillar__plate{font-size:clamp(1.8rem,1.25rem + 1.6vw,2.85rem);line-height:1;letter-spacing:-.02em;color:#f3eee5}
.ir-pillar__link:hover .ir-pillar__media--paint,.ir-pillar__link:focus-visible .ir-pillar__media--paint{filter:brightness(1.06)}
.ir-pillar__status{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--mid-grey);margin-bottom:.4rem}
.ir-pillar__status::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--mid-grey);flex:none}
.ir-pillar__status--live{color:var(--sage)}
.ir-pillar__status--live::before{background:var(--sage);border-color:var(--sage)}
.ir-pillar__name{font-size:1.45rem;line-height:1.15;color:var(--charcoal);margin:0 0 .6rem}
.ir-pillar__desc{font-size:.95rem;line-height:1.65;color:#3d3c38;margin:0 0 1rem;flex:1}
.ir-pillar__cta{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem;font-weight:500;color:var(--charcoal);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;align-self:flex-start}
.ir-pillar__link:hover .ir-pillar__cta,a.ir-pillar__cta:hover{color:var(--sage)}
.ir-pillar__link:focus-visible,a.ir-pillar__cta:focus-visible{outline:2px solid var(--charcoal);outline-offset:4px}

/* ---------- Provenance band tweaks ---------- */
.ir-house-provenance{padding:clamp(3rem,6vw,4.5rem) 0}
.ir-house-provenance .tuscan-text h2{line-height:1.1}

/* ---------- Showcase ---------- */
.ir-showcase{background:var(--ivory)}
.ir-showcase__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ir-showcase__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2.25rem}
.ir-house-textlink{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem;font-weight:500;color:var(--charcoal);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.ir-house-textlink:hover{color:var(--sage)}

/* ---------- Visit ---------- */
.ir-house-visit{background:var(--stone);padding:clamp(3.5rem,7vw,5.5rem) 0}
.ir-house-visit__inner{max-width:620px}
.ir-house-visit__title{font-size:clamp(2rem,1.4rem + 2.2vw,3rem);line-height:1.08;letter-spacing:-.02em;color:var(--charcoal);margin:0 0 1rem}
.ir-house-visit__inner p{font-size:1.05rem;line-height:1.75;color:#34332f;margin:0 0 1.75rem;max-width:48ch}

/* ---------- Responsive ---------- */
@media (max-width:1199.98px){
  .ir-pillars__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.5rem}
}
@media (max-width:991.98px){
  .ir-house-hero__grid,.ir-house-story__grid{grid-template-columns:1fr}
  .ir-house-story__media{position:static;order:2}
  .ir-house-story__media img{aspect-ratio:3/2}
  .ir-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:575.98px){
  .ir-house-hero__actions .btn{width:100%}
  .ir-pillars__grid{grid-template-columns:1fr;row-gap:2.75rem}
  .ir-house-visit .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .ir-pillar__media img,.ir-pillar__media--paint{transition:none}
  .ir-pillar__link:hover .ir-pillar__media img{transform:none}
}