@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600,20,1;9..144,700,20,1&display=swap');
:root{--navy:#102543;--night:#101c37;--blue:#147fbd;--gold:#ffd377;--cream:#fffbef;--ink:#1c3150}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:400 1rem/1.65 'DM Sans',Arial,sans-serif}a{color:inherit}button{font:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px;top:0;padding:10px;background:#fff;z-index:30}.skip:focus{left:10px}a:focus-visible,button:focus-visible{outline:3px solid #ffb24b;outline-offset:4px}h1,h2,h3{font-family:'Fraunces',Georgia,serif;letter-spacing:-.035em}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:800;color:#ffd782}.eyebrow.dark{color:#116998}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 23px;border-radius:60px;border:2px solid transparent;text-decoration:none;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button.gold{background:var(--gold);color:var(--navy);box-shadow:0 6px 0 #aa783a}.button.white{background:#fff;color:var(--navy)}.button.navy{background:var(--navy);color:#fff;box-shadow:0 6px 0 #b49e88}
.site-header{position:absolute;inset:0 0 auto;z-index:10;color:white;border-bottom:1px solid #ffffff35}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font:700 1.2rem/1.05 Georgia,serif;text-decoration:none;white-space:nowrap}.brand span{display:block;color:#8fd8ff}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{text-decoration:none;font-size:.9rem;font-weight:800}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.nav-pill{border:1px solid #ffffff8c;padding:7px 15px;border-radius:50px;background:#ffffff17}
.hero{position:relative;overflow:hidden;min-height:730px;background:radial-gradient(circle at 72% 57%,#2978b1 0,#122b55 36%,#0d1a35 75%);color:#fff;isolation:isolate}.hero:before{content:'';position:absolute;inset:-40px;background:url('blue-door-cover.jpg') center 58%/cover no-repeat;filter:blur(16px);opacity:.26;z-index:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1737f0 5%,#102345c7 48%,#08183052 100%);z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:5%;min-height:730px;padding:130px 0 90px}.hero h1{font-size:clamp(3rem,4.8vw,5.3rem);line-height:1.04;margin:15px 0 24px;max-width:690px;text-shadow:0 3px 18px #030c23a6}.hero h1 em{display:block;color:#95ddff;font-style:normal}.hero-lede{font-size:clamp(1.15rem,1.8vw,1.38rem);font-weight:600;line-height:1.57;max-width:590px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:31px 0}.quiet-link{font-weight:800;text-underline-offset:5px}.hero-whisper{color:#d8e7ff;font-size:.82rem;letter-spacing:.07em}.cover-portal{position:relative;width:min(100%,390px);justify-self:center;transform:rotate(3deg);border:6px solid #ddf4ff;border-radius:13px;box-shadow:0 0 35px #47bfff80,0 30px 65px #000b24b9;transition:transform .25s}.cover-portal:hover{transform:rotate(0) translateY(-6px)}.cover-portal img{display:block;width:100%;height:auto}.portal-glow{position:absolute;right:-20px;top:22%;bottom:17%;width:25px;background:#ffe796a8;filter:blur(21px);pointer-events:none}.hero-floor{position:absolute;bottom:0;left:0;right:0;height:35px;background:linear-gradient(0deg,#071a30,#10305b00)}.portal-opening:before{content:'';position:fixed;inset:0;z-index:50;pointer-events:none;background:radial-gradient(circle at center,#fff6d9 0,#70caffc9 36%,transparent 75%);animation:portalFlash .8s ease-out forwards}@keyframes portalFlash{0%{opacity:0;scale:.3}35%{opacity:1;scale:1.1}100%{opacity:0;scale:1.8}}
.clues{padding:102px 0;background:repeating-linear-gradient(0deg,#fffaf1 0,#fffaf1 38px,#d9e5ee 39px,#fffaf1 40px)}.clue-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.clue-intro h2,.section-head h2{font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.08;margin:14px 0 23px}.clue-intro p:not(.eyebrow){font-size:1.14rem;max-width:440px}.case-status{display:inline-block;margin-top:22px;padding:8px 17px;border:2px solid #1f5e84;border-radius:50px;background:#d9f3fc;font-weight:800}.case-file{background:#fffdf7;border:3px solid var(--navy);border-radius:18px;padding:25px;box-shadow:12px 12px 0 #81bed8;transform:rotate(1deg)}.clue{width:100%;display:flex;align-items:center;gap:15px;text-align:left;background:#eef8fb;border:2px solid #a8cee0;border-radius:11px;padding:11px 15px;margin-bottom:10px;color:var(--navy);font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.clue:hover{transform:translateX(5px)}.clue[aria-pressed=true]{background:#fff0c6;border-color:#c99b45}.clue-number{font:700 1.25rem Georgia,serif;color:#397b9e}.clue-label{flex:1}.clue-icon{font-size:1.5rem;color:#b48530}.clue-reveal{min-height:173px;margin-top:22px;border-top:2px dashed #a7b9bf;padding:20px 5px}.clue-reveal span,.place-kicker{display:block;font-size:.76rem;letter-spacing:.14em;font-weight:800;color:#497d98}.clue-reveal strong{display:block;font:700 1.7rem/1.15 'Fraunces',Georgia,serif;margin-top:9px}.clue-reveal p{margin:7px 0 0}
.beyond{position:relative;min-height:640px;color:#fff;background:#237bb5 url('beyond-door.jpg') center/cover no-repeat;display:flex;align-items:center;isolation:isolate}.beyond-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071f3dda 0%,#123c5da3 34%,#0e416826 68%,transparent 100%),linear-gradient(0deg,#08243baa,transparent 35%);z-index:0}.beyond-copy{position:relative;padding:120px 0;z-index:1}.beyond h2{font-size:clamp(3.4rem,5.4vw,6rem);line-height:1.04;max-width:690px;margin:15px 0 22px;text-shadow:0 3px 14px #0a2842b0}.beyond p:not(.eyebrow){font-size:1.26rem;font-weight:600;max-width:560px;text-shadow:0 2px 10px #0a2842bd}.beyond .button{margin-top:19px}
.discover{padding:93px 0 106px;background:#d9f3f5}.section-head{text-align:center;max-width:710px;margin:auto}.section-head p:last-child{font-size:1.12rem}.places{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:33px 0}.place{border:2px solid #2e7290;border-radius:50px;background:#fff;padding:9px 19px;color:var(--navy);font-weight:800;cursor:pointer}.place.active{background:#ffd377;box-shadow:3px 4px 0 #225673}.place span{color:#0a83c2;margin-right:4px}.place-display{max-width:780px;min-height:260px;margin:auto;padding:35px 42px;border:3px solid var(--navy);border-radius:23px;background:radial-gradient(circle at 90% 20%,#fff1b9,transparent 32%),#fffdf5;box-shadow:10px 10px 0 #17668e}.place-display h3{font-size:clamp(2.6rem,4vw,4rem);line-height:1.05;margin:10px 0}.place-display p{font-size:1.13rem;max-width:630px}.place-question{display:block;color:#1c7296;font-weight:800}
.book{padding:110px 0;background:#fff6e4}.book-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.book-art{max-width:390px;justify-self:center;transform:rotate(-3deg);border:7px solid white;border-radius:10px;box-shadow:14px 17px 0 #1e5682,0 25px 40px #0b35667a}.book-art img{display:block;width:100%;height:auto}.book-copy h2{font-size:clamp(3.2rem,5.3vw,5.7rem);line-height:1.05;margin:12px 0 25px}.book-copy>p:not(.eyebrow){font-size:1.16rem;max-width:610px}.coming{border-left:4px solid #d59c44;padding:10px 0 10px 17px;font-weight:800;margin:24px 0 32px;color:#335a78}footer{background:#0b2341;color:#fff;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner strong{font:700 1.3rem Georgia,serif;color:#ffd377}footer a{text-underline-offset:5px}
@media(max-width:950px){.hero-grid,.clue-grid,.book-grid{grid-template-columns:1fr}.hero-grid{padding:125px 0 75px;gap:48px}.hero{min-height:0}.hero h1{max-width:820px}.cover-portal{max-width:280px}.clue-grid{gap:35px}.book-art{max-width:310px;grid-row:2}.beyond{background-position:61% center}}
@media(max-width:620px){.wrap{width:min(100% - 32px,1180px)}.nav{height:68px}.brand{font-size:1rem}.nav-links{gap:10px}.nav-links a:not(.nav-pill){display:none}.nav-pill{padding:6px 10px}.hero-grid{padding:110px 0 70px;gap:36px}.hero h1{font-size:clamp(2.8rem,10vw,4.4rem)}.hero-lede{font-size:1.05rem}.hero-actions{gap:15px}.button{padding:11px 17px;font-size:.92rem}.cover-portal{max-width:230px}.clues,.discover,.book{padding:72px 0}.clue-intro h2,.section-head h2{font-size:clamp(2.6rem,10vw,4rem)}.case-file{padding:16px;box-shadow:7px 7px 0 #81bed8}.beyond{min-height:640px;background-position:64% center}.beyond-shade{background:linear-gradient(0deg,#071f3de8 0%,#123c5da9 55%,#0e416835 100%)}.beyond-copy{padding:220px 0 70px;align-self:end}.beyond h2{font-size:clamp(3rem,10vw,4.4rem)}.beyond p:not(.eyebrow){font-size:1.06rem}.place-display{padding:27px 22px;box-shadow:6px 7px 0 #17668e}.book-copy h2{font-size:clamp(3rem,10vw,4.6rem)}.book-art{max-width:260px}.footer-inner{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}