@font-face{font-family:PT;src:url('/assets/serif.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:PT;src:url('/assets/serif-bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:PT;src:url('/assets/serif-italic.woff2') format('woff2');font-style:italic;font-display:swap}@font-face{font-family:Oswald;src:url('/assets/numeral.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Caveat;src:url('/assets/hand.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--paper:#f6f1e7;--desk:#dcd3c4;--ink:#1f1c19;--soft:#5f574e;--rule:#cdc3b3;--red:#c0321e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--desk);font-family:PT,Georgia,serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--red);outline-offset:6px}.page-shell{max-width:1600px;margin:auto;background: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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.045' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;overflow:hidden}.skip{position:fixed;left:15px;top:-100px;z-index:10;background:var(--ink);color:var(--paper);padding:12px}.skip:focus{top:15px}.header{margin:0 6%;padding:25px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:24px;letter-spacing:1px;line-height:1}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:7px}.brand-mark{width:57px;height:45px;overflow:hidden;display:block}.brand-mark svg{width:72px;transform:rotate(-40deg) translate(-5px,8px)}nav{display:flex;gap:35px;font-size:14px}nav a,.language{text-decoration:none}.language{font-size:14px}.language span{margin-left:10px}nav a:hover,.language:hover,.footer-links a:hover{color:var(--red)}.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:6%;padding:74px 8% 75px 6%;align-items:center}.eyebrow{font-family:Oswald,'Arial Narrow',sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;line-height:1.5;margin:0 0 25px}.hero h1{font-size:clamp(58px,6.2vw,96px);line-height:1.02;letter-spacing:-4px;font-weight:700;margin:0 0 27px}.hero h1 em,h2 em{color:var(--red);font-weight:400}.hero-intro{font-size:20px;line-height:1.7;margin:0 0 29px;color:var(--soft)}.button{display:inline-flex;gap:15px;align-items:center;justify-content:center;background:var(--red);color:var(--paper);padding:17px 23px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:3px 3px 0 var(--ink);border:1px solid var(--red);transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.button span{margin-left:12px;font-size:21px;line-height:1}.small-note{font-size:11px;letter-spacing:.3px;color:var(--soft);margin:16px 0 0}.hero-art{position:relative;padding-top:43px;max-width:440px;width:100%;justify-self:end}.calendar{background:#fffbf2;position:relative;padding:35px 35px 0;box-shadow:2px 5px 0 #d0c4b1,5px 9px 0 #e5ddcf,13px 20px 28px #382f2018;transform:rotate(3deg);border:1px solid #d6ccbd;text-align:center}.calendar:before{content:'';position:absolute;left:0;right:0;top:0;height:12px;background:var(--red)}.calendar-holes{display:flex;justify-content:space-around;position:absolute;left:30px;right:30px;top:22px}.calendar-holes i{width:10px;height:10px;background:var(--desk);border-radius:50%;box-shadow:inset 0 2px 2px #0005}.calendar-top{display:flex;justify-content:space-between;font:10px Oswald,sans-serif;letter-spacing:1.3px;margin-top:20px;padding-bottom:14px;border-bottom:1px solid var(--rule)}.calendar-number{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(140px,15vw,216px);line-height:1.2;letter-spacing:-7px;margin:10px 0 0}.calendar-caption{font:13px Oswald,sans-serif;letter-spacing:3px;margin:0 0 27px}.stick-button{display:block;width:100%;padding:0;margin:0;background:none;border:0;cursor:pointer;transition:transform .15s}.stick-button:hover{transform:rotate(-2deg)}.stick-button svg{width:100%;display:block}.demo-result{font-style:italic;font-size:13px;color:var(--soft);min-height:22px;margin:4px 0 23px}.has-result{color:var(--red)}.demo-result span{margin-left:10px}.calendar-perforation{border-top:1px dashed var(--rule);margin:0 -35px}.calendar-bottom{font:9px Oswald,sans-serif;letter-spacing:1.8px;padding:14px;margin:0 -35px;position:relative}.calendar-bottom:after{content:'';position:absolute;bottom:-4px;left:-1px;right:-1px;height:7px;background:linear-gradient(135deg,transparent 50%,#fffbf2 50%) 0 0/10px 10px,linear-gradient(225deg,transparent 50%,#fffbf2 50%) 0 0/10px 10px}.handwritten{font-family:Caveat,cursive;font-size:30px;line-height:1.1;font-weight:500}.annotation{position:absolute;right:-13px;top:-13px;transform:rotate(-8deg);z-index:1}.annotation svg{width:65px;height:55px;display:block;margin-left:75px}.demo-note{text-align:center;font-size:10px;color:var(--soft);margin:26px -10px 0;line-height:1.6}.numbers{display:flex;align-items:center;padding:25px 6%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);gap:60px}.numbers>div{display:flex;align-items:center;gap:17px}.numbers b{font:49px Oswald,sans-serif;line-height:1}.numbers span:not(.stamp){font-style:italic;font-size:15px;line-height:1.4;max-width:120px}.stamp{margin-left:auto;border:2px solid var(--red);padding:9px 15px;color:var(--red);font:13px Oswald,sans-serif;letter-spacing:2px;transform:rotate(-7deg)}.section{padding:87px 6%;scroll-margin-top:20px}.section h2,.hundred h2{font-size:clamp(35px,3.4vw,53px);line-height:1.1;letter-spacing:-1.7px;margin:0 0 25px;font-weight:400}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:end;margin-bottom:45px}.section-heading h2{margin:0}.section p:not(.eyebrow):not(.handwritten):not(.gallery-note),.hundred p:not(.eyebrow):not(.handwritten){color:var(--soft);font-size:16px;line-height:1.8;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:35px;border-top:1px solid var(--rule)}.step-num{font-family:Oswald,sans-serif;font-size:22px;color:var(--red)}h3{font-size:22px;font-weight:400;margin:17px 0 15px;letter-spacing:-.5px}.seasons{background:#e8dfd0;position:relative}.season-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.season-gallery figure{margin:0}.screenshot-wrap{background:var(--paper);padding:9px;border:1px solid #c9beaa;box-shadow:3px 5px 0 #bdb19c55}.season-gallery figure:nth-child(odd) .screenshot-wrap{transform:rotate(-1.5deg)}.season-gallery figure:nth-child(even) .screenshot-wrap{transform:rotate(1.5deg)}.screenshot-wrap img{width:100%;height:auto;display:block;border:1px solid #d6cbb9}.season-gallery figcaption{display:flex;justify-content:space-between;align-items:center;font-family:Caveat,cursive;font-size:27px;margin-top:20px}.season-gallery figcaption span:first-child{font:10px Oswald,sans-serif;color:var(--soft);letter-spacing:1px}.season-gallery figcaption span:last-child{font-family:Georgia,serif;color:var(--red);font-size:22px}.gallery-note{font-size:10px;color:var(--soft);line-height:1.5;margin:28px 0 0}.album{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.album-copy{max-width:410px}.album-copy .handwritten{margin-top:27px;color:var(--red);transform:rotate(-3deg)}.album-image{position:relative;max-width:300px;justify-self:center;transform:rotate(4deg);padding:13px;background:#fcf8ef;box-shadow:7px 9px 0 #c3b69d55;border:1px solid var(--rule)}.album-image:before{content:'';position:absolute;top:-11px;left:35%;width:100px;height:30px;background:#cbbd956b;transform:rotate(-5deg)}.album-image img{display:block;width:100%;height:auto}.album-tag{position:absolute;bottom:28px;left:-60px;background:var(--red);color:var(--paper);padding:14px 20px;font:10px Oswald,sans-serif;letter-spacing:2px;transform:rotate(-7deg)}.hundred{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:70px 6%;background:var(--ink);color:var(--paper)}.hundred p:not(.eyebrow):not(.handwritten){color:#cec3b2}.hundred .eyebrow{color:#d78b7e}.hundred .handwritten{color:#ecb6a9;margin:25px 0 0}.year-grid{display:grid;grid-template-columns:repeat(10,1fr);align-content:center;gap:7px}.year-grid span{aspect-ratio:1;display:grid;place-items:center;font:12px Oswald,sans-serif;color:#aea08b;border:1px solid #6f6453}.year-grid .year-now{background:var(--red);color:var(--paper);border-color:var(--red)}.faq{display:grid;grid-template-columns:1fr 1.1fr;column-gap:10%}.faq>.eyebrow{grid-column:1/-1}.faq h2{max-width:320px}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--rule);padding:19px 0}summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:18px;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{color:var(--red);font-size:24px}details[open] summary span{transform:rotate(45deg)}.faq details p{padding:16px 30px 2px 0;font-size:14px!important}.final-cta{position:relative;background:var(--red);padding:75px 6%;color:var(--paper);overflow:hidden}.final-cta h2{font-size:clamp(75px,10vw,145px);line-height:.93;letter-spacing:-5px;margin:35px 0 28px;font-weight:700;position:relative;z-index:1}.final-cta h2 em{color:var(--paper);font-weight:400}.final-cta>p:not(.eyebrow):not(.small-note){font-size:18px;position:relative;z-index:1}.final-cta .button{background:var(--paper);color:var(--ink);border-color:var(--paper);margin-top:22px;position:relative;z-index:1}.final-cta .small-note{color:#f1c7ba;position:relative;z-index:1}.bang-art{position:absolute;right:-2%;top:9%;width:56%;height:auto;transform:rotate(6deg);pointer-events:none}footer{padding:35px 6%;display:flex;align-items:start;gap:35px;font-size:11px;border-top:1px solid var(--ink)}.footer-name{font-size:15px;text-decoration:none}footer p{color:var(--soft);margin:10px 0 0}.footer-links{margin-left:auto;display:flex;gap:23px;flex-wrap:wrap}.footer-links a{text-underline-offset:4px}.footer-date{color:var(--soft)}.clicked{animation:tap .35s}@keyframes tap{0%,100%{transform:rotate(0)}30%{transform:translateX(-4px) rotate(-3deg)}65%{transform:translateX(3px) rotate(2deg)}}
@media(min-width:1600px){.page-shell{box-shadow:0 0 60px #463f2c20}.hero h1{font-size:96px}}@media(max-width:1000px){.hero{gap:5%;padding-top:55px}.hero h1{font-size:64px;letter-spacing:-3px}.hero-intro{font-size:16px}.calendar{padding:30px 25px 0}.calendar-perforation,.calendar-bottom{margin-left:-25px;margin-right:-25px}.calendar-number{font-size:160px}.calendar-caption{font-size:10px;letter-spacing:2px}.numbers{gap:35px}.numbers b{font-size:40px}.numbers span:not(.stamp){font-size:13px}.stamp{font-size:10px}.section{padding:65px 6%}.section-heading{gap:7%}.steps{gap:25px}.season-gallery{gap:16px}.album-tag{left:-25px}.bang-art{top:22%;right:-10%;width:63%}.footer-links{max-width:330px}}
@media(max-width:700px){.header{padding:20px 0;gap:15px}.brand{font-size:21px}.brand-mark{width:40px}.brand-mark svg{width:55px}.brand small{font-size:8px}.header nav{display:none}.language{font-size:13px}.hero{grid-template-columns:1fr;padding:40px 7% 50px;gap:34px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.hero h1{font-size:clamp(53px,12vw,80px);letter-spacing:-2.5px;line-height:1.03}.hero-intro{font-size:17px;line-height:1.7;margin-bottom:25px}.hero-art{max-width:350px;justify-self:center;padding-top:38px;width:88%;margin-top:15px}.calendar-number{font-size:168px}.annotation{font-size:26px;right:-18px;top:-10px}.calendar-top{font-size:9px}.calendar-caption{font-size:12px}.demo-note{font-size:9px}.numbers{padding:22px 7%;gap:0;justify-content:space-between}.numbers>div{display:block;text-align:center}.numbers b{display:block;font-size:38px}.numbers span:not(.stamp){font-size:11px;display:block;margin-top:7px}.stamp{display:none}.section{padding:55px 7%}.section h2,.hundred h2{font-size:37px;letter-spacing:-1.2px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section p:not(.eyebrow):not(.handwritten):not(.gallery-note),.hundred p:not(.eyebrow):not(.handwritten){font-size:15px}.steps{grid-template-columns:1fr;gap:27px;padding-top:25px}.steps article{display:grid;grid-template-columns:40px 1fr;gap:0 12px}.steps h3{margin:0 0 10px;font-size:22px}.steps p{grid-column:2}.step-num{font-size:20px}.season-gallery{grid-template-columns:repeat(2,1fr);gap:28px 20px}.season-gallery figcaption{font-size:24px;margin-top:13px}.screenshot-wrap{padding:6px}.album{grid-template-columns:1fr;gap:35px}.album-copy{max-width:none}.album-image{max-width:270px;width:80%;margin:10px 0}.album-tag{left:-27px;font-size:8px;letter-spacing:1.6px}.hundred{grid-template-columns:1fr;padding:50px 7%;gap:35px}.year-grid{gap:5px}.year-grid span{font-size:10px}.faq{display:block}.faq h2{max-width:none;margin-bottom:30px}.faq summary{font-size:17px}.final-cta{padding:55px 7% 70px;min-height:590px}.final-cta h2{font-size:91px;letter-spacing:-4px}.final-cta .eyebrow{font-size:9px}.bang-art{top:auto;bottom:-48px;right:-140px;width:330px;opacity:.7}.final-cta>p:not(.eyebrow):not(.small-note){font-size:16px;max-width:270px}.final-cta .button{font-size:13px}.button{min-height:50px}footer{padding:30px 7%;flex-wrap:wrap;gap:22px}.footer-links{margin:0;max-width:none;gap:18px;font-size:11px}.footer-date{margin-left:auto}.footer-name{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}