@font-face{font-family:Posey;src:url("web-fonts/Posey Textured Regular.otf") format("opentype");font-display:swap}
@font-face{font-family:Bebas;src:url("web-fonts/BebasNeue-Regular.otf") format("opentype");font-display:swap}
@font-face{font-family:Jimmy;src:url("web-fonts/JimmyScript-Rg.otf") format("opentype");font-display:swap}
:root{color-scheme:dark;--bg:#0b0b0a;--panel:#111110;--text:#eee8dc;--muted:#ada79c;--line:#302d27;--red:#ed492d;--green:#b4d954;--gutter:clamp(22px,5vw,80px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none;touch-action:manipulation}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
button,summary,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}
::selection{background:var(--red);color:#0b0b0a}
.wrap{width:min(100%,1600px);margin-inline:auto;padding-inline:var(--gutter)}
.skip-link{position:fixed;left:20px;top:16px;padding:12px 20px;background:var(--text);color:var(--bg);z-index:10;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;font-family:Bebas,sans-serif;font-size:27px;letter-spacing:1.4px;line-height:1}
.brand img{width:34px;height:43px;object-fit:contain}
.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2.6px;margin-top:8px;color:var(--muted)}
nav{display:flex;gap:32px;font-size:12px}
nav a,.header-cta{display:inline-flex;min-height:44px;align-items:center}
nav a{color:var(--muted)}
nav a:hover{color:var(--text)}
.header-cta{gap:32px;font-size:12px;border-bottom:1px solid var(--red)}
.header-cta span{color:var(--red);font-size:21px}
.hero{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding-top:70px}
.hero-copy{position:relative;z-index:1}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.7}
.hero .eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted)}
.ember{width:6px;height:6px;background:var(--red);border-radius:50%}
h1{font-family:Posey,Bebas,sans-serif;font-weight:400;font-size:clamp(58px,7.8vw,125px);line-height:1.06;letter-spacing:-1px;margin-top:29px}
h1 span{color:var(--red)}
.signature{font-family:Jimmy,cursive;font-size:clamp(25px,3vw,42px);font-weight:400}
.hero .signature{margin-top:14px}
.intro{font-size:14px;color:var(--muted);margin-top:29px;line-height:1.9}
.button{display:inline-flex;min-height:54px;align-items:center;justify-content:space-between;gap:48px;background:var(--red);color:#100d0b;padding:15px 24px;font-size:12px;font-weight:700;margin-top:30px;transition:background .2s}
.button:hover{background:#ff694d}
.button span{font-size:21px;line-height:1}
.hero-footnote{display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--muted);font-size:8px;letter-spacing:1.2px;margin-top:29px}
.hero-art{min-width:0;margin-left:-7%;margin-right:calc(var(--gutter)*-.6)}
.hero-art>img{width:100%;aspect-ratio:3/2;object-fit:contain}
.hero-art figcaption{display:flex;justify-content:center;gap:55px;font-size:9px;letter-spacing:1.6px;margin-top:18px;color:var(--muted)}
.hero-art figcaption span:last-child{color:var(--green)}
.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-top:64px;padding-block:20px;border-top:1px solid var(--line)}
.hero-bottom a{min-height:44px;display:flex;align-items:center;gap:22px}
.brand-band{display:flex;justify-content:space-around;align-items:center;gap:24px;padding:22px;background:#c43b23;color:#110b08;font-family:Bebas,sans-serif;font-size:24px;letter-spacing:2px;overflow:hidden}
.brand-band span{white-space:nowrap}
.brand-band i{font-size:17px;font-style:normal}
.collection{padding-top:110px;padding-bottom:110px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}
.section-heading .eyebrow,.character .eyebrow{color:var(--muted);margin-bottom:24px}
h2{font-family:Bebas,sans-serif;font-size:clamp(58px,6.2vw,94px);font-weight:400;line-height:.98;letter-spacing:1px}
h2 em{font-style:normal;color:var(--muted)}
.section-heading>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:320px}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.product{--accent:var(--red);min-width:0;background:var(--panel);border-top:1px solid var(--accent);padding:25px 34px 0}
.habanero{--accent:var(--green)}
.product-top{display:flex;justify-content:space-between;color:var(--accent);font-size:10px;letter-spacing:1.7px}
.product-image{position:relative;height:390px;width:180px;margin:14px auto 20px;overflow:hidden;background:transparent}
.product-image img{position:absolute;max-width:none;width:680px;height:453.33px;left:-161px;top:-28px;object-fit:fill}
.habanero .product-image img{left:-348px}
.original .product-image img{clip-path:polygon(31.836% 9.570%,32.617% 9.277%,40.560% 9.277%,41.667% 9.863%,41.927% 11.816%,41.667% 14.063%,41.862% 15.527%,41.797% 18.848%,41.016% 19.238%,41.146% 21.875%,41.536% 24.316%,42.253% 25.781%,44.010% 27.344%,45.898% 29.102%,47.331% 31.055%,48.242% 33.301%,48.698% 35.840%,48.828% 85.059%,48.438% 87.109%,47.591% 88.184%,45.508% 88.672%,26.823% 88.672%,25.326% 87.891%,24.805% 86.230%,24.479% 83.496%,24.544% 37.598%,24.740% 34.863%,25.326% 32.520%,26.432% 30.566%,27.930% 28.809%,29.883% 27.148%,31.055% 25.195%,31.706% 22.949%,31.966% 19.238%,31.706% 18.750%,31.641% 15.918%,31.771% 14.063%,31.641% 11.621%)}
.habanero .product-image img{clip-path:polygon(59.115% 9.668%,60.091% 9.375%,67.969% 9.375%,68.880% 9.863%,69.141% 11.621%,68.945% 13.867%,69.206% 15.918%,69.141% 18.750%,68.555% 19.336%,68.685% 22.266%,69.141% 24.414%,70.052% 26.074%,71.745% 27.539%,73.503% 29.492%,74.935% 31.738%,75.651% 34.180%,75.911% 37.305%,75.846% 84.766%,75.391% 87.109%,74.674% 88.184%,72.721% 88.672%,53.906% 88.672%,52.799% 88.086%,52.148% 86.621%,51.758% 84.375%,51.758% 37.012%,52.018% 34.375%,52.734% 32.031%,53.776% 29.980%,55.404% 28.223%,57.161% 26.563%,58.268% 24.805%,58.854% 22.656%,59.115% 19.238%,58.919% 18.652%,58.854% 16.016%,58.984% 13.867%,58.854% 11.719%)}
.product-info{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}
.product-info .eyebrow{color:var(--accent);font-size:9px}
h3{font-family:Jimmy,cursive;font-size:48px;line-height:1.5;font-weight:400}
.product-volume{font-family:Bebas,sans-serif;font-size:34px;line-height:1}
.product-volume small{display:block;font:9px Arial,sans-serif;letter-spacing:2px;text-align:right;margin-top:4px;color:var(--muted)}
.product-copy{font-size:14px;color:var(--muted);max-width:370px;min-height:90px;margin-top:12px;padding-bottom:22px}
.ingredients{border-top:1px solid var(--line);padding:24px 0 30px}
.ingredients h4{margin:0 0 12px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}
.ingredients p{font-size:14px;line-height:1.85;color:var(--muted)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:70px 100px;border-top:1px solid var(--line)}
.contact-copy .eyebrow{color:var(--muted);margin-bottom:24px}
.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:350px;margin-top:25px}
.contact-form{min-width:0}
.contact-form label{display:block;margin-bottom:9px;font-size:13px}
.contact-form label span{color:var(--muted);font-size:11px}
.contact-form input:not([type=hidden]),.contact-form select,.contact-form textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #57534b;border-radius:0;background:var(--panel);color:var(--text);font:16px Arial,sans-serif;margin-bottom:22px}
.contact-form textarea{resize:vertical;line-height:1.6}
.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--green);outline-offset:3px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-trap{display:none}
.form-note{font-size:12px;color:var(--muted);line-height:1.8}
.form-note a{text-decoration:underline}
.contact-form .button{border:0;cursor:pointer;font-family:inherit}
@media(max-width:700px){.contact{grid-template-columns:1fr;gap:35px;padding-block:55px}.form-row{grid-template-columns:1fr;gap:0}}
.character{border-block:1px solid var(--line);background:#10100e}
.character-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:80px;padding-bottom:80px}
.character-mark{display:flex;flex-direction:column;align-items:center;gap:32px}
.character-mark img{width:145px;height:175px;object-fit:contain}
.character-mark span{font-family:Posey,sans-serif;font-size:clamp(26px,3.5vw,50px);color:var(--red)}
.character h2 em{color:var(--red)}
.character h2+p{font-size:15px;line-height:1.9;margin-top:28px;color:var(--muted)}
.character .signature{font-size:28px;margin-top:24px}
.closing{text-align:center;padding-top:110px;padding-bottom:110px}
.closing .eyebrow{color:var(--muted);margin-bottom:26px}
.closing h2{font-size:clamp(58px,8vw,125px)}
.closing h2 span{color:var(--red)}
.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:27px;padding-bottom:27px;font-size:9px;letter-spacing:1.4px;color:var(--muted)}
.site-footer a{min-height:44px;display:flex;align-items:center}
.footer-brand{font-family:Bebas,sans-serif;font-size:27px;color:var(--text)}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;padding-top:55px}h1{font-size:7.7vw}.hero-art{margin-right:calc(var(--gutter)*-.8);margin-left:-12%}.hero-art figcaption{gap:20px;font-size:8px}.brand-band{font-size:19px}.product{padding-inline:22px}.product-image{width:180px}.original .product-image img{left:-161px}.habanero .product-image img{left:-348px}}
@media(max-width:700px){.site-header{height:83px}.brand{font-size:23px}.brand img{width:27px;height:35px}.brand small{font-size:8px;letter-spacing:1.8px}nav{display:none}.header-cta{font-size:10px;gap:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:42px}.hero-copy{max-width:100%}h1{font-size:clamp(55px,12vw,85px);margin-top:20px}.hero .signature{font-size:32px}.hero-art{margin:24px -14px 0}.hero-art figcaption{font-size:8px;gap:40px;margin-top:8px}.hero-bottom{margin-top:30px;font-size:8px;letter-spacing:1px}.hero-footnote{font-size:8px}.brand-band{flex-wrap:wrap;gap:10px 18px;padding:15px;font-size:17px}.brand-band span:nth-of-type(n+3),.brand-band i:nth-of-type(n+2){display:none}.collection{padding-block:65px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:25px}.product-grid{grid-template-columns:1fr;gap:30px}.product{padding-inline:24px}.product-image{width:180px}.original .product-image img{left:-161px}.habanero .product-image img{left:-348px}.product-copy{min-height:0}.character-inner{grid-template-columns:1fr;gap:45px;padding-block:60px}.character-mark{align-items:flex-start;flex-direction:row;gap:20px}.character-mark img{width:57px;height:68px}.character-mark span{font-size:29px;align-self:center}.closing{padding-block:70px}.site-footer{flex-wrap:wrap;gap:8px 20px}.site-footer>span{order:3;width:100%}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
