/* Desert after dark: illustrated landscape, aged gold, ember red, weathered iron. */
:root{color-scheme:dark;--cream:#f4dfb9;--ink:#efe0c7;--red:#d65b38;--gold:#dfac59;--line:#ddb27733;--muted:#b9aa94;--grain:url('assets/grain.svg')}
body{background:#171412;background-image:var(--grain);color:var(--ink)}
header{background:#141210;background-image:var(--grain);color:var(--cream);border-bottom:1px solid #dba65b45}
header .brand{color:#edc67f;letter-spacing:1.4px;text-shadow:0 2px #000}
header .brand small{color:#d0bda0;font-weight:600}
header nav a:hover{color:#efb65a}
.bag-button{border-color:#d2a46b66;color:var(--cream)}
.bag-button span{background:#d5a65f;color:#201a14}
.announcement{background:#0d0c0b;color:#c7af89;border-bottom:1px solid #dba65b1a}
.announcement span{color:#df9c59}
.hero{min-height:840px;position:relative;background:#141211 url('assets/desert-night-v2.png') center bottom/cover no-repeat;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#100f0f12 0%,transparent 65%,#151211 100%);z-index:-1;pointer-events:none}
.hero-copy{padding:66px 15px 280px 12%;background:linear-gradient(90deg,#111010c9,#11101040 80%,transparent);position:relative}
.hero .eyebrow{color:#d0aa70}
.eyebrow>span{background:#d97840}
h1{font-size:clamp(78px,8vw,122px);text-shadow:0 3px 24px #0007}
em{color:#df7145}
.hero p{color:#d5c8b5;text-shadow:0 2px 7px #000}
.hero-foot{color:#d7b787;margin-top:36px;text-shadow:0 2px 5px #000}
.hero-foot span+span{border-color:#d0ad7045}
.hero-art{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);width:260px;height:312px;background:none;isolation:auto;align-items:center;padding:0}
.hero-art:before,.hero-art:after,.orbit{display:none}
.hero-art>img{width:100%;max-height:100%;transform:none;filter:drop-shadow(12px 18px 24px #000b);border:1px solid #e8b85b44;border-radius:5px}
.art-caption{color:#c6a16b;top:6px;left:-25px}
.art-number{bottom:-24px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;color:#ddc5a0;text-shadow:0 2px 5px #000}
.stamp{bottom:-8px;top:auto;right:-45px;width:90px;height:90px;background:#d9a657;outline-color:#d9a657;color:#23180f;box-shadow:0 0 0 5px #6c4628;letter-spacing:.7px}
.stamp strong{font-size:27px}
.ticker{background:#652b1e;background-image:var(--grain);border-block:1px solid #b86d3d5c;color:#f0cf97}
.button{background:#aa3f27;color:#fff0d4;box-shadow:0 3px 0 #602418;border:1px solid #df8b4f55}
.button:hover{background:#c2532d}
.product{background:#1c1714;background-image:var(--grain),radial-gradient(ellipse at top left,#5f301a35,transparent 65%);border-bottom:1px solid #dab47722}
.product-info .eyebrow,.faq .eyebrow{color:#d6a25e}
.intro,.fine-print,.specs span,.launch-note,details p{color:var(--muted)}
.product-visual{background:#2c2018;background-image:var(--grain),radial-gradient(ellipse at center,#78452b66,#231b16);border:1px solid #ae7d434d;box-shadow:inset 0 0 0 7px #d3a56608;isolation:isolate}
.product-visual:before{content:'';position:absolute;width:78%;aspect-ratio:1;background:url('assets/zia-sun.svg') center/contain no-repeat;opacity:.07;z-index:-1;pointer-events:none}
.product-visual img{box-shadow:12px 20px 28px #0009}
.product-tag,.visual-note{color:#d0ae7b}
.specs{border-color:var(--line)}
.specs strong{color:#e4cfb0}
.status-dot{background:#bba76c}
.stepper{background:#120f0d;border-color:#b48a5766;color:#e6ceaa}
.stepper input,.stepper button{color:#f1d9b2}
.how{background:#111110;background-image:var(--grain),radial-gradient(ellipse at top right,#49332330,transparent 70%);color:#efdbb9;border-block:1px solid #a87e4133}
.section-heading p,.steps p{color:#b8aa95}
.step-number{color:#b08d5e}
.steps,.steps article+article{border-color:#c79e5a33}
.prep-details-heading{margin-top:56px;padding-top:40px;border-top:1px solid #c79e5a33}
.prep-details-heading h2{font-size:clamp(34px,3.5vw,48px);line-height:1.05;letter-spacing:-.5px;margin:15px 0}
.prep-details-heading p{font-size:12px;line-height:1.8;color:#b8aa95;margin:0}
.prep-supplies{display:flex;align-items:center;gap:32px;margin-top:28px;padding:22px 24px;background:#d5a45108;border:1px solid #c79e5a33}
.prep-supplies h3{font-family:'DM Sans',Arial,sans-serif;font-size:10px;letter-spacing:1.5px;line-height:1.6;color:#d8ad71;flex-shrink:0}
.prep-supplies ul{display:flex;flex-wrap:wrap;gap:10px 26px;list-style:none;margin:0;padding:0;color:#cbbda7;font-size:12px;line-height:1.7}
.prep-supplies li:before{content:'·';margin-right:9px;color:#d8ad71}
.prep-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:36px 0 0;padding:0;border-top:1px solid #c79e5a33}
.prep-steps>li{padding:28px 25px 28px 0;border-bottom:1px solid #c79e5a33}
.prep-steps>li:not(:nth-child(3n+1)){padding-left:25px;border-left:1px solid #c79e5a33}
.prep-number{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;line-height:1;color:#d4a25a;margin-bottom:22px}
.prep-steps h3{font-size:28px;letter-spacing:0;line-height:1.1;color:#eddbbc}
.prep-steps p{font-size:12px;color:#baad99;line-height:1.9;margin:14px 0 0;max-width:330px}
.prep-steps strong{font-weight:600;color:#e1ceb0}
.prep-reminder{font-size:11px;line-height:1.8;color:#ab9b83;margin:22px 0 0}
@media(max-width:900px){.prep-supplies{align-items:flex-start;flex-direction:column;gap:12px}.prep-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.prep-steps>li:not(:nth-child(3n+1)){padding-left:0;border-left:0}.prep-steps>li:nth-child(2n){padding-left:25px;border-left:1px solid #c79e5a33}}
@media(max-width:650px){.prep-supplies{padding:20px}.prep-supplies ul{display:grid;grid-template-columns:1fr;gap:8px}.prep-steps{grid-template-columns:1fr;margin-top:28px}.prep-steps>li,.prep-steps>li:nth-child(2n),.prep-steps>li:not(:nth-child(3n+1)){padding:26px 0;border-left:0}.prep-number{font-size:28px;margin-bottom:13px}.prep-steps h3{font-size:30px}.prep-steps p{max-width:none;font-size:13px}.prep-reminder{font-size:11px}}
.manifesto{background:#211614;background-image:linear-gradient(#180f0fba,#1a110ee8),url('assets/desert-night-v2.png');background-position:center,center 64%;background-size:cover;border-block:1px solid #af7a3c44;padding:68px 20px 80px;color:#edd6ad}
.desert-emblem{display:block;width:92px;height:92px;margin:0 auto 24px;filter:drop-shadow(0 0 24px #c64e1e30)}
.manifesto>span{color:#dbad6c}
.manifesto em{color:#e58650}
.faq{background:#1a1714;background-image:var(--grain),radial-gradient(ellipse at bottom left,#50342535,transparent 60%)}
.faq-list details,.faq-list details:first-child{border-color:#b58b5140}
summary{color:#e7d7bd}summary>span{color:#dda85e}
footer{background:#0e0d0c;background-image:var(--grain);border-top:2px solid #8d4c2b;color:#e5cc9f}
footer .brand{color:#dfb673}footer>span{color:#b6a184}
dialog{background:#241d17;background-image:var(--grain);border:1px solid #815336;color:var(--ink)}
.bag-notice{background:#33251a;border:1px solid #ac774033;color:#e8cda2}
.bag-notice p,.bag-row p{color:#c1ac8f}
.close{color:#edcc94}
#label-dialog .close{background:#241d17}
.text-link{color:#dfb67b;box-shadow:none}
.skip{background:#382619;color:#f2d9ad}
#toast{background:#35261b;border:1px solid #ad7848;color:#f2dbb6}
@media(min-width:1500px){.hero{min-height:940px}.hero-copy{padding-bottom:350px}.hero-art{width:290px;height:348px;bottom:55px}}
@media(max-width:900px) and (min-width:651px){.hero{min-height:850px}.hero-copy{padding-left:10%;padding-top:50px}.hero-art{width:235px;height:282px;bottom:42px}.stamp{width:80px;height:80px;right:-35px}.stamp strong{font-size:23px}}
@media(max-width:650px){.hero{background:#131211;min-height:0}.hero:before{display:none}.hero-copy{padding:42px 6% 30px;background:radial-gradient(ellipse at top left,#4a2b1b45,transparent 70%)}h1{font-size:clamp(80px,18vw,110px)}.hero-foot{margin-top:28px}.hero-art{position:relative;left:auto;bottom:auto;transform:none;width:100%;height:550px;min-height:550px;padding:0;background:#131211 url('assets/desert-night-v2.png') center bottom/100% auto no-repeat}.hero-art>img{position:absolute;left:50%;bottom:230px;width:43%;max-height:258px;transform:translateX(-50%)}.stamp{top:auto;bottom:210px;right:15%;width:80px;height:80px;font-size:6px}.stamp strong{font-size:23px}.art-caption{top:105px;left:22px}.art-number{font-size:7px;bottom:12px;left:50%;right:auto}.product-visual{min-height:430px}.steps article,.steps article+article{border-color:#c79e5a33}.manifesto{padding:52px 15px 60px}.desert-emblem{width:76px;height:76px}.hero .button{min-width:210px}}
