
:root{--navy:#202345;--navy2:#151a36;--ink:#222943;--cream:#f6f4f0;--accent:#d4d6e0;--muted:#6b7081}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#fff;font-family:Georgia,'Times New Roman',serif}a{color:inherit}a:focus-visible{outline:3px solid #fff;outline-offset:4px}.home{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.poster{background:var(--navy);display:flex;align-items:stretch;justify-content:center;overflow:hidden}.poster img{width:100%;height:100%;object-fit:contain;object-position:center}.home-right{border-left:1px solid #111831;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,75px) clamp(24px,3.5vw,64px) 42px}.tagline{font-size:clamp(32px,4.15vw,76px);line-height:1.28;letter-spacing:-.018em;font-weight:800;color:#e3e1e1;text-shadow:2px 4px 2px #12152b;margin:0}.tagline em{font-style:italic}.home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vw,38px);margin-top:42px}.home-links a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:100px;background:#c9c9ce;color:#151b3e;text-decoration:none;font-weight:bold;font-size:clamp(15px,1.4vw,24px);line-height:1.2;padding:10px;transition:background .2s,transform .2s}.home-links a:hover{background:#fff;transform:translateY(-3px)}.site-footer{font-family:system-ui,Arial,sans-serif;font-size:12px;opacity:.7;text-align:center;padding:18px 10px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px clamp(20px,5vw,80px);background:var(--navy2);font-family:system-ui,Arial,sans-serif}.brand{text-decoration:none;font-family:Georgia,serif;font-size:22px;font-weight:bold;letter-spacing:.07em}.topbar nav{display:flex;flex-wrap:wrap;gap:10px 25px}.topbar nav a{text-decoration:none;font-size:14px;color:#ddd}.topbar nav a:hover,.topbar nav a[aria-current=page]{text-decoration:underline}.paper{background:var(--cream);color:var(--ink);min-height:calc(100svh - 140px)}.page-head{text-align:center;background:var(--navy);color:#f6f4f0;padding:55px 20px 50px}.eyebrow{font:600 12px system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#bfc3d9}.page-head h1{font-size:clamp(38px,5vw,66px);margin:10px 0 0}.content{max-width:850px;margin:auto;padding:50px 28px 70px;font-size:19px;line-height:1.78}.content p{margin:0 0 1.2em}.content .emphasis{font-size:26px;font-style:italic;font-weight:bold}.content .story-point{margin-left:22px}.content .act{margin:2.4em 0 1em;padding:14px 0;border-top:2px solid #b5b7c2;border-bottom:1px solid #d4d5dc;font-size:25px;letter-spacing:.02em}.content .beat{font-size:23px;margin:1.9em 0 .6em;line-height:1.3}.content .change{background:#e9e8ed;border-left:4px solid #585d80;padding:16px 20px;font-size:17px}.download{display:inline-block;margin:14px 0 28px;background:var(--navy);color:white;padding:14px 23px;text-decoration:none;font:600 15px system-ui,sans-serif;border-radius:3px}.download:hover{background:#3d4273}.byline{text-align:center;color:var(--muted);font-size:16px;margin-bottom:26px}.creator-grid{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:start}.creator-grid img{width:100%;height:auto;border-radius:4px}.contact{background:#e7e6ec;padding:25px 28px;margin-top:35px;font-size:17px}.contact h2{margin:0 0 10px;font-size:22px}.contact p{margin-bottom:8px}.inner-footer{background:var(--navy2);color:#d6d7e0;text-align:center;padding:25px 18px;font:13px system-ui,sans-serif}.inner-footer a{color:#fff}@media(max-width:900px){.home{grid-template-columns:1fr}.poster{height:min(80vh,760px)}.poster img{object-fit:contain}.home-right{border-left:0;min-height:450px;padding:35px 25px}.tagline{font-size:clamp(30px,6.5vw,54px);max-width:650px}.home-links{margin-top:36px}.creator-grid{grid-template-columns:180px 1fr}}@media(max-width:540px){.poster{height:auto;max-height:68svh}.poster img{height:auto;max-height:68svh;object-fit:contain}.home-right{min-height:auto}.home-links{grid-template-columns:1fr;gap:12px}.home-links a{min-height:62px;font-size:20px}.topbar{align-items:flex-start;flex-direction:column}.topbar nav{gap:10px 16px}.content{padding:32px 20px 55px;font-size:17px}.creator-grid{grid-template-columns:1fr}.creator-grid img{max-width:240px}.page-head{padding:38px 18px}}

/* Review round two: improved vertical rhythm, larger links, clearer reading. */
@media (min-width:901px){
  .home-right{justify-content:initial;padding-top:clamp(75px,8.5vh,135px);padding-bottom:clamp(52px,7vh,95px)}
  .tagline{margin-top:clamp(12px,3vh,42px)}
  .home-links{margin-top:auto;gap:clamp(12px,1.7vw,28px)}
  .home-links a{min-height:116px;font-size:clamp(17px,1.6vw,25px);padding:14px}
}
.content ul{padding-left:1.5em;margin:0 0 1.5em}
.content li{padding-left:.2em;margin:.35em 0}
.content .beat+p{margin-top:.6em}
.creator-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:38px}
.creator-grid img{width:100%;height:auto;object-fit:contain;border-radius:4px}
@media(max-width:900px){.creator-grid{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:540px){.creator-grid{grid-template-columns:1fr}.creator-grid img{max-width:340px;width:100%}}

/* Third review: headline presence and interior-page motto. */
.page-motto{
  font:700 clamp(12px,1.3vw,16px)/1.4 system-ui,Arial,sans-serif;
  letter-spacing:.23em;
  color:#d6d7e4;
  margin-top:17px;
}
@media(min-width:901px){
  .home-right{padding-top:clamp(58px,7vh,108px);padding-bottom:clamp(34px,5vh,70px)}
  .tagline{
    font-size:clamp(46px,4.65vw,88px);
    line-height:1.2;
    max-width:680px;
    text-wrap:balance;
  }
  .home-links{margin-top:34px}
}
@media(max-width:540px){
  .page-motto{font-size:12px;letter-spacing:.16em}
}

.page-motto{font-style:italic}

/* Mobile-only: keep navigation near tagline, without changing desktop. */
@media (max-width:900px){
  .home-right{
    min-height:0;
    justify-content:flex-start;
    gap:34px;
  }
  .home-links{margin-top:0}
}
@media (max-width:540px){
  .home-right{gap:34px}
}
