:root{--ink:#14213d;--ink2:#0d1730;--paper:#f6f1e6;--paper2:#ebe3d1;--kraft:#c9a46c;--kraft2:#b48d55;--red:#c8372d;--serif:"Gloock", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--sans:"Instrument Sans", system-ui, sans-serif;--pad:clamp(18px, 4vw, 56px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.5}a{color:inherit}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:50;padding:14px var(--pad);align-items:center;gap:24px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;inset:0 0 auto}.top.solid{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1730eb;box-shadow:0 1px #f6f1e61a}.mark{border:1.5px dashed var(--paper);width:44px;height:44px;font-family:var(--serif);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:17px;text-decoration:none;display:grid}.nav{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;gap:28px;margin-left:auto;font-size:13px;display:flex}.nav a{opacity:.8;text-decoration:none}.nav a:hover{opacity:1}.btn{font-family:var(--mono);letter-spacing:.04em;border:1.5px solid;border-radius:2px;align-items:center;gap:10px;padding:14px 22px;font-size:14px;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-sm{text-transform:uppercase;padding:9px 14px;font-size:12px}.btn-red{background:var(--red);border-color:var(--red);color:var(--paper)}.btn-red:hover{background:#a92a21}@media (width<=760px){.nav{display:none}.btn-sm{margin-left:auto}}.kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--kraft);font-size:13px}.kicker.dark{color:var(--red)}.kicker.light{color:var(--paper);opacity:.85}.hero{min-height:100svh;padding:110px var(--pad) 90px;background:radial-gradient(120% 90% at 85% 40%, #1f2f55 0%, var(--ink) 55%, var(--ink2) 100%);grid-template-columns:1.1fr 1fr;align-items:center;gap:4vw;display:grid;position:relative;overflow:hidden}.hero-txt{z-index:2;position:relative}.type{display:inline-block}.name{font-family:var(--serif);letter-spacing:-.02em;margin:18px 0 26px;font-size:clamp(54px,10.5vw,168px);font-weight:400;line-height:.9}.name .ln{padding-bottom:.06em;display:block;overflow:hidden}.name .ln>span{animation:1.1s cubic-bezier(.2,.8,.2,1) forwards up;display:inline-block;transform:translateY(105%)}.name .ln:nth-child(2)>span{color:var(--kraft);animation-delay:.15s}@keyframes up{to{transform:none}}.where{font-family:var(--mono);opacity:.85;margin-bottom:30px;font-size:15px}.hero-env{z-index:1;perspective:1200px;place-items:center;display:grid;position:relative}.env-front{aspect-ratio:1.55;width:min(520px,100%);color:var(--ink);opacity:0;background:#f2ead8;border-radius:4px;animation:1.2s cubic-bezier(.2,.8,.2,1) .35s forwards envIn;position:relative;transform:rotate(-6deg)translateY(40px);box-shadow:0 40px 80px -30px #000000b3}.env-front:before{content:"";background:repeating-linear-gradient(-45deg, var(--red) 0 14px, #f2ead8 14px 22px, var(--ink) 22px 36px, #f2ead8 36px 44px);-webkit-mask-composite:xor;border-radius:4px;padding:9px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes envIn{to{opacity:1;transform:rotate(-6deg)}}.stamp{aspect-ratio:.82;background:var(--red);width:21%;color:var(--paper);--p:radial-gradient(circle, transparent 3.2px, #000 3.6px);-webkit-mask:var(--p) -5px -5px / 10px 10px;-webkit-mask:var(--p) -5px -5px / 10px 10px;mask:var(--p) -5px -5px / 10px 10px;opacity:0;box-shadow:inset 0 0 0 7px var(--red), inset 0 0 0 8.5px var(--paper);flex-direction:column;justify-content:center;align-items:center;animation:.5s cubic-bezier(.3,1.6,.5,1) 1.25s forwards stick;display:flex;position:absolute;top:9%;right:7%;transform:scale(1.8)rotate(12deg)}.st-p{font-family:var(--serif);font-size:clamp(30px,4.6vw,64px);line-height:1}.st-c{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:clamp(8px,.9vw,12px)}@keyframes stick{to{opacity:1;transform:rotate(4deg)}}.postmark{fill:none;width:48%;stroke:var(--ink);stroke-width:2.4px;opacity:0;filter:url(#tusz);animation:.35s ease-out 1.75s forwards hit;position:absolute;top:4%;right:17%;transform:rotate(-14deg)scale(1.3)}.postmark text{fill:var(--ink);stroke:none;font-family:var(--mono);letter-spacing:.1em;font-size:11px}.postmark .pm-mid{font-family:var(--serif);font-size:22px}@keyframes hit{to{opacity:.85;transform:rotate(-14deg)}}.env-to{font-family:var(--mono);font-size:clamp(11px,1.25vw,16px);line-height:1.6;position:absolute;bottom:13%;left:12%}.scroll-hint{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:12px;text-decoration:none;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scroll-hint:after{content:"";transform-origin:top;background:currentColor;width:1px;height:26px;margin:8px auto 0;animation:1.8s infinite drip;display:block}@keyframes drip{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (width<=860px){.hero{grid-template-columns:1fr;align-content:center;gap:30px;padding-top:96px;padding-bottom:80px}.hero-env{justify-items:start}.env-front{width:min(420px,92%)}}@media (height<=520px) and (orientation:landscape){.hero{grid-template-columns:1.1fr 1fr;padding-top:74px;padding-bottom:54px}.name{margin:8px 0 14px;font-size:clamp(40px,8vw,80px)}.where{margin-bottom:14px}.scroll-hint{display:none}}.letter-scene{background:linear-gradient(var(--ink2), var(--ink) 30%, var(--ink));height:420vh;position:relative}.ls-stage{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}@media (height<=520px){.ls-label{display:none}}.ls-label{top:max(78px,10svh);left:var(--pad);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--kraft);font-size:13px;position:absolute}.env3d{--w:min(560px, 94vw, 58svh);--h:calc(var(--w) * .62);width:var(--w);height:var(--h);margin-top:40px;position:relative}.e-back,.e-pocket,.e-flap{position:absolute;inset:0}.e-back{background:var(--kraft2);border-radius:4px;box-shadow:0 50px 90px -30px #000000b3}.e-pocket{z-index:3;background:var(--kraft);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);background-image:linear-gradient(160deg,#ffffff1f,#0000 40%),linear-gradient(20deg,#00000014,#0000 50%);border-radius:0 0 4px 4px}.e-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;height:60%;transform:perspective(1000px) rotateX(calc(var(--flap,0) * 180deg));background:#d4b27c}.e-flap.behind{z-index:1;filter:brightness(.82)}.letter{--lw:calc(var(--w) * .9);--ph:calc(var(--lw) * .47);z-index:2;left:calc((var(--w) - var(--lw)) / 2);top:calc(var(--h) * .5 - var(--ph) / 2 - var(--ph));width:var(--lw);height:calc(var(--ph) * 3);perspective:1600px;transform:translateY(var(--rise,0px));color:var(--ink);position:absolute}.panel{width:100%;height:var(--ph);transform-style:preserve-3d;position:absolute;left:0}.p-top{transform-origin:bottom;transform:translateZ(2px) rotateX(calc(var(--uTop,0) * -180deg + 180deg));z-index:3;top:0}.p-mid{top:var(--ph)}.p-bot{top:calc(var(--ph) * 2);transform-origin:top;transform:translateZ(1px) rotateX(calc(var(--uBot,0) * 180deg - 180deg));z-index:2}.face,.back{background:var(--paper);backface-visibility:hidden;padding:calc(var(--lw) * .055) calc(var(--lw) * .07);position:absolute;inset:0}.back{background:var(--paper2);text-align:center;place-items:center;display:grid;transform:rotateX(180deg)}.bk{font-family:var(--serif);font-size:calc(var(--lw) * .06);line-height:1.1}.bk small{font-family:var(--mono);font-size:calc(var(--lw) * .022);letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-top:8px;display:block}.p-mid .face{box-shadow:inset 0 1px #14213d1f,inset 0 -1px #14213d1f}.p-top .face,.p-top .back{border-radius:2px 2px 0 0}.p-bot .face,.p-bot .back{border-radius:0 0 2px 2px}.lh{align-items:center;gap:calc(var(--lw) * .03);padding-bottom:calc(var(--lw) * .03);border-bottom:2px solid var(--ink);display:flex}.lh-m{width:calc(var(--lw) * .1);aspect-ratio:1;background:var(--red);color:var(--paper);font-family:var(--serif);font-size:calc(var(--lw) * .04);border-radius:50%;place-items:center;display:grid}.lh-t{font-family:var(--serif);font-size:calc(var(--lw) * .05);line-height:1.05}.lh-t small{font-family:var(--mono);font-size:calc(var(--lw) * .022);letter-spacing:.1em;text-transform:uppercase;opacity:.7}.lt-h{margin-top:calc(var(--lw) * .06);font-family:var(--mono);font-size:calc(var(--lw) * .026);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.items{gap:calc(var(--lw) * .035);padding-top:calc(var(--lw) * .01);list-style:none;display:grid}.items li{grid-template-columns:calc(var(--lw) * .09) 1fr;font-family:var(--serif);font-size:calc(var(--lw) * .052);align-items:baseline;line-height:1.1;display:grid}.items b{font-family:var(--mono);font-weight:500;font-size:calc(var(--lw) * .026);color:var(--red)}.items span{background:linear-gradient(var(--red), var(--red)) 0 100% / calc(var(--u,0) * 100%) 3px no-repeat;padding-bottom:4px}.lt-f{left:calc(var(--lw) * .07);bottom:calc(var(--lw) * .05);font-family:var(--mono);font-size:calc(var(--lw) * .022);opacity:.6;position:absolute}.register{background:var(--paper);color:var(--ink);padding:clamp(80px, 12vw, 160px) var(--pad);overflow:clip}.h2{font-family:var(--serif);letter-spacing:-.01em;max-width:15ch;margin:18px 0 clamp(40px,7vw,90px);font-size:clamp(36px,6vw,88px);font-weight:400;line-height:1}.h2 em{color:var(--red);font-style:normal}.stamps{grid-template-columns:repeat(4,1fr);align-items:center;gap:clamp(20px,3vw,44px);display:grid}.pz{color:var(--ink);filter:url(#tusz);opacity:0;transform:scale(2.1) rotate(var(--r,-4deg));text-align:center;transition:opacity .25s ease-in,transform .45s cubic-bezier(.3,1.5,.5,1)}.pz.in{opacity:.92;transform:scale(1) rotate(var(--r,-4deg))}.pz small{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px;display:block}.pz strong{font-family:var(--serif);margin:6px 0;font-size:clamp(30px,3.4vw,50px);font-weight:400;line-height:1.1;display:block}.pz-rect{--r:-5deg;border:4px double;padding:22px 14px}.pz-round{--r:8deg;color:var(--red)}.pz-round svg{fill:none;stroke:currentColor;stroke-width:4px;width:100%;max-width:230px;margin:auto;display:block}.pz-round text{fill:currentColor;stroke:none;font-family:var(--mono);letter-spacing:.06em;font-size:12.5px}.pz-round .c{font-family:var(--serif);letter-spacing:.02em;font-size:34px}.pz-oval{--r:-2deg;border:3px solid;border-radius:50%;padding:30px 12px}.pz-line{--r:3deg;color:var(--red);border-top:3px solid;border-bottom:3px solid;padding:18px 6px}.pz-line strong{font-size:clamp(24px,2.6vw,38px)}.pz:nth-child(2){transition-delay:.25s}.pz:nth-child(3){transition-delay:.5s}.pz:nth-child(4){transition-delay:.75s}@media (width<=900px){.stamps{grid-template-columns:1fr 1fr}}@media (width<=420px){.stamps{gap:16px}.pz small{font-size:10px}.pz-oval{padding:22px 6px}}.route{background:var(--red);height:300vh;color:var(--paper);position:relative}.route-stage{height:100svh;padding:80px var(--pad) 40px;flex-direction:column;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}.track{margin-top:clamp(30px,6vh,70px);position:relative}.line{background:repeating-linear-gradient(90deg,#f6f1e673 0 10px,#0000 10px 18px);height:3px;position:absolute;top:30px;left:0;right:0}.fill{background:var(--paper);transform-origin:0;transform:scaleX(var(--t,0));position:absolute;inset:0}.mini-env{top:12px;left:calc(var(--t,0) * 100%);background:var(--paper);border-radius:3px;width:54px;height:38px;margin-left:-27px;position:absolute;transform:rotate(-4deg);box-shadow:0 10px 20px -8px #0006}.mini-env:before{content:"";background:var(--paper2);clip-path:polygon(0 0,100% 0,50% 58%);position:absolute;inset:0}.mini-env:after{content:"";background:var(--ink);width:10px;height:12px;position:absolute;top:5px;right:5px}.stops{grid-template-columns:repeat(4,1fr);gap:3vw;padding-top:90px;list-style:none;display:grid}.stops li{opacity:.35;transition:opacity .4s,transform .4s;transform:translateY(16px)}.stops li.on{opacity:1;transform:none}.stops b{font-family:var(--mono);letter-spacing:.1em;font-size:13px;font-weight:500}.stops h3{font-family:var(--serif);margin:10px 0 12px;font-size:clamp(28px,3.3vw,52px);font-weight:400;line-height:1}.stops p{opacity:.9;max-width:24ch;font-size:16px}@media (width<=760px){.track{padding-left:64px}.line{background:repeating-linear-gradient(#f6f1e673 0 10px,#0000 10px 18px);width:3px;height:auto;inset:0 auto 0 26px}.fill{transform-origin:top;transform:scaleY(var(--t,0))}.mini-env{left:0;top:calc(var(--t,0) * 100%);width:54px;margin:-19px 0 0}.route-stage{justify-content:flex-start;padding-top:max(84px,13svh)}.track{margin-top:clamp(18px,4svh,40px)}.stops{grid-template-columns:1fr;gap:clamp(12px,3svh,30px);padding-top:0}.stops h3{margin:2px 0;font-size:clamp(22px,6.4vw,32px)}.stops p{max-width:none;font-size:14px;line-height:1.35}}@media (height<=520px) and (orientation:landscape){.route-stage{padding-top:64px;padding-bottom:16px}.stops{padding-top:70px}.stops h3{font-size:26px}.stops p{font-size:14px}}.contact{background:var(--kraft);color:var(--ink);padding:clamp(80px, 11vw, 150px) var(--pad);grid-template-columns:1.4fr 1fr;align-items:center;gap:clamp(30px,5vw,80px);display:grid}.c-env{background:#f2ead8;border-radius:4px;padding:12px;position:relative;transform:rotate(-1.5deg);box-shadow:0 40px 70px -35px #3c230099}.airmail{background:repeating-linear-gradient(-45deg, var(--red) 0 16px, #f2ead8 16px 24px, var(--ink) 24px 40px, #f2ead8 40px 48px);-webkit-mask-composite:xor;border-radius:4px;padding:12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.c-inner{flex-direction:column;justify-content:flex-end;min-height:clamp(260px,30vw,380px);padding:clamp(28px,5vw,60px);display:flex;position:relative}.stamp.big{opacity:1;width:clamp(70px,12%,110px);animation:none;top:10%;right:6%;transform:rotate(4deg)}.c-k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px;font-size:12px}.c-addr{font-style:normal;font-family:var(--mono);min-height:5.8em;font-size:clamp(17px,2.2vw,30px);line-height:1.45}.typer .cur{background:var(--red);vertical-align:-.15em;width:.55em;height:1.05em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.c-dl{gap:22px;margin-bottom:34px;display:grid}.c-dl dt{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:12px}.c-dl dd{font-family:var(--serif);font-size:clamp(22px,2.4vw,32px);line-height:1.15}@media (width<=860px){.contact{grid-template-columns:1fr}}@media (width<=420px){.c-inner{padding:24px 16px 20px}.c-addr{font-size:15.5px}}.foot{background:var(--ink2);padding:40px var(--pad) 28px;overflow:hidden}.foot-word{font-family:var(--serif);color:#0000;-webkit-text-stroke:1px #f6f1e659;white-space:nowrap;font-size:clamp(64px,19vw,300px);line-height:.8}.foot-row{font-family:var(--mono);opacity:.7;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:26px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}