/* Version 14: the original neighborhood photograph, and the existing live commerce. */
.campaign{border:0;text-align:left;color:white;isolation:isolate;cursor:pointer;min-height:690px;background:#3b4025}
.campaign>.campaign-location{inset:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:50% 43%;mix-blend-mode:normal;transform:none!important}
.campaign:after{display:block;background:linear-gradient(180deg,#0003,transparent 28%,transparent 65%,#0008);z-index:1}
.campaign .campaign-label,.campaign .campaign-badge{color:#fff;z-index:3;text-shadow:0 1px 8px #0009;font-size:9px}
.campaign-shirt-wrap{position:absolute;width:68%;height:auto;aspect-ratio:1;right:-4%;bottom:0;z-index:2;filter:drop-shadow(-15px 22px 15px #0006);transform:rotate(-7deg);transition:transform .5s ease}
.campaign-shirt-wrap img{width:100%;height:100%;object-fit:contain;clip-path:polygon(41% 3%,47% 2.3%,56% 2.4%,59% 3%,62% 5%,74% 9.5%,77% 12%,79% 16%,86% 44.5%,73.6% 46.5%,73.6% 95.4%,73% 96.4%,28% 96.4%,27.3% 95%,26.7% 45.3%,13.9% 43.5%,20.8% 16.7%,23% 12%,26% 9.5%,39% 4%)}
.campaign:hover .campaign-shirt-wrap{transform:rotate(-5deg) translateY(-5px)}
.campaign-caption{position:absolute;z-index:3;left:28px;bottom:35px;font-size:9px;line-height:1.6;letter-spacing:1px;text-shadow:0 2px 8px #0009}
.campaign-caption strong{display:block;font-size:28px;letter-spacing:-1px;line-height:1.3}.campaign-caption>span{display:block;margin-top:18px;border-bottom:1px solid #fff8;width:max-content;padding-bottom:5px}
.product-dialog{border:1px solid #dadbd2;border-radius:12px;box-shadow:0 24px 100px #0006}
.product-dialog[open]{animation:product-reveal .32s cubic-bezier(.2,.75,.25,1)}
.product-dialog[open]::backdrop{background:#061009bb;backdrop-filter:blur(7px);animation:backdrop-reveal .32s ease}
.product-dialog.closing{animation:product-leave .28s ease forwards;pointer-events:none}.product-dialog.closing::backdrop{animation:backdrop-leave .28s ease forwards}
@keyframes product-reveal{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes product-leave{to{opacity:0;translate:0 10px}}
@keyframes backdrop-reveal{from{opacity:0}to{opacity:1}}@keyframes backdrop-leave{to{opacity:0}}
.detail-gallery{background:#efefeb;border-radius:12px 0 0 12px}.detail-gallery .detail-image{background:#efefeb;animation:photo-reveal .3s ease}
@keyframes photo-reveal{from{opacity:.25;scale:.985}to{opacity:1;scale:1}}
.modal-close{background:#fffefa;border:1px solid #d8dbd1;border-radius:50%;width:40px;height:40px;box-shadow:0 3px 14px #0001}
.product-option legend{font-size:11px;letter-spacing:.3px}.product-option legend span{font-size:12px;color:#26392c}
.compact-colors{gap:5px}.compact-colors .size{width:38px;height:38px;min-width:38px;min-height:38px;padding:5px;border:1px solid transparent;border-radius:50%;background:transparent}
.compact-colors .size.selected{border:2px solid #267542;background:transparent;padding:4px;box-shadow:0 0 0 2px #26754214}
.swatch-dot{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}
.size:not(.compact-colors .size){border-radius:4px}.size.selected:not(.compact-colors .size){background:#173e28;border-color:#173e28}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.view-switch button{border-radius:4px}.view-switch button[aria-pressed=true]{background:#173e28;color:white}.compact-gallery-controls>button{border-radius:50%}
.detail-copy .add-button{border-radius:5px;background:#17472b;border-color:#17472b;min-height:50px}.detail-copy .add-button:hover{background:#21663b}
.clover-social{display:flex;flex-direction:column;gap:16px}.clover-social nav{display:flex;gap:10px}.clover-social nav a{width:42px;height:42px;display:grid;place-items:center;border:1px solid #3e4a3f;border-radius:50%;color:#d7eddb;transition:background .2s,transform .2s}.clover-social svg{width:19px;height:19px}.clover-social a:hover{background:#21633d;transform:translateY(-3px)}.clover-social a:active{transform:scale(.94)}
@media(max-width:850px) and (min-width:601px){.campaign{min-height:610px}.campaign-shirt-wrap{width:85%;right:-12%}.campaign-caption{left:18px;bottom:24px}.campaign-caption strong{font-size:23px}.campaign .campaign-label,.campaign .campaign-badge{font-size:7px}}
@media(max-width:600px){.campaign{min-height:0;aspect-ratio:4/5}.campaign>.campaign-location{object-position:center 39%}.campaign-shirt-wrap{width:76%;right:-9%;bottom:0}.campaign .campaign-label,.campaign .campaign-badge{font-size:7px}.campaign-caption{left:20px;bottom:24px;font-size:8px}.campaign-caption strong{font-size:23px}.campaign-caption>span{margin-top:12px}.product-dialog{border-radius:12px;max-height:96dvh}.detail-gallery{border-radius:12px 12px 0 0}.detail-gallery .detail-image{height:clamp(180px,31dvh,290px)}.detail-copy h2{font-size:20px}.compact-colors .size{width:36px;height:36px;min-width:36px;min-height:36px;padding:4px}.compact-colors .size.selected{padding:3px}.clover-social nav{gap:8px}.clover-social nav a{width:38px;height:38px}.detail-copy>.add-button{position:sticky;bottom:0;box-shadow:0 6px 20px #f1f1ed}}
@media(prefers-reduced-motion:reduce){.campaign:hover .campaign-shirt-wrap{transform:rotate(-7deg)}}
/* Keep both street signs clear of the featured piece. */
.campaign{background:#283622}.campaign>.campaign-location{width:100%;object-position:50% 43%}.campaign-shirt-wrap{width:48%;right:-2%;bottom:-1%}
@media(max-width:850px) and (min-width:601px){.campaign-shirt-wrap{width:62%;right:-6%;bottom:-1%}}
@media(max-width:600px){.campaign{aspect-ratio:2/3}.campaign>.campaign-location{object-position:center}.campaign-shirt-wrap{width:70%;right:-8%;bottom:-1%}.campaign-caption{bottom:25px;left:18px}.campaign-caption strong{font-size:21px}}.show-social{margin-top:28px}.show-social nav a{color:#69b57e;border-color:#34613e}.show-social nav a:hover{color:#fff;background:#267542}.campaign-caption>span{display:flex;align-items:center;gap:8px}.campaign-caption .link-clover{width:14px;height:16px}
#collection .section-heading h2{margin-top:18px}
@media(prefers-reduced-motion:reduce){.campaign-shirt-wrap,.product-dialog,.detail-image{animation:none!important;transition:none!important;translate:none!important}}

/* Discreet creator credit. */
.builder-credit{display:flex;justify-content:center;padding:24px 0 4px}.builder-credit a{display:flex;align-items:center;gap:16px;color:#b7b7ae;font-size:11px;letter-spacing:.08em;text-decoration:none}.builder-credit img{display:block;width:58px;height:auto;mix-blend-mode:screen}.builder-credit a:hover{color:#fff}.builder-credit a:focus-visible{outline:2px solid #38874e;outline-offset:8px}

.show-announcement{padding:22px 5%;text-align:center;background:#102819;color:#f1f1eb;border-bottom:1px solid #315b3b}.show-announcement strong{display:block;font-size:clamp(16px,2vw,22px);letter-spacing:.08em}.show-announcement p{margin:8px auto 0;max-width:760px;font-size:14px;line-height:1.6;color:#d4dfd4}.show-announcement a{color:inherit;text-underline-offset:3px}.show-announcement a:hover{color:#fff}