/* Preserve the entire designed object, rather than filling an arbitrary crop. */
body[data-track="home"] .field-image:has(img[src$="final-jar.webp"]){aspect-ratio:1;background:#110c07}
body[data-track="home"] .field-image img[src$="final-jar.webp"]{object-fit:contain}
body[data-track="home"] .field-image:has(img[src$="final-jar.webp"]):after{display:none}
body[data-track="home"] .field-card:hover img[src$="final-jar.webp"]{transform:none}
.project-image:has(img[src$="final-jar.webp"]){aspect-ratio:1.1;background:#110c07}
.project-image img[src$="final-jar.webp"]{object-fit:contain}
.sulin-showcase{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#695845;border:1px solid #40362a}
.sulin-showcase figure{margin:0;background:#110c07;min-width:0;display:flex;flex-direction:column}
.sulin-showcase a{display:block;background:#110c07;padding:clamp(12px,2vw,25px);flex:1}
.sulin-showcase img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-height:460px}
.sulin-showcase figcaption{padding:20px 25px 26px;border-top:1px solid #4c402e;color:#f5ead8}
.sulin-showcase figcaption span{display:block;color:#d3b78d;font-size:10px;letter-spacing:.13em;margin-bottom:7px}
.sulin-showcase figcaption strong{font-family:Cormorant,Georgia,serif;font-size:30px;font-weight:600}
.sulin-case .media-grid{align-items:start}
.sulin-case .media-grid img{width:100%;height:auto;max-height:none;object-fit:contain;background:#110c07}
.sulin-case .media-grid figure:has(img[src$="storefront.webp"]){grid-column:1/-1;grid-row:2}
.sulin-case .media-grid figure:has(img[src$="final-gift.webp"]){grid-column:1/-1;max-width:760px;justify-self:center}
.sulin-page .story-image img,.sulin-page .gift-story img,.sulin-page .web-evidence img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.sulin-page .system-cover-card figure:has(img){background:#110c07}
.sulin-page .system-cover-card figure img{object-fit:contain;object-position:center}
.sulin-page .cover-store img{width:100%;height:100%;object-fit:contain}
.creative-stage .work-brand{--rotate:2deg;right:5%;bottom:5%;width:39%;z-index:4}
.creative-stage .work-brand .frame-image{aspect-ratio:1;background:#110c07;padding:5px}
.creative-stage .work-brand img{object-fit:contain}
.creative-stage .work-film{--rotate:2deg;right:5%;top:5%;width:47%}
.creative-stage .work-social{--rotate:-4deg;left:6%;top:14%;width:36%}
.creative-stage .stage-canvas{aspect-ratio:1.08}
.creative-stage .stage-note{bottom:8%;font-size:clamp(16px,1.7vw,24px)}
@media(max-width:760px){.creative-stage .stage-canvas{aspect-ratio:1.08}.creative-stage .work-brand{width:38%;right:5%;bottom:5%}.creative-stage .work-film{width:47%;right:5%;top:5%}.creative-stage .work-social{width:36%;left:5%;top:16%}.creative-stage .stage-note{font-size:18px;bottom:8%;left:5%}}
@media(max-width:600px){.sulin-showcase{grid-template-columns:1fr;gap:2px}.sulin-showcase a{padding:12px}.sulin-showcase figcaption{padding:18px 22px}.sulin-showcase figcaption strong{font-size:28px}.sulin-case .media-grid figure{grid-column:auto!important;grid-row:auto!important}.sulin-case .case-hero h1{font-size:clamp(56px,14vw,90px)}}