@font-face{font-family:Archivo;src:url('assets/fonts/archivo-black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:DM;src:url('assets/fonts/dm-sans-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url('assets/fonts/dm-sans-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#24241f;--cream:#f5efdf;--paper:#f9f3e6;--mint:#bcd0b8;--coral:#df8168;--butter:#efbd6a;--stage-scale:1;--ease:cubic-bezier(.22,.75,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#736c5c #f3e9d5}
body{margin:0;color:var(--ink);background:var(--cream);font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a,input{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{color:inherit;font:inherit;cursor:pointer}
button,a{touch-action:manipulation}
button{border-radius:0}
button:disabled{cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #aa3b29;outline-offset:7px}
::selection{background:#e6ab8b;color:var(--ink)}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
img{display:block;max-width:100%}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:16px 24px;background:var(--ink);color:white;border-radius:30px}
.skip-link:focus{top:16px}
.site-header{position:fixed;top:0;left:0;z-index:30;display:flex;align-items:center;gap:22px;width:100%;padding:23px 2.4%;background:linear-gradient(var(--cream),#f5efdfdd 70%,#f5efdf00);font-size:clamp(11px,.8vw,16px);font-weight:700}
.mini-logo{display:flex;align-items:center;gap:5px;font-family:Archivo,Arial,sans-serif;font-size:clamp(12px,.9vw,18px);letter-spacing:-.7px;white-space:nowrap}
.mini-bar{height:16px;width:31px;background:var(--ink)}
.main-nav{display:flex;gap:8px;align-items:center}
.main-nav a,.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);border-radius:50px;padding:10px 16px;background:transparent;line-height:1;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.main-nav a:hover,.main-nav a.is-active,.pill:hover{background:var(--ink);color:var(--paper)}
.main-nav a:hover,.pill:hover{transform:translateY(-2px)}
.header-note{font-size:clamp(9px,.65vw,13px);letter-spacing:.04em;margin:auto;text-align:center}
.header-actions{display:flex;gap:8px;align-items:center;margin-left:auto}
.pill svg{width:17px;height:17px}
.icon-pill{width:37px;height:37px;padding:10px}
.ca-button{background:var(--butter);border-color:var(--ink);font-weight:700;min-width:115px}
.ca-button.is-copied{background:var(--mint);color:var(--ink)}
.panel{height:100svh;min-height:500px;position:relative;isolation:isolate;overflow:hidden;scroll-snap-align:start}
.stage{width:1920px;height:1080px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--stage-scale));transform-origin:center}
.panel-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-2}
.hero::after,.story::after,.pocket::after,.roadmap::after,.hangout::after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;opacity:.1;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.hero{background:#f9eac5}
.hero-background{object-position:50% 75%}
.hero-eyebrow{position:absolute;top:116px;left:80px;right:80px;display:flex;justify-content:space-between;font-size:16px;letter-spacing:1.7px;font-weight:700}
.hero-title{position:absolute;left:65px;right:65px;top:156px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;font-family:Archivo,Arial,sans-serif;font-size:232px;letter-spacing:-17px;line-height:1.05;white-space:nowrap;font-weight:900}
.redaction{background:var(--ink);width:276px;height:156px;transform:rotate(-1deg);flex-shrink:0;margin-top:20px;position:relative}
.redaction::after{content:"";position:absolute;left:12px;right:-4px;bottom:-4px;top:8px;border:1.5px solid var(--ink)}
.title-period{color:#b45235}
.hero-copy{position:absolute;left:90px;top:540px;width:540px}
.hero-copy::before{content:"";position:absolute;inset:-26px -26px -24px;z-index:-1;background:#f9f3e6de;backdrop-filter:blur(5px);box-shadow:0 6px 25px #7d654510}
.eyebrow{font-size:16px;font-weight:700;letter-spacing:1.2px;line-height:1.5}
.status-dot{display:inline-block;width:9px;height:9px;background:#596f44;border-radius:50%;margin-right:9px;vertical-align:2px;box-shadow:0 0 0 5px #84946720}
.hero-copy h2{font-size:48px;font-weight:700;line-height:1.04;letter-spacing:-2px;margin:24px 0 20px}
.hero-copy p{font-size:26px;line-height:1.4;letter-spacing:-.3px;margin:0 0 32px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 27px;font-size:18px;font-weight:700;border-radius:100px;border:1.5px solid var(--ink);transition:transform .25s var(--ease),background .2s,color .2s}
.button svg{width:25px;height:25px}
.button-dark{background:var(--ink);color:var(--paper)}
.button:hover{transform:translateY(-4px);background:var(--butter);color:var(--ink)}
.hero-character{position:absolute;left:706px;top:359px;width:718px;height:697px}
.guy-hello{position:absolute;inset:0;padding:0;border:0;background:none;z-index:2}
.guy-hello img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease);filter:drop-shadow(2px 7px 0 #6b482b12)}
.guy-hello:hover img{transform:translateY(-7px) rotate(-1deg)}
.guy-hello.is-waving img{animation:hello .65s var(--ease)}
.character-shadow{position:absolute;left:30%;right:12%;height:27px;bottom:12px;background:#54412a40;filter:blur(12px);border-radius:50%;transform:rotate(-5deg)}
.hello-hint{position:absolute;top:220px;right:-58px;font-family:Georgia,serif;font-style:italic;font-size:22px;transform:rotate(7deg);z-index:4;pointer-events:none;display:flex;gap:10px;align-items:center}
.hello-hint svg{width:45px;height:45px;transform:rotate(-95deg)}
.speech-bubble{position:absolute;left:20px;top:10px;padding:20px 26px;border:2px solid var(--ink);background:var(--paper);border-radius:25px;max-width:370px;font-size:26px;line-height:1.2;transform:translateY(12px) rotate(-3deg);opacity:0;pointer-events:none;z-index:7;transition:opacity .2s,transform .2s}
.speech-bubble::after{content:"";position:absolute;width:21px;height:21px;bottom:-12px;right:40px;background:var(--paper);border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg)}
.speech-bubble.is-visible{opacity:1;transform:translateY(0) rotate(-3deg)}
.round-stamp{position:absolute;left:1428px;top:405px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;background:#f0bb63;outline:2px dashed var(--ink);outline-offset:-10px;border-radius:50%;transform:rotate(13deg);box-shadow:4px 6px 0 #5c402611}
.round-stamp>span:first-child{font-size:25px;letter-spacing:1px}
.round-stamp strong{font-family:Archivo,Arial,sans-serif;font-size:35px;line-height:1.03;text-align:center;margin:6px 0}
.round-stamp>span:last-child{font-size:9px;letter-spacing:.6px;font-weight:700}
.hero-note{position:absolute;right:88px;top:668px;width:352px;padding:30px 30px 28px;background:#fcf4df;transform:rotate(3.5deg);box-shadow:6px 8px 0 #4b3b2920}
.note-pin{position:absolute;top:-8px;left:50%;width:15px;height:15px;background:var(--coral);border:1px solid var(--ink);border-radius:50%;box-shadow:1px 3px 0 #24241f25}
.hero-note p{font-size:35px;line-height:1.14;letter-spacing:-1px;margin:17px 0}
.hero-note em{font-family:Georgia,serif}
.handwritten{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.4px}
.hero-note .handwritten{font-size:20px}
.hero-foot,.panel-foot{position:absolute;left:80px;right:80px;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:15px;font-weight:700;letter-spacing:.5px;border-top:1px solid #24241f50;padding-top:18px}
.hero-foot svg{width:18px;height:18px;margin-left:10px;vertical-align:middle}
.hero-foot>a{margin-left:235px}
.tiny-spark{font-size:30px;line-height:0;vertical-align:-3px;margin-right:13px}
.chapter-label{position:absolute;left:80px;right:80px;top:132px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24241f50;padding-bottom:20px;font-size:16px;font-weight:700;letter-spacing:1px}
.story{background:#f2e5c8}
.cafe-background{object-position:50% 50%}
.story-copy{position:absolute;left:1000px;top:196px;width:760px}
.story-copy h2{font-family:Archivo,Arial,sans-serif;font-size:91px;line-height:.98;letter-spacing:-5px;margin:22px 0 27px;font-weight:900}
.story-copy h2 .outlined-text{font-size:68px;letter-spacing:-4px;white-space:nowrap}
.outlined-text{-webkit-text-stroke:1.8px var(--ink);color:transparent}
.story-copy>p{font-size:26px;line-height:1.36;letter-spacing:-.3px;max-width:740px;margin:0 0 18px}
.story-copy .story-punchline{font-weight:700;font-size:31px;margin:23px 0}
.inline-bar{display:inline-block;background:var(--ink);width:56px;height:25px;vertical-align:-2px;transform:rotate(-2deg);margin:0 5px}
.text-link{display:inline-flex;gap:22px;align-items:center;font-size:17px;font-weight:700;padding-bottom:9px;border-bottom:1.5px solid var(--ink)}
.text-link svg{width:22px;height:22px;transition:transform .2s}
.text-link:hover svg{transform:translate(3px,-3px)}
.story-note{position:absolute;top:245px;left:218px;padding:40px 35px 25px;background:#f7f1df;transform:rotate(-7deg);box-shadow:5px 10px 0 #362b241b;text-align:center;max-width:520px}
.story-note>.handwritten{font-size:31px;line-height:1.3}
.story-note>svg{display:block;width:85px;height:85px;margin:15px auto 0;stroke-width:2}
.tape{position:absolute;width:136px;height:39px;left:calc(50% - 68px);top:-18px;background:#f0d58acc;border-left:2px dashed #f7e7b2;border-right:2px dashed #f7e7b2;transform:rotate(-5deg);z-index:2}
.story-margin{position:absolute;left:386px;bottom:116px;font-size:27px;transform:rotate(-6deg);background:#f8e5becc;padding:8px 16px}
.display{font-family:Archivo,Arial,sans-serif;font-size:134px;line-height:.92;letter-spacing:-7.5px;margin:0;font-weight:900}
.pocket{background:#f1e9d6}
.pocket::before{content:"";position:absolute;width:75vw;height:75vw;border:1px solid #b3ae9d55;border-radius:50%;right:-42vw;top:-10vw;pointer-events:none}
.pocket-title{position:absolute;left:80px;top:218px}
.pocket-intro{position:absolute;left:1370px;top:260px;font-size:27px;line-height:1.35;letter-spacing:-.5px;max-width:420px}
.pocket-scribble{position:absolute;right:170px;top:411px;font-size:30px;transform:rotate(-5deg)}
.pocket-tabs{position:absolute;left:80px;right:80px;top:525px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pocket-tab{position:relative;min-height:325px;background:transparent;border:0;border-top:2px solid var(--ink);padding:22px 10px 20px;text-align:left;transition:background .25s,transform .25s var(--ease)}
.pocket-tab::before{content:"";position:absolute;left:-12px;right:-12px;top:-6px;bottom:-10px;background:#d5ddbf;z-index:-1;opacity:0;transform:rotate(-2deg);transition:opacity .2s,transform .3s}
.pocket-tab.is-selected::before{opacity:1}
.pocket-tab:nth-child(2)::before{background:#efc6af;transform:rotate(1.7deg)}
.pocket-tab:nth-child(3)::before{background:#dddce2;transform:rotate(-1deg)}
.pocket-tab:hover{transform:translateY(-7px)}
.item-number{display:block;font-size:16px;letter-spacing:1px;font-weight:700}
.object-doodle{position:absolute;right:35px;top:35px;width:168px;height:168px;stroke-width:2.7;transform:rotate(-9deg);transition:transform .4s var(--ease)}
.pocket-tab:hover .object-doodle{transform:rotate(3deg) translateY(-5px)}
.item-name{position:absolute;left:12px;bottom:72px;font-size:44px;line-height:1.05;letter-spacing:-1.7px;font-weight:700}
.item-tap{position:absolute;bottom:20px;left:12px;right:15px;display:flex;justify-content:space-between;font-size:16px;letter-spacing:1px;font-weight:700}
.item-tap>span{font-size:27px;line-height:.6}
.pocket-detail{position:absolute;left:80px;right:80px;top:894px;display:flex;align-items:center;gap:26px;border-top:1px solid #24241f60;padding:24px 8px 0;min-height:90px}
.detail-star{font-size:56px;line-height:1}
.pocket-detail p{font-size:24px;line-height:1.3;margin:4px 0 0;letter-spacing:-.3px}
.pocket-detail .handwritten{margin-left:auto;max-width:300px;font-size:25px;transform:rotate(-5deg);padding-left:35px}
.roadmap{background:#bfcfb6}
.roadmap::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.21;background-image:linear-gradient(#7b8b7420 1px,transparent 1px),linear-gradient(90deg,#7b8b7420 1px,transparent 1px);background-size:65px 65px}
.roadmap-title{position:absolute;left:80px;top:215px;font-size:146px}
.roadmap-intro{position:absolute;left:1160px;top:270px;font-size:30px;letter-spacing:-.6px;line-height:1.35}
.roadmap-stamp{position:absolute;right:116px;top:225px;font-size:16px;line-height:1.25;letter-spacing:1px;transform:rotate(11deg);width:170px;text-align:center;padding:20px 10px;border:1px solid;border-radius:50%}
.roadmap-stamp strong{font-size:23px;letter-spacing:0}
.roadmap-stamp svg{width:37px;height:37px;display:block;margin:6px auto 0;stroke-width:2}
.route-drawing{position:absolute;left:80px;top:430px;width:1760px;height:400px;overflow:visible;color:#526246}
.route-shadow{stroke:#f6edd7;stroke-width:31px;opacity:.9;stroke-linecap:round}
.route-line{stroke:#627058;stroke-width:3px;stroke-dasharray:8 11;stroke-linecap:round}
.route-stops{position:absolute;inset:0;list-style:none;margin:0;padding:0}
.route-stop{position:absolute;width:345px}
.stop-one{left:120px;top:613px}
.stop-two{left:560px;top:520px}
.stop-three{left:1000px;top:595px}
.stop-four{left:1435px;top:570px}
.stop-pin{display:grid;place-items:center;width:78px;height:78px;border:1.5px solid var(--ink);border-radius:50%;background:#e9e8d2;position:relative;font-size:30px;font-weight:700;transition:transform .25s,background .25s,box-shadow .25s}
.stop-pin::after{content:"";position:absolute;inset:6px;border:1px solid #24241f55;border-radius:50%}
.stop-pin:hover{transform:rotate(-9deg) scale(1.07);background:var(--butter)}
.is-active .stop-pin{background:var(--ink);color:var(--paper);box-shadow:0 0 0 9px #e8ead6,0 0 0 10px #24241f80}
.is-active .stop-pin::after{border-color:#f5efdf70}
.route-state{display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:28px}
.route-stop h3{font-size:31px;line-height:1.08;margin:9px 0 10px;letter-spacing:-1.1px;font-weight:700}
.route-stop p{font-size:22px;line-height:1.35;margin:0}
.route-detail{position:absolute;left:560px;bottom:108px;right:135px;background:#e8ead7;border:1px solid #24241f45;padding:23px 100px 23px 29px;transform:rotate(-.4deg)}
.route-detail p{font-size:23px;line-height:1.35;margin:5px 0 0;max-width:960px}
.route-detail>svg{position:absolute;width:80px;height:80px;right:23px;top:16px;transform:rotate(-10deg);stroke-width:2}
.hangout{background:#e2a58a}
.hangout-title{position:absolute;left:80px;top:220px;font-size:133px}
.hangout-intro{position:absolute;left:85px;top:493px;font-size:28px;line-height:1.35;letter-spacing:-.4px;margin:0}
.social-lines{position:absolute;left:85px;top:605px;width:970px}
.social-lines a{border-top:1px solid var(--ink);display:flex;align-items:center;gap:30px;padding:24px 0;font-size:42px;line-height:1;letter-spacing:-1px;font-weight:700;transition:padding .25s,color .2s}
.social-lines a:last-child{border-bottom:1px solid}
.social-lines a:hover{padding-left:15px;color:#6b3128}
.social-index{font-size:16px;letter-spacing:0;margin-right:8px;align-self:flex-start;padding-top:7px}
.social-lines svg{width:34px;height:34px;margin-left:auto}
.hangout-ca{position:absolute;left:85px;top:835px;display:flex;align-items:center;gap:25px}
.hangout-ca>.eyebrow{max-width:160px}
.hangout-ca .button{padding:18px 25px;min-width:192px;font-size:22px}
.hangout-ca>.handwritten{font-size:24px;transform:rotate(-5deg)}
.guy-postcard{position:absolute;right:115px;top:270px;width:570px;background:var(--paper);padding:22px 22px 28px;transform:rotate(7deg);box-shadow:10px 15px 0 #603c2b22}
.postcard-photo{position:relative;height:425px;overflow:hidden;background:#eedcb2}
.postcard-photo>img:first-child{height:100%;width:100%;object-fit:cover;object-position:70% 100%}
.postcard-photo .postcard-guy{position:absolute;left:100px;bottom:-40px;width:380px;height:392px;object-fit:contain}
.guy-postcard>.handwritten{display:block;text-align:center;font-size:34px;margin:24px 0 18px}
.postcard-caption{display:block;text-align:center;font-size:12px;letter-spacing:1px}
.guy-postcard .tape{transform:rotate(-9deg);width:150px;left:calc(50% - 75px)}
.footer-wordmark{position:absolute;left:75px;right:75px;bottom:57px;font-family:Archivo,Arial,sans-serif;font-size:173px;line-height:.84;letter-spacing:-11px;display:flex;align-items:center;justify-content:space-between;opacity:.18;white-space:nowrap;z-index:-1}
.footer-wordmark i{display:inline-block;height:112px;width:260px;background:var(--ink);transform:rotate(-1deg)}
.chapter-dots{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:29;display:flex;flex-direction:column;gap:10px}
.chapter-dots a{position:relative;display:block;width:6px;height:6px;border:1px solid #24241f90;border-radius:50%;transition:background .2s,transform .2s}
.chapter-dots a::before{content:"";position:absolute;inset:-6px}
.chapter-dots a.is-active{background:var(--ink);transform:scale(1.4)}
.copy-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:50;max-width:calc(100% - 30px);background:var(--ink);color:var(--paper);border:1px solid var(--paper);padding:15px 26px;border-radius:50px;font-size:16px;box-shadow:0 5px 20px #24241f30;transition:opacity .2s,transform .3s var(--ease);text-align:center}
.copy-toast.is-visible{opacity:1;transform:translate(-50%,0)}
dialog{color:var(--ink);border:1px solid var(--ink);padding:35px;background:var(--paper);width:440px;max-width:calc(100% - 30px);box-shadow:8px 8px 0 #24241f33}
dialog::backdrop{background:#24241f88;backdrop-filter:blur(4px)}
dialog h2{font-family:Archivo,Arial,sans-serif;font-size:40px;letter-spacing:-2px;margin:20px 0}
dialog p{font-size:18px;line-height:1.45}
dialog label{display:block;font-size:13px;font-weight:700}
dialog input{width:100%;font:inherit;border:1px solid var(--ink);background:transparent;padding:14px;margin:8px 0 20px;color:var(--ink)}
dialog .button{font-size:14px;padding:15px 22px}
.dialog-close{position:absolute;right:12px;top:6px;border:0;background:none;font-size:32px;line-height:1;padding:5px}
.noscript-message{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:var(--paper);padding:12px;z-index:90;text-align:center}
@keyframes hello{0%,100%{transform:rotate(0)}30%{transform:rotate(-4deg) translateY(-7px)}65%{transform:rotate(3deg)}}
@keyframes detail-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.detail-changing{animation:detail-in .3s var(--ease)}
@media(min-width:1000px) and (max-width:1250px){.header-note{display:none}.site-header{gap:18px}.main-nav a,.pill{padding:9px 12px}}
@media(min-width:1000px) and (min-aspect-ratio:2/1){.hero-background,.cafe-background{object-fit:cover}.site-header{padding-left:5%;padding-right:5%}}
@media(max-width:999px){
  html{scroll-snap-type:none;scroll-padding-top:0}
  .site-header{flex-wrap:wrap;gap:10px;padding:14px 20px 24px;align-items:center;background:linear-gradient(var(--cream),#f5efdfef 80%,#f5efdf00)}
  .mini-logo{font-size:12px}.mini-bar{width:22px;height:12px}.header-actions{gap:5px}.pill{padding:9px 10px;font-size:10px}.pill svg{width:14px;height:14px}.ca-button{min-width:92px}.icon-pill{width:30px;height:30px;padding:8px}
  .header-note{display:none}.main-nav{order:3;width:100%;gap:6px;justify-content:center;padding-top:3px}.main-nav a{font-size:10px;padding:7px 12px;flex:1;max-width:180px}
  .panel{height:auto;min-height:0;overflow:hidden;scroll-margin-top:0}.stage{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none;padding:150px 24px 32px}
  .hero-stage{min-height:1010px;padding-top:140px}.hero-eyebrow{top:132px;left:24px;right:24px;font-size:8px;letter-spacing:.9px}.hero-eyebrow>span:last-child{display:none}
  .hero-title{left:20px;right:23px;top:166px;font-size:10.3vw;letter-spacing:-.8vw;gap:8px;line-height:1.12}.redaction{height:7vw;width:14vw;margin-top:2px}.redaction::after{border-width:1px;bottom:-2px;left:5px;right:-2px}.hero-copy{position:absolute;left:25px;top:600px;width:calc(100% - 50px);max-width:550px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.5px}.status-dot{width:6px;height:6px;vertical-align:1px;box-shadow:none}
  .hero-copy::before{inset:-18px -14px -18px;background:#f9f3e6e8;backdrop-filter:blur(3px)}.hero-copy h2{font-size:35px;letter-spacing:-1.5px;line-height:1.05;margin:19px 0 15px}.hero-copy p{font-size:18px;line-height:1.42;margin-bottom:22px}.hero-copy p br:last-child{display:none}.button{font-size:12px;padding:18px 21px;gap:25px}.button svg{width:21px;height:21px}
  .hero-character{left:calc(50% - 190px);top:230px;width:380px;height:375px}.round-stamp{left:auto;right:25px;top:300px;width:88px;height:88px;outline-width:1px;outline-offset:-5px;transform:rotate(15deg)}.round-stamp>span:first-child{font-size:11px}.round-stamp strong{font-size:16px;margin:3px 0}.round-stamp>span:last-child{font-size:4px;letter-spacing:0}.hero-note{display:none}.hello-hint{right:5px;top:200px;font-size:14px;gap:0}.hello-hint svg{width:25px;height:25px}.speech-bubble{top:0;left:30px;font-size:18px;max-width:260px;padding:15px 18px;border-width:1px}.speech-bubble::after{border-width:1px}
  .hero-background{object-position:58% 100%;opacity:.83}.hero-foot,.panel-foot{position:relative;left:auto;right:auto;bottom:auto;font-size:9px;gap:12px;letter-spacing:.3px;line-height:1.4;padding-top:15px;margin-top:36px;align-items:flex-start}.hero-foot{position:absolute;left:25px;right:25px;bottom:27px}.hero-foot>a{margin-left:0;font-size:0}.hero-foot>a svg{font-size:12px;margin-left:0}.tiny-spark{font-size:20px;margin-right:6px}.hero-foot>span:last-child,.panel-foot>span:last-child{white-space:nowrap;margin-left:auto}
  .chapter-label{position:relative;top:auto;left:auto;right:auto;font-size:9px;letter-spacing:.5px;padding-bottom:15px;gap:20px;align-items:flex-start}.chapter-label>span:last-child{max-width:150px;text-align:right;font-size:8px}
  .story-stage{padding-top:150px}.story-copy{position:relative;left:auto;top:auto;width:auto;max-width:600px;margin:62px 0 360px}.story-copy>.eyebrow{font-size:10px}.story-copy h2{font-size:58px;letter-spacing:-3.5px;margin:17px 0 25px;line-height:.98}.story-copy h2 .outlined-text{font-size:clamp(29px,7.1vw,47px);letter-spacing:-2px}.outlined-text{-webkit-text-stroke:1.1px var(--ink)}.story-copy>p{font-size:18px;line-height:1.5;margin-bottom:16px}.story-copy>p br{display:none}.story-copy .story-punchline{font-size:22px;margin:24px 0}.inline-bar{width:38px;height:17px}.text-link{font-size:11px;gap:20px;padding-bottom:8px}.text-link svg{width:18px;height:18px}.cafe-background{object-position:26% 100%;opacity:.4}.story::before{content:"";position:absolute;inset:0;background:linear-gradient(#f7ebd3 15%,#f7ebd3ed 55%,#f7ebd300 85%);z-index:-1}.story-note{top:auto;bottom:120px;left:50%;width:270px;transform:translateX(-50%) rotate(-6deg);padding:28px 15px 14px}.story-note>.handwritten{font-size:21px}.story-note>svg{width:60px;height:60px}.story-margin{left:40px;bottom:61px;font-size:16px;background:none}.tape{width:90px;height:25px;top:-12px;left:calc(50% - 45px)}
  .pocket-stage,.roadmap-stage,.hangout-stage{padding-top:150px}.display{font-size:clamp(41px,9.6vw,77px);letter-spacing:-2.5px;line-height:.98}.pocket-title{position:relative;left:auto;top:auto;margin-top:45px}.pocket-intro{position:relative;left:auto;top:auto;font-size:19px;line-height:1.4;margin:25px 0 42px}.pocket-scribble{position:relative;right:auto;top:auto;display:block;font-size:22px;text-align:right;margin:0 9px 35px 0}.pocket-tabs{position:relative;left:auto;right:auto;top:auto;display:flex;flex-direction:column;gap:24px}.pocket-tab{min-height:230px;padding:15px 8px}.item-number{font-size:10px}.object-doodle{width:110px;height:110px;right:15px;top:15px;stroke-width:2.5}.item-name{font-size:32px;left:8px;bottom:56px;letter-spacing:-1.2px}.item-tap{font-size:10px;left:8px;bottom:21px}.item-tap>span{font-size:21px}.pocket-tab::before{left:-8px;right:-8px;bottom:-4px}.pocket-detail{position:relative;left:auto;right:auto;top:auto;margin-top:32px;align-items:flex-start;flex-wrap:wrap;padding:23px 0 0;gap:12px}.detail-star{font-size:35px}.pocket-detail>div{flex:1}.pocket-detail .eyebrow{font-size:10px}.pocket-detail p{font-size:18px;line-height:1.4}.pocket-detail .handwritten{font-size:20px;width:100%;max-width:none;padding-left:47px;margin:8px 0 0}.pocket .panel-foot{margin-top:52px}.pocket .panel-foot>a{display:none}
  .roadmap-title{position:relative;left:auto;top:auto;margin-top:45px;font-size:clamp(54px,12.6vw,100px);letter-spacing:-3.6px}.roadmap-intro{position:relative;left:auto;top:auto;font-size:20px;line-height:1.4;margin:23px 0 55px}.roadmap-stamp{top:330px;right:25px;width:97px;padding:12px 7px;font-size:9px}.roadmap-stamp strong{font-size:13px}.roadmap-stamp svg{width:25px;height:25px;margin-top:2px}.route-drawing{display:none}.route-stops{position:relative;inset:auto;margin:0 0 30px 4px}.route-stops::before{content:"";position:absolute;left:25px;top:30px;bottom:60px;border-left:2px dashed #627058}.route-stop{position:relative;left:auto;top:auto;width:auto;padding:0 0 40px 85px;min-height:160px}.stop-pin{position:absolute;left:0;top:0;width:53px;height:53px;font-size:20px}.stop-pin::after{inset:4px}.route-state{font-size:8px;letter-spacing:.8px;padding-top:4px;margin-top:0}.route-stop h3{font-size:25px;letter-spacing:-.8px;margin:9px 0}.route-stop p{font-size:16px;line-height:1.4}.is-active .stop-pin{box-shadow:0 0 0 6px #e8ead6,0 0 0 7px #24241f80}.route-detail{position:relative;left:auto;right:auto;bottom:auto;padding:20px 20px 85px}.route-detail .eyebrow{font-size:10px}.route-detail p{font-size:17px;line-height:1.4}.route-detail>svg{height:60px;width:60px;top:auto;bottom:10px;right:15px}.roadmap .panel-foot>a{display:none}
  .hangout-title{position:relative;left:auto;top:auto;margin-top:45px;font-size:clamp(46px,10.8vw,85px);letter-spacing:-2.9px}.hangout-intro{position:relative;left:auto;top:auto;font-size:19px;margin:24px 0 38px}.social-lines{position:relative;left:auto;top:auto;width:auto}.social-lines a{padding:22px 0;font-size:23px;letter-spacing:-.7px;gap:13px}.social-index{font-size:10px;padding-top:3px;margin-right:3px}.social-lines svg{width:22px;height:22px}.hangout-ca{position:relative;left:auto;top:auto;margin-top:28px;flex-wrap:wrap;gap:17px}.hangout-ca>.eyebrow{font-size:10px;max-width:110px}.hangout-ca .button{font-size:16px;min-width:151px;padding:15px 19px}.hangout-ca>.handwritten{font-size:20px;display:block;width:100%;text-align:right;margin-top:4px}.guy-postcard{position:relative;right:auto;top:auto;width:calc(100% - 28px);max-width:400px;margin:70px auto 75px;padding:14px 14px 20px;transform:rotate(5deg);box-shadow:6px 8px 0 #603c2b22}.postcard-photo{height:275px}.postcard-photo .postcard-guy{width:270px;height:278px;left:calc(50% - 135px);bottom:-40px}.guy-postcard>.handwritten{font-size:25px;margin:18px 0 14px}.postcard-caption{font-size:8px}.guy-postcard .tape{width:110px;left:calc(50% - 55px)}.footer-wordmark{position:relative;left:auto;right:auto;bottom:auto;font-size:9.5vw;letter-spacing:-.6vw;line-height:1;margin-bottom:25px}.footer-wordmark i{width:13vw;height:6.5vw}.hangout .panel-foot{flex-wrap:wrap;font-size:8px}.hangout .panel-foot>span:first-child{max-width:200px}.hangout .panel-foot>a{font-size:8px;order:3;width:100%;margin-top:8px}.chapter-dots{display:none}.copy-toast{font-size:13px;padding:13px 20px;bottom:20px}
}
@media(min-width:600px) and (max-width:999px){.hero-stage{min-height:1130px}.hero-title{top:170px}.hero-character{top:280px;width:500px;height:510px;left:calc(50% - 250px)}.hero-copy{top:765px}.round-stamp{top:370px;right:70px;width:120px;height:120px}.round-stamp strong{font-size:22px}.round-stamp>span:first-child{font-size:15px}.round-stamp>span:last-child{font-size:5px}.hero-copy h2{font-size:40px}.hero-copy p br{display:none}.hero-copy p{max-width:500px}.pocket-tabs{flex-direction:row;gap:22px}.pocket-tab{width:33.333%;min-height:285px}.object-doodle{width:100px;height:100px;top:45px;right:7px}.item-name{font-size:26px;bottom:70px}.item-tap{font-size:8px;line-height:1.4}.story-copy{max-width:650px}.story-copy h2{font-size:80px}.story-copy h2 .outlined-text{font-size:58px}.story-copy>p{font-size:21px}.roadmap-stamp{top:380px;right:80px}.guy-postcard{max-width:470px}.postcard-photo{height:360px}.postcard-photo .postcard-guy{width:345px;height:355px;left:calc(50% - 172px)}}
@media(max-width:380px){.header-actions .pump-link{display:none}.site-header{padding-left:18px;padding-right:18px}.hero-copy{left:22px;width:calc(100% - 44px)}.hero-copy h2{font-size:32px}.hero-character{width:350px;height:360px;left:calc(50% - 175px)}.round-stamp{right:15px}.display{font-size:9.6vw}.hangout-title{font-size:10.8vw}.roadmap-title{font-size:12.6vw}.pocket-tab{min-height:220px}.social-lines a{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*::before,*::after{animation:none!important;transition:none!important}.guy-hello:hover img,.pocket-tab:hover,.pill:hover,.main-nav a:hover,.button:hover{transform:none}}
@media print{.site-header,.chapter-dots,.copy-toast{display:none}.panel{break-after:page;height:1080px;min-height:1080px}.stage{transform:translate(-50%,-50%) scale(.7)}html{scroll-snap-type:none}}