:root{--navy:#082f4f;--ink:#102b40;--sky:#0a9dca;--blue:#0b6c96;--orange:#ff6242;--cream:#f8f1e3;--green:#6eaf53;--yellow:#f6c74d;--line:rgba(8,47,79,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:var(--cream);font-size:16px;line-height:1.5}.nav-wrap{position:absolute;top:0;left:0;right:0;z-index:5}.nav{max-width:1240px;margin:auto;padding:26px 5vw;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Space Grotesk',sans-serif;color:white;text-decoration:none;font-weight:700;letter-spacing:-.03em;font-size:18px}.brand-mark{display:inline-block;color:var(--orange);font-size:20px;margin-right:8px}.nav-links{display:flex;gap:29px;align-items:center}.nav-links a{color:white;text-decoration:none;font-size:14px}.nav-links a:not(.nav-cta){opacity:.82}.nav-cta{background:var(--orange);padding:11px 18px;border-radius:999px;font-weight:700}.menu{display:none;background:none;border:1px solid rgba(255,255,255,.4);color:white;border-radius:99px;padding:8px 13px}.hero{min-height:720px;background:var(--sky);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px 6vw 70px;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;inset:auto 0 0;height:42px;background:var(--cream);clip-path:polygon(0 100%,100% 15%,100% 100%)}.hero-copy{max-width:630px;position:relative;z-index:2}.eyebrow,.section-label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}.eyebrow-dot{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1{font:600 clamp(46px,6.1vw,82px)/.96 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0 0 26px;max-width:700px}.hero h1 em,.closing em{font-style:normal;color:#ffd276}.lede{font-size:20px;line-height:1.45;max-width:540px;color:rgba(255,255,255,.88)}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:33px}.button{display:inline-block;border-radius:999px;text-decoration:none;font-weight:700;padding:14px 22px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0002}.button-primary{background:white;color:var(--navy)}.text-link{color:inherit;text-decoration:none;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link span{margin-left:7px}.hero-note{display:flex;gap:13px;align-items:center;color:rgba(255,255,255,.68);font-size:12px;margin-top:54px;text-transform:uppercase;letter-spacing:.08em}.rule{height:1px;width:32px;background:rgba(255,255,255,.4)}.hero-art{height:620px;display:flex;align-items:flex-end;justify-content:center;position:relative}.hero-art img{height:680px;max-width:100%;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1;filter:saturate(1.06)}.art-glow{position:absolute;width:470px;height:470px;background:#f7cb6a55;border-radius:50%;right:4%;top:6%}.intro-band{background:var(--navy);color:white;padding:52px 7vw;display:grid;grid-template-columns:150px 1fr 140px;gap:32px;align-items:center}.section-label{color:#ffcf6b;margin:0}.intro-band p{font:500 clamp(24px,3vw,40px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;max-width:840px;margin:0}.sun-stamp{justify-self:end;border:1px solid #ffcf6b;border-radius:50%;width:100px;height:100px;display:grid;place-items:center;text-align:center;color:#ffcf6b;font-size:11px;line-height:1.15;font-weight:700;letter-spacing:.1em;transform:rotate(10deg)}.section-pad{padding:110px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.section-heading h2,.book-copy h2,.closing h2{font:600 clamp(42px,5vw,70px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0}.heading-side{max-width:240px;margin:0;color:#486176}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tip-card{min-height:320px;padding:28px;border-radius:3px;display:flex;flex-direction:column}.tip-blue{background:#c7ecf2}.tip-orange{background:#ffaf6a}.tip-green{background:#b7d782}.tip-number{font:700 14px 'Space Grotesk';opacity:.6}.tip-card h3{font:600 33px/1 'Space Grotesk';letter-spacing:-.05em;margin:48px 0 14px}.tip-card p{max-width:300px;margin:0;font-size:16px}.tip-card a{margin-top:auto;color:inherit;font-weight:700;text-decoration:none;font-size:14px}.tip-card a span{margin-left:6px}.book-section{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:10vw;background:#e8f1e8;align-items:center}.book-cover{background:#0c789b;padding:28px 28px 0;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.book-cover img{width:100%;max-width:390px;display:block;mix-blend-mode:multiply;transform:translateY(20px)}.book-copy h2 span{color:var(--blue)}.book-copy>p:not(.eyebrow):not(.small-note){font-size:19px;max-width:500px;margin:28px 0}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:32px 0;border-top:1px solid var(--line)}.chapter-list div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:16px}.chapter-list span{font-size:12px;color:#567384;width:32px}.chapter-list b{font-size:14px}.button-orange{background:var(--orange);color:white}.small-note{display:inline-block;font-size:12px;color:#567384;margin-left:16px}.author{display:grid;grid-template-columns:1.25fr .75fr;gap:12vw;background:#fffaf0}.author-quote{max-width:720px}.quote-mark{display:block;font:700 100px/.5 'Space Grotesk';color:var(--orange)}blockquote{font:500 clamp(32px,4vw,56px)/1.05 'Space Grotesk';letter-spacing:-.05em;margin:12px 0 24px}cite{font-style:normal;font-weight:700}.author-bio{padding-top:48px;max-width:320px}.author-bio p:not(.eyebrow){font-size:18px}.closing{padding:90px 7vw;background:var(--navy);color:white;display:flex;align-items:end;justify-content:space-between;gap:24px}.closing h2{font-size:clamp(46px,6vw,82px)}.button-light{background:#ffcf6b;color:var(--navy)}footer{background:var(--navy);border-top:1px solid #ffffff22;color:#b7c9d0;padding:24px 7vw;display:flex;justify-content:space-between;font-size:13px}footer a{color:white;text-decoration:none}@media(max-width:800px){.nav{padding:20px 6vw}.nav-links{display:none;position:absolute;top:70px;left:6vw;right:6vw;background:var(--navy);padding:18px;flex-direction:column;align-items:stretch;border-radius:12px}.nav-links.open{display:flex}.nav-links a{padding:9px}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:115px;min-height:850px}.hero-art{height:350px;order:-1}.hero-art img{height:390px}.art-glow{width:270px;height:270px}.hero h1{font-size:52px}.lede{font-size:18px}.intro-band{grid-template-columns:1fr;gap:18px}.sun-stamp{justify-self:start}.section-pad{padding:75px 6vw}.section-heading{display:block}.heading-side{margin-top:18px}.tip-grid{grid-template-columns:1fr}.tip-card{min-height:260px}.book-section{grid-template-columns:1fr;gap:45px}.book-cover{min-height:430px}.book-cover img{max-width:320px}.author{grid-template-columns:1fr;gap:28px}.author-bio{padding-top:0}.closing{display:block}.closing .button{margin-top:35px}footer{flex-wrap:wrap;gap:12px}}
.book-cover{padding:0;align-items:stretch}.book-cover img{max-width:none;transform:none;mix-blend-mode:normal}

@media(max-width:800px){
  .hero-art{height:260px;margin:0 -6vw;width:calc(100% + 12vw)}
  .hero-art img{width:100%;height:260px;max-width:none;object-fit:cover;object-position:center 23%}
  .art-glow{display:none}
  .hero-copy{max-width:none}
  .hero h1{font-size:clamp(42px,12vw,54px);font-weight:700;line-height:.94;letter-spacing:-.065em;margin-bottom:20px}
  .hero .lede{font-size:17px;line-height:1.35}
  .hero-actions{gap:14px;align-items:flex-start}
  .hero-actions .button{padding:13px 18px}
  .hero-actions .text-link{font-size:14px;line-height:1.25;max-width:150px}
}
.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;z-index:10;background:var(--navy);color:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 10px 40px #082f4f44;display:flex;justify-content:space-between;gap:20px;align-items:center}.cookie-banner p{font-size:14px;line-height:1.4;margin:4px 0 0;color:#d7e6eb}.cookie-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cookie-actions button{border:0;background:transparent;color:#fff;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}.cookie-actions a{color:#fff;font-size:13px}.cookie-banner[hidden]{display:none}@media(max-width:700px){.cookie-banner{left:12px;right:12px;bottom:12px;display:block}.cookie-actions{margin-top:12px}}
