From f40750869870199480eb21ecf65603ba98b25389 Mon Sep 17 00:00:00 2001
From: martbost <martybostick@gmail.com>
Date: Sat, 19 Sep 2026 18:18:31 -0500
Subject: [PATCH] Landing on phones: hero photo as a strip above the copy; the
 468x60 ad scrolls inside its slot instead of widening the page

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
---
 public/admin.html | 2 +-
 public/app.html   | 2 +-
 public/index.html | 2 +-
 public/style.css  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/public/admin.html b/public/admin.html
index b7a4abe..92b9329 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>Admin · PolHunter</title>
 <meta name="robots" content="noindex,nofollow">
-<link rel="stylesheet" href="/style.css?v=4">
+<link rel="stylesheet" href="/style.css?v=5">
 <style>
   label{display:block;font-size:12px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 4px}
   input,textarea,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--edge);background:rgba(0,0,0,.35);color:var(--ink);font:14px var(--font)}
diff --git a/public/app.html b/public/app.html
index 9ff121d..b3e253e 100644
--- a/public/app.html
+++ b/public/app.html
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>Your board · PolHunter</title>
 <meta name="robots" content="noindex">
-<link rel="stylesheet" href="/style.css?v=4">
+<link rel="stylesheet" href="/style.css?v=5">
 </head>
 <body>
 <div class="wrap">
diff --git a/public/index.html b/public/index.html
index a424951..7238bef 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>PolHunter</title>
 <meta name="description" content="Missions across the network. Visit a site, find the thing, get a drip of POL to your wallet.">
-<link rel="stylesheet" href="/style.css?v=4">
+<link rel="stylesheet" href="/style.css?v=5">
 </head>
 <body>
 <div class="wrap">
diff --git a/public/style.css b/public/style.css
index 10c7614..6f2113b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -71,6 +71,6 @@ a{color:var(--pol-hi);text-decoration:none} a:hover{color:var(--gold-hi)}
 .msg{margin-top:10px;font-size:14px} .msg.ok{color:var(--ok)} .msg.bad{color:var(--bad)}
 .foot{padding:40px 0 30px;color:var(--dim);font-size:12.5px;line-height:1.7;border-top:1px solid var(--edge);margin-top:30px}
 .adslot{min-height:90px;display:flex;align-items:center;justify-content:center;margin:26px 0;color:var(--dim);font-size:12px}
-@media (max-width:820px){.hero{min-height:0;margin:0 -20px 6px;border-top:0}.hero-art img{object-position:64% 40%}.hero::before{background:linear-gradient(180deg,rgba(8,6,20,.25) 0%,rgba(8,6,20,.1) 34%,rgba(8,6,20,.82) 58%,var(--bg) 100%)}.hero-copy{padding:250px 20px 36px}.hero p{font-size:16.5px}.row{grid-template-columns:1fr auto;row-gap:6px}.row .when{grid-column:1/-1;font-size:13px;color:var(--pol-hi)}.adslot{margin:18px -4px}}
+@media (max-width:820px){.hero{min-height:0;margin:0 -20px 6px;border-top:0;display:block}.hero-art{position:relative;inset:auto;display:block;height:270px}.hero-art img{object-position:60% 50%}.hero::before{inset:auto 0 auto 0;top:150px;height:121px;background:linear-gradient(180deg,transparent,var(--bg))}.hero-copy{padding:6px 20px 32px}.hero p{font-size:16.5px}.adslot{overflow-x:auto;justify-content:flex-start}.row{grid-template-columns:1fr auto;row-gap:6px}.row .when{grid-column:1/-1;font-size:13px;color:var(--pol-hi)}.adslot{margin:18px -4px}}
 /* every drip row carries its blockchain verify link; on phones it sits on its own line (Marty, 2026-09-19) */
 .row a.when{color:var(--pol-hi)} .row a.when:hover{color:var(--gold-hi)}
