:root{--red:#cd333b;--bg:#151515;--white:#e9e6de}body{background:var(--bg)}header{height:76px;background:#151515}header .brand{font-size:12px}nav{font-size:12px}.review{font-family:monospace;letter-spacing:1px;background:#202020;color:#aaa}.button{border-radius:0}.splash{position:relative;min-height:680px;height:calc(100vh - 105px);max-height:880px;overflow:hidden}.scene{width:100%;height:100%;object-fit:cover;position:absolute;object-position:65% center}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080807c7 0%,#08080744 55%,#08080700),linear-gradient(0deg,#10100fa8,transparent 30%)}.masthead{position:absolute;left:7%;top:12%}.masthead>p:first-child{font:10px monospace;letter-spacing:3px;color:#d4c9bb}.masthead h1{font-size:clamp(95px,12.5vw,185px);line-height:.8;letter-spacing:-3px;margin:35px 0 25px;text-shadow:0 3px 20px #0003}.masthead h1 span{display:block;color:#df3c42}.welcome{font-size:20px;font-weight:500;margin:30px 0;color:#eee4d6}.masthead .button{margin-top:8px;padding:15px 25px}.scribble{position:absolute;right:12%;top:20%;font:italic 26px/1.1 'Comic Sans MS',cursive;transform:rotate(9deg);color:#fff1c9;text-shadow:0 2px 3px #000}.scribble span{display:block;font-size:60px;margin-left:60px}.scene-credit{position:absolute;bottom:26px;left:7%;font:10px monospace;letter-spacing:2px}.image-controls{position:absolute;right:5%;bottom:20px;display:flex;gap:8px}.image-controls button{background:#1117;border:1px solid #ffffff50;color:#eee;padding:8px 12px;font:12px monospace}.image-controls button[aria-pressed=true]{background:#e9e6de;color:#111}.server-list{padding:50px 7% 55px;background:#1c1c1b}.list-title{display:flex;align-items:center;gap:30px;margin-bottom:25px}.list-title>span{font:700 29px 'Barlow Condensed',Impact,sans-serif}.list-title p{margin:0;font-size:12px;color:#aaa}.server-list>button{display:flex;align-items:center;gap:25px;width:100%;background:none;border:0;border-top:1px solid #ffffff22;color:#eee;padding:22px 8px;text-align:left}.server-list>button:hover{background:#ffffff06}.mode-number{font:11px monospace;color:#a45a5d}.server-list strong{font:600 32px 'Barlow Condensed',Impact,sans-serif;width:180px}.mode-note{color:#a5a39e;font-size:12px}.mode-arrow{margin-left:auto;color:#dd5357;font-size:24px}.scrapbook{padding:80px 7% 100px;background:#d9d5c9;color:#262622;overflow:hidden;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#00000003 3px 4px)}.scrap-heading{display:flex;justify-content:space-between;align-items:end}.scrap-heading h2{font:700 65px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;text-transform:uppercase}.scrap-heading .eyebrow{color:#76695c;font:10px monospace;letter-spacing:2px}.scrap-heading>p{max-width:220px;color:#69645b;font-size:12px}.photo-wall{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:25px;margin-top:50px;align-items:center}.photo-wall figure{position:relative;margin:0;background:#f0ede3;padding:10px 10px 0;box-shadow:2px 7px 13px #0003;transform:rotate(-4deg)}.photo-wall figure:before{content:'';position:absolute;left:35%;top:-12px;width:75px;height:28px;background:#d4c6a6b0;transform:rotate(5deg);z-index:1}.photo-wall .photo-two{transform:rotate(3deg);margin-top:50px}.photo-wall .photo-three{transform:rotate(-2deg)}.photo-wall img{width:100%;aspect-ratio:3/2;object-fit:contain;display:block;background:#0e0e10}.photo-wall figcaption{font:italic 17px 'Comic Sans MS',cursive;padding:17px 5px 22px;color:#474136}.hangout{padding:85px 7%;display:grid;grid-template-columns:1.3fr 1fr;gap:13%}.hangout h2{font-size:40px;margin-top:20px;line-height:1.1}.hangout p{font-size:13px;color:#aaa;max-width:430px;line-height:1.9;margin-top:24px}.handwritten{color:#de6969;font:italic 19px 'Comic Sans MS',cursive}.hangout aside{border-left:1px solid #ffffff20;padding:10px 0 0 35px}.hangout aside h3{font-size:29px}.hangout aside .eyebrow{font:10px monospace;color:#a38f76;letter-spacing:1px;margin-top:0}.text-button{border:0;background:none;padding:0;color:#e4d8bd;font-size:12px;text-decoration:underline;text-underline-offset:5px}.join-help{padding:40px 7% 65px;border-top:1px solid #ffffff16;display:grid;grid-template-columns:1fr 1fr;gap:70px}.join-help h2{font-size:30px;letter-spacing:-1px;padding-top:20px}footer{background:#111;padding-top:30px}.steps p{padding-left:0}@media(min-width:1600px){.splash{min-height:750px}}@media(max-width:750px){.splash{height:690px;min-height:0}.masthead{top:13%;left:6%}.masthead h1{font-size:110px}.scene{object-position:60%}.scribble{right:5%;top:auto;bottom:100px;font-size:18px}.scribble span{font-size:35px}.welcome{font-size:17px}.server-list{padding:30px 6%}.server-list strong{font-size:27px;width:130px}.server-list>button{gap:12px}.mode-note{font-size:10px;max-width:135px}.list-title{gap:20px}.scrapbook{padding:55px 7% 70px}.scrap-heading{align-items:start;gap:20px}.scrap-heading h2{font-size:48px}.photo-wall{grid-template-columns:1fr;max-width:400px;margin:40px auto 0;gap:40px}.photo-wall .photo-two{margin-top:0}.hangout,.join-help{grid-template-columns:1fr;gap:40px;padding:50px 7%}.hangout aside{padding-left:22px}.hangout h2{font-size:35px}.scrap-heading>p{font-size:10px;max-width:130px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}