:root { --ink:#14231d; --forest:#17392e; --cream:#f2eee4; --paper:#fbf8f1; --copper:#c56d36; --line:rgba(20,35,29,.18); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; }
.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,5vw,76px); background:var(--paper); position:relative; z-index:5; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; text-transform:uppercase; }.brand .clay-mark{width:39px;height:39px;stroke:var(--copper);fill:none;stroke-width:2}.brand span{display:flex;flex-direction:column;line-height:.9}.brand strong{font:700 18px/1 Georgia,serif;letter-spacing:.08em}.brand em{color:var(--copper);font:italic 19px/1 Georgia,serif;letter-spacing:.18em}
nav{display:flex;gap:38px}nav a{text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:700}nav a:hover{color:var(--copper)}
.header-link,.primary-button,footer>a:last-child{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.15em}.header-link svg,.primary-button svg,footer>a:last-child svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.hero{min-height:calc(100vh - 88px);height:760px;position:relative;display:flex;align-items:center;overflow:hidden;color:white}.hero-media{position:absolute;inset:0;background-image:url('https://img.youtube.com/vi/UprPDMOi5Rs/maxresdefault.jpg');background-size:cover;background-position:center;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,17,.9) 0%,rgba(8,22,17,.66) 42%,rgba(8,22,17,.12) 78%),linear-gradient(0deg,rgba(8,22,17,.38),transparent 48%)}.hero-content{position:relative;z-index:2;width:min(720px,90%);margin-left:clamp(24px,8vw,125px)}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;text-transform:uppercase;font-size:11px;letter-spacing:.24em;font-weight:700}.eyebrow span{width:30px;height:1px;background:var(--copper)}.hero h1,.rifle h2,.video-heading h2{margin:0;font:400 clamp(70px,9vw,132px)/.82 Georgia,serif;letter-spacing:-.055em}.hero-copy{max-width:475px;font:400 18px/1.65 Georgia,serif;margin:32px 0}.primary-button{width:max-content;padding:18px 22px;background:var(--copper);transition:.2s}.primary-button:hover{background:#dc7a3e}
.play-link{position:absolute;z-index:2;right:clamp(24px,6vw,96px);bottom:50px;display:flex;gap:16px;align-items:center;text-decoration:none}.play-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;padding-left:3px;font-size:13px}.play-link>span:last-child{display:flex;flex-direction:column;font:italic 16px Georgia,serif}.play-link small{font:700 9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.2em;margin-bottom:5px}
.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw;padding:clamp(75px,11vw,155px) clamp(24px,9vw,140px)}.section-label{display:flex;gap:16px;align-items:flex-start;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700}.section-label span{color:var(--copper);font:italic 16px Georgia,serif}.section-label p{padding-top:4px;margin:0}.intro-copy{max-width:780px}.intro-copy p{font:400 18px/1.8 Georgia,serif;color:#506058}.intro-copy .lead{font-size:clamp(25px,2.6vw,39px);line-height:1.45;color:var(--ink);margin-top:0}.intro-copy a{text-decoration-color:var(--copper);text-underline-offset:4px}
.pricing-band{display:grid;grid-template-columns:1.4fr auto 1fr;align-items:center;gap:6vw;color:var(--cream);background:var(--copper);padding:60px clamp(24px,9vw,140px)}.eyebrow.dark span{background:var(--ink)}.pricing-band .eyebrow{margin-bottom:10px}.pricing-band h2{font:400 clamp(55px,6vw,84px)/1 Georgia,serif;margin:0}.pricing-band h2 span{font:italic 21px Georgia,serif;margin-left:12px}.pricing-band>.clay-mark{width:100px;stroke:rgba(255,255,255,.3);fill:none;stroke-width:1}.pricing-band>p{font:italic 17px/1.6 Georgia,serif}
.rifle{background:var(--forest);color:var(--cream);padding:clamp(80px,11vw,150px) clamp(24px,9vw,140px);display:grid;grid-template-columns:1fr 1fr;gap:9vw}.section-label.light{margin-bottom:85px;color:#c0cac5}.rifle h2{font-size:clamp(60px,7vw,105px)}.rifle h2 em{color:var(--copper);font-weight:400}.rifle-copy .lead{margin:0 0 46px;font:400 clamp(22px,2vw,31px)/1.55 Georgia,serif}.safety-note{border-top:1px solid rgba(255,255,255,.19);border-bottom:1px solid rgba(255,255,255,.19);padding:27px 0;display:flex;align-items:center;gap:20px}.safety-note>span{color:var(--copper);border:1px solid var(--copper);border-radius:50%;width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;font:italic 19px Georgia,serif}.safety-note p{margin:0;color:#bdc9c3;font-size:13px;line-height:1.6}.safety-note strong{color:white;display:block;text-transform:uppercase;letter-spacing:.13em;font-size:10px;margin-bottom:4px}.rifle-price{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:20px;margin-top:42px}.rifle-price small{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:10px;align-self:center}.rifle-price strong{font:400 56px Georgia,serif;color:var(--copper)}.rifle-price span{font:italic 14px/1.45 Georgia,serif;padding-bottom:6px}
.video-section{padding:clamp(80px,10vw,140px) clamp(24px,7vw,110px)}.video-heading{display:flex;align-items:end;justify-content:space-between;margin:0 auto 45px;max-width:1200px}.video-heading .eyebrow{align-self:flex-start;margin-top:8px}.video-heading h2{font-size:clamp(52px,6vw,88px);text-align:right}.video-frame{max-width:1200px;margin:auto;aspect-ratio:16/9;box-shadow:0 30px 70px rgba(20,35,29,.18);background:#0d1713}.video-frame iframe{width:100%;height:100%;border:0}
.assistants{padding:55px clamp(24px,9vw,140px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.assistants>p{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700;color:var(--copper)}.names{display:flex;align-items:center;gap:24px;font:italic clamp(18px,2vw,26px) Georgia,serif}.names i{display:block;width:5px;height:5px;border-radius:50%;background:var(--copper)}
footer{color:var(--cream);background:#0d1b16;padding:60px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:40px}.footer-brand .clay-mark{width:45px}.footer-info>p{color:#aab6b0;font:italic 15px/1.6 Georgia,serif;max-width:430px;margin:0}.footer-info address{display:flex;flex-wrap:wrap;gap:7px 0;margin-top:20px;color:#d5ddd9;font-style:normal;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.13em}.footer-info address>*{display:inline-flex;align-items:center;white-space:nowrap}.footer-info address>*:not(:last-child)::after{content:"";width:3px;height:3px;border-radius:50%;background:var(--copper);margin:0 11px}.footer-info address a{text-decoration:none}.footer-info address a:hover{color:var(--copper)}footer>a:last-child{justify-self:end;color:var(--copper)}
@media(max-width:800px){.site-header{height:74px;padding:0 20px}nav{display:none}.header-link{font-size:0;gap:0}.header-link svg{width:24px}.hero{height:680px;min-height:calc(100vh - 74px)}.hero-media{background-position:62% center}.hero h1{font-size:70px}.hero-content{margin-left:24px}.hero-copy{font-size:16px;max-width:340px}.play-link{display:none}.intro,.rifle{grid-template-columns:1fr;gap:45px}.intro-copy .lead{font-size:27px}.pricing-band{grid-template-columns:1fr;gap:20px}.pricing-band>.clay-mark{display:none}.pricing-band>p{margin:0}.section-label.light{margin-bottom:35px}.rifle-price{grid-template-columns:1fr auto}.rifle-price small{grid-column:1/-1}.video-heading{display:block}.video-heading h2{text-align:left}.assistants{align-items:flex-start;flex-direction:column}.names{align-items:flex-start;flex-direction:column;gap:12px}.names i{display:none}footer{grid-template-columns:1fr}.footer-info address{flex-direction:column;align-items:flex-start;gap:10px}.footer-info address>*:not(:last-child)::after{display:none}footer>a:last-child{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}