@font-face{font-family:GuyHand;src:local('Segoe Print'),local('Comic Sans MS');font-display:swap}
:root{--ink:#252820;--paper:#e8e0ca;--green:#c8d895;--hand:GuyHand,'Comic Sans MS',cursive;--body:'Trebuchet MS',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);min-width:1000px}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #78904b;outline-offset:6px}::selection{background:#bfd68e;color:#252820}.nav{height:88px;position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #26332940}.wordmark{font-family:var(--hand);font-weight:900;font-size:32px;transform:rotate(-7deg)}nav{display:flex;gap:42px;font-weight:bold;font-size:13px;letter-spacing:1.4px}nav a{padding:12px 0;position:relative}nav a:after{content:'';position:absolute;left:0;bottom:4px;width:0;height:2px;background:var(--ink);transition:width .2s}nav a:hover:after{width:100%}.nav-note{font-family:var(--hand);font-size:15px;transform:rotate(3deg)}.hero{height:100vh;min-height:850px;max-height:1150px;position:relative;overflow:hidden;background:#8daba0;isolation:isolate;--mx:0px;--my:0px}.scene{position:absolute;inset:-18px;background:url('../assets/images/rooftop.png') center center/cover;z-index:-3;transform:translate(calc(var(--mx) * -.5),calc(var(--my) * -.5))}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#d9d9b970 0%,#ccd2b927 53%,transparent 75%),linear-gradient(0deg,#292a2745,transparent 27%)}.hero-content{position:relative;margin-left:13%;padding-top:145px;width:620px;z-index:2}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2.5px;margin:0 0 27px}.hero h1{font-family:var(--hand);font-size:clamp(68px,5.5vw,108px);line-height:1.15;letter-spacing:-6px;max-width:650px;margin:0 0 27px;font-weight:900;text-wrap:balance;transform:rotate(-3deg);text-shadow:0 2px 0 #e7dec750}.intro-line{display:flex;align-items:center;gap:27px;margin-bottom:32px}.ticker-tag{display:inline-block;background:var(--green);border:2px solid var(--ink);box-shadow:4px 4px 0 #27291b80;font:900 32px var(--hand);padding:0 18px;transform:rotate(-3deg)}.intro-line p{font-size:17px;line-height:1.55;margin:0}.contract{background:#eae3d0f2;border:2px solid var(--ink);border-radius:5px;box-shadow:4px 5px 0 #22292055;padding:12px 12px 12px 18px;max-width:590px}.contract label{font-weight:bold;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between;margin-bottom:6px}.contract-row{display:flex;align-items:center;gap:12px}.contract input{border:0;background:transparent;color:var(--ink);font-family:monospace;font-size:14px;width:100%;min-width:0;outline-offset:1px}.copy{white-space:nowrap;background:var(--green);border:1px solid var(--ink);border-radius:3px;min-width:112px;height:38px;font-weight:900;font-size:12px;display:flex;gap:12px;align-items:center;justify-content:center;transition:background .2s,transform .2s}.copy:hover{background:#ddeaab;transform:rotate(-2deg)}.copy:active{transform:translateY(2px)}.socials{display:flex;gap:15px;margin-top:22px}.button{border:2px solid var(--ink);border-radius:5px;box-shadow:3px 4px 0 #25282070;display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 20px;font-size:14px;font-weight:900;letter-spacing:.3px;min-width:210px;transition:transform .2s,box-shadow .2s,background .2s}.button>span:last-child{margin-left:auto;font-size:23px;line-height:1}.button:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:5px 8px 0 #25282070}.button:active{transform:translateY(2px);box-shadow:1px 1px 0 #25282070}.dark{background:#242822;color:var(--paper);border-color:#10170f}.green{background:var(--green)}.cream{background:var(--paper)}.x-mark{font-size:24px;line-height:1}.pill{width:15px;height:27px;display:inline-block;border:2px solid var(--ink);border-radius:9px;background:linear-gradient(0deg,#72a896 50%,#f2efdd 50%);transform:rotate(40deg)}.hero-guy{position:absolute;bottom:70px;right:12%;width:35%;max-width:640px;height:74%;border:0;background:none;padding:0;transform:translate(var(--mx),var(--my));transition:transform .35s ease-out;filter:drop-shadow(15px 20px 9px #25282050)}.hero-guy img{width:100%;height:100%;object-fit:contain;transform-origin:50% 97%;animation:breathe 6s ease-in-out infinite}.hero-guy:focus-visible{outline-offset:-25px}.speech{position:absolute;right:0;top:22%;font:20px var(--hand);background:var(--paper);padding:15px 22px;border:2px solid var(--ink);border-radius:50% 48% 40% 2%;transform:rotate(6deg) scale(.8);opacity:0;transition:.25s;white-space:nowrap}.talking .speech{opacity:1;transform:rotate(6deg) scale(1)}.side-note{position:absolute;right:5%;top:37%;font:19px/1.6 var(--hand);transform:rotate(8deg)}.scroll-note{position:absolute;left:13%;bottom:34px;font-size:10px;font-weight:bold;letter-spacing:2px;color:#eee6d1;display:flex;align-items:center;gap:22px}.scroll-note span{font-size:30px}.hero-number{position:absolute;right:7%;bottom:39px;color:#eee6d1;font-size:11px;letter-spacing:2px}.marquee{background:var(--green);border-block:2px solid var(--ink);overflow:hidden;padding:18px 0;transform:rotate(-.7deg);position:relative;z-index:3;margin:-8px 0}.marquee>div{display:flex;align-items:center;gap:55px;white-space:nowrap;width:max-content;animation:drift 40s linear infinite}.marquee span{font:bold 18px var(--hand)}.paper{background-color:var(--paper);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='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%235b5239' opacity='.08' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.about{min-height:550px;padding:100px 9% 95px;display:grid;grid-template-columns:1.12fr 1.3fr .8fr;gap:6%;position:relative;align-items:center}.section-index{position:absolute;top:42px;left:9%;font-size:11px;letter-spacing:2px;font-weight:bold}.little-script{font:17px var(--hand);display:block;transform:rotate(-4deg);margin-bottom:20px}h2{font:900 clamp(36px,3.1vw,60px)/1.2 var(--hand);letter-spacing:-2px;margin:0 0 27px}.underline{width:70%;height:4px;background:var(--ink);transform:rotate(-4deg);border-radius:50%}.about-copy{font-size:17px;line-height:1.65}.about-copy p{margin:0 0 19px}.hand-note{font:20px/1.5 var(--hand);display:inline-block;transform:rotate(-4deg)}.sticky{background:#c8d294;width:225px;padding:35px 20px 15px;text-align:center;font:23px/1.6 var(--hand);box-shadow:5px 10px 10px #28291d30;transform:rotate(7deg);position:relative}.sticky:before{content:'';position:absolute;width:85px;height:28px;background:#eee3b782;left:70px;top:-12px;transform:rotate(-10deg)}.sticky span{display:block;font:42px var(--hand);margin-top:10px}.world{height:660px;position:relative;color:var(--paper);overflow:hidden;background:#526257}.world-bg{position:absolute;inset:0;background:linear-gradient(90deg,#20271ef2,#222c2180 50%,#76572908),url('../assets/images/rooftop.png') center 55%/cover;filter:sepia(.3)}.world-content{position:relative;margin:0 0 0 12%;padding-top:128px}.world h2{font-size:64px;line-height:1.3}.world p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:510px}.world .hand-note{color:var(--green);margin-top:15px}.world-label{position:absolute;right:12%;bottom:80px;font:24px/1.5 var(--hand);transform:rotate(6deg);text-shadow:2px 2px #252820}.moments{position:relative;padding:120px 12% 62px;min-height:780px}.moments-heading{display:flex;align-items:center;justify-content:space-between}.moments-heading p{font-size:18px;line-height:1.65;margin-right:12%}.notes{display:flex;gap:42px;margin-top:35px;align-items:start}.note{border:0;width:33.333%;text-align:left;padding:30px;background:#d7b883;box-shadow:5px 10px 0 #2c2d2220;min-height:300px;transition:transform .25s,box-shadow .25s;color:var(--ink)}.note-one{transform:rotate(-4deg)}.note-two{background:#c9d0ab;transform:rotate(2deg);margin-top:20px}.note-three{background:#d9cab2;transform:rotate(-2deg);margin-top:-8px}.note:hover{transform:rotate(0) translateY(-10px);box-shadow:8px 20px 0 #2c2d2220}.note:active{transform:translateY(1px)}.note-number{font-size:10px;font-weight:bold;letter-spacing:1.3px;display:block;margin-bottom:25px}.note strong{display:block;font:900 27px/1.5 var(--hand);letter-spacing:-1px}.note-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #25282066;padding-top:15px;margin-top:25px;font-size:13px}.note-footer span{font-size:24px}.notes-hint{text-align:center;font:14px var(--hand);margin-top:45px;opacity:.7}.community{min-height:660px;background:#323c32;color:var(--paper);display:flex;align-items:center;gap:10%;padding:70px 13%;position:relative;overflow:hidden}.community-portrait{width:36%;height:500px;position:relative}.community-portrait:before{content:'';position:absolute;inset:40px 0 20px;background:#74866b;border-radius:49% 44% 45% 48%;transform:rotate(-7deg)}.community-portrait img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 12px 0 #1d241f55);transform:rotate(-6deg)}.community-copy{flex:1}.community h2{font-size:56px}.community p:not(.eyebrow){font-size:18px;line-height:1.7}.community .button{color:var(--ink);min-width:205px}.community .hand-note{font-size:17px;margin-top:38px;color:var(--green)}.final{padding:70px 9%;display:flex;align-items:center;justify-content:space-between;gap:40px}.final h2{font-size:28px;letter-spacing:-1px;margin:0}.final .eyebrow{font-size:10px;margin-bottom:17px}.final .contract{width:540px;flex-shrink:0}.final label span{letter-spacing:0}footer{padding:25px 9%;background:#252b24;color:#d9d6c4;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px}footer>span:nth-child(2){font:18px var(--hand);letter-spacing:0}.toast{position:fixed;z-index:50;bottom:35px;left:50%;max-width:650px;transform:translate(-50%,20px) rotate(-2deg);padding:18px 28px;background:var(--green);color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px #25282070;font:17px var(--hand);opacity:0;pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:translate(-50%,0) rotate(-2deg)}@keyframes breathe{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes drift{to{transform:translateX(-50%)}}@media(min-width:1700px){.hero-content{padding-top:175px}.hero h1{max-width:690px;margin-bottom:35px}.hero-content{width:680px}.intro-line{margin-bottom:35px}.hero-guy{right:12%;bottom:70px;height:77%}.hero .contract{margin-top:36px}}@media(max-width:1350px){.hero-content{margin-left:8%;width:510px;padding-top:135px}.hero h1{font-size:75px;max-width:510px;letter-spacing:-4px}.hero-guy{right:6%;width:38%;height:67%}.side-note{right:3%;top:27%;font-size:16px}.nav{padding-inline:6%}.nav-note{display:none}.about{gap:4%;padding-inline:7%}.sticky{width:190px;font-size:20px}.about-copy{font-size:16px}.note{padding:24px}.note strong{font-size:23px}.community{padding-inline:8%;gap:7%}.community h2{font-size:46px}.world h2{font-size:55px}.final{padding-inline:7%}.final .contract{width:490px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-guy,.scene{transform:none!important}}
.reveal.in{animation:arrive .75s ease-out both}@keyframes arrive{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}