/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.contents{display:contents}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{font-feature-settings:"liga" 1, "calt" 1;font-family:Inter,sans-serif}@supports (font-variation-settings:normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"liga" 1, "calt" 1;color:#3b2d66;font-synthesis:none;--pink:#ffafcc;--pink-soft:#ffc8dd;--purple:#684a99;--purple-dark:#3b2d66;--lavender:#cdb4db;--violet:#d0d1ff;--blue:#bde0fe;--aqua:#c0fdff;--yellow:#fff0b8;--paper:#fff9fd;--sky-top:#ecbcfd;--sky-middle:#c8e7ff;--sky-bottom:#a2d2ff;--cloud:#ffffffb3;--section-glow:#ffffff42;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#bde0fe;font-family:Inter,sans-serif}:root[data-theme=night]{--pink:#ffb0d2;--pink-soft:#ca8fc5;--purple:#cdb4ff;--purple-dark:#f7f5ff;--lavender:#373064;--violet:#25264f;--blue:#171a3d;--aqua:#8fdde4;--yellow:#ffe7a8;--paper:#11142f;--sky-top:#11142f;--sky-middle:#242855;--sky-bottom:#3c376b;--cloud:#cdb4ff24;--section-glow:#cdb4ff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--blue);transition:background-color .8s}body{background:var(--blue);min-width:320px;color:var(--purple-dark);margin:0;transition:background-color .8s,color .8s;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}::selection{background:var(--yellow);color:var(--purple-dark)}.skip-link{z-index:1000;background:#fff;border-radius:99px;padding:.75rem 1rem;font-weight:800;transition:all .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{z-index:100;pointer-events:none;position:fixed;inset:0 0 auto}.theme-toggle{pointer-events:auto;color:#5540a5;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fff7fdb8;border:2px solid #ffffffa6;border-radius:999px;align-items:center;gap:.55rem;min-height:50px;padding:.45rem .9rem .45rem .55rem;font-size:.72rem;font-weight:900;transition:all .3s;display:flex;position:absolute;top:2.7rem;left:2rem;right:auto;box-shadow:0 12px 35px #5540a529}.theme-toggle:hover{transform:translateY(-3px)rotate(-2deg)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px;overflow:visible}.theme-toggle .theme-icon-star{fill:var(--yellow);stroke:none}[data-theme=night] .theme-toggle{color:#f2edff;background:#11132db8;border-color:#b7a5ff66;box-shadow:0 12px 40px #00000047}.menu-orb>span{background:#fff;border-radius:999px;width:27px;height:3px;margin-top:-1.5px;margin-left:-13.5px;transition:transform .25s,opacity .2s;position:absolute;top:50%;left:50%}.menu-orb>span:first-child{transform:translateY(-9px)}.menu-orb>span:nth-child(2){transform:translateY(0)}.menu-orb>span:nth-child(3){transform:translateY(9px)}.menu-orb.is-open>span:first-child{transform:translateY(0)rotate(45deg)}.menu-orb.is-open>span:nth-child(2){opacity:0;transform:scaleX(.2)}.menu-orb.is-open>span:nth-child(3){transform:translateY(0)rotate(-45deg)}.menu-sparkle{width:25px;color:var(--yellow);animation:1.5s steps(2,end) infinite twinkle;position:absolute;top:5px;left:-10px}.gooey-menu{pointer-events:none;filter:url(#menu-goo);width:76px;height:76px;position:absolute;top:2rem;right:2rem}.goo-filter{width:0;height:0;position:absolute;overflow:hidden}.menu-orb{z-index:10;background:var(--pink);pointer-events:auto;cursor:pointer;border:0;border-radius:50%;width:76px;height:76px;padding:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background .3s,box-shadow .3s;position:absolute;inset:0;transform:scale(1);box-shadow:5px 7px #b553d36b}.menu-orb:hover{transform:scale(1.12)}.menu-orb.is-open{transform:scale(.9);box-shadow:3px 4px #b553d359}.gooey-menu-item{z-index:1;background:var(--pink);color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;pointer-events:none;opacity:0;border:0;border-radius:50%;place-items:center;width:64px;height:64px;margin-top:-32px;margin-left:-32px;padding:0;font-size:.58rem;font-weight:900;transition:transform .45s cubic-bezier(.935,0,.34,1.33),opacity .15s,background .2s,color .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(0)scale(.4)}.gooey-menu-item:hover,.gooey-menu-item:focus-visible{background:var(--yellow);color:var(--purple-dark)}.gooey-menu.is-open .gooey-menu-item{pointer-events:auto;opacity:1}.gooey-menu.is-open .gooey-menu-item-1{transition-delay:20ms;transform:translate(-140px)scale(1)}.gooey-menu.is-open .gooey-menu-item-2{transition-delay:60ms;transform:translate(-129px,54px)scale(1)}.gooey-menu.is-open .gooey-menu-item-3{transition-delay:.1s;transform:translate(-99px,99px)scale(1)}.gooey-menu.is-open .gooey-menu-item-4{transition-delay:.14s;transform:translate(-54px,129px)scale(1)}.gooey-menu.is-open .gooey-menu-item-5{transition-delay:.18s;transform:translateY(140px)scale(1)}.gooey-menu-item-1{transition-delay:.16s}.gooey-menu-item-2{transition-delay:.12s}.gooey-menu-item-3{transition-delay:80ms}.gooey-menu-item-4{transition-delay:40ms}.gooey-menu-item-5{transition-delay:0s}.hero{--hero-shift:0px;background:var(--sky-bottom);isolation:isolate;min-height:100svh;transition:background 1s;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(transparent, var(--sky-bottom));height:20%;position:absolute;inset:auto 0 0}.scene-skies{z-index:0;position:absolute;inset:0}.scene-sky{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;transition:opacity .9s;position:absolute;inset:0}.scene-sky-night,[data-theme=night] .scene-sky-day{opacity:0}[data-theme=night] .scene-sky-night{opacity:1}.about-link{color:#e95dad;font-weight:700;text-decoration:underline;transition:filter .8s,opacity .2s;display:inline-block}@keyframes hover-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@media (hover:hover){.about-link:hover,.about-link:focus-visible{filter:brightness(1.1);opacity:.8}@media (prefers-reduced-motion:no-preference){.about-link:hover,.about-link:focus-visible{animation:.8s infinite alternate hover-pulse}}}.scene-celestial{z-index:2;width:clamp(130px,17vw,250px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 28px #ffe7a659);pointer-events:none;transition:opacity .7s;position:absolute;top:8%;right:9%}.word-highlight{z-index:0;color:var(--purple-dark);isolation:isolate;padding:.02em .25em .08em;transition:color .25s;display:inline-block;position:relative}.word-highlight:before{content:"";z-index:-1;background:var(--highlight-color,var(--pink));transform-origin:0;border-radius:.3em;transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scaleX(0)}.word-highlight.is-highlighted{color:#3b2d66}.word-highlight.is-highlighted:before{transform:scaleX(1)}.word-highlight-pink{--highlight-color:#ffc8dd}.word-highlight-blue{--highlight-color:#9fc1ff}.word-highlight-purple{--highlight-color:#a79aff}[data-theme=night] .word-highlight-pink{--highlight-color:#b94d8e}[data-theme=night] .word-highlight.is-highlighted{color:#fff}[data-theme=night] .word-highlight-blue{--highlight-color:#445baf}[data-theme=night] .word-highlight-purple{--highlight-color:#7058c9}.works-intro{max-width:42rem;color:var(--purple-dark);margin:1.25rem 0 0;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:600;line-height:1.75}[data-theme=night] .works-intro{color:#d4ccf5}.text-highlight{background-image:linear-gradient(#0000 55%,#ffe7a6e6 55%);background-repeat:no-repeat;background-size:0% 100%;padding:0 .12em;transition:background-size .7s}.text-highlight.is-highlighted{background-size:100% 100%}[data-theme=night] .text-highlight{background-image:linear-gradient(#0000 55%,#ddb1fcc7 55%)}.scene-moon{opacity:0;filter:drop-shadow(0 0 30px #ffe7a63d);width:clamp(120px,15vw,225px)}[data-theme=night] .scene-sun{opacity:0}[data-theme=night] .scene-moon{opacity:1}.scene-clouds{z-index:2;pointer-events:none;transition:opacity .8s;position:absolute;inset:0;overflow:hidden}.scene-clouds-night,[data-theme=night] .scene-clouds-day{opacity:0}[data-theme=night] .scene-clouds-night{opacity:1}.scene-cloud{--cloud-scale:1;--cloud-duration:42s;width:clamp(260px,38vw,610px);height:auto;image-rendering:pixelated;opacity:.88;animation:scene-cloud-drift var(--cloud-duration) linear infinite;position:absolute;left:-42vw}.scene-clouds-day .scene-cloud-1{--cloud-scale:.72;--cloud-duration:44s;top:-12%}.scene-clouds-day .scene-cloud-2{--cloud-scale:.48;--cloud-duration:57s;animation-delay:-19s;top:8%}.scene-clouds-day .scene-cloud-3{--cloud-scale:.8;--cloud-duration:52s;animation-delay:-34s;top:36%}.scene-clouds-day .scene-cloud-4{--cloud-scale:.66;--cloud-duration:61s;animation-delay:-8s;top:18%}.scene-clouds-day .scene-cloud-5{--cloud-scale:.58;--cloud-duration:49s;animation-delay:-27s;top:14%}.scene-clouds-day .scene-cloud-6{--cloud-scale:.42;--cloud-duration:66s;animation-delay:-43s;top:10%}.scene-clouds-day .scene-cloud-7{--cloud-scale:.38;--cloud-duration:42s;animation-delay:-54s;top:36%}.scene-clouds-day .scene-cloud-8{--cloud-scale:.45;--cloud-duration:59s;animation-delay:-12s;top:58%}.scene-clouds-day .scene-cloud-9{--cloud-scale:.45;--cloud-duration:99s;animation-delay:-22s;top:26%}.scene-clouds-day .scene-cloud-10{--cloud-scale:.45;--cloud-duration:89s;animation-delay:-22s;top:33%}.scene-clouds-night .scene-cloud-1{--cloud-scale:.58;--cloud-duration:50s;animation-delay:-14s;top:-4%}.scene-clouds-night .scene-cloud-2{--cloud-scale:.42;--cloud-duration:62s;animation-delay:-31s;top:15%}.scene-clouds-night .scene-cloud-3{--cloud-scale:.7;--cloud-duration:56s;animation-delay:-8s;top:42%}.scene-clouds-night .scene-cloud-4{--cloud-scale:.52;--cloud-duration:68s;animation-delay:-44s;top:24%}.scene-clouds-night .scene-cloud-5{--cloud-scale:.5;--cloud-duration:54s;animation-delay:-20s;top:61%}.scene-clouds-night .scene-cloud-6{--cloud-scale:.36;--cloud-duration:71s;animation-delay:-52s;top:6%}.scene-clouds-night .scene-cloud-7{--cloud-scale:.34;--cloud-duration:76s;animation-delay:-37s;top:48%}.scene-clouds-night .scene-cloud-8{--cloud-scale:.4;--cloud-duration:64s;animation-delay:-5s;top:74%}.scene-clouds-night .scene-cloud{opacity:.68;filter:drop-shadow(0 12px 20px #0507263d)}.night-stars{z-index:1;opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;inset:0}[data-theme=night] .night-stars{opacity:1}.gif-sparkles{position:absolute;inset:0;overflow:hidden}.gif-sparkle{width:18px;height:auto;image-rendering:pixelated;position:absolute}.gif-sparkle:nth-child(odd){filter:hue-rotate(180deg)saturate(1.2)brightness(1.15)drop-shadow(0 0 4px #b4d2ff59)}.gif-sparkle:nth-child(2n){filter:grayscale()brightness(3)drop-shadow(0 0 4px #ffffff59)}.gif-sparkle:nth-child(3n){width:32px}.gif-sparkle:nth-child(4n){width:24px}.gif-sparkle:first-child{top:7%;left:4%}.gif-sparkle:nth-child(2){top:25%;left:18%}.gif-sparkle:nth-child(3){top:8%;left:34%}.gif-sparkle:nth-child(4){top:29%;left:49%}.gif-sparkle:nth-child(5){top:11%;left:64%}.gif-sparkle:nth-child(6){top:26%;left:81%}.gif-sparkle:nth-child(7){top:51%;left:9%}.gif-sparkle:nth-child(8){top:68%;left:25%}.gif-sparkle:nth-child(9){top:53%;left:41%}.gif-sparkle:nth-child(10){top:71%;left:58%}.gif-sparkle:nth-child(11){top:49%;left:73%}.gif-sparkle:nth-child(12){top:67%;left:89%}.gif-sparkle:nth-child(13){top:88%;left:45%}.gif-sparkle:nth-child(14){top:5%;left:92%}.night-stars i{aspect-ratio:1;background:#fff;border-radius:50%;width:4px;animation:2.2s ease-in-out infinite alternate star-pulse;position:absolute;box-shadow:0 0 12px #fff}.night-stars i:first-child{top:16%;left:8%}.night-stars i:nth-child(2){animation-delay:-.4s;top:32%;left:22%}.night-stars i:nth-child(3){animation-delay:-1.2s;top:12%;left:38%}.night-stars i:nth-child(4){animation-delay:-.8s;top:26%;right:35%}.night-stars i:nth-child(5){animation-delay:-1.5s;top:42%;right:8%}.night-stars i:nth-child(6){animation-delay:-.2s;top:62%;left:15%}.night-stars i:nth-child(7){animation-delay:-1s;top:68%;right:22%}.night-stars i:nth-child(8){animation-delay:-1.7s;top:74%;left:53%}.shooting-star{opacity:0;background:linear-gradient(90deg,#fff,#ffffffa6 28%,#0000);border-radius:99px;width:clamp(70px,9vw,120px);height:2px;animation:7s linear infinite hero-shoot;position:absolute;top:-12%;left:82%;transform:translate(10vw,-15vh)rotate(-35deg);box-shadow:-2px 0 7px #fffc}.shooting-star-two{width:clamp(55px,7vw,95px);animation-duration:9s;animation-delay:3.5s;top:-20%;left:52%}.hero-logo{z-index:3;transform:translate(-50%, calc(-50% + var(--hero-shift))) rotate(-7deg);transition:transform .12s linear;position:absolute;top:7%;left:40%}.hero-logo-image{width:clamp(12rem,22vw,36rem);max-width:none;height:auto;display:block}.logo-sparkle{width:.18em;color:var(--yellow);filter:drop-shadow(.02em .025em #b553d34d);position:absolute;top:10%;left:7%}.hero-copy{z-index:5;width:min(38rem,75vw);position:absolute;bottom:6rem;left:clamp(1.5rem,7vw,7rem)}.hero-copy p{color:var(--purple);text-transform:uppercase;letter-spacing:.25em;margin:0 0 .85rem;font-size:.78rem;font-weight:900}.hero-copy h1{color:var(--purple-dark);margin:0;font-size:clamp(1.2rem,2.2vw,2rem);line-height:1.35}.scroll-cue{z-index:5;color:var(--purple-dark);text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:1rem;font-size:.7rem;font-weight:900;display:flex;position:absolute;bottom:5.5rem;right:clamp(1.5rem,6vw,6rem)}.scroll-cue i{border:2px solid;border-radius:50%;width:55px;height:55px;position:relative}.scroll-cue i:after{content:"↓";place-items:center;font-size:1.2rem;font-style:normal;animation:1.2s ease-in-out infinite alternate bob;display:grid;position:absolute;inset:0}.cloud-layer{pointer-events:none;position:absolute;inset:0}.cloud{background:var(--cloud);filter:drop-shadow(0 12px 25px #6f47cc14);border-radius:999px;width:300px;height:105px;transition:background .8s,opacity .8s;animation:8s ease-in-out infinite alternate cloud-float;position:absolute}[data-theme=night] .cloud{opacity:.68}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:25px}.cloud:before{width:110px;height:110px;left:45px}.cloud:after{width:145px;height:145px;right:35px}.cloud-1{top:11%;left:-8%;transform:scale(.72)}.cloud-2{animation-delay:-2s;top:30%;right:-6%;transform:scale(1.05)}.cloud-3{animation-delay:-5s;top:73%;left:15%;transform:scale(.5)}.cloud-4{animation-delay:-4s;top:7%;right:18%;transform:scale(.45)}.cloud-5{animation-delay:-6s;top:58%;left:47%;transform:scale(.35)}.section-shell{width:min(1200px,100% - 3rem);margin-inline:auto}.about{background:var(--blue);grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(3rem,7vw,7.5rem);min-height:100svh;padding:9rem clamp(1.75rem,4vw,4rem);display:grid;position:relative}.about:before{content:"";background:radial-gradient(circle at 15% 30%, var(--section-glow), transparent 23rem);pointer-events:none;position:absolute;inset:0}.scribble-title{letter-spacing:-.03em;width:min(100%,42rem);margin:0;font-family:Landon Slatten,Segoe Print,Bradley Hand,cursive;font-size:clamp(4.5rem,10vw,8.5rem);font-weight:400;line-height:.9;display:block;transform:rotate(-2deg)}.scribble-title span{z-index:1;isolation:isolate;color:#49356f;display:inline-block;position:relative}.scribble-title-dark span{color:var(--yellow)}.about-lead{max-width:44rem;color:var(--purple-dark);letter-spacing:-.035em;margin:1.5rem 0 1.4rem;font-size:clamp(1.7rem,3.2vw,3rem);font-weight:800;line-height:1.3}.scribble-title span:after{content:"";z-index:-1;transform-origin:0;background:#ffc8dde6;border-radius:8px;width:110%;height:48%;transition:transform .8s;position:absolute;bottom:-2%;left:-5%;transform:scaleX(0)rotate(-1deg)}.scribble-title.is-highlighted span:after{transform:scaleX(1)rotate(-1deg)}[data-theme=night] .scribble-title span:after{background:#6c5ba6d1}[data-theme=night] .scribble-title:not(.scribble-title-dark) span{color:#fff2bd}.about-story{color:#514078;max-width:44rem;font-size:1.05rem;line-height:1.85}[data-theme=night] .about-story,[data-theme=night] .work-info>span,[data-theme=night] .work-tabs button{color:#d4ccf5}.about-facts{flex-wrap:wrap;gap:.65rem;max-width:44rem;margin-top:1.6rem;display:flex}.about-facts span{border:2px solid var(--purple)}@supports (color:color-mix(in lab, red, red)){.about-facts span{border:2px solid color-mix(in srgb, var(--purple) 28%, transparent)}}.about-facts span{background:var(--paper);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.about-facts span{background:color-mix(in srgb, var(--paper) 38%, transparent)}}.about-facts span{color:var(--purple-dark);padding:.62rem .95rem;font-size:.76rem;font-weight:800}.about-interests{max-width:44rem;margin-top:1.8rem}.about-interests p{color:var(--purple-dark);margin:0 0 .7rem;font-weight:800}.about-interests ul{flex-wrap:wrap;gap:.55rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.about-interests li{color:#514078;font-weight:700}.about-interests li:before{content:"✦";color:var(--pink);margin-right:.45rem}[data-theme=night] .about-interests li{color:#d4ccf5}.portrait-stage{place-items:center;min-height:580px;padding:2rem;display:grid;position:relative}.portrait-card{background:var(--paper);border:3px solid #ffffffad;border-radius:3rem 1.5rem 3rem 2rem;width:min(100%,510px);position:relative}@supports (color:color-mix(in lab, red, red)){.portrait-card{background:color-mix(in srgb, var(--paper) 28%, transparent)}}.portrait-card{padding:1.15rem 1.15rem 1.35rem;transform:rotate(2deg);box-shadow:18px 20px #6f47cc2e}.portrait-circle{aspect-ratio:1;background:linear-gradient(145deg, var(--lavender), var(--pink-soft));border:5px solid #ffffff7a;border-radius:50%;width:100%;position:relative;overflow:hidden;box-shadow:18px 20px #6f47cc38}.portrait-circle img{z-index:3;object-fit:contain;filter:drop-shadow(0 24px 22px #5540a52b);width:88%;height:auto;transition:all .5s;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.portrait-stage:hover .portrait-circle img{transform:translate(-50%)translateY(-8px)rotate(1deg)}.portrait-caption{color:var(--purple-dark);letter-spacing:.14em;text-align:center;text-transform:uppercase;margin:1.2rem .5rem 0;font-size:.68rem;font-weight:900}.decor-gif{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;image-rendering:pixelated;display:block;position:absolute}.portrait-gif-one{width:110px;top:3%;left:0}.portrait-gif-two{width:95px;bottom:8%;right:-2%}.bubble-button{--glitch-pink:#fc97d1;--glitch-purple:#9b7cff;--glitch-blue:#b4caff;--glitch-yellow:#ffe7a6;isolation:isolate;width:min(100%,350px);min-height:78px;color:var(--purple-dark);text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(90deg,#ffaad2cc,#b4caffd9);border:3px solid #ffffffb8;border-radius:999px;justify-content:space-between;align-items:center;margin-top:3rem;padding:.5rem .6rem .5rem 1.6rem;font-size:.9rem;font-weight:900;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;position:relative;overflow:visible;box-shadow:0 8px 20px #5540a514}.bubble-button-text{z-index:3;position:relative}.bubble-button:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(78% -8px 0 0);--slice-2:inset(48% -8px 32% 0);--slice-3:inset(12% -8px 72% 0);--slice-4:inset(62% -8px 18% 0);--slice-5:inset(30% -8px 50% 0);content:attr(data-text);border-radius:inherit;color:#fff;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;text-shadow:-3px 0 var(--glitch-blue), 3px 0 var(--glitch-pink);clip-path:var(--slice-0);pointer-events:none;z-index:2;background:linear-gradient(90deg,#fc97d1e6,#b4caffe6);align-items:center;padding-left:1.6rem;display:flex;position:absolute;inset:0}.bubble-arrow{z-index:4;background:var(--yellow);border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;transition:transform .2s,box-shadow .2s;display:grid;position:relative}.bubble-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;width:23px}.button-star{z-index:5;color:#fff;pointer-events:none;width:16px;position:absolute}.button-star-one{top:-9px;left:18%}.button-star-two{bottom:-7px;right:30%}@media (hover:hover){.bubble-button:hover,.bubble-button:focus-visible{filter:brightness(1.05);transform:translateY(-4px);box-shadow:6px 5px #b4caff8c,-5px -3px #fc97d166,0 18px 35px #5540a52e}.bubble-button:hover:after,.bubble-button:focus-visible:after{animation:.7s steps(2,end) pastel-button-glitch}.bubble-button:hover .bubble-arrow,.bubble-button:focus-visible .bubble-arrow{animation:.7s steps(2,end) bubble-arrow-glitch;box-shadow:3px 2px #fc97d18c,-3px -2px #b4caff8c}.bubble-button:hover .button-star-one,.bubble-button:focus-visible .button-star-one{animation:.7s button-star-pop}.bubble-button:hover .button-star-two,.bubble-button:focus-visible .button-star-two{animation:.7s 80ms button-star-pop}}@keyframes pastel-button-glitch{0%{clip-path:var(--slice-0);transform:translate(0)}10%{clip-path:var(--slice-1);transform:translate(-7px,-2px)}20%{clip-path:var(--slice-3);transform:translate(5px,3px)}30%{clip-path:var(--slice-2);transform:translate(-4px,2px)}40%{clip-path:var(--slice-5);transform:translate(5px,-2px)}50%{clip-path:var(--slice-3);transform:translate(-3px,1px)}60%{clip-path:var(--slice-4);transform:translate(5px,2px)}70%{clip-path:var(--slice-2);transform:translate(-5px,-1px)}80%{clip-path:var(--slice-1);transform:translate(4px,2px)}90%{clip-path:var(--slice-5);transform:translate(-2px)}to{clip-path:var(--slice-0);transform:translate(0)}}@keyframes bubble-arrow-glitch{0%,to{transform:translate(0)}20%{transform:translate(3px,-2px)}40%{transform:translate(-2px,2px)}60%{transform:translate(2px,1px)}80%{transform:translate(-1px,-1px)}}@keyframes button-star-pop{0%,to{transform:scale(1)rotate(0)}35%{transform:scale(1.5)rotate(12deg)}65%{transform:scale(.85)rotate(-7deg)}}@media (prefers-reduced-motion:reduce){.bubble-button,.bubble-button:after,.bubble-arrow,.button-star{transition:none!important;animation:none!important}}.bubble-button-dark{color:#fff;background:linear-gradient(90deg,#916bffb3,#a5bcffbf);border-color:#ffffff4d}.bubble-button-dark:after{background:linear-gradient(90deg,#ff8fc8d9,#916bffeb)}.works-section{background:linear-gradient(180deg, var(--lavender), var(--violet) 50%, var(--blue));padding-block:8rem 10rem;position:relative;overflow:hidden}.works-section:before{content:"";aspect-ratio:1;filter:blur(5px);background:#ffaad247;border-radius:50%;width:65vw;position:absolute;top:10%;left:-20vw}.works-heading{z-index:2;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex;position:relative}.works-heading>span{color:var(--purple-dark);text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;font-weight:900}.works-heading .scribble-title{width:min(55vw,37rem)}.works-showcase{z-index:3;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:clamp(2rem,6vw,7rem);min-height:650px;display:grid;position:relative}.work-images{width:100%;min-width:0;height:min(58vw,640px);position:relative}.work-info{min-width:0}.work-image{--stack:0;background:var(--card-color);opacity:0;visibility:hidden;pointer-events:none;border-radius:35px;padding:1rem;transition:opacity .7s,visibility .7s,transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:5% 4%;transform:translate(-50px)rotate(-7deg)scale(.9);box-shadow:18px 22px #5540a52e}.work-image.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transform:rotate(-2deg)scale(1)}.work-image img{object-fit:cover;border-radius:25px;width:100%;height:100%}.case-study-link{width:max-content;color:var(--purple-dark);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.55rem;margin-top:1.4rem;font-size:.75rem;font-weight:900;display:flex}.case-study-link svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;transition:transform .25s}.case-study-link:hover svg{transform:translate(3px,-3px)}.work-info>p{color:var(--purple);letter-spacing:.2em;margin:0;font-size:.75rem;font-weight:900}.work-info h3{color:var(--purple-dark);margin:.7rem 0 0;font-family:Segoe Print,cursive;font-size:clamp(3.5rem,7vw,7rem);line-height:1}.work-info>span{color:#675593;margin-top:.7rem;font-weight:700;display:block}.work-tabs{border-top:1px solid #5540a53d;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;margin-top:2.3rem;display:grid}.work-tabs button{color:#675593;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #5540a53d;align-items:center;gap:.7rem;min-width:0;padding:1rem .25rem;transition:color .25s,padding-left .25s;display:flex}.work-tabs button span{overflow-wrap:anywhere;min-width:0;line-height:1.3}.work-tabs button:before{content:"";background:var(--pink);border-radius:999px;flex:none;width:0;height:8px;transition:width .35s}.work-tabs button:hover,.work-tabs button:focus-visible{color:var(--purple-dark);padding-left:.5rem}.work-tabs button.is-active{color:var(--purple-dark);font-weight:900}.work-tabs button.is-active:before{width:24px}[data-theme=night] .work-tabs button{color:#d4ccf5}[data-theme=night] .work-tabs button:hover,[data-theme=night] .work-tabs button:focus-visible,[data-theme=night] .work-tabs button.is-active{color:#fff}@media (width<=520px){.work-tabs{grid-template-columns:1fr;column-gap:0}}.skills-section{background:var(--paper);padding-block:clamp(5rem,9vw,8rem);transition:background .8s;position:relative;overflow:hidden}.skills-section:before{content:"";aspect-ratio:1;background:var(--pink);border-radius:50%;width:38vw;position:absolute;top:-8vw;right:-12vw}@supports (color:color-mix(in lab, red, red)){.skills-section:before{background:color-mix(in srgb, var(--pink) 22%, transparent)}}.skills-section:before{filter:blur(3px)}.skills-inner{z-index:2;position:relative}.skills-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(2rem,8vw,8rem);margin-bottom:clamp(2rem,5vw,4rem);display:grid}.skills-heading>div>span{color:var(--purple);letter-spacing:.24em;text-transform:uppercase;margin-bottom:.5rem;font-size:.72rem;font-weight:900;display:block}.skills-heading .scribble-title{width:min(100%,36rem)}.skills-heading p{max-width:520px;color:var(--purple-dark);margin:0 0 2rem;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:700;line-height:1.65}.skills-window{border:3px solid var(--purple);min-height:470px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.skills-window{border:3px solid color-mix(in srgb, var(--purple) 55%, transparent)}}.skills-window{background:linear-gradient(145deg, var(--paper), var(--paper));border-radius:42px 18px 42px 24px}@supports (color:color-mix(in lab, red, red)){.skills-window{background:linear-gradient(145deg, color-mix(in srgb, var(--paper) 88%, var(--pink-soft)), color-mix(in srgb, var(--paper) 84%, var(--blue)))}}.skills-window{box-shadow:14px 16px 0 var(--purple)}@supports (color:color-mix(in lab, red, red)){.skills-window{box-shadow:14px 16px 0 color-mix(in srgb, var(--purple) 17%, transparent)}}.skills-window-bar{border-bottom:2px solid var(--purple);align-items:center;gap:.5rem;min-height:54px;display:flex}@supports (color:color-mix(in lab, red, red)){.skills-window-bar{border-bottom:2px solid color-mix(in srgb, var(--purple) 25%, transparent)}}.skills-window-bar{background:var(--paper);padding:0 1.4rem}@supports (color:color-mix(in lab, red, red)){.skills-window-bar{background:color-mix(in srgb, var(--paper) 66%, var(--violet))}}.skills-window-bar i{aspect-ratio:1;background:var(--pink);border-radius:50%;width:12px}.skills-window-bar i:nth-child(2){background:var(--yellow)}.skills-window-bar i:nth-child(3){background:var(--blue)}.skills-window-bar span{color:var(--purple);letter-spacing:.17em;text-transform:uppercase;margin-left:.5rem;font-size:.65rem;font-weight:900}.skills-lists{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 4rem;width:70%;padding:clamp(2rem,5vw,4rem);display:grid;position:relative}.skill-group h3{color:var(--purple);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem;font-size:.75rem;font-weight:900}.skill-group ul{flex-wrap:wrap;gap:.55rem .8rem;margin:0;padding:0;list-style:none;display:flex}.skill-group li{color:var(--purple-dark);align-items:center;gap:.5rem;font-size:clamp(.88rem,1.4vw,1rem);font-weight:750;display:flex}.skill-group li:before{content:"";aspect-ratio:1;background:var(--pink);width:7px;box-shadow:2px 2px 0 var(--purple);border-radius:50% 45% 50% 40%;flex:none}@supports (color:color-mix(in lab, red, red)){.skill-group li:before{box-shadow:2px 2px 0 color-mix(in srgb, var(--purple) 28%, transparent)}}.skills-pixel-art{z-index:3;object-fit:contain;object-position:right bottom;width:min(34%,360px);max-height:90%;image-rendering:pixelated;filter:drop-shadow(0 12px 12px #5540a524);transform-origin:50% 100%;animation:3.6s ease-in-out infinite skills-bob;position:absolute;bottom:-1rem;right:-1.5rem}.skills-window-sparkle{z-index:1;color:var(--yellow);animation:2s steps(2,end) infinite twinkle;position:absolute}.skills-window-sparkle-one{width:38px;top:23%;right:31%}.skills-window-sparkle-two{width:23px;animation-delay:-.8s;top:18%;right:7%}.skills-sand-dot{z-index:1;background:var(--yellow);opacity:.8;border-radius:50%;position:absolute}.skills-sand-dot-one{width:12px;height:12px;bottom:15%;right:27%}.skills-sand-dot-two{width:7px;height:7px;bottom:23%;right:35%}[data-theme=night] .skills-window{background:linear-gradient(145deg,#20234d,#17193b);box-shadow:14px 16px #0003}[data-theme=night] .skills-window-bar{background:#373069c7}.contact-section{background:var(--sky-bottom);isolation:isolate;min-height:100svh;padding:7rem 1.5rem 2rem;position:relative;overflow:hidden}.contact-scene-skies{z-index:0;position:absolute;inset:0}.contact-scene-image{object-fit:cover;object-position:center;width:100%;height:100%;image-rendering:pixelated;transition:opacity .9s;position:absolute;inset:0}.contact-scene-night,[data-theme=night] .contact-scene-day{opacity:0}[data-theme=night] .contact-scene-night{opacity:1}.contact-section .scene-clouds{z-index:1;height:48%}.contact-section .scene-cloud{opacity:.7;width:clamp(150px,22vw,350px)}.contact-scene-tint{z-index:2;pointer-events:none;background:linear-gradient(#ffffff2e 0%,#ffffff61 45%,#ffffffad 100%);transition:background .8s;position:absolute;inset:0}[data-theme=night] .contact-scene-tint{background:linear-gradient(#0b0d2e33 0%,#12143e1f 45%,#0709234d 100%)}.contact-small-stars{opacity:.65;mix-blend-mode:screen;filter:brightness(0)saturate()invert(82%)sepia(18%)saturate(1150%)hue-rotate(210deg)brightness(108%);pointer-events:none;image-rendering:pixelated;background-image:url(../assets/contact-scene/smallstars.gif);background-position:0 0;background-repeat:repeat;background-size:237px;position:absolute;inset:0}.contact-small-stars:before{content:"";opacity:.45;background-image:url(../assets/contact-scene/smallstars.gif);background-position:90px 65px;background-repeat:repeat;background-size:310px;position:absolute;inset:0}.contact-stars{z-index:2;opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;inset:0 0 42%}[data-theme=night] .contact-stars{opacity:1}.contact-star{width:clamp(54px,6vw,92px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 7px #ffffffb8);animation:2.1s ease-in-out infinite contact-sparkle;position:absolute}.contact-star-1{animation-delay:-.2s;top:18%;left:8%}.contact-star-2{width:clamp(42px,5vw,72px);animation-delay:-1.1s;top:8%;left:25%}.contact-star-3{animation-delay:-.6s;top:19%;left:46%}.contact-star-4{width:clamp(38px,4vw,62px);animation-delay:-1.6s;top:7%;right:30%}.contact-star-5{animation-delay:-.9s;top:23%;right:12%}.contact-star-6{width:clamp(48px,5vw,78px);animation-delay:-1.9s;top:37%;right:42%}.contact-shooting-star{width:clamp(105px,13vw,190px);height:auto;image-rendering:pixelated;opacity:0;filter:drop-shadow(0 0 9px #ddb1fc66);animation:8s linear infinite contact-shoot;position:absolute;top:-16vh;right:-12vw}.contact-shooting-star-one{animation-delay:1.2s}.contact-shooting-star-two{width:clamp(85px,10vw,145px);animation-duration:10s;animation-delay:5.1s;top:-22vh;right:4vw}.contact-inner{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;display:flex;position:relative}.contact-inner>p{color:var(--purple);text-transform:uppercase;letter-spacing:.3em;margin:0;font-size:.8rem;font-weight:900}.contact-inner .scribble-title{width:min(90vw,58rem)}.contact-inner .bubble-button{margin-inline:auto}footer{z-index:4;width:min(1200px,100%);color:var(--purple-dark);text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #5540a540;grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem;margin:2rem auto 0;padding-top:2rem;font-size:.75rem;font-weight:800;display:grid;position:relative}.footer-mark{width:max-content;color:var(--pink);text-shadow:3px 4px 0 var(--purple);font:950 3rem/1 Segoe Print,cursive;position:relative;transform:rotate(-5deg)}.footer-mark svg{width:13px;color:var(--yellow);position:absolute;top:2px;left:6px}footer a{text-transform:none;letter-spacing:0;font-size:1rem}footer p{text-align:right}[data-theme=night] .contact-inner>p,[data-theme=night] .contact-section footer{color:#f2edff;text-shadow:0 2px 8px #0a082480}.work-detail{background:var(--paper);min-height:100vh;color:var(--purple-dark);transition:background .8s,color .8s;overflow:hidden}.work-detail-intro{padding-top:clamp(8rem,15vw,13rem);padding-bottom:clamp(4rem,8vw,7rem)}.back-to-work{letter-spacing:.16em;text-transform:uppercase;margin-bottom:clamp(3rem,7vw,6rem);font-size:.72rem;font-weight:900;display:inline-block}.back-to-work:hover{color:var(--pink)}.work-detail-kicker,.section-label{color:var(--purple);letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:900}.work-detail h1{color:var(--pink);letter-spacing:-.08em;text-shadow:.035em .04em #6f47cc6b;margin:0;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(5rem,17vw,14rem);font-weight:950;line-height:.72;transform:rotate(-3deg)}.work-detail-summary{max-width:780px;margin:clamp(3rem,7vw,5rem) 0 0 auto;font-size:clamp(1.35rem,2.7vw,2.25rem);font-weight:750;line-height:1.5}.project-screenshot-wrap{padding-bottom:clamp(6rem,11vw,10rem)}.browser-frame{border:clamp(.65rem, 1.4vw, 1.25rem) solid var(--project-color);background:var(--project-color);border-radius:clamp(1.4rem,3vw,2.7rem);overflow:hidden;transform:rotate(-1deg);box-shadow:22px 28px #6f47cc26,0 35px 90px #5540a52e}.browser-bar{color:#5540a5;align-items:center;gap:.45rem;min-height:48px;padding:.6rem 1rem;display:flex}.browser-bar i{aspect-ratio:1;background:#5540a559;border-radius:50%;width:11px}.browser-bar span{letter-spacing:.08em;opacity:.7;margin-left:.5rem;font-size:.67rem;font-weight:800}.browser-frame img{object-fit:cover;object-position:top;border-radius:clamp(.8rem,1.5vw,1.45rem);width:100%;max-height:760px;display:block}.project-information{grid-template-columns:1.4fr .6fr;gap:clamp(3rem,8vw,8rem);padding-bottom:clamp(5rem,10vw,9rem);display:grid}.project-overview h2{letter-spacing:-.05em;margin:0;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.04}.project-overview>p:last-child{opacity:.8;max-width:680px;margin:2rem 0 0;font-size:1.05rem;line-height:1.9}.project-facts{border-top:1px solid var(--purple-dark);margin:0}@supports (color:color-mix(in lab, red, red)){.project-facts{border-top:1px solid color-mix(in srgb, var(--purple-dark) 24%, transparent)}}.project-facts div{border-bottom:1px solid var(--purple-dark);padding:1.25rem 0}@supports (color:color-mix(in lab, red, red)){.project-facts div{border-bottom:1px solid color-mix(in srgb, var(--purple-dark) 24%, transparent)}}.project-facts dt{color:var(--purple);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.4rem;font-size:.65rem;font-weight:900}.project-facts dd{margin:0;font-weight:750;line-height:1.5}.project-skills{grid-column:1/-1;padding-top:1rem}.project-skills>div{flex-wrap:wrap;gap:.7rem;display:flex}.project-skills span{border:2px solid var(--purple)}@supports (color:color-mix(in lab, red, red)){.project-skills span{border:2px solid color-mix(in srgb, var(--purple) 45%, transparent)}}.project-skills span{background:var(--violet);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.project-skills span{background:color-mix(in srgb, var(--violet) 22%, transparent)}}.project-skills span{padding:.7rem 1rem;font-size:.78rem;font-weight:850}.project-story{background:var(--purple-dark);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:clamp(7rem,12vw,11rem);padding:1px;display:grid}@supports (color:color-mix(in lab, red, red)){.project-story{background:color-mix(in srgb, var(--purple-dark) 20%, transparent)}}.project-story article{background:var(--paper);min-height:360px;padding:clamp(2rem,4vw,3.5rem)}.project-story article>span{color:var(--pink);font:900 3rem/1 Segoe Print,cursive;display:block}.project-story h3{margin:4rem 0 1.2rem;font-size:clamp(1.5rem,2.4vw,2.25rem)}.project-story p{opacity:.78;margin:0;line-height:1.8}.next-project{background:linear-gradient(135deg, var(--next-color), var(--violet));padding:clamp(5rem,10vw,9rem) 0}.next-project p{letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:900}.next-project a{justify-content:space-between;align-items:center;font-family:Segoe Print,cursive;font-size:clamp(3.5rem,10vw,9rem);font-weight:950;line-height:1;display:flex}.next-project svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:clamp(42px,7vw,90px);transition:all .3s}.next-project a:hover svg{transform:translate(8px,-8px)}[data-reveal]{opacity:0;transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1);transform:translateY(35px)}[data-reveal][data-visible=true]{opacity:1;transform:none}@keyframes twinkle{0%,to{opacity:.5;transform:scale(.8)rotate(-5deg)}50%{opacity:1;transform:scale(1.15)rotate(5deg)}}@keyframes bob{to{transform:translateY(7px)}}@keyframes cloud-float{to{translate:25px -10px}}@keyframes scene-cloud-drift{0%{transform:translate3d(-20vw, 0, 0) scale(var(--cloud-scale))}50%{transform:translate3d(75vw, -12px, 0) scale(var(--cloud-scale))}to{transform:translate3d(155vw, 0, 0) scale(var(--cloud-scale))}}@keyframes star-pulse{to{opacity:.35;transform:scale(.55)}}@keyframes contact-sparkle{0%,to{opacity:.42;transform:scale(.48)}50%{opacity:1;transform:scale(1.08)}}@keyframes contact-shoot{0%{opacity:0;transform:translate(0)}3%{opacity:1;transform:translate(-2vw,1vh)}26%{opacity:1;transform:translate(-72vw,48vh)}31%{opacity:0;transform:translate(-88vw,60vh)}to{opacity:0;transform:translate(-88vw,60vh)}}@keyframes hero-shoot{0%{opacity:0;transform:translate(10vw,-15vh)rotate(-35deg)}3%{opacity:1;transform:translate(8vw,-10vh)rotate(-35deg)}28%{opacity:1;transform:translate(-38vw,78vh)rotate(-35deg)}33%{opacity:0;transform:translate(-48vw,98vh)rotate(-35deg)}to{opacity:0;transform:translate(-48vw,98vh)rotate(-35deg)}}@keyframes skills-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@media (width<=800px){.gooey-menu{width:62px;height:62px;top:1rem;right:1rem}.menu-orb{width:62px;height:62px}.menu-orb>span{width:23px;margin-left:-11.5px}.menu-orb>span:first-child{transform:translateY(-8px)}.menu-orb>span:nth-child(3){transform:translateY(8px)}.menu-orb.is-open>span:first-child{transform:translateY(0)rotate(45deg)}.menu-orb.is-open>span:nth-child(3){transform:translateY(0)rotate(-45deg)}.gooey-menu-item{width:54px;height:54px;margin-top:-27px;margin-left:-27px;font-size:.5rem}.gooey-menu.is-open .gooey-menu-item-1{transform:translate(-105px)}.gooey-menu.is-open .gooey-menu-item-2{transform:translate(-97px,44px)}.gooey-menu.is-open .gooey-menu-item-3{transform:translate(-74px,78px)}.gooey-menu.is-open .gooey-menu-item-4{transform:translate(-40px,102px)}.gooey-menu.is-open .gooey-menu-item-5{transform:translateY(112px)}.theme-toggle{min-height:46px;padding:.4rem .65rem;top:1rem;left:1rem;right:auto}.theme-toggle span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.theme-toggle svg{width:30px;height:30px}.hero-logo{font-size:clamp(7rem,34vw,12rem);top:43%}.hero-copy{width:calc(100% - 3rem);bottom:7rem}.scroll-cue,.sparkle-three{display:none}.scene-celestial{width:clamp(120px,34vw,190px);top:10%;right:3%}.scene-moon{width:clamp(112px,31vw,175px)}.scene-cloud{width:clamp(300px,78vw,500px);left:-75vw}.section-shell{width:min(100% - 2rem,1200px)}.about{grid-template-columns:1fr;gap:3rem;padding:6rem 1.5rem}.portrait-stage{order:-1;min-height:0;padding:1.5rem}.portrait-card{width:min(100%,480px)}.works-section{padding-block:6rem}.works-heading{display:block}.works-heading .scribble-title{width:100%;margin-top:1rem}.works-showcase{grid-template-columns:1fr;min-height:auto}.work-images{height:90vw;max-height:520px}.work-info h3{font-size:4rem}.skills-heading{grid-template-columns:1fr}.skills-heading p{margin-bottom:0}.skills-window{min-height:650px}.skills-lists{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:2rem 2rem 270px}.skills-pixel-art{width:min(68%,340px);max-height:310px;animation:none;right:50%;transform:translate(50%)}.skills-window-sparkle-one{top:auto;bottom:30%;right:16%}.skills-window-sparkle-two{inset:auto auto 22% 14%}footer{text-align:center;grid-template-columns:1fr;justify-items:center}footer p{text-align:center}.contact-section{padding-top:5rem}.contact-section .scene-clouds{height:42%}.contact-section .scene-cloud{width:clamp(130px,38vw,240px)}.contact-scene-image{object-position:58% center}.contact-stars{bottom:50%}.work-detail-summary{margin-left:0}.project-information{grid-template-columns:1fr}.project-skills{grid-column:auto}.project-story{grid-template-columns:1fr}.project-story article{min-height:auto}.project-story h3{margin-top:2rem}.browser-frame{box-shadow:12px 16px #6f47cc26}}@media (width<=520px){.skills-window{border-radius:28px 14px 28px 18px;min-height:760px}.skills-lists{grid-template-columns:1fr;gap:1.45rem;padding:1.6rem 1.4rem 300px}.skills-pixel-art{width:min(92%,330px);max-height:300px}.skills-window-bar span{letter-spacing:.11em;font-size:.56rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.gif-sparkles{display:none}[data-reveal]{opacity:1;transform:none}.hero-logo{transform:translate(-50%,-50%)rotate(-7deg)}}@font-face{font-family:Landon Slatten;src:url(../assets/fonts/Landon-Slatten.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Landon Slatten;src:url(../assets/fonts/Landon-Slatten-Italic.otf)format("opentype");font-style:italic;font-weight:400;font-display:swap}.work-page-header{z-index:20;justify-content:space-between;align-items:center;width:min(100% - 3rem,1040px);padding:1.4rem 0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.work-page-logo{color:var(--pink);letter-spacing:-.12em;text-shadow:3px 3px 0 var(--purple);font:950 2.8rem/1 Segoe Print,Bradley Hand,cursive;position:relative}.work-theme-toggle{border:2px solid var(--purple);align-items:center;gap:.5rem;min-height:48px;display:flex}@supports (color:color-mix(in lab, red, red)){.work-theme-toggle{border:2px solid color-mix(in srgb, var(--purple) 42%, transparent)}}.work-theme-toggle{background:var(--paper);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.work-theme-toggle{background:color-mix(in srgb, var(--paper) 78%, transparent)}}.work-theme-toggle{color:var(--purple-dark);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.45rem .85rem;font:850 .7rem/1 Poppins,sans-serif}.work-theme-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;width:29px;height:29px}.work-theme-toggle svg path:last-child{fill:var(--yellow);stroke:none}.standalone-work{background:linear-gradient(180deg, var(--project-accent) 0, var(--paper) 30rem);min-height:100vh}@supports (color:color-mix(in lab, red, red)){.standalone-work{background:linear-gradient(180deg, color-mix(in srgb, var(--project-accent) 35%, var(--paper)) 0, var(--paper) 30rem)}}.standalone-work{color:var(--purple-dark);padding:8rem 1.5rem 0;transition:background .7s,color .7s}.work-column{width:min(100%,920px);margin:0 auto}.work-back-link{color:var(--purple);letter-spacing:.17em;text-transform:uppercase;margin:1.5rem 0 4rem;font-size:.72rem;font-weight:900;display:inline-block}.work-back-link:hover{color:var(--pink)}.standalone-work-title{text-align:center}.standalone-work-title>p,.work-section-label{color:var(--purple);letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:900}.standalone-work-title h1{max-width:100%;color:var(--pink);letter-spacing:-.035em;text-shadow:.035em .04em 0 var(--purple);margin:0 auto clamp(3.5rem,7vw,6rem);font-family:Landon Slatten,Segoe Print,cursive;font-size:clamp(5.5rem,16vw,11.5rem);font-weight:400;line-height:.76}@supports (color:color-mix(in lab, red, red)){.standalone-work-title h1{text-shadow:.035em .04em 0 color-mix(in srgb, var(--purple) 55%, transparent)}}.standalone-work-title h1{transform:rotate(-2deg)}.standalone-work-image{border:clamp(.6rem, 1.2vw, 1rem) solid var(--project-accent);background:var(--project-accent);box-shadow:18px 22px 0 var(--purple), 0 35px 80px var(--purple-dark);border-radius:clamp(1.3rem,3vw,2.5rem);margin:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.standalone-work-image{box-shadow:18px 22px 0 color-mix(in srgb, var(--purple) 15%, transparent), 0 35px 80px color-mix(in srgb, var(--purple-dark) 15%, transparent)}}.standalone-work-image img{object-fit:cover;object-position:top;border-radius:clamp(.7rem,1.7vw,1.6rem);width:100%;max-height:720px;display:block}.standalone-work-intro{padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,6rem)}.standalone-work-lead{letter-spacing:-.025em;margin:0;font-size:clamp(1.45rem,3.2vw,2.4rem);font-weight:750;line-height:1.55}.work-visit-button{border:3px solid var(--purple);justify-content:space-between;align-items:center;gap:1rem;width:max-content;min-width:220px;min-height:68px;margin-top:2.3rem;display:flex}@supports (color:color-mix(in lab, red, red)){.work-visit-button{border:3px solid color-mix(in srgb, var(--purple) 45%, transparent)}}.work-visit-button{background:linear-gradient(90deg, var(--pink-soft), var(--violet));color:#31245f;letter-spacing:.13em;text-transform:uppercase;box-shadow:8px 10px 0 var(--purple);border-radius:999px;padding:.7rem .8rem .7rem 1.5rem;font-size:.75rem;font-weight:950}@supports (color:color-mix(in lab, red, red)){.work-visit-button{box-shadow:8px 10px 0 color-mix(in srgb, var(--purple) 14%, transparent)}}.work-visit-button{transition:all .25s}.work-visit-button svg{background:var(--yellow);fill:none;stroke:currentColor;stroke-width:2px;border-radius:50%;width:44px;height:44px;padding:12px}.work-visit-button:not(.is-disabled):hover{box-shadow:10px 14px 0 var(--purple);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.work-visit-button:not(.is-disabled):hover{box-shadow:10px 14px 0 color-mix(in srgb, var(--purple) 14%, transparent)}}.work-visit-button.is-disabled{opacity:.55;cursor:not-allowed}.standalone-work-meta{border-top:1px solid var(--purple-dark);grid-template-columns:repeat(3,1fr);display:grid}@supports (color:color-mix(in lab, red, red)){.standalone-work-meta{border-top:1px solid color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.standalone-work-meta{border-bottom:1px solid var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.standalone-work-meta{border-bottom:1px solid color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.standalone-work-meta>div{padding:1.8rem}.standalone-work-meta>div+div{border-left:1px solid var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.standalone-work-meta>div+div{border-left:1px solid color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.standalone-work-meta span{color:var(--purple);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.55rem;font-size:.65rem;font-weight:900;display:block}.standalone-work-meta strong{font-size:.95rem;line-height:1.5}.standalone-work-skills{padding:clamp(4rem,8vw,6rem) 0}.standalone-work-skills>div{flex-wrap:wrap;gap:.7rem;display:flex}.standalone-work-skills span{border:2px solid var(--purple)}@supports (color:color-mix(in lab, red, red)){.standalone-work-skills span{border:2px solid color-mix(in srgb, var(--purple) 42%, transparent)}}.standalone-work-skills span{background:var(--violet);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.standalone-work-skills span{background:color-mix(in srgb, var(--violet) 22%, transparent)}}.standalone-work-skills span{padding:.7rem 1rem;font-size:.78rem;font-weight:850}.standalone-work-story{border-top:1px solid var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.standalone-work-story{border-top:1px solid color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.standalone-work-story article{border-bottom:1px solid var(--purple-dark);grid-template-columns:75px 1fr 1.35fr;align-items:start;gap:clamp(1.5rem,5vw,4rem);display:grid}@supports (color:color-mix(in lab, red, red)){.standalone-work-story article{border-bottom:1px solid color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.standalone-work-story article{padding:clamp(3rem,7vw,5.5rem) 0}.standalone-work-story article>span{color:var(--pink);font:400 2.8rem/1 Landon Slatten,Segoe Print,cursive}.standalone-work-story h2{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.15}.standalone-work-story p{opacity:.82;margin:0;font-size:1rem;line-height:1.9}.standalone-next-work{padding:clamp(5rem,10vw,8rem) 0}.standalone-next-work>p{color:var(--purple);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:.7rem;font-weight:900}.standalone-next-work>a{color:var(--pink);text-shadow:4px 5px 0 var(--purple);justify-content:space-between;align-items:center;font-family:Landon Slatten,Segoe Print,cursive;font-size:clamp(4rem,10vw,7.5rem);line-height:.9;display:flex}@supports (color:color-mix(in lab, red, red)){.standalone-next-work>a{text-shadow:4px 5px 0 color-mix(in srgb, var(--purple) 45%, transparent)}}.standalone-next-work svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:clamp(45px,7vw,75px);transition:all .25s}.standalone-next-work a:hover svg{transform:translate(6px,-6px)}.standalone-work-error{background:var(--paper);min-height:100vh;color:var(--purple-dark);text-align:center;place-content:center;gap:1rem;display:grid}.standalone-work-error h1{color:var(--pink);margin:0;font:400 clamp(4rem,12vw,9rem)/1 Landon Slatten,cursive}[data-theme=night] .standalone-work{background:linear-gradient(180deg, var(--project-accent) 0, var(--paper) 30rem)}@supports (color:color-mix(in lab, red, red)){[data-theme=night] .standalone-work{background:linear-gradient(180deg, color-mix(in srgb, var(--project-accent) 18%, var(--paper)) 0, var(--paper) 30rem)}}[data-theme=night] .work-visit-button{color:#171839}@media (width<=700px){.work-page-header{width:calc(100% - 2rem)}.work-theme-toggle span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.standalone-work{padding-inline:1rem}.work-back-link{margin-bottom:3rem}.standalone-work-title h1{font-size:clamp(4.5rem,25vw,7rem)}.standalone-work-meta{grid-template-columns:1fr}.standalone-work-meta>div+div{border-top:1px solid var(--purple-dark)}@supports (color:color-mix(in lab, red, red)){.standalone-work-meta>div+div{border-top:1px solid color-mix(in srgb, var(--purple-dark) 22%, transparent)}}.standalone-work-meta>div+div{border-left:0}.standalone-work-story article{grid-template-columns:55px 1fr;gap:1rem 1.5rem}.standalone-work-story p{grid-column:2}.standalone-next-work>a{font-size:clamp(3.2rem,17vw,5rem)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
