/* Sergey: graphite, steel and brass. A strong frame for a warm family story. */
:root{--paper:#111719;--ink:#e8e6dc;--navy:#223334;--muted:#9baba9;--rust:#c9a567;--gold:#c9a567;--line:#3b4746;--serif:Georgia,'Times New Roman',serif}body{background:#111719;background-image:linear-gradient(90deg,#c9a56703 1px,transparent 1px);background-size:92px 100%;color:var(--ink)}.top{border-bottom:1px solid #4d5751;background:#111719}.brand{font-family:Bahnschrift,'Arial Narrow',Arial,sans-serif;letter-spacing:-1px;font-size:27px}.brand span{font-size:16px;vertical-align:middle;margin-left:6px}.top nav{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#b5bfbc}.date{color:#c9a567}h1,h2,h3{font-family:Bahnschrift,'Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.045em;line-height:1.02}h1{font-size:clamp(80px,8.8vw,128px);text-transform:uppercase;line-height:.94;margin-bottom:32px}h2{font-size:clamp(42px,4.5vw,64px)}h3{font-size:32px}em{font-family:inherit;font-style:normal;font-weight:inherit;color:#c9a567}.eyebrow{font-family:'Courier New',monospace;font-size:10px;letter-spacing:2px;color:#b4bab1}.asterisk{font-family:Arial,sans-serif;color:#c9a567;font-size:22px}.hero{min-height:740px;padding-top:75px;padding-bottom:85px;gap:50px}.hero .eyebrow{margin-bottom:40px;letter-spacing:1.4px}.lead{color:#afbcb8;font-size:17px}.button{background:#c9a567;color:#141b1c;border-color:#c9a567;text-transform:uppercase;font-size:10px;letter-spacing:1px;font-weight:800;box-shadow:4px 4px 0 #0004;border-radius:0;padding:18px 22px}.button:hover{background:#ddbd83;border-color:#ddbd83}.text-link{color:#bdc4bf;border-color:#69756e;font-size:11px}.handnote{font:10px/1.7 'Courier New',monospace;font-style:normal;letter-spacing:1.5px;color:#7e9490}.polaroid{background:#253033;padding:10px 10px 20px;box-shadow:15px 15px 0 #070c0e;border:1px solid #60706b}.hero-photo{transform:rotate(0deg)}.hero-photo img{aspect-ratio:4/4.7;object-position:60% 50%}.polaroid figcaption{font:11px/1.6 'Courier New',monospace;color:#bac6bf;text-align:left;text-transform:uppercase;letter-spacing:.3px;padding:18px 8px 0}.orbit{border-radius:0;left:-20px;top:10px;width:calc(100% + 40px);height:calc(100% - 10px);border-color:#ac915044;transform:rotate(-3deg)}.star{display:none}.age-seal{border-radius:0;clip-path:polygon(13% 0,87% 0,100% 13%,100% 87%,87% 100%,13% 100%,0 87%,0 13%);background:#c9a567;color:#192122;outline:none;transform:rotate(-4deg);left:-32px;bottom:-10px;width:140px;height:140px}.age-seal b{font-family:Bahnschrift,Arial,sans-serif;font-size:68px;letter-spacing:-4px}.age-seal span{font-family:'Courier New',monospace;font-size:7px;letter-spacing:.7px;font-weight:800}.margin-note{color:#96a59e;transform:none;right:0;font-family:'Courier New',monospace;font-size:8px}.ticker{background:#c9a567;color:#17201f;font-size:10px;font-weight:800;letter-spacing:2.5px;padding:16px 20px}.intro{padding-top:100px}.body-copy p{color:#b4bfba}.body-copy .accent-line{font:600 23px/1.4 Bahnschrift,Arial,sans-serif;color:#c9a567}.comic-frame{background:#233031;padding:9px;transform:rotate(-1deg);border:1px solid #617067;box-shadow:10px 10px 0 #080e0f}.feature-caption h2{font-size:56px}.feature-caption p{color:#c1c7bc}.feature-caption small{color:#7c918b}.section-head>p{color:#9eafaa}.stamp{border-color:#c9a567;color:#c9a567;letter-spacing:3px;font-family:'Courier New',monospace;font-size:15px;border-width:2px;transform:rotate(-6deg)}.photo-card{background:#293536;border:1px solid #52665e;transform:none;padding:10px}.photo-open>span{font-family:'Courier New',monospace;color:#c0c8bf;font-size:9px}.dossier-line span{color:#879d93;font:9px/1.8 'Courier New',monospace}.dossier-line strong{font-family:Bahnschrift,Arial,sans-serif;color:#d9ddd0}.aside{color:#98a89f!important;font-family:var(--serif)!important}.dark-section{background:#d3c4a1;color:#182124}.dark-section .eyebrow{color:#4d5e58}.dark-section em{color:#71552a}.line-icon{color:#765a2d}.three h3{font-family:Bahnschrift,Arial,sans-serif}.three p{color:#4f5c56}.dark-note{color:#3f5048;border-top-color:#374a3e45;font:500 22px/1.5 Bahnschrift,Arial,sans-serif}.gym-copy p:not(.eyebrow){color:#aab9b2}.gym-art{background:#253133;border:1px solid #60706b;transform:rotate(1deg);box-shadow:10px 10px 0 #080e0f}.gym-art figcaption{font:11px/1.7 'Courier New',monospace;color:#aebfb4}.quote-note{font:18px/1.7 var(--serif);font-style:italic;color:#c7cfc4}.quote-note small{color:#8fa198}.games-grid{gap:18px}.game-card{border:1px solid #66766a;transition:transform .25s,border-color .25s;box-shadow:5px 5px 0 #050909;min-height:420px}.game-card:hover{transform:translateY(-4px);border-color:#d6b172;box-shadow:8px 12px 0 #050909}.game-card.navy{background:#233c38}.game-card.ochre{background:#c9a567;color:#172321}.game-card.rust{background:#493831}.game-card .eyebrow{color:inherit;opacity:.75;font-family:'Courier New',monospace;font-size:9px}.game-card h3{font-family:Bahnschrift,Arial,sans-serif;font-size:33px;letter-spacing:-1px}.game-card p{color:inherit;opacity:.75}.game-bottom{font-family:'Courier New',monospace;font-size:10px;text-transform:uppercase}.game-symbol{font-family:Bahnschrift,Arial,sans-serif}.passport{background:#192321;border-color:#58675b}.passport>span{font-family:'Courier New',monospace;color:#c9a567}.badge{border-color:#60756a;color:#8ba193}.badge.earned{background:#c9a56714;color:#e2be7a;border-color:#e2be7a}.passport p{color:#9aad9e}.small-note{color:#80978c}.lab-story{background:#1e2c27;border-block:1px solid #52604a}.lab-grid figure{background:#263a30;transform:rotate(-1deg);border:1px solid #6f7760}.lab-grid p:not(.eyebrow){color:#a8b6a8}.lab-grid .eyebrow{color:#b4bca6}.paper-label{background:#cfc1a0;color:#1a2824;border:1px solid #8e7c50;outline:1px solid #81704b;outline-offset:-7px;transform:none}.paper-label strong{font-family:Bahnschrift,Arial,sans-serif;font-style:normal;color:#5c4029;font-size:30px}.paper-label span,.paper-label small{font-family:'Courier New',monospace}.album-grid figure{background:#273230;border:1px solid #53675c;box-shadow:9px 9px 0 #070b0b}.album-child{transform:rotate(-2deg)}.album-family{transform:rotate(1deg)}.album-grid figcaption{font:12px/1.7 'Courier New',monospace;color:#a9bcae}.reason-card{background:#b99b60;color:#17241e;transform:none;box-shadow:9px 9px 0 #050909;border:1px solid #dac58c;min-height:310px}.reason-card>p{color:#17241e!important;font:500 25px/1.5 Bahnschrift,Arial,sans-serif}.reason-count{font-family:'Courier New',monospace}.reason-nav button{color:#15221d;border-color:#34483e;background:#bd9f6530}.reason-nav span{font-family:'Courier New',monospace}.reasons>div>p:not(.eyebrow){color:#95a99d}.joke-heading h2{font-size:56px}.outline{border-color:#667968;color:#c9cfbc;font-size:10px;font-family:'Courier New',monospace;letter-spacing:.5px}.outline:hover{background:#e2c07712}.dialogue>div{background:#25352c;border-color:#8c9b7d}.dialogue>div:last-child{background:#192520;color:#d1d9c5;border-color:#c9a567}.dialogue span{font-family:'Courier New',monospace;color:#c9a567}.dialogue p{font-family:Bahnschrift,Arial,sans-serif;font-size:25px;line-height:1.5}.letter-section{background:#1b2522;border-block:1px solid #495c4d}.letter-number{font-family:Bahnschrift,Arial,sans-serif;font-size:160px;color:#c9a567;letter-spacing:-9px}.letter-number span{font-family:'Courier New',monospace;color:#839b87;font-size:8px}.letter{background:#e8dfc9;color:#28352e;padding:55px 60px;box-shadow:12px 12px 0 #070d0a;border:1px solid #c2ad7c}.letter:before{background:#98865f80;border-inline:1px solid #c6b99522}.letter h2{font-family:Bahnschrift,Arial,sans-serif;line-height:1.1;font-size:48px}.letter em{color:#74592c}.letter .eyebrow{color:#7d765a}.letter .letter-last{font-family:Bahnschrift,Arial,sans-serif!important;font-weight:600;color:#78582f}.signature{color:#3b513f}.closing .eyebrow{color:#adbb9f}.closing>p:not(.eyebrow){color:#a5b7a3}.closing h2{font-size:58px}.footer{color:#8ea38f}.footer .brand{color:#dadfcf}.footer>span{color:#b7a16f}.footer p{font-family:'Courier New',monospace;font-size:9px}dialog{background:#1b2823;border:1px solid #728368;color:#dce4d1}#photo-dialog{background:#121c17}#photo-dialog figcaption{font-family:'Courier New',monospace;font-size:13px;color:#adbea6}#game-dialog .eyebrow{color:#c9a567}#game-description{color:#a7b9a3}#game-dialog h2{font-family:Bahnschrift,Arial,sans-serif;font-size:37px}.memory-tile{background:#304d3d;color:#d3be83;border-color:#738067}.memory-tile.open,.memory-tile.matched{background:#d2c5a0;color:#21352a}.game-result{background:#c9a56718;border:1px solid #a48e5760}.game-result strong{font-family:Bahnschrift,Arial,sans-serif;font-size:28px}.gym-duo>span{background:#b69b61;color:#18261c}.rhythm-track{background:#293b2e;border-color:#819074}.rhythm-zone{background:#75975f80;border-color:#bfd298}.rhythm-pointer{background:#e4c481}.gym-hint{color:#9db193}.ingredient{background:#2c4132;color:#dae0ca;border-color:#758168}.ingredient.selected{background:#6d7746;border-color:#ddc990}.lab-order span{border-color:#c9a567;color:#ddc28b}.skip{background:#d4b775;color:#17241e}@media(max-width:1050px){.hero h1{font-size:88px}.letter{padding:40px}.closing h2{font-size:48px}}@media(max-width:760px){.top{padding-top:20px;padding-bottom:20px}.top nav{font-size:9px;letter-spacing:.3px;gap:15px}.hero{padding-top:48px;padding-bottom:85px;gap:35px;min-height:0}.hero h1{font-size:clamp(73px,15vw,105px);letter-spacing:-.05em}.hero .eyebrow{font-size:9px;margin-bottom:30px}.hero-photo img{aspect-ratio:4/3.9;object-position:58% 40%}.hero-visual{width:calc(100% - 18px)}.hero .lead{font-size:16px}.age-seal{left:-18px;bottom:-28px;width:116px;height:116px}.age-seal b{font-size:56px}.age-seal span{font-size:6px}.margin-note{bottom:-50px;font-size:7px}.orbit{width:calc(100% + 18px);left:-9px}.ticker{font-size:9px;letter-spacing:1.5px}h2{font-size:41px}.intro{padding-top:70px}.feature-caption h2{font-size:43px}.dark-section h2{font-size:39px}.dark-note{font-size:21px}.game-card{min-height:300px}.game-card h3{font-size:35px}.gym-art img{aspect-ratio:4/3}.joke-heading h2{font-size:42px}.dialogue p{font-size:22px}.letter{padding:30px 23px;box-shadow:7px 7px 0 #070d0a}.letter h2{font-size:38px}.letter p:not(.eyebrow){font-size:17px}.closing h2{font-size:38px}.handnote{font-size:9px}.footer p{font-size:9px}.button{font-size:10px}.lab-grid img{aspect-ratio:4/3}#game-dialog h2{font-size:30px}}
