:root{
  --blue:#a9c8e5;
  --blue2:#c7def0;
  --ink:#231d19;
  --paper:#f4eddc;
  --red:#8a2b28;
  --line:#2d251f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--blue);
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.14;
  background-image:radial-gradient(rgba(35,29,25,.28) .65px,transparent .65px);
  background-size:5px 5px;
  mix-blend-mode:multiply;
}
a{color:inherit}
.page-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:18px 0 30px}
.topbar{display:flex;align-items:center;justify-content:space-between;border:3px solid var(--line);background:var(--paper);padding:10px 13px;box-shadow:6px 6px 0 var(--line);position:relative;z-index:2}
.brand{text-decoration:none;font-weight:950;letter-spacing:-1px;font-size:20px}
.pill{font-size:12px;font-weight:900;border:2px solid var(--line);padding:7px 9px;background:var(--blue2)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;padding:48px 0 34px}
.hero-copy{padding:12px 4px}
.eyebrow,.section-kicker{font-size:12px;font-weight:900;letter-spacing:2px;margin:0 0 10px}
.stretch-title{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(82px,13vw,178px);line-height:.72;letter-spacing:-5px;margin:0;transform-origin:center bottom;transition:transform .18s ease}
.stretch-title:hover{transform:scaleY(1.055)}
.hero-line{font-weight:950;font-size:clamp(24px,4vw,48px);margin:30px 0 4px;letter-spacing:-1.3px}
.subline{font-size:18px;margin:0 0 24px;max-width:520px}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}
.ca-button,.pump-button{border:3px solid var(--line);box-shadow:5px 5px 0 var(--line);min-height:56px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.ca-button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--paper);padding:0 14px;max-width:520px;flex:1;min-width:280px;text-align:left}
.ca-label{background:var(--red);color:white;padding:5px 7px;font-size:11px}
.ca-value{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.copy-mark{font-size:11px;text-decoration:underline}
.pump-button{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);padding:0 18px}
.ca-button:active,.pump-button:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--line)}
.portrait-card{margin:0;border:3px solid var(--line);background:var(--paper);padding:12px;box-shadow:10px 10px 0 var(--line);transform:rotate(1.3deg)}
.photo-wrap{overflow:hidden;border:3px solid var(--line);background:var(--blue2);aspect-ratio:4/5}
.photo-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;animation:bob 4.6s ease-in-out infinite}
figcaption{font-size:11px;font-weight:900;letter-spacing:1.4px;padding:10px 2px 1px;text-align:center}
@keyframes bob{0%,100%{transform:translateY(0) scale(1.01)}50%{transform:translateY(-7px) scale(1.015)}}
.ticker-strip{border-top:3px solid var(--line);border-bottom:3px solid var(--line);background:var(--red);color:white;overflow:hidden;margin:8px calc(50% - 50vw) 30px;padding:11px 0;font-weight:950;letter-spacing:2px;white-space:nowrap;text-align:center}
.section-box{border:3px solid var(--line);background:var(--paper);box-shadow:7px 7px 0 var(--line);padding:28px;margin:24px 0}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:end}
h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(46px,7vw,84px);line-height:.9;margin:0;letter-spacing:-2px}
.about-copy{font-size:clamp(19px,2.6vw,30px);line-height:1.12;font-weight:800;margin:0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.stat-card{border:3px solid var(--line);background:var(--blue2);box-shadow:6px 6px 0 var(--line);padding:28px 20px;display:flex;flex-direction:column;gap:5px;text-align:center}
.stat-card strong{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(58px,8vw,96px);line-height:1}
.stat-card span{font-weight:950;letter-spacing:2px}
.quote{text-align:center;padding:48px 20px}
blockquote{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(50px,9vw,118px);line-height:.85;letter-spacing:-2px;margin:10px 0 0}
footer{display:flex;justify-content:space-between;gap:20px;border-top:3px solid var(--line);padding:18px 4px 0;font-weight:900;font-size:11px;letter-spacing:1px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);opacity:0;background:var(--ink);color:white;border:2px solid white;padding:10px 16px;font-weight:950;letter-spacing:2px;z-index:50;transition:.2s ease;pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){
  .page-shell{width:min(100% - 20px,620px)}
  .hero{grid-template-columns:1fr;padding-top:28px;gap:22px}
  .hero-copy{order:1}
  .portrait-card{order:2;transform:none}
  .stretch-title{font-size:clamp(76px,27vw,132px)}
  .actions{flex-direction:column}
  .ca-button{min-width:0;width:100%;grid-template-columns:auto minmax(0,1fr) auto}
  .pump-button{width:100%}
  .about{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .stat-card{padding:19px}
  footer{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.photo-wrap img{animation:none}.stretch-title{transition:none}}