:root{
	--sky:#6fb3e0;
	--sky-deep:#3d7fae;
	--cream:#f6efd8;
	--ink:#2f3327;
	--muted:#6b7159;
	--stone:#cfc3a4;
	--ember:#d9722e;
	--page:#f6efd8;
	--card:#fffdf4;
	--line:#e2d8bb;
}
@media (prefers-color-scheme: dark){
	:root:not([data-theme="light"]){
		--page:#1d2019;
		--card:#262a21;
		--ink:#f0e9d3;
		--muted:#a8ac96;
		--line:#3a3f32;
	}
}
:root[data-theme="dark"]{
	--page:#1d2019;
	--card:#262a21;
	--ink:#f0e9d3;
	--muted:#a8ac96;
	--line:#3a3f32;
}
*{box-sizing:border-box}
body{
	margin:0;
	background:var(--page);
	color:var(--ink);
	font-family:'Rubik',system-ui,-apple-system,sans-serif;
	font-weight:500;
	line-height:1.55;
	-webkit-font-smoothing:antialiased;
}
a{color:inherit}
.wrap{max-width:1000px;margin:0 auto;padding:0 16px}

.hero{
	background:linear-gradient(180deg,var(--sky) 0%,var(--sky-deep) 100%);
	padding:56px 0 0;
	text-align:center;
	overflow:hidden;
}
.hero img.logo{width:min(380px,74vw);height:auto;display:block;margin:0 auto;
	filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}
.hero h1{
	font-size:clamp(20px,4.6vw,30px);
	font-weight:900;
	color:#fffdf4;
	margin:18px 0 6px;
	text-shadow:0 3px 0 rgba(0,0,0,.22);
	letter-spacing:.2px;
}
.hero p{color:#eaf4fb;margin:0 auto 30px;max-width:44ch;font-size:clamp(15px,2.6vw,18px)}
.shot-lead{display:block;width:100%;max-width:900px;margin:0 auto;border-radius:14px 14px 0 0;
	box-shadow:0 -2px 30px rgba(0,0,0,.25)}

section{padding:56px 0}
h2{font-weight:900;font-size:clamp(22px,4vw,30px);margin:0 0 10px}
.lede{color:var(--muted);margin:0 0 30px;max-width:62ch}

.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{
	background:var(--card);
	border:1px solid var(--line);
	border-radius:14px;
	padding:20px 22px;
}
.card h3{font-weight:900;font-size:17px;margin:0 0 6px}
.card p{margin:0;color:var(--muted);font-size:15px}

.shots{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.shots img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block}

.zones{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.zones li{
	background:var(--card);border:1px solid var(--line);border-radius:999px;
	padding:6px 14px;font-size:14px;font-weight:700;color:var(--muted);
}

.soon{
	display:inline-block;background:var(--ember);color:#fffdf4;font-weight:900;
	border-radius:999px;padding:9px 20px;font-size:15px;
}

footer{border-top:1px solid var(--line);padding:30px 0 50px;color:var(--muted);font-size:14px}
footer a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
footer a:hover{color:var(--ink)}
.foot-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px}
/* Text pages: the policy and the support note. */
.doc{max-width:720px;margin:0 auto;padding:46px 16px 60px}
.doc .back{display:inline-block;margin-bottom:26px;color:var(--muted);text-decoration:none;
	font-weight:700;font-size:14px}
.doc .back:hover{color:var(--ink)}
.doc h1{font-weight:900;font-size:clamp(24px,5vw,32px);margin:0 0 6px}
.doc .when{color:var(--muted);font-size:14px;margin:0 0 30px}
.doc h2{font-size:18px;margin:30px 0 8px}
.doc p{margin:0 0 14px}
.doc p.small{color:var(--muted);font-size:14px}