@layer components{.hero-main_wrap{justify-content:space-between;gap:var(--space-8);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.hero-main_intro{z-index:1;gap:var(--space-1);row-gap:var(--space-3);column-gap:var(--space-3);flex-direction:column;display:flex;position:relative}.hero-main_name{font-weight:var(--primary-medium);font-size:var(--h3)}.hero-main_body{z-index:1;gap:var(--space-7);flex-direction:column;display:flex;position:relative}.hero-main_stats{gap:var(--space-4);flex-wrap:wrap;list-style:none;display:flex}.hero-main_stat{gap:var(--space-2);--_meta-width-min:192;--_meta-width-max:300;max-width:clamp(var(--_meta-width-min) / 16 * 1rem, ((var(--_meta-width-min) - ((var(--_meta-width-max) - var(--_meta-width-min)) / (var(--viewport-max) - var(--viewport-min)) * var(--viewport-min))) / 16 * 1rem + ((var(--_meta-width-max) - var(--_meta-width-min)) / (var(--viewport-max) - var(--viewport-min))) * 100vw), var(--_meta-width-max) / 16 * 1rem);padding:var(--space-4);background-color:var(--glass-background);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-main);flex-direction:column;flex:12rem;display:flex}.hero-main_stat_label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.hero-main_stat_value{font-weight:var(--primary-medium)}.hero-main_scene{pointer-events:none;position:absolute;inset:0;overflow:clip}.hero-main_fluid-canvas{width:100%;height:100%;display:block}.about-main_wrap{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.about-main_profile{align-items:end;gap:var(--space-6);flex-wrap:wrap;display:flex}.about-main_portrait{aspect-ratio:5/4;border-radius:var(--radius-main);flex:20rem;max-width:30rem;overflow:clip}.about-main_portrait_placeholder{background-color:var(--background-skeleton);width:100%;height:100%}.about-main_name-row{flex:16rem}.about-main_rows{flex-direction:column;display:flex}.about-main_row{gap:var(--space-6);padding-block:var(--space-6);border-top:var(--border-width) solid var(--border);flex-wrap:wrap;display:flex}.about-main_row_label{font-weight:var(--primary-medium);letter-spacing:.06em;text-transform:uppercase;flex:0 0 10rem}.about-main_row_content{flex-direction:column;flex:30rem;max-width:48rem;display:flex}.about-main_list{gap:var(--space-2);flex-direction:column;flex:30rem;list-style:none;display:flex}.about-main_tools{gap:var(--space-5);flex-wrap:wrap;flex:30rem;list-style:none;display:flex}.about-main_tool{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;width:4rem;display:flex}.about-main_tool_mark{width:3.5rem;height:3.5rem;padding:var(--space-2);background-color:var(--background-2);border-radius:var(--radius-small);justify-content:center;align-items:center;display:flex}.about-main_tool_mark .icon{object-fit:contain;width:100%;height:100%}.project-card_wrap{--_tag-border:color-mix(in lab, var(--text) 18%, transparent);--_tag-text:color-mix(in lab, var(--text) 75%, transparent);--_meta-text:color-mix(in lab, var(--text) 55%, transparent);background-color:color-mix(in lab, var(--text) 10%, transparent);border:var(--border-width) solid color-mix(in lab, var(--text) 14%, transparent);border-radius:var(--radius-main);width:100%;min-height:18.75rem;transition:transform var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);align-items:stretch;display:flex;position:relative;overflow:clip}@media (hover:hover){.project-card_wrap:hover{border-color:color-mix(in lab, var(--text) 28%, transparent);transform:translateY(-.25rem)}}@media not (min-width:48rem){.project-card_wrap{flex-direction:column;min-height:0}}.project-card_content{align-items:start;gap:var(--space-4);min-width:0;padding:var(--space-6) var(--space-5);flex-direction:column;flex:1 0 0;display:flex}.project-card_status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);color:orange;font-size:var(--text-small);font-weight:var(--primary-medium);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-round);background-color:lab(75.5899% 27.5161 79.1209/.15);display:inline-flex}.project-card_status_dot{border-radius:var(--radius-round);background-color:currentColor;width:.4rem;height:.4rem}.project-card_meta{color:var(--_meta-text)}.project-card_heading{max-width:22ch}.project-card_tags{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.project-card_tag{padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--_tag-border);border-radius:var(--radius-round);font-size:.6875rem;font-weight:var(--primary-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--_tag-text)}.project-card_visual{padding:var(--space-4);flex:1 0 0;justify-content:flex-end;align-items:flex-end;min-width:0;display:flex;position:relative;overflow:clip}.project-card_visual.teal{background-color:lab(90.666% -50.6565 -14.9617/.28)}.project-card_visual.purple{background-color:lab(41.2111% 63.0077 -75.9602/.28)}@media not (min-width:48rem){.project-card_visual{flex:none;min-height:12rem}}.project-card_image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-card_hint{z-index:90;padding:var(--space-2) var(--space-4);background-color:var(--brand-500);color:var(--brand-text);font-size:.6875rem;font-weight:var(--primary-medium);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-round);pointer-events:none;opacity:0;visibility:hidden;will-change:transform;position:fixed;top:0;left:0}}