/* Oxford Gun Company — Newsletter subscription page.
   Load after screen.css. Scoped to body#subscribe content only;
   the header, navigation and footer are untouched. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');

body#subscribe #container-outer{background:linear-gradient(180deg,#f3eee5 0,#fbfaf7 680px)!important}
body#subscribe #container-outer>#container{--wine:#510b1b;--wine2:#741a31;--forest:#1f2922;--cream:#f3eee5;--paper:#fbfaf7;--ink:#20231f;--muted:#626760;--line:rgba(32,35,31,.15);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;box-sizing:border-box;width:min(1040px,calc(100% - 2*clamp(20px,4vw,60px)))!important;max-width:1040px!important;margin:0 auto!important;padding:clamp(48px,7vw,84px) 0!important;background:transparent!important;color:var(--ink);font:400 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
body#subscribe #container-outer>#container *,body#subscribe #container-outer>#container *::before,body#subscribe #container-outer>#container *::after{box-sizing:border-box}
body#subscribe #container-outer>#container .contentfullwidth{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body#subscribe #container-outer>#container .contentfullwidth>.subcontainer{position:relative;isolation:isolate;float:none!important;width:100%!important;max-width:880px!important;margin:0 auto!important;padding:clamp(42px,7vw,78px) clamp(24px,8vw,90px)!important;background:#fff!important;border:1px solid var(--line)!important;text-align:center!important;box-shadow:0 18px 48px rgba(32,35,31,.08);overflow:hidden}
body#subscribe #container-outer>#container .contentfullwidth>.subcontainer::before{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:7px;background:var(--wine)}

body#subscribe #container-outer>#container h1.centeredtext{max-width:720px;margin:0 auto 24px!important;padding:0!important;color:var(--wine)!important;text-align:center!important;font:500 clamp(2.7rem,5vw,4rem)/1.08 var(--serif)!important;letter-spacing:-.035em}
body#subscribe #container-outer>#container h1.centeredtext br{display:none!important}
body#subscribe #container-outer>#container p.centeredtext{max-width:720px;margin:0 auto!important;color:var(--muted)!important;text-align:center!important;font:400 clamp(15px,1.5vw,17px)/1.75 var(--sans)!important}

/* Privacy reassurance */
body#subscribe #container-outer>#container p.centeredtext:first-of-type{position:relative;margin-bottom:30px!important;padding:16px 20px 16px 50px!important;background:var(--cream)!important;border-left:4px solid var(--wine)!important;color:var(--ink)!important;text-align:left!important;font-weight:600!important}
body#subscribe #container-outer>#container p.centeredtext:first-of-type::before{content:'✓';position:absolute;top:50%;left:19px;color:var(--wine);font:700 19px/1 var(--sans);transform:translateY(-50%)}

/* Main subscribe action */
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(2){margin-bottom:28px!important;padding:clamp(26px,4vw,38px)!important;background:var(--forest)!important;color:rgba(255,255,255,.88)!important}
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(2){margin-bottom:28px!important;padding:clamp(26px,4vw,38px)!important;background:#e6ece7!important;border:1px solid rgba(31,41,34,.16)!important;color:var(--ink)!important}
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(2)>br{display:none!important}
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(2)>a{display:flex!important;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:50px;margin:16px auto 0!important;padding:14px 22px!important;background:var(--wine)!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;text-align:center!important;text-decoration:none!important;font:700 13px/1.35 var(--sans)!important;letter-spacing:.035em;transition:background .2s ease,color .2s ease,transform .2s ease}
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(2)>a:hover{background:#fff!important;color:var(--wine)!important;transform:translateY(-2px)}
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(2)>a:focus-visible{outline:3px solid #fff;outline-offset:4px}
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(2)>a:focus-visible{outline:3px solid var(--wine);outline-offset:4px}

/* Manual email alternative */
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(3){padding:24px clamp(18px,4vw,34px)!important;background:var(--cream)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(3) .breakword{display:block;margin:7px 0;color:var(--wine)!important;font-weight:700;overflow-wrap:anywhere}
body#subscribe #container-outer>#container p.centeredtext:nth-of-type(3)>strong{color:var(--wine)!important}
body#subscribe #container-outer>#container .subcontainer>br,body#subscribe #container-outer>#container .clearallclass{display:none!important}

@media(max-width:700px){
  body#subscribe #container-outer>#container{width:calc(100% - 30px)!important;padding:40px 0 58px!important}
  body#subscribe #container-outer>#container .contentfullwidth>.subcontainer{padding:38px 18px 24px!important}
  body#subscribe #container-outer>#container h1.centeredtext{font-size:2.55rem!important}
  body#subscribe #container-outer>#container p.centeredtext:first-of-type{padding:16px 16px 16px 44px!important}
  body#subscribe #container-outer>#container p.centeredtext:first-of-type::before{left:15px}
  body#subscribe #container-outer>#container p.centeredtext:nth-of-type(2){padding:24px 16px!important}
  body#subscribe #container-outer>#container p.centeredtext:nth-of-type(2)>a{width:100%;padding:14px 12px!important}
  body#subscribe #container-outer>#container p.centeredtext:nth-of-type(3){padding:21px 15px!important}
}

@media(prefers-reduced-motion:reduce){body#subscribe #container-outer>#container *,body#subscribe #container-outer>#container *::before,body#subscribe #container-outer>#container *::after{transition:none!important}}