@import "https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css";@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#203b33;font-synthesis:none;background:#fff9ed;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}.portfolio{background:#fff9ed;min-height:500vh;overflow:hidden}.topbar{z-index:20;mix-blend-mode:multiply;text-transform:uppercase;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:28px 4vw;display:grid;position:fixed;top:0;left:0;right:0}.wordmark{letter-spacing:-.07em;font-size:1.1rem;font-weight:800}.wordmark span{vertical-align:top;padding-left:2px;font:500 .52rem DM Mono,monospace}.topbar p{letter-spacing:.08em;text-align:center;margin:0;font:500 .62rem DM Mono,monospace}.topbar .chapter{text-align:right;color:#809087}.journey{isolation:isolate;background:#fff9ed;height:100vh;min-height:620px;transition:background .8s;position:sticky;top:0;overflow:hidden}.stage-cracked .journey{background:#fff2d9}.stage-hatched .journey,.stage-riding .journey{background:#c8e6d1}.stage-whiteblock .journey{background:#a9d9c4}.stage-egg .journey{background:#e8ebec}.stage-egg .topbar,.stage-egg .copy,.stage-egg .sun,.stage-egg .cloud,.stage-egg .mountain,.stage-egg .orbit,.stage-egg .spark,.stage-egg .progress-rail{display:none}.grain{z-index:-1;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.sun{aspect-ratio:1;opacity:.34;background:#f8d58d;border-radius:50%;width:31vw;max-width:460px;transition:transform 1s,opacity 1s;position:absolute;top:13%;left:50%;transform:translate(-50%)}.stage-riding .sun,.stage-whiteblock .sun{opacity:.5;transform:translate(-50%,12%)scale(1.18)}.copy{z-index:5;position:absolute}.copy-left{top:31%;left:8vw}.copy-right{min-width:150px;bottom:15%;right:8vw}.eyebrow{color:#6e8d7a;letter-spacing:.14em;margin:0 0 18px;font:500 .64rem DM Mono,monospace}h1,h2{letter-spacing:-.07em;margin:0;font:4.6rem/.94 DM Serif Display,serif}h1 em,h2 em{color:#e26d4b;font-style:italic}.copy-right p{letter-spacing:-.03em;min-height:106px;margin:0 0 38px;font-size:.84rem;line-height:1.8}.copy-right strong{color:#e26d4b;font-weight:800}.scroll-note{color:#6e8d7a;letter-spacing:.08em;font:500 .62rem DM Mono,monospace}.scroll-note b{color:#df6949;margin-left:9px;font-size:1rem;animation:1.7s ease-in-out infinite nudge;display:inline-block}.world{aspect-ratio:1.1;width:min(55vw,680px);position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.stage-egg .world{width:min(42vw,470px);transform:translate(-50%,-50%)}.egg,.kiwi-bird,.bike{width:min(22vw,260px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.egg{z-index:3;aspect-ratio:260/330;filter:drop-shadow(0 24px 20px #2c3a4533);place-items:center;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .55s;display:grid}.milk-shell{background:radial-gradient(circle at 31% 20%,#fff 0 7%,#0000 25%),linear-gradient(145deg,#fff 3%,#f5f7f7 35%,#d8dee1 72%,#f8faf9 100%);border:1px solid #fffffff2;border-radius:50% 50% 46% 46%/59% 59% 41% 41%;position:absolute;inset:0;box-shadow:inset 18px 17px 24px #fffffffa,inset -19px -24px 34px #5c707c2b,inset 0 -5px 8px #ffffffb3}.milk-shell-glint{filter:drop-shadow(0 2px 2px #58677114);border:0;border-top:11px solid #fffffff2;border-left:11px solid #fffffff2;border-radius:50%;width:38px;height:96px;position:absolute;top:30px;left:40px;transform:rotate(8deg)}.milk-shell-rim{opacity:.55;border-bottom:4px solid #ffffffb3;border-radius:50%;width:58px;height:30px;position:absolute;bottom:43px;right:26px;transform:rotate(-27deg)}.egg-cracks{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.egg-crack{fill:none;stroke:#71808a;stroke-width:2.8px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260px;opacity:0;filter:drop-shadow(0 1px #ffffffe6);transition:opacity .2s,stroke-dashoffset 1s cubic-bezier(.22,1,.36,1)}.egg-crack-bottom{opacity:0}.stage-cracked .egg{animation:1.15s ease-in-out infinite egg-wait}.stage-cracked .egg-crack-top{opacity:1;stroke-dashoffset:0;transform:rotate(-3deg)}.stage-cracked .egg-crack-bottom{opacity:.28;stroke-dashoffset:0;transition-delay:.25s}.stage-hatched .egg,.stage-riding .egg,.stage-whiteblock .egg{opacity:0;transform:translate(-50%,42%)scale(.6)rotate(12deg)}.kiwi-bird{z-index:4;opacity:0;transition:opacity .7s,transform 1.1s cubic-bezier(.22,1,.36,1) .1s;transform:translate(-50%,12%)scale(.55)rotate(-8deg)}.stage-hatched .kiwi-bird,.stage-riding .kiwi-bird,.stage-whiteblock .kiwi-bird{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}.stage-riding .kiwi-bird,.stage-whiteblock .kiwi-bird{opacity:0;transform:translate(-90%,-62%)scale(.62)rotate(0)}.bird-body{fill:#365646;stroke:#274437;stroke-width:3px}.bird-belly{fill:#658b63;opacity:.75}.bird-tuft{fill:#365646;stroke:#274437;stroke-width:3px;stroke-linejoin:round}.bird-wing{fill:#83a95f}.bird-eye{fill:#fff8e7;stroke:#274437;stroke-width:4px}.bird-eye-glint{fill:#274437}.bird-beak{fill:#ee7b4f;stroke:#a74a37;stroke-width:3px;stroke-linejoin:round}.bird-cheek{fill:#eb8a79;opacity:.75}.bird-leg,.bird-foot{fill:none;stroke:#ee7b4f;stroke-width:5px;stroke-linecap:round}.bird-shadow{fill:#274437;opacity:.15}.ride-wrap{z-index:3;opacity:0;width:min(34vw,380px);transition:opacity .7s,transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;top:57%;left:50%;transform:translate(-35%,30%)scale(.7)}.stage-riding .ride-wrap,.stage-whiteblock .ride-wrap{opacity:1;transform:translate(-50%,-50%)scale(1)}.bike{width:100%;display:block;position:relative;transform:none}.wheel{fill:none;stroke:#315448;stroke-width:6px}.bike-frame,.bike-handle,.bike-seat{fill:none;stroke:#e26848;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.bike-seat{stroke-width:8px}.delivery-box{fill:#e26848;stroke:#a94e3b;stroke-width:3px}.box-mark{fill:none;stroke:#fff3d5;stroke-width:4px;stroke-linecap:round}.road{z-index:1;opacity:0;border-top:3px solid #31544866;border-bottom:3px solid #3154482e;border-radius:50%;width:112%;height:15%;transition:opacity .7s;position:absolute;bottom:17%;left:50%;transform:translate(-50%)rotate(-4deg)}.road:after{content:"";border-top:3px dashed #fff9edcc;width:100%;position:absolute;top:50%;left:0}.stage-riding .road,.stage-whiteblock .road{opacity:1}.orbit{z-index:0;border:1px solid #4f826659;border-radius:50%;transition:opacity .6s;position:absolute;inset:8%;transform:rotate(-27deg)scaleY(.36)}.orbit-two{border-color:#e26d4b4d;inset:18%;transform:rotate(42deg)scaleY(.28)}.stage-riding .orbit,.stage-whiteblock .orbit{opacity:0}.cloud{z-index:0;opacity:.7;background:#ffffff94;border-radius:50px;width:120px;height:38px;transition:transform 1.5s;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.cloud:before{width:48px;height:48px;left:28px}.cloud:after{width:35px;height:35px;left:62px}.cloud-one{top:13%;left:2%}.cloud-two{top:25%;right:0;transform:scale(.7)}.stage-riding .cloud-one{transform:translate(-90px)}.stage-riding .cloud-two{transform:translate(90px)scale(.7)}.mountain{z-index:0;border-bottom:120px solid #5b916d3d;border-left:90px solid #0000;border-right:90px solid #0000;width:0;height:0;position:absolute;bottom:26%}.mountain-one{left:6%}.mountain-two{border-bottom-color:#5b916d29;right:6%;transform:scale(.7)}.spark{z-index:4;color:#df6949;font:2rem DM Serif Display,serif;transition:transform .8s;position:absolute}.spark-one{top:9%;right:10%}.spark-two{font-size:2.4rem;bottom:14%;left:13%}.progress-rail{z-index:8;background:#4f826640;width:1px;height:100px;position:absolute;bottom:12vh;right:4vw}.progress-rail span{background:#df6949;border-radius:4px;width:3px;height:30%;margin-left:-1px;transition:height .7s;display:block}.stage-cracked .progress-rail span{height:45%}.stage-hatched .progress-rail span{height:65%}.stage-riding .progress-rail span,.stage-whiteblock .progress-rail span{height:100%}.whiteblock-story{color:#fff8e7;background:#f17c58;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:100vh;padding:18vh 8vw 12vh;display:grid;position:relative}.whiteblock-story .eyebrow{color:#fff0c7}.whiteblock-story h2{color:#fff8e7}.whiteblock-story h2 em{color:#fff0c7}.intro{color:#fff0d4;max-width:440px;margin:42px 0 30px;font-size:1rem;line-height:1.9}.story-tags{flex-wrap:wrap;gap:8px;display:flex}.story-tags span{border:1px solid #fff8e799;border-radius:100px;padding:8px 11px;font:500 .58rem DM Mono,monospace}.story-card{color:#2c5645;background:#fff8e7;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:320px;padding:32px;display:flex;position:relative;transform:rotate(4deg);box-shadow:12px 16px #75372d29}.story-card span,.story-card small{letter-spacing:.1em;font:500 .65rem DM Mono,monospace}.story-card strong{letter-spacing:-.08em;font:4rem/1 DM Serif Display,serif}.card-route{color:#df6949;font:1.8rem DM Mono,monospace}.card-route i,.card-route b{background:#df6949;border-radius:50%;width:13px;height:13px;margin-right:6px;display:inline-block}.card-route b{background:#6e9c6c;margin:0 0 0 4px}.next-marker{color:#fff0c7;letter-spacing:.1em;font:500 .65rem DM Mono,monospace;position:absolute;bottom:10vh;right:8vw}@keyframes nudge{50%{transform:translateY(5px)}}@keyframes egg-wait{0%,to{transform:translate(-50%,-50%)rotate(0)}35%{transform:translate(-50%,-50%)rotate(-2deg)}70%{transform:translate(-50%,-50%)rotate(2deg)}}@keyframes blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@media (width<=700px){.topbar{grid-template-columns:1fr auto;padding:20px 6vw}.topbar p:nth-child(2){display:none}.world{width:110vw}.egg,.kiwi-bird{width:55vw}.ride-wrap{width:72vw}.copy-left{top:19%;left:8vw}.copy-right{bottom:10%;left:8vw;right:auto}.copy-right p{min-height:88px;margin-bottom:22px}h1,h2{font-size:3.5rem}.whiteblock-story{padding-top:16vh;display:block}.story-card{min-height:270px;margin-top:60px}.story-card strong{font-size:3.2rem}.next-marker{bottom:5vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}