@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#10100f;--paper:#f3ede2;--muted:#b9b2a7;--bronze:#c59a67;--line:#3a332b;--burgundy:#431b24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--bronze);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:var(--paper);color:var(--ink);padding:12px;z-index:2}.skip:focus{top:10px}.header,main,footer{max-width:1440px;margin:auto}.header{height:106px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:700;letter-spacing:.05em}.brand span{font-size:14px;letter-spacing:.16em;margin-left:9px;color:var(--muted)}.nav{font-size:14px}.nav span{margin-left:22px;color:var(--bronze);font-size:22px}.hero{min-height:660px;padding:75px 6% 72px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);margin:0 0 22px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(66px,7.4vw,108px);line-height:.98;letter-spacing:-.015em;font-weight:700;margin:0 0 28px}h1 em{font-style:normal;color:var(--bronze)}.intro{color:var(--muted);font-size:19px;line-height:1.7;margin-bottom:30px}.button{background:var(--paper);color:var(--ink);display:inline-flex;gap:35px;align-items:center;padding:16px 24px;font-size:15px;font-weight:700;transition:background .2s}.button:hover{background:var(--bronze)}.button span{font-size:22px}.under-button{font-size:13px;color:var(--muted);margin-top:15px}.drop{margin:0 6%;padding:30px 36px;background:var(--burgundy);border-top:2px solid var(--bronze)}.drop-label{display:flex;gap:20px;align-items:center;justify-content:space-between}.drop-label .eyebrow{margin:0}.status{font-size:12px;letter-spacing:.1em;border:1px solid #866b63;padding:5px 10px;color:var(--paper)}.drop-content{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:20px 0}h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:48px;font-weight:600;line-height:1.12;margin:0 0 12px}.drop-content p{margin:0;color:#dccac7}.drop-detail{text-align:right;display:flex;flex-direction:column;gap:4px}.drop-detail strong{font-size:22px;font-weight:500}.drop-detail span{color:#dccac7;font-size:14px}.drop-note{border-top:1px solid #76505a;padding-top:18px;margin:0;color:#dccac7;font-size:14px}.how{padding:90px 6%;display:grid;grid-template-columns:1fr 1.1fr;gap:8%}.section-heading h2{font-size:60px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.step-number{font-size:14px;color:var(--bronze);padding-top:4px}.steps h3{font-size:21px;font-weight:500;margin:0 0 8px}.steps p{color:var(--muted);margin:0}.safety{border-top:1px solid var(--line);margin:0 6%;padding:25px 0 40px;display:flex;gap:50px;align-items:baseline}.safety .eyebrow{flex-shrink:0;font-size:12px}.safety p{margin:0;color:var(--muted);font-size:14px}footer{padding:30px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}footer p{color:var(--bronze);font-family:Georgia,serif;font-style:italic}footer>span{color:var(--muted);font-size:13px}@media(min-width:1600px){.hero{min-height:750px}}@media(max-width:800px){.header{height:80px}.brand{font-size:19px}.brand span{font-size:12px;letter-spacing:.1em;margin-left:5px}.nav span{margin-left:8px}.hero{padding-top:50px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(68px,13vw,102px)}.drop{padding:25px}.drop-content{align-items:flex-start;flex-direction:column;gap:20px}.drop-detail{text-align:left}.how{grid-template-columns:1fr;padding-top:60px;padding-bottom:50px;gap:35px}.section-heading h2{font-size:50px}.safety{display:block}.safety .eyebrow{display:block;margin-bottom:14px}footer{flex-wrap:wrap;gap:8px 20px}footer p{margin:4px 0}footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.hero-copy{width:100%;max-width:960px}
.hero{position:relative;isolation:isolate;overflow:hidden;margin:32px 6% 40px;padding:clamp(28px,4.5vw,60px);min-height:650px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);background:#090c0b;border-radius:4px}
.hero-topography{position:absolute;inset:0;z-index:0;pointer-events:none;background:url('hero-topography.png') center/cover no-repeat}
.hero-topography::after{content:"";position:absolute;inset:0;background:inherit;filter:brightness(2) saturate(1.35);opacity:.55;mask-image:linear-gradient(115deg,transparent 40%,#000 49%,#000 51%,transparent 60%);mask-size:300% 100%;mask-position:150% 0;animation:topography-shimmer 18s ease-in-out infinite}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080a0958 0%,#080a0920 42%,#080a0908 100%)}
.hero-copy,.qr-card{position:relative;z-index:2;min-width:0}
.hero-copy h1{text-shadow:0 3px 24px #0009}
.hero .intro,.hero .under-button{text-shadow:0 1px 8px #000}
.qr-card{margin:0 auto;width:100%;max-width:420px;text-align:center}
.qr-card-brand{margin:0 0 22px;color:#deb784;font-family:Georgia,serif;font-size:clamp(15px,1.5vw,21px);line-height:1.4;letter-spacing:.24em}
/* Show only the original framed code, preserving its pixels and quiet space. */
.qr-window{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:3.5%;background:#080807}
.qr-artwork{position:absolute;display:block;width:120.300752%;max-width:none;height:auto;left:-10.150376%;top:-12.030075%}
.qr-card figcaption{color:#dcb17b;margin-top:24px}
.qr-card figcaption>span{display:block;font-size:16px;line-height:1.5;letter-spacing:.24em}
.qr-card figcaption>small{display:block;margin-top:14px;color:#bea17d;font-size:12px;line-height:1.6;letter-spacing:.2em}
@keyframes topography-shimmer{0%,12%{mask-position:150% 0}78%,100%{mask-position:-50% 0}}
@media(max-width:800px){.hero{margin-top:24px;margin-bottom:32px;padding:36px clamp(22px,5vw,38px);grid-template-columns:minmax(0,1fr);gap:40px}.hero h1{font-size:clamp(54px,13vw,96px)}.hero::before{background:linear-gradient(180deg,#080a0960 0%,#080a0930 42%,#080a0908 100%)}.qr-card{max-width:320px}.qr-card-brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-topography::after{animation:none;mask-position:50% 0;opacity:.2}}

.envelope-preview{position:relative;isolation:isolate;width:min(100%,340px);aspect-ratio:646/345;margin:26px 0 0;border-radius:3px;overflow:hidden;background:var(--ink)}
/* Frame the envelope photograph from the supplied concept board. */
.envelope-scene{position:absolute;display:block;width:194.117647%;max-width:none;height:auto;left:0;top:-209.275362%}
.envelope-ribbon-detail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.envelope-seal{position:absolute;left:53.71517%;top:47.826087%;width:33%;aspect-ratio:1;transform:translate(-50%,-49.279%);pointer-events:none}
.envelope-seal img{display:block;width:100%;height:auto;clip-path:polygon(94.375% 49.279%,93.594% 51.564%,92.841% 53.782%,92.214% 55.965%,91.712% 58.145%,91.191% 60.316%,90.923% 62.575%,90.620% 64.871%,90.187% 67.171%,89.581% 69.447%,88.805% 71.683%,87.700% 73.761%,86.484% 75.786%,85.046% 77.659%,83.370% 79.325%,81.582% 80.861%,79.628% 82.184%,77.503% 83.242%,75.405% 84.245%,73.330% 85.205%,71.346% 86.251%,69.469% 87.489%,67.619% 88.851%,65.782% 90.392%,63.787% 91.711%,61.697% 92.931%,59.526% 94.095%,57.235% 94.959%,54.860% 95.515%,52.436% 95.754%,50.000% 95.721%,47.584% 95.369%,45.216% 94.797%,42.998% 93.487%,40.734% 92.872%,38.764% 91.213%,36.659% 90.339%,34.718% 89.091%,32.753% 88.017%,30.705% 87.147%,28.606% 86.335%,26.382% 85.648%,24.115% 84.907%,21.892% 83.989%,19.696% 82.935%,17.738% 81.541%,15.915% 79.969%,14.319% 78.173%,12.972% 76.181%,11.937% 73.997%,11.154% 71.707%,10.633% 69.337%,10.296% 66.956%,9.784% 64.716%,9.123% 62.561%,8.159% 60.490%,7.112% 58.395%,5.934% 56.258%,5.007% 54.008%,4.390% 51.669%,4.038% 49.279%,4.101% 46.873%,4.481% 44.495%,5.079% 42.164%,6.030% 39.933%,7.137% 37.794%,8.163% 35.685%,9.021% 33.549%,9.857% 31.406%,10.590% 29.198%,11.279% 26.923%,12.058% 24.639%,13.011% 22.405%,14.319% 20.385%,15.808% 18.492%,17.602% 16.881%,19.535% 15.444%,21.529% 14.120%,23.691% 13.068%,25.832% 12.063%,27.885% 10.974%,29.941% 9.912%,31.932% 8.696%,33.960% 7.492%,35.990% 6.161%,38.092% 4.837%,40.304% 3.663%,42.645% 2.839%,45.035% 2.039%,47.522% 1.988%,50.000% 1.923%,52.458% 2.372%,54.829% 3.330%,57.115% 4.358%,59.316% 5.450%,61.560% 6.137%,63.742% 6.984%,65.920% 7.806%,68.303% 8.169%,70.691% 8.670%,73.005% 9.433%,75.347% 10.248%,77.524% 11.395%,79.560% 12.775%,81.365% 14.444%,82.942% 16.337%,84.299% 18.396%,85.457% 20.566%,86.445% 22.800%,87.216% 25.110%,87.972% 27.356%,88.639% 29.591%,89.660% 31.621%,91.113% 33.497%,92.112% 35.596%,93.327% 37.669%,94.299% 39.863%,94.921% 42.164%,94.993% 44.550%,94.794% 46.931%)}
@media(max-width:800px){.envelope-preview{width:min(100%,320px);margin-top:24px}}

/* Campaign gallery: preserve the full approved artwork without cropping. */
.main-nav{display:flex;align-items:center;gap:28px}.nav:hover,.footer-social:hover{color:var(--bronze)}
.promos{padding:82px 6% 0}.promos-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}.promos-heading .eyebrow{margin-bottom:18px}.promos-heading h2{font-size:60px;margin-bottom:0}.promos-intro{max-width:380px;color:var(--muted);margin:0 0 5px;line-height:1.8}.promo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.promo-card{min-width:0;margin:0;background:#151411;border:1px solid var(--line);display:flex;flex-direction:column}.promo-image{display:flex;align-items:center;justify-content:center;aspect-ratio:941/1672;background:#0b0c0a;overflow:hidden}.promo-image img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .2s}.promo-image:hover img{filter:brightness(1.08)}.promo-card figcaption{padding:24px 22px;flex:1}.promo-kicker{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze)}.promo-card h3{font-size:21px;line-height:1.3;font-weight:500;margin:10px 0}.promo-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.promo-note{font-size:12px;color:var(--muted);margin:17px 0 30px;line-height:1.7}.social-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 30px;background:#1c1815;border-left:2px solid var(--bronze)}.social-strip .eyebrow{font-size:11px;margin:0 0 8px}.social-strip p{margin:0;color:var(--muted);font-size:14px}.social-links{display:flex;gap:25px;flex-wrap:wrap}.social-links a{font-size:13px;border-bottom:1px solid #6c5945;padding:8px 0;white-space:nowrap}.social-links a:hover{color:var(--bronze)}.social-links span{color:var(--bronze);margin-left:8px}.footer-social{display:inline-block;font-size:12px;margin-top:5px;color:var(--bronze)}
@media(max-width:1000px){.promos-heading{align-items:flex-start;flex-direction:column;gap:20px}.social-strip{align-items:flex-start;flex-direction:column;gap:15px}.promo-card figcaption{padding:20px 16px}.promo-card h3{font-size:19px}}
@media(max-width:600px){.header{height:auto;min-height:92px;flex-wrap:wrap;gap:14px;padding-top:20px;padding-bottom:18px}.main-nav{width:100%;gap:24px}.nav{font-size:12px}.nav span{font-size:16px}.promos{padding-top:56px}.promos-heading h2{font-size:48px}.promos-intro{font-size:15px}.promo-grid{grid-template-columns:1fr;gap:25px}.promo-image{aspect-ratio:auto}.promo-image img{height:auto}.promo-card figcaption{padding:22px}.promo-card h3{font-size:23px}.promo-note{font-size:12px}.social-strip{padding:24px}.social-links{gap:12px 24px}.drop-label{gap:12px}.drop-label .eyebrow{font-size:11px}.status{font-size:10px}.drop{padding:24px}}
@media(prefers-reduced-motion:reduce){.promo-image img{transition:none}}
