/* Intensive Desires / responsive illustration framing.
   Keep the complete premium artwork visible WITH breathing room, not edge-to-edge.
   Image dimensions are independent of the original 320/640 source pixels.
   This sheet loads after /styles.css on every marketing route. */
.id-artwork{
  display:block;
  box-sizing:border-box;
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
  flex-shrink:0;
  filter:drop-shadow(0 12px 24px rgba(8,5,15,.3));
}

/* Chapter-landing sigils: refined visual accent, never a giant heading graphic. */
.teaser-sigil.has-id-artwork{
  display:block;
  width:min(185px,34vw);
  max-width:calc(100% - 2rem);
  height:auto;
  margin:0 auto 1.15rem;
  font-size:0;
  line-height:0;
}
.teaser-sigil.has-id-artwork .id-artwork--hero{
  width:100%;
  height:auto;
  max-height:185px;
  margin:0 auto;
}

/* The three homepage chapter covers have dedicated visual frames.
   The art should occupy at most about 70% of the frame in either direction. */
.chapter-art.has-id-artwork{
  box-sizing:border-box;
  padding:18px;
  background:radial-gradient(ellipse at 50% 60%,rgba(110,58,88,.14),transparent 64%);
}
.chapter-art.has-id-artwork::before,
.chapter-art.has-id-artwork::after,
.chapter-art.has-id-artwork .art-light{display:none}
.chapter-art.has-id-artwork .id-artwork--chapter{
  width:min(72%,245px);
  height:min(72%,255px);
  max-width:100%;
  max-height:100%;
  margin:auto;
  object-fit:contain;
  transition:transform .45s ease,filter .45s ease;
}
.chapter:hover .id-artwork--chapter{
  transform:translateY(-3px) scale(1.015);
  filter:drop-shadow(0 16px 24px rgba(8,5,15,.35));
}

/* Section illustrations: cap intrinsic 640px graphics at editorial sizes. */
.id-artwork--dimensions{
  width:min(240px,65%);
  max-height:240px;
  margin:1.6rem auto .3rem;
}
.door-link .id-artwork--door{
  width:70px;
  height:70px;
  max-width:100%;
  max-height:70px;
  margin:0 0 .35rem;
  object-fit:contain;
}
.invitation-frame .id-artwork--join{
  width:min(108px,30%);
  max-height:108px;
  margin:0 auto .85rem;
}
.invitation-frame.has-id-artwork .invitation-ornament{display:none}
.privacy-shell .id-artwork--privacy{
  width:min(126px,34vw);
  max-height:126px;
  margin:0 auto 1.2rem;
}
.id-artwork--atelier{
  width:min(112px,34vw);
  max-height:112px;
  margin:.65rem auto 1.15rem;
}
.manifesto-grid .id-artwork--manifesto{
  width:min(132px,40%);
  max-height:132px;
  margin:0 0 1.2rem;
}
.id-artwork--discovery{
  width:min(78px,21vw);
  max-height:78px;
  margin:.35rem 0 .75rem;
}

/* Laptop/tablet layouts have less height inside each chapter card. */
@media (max-width:1000px){
  .chapter-art.has-id-artwork{padding:15px}
  .chapter-art.has-id-artwork .id-artwork--chapter{
    width:min(68%,205px);
    height:min(69%,205px);
  }
  .door-link .id-artwork--door{width:62px;height:62px;max-height:62px}
}
@media (max-width:700px){
  .teaser-sigil.has-id-artwork{
    width:min(145px,38vw);
    margin-bottom:.9rem;
  }
  .teaser-sigil.has-id-artwork .id-artwork--hero{max-height:145px}
  .chapter-art.has-id-artwork{padding:12px}
  .chapter-art.has-id-artwork .id-artwork--chapter{
    width:min(66%,170px);
    height:min(68%,170px);
  }
  .id-artwork--dimensions{width:min(190px,53%);max-height:190px;margin:1.2rem auto 0}
  .door-link .id-artwork--door{width:58px;height:58px;max-height:58px}
  .invitation-frame .id-artwork--join{width:88px;max-height:88px}
  .privacy-shell .id-artwork--privacy{width:105px;max-height:105px}
  .id-artwork--atelier{width:90px;max-height:90px}
  .manifesto-grid .id-artwork--manifesto{width:105px;max-height:105px;margin:0 auto 1.15rem}
  .id-artwork--discovery{width:65px;max-height:65px}
}
@media (max-width:400px){
  .teaser-sigil.has-id-artwork{width:124px}
  .chapter-art.has-id-artwork .id-artwork--chapter{
    width:min(64%,155px);
    height:min(68%,155px);
  }
  .door-link .id-artwork--door{width:52px;height:52px;max-height:52px}
}
@media (prefers-reduced-motion:reduce){
  .chapter-art.has-id-artwork .id-artwork--chapter{transition:none}
  .chapter:hover .id-artwork--chapter{transform:none}
}