:root{--bg:#101b20;--ink:#eeeae0;--muted:#a6b0b0;--gold:#d5b57d;--line:#344248}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:absolute;top:-80px;background:var(--gold);color:#101b20;padding:12px;z-index:5}.skip:focus{top:0}header{height:112px;display:flex;justify-content:space-between;align-items:center;padding:0 6%;border-bottom:1px solid var(--line)}.wordmark{font:23px Georgia,serif;letter-spacing:3px}.wordmark span{display:block;font:9px Arial;letter-spacing:3.1px;margin-top:9px;color:var(--gold)}nav{display:flex;gap:36px;font-size:13px}nav [aria-current]{color:var(--gold)}main{min-height:70vh}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.5px;font-weight:600;margin:0 0 28px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-2px;margin:0 0 28px}h1{font-size:clamp(45px,5.7vw,86px)}h2{font-size:clamp(32px,3.3vw,49px);letter-spacing:-1px}em{font-weight:400;color:var(--gold)}p{max-width:580px;color:var(--muted)}.lede{font-size:19px;line-height:1.6}.hero{min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-copy{padding:85px 6%;position:relative;z-index:2;width:72%}.hero h1{font-size:clamp(45px,5.6vw,84px)}.hero .lede{margin:32px 0 36px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:30px 0}.button{background:var(--gold);color:#101b20;display:inline-flex;justify-content:space-between;gap:30px;padding:15px 23px;font-size:12px;font-weight:600}.button:hover{background:#ebcd98;color:#101b20}.textlink{font-size:13px;border-bottom:1px solid #67716f;padding-bottom:6px}.small{font-size:11px;letter-spacing:.4px}.hero-note{margin-top:64px;font-size:9px;letter-spacing:2.4px}.atmosphere{position:absolute;right:0;top:0;bottom:0;width:57%;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,#54747d55,transparent 60%),linear-gradient(100deg,#101b20 3%,#16292e 50%,#091216);opacity:.9}.atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101b20,transparent 60%),repeating-linear-gradient(113deg,transparent 0 28px,#a1b6ba09 29px 30px);pointer-events:none}.moon{position:absolute;width:230px;height:230px;top:100px;right:100px;border-radius:50%;background:#9bb4b310;filter:blur(15px)}.buildings{position:absolute;inset:120px -50px 0 15%;background:repeating-linear-gradient(90deg,#071216 0 74px,#284047 76px 79px,#0a171c 80px 145px);clip-path:polygon(0 20%,15% 25%,15% 10%,31% 16%,31% 35%,44% 39%,44% 23%,57% 20%,57% 5%,70% 0,70% 27%,80% 22%,80% 15%,100% 2%,100% 100%,0 100%)}.road{position:absolute;bottom:-180px;left:0;width:100%;height:500px;background:repeating-linear-gradient(0deg,transparent 0 15px,#7391940b 16px 17px),linear-gradient(90deg,#13282c,#4e6a7030,#09161c);transform:perspective(250px) rotateX(50deg)}.crosshair{position:absolute;width:220px;height:220px;border:1px solid #b5c6c220;right:15%;top:26%;border-radius:50%}.crosshair:after{content:'+';position:absolute;top:35%;left:46%;color:#d5b57d66;font-size:28px}.coordinate{position:absolute;right:9%;bottom:48px;color:#8a9e9f;font:8px/2 monospace;letter-spacing:2px}.feature{padding:85px 6%;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);background:#142228}.rule-copy{border-left:1px solid var(--line);padding-left:12%}footer{padding:45px 6%;display:flex;align-items:center;gap:34px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.footbrand{font:22px Georgia;color:var(--ink);margin-right:auto}footer span{font-size:10px}.book-layout,.author-layout{padding:90px 8%;display:grid;grid-template-columns:.8fr 1fr;gap:10%;align-items:center}.book-art{min-height:510px;max-width:360px;background:linear-gradient(165deg,#1d343b,#0b151a 55%,#5b171a);border:1px solid #516066;box-shadow:15px 22px 45px #0006;padding:40px 28px;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;text-align:center}.book-art>span{font:15px Georgia;letter-spacing:5px}.book-art strong{font:58px Georgia;letter-spacing:5px;margin-top:65px;z-index:1}.book-art i{font:35px/1.1 Georgia;letter-spacing:3px;color:#cdac7b;z-index:1}.book-art small{font-size:8px;letter-spacing:3px;margin-top:auto;z-index:1}.waterlines{position:absolute;inset:60% 0 0;background:repeating-linear-gradient(-9deg,transparent 0 14px,#c6847129 15px 16px)}.strip{padding:80px 18%;background:#e9e5db;color:#18272d}.strip p{color:#516167}.strip em{color:#87542c}.strip .eyebrow{color:#87542c}.strip .textlink{color:#18272d}.pageintro{padding:90px 9% 80px;position:relative;background:radial-gradient(ellipse at 90% 40%,#34545b50,transparent 65%)}.pageintro h1{font-size:clamp(60px,7.5vw,110px)}.steps{padding:65px 9%;display:grid;grid-template-columns:repeat(3,1fr);gap:6%;border-top:1px solid var(--line)}.steps article>span{font-size:10px;letter-spacing:2px;color:var(--gold)}.steps h2{font-size:29px;margin-top:28px}.steps p{font-size:14px}.author-monogram{font:130px Georgia;text-align:center;color:var(--gold);padding:100px 0;border:1px solid var(--line);background:radial-gradient(ellipse,#29434b55,transparent)}.author-monogram span{font:9px Arial;letter-spacing:3px;display:block;margin-top:20px}.email{font:clamp(22px,3.5vw,45px) Georgia;border-bottom:1px solid var(--gold);padding-bottom:10px;display:inline-block;margin-top:25px}.contact{min-height:530px}
@media(min-width:1500px){body{max-width:1700px;margin:auto}}@media(max-width:760px){header{height:auto;min-height:115px;align-items:flex-start;padding:24px 6%;gap:25px;flex-direction:column}nav{gap:22px;font-size:12px;flex-wrap:wrap}.hero{min-height:650px}.hero-copy{width:100%;padding:70px 6% 40px}.hero h1{font-size:47px;letter-spacing:-1.5px}.atmosphere{width:100%;opacity:.45}.hero-note{margin-top:60px}.actions{gap:22px}.feature,.book-layout,.author-layout{grid-template-columns:1fr;gap:55px;padding:60px 7%}.rule-copy{padding:45px 0 0;border-left:0;border-top:1px solid var(--line)}.book-art{width:290px;min-height:430px;margin:auto}.book-art strong{margin-top:42px;font-size:48px}.book-art i{font-size:29px}.strip{padding:60px 8%}.steps{grid-template-columns:1fr;gap:35px;padding:55px 8%}.steps article+article{border-top:1px solid var(--line);padding-top:30px}.pageintro{padding:65px 7%}.pageintro h1{font-size:62px}footer{flex-wrap:wrap;gap:20px;padding:35px 7%}.footbrand{flex-basis:100%}.author-monogram{padding:60px 0}h1{font-size:52px}}

/* Original background from Nina Trays’s Canva website. */
.hero{background:linear-gradient(90deg,rgba(7,17,23,.72) 0%,rgba(7,17,23,.48) 43%,rgba(7,17,23,.08) 75%),url("canva-background.jpg") center center/cover no-repeat;}
@media(max-width:760px){.hero{background-position:62% center;background-image:linear-gradient(90deg,rgba(7,17,23,.83),rgba(7,17,23,.45)),url("canva-background.jpg");}}

.official-book-cover{display:block;width:100%;max-width:360px;height:auto;box-shadow:15px 22px 45px #0006;margin:0 auto;}
@media(max-width:760px){.official-book-cover{max-width:290px;}}

/* WWRD typewriter, inspired by the author's reel; Friday schedule. */
.wwrd-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding-right:7%;overflow:hidden}
.wwrd-intro h1{font-size:clamp(60px,6.3vw,94px)}
.typewriter-scene{position:relative;width:100%;max-width:455px;margin:15px auto 0;padding-top:5px;filter:drop-shadow(0 24px 30px #0005)}
.typewriter-paper{position:relative;z-index:1;width:80%;height:300px;margin:auto;background:linear-gradient(100deg,#c9c1ae,#e1dac8 15%,#e9e1d0 80%,#c7beac);color:#252b29;padding:32px 24px;box-shadow:inset 0 -25px 20px #302e2b25,0 0 2px #000;transform:rotate(-1deg);border-radius:2px 2px 18px 12px}
.typed-note{font:clamp(12px,1.22vw,17px)/1.8 'Courier New',monospace;font-weight:bold;letter-spacing:-.5px}
.typed-note>span{display:block;white-space:nowrap;width:max-content;max-width:100%;clip-path:inset(0 100% 0 0);animation:wwrd-type 1.5s steps(22,end) forwards;animation-delay:.3s}
.typed-note>span:nth-child(2){animation-delay:2s;margin-top:18px}.typed-note>span:nth-child(3){animation-delay:3.7s}.typed-note>span:nth-child(4){animation-delay:5.4s}.typed-note>span:nth-child(5){animation-delay:7.1s;margin-top:18px}
.typing-cursor{font-weight:normal;animation:wwrd-blink 1s step-end infinite}
.typewriter-roller{height:19px;background:linear-gradient(#343b3b,#0c1113 65%,#55574d);border-radius:8px;position:relative;z-index:2;margin-top:-12px;border:1px solid #4f5757}
.typewriter-machine{position:relative;z-index:3;background:linear-gradient(120deg,#344247,#172427 45%,#0b1417);border:2px solid #435155;border-radius:18px 18px 35px 35px;padding:15px 18px 20px;box-shadow:inset 0 3px 2px #69757644,inset 0 -9px 8px #030a0c}
.typewriter-bars{height:57px;width:74%;margin:-10px auto 0;border-radius:0 0 100% 100%;background:repeating-conic-gradient(from 230deg at 50% -30%,#566160 0deg 1deg,#111a1c 2deg 5deg);border-bottom:3px solid #77796a}
.typewriter-name{text-align:center;color:#a5aa9b;font:7px/1.5 Georgia;letter-spacing:3px;margin:11px 0 15px}
.typewriter-keyrow{display:flex;justify-content:center;gap:7px;margin:6px 0}
.typewriter-keyrow span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:2px solid #818474;border-radius:50%;font:10px Georgia;color:#d7d2be;background:radial-gradient(circle at 40% 35%,#4b5149,#151c1a);box-shadow:0 3px 0 #080e10}
.typewriter-space{width:42%;height:12px;border-radius:5px;background:linear-gradient(#48534e,#15201e);border:1px solid #70776b;margin:13px auto 0}
@keyframes wwrd-type{to{clip-path:inset(0 0 0 0)}}@keyframes wwrd-blink{50%{opacity:0}}
@media(max-width:1050px) and (min-width:761px){.typewriter-paper{padding:26px 15px}.typewriter-keyrow{gap:4px}.typewriter-keyrow span{width:22px;height:22px}.typed-note{font-size:12px}}
@media(max-width:760px){.wwrd-intro{grid-template-columns:1fr;gap:50px;padding-bottom:60px}.typewriter-scene{max-width:390px}.typed-note{font-size:15px}.typewriter-paper{height:280px;padding:27px 20px}.typewriter-keyrow{gap:5px}.typewriter-keyrow span{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.typed-note>span{animation:none;clip-path:none}.typing-cursor{animation:none;display:none}}