@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";.flip-section{min-height:100vh;display:flex;align-items:center;justify-content:center}.flip-card{perspective:1200px}.flip-card-inner{display:grid;width:100%;transform-style:preserve-3d}.flip-card-front,.flip-card-back{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1.5rem;border:1px solid color-mix(in oklch,canvasText,transparent 80%);background:color-mix(in oklch,canvas,transparent 0%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .7s cubic-bezier(.4,.2,.2,1)}.flip-card-back{transform:rotateY(180deg)}.flip-card.is-flipped .flip-card-front{transform:rotateY(-180deg)}.flip-card.is-flipped .flip-card-back{transform:rotateY(0)}.flip-card-back{pointer-events:none}.flip-card.is-flipped .flip-card-back{pointer-events:auto}.flip-card.is-flipped .flip-card-front{pointer-events:none}.flip-card-image{object-fit:cover;border-radius:.5rem}.flip-card-content{gap:1rem;overflow-y:auto;font-size:clamp(.75rem,1.2vw,1rem);line-height:1.6}.flip-btn{align-self:flex-start;padding:.5rem 1.25rem;border-radius:.75rem;border:1px solid color-mix(in oklch,canvasText,transparent 70%);cursor:pointer;font-family:inherit;font-size:clamp(.75rem,1vw,1rem);transition:background .2s}.flip-card-gallery{display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;position:relative}.gallery-image-wrap{flex:1;overflow:hidden;border-radius:.75rem;height:200px}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;position:absolute;right:50%;left:50%;bottom:1rem}.gallery-arrow{background:#0009;border:1px solid var(--color-primaryOrange);color:canvasText;border-radius:999px;width:2rem;height:2rem;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.gallery-arrow:hover{background:color-mix(in oklch,canvasText,transparent 85%)}.gallery-dots{display:flex;gap:.4rem;align-items:center}.gallery-dot{width:.5rem;height:.5rem;border-radius:999px;border:none;background:#333;cursor:pointer;padding:0;transition:background .2s,transform .2s}.gallery-dot.is-active{background:var(--color-primaryOrange);transform:scale(1.3)}@layer base,demo,stick,effect,scrollbar;html{scroll-behavior:smooth}body{overflow-x:hidden}@keyframes pulse-glow{0%,to{text-shadow:0 0 6px #ff8c00,0 0 12px #ff8c00,0 0 18px #ff8c0066}50%{text-shadow:0 0 12px #ff8c00,0 0 24px #ff8c00,0 0 36px #ff8c00aa,0 0 48px #ff8c0055}}.glow-pulse{animation:pulse-glow 2s ease-in-out infinite}@layer scrollbar{@property --hue{initial-value: 0; syntax: "<number>"; inherits: false;}@property --chroma{initial-value: 0; syntax: "<number>"; inherits: true;}[data-sync-scrollbar=true]{scrollbar-color:oklch(var(--lightness) var(--chroma) var(--hue)) #0000}@supports (animation-timeline: scroll()) and (animation-range: 0% 100%){[data-sync-scrollbar=true][data-animate=true]{timeline-scope:--list;scrollbar-color:oklch(var(--lightness) var(--chroma, 0) var(--hue)) #0000;animation-name:change,chroma-on,chroma-off;animation-fill-mode:both;animation-timing-function:linear;animation-range:entry 50% exit 50%,entry 40% entry 50%,exit 30% exit 40%;animation-timeline:--list}[data-sync-scrollbar=true][data-animate=true] ul{view-timeline:--list}}@keyframes change{to{--hue: var(--end)}}@keyframes chroma-on{to{--chroma: .3}}@keyframes chroma-off{to{--chroma: 0}}}@layer effect{:root{--start: 0;--end: 360;--lightness: 65%;--base-chroma: .3}[data-theme=dark]{--lightness: 75%}ul{--step: calc((var(--end) - var(--start)) / (var(--count) - 1))}li:not(:last-of-type){color:var(--phrase-color)}@supports (animation-timeline: scroll()) and (animation-range: 0% 100%){[data-animate=true] li{opacity:.2;animation-name:brighten;animation-fill-mode:both;animation-timing-function:linear;animation-range:cover calc(50% - 1lh) calc(50% + 1lh);animation-timeline:view()}[data-animate=true] li:last-of-type{--brightness: 1;--end-opacity: 1}@keyframes brighten{0%{opacity:var(--start-opacity, .2)}50%{opacity:1;filter:brightness(var(--brightness, 1.2))}to{opacity:var(--end-opacity, .2)}}}}@layer stick{main{width:100%}.intro-section,.fin-section{min-height:100vh;display:flex;place-items:center;width:100%;justify-content:center}.fin-section h2{--font-level: 6}.content{--font-level: 6;display:flex;line-height:1.25;width:100%}.content h2{position:sticky;top:calc(50% - .5lh);font-size:var(--fluid-type)!important;margin:0;display:inline-block;height:fit-content;font-weight:600}ul{font-weight:600;padding-inline:0;margin:0;list-style-type:none}@media(min-width:1025px){[data-snap=true]{scroll-snap-type:y proximity}}[data-snap=true] li{scroll-snap-align:center}.content h2,li:last-of-type{background:linear-gradient(canvasText 50%,color-mix(in oklch,canvas,canvasText 25%));-webkit-background-clip:text;background-clip:text;color:#0000}header.intro-section{--font-level: 7;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:3rem;width:100%;padding-inline:5rem;overflow-x:hidden}.intro-name{margin:0;font-weight:600;text-align:right}.intro-role{margin:0;font-weight:600;text-align:left;text-shadow:rgba(255,162,0,.9) 0px 0px 39px}section.content{margin-top:20vh}}@layer demo{header.intro-section{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-inline:5rem;width:100%;overflow-x:hidden;gap:3rem}footer{padding:0 2.5rem;padding-block:2rem;opacity:.5}h1.intro-hi{--font-size-min: 24;--font-level: 8;text-wrap:pretty;line-height:.8;margin:0;background:linear-gradient(canvasText 60%,color-mix(in oklch,canvas,canvasText));-webkit-background-clip:text;background-clip:text;color:#0000}.sparkles-root{display:inline-block;position:relative}.sparkles-child{position:relative;z-index:1}.sparkle-wrapper{position:absolute;display:block;pointer-events:none;z-index:2;animation:sparkle-grow .75s ease forwards}.sparkle-svg{display:block;animation:sparkle-spin .75s linear forwards}@keyframes sparkle-grow{0%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes sparkle-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}}@layer base{*,*:after,*:before{box-sizing:border-box}body{display:grid;place-items:center;min-height:100vh;font-family:Geist,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}body:before{--size: 45px;--line: color-mix(in hsl, canvasText, transparent 70%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}:where(.fluid){--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type)}html{color-scheme:light dark;--font-size-min: 18;--font-size-max: 24;--font-ratio-min: 1.1;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}