:root {
  --ink: #0b0c0a;
  --ink-2: #111310;
  --panel: #151813;
  --panel-2: #1b1e18;
  --line: #35392f;
  --paper: #dedccf;
  --muted: #a3a496;
  --signal: #e25e35;
  --signal-2: #ff754a;
  --warning: #d9b74e;
  --max: 1180px;
  --condensed: "Barlow Condensed", Impact, sans-serif;
  --sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--paper);
  background: var(--ink);
  font-family: var(--sans);
  line-height: 1.55;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 80;
  opacity: .17;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.017) 0, rgba(255,255,255,.017) 1px, transparent 1px, transparent 3px);
  mix-blend-mode: soft-light;
}

.noise {
  position: fixed;
  inset: 0;
  z-index: 79;
  opacity: .035;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
}

::selection { background: var(--signal); color: #fff; }
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; }
button, input { font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.wrap { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
.section { padding: 108px 0; position: relative; }
.kicker, .eyebrow, .tag, .step-label {
  font-family: var(--condensed);
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.kicker { color: var(--signal); font-size: .9rem; margin: 0 0 12px; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  background: rgba(8,9,7,.84);
  border-bottom: 1px solid rgba(226,94,53,.18);
  backdrop-filter: blur(15px);
}
.nav-wrap { height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: 220px; }
.brand-mark { width: 52px; height: 52px; flex: 0 0 52px; }
.brand .ring { fill: none; stroke: var(--paper); }
.brand .outer { stroke-width: 2.2; }
.brand .inner { stroke-width: 1; stroke-dasharray: 2 4; opacity: .7; }
.brand .bolt { fill: var(--signal); }
.brand .ticks { fill: none; stroke: var(--paper); stroke-width: 2; }
.brand span { display: flex; flex-direction: column; line-height: 1; }
.brand strong { font-family: var(--condensed); font-size: 1.65rem; letter-spacing: .08em; }
.brand small { color: var(--muted); margin-top: 5px; font: 600 .58rem/1 var(--sans); letter-spacing: .18em; }
.primary-nav { display: flex; align-items: center; gap: 30px; }
.primary-nav a { color: #bbbcae; font-family: var(--condensed); font-weight: 700; font-size: .95rem; letter-spacing: .1em; text-transform: uppercase; transition: color .2s ease; }
.primary-nav a:hover { color: var(--signal-2); }
.menu-toggle { display:none; width: 42px; height: 42px; border: 1px solid var(--line); background: var(--panel); padding: 10px; cursor: pointer; }
.menu-toggle span:not(.sr-only) { display:block; height:2px; background:var(--paper); margin:5px 0; }

.hero {
  min-height: 850px;
  display: flex;
  align-items: center;
  padding: 160px 0 90px;
  overflow: hidden;
  background:
    radial-gradient(circle at 74% 38%, rgba(226,94,53,.13), transparent 26%),
    radial-gradient(circle at 82% 55%, rgba(217,183,78,.05), transparent 22%),
    linear-gradient(120deg, #080907 0%, #0f110d 48%, #090a08 100%);
}
.hero::after {
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  right:-190px;
  top:120px;
  border:1px solid rgba(226,94,53,.18);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(226,94,53,.025), 0 0 0 104px rgba(226,94,53,.018);
}
.hero-grid {
  position:absolute;
  inset:0;
  opacity:.20;
  background-image:
    linear-gradient(rgba(226,94,53,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(226,94,53,.12) 1px, transparent 1px);
  background-size: 65px 65px;
  transform: perspective(900px) rotateX(64deg) translateY(355px) scale(1.5);
  transform-origin: bottom;
  mask-image: linear-gradient(to top, #000, transparent 78%);
}
.signal-line { position:absolute; height:1px; background:linear-gradient(90deg, transparent, rgba(226,94,53,.8), transparent); opacity:.6; }
.signal-a { width:70%; top:38%; right:-8%; transform:rotate(-12deg); }
.signal-b { width:55%; top:59%; right:-5%; transform:rotate(7deg); }
.hero-content { position:relative; z-index:2; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:#bcbdae; font-size:.82rem; margin-bottom:24px; }
.pulse-dot { width:8px; height:8px; border-radius:50%; background:var(--signal); box-shadow:0 0 0 0 rgba(226,94,53,.5); animation:pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow:0 0 0 10px rgba(226,94,53,0); } 100% { box-shadow:0 0 0 0 rgba(226,94,53,0); } }
.hero h1 { max-width:920px; margin:0; font-family:var(--condensed); font-size:clamp(4.2rem, 8.2vw, 8.1rem); line-height:.82; letter-spacing:-.03em; font-weight:800; text-transform:uppercase; text-shadow:0 3px 0 #000; }
.hero h1 span { color:var(--signal); }
.hero-copy { max-width:720px; margin:30px 0 0; color:#c4c4b7; font-size:1.08rem; line-height:1.75; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:36px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px; font-family:var(--condensed); font-weight:800; letter-spacing:.08em; text-transform:uppercase; border:1px solid transparent; transition:.2s ease; }
.btn-primary { background:var(--signal); color:#100b08; border-color:var(--signal); box-shadow:5px 5px 0 #562315; }
.btn-primary:hover { transform:translate(2px,2px); box-shadow:3px 3px 0 #562315; background:var(--signal-2); }
.btn-ghost { border-color:#4e5148; background:rgba(20,22,18,.5); color:var(--paper); }
.btn-ghost:hover { border-color:var(--signal); color:var(--signal-2); }
.status-strip { margin-top:72px; display:grid; grid-template-columns:repeat(5, minmax(90px, 1fr)); max-width:820px; border:1px solid var(--line); background:rgba(11,12,10,.7); }
.status-strip div { display:flex; align-items:center; gap:10px; padding:13px 14px; border-right:1px solid var(--line); }
.status-strip div:last-child { border-right:0; }
.status-strip strong { color:var(--signal); font-family:var(--condensed); }
.status-strip span { color:#b6b7aa; font-family:var(--condensed); text-transform:uppercase; letter-spacing:.08em; font-weight:700; font-size:.8rem; }

.section-head { margin-bottom:48px; }
.section-head h2, .checklist-section h2, .about-section h2, .social-section h2 { margin:0; font:800 clamp(2.7rem,5vw,4.5rem)/.95 var(--condensed); text-transform:uppercase; letter-spacing:-.02em; }
.section-head p:not(.kicker), .section-intro { color:var(--muted); }
.split-head { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:60px; }
.section-intro { margin:0 0 4px; line-height:1.75; }
.centered { text-align:center; max-width:760px; margin-left:auto; margin-right:auto; }
.centered > p:last-child { max-width:650px; margin:17px auto 0; }

.threat-section { background:#0d0f0c; border-top:1px solid #1d201a; }
.threat-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
.threat-card { position:relative; min-height:375px; padding:30px; background:linear-gradient(145deg,#171a15,#11130f); border:1px solid var(--line); overflow:hidden; }
.threat-card::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:#4b4f44; }
.threat-card.featured::before { background:var(--signal); }
.threat-card:hover { border-color:#5e6256; }
.threat-code { position:absolute; top:17px; right:20px; font:700 .75rem var(--condensed); letter-spacing:.12em; color:#6f7268; }
.icon-wrap { width:64px; height:64px; display:grid; place-items:center; margin-bottom:50px; border:1px solid #42463c; transform:rotate(45deg); }
.icon-wrap svg { width:33px; transform:rotate(-45deg); fill:none; stroke:var(--signal); stroke-width:2.2; stroke-linejoin:round; stroke-linecap:round; }
.featured .icon-wrap { border-color:rgba(226,94,53,.6); background:rgba(226,94,53,.08); }
.featured .icon-wrap svg { fill:var(--signal); stroke:none; }
.threat-card h3 { margin:0 0 12px; font:800 1.6rem var(--condensed); letter-spacing:.03em; }
.threat-card p { color:#9fa094; font-size:.94rem; }
.threat-card a { position:absolute; left:30px; bottom:27px; color:#d9d8cc; font:700 .83rem var(--condensed); text-transform:uppercase; letter-spacing:.1em; }
.threat-card a span { color:var(--signal); margin-left:5px; }

.plan-section { background:
  linear-gradient(rgba(226,94,53,.035) 1px, transparent 1px),
  #11130f;
  background-size:100% 82px;
}
.steps { max-width:930px; margin:55px auto 0; border-top:1px solid var(--line); }
.step { display:grid; grid-template-columns:140px 1fr; gap:28px; padding:40px 0; border-bottom:1px solid var(--line); }
.step-num { font:800 4.5rem/.8 var(--condensed); color:#2f332b; -webkit-text-stroke:1px #60645a; }
.step-label { color:var(--signal); margin:0 0 5px; font-size:.78rem; }
.step h3 { margin:0 0 9px; font:700 1.65rem var(--condensed); text-transform:uppercase; }
.step p:last-child { margin:0; color:var(--muted); }

.intel-section { background:#0b0c0a; }
.intel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.intel-card { border:1px solid var(--line); background:#131510; overflow:hidden; }
.intel-main { grid-column:span 2; grid-row:span 2; }
.intel-visual { min-height:300px; position:relative; background:radial-gradient(circle at 73% 45%,rgba(226,94,53,.22),transparent 24%),linear-gradient(135deg,#171914,#090a08); overflow:hidden; }
.emp-visual::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(226,94,53,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(226,94,53,.07) 1px,transparent 1px); background-size:35px 35px; }
.emp-visual::after { content:"ELECTROMAGNETIC EVENT / POWER LOSS"; position:absolute; right:-126px; top:131px; transform:rotate(90deg); color:rgba(255,255,255,.16); font:700 .7rem var(--condensed); letter-spacing:.18em; }
.emp-visual svg { position:absolute; left:0; right:0; bottom:52px; width:100%; height:160px; fill:none; stroke:var(--signal); stroke-width:4; filter:drop-shadow(0 0 12px rgba(226,94,53,.55)); }
.stamp { position:absolute; z-index:2; left:25px; top:25px; padding:7px 10px; color:#100d09; background:var(--warning); font:800 .72rem var(--condensed); letter-spacing:.14em; transform:rotate(-2deg); }
.intel-body { padding:24px; }
.tag { color:var(--signal); margin:0 0 7px; font-size:.72rem; }
.intel-body h3 { margin:0 0 9px; font:700 1.55rem var(--condensed); text-transform:uppercase; }
.intel-main .intel-body h3 { font-size:2.15rem; }
.intel-body p:not(.tag) { color:var(--muted); font-size:.92rem; }
.intel-body a { display:inline-block; margin-top:8px; font:700 .83rem var(--condensed); letter-spacing:.09em; text-transform:uppercase; }
.intel-body a span { color:var(--signal); }
.mini-visual { height:145px; display:grid; place-items:center; background:#1a1d17; border-bottom:1px solid var(--line); font:800 2.5rem var(--condensed); color:#363a31; position:relative; overflow:hidden; }
.water::before { content:""; width:70px; height:92px; border:2px solid #565b4d; border-radius:58% 42% 59% 41% / 66% 37% 63% 34%; transform:rotate(45deg); position:absolute; }
.water span { position:relative; z-index:2; color:var(--signal); font-size:1.4rem; }
.radio::before { content:""; width:112px; height:76px; border:2px solid #565b4d; position:absolute; border-radius:3px; box-shadow:inset 0 0 0 7px #151713; }
.radio span { position:relative; z-index:2; font-size:1.2rem; color:var(--warning); }
.radio i { position:absolute; width:2px; height:45px; background:#777b70; transform:rotate(13deg); margin:-104px 0 0 70px; }
.battery::before { content:""; width:112px; height:54px; border:3px solid #565b4d; position:absolute; }
.battery::after { content:""; width:8px; height:18px; background:#565b4d; position:absolute; transform:translateX(62px); }
.battery span { position:relative; z-index:2; font-size:1.2rem; color:var(--signal); }

.checklist-section { background:var(--paper); color:#141510; }
.checklist-wrap { display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:center; }
.checklist-section .kicker { color:#b34323; }
.check-intro { color:#585b52; max-width:450px; margin:20px 0 30px; }
.check-grid { display:grid; grid-template-columns:repeat(2,1fr); border:1px solid #b7b5aa; background:#d5d3c6; }
.check-grid label { display:flex; min-height:92px; align-items:center; gap:13px; padding:18px; border-right:1px solid #b7b5aa; border-bottom:1px solid #b7b5aa; cursor:pointer; }
.check-grid label:nth-child(2n) { border-right:0; }
.check-grid label:nth-last-child(-n+2) { border-bottom:0; }
.check-grid input { appearance:none; width:24px; height:24px; flex:0 0 24px; border:2px solid #55584f; background:transparent; display:grid; place-items:center; }
.check-grid input:checked { background:#b34323; border-color:#b34323; }
.check-grid input:checked::after { content:"✓"; color:white; font-weight:800; }
.check-grid span { color:#55584f; font-size:.83rem; line-height:1.35; }
.check-grid b { display:block; color:#11130f; font:800 1.08rem var(--condensed); letter-spacing:.05em; margin-bottom:3px; }

.gear-section { background:#10120e; }
.gear-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.gear-card { min-height:345px; position:relative; padding:26px; border:1px solid var(--line); background:linear-gradient(150deg,#171a15,#12140f); }
.gear-number { position:absolute; top:19px; right:20px; color:#595d51; font:700 .8rem var(--condensed); letter-spacing:.1em; }
.gear-icon { width:62px; height:62px; margin:15px 0 43px; border:1px solid #555a4e; border-radius:50%; position:relative; }
.gear-icon::before,.gear-icon::after { content:""; position:absolute; }
.gear-icon.drop::before { width:20px; height:28px; left:19px; top:15px; border:2px solid var(--signal); border-radius:58% 42% 59% 41% / 66% 37% 63% 34%; transform:rotate(45deg); }
.gear-icon.power::before { left:24px; top:12px; width:12px; height:35px; background:var(--signal); clip-path:polygon(53% 0, 100% 0, 65% 42%,100% 42%, 22% 100%,42% 53%,0 53%); }
.gear-icon.comms::before { left:17px; top:16px; width:26px; height:29px; border:2px solid var(--signal); border-radius:2px; }
.gear-icon.comms::after { left:36px; top:4px; width:2px; height:19px; background:var(--signal); transform:rotate(16deg); }
.gear-icon.pack::before { left:16px; top:15px; width:28px; height:31px; border:2px solid var(--signal); border-radius:5px; }
.gear-icon.pack::after { left:23px; top:9px; width:14px; height:10px; border:2px solid var(--signal); border-bottom:0; border-radius:5px 5px 0 0; }
.gear-card h3 { margin:0 0 10px; font:800 1.7rem var(--condensed); text-transform:uppercase; }
.gear-card p { color:var(--muted); font-size:.88rem; }
.gear-link { position:absolute; left:26px; bottom:24px; right:26px; padding-top:15px; border-top:1px solid #33372e; font:700 .78rem var(--condensed); letter-spacing:.09em; }
.gear-link span { float:right; color:#666a5d; font-size:.68rem; }
.gear-link.disabled { cursor:not-allowed; }
.affiliate-note { margin:22px 0 0; color:#787b70; font-size:.73rem; text-align:center; }
.affiliate-note strong { color:#9c9e92; }

.about-section { background:#0a0b09; border-top:1px solid #252821; }
.about-grid { display:grid; grid-template-columns:.76fr 1.24fr; gap:90px; align-items:center; }
.about-badge-wrap { display:grid; place-items:center; position:relative; }
.about-badge-wrap::before { content:""; width:310px; height:310px; position:absolute; border:1px solid rgba(226,94,53,.15); border-radius:50%; box-shadow:0 0 0 26px rgba(226,94,53,.025); }
.about-badge { width:min(310px,100%); position:relative; z-index:2; filter:drop-shadow(0 20px 35px rgba(0,0,0,.45)); }
.badge-fill { fill:#181a15; }
.badge-ring { fill:none; stroke:#dad8c9; stroke-width:3; }
.badge-ring.thin { stroke-width:1; stroke-dasharray:4 5; opacity:.8; }
.badge-top,.badge-bottom { fill:#dedccf; font:800 42px var(--condensed); letter-spacing:4px; }
.badge-bolt { fill:var(--signal); }
.about-section h2 { margin-bottom:24px; }
.about-section p:not(.kicker) { color:var(--muted); max-width:680px; }
.principles { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; }
.principles span { border:1px solid #3b3f35; padding:8px 10px; color:#b5b6aa; font:700 .72rem var(--condensed); letter-spacing:.08em; }

.social-section { padding:74px 0; background:var(--signal); color:#120c08; }
.social-callout { display:grid; grid-template-columns:1.3fr .7fr; gap:50px; align-items:center; }
.social-section .kicker { color:#5b2314; }
.social-section p:not(.kicker):not(.config-note) { max-width:680px; margin-bottom:0; color:#4d2419; }
.social-section .btn-primary { background:#11130f; border-color:#11130f; color:#f0eddf; box-shadow:5px 5px 0 #7c2e19; min-width:210px; }
.social-actions { justify-self:end; text-align:center; }
.config-note { margin:12px 0 0; font-size:.7rem; color:#692916; }
.config-note code { background:rgba(255,255,255,.2); padding:2px 4px; }

.site-footer { padding:36px 0; background:#070806; border-top:1px solid #262920; }
.footer-grid { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.footer-brand { min-width:260px; }
.footer-copy { max-width:630px; color:#696c62; font-size:.7rem; text-align:right; }
.footer-copy p { margin:4px 0; }

@media (max-width: 960px) {
  .primary-nav { position:absolute; top:82px; left:0; right:0; display:none; flex-direction:column; align-items:flex-start; padding:22px 20px; background:#0b0c0a; border-bottom:1px solid var(--line); }
  .primary-nav.open { display:flex; }
  .menu-toggle { display:block; }
  .hero { min-height:760px; }
  .threat-grid, .gear-grid { grid-template-columns:repeat(2,1fr); }
  .split-head, .checklist-wrap, .about-grid, .social-callout { grid-template-columns:1fr; gap:30px; }
  .intel-grid { grid-template-columns:repeat(2,1fr); }
  .intel-main { grid-column:span 2; }
  .about-badge-wrap { order:2; margin-top:25px; }
  .social-actions { justify-self:start; text-align:left; }
}

@media (max-width: 680px) {
  .wrap { width:min(100% - 28px, var(--max)); }
  .section { padding:76px 0; }
  .nav-wrap { height:72px; }
  .brand-mark { width:44px; height:44px; flex-basis:44px; }
  .brand strong { font-size:1.35rem; }
  .primary-nav { top:72px; }
  .hero { min-height:auto; padding:135px 0 70px; }
  .hero h1 { font-size:clamp(3.25rem,18vw,5.1rem); }
  .hero-copy { font-size:.98rem; }
  .status-strip { grid-template-columns:repeat(2,1fr); margin-top:50px; }
  .status-strip div { border-bottom:1px solid var(--line); }
  .status-strip div:nth-child(2n) { border-right:0; }
  .status-strip div:last-child { border-bottom:0; }
  .threat-grid, .gear-grid, .intel-grid, .check-grid { grid-template-columns:1fr; }
  .intel-main { grid-column:auto; grid-row:auto; }
  .check-grid label, .check-grid label:nth-child(2n), .check-grid label:nth-last-child(-n+2) { border-right:0; border-bottom:1px solid #b7b5aa; }
  .check-grid label:last-child { border-bottom:0; }
  .step { grid-template-columns:72px 1fr; gap:18px; }
  .step-num { font-size:3.4rem; }
  .footer-grid { flex-direction:column; align-items:flex-start; }
  .footer-copy { text-align:left; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}


/* Uploaded brand assets */
.brand-logo-img {
  object-fit: contain;
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  background: rgba(0,0,0,.15);
}
.about-logo-img {
  border-radius: 50%;
  background: rgba(0,0,0,.18);
}

.hero {
  position: relative;
  background:
    linear-gradient(rgba(5,6,5,.52), rgba(5,6,5,.72)),
    radial-gradient(circle at 70% 36%, rgba(230,124,44,.23), transparent 24%),
    url('assets/grid-down-cover.png') center center / cover no-repeat,
    linear-gradient(120deg, #080907 0%, #0f110d 48%, #090a08 100%);
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(6,7,6,.88) 0%, rgba(6,7,6,.58) 35%, rgba(6,7,6,.32) 60%, rgba(6,7,6,.5) 100%);
  z-index:0;
}
.hero-content {
  max-width: 830px;
}
.hero h1, .hero-copy, .eyebrow, .hero-actions, .status-strip {
  position: relative;
  z-index: 2;
}
.hero-copy {
  max-width: 760px;
  background: rgba(8,9,7,.45);
  padding: 14px 16px;
  border-left: 3px solid var(--signal);
  backdrop-filter: blur(2px);
}
.hero-art-credit {
  position: absolute;
  right: min(5vw, 40px);
  bottom: 26px;
  z-index: 2;
}
.hero-logo-overlay {
  width: min(150px, 24vw);
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-radius: 50%;
  box-shadow: 0 18px 45px rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.16);
}
.section-head .kicker, .kicker {
  letter-spacing: .17em;
}
.about-badge-wrap::before {
  width: 340px;
  height: 340px;
}
.about-badge {
  width: min(360px, 100%);
}
.site-header {
  backdrop-filter: blur(7px);
}

@media (max-width: 960px) {
  .hero::before {
    background: linear-gradient(180deg, rgba(6,7,6,.78) 0%, rgba(6,7,6,.68) 35%, rgba(6,7,6,.72) 100%);
  }
  .hero-content {
    max-width: 100%;
  }
}

@media (max-width: 680px) {
  .hero {
    background-position: 60% center;
  }
  .hero-copy {
    padding: 12px 14px;
    font-size: .96rem;
  }
  .hero-logo-overlay {
    width: 88px;
  }
}