*,:before,:after{box-sizing:border-box}html,body{background:#f7e4d7;margin:0;padding:0}#root{width:100%}img{max-width:100%;display:block}a{color:inherit}p,h1,h2,h3{margin:0}@keyframes fade-up{0%{opacity:0;translate:0 14px}to{opacity:1}}@keyframes drop-in{0%{opacity:0;translate:0 -22px;rotate:-2deg}60%{opacity:1;translate:0 3px;rotate:.8deg}to{opacity:1}}@keyframes tape-stick{0%{opacity:0;scale:1.35}to{opacity:1}}@keyframes stamp-in{0%{opacity:0;rotate:-8deg;scale:1.7}65%{opacity:1;rotate:1.5deg;scale:.93}to{opacity:1}}@keyframes pop-in{0%{opacity:0;scale:.3}70%{opacity:1;scale:1.18}to{opacity:1}}@keyframes heartbeat{0%,30%,to{scale:1}8%{scale:1.14}16%{scale:1}22%{scale:1.1}}@keyframes sway{0%,to{rotate:-.6deg}50%{rotate:.6deg}}@keyframes wiggle{0%,to{rotate:0deg}25%{rotate:-3deg}75%{rotate:2.5deg}}::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-nav{--fw:min(calc(100vw / 1351), calc(100vh / 839));--dark:#30160f;top:calc(22 * var(--fw));left:calc((100vw - 1351 * var(--fw)) / 2 + 1021 * var(--fw));z-index:200;align-items:baseline;animation:.5s 50ms both fade-up;display:flex;position:fixed}.site-nav__link{font-family:Lekton,monospace;font-size:calc(20 * var(--fw));color:var(--dark);white-space:nowrap;text-align:center;text-decoration:none;display:inline-block;position:relative}.site-nav__link:first-child{width:calc(75 * var(--fw))}.site-nav__link:nth-child(2){width:calc(101 * var(--fw));margin-left:calc(5 * var(--fw))}.site-nav__link:nth-child(3){width:calc(94 * var(--fw))}.site-nav__link--active{font-weight:700}.site-nav--light .site-nav__link{color:#fff}.site-nav__link:after{content:"";left:12%;right:12%;bottom:calc(-2 * var(--fw));transform-origin:0;background:currentColor;height:1px;transition:transform .3s;position:absolute;transform:scaleX(0)}.site-nav__link:hover:after{transform:scaleX(1)}.home{--fw:min(calc(100vw / 1351), calc(100vh / 839));--peach:#f7e4d7;--dark:#30160f;--red:#54110f;background:var(--peach);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.home__canvas{width:calc(1351 * var(--fw));height:calc(839 * var(--fw));flex-shrink:0;position:relative;overflow:hidden}.home__label{font-family:Oswald,Arial Black,sans-serif;font-weight:700;font-size:calc(12 * var(--fw));letter-spacing:.08em;color:var(--dark);margin:0;line-height:1;position:absolute}.home__header{left:calc(613 * var(--fw));top:calc(76 * var(--fw));z-index:5;flex-direction:column;display:flex;position:absolute}.home__header-date{font-family:Intel One Mono,Courier New,monospace;font-weight:400;font-size:calc(12 * var(--fw));color:var(--dark);margin-left:calc(33 * var(--fw));align-self:flex-start;line-height:1}.home__header-name{font-family:Oswald,Arial Black,sans-serif;font-weight:700;font-size:calc(32 * var(--fw));color:var(--dark);letter-spacing:.01em;margin:0;margin-top:calc(4 * var(--fw));white-space:nowrap;line-height:1}.home__header-portfolio{font-family:Intel One Mono,Courier New,monospace;font-weight:700;font-size:calc(15 * var(--fw));color:var(--dark);margin-top:calc(28 * var(--fw));margin-left:calc(19 * var(--fw));align-self:flex-start;line-height:1}.home__photo-outer{left:calc(505 * var(--fw));top:calc(212 * var(--fw));width:calc(338 * var(--fw));height:calc(343 * var(--fw));z-index:1;position:absolute}.home__photo-clip{pointer-events:none;border-radius:calc(4 * var(--fw));position:absolute;inset:0;overflow:hidden}.home__photo-img{width:98.83%;max-width:none;height:128.11%;display:block;position:absolute;top:-18.36%;left:.81%}.home__frame-outer{left:calc(470 * var(--fw));top:calc(175 * var(--fw));width:calc(421 * var(--fw));height:calc(463 * var(--fw));z-index:2;position:absolute}.home__frame-clip{pointer-events:none;border-radius:calc(4 * var(--fw));position:absolute;inset:0;overflow:hidden}.home__frame-img{width:254.64%;max-width:none;height:130.28%;display:block;position:absolute;top:-14.72%;left:-71.49%}.home__tape-wrap{left:calc(499 * var(--fw));top:calc(114 * var(--fw));width:calc(130.783 * var(--fw));height:calc(130.783 * var(--fw));mix-blend-mode:screen;z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.home__tape-inner{flex:none;transform:rotate(-135deg)}.home__tape-img{width:calc(97.712 * var(--fw));height:calc(87.243 * var(--fw));opacity:.55;object-fit:cover;display:block}.home__left{width:calc(560 * var(--fw));z-index:5;pointer-events:none;height:100%;position:absolute;top:0;left:0}.home__left a,.home__left button,.home__left [href]{pointer-events:auto}.home__camera-wrap{left:calc(284 * var(--fw));top:calc(260 * var(--fw));width:calc(101.894 * var(--fw));height:calc(88.809 * var(--fw));justify-content:center;align-items:center;display:flex;position:absolute}.home__camera-rotate{flex:none;transform:rotate(-12deg)}.home__camera-clip{width:calc(88.887 * var(--fw));height:calc(71.9 * var(--fw));position:relative;overflow:hidden}.home__camera-img{width:284.44%;max-width:none;height:197.8%;display:block;position:absolute;top:-49.27%;left:-88.59%}.home__palette-label{left:calc(380 * var(--fw));top:calc(184 * var(--fw))}.home__swatches{left:calc(383 * var(--fw));top:calc(205 * var(--fw));gap:calc(5 * var(--fw));display:flex;position:absolute}.home__swatch{width:calc(23 * var(--fw));height:calc(23 * var(--fw));border:.5px solid var(--dark);background:var(--peach);flex-shrink:0;justify-content:center;align-items:center;display:flex}.home__swatch-inner{width:calc(17 * var(--fw));height:calc(17 * var(--fw));border:.5px solid var(--dark)}.home__swatch-inner--peach{background:var(--peach)}.home__swatch-inner--red{background:var(--red)}.home__swatch-inner--dark{background:var(--dark)}.home__also-label{left:calc(381 * var(--fw));top:calc(275 * var(--fw))}.home__also-list{left:calc(381 * var(--fw));top:calc(293 * var(--fw));font-family:Intel One Mono,Courier New,monospace;font-weight:300;font-size:calc(10 * var(--fw));color:var(--dark);line-height:calc(18 * var(--fw));flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:absolute}.home__also-link{color:inherit;text-decoration:none}.home__also-link:hover{opacity:.6;text-decoration:underline}.home__flower-card{left:calc(433 * var(--fw));top:calc(407 * var(--fw));width:calc(129 * var(--fw));height:calc(129 * var(--fw));border:.5px solid var(--dark);background:var(--peach);position:absolute;overflow:hidden}.home__flower-img{width:calc(131 * var(--fw));height:calc(105 * var(--fw));object-fit:cover;margin-top:calc(24 * var(--fw));display:block}.home__paperclip{left:calc(449 * var(--fw));top:calc(626 * var(--fw));width:calc(53 * var(--fw));height:calc(53 * var(--fw));object-fit:contain;position:absolute}.home__right{left:calc(815 * var(--fw));width:calc(536 * var(--fw));z-index:5;height:100%;position:absolute;top:0}.home__stamp-circle{left:calc(-3 * var(--fw));top:calc(230 * var(--fw));width:calc(140 * var(--fw));height:calc(140 * var(--fw));background:var(--peach);border:max(.5px, calc(.5 * var(--fw))) solid var(--dark);border-radius:50%;position:absolute}.home__stamp-new-wrap{left:0;top:calc(234 * var(--fw));width:calc(135 * var(--fw));height:calc(131 * var(--fw));position:absolute}.home__stamp-new-clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}.home__stamp-new-img{width:387.88%;max-width:none;height:224.53%;display:block;position:absolute;top:-49.48%;left:-123.03%}.home__links-label{left:calc(76 * var(--fw));top:calc(387 * var(--fw))}.home__links-list{left:calc(76 * var(--fw));top:calc(410 * var(--fw));flex-direction:column;display:flex;position:absolute}.home__ext-link{font-family:Intel One Mono,Courier New,monospace;font-weight:300;font-size:calc(10 * var(--fw));color:var(--dark);line-height:calc(17 * var(--fw));text-decoration:none}.home__ext-link:hover{text-decoration:underline}.home__stamp-tamp1{left:calc(133 * var(--fw));top:calc(414 * var(--fw));width:calc(53 * var(--fw));height:calc(52 * var(--fw));object-fit:cover;display:block;position:absolute}.home__projects-label{left:calc(76 * var(--fw));top:calc(499 * var(--fw))}.home__projects-row{left:calc(76 * var(--fw));gap:calc(2 * var(--fw));display:flex;position:absolute}.home__projects-row--top{top:calc(515 * var(--fw))}.home__projects-row--bottom{top:calc(566 * var(--fw))}.home__project-box{width:calc(42 * var(--fw));height:calc(42 * var(--fw));border:1px solid var(--dark);flex-shrink:0;display:block;position:relative;overflow:hidden}a.home__project-box{cursor:pointer;text-decoration:none}.home__project-box--gradient{background:linear-gradient(90deg,#fff 0%,#afdcff 78%,#fefeff 100%);justify-content:center;align-items:center;display:flex}.home__project-bee{width:calc(30 * var(--fw));height:auto;display:block}.home__project-box--ff{background:#fff}.home__project-ff{left:calc(6 * var(--fw));top:calc(10 * var(--fw));font-family:Do Hyeon,sans-serif;font-size:calc(32 * var(--fw));color:#000;line-height:1;position:absolute}.home__project-box--screenshot{background:#ddddddde}.home__project-img{object-fit:cover;width:100%;height:100%;display:block}.home__project-box--icon{background:0 0}.home__project-icon{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.home__project-screenshot2{object-fit:cover;z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.home__diamond{left:calc(872 * var(--fw));top:calc(597 * var(--fw));width:calc(44 * var(--fw));height:calc(41 * var(--fw));object-fit:cover;z-index:6;display:block;position:absolute}.home__info{left:calc(576 * var(--fw));top:calc(653 * var(--fw));width:calc(210 * var(--fw));opacity:.63;color:var(--dark);font-size:calc(10 * var(--fw));z-index:5;position:absolute}.home__info-row{height:calc(20 * var(--fw));align-items:center;gap:calc(4 * var(--fw));line-height:1;display:flex}.home__info-key{white-space:nowrap;font-family:Oswald,Arial Black,sans-serif;font-weight:700}.home__info-val{white-space:nowrap;font-family:Intel One Mono,Courier New,monospace;font-weight:400}.home__info-hr{border:none;border-top:.5px solid var(--dark);width:100%;margin:0}.home__header{animation:.5s 50ms both fade-up}.home__photo-outer,.home__frame-outer{animation:.55s cubic-bezier(.22,1,.36,1) .15s both drop-in}.home__camera-wrap{animation:.5s .3s both fade-up}.home__palette-label,.home__swatches{animation:.5s .38s both fade-up}.home__also-label,.home__also-list{animation:.5s .46s both fade-up}.home__flower-card{animation:.5s .54s both fade-up}.home__paperclip{animation:.5s .62s both fade-up}.home__links-label,.home__links-list{animation:.5s .42s both fade-up}.home__stamp-tamp1{animation:.5s .5s both fade-up}.home__projects-label{animation:.5s .58s both fade-up}.home__projects-row--top{animation:.5s .66s both fade-up}.home__projects-row--bottom{animation:.5s .74s both fade-up}.home__info{animation:.5s .8s both fade-up}.home__tape-wrap{animation:.4s cubic-bezier(.22,1,.36,1) .66s both tape-stick,7s ease-in-out 3s infinite sway}.home__stamp-circle,.home__stamp-new-wrap{animation:.45s cubic-bezier(.34,1.4,.64,1) .85s both stamp-in}.home__diamond{animation:.45s cubic-bezier(.34,1.56,.64,1) 1s both pop-in,3.5s ease-in-out 3.5s infinite heartbeat}.home__photo-outer,.home__frame-outer{transition:rotate .35s,translate .35s}.home__photo-outer:hover,.home__photo-outer:hover+.home__frame-outer{translate:0 -4px;rotate:-.8deg}.home__stamp-new-wrap:hover .home__stamp-new-clip{animation:.5s wiggle}.home__ext-link{transition:translate .2s}.home__ext-link:hover{translate:2px}a.home__project-box{transition:translate .25s,box-shadow .25s}a.home__project-box:hover{box-shadow:0 calc(4 * var(--fw)) calc(10 * var(--fw)) #30160f40;translate:0 -3px}.projects{--fw:calc(100vw / 1351);--canvas-offset:0px;--cw:100vw;--peach:#f7e4d7;--dark:#30160f;background:var(--peach);width:100vw;height:100vh;position:relative;overflow:hidden}.projects__title{left:calc(var(--canvas-offset) + 88 * var(--fw));top:calc(26 * var(--fw));font-family:Jost,sans-serif;font-weight:600;font-size:calc(48 * var(--fw));line-height:calc(69 * var(--fw));color:var(--dark);z-index:200;margin:0;position:absolute}.pf-sleeve{left:var(--canvas-offset);width:var(--cw);cursor:default;position:absolute}.pf-sleeve.is-link,.pf-file.is-link{cursor:pointer}.pf-img{pointer-events:none;width:100%;height:auto;display:block}.pf-sleeve--9-1{top:calc(157 * var(--fw));z-index:20}.pf-sleeve--9-2{top:calc(283 * var(--fw));z-index:70}.pf-sleeve--10-1{top:calc(311 * var(--fw));z-index:80}.pf-sleeve--10-3{top:calc(463 * var(--fw));z-index:110}.pf-sleeve--11-1{top:calc(522 * var(--fw));z-index:120}.pf-sleeve--11-2{top:calc(646 * var(--fw));z-index:150}.pf-file{cursor:pointer;text-decoration:none;display:block;position:absolute;overflow:hidden}.pf-file .pf-img{will-change:transform;width:100%;height:auto;transition:transform .45s cubic-bezier(.2,0,0,1)}.pf-file--1{left:calc(var(--canvas-offset) + 16 * var(--fw));top:calc(256 * var(--fw));width:calc(1302 * var(--fw));height:calc(168 * var(--fw));z-index:40}.pf-file--2{left:calc(var(--canvas-offset) + 16 * var(--fw));top:calc(434 * var(--fw));width:calc(1307 * var(--fw));height:calc(183 * var(--fw));z-index:90}.pf-file--3{left:calc(var(--canvas-offset) + 11 * var(--fw));top:calc(629 * var(--fw));width:calc(1307 * var(--fw));height:calc(210 * var(--fw));z-index:130}.pf-file.is-hover{overflow:visible}.pf-file--1.is-hover .pf-img{transform:translateY(calc(-107 * var(--fw))) rotate(-2deg)}.pf-file--2.is-hover .pf-img{transform:translateY(calc(-123 * var(--fw))) rotate(2deg)}.pf-file--3.is-hover .pf-img{transform:translateY(calc(-125 * var(--fw))) rotate(-2deg)}.pf-floor{left:0;right:0;top:calc(830 * var(--fw));z-index:140;pointer-events:none;background:#ffe6d7;position:absolute;bottom:0}.pf-paperclip{left:calc(var(--canvas-offset) + 1081 * var(--fw));top:calc(162 * var(--fw));width:calc(182 * var(--fw));height:calc(182 * var(--fw));z-index:60;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.pf-paperclip__rotate{flex:none;transform:rotate(-33deg)}.pf-paperclip__img{width:calc(131 * var(--fw));height:calc(132 * var(--fw));object-fit:cover;display:block}.pf-label{font-family:Intel One Mono,Courier New,monospace;font-size:calc(40 * var(--fw));line-height:calc(55 * var(--fw));color:var(--dark);white-space:nowrap;pointer-events:none;font-weight:400;text-decoration:none;position:absolute}.pf-label--1{left:calc(var(--canvas-offset) + 64 * var(--fw));top:calc(197 * var(--fw));z-index:30}.pf-label--2{left:calc(var(--canvas-offset) + 894 * var(--fw));top:calc(376 * var(--fw));z-index:85}.pf-label--3{left:calc(var(--canvas-offset) + 64 * var(--fw));top:calc(559 * var(--fw));z-index:125}.projects__title{animation:.5s 50ms both fade-up}.pf-sleeve--9-1,.pf-label--1,.pf-file--1,.pf-sleeve--9-2,.pf-paperclip{animation:.55s cubic-bezier(.22,1,.36,1) .15s both fade-up}.pf-sleeve--10-1,.pf-label--2,.pf-file--2,.pf-sleeve--10-3{animation:.55s cubic-bezier(.22,1,.36,1) .3s both fade-up}.pf-sleeve--11-1,.pf-label--3,.pf-file--3,.pf-sleeve--11-2,.pf-floor{animation:.55s cubic-bezier(.22,1,.36,1) .45s both fade-up}.clockin{--fw:min(calc(100vw / 1351), calc(100vh / 839));--canvas-offset:calc((100vw - 1351 * var(--fw)) / 2);--peach:#f7e4d7;--dark:#30160f;background:#b8dafc;width:100vw;height:100vh;position:relative;overflow:hidden}.ck-title{left:calc(var(--canvas-offset) + 115 * var(--fw));top:calc(94 * var(--fw));font-family:Jost,sans-serif;font-weight:700;font-size:calc(78 * var(--fw));color:var(--dark);letter-spacing:-.01em;z-index:10;margin:0;line-height:1;position:absolute}.ck-carousel{left:0;right:0;top:calc(179 * var(--fw));height:calc(345 * var(--fw));z-index:5;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.ck-carousel--dragging{cursor:grabbing}.ck-track{will-change:transform;height:100%;display:flex}.ck-slide{width:calc(485 * var(--fw));object-fit:cover;object-position:center top;border-radius:calc(8 * var(--fw));pointer-events:none;flex:none;height:100%}.ck-arrow{width:calc(36 * var(--fw));height:calc(64 * var(--fw));cursor:pointer;font-size:calc(30 * var(--fw));color:var(--dark);border-radius:calc(4 * var(--fw));z-index:10;background:#f7e4d7d1;border:none;justify-content:center;align-items:center;transition:background .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ck-arrow:hover:not(:disabled){background:#f7e4d7}.ck-arrow:disabled{opacity:.2;cursor:default}.ck-arrow--prev{left:calc(10 * var(--fw))}.ck-arrow--next{right:calc(10 * var(--fw))}.ck-desc{left:calc(var(--canvas-offset) + 115 * var(--fw));top:calc(553 * var(--fw));width:calc(811 * var(--fw));font-family:Jost,sans-serif;font-weight:400;font-size:calc(16 * var(--fw));color:var(--dark);margin:0;line-height:1.6;position:absolute}.ck-stack{left:calc(var(--canvas-offset) + 720 * var(--fw));top:calc(667 * var(--fw));width:calc(577 * var(--fw));font-family:Jost,sans-serif;font-weight:400;font-size:calc(16 * var(--fw));color:var(--dark);text-align:right;margin:0;line-height:1.6;position:absolute}.ck-footer{left:calc(var(--canvas-offset) + 115 * var(--fw));top:calc(770 * var(--fw));font-family:Intel One Mono,Courier New,monospace;font-size:calc(20 * var(--fw));color:var(--dark);font-weight:400;line-height:1;text-decoration:underline;position:absolute}.ck-footer:hover{opacity:.6}.ck-title{animation:.5s .1s both fade-up}.ck-carousel,.ck-arrow{animation:.55s cubic-bezier(.22,1,.36,1) .25s both fade-up}.ck-desc{animation:.5s .4s both fade-up}.ck-stack{animation:.5s .5s both fade-up}.ck-footer{animation:.5s .6s both fade-up}.fashionforward{--fw:min(calc(100vw / 1351), calc(100vh / 839));--canvas-offset:calc((100vw - 1351 * var(--fw)) / 2);--dark:#30160f;background:#fffffff7;width:100vw;height:100vh;position:relative;overflow:hidden}.ff-title{left:calc(var(--canvas-offset) + 115 * var(--fw));top:calc(94 * var(--fw));font-family:Jost,sans-serif;font-weight:600;font-size:calc(48 * var(--fw));color:var(--dark);line-height:calc(69 * var(--fw));z-index:10;margin:0;position:absolute}.ff-award{left:calc(var(--canvas-offset) + 803 * var(--fw));top:calc(141 * var(--fw));font-family:Lekton,monospace;font-weight:700;font-size:calc(20 * var(--fw));line-height:calc(20 * var(--fw));color:#bb7600;z-index:10;margin:0;text-decoration:underline;position:absolute}.ff-carousel{left:0;right:0;top:calc(179 * var(--fw));height:calc(345 * var(--fw));z-index:5;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.ff-carousel--dragging{cursor:grabbing}.ff-track{will-change:transform;height:100%;display:flex}.ff-slide{width:calc(485 * var(--fw));object-fit:cover;object-position:center top;border-radius:calc(8 * var(--fw));border:calc(2 * var(--fw)) solid #000;pointer-events:none;flex:none;height:100%}.ff-arrow{width:calc(36 * var(--fw));height:calc(64 * var(--fw));cursor:pointer;font-size:calc(30 * var(--fw));color:var(--dark);border-radius:calc(4 * var(--fw));z-index:10;background:#ffffffd1;border:none;justify-content:center;align-items:center;transition:background .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ff-arrow:hover:not(:disabled){background:#fff}.ff-arrow:disabled{opacity:.2;cursor:default}.ff-arrow--prev{left:calc(10 * var(--fw))}.ff-arrow--next{right:calc(10 * var(--fw))}.ff-desc{left:calc(var(--canvas-offset) + 115 * var(--fw));top:calc(553 * var(--fw));width:calc(811 * var(--fw));font-family:Lekton,monospace;font-weight:400;font-size:calc(20 * var(--fw));color:var(--dark);margin:0;line-height:1.5;position:absolute}.ff-stack{left:calc(var(--canvas-offset) + 720 * var(--fw));top:calc(667 * var(--fw));width:calc(577 * var(--fw));font-family:Lekton,monospace;font-weight:700;font-size:calc(20 * var(--fw));color:var(--dark);text-align:right;margin:0;line-height:1.5;position:absolute}.ff-footer{left:calc(var(--canvas-offset) + 115 * var(--fw));top:calc(770 * var(--fw));font-family:Lekton,monospace;font-size:calc(20 * var(--fw));color:var(--dark);font-weight:700;line-height:1;text-decoration:underline;position:absolute}.ff-footer:hover{opacity:.6}.ff-title{animation:.5s .1s both fade-up}.ff-carousel,.ff-arrow{animation:.55s cubic-bezier(.22,1,.36,1) .25s both fade-up}.ff-desc{animation:.5s .4s both fade-up}.ff-stack{animation:.5s .5s both fade-up}.ff-footer{animation:.5s .6s both fade-up}.theusualplace{--fw:min(calc(100vw / 1351), calc(100vh / 839));--canvas-offset:calc((100vw - 1351 * var(--fw)) / 2);--dark:#30160f;background:#f5f5ddf7;width:100vw;height:100vh;position:relative;overflow:hidden}.tup-title{left:calc(var(--canvas-offset) + 115 * var(--fw));top:calc(94 * var(--fw));font-family:Jost,sans-serif;font-weight:600;font-size:calc(48 * var(--fw));color:var(--dark);line-height:calc(69 * var(--fw));z-index:10;margin:0;position:absolute}.tup-carousel{left:0;right:0;top:calc(179 * var(--fw));height:calc(345 * var(--fw));z-index:5;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.tup-carousel--dragging{cursor:grabbing}.tup-track{will-change:transform;height:100%;display:flex}.tup-slide{width:calc(485 * var(--fw));object-fit:cover;object-position:center top;border-radius:calc(8 * var(--fw));border:calc(2 * var(--fw)) solid #000;pointer-events:none;flex:none;height:100%}.tup-arrow{width:calc(36 * var(--fw));height:calc(64 * var(--fw));cursor:pointer;font-size:calc(30 * var(--fw));color:var(--dark);border-radius:calc(4 * var(--fw));z-index:10;background:#f5f5ddd1;border:none;justify-content:center;align-items:center;transition:background .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tup-arrow:hover:not(:disabled){background:#f5f5dd}.tup-arrow:disabled{opacity:.2;cursor:default}.tup-arrow--prev{left:calc(10 * var(--fw))}.tup-arrow--next{right:calc(10 * var(--fw))}.tup-desc{left:calc(var(--canvas-offset) + 115 * var(--fw));top:calc(553 * var(--fw));width:calc(782 * var(--fw));font-family:Lekton,monospace;font-weight:400;font-size:calc(20 * var(--fw));color:var(--dark);margin:0;line-height:1.5;position:absolute}.tup-stack{left:calc(var(--canvas-offset) + 720 * var(--fw));top:calc(667 * var(--fw));width:calc(577 * var(--fw));font-family:Lekton,monospace;font-weight:400;font-size:calc(20 * var(--fw));color:var(--dark);text-align:center;margin:0;line-height:normal;position:absolute}.tup-stack strong{font-weight:700}.tup-footer{left:calc(var(--canvas-offset) + 115 * var(--fw));top:calc(770 * var(--fw));font-family:Lekton,monospace;font-size:calc(20 * var(--fw));color:var(--dark);font-weight:700;line-height:1;text-decoration:underline;position:absolute}.tup-footer:hover{opacity:.6}.tup-title{animation:.5s .1s both fade-up}.tup-carousel,.tup-arrow{animation:.55s cubic-bezier(.22,1,.36,1) .25s both fade-up}.tup-desc{animation:.5s .4s both fade-up}.tup-stack{animation:.5s .5s both fade-up}.tup-footer{animation:.5s .6s both fade-up}.about{--fw:min(calc(100vw / 1351), calc(100vh / 839));--peach:#f7e4d7;--dark:#30160f;background:var(--peach);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.about__canvas{width:calc(1351 * var(--fw));height:calc(839 * var(--fw));flex-shrink:0;position:relative;overflow:hidden}.about__title{left:calc(168 * var(--fw));top:calc(612 * var(--fw));width:calc(418 * var(--fw));font-family:Indie Flower,cursive;font-weight:400;font-size:calc(64 * var(--fw));color:#000;z-index:8;line-height:normal;position:absolute}.about__photo-outer{left:calc(627 * var(--fw));top:calc(269 * var(--fw));width:calc(342 * var(--fw));height:calc(343 * var(--fw));z-index:1;position:absolute}.about__photo-clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}.about__photo-img{object-fit:cover;width:100.14%;max-width:none;height:133.14%;position:absolute;top:-6.29%;left:-.07%}.about__frame-outer{left:calc(586 * var(--fw));top:calc(232 * var(--fw));width:calc(421 * var(--fw));height:calc(463 * var(--fw));z-index:2;position:absolute}.about__frame-clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}.about__frame-img{width:254.64%;max-width:none;height:130.28%;position:absolute;top:-14.72%;left:-71.49%}.about__pink-wrap{left:calc(311 * var(--fw));top:calc(105 * var(--fw));width:calc(420.507 * var(--fw));height:calc(419.737 * var(--fw));z-index:3;justify-content:center;align-items:center;display:flex;position:absolute}.about__pink-rotate{flex:none;transform:rotate(4deg)}.about__pink-clip{width:calc(394.038 * var(--fw));height:calc(393.208 * var(--fw));pointer-events:none;position:relative;overflow:hidden}.about__pink-img{width:134.58%;max-width:none;height:168.66%;position:absolute;top:-5.27%;left:-16.3%}.about__note-wrap{left:calc(313.39 * var(--fw));top:calc(141.12 * var(--fw));width:calc(387.648 * var(--fw));height:calc(381.335 * var(--fw));z-index:4;justify-content:center;align-items:center;display:flex;position:absolute}.about__note-rotate{flex:none;transform:rotate(-89deg)}.about__note-clip{width:calc(374.74 * var(--fw));height:calc(381.166 * var(--fw));pointer-events:none;box-shadow:0 calc(4 * var(--fw)) calc(2 * var(--fw)) 0 #00000040;position:relative;overflow:hidden}.about__note-img{width:160.32%;max-width:none;height:197.11%;position:absolute;top:-48.08%;left:-45.97%}.about__quote-wrap{left:calc(353.44 * var(--fw));top:calc(188.34 * var(--fw));width:calc(322.893 * var(--fw));height:calc(295.783 * var(--fw));z-index:5;justify-content:center;align-items:center;display:flex;position:absolute}.about__quote-rotate{flex:none;transform:rotate(2deg)}.about__quote-text{width:calc(313.136 * var(--fw));font-family:McLaren,cursive;font-size:calc(14 * var(--fw));line-height:calc(20 * var(--fw));color:#000000a3}.about__quote-sig{margin-top:calc(20 * var(--fw));text-align:right}.about__tape-outer{left:calc(441.39 * var(--fw));top:calc(119.12 * var(--fw));width:calc(193 * var(--fw));height:calc(59 * var(--fw));z-index:6;position:absolute}.about__tape-clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}.about__tape-img{width:116.71%;max-width:none;height:477.78%;position:absolute;top:-189.74%;left:-9.92%}.about__heart-wrap{left:calc(885 * var(--fw));top:calc(622 * var(--fw));width:calc(62.121 * var(--fw));height:calc(61.597 * var(--fw));z-index:7;justify-content:center;align-items:center;display:flex;position:absolute}.about__heart-rotate{flex:none;transform:rotate(4deg)}.about__heart-clip{width:calc(58.24 * var(--fw));height:calc(57.674 * var(--fw));pointer-events:none;position:relative;overflow:hidden}.about__heart-img{width:216.99%;max-width:none;height:274.02%;position:absolute;top:-92.16%;left:-59.71%}.about__pink-wrap{animation:.5s cubic-bezier(.22,1,.36,1) .1s both drop-in}.about__note-wrap{animation:.55s cubic-bezier(.22,1,.36,1) .22s both drop-in}.about__quote-wrap{animation:.5s .4s both fade-up}.about__photo-outer,.about__frame-outer{animation:.55s cubic-bezier(.22,1,.36,1) .32s both drop-in}.about__tape-outer{animation:.4s cubic-bezier(.22,1,.36,1) .62s both tape-stick,8s ease-in-out 3s infinite sway}.about__title{animation:.6s .7s both fade-up}.about__heart-wrap{animation:.45s cubic-bezier(.34,1.56,.64,1) .9s both pop-in}.about__heart-clip{animation:3.5s ease-in-out 3.5s infinite heartbeat}.about__pink-wrap,.about__note-wrap,.about__quote-wrap,.about__tape-outer{transition:translate .35s}.about__note-rotate{transition:rotate .35s}:is(.about__canvas:has(.about__note-wrap:hover,.about__quote-wrap:hover) .about__pink-wrap,.about__canvas:has(.about__note-wrap:hover,.about__quote-wrap:hover) .about__note-wrap,.about__canvas:has(.about__note-wrap:hover,.about__quote-wrap:hover) .about__quote-wrap,.about__canvas:has(.about__note-wrap:hover,.about__quote-wrap:hover) .about__tape-outer){translate:0 -4px}.about__canvas:has(.about__note-wrap:hover,.about__quote-wrap:hover) .about__note-rotate{rotate:1.5deg}.about__photo-outer,.about__frame-outer,.about__heart-wrap{transition:rotate .35s,translate .35s}:is(.about__canvas:has(.about__photo-outer:hover) .about__photo-outer,.about__canvas:has(.about__photo-outer:hover) .about__frame-outer,.about__canvas:has(.about__photo-outer:hover) .about__heart-wrap){translate:0 -4px;rotate:.8deg}.director{--fw:min(calc(100vw / 1578), calc(100vh / 1049));background:#840000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.director__canvas{width:calc(1578 * var(--fw));height:calc(1049 * var(--fw));flex-shrink:0;position:relative;overflow:hidden}.director__paper-wrap{left:calc(632 * var(--fw));top:calc(221 * var(--fw));width:calc(903 * var(--fw));height:calc(331.487 * var(--fw));justify-content:center;align-items:center;display:flex;position:absolute}.director__paper-rotate{flex:none;transform:rotate(91deg)}.director__paper-clip{width:calc(315.869 * var(--fw));height:calc(897.624 * var(--fw));box-shadow:0 calc(4 * var(--fw)) calc(2 * var(--fw)) 0 #00000040;position:relative;overflow:hidden}.director__paper-img{width:460.75%;max-width:none;height:202.76%;position:absolute;top:-49.46%;left:-132.13%}.director__note-wrap{left:calc(712 * var(--fw));top:calc(263 * var(--fw));width:calc(743.931 * var(--fw));height:calc(301.853 * var(--fw));z-index:2;justify-content:center;align-items:center;display:flex;position:absolute}.director__note-rotate{flex:none;transform:rotate(1deg)}.director__note{width:calc(739 * var(--fw));font-family:Lekton,monospace;font-weight:700;font-size:calc(20 * var(--fw));color:#000;line-height:normal}.director__note-title,.director__note-body{margin:0 0 1.2em}.director__note-link{color:#ff0004;text-decoration:underline;display:block}.director__polaroid{box-shadow:0 calc(4 * var(--fw)) calc(4 * var(--fw)) calc(1 * var(--fw)) #00000040}.director__polaroid-img{object-fit:cover;width:100%;height:100%;display:block}.director__opening-wrap{left:calc(113 * var(--fw));top:calc(358 * var(--fw));width:calc(255.219 * var(--fw));height:calc(388.313 * var(--fw));justify-content:center;align-items:center;display:flex;position:absolute}.director__opening-rotate{flex:none;transform:rotate(-2deg)}.director__polaroid--opening{width:calc(242.101 * var(--fw));height:calc(380.096 * var(--fw))}.director__polaroid--closing{left:calc(321 * var(--fw));top:calc(432 * var(--fw));width:calc(253 * var(--fw));height:calc(396 * var(--fw));position:absolute}.director__string{left:calc(964.14 * var(--fw));top:calc(348.92 * var(--fw));width:calc(11.3 * var(--fw));height:calc(11.33 * var(--fw));z-index:3;position:absolute}
