@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--cream:#fff9f5;--paper:#f9f0eb;--pink:#f5d9e3;--rose:#db8fa9;--berry:#8d274e;--ink:#572637;--line:#dec1c6;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.65 var(--sans);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ad2d62;outline-offset:6px}img{display:block;max-width:100%}button{border:0;background:none}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.055em;line-height:1.04}em{font-weight:500;color:var(--berry)}.skip{position:absolute;top:-80px;z-index:20;background:var(--ink);color:white;padding:12px}.skip:focus{top:4px}.site-header{max-width:1260px;margin:auto;padding:27px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;display:flex;align-items:baseline;font-size:29px;letter-spacing:-2px;font-weight:700;line-height:1}.wordmark span{font-family:var(--serif);font-style:italic;font-size:23px;letter-spacing:-1.5px;font-weight:500}.wordmark i{font-size:30px;margin-left:6px;color:var(--berry);font-style:normal}.site-header nav{display:flex;align-items:center;gap:29px;font-size:12px}.site-header nav>a{text-decoration:none}.site-header nav>button{border:1px solid #be8297;border-radius:3px;padding:8px 15px;font-size:12px}.dispatch{position:relative;max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 490px;gap:60px;padding:70px 30px 65px}.dispatch:before{content:'';position:absolute;inset:0 -400px;background-image:linear-gradient(#ac74830b 1px,transparent 1px),linear-gradient(90deg,#ac74830b 1px,transparent 1px);background-size:32px 32px;z-index:-1}.intro{padding-top:65px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.6}.intro .eyebrow{display:flex;align-items:center;gap:10px}.tiny-star{font-size:24px;color:var(--berry)}h1{font-size:88px;margin-top:20px;position:relative}h1 em{font-size:1.18em}.drawn-star{position:absolute;font-family:Georgia,serif;font-size:68px;right:12px;bottom:11px;color:#bc6b8a;transform:rotate(15deg)}.intro-copy{font-size:16px;max-width:340px;margin-top:30px;line-height:1.8}.intro-copy strong{font-weight:600}.shipping-note{display:flex;gap:14px;align-items:center;margin-top:24px}.shipping-note>span{font:65px/1 Georgia,serif;transform:rotate(-18deg);color:#a94c73}.shipping-note p{font-size:13px;line-height:1.6;color:#8b6872}.delivery-receipt{margin-top:46px;max-width:320px;border-top:1px dashed #bd91a0;border-bottom:1px dashed #bd91a0;padding:16px 0}.delivery-receipt>span,.delivery-receipt>div{font:9px/1.8 var(--sans);letter-spacing:1.6px}.delivery-receipt p{font:italic 20px/1.8 var(--serif)}.delivery-receipt>div{display:flex;justify-content:space-between;margin-top:15px;font-size:8px;letter-spacing:1px}.delivery-receipt b{font-weight:600}.text-link{font-weight:500;font-size:13px;text-decoration:none;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #b37a8b;padding:7px 0}.text-link span{font-size:20px}.below{margin-top:32px;font-size:11px}.factory{position:relative;isolation:isolate;padding:12px 0 0}.machine{position:relative;z-index:6;filter:drop-shadow(0 15px 15px #83405e25)}.machine-top{height:35px;margin:0 11px;border-radius:8px 8px 0 0;background:linear-gradient(100deg,#e4a8bd,#f1cad8 45%,#d98eaa);border:1px solid #bb728b;border-bottom:0;padding:7px 18px;display:flex;align-items:center;justify-content:space-between;transform:perspective(400px) rotateX(16deg);transform-origin:bottom}.machine-top>span:first-child{font-size:14px;font-weight:700;letter-spacing:2px}.machine-serial{font-size:7px;letter-spacing:1px}.machine-body{height:156px;background:linear-gradient(115deg,#edbfd0,#f3d5e0 54%,#db9cb4);border:1px solid #b97891;border-radius:8px 8px 3px 3px;position:relative;box-shadow:inset 0 3px 0 #fff8, inset -9px 0 12px #a8527722}.machine-body:after{content:'';position:absolute;inset:7px;border:1px solid #cb92a6;border-radius:4px;pointer-events:none}.inspection{position:absolute;left:20px;top:20px;width:90px;height:50px;border:1px solid #b77a91;background:#e1a9bc;border-radius:4px;box-shadow:inset 0 1px 3px #7b2c4d26;display:flex;flex-wrap:wrap;align-items:center;padding:8px;gap:6px}.led{width:5px;height:5px;background:#5c795d;border-radius:50%;box-shadow:0 0 4px #618e67}.inspection small{font-size:7px;letter-spacing:1px}.scanner-line{width:100%;height:5px;background:repeating-linear-gradient(90deg,#8f4662 0 1px,transparent 1px 3px)}.mail-heart{position:absolute;top:15px;right:23px;display:flex;align-items:center;gap:6px;transform:rotate(8deg);color:var(--berry);font:36px/1 Georgia,serif}.mail-heart small{font:6px/1.4 var(--sans);letter-spacing:1px}.machine-port{position:absolute;left:14%;right:14%;bottom:0;height:65px;background:#281e25;border:7px solid #a8617c;border-bottom:0;border-radius:7px 7px 0 0;box-shadow:0 -2px 0 #f6dce5,inset 0 5px 9px #10050e;perspective:300px}.curtains{display:flex;height:100%;gap:2px;overflow:hidden;position:relative;z-index:7}.curtains i{width:10%;background:linear-gradient(90deg,#30272c,#171216 45%,#42343c);border-radius:0 0 2px 2px;transform-origin:top;box-shadow:2px 1px 3px #10050e88}.running .curtains i{animation:curtain 1s ease-in-out 3;animation-delay:calc(var(--k,0)*.04s)}.curtains i:nth-child(2n){--k:2}.curtains i:nth-child(3n){--k:4}.screw{position:absolute;font-size:15px;bottom:10px;color:#92516b}.screw-l{left:15px}.screw-r{right:15px}.machine-lip{height:30px;background:linear-gradient(#ebb9cd,#d18aa6);border:1px solid #ad6b86;border-top:0;border-radius:0 0 5px 5px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:7px;letter-spacing:1.5px;box-shadow:0 5px 0 #b97991}.machine-lip>span:last-child{font-size:17px}.conveyor{width:87%;margin:-4px auto 0;position:relative;padding:27px 22px 44px;isolation:isolate;border:1px solid #a97b8c;border-top:0;border-radius:0 0 24px 24px;background:#b2a5a8;box-shadow:12px 10px 0 #d6b6c325,0 16px 32px #80506320;overflow:hidden}.roller-bed{position:absolute;inset:0 9px;z-index:-2;background:repeating-linear-gradient(0deg,#91888e 0px,#b8acb3 3px,#e1d8dc 7px,#d3c5cc 10px,#aaa0a6 12px,#8e818a 14px);background-size:100% 28px;border-radius:0 0 18px 18px;box-shadow:inset 7px 0 9px #4d344e44,inset -7px 0 9px #4d344e44}.running .roller-bed{animation:belt .7s linear infinite}.rail{position:absolute;top:0;bottom:14px;width:13px;z-index:1;border:1px solid #a87e8c;background:linear-gradient(90deg,#d49cb1,#f6d7e4 45%,#d5a2b6 80%,#b97e96);box-shadow:1px 0 4px #71576455;border-radius:0 0 5px 5px}.rail-left{left:0}.rail-right{right:0}.packages{display:flex;flex-direction:column;gap:18px;position:relative}.parcel{--surface:#e4a5bd;--edge:#bc728e;--front:#c985a0;position:relative;display:flex;gap:12px;align-items:center;height:86px;flex-shrink:0;padding:11px 18px 12px 14px;background:linear-gradient(115deg,#ffffff2b,transparent 40%),var(--surface);border:1px solid var(--edge);border-radius:9px;text-decoration:none;box-shadow:inset 0 0 0 4px #ffffff1a,inset 0 0 0 5px #71314a12,0 6px 0 var(--front),0 7px 0 var(--edge),3px 13px 10px #4b243d3b;transform:perspective(800px) rotateX(8deg);transform-origin:center;z-index:calc(6 - var(--i));transition:filter .2s,box-shadow .2s;animation:arrival var(--time) cubic-bezier(.17,.54,.36,1) var(--delay) both}.parcel:after{content:'';position:absolute;inset:7px;border:1px solid #ffffff45;border-radius:5px;pointer-events:none}.parcel:hover{filter:brightness(1.045);box-shadow:inset 0 0 0 4px #ffffff29,0 6px 0 var(--front),0 7px 0 var(--edge),3px 15px 16px #4b243d55}.parcel-icon{position:relative;display:grid;place-items:center;width:47px;height:48px;flex-shrink:0;border:1px solid #71314a30;border-radius:9px;background:#fff8f459;box-shadow:0 3px 3px #67244010;font:italic 29px/1 var(--serif);color:var(--berry)}.icon-spark{position:absolute;right:-5px;top:-3px;font:17px/1 Georgia}.parcel-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7}.parcel-icon svg .fill{fill:currentColor}.parcel-label{min-width:0;display:flex;flex-direction:column;position:relative;z-index:1}.parcel-label small{font-size:6px;letter-spacing:1.15px;font-weight:600;white-space:nowrap}.parcel-label strong{font:500 24px/1.2 var(--serif);letter-spacing:-.5px;margin:1px 0 3px}.parcel-label>span{font-size:8px;opacity:.8}.parcel-arrow{font-size:21px;margin-left:auto;align-self:center;z-index:2}.tape{position:absolute;top:0;right:36px;width:14px;bottom:0;background:#fff5ef20;border-left:1px dashed #fff8f449;border-right:1px dashed #fff8f449;transform:skewX(-4deg);pointer-events:none}.parcel-portfolio{--surface:#f5c9d8;--edge:#b97891;--front:#dba6ba}.parcel-linkedin{--surface:#e8d5cc;--edge:#b4948d;--front:#cbb0a6}.linkedin-icon{font:bold 30px/1 Arial;letter-spacing:-2px}.parcel-github{--surface:#bc6d91;--edge:#914562;--front:#a55177;color:#fff5ed}.parcel-github .parcel-icon{color:#ffefed;background:#ffffff1c;border-color:#ffffff55}.code-icon{font:25px/1 monospace}.parcel-instagram{--surface:#efacbb;--edge:#c77d92;--front:#d590a5}.parcel-tiktok{--surface:#dcc0d8;--edge:#a684a8;--front:#bd9bbb}.music-icon{font:40px/1 Georgia}.parcel-mail{--surface:#f6d9c7;--edge:#bd9786;--front:#dfb9a8}.belt-end{position:absolute;bottom:0;left:0;right:0;height:25px;background:linear-gradient(#eed2df,#d1a4b9);display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:.8px;padding:0 13px;border-top:1px solid #a97b8c;z-index:4}.belt-end>span:nth-child(2){font-size:16px}.factory-controls{display:flex;justify-content:space-between;gap:10px;font-size:9px;margin:18px 37px 0;color:#8d6074;align-items:center}.factory-controls button{font-size:9px;border-bottom:1px solid #c397aa;padding:3px 0}.factory-controls button:disabled{cursor:default}.settled .parcel{animation:none}.paused *{animation-play-state:paused!important}.section-divider{display:flex;align-items:center;justify-content:center;gap:33px;white-space:nowrap;background:#e9bfce;border-top:1px solid #cfa0b3;border-bottom:1px solid #cfa0b3;padding:12px 0;font-size:20px;color:#a55b76;overflow:hidden}.section-divider span{font:9px/1 var(--sans);letter-spacing:3px;color:var(--ink)}.section{max-width:1100px;margin:auto;padding:100px 45px}.about{display:grid;grid-template-columns:360px 1fr;gap:100px;align-items:center}.portrait{position:relative;padding:15px 15px 24px;background:#fffdfa;border:1px solid #e4d7d0;box-shadow:0 12px 28px #79504c13;transform:rotate(-4deg)}.portrait img{width:100%;height:360px;object-fit:cover;object-position:center 35%}.portrait figcaption{text-align:center;font:italic 17px/1.3 var(--serif);margin-top:18px}.photo-tape{position:absolute;left:calc(50% - 44px);top:-14px;width:88px;height:29px;background:#e9c2cb99;transform:rotate(4deg);clip-path:polygon(1% 4%,98% 0,99% 90%,3% 100%);z-index:2}.photo-sticker{position:absolute;right:-27px;bottom:79px;border-radius:50%;width:100px;height:100px;display:flex;justify-content:center;flex-direction:column;text-align:center;background:#e3a3bb;border:1px dashed #9f536d;box-shadow:0 0 0 5px #e3a3bb;font-size:10px;line-height:1.5;transform:rotate(15deg)}.photo-sticker em{font:italic 16px/1.1 var(--serif)}.about-copy h2{font-size:48px;margin:17px 0 24px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin:0 0 15px;max-width:430px}.interest-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.interest-tags span{font-size:9px;border:1px solid #dcb9c4;border-radius:30px;padding:5px 10px;background:#f8e7ed}.about .text-link{font-size:12px}.projects{padding-top:36px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.section-heading h2{font-size:48px;margin-top:16px}.hand-note{font:italic 19px/1.3 var(--serif);transform:rotate(-10deg);color:#ad6480;margin-right:25px}.project-tabs{display:flex;border-bottom:1px solid #c59baa;gap:0}.project-tabs button{padding:13px 25px;border:1px solid transparent;border-bottom:0;font-size:10px;letter-spacing:.7px}.project-tabs button[aria-selected=true]{border-color:#c59baa;background:#f3dce5;border-radius:9px 9px 0 0;color:var(--berry)}.project-stage{padding:28px;background:#f2dce3;border:1px solid #c59baa;border-top:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:35px;border-radius:0 0 7px 7px}.browser-frame{min-width:0}.browser-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff8f5;border:1px solid #c99fac;border-radius:7px 7px 0 0;font-size:9px}.browser-bar>span:first-child{color:#d49fae;letter-spacing:2px;font-size:8px}.browser-bar>span:nth-child(2){font-size:8px;color:#8f6978}.project-preview{aspect-ratio:1.5;background:#fcf4f3;position:relative;overflow:hidden;border:1px solid #c99fac;border-top:0;border-radius:0 0 7px 7px}.project-preview>img{width:100%;height:100%;object-fit:cover;object-position:top}.load-preview{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#fffaf5ed;border:1px solid #bd8b9b;border-radius:30px;padding:9px 17px;font-size:10px;white-space:nowrap;box-shadow:0 5px 15px #5f2a4020}.load-preview span{margin-right:6px;font-size:16px}.project-preview iframe{width:100%;height:100%;border:0;display:block;background:white}.embed-caption{display:block;font-size:8px;color:#876674;margin-top:9px}.project-description{padding:19px 5px;position:relative}.project-category{font-size:8px;letter-spacing:1.6px}.project-description h3{font:500 37px/1.1 var(--serif);letter-spacing:-1.5px;margin:15px 0}.project-description>p{font-size:11px;line-height:1.9;margin-bottom:21px}.solid-link{display:inline-flex;align-items:center;gap:28px;background:var(--berry);color:var(--cream);text-decoration:none;border:1px solid var(--berry);padding:9px 17px;border-radius:3px;font-size:10px}.solid-link:hover{background:#6f1e3d}.little-stamp{display:block;float:right;width:62px;height:62px;border:1px solid #b26c86;border-radius:50%;font-size:7px;letter-spacing:1px;text-align:center;line-height:1.4;padding:14px 0;color:#a55d79;transform:rotate(-12deg);margin-top:23px}.milestones{padding-top:0}.postage-heart{display:grid;place-items:center;font:64px/1 Georgia;width:85px;height:100px;color:#b65b7e;border:1px dashed #c791a5;transform:rotate(10deg);margin-right:20px}.postcards{display:grid;grid-template-columns:1fr 1fr;gap:35px}.postcard{background:#fffdf9;padding:14px;border:1px solid #e0c9cd;box-shadow:0 8px 20px #73425c0a}.postcard:first-child{transform:rotate(-2deg)}.postcard:nth-child(2){transform:rotate(2deg)}.postcard-photo{height:300px;position:relative;background:#f1e5e6;overflow:hidden}.postcard-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.photo-label{position:absolute;bottom:12px;left:12px;font-size:7px;letter-spacing:1px;background:#fff8eff0;padding:5px 10px;border:1px solid #d7bbc5;transform:rotate(-4deg)}.postcard figcaption{padding:21px 9px 15px}.postcard figcaption>small{font-size:7px;letter-spacing:1.5px}.postcard h3{font:500 25px/1.2 var(--serif);letter-spacing:-.7px;margin:8px 0 10px}.postcard p{font-size:11px;line-height:1.8;max-width:350px}.postcard a{font-size:9px;text-underline-offset:5px;display:inline-block;margin-top:15px}.in-progress{margin-top:48px;padding:24px 0;border-top:1px dashed #cc9eb0;border-bottom:1px dashed #cc9eb0;display:flex;align-items:center;gap:23px}.progress-icon{font:48px/1 var(--serif);color:#bb6e8e}.in-progress>div{flex:1}.in-progress .eyebrow{font-size:8px}.in-progress h3{font:500 23px/1.4 var(--serif);margin:5px 0 7px;letter-spacing:-.5px}.in-progress p{font-size:11px;max-width:590px}.in-progress>a{font-size:10px;white-space:nowrap}.last-note{text-align:center;background:#efd0de;padding:67px 20px 65px;border-top:1px solid #d7acbd;border-bottom:1px solid #d7acbd}.last-note .eyebrow{font-size:8px}.last-note h2{font-size:59px;margin:20px 0 24px}.last-note>a{text-decoration:none;display:inline-flex;gap:50px;border:1px solid var(--berry);background:var(--berry);color:#fff7ef;padding:10px 22px;font-size:12px;border-radius:4px}.last-note>p{font-size:10px;margin-top:17px}footer{max-width:1260px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 48px}footer .wordmark{font-size:22px}footer .wordmark span{font-size:19px}footer .wordmark i{font-size:23px}footer p,footer>a:last-child{font-size:9px}footer>a:last-child{text-decoration:none}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--cream);padding:9px 18px;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.show{transform:translate(-50%,0);opacity:1}
@keyframes belt{to{background-position-y:28px}}@keyframes arrival{0%{transform:translateY(calc(-1*(var(--i)*104px + 125px))) perspective(800px) rotateX(8deg);opacity:0}10%{opacity:1}100%{transform:translateY(0) perspective(800px) rotateX(8deg);opacity:1}}@keyframes curtain{0%,100%{transform:rotateX(0)}40%{transform:rotateX(-32deg)}70%{transform:rotateX(-9deg)}}
@media(min-width:1400px){.dispatch{gap:95px;max-width:1180px;grid-template-columns:1fr 510px;padding-top:75px}.section{max-width:1180px}.about{gap:120px}}
@media(max-width:950px){.dispatch{grid-template-columns:1fr 430px;gap:20px;padding:45px 25px 50px}.intro{padding-top:72px}h1{font-size:66px}.drawn-star{font-size:45px;right:0}.intro-copy{font-size:14px}.parcel{padding-left:11px;gap:10px}.parcel-label strong{font-size:22px}.parcel-label small{font-size:5px;letter-spacing:1px}.parcel-icon{width:40px;height:43px}.parcel-label>span{font-size:7px}.parcel-arrow{font-size:19px}.about{grid-template-columns:290px 1fr;gap:50px}.portrait img{height:320px}.section{padding-left:35px;padding-right:35px}.project-stage{gap:22px;padding:22px}.project-description{padding-top:8px}.project-description h3{font-size:32px}}
@media(max-width:720px){.site-header{padding:22px 22px}.wordmark{font-size:25px}.wordmark span{font-size:21px}.wordmark i{font-size:25px}.site-header nav{gap:15px}.site-header nav>a{display:none}.site-header nav>button{font-size:10px;padding:6px 10px}.dispatch{display:flex;flex-direction:column;padding:0 18px 38px;gap:24px;max-width:540px}.intro{padding:36px 14px 0;text-align:center}.intro .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.5px}.tiny-star{font-size:19px}h1{font-size:63px;line-height:.99;margin-top:16px}h1 br{display:none}h1 em{display:block;font-size:1.14em;line-height:1.1}.drawn-star{font-size:42px;right:22px;bottom:10px}.intro-copy{font-size:12px;max-width:280px;margin:16px auto 0}.shipping-note,.delivery-receipt,.below{display:none}.factory{max-width:450px;width:100%;margin:auto;padding-top:0}.machine-body{height:135px}.machine-top{height:32px}.machine-port{height:55px}.machine-lip{height:27px}.conveyor{padding-top:25px}.factory-controls{font-size:8px;margin:16px 25px 0}.factory-controls button{font-size:8px}.parcel{height:86px}.parcel-label strong{font-size:23px}.parcel-label small{font-size:5.5px;letter-spacing:.8px}.parcel-label>span{font-size:7px}.parcel-icon{width:40px;height:43px}.section-divider{gap:25px;padding:10px 0}.section-divider span{font-size:7px;letter-spacing:2px}.section{padding:65px 27px}.about{display:flex;flex-direction:column;gap:44px;align-items:stretch}.portrait{width:270px;margin:auto}.portrait img{height:300px}.portrait figcaption{font-size:15px}.photo-sticker{width:88px;height:88px;right:-22px;font-size:9px}.photo-sticker em{font-size:14px}.about-copy h2{font-size:43px;margin:14px 0 20px}.about-copy>p:not(.eyebrow){font-size:12px}.about-copy .eyebrow{font-size:8px}.interest-tags{gap:6px;margin:20px 0}.interest-tags span{font-size:8px;padding:5px 9px}.projects{padding-top:3px}.section-heading{gap:15px;margin-bottom:27px}.section-heading h2{font-size:39px;margin-top:12px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.hand-note{font-size:14px;margin-right:0;flex-shrink:0}.project-tabs button{font-size:8px;padding:11px 9px;letter-spacing:0;flex:1;white-space:nowrap}.project-stage{display:flex;flex-direction:column;padding:16px;gap:15px}.project-description{padding:8px 3px 6px}.project-description h3{font-size:35px;margin:10px 0}.project-description>p{font-size:11px;margin-bottom:17px}.project-category{font-size:7px}.little-stamp{margin-top:-6px;margin-right:7px;width:53px;height:53px;font-size:6px;padding-top:11px}.project-preview{aspect-ratio:1.25}.browser-bar{font-size:8px;padding:8px}.browser-bar>span:nth-child(2){font-size:7px}.load-preview{font-size:9px;padding:7px 12px}.embed-caption{font-size:7px}.milestones{padding-top:0}.postage-heart{font-size:44px;width:59px;height:70px;margin-right:4px}.postcards{display:flex;flex-direction:column;gap:31px}.postcard{padding:12px;max-width:390px;margin:auto;width:100%}.postcard-photo{height:290px}.postcard figcaption{padding:17px 6px 12px}.postcard h3{font-size:26px}.postcard p{font-size:11px}.in-progress{flex-wrap:wrap;gap:13px;margin-top:38px;padding:22px 0}.progress-icon{font-size:35px}.in-progress>div{flex-basis:80%}.in-progress h3{font-size:21px;line-height:1.25;margin-top:8px}.in-progress p{font-size:10px;line-height:1.8}.in-progress>a{margin-left:48px;font-size:10px}.last-note{padding:50px 20px}.last-note h2{font-size:49px}.last-note .eyebrow{font-size:7px;letter-spacing:1.5px}footer{padding:25px 23px;flex-wrap:wrap;gap:20px}footer p{order:3;width:100%;font-size:8px;text-align:center}footer>a:last-child{font-size:9px}}
@media(max-width:370px){.dispatch{padding-left:12px;padding-right:12px}.intro{padding-left:4px;padding-right:4px}h1{font-size:57px}.drawn-star{right:10px}.conveyor{width:90%;padding-left:18px;padding-right:18px}.parcel{padding-left:9px;padding-right:12px;gap:8px}.parcel-icon{width:34px;height:39px}.parcel-label strong{font-size:22px}.parcel-label small{font-size:5px;letter-spacing:.5px}.parcel-label>span{font-size:6.5px}.section{padding-left:21px;padding-right:21px}.section-heading h2{font-size:36px}.hand-note{font-size:12px}}
html,body{overflow-x:clip}.parcel{z-index:calc(20 - var(--i))}.parcel-label small{font-size:6.5px;letter-spacing:.65px}.parcel-label>span{font-size:9px}.postcard:first-child .postcard-photo img{object-fit:contain}.postcard:first-child .postcard-photo{background:#e9efdf}
.parcel-x{--surface:#edd8e0;--edge:#b990a1;--front:#cda9b9}.parcel-pinterest{--surface:#dc8eaa;--edge:#b86486;--front:#c57694}.pinterest-letter{font:bold italic 32px/1 Georgia,serif}.parcel-discord{--surface:#d7c7e1;--edge:#aa8fba;--front:#baa3ca}.parcel-devpost{--surface:#e8d6c2;--edge:#b69b7b;--front:#cbb496}.devpost-letter{font:bold 28px/1 var(--sans)}.parcel-youtube{--surface:#e99cb0;--edge:#be708c;--front:#d1849e}.parcel-snapchat{--surface:#f1dfc8;--edge:#bda387;--front:#d4bca1}.parcel-threads{--surface:#e1b9cd;--edge:#ad7d99;--front:#c292ad}.threads-letter{font:31px/1 var(--sans);font-style:normal}
.portrait img{object-position:58% center}.personal-postcard{display:grid;grid-template-columns:230px 1fr;gap:55px;align-items:center;max-width:750px;margin:60px auto 15px}.personal-photo{position:relative;transform:rotate(-4deg);background:#fffdfa;padding:11px 11px 27px;box-shadow:0 8px 25px #71374a20;border:1px solid #e0c9cd}.personal-photo img{height:320px;width:100%;object-fit:cover;object-position:center 36%}.personal-tape{position:absolute;top:-12px;width:80px;height:25px;left:calc(50% - 40px);background:#e7bfcc9c;transform:rotate(8deg);clip-path:polygon(0 3%,100% 0,97% 97%,2% 100%)}.personal-postcard figcaption>.eyebrow{font-size:8px;letter-spacing:1.4px}.personal-postcard h3{font:500 34px/1.1 var(--serif);letter-spacing:-1px;margin:13px 0 17px}.personal-postcard p{max-width:330px;font-size:12px;line-height:1.8}.postcard-signature{display:block;font:italic 20px/1.5 var(--serif);margin-top:20px;color:#ac5c7d}
@media(min-width:721px){.intro{position:sticky;top:20px;align-self:start;padding-bottom:30px}}
@media(max-width:720px){.personal-postcard{grid-template-columns:1fr;gap:32px;margin:45px auto 0;max-width:320px}.personal-photo{width:235px;margin:auto}.personal-photo img{height:325px}.personal-postcard figcaption{text-align:center}.personal-postcard h3{font-size:33px}.personal-postcard p{margin:auto;font-size:11px}.postcard-signature{margin-top:15px}}
@media(max-width:720px){.hero-first{display:block;font-size:.8em;line-height:1.15}.hero-second{display:block;line-height:1.1}.hero-second em{display:inline;font-size:1.18em}.drawn-star{right:8px;bottom:3px;font-size:33px}}
@media(max-width:720px){.parcel-label small{font-size:6px;letter-spacing:.4px}.parcel-label>span{font-size:8px}.postcard:first-child .postcard-photo{height:350px}}
@media(max-width:370px){.parcel-label small{font-size:5.5px}.parcel-label>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.parcel{opacity:1}}

.parcel-leetcode{--surface:#e8c6b6;--edge:#b58b79;--front:#cda492}.parcel-tryhackme{--surface:#d9bfce;--edge:#a4829a;--front:#be9eb1}
