:root{--box:#c78b52;--paper:#f4ead6;--ink:#2b1a10;--red:#b92f22;--tape:#f2c86b;--muted:#71533d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Courier New",Courier,monospace;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(43,26,16,.05) 1px,transparent 1px),linear-gradient(rgba(43,26,16,.05) 1px,transparent 1px);background-size:42px 42px}
.stamp-nav{position:fixed;z-index:20;right:18px;top:18px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.stamp-nav a{padding:9px 12px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none;text-transform:uppercase;font-weight:900;font-size:12px;transform:rotate(-1deg)}
.stamp-nav a:nth-child(2n){transform:rotate(1deg);background:var(--tape)}
.hero{min-height:92vh;position:relative;display:grid;align-items:end;padding:86px clamp(18px,5vw,72px) 54px;overflow:hidden;background:var(--box)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68;filter:sepia(.12) contrast(1.05)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(244,234,214,.12),rgba(244,234,214,.96) 78%)}
.stamp{position:absolute;z-index:2;top:92px;left:clamp(18px,5vw,72px);border:5px solid var(--red);color:var(--red);padding:10px 14px;text-transform:uppercase;font-weight:900;transform:rotate(-7deg);font-size:22px}
.hero-copy{position:relative;z-index:2;max-width:1040px}
h1,h2,p,span{overflow-wrap:break-word}
h1{margin:0;font-family:Rockwell,"Courier New",serif;font-size:clamp(42px,7.4vw,112px);line-height:.9;text-transform:uppercase;letter-spacing:0}
.hero-copy p{max-width:760px;font-size:22px;line-height:1.35;background:rgba(244,234,214,.68);padding:12px 14px}
a,button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--red);color:#fff;border:0;padding:15px 22px;text-decoration:none;text-transform:uppercase;font-weight:900;cursor:pointer}
section{padding:76px clamp(18px,5vw,72px)}
.waybill{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch}
.paper{background:#fff9ea;border:2px solid var(--ink);padding:24px;box-shadow:10px 10px 0 rgba(43,26,16,.16)}
.paper p,.label{display:inline-block;margin:0 0 14px;background:var(--red);color:#fff;padding:6px 10px;text-transform:uppercase;font-weight:900;font-size:12px}
h2{margin:0;font-family:Rockwell,"Courier New",serif;font-size:clamp(32px,5vw,76px);line-height:.96;text-transform:uppercase}
.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px dashed var(--ink);background:#fff9ea}
.status-grid article{padding:22px;min-height:170px;border-right:1px dashed var(--ink);border-bottom:1px dashed var(--ink)}
.status-grid article:nth-child(2n){border-right:0}
.status-grid article:nth-last-child(-n+2){border-bottom:0}
.status-grid b{display:block;text-transform:uppercase;font-size:26px;color:var(--red);margin-bottom:14px}
.status-grid span{font-size:19px;line-height:1.35}
.handoff{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;background:#ead7b9}
.handoff img,.proof img{width:100%;display:block;object-fit:cover;border:2px solid var(--ink)}
.handoff img{aspect-ratio:16/10}.proof img{aspect-ratio:16/7}
.handoff p:not(.label),.launch p:not(.label){font-size:21px;line-height:1.4;color:#3e2a1d}
.proof{display:grid;gap:24px}
.route-reveal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.route-reveal span{background:#fff9ea;border:2px solid var(--ink);padding:16px;text-align:center;text-transform:uppercase;font-weight:900;color:var(--muted)}
.route-reveal span:last-child{color:#fff;background:var(--red);border-color:var(--red)}
.launch{display:grid;grid-template-columns:.92fr 1.08fr;gap:32px;border-top:3px solid var(--ink)}
form{display:grid;gap:12px;background:#fff9ea;border:2px solid var(--ink);padding:20px}
label{display:grid;gap:7px;text-transform:uppercase;font-weight:900;font-size:12px}
input{width:100%;border:2px solid var(--ink);background:var(--paper);padding:15px;font:18px "Courier New",Courier,monospace}
address{grid-column:1/-1;font-style:normal;color:var(--muted);font-weight:900}
@media(max-width:760px){
  body{width:100%;overflow-x:hidden}
  .stamp-nav{position:absolute;left:18px;right:18px;justify-content:flex-start}
  .stamp-nav a{font-size:11px;padding:8px 9px}
  .hero{min-height:auto;padding-top:150px}
  .stamp{position:relative;top:auto;left:auto;width:max-content;max-width:100%;margin-bottom:18px;font-size:16px}
  h1{font-size:clamp(32px,10.5vw,44px);line-height:.96;overflow-wrap:anywhere}
  h2{font-size:clamp(28px,9.5vw,42px);line-height:.98;overflow-wrap:anywhere}
  .hero-copy p{font-size:18px;overflow-wrap:anywhere}
  a,button{width:100%;text-align:center}
  .waybill,.handoff,.launch{grid-template-columns:1fr}
  .status-grid,.route-reveal{grid-template-columns:1fr}
  .status-grid article,.status-grid article:nth-child(2n),.status-grid article:nth-last-child(-n+2){border-right:0;border-bottom:1px dashed var(--ink)}
  .status-grid article:last-child{border-bottom:0}
}