/* Consistent complete-image frames. The photo, not a forced crop, sets the view. */
.monsters .monster-pair,.monsters .purple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 4vw;background:#e6e1d6}
.monsters .monster-pair figure,.monsters .flower-card{margin:0;min-width:0;background:#fff;color:#171513;overflow:hidden;border-radius:12px}
.monsters .monster-pair figure img,.monsters .flower-card img{display:block;width:100%;height:auto!important;aspect-ratio:1!important;object-fit:contain!important;object-position:center!important;background:#fff;transform:none!important}
.monsters .monster-pair figcaption{min-height:90px;padding:18px}.monsters .monster-pair a,.monsters .flower-card a{color:#171513}.monsters .flower-card h3,.monsters .flower-card p,.monsters .flower-card>a{margin-left:18px;margin-right:18px}.monsters .flower-card>a{display:block;margin-bottom:18px}
@media(max-width:700px){.monsters .monster-pair,.monsters .purple-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 3vw}.monsters .monster-pair figcaption{padding:12px;font-size:12px}}
.monsters .monster-pair:not(.whole-flower-view) figcaption{background:#eee9df;color:#171513}.monsters .monster-pair:not(.whole-flower-view) figcaption .caption{color:#514639}.monsters .monster-pair:not(.whole-flower-view) img{background:#171513}
.monsters .monster-pair:not(.whole-flower-view) figure img{object-fit:cover!important;clip-path:inset(0);object-position:50% 50%!important}
.monsters .monster-pair[data-photo-view="feature"] figure img{object-fit:cover!important;scale:1.35;clip-path:inset(13%)}
.monsters .monster-pair[data-photo-view="feature"] figure{background:#171513}
.monsters .monster-pair figcaption{position:relative;z-index:1}
.monsters .issue-hero>img,.monsters .wide-detail>img{object-fit:cover;object-position:50% 55%}
.trichome-notes{padding:45px 4vw;background:#201725;color:#f2ece3}.trichome-notes h2{font-size:clamp(32px,5vw,65px);margin:15px 0 30px}.trichome-note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.trichome-notes p{line-height:1.7;max-width:75ch}.trichome-note-grid article{border-top:1px solid #76637e}@media(max-width:600px){.trichome-note-grid{grid-template-columns:1fr}}
.monsters .monster-pair[data-photo-view="feature"] figure:last-child img{object-position:50% 18%!important}
.monsters .monster-photo{aspect-ratio:1;overflow:hidden;background:#171513}
.monsters .monster-pair[data-photo-view="feature"] .monster-photo img{scale:1;clip-path:none;transform:scale(1.35)!important;transform-origin:center}
.monsters .monster-pair[data-photo-view="feature"] figure:last-child .monster-photo img{object-position:70% bottom!important;transform:scale(2.2)!important;transform-origin:65% 100%}
.monsters .trichome-spread{position:relative;isolation:isolate;min-height:850px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.monsters .trichome-spread>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;z-index:-2}.monsters .trichome-spread:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#100d16aa 28%,#100d16f2 75%);z-index:-1}.monsters .trichome-spread>figcaption{order:2;background:transparent;padding-top:0}.monsters .trichome-spread .trichome-notes{background:transparent;padding-top:180px}.monsters .trichome-spread .trichome-notes h2{max-width:12ch}.monsters .trichome-spread .trichome-note-grid{max-width:950px}.monsters .trichome-spread .trichome-note-grid article{background:#100d1670;padding:12px 18px;border-radius:8px}.monsters .trichome-spread .note{font-size:12px}@media(max-width:600px){.monsters .trichome-spread .trichome-notes{padding-top:130px}.monsters .trichome-spread>img{object-position:45% center}}
.monsters .trichome-spread{min-height:1000px}.monsters .trichome-spread:after{background:linear-gradient(180deg,transparent 0%,transparent 48%,#100d1633 62%,#100d16dd 100%)}.monsters .trichome-spread .trichome-notes{padding-top:520px}.monsters .trichome-spread .trichome-notes h2{font-size:clamp(28px,3vw,42px);max-width:none;margin-bottom:18px}.monsters .trichome-spread .trichome-note-grid{max-width:none;grid-template-columns:repeat(4,1fr);gap:12px}.monsters .trichome-spread .trichome-note-grid article{background:#100d16c9;padding:12px}.monsters .trichome-spread .trichome-note-grid p{font-size:13px;line-height:1.5}.monsters .trichome-spread .trichome-note-grid h3{font-size:16px}@media(max-width:700px){.monsters .trichome-spread .trichome-notes{padding-top:430px}.monsters .trichome-spread .trichome-note-grid{grid-template-columns:repeat(2,1fr)}}
.monsters .monster-fixed-crop{aspect-ratio:1;overflow:hidden;position:relative}.monsters .monster-fixed-crop img,.monsters .whole-flower-view .monster-photo img{transition:transform .25s ease;transform-origin:center center!important}.monster-hover-hint{margin:0;padding:12px 4vw;background:#e6e1d6;color:#29232a;font-size:14px}
.monsters .monster-photo,.monsters .monster-fixed-crop{cursor:zoom-in;overflow:hidden}.monsters .monster-photo img,.monsters .monster-fixed-crop img{transition:scale .25s ease;transform-origin:center center!important}.monsters [role=button][aria-pressed=true]{cursor:zoom-out}.monsters .monster-photo:focus-visible,.monsters .monster-fixed-crop:focus-visible{outline:3px solid #e99945;outline-offset:3px}
/* Mobile: frame the resin above the notes, not behind the full text column. */
@media(max-width:700px){
 .monsters .trichome-spread{min-height:0;justify-content:flex-start;background:#100d16}
 .monsters .trichome-spread>img{height:clamp(320px,95vw,440px);object-fit:cover;object-position:50% 62%;inset:0 0 auto;max-height:none}
 .monsters .trichome-spread:after{bottom:auto;height:clamp(320px,95vw,440px);background:linear-gradient(180deg,transparent 65%,#100d16 100%)}
 .monsters .trichome-spread .trichome-notes{padding:clamp(290px,85vw,395px) 20px 20px}
 .monsters .trichome-spread .trichome-notes h2{margin-top:10px}
}