/* Editorial polish: existing artwork and collection behaviour remain intact. */
:root{--paper:#f7f4ec;--bone:#e8e1d2;--line:#d9d5c9;--muted:#687064}
body{background:var(--paper);-webkit-font-smoothing:antialiased}
.announcement{font-size:9px;letter-spacing:1.8px;padding:10px 20px}
header{box-shadow:0 1px 0 #26332808;background:#f7f4ecf5}
nav{gap:24px}nav a{line-height:1.5}
.hero-badge{display:none}
.hero-content{top:18%;max-width:760px}
.hero-content .eyebrow{font-size:10px;letter-spacing:2.4px;margin-bottom:24px}
h1{font-size:clamp(50px,5.5vw,82px);line-height:1.07;letter-spacing:-2px}
.hero-content .hero-intro{font-size:16px;line-height:1.65;max-width:440px;margin-bottom:22px}
.hero-content .hero-global{font-size:11px!important;letter-spacing:.6px;margin-bottom:28px!important}
.hero-shade{background:linear-gradient(90deg,rgba(15,29,20,.6),rgba(15,29,20,.12) 62%,transparent),linear-gradient(0deg,rgba(15,29,20,.25),transparent 30%)}
.hero-bottom{font-size:8px;letter-spacing:1.4px}
.ticker{font-size:9px;letter-spacing:1.5px;padding:14px 4%;background:var(--paper)}
.button{min-height:48px;padding:16px 23px;letter-spacing:1.25px}
.section{padding-top:76px;padding-bottom:76px}
.section-heading{margin-bottom:32px;align-items:end}
.section-heading h2{font-size:clamp(34px,3.7vw,50px);letter-spacing:-1.2px;line-height:1.14}
.section-heading .eyebrow{margin-bottom:14px;font-size:9px;letter-spacing:2px}
.section-heading>p{line-height:1.8;color:var(--muted);max-width:350px}
.collection .filters{gap:8px 22px;margin-top:28px;margin-bottom:30px;padding-bottom:14px}
.collection .filters>a{border-bottom:0;padding:10px 12px;font-size:10px;letter-spacing:1px;min-height:44px}
.collection .filters>a:first-child{background:var(--green);color:var(--paper)}
.collection .filters>a:hover{background:var(--bone)}
.collection .filters>a:first-child:hover{background:#3b4b3c}
.product-grid{gap:34px 22px}
.product-image{background:#eee8db}
.product-image .view{font-size:8px;letter-spacing:1px;padding:8px 10px;background:#f7f4eced}
.product-top{margin-top:15px;align-items:start}
.product-top h3,.cap-products .product-top h3{font-size:20px;line-height:1.3;letter-spacing:-.25px}
.product-card .sub{font-size:11px;line-height:1.6;color:var(--muted);margin-top:7px}
.product-bottom>span{font-size:8px;letter-spacing:.8px}
.swatches{gap:10px}.swatch{width:36px;height:36px;min-width:36px;min-height:36px}
.heart{font-size:22px;min-width:32px;min-height:32px}
.cap-products .product-card{background:transparent;padding:0}
.cap-products .product-image{background:#f4efe5}
.cap-products .product-top{padding:0}.cap-products .product-bottom{padding-top:14px}
.cap-products .product-image>img{transition:transform .45s ease;mix-blend-mode:multiply}
.cap-products .product-image:hover>img{transform:scale(1.035)}
.patch-products .product-image{aspect-ratio:1;padding:18px;background:#eee8db}
.patch-products .product-top h3{font-size:18px;line-height:1.35}
.patch-bundle{background:transparent;border-top:1px solid var(--line);margin-top:32px;padding:24px 0 0}
.patch-bundle h3{font:normal 26px/1.2 Georgia,serif;margin-bottom:12px}
.patch-bundle p{max-width:670px}
.individual-sticker{background:#eee8db;padding:16px;box-shadow:none}
.individual-sticker:hover{background:#e8e0cf;box-shadow:none}
.individual-sticker>span.sticker-name{font-size:18px;min-height:60px;border-top-color:#d5cdbd}
.sticker-label{font-size:8px;letter-spacing:.9px}
.escape.rainforest-campaign>.rainforest-caption{padding:20px 26px}
.story-copy h2{font-size:clamp(36px,3.8vw,52px)}
.story-copy p:not(.eyebrow){max-width:490px;font-size:14px;line-height:1.9}
.closing{padding:70px 20px}.closing h2{font-size:clamp(44px,5vw,64px)}
footer{padding-top:48px}.footer-top{padding-bottom:36px}
@media(max-width:1000px){nav{gap:13px}.hero-content{top:18%}.product-top h3,.cap-products .product-top h3{font-size:19px}}
@media(max-width:650px){
 .hero-content{top:auto;bottom:106px;left:7%;right:7%}.hero-content h1{font-size:46px;line-height:1.08;letter-spacing:-1.6px}
 .hero-content .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:18px}
 .hero-content .hero-intro{font-size:14px;line-height:1.7;margin-bottom:16px}
 .hero-content .hero-global{font-size:10px!important;margin-bottom:23px!important}
 .hero-shade{background:linear-gradient(0deg,rgba(13,29,19,.8),rgba(13,29,19,.12) 82%)}
 .section{padding-top:50px;padding-bottom:50px}.section-heading h2{font-size:35px;line-height:1.12}
 .section-heading>p{font-size:12px;margin-top:15px}.section-heading{margin-bottom:25px}
 .collection .filters{gap:7px 9px}.collection .filters>a{font-size:9px;padding:10px 9px;letter-spacing:.7px}
 .product-grid{gap:28px 13px}.product-top h3,.cap-products .product-top h3{font-size:17px;line-height:1.35}
 .cap-products .product-card{padding:0}.product-card .sub{font-size:10px}
 .individual-sticker{padding:10px}.individual-sticker>span.sticker-name{font-size:16px;min-height:60px}
 .patch-products .product-top h3{font-size:17px}.patch-bundle{margin-top:26px}
 .ticker{font-size:8px;padding:13px 5%;gap:22px}.closing{padding:52px 20px}
}
@media(prefers-reduced-motion:reduce){.cap-products .product-image>img{transition:none}}

.closing.closing-campaign{padding:0;background:#202c23;border:0}.closing-campaign>img{display:block;width:100%;height:auto}.closing-action{padding:24px 6%;text-align:center}@media(max-width:650px){.closing-action{padding:20px 5%}.closing-campaign>img{object-fit:contain}}

/* Silent campfire homepage loop */
.hero .skyline-stamp{display:block;position:absolute;left:4.5%;top:5%;width:clamp(190px,19vw,285px);height:auto;opacity:1;transform:none;filter:drop-shadow(0 3px 12px #0005);z-index:2}
.hero .hero-content{top:43%;max-width:560px;left:4.5%}.hero .hero-content h1{font-size:clamp(40px,4.1vw,66px)}
.hero-motion{position:absolute;right:5%;bottom:65px;z-index:4;background:#17241bb3;border:1px solid #e7dfcd80;color:#e7dfcd;font-size:10px;letter-spacing:1px;padding:9px 12px}
@media(max-width:700px){.hero{height:auto;min-height:0;padding-bottom:0;background:#243329}.hero .hero-visual{position:relative;inset:auto;height:auto;aspect-ratio:1.75}.hero .hero-photo{height:100%;width:100%;object-fit:cover;object-position:center}.hero .skyline-stamp{width:29%;min-width:0;top:5%;left:4%}.hero .hero-shade{display:none}.hero .hero-content{position:relative;top:auto;bottom:auto;left:auto;right:auto;padding:28px 7% 78px;max-width:none}.hero .hero-content h1{font-size:40px}.hero .hero-bottom{bottom:22px;left:7%}.hero-motion{top:12px;bottom:auto;right:12px;padding:7px;font-size:8px}.hero .concept-caption{display:none}}

.hero .skyline-stamp{width:clamp(230px,23vw,330px);top:3%;animation:none}.hero .hero-content{top:46%}@media(max-width:700px){.hero .skyline-stamp{width:30%;top:3%}.hero .hero-content{top:auto}}

/* Closer mobile campaign framing, using the full-resolution original. */
@media(max-width:700px){.hero .hero-visual{aspect-ratio:1.2}.hero .hero-photo{object-fit:cover;object-position:75% 70%}}

/* Campaign wording sits inside the image frame and stays crisp on every display. */
.hero .hero-image-wording{position:absolute;z-index:3;left:4.5%;top:36%;margin:0;color:#f7f4ec;font:700 20px/1.45 Arial,Helvetica,sans-serif;letter-spacing:2.4px;text-shadow:0 2px 7px #102016,0 0 18px #102016b3}.hero-image-wording span{font-size:inherit}
@media(max-width:700px){.hero .hero-image-wording{left:5%;right:5%;top:auto;bottom:5%;font-size:18px;line-height:1.4;letter-spacing:2px}}

/* Keep desktop logo and wording together so their spacing cannot overlap. */
@media(min-width:701px){.hero-brand-lockup{position:absolute;z-index:3;left:4.5%;top:3%;width:clamp(230px,23vw,330px);display:flex;flex-direction:column;align-items:center;gap:16px}.hero .hero-brand-lockup .skyline-stamp{position:static;width:100%;max-width:none;flex:none}.hero .hero-brand-lockup .hero-image-wording{position:static;width:max-content;max-width:100%;text-align:center;flex:none;font-size:20px;letter-spacing:2px}}
@media(max-width:700px){.hero-brand-lockup{display:contents}}

/* Centre sticker artwork and captions consistently. */
.individual-sticker{text-align:center;align-items:center}.individual-sticker>span.sticker-name{justify-content:center;text-align:center}.sticker-label{text-align:center}.sticker-artwork{margin-inline:auto;align-items:center;justify-content:center}

/* First collection prelaunch and direct supplier contact. */
.launch-status{font-size:11px;letter-spacing:1.8px;font-weight:700;margin:22px 0 10px;color:#f5efdf}
.collection-launch-note{max-width:700px;font-size:14px;line-height:1.7;color:#62685d;margin:0 0 24px}
.prelaunch-contact{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;padding:64px 6%;background:#e8e0ce;color:#28382b}
.prelaunch-contact h2{font:normal clamp(30px,3vw,44px)/1.15 Georgia,serif;margin:12px 0 18px}
.prelaunch-contact p:not(.eyebrow){max-width:580px;font-size:15px;line-height:1.7}
.prelaunch-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:17px;justify-self:end}
.prelaunch-contact-links>a:not(.button){font-size:16px;overflow-wrap:anywhere}
.prelaunch-contact-links>span{font-size:12px;opacity:.75}
@media(max-width:700px){.prelaunch-contact{grid-template-columns:1fr;gap:24px;padding:44px 6%}.prelaunch-contact-links{justify-self:start}.launch-status{font-size:10px;letter-spacing:1px}.collection-launch-note{font-size:13px}}