html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font-display:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--theme-transition:color .3s ease, background-color .3s ease;--color-yellow:#efd86d;--color-lilac:#aab6e1;--color-cream:#f9f2e2;--card-text:#1c1c1e}[data-theme=dark]{--color-bg:#1c1c1e;--color-accent:var(--color-lilac);--color-text:var(--color-cream);--color-text-muted:#b8af9c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--color-bg:var(--color-cream);--color-accent:#46548c;--color-text:#1c1c1e;--color-text-muted:#6b6558;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--section-bg-a:var(--color-bg)}[data-theme=dark]{--section-bg-b:color-mix(in srgb, var(--color-lilac) 10%, var(--color-bg))}[data-theme=light]{--section-bg-b:#fff}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);transition:var(--theme-transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-display);color:var(--color-text);margin:0;font-weight:500}h1{font-size:48px;line-height:1.1}h2{font-size:36px;line-height:1.2}h3{font-size:24px;line-height:1.3}p{color:var(--color-text-muted);margin:0}a{color:var(--color-accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}code{font-family:var(--font-mono);font-size:13px;line-height:1.4}.section{scroll-margin-top:72px}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #ffffff40}[data-theme=light] .glass{background:#14141812;border:1px solid #14141824;box-shadow:inset 0 1px #ffffff80,inset 0 -1px 1px #0000000d}:root{--glass-text-fill:#ffffff24;--glass-text-fill-fallback:#fff6;--glass-text-shadow-hi:#ffffff8c;--glass-text-shadow-lo:#0000004d;--glass-edge-hi:#ffffffd9;--glass-edge-mid:#ffffff38;--glass-sheen:#ffffff29;--glass-outer-shadow:#00000059;--menu-text-fill:#ffffff73}[data-theme=dark]{--glass-text-fill:#ffffff2e;--glass-text-shadow-hi:#ffffffb3;--glass-edge-hi:#fff;--glass-edge-mid:#ffffff4d;--glass-sheen:#ffffff38;--glass-outer-shadow:#00000073;--menu-text-fill:#ffffff8c}.noise-overlay{opacity:.75;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px}[data-theme=light] .noise-overlay{mix-blend-mode:multiply}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-fill{isolation:isolate;border-radius:var(--radius-full);transition:color .35s;position:relative;overflow:hidden}.btn-fill:before{content:"";background:var(--btn-fill-bg,var(--color-yellow));transform-origin:0;z-index:-1;transition:transform .35s;position:absolute;inset:0;transform:scaleX(0)}.btn-fill[data-fill-dir=left]:before,.btn-fill[data-fill-dir=right]:before{transform:scaleX(0)}.btn-fill[data-fill-dir=top]:before,.btn-fill[data-fill-dir=bottom]:before{transform:scaleY(0)}.btn-fill[data-fill-dir=left]:before{transform-origin:0}.btn-fill[data-fill-dir=right]:before{transform-origin:100%}.btn-fill[data-fill-dir=top]:before{transform-origin:top}.btn-fill[data-fill-dir=bottom]:before{transform-origin:bottom}.btn-fill.is-filled[data-fill-dir=left]:before,.btn-fill.is-filled[data-fill-dir=right]:before{transform:scaleX(1)}.btn-fill.is-filled[data-fill-dir=top]:before,.btn-fill.is-filled[data-fill-dir=bottom]:before{transform:scaleY(1)}.btn-fill.is-filled{color:var(--btn-fill-color,var(--card-text))}.theme-toggle{border:1px solid var(--color-text);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.theme-toggle:hover{background:var(--color-yellow);color:var(--card-text)}.theme-toggle:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.theme-toggle__icon{display:block}:root{--sparkle-size-min:6px;--sparkle-size-max:16px;--sparkle-duration-min:4s;--sparkle-duration-max:9s;--sparkle-opacity-max:.8;--sparkle-drift:14px}.sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sparkles__star{width:calc(var(--sparkle-size-min) + var(--size-t) * (var(--sparkle-size-max) - var(--sparkle-size-min)));aspect-ratio:1;opacity:0;animation-name:sparkle-twinkle;animation-duration:calc(var(--sparkle-duration-min) + var(--dur-t) * (var(--sparkle-duration-max) - var(--sparkle-duration-min)));animation-delay:var(--delay);will-change:transform, opacity;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;transform:translate(-50%,-50%)scale(.3)}.sparkles__star--accent{color:var(--color-accent)}.sparkles__star--yellow{color:var(--color-yellow)}.sparkles__star-svg{fill:currentColor;width:100%;height:100%;display:block}[data-theme=dark] .sparkles__star-svg{filter:drop-shadow(0 0 3px)}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}15%{opacity:var(--sparkle-opacity-max);transform:translate(calc(-50% + var(--drift-x) * var(--sparkle-drift) * .3), calc(-50% + var(--drift-y) * var(--sparkle-drift) * .3)) scale(1) rotate(10deg)}50%{opacity:calc(var(--sparkle-opacity-max) * .5);transform:translate(calc(-50% + var(--drift-x) * var(--sparkle-drift)), calc(-50% + var(--drift-y) * var(--sparkle-drift))) scale(.8) rotate(-8deg)}85%{opacity:var(--sparkle-opacity-max);transform:translate(calc(-50% + var(--drift-x) * var(--sparkle-drift) * .6), calc(-50% + var(--drift-y) * var(--sparkle-drift) * .6)) scale(1.1) rotate(6deg)}}.sparkles--paused .sparkles__star{will-change:auto;animation-play-state:paused}@media (width<=640px){.sparkles__star--desktop-only{display:none}}@media (prefers-reduced-motion:reduce){.sparkles__star{opacity:calc(var(--sparkle-opacity-max) * .45);will-change:auto;animation:none;transform:translate(-50%,-50%)scale(.85)}}.nav__logo{z-index:101;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);border-radius:var(--radius-full);padding:10px 16px;font-size:20px;font-weight:700;text-decoration:none;transition:background-color .3s,border-color .3s;position:fixed;top:24px;left:24px}.nav__logo:hover{color:var(--color-accent);opacity:1}.nav__actions{z-index:101;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);padding:8px;transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:24px;right:24px}.nav__hamburger{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;transition:background-color .2s;display:flex}.nav__hamburger:hover{background:var(--color-yellow)}.nav__hamburger span{background:var(--color-text);border-radius:1px;width:100%;height:2px;transition:transform .3s,opacity .3s,background-color .2s;display:block}.nav__hamburger:hover span{background:var(--card-text)}.nav__hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__hamburger--open span:nth-child(2){opacity:0}.nav__hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-overlay{z-index:100;background:var(--color-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nav-overlay__noise{z-index:0;pointer-events:none;position:absolute;inset:0}.nav-overlay__sparkles{z-index:0}.nav-overlay__content{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.nav-overlay__links{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav-overlay__links a{font-family:var(--font-display);color:#0000;background-color:var(--menu-text-fill);filter:drop-shadow(0 0 1px var(--glass-edge-hi)) drop-shadow(0 1px 1px var(--glass-text-shadow-hi)) drop-shadow(0 2px 10px var(--glass-text-shadow-lo));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;text-decoration:none;transition:filter .2s;display:inline-block}.nav-overlay__links a:hover{filter:drop-shadow(0 0 1px var(--glass-edge-hi)) drop-shadow(0 1px 1px var(--glass-text-shadow-hi)) drop-shadow(0 2px 16px var(--glass-text-shadow-lo))}.nav-overlay__links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px;border-radius:var(--radius-sm)}@media (width<=768px){.nav-overlay__links a{font-size:clamp(2rem,10vw,3rem)}}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__noise{z-index:0;pointer-events:none;position:absolute;inset:0}.hero__content{z-index:1;padding:0 var(--space-4);flex-direction:column;align-items:center;gap:clamp(20px,3vw,40px);max-width:96vw;display:flex;position:relative}.hero__title-wrap{aspect-ratio:4710.94/1631.98;width:min(92vw,1400px);position:relative}.hero__subtitle-wrap{aspect-ratio:2845.32/170.88;width:min(78vw,820px);position:relative}.hero-glass-backdrop{background:var(--glass-text-fill);-webkit-backdrop-filter:blur(20px)saturate(1.8)brightness(1.2);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-glass-backdrop{background:var(--glass-text-fill-fallback)}}.hero__title{-webkit-mask-image:url(/hero-title.svg);mask-image:url(/hero-title.svg)}.hero__subtitle{-webkit-mask-image:url(/hero-subtitle.svg);mask-image:url(/hero-subtitle.svg)}.hero__title-svg,.hero__subtitle-svg{width:100%;height:100%;filter:drop-shadow(0 6px 18px var(--glass-outer-shadow));display:block;position:absolute;inset:0;overflow:visible}.glass-letters__fill{fill:var(--glass-text-fill)}.glass-letters__bevel{opacity:.85;mix-blend-mode:soft-light}[data-theme=dark] .glass-letters__bevel{opacity:1;mix-blend-mode:overlay}.glass-letters__edge-stop-hi{stop-color:var(--glass-edge-hi)}.glass-letters__edge-stop-mid{stop-color:var(--glass-edge-mid)}.glass-letters__edge-stop-lo{stop-color:#fff0}.glass-letters__sheen-stop{stop-color:var(--glass-sheen)}.glass-letters__sheen{mix-blend-mode:screen}.hero__scroll{bottom:var(--space-4);z-index:1;color:var(--color-text-muted);place-items:center;text-decoration:none;animation:2s ease-in-out infinite hero-bounce;display:grid;position:absolute}.hero__scroll:hover{color:var(--color-accent);opacity:1}@keyframes hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.projects{padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;align-items:center;width:100vw;margin-left:-50vw;margin-right:-50vw;display:flex;position:relative;left:50%;right:50%;overflow-x:hidden}.projects__deck{width:100%;max-width:1100px;height:clamp(260px,30vw,360px);margin:0 auto var(--space-6);touch-action:pan-y;position:relative}.projects__card{aspect-ratio:3/4;border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:0;width:clamp(190px,22vw,270px);margin:0;padding:0;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 20px 40px #00000040}.projects__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.projects__card img{object-fit:cover;width:100%;height:100%;display:block}.projects__card-placeholder{background:linear-gradient(135deg, color-mix(in srgb, var(--color-yellow) 25%, transparent), color-mix(in srgb, var(--color-lilac) 35%, transparent));width:100%;height:100%}.projects__nav{z-index:11;border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-text) 20%, transparent);background:var(--color-bg);width:44px;height:44px;color:var(--color-text);cursor:pointer;place-items:center;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.projects__nav:hover{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--card-text)}.projects__nav:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.projects__nav--prev{left:0}.projects__nav--next{right:0}.projects__info{align-items:center;gap:var(--space-2);flex-direction:column;max-width:640px;display:flex}.projects__title-row{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.projects__title{font-size:clamp(28px,4.5vw,48px);line-height:1.15}.projects__badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:4px var(--space-2);border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-text) 20%, transparent);color:var(--color-text-muted);font-size:12px}.projects__desc{color:var(--color-text-muted);max-width:480px;font-size:16px;line-height:1.7}.projects__tags{justify-content:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.projects__tag{font-family:var(--font-mono);padding:4px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent);font-size:12px}.projects__cta{margin-top:var(--space-2);align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);color:var(--color-text);border:1px solid var(--color-text);font-size:14px;display:inline-flex}.projects__cta--disabled{color:var(--color-text-muted);border-color:color-mix(in srgb, var(--color-text) 20%, transparent);cursor:default}@media (width<=640px){.projects__deck{max-width:100%;height:clamp(200px,56vw,240px)}.projects__card{width:clamp(130px,36vw,170px)}.projects__nav{width:36px;height:36px}}.other-work{text-align:left;max-width:1120px;margin:var(--space-8) auto 0;padding-top:var(--space-6);border-top:1px solid color-mix(in srgb, var(--color-text) 12%, transparent)}.other-work__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.other-work__title{white-space:nowrap;font-size:clamp(22px,2.4vw,28px)}@media (width<=600px){.other-work__head{flex-direction:column;gap:4px}}.other-work__sub{color:var(--color-text-muted);font-size:15px}.other-work__list{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.other-work__card{color:var(--color-text);flex-direction:column;gap:6px;text-decoration:none;display:flex}.other-work__thumb{aspect-ratio:4/3;margin-bottom:var(--space-1);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-text) 6%, transparent);display:block;overflow:hidden}.other-work__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.other-work__card:hover .other-work__thumb img,.other-work__card:focus-visible .other-work__thumb img{transform:scale(1.04)}.other-work__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-md)}.other-work__kind{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-size:11px}.other-work__name{font-size:18px;font-weight:600;line-height:1.3}.other-work__desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}@media (width<=1000px){.other-work__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.other-work__thumb img{transition:none}}.about{padding:0}.about__hero{z-index:0;max-width:1200px;min-height:92vh;padding:calc(var(--space-8) + 56px) var(--space-4) 0;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;display:flex;position:relative}.about__sparkles{z-index:-1}.about__headline{letter-spacing:-.01em;white-space:nowrap;flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex}.about__headline-light{color:var(--color-text);font-size:clamp(22px,3.6vw,42px);font-weight:300;line-height:1.15}.about__headline-bold{text-transform:uppercase;color:var(--color-accent);font-size:clamp(32px,6.4vw,84px);font-weight:800;line-height:1.05}.about__photo-wrap{z-index:2;pointer-events:none;width:clamp(320px,46vw,680px);margin-inline:auto;position:absolute;bottom:0;left:0;right:0}.about__photo-wrap a{pointer-events:auto}.about__photo{aspect-ratio:1;width:100%;height:auto;display:block}.about__corner{bottom:var(--space-6);z-index:1;max-width:260px;position:absolute}.about__corner--left{left:var(--space-4);text-align:left}.about__corner-rule{width:36px;height:2px;margin-bottom:var(--space-2);background:var(--color-accent);display:block}.about__corner-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);margin:0;font-size:13px;font-weight:700}.about__corner--right{right:var(--space-4);text-align:left;color:var(--color-text-muted);font-size:13px;line-height:1.6}.about__block{width:100vw;padding:var(--space-8) var(--space-4) var(--space-6);background:var(--color-lilac);margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%;overflow:hidden}.about__block-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);max-width:1200px;margin:0 auto;display:flex}.about__block-title{letter-spacing:-.01em;flex-direction:column;font-size:clamp(32px,5.5vw,68px);line-height:1.05;display:flex}.about__block-title-bold{text-transform:uppercase;color:#1c1c1e;font-weight:800}.about__block-title-light{color:#1c1c1e;font-style:italic;font-weight:300}.about__block-cta{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);color:#1c1c1e;background:var(--color-cream);border:1px solid #1c1c1e;flex-shrink:0;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.about__areas{max-width:1200px;margin:var(--space-4) auto 0;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.about__area{color:#1c1c1e;font-size:14px;font-weight:600}.about__area:before{content:"— "}.about__skills{max-width:1200px;margin:var(--space-8) auto 0;flex-wrap:wrap;justify-content:center;align-items:flex-end;display:flex}.about__chip{transform:rotate(var(--tilt,0deg));font-family:var(--font-mono);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-cream);color:#1c1c1e;margin:0 -14px -6px;font-size:clamp(16px,2.2vw,22px);font-weight:500;transition:transform .25s,z-index;display:inline-block;position:relative;box-shadow:0 8px 20px #00000029}.about__chip:nth-child(3n){margin-bottom:14px}.about__chip:nth-child(4n){margin-bottom:-2px}.about__chip:hover{z-index:5;transform:rotate(0)scale(1.08)}@media (width<=900px){.about__headline{white-space:normal}.about__hero{min-height:0;padding-top:calc(var(--space-8) + 56px);padding-bottom:var(--space-6)}.about__photo-wrap{width:300px;margin:var(--space-4) auto 0;position:relative;bottom:auto;left:auto;transform:none}.about__corner{max-width:none;margin-top:var(--space-4);position:static}.about__corner--left,.about__corner--right{text-align:center}.about__corner-rule{margin-left:auto;margin-right:auto}.about__corner--right{max-width:320px;margin-left:auto;margin-right:auto}.about__block-head{flex-direction:column;align-items:flex-start}}@media (width<=560px){.about__chip{padding:var(--space-1) var(--space-3);margin:0 -10px -4px;font-size:15px}}.contact{max-width:1120px;padding:var(--space-8) var(--space-4);margin:0 auto;position:relative;overflow:hidden}.contact__backdrop{padding:0 var(--space-4);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:color-mix(in srgb, var(--color-text) 10%, transparent);white-space:nowrap;margin:0;font-size:clamp(64px,13vw,200px);font-weight:700;line-height:.85}.contact__card{z-index:1;background:var(--color-lilac);border-radius:var(--radius-xl);width:min(100%,720px);padding:var(--space-6);--card-text:#1c1c1e;--card-text-muted:#1c1c1ea6;--card-line:#1c1c1e4d;color:var(--card-text);margin-top:clamp(-32px,-6vw,0px);margin-left:auto;position:relative;box-shadow:0 24px 60px #0000004d}.contact__card-header{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.contact__linkedin{font-family:var(--font-mono);color:var(--card-text);align-items:center;gap:6px;font-size:13px;display:inline-flex}.contact__linkedin svg{fill:currentColor}.contact__linkedin:hover{opacity:.7}.contact__form{margin-top:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.contact__grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.contact__fields{gap:var(--space-3);flex-direction:column;display:flex}.contact__label{font-family:var(--font-mono);color:var(--card-text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.contact__label--message{flex-direction:column;height:100%;display:flex}.contact__label--message .contact__textarea{flex:1;min-height:140px}.contact__input{font-family:var(--font-body);padding:var(--space-1) 0;border:none;border-bottom:1px solid var(--card-line);color:var(--card-text);background:0 0;border-radius:0;outline:none;font-size:16px;transition:border-color .2s}.contact__input:focus{border-color:var(--color-accent)}.contact__textarea{resize:vertical;width:100%;display:block}.contact__actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.contact__submit{align-items:center;gap:var(--space-1);font-family:var(--font-mono);padding:var(--space-2) var(--space-4);border:1px solid var(--card-text);color:var(--card-text);cursor:pointer;background:0 0;align-self:flex-end;font-size:14px;display:inline-flex}.contact__submit:disabled{opacity:.6;cursor:not-allowed}.contact__status{font-family:var(--font-mono);color:var(--card-text-muted);font-size:13px;line-height:1.5}.contact__status--success{color:var(--card-text)}.contact__status--error a{color:var(--card-text);text-decoration:underline}.contact__honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (width<=768px){.contact__backdrop{font-size:clamp(40px,16vw,90px)}.contact__card{width:100%;margin-top:var(--space-4);padding:var(--space-4)}.contact__grid{grid-template-columns:1fr}.contact__actions{justify-content:flex-start}}.stack-section{position:relative}.stack-section+.stack-section{margin-top:-50vh}.stack-section__sticky{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:sticky;top:0}.stack-section__spacer{height:100vh}.stack-section__inner{width:100%}main{min-height:100svh}.footer{padding:var(--space-4);text-align:center;border-top:1px solid color-mix(in srgb, var(--color-text) 10%, transparent)}.footer p{font-family:var(--font-mono);color:var(--color-text-muted);font-size:13px}.case-study{--case-accent:#4f328c;min-height:100svh}[data-theme=dark] .case-study{--case-accent:#7663f2}.case-study__header{max-width:1120px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.case-study__theme-wrap{border-radius:var(--radius-full);padding:8px;display:inline-flex}.case-study__back{font-family:var(--font-mono);color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.case-study__back:hover{color:var(--case-accent)}.case-study__hero{max-width:1120px;padding:var(--space-6) var(--space-4) var(--space-8);margin:0 auto}.case-study__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--case-accent);font-size:13px}.case-study__title{margin-top:var(--space-2);font-size:clamp(36px,6vw,64px);line-height:1.05}.case-study__tagline{margin-top:var(--space-3);max-width:640px;font-size:clamp(16px,2vw,20px);line-height:1.6}.case-study__scope-box{margin-top:var(--space-6);gap:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);display:grid}.case-study__scope-item{flex-direction:column;gap:6px;display:flex}.case-study__scope-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px}.case-study__scope-value{color:var(--color-text);font-size:15px;line-height:1.4}.case-study__scope-value--placeholder{color:var(--color-text-muted);font-style:italic}.case-study__prototype-link{margin-top:var(--space-4);align-items:center;gap:var(--space-1);font-family:var(--font-mono);padding:var(--space-1) var(--space-3);border:1px solid var(--case-accent);border-radius:var(--radius-full);color:var(--case-accent);font-size:14px;display:inline-flex}.case-study__prototype-link:hover{opacity:1}.case-study__prototype-link--disabled{border-color:color-mix(in srgb, var(--color-text) 20%, transparent);color:var(--color-text-muted);cursor:default;pointer-events:none}.case-study__hero-image{margin-top:var(--space-6);border-radius:var(--radius-lg);overflow:hidden}.case-study__hero-image--top{margin-top:0;margin-bottom:var(--space-6)}.case-study__hero-image img{width:100%;height:auto;display:block}.case-study__section{max-width:1120px;padding:var(--space-8) var(--space-4);border-top:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);margin:0 auto}.case-study__section-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:12px}.case-study__section-heading{margin-top:var(--space-1)}.case-study__section-text{margin-top:var(--space-3);max-width:100%;font-size:16px;line-height:1.7}.case-study__section-text+.case-study__section-text{margin-top:var(--space-2)}.case-study__section-row{gap:var(--space-4);grid-template-columns:1.4fr 1fr;align-items:center;display:grid}.case-study__section-image{justify-content:center;display:flex}.case-study__section-image img{width:100%;max-width:280px;height:auto;display:block}@media (width<=768px){.case-study__section-row{grid-template-columns:1fr}}.case-study__personas-layout{margin-top:var(--space-4);gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.case-study__personas-col-text{top:var(--space-6);align-self:start;position:sticky}.case-study__personas-col-text .case-study__section-label,.case-study__personas-col-text .case-study__section-heading{margin-top:0}@media (width<=900px){.case-study__personas-col-text{position:static}}.case-study__personas-col-images{gap:var(--space-4);flex-direction:column;display:flex}.persona-card-image{width:100%}.persona-card-image img{border-radius:var(--radius-lg);width:100%;height:auto;display:block}@media (width<=900px){.case-study__personas-layout{grid-template-columns:1fr}}.case-study__hmw-list{margin-top:var(--space-4);flex-direction:column;gap:0;display:flex}.hmw-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid color-mix(in srgb, var(--color-text) 6%, transparent);align-items:baseline;display:flex}.hmw-item:last-child{border-bottom:none}.hmw-item__number{font-family:var(--font-mono);color:var(--case-accent);flex-shrink:0;font-size:13px}.hmw-item__text{color:var(--color-text);font-size:clamp(17px,2.2vw,22px);line-height:1.4}.case-study__ideation-images{margin-top:var(--space-4);gap:var(--space-6);flex-direction:column;display:flex}.ideation-image{flex-direction:column;align-items:center;display:flex}.ideation-image img{border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;max-height:82vh;display:block}.ideation-image--wide{width:100%}.ideation-image--wide img{width:100%;max-width:100%;height:auto;max-height:92vh}.ideation-image__caption{margin-top:var(--space-2);font-family:var(--font-mono);color:var(--color-text-muted);font-size:13px}.case-study__ideation-thumbs-label{margin-top:var(--space-3);text-align:center;font-family:var(--font-mono);color:var(--color-text-muted);font-size:13px}.case-study__ideation-thumbs{margin-top:var(--space-6);gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.ideation-thumb img{border-radius:var(--radius-sm);opacity:.85;width:100%;height:auto;display:block}.case-study__brand-assets{margin-top:var(--space-4);align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.brand-asset{width:100vw;padding:0 var(--space-4);box-sizing:border-box;justify-content:center;display:flex;position:relative;left:50%;transform:translate(-50%)}.brand-asset img{border-radius:var(--radius-md);width:100%;max-width:1100px;height:auto;display:block}.case-study__brand-accent{margin-top:var(--space-6);justify-content:center;display:flex}.case-study__brand-accent img{width:100%;max-width:360px;height:auto;display:block}.case-study__screen-group{margin-top:var(--space-6)}.case-study__screen-group:first-of-type{margin-top:var(--space-4)}.screen-group__title{font-size:20px}.screen-group__desc{margin-top:var(--space-1);max-width:60ch;font-size:15px;line-height:1.6}.screen-group__images{margin-top:var(--space-3);justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.screen-group__images--cols-2{grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;display:grid}@media (width<=560px){.screen-group__images--cols-2{grid-template-columns:minmax(0,300px)}}.screen-image{flex:0 300px;width:100%;max-width:300px}.screen-image img{width:100%;height:auto;display:block}.case-study__next{max-width:1120px;padding:var(--space-8) var(--space-4) var(--space-8);border-top:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);text-align:center;margin:0 auto}.case-study__next-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:12px}.case-study__next-title{margin-top:var(--space-2);font-size:clamp(24px,4vw,40px)}.case-study__next-title--placeholder{color:var(--color-text-muted)}.case-study__next-link{margin-top:var(--space-3);font-family:var(--font-mono);color:var(--case-accent);align-items:center;gap:6px;font-size:14px;display:inline-flex}@media (width<=900px){.case-study__scope-box,.case-study__personas{grid-template-columns:1fr}}.trama-cs{--case-accent:#4643db}[data-theme=dark] .trama-cs{--case-accent:#a0a6fb}.trama-cs code{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}.trama-cs__tags{gap:var(--space-1);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.trama-cs__tags li{border:1px solid color-mix(in srgb, var(--color-text) 16%, transparent);border-radius:var(--radius-full);color:var(--color-text-muted);padding:6px 12px;font-size:13px}.trama-cs__meta{margin:var(--space-6) 0 0;gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:var(--radius-lg);grid-template-columns:repeat(5,1fr);display:grid}.trama-cs__meta div{flex-direction:column;gap:6px;display:flex}.trama-cs__meta dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px}.trama-cs__meta dd{margin:0;font-size:15px;line-height:1.4}.trama-cs__links{gap:var(--space-2);flex-wrap:wrap;display:flex}.trama-cs__layout{max-width:1120px;margin:0 auto}.trama-cs__toc{display:none}.trama-cs__content .case-study__section{max-width:none}.trama-cs__content .case-study__section:focus{outline:none}@media (width>=1100px){.trama-cs__layout{gap:var(--space-4);padding:0 var(--space-4);grid-template-columns:200px minmax(0,1fr);display:grid}.trama-cs__toc{top:var(--space-4);padding-top:var(--space-8);align-self:start;display:block;position:sticky}.trama-cs__toc ol{margin:var(--space-2) 0 0;flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.trama-cs__toc a{color:var(--color-text-muted);font-size:14px}.trama-cs__toc a:hover,.trama-cs__toc a:focus-visible{color:var(--case-accent)}.trama-cs__content .case-study__section{padding-left:0;padding-right:0}}.trama-cs__goal{margin-top:var(--space-4);padding:var(--space-3);border-left:3px solid var(--case-accent);background:color-mix(in srgb, var(--case-accent) 8%, transparent);border-radius:0;font-size:18px;line-height:1.6}.trama-cs__stats{margin:var(--space-4) 0 0;gap:var(--space-2);grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.trama-cs__stats li{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-text) 5%, transparent);flex-direction:column;display:flex}.trama-cs__stat-value{color:var(--case-accent);font-size:clamp(40px,5vw,56px);font-weight:700;line-height:1}.trama-cs__stat-label{color:var(--color-text-muted);font-size:14px;line-height:1.5}.trama-cs__layers{margin:var(--space-4) 0 0;gap:var(--space-2);counter-reset:layer;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.trama-cs__layers li{gap:var(--space-2);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:relative}.trama-cs__layers li:not(:last-child):after{content:"→";color:var(--color-text-muted);font-size:18px;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.trama-cs__layer-index{background:var(--case-accent);width:28px;height:28px;color:var(--color-bg);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.trama-cs__layers h3,.trama-cs__decisions h3,.trama-cs__components h3{font-size:18px;line-height:1.3}.trama-cs__layers p,.trama-cs__decisions p,.trama-cs__components p{color:var(--color-text-muted);margin-top:6px;font-size:15px;line-height:1.6}.trama-cs__layers code{margin-top:auto;margin-top:var(--space-1);overflow-wrap:anywhere;padding:6px 8px;font-size:12px;line-height:1.5;display:block}.trama-cs__figure{margin:var(--space-6) 0 0}.trama-cs__figure img{border-radius:var(--radius-lg);width:100%;height:auto;display:block}.trama-cs__figure figcaption{margin-top:var(--space-1);color:var(--color-text-muted);font-size:14px}.trama-cs__decisions,.trama-cs__components{margin:var(--space-4) 0 0;padding:0;list-style:none}.trama-cs__decisions li{gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);grid-template-columns:56px minmax(0,1fr);display:grid}.trama-cs__decision-index{font-family:var(--font-mono);color:var(--case-accent);padding-top:3px;font-size:14px}.trama-cs__components{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.trama-cs__components li{padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-text) 5%, transparent)}.trama-cs__pipeline{margin:var(--space-4) 0 0;gap:var(--space-1);counter-reset:step;grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}.trama-cs__pipeline li{counter-increment:step;padding:var(--space-2);border-top:3px solid var(--case-accent);background:color-mix(in srgb, var(--color-text) 5%, transparent);border-radius:0 0 var(--radius-md) var(--radius-md);flex-direction:column;gap:6px;display:flex}.trama-cs__pipeline strong:before{content:counter(step) ". ";color:var(--case-accent)}.trama-cs__pipeline strong{font-size:15px}.trama-cs__pipeline span{color:var(--color-text-muted);font-size:13px;line-height:1.5}.trama-cs__checklist{margin:var(--space-4) 0 0;flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.trama-cs__checklist li{padding-left:28px;font-size:16px;line-height:1.6;position:relative}.trama-cs__checklist li:before{content:"✓";color:var(--case-accent);font-weight:700;position:absolute;top:0;left:0}.trama-cs__subhead{margin-top:var(--space-6);font-size:20px}.trama-cs__links{margin-top:var(--space-4)}.trama-cs__links .case-study__prototype-link{margin-top:0}@media (width<=1000px){.trama-cs__meta,.trama-cs__stats,.trama-cs__layers{grid-template-columns:repeat(2,1fr)}.trama-cs__layers li:not(:last-child):after{content:none}.trama-cs__pipeline{grid-template-columns:1fr}}@media (width<=560px){.trama-cs__meta,.trama-cs__stats,.trama-cs__layers{grid-template-columns:1fr}.trama-cs__decisions li{grid-template-columns:40px minmax(0,1fr)}}.trama-cs .case-study__section-text a{color:var(--case-accent);text-underline-offset:3px;text-decoration:underline}.hilo-cs__roles{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hilo-cs__roles>div{padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:var(--radius-lg)}.hilo-cs__roles h3{font-size:18px;line-height:1.3}.hilo-cs__roles p{color:var(--color-text-muted);margin-top:8px;font-size:15px;line-height:1.6}.hilo-cs__roles .hilo-cs__role-q{color:var(--color-text);font-size:16px;font-style:italic}.hilo-cs__table-wrap{margin-top:var(--space-4);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:var(--radius-lg);overflow-x:auto}.hilo-cs__table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px;line-height:1.5}.hilo-cs__table th,.hilo-cs__table td{text-align:left;vertical-align:top;padding:14px 18px}.hilo-cs__table thead th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-text) 5%, transparent);font-size:11px;font-weight:400}.hilo-cs__table tbody tr{border-top:1px solid color-mix(in srgb, var(--color-text) 10%, transparent)}.hilo-cs__table tbody th{width:26%;font-weight:600}.hilo-cs__table tbody td:nth-child(2){width:26%;color:var(--case-accent);font-weight:500}.hilo-cs__table tbody td:last-child{color:var(--color-text-muted)}@media (width<=760px){.hilo-cs__roles{grid-template-columns:1fr}}.ruta-cs{--case-accent:#a23612}[data-theme=dark] .ruta-cs{--case-accent:#fca06d}.goeasy-cs{--case-accent:#2e6b46}[data-theme=dark] .goeasy-cs{--case-accent:#8fd3a8}.goeasy-cs__compare{align-items:stretch;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.goeasy-cs__compare figcaption{grid-column:1/-1}.goeasy-cs__panel{padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);border-radius:var(--radius-lg)}.goeasy-cs__panel--after{border-color:var(--case-accent);background:color-mix(in srgb, var(--case-accent) 7%, transparent)}.goeasy-cs__panel h3{margin-top:6px;font-size:18px;line-height:1.3}.goeasy-cs__panel ul{margin:var(--space-2) 0 0;color:var(--color-text-muted);padding-left:18px;font-size:15px;line-height:1.6}.goeasy-cs__tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--case-accent);font-size:11px}.goeasy-cs__arrow{color:var(--color-text-muted);align-self:center;font-size:24px}.goeasy-cs__model{padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-text) 5%, transparent);flex-direction:column;align-items:center;display:flex}.goeasy-cs__node{border:1px solid color-mix(in srgb, var(--color-text) 16%, transparent);border-radius:var(--radius-md,12px);background:var(--color-bg);text-align:center;flex-direction:column;gap:4px;min-width:220px;padding:14px 18px;display:flex}.goeasy-cs__node strong{font-size:16px}.goeasy-cs__node>span{color:var(--color-text-muted);font-size:14px}.goeasy-cs__node--number{border-color:var(--case-accent)}.goeasy-cs__node--owner{border-width:2px;border-color:var(--case-accent)}.goeasy-cs__node ul{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.goeasy-cs__node li{border-radius:var(--radius-full);background:color-mix(in srgb, var(--case-accent) 12%, transparent);padding:3px 10px;font-size:13px}.goeasy-cs__down{background:var(--case-accent);width:2px;height:28px}.goeasy-cs__people{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.goeasy-cs__timeline{grid-template-columns:repeat(3,1fr)}@media (width<=760px){.goeasy-cs__compare,.goeasy-cs__people{grid-template-columns:1fr}.goeasy-cs__arrow{justify-self:center;transform:rotate(90deg)}}.music-player__frame{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:0;overflow:hidden}.music-player__disc{right:var(--space-4);bottom:var(--space-4);z-index:100;border-radius:var(--radius-full);cursor:pointer;background:#1c1c1e;border:none;place-items:center;width:56px;height:56px;padding:0;display:grid;position:fixed;box-shadow:0 8px 24px #00000059}.music-player__disc:hover{filter:brightness(1.15)}.music-player__disc:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.music-player__disc:disabled{cursor:not-allowed;opacity:.5}.music-player__disc-ring{border-radius:var(--radius-full);border:1px solid #ffffff2e;position:absolute;inset:6px}.music-player__disc-label{border-radius:var(--radius-full);background:var(--color-lilac);width:16px;height:16px;box-shadow:0 0 0 2px #1c1c1e,0 0 0 3px #ffffff2e}.music-player__disc--spinning{animation:3s linear infinite music-player-spin}@keyframes music-player-spin{to{transform:rotate(360deg)}}@media (width<=640px){.music-player__disc{width:48px;height:48px;right:var(--space-3);bottom:var(--space-3)}.music-player__disc-label{width:14px;height:14px}}