:root{--navy:#0d2d56;--text:#14263d;--muted:#65758a;--line:#dfe6ed;--soft:#f5f7f9;--blue:#3c8ce7;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:white}.wrap{max-width:var(--max);margin:auto;padding:0 34px}a{color:inherit;text-decoration:none}header{height:72px;background:#fff;border-bottom:1px solid #eef2f5;display:flex;align-items:center;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;gap:28px;width:100%}.brand{font-size:36px;font-weight:700;letter-spacing:-1.5px;color:#0b1f38;white-space:nowrap}.brand .theta{font-family:Georgia,serif;font-size:42px}.tagline{font:italic 15px Georgia,serif;color:#173b67;transform:rotate(-4deg);margin-right:auto;line-height:1.15}.menu{display:flex;gap:28px;font-size:14px}.search{border:1px solid #ccd7e2;border-radius:22px;padding:10px 16px;width:260px;color:#788799}.login{background:var(--navy);color:white;border-radius:22px;padding:11px 22px;font-weight:700;font-size:14px}.hero{background:url('../img/hero.svg') center/cover no-repeat;min-height:390px;position:relative;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(235,243,249,.82) 0%,rgba(235,243,249,.55) 42%,rgba(255,255,255,.05) 75%)}.hero-content{position:relative;padding:34px 0 30px;max-width:680px}.hero h1{font-size:74px;line-height:.92;margin:0 0 8px;letter-spacing:-3px;color:#0b213b}.hero .sub{font-size:27px;font-weight:700;line-height:1.05;margin-bottom:16px}.hero p{font-size:16px;line-height:1.42;margin:0 0 20px;max-width:640px}.actions{display:flex;gap:12px}.btn{display:inline-block;padding:13px 25px;border-radius:26px;font-weight:700;font-size:14px}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{border:1px solid var(--navy)}.handnote{position:absolute;right:7%;bottom:42px;color:white;font:italic 22px Georgia,serif;transform:rotate(-6deg);text-shadow:0 1px 3px #2c3e50}.section{padding:18px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2{font-size:30px;margin:0}.section-title a{font-size:14px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(13,45,86,.04);display:flex;flex-direction:column}.card-media{height:188px;position:relative;background:#ddd}.card-media img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:12px;left:12px;color:white;font-size:11px;font-weight:700;padding:7px 12px;border-radius:16px;background:#4c93e6}.quote .badge{background:#bea37a}.sport .badge{background:#668d3a}.travel .badge{background:#4e91dc}.event .badge{background:#8067cb}.food .badge{background:#d883a4}.card-body{padding:13px 14px 16px;display:flex;flex-direction:column;flex:1}.date{font-size:12px;color:var(--muted);margin-bottom:6px}.card h3{font-size:18px;line-height:1.08;margin:0 0 8px}.card p{font-size:14px;line-height:1.35;color:#4e5e72;margin:0 0 14px}.read{font-size:14px;color:#073c7c;font-weight:700;margin-top:auto}.info{display:grid;grid-template-columns:1fr 1px 1fr;gap:42px;background:linear-gradient(90deg,#f4f6f8,#fafafa);padding:18px;border-radius:8px;margin:18px 0 14px}.info .divider{background:#2a5b91}.info h3{margin:0 0 6px;font-size:18px}.info p{margin:0;font-size:14px;line-height:1.45}.allposts{padding:34px 0}.allposts h1{font-size:42px;margin:0 0 18px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter{border:1px solid var(--line);background:white;border-radius:18px;padding:8px 14px;cursor:pointer}.filter.active{background:var(--navy);color:white}.article{max-width:860px;margin:40px auto 70px}.article .eyebrow{font-size:13px;color:#4e6f95;font-weight:700;text-transform:uppercase}.article h1{font-size:48px;line-height:1.04;margin:8px 0 12px}.article .meta{color:var(--muted);margin-bottom:24px}.article .cover{width:100%;max-height:470px;object-fit:cover;border-radius:10px;margin-bottom:24px}.article p{font-size:18px;line-height:1.65}.buybox{border:1px solid var(--line);border-radius:10px;padding:18px;margin:25px 0;background:#f8fafc}.buybox .btn{margin-top:8px}.copylink{border:0;background:#edf3f8;border-radius:20px;padding:10px 15px;cursor:pointer}.page{max-width:900px;margin:45px auto 70px}.page h1{font-size:40px}.page p{font-size:17px;line-height:1.65}.contactbox{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}footer{border-top:1px solid var(--line);padding:18px 0 24px;margin-top:10px}.foot{display:flex;align-items:center;gap:16px;font-size:12px;color:#5f6e80}.foot .brand{font-size:27px}.footlinks{margin-left:auto;display:flex;gap:24px}.icons{display:flex;gap:12px;font-size:18px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.menu{display:none}.search{display:none}.tagline{margin-right:auto}.hero h1{font-size:64px}}@media(max-width:700px){.wrap{padding:0 18px}header{height:64px}.brand{font-size:30px}.brand .theta{font-size:35px}.tagline{display:none}.login{padding:9px 15px}.hero{min-height:440px}.hero-content{padding:28px 0}.hero h1{font-size:52px}.hero .sub{font-size:23px}.hero p{font-size:15px}.handnote{display:none}.grid{grid-template-columns:1fr}.card-media{height:230px}.info{grid-template-columns:1fr;gap:18px}.info .divider{height:1px}.foot{align-items:flex-start;flex-wrap:wrap}.footlinks{margin-left:0;width:100%;flex-wrap:wrap}.article{margin:28px 18px 50px}.article h1{font-size:36px}.article p{font-size:17px}.actions{flex-wrap:wrap}}

.textlink{display:inline-block;margin-top:10px;color:#073c7c;font-weight:700;font-size:14px}
.page .eyebrow{font-size:13px;letter-spacing:.12em;color:#4e6f95;font-weight:700;margin-bottom:4px}
.page .lead{font-size:25px;color:#173b67}
.page h2{font-size:27px;margin-top:34px;color:#0d2d56}
.page h3{font-size:21px;margin-top:28px}
.manifesto{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#f2f6fa,#fbfcfd);border:1px solid var(--line);border-radius:14px;padding:25px 28px;margin:30px 0}
.bigtheta{font:700 80px Georgia,serif;color:#0d2d56;line-height:1}
.manifesto h2{margin:0 0 8px}.manifesto p{margin:0}
.callout{font:700 28px/1.3 Georgia,serif;color:#0d2d56;border-left:5px solid #0d2d56;padding:18px 24px;margin:30px 0;background:#f7f9fb}
.privacyfun{max-width:920px}.privacyfun h1{font-size:44px}.privacyfun h2{margin-top:32px}
.plainlist{font-size:17px;line-height:1.9;background:#f7f9fb;border-radius:10px;padding:18px 22px;margin:18px 0}
.fakecookie{display:inline-block;background:#0d2d56;color:#fff;border-radius:28px;padding:14px 24px;font-weight:800;margin:6px 0;font-size:17px}
.privacyend{border:1px solid var(--line);background:linear-gradient(135deg,#f6f8fa,#fff);border-radius:14px;padding:25px 28px;margin-top:18px;font-size:18px;line-height:1.7}
.privacyend h3{font-size:30px;margin:18px 0 6px}
@media(max-width:700px){.manifesto{align-items:flex-start;padding:20px}.bigtheta{font-size:58px}.callout{font-size:23px}.privacyfun h1{font-size:36px}}

.post-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:310px}
.card-img,.card-placeholder{width:100%;height:190px;object-fit:cover}.card-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e7edf4,#f7f9fb);font:700 35px Georgia,serif;color:#345779}
.card-body{padding:18px}.card-body h3{margin:6px 0 8px}.card-body p{color:#546679}.meta{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#59718c}
.post-cover{width:100%;max-height:560px;object-fit:cover;border-radius:14px;margin:24px 0}
.post-content{font-size:17px;line-height:1.75}.post-content blockquote{font:700 28px/1.35 Georgia,serif;color:#16385f;border-left:4px solid #16385f;margin:30px 0;padding-left:22px}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0}.gallery img{width:100%;border-radius:10px}
.video{position:relative;padding-top:56.25%;margin:28px 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}
@media(max-width:700px){.gallery{grid-template-columns:1fr}}