@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/courier-prime-latin-400-normal.BbyBr73r.woff2)format("woff2")}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/courier-prime-latin-700-normal.D1YCjmaD.woff2)format("woff2")}@font-face{font-family:Ine Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ine-hand.CWGYxz-U.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3ead7;--kraft:#d9bf93;--ink:#1d1a17;--ink-soft:#4b443b;--white:#fffdf8;--red:#ef1d26;--red-deep:#d91a22;--orange:#f46521;--yellow:#fccb05;--green:#9ac93b;--sky:#2e99d1;--blue:#43459a;--violet:#981e69;--pink:#f36299;--display:"Archivo Variable", "Archivo", "Arial Narrow", sans-serif;--type:"Courier Prime", "Courier New", monospace;--hand:"Ine Hand", "Nanum Pen Script", cursive;--ease:cubic-bezier(.23, 1, .32, 1);--gutter:clamp(16px, 4vw, 48px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}section[id]{scroll-margin-top:16px}body{background-color:var(--paper);color:var(--ink);font:400 18px/1.55 var(--type);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .15 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");margin:0}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit}:focus-visible{outline:3px dashed var(--blue);outline-offset:4px}.foot :focus-visible{outline-color:var(--yellow)}.skip{z-index:50;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font:700 16px/1 var(--type);border-radius:999px;padding:10px 16px;text-decoration:none;position:absolute;top:-80px;left:16px}.skip:focus-visible{top:12px}.wrap{width:min(100% - 2 * var(--gutter), 1240px);margin-inline:auto}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.torn{isolation:isolate;position:relative}.torn:before{content:"";z-index:-1;background:var(--bg,var(--white));filter:url(#rough);position:absolute;inset:0}.top{justify-content:space-between;align-items:center;padding-block:18px;display:flex}.brand{font:800 22px/1 var(--display);letter-spacing:-.02em;text-transform:uppercase;font-stretch:112%;text-decoration:none}.top nav{gap:28px;margin-left:auto;margin-right:28px;font-size:17px;display:flex}.top-actions{align-items:center;gap:10px;display:flex}.login,.menu{border:2px solid var(--ink);min-height:48px;font:700 17px/1 var(--type);color:var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);transition:transform .16s var(--ease), box-shadow .16s var(--ease);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.login{background:var(--yellow);white-space:nowrap}.menu{white-space:nowrap}.login svg,.menu svg{width:20px;height:20px}.login:active,.menu:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.top nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.menu{display:none}@media (width<=899px){.top nav{display:none}.menu{padding:0 12px;display:inline-flex}.brand{font-size:19px}}@media (width<=379px){.menu span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.hero{gap:40px;padding-block:12px 64px;display:grid}.hero-text{justify-items:start;gap:26px;display:grid}h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:clamp(64px,17vw,150px);font-weight:900;font-stretch:75%;line-height:.86}h1 .plain{display:block}.cut{flex-wrap:nowrap;gap:3px;margin-top:10px;font-size:.82em;display:flex}.cut span{--bg:var(--c);min-width:.62em;color:var(--t,var(--white));transform:rotate(var(--r)) translateY(var(--y,0));font-stretch:var(--w,75%);place-items:center;padding:.06em .08em .02em;display:inline-grid}.sub{max-width:34ch;font-size:19px}.tagline{text-transform:none;letter-spacing:-.01em;margin-top:18px;font-size:clamp(24px,6.4vw,34px);font-weight:800;font-stretch:100%;line-height:1.1;display:block}.sub{margin-top:14px}.sub b{font-family:var(--display);letter-spacing:-.01em;margin-bottom:6px;font-size:24px;font-weight:800;font-stretch:100%;display:block}.actions{flex-wrap:wrap;align-items:center;gap:18px 28px;display:flex}.ticket{--bg:var(--orange);color:var(--ink);min-height:64px;transition:transform .18s var(--ease);grid-template-columns:auto auto;align-items:center;text-decoration:none;display:inline-grid;transform:rotate(-1.5deg)}.ticket:before{filter:none;box-shadow:none;-webkit-mask:radial-gradient(9px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(9px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(9px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(9px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat}.ticket .t-main{font:900 26px/1 var(--display);text-transform:uppercase;padding:12px 18px 12px 26px;font-stretch:85%}.ticket .t-stub{font:700 12px/1.25 var(--type);text-transform:uppercase;letter-spacing:.06em;border-left:2px dashed #1d1a178c;padding:10px 24px 10px 14px}.ticket:active{transform:rotate(-1.5deg)scale(.97)}@media (hover:hover) and (pointer:fine){.ticket:hover{transform:rotate(0)translateY(-2px)}}.pen{font:400 30px/1 var(--hand);color:var(--blue);align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.pen svg{width:46px;height:22px}.pen span{background:linear-gradient(#0000 62%,#fccb05b3 62% 92%,#0000 92%)}.collage{min-height:540px;position:relative}.map{width:58%;position:absolute;top:34px;right:0;transform:rotate(4deg);box-shadow:0 2px 2px #00000014,0 14px 26px -14px #3c280a73}.map img{filter:sepia(.25)contrast(1.02);width:100%;display:block}.polaroid{background:var(--white);width:66%;padding:12px 12px 54px;position:absolute;top:0;left:0;transform:rotate(-4deg);box-shadow:0 2px 3px #0000001a,0 22px 36px -18px #3c280a80}.photo{object-fit:cover;width:100%;height:auto;display:block}div.photo{aspect-ratio:4/5;text-align:center;color:#f4f1ea;font:700 15px/1.3 var(--type);background:radial-gradient(circle at 1px 1px,#6f6a62 1.2px,#0000 1.6px) 0 0/6px 6px,linear-gradient(160deg,#8a857c,#3d3a35);place-items:center;padding:12px;display:grid}.polaroid figcaption{text-align:center;font:400 32px/1 var(--hand);color:var(--ink);position:absolute;bottom:10px;left:0;right:0}.tape{background:#fccb059e;width:96px;height:30px;position:absolute;top:-14px;left:50%;translate:-50%;rotate:3deg;-webkit-mask:linear-gradient(90deg,#0000 0 3px,#000 3px calc(100% - 3px),#0000 0);mask:linear-gradient(90deg,#0000 0 3px,#000 3px calc(100% - 3px),#0000 0)}.stamp{filter:drop-shadow(0 6px 8px #3c280a4d);width:132px;position:absolute;bottom:0;right:6%;transform:rotate(7deg)}.note{font:400 30px/1.05 var(--hand);color:var(--red);max-width:12ch;position:absolute;bottom:-6px;left:2%;transform:rotate(-6deg)}.note svg{width:70px;height:40px;margin-top:4px}.routes{background:var(--kraft);padding-block:72px 96px;position:relative}.routes:before{content:"";background:inherit;filter:url(#rough-top);z-index:0;position:absolute;inset:0}.routes>*{position:relative}h2{font:900 clamp(44px, 9vw, 96px)/.9 var(--display);text-transform:uppercase;margin:0;font-stretch:75%}.routes-head{gap:12px;margin-bottom:40px;display:grid}.routes-head p{max-width:36ch}.post{gap:14px;padding-block:8px;display:grid;position:relative}.post:before{content:"";background:#6b4f2a repeating-linear-gradient(0deg,#00000014 0 2px,#0000 2px 9px);border-radius:3px;width:22px;position:absolute;top:-20px;bottom:-40px;left:50%;translate:-50%}.sign{--tip:34px;width:min(100%,520px);padding:14px calc(var(--tip) + 14px) 14px 22px;color:var(--fg,var(--white));background:var(--c);clip-path:polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%);transform:rotate(var(--r));transition:transform .2s var(--ease);filter:drop-shadow(0 4px #0000001f);gap:2px;text-decoration:none;display:grid;position:relative}.sign.left{padding:14px 22px 14px calc(var(--tip) + 14px);clip-path:polygon(var(--tip) 0, 100% 0, 100% 100%, var(--tip) 100%, 0 50%);text-align:right;justify-self:end}.sign .name{font:900 clamp(28px, 6vw, 44px)/.95 var(--display);text-transform:uppercase;font-stretch:80%}.sign .meta{font:700 15px/1.3 var(--type)}.sign:active{transform:rotate(var(--r)) scale(.97)}@media (hover:hover) and (pointer:fine){.sign:hover{transform:rotate(0deg) translateX(var(--nudge,6px))}.sign.left{--nudge:-6px}}@media (width>=900px){.post{grid-template-columns:1fr 1fr;column-gap:0}.sign{grid-column:2;justify-self:start}.sign.left{grid-column:1}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:32px 96px}.collage{min-height:640px}.cut{font-size:.86em}h1{font-size:clamp(72px,7.2vw,112px)}}@media (width<=420px){.collage{min-height:500px}.stamp{width:108px}}@media (prefers-reduced-motion:reduce){.ticket,.sign{transition:none}}.post{padding-block:40px 70px}.post:before{background:linear-gradient(90deg,#4f3a1f,#7a5a31 30%,#8a6a3d 55%,#5e4524);border-radius:4px 4px 0 0;width:26px;top:6px;bottom:34px;box-shadow:inset 0 0 0 1px #00000026}.post:after{content:"";pointer-events:none;background:repeating-linear-gradient(176deg,#0000 0 11px,#28190847 11px 12.5px,#0000 12.5px 23px),repeating-linear-gradient(90deg,#0000 0 7px,#ffffff0f 7px 8px);border-radius:4px 4px 0 0;width:26px;position:absolute;top:6px;bottom:34px;left:50%;translate:-50%}.cap{z-index:1;background:#3b2a14;border-radius:10px 10px 3px 3px;width:40px;height:16px;position:absolute;top:-4px;left:50%;translate:-50%;box-shadow:0 3px #00000026}.sign{z-index:1;padding-bottom:16px;overflow:hidden}.sign:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 5px,#0000000b 5px 6px),linear-gradient(#ffffff24,#0000 40%,#0000001a);position:absolute;inset:0}.bolt{background:radial-gradient(circle at 35% 35%,#e9e4da,#8b8478 60%,#5c564d);border-radius:50%;width:9px;height:9px;position:absolute;top:10px;left:10px;box-shadow:0 1px #00000040}.bolt.b2{top:auto;bottom:10px}.sign.left .bolt{left:auto;right:10px}@media (width<=899px){.sign .bolt,.sign.left .bolt{margin-left:-4.5px;top:5px;left:50%;right:auto}.sign .bolt.b2,.sign.left .bolt.b2{top:auto;bottom:5px}}.plate{background:var(--white);color:var(--ink);font:700 13px/1.3 var(--type);text-transform:uppercase;letter-spacing:.06em;border-radius:2px;justify-self:start;margin-top:8px;padding:3px 9px 2px;transform:rotate(-1deg);box-shadow:0 1px #0003}.sign.left .plate{justify-self:end;transform:rotate(1deg)}.ground{z-index:2;width:min(100%,420px);height:56px;position:absolute;bottom:0;left:50%;translate:-50%}.post-note{z-index:3;font:400 30px/1 var(--hand);color:var(--blue);margin:0;position:absolute}.post-note svg{width:64px;height:36px;margin-top:2px}.tag{z-index:3;position:absolute}.tag span{font:700 13px/1.25 var(--type);text-transform:uppercase;letter-spacing:.05em;background:#f6e7c4;border:1.5px solid #b89b62;border-radius:4px 14px 14px 4px;padding:10px 14px 10px 24px;display:block;position:relative;transform:rotate(8deg);box-shadow:0 6px 12px -6px #3c280a80}.tag span:before{content:"";background:var(--kraft);border:1.5px solid #b89b62;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:9px}@media (width<=899px){.post-note{display:none}.tag{top:-36px;right:0}.routes-head{margin-bottom:64px}}@media (width>=900px){.post-note{top:40px;left:4%;transform:rotate(-5deg)}.tag{bottom:30px;right:8%}}.foot{background:var(--blue);color:var(--white);margin-top:0;padding-block:72px 28px;position:relative}.foot:before{content:"";background:var(--blue);filter:url(#rough-top);height:30px;position:absolute;top:-14px;left:0;right:0}.foot-grid{gap:40px;display:grid;position:relative}.foot-name{font:900 clamp(44px, 11vw, 72px)/.9 var(--display);text-transform:uppercase;margin:0;font-stretch:75%}.foot-sign{margin:10px 0 0;font-size:17px}.foot-note{font:400 32px/1 var(--hand);color:var(--yellow);transform-origin:0;margin:14px 0 0;transform:rotate(-3deg)}.foot-col{align-content:start;gap:2px;display:grid}.foot-h{font:800 20px/1.2 var(--display);text-transform:uppercase;color:var(--yellow);margin:0 0 6px}.foot-col a{white-space:nowrap;justify-self:start;align-items:center;gap:10px;min-height:44px;padding-block:6px;font-size:18px;line-height:1.3;text-decoration:none;display:inline-flex}.foot-col a svg{width:20px;height:20px}.foot-col .foot-cta{background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin-top:4px;padding:0 18px;font-weight:700}.foot-base{color:#dcdcf2;border-top:1.5px dashed #fff6;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:48px;padding-top:18px;font-size:15px;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.foot-col a:not(.foot-cta):hover{-webkit-text-decoration:underline wavy var(--yellow);text-decoration:underline wavy var(--yellow);text-underline-offset:6px}}@media (width>=760px){.foot-grid{grid-template-columns:repeat(3,auto);justify-content:start;column-gap:56px}.foot-brand{grid-column:1/-1}}@media (width>=1100px){.foot-grid{grid-template-columns:1fr auto auto auto;column-gap:clamp(56px,6vw,96px)}.foot-brand{grid-column:auto}}@media (width<=379px){.cut{font-size:.74em}}@media (width<=339px){.cut{font-size:.68em}.tagline{font-size:22px}}[hidden]{display:none!important}.try{padding-block:72px 96px}.try-grid{gap:36px;display:grid}.try-head{align-content:start;gap:16px;display:grid}.try-head h2 span{color:var(--orange)}.try-head p{max-width:36ch}.hand-note{font:400 32px/1 var(--hand);color:var(--red);transform-origin:0;transform:rotate(-3deg)}.days{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:18px;display:grid}[role=tab]{border:2px solid var(--ink);background:var(--white);min-height:64px;color:var(--ink);cursor:pointer;font:700 18px/1.1 var(--type);box-shadow:3px 3px 0 var(--ink);transition:transform .16s var(--ease), box-shadow .16s var(--ease), background-color .16s var(--ease);border-radius:6px;justify-items:center;gap:2px;padding:8px 2px;display:grid;position:relative}[role=tab] .d2{font:400 14px/1.1 var(--type)}[role=tab][aria-selected=true]{background:var(--c);color:var(--t,var(--ink));box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)rotate(-2deg)}[role=tab]:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}@media (width<=599px){[role=tab] .d2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[role=tab]{min-height:52px}}.card{background-color:var(--white);background-image:repeating-linear-gradient(#0000 0 33px,#2e99d138 33px 34px);background-position:0 58px;position:relative;transform:rotate(-.6deg);box-shadow:0 2px 3px #00000014,0 20px 34px -18px #3c280a80}.card-body p,.try-head p,.letter p,.pc-text p{margin:0}.card-body{position:relative}.card-body:before{content:"";background:#ef1d2659;width:2px;position:absolute;top:0;bottom:0;left:30px}.card-top{background:var(--c);color:var(--t,var(--ink));font:700 15px/1.2 var(--type);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:14px 18px 14px 44px;display:flex}.card-body{justify-items:start;gap:14px;padding:22px 22px 30px 44px;display:grid}.ask{font:400 30px/1 var(--hand);color:var(--blue)}.prompt{font:800 clamp(26px, 6vw, 36px)/1.1 var(--display);letter-spacing:-.01em;font-stretch:85%}.reveal{border:2px solid var(--ink);background:var(--yellow);min-height:52px;color:var(--ink);font:700 17px/1 var(--type);cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .16s var(--ease), box-shadow .16s var(--ease);border-radius:999px;padding:0 22px}.reveal:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.answer{border-top:2px dashed #1d1a174d;gap:10px;width:100%;padding-top:14px;padding-right:120px;display:grid;position:relative}.ans{font:400 38px/1.05 var(--hand);color:var(--red)}.tip{font-size:17px}.done{border:3px solid var(--green);color:#4d7a12;font:900 22px/1 var(--display);text-transform:uppercase;animation:stamp .42s var(--ease) both;mix-blend-mode:multiply;border-radius:6px;padding:8px 12px;font-stretch:80%;position:absolute;top:18px;right:0;transform:rotate(-12deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-12deg)scale(1.6)}60%{opacity:1;transform:rotate(-12deg)scale(.94)}to{transform:rotate(-12deg)scale(1)}}@media (width<=599px){.answer{padding-bottom:54px;padding-right:0}.done{top:auto;bottom:0;right:4px}}@media (width>=900px){.try-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px}}.about{padding-block:104px 96px}.about-grid{align-items:center;gap:40px;display:grid}.polaroid.small{justify-self:center;width:min(78%,340px);position:relative;transform:rotate(3deg)}.letter{--bg:var(--white);justify-items:start;gap:14px;padding:34px 28px 30px;display:grid;transform:rotate(-1deg)}.letter:before{background:var(--white) repeating-linear-gradient(transparent 0 31px, #2e99d12e 31px 32px);box-shadow:0 18px 30px -18px #3c280a80}.letter p{max-width:52ch}.sig{font:400 52px/1 var(--hand);color:var(--blue);transform:rotate(-4deg)}.letter{--rule:32px;padding-block:var(--rule);gap:0}.letter:before{background:var(--white) repeating-linear-gradient(transparent 0 calc(var(--rule) - 1px), #2e99d133 calc(var(--rule) - 1px) var(--rule)) 0 -6px}.letter h2{line-height:round(nearest, .9em, var(--rule))}.letter p{line-height:var(--rule);margin-top:var(--rule)}.letter .sig{line-height:calc(var(--rule) * 2);margin-top:calc(var(--rule) / 2)}@media (width>=900px){.about-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px}.letter{padding:calc(var(--rule) * 1.5) 52px var(--rule)}}.close{padding-block:24px 120px}.postcard{--bg:#fbf3e2;gap:28px;padding:32px 26px;display:grid;transform:rotate(.8deg)}.postcard:before{box-shadow:0 22px 36px -20px #3c280a8c}.pc-text{justify-items:start;gap:16px;display:grid}.pc-text p{max-width:34ch}.pc-side{align-content:start;gap:22px;padding-top:8px;display:grid;position:relative}.pc-stamp{filter:drop-shadow(0 3px 4px #3c280a4d);justify-self:end;width:84px;transform:rotate(6deg)}.pc-line{background:#1d1a1759;height:2px;display:block}.pc-to{font:400 30px/1.15 var(--hand);color:var(--blue)}@media (width<=899px){.pc-side{display:none}}@media (width>=900px){.postcard{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0;padding:52px 56px}.pc-side{border-left:2px solid #1d1a1740;margin-left:44px;padding-left:44px}}@media (prefers-reduced-motion:reduce){.done{animation:none}[role=tab],.reveal{transition:none}}.top{z-index:20;position:relative}@media (width<=899px){.top.open nav{background:var(--white);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);gap:0;margin:0;padding:8px 20px;font-size:20px;display:grid;position:absolute;top:100%;left:0;right:0}.top.open nav a{border-bottom:1.5px dashed #1d1a1740;min-height:56px}.top.open nav a:last-child{border-bottom:0}}@media (width<=400px){.login,.menu{gap:6px;padding:0 12px}}picture{display:block}.p-hero{gap:40px;padding-block:12px 72px;display:grid}.p-text{justify-items:start;gap:20px;display:grid}.p-text p{margin:0}.back{min-height:44px;font:400 28px/1 var(--hand);color:var(--blue);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.back svg{width:40px;height:20px}.p-text h1{font-size:clamp(48px,13vw,104px)}.p-name{--bg:var(--c);color:var(--fg);padding:.08em .18em .02em;display:inline-block;transform:rotate(-1.5deg)}.p-tag{font:800 clamp(22px, 5.4vw, 30px)/1.15 var(--display);letter-spacing:-.01em;max-width:24ch}.p-intro{max-width:46ch}.plates{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plates li{background:var(--white);border:1.5px solid var(--ink);font:700 15px/1.2 var(--type);text-transform:uppercase;letter-spacing:.05em;padding:6px 12px 5px;box-shadow:0 6px 12px -8px #3c280a73}.plates li:nth-child(odd){transform:rotate(-1.2deg)}.plates li:nth-child(2n){transform:rotate(1deg)}.pass{background:var(--white);place-self:center;width:min(100%,420px);position:relative;transform:rotate(2.5deg);box-shadow:0 2px 3px #00000014,0 24px 36px -20px #3c280a8c;-webkit-mask:radial-gradient(12px at 0 62%,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(12px at 100% 62%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(12px at 0 62%,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(12px at 100% 62%,#0000 98%,#000) 100%/51% 100% no-repeat}.pass-top{background:var(--c);color:var(--fg);font:700 15px/1 var(--type);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:14px 22px;display:flex}.pass-name{font:900 34px/1 var(--display);text-transform:uppercase;margin:0;padding:22px 22px 8px;font-stretch:80%}.pass dl{border-bottom:2px dashed #1d1a1759;grid-template-columns:1fr 1fr;gap:14px 18px;margin:0;padding:8px 22px 22px;display:grid}.pass dt{font:700 13px/1 var(--type);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.pass dd{font:800 19px/1.15 var(--display);margin:4px 0 0}.pass-foot{justify-content:space-between;align-items:center;gap:16px;padding:18px 22px 20px;display:flex}.barcode{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 7px, transparent 7px 9px, var(--ink) 9px 10px, transparent 10px 13px);width:130px;height:40px}.pass-hand{font:400 28px/1 var(--hand);color:var(--red);transform:rotate(-4deg)}.week{padding-block:24px 64px}.week-list{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.week-list li{background:var(--white);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 12px;padding:16px 16px 16px 28px;display:grid;position:relative;box-shadow:0 10px 20px -14px #3c280a80}.week-list li:nth-child(odd){transform:rotate(-.6deg)}.week-list li:nth-child(2n){transform:rotate(.5deg)}.week-list li:before{content:"";background:var(--c);width:18px;position:absolute;top:10px;bottom:10px;left:-6px;transform:rotate(-2deg)}.w-day{font:900 26px/1 var(--display);text-transform:uppercase;font-stretch:80%}.w-kind{font:400 28px/1 var(--hand);color:var(--blue)}.w-text{grid-column:1/-1}@media (width>=900px){.week-list li{grid-template-columns:11rem 11rem 1fr}.w-text{grid-column:auto}}.how{gap:48px;display:grid}.start{background:var(--yellow);width:min(100% - 14px,340px);color:var(--ink);clip-path:polygon(0 0,100% 0,100% 96%,94% 100%,0 100%);justify-self:end;margin-right:6px;padding:34px 26px 26px;position:relative;transform:rotate(1.6deg);box-shadow:0 2px 3px #00000014,0 22px 30px -18px #3c280a8c}.start .tape{background:#2e99d173}.start-t{font-size:clamp(30px,5vw,40px);line-height:1}.start ol{counter-reset:s;gap:12px;margin:18px 0 0;padding:0;font-size:17px;line-height:1.45;list-style:none;display:grid}.start li{counter-increment:s;grid-template-columns:34px 1fr;align-items:baseline;display:grid}.start li:before{content:counter(s);font:900 26px/1 var(--display);color:var(--blue);font-stretch:80%}.start-go{font:400 32px/1 var(--hand);color:var(--blue);align-items:center;gap:10px;margin-top:18px;text-decoration:none;display:inline-flex}.start-go svg{width:44px;height:22px;transition:translate .2s var(--ease)}.start-go:hover svg{translate:4px}@media (width>=900px){.how{grid-template-columns:minmax(0,760px) minmax(0,1fr);align-items:start;gap:56px}.start{justify-self:center;margin-top:56px}}.how{padding-block:32px 72px}.how-sheet{--bg:var(--white);max-width:760px;padding:36px 28px 32px 56px;transform:rotate(-.8deg)}.how-sheet:before{background:var(--white) repeating-linear-gradient(transparent 0 35px, #2e99d133 35px 36px);box-shadow:0 20px 34px -20px #3c280a80}.how-sheet:after{content:"";background:#ef1d2659;width:2px;position:absolute;top:0;bottom:0;left:34px}.how-sheet ul{gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.how-sheet li{padding-left:38px;position:relative}.how .how-sheet{--rule:36px;padding-block:var(--rule)}.how .how-sheet:before{background:var(--white) repeating-linear-gradient(transparent 0 calc(var(--rule) - 1px), #2e99d138 calc(var(--rule) - 1px) var(--rule)) 0 -7px}.how .how-sheet h2{line-height:round(nearest, .9em, var(--rule))}.how .how-sheet ul{margin-top:var(--rule);line-height:var(--rule);gap:0}.how .how-sheet li:before{top:4px}.how .how-note{margin-top:var(--rule);line-height:var(--rule)}.how-sheet li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2343459A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13c3 2 5 5 6 7 3-7 7-12 12-17'/%3E%3C/svg%3E") 50%/contain no-repeat;width:24px;height:24px;position:absolute;top:2px;left:0}.how-note{font:400 30px/1.1 var(--hand);color:var(--red);transform-origin:0;margin:24px 0 0;transform:rotate(-2deg)}.more{padding-block:24px 64px}.more-list{gap:14px;margin-top:28px;display:grid}.more .sign{width:min(100%,520px)}.more .sign.left{justify-self:start}@media (width>=900px){.p-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:64px;padding-block:32px 96px}.more-list{grid-template-columns:1fr 1fr;gap:18px 28px}.more .sign,.more .sign.left{grid-column:auto;justify-self:stretch;width:auto}}@media (width<=380px){.w-day{font-size:22px}.w-kind{font-size:24px}}.auth{padding-block:32px 120px}.auth .how-sheet{justify-items:start;gap:16px;display:grid}.auth h1{font-size:clamp(48px,12vw,88px)}.auth p{max-width:46ch;margin:0}.auth-form{justify-items:start;gap:10px;width:100%;max-width:440px;display:grid}.auth-form label{font:700 15px/1 var(--type);text-transform:uppercase;letter-spacing:.06em}.auth-form input[type=email]{width:100%;min-height:56px;font:400 20px/1.2 var(--type);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:12px 16px}.auth-form input::placeholder{color:#6f665c}.auth-form input:focus-visible{outline:3px dashed var(--blue);outline-offset:3px}.auth-form .ticket{cursor:pointer;font:inherit;background:0 0;border:0;margin-top:8px;padding:0}.auth-msg{border:1.5px solid var(--red);background:#ef1d261a;padding:10px 14px;font-weight:700}.link-btn{min-height:44px;font:700 18px/1 var(--type);color:var(--blue);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.h3{font:900 clamp(26px, 5vw, 34px)/1 var(--display);text-transform:uppercase;margin:0;font-stretch:80%}.hint{color:var(--ink-soft);margin:0;font-size:16px}.panel,.app{align-content:start;gap:24px;padding-block:8px 120px;display:grid}.panel h1,.app-hi{font-size:clamp(44px,10vw,80px)}.panel-nav{border-bottom:2px dashed #1d1a1740;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:16px;display:flex}.panel-nav a{min-height:44px;font:700 17px/1 var(--type);color:var(--ink);border:2px solid #0000;border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.panel-nav a[aria-current=page]{background:var(--ink);color:var(--paper)}.panel-nav .auth-form{width:auto;margin-left:auto}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.week-pick{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.week-pick p{margin:0;font-weight:700}.chip{border:2px solid var(--ink);background:var(--white);min-width:44px;min-height:44px;color:var(--ink);font:700 17px/1 var(--type);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.btn{border:2px solid var(--ink);background:var(--yellow);min-height:48px;color:var(--ink);font:700 17px/1 var(--type);cursor:pointer;transition:transform .16s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.btn:active,.chip:active{transform:scale(.97)}.btn[disabled]{opacity:.5;cursor:progress}.panel-ok{background:#9ac93b38;border:1.5px solid #5d7d1f;margin:0;padding:12px 16px;font-weight:700}.empty{background:var(--white);margin:0;padding:24px}.grid-week{gap:10px;display:grid}.gw-row{background:var(--white);grid-template-columns:1fr;gap:8px;padding:14px;display:grid;box-shadow:0 10px 22px -18px #3c280a99}.gw-row.today{outline:3px solid var(--orange);outline-offset:-3px}.gw-headrow{display:none}.gw-day{gap:2px;display:grid}.gw-day strong{font:900 22px/1 var(--display);text-transform:uppercase;font-stretch:80%}.gw-day small,.gw-rep small{color:var(--ink-soft);font-size:15px}.gw-rep,.gw-add{min-height:64px;color:var(--ink);align-content:center;gap:2px;padding:10px 14px;text-decoration:none;display:grid}.gw-rep{border:2px solid var(--ink);background:#fccb0540}.gw-add{color:var(--blue);border:2px dashed #1d1a1766;justify-items:start;font-weight:700}@media (width>=760px){.gw-headrow{box-shadow:none;font:700 14px/1 var(--type);text-transform:uppercase;letter-spacing:.08em;background:0 0;padding-block:0;display:grid}.gw-row{grid-template-columns:220px 1fr 1fr;align-items:stretch}}.wa-box{background:var(--white);border-top:6px solid var(--green);grid-template-columns:minmax(0,1fr);justify-items:start;gap:12px;padding:22px;display:grid}.wa-box p{max-width:60ch;margin:0}.wa-text{overflow-wrap:anywhere;background:var(--paper);font-family:var(--type);padding:12px 14px}.rep-form{gap:18px;display:grid}.fields{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=760px){.fields{grid-template-columns:1fr 1.4fr 1fr 1fr;align-items:end}}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.field>span,.field legend{font:700 14px/1 var(--type);text-transform:uppercase;letter-spacing:.06em;padding:0}.field input:not([type=radio]):not([type=file]),.field select{width:100%;min-height:52px;font:400 18px/1.2 var(--type);color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:0;padding:10px 12px}.field input[type=file]{font:400 16px/1.2 var(--type)}.seg{border:2px solid var(--ink);background:var(--white);display:flex}.seg label{flex:1;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{justify-content:center;align-items:center;min-height:48px;padding:0 10px;font-weight:700;display:flex}.seg label+label span{border-left:2px solid var(--ink)}.seg input:checked+span{background:var(--ink);color:var(--paper)}.seg input:focus-visible+span{outline:3px dashed var(--blue);outline-offset:-6px}.drop{text-align:center;background:var(--white);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease);border:3px dashed #1d1a1773;place-items:center;gap:6px;padding:36px 20px;display:grid}.drop p{margin:0}.drop.over{border-color:var(--ink);background:#fccb0540}.upload-err{border:1.5px solid var(--red);background:#ef1d261a;margin:0;padding:10px 14px;font-weight:700}.pieces{counter-reset:piece;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.piece{background:var(--white);border:2px solid var(--ink);cursor:grab;counter-increment:piece;gap:6px;padding:8px;display:grid;position:relative}.piece:before{content:counter(piece);background:var(--ink);width:28px;height:28px;color:var(--paper);font:700 14px/1 var(--type);border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;left:-10px}.piece.dragging{opacity:.4}.piece.uploading{opacity:.75}.piece img,.piece-audio{aspect-ratio:1;object-fit:contain;background:var(--paper);width:100%}.piece-audio{font:900 24px/1 var(--display);place-items:center;display:grid}.piece-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.piece progress{width:100%;accent-color:var(--orange)}.piece-tools{gap:4px;display:flex}.piece-tools button{border:1.5px solid var(--ink);background:var(--paper);min-height:40px;font:700 16px/1 var(--type);cursor:pointer;flex:1}.form-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.form-actions .ticket,.auth-form .ticket{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.danger{justify-self:start}.danger .link-btn{color:var(--red)}.preview{gap:14px;display:grid}.phone{background:var(--paper);border:2px solid var(--ink);border-radius:28px;width:min(100%,420px);padding:16px}.add-student{background:var(--white);gap:14px;padding:22px;display:grid}@media (width>=900px){.add-student{grid-template-columns:1.2fr 1.5fr 1fr auto;align-items:end}.add-student .h3,.add-student .hint{grid-column:1/-1}}.students{gap:8px;margin:0;padding:0;list-style:none;display:grid}.student{background:var(--white);grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:14px 16px;display:grid}.student.off{opacity:.6}.st-who{gap:2px;min-width:0;display:grid}.st-who span{color:var(--ink-soft);overflow-wrap:anywhere;font-size:15px}.st-status{font:700 14px/1.2 var(--type);text-transform:uppercase;letter-spacing:.04em}.st-level select{min-height:44px;font:400 17px/1 var(--type);border:2px solid var(--ink);background:var(--white);padding:6px 10px}@media (width>=760px){.student{grid-template-columns:1fr 180px auto auto}}.month-files{gap:16px;display:grid}@media (width>=760px){.month-files{grid-template-columns:1fr 1fr}}.month-file{background:var(--white);align-content:start;gap:12px;padding:22px;display:grid}.month-file p{margin:0}.rep{gap:14px;max-width:560px;display:grid}.rep-head{gap:4px;display:grid}.rep-title{font:400 30px/1 var(--hand);color:var(--red);transform-origin:0;margin:0;transform:rotate(-2deg)}.rep-kind{font-size:clamp(40px,11vw,64px)}.rep-meta{font:700 15px/1 var(--type);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);flex-wrap:wrap;gap:6px 16px;margin:0;display:flex}.rep-empty{margin:0}.rep-stage{gap:10px;display:grid}.rep-track{scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--white);margin:0;padding:0;list-style:none;display:flex;overflow-x:auto;box-shadow:0 2px 3px #00000014,0 24px 36px -22px #3c280a8c}.rep-track::-webkit-scrollbar{display:none}.rep-slide{scroll-snap-align:center;flex:0 0 100%;place-items:center;display:grid}.rep-slide img{object-fit:contain;width:100%;height:auto;max-height:78vh;display:block}.rep-audio{background:var(--yellow);justify-items:center;gap:14px;width:100%;padding:48px 20px;display:grid}.rep-audio span{font:900 40px/1 var(--display);text-transform:uppercase}.rep-audio audio{width:100%}.rep-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.rep-nav button{border:2px solid var(--ink);background:var(--white);width:52px;height:52px;color:var(--ink);cursor:pointer;transition:transform .16s var(--ease), opacity .16s var(--ease);border-radius:50%;place-items:center;display:grid}.rep-nav button svg{width:24px;height:24px}.rep-nav button:active{transform:scale(.94)}.rep-nav button:disabled{opacity:.3;cursor:default}.rep-count{font:700 17px/1 var(--type);margin:0}.next-note{background:var(--white);border-top:6px solid var(--sky);margin:0;padding:12px 16px}.app-block{gap:14px;display:grid}.rep-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rep-list a{background:var(--white);color:var(--ink);grid-template-columns:1fr auto;gap:2px 12px;padding:14px 16px;text-decoration:none;display:grid}.rep-list a[aria-current]{outline:3px solid var(--orange);outline-offset:-3px}.rep-list strong{font:900 22px/1 var(--display);text-transform:uppercase;font-stretch:80%}.rep-list span{color:var(--ink-soft);font-size:15px}.rep-list span:last-child{grid-column:1/-1}.downloads{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.month{background:var(--white);padding:0 16px}.month summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.month[open]{padding-bottom:16px}.month .rep-list a{background:var(--paper)}.month .downloads{margin-top:12px}.account{background:#1d1a1726;gap:1px;max-width:560px;margin:0;display:grid}.account div{background:var(--white);gap:4px;padding:14px 16px;display:grid}.account dt{font:700 13px/1 var(--type);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.account dd{overflow-wrap:anywhere;margin:0;font-weight:700}@media (width>=900px){.app{grid-template-columns:minmax(0,560px) minmax(0,1fr);column-gap:64px}.app>.panel-nav,.app>.app-hi,.app>.hint,.app>p,.app>.account,.app>.pen,.app>.month,.app>.empty,.app>.next-note{grid-column:1/-1}.app>.rep{grid-area:span 3/1}.app>.app-block{grid-column:2;align-self:start}}.piece-tools button{color:var(--ink);place-items:center;display:grid}.piece-tools svg{width:18px;height:18px}.gw-day small{white-space:nowrap}.ico{width:20px;height:20px}.panel{grid-template-columns:minmax(0,1fr)}@media (width<=899px){.app{grid-template-columns:minmax(0,1fr)}}.panel>*,.app>*{min-width:0}.field input[type=file]{width:100%;max-width:100%}@media (width<=380px){.week-pick p{flex-basis:100%;order:-1}.gw-day small{white-space:normal}}.piece video{aspect-ratio:1;object-fit:contain;background:var(--ink);width:100%}.piece-step{font:700 13px/1.2 var(--type)}.rep-video{background:var(--ink);width:100%;height:auto;max-height:78vh;display:block}