@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Nothing+You+Could+Do&display=swap');
:root{--ink:#102d3b;--gold:#e3b45f;--paper:#f5f4ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}
.topbar{height:70px;position:absolute;z-index:20;left:4.5vw;right:4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#10222c;border-bottom:1px solid #24374322}.brand{font-size:18px;letter-spacing:.36em;font-weight:400}.topbar nav{display:flex;gap:27px;font-size:8px;letter-spacing:.11em}.topbar nav a{padding:28px 0 11px}.topbar nav .active{border-bottom:1px solid}.social{text-align:right;font-size:14px;letter-spacing:.3em}
.hero{height:600px;min-height:560px;position:relative;background-image:var(--hero);background-size:cover;background-position:center 38%;overflow:hidden}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,248,245,.12),rgba(245,248,245,.03) 45%,rgba(255,246,220,.08))}.hero-copy{position:absolute;left:4.7vw;top:130px;width:47%;z-index:2}.kicker{font-size:11px;letter-spacing:.36em;line-height:1.65;font-weight:500}.hero h1{font-size:clamp(54px,5.2vw,82px);font-weight:400;letter-spacing:.03em;line-height:.95;margin:15px 0 0}.hero h1 span{font-weight:300;color:#77a7bb}.hand{font-family:"Nothing You Could Do",cursive;font-size:34px;margin:4px 0 18px}.actions{display:flex;gap:18px}.button{display:inline-block;padding:15px 28px;font-size:9px;letter-spacing:.18em;font-weight:600}.gold{background:var(--gold)}.ghost{border:1px solid #163442;background:#ffffff12}.platforms{font-size:11px;margin-top:27px;font-weight:600}.signature{position:absolute;right:5vw;bottom:58px;font-family:"Nothing You Could Do",cursive;font-size:17px;transform:rotate(-7deg);text-align:right}
.buw{height:320px;position:relative;overflow:hidden;background:linear-gradient(90deg,#eef2f2 0 36%,#b6d5df 53%,#07516f 100%)}.underwater{position:absolute;inset:0 0 0 40%;opacity:.55;background:radial-gradient(ellipse at 48% -5%,#efffff 0,#93d3e5 12%,#277b99 34%,#07516f 70%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.underwater:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(104deg,transparent 0 55px,rgba(255,255,255,.16) 56px 58px,transparent 60px 95px);filter:blur(4px);transform:skewX(-12deg)}.buw-cover{position:absolute;left:4.8vw;top:22px;width:220px;height:276px;object-fit:cover;box-shadow:0 12px 25px #17374725}.buw-copy{position:absolute;left:28.5vw;top:40px;z-index:3}.buw-copy h2{font-weight:400;letter-spacing:.27em;font-size:28px;line-height:1.35;margin:8px 0 12px}.buw-copy>p:not(.kicker){font-size:8px;letter-spacing:.28em;line-height:1.5;margin-bottom:16px}.dark{color:#294856}.buw blockquote{position:absolute;right:5.5vw;top:72px;color:white;text-align:right;font-size:11px;letter-spacing:.24em;line-height:1.7;font-weight:500}.buw blockquote span{display:block;font-family:"Nothing You Could Do";font-size:18px;margin-top:15px}
.alive{padding:16px 4.7vw 28px;background:#f4f4f0}.sectionline{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:28px}.sectionline h2{font-weight:400;letter-spacing:.31em;font-size:26px;margin:0}.sectionline p{font-size:8px;letter-spacing:.35em;margin:0 0 5px}.sectionline a{font-size:8px;letter-spacing:.15em;border-bottom:1px solid;padding-bottom:4px}.chapters{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-top:13px}.chapters article{text-align:center}.chapters img,.art{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.chapters small{display:block;font-size:7px;margin-top:7px}.chapters b{display:block;font-size:7px;letter-spacing:.08em;line-height:1.3}.art{background-size:cover;background-position:center}.a2{background:radial-gradient(circle at 50% 30%,#d5eff2,#557b88 42%,#183746 78%)}.a3{background:linear-gradient(#acd3e4 0 50%,#d4b66f 51% 53%,#6e6f52 54%)}.a4{background:radial-gradient(circle,#fff5cf 0 15%,#a36d3e 16% 26%,#4c4036 27% 48%,#202b31 49%)}.a5{background:linear-gradient(120deg,#f4c376,#6c402a)}.a7{background:linear-gradient(#bcd7e1,#66859b 48%,#283f51)}.a8{background:linear-gradient(#d5e4e5 0 48%,#9ab3b6 49% 52%,#526b6f 53%)}.a9{background:linear-gradient(#aac6d1,#3d5863 55%,#18323d)}.a10{background:radial-gradient(circle at 55% 35%,#eef6ff,#52758d 24%,#132839 55%,#07131d)}
.checkpoint{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center;padding:55px 8vw;background:white}.checkpoint h2{font-weight:300;font-size:36px;letter-spacing:.08em;margin:10px 0}.checkpoint p{max-width:650px;line-height:1.7}.checkpoint img{width:100%;height:260px;object-fit:cover;object-position:50% 20%}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.social{display:none}.hero{height:650px;background-position:58% center}.hero-copy{width:85%;top:125px}.hero h1{font-size:54px}.signature{display:none}.buw{height:auto;padding:30px 6vw 35px;display:grid;grid-template-columns:130px 1fr;gap:22px}.underwater{inset:0;opacity:.25}.buw-cover,.buw-copy,.buw blockquote{position:relative;left:auto;right:auto;top:auto}.buw-cover{width:130px;height:165px}.buw blockquote{grid-column:1/-1;text-align:left;color:var(--ink);margin:10px 0}.chapters{grid-template-columns:repeat(5,1fr)}.sectionline{grid-template-columns:1fr}.checkpoint{grid-template-columns:1fr}.checkpoint img{display:none}}