:root{color-scheme:dark;--lime:#adf34e;--bg:#090e0b;--muted:#b5beb6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f4ef;font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}.notice{text-align:center;background:var(--lime);color:#132008;padding:8px;font-size:14px;font-weight:700}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 5%;border-bottom:1px solid #334032}.brand{font:bold 27px Georgia,serif;white-space:nowrap}.brand small{display:block;font:12px Arial;letter-spacing:3px;margin-top:7px}.crown{color:var(--lime)}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}nav a[aria-current=page]{color:var(--lime);border-bottom:2px solid var(--lime)}main{min-height:60vh}.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;padding:55px 5%;background:radial-gradient(ellipse at right,#253c20,transparent 65%)}h1{font:clamp(38px,5vw,76px)/1.08 Georgia,serif;margin:16px 0 25px}h1 em{color:var(--lime)}h2{font:32px Georgia,serif}h3{font:24px Georgia,serif}.eyebrow{color:var(--lime);font-size:14px;letter-spacing:3px;text-transform:uppercase}.hero img{width:100%;border-radius:4px}.muted{color:var(--muted)}.button,button{display:inline-block;background:var(--lime);color:#142009;border:0;padding:14px 23px;font:bold 16px Arial;cursor:pointer;border-radius:3px}.button:hover,button:hover{background:#c4ff78;color:#142009}.section{padding:45px 5%;max-width:1440px;margin:auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#131b14;border:1px solid #354331;padding:26px;display:block}.card:hover{border-color:var(--lime)}.badge{font-size:14px;color:var(--lime);letter-spacing:1px}.banner{width:100%;max-height:680px;object-fit:contain;background:#101710}.split{display:grid;grid-template-columns:1fr 1fr;gap:38px}.panel{padding:28px;background:#131c14;border:1px solid #334232}input,select,textarea{display:block;width:100%;background:#080d09;color:white;border:1px solid #65725f;padding:12px;font:16px Arial;margin:8px 0 20px;border-radius:3px}label{display:block}textarea{min-height:130px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #394435}.tablewrap{overflow-x:auto}footer{padding:35px 5%;border-top:1px solid #334032;font-size:14px}footer span{font:bold 24px Georgia;color:var(--lime)}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}ul{padding-left:22px}#result{white-space:pre-wrap}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}@media(max-width:850px){header{display:block}nav{margin-top:24px;gap:16px}.hero,.split{grid-template-columns:1fr}.hero{padding-top:30px}.grid{grid-template-columns:1fr}.brand{font-size:25px}.section{padding:30px 5%}h1{font-size:44px}.hero img{max-height:450px;object-fit:contain}}

/* Shadow King forest theme, visible from the first page. */
html{background:#090e0b}
body{background:#090e0b url("assets/forest.svg") center top/cover fixed no-repeat;forced-color-adjust:none}
header{background:rgba(5,12,9,.94);box-shadow:0 8px 32px #0005}
.notice{letter-spacing:.8px}
main{background:linear-gradient(180deg,#07100b30,#07100b99)}
.hero{background:linear-gradient(90deg,#07100bed,#07100b66);min-height:560px}
.hero>div{padding:24px 0;text-shadow:0 2px 12px #000}
.hero img{border:1px solid #536742;box-shadow:0 18px 60px #0008}
.section>h1,.section>h2,.section>.eyebrow,.section>p{ text-shadow:0 2px 12px #000 }
.section>h2{border-left:4px solid var(--lime);padding-left:16px}
.card,.panel{background:rgba(12,22,16,.95);border:1px solid #617347;border-radius:10px;box-shadow:0 12px 32px #0005}
.card{transition:transform .18s,border-color .18s}
.card:hover{transform:translateY(-3px)}
.banner{border:1px solid #617347;border-radius:10px;box-shadow:0 15px 45px #0008;margin:12px 0 24px}
footer{background:rgba(5,12,9,.95)}
input,select,textarea{color-scheme:dark}
@media(max-width:850px){body{background-attachment:scroll}.hero{min-height:0}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}

.product{padding:18px}.product img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#050906;border-radius:6px}.product h3{font-size:24px;margin:18px 0}.product .button{font-size:14px}.product-grid{align-items:start}

/* Cinematic storefront inspired by the supplied reference. */
:root{--lime:#b6ef45;--bg:#080d0f;--muted:#c4cbc6}
body{background:#080d0f url('assets/hero-panther.png') center top/cover fixed no-repeat}
main{background:rgba(5,10,12,.84)}
header{max-width:1440px;margin:auto;background:#080e10f2;padding:22px 4%;border-color:#546159}
.notice{background:#111b13;color:var(--lime);border-bottom:1px solid #526342;font-size:14px;padding:6px}
.brand small{font-size:12px;letter-spacing:2.4px}
.storefront{max-width:1440px;margin:auto;background:#0a1012;box-shadow:0 15px 70px #0008}
.cinematic-hero{min-height:410px;aspect-ratio:3/1;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,#0009,transparent 66%),url('assets/hero-panther.png') center/cover no-repeat;border-bottom:1px solid #63705c}
.hero-copy{position:relative;width:49%;padding:36px 7%;text-shadow:0 3px 14px #000}
.hero-copy h1{font:bold clamp(44px,5.2vw,76px)/.95 Georgia,serif;margin:0 0 18px;letter-spacing:-1.5px}
.hero-copy h1 em{font-style:normal;color:var(--lime)}
.hero-copy p{font:20px/1.35 Georgia,serif;margin:0 0 22px;color:#f0f1e9}
.button,button{background:linear-gradient(#c7fc63,#a3d63a);color:#172009;box-shadow:0 2px 12px #0004;border-radius:3px}
.collection-section{padding:0 24px 22px;background:linear-gradient(#11191c,#091011)}
.collection-title{display:flex;align-items:center;justify-content:center;gap:20px;text-transform:uppercase;font:bold 21px/1.3 Georgia,serif;letter-spacing:3px;text-align:center;margin:0;padding:24px 0 22px;position:relative}
.collection-title:before,.collection-title:after{content:'';height:1px;background:#607063;flex:1;max-width:180px}
.collection-title .crown{position:absolute;top:-14px;font-size:27px;background:#10181b;padding:0 16px}
.collection-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.collection-tile{display:block;position:relative;overflow:hidden;border:1px solid #6b7769;border-radius:4px;background:#0b1214;transition:border-color .2s,transform .2s}
.collection-tile:hover{border-color:var(--lime);transform:translateY(-3px)}
.collection-tile img{width:100%;height:205px;display:block;object-fit:cover;object-position:center}
.collection-tile h3{text-align:center;text-transform:uppercase;font:bold 16px/1.3 Georgia,serif;margin:0;padding:14px 8px;border-top:1px solid #536052;background:linear-gradient(#1b2425,#090f11)}
.coming-tag{position:absolute;top:10px;right:10px;background:#08100eee;border:1px solid var(--lime);padding:4px 7px;border-radius:2px;font:12px/1.4 Arial,sans-serif;color:#e6f6d1;text-transform:uppercase;z-index:1}
.drinkware-tile img{object-position:center top}
.feature-row{display:grid;grid-template-columns:1.8fr 1fr;border-top:1px solid #536052}
.custom-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;min-height:300px;padding:26px 30px;background:linear-gradient(90deg,#020807dd,#02080788),url('assets/hero-panther.png') center/cover}
.feature-copy{z-index:1}.feature-copy h2{text-transform:uppercase;font:bold clamp(25px,2.8vw,37px)/1.1 Georgia,serif;margin:0 0 16px}.feature-copy h2:after{content:'';display:block;width:40px;height:3px;background:var(--lime);margin-top:15px}
.feature-copy p{font:17px/1.45 Georgia,serif}.feature-copy .button{font-size:14px;padding:12px 17px}
.custom-feature>img{width:100%;height:240px;object-fit:cover;border:1px solid #70816a;box-shadow:0 5px 30px #0008}
.feature-stack{display:grid;grid-template-rows:1fr 1fr;gap:8px;padding:0 0 0 8px}
.mini-feature{position:relative;display:grid;grid-template-columns:38% 1fr;align-items:center;overflow:hidden;min-height:145px;background:#101b1d;border:1px solid #536052}
.mini-feature img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.mini-feature>div{padding:15px}.mini-feature h3{text-transform:uppercase;font:bold 17px/1.2 Georgia,serif;margin:0 0 9px}.mini-feature p{font:15px/1.35 Georgia,serif;margin:0}
.future-feature{grid-template-columns:1fr;background:linear-gradient(90deg,#05100c88,#05100ced),url('assets/hero-panther.png') left center/cover}.future-feature>div{margin-left:28%}.future-feature .badge{display:block;font-size:12px;margin-top:10px}
footer{max-width:1440px;margin:auto}
@media(max-width:1000px){.hero-copy{padding-left:5%;width:55%}.collection-tile img{height:170px}.feature-row{grid-template-columns:1.5fr 1fr}.custom-feature{padding:25px 20px;gap:15px}.custom-feature>img{height:200px}.feature-copy .button{line-height:1.4}.collection-title{font-size:18px}}
@media(max-width:700px){header{padding:20px 5%}.brand{white-space:normal}nav{gap:12px 18px}.cinematic-hero{min-height:440px;aspect-ratio:auto;background-position:60% center}.hero-copy{padding:30px 6%;width:75%;background:linear-gradient(90deg,#02060488,transparent)}.hero-copy h1{font-size:49px}.hero-copy p{font-size:18px}.collection-section{padding:0 14px 18px}.collection-title{font-size:15px;letter-spacing:1.5px;gap:10px}.collection-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tile img{height:180px}.collection-tile h3{font-size:14px}.coming-tag{font-size:12px;right:6px;top:6px}.feature-row{grid-template-columns:1fr}.custom-feature{min-height:290px;grid-template-columns:1.1fr 1fr}.feature-copy h2{font-size:27px}.custom-feature>img{height:220px}.feature-stack{padding:8px 0 0;grid-template-columns:1fr 1fr;grid-template-rows:auto}.mini-feature{grid-template-columns:1fr;min-height:190px}.mini-feature img{height:95px}.mini-feature h3{font-size:15px}.mini-feature p{font-size:14px}.future-feature>div{margin-left:0;background:#06100baa;height:100%;display:flex;flex-direction:column;justify-content:center}}
@media(prefers-reduced-motion:reduce){.collection-tile{transition:none}}

.sweats-tile img{object-position:center 50%}

/* Separate product previews show only the relevant category. */
.category-preview{position:relative;overflow:hidden;height:clamp(240px,45vw,520px);max-width:900px;margin:12px auto 24px;border:1px solid #617347;border-radius:10px;background:#101710}
.category-preview img{position:absolute;width:100%;height:300%;object-fit:fill;left:0}
.category-preview.top img{top:0}.category-preview.middle img{top:-100%}.category-preview.bottom img{top:-200%}