
:root{--bg:#141311;--panel:#1e1b18;--bone:#d1c0a5;--light:#f0e8db;--muted:#a69a88;--line:#ffffff22}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--light);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--bone);outline-offset:4px}img{display:block;max-width:100%}.condensed,h1,h2,h3,.brand{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--bone)}.button{border:1px solid var(--bone);background:var(--bone);color:#171511;min-height:50px;padding:15px 25px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:25px;transition:.25s}.button:hover{background:transparent;color:var(--bone)}.button.ghost{background:transparent;color:var(--bone)}.button.ghost:hover{background:var(--bone);color:#171511}.notice{height:32px;display:grid;place-items:center;background:#d1c0a5;color:#171511;font-size:9px;letter-spacing:.22em;font-weight:700;text-align:center}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:#141311ed;backdrop-filter:blur(18px)}.navlinks{display:flex;gap:33px}.navlinks a,.nav-actions button{font-size:10px;letter-spacing:.17em;font-weight:700;text-transform:uppercase}.navlinks a:hover{color:var(--bone)}.brand{text-align:center;line-height:.77;font-size:35px;font-weight:900;letter-spacing:.075em}.brand span{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:.58em;margin-top:12px}.nav-actions{display:flex;align-items:center;gap:20px}.nav-actions button,.menu-btn{border:0;background:none;color:var(--light)}.menu-btn{display:none;font-size:25px}.hero{position:relative;min-height:min(810px,88svh);display:grid;grid-template-columns:1.04fr .96fr;background:radial-gradient(circle at 78% 45%,#3c352a 0,#1d1a16 36%,#11100f 75%);overflow:hidden}.hero-copy{padding:clamp(70px,10vw,150px) 4% 90px 10%;position:relative;z-index:2;align-self:center}.hero h1{font-size:clamp(88px,11.8vw,184px);line-height:.76;letter-spacing:-.025em;margin:27px 0 32px;font-weight:900}.hero h1 span{color:var(--bone)}.hero p{max-width:385px;color:#c3b8a8;font-size:13px;line-height:1.9;margin:0 0 32px}.hero-image{position:relative;min-height:620px;overflow:hidden}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:53% 18%;filter:contrast(1.1) saturate(.65) brightness(.78)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#191714 0,transparent 28%),linear-gradient(0deg,#141311bb,transparent 45%)}.vertical{position:absolute;right:23px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);letter-spacing:.35em;font-size:10px;z-index:3}.hero-bottom{position:absolute;bottom:24px;left:5%;z-index:3;font-size:10px;letter-spacing:.2em;color:#c2b4a1}.ticker{border-block:1px solid #554a3b;background:#242019;color:var(--bone);padding:15px;text-align:center;letter-spacing:.33em;font-size:10px;font-weight:700}.section{padding:110px 7%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.section-heading h2{font-size:clamp(54px,7vw,96px);line-height:.86;margin:14px 0 0;letter-spacing:-.015em}.section-heading p{max-width:300px;font-size:12px;line-height:1.8;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{min-width:0}.product-media{height:clamp(310px,35vw,490px);background:#29241e;position:relative;overflow:hidden;display:grid;place-items:center}.product-media img{width:100%;height:100%;object-fit:cover;object-position:50% 13%;filter:grayscale(.2) contrast(1.08);transition:transform .7s}.product:hover .product-media img{transform:scale(1.055)}.product-media .pill{position:absolute;top:16px;left:16px;border:1px solid #e7d9bf77;background:#171511a6;color:var(--light);padding:8px 12px;font-size:9px;letter-spacing:.18em}.product-media.mock{background:radial-gradient(circle at 50% 38%,#51463a,#211e19 65%)}.shirt-shape{position:relative;width:63%;aspect-ratio:.8;background:#262522;clip-path:polygon(25% 0,75% 0,100% 18%,85% 37%,75% 30%,75% 100%,25% 100%,25% 30%,15% 37%,0 18%);display:flex;align-items:center;justify-content:center;flex-direction:column;filter:drop-shadow(0 20px 15px #0008)}.shirt-shape:before{content:'';position:absolute;top:0;left:41%;width:18%;height:6%;border-radius:0 0 50% 50%;background:#171511}.shirt-shape span{font:900 clamp(18px,2.7vw,37px)/.8 'Barlow Condensed';letter-spacing:.08em;text-align:center;color:#d1c0a5}.shirt-shape small{font-size:8px;letter-spacing:.25em;color:#d1c0a5;margin-top:8px}.shirt-shape.cream{background:#cbbda4}.shirt-shape.cream span,.shirt-shape.cream small{color:#28231e}.product-meta{display:flex;justify-content:space-between;gap:10px;align-items:start;padding:20px 0}.product-meta h3{font-size:27px;line-height:1;margin:0 0 8px}.product-meta p{font-size:11px;color:var(--muted);margin:0}.product-meta button{background:none;border:0;border-bottom:1px solid var(--bone);color:var(--bone);font-size:10px;letter-spacing:.13em;padding:5px 0;white-space:nowrap}.split{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.split-photo{position:relative;background:#332a20;overflow:hidden}.split-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:grayscale(.55) sepia(.2) brightness(.72)}.split-photo:after{content:'EST. 2026  /  CHEYENNE, WY';position:absolute;bottom:25px;left:30px;font-size:10px;letter-spacing:.25em}.split-copy{background:#d1c0a5;color:#1c1915;padding:clamp(50px,8vw,125px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.split-copy .eyebrow{color:#65533d}.split-copy h2{font-size:clamp(65px,7vw,112px);line-height:.83;margin:25px 0}.split-copy p{font-size:13px;line-height:2;max-width:400px}.split-copy .button{background:#1d1a16;color:#f0e8db;border-color:#1d1a16;margin-top:25px}.verse{text-align:center;padding:125px 20px;background:radial-gradient(circle at 50% 10%,#332b22,#151310 68%);border-block:1px solid var(--line)}.verse blockquote{font:700 clamp(36px,5.4vw,78px)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;max-width:850px;margin:25px auto}.verse p{font-size:10px;letter-spacing:.3em;color:var(--bone)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#534738}.value{background:#1b1916;padding:50px 35px}.value b{font:800 45px 'Barlow Condensed';color:var(--bone)}.value h3{font-size:28px;margin:15px 0}.value p{font-size:12px;line-height:1.9;color:var(--muted)}.newsletter{text-align:center;padding:100px 20px}.newsletter h2{font-size:clamp(55px,7vw,100px);line-height:.9;margin:18px 0}.newsletter p{font-size:12px;color:var(--muted)}.newsletter form{display:flex;max-width:480px;margin:28px auto 0}.newsletter input{flex:1;min-width:0;background:#211e1a;border:1px solid #655848;color:white;padding:17px;font:inherit;font-size:12px}.newsletter .button{white-space:nowrap}.form-feedback{min-height:20px}.footer{padding:60px 7% 25px;background:#0e0d0c;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer .brand{text-align:left;font-size:50px}.footer .brand span{text-align:left}.footer p{color:var(--muted);font-size:12px;line-height:2}.footerlinks{display:flex;gap:32px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.footnote{border-top:1px solid var(--line);margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#8d8171}.overlay{position:fixed;inset:0;z-index:60;background:#080706bd;display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(10px)}.overlay.show{display:flex}.dialog{position:relative;width:min(470px,100%);background:#211e1a;border:1px solid #786c5c;padding:45px}.dialog h2{font-size:52px;line-height:.95;margin:20px 0}.dialog p{font-size:12px;line-height:1.9;color:var(--muted)}.close{position:absolute;right:18px;top:12px;background:none;border:0;color:var(--light);font-size:28px}.sizes{display:flex;gap:8px;margin:25px 0}.sizes button{background:transparent;color:var(--light);border:1px solid #6b6153;width:45px;height:45px}.sizes button.active{background:var(--bone);color:#171511}.entrance{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 43%,#51402d 0,#211a15 34%,#090909 78%);display:grid;place-items:center;overflow:hidden;transition:opacity .85s,visibility .85s}.entrance.hide{opacity:0;visibility:hidden}.entrance:before{content:'';position:absolute;inset:0;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");pointer-events:none}.entry-scene{position:absolute;width:min(750px,95vw);height:min(700px,80vh);top:48%;left:50%;transform:translate(-50%,-50%) perspective(900px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .2s ease-out;transform-style:preserve-3d;filter:drop-shadow(0 35px 38px #000b)}.entry-glow{position:absolute;inset:12% 15%;border-radius:50%;background:#b78a5045;filter:blur(80px);transform:translateZ(-90px)}.bull{position:absolute;width:100%;height:90%;top:8%;left:0;transform:translateZ(-35px);opacity:.95}.cross{position:absolute;top:16%;left:50%;width:45px;height:72%;transform:translateX(-50%) translateZ(110px);background:linear-gradient(90deg,#29160d,#6d482d 24%,#b48a55 48%,#69452c 80%,#25170e);box-shadow:10px 20px 35px #000b,inset -5px 0 7px #170d09;border-radius:3px}.cross:before{content:'';position:absolute;left:50%;top:25%;transform:translateX(-50%);width:245px;height:42px;background:linear-gradient(#b28a57,#56361e 58%,#2a190e);box-shadow:5px 12px 24px #0009;border-radius:2px}.entry-copy{position:relative;z-index:2;text-align:center;align-self:end;margin-bottom:clamp(35px,6vh,80px);padding:20px}.entry-copy .eyebrow{letter-spacing:.5em}.entry-copy h1{font-size:clamp(68px,10vw,155px);line-height:.8;margin:14px 0 15px;text-shadow:0 8px 25px #000b}.entry-copy p{font-size:11px;letter-spacing:.45em;margin-bottom:24px}.entry-copy .button{min-width:205px}.entry-skip{position:absolute;right:25px;top:25px;background:transparent;border:0;color:#d1c0a5;font-size:10px;letter-spacing:.2em;z-index:4}.entry-footer{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.3em;color:#a89882}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.nav{height:70px}.menu-btn{display:block}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;background:#141311;padding:25px 6%;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.brand{font-size:28px}.nav-actions{gap:8px}.hero{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:85px 7% 75px}.hero h1{font-size:clamp(90px,18vw,140px)}.hero-image{height:430px;min-height:0}.hero-image:after{background:linear-gradient(0deg,#141311,transparent 35%)}.section{padding:75px 5%}.products{grid-template-columns:repeat(2,1fr)}.product-media{height:340px}.split{grid-template-columns:1fr}.split-photo{height:430px}.split-copy{padding:75px 8%}.values{grid-template-columns:1fr}.footer-top{flex-direction:column}.footerlinks{flex-wrap:wrap}.entry-scene{top:40%;height:65vh}.entry-copy{margin-bottom:8vh}.cross{width:30px}.cross:before{width:160px;height:30px}}@media(max-width:540px){.nav{padding:0 4%}.nav-actions button{font-size:9px}.section-heading{display:block}.products{grid-template-columns:1fr}.product-media{height:440px}.hero-image{height:380px}.hero-copy{padding:65px 7%}.hero h1{font-size:100px}.newsletter form{flex-direction:column;gap:10px}.footnote{gap:20px;flex-direction:column}.entry-copy h1{font-size:72px}.entry-copy p{letter-spacing:.24em}.entry-scene{top:39%}.bull{top:10%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.shopify-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.shopify-product-grid a{display:block}.shopify-product-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.shopify-product-grid h3{font-size:26px;margin:15px 0 5px}.shopify-product-grid p{font-size:13px;color:var(--bone)}.shopify-buy{display:inline-flex;margin-top:12px}.product-page{padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:7%}.product-page img{width:100%;height:auto}.product-page h1{font-size:clamp(55px,7vw,100px);line-height:.9}.product-page select{padding:15px;width:100%;background:#211e1a;color:#f0e8db;border:1px solid #786c5c;margin:20px 0}.product-page button{width:100%}.site-cart{padding:70px 7%;min-height:50vh}.site-cart h1{font-size:75px}.site-cart input{width:75px;padding:10px}.site-cart-item{display:flex;align-items:center;gap:25px;padding:20px 0;border-bottom:1px solid #786c5c}.site-cart-item img{width:100px}.shopify-notice{margin:20px 0;color:var(--bone)}@media(max-width:760px){.shopify-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-page{grid-template-columns:1fr}.site-cart h1{font-size:55px}}
/* Chuteborn editorial / photographic entrance refresh */
.entrance{background:#0b0908}
.entry-scene{width:100%;height:100%;top:50%;left:50%;background-image:linear-gradient(180deg,rgba(0,0,0,.13),rgba(0,0,0,.12) 44%,rgba(0,0,0,.36)),url("bull-cross-entrance.webp");background-size:cover;background-position:center center;filter:none;transform:translate(-50%,-50%) perspective(1200px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) scale(1.055);transition:transform .4s ease-out}
.entry-copy{z-index:3;text-shadow:0 3px 20px #000,0 1px 6px #000}
.entry-footer,.entry-skip{z-index:5}
.entrance:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.35) 100%);pointer-events:none}
.hero-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#453525,#211b17 48%,#100f0d 90%);border-left:1px solid #d1c0a52b}
.hero-art-content,.story-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#d1c0a5;padding:2rem;gap:12px}
.hero-art-content span,.hero-art-content small,.story-symbol small{font-size:11px;letter-spacing:.3em}
.hero-art-content strong{font:800 clamp(48px,6vw,112px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.05em}
.product-no-photo{width:100%;min-height:300px;aspect-ratio:4/5;background:radial-gradient(circle at 45% 35%,#403326,#1a1714 65%,#100e0c);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d1c0a5;gap:12px}
.product-no-photo span{font:800 clamp(35px,4vw,64px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:.08em}
.product-no-photo small{font-size:11px;letter-spacing:.45em}
.story-symbol{min-height:100%;background:radial-gradient(circle,#4c3c2d,#171310 70%)}
.story-symbol span{font-size:clamp(100px,15vw,230px);font-weight:300;line-height:1}
.story-symbol strong{font:800 clamp(40px,5vw,90px) 'Barlow Condensed',Impact,sans-serif}
@media(max-width:700px){.entry-scene{background-position:49% center}.hero-art{min-height:400px}.entry-copy{padding:0 20px}}
@media(prefers-reduced-motion:reduce){.entry-scene{transform:translate(-50%,-50%) scale(1.02)!important}}

/* Minimal entrance: only Built by God and Chuteborn Apparel */
.entry-copy{margin-bottom:clamp(42px,8vh,110px);background:linear-gradient(180deg,transparent,#09080766);border-radius:16px}
.entry-copy h1{font-size:clamp(60px,9vw,140px);line-height:.9}
.entry-copy p{font-size:clamp(12px,1.4vw,17px);font-weight:700;letter-spacing:.4em;margin:12px 0 24px}
.entry-copy .button{min-width:62px;width:62px;height:55px;padding:0;font-size:25px;background:#d1c0a5db}
.entry-skip{font-size:30px;line-height:1;right:20px;top:15px}
.entry-scene{background-position:center center;background-size:cover}
@media(max-width:700px){.entry-scene{background-position:36% center}.entry-copy{margin-bottom:10vh}.entry-copy h1{font-size:clamp(52px,13vw,88px)}}
