:root{color:#292a24;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f0e8;font-family:Space Grotesk,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#app{min-height:100svh}html{scroll-snap-type:y mandatory}.page{scroll-snap-align:start;scroll-snap-stop:always}@media (width>=761px){.page{height:100svh}}.dots{z-index:20;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:12px;transform:translateY(-50%)}.dots a{background:#f3f0e8;border:1.5px solid #c04c3d;border-radius:50%;width:9px;height:9px;transition:transform .3s,background .3s}.dots a.is-active{background:#c04c3d;transform:scale(1.35)}.page-links{background:#f0d9cf}.page-path,.page-mind,.page-links{isolation:isolate;grid-template-rows:42px minmax(0,1fr) 24px;gap:12px;min-height:100svh;padding:18px 26px 16px;display:grid;position:relative;overflow:hidden}.page-path{background:#e6dccb}.page-mind{color:#f1e8d6;background:#1f3b36}.page-mind .topline,.page-mind .bottomline{color:#cdd8c9}.page-path:after,.page-mind:after,.page-links:after{z-index:5;pointer-events:none;content:"";opacity:.16;mix-blend-mode:multiply;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}.page-stage{z-index:2;min-height:0;position:relative;overflow:hidden}.page-heading{z-index:2;position:absolute;top:6%;left:4%}.page-heading .side-kicker{color:#6d5a4a}.page-heading h2{color:#215c69;flex-direction:column;align-items:flex-start;gap:3px;margin:0;font-size:3.5rem;font-weight:700;line-height:.82;display:flex}.page-heading h2 span{color:#98513d;padding-left:32px;font-family:Caveat,cursive;font-size:2rem;font-weight:600;line-height:1;transform:rotate(-4deg)}.page-mind .page-heading .side-kicker{color:#9fb5a8}.page-mind .page-heading h2{color:#f1e8d6}.page-mind .page-heading h2 span{color:#e9a68a;transform:rotate(3deg)}.word-mono{font-family:DM Mono,monospace;font-weight:500}.tone-cream{color:#f1e8d6}.tone-peach{color:#e9a68a}.tone-mint{color:#8fd1b6}.facts{z-index:3;background:#f3f0e8d9;gap:10px;max-width:260px;margin:0;padding:14px 16px;font-family:DM Mono,monospace;font-size:11px;line-height:1.5;display:grid;position:absolute;bottom:4%;right:4%;transform:rotate(1.5deg)}.facts dt{color:#c04c3d}.facts dd{margin:0}.aside{z-index:3;color:#f1e8d6;max-width:300px;margin:0;font-family:Caveat,cursive;font-size:1.5rem;line-height:1.1;position:absolute;bottom:3%;left:4%;transform:rotate(-2deg)}.scribble-path{color:#d85550;top:14%;left:78%}.scribble-mind{color:#8fd1b6;top:62%;left:88%}.scribble-links{color:#286993;top:20%;left:52%}.aside-links{color:#713e34}.drifter{cursor:pointer;z-index:4;color:#292a24;animation:roam var(--dur) ease-in-out var(--wait) infinite alternate;flex-direction:column;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;text-decoration:none;display:flex;position:absolute;top:0;left:0}.drifter svg{filter:drop-shadow(0 6px 10px #292a2440);width:84px;height:84px;transition:transform .4s}.drifter:hover svg,.drifter:focus-visible svg{transform:scale(1.18)rotate(-6deg)}.drifter:hover,.drifter:focus-visible{animation-play-state:paused}.drifter-linkedin{--dur:26s;--wait:-4s;--x1:8vw;--y1:30vh;--x2:62vw;--y2:12vh;--x3:30vw;--y3:50vh}.drifter-hackerrank{--dur:31s;--wait:-15s;--x1:70vw;--y1:18vh;--x2:20vw;--y2:46vh;--x3:78vw;--y3:52vh}.drifter-mail{--dur:23s;--wait:-9s;--x1:40vw;--y1:48vh;--x2:74vw;--y2:36vh;--x3:12vw;--y3:20vh;color:#fff;background:#d85550;border-radius:999px;padding:12px 20px;font-family:Caveat,cursive;font-size:2.2rem;font-weight:700;line-height:1}.drifter-mail small{pointer-events:none;font-family:DM Mono,monospace;font-size:10px;font-weight:400}@keyframes roam{0%{transform:translate(var(--x1), var(--y1)) rotate(-6deg)}50%{transform:translate(var(--x2), var(--y2)) rotate(5deg)}to{transform:translate(var(--x3), var(--y3)) rotate(-3deg)}}@media (width<=760px){.page-path,.page-mind,.page-links{min-height:900px;padding:14px 14px 12px}.page-heading h2{font-size:3rem}.dots{right:6px}}.welcome{--paper:#f3f0e8;--ink:#292a24;isolation:isolate;background:var(--paper);grid-template-rows:42px minmax(600px,1fr) 24px;gap:12px;min-height:100svh;padding:18px 26px 16px;display:grid;position:relative;overflow:hidden}.welcome:after{z-index:5;pointer-events:none;content:"";opacity:.16;mix-blend-mode:multiply;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}.topline,.bottomline{z-index:6;color:#34372d;justify-content:space-between;align-items:center;gap:16px;font-family:DM Mono,monospace;font-size:10px;line-height:1.2;display:flex;position:relative}.topline p,.bottomline span{margin:0}.eyebrow,.edition{white-space:nowrap}.eyebrow span{color:#c04c3d}.topline h1{text-align:center;margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;line-height:1}.edition{text-align:right}.split-stage{background:#d3b9a2;min-height:0;position:relative;overflow:hidden}.side{position:absolute;inset-block:0;overflow:hidden}.side-no{z-index:2;clip-path:polygon(0 0,100% 0,97% 4%,100% 8%,96% 12%,99% 17%,95% 21%,99% 26%,96% 31%,100% 36%,95% 41%,98% 46%,94% 51%,99% 56%,95% 61%,100% 66%,96% 71%,99% 76%,95% 81%,100% 86%,96% 91%,99% 96%,94% 100%,0 100%);background:#cde7de;inset-inline:0 44%}.side-yes{z-index:1;background:#d7bca9;inset-inline:43% 0}.side-heading{z-index:2;position:absolute;top:7%;left:10%;right:5%}.side-yes .side-heading{left:18%;right:5%}.side-kicker{color:#47574d;margin:0 0 15px;font-family:DM Mono,monospace;font-size:10px;line-height:1}.side-kicker span{color:#b94f3e;padding:0 5px}.side-heading h2{color:#215c69;flex-direction:column;align-items:flex-start;gap:3px;margin:0;font-family:Space Grotesk,sans-serif;font-size:3.5rem;font-weight:700;line-height:.82;display:flex}.side-heading h2 span{color:#385d4d;padding-left:32px;font-family:Caveat,cursive;font-size:2rem;font-weight:600;line-height:1;transform:rotate(-4deg)}.side-yes .side-kicker{color:#5c493e}.side-yes .side-heading h2{color:#713e34}.side-yes .side-heading h2 span{color:#665d35;transform:rotate(3deg)}.word-cloud{position:absolute;inset:0}.word{top:var(--y);left:var(--x);z-index:1;font-size:var(--size);white-space:nowrap;transform:translate(-10%, -50%) rotate(var(--turn));animation:drift 5.4s ease-in-out var(--delay) infinite alternate;-webkit-user-select:none;user-select:none;line-height:.95;display:inline-block;position:absolute}.word-serif{font-family:Bodoni Moda,Georgia,serif;font-weight:700}.word-script{font-family:Caveat,cursive;font-weight:700}.word-block{font-family:Bebas Neue,Impact,sans-serif;font-weight:400}.word-sans{font-family:Space Grotesk,sans-serif;font-weight:700}.tone-blue{color:#286993}.tone-green{color:#287c5b}.tone-coral{color:#d85550}.tone-ink{color:#494237}.tone-rust{color:#98513d}.tone-olive{color:#6e713d}.scribble{z-index:1;opacity:.8;font-family:Caveat,cursive;font-size:4rem;line-height:1;animation:18s linear infinite turn;position:absolute}.scribble-no{color:#d85550;top:55%;left:84%}.scribble-yes{color:#6e713d;font-size:3rem;top:22%;left:82%}.tear-mark{z-index:3;clip-path:polygon(30% 0,80% 0,55% 5%,100% 10%,46% 15%,78% 20%,35% 25%,88% 30%,42% 35%,100% 40%,38% 45%,75% 50%,28% 55%,88% 60%,40% 65%,95% 70%,36% 75%,79% 80%,33% 85%,92% 90%,40% 95%,75% 100%,25% 100%);background:#f7f1dcc2;width:15px;position:absolute;top:0;bottom:0;left:55%}.bottomline{font-size:9px}.bottomline span:last-child{text-align:right}@keyframes drift{0%{translate:0}to{translate:0 -8px}}@keyframes turn{to{rotate:360deg}}@media (width<=760px){.welcome{grid-template-rows:auto minmax(1000px,1fr) auto;gap:10px;padding:14px 14px 12px}.topline{grid-template-columns:1fr auto;gap:7px 12px;min-height:44px;display:grid}.topline h1{text-align:left;grid-area:2/1/auto/-1}.edition{grid-area:1/2}.eyebrow{grid-area:1/1}.split-stage{min-height:1000px}.side-no{clip-path:polygon(0 0,100% 0,100% 100%,96% 98%,91% 100%,86% 97%,81% 100%,76% 97%,71% 100%,66% 96%,61% 100%,56% 97%,51% 100%,46% 96%,41% 100%,36% 97%,31% 100%,26% 96%,21% 100%,16% 97%,11% 100%,6% 96%,0 99%);inset:0 0 48%}.side-yes{inset:48% 0 0}.side-heading{top:8%;left:7%}.side-yes .side-heading{top:7%;left:8%}.side-heading h2{font-size:3rem}.side-heading h2 span{font-size:1.7rem}.word{font-size:min(var(--size), 3.5rem)}.scribble-no{top:54%;left:84%}.scribble-yes{top:26%;left:82%}.tear-mark{clip-path:polygon(0 26%,5% 48%,10% 12%,15% 47%,20% 17%,25% 57%,30% 20%,35% 60%,40% 13%,45% 47%,50% 18%,55% 56%,60% 19%,65% 48%,70% 12%,75% 58%,80% 20%,85% 55%,90% 15%,95% 50%,100% 22%,100% 75%,95% 94%,90% 63%,85% 100%,80% 66%,75% 95%,70% 62%,65% 100%,60% 66%,55% 96%,50% 64%,45% 100%,40% 67%,35% 92%,30% 63%,25% 100%,20% 64%,15% 95%,10% 62%,5% 100%,0 71%);width:100%;height:17px;top:calc(52% - 6px);bottom:auto;left:0}}@media (width<=380px){.topline,.bottomline{font-size:8px}.word{font-size:min(var(--size), 3rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
