/* Delacruz, October 2026. Artwork only; existing page structure and commerce remain native. */
.art[data-art] .art__img,
.art[data-art] .art__link img { height:auto; aspect-ratio:auto; object-fit:contain; }
.art[data-art] { min-width:0; }
.art[data-art="testers"], .art[data-art="support"] { display:flex; justify-content:center; margin:18px 0 24px; }
.art[data-art="testers"] .art__img, .art[data-art="support"] .art__img { width:auto; max-width:100%; max-height:200px; border:0; background:transparent; border-radius:0; }
.home-hero__visual--custom .home-hero__photo { object-fit:contain; padding:12px; box-sizing:border-box; }
.toolbar > .art[data-art] { flex:0 0 100%; width:100%; }
@media (max-width:599px) {
 .art[data-art] .art__img, .art[data-art] .art__link img { aspect-ratio:auto; height:auto; }
 .art[data-art="testers"] .art__img, .art[data-art="support"] .art__img { max-height:140px; }
}

/* The existing live countdown shares the drops artwork instead of a separate row. */
.tour .drop-banner--art { position:relative; margin:16px 0 24px; border-radius:var(--r-md); overflow:hidden; }
.tour .drop-banner--art > .art { margin:0; }
.tour .drop-banner--art .art__img,
.tour .drop-banner--art .art__link img { width:100%; height:auto; min-height:180px; object-fit:cover; }
.tour .drop-banner--art .drop-clock { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; margin:0; padding:20px clamp(16px,3vw,40px); border:0; border-radius:0; background:linear-gradient(90deg,rgba(3,15,5,.25),rgba(3,15,5,.7) 50%,rgba(3,15,5,.25)); pointer-events:none; }
.tour .drop-banner--art .drop-clock__label { margin:0 0 8px; color:#ffe000; text-shadow:0 2px 8px #000; }
.tour .drop-banner--art .drop-clock__digits { color:#fff9e8; font-size:clamp(32px,11vw,144px); text-shadow:0 2px 12px #000; }
.tour .drop-banner--art .drop-clock__timer[data-clock-long="true"] .drop-clock__digits { font-size:clamp(28px,10vw,128px); }
.tour .drop-banner--art .drop-clock__key { margin-top:10px; color:#fff9e8; text-shadow:0 2px 8px #000; }
.tour .drop-banner--art .drop-clock__done { text-shadow:0 2px 12px #000; }
@supports (font-size:1cqw) {
 .tour .drop-banner--art .drop-clock__digits { font-size:min(144px,15cqw); }
 .tour .drop-banner--art .drop-clock__timer[data-clock-long="true"] .drop-clock__digits { font-size:min(128px,13cqw); }
}

/* Treat the testers emblem, introduction, and action as one compact feature. */
.hunt.hunt-board .hunt-heading--composed { display:grid; grid-template-columns:minmax(0,1fr); align-items:center; gap:32px; margin:26px 0 20px; padding:28px 32px; border:1px solid #30352a; border-left:3px solid var(--gps-yellow); border-radius:8px; background:linear-gradient(105deg,#10170b,#070a05 70%,#030503); }
.hunt.hunt-board .hunt-heading--composed.hunt-heading--art { grid-template-columns:minmax(140px,200px) minmax(0,1fr); }
.hunt.hunt-board .hunt-heading--composed .hunt-heading__copy { display:grid; justify-items:start; gap:14px; min-width:0; }
.hunt.hunt-board .hunt-heading--composed h1 { margin:0; max-width:none; font-size:clamp(40px,4.8vw,64px); line-height:1; }
.hunt.hunt-board .hunt-heading--composed h1 span { display:block; white-space:normal; }
.hunt.hunt-board .hunt-heading--composed .hunt-intent { margin:0; max-width:60ch; font-size:15px; line-height:1.55; }
.hunt.hunt-board .hunt-heading--composed .hunt-join { width:auto; min-width:196px; margin:0; }
.hunt.hunt-board .hunt-heading--composed .art[data-art="testers"] { display:grid; justify-items:center; align-self:center; justify-self:center; width:100%; max-width:200px; margin:0; }
.hunt.hunt-board .hunt-heading--composed .art[data-art="testers"] .art__img { width:100%; height:auto; max-height:none; object-fit:contain; }
@media (max-width:650px) {
 .hunt.hunt-board .hunt-heading--composed { gap:18px 16px; margin:20px 0 16px; padding:20px 18px; border-radius:6px; }
 .hunt.hunt-board .hunt-heading--composed.hunt-heading--art { grid-template-columns:96px minmax(0,1fr); }
 .hunt.hunt-board .hunt-heading--composed .hunt-heading__copy { display:contents; }
 .hunt.hunt-board .hunt-heading--composed .art[data-art="testers"] { grid-column:1; grid-row:1; max-width:96px; }
 .hunt.hunt-board .hunt-heading--composed h1 { grid-column:1/-1; font-size:clamp(28px,7.4vw,46px); line-height:1.02; }
 .hunt.hunt-board .hunt-heading--composed.hunt-heading--art h1 { grid-column:2; grid-row:1; }
 .hunt.hunt-board .hunt-heading--composed .hunt-intent { grid-column:1/-1; font-size:14px; }
 .hunt.hunt-board .hunt-heading--composed .hunt-join { grid-column:1/-1; width:100%; min-width:0; margin:0; }
}

/* Grower Tested sits within the open center of the All Seeds swamp artwork. */
.toolbar > .seed-banner--grower-tested { position:relative; flex:0 0 100%; width:100%; min-width:0; margin:24px 0; }
.toolbar > .seed-banner--grower-tested > .art[data-art="seeds"] { margin:0; }
.toolbar > .seed-banner--grower-tested .seed-banner__badge { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); display:block; width:31%; max-width:420px; height:auto; margin:0; padding:0; border:0; border-radius:0; background:transparent; object-fit:contain; pointer-events:none; }


/* Stack the Reverse Auction wordmark over Delacruz's swamp landscape. */
.auction .auction-banner { position:relative; grid-column:1 / -1; min-width:0; margin:4px 0 6px; overflow:hidden; border:1px solid var(--line-100); border-radius:var(--r-md); background:#000; }
.auction .auction-banner__landscape { display:block; width:100%; height:auto; margin:0; border:0; object-fit:contain; }
.auction .auction-banner__title { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:58%; max-width:830px; margin:0; padding:0; line-height:0; }
.auction .auction-banner__title > img { display:block; width:100%; height:auto; margin:0; padding:0; border:0; background:transparent; }
@media (max-width:599px) {
 .auction .auction-banner { border-radius:var(--r-sm); }
}


/* Contact: a framed shop logo, clear primary action, and balanced contact cards. */
.support .page-head.support-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,362px); align-items:center; gap:clamp(28px,5vw,72px); margin:0 0 28px; padding:4px 0 28px; border-bottom:1px solid var(--line-100); }
.support .support-intro__copy { display:grid; justify-items:start; gap:16px; min-width:0; }
.support .support-intro__copy .kicker { color:var(--gold); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.support .support-intro__copy h1 { margin:0; font-size:clamp(48px,5.8vw,78px); line-height:.98; }
.support .support-intro__copy .lead { margin:0; max-width:42ch; font-size:18px; line-height:1.6; }
.support .support-logo { position:relative; display:grid; place-items:center; width:100%; min-width:0; margin:0; padding:20px; overflow:hidden; border:1px solid #666128; border-radius:var(--r-md); background:radial-gradient(ellipse at center,#34350d 0%,#131809 65%,#090d06 100%); box-shadow:inset 0 0 0 6px #0b1008,0 10px 28px rgba(0,0,0,.18); }
.support .support-logo::after { content:""; position:absolute; inset:7px; border:1px solid rgba(255,221,0,.12); border-radius:8px; pointer-events:none; }
.support .support-logo img { display:block; width:100%; max-width:320px; height:auto; aspect-ratio:320 / 225; margin:0; border:0; border-radius:0; object-fit:contain; }
.support .channels { grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.support .channel { grid-column:span 2; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:24px; }
.support .channel h2 { margin:0; }
.support .channel p { font-size:15px; line-height:1.65; margin:0 0 4px; }
.support .channel > .btn { margin-top:auto; max-width:100%; white-space:normal; text-align:center; }
.support .channel--wide { grid-column:span 3; }
.support .channel--featured { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"speed description" "title description" "number description" "actions description"; align-items:start; gap:12px 36px; padding:30px; background:linear-gradient(110deg,#171908,#0a0e07 72%); border-color:#a39524; }
.support .channel--featured > .channel__speed { grid-area:speed; }
.support .channel--featured > h2 { grid-area:title; font-size:46px; line-height:1; }
.support .channel--featured > .channel__num { grid-area:number; width:max-content; max-width:100%; margin:0; font-size:clamp(34px,4.4vw,52px); line-height:1.15; }
.support .channel--featured > p { grid-area:description; align-self:center; margin:0; padding-left:30px; border-left:1px solid var(--line-200); font-size:16px; }
.support .channel--featured > .row { grid-area:actions; gap:10px; padding-top:8px; }
.support .channel--featured .row > .btn { font-size:12px; padding:14px 18px; }
.support .wholesale { margin-top:28px; }
@media (max-width:819px) {
 .support .page-head.support-intro { grid-template-columns:minmax(0,1fr) minmax(220px,280px); gap:24px; }
 .support .support-intro__copy h1 { font-size:54px; }
 .support .support-intro__copy .lead { font-size:16px; }
 .support .support-logo { padding:16px; }
 .support .channels { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .support .channel, .support .channel--wide { grid-column:span 1; padding:22px; }
 .support .channel--email { grid-column:1 / -1; }
 .support .channel--featured { grid-column:1 / -1; column-gap:24px; }
 .support .channel--featured > h2 { font-size:38px; }
 .support .channel--featured > p { padding-left:22px; font-size:15px; }
 .support .channel--featured .row > .btn { padding:12px 14px; }
}
@media (max-width:599px) {
 .support .page-head.support-intro { grid-template-columns:minmax(0,1fr); gap:22px; margin-bottom:20px; padding-bottom:22px; }
 .support .support-intro__copy { gap:12px; }
 .support .support-intro__copy h1 { font-size:clamp(44px,11vw,60px); }
 .support .support-logo { justify-self:center; max-width:354px; }
 .support .channels { grid-template-columns:minmax(0,1fr); gap:14px; }
 .support .channel, .support .channel--wide, .support .channel--email { grid-column:1; padding:22px 20px; }
 .support .channel--featured { grid-template-columns:minmax(0,1fr); grid-template-areas:"speed" "title" "number" "description" "actions"; gap:12px; }
 .support .channel--featured > .channel__num { font-size:clamp(34px,10vw,46px); }
 .support .channel--featured > p { padding:14px 0 0; border-left:0; border-top:1px solid var(--line-200); }
 .support .channel--featured > .row { width:100%; }
 .support .channel--featured .row > .btn { flex:1 1 120px; text-align:center; justify-content:center; }
}

/* Mobile and touch devices select the plain gator; only desktop loads the GIF. */
.support .support-logo picture { display:block; width:100%; max-width:260px; }
.support .support-logo picture img { max-width:100%; aspect-ratio:260 / 167; }
@media (min-width:1024px) and (hover:hover) and (pointer:fine) {
 .support .support-logo picture { max-width:320px; }
 .support .support-logo picture img { aspect-ratio:320 / 225; }
}
