/*! 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-outline-style:solid}}}@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;--color-neutral-500:oklch(55.6% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-2xl:96rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--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{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080e1b;--surface:#131d32;--accent:#c3e41d;--ink:#edf2ff;--muted:#9eaac5;--pale:#c0ccff;--line:#263047;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);font-synthesis:none;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--ink);margin:0;font-size:16px;line-height:1.7}::selection{background:var(--accent);color:#000}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--pale);outline-offset:7px}svg{display:block}h2,h3,h4,p{margin:0}h2,h3,h4{line-height:1.12}p{max-width:66ch}h2{letter-spacing:-.055em;font-size:clamp(32px,4.2vw,58px);font-weight:600}h3{letter-spacing:-.035em;font-size:26px}h4{letter-spacing:-.025em;font-size:20px}a,button{transition:color .18s,background-color .18s,border-color .18s}.section-shell{width:min(1280px,100% - 112px);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:var(--bg);padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.intro-line{color:var(--pale);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.status-dot{background:var(--pale);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:30px;min-height:52px;padding:15px 20px;font-size:14px;font-weight:600;display:inline-flex}.button svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:19px;height:19px}.button-primary{background:var(--accent);color:#000}.section-heading{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:64px;display:flex}.section-heading>p{max-width:320px;color:var(--muted);font-size:15px}.work{border-top:1px solid var(--line);padding-block:110px 70px}.project{grid-template-columns:1.15fr 1fr;align-items:center;gap:7%;margin-bottom:100px;display:grid}.project:nth-child(2n){grid-template-columns:1fr 1.15fr}.project:nth-child(2n) .project-art{order:2}.project-art{aspect-ratio:1.12;background:#152441;border-radius:12px;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;padding:34px;display:grid;position:relative;overflow:hidden}.project-copy{min-width:0}.project-art-caption{color:#a8b9de;font-size:11px;position:absolute;bottom:14px;left:24px}.project-meta{color:var(--muted);align-items:center;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.project-meta .status-dot{background:var(--accent);width:5px;height:5px}.project h3{letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(32px,4vw,48px);font-weight:600}.project-description{color:var(--muted);margin-bottom:22px;font-size:16px}.tech-list{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.tech-list li{background:var(--surface);color:var(--pale);border-radius:5px;padding:5px 10px;font-size:11px}.project-links{flex-wrap:wrap;gap:16px 24px;display:flex}.project-link{align-items:center;gap:14px;font-size:14px;font-weight:600;display:inline-flex}.project-link svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:18px;height:18px}.project details{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.project summary{color:var(--pale);cursor:pointer;justify-content:space-between;gap:20px;font-size:13px;list-style:none;display:flex}.project summary::-webkit-details-marker{display:none}.project summary:after{content:"+";font-size:20px;line-height:1}.project details[open] summary:after{content:"−"}.project details p{color:var(--muted);margin-top:16px;font-size:14px}.axis-preview{color:#182544;background:#f2f5fc;border-radius:9px;width:100%;min-width:0;max-width:440px;padding:22px;transform:rotate(-5deg);box-shadow:0 25px 60px #060d2370}.preview-toolbar{border-bottom:1px solid #dae0ec;justify-content:space-between;padding-bottom:12px;font-size:13px;font-weight:800;display:flex}.preview-dots{letter-spacing:3px;color:#7c8da9}.preview-title{color:#52637f;margin-top:18px;font-size:11px}.preview-total{letter-spacing:-.05em;margin:4px 0 20px;font-size:28px;font-weight:800}.axis-chart{border-bottom:1px solid #d4dcea;align-items:flex-end;gap:12px;height:135px;padding-bottom:10px;display:flex}.chart-bar{transform-origin:bottom;background:#4165dc;border-radius:5px 5px 0 0;flex:1}.chart-bar:nth-child(2n){background:#8ca4ed}.chart-bar:first-child{height:35%}.chart-bar:nth-child(2){height:59%}.chart-bar:nth-child(3){height:45%}.chart-bar:nth-child(4){height:76%}.chart-bar:nth-child(5){height:64%}.chart-bar:nth-child(6){height:94%}.chart-bar:nth-child(7){height:72%}.preview-categories{color:#53617d;justify-content:space-between;gap:16px;margin-top:16px;font-size:10px;display:flex}.doae-art{background:#172e34}.doae-art .project-art-caption{color:#aac5c9}.inventory-composition{aspect-ratio:1.1;place-items:center;width:100%;display:grid;position:relative}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:85%;display:grid;transform:rotate(-10deg)}.inventory-item{aspect-ratio:1;background:#24434a;border:1px solid #56797d;border-radius:10px;place-items:center;display:grid;box-shadow:0 8px #0d2028}.inventory-item svg{fill:none;stroke:#c0e3de;stroke-width:1.3px;width:52%;height:52%}.inventory-item:nth-child(2),.inventory-item:nth-child(6){background:#45756d}.inventory-item:nth-child(4){aspect-ratio:auto;grid-column:span 2}.inventory-tag{color:#1a3935;background:#c8e8da;border-radius:6px;padding:13px 20px;font-size:16px;font-weight:700;position:absolute;bottom:10%;right:0;transform:rotate(4deg)}.about{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:9%;padding-block:110px;display:grid}.section-kicker{color:var(--muted);margin-bottom:28px;font-size:13px}.about-heading h2{font-size:clamp(40px,5vw,64px);line-height:1.12}.about-signature{letter-spacing:-.04em;margin-top:64px;font-size:19px;font-weight:600}.about-signature span{color:var(--accent);font-size:40px;line-height:0}.about-body>p{color:var(--muted);margin-bottom:22px;font-size:15px}.about-body .lead{color:var(--ink);letter-spacing:-.035em;font-size:23px;line-height:1.6}.skills{margin-top:42px}.skills h3{margin-bottom:24px;font-size:20px}.skill-group{border-top:1px solid var(--line);padding-block:17px}.skill-group>span{color:var(--muted);font-size:12px}.skill-group p{color:var(--pale);margin-top:7px;font-size:14px}.skill-group p span{color:#53617b;margin-inline:7px}.experience{border-top:1px solid var(--line);padding-block:100px 115px}.experience-layout{grid-template-columns:1.5fr 1fr;gap:9%;display:grid}.experience-top{color:var(--muted);justify-content:space-between;gap:20px;margin-bottom:25px;font-size:11px;display:flex}.experience-story h3{font-size:25px;line-height:1.4}.organization{color:var(--pale);margin-top:10px;margin-bottom:25px;font-size:14px}.experience-story>p:not(.organization){color:var(--muted);font-size:15px}.experience-callout{border-top:1px solid var(--line);gap:18px;margin-top:30px;padding:20px 0;display:flex}.experience-callout>span{color:var(--accent);font-size:30px;line-height:1.3}.experience-callout p{color:var(--pale);font-size:14px}.education{border-left:1px solid var(--line);padding-left:48px}.education h3{color:var(--muted);margin-bottom:30px;font-size:17px;font-weight:500}.education h4{max-width:22ch;line-height:1.5}.education>p{color:var(--pale);margin-top:10px;font-size:14px}.education .education-date{color:var(--muted);font-size:12px}.education-note{align-items:baseline;gap:10px;margin-top:28px;display:flex}.education-note p{color:var(--muted);font-size:13px}.education .languages{color:var(--muted);margin-top:24px;font-size:12px}.contact{border-top:1px solid var(--line);padding-block:95px 65px;position:relative}.contact-top h2{letter-spacing:-.065em;margin-top:25px;font-size:clamp(48px,6.8vw,92px);font-weight:500;line-height:1.07}.contact-top>p:last-child{max-width:40ch;color:var(--muted);margin-top:28px;font-size:16px}.email-row{flex-wrap:wrap;align-items:center;gap:28px;margin-block:42px 48px;display:flex}.email-row>a{letter-spacing:-.045em;color:var(--pale);font-size:clamp(19px,3.8vw,46px)}.copy-email{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.copy-email svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:20px;height:20px}.contact-bottom{justify-content:space-between;align-items:center;gap:32px;display:flex}.social-links{gap:30px;font-size:14px;display:flex}.social-links span{color:var(--muted);margin-left:6px}.contact-bottom>p{color:var(--muted);text-align:right;max-width:42ch;font-size:12px}.copy-status{color:var(--pale);font-size:12px;position:absolute;bottom:12px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-block:28px;font-size:11px;display:flex}.motion-toggle{background:0 0;border:0;padding:8px 0;font-size:11px}.motion-toggle:disabled{color:var(--muted);opacity:.7}.axis-brand-dot{color:#4165dc}.ledger-row{border-bottom:1px solid #dce3ee;align-items:center;gap:12px;padding-block:16px;display:flex}.ledger-icon{color:#345caa;background:#dde8fb;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:19px;display:grid}.expense-icon{color:#647492;background:#e6eaf3}.ledger-row>div{flex-direction:column;gap:3px;display:flex}.ledger-row strong{font-size:12px;font-weight:700}.ledger-row>div>span{color:#5c6b83;font-size:10px}.ledger-row>b{white-space:nowrap;margin-left:auto;font-size:12px}.preview-title{margin-bottom:6px}.axis-preview{padding:22px 24px}@media (hover:hover) and (pointer:fine){.site-header nav a:hover,.language-switch button:hover,.project-link:hover,.social-links a:hover,.site-footer a:hover{color:var(--ink)}.button-primary:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.button-primary:hover{background:color-mix(in srgb, var(--accent) 85%, white)}}.hero-contact:hover{text-decoration:underline}.copy-email:hover{background:var(--surface);border-color:var(--muted)}.email-row>a:hover{color:var(--ink)}}@media (width<=1100px){.section-shell{width:calc(100% - 72px)}.button{gap:20px;padding:14px 16px}.project-art{padding:25px}.experience-layout{gap:6%}.education{padding-left:30px}}@media (width<=760px){html{scroll-padding-top:24px}.section-shell{width:calc(100% - 40px)}.section-heading{margin-bottom:42px;display:block}.section-heading>p{max-width:40ch;margin-top:20px;font-size:14px}.work{padding-block:65px 10px}.project,.project:nth-child(2n){grid-template-columns:1fr;gap:32px;margin-bottom:70px}.project:nth-child(2n) .project-art{order:0}.project-art{aspect-ratio:1.15;max-height:460px;padding:30px}.axis-art{aspect-ratio:auto;min-height:360px;padding:24px 24px 38px}.axis-preview{padding:18px}.ledger-row{gap:8px;padding-block:12px}.project h3{margin-bottom:18px;font-size:36px}.project-description{font-size:15px}.project-meta{margin-bottom:16px}.about{grid-template-columns:1fr;gap:35px;padding-block:65px}.about-heading h2{font-size:46px}.about-signature{display:none}.about-body .lead{font-size:21px}.experience{padding-block:65px}.experience-layout{grid-template-columns:1fr;gap:40px}.experience-top{font-size:10px}.experience-story h3{font-size:22px}.education{border-left:0;border-top:1px solid var(--line);padding:32px 0 0}.education h3{margin-bottom:22px}.contact{padding-block:65px}.contact-top h2{font-size:clamp(43px,10.5vw,68px)}.contact-top>p:last-child{font-size:15px}.email-row{gap:16px;margin-block:30px}.copy-email{width:38px;height:38px}.contact-bottom{display:block}.contact-bottom>p{text-align:left;margin-top:26px}.social-links{gap:24px;font-size:13px}.site-footer{flex-wrap:wrap;gap:12px 24px;font-size:10px}.site-footer>span:nth-child(2){order:4;width:100%}.motion-toggle{font-size:10px}.axis-chart{height:115px}.preview-total{font-size:24px}.inventory-tag{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation:none!important}.axis-preview,.inventory-grid{transform:none!important}}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-\[7\.5\%\]{top:7.5%}.top-full{top:100%}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.right-\[2\.5\%\]{right:2.5%}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-16{bottom:calc(var(--spacing) * 16)}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-\[8\%\]{left:8%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-full{width:100%;height:100%}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-\[110px\]{height:110px}.h-full{height:100%}.min-h-\[24rem\]{min-height:24rem}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-\[65px\]{width:65px}.w-\[200px\]{width:200px}.w-full{width:100%}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border-none{--tw-border-style:none;border-style:none}.bg-background,.bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/80{background-color:color-mix(in oklab, var(--background) 80%, transparent)}}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-right{text-align:right}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[15px\]{font-size:15px}.text-\[100px\]{font-size:100px}.leading-\[0\.75\]{--tw-leading:.75;line-height:.75}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--foreground)}.text-neutral-500{color:var(--color-neutral-500)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_-18px_var\(--tw-shadow-color\)\]{--tw-shadow:0 18px 40px -18px var(--tw-shadow-color,var(--tw-shadow-color));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-foreground\/12{--tw-shadow-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.shadow-foreground\/12{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--foreground) 12%, transparent) var(--tw-shadow-alpha), transparent)}}.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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[backface-visibility\:hidden\]{backface-visibility:hidden}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}@media (hover:hover){.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:text-black:hover{color:var(--color-black)}.hover\:opacity-80:hover{opacity:.8}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-4:focus-visible{outline-offset:calc(4px * -1)}.focus-visible\:outline-foreground:focus-visible{outline-color:var(--foreground)}.active\:cursor-grabbing:active{cursor:grabbing}@media (width>=40rem){.sm\:bottom-20{bottom:calc(var(--spacing) * 20)}.sm\:h-\[152px\]{height:152px}.sm\:w-\[90px\]{width:90px}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[140px\]{font-size:140px}}@media (width>=48rem){.md\:bottom-10{bottom:calc(var(--spacing) * 10)}.md\:bottom-24{bottom:calc(var(--spacing) * 24)}.md\:h-8{height:calc(var(--spacing) * 8)}.md\:h-\[185px\]{height:185px}.md\:w-8{width:calc(var(--spacing) * 8)}.md\:w-\[110px\]{width:110px}.md\:w-\[240px\]{width:240px}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[20px\]{font-size:20px}.md\:text-\[180px\]{font-size:180px}}@media (width>=64rem){.lg\:bottom-32{bottom:calc(var(--spacing) * 32)}.lg\:h-\[218px\]{height:218px}.lg\:w-\[129px\]{width:129px}.lg\:text-\[22px\]{font-size:22px}.lg\:text-\[210px\]{font-size:210px}}@media (width>=80rem){.xl\:bottom-36{bottom:calc(var(--spacing) * 36)}.xl\:flex{display:flex}.xl\:hidden{display:none}}@media (hover:hover){.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}}}:root{--background:#fafafa;--foreground:#171717}.dark{--background:#000;--foreground:#fff}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}:root{--bg:#000;--ink:#fff;--muted:#929292;--pale:#d4d4d4;--surface:#151515;--line:#282828}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--ink:#171717;--muted:#606060;--pale:#444;--surface:#eee;--line:#ddd}.reference-hero{line-height:1.5}.reference-hero p{max-width:none}.reference-header{isolation:isolate}.reference-header:before{content:"";z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--bg) 96%, transparent);border-bottom:1px solid var(--line);opacity:0;transition:opacity .18s;position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.reference-header:before{background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.reference-header[data-scrolled=true]:before{opacity:1}.reference-header:where([data-scrolled=true]) .reference-desktop-links a{color:var(--ink)}.reference-tagline{justify-content:center;max-width:100%}.reference-language{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:20px;padding-top:16px;font-size:12px;display:flex}.reference-language>span{color:var(--muted);margin-right:auto}.reference-language button{border:1px solid var(--line);min-width:48px;min-height:48px;color:var(--ink);background:0 0;border-radius:8px}.reference-language button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.reference-mobile-menu-top{display:none}.reference-home-link{touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-content:center;justify-self:start;align-items:center;width:48px;min-height:48px;display:inline-flex}.reference-header-actions{align-items:center;gap:24px;display:flex}.reference-desktop-links{align-items:center;gap:36px}.reference-desktop-links a{letter-spacing:.01em;color:var(--muted);align-items:center;min-height:48px;font-size:13px;transition:color .18s;display:flex}.reference-desktop-language{align-items:center;gap:4px}.reference-desktop-language button{min-width:40px;min-height:48px;color:var(--muted);background:0 0;border:0;padding:8px;font-size:12px}.reference-desktop-language button[aria-pressed=true]{color:var(--ink)}@media (width>=1280px){.reference-header-nav{grid-template-columns:1fr auto 1fr;display:grid}.reference-header-actions{justify-self:end}}@media (hover:hover) and (pointer:fine){.reference-desktop-links a:hover{color:var(--accent)}}.reference-menu button,.reference-menu a{touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (width<=390px){.reference-name{flex-wrap:nowrap;font-size:min(100px,29.4118vw - 9.41176px)}}@media (width<=1279px){.reference-menu{width:100%;height:100dvh;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(32px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0;overflow-y:auto}.reference-mobile-menu-top{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.reference-mobile-menu-top button{background:0 0;border:0;place-items:center;min-width:48px;min-height:48px;display:grid}.reference-mobile-menu-top svg{width:32px;height:32px}.reference-mobile-menu-top span{font-size:36px}.reference-menu>a{align-items:center;min-height:72px;margin-bottom:16px;font-size:clamp(34px,10vw,48px);display:flex}.reference-language{margin-top:auto;padding-top:24px}}@media (prefers-reduced-motion:reduce){.reference-header:before{transition:none}.reference-hero [data-blur-segment]{filter:none!important;opacity:1!important;transition:none!important;transform:none!important}}:root[data-motion=reduced] .reference-header:before{transition:none}:root[data-motion=reduced] .reference-hero [data-blur-segment]{filter:none!important;opacity:1!important;transition:none!important;transform:none!important}.works-scroll{height:170svh;position:relative}.works-stage{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 94%, var(--ink));isolation:isolate;border-radius:18px;height:calc(100svh - 120px);min-height:570px;max-height:820px;position:sticky;top:104px;overflow:hidden}.works-index{z-index:3;gap:8px;display:flex;position:absolute;top:24px;right:32px}.works-index button{border:1px solid var(--line);min-width:85px;min-height:48px;color:var(--muted);background:0 0;border-radius:30px;padding:10px 18px;font-size:13px}.works-index button[aria-selected=true]{color:var(--ink);border-color:var(--muted);background:var(--surface)}.works-description{z-index:2;overscroll-behavior:contain;width:30%;max-height:calc(100% - 140px);position:absolute;top:50%;left:4%;overflow-y:auto;transform:translateY(-50%)}.works-description h3{margin-bottom:20px;font-size:48px}.works-description .project-description{font-size:14px}.works-description .project-meta{flex-wrap:wrap;font-size:10px}.works-description details{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.works-description summary{color:var(--pale);cursor:pointer;justify-content:space-between;gap:16px;font-size:12px;list-style:none;display:flex}.works-description summary:after{content:"+"}.works-description details[open] summary:after{content:"−"}.works-description details p{color:var(--muted);margin-top:15px;font-size:13px}.works-lens{z-index:1;pointer-events:none;position:absolute;inset:0}.works-drum{transform-style:preserve-3d;position:absolute;top:50%;left:65%}.works-drum-card{backface-visibility:hidden;border-radius:12px;display:block;position:absolute;overflow:hidden;box-shadow:0 18px 40px -18px #0008}.works-drum-card img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.works-controls{z-index:3;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:22px;left:4%;right:32px}.works-controls p{color:var(--muted);font-size:12px}.works-controls>div{gap:10px;display:flex}.works-controls button{background:var(--bg);border:1px solid var(--line);width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.works-controls button:disabled{opacity:.25}.works-image-label{z-index:2;text-align:center;color:var(--muted);font-size:10px;position:absolute;bottom:82px;left:42%;right:6%}.works-static-cover{background:var(--surface);border-radius:12px;min-width:0;position:relative;overflow:hidden}.works-static-cover img{aspect-ratio:1.45;object-fit:contain;background:#fff;width:100%;display:block}.works-static-cover>p{color:var(--muted);padding:12px 16px;font-size:10px}.works-static .project:nth-child(2n) .works-static-cover{order:2}.works-controls button,.works-index button{touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (width<=1023px){.works-static .project,.works-static .project:nth-child(2n){grid-template-columns:1fr;gap:30px}.works-static .project:nth-child(2n) .works-static-cover{order:0}}@media (hover:hover) and (pointer:fine){.works-controls button:not(:disabled):hover,.works-index button:hover{border-color:var(--muted)}}
