@font-face{font-family:Fraunces;src:url(assets/fraunces.woff2);font-weight:100 900;font-display:swap}@font-face{font-family:DM;src:url(assets/dm-sans.woff2);font-weight:100 900;font-display:swap}@font-face{font-family:Kalam;src:url(assets/kalam.woff2);font-display:swap}
:root{--paper:#f8f1de;--ink:#26394d;--pen:#24449a;--red:#cf3b45}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);font-family:DM,Arial,sans-serif;background:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--pen);outline-offset:7px}.poster{isolation:isolate;position:relative;width:100%;height:100svh;min-height:320px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 35px,#aec5d23b 35px 36px),var(--paper)}.poster:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:9;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.18' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.margin{position:absolute;left:5.2%;height:100%;width:1px;background:#d16d6f66}.holes{position:absolute;left:1.4%;top:20%;height:60%;display:flex;flex-direction:column;justify-content:space-between}.holes i{width:14px;height:14px;background:#d5cab3;border-radius:50%;box-shadow:inset 1px 2px 3px #26394d40,0 1px #fff}header{position:absolute;z-index:5;top:4.5%;left:8.5%;right:4%;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;position:relative;height:50px;transform:rotate(-5deg);filter:drop-shadow(2px 3px 0 var(--ink));text-decoration:none}.rubber{width:25px;background:#fffdf6;border:2px solid var(--ink);border-right:0;border-radius:12px 0 0 9px}.sleeve{display:grid;align-content:center;padding:4px 15px 8px 10px;border:2px solid var(--ink);border-radius:0 6px 6px 0;background:var(--red);color:#fffdf6;position:relative}.sleeve:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:#fffdf6}.sleeve small{font:900 17px/.95 Fraunces,serif;letter-spacing:.8px}.sleeve b{font:900 21px/.9 Fraunces,serif;letter-spacing:1px}.star{position:absolute;top:-8px;right:-9px;width:21px;height:21px;border:2px solid var(--ink);border-radius:50%;background:#f2c046;color:#8a5a00;font:12px/17px Arial;text-align:center}.edition{font-size:9px;font-weight:700;letter-spacing:2px;line-height:1.9;margin-left:auto;margin-right:26px}.edition span{display:block;opacity:.55}.motion{width:40px;height:40px;border:1.5px solid var(--ink);border-radius:50%;background:#fffdf6;font-weight:700;box-shadow:2px 2px 0 var(--ink)}.copy{position:absolute;z-index:3;left:10%;top:24%;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;margin:0 0 20px;display:flex;align-items:center;gap:11px}.eyebrow>span{width:22px;height:2px;background:var(--red)}h1{font:900 clamp(70px,10.8vw,170px)/.81 Fraunces,Georgia,serif;letter-spacing:-.065em;margin:0;transform:rotate(-3deg);transform-origin:left center;font-variation-settings:'SOFT' 0,'WONK' 1}h1>span{color:var(--red);font-size:1.27em}.period{color:var(--ink)}.tagline{font:400 clamp(19px,2.1vw,32px)/1.3 Kalam,cursive;margin:27px 0 0;position:relative;transform:rotate(-2deg);width:max-content;color:var(--pen)}.tagline svg{position:absolute;bottom:-11px;right:0;width:57%;height:15px;fill:none;stroke:var(--red);stroke-width:2}.launch{margin-top:43px}.stamp{display:inline-block;border:3px solid var(--red);outline:1px solid var(--red);outline-offset:-7px;color:var(--red);padding:12px 22px 11px;font-weight:900;font-size:clamp(13px,1.5vw,21px);letter-spacing:2px;transform:rotate(-5deg);background:#f8f1debb}.launch p{font-size:12px;margin:18px 0 0 2px;color:#64717b}.scene{position:absolute;z-index:2;left:40%;top:12%;width:64%;height:76%;touch-action:pan-y}.scene canvas{width:100%;height:100%;display:block}.doodles{position:absolute;inset:0;width:100%;height:100%;color:var(--pen);z-index:1;pointer-events:none;opacity:.75}.flight{animation:dash 12s linear infinite}@keyframes dash{to{stroke-dashoffset:-190}}.note{position:absolute;font:22px/1.2 Kalam,cursive;color:var(--pen);z-index:3;pointer-events:none}.note-one{top:16%;right:13%;transform:rotate(9deg)}.note-two{bottom:23%;left:61%;transform:rotate(-6deg);font-size:20px}.flick-control{position:absolute;z-index:4;left:64%;bottom:12%;text-align:center;transform:rotate(3deg)}.flick-control button{display:flex;align-items:center;gap:25px;padding:15px 23px;color:#fffdf6;background:var(--red);border:2px solid var(--ink);border-radius:3px;box-shadow:4px 5px 0 var(--ink);font-weight:800;letter-spacing:1.2px;font-size:12px;transition:transform .15s,box-shadow .15s}.flick-control button:hover{transform:translate(-1px,-2px);box-shadow:6px 7px 0 var(--ink)}.flick-control button:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.flick-control button span{font-size:23px;font-weight:400}.hint{display:block;font:16px Kalam,cursive;color:var(--pen);margin-top:10px}.hand-arrow{position:absolute;left:-45px;top:-24px;font:60px Kalam,cursive;transform:rotate(10deg);color:var(--pen)}footer{position:absolute;z-index:3;bottom:3%;left:10%;right:4%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #26394d30;padding-top:15px;font-size:9px;letter-spacing:2px;font-weight:700}.footer-hand{font:17px Kalam,cursive;letter-spacing:0;color:var(--pen)}.page-number{font:18px Fraunces,serif}#fallback{position:absolute;right:10%;top:45%;width:220px;font-family:Kalam;color:var(--pen)}.paused *{animation-play-state:paused!important}
@media(min-aspect-ratio:1.9){.copy{top:23%}h1{font-size:clamp(65px,17vh,150px)}.tagline{font-size:25px;margin-top:20px}.launch{margin-top:25px}.stamp{font-size:15px;padding:10px 20px}.scene{top:6%;height:85%}}
@media(max-width:900px) and (orientation:portrait){header{left:11%;top:3%;right:6%}.wordmark{height:43px}.sleeve small{font-size:14px}.sleeve b{font-size:18px}.rubber{width:21px}.edition{display:none}.motion{width:35px;height:35px}.copy{left:12%;top:16%}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:14px}h1{font-size:clamp(58px,19vw,110px);line-height:.83}.tagline{font-size:19px;margin-top:17px}.launch{position:fixed;left:12%;bottom:16%;margin:0}.stamp{font-size:13px;padding:11px 17px;letter-spacing:1.2px}.launch p{font-size:10px;margin-top:13px}.scene{left:13%;top:34%;width:95%;height:43%;z-index:2}.note-one{right:7%;top:17%;font-size:16px;transform:rotate(11deg)}.note-two{left:auto;right:12%;bottom:28%;font-size:16px}.doodles{top:28%;height:50%;left:-33%;width:130%;opacity:.4}.flick-control{left:auto;right:7%;bottom:8%;transform:rotate(2deg)}.flick-control button{font-size:9px;padding:9px 13px;gap:16px}.flick-control button span{font-size:18px}.hint{display:none}.hand-arrow{font-size:40px;left:-30px;top:-14px}footer{left:12%;bottom:2%;padding-top:10px;font-size:7px;letter-spacing:1px}.footer-hand{display:none}.page-number{font-size:14px}.holes i{width:10px;height:10px}.margin{left:7%}}
@media(max-height:500px) and (orientation:landscape){header{top:5%}.wordmark{height:36px}.sleeve small{font-size:12px}.sleeve b{font-size:15px}.rubber{width:18px}.copy{top:27%}h1{font-size:19vh}.eyebrow{font-size:7px;margin-bottom:10px}.tagline{font-size:17px;margin-top:10px}.launch{position:absolute;left:110%;bottom:8px;width:200px}.stamp{font-size:10px;padding:9px 13px}.launch p{font-size:8px;margin-top:10px}.note{font-size:16px}.note-two{bottom:27%}.flick-control{bottom:15%;left:auto;right:7%}.flick-control button{padding:8px 13px;font-size:9px}.hint{display:none}.edition{font-size:7px}.scene{top:4%;height:85%}.footer-hand{font-size:13px}footer{font-size:7px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:900px) and (orientation:portrait){.note-one{top:41%;right:7%;font-size:14px}.scene{left:9%;width:98%}.note-two{bottom:28%}}
.note-one{display:none}
@media(max-height:500px) and (orientation:landscape){.note-two{display:none}}

/* Small ink parachutes replace the removed call-to-action. */
.motion{margin-left:auto}
.parachutes{position:absolute;left:57%;right:7%;bottom:11%;height:23%;z-index:3;pointer-events:none}
.drop{position:absolute;width:clamp(70px,8vw,125px);bottom:0;animation:descend 13s linear infinite;--drop:#24449a;--drop-light:#4569ae}
.drop svg{display:block;width:100%;overflow:visible}.drop .rig{transform-origin:70px 25px;animation:sway 4.8s ease-in-out infinite alternate}
.drop-top{fill:var(--drop-light)}.drop-front{fill:var(--drop)}
.drop-1{left:0;animation-delay:-3s;transform:scale(.8)}
.drop-2{left:38%;bottom:12%;animation-delay:-8s;--drop:#cf3b45;--drop-light:#df6466}
.drop-2 .rig{animation-delay:-2s}.drop-3{right:0;bottom:-5%;width:clamp(58px,6vw,95px);animation-delay:-11s;--drop:#638d69;--drop-light:#87aa88}
.drop-3 .rig{animation-delay:-3s}
@keyframes descend{0%{opacity:0;translate:8px -32px}12%{opacity:1}82%{opacity:1}100%{opacity:0;translate:-9px 26px}}
@keyframes sway{from{rotate:-8deg}to{rotate:7deg}}
@media(max-width:900px) and (orientation:portrait){.parachutes{left:55%;right:5%;bottom:9%;height:17%}.drop{width:70px}.drop-2{left:55%;bottom:-8%}.drop-3{display:none}}
@media(max-height:500px) and (orientation:landscape){.parachutes{left:69%;right:5%;bottom:12%;height:24%}.drop{width:60px}.drop-2{left:60%}.drop-3{display:none}}
@media(prefers-reduced-motion:reduce){.drop{opacity:1;translate:0 0}.drop .rig{rotate:0deg}}
/* Quiet tactile feedback on the existing brand mark. */
.wordmark{transform-origin:50% 60%;transition:transform 220ms ease-out,filter 220ms ease-out}
@media(hover:hover) and (pointer:fine){
  .wordmark:hover{transform:translateY(-2px) rotate(-3deg);filter:drop-shadow(2px 4px 0 var(--ink))}
}
.wordmark:focus-visible{transform:translateY(-2px) rotate(-3deg)}
.wordmark:active{transform:translateY(0) rotate(-4deg)}
@media(prefers-reduced-motion:reduce){
  .wordmark{transition:none}
  .wordmark:hover,.wordmark:focus-visible,.wordmark:active{transform:rotate(-5deg)}
}