.hand-drawn-label{color:inherit;justify-content:flex-start;align-items:center;max-width:100%;margin:0;padding:0;line-height:0;display:inline-flex}.hand-drawn-label__svg{width:100%;height:auto;display:block;overflow:visible}.hand-drawn-label path{fill:none;stroke:currentColor;stroke-width:3.4px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--path-length,1200);stroke-dashoffset:var(--path-length,1200)}.hand-drawn-label--animating path{animation:handDrawnStroke var(--draw-duration,.16s) cubic-bezier(.4, 0, .2, 1) var(--draw-delay,0s) forwards}.hand-drawn-label--done path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}@keyframes handDrawnStroke{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.hand-drawn-label path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}.hand-drawn-label--hero .hand-drawn-label__svg{width:clamp(11rem,30vw,20rem)}.hand-drawn-label--section .hand-drawn-label__svg{width:clamp(14rem,38vw,28rem)}.hand-drawn-label--inline .hand-drawn-label__svg{width:clamp(12rem,32vw,24rem)}.hand-drawn-label--bubble .hand-drawn-label__svg{width:clamp(6.5rem,14vw,9.5rem)}.hero-bubble-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.hero-bubble-ctas:not(.hero-bubble-ctas--shown) .hero-bubble-cta{transform-origin:50%;transition:none;transform:scale(0)}.hero-bubble-ctas:not(.hero-bubble-ctas--shown) .hero-bubble-cta__label{opacity:0;transform:translateY(18px)}.hero-bubble-cta{--aqua-fill:linear-gradient(#edf4ff 0%, #d6e7ff 18%, #a2c7ff 50%, #99cbf8 80%, #a2d2f7 100%);--aqua-fill-hover:linear-gradient(#f5f9ff 0%, #e4eeff 16%, #b4d3ff 50%, #a8d4fb 82%, #b0daf9 100%);--aqua-fill-active:linear-gradient(#d5e4fb 0%, #b7d0f4 22%, #8cb6ef 55%, #8abee8 100%);--aqua-rim:#221898;--aqua-fg:#111118;--aqua-lift:0 6px 14px #00000029;--hb-rot:0deg;border:1px solid var(--aqua-rim);background:var(--aqua-fill);min-height:42px;color:var(--aqua-fg);font-family:var(--font-body);letter-spacing:-.03em;white-space:nowrap;text-shadow:0 1px 1px #ffffffd1;box-shadow:var(--aqua-lift), inset 0 1px 0 #ffffffb8;transform-origin:50%;border-radius:999px;justify-content:center;align-items:center;padding:0 1.35rem 1px;font-size:1.0625rem;font-weight:500;line-height:1;text-decoration:none;transition:background .18s,box-shadow .18s,transform .18s,border-color .18s;display:inline-flex;position:relative}.hero-bubble-cta--aqua-primary{--aqua-fill:linear-gradient(180deg, color-mix(in srgb, var(--hb-accent,#c084fc) 28%, #fff) 0%, color-mix(in srgb, var(--hb-accent-2,#38bdf8) 42%, #f7f4ff) 24%, color-mix(in srgb, var(--hb-accent,#c084fc) 68%, #efe6f8) 58%, color-mix(in srgb, var(--hb-accent-2,#38bdf8) 58%, #e4ddf4) 100%);--aqua-fill-hover:linear-gradient(180deg, color-mix(in srgb, var(--hb-accent,#c084fc) 20%, #fff) 0%, color-mix(in srgb, var(--hb-accent-2,#38bdf8) 32%, #fff) 24%, color-mix(in srgb, var(--hb-accent,#c084fc) 54%, #f4eefc) 58%, color-mix(in srgb, var(--hb-accent-2,#38bdf8) 46%, #ece6f6) 100%);--aqua-fill-active:linear-gradient(180deg, color-mix(in srgb, var(--hb-accent,#c084fc) 38%, #efe8f4) 0%, color-mix(in srgb, var(--hb-accent-2,#38bdf8) 55%, #d8d0ea) 55%, color-mix(in srgb, var(--hb-accent,#c084fc) 72%, #cfc4e0) 100%);--aqua-rim:color-mix(in srgb, var(--hb-accent,#c084fc) 62%, #1a1424)}.hero-bubble-cta--aqua-secondary{--aqua-fill:linear-gradient(#fbfbfb 0%, #ededed 42%, #e4e4e4 100%);--aqua-fill-hover:linear-gradient(#fff 0%, #f3f3f3 42%, #e9e9e9 100%);--aqua-fill-active:linear-gradient(#ececec 0%, #dcdcdc 48%, #d0d0d0 100%);--aqua-rim:#626262}[data-theme=dark] .hero-bubble-cta{--aqua-lift:0 8px 18px #00000052}.hero-bubble-cta__gloss{z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffffeb 0%,#ffffff73 62%,#fff0 100%);height:60%;position:absolute;inset:2px 3px auto}.hero-bubble-cta__label{z-index:2;line-height:1.2;display:inline-block;position:relative}.hero-bubble-ctas .hero-bubble-cta{min-height:48px;padding:0 1.55rem 1px;font-size:1.125rem}.hero-bubble-cta:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.hero-bubble-cta:hover{background:var(--aqua-fill-hover);transform:rotate(var(--hb-rot)) translateY(-1px);box-shadow:0 8px 18px #0000002e,inset 0 1px #ffffffd1}.hero-bubble-cta:active{background:var(--aqua-fill-active);transform:rotate(var(--hb-rot)) translateY(1px);box-shadow:0 3px 8px #00000024,inset 0 2px 3px #2832501f}@media (width>=900px){.hero-bubble-ctas .hero-bubble-cta{transform:rotate(var(--hb-rot))}.hero-bubble-ctas .hero-bubble-cta:hover{transform:rotate(var(--hb-rot)) translateY(-1px) scale(1.04)}.hero-bubble-ctas .hero-bubble-cta:active{transform:rotate(var(--hb-rot)) translateY(1px) scale(.98)}}@media (prefers-reduced-motion:reduce){.hero-bubble-ctas:not(.hero-bubble-ctas--shown) .hero-bubble-cta,.hero-bubble-ctas:not(.hero-bubble-ctas--shown) .hero-bubble-cta__label,.hero-bubble-cta,.hero-bubble-cta:hover,.hero-bubble-cta:active{transition:none}.hero-bubble-cta:hover,.hero-bubble-cta:active{transform:rotate(var(--hb-rot))}}@media (width<=768px){.hero-bubble-ctas{gap:10px;width:min(100%,21rem)}.hero-bubble-ctas .hero-bubble-cta{min-height:44px;padding:0 1.3rem 1px;font-size:1.05rem}}@media (width<=420px){.hero-bubble-ctas{width:min(100%,19rem)}.hero-bubble-ctas .hero-bubble-cta{min-height:42px;padding:0 1.15rem 1px;font-size:1rem}}.hero-bubble-cta.hero-bubble-cta--lg{min-height:56px;padding:0 2.1rem 2px;font-size:1.28rem}@media (width<=768px){.hero-bubble-cta.hero-bubble-cta--lg{min-height:50px;padding:0 1.7rem 2px;font-size:1.16rem}}[data-theme=dark] .title-glow{color:#fff;--title-glow:#fff;text-shadow:0 0 10px color-mix(in srgb, var(--title-glow) 72%, transparent), 0 0 26px color-mix(in srgb, var(--title-glow) 48%, transparent), 0 0 48px color-mix(in srgb, var(--title-glow) 28%, transparent)}@media (prefers-reduced-motion:reduce){[data-theme=dark] .title-glow{text-shadow:none}}.work-fly-reel{content-visibility:visible;contain:none;width:100%;margin:clamp(1.5rem,4vw,2.5rem) 0 clamp(2rem,5vw,3rem);position:relative}.work-fly-reel__sticky{z-index:1;height:100dvh;position:sticky;top:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#00000073 7%,#000 16% 84%,#00000073 93%,#0000 100%);mask-image:linear-gradient(#0000 0%,#00000073 7%,#000 16% 84%,#00000073 93%,#0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.work-fly-reel__sticky:before,.work-fly-reel__sticky:after{content:"";z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(1.15);height:clamp(3.5rem,14vh,9rem);position:absolute;left:0;right:0}.work-fly-reel__sticky:before{top:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.work-fly-reel__sticky:after{bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%)}.work-fly-reel__stage{width:100%;height:100%;position:relative}.work-fly-reel__cards{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:visible}.work-fly-reel__cards .fly-project-card{pointer-events:auto}.work-fly-reel__cards.is-hidden{visibility:hidden;pointer-events:none}.fly-project-card{z-index:3;will-change:transform, opacity}.fly-project-card__link{color:inherit;flex-direction:column;gap:.75rem;text-decoration:none;display:flex}.fly-project-card__index{z-index:2;font-family:var(--font-mono,"IBM Plex Mono", monospace);letter-spacing:.08em;color:var(--color-text-secondary);font-size:.68rem;font-weight:600;position:absolute;top:.85rem;left:.9rem}.fly-project-card__image{pointer-events:none;z-index:1;object-fit:cover;background:color-mix(in srgb, var(--color-bg) 88%, transparent);border-radius:.55rem;width:100%;height:11.5rem;position:relative}.fly-project-card__copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.fly-project-card__title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text);font-size:1rem;font-weight:650;line-height:1.15}.fly-project-card__meta{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.fly-project-card__drag{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);box-shadow:0 18px 48px color-mix(in srgb, var(--color-text) 12%, transparent);touch-action:none;cursor:grab;background:var(--color-card)!important}.fly-project-card__drag[role=link]{cursor:grab}.fly-project-card__drag[role=link]:focus-visible{outline:2px solid color-mix(in srgb, var(--color-text) 40%, transparent);outline-offset:3px}.fly-project-card__drag:active{cursor:grabbing}.work-fly-reel__namecards{z-index:3;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:clamp(1.25rem,4vw,2.5rem);display:flex;position:absolute;inset:0}.work-fly-reel__namecards.is-hidden{visibility:hidden;pointer-events:none}.fly-namecard{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);background:color-mix(in srgb, var(--color-card) 78%, transparent);width:min(560px,100%);color:var(--color-text);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 48px color-mix(in srgb, var(--color-text) 6%, transparent);border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem 1.1rem;padding:.95rem 1.2rem;text-decoration:none;transition:border-color .25s,transform .25s,background-color .25s;display:grid}.fly-namecard:hover{border-color:color-mix(in srgb, var(--color-text) 28%, transparent);background:color-mix(in srgb, var(--color-card) 92%, transparent);transform:translateY(-2px)}.fly-namecard__index{font-family:var(--font-mono,"IBM Plex Mono", monospace);letter-spacing:.08em;color:var(--color-text-secondary);font-size:.72rem;font-weight:600}.fly-namecard__copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.fly-namecard__title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(.95rem,2.2vw,1.08rem);font-weight:650;line-height:1.15}.fly-namecard__meta{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.fly-namecard__arrow{opacity:.55;font-size:1rem;transition:transform .25s,opacity .25s}.fly-namecard:hover .fly-namecard__arrow{opacity:1;transform:translate(3px)}.work-fly-reel__panel{z-index:2;opacity:0;visibility:hidden;will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.work-fly-reel__panel-inner{width:min(1120px,100%);margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem)}.work-fly-reel__panel-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.work-fly-reel__panel[data-fly-from=left] .work-fly-reel__panel-layout{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr)}.work-fly-reel__panel[data-fly-from=left] .reel-caption{order:1}.work-fly-reel__panel[data-fly-from=left] .reel-media{order:2}.work-fly-reel__panel[data-reel-scene=egda] .reel-media{background:#151516}.work-fly-reel__panel[data-reel-scene=egda] .reel-media__asset{object-fit:contain;padding:clamp(1.25rem,5vw,2.75rem)}.work-fly-reel--static{height:auto}.work-fly-reel--placeholder{content-visibility:auto;contain-intrinsic-size:auto clamp(22rem, 52vh, 32rem);min-height:clamp(22rem,52vh,32rem);margin-bottom:clamp(1.5rem,4vw,2.5rem)}.work-fly-reel-mount--fallback,.work-fly-reel-mount{min-height:clamp(22rem,52vh,32rem)}.work-fly-reel__static-list{flex-direction:column;gap:clamp(2.5rem,6vw,4rem);padding:0 clamp(1rem,4vw,1.5rem);display:flex}@media (width<=768px){.work-fly-reel__static-list{padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));gap:clamp(2rem,8vw,2.75rem)}.work-fly-reel__static-layout{grid-template-columns:1fr;gap:clamp(1rem,4vw,1.5rem)}.work-fly-reel__static-item[data-fly-from=left] .work-fly-reel__static-layout{grid-template-columns:1fr}.work-fly-reel__static-item[data-fly-from=left] .reel-caption,.work-fly-reel__static-item[data-fly-from=left] .reel-media{order:initial}.work-fly-reel--static .reel-media{aspect-ratio:16/11;width:100%;min-height:clamp(14rem,62vw,22rem)}.work-fly-reel--static .reel-media__asset{min-height:100%}}.work-fly-reel__static-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem);width:min(1120px,100%);margin:0 auto;display:grid}.work-fly-reel__static-item[data-fly-from=left] .work-fly-reel__static-layout{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr)}.work-fly-reel__static-item[data-fly-from=left] .reel-caption{order:1}.work-fly-reel__static-item[data-fly-from=left] .reel-media{order:2}@media (width<=900px){.work-fly-reel__panel-layout,.work-fly-reel__static-layout{grid-template-columns:1fr}.fly-project-card__drag{width:min(18rem,72vw)}.fly-project-card__image,.fly-project-card__drag img{height:9.5rem}}@media (width<=768px),(pointer:coarse){.work-fly-reel--static .work-fly-reel__static-item[data-fly-from=left] .work-fly-reel__static-layout{grid-template-columns:1fr}.work-fly-reel--static .work-fly-reel__static-item[data-fly-from=left] .reel-caption,.work-fly-reel--static .work-fly-reel__static-item[data-fly-from=left] .reel-media{order:initial}}@media (prefers-reduced-motion:reduce){.work-fly-reel__panel{will-change:auto}}.blog-page{color:currentColor;flex-direction:column;min-height:100vh;display:flex}.blog-main{flex:1;width:min(680px,100% - 48px);margin:0 auto;padding:140px 0 80px}.blog-status,.blog-empty{color:var(--color-text-secondary,currentColor);margin:0;font-size:1rem;line-height:1.6}.blog-list{flex-direction:column;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.blog-list-link{color:inherit;grid-template-columns:7.5rem 1fr;gap:.35rem 1.25rem;text-decoration:none;display:grid}.blog-list-link:hover .blog-list-title{text-underline-offset:.18em;text-decoration:underline}.blog-list-date{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-text-secondary,currentColor);grid-row:1/span 2;padding-top:.2rem;font-size:.85rem}.blog-list-title{font-family:var(--font-heading,inherit);font-size:1.15rem;font-weight:600;line-height:1.3}.blog-list-excerpt{color:var(--color-text-secondary,currentColor);grid-column:2;font-size:.95rem;line-height:1.55}.blog-skeleton-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-skeleton{position:relative}.blog-skeleton-item{grid-template-columns:7.5rem 1fr;gap:.45rem 1.25rem;display:grid}.blog-skeleton-bone{background:color-mix(in srgb, var(--color-text) 9%, transparent);border-radius:6px;display:block;position:relative;overflow:hidden}.blog-skeleton-bone:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-text) 14%, transparent) 50%, transparent 100%);animation:1.35s ease-in-out infinite blog-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.blog-skeleton-bone--date{grid-row:1/span 2;width:5.4rem;height:.85rem;margin-top:.28rem}.blog-skeleton-bone--title{width:68%;height:1.15rem}.blog-skeleton-item:nth-child(2) .blog-skeleton-bone--title{width:76%}.blog-skeleton-item:nth-child(3) .blog-skeleton-bone--title{width:58%}.blog-skeleton-bone--excerpt{grid-column:2;width:92%;height:.9rem}.blog-skeleton-item:nth-child(2) .blog-skeleton-bone--excerpt{width:80%}.blog-skeleton-item:nth-child(3) .blog-skeleton-bone--excerpt{width:88%}.blog-skeleton-bone--kicker{width:5.5rem;height:.8rem;margin-bottom:.75rem}.blog-skeleton-bone--headline{width:86%;height:1.7rem;margin-bottom:.45rem}.blog-skeleton-bone--headline-short{width:54%;margin-bottom:1.75rem}.blog-skeleton-body{flex-direction:column;gap:.7rem;display:flex}.blog-skeleton-bone--line{width:100%;height:.9rem}.blog-skeleton-bone--line:nth-child(2){width:94%}.blog-skeleton-bone--line:nth-child(3){width:88%}.blog-skeleton-bone--line:nth-child(4){width:96%}.blog-skeleton-bone--line:nth-child(5){width:62%}@keyframes blog-skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.blog-skeleton-bone:after{animation:none}}.blog-article-header{margin-bottom:1.75rem}.blog-article-header time{font-variant-numeric:tabular-nums;color:var(--color-text-secondary,currentColor);margin-bottom:.6rem;font-size:.85rem;display:block}.blog-article-header h1{font-family:var(--font-heading,inherit);margin:0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:650;line-height:1.2}.blog-cover{width:100%;height:auto;margin-bottom:1.75rem;display:block}.blog-body{font-size:1.05rem;line-height:1.7}.blog-body>*+*{margin-top:1em}.blog-body h2,.blog-body h3,.blog-body h4{font-family:var(--font-heading,inherit);margin-top:1.6em;line-height:1.25}.blog-body a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.blog-body img{max-width:100%;height:auto}.blog-body pre{border:1px solid var(--color-border,currentColor);padding:1rem;font-size:.9rem;overflow-x:auto}.blog-body code{font-family:var(--font-mono,ui-monospace, monospace);font-size:.9em}.blog-body blockquote{border-left:2px solid var(--color-border,currentColor);color:var(--color-text-secondary,currentColor);margin-left:0;padding-left:1rem}.blog-page:has(.blog-admin) .blog-main{width:min(1100px,100% - 48px)}.blog-admin{flex-direction:column;gap:1.25rem;display:flex}.blog-admin-title{font-family:var(--font-heading,inherit);margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:650}.blog-admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-admin-actions{flex-wrap:wrap;gap:.5rem;display:flex}.blog-admin-login{flex-direction:column;gap:.9rem;max-width:22rem;display:flex}.blog-admin-field{color:var(--color-text-secondary,currentColor);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.blog-admin-field input,.blog-admin-field textarea{font:inherit;color:var(--color-text,currentColor);background:color-mix(in srgb, var(--color-text,currentColor) 4%, transparent);border:1px solid var(--color-border,currentColor);padding:.6rem .75rem;font-size:1rem}.blog-admin-field input:focus,.blog-admin-field textarea:focus{outline:2px solid var(--color-text,currentColor);outline-offset:2px}.blog-admin-field input[aria-invalid=true],.blog-admin-field textarea[aria-invalid=true]{border-color:#c44}.blog-admin-error{color:#c44;margin:0;font-size:.95rem}.blog-admin-btn,.blog-admin-text-btn{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--color-border,currentColor);background:0 0;padding:.45rem .9rem}.blog-admin-btn:disabled,.blog-admin-text-btn:disabled{opacity:.55;cursor:not-allowed}.blog-admin-btn-primary{background:var(--color-text,currentColor);color:var(--color-bg,#fff);border-color:var(--color-text,currentColor)}.blog-admin-text-btn{text-underline-offset:.15em;border:0;padding:0;text-decoration:underline}.blog-admin-table-wrap{overflow-x:auto}.blog-admin-table{border-collapse:collapse;width:100%;font-size:.95rem}.blog-admin-table th,.blog-admin-table td{text-align:left;border-bottom:1px solid var(--color-border,currentColor);vertical-align:middle;padding:.75rem .5rem}.blog-admin-table th{color:var(--color-text-secondary,currentColor);font-size:.8rem;font-weight:600}.blog-admin-mono{font-family:var(--font-mono,ui-monospace, monospace);font-size:.85rem}.blog-admin-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--color-border,currentColor);padding:.15rem .45rem;font-size:.72rem;display:inline-block}.blog-admin-badge-draft{color:var(--color-text-secondary,currentColor)}.blog-admin-row-actions{white-space:nowrap;gap:.75rem;display:flex}.blog-admin-row-actions a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.blog-admin-editor{flex-direction:column;gap:1.25rem;display:flex}.blog-admin-fields{grid-template-columns:1fr 1fr;gap:.9rem 1.25rem;display:grid}.blog-admin-fields .blog-admin-field:nth-child(3),.blog-admin-fields .blog-admin-field:nth-child(4){grid-column:1/-1}.blog-admin-cover{border:1px solid var(--color-border,currentColor);max-width:16rem;height:auto;display:block}.blog-admin-body{resize:vertical;min-height:28rem;font-family:var(--font-mono,ui-monospace, monospace);font-size:.9rem;line-height:1.5}.blog-admin-preview{border:1px solid var(--color-border,currentColor);min-height:28rem;padding:.75rem 1rem;overflow:auto}.blog-admin-split{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=800px){.blog-list-link,.blog-skeleton-item{grid-template-columns:1fr}.blog-list-date,.blog-list-excerpt,.blog-skeleton-bone--date,.blog-skeleton-bone--excerpt{grid-column:1}.blog-list-date,.blog-skeleton-bone--date{grid-row:auto;margin-top:0;padding-top:0}.blog-admin-split,.blog-admin-fields{grid-template-columns:1fr}}@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-border-style:solid;--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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--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-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--work-card-stroke-angle:0deg}}}@layer theme{:root,:host{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-neutral-100:oklch(97% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--default-mono-font-family:var(--font-mono);--font-heading:var(--font-sans);--color-border:var(--border);--color-card:var(--card)}}@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,ui-sans-serif, system-ui, 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{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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing) * 5)}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.top-20{top:calc(var(--spacing) * 20)}.top-24{top:calc(var(--spacing) * 24)}.top-32{top:calc(var(--spacing) * 32)}.top-40{top:calc(var(--spacing) * 40)}.right-\[35\%\]{right:35%}.left-\[20\%\]{left:20%}.left-\[25\%\]{left:25%}.left-\[30\%\]{left:30%}.left-\[40\%\]{left:40%}.left-\[45\%\]{left:45%}.left-\[55\%\]{left:55%}.z-0{z-index:0}.z-10{z-index:10}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-6{margin:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-80{height:calc(var(--spacing) * 80)}.h-auto{height:auto}.h-full{height:100%}.min-h-96{min-height:calc(var(--spacing) * 96)}.min-h-\[calc\(100vh-96px\)\]{min-height:calc(100vh - 96px)}.min-h-screen{min-height:100vh}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-sm{max-width:var(--container-sm)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-\[-5deg\]{rotate:-5deg}.rotate-\[-7deg\]{rotate:-7deg}.rotate-\[2deg\]{rotate:2deg}.rotate-\[4deg\]{rotate:4deg}.rotate-\[8deg\]{rotate:8deg}.rotate-\[10deg\]{rotate:10deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-9{gap:calc(var(--spacing) * 9)}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.stroke-1{stroke-width:1px}.stroke-2{stroke-width:2px}.stroke-3{stroke-width:3px}.stroke-4{stroke-width:4px}.stroke-5{stroke-width:5px}.stroke-6{stroke-width:6px}.stroke-7{stroke-width:7px}.stroke-8{stroke-width:8px}.stroke-9{stroke-width:9px}.stroke-10{stroke-width:10px}.stroke-11{stroke-width:11px}.stroke-12{stroke-width:12px}.stroke-13{stroke-width:13px}.object-cover{object-fit:cover}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-14{padding-inline:calc(var(--spacing) * 14)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-\[90px\]{padding-block:90px}.pt-32{padding-top:calc(var(--spacing) * 32)}.pb-40{padding-bottom:calc(var(--spacing) * 40)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[-2\.46px\]{--tw-tracking:-2.46px;letter-spacing:-2.46px}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-input{color:var(--input)}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-700{color:var(--color-neutral-700)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary{color:var(--secondary)}.text-secondary-foreground{color:var(--secondary-foreground)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-foreground{accent-color:var(--foreground)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-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-all{transition-property:all;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-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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.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}.\[perspective\:3000px\]{perspective:3000px}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}.transform-3d{transform-style:preserve-3d}@media (hover:hover){.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@media (width>=40rem){.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=48rem){.md\:flex{display:flex}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:bg-neutral-900:is(.dark *){background-color:var(--color-neutral-900)}.dark\:text-neutral-300:is(.dark *){color:var(--color-neutral-300)}.dark\:text-neutral-800:is(.dark *){color:var(--color-neutral-800)}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@media (hover:hover){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/bundle/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/bundle/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/bundle/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/bundle/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Magnetic Drawing;src:url(/fonts/MagneticDrawing-2vnO3.woff2)format("woff2"),url(/fonts/MagneticDrawing-2vnO3.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fafafa;--color-bg-dark:#111;--color-text:#1a1a1a;--color-text-secondary:#5a5a5a;--color-text-light:#f0f0f0;--color-text-light-secondary:#999;--color-accent:#2d2d2d;--color-border:#e5e5e5;--color-card:#fff;--color-card-dark:#1a1a1a;--radius:.625rem;--radius-lg:16px;--transition:.3s cubic-bezier(.25, .46, .45, .94);--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(45.2% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}[data-theme=dark]{--color-bg:#0c0c0f;--color-bg-dark:#060608;--color-text:#f2f2f6;--color-text-secondary:#a8a8b8;--color-text-light:#f2f2f6;--color-text-light-secondary:#8e8e9e;--color-accent:#f4f4f8;--color-border:#2a2a34;--color-card:#14141a;--color-card-dark:#0e0e12}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}#root{min-height:100dvh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:1120px;margin:0 auto;padding:0 24px}.section{padding:120px 0}#about,#work,#skills,#contact{content-visibility:auto;contain-intrinsic-size:auto 720px;scroll-margin-top:88px}#work:has(.work-fly-reel){content-visibility:visible;contain:none}.skip-link{z-index:200;pointer-events:auto;border-radius:var(--radius-md,8px);background:var(--color-bg-dark,#121214);color:var(--color-text-light,#fdf9f3);padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;position:absolute;top:-100%;left:16px;box-shadow:0 4px 16px #0003}.skip-link:focus-visible{top:max(16px, env(safe-area-inset-top))}#main-content:focus{outline:none}.section-dark{background:var(--color-bg-dark);color:var(--color-text-light)}.section-title{font-family:var(--font-heading);margin-bottom:12px;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.section-subtitle{color:var(--color-text-secondary);margin-bottom:56px;font-size:1.1rem}.section-dark .section-subtitle{color:var(--color-text-light-secondary)}.btn{transition:all var(--transition);cursor:pointer;border:none;border-radius:50px;padding:14px 32px;font-size:.95rem;font-weight:500;display:inline-block}.btn-primary{background:var(--color-text);color:var(--color-bg)}.btn-primary:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-secondary{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-text);transform:translateY(-2px)}.btn:focus-visible,.morphic-navbar__link:focus-visible,.theme-toggle:focus-visible,.contact-mailto-fallback:focus-visible,.contact-socials a:focus-visible,.work-card-inline-action:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.btn:focus-visible{border-radius:50px}.ios-pill,.work-archive-heading{--ios-pill-fill:linear-gradient(#f8f8f8 0%, #e6e6e6 38%, #d2d2d2 100%);--ios-pill-fill-hover:linear-gradient(#fff 0%, #ececec 38%, #dadada 100%);--ios-pill-rim:#5a5a62;--ios-pill-fg:#111118;--ios-pill-lift:0 7px 16px #0000002e;border:1px solid var(--ios-pill-rim);background:var(--ios-pill-fill);width:fit-content;min-height:50px;color:var(--ios-pill-fg);font-family:var(--font-body);letter-spacing:-.03em;white-space:nowrap;text-transform:lowercase;text-shadow:0 1px 1px #ffffffe0;cursor:pointer;vertical-align:middle;box-shadow:var(--ios-pill-lift), inset 0 1.5px 0 #fffffff2, inset 0 -1px 0 #0000001f;border-radius:999px;justify-content:center;align-items:center;padding:0 1.55rem 1px;font-size:1.125rem;font-weight:500;line-height:1;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,color .18s;display:inline-flex;position:relative}.work-archive-heading{box-sizing:border-box;--ios-pill-lift:0 0 0 transparent;min-height:56px;filter:drop-shadow(0 1px 0 var(--ios-pill-rim)) drop-shadow(0 -1px 0 var(--ios-pill-rim)) drop-shadow(1px 0 0 var(--ios-pill-rim)) drop-shadow(-1px 0 0 var(--ios-pill-rim)) drop-shadow(0 7px 12px #0003);background-clip:padding-box;border:none;outline:none;padding:0 1.65rem;display:flex;overflow:visible;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000024}.ios-pill:before,.work-archive-heading:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#fff 0%,#ffffffd1 38%,#ffffff47 78%,#fff0 100%);height:54%;position:absolute;inset:1px 5px auto}.work-archive-heading:before{background:linear-gradient(#ffffffb3 0%,#ffffff61 48%,#fff0 100%);border-radius:999px;height:42%;inset:4px 14px auto}.ios-pill:hover,.ios-pill:focus-visible{background:var(--ios-pill-fill-hover)}.ios-pill:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.ios-pill--accent-hover:hover,.ios-pill--accent-hover:focus-visible{--ios-pill-fill:linear-gradient(180deg, var(--sm-accent,#5227ff) 0%, var(--sm-accent,#5227ff) 28%, var(--sm-accent,#5227ff) 62%, var(--sm-accent,#5227ff) 100%)}@supports (color:color-mix(in lab, red, red)){.ios-pill--accent-hover:hover,.ios-pill--accent-hover:focus-visible{--ios-pill-fill:linear-gradient(180deg, color-mix(in srgb, var(--sm-accent,#5227ff) 18%, #fff) 0%, color-mix(in srgb, var(--sm-accent,#5227ff) 38%, #f4f6ff) 28%, color-mix(in srgb, var(--sm-accent,#5227ff) 62%, #e4e7f4) 62%, color-mix(in srgb, var(--sm-accent,#5227ff) 52%, #dde1f0) 100%)}}.ios-pill--accent-hover:hover,.ios-pill--accent-hover:focus-visible{--ios-pill-fill-hover:var(--ios-pill-fill);--ios-pill-rim:var(--sm-accent,#5227ff)}@supports (color:color-mix(in lab, red, red)){.ios-pill--accent-hover:hover,.ios-pill--accent-hover:focus-visible{--ios-pill-rim:color-mix(in srgb, var(--sm-accent,#5227ff) 58%, #2a2a32)}}.ios-pill--accent-hover:hover,.ios-pill--accent-hover:focus-visible{background:var(--ios-pill-fill);border-color:var(--ios-pill-rim);color:var(--ios-pill-fg)}[data-theme=dark] .ios-pill{--ios-pill-lift:0 8px 18px #00000052}[data-theme=dark] .work-archive-heading{--ios-pill-lift:0 0 0 transparent;filter:drop-shadow(0 1px 0 var(--ios-pill-rim)) drop-shadow(0 -1px 0 var(--ios-pill-rim)) drop-shadow(1px 0 0 var(--ios-pill-rim)) drop-shadow(-1px 0 0 var(--ios-pill-rim)) drop-shadow(0 8px 14px #00000057)}.nav-logo:focus-visible{border-radius:6px}.theme-toggle:focus-visible{outline-offset:2px;border-radius:50%}.contact-socials a:focus-visible{border-radius:6px}@media (prefers-reduced-motion:reduce){.btn-primary:hover,.btn-secondary:hover,.contact-socials a:hover,.work-card:hover,.bio-blog-link.ios-pill:hover,.bio-blog-link.ios-pill:focus-visible,.bio-blog-link.ios-pill:active,.work-cta .ios-pill:hover,.work-cta .ios-pill:focus-visible,.work-cta .ios-pill:active{transform:none}.work-card:hover:after,.work-card:focus-within:after{opacity:1;--work-card-stroke-angle:360deg;animation:none}}.nav.nav--staggered{pointer-events:none;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;padding:0}.nav.nav--staggered .skip-link{z-index:10000;position:fixed}.nav.nav--staggered.scrolled{box-shadow:none;-webkit-backdrop-filter:none;background:0 0}.nav{z-index:100;transition:padding var(--transition), background-color var(--transition), box-shadow var(--transition), backdrop-filter var(--transition);padding:20px 0;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--color-border);background:#fafafad9;padding:11px 0}.nav-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:0 24px;display:flex}.nav-inner--morphic{gap:clamp(12px,2.5vw,24px)}.nav-morphic-wrap{flex:1;justify-content:center;min-width:0;max-width:640px;margin:0 auto;display:flex}.morphic-navbar{width:100%}.morphic-navbar__pill{border-radius:.75rem;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:4px;display:flex;position:relative;overflow:hidden}.morphic-navbar__indicator{z-index:0;background:var(--color-text);pointer-events:none;will-change:transform;border-radius:.65rem;width:1px;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;top:4px;bottom:4px;left:0}.morphic-navbar__link{z-index:1;white-space:nowrap;color:var(--color-text);background:0 0;border-radius:.65rem;flex:auto;justify-content:center;align-items:center;padding:.375rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .25s;display:flex;position:relative}.morphic-navbar__link:hover{color:var(--color-text)}.morphic-navbar__link--highlighted{color:var(--color-bg);font-weight:600}.morphic-navbar__link:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.morphic-navbar__indicator{transition:none}}.glass{background:var(--color-card)}@supports (color:color-mix(in lab, red, red)){.glass{background:color-mix(in srgb, var(--color-card) 78%, transparent)}}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border)}@supports (color:color-mix(in lab, red, red)){.glass{border:1px solid color-mix(in srgb, var(--color-border) 85%, transparent)}}.glass{box-shadow:0 4px 24px #0000000f}[data-theme=dark] .glass{background:var(--color-card)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .glass{background:color-mix(in srgb, var(--color-card) 62%, transparent)}}[data-theme=dark] .glass{box-shadow:0 4px 28px #00000061}.nav-logo{font-family:var(--font-heading);align-items:center;gap:10px;font-size:1.3rem;font-weight:700;display:inline-flex}.nav-logo-img{object-fit:contain;width:auto;height:64px;display:block}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--color-text);transition:color var(--transition);font-size:.9rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--color-text);transform-origin:0;width:100%;height:1.5px;transition:transform var(--transition);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--color-text)}.nav-links a:hover:after{transform:scaleX(1)}.nav-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:28px;display:flex}@media (width>=900px){.nav-right{flex-wrap:nowrap}}.nav-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.lang-switch{border:1px solid var(--color-border);background:var(--color-card);border-radius:999px;display:inline-flex;overflow:hidden}.lang-switch-btn{letter-spacing:.06em;color:var(--color-text-secondary);cursor:pointer;appearance:none;transition:background var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:6px 12px;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}.lang-switch-btn:hover{color:var(--color-text)}.lang-switch-btn.is-active{background:var(--color-text);color:var(--color-bg)}.theme-toggle{border:1px solid var(--color-border);background:var(--color-card);width:40px;height:40px;color:var(--color-text);cursor:pointer;appearance:none;transition:transform var(--transition), border-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex}.theme-toggle:hover{border-color:var(--color-text-secondary);transform:scale(1.05)}.nav.scrolled .lang-switch-btn{padding:5px 10px}.nav.scrolled .theme-toggle{width:34px;height:34px}.nav.scrolled .theme-toggle svg{width:18px;height:18px}[data-theme=dark] .nav.scrolled{background:#0c0c0fe6;box-shadow:0 1px #ffffff0f}[data-theme=dark] .nav-logo{color:#fff;transition:filter .35s,text-shadow .35s,color .35s}[data-theme=dark] .nav-logo:hover{color:#0a0a0a;-webkit-text-fill-color:#0a0a0a;text-shadow:0 0 1px #ffffff59,0 0 14px #f871e8,0 0 26px #a78bfaf2,0 0 40px #38bdf8d9,0 0 52px #fde047a6;filter:drop-shadow(0 0 8px #e879f9)drop-shadow(0 0 18px #22d3eed9)drop-shadow(0 0 28px #facc158c);background:0 0;animation:none}[data-theme=dark] .nav-links a{color:#fff;transition:filter .35s,text-shadow .35s,color .35s}[data-theme=dark] .nav-links a:hover{color:#0a0a0a;-webkit-text-fill-color:#0a0a0a;text-shadow:0 0 1px #ffffff59,0 0 14px #f871e8,0 0 26px #a78bfaf2,0 0 40px #38bdf8d9,0 0 52px #fde047a6;filter:drop-shadow(0 0 8px #e879f9)drop-shadow(0 0 18px #22d3eed9)drop-shadow(0 0 28px #facc158c);background:0 0;animation:none}[data-theme=dark] .nav-links a:hover:after{background:linear-gradient(90deg,#f472b6,#e879f9,#a78bfa,#38bdf8,#22d3ee,#2dd4bf,#fde047,#fda4af,#f472b6) 0 0/260% 100%;height:2px;animation:5.5s ease-in-out infinite prismLabel;box-shadow:0 0 10px #e879f9,0 0 20px #38bdf8d9,0 0 32px #fde04799}[data-theme=dark] .btn-primary:hover{background:#ccc;box-shadow:0 8px 25px #00000059}[data-theme=dark] .work-card:hover{box-shadow:none}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:100px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-content,.hero-previews,.hero-scroll-hint{z-index:3;position:relative}[data-theme=dark] .hero-bg .orb{opacity:.1!important}[data-theme=dark] .hero-dots{opacity:.35}[data-theme=dark] .hero-grain{opacity:.05}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg .orb{filter:blur(70px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.hero-bg .orb-1{background:radial-gradient(circle,#b794f6,#d6bcfa 50%,#0000 70%);width:550px;height:550px;animation:18s ease-in-out infinite orbFloat1;top:-10%;left:-8%}.hero-bg .orb-2{background:radial-gradient(circle,#63d5db,#81e6d9 50%,#0000 70%);width:450px;height:450px;animation:22s ease-in-out infinite orbFloat2;bottom:-5%;right:-5%}.hero-bg .orb-3{background:radial-gradient(circle,#ffa94d,#ffc078 50%,#0000 70%);width:350px;height:350px;animation:15s ease-in-out infinite orbFloat3;top:30%;right:15%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,40px)scale(1.08)}66%{transform:translate(-30px,60px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-50px,-30px)scale(1.1)}66%{transform:translate(40px,-50px)scale(.92)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-40px,30px)scale(1.05)}66%{transform:translate(30px,-40px)scale(.97)}}.hero-dots{display:none!important}.hero-grain{z-index:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.hero-name-stage{isolation:isolate;width:min(1240px,100vw - 24px);height:clamp(400px,54vmin,600px);margin-inline:auto;position:relative;overflow:visible}.hero-name{z-index:1;width:100%;max-width:none;height:100%;margin-block:0;margin-inline:0;position:relative;overflow:visible}.hero-name-text{--mobile-name-a:#ff6a3d;--mobile-name-b:#4f7cff;--mobile-name-c:#0ff;font-family:var(--font-heading);letter-spacing:-.04em;color:#0000;text-align:center;pointer-events:none;background:linear-gradient(180deg, #ffffff5c, transparent 34%), linear-gradient(100deg, var(--mobile-name-a) 0%, var(--mobile-name-b) 52%, var(--mobile-name-c) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 16px #00000038) drop-shadow(0 0 18px var(--mobile-name-b));-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin:0;font-size:clamp(4.6rem,18vmin,13rem);font-weight:700;line-height:.9;display:flex;position:absolute;inset:0;overflow:visible}@supports (color:color-mix(in lab, red, red)){.hero-name-text{filter:drop-shadow(0 10px 16px #00000038) drop-shadow(0 0 18px color-mix(in srgb, var(--mobile-name-b) 34%, transparent))}}.hero-name-text{text-shadow:2px 0 0 var(--mobile-name-a), -2px 0 0 var(--mobile-name-c), 0 0 24px var(--mobile-name-b)}@supports (color:color-mix(in lab, red, red)){.hero-name-text{text-shadow:2px 0 0 color-mix(in srgb, var(--mobile-name-a) 64%, transparent), -2px 0 0 color-mix(in srgb, var(--mobile-name-c) 48%, transparent), 0 0 24px color-mix(in srgb, var(--mobile-name-b) 26%, transparent)}}[data-theme=light] .hero-name-text{background:linear-gradient(180deg, #ffffff6b, transparent 36%), linear-gradient(100deg, var(--mobile-name-a) 0%, var(--mobile-name-b) 54%, #1237c8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 14px #1212141f) drop-shadow(0 0 14px var(--mobile-name-b));-webkit-background-clip:text;background-clip:text}@supports (color:color-mix(in lab, red, red)){[data-theme=light] .hero-name-text{filter:drop-shadow(0 10px 14px #1212141f) drop-shadow(0 0 14px color-mix(in srgb, var(--mobile-name-b) 24%, transparent))}}[data-theme=light] .hero-name-text{text-shadow:2px 0 0 var(--mobile-name-a), -2px 0 0 var(--mobile-name-b), 0 9px 0 #1212140f}@supports (color:color-mix(in lab, red, red)){[data-theme=light] .hero-name-text{text-shadow:2px 0 0 color-mix(in srgb, var(--mobile-name-a) 54%, transparent), -2px 0 0 color-mix(in srgb, var(--mobile-name-b) 34%, transparent), 0 9px 0 #1212140f}}@media (width<=768px){.hero{justify-content:flex-start;min-height:100svh;padding:clamp(132px,27svh,168px) 16px 34px}.hero-content{width:100%}.hero-type-intro{margin-bottom:0}.hero-name-stage{width:min(100vw,640px);height:clamp(140px,26svh,192px);margin-top:-6px;margin-bottom:-4px}.hero-name{transform-origin:50%;width:100%;max-width:none;height:100%;margin-inline:0;transform:none}.hero-name-text{text-shadow:1px 0 0 var(--mobile-name-a), -1px 0 0 var(--mobile-name-c), 0 0 24px var(--mobile-name-b);font-size:clamp(4.4rem,21vw,6.8rem)}@supports (color:color-mix(in lab, red, red)){.hero-name-text{text-shadow:1px 0 0 color-mix(in srgb, var(--mobile-name-a) 64%, transparent), -1px 0 0 color-mix(in srgb, var(--mobile-name-c) 48%, transparent), 0 0 24px color-mix(in srgb, var(--mobile-name-b) 26%, transparent)}}[data-theme=light] .hero-name-text{text-shadow:1px 0 0 var(--mobile-name-a), -1px 0 0 var(--mobile-name-b), 0 9px 0 #1212140f}@supports (color:color-mix(in lab, red, red)){[data-theme=light] .hero-name-text{text-shadow:1px 0 0 color-mix(in srgb, var(--mobile-name-a) 54%, transparent), -1px 0 0 color-mix(in srgb, var(--mobile-name-b) 34%, transparent), 0 9px 0 #1212140f}}.hero-subtitle{max-width:22rem;margin-bottom:26px;font-size:clamp(1.02rem,5vw,1.28rem);line-height:1.5}[data-theme=light] .hero .hero-subtitle,[data-theme=light] .hero .hero-subtitle__word{color:#111;text-shadow:0 1px #ffffffb8}.hero-cta{gap:10px;margin-bottom:28px}.hero-bubble-ctas{justify-content:center;gap:10px;width:min(100%,21rem)}.hero-bubble-cta{min-height:46px;padding-inline:1.1rem;font-size:.9rem}}@media (width<=900px){.hero-cta.hero-cta--bubble{margin-bottom:280px;position:relative;overflow:visible}}.hero-label{color:var(--color-text);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:1rem;font-weight:700}.hero-type-intro{width:max-content;max-width:100%;color:var(--color-text);box-shadow:none;opacity:0;background:0 0;border:0;margin-bottom:clamp(4px,.8vw,10px);padding:0;animation:.26s ease-out .12s both heroIntroPop;display:inline-flex;position:relative}[data-theme=dark] .hero-type-intro{color:#fdf9f3}.hero-name-reveal{opacity:0;clip-path:inset(0 100% 0 0 round 14px);transform:translateY(18px)scale(.985)}.hero-content--intro-done .hero-name-reveal{animation:.86s cubic-bezier(.19,1,.22,1) 50ms forwards heroNameReveal}.hero-sequence-reveal{opacity:0;transform:translateY(18px)}.hero-content--intro-done .hero-sequence-reveal{animation:.56s cubic-bezier(.19,1,.22,1) forwards heroSequenceReveal}.hero-content--intro-done .hero-sequence-reveal--subtitle{animation-delay:.42s}.hero-content--intro-done .hero-sequence-reveal--ctas{animation-delay:.68s}.hero-content--intro-done .hero-sequence-reveal--projects{animation-delay:.92s}.hero-sequence-reveal--ctas .hero-bubble-cta:hover{transform:rotate(var(--hb-rot)) translateY(-1px) scale(1.04)}.hero-sequence-reveal--ctas .hero-bubble-cta:active{transform:rotate(var(--hb-rot)) translateY(1px) scale(.98)}@keyframes heroIntroPop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heroNameReveal{0%{opacity:0;clip-path:inset(0 100% 0 0 round 14px);transform:translateY(18px)scale(.985)}72%{opacity:1}to{opacity:1;clip-path:inset(0 round 14px);transform:translateY(0)scale(1)}}@keyframes heroSequenceReveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-type-intro,.hero-name-reveal,.hero-sequence-reveal,.hero-sequence-reveal--ctas .hero-bubble-cta{animation:none}.hero-sequence-reveal--ctas .hero-bubble-cta:hover,.hero-sequence-reveal--ctas .hero-bubble-cta:active{transform:none}.hero-type-intro,.hero-name-reveal,.hero-sequence-reveal,.hero-content:not(.hero-content--intro-done) .hero-name-reveal,.hero-content:not(.hero-content--intro-done) .hero-sequence-reveal{opacity:1;clip-path:none;filter:none;transform:none}}.hero-label .prism-text{-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 3px #fff9);background:linear-gradient(90deg,#111 0%,#7c3aed 40%,#06b6d4 60%,#111 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite prismLabel}[data-theme=dark] .hero-label .prism-text{-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 4px #0009);background:linear-gradient(90deg,#e2e2e2 0%,#a78bfa 40%,#38bdf8 60%,#e2e2e2 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text}@keyframes prismLabel{0%,to{background-position:0%}50%{background-position:100%}}.hero-title{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(3.5rem,10vw,7rem);font-weight:700;line-height:1.05}.hero-title .prism-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1a1a1a 0% 20%,#7c3aed 35%,#06b6d4 50%,#f59e0b 65%,#1a1a1a 80% 100%) 0 0/300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite prismText}@keyframes prismText{0%,to{background-position:0%}50%{background-position:100%}}.hero-subtitle{color:var(--color-text-secondary);max-width:520px;margin:0 auto 36px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.hero-subtitle__word{color:var(--color-text-secondary);border-radius:4px;padding:0 4px;transition:color .28s,background-color .28s,text-shadow .28s;display:inline-block;position:relative}[data-theme=dark] .hero .hero-subtitle,[data-theme=dark] .hero .hero-subtitle__word{color:#fff;text-shadow:0 1px 3px #00000080}[data-theme=dark] .hero .hero-subtitle__word.is-light-bg{color:#0a0a0c;text-shadow:0 1px 1px #ffffff73}[data-theme=dark] .hero .hero-subtitle__word.is-dark-bg{color:#fdf9f3;text-shadow:0 1px 3px #000000b3}@media (prefers-reduced-motion:reduce){.hero-subtitle__word{transition:none}}@media (pointer:coarse),(prefers-reduced-motion:reduce){[data-theme=light] .hero .hero-subtitle,[data-theme=light] .hero .hero-subtitle__word{color:var(--color-text);text-shadow:0 1px 0 var(--color-bg), 0 0 14px var(--color-bg)}@supports (color:color-mix(in lab, red, red)){[data-theme=light] .hero .hero-subtitle,[data-theme=light] .hero .hero-subtitle__word{text-shadow:0 1px 0 color-mix(in srgb, var(--color-bg) 82%, transparent), 0 0 14px color-mix(in srgb, var(--color-bg) 58%, transparent)}}[data-theme=dark] .hero .hero-subtitle,[data-theme=dark] .hero .hero-subtitle__word{color:var(--color-text-light);text-shadow:0 1px 4px #0000009e}}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-previews{perspective:800px;justify-content:center;gap:16px;margin-top:48px;display:flex}.hero-previews.hero-previews--bounce{perspective:900px;display:block}.hero-previews.hero-previews--flowing{perspective:none;margin-top:40px;display:block}.hero-flowing-menu-mount{-webkit-backdrop-filter:blur(2px);background:#faf9f72e;border:1px solid #12121414;border-radius:14px;width:min(520px,92vw);height:clamp(200px,26vmin,280px);margin-inline:auto;overflow:hidden;box-shadow:0 6px 22px #0000000d}[data-theme=dark] .hero-flowing-menu-mount{background:#12121638;border-color:#fdf9f31a;box-shadow:0 6px 24px #0000002e}.hero-bounce-cards.bounce-cards{max-width:min(520px,92vw)}.hero-thumb{border-radius:var(--radius);border:1px solid var(--color-border);width:140px;height:95px;transition:transform .5s cubic-bezier(.19,1,.22,1);overflow:hidden;box-shadow:0 8px 30px #0000001a}.hero-thumb img{object-fit:cover;width:100%;height:100%}.hero-thumb:hover{transform:translateY(-6px)scale(1.05)}.hero-thumb-1{transform:rotate(-3deg)translateY(4px)}.hero-thumb-2{transform:rotate(1.5deg)translateY(-2px)}.hero-thumb-3{transform:rotate(-1deg)translateY(6px)}.hero-thumb-4{transform:rotate(2.5deg)translateY(0)}.hero-thumb-1:hover{transform:rotate(-3deg)translateY(-4px)scale(1.05)}.hero-thumb-2:hover{transform:rotate(1.5deg)translateY(-8px)scale(1.05)}.hero-thumb-3:hover{transform:rotate(-1deg)translateY(0)scale(1.05)}.hero-thumb-4:hover{transform:rotate(2.5deg)translateY(-6px)scale(1.05)}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-arrow{color:var(--color-text-secondary);opacity:.6;justify-content:center;align-items:center;animation:1.8s ease-out infinite scrollArrowNudge;display:flex}.scroll-arrow svg{width:28px;height:28px}@keyframes scrollArrowNudge{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(6px)}}.gradient-divider{background:linear-gradient(90deg,#0000,#c8b6ff,#a0d2db,#ffd6a5,#0000) 0 0/200% 100%;height:2px;animation:6s ease-in-out infinite gradientSlide}[data-theme=dark] .gradient-divider{opacity:.55}.bio-section .section-title{margin-bottom:40px}.bio-grid{grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:center;gap:48px;display:grid}.bio-text p{color:#000;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.75}.bio-text .scroll-reveal{margin:0 0 1.25rem}.bio-text .scroll-reveal:last-child{margin-bottom:0}.bio-text .scroll-reveal-text{color:#000;font-size:1.05rem;font-weight:400;line-height:1.75}[data-theme=dark] .bio-section .bio-text .scroll-reveal-text{color:#fff}.bio-text .scroll-reveal.bio-closing .scroll-reveal-text{font-family:var(--font-heading);font-size:1.15rem;font-weight:600}.bio-blog-link{transform-origin:50%;margin-top:.35rem;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s,color .18s}.bio-blog-link.ios-pill:hover,.bio-blog-link.ios-pill:focus-visible{background:var(--ios-pill-fill-hover);border-color:var(--ios-pill-rim);transform:translateY(-2px)scale(1.04);box-shadow:0 10px 22px #0003,inset 0 1.5px #fffffff2,inset 0 -1px #0000001f}.bio-blog-link.ios-pill:active{transform:translateY(1px)scale(.98);box-shadow:0 3px 8px #00000024,inset 0 2px 3px #0000001a}[data-theme=dark] .bio-section .bio-text p,[data-theme=dark] .bio-section .bio-closing{color:#fff!important}.bio-photo,.bio-photo--simple{border-radius:var(--radius-lg);box-shadow:none;border:none;justify-content:center;align-items:center;margin:0;display:flex;overflow:visible}.bio-photo .pc-card-wrapper{touch-action:pan-y;width:100%;max-width:380px}.bio-photo .pc-card{aspect-ratio:.718;width:100%;max-height:min(480px,62svh);height:auto!important}.bio-photo .pc-shine{-webkit-mask-image:var(--icon);-webkit-mask-mode:luminance;-webkit-mask-size:96px 96px;-webkit-mask-repeat:repeat;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));-webkit-mask-size:96px 96px;mask-size:96px 96px}.bio-photo .pc-shine:before{filter:brightness(calc(1.05 + var(--pointer-from-center) * .35)) contrast(calc(1.05 + var(--pointer-from-center) * .55)) saturate(calc(.42 + var(--pointer-from-center) * .28))}.bio-photo .pc-card:hover .pc-shine,.bio-photo .pc-card.active .pc-shine{filter:brightness(.48)contrast(1.08)saturate(.32)}.bio-photo .pc-card:hover .pc-shine:before,.bio-photo .pc-card.active .pc-shine:before,.bio-photo .pc-card:hover .pc-shine:after,.bio-photo .pc-card.active .pc-shine:after{opacity:.32}.bio-photo .pc-card:hover .pc-shine:before,.bio-photo .pc-card.active .pc-shine:before{filter:brightness(.88)contrast(1.08)saturate(.38)}.bio-photo .pc-glare{filter:brightness(.52)contrast(1.04);opacity:.78}.bio-photo .pc-card:hover .pc-glare,.bio-photo .pc-card.active .pc-glare{opacity:.55;filter:brightness(.42)contrast(1.02)}.bio-photo .pc-content:not(.pc-avatar-content){mix-blend-mode:normal}.bio-photo .pc-details h3{background-image:none;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:#b4bccf;color:#b4bccf;text-shadow:0 1px 2px #000000eb,0 0 20px #0000008c}.bio-photo .pc-details p{background-image:none;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:#7f889c;color:#7f889c;text-shadow:0 1px 2px #000000e0,0 0 14px #00000080}@media (width<=900px){.bio-grid{grid-template-columns:1fr;gap:32px}.bio-photo,.bio-photo--simple{order:-1;max-width:400px;margin:0 auto}.bio-photo .pc-card{max-height:min(440px,58svh)}}@media (width<=768px){.nav{padding:10px 0}.nav.scrolled{padding:8px 0}.nav-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:0 18px;display:grid}.nav-inner--morphic{grid-template-rows:auto auto}.nav-morphic-wrap{grid-area:2/1/auto/-1;max-width:none}.morphic-navbar__link{padding-left:.55rem;padding-right:.55rem;font-size:clamp(.72rem,3.2vw,.85rem)}.morphic-navbar__indicator{top:3px;bottom:3px}.nav-logo{grid-area:1/1;gap:8px;min-width:0;font-size:clamp(1rem,5vw,1.35rem)}.nav-logo-img{flex-shrink:0;height:46px}.nav-right{display:contents}.nav-links{flex-wrap:nowrap;grid-area:2/1/auto/-1;justify-content:center;gap:clamp(13px,4vw,22px);display:flex}.nav-links a{white-space:nowrap;font-size:clamp(.82rem,3.7vw,1rem)}.nav-controls{grid-area:1/2;gap:8px}.lang-switch-btn{padding:6px 10px}}@media (width<=768px),(pointer:coarse){.lang-switch-btn{min-width:44px;min-height:44px;padding:8px 12px}.theme-toggle,.nav.scrolled .theme-toggle{width:44px;height:44px}}@keyframes gradientSlide{0%,to{background-position:0%}50%{background-position:100%}}@property --work-card-stroke-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.work-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.work-card{border-radius:var(--radius-lg);background:var(--work-card-surface,var(--color-card));border:1px solid var(--work-card-text,var(--color-border));position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.work-card{border:1px solid color-mix(in srgb, var(--work-card-text,var(--color-border)) 22%, var(--work-card-surface,var(--color-card)))}}.work-card{--work-card-accent:var(--work-card-live-color,var(--work-card-text,var(--color-text)));--work-card-stroke-width:3px;transition:border-color var(--transition), opacity .3s ease;cursor:pointer;display:block}.work-card:after{content:"";border-radius:inherit;padding:var(--work-card-stroke-width);pointer-events:none;z-index:4;opacity:0;--work-card-stroke-angle:0deg;background:conic-gradient(from -90deg, var(--work-card-accent) 0deg, var(--work-card-accent) var(--work-card-stroke-angle), transparent var(--work-card-stroke-angle));-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;transition:opacity .18s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.work-card:hover:after,.work-card:focus-within:after{opacity:1;animation:.62s cubic-bezier(.22,1,.36,1) forwards work-card-stroke-sweep}@keyframes work-card-stroke-sweep{0%{--work-card-stroke-angle:0deg}to{--work-card-stroke-angle:360deg}}.work-card:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.work-card:hover{box-shadow:none;transform:none}.work-card-img{aspect-ratio:4/3;border-top-left-radius:inherit;border-top-right-radius:inherit;position:relative;overflow:hidden}.work-card--poster .work-card-img{aspect-ratio:3/4;background:#0f0f12}.work-card-img--split{background:var(--color-border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.work-card-img--split img{min-height:0}.work-live-badge{z-index:2;letter-spacing:.12em;text-transform:lowercase;background:var(--psx-color,#22d3ee);border-radius:0;align-items:center;gap:6px;padding:7px 9px;font-family:"Press Start 2P",monospace;font-size:6px;display:inline-flex;position:absolute;top:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.work-live-badge{background:color-mix(in srgb, var(--psx-color,#22d3ee) 12%, #00000094)}}.work-live-badge{color:var(--psx-color,#22d3ee);border:1px solid var(--psx-color,#22d3ee)}@supports (color:color-mix(in lab, red, red)){.work-live-badge{border:1px solid color-mix(in srgb, var(--psx-color,#22d3ee) 70%, transparent)}}.work-live-badge{pointer-events:none;-webkit-backdrop-filter:blur(8px);box-shadow:0 0 10px var(--psx-color,#22d3ee)}@supports (color:color-mix(in lab, red, red)){.work-live-badge{box-shadow:0 0 10px color-mix(in srgb, var(--psx-color,#22d3ee) 22%, transparent)}}[data-theme=dark] .work-live-badge{background:var(--psx-color,#22d3ee)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .work-live-badge{background:color-mix(in srgb, var(--psx-color,#22d3ee) 10%, #0000009e)}}[data-theme=dark] .work-live-badge{color:var(--psx-color,#22d3ee);border-color:var(--psx-color,#22d3ee)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .work-live-badge{border-color:color-mix(in srgb, var(--psx-color,#22d3ee) 65%, transparent)}}.work-live-badge__dot{background:currentColor;border-radius:0;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 8px}.work-card-img img,.work-card-img video{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.work-card:hover .work-card-img img,.work-card:hover .work-card-img video{transform:scale(1.05)}.work-card-img--video video{background:#0f0f12;display:block}.work-card--openfeed{contain:paint;background:#111;border-color:#cc111152}.work-card[data-work-id=egda],.modal-card--egda{--egda-bg:#151516;--egda-fg:#f3f3e1;--egda-blue:#1c00ff;--egda-blue-line:#1c00ffb8}.work-card[data-work-id=hondaPrelude],.work-card[data-work-id^=catwees],.work-card--motion-collection,.modal-card--honda,.motion-collection-panel{--honda-red:#e40521;--honda-red-line:#e40521eb;--work-card-live-color:#e40521}.work-card[data-work-id=hondaPrelude],.work-card[data-work-id^=catwees],.work-card--motion-collection{background:linear-gradient(var(--work-card-surface,var(--color-card)), var(--work-card-surface,var(--color-card))) padding-box, var(--honda-red) border-box;isolation:isolate;border:2px solid #0000;flex-direction:column;padding:0;display:flex;overflow:visible;box-shadow:0 0 0 1px #e4052147}[data-theme=dark] .work-card[data-work-id=hondaPrelude],[data-theme=dark] .work-card[data-work-id^=catwees],[data-theme=dark] .work-card--motion-collection{background:linear-gradient(var(--work-card-surface-dark,var(--work-card-surface,var(--color-card))), var(--work-card-surface-dark,var(--work-card-surface,var(--color-card)))) padding-box, var(--honda-red) border-box;border-color:#0000}.work-card[data-work-id=hondaPrelude] .work-card-img,.work-card[data-work-id^=catwees] .work-card-img,.work-card--motion-collection .work-card-img{border-top-left-radius:calc(var(--radius-lg) - 2px);border-top-right-radius:calc(var(--radius-lg) - 2px);overflow:hidden;transform:translateZ(0)}.work-card[data-work-id=catweesBrandAnim] .work-card-img{background:#fff}.work-card[data-work-id=hondaPrelude] .work-card-img img,.work-card[data-work-id=hondaPrelude] .work-card-img video,.work-card[data-work-id^=catwees] .work-card-img img,.work-card[data-work-id^=catwees] .work-card-img video,.work-card--motion-collection .work-card-img img,.work-card--motion-collection .work-card-img video{border-top-left-radius:calc(var(--radius-lg) - 2px);border-top-right-radius:calc(var(--radius-lg) - 2px)}.work-card[data-work-id=hondaPrelude] .work-card-info,.work-card[data-work-id^=catwees] .work-card-info,.work-card--motion-collection .work-card-info{background:var(--work-card-surface,var(--color-card));border-bottom-left-radius:calc(var(--radius-lg) - 2px);border-bottom-right-radius:calc(var(--radius-lg) - 2px);flex:auto;overflow:hidden}[data-theme=dark] .work-card[data-work-id=hondaPrelude] .work-card-info,[data-theme=dark] .work-card[data-work-id^=catwees] .work-card-info,[data-theme=dark] .work-card--motion-collection .work-card-info{background:var(--work-card-surface-dark,var(--work-card-surface,var(--color-card)))}.work-card[data-work-id=hondaPrelude]:hover,.work-card[data-work-id^=catwees]:hover,.work-card--motion-collection:hover,[data-theme=dark] .work-card[data-work-id=hondaPrelude]:hover,[data-theme=dark] .work-card[data-work-id^=catwees]:hover,[data-theme=dark] .work-card--motion-collection:hover{box-shadow:0 0 0 1px #e4052147}.work-card[data-work-id=egda]{border:1px solid var(--egda-blue-line);box-shadow:0 16px 48px #00000047,0 0 0 1px #1c00ff0f}.work-card[data-work-id=egda]:hover{border-color:var(--egda-blue-line);box-shadow:none}[data-theme=dark] .work-card[data-work-id=egda]{border-color:var(--egda-blue-line)}.work-card[data-work-id=egda] .work-card-img{background:var(--egda-bg);border-bottom:1px solid var(--egda-blue-line)}.work-card[data-work-id=egda] .work-card-img:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--egda-blue-line) 1px, transparent 1px), linear-gradient(90deg, var(--egda-blue-line) 1px, transparent 1px);opacity:.28;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 28%,#0000 76%);mask-image:radial-gradient(#000 28%,#0000 76%)}.work-card[data-work-id=egda] .work-card-img img{z-index:1;object-fit:contain;padding:clamp(1.25rem,5vw,2.75rem);position:relative}.work-card[data-work-id=egda] .work-meta{color:var(--egda-blue);opacity:1;font-family:var(--font-mono,"IBM Plex Mono", monospace);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.work-card[data-work-id=egda] .work-card-preview-hint{color:var(--egda-fg);opacity:1;text-decoration:underline;-webkit-text-decoration-color:var(--egda-blue);-webkit-text-decoration-color:var(--egda-blue);-webkit-text-decoration-color:var(--egda-blue);text-decoration-color:var(--egda-blue);text-underline-offset:3px;text-decoration-thickness:2px}.work-card[data-work-id=egda]:hover .work-card-preview-hint{color:var(--egda-blue)}.work-card[data-work-id=egda] .work-card-inline-action{color:var(--egda-fg);-webkit-text-decoration-color:var(--egda-blue);-webkit-text-decoration-color:var(--egda-blue);-webkit-text-decoration-color:var(--egda-blue);text-decoration-color:var(--egda-blue)}.work-card[data-work-id=egda] .work-card-inline-action:hover{color:var(--egda-blue)}.work-card-img--openfeed{contain:paint;background:linear-gradient(#0c0c0c66,#0c0c0cd9),#050505;overflow:hidden}.openfeed-work-thumb{contain:paint;border-top-left-radius:inherit;border-top-right-radius:inherit;position:absolute;inset:0;overflow:hidden}.openfeed-work-thumb__cover{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;animation:5.8s steps(2,end) infinite openfeed-modal-drift;display:block}.openfeed-work-thumb__canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.openfeed-work-thumb__fallback{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.openfeed-work-thumb:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.9;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000003d 2px 3px),linear-gradient(90deg,#be282214,#0000 24% 76%,#2254d214);position:absolute;inset:0}.openfeed-work-thumb:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle,#0000 56%,#0000006b 100%),linear-gradient(#ffffff0d,#0000 22% 78%,#0000002e);animation:4.2s steps(2,end) infinite openfeed-modal-glitch;position:absolute;inset:0}.openfeed-work-thumb__id,.openfeed-work-thumb__live{z-index:1;text-shadow:0 0 3px #000000e6;letter-spacing:.08em;font-family:IBM Plex Mono Variable,IBM Plex Mono,Consolas,Courier New,monospace;font-size:10px;position:absolute;top:10px}.openfeed-work-thumb__id{color:#a0c896eb;left:10px}.openfeed-work-thumb__live{color:#c84646eb;right:10px}.work-card:hover .openfeed-work-thumb__cover,.work-card:hover .openfeed-work-thumb__canvas{transform:scale(1.04)}.work-card--openfeed .work-card-info h3{color:#ece7df}.work-card--openfeed .work-card-info p{color:#f2eee6}.work-card--openfeed .work-meta,.work-card--openfeed .work-card-inline-action{color:#e8e4da}.work-card--obol{position:relative}.work-card-img--obol{background:linear-gradient(155deg,#0380dc 0%,#269cf2 38%,#7fd1ff 74%,#c1ecff 100%)}.obol-card-thumb{display:block}.obol-card-scrim{pointer-events:none;background:linear-gradient(#ffffff29,#0000 38%),linear-gradient(#0000 58%,#00407638);position:absolute;inset:0}.obol-embed-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#00000094;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.obol-embed-panel{background:#74cfe8;border-radius:28px;width:min(96vw,1280px);height:min(92vh,860px);position:relative;overflow:hidden;box-shadow:0 32px 80px #00000073,0 0 0 1px #ffffff24}.obol-embed-frame,.modal-live-frame{background:#0f0f12;border:0;width:100%;height:100%;display:block}.modal-live-frame[hidden]{display:none!important}.obol-embed-close{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff38;border:1px solid #ffffff6b;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:18px;right:18px}.work-card--motion-collection{cursor:pointer}.work-card--motion-collection:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.work-card-img--motion-collection{background:#0f0f12;padding:0;position:relative}.work-piece-count-badge{z-index:2;letter-spacing:.04em;text-transform:uppercase;background:var(--color-text);color:var(--color-bg);border:1px solid var(--color-border);pointer-events:none;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:600;position:absolute;top:10px;right:10px}.motion-collection-preview-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:100%;height:100%;min-height:0;display:grid}.motion-collection-preview-cell{background:#1a1a1f;overflow:hidden}.motion-collection-preview-cell-media{object-fit:cover;width:100%;height:100%;display:block}.motion-collection-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;padding:24px 16px;transition:opacity .25s;display:flex;position:fixed;inset:0}.motion-collection-overlay.active{opacity:1;pointer-events:auto}.motion-collection-panel{border-radius:var(--radius-lg);background:linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--honda-red,#e40521) border-box;border:2.5px solid #0000;width:min(960px,100%);max-height:min(92vh,900px);padding:28px 24px 32px;position:relative;overflow:auto;box-shadow:0 24px 80px #0003,0 0 0 1px #e4052159,0 0 36px #e4052133}.motion-collection-close{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;z-index:5;transition:color var(--transition), background var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.motion-collection-close:hover{color:var(--color-text);background:var(--color-bg-secondary)}.motion-collection-header{margin-bottom:24px;padding-right:40px}.motion-collection-header h2{font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700}.motion-collection-lead{color:var(--color-text-secondary);margin:0 0 8px;font-size:.95rem;line-height:1.55}.motion-collection-meta{color:var(--color-text-secondary);opacity:.85;font-size:.78rem}.motion-collection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.motion-collection-tile{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;text-align:left;transition:border-color var(--transition), transform var(--transition);padding:0;font-family:inherit;overflow:hidden}.motion-collection-tile:hover{border-color:var(--color-text);transform:translateY(-2px)}.motion-collection-tile-media{aspect-ratio:4/3;background:#0f0f12;overflow:hidden}.motion-collection-tile-media img,.motion-collection-tile-media video{object-fit:cover;width:100%;height:100%;display:block}.motion-collection-tile-title{color:var(--color-text);padding:8px 10px 10px;font-size:.78rem;font-weight:600;line-height:1.35;display:block}.motion-collection-back{margin-bottom:16px}.motion-collection-detail-media{border-radius:var(--radius-md);background:#0f0f12;margin-bottom:16px;overflow:hidden}.motion-collection-detail-vid,.motion-collection-detail-img{object-fit:contain;background:#000;width:100%;max-height:min(56vh,520px);margin:0 auto;display:block}.motion-collection-detail-info h3{font-family:var(--font-heading);margin:0 0 8px;font-size:1.1rem}.motion-collection-detail-info p{color:var(--color-text-secondary);margin:0 0 10px;font-size:.9rem;line-height:1.55}[data-theme=dark] .motion-collection-panel{box-shadow:0 24px 80px #00000073,0 0 0 1px #e4052114,0 0 48px #e405210f}.work-card-info{padding:16px 20px}.work-card-info h3{font-family:var(--font-heading);color:var(--work-card-text,var(--color-text));margin-bottom:4px;font-size:1.05rem;font-weight:600}.work-card-info p{color:var(--work-card-text,var(--color-text));font-size:.88rem}@supports (color:color-mix(in lab, red, red)){.work-card-info p{color:color-mix(in srgb, var(--work-card-text,var(--color-text)) 94%, var(--work-card-surface,var(--color-card)))}}.work-card-info p{margin-bottom:8px;line-height:1.55}.work-meta{color:var(--work-card-text,var(--color-text));font-size:.78rem;display:inline-block}@supports (color:color-mix(in lab, red, red)){.work-meta{color:color-mix(in srgb, var(--work-card-text,var(--color-text)) 96%, var(--work-card-surface,var(--color-card)))}}.work-meta{opacity:1;letter-spacing:.02em}.work-card-teaser{color:var(--work-card-text,var(--color-text));margin:10px 0 0;font-size:.92rem;line-height:1.55}@supports (color:color-mix(in lab, red, red)){.work-card-teaser{color:color-mix(in srgb, var(--work-card-text,var(--color-text)) 92%, var(--work-card-surface,var(--color-card)))}}.work-card-teaser{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.work-card-preview-hint{letter-spacing:.02em;color:var(--work-card-text,var(--color-text));align-items:center;gap:.25rem;margin-top:12px;font-size:.78rem;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.work-card-preview-hint{color:color-mix(in srgb, var(--work-card-text,var(--color-text)) 94%, var(--work-card-surface,var(--color-card)))}}.work-card-preview-hint{opacity:1}.work-card-teaser--featured-only,.work-card-preview-hint--featured-only{display:none}.work-timeline-featured__item .work-card-teaser--featured-only,.work-timeline-featured__item .work-card-preview-hint--featured-only{display:-webkit-box}.work-timeline-featured__item .work-card-preview-hint--featured-only{display:inline-flex}#work.section{position:relative}#work.section>.container{z-index:1;position:relative}#work>.container>.section-title{text-align:center}.work-timeline-featured{flex-direction:column;gap:clamp(1.25rem,3vw,1.75rem);margin-bottom:clamp(2rem,5vw,3rem);display:flex}.work-timeline-featured__item{opacity:0;transition:opacity .55s ease calc(60ms * var(--featured-i,0)), transform .55s cubic-bezier(.22, 1, .36, 1) calc(60ms * var(--featured-i,0));transform:translateY(22px)}.work-timeline-featured__item--in{opacity:1;transform:translateY(0)}.work-timeline-featured__item .work-card,.work-timeline-featured-card .work-card{width:100%}.work-card--featured .work-card-img,.work-timeline-featured__item .work-card--openfeed .work-card-img{aspect-ratio:16/10}.work-card--featured .work-card-info h3,.work-timeline-featured__item .work-card--openfeed .work-card-info h3{font-size:clamp(1.15rem,2.4vw,1.45rem)}.work-timeline-tail{position:relative}.work-timeline-tail__label{font-family:var(--font-heading);letter-spacing:-.03em;color:#000;margin:0 0 1.25rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.1}[data-theme=dark] .work-timeline-tail__label.title-glow{color:#fff}.work-card--compact{max-width:100%}.work-card--compact .work-card-img{aspect-ratio:16/10}.work-card--compact .work-card-info{padding:12px 16px 14px}.work-card--compact .work-card-info h3{font-size:.95rem}.work-card--compact .work-card-teaser{-webkit-line-clamp:2;margin-top:8px;font-size:.82rem}.work-card--compact .work-card-preview-hint{margin-top:8px;font-size:.72rem}.work-timeline-tail .tl-row--pair .work-card--compact{width:100%}.work-timeline{padding:.25rem 0 1.5rem;position:relative}.tl-row{opacity:0;grid-template-columns:minmax(0,1fr) clamp(2.5rem,5vw,3.5rem) minmax(0,1fr);align-items:stretch;gap:clamp(.75rem,2vw,1.25rem);padding:.65rem 0;transition:opacity .55s,transform .55s cubic-bezier(.22,1,.36,1);display:grid}.tl-row--r,.tl-row--snake-r{transform:translate(42px)}.tl-row--l,.tl-row--snake-l{transform:translate(-42px)}.tl-row--in{opacity:1;transform:translate(0)}.tl-half{min-width:0;position:relative}.tl-card-slot{height:100%;padding-top:0;position:relative}.tl-card-slot:before{content:"";background:var(--color-border);width:clamp(.75rem,2vw,1.25rem);height:2px;position:absolute;top:.55rem}.tl-half--l .tl-card-slot:before{right:calc(-1*clamp(.75rem,2vw,1.25rem))}.tl-half--r .tl-card-slot:before{left:calc(-1*clamp(.75rem,2vw,1.25rem))}.tl-spine-col{z-index:2;flex-direction:column;justify-content:stretch;align-items:center;display:flex;position:relative}.tl-snake-bend{width:100%;min-height:100%;display:block;position:relative}.tl-snake-bend:before{content:"";background:var(--color-border);width:2px;position:absolute;top:-.65rem;bottom:-.65rem;left:calc(50% - 1px)}.tl-snake-bend:after{content:"";background:var(--color-border);height:2px;position:absolute;top:.55rem;left:0;right:0}.tl-row--snake-l .tl-snake-bend:after{top:auto;bottom:.55rem}.tl-node{z-index:3;align-items:center;gap:.38rem;width:max-content;display:flex;position:absolute;top:0}.tl-half--l .tl-node{flex-direction:row-reverse;right:0;transform:none}.tl-half--r .tl-node{left:0;transform:none}.tl-dot{background:var(--color-card);border:2px solid var(--color-border);width:11px;height:11px;box-shadow:0 0 0 3px var(--color-bg);border-radius:50%;flex-shrink:0;transition:border-color .4s,box-shadow .4s,transform .4s}.tl-row--in .tl-dot{border-color:var(--color-text-secondary);box-shadow:0 0 0 3px var(--color-bg), 0 0 10px var(--color-text-secondary)}@supports (color:color-mix(in lab, red, red)){.tl-row--in .tl-dot{box-shadow:0 0 0 3px var(--color-bg), 0 0 10px color-mix(in srgb, var(--color-text-secondary) 35%, transparent)}}.tl-row--in .tl-dot{transform:scale(1.12)}.tl-year{display:none}.tl-row--pair .work-card{height:100%}.tl-row--pair .work-card-img{aspect-ratio:16/10}.tl-row .work-card.reveal{opacity:1!important;transition:all var(--transition), opacity .3s ease!important;transform:none!important}@media (width<=768px){.work-timeline{--work-mobile-gap:1.25rem;overflow-x:clip}.work-timeline-featured{gap:var(--work-mobile-gap);margin-bottom:var(--work-mobile-gap)}.work-timeline-featured__item .work-card-img,.work-timeline-featured-card .work-card-img{aspect-ratio:16/11;min-height:clamp(13.5rem,58vw,21rem)}.work-timeline:before{display:none}.work-timeline-tail{gap:var(--work-mobile-gap);flex-direction:column;display:flex}.work-timeline-tail__label{margin:0}.tl-row{gap:0;row-gap:var(--work-mobile-gap);grid-template-columns:1fr;padding:0}.tl-row,.tl-row--r,.tl-row--l,.tl-row--snake-r,.tl-row--snake-l,.tl-row--in{transform:none}.tl-spine-col,.tl-node{display:none}.tl-half--l,.tl-half--r{grid-column:1}.tl-half--l{grid-row:1}.tl-half--r{grid-row:2}.tl-half:empty{display:none}.tl-half{min-width:0}.tl-row .work-card{box-sizing:border-box;width:100%;max-width:100%}.tl-row .work-card-img img,.tl-row .work-card-img video{width:100%}.tl-card-slot{min-width:0;margin-bottom:0;padding-top:0;padding-left:0}.tl-card-slot:before,.tl-snake-bend:after{display:none}}.work-cta{text-align:center;margin-top:36px}.work-cta .ios-pill,.bio-blog-link.ios-pill{min-height:54px;padding:0 1.8rem 1px;font-size:1.2rem}.work-cta .ios-pill{transform-origin:50%;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s,color .18s}.work-cta .ios-pill:hover,.work-cta .ios-pill:focus-visible{background:var(--ios-pill-fill-hover);border-color:var(--ios-pill-rim);transform:translateY(-2px)scale(1.04);box-shadow:0 10px 22px #0003,inset 0 1.5px #fffffff2,inset 0 -1px #0000001f}.work-cta .ios-pill:active{transform:translateY(1px)scale(.98);box-shadow:0 3px 8px #00000024,inset 0 2px 3px #0000001a}.work-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,3vw,32px);margin-top:36px;display:flex}.work-cta-arrow-hint{flex:0 auto;align-items:center;gap:6px;max-width:min(320px,54vw);margin-right:clamp(-8px,-1vw,0px);display:flex}.work-cta-arrow-text{color:var(--color-text-secondary);text-align:right;letter-spacing:.01em;margin:0;padding:0 4px 0 0;font-family:Comic Sans MS,Comic Sans,Comic Neue,cursive;font-size:clamp(.92rem,2.4vw,1.08rem);font-weight:700;line-height:1.25}.work-cta-arrow-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:brightness(0);opacity:.88;flex-shrink:0;width:clamp(72px,18vw,120px);height:auto;display:block}[data-theme=dark] .work-cta-arrow-img{filter:brightness(0)invert();opacity:.92}.work-cta-folder-wrap{isolation:isolate;flex:none;justify-content:center;align-items:center;width:min(100%,380px);min-height:min(360px,55vh);display:flex;position:relative}.work-cta-folder-stage{box-sizing:border-box;justify-content:center;align-items:flex-end;padding:100px 16px 12px;display:flex}.work-cta-folder-mount{z-index:1;position:relative}.work-cta-actions{text-align:center;flex-direction:column;flex:none;align-items:center;display:flex}.page-header{text-align:center;padding:140px 0 60px;overflow:visible}.page-header .work-archive-heading{margin:16px auto 20px;display:flex}.page-header .section-subtitle{margin-bottom:0}.work-archive-page .page-header .section-subtitle{color:#111118;-webkit-backdrop-filter:none;max-width:min(42rem,100%);box-shadow:none;text-shadow:none;text-wrap:balance;background:0 0;border-radius:0;margin-inline:auto;padding:0;font-weight:500;line-height:1.45;display:block}body.work-archive-page .footer{color:var(--color-text);background:var(--color-bg);font-weight:500}@supports (color:color-mix(in lab, red, red)){body.work-archive-page .footer{background:color-mix(in srgb, var(--color-bg) 62%, transparent)}}body.work-archive-page .footer{-webkit-backdrop-filter:blur(14px);text-shadow:none}body.work-archive-page .footer__legal-link{color:var(--color-text);font-weight:500}body.work-archive-page .footer__legal-link:hover,body.work-archive-page .footer__legal-sep{color:var(--color-text)}@supports (color:color-mix(in lab, red, red)){body.work-archive-page .footer__legal-sep{color:color-mix(in srgb, var(--color-text) 62%, transparent)}}body.work-archive-page .footer__legal-sep{opacity:1}body.work-archive-page .behance-label{color:#f5f5f7;text-shadow:0 1px #08080c73;font-weight:600}.work-page-section{padding:8px 0 120px}.work-archive{flex-direction:column;gap:88px;display:flex}.work-archive-group{min-width:0;padding-top:8px;overflow:visible}.work-archive-heading{cursor:default;margin:8px 0 24px}.work-grid-full{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.work-grid-full .work-card{min-width:0}.work-archive .reveal{opacity:1;transform:none}@media (width<=1024px){.work-archive{gap:72px}.work-grid-full{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.work-archive{gap:56px}.work-archive-heading{margin-bottom:18px}.work-grid-full{grid-template-columns:1fr}}.section-dark .section-title{margin-bottom:32px}.tools-strip{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tool-tag{color:var(--color-text-light-secondary);transition:all var(--transition);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:9px;padding:10px 20px;font-size:.88rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.tool-tag__leading{z-index:1;flex-shrink:0;align-items:center;gap:5px;display:inline-flex;position:relative}.tool-tag__label{z-index:1;position:relative}.tool-tag__brand-icon{border-radius:3px;flex-shrink:0;width:18px;height:18px;display:block}.tool-tag__brand-icon--svg{object-fit:contain;filter:brightness(0)invert();opacity:.82}.tool-tag:hover .tool-tag__brand-icon--svg{opacity:.95}.tool-tag__lucide{opacity:.88;width:17px;height:17px;color:var(--color-text-light-secondary);flex-shrink:0}.tool-tag:hover .tool-tag__lucide{color:var(--color-text-light);opacity:1}.tool-tag:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:100%;height:100%;transition:none;position:absolute;top:0;left:-100%}.tool-tag:hover:before{animation:.6s forwards tagShimmer}@keyframes tagShimmer{to{left:100%}}.tool-tag:hover{color:var(--color-text-light);background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.contact-container{text-align:center}.contact-links{flex-direction:column;align-items:center;gap:24px;display:flex}.contact-email-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.contact-mailto-fallback{color:var(--color-text-secondary);text-underline-offset:3px;transition:color var(--transition);font-size:.9rem;text-decoration:underline}.contact-mailto-fallback:hover{color:var(--color-text)}#contact .section-subtitle{margin-bottom:36px}[data-theme=dark] #contact .section-subtitle{color:#fff}[data-theme=dark] #contact .contact-mailto-fallback{color:#ffffffe0}[data-theme=dark] #contact .contact-mailto-fallback:hover{color:#fff}.contact-socials{gap:20px;display:flex}.contact-socials a{color:var(--color-text-secondary);transition:all var(--transition)}.contact-socials a:hover{color:var(--color-text);transform:translateY(-2px)}@media (width<=768px),(pointer:coarse){.contact-mailto-fallback{align-items:center;min-height:44px;padding:.35rem .55rem;display:inline-flex}.contact-mailto-fallback:active{color:var(--color-text)}.contact-socials a{justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.contact-socials a:hover{transform:none}.contact-socials a:active{color:var(--color-text);transform:scale(.97)}.work-card-inline-action{align-items:center;min-height:44px;margin-top:8px;padding:.5rem .35rem;display:inline-flex}.work-card-inline-action:hover{gap:5px}.work-card-inline-action:active{color:var(--work-card-text,var(--color-text));transform:scale(.98)}}.footer{text-align:center;padding:32px max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:var(--color-text-secondary);border-top:1px solid var(--color-border);font-size:.85rem}.footer__copy{margin:0 0 .5rem}.footer__legal{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .55rem;margin:0;display:flex}.footer__legal-link{color:var(--color-text-secondary);transition:color var(--transition);text-decoration:none}.footer__legal-link:hover{color:var(--color-text)}@media (width<=768px),(pointer:coarse){.footer__legal-link{min-height:44px;color:var(--color-text);align-items:center;padding:.35rem .55rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.footer__legal-link{color:color-mix(in srgb, var(--color-text) 78%, var(--color-text-secondary))}}}.footer__legal-sep{color:var(--color-text-secondary)}@supports (color:color-mix(in lab, red, red)){.footer__legal-sep{color:color-mix(in srgb, var(--color-text-secondary) 55%, transparent)}}.footer__legal-sep{-webkit-user-select:none;user-select:none}.behance-section{margin:40px 0 0;padding:0}.behance-link{background:var(--color-bg-dark);cursor:pointer;padding:80px 0;text-decoration:none;transition:background .5s;display:block;position:relative;overflow:hidden}.behance-link:hover{background:#1769ff}.behance-marquee{white-space:nowrap;pointer-events:none;width:100%;position:absolute;overflow:hidden}.behance-marquee:first-of-type{top:20px}.behance-marquee:nth-of-type(2){bottom:20px}.behance-marquee-track{gap:32px;animation:20s linear infinite marqueeScroll;display:inline-flex}.behance-marquee-reverse .behance-marquee-track{animation:25s linear infinite marqueeScrollReverse}.behance-marquee-track span{font-family:var(--font-heading);color:#ffffff0f;letter-spacing:.15em;text-transform:uppercase;flex-shrink:0;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;transition:color .5s}.behance-link:hover .behance-marquee-track span{color:#ffffff26}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeScrollReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.behance-center{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.behance-icon{color:#fff;background:#ffffff14;border:1.5px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:all .5s cubic-bezier(.19,1,.22,1);display:flex}.behance-link:hover .behance-icon{color:#1769ff;background:#fff;border-color:#fff;transform:scale(1.12);box-shadow:0 0 40px #ffffff4d}.behance-label{font-family:var(--font-heading);color:#ffffffb3;letter-spacing:.01em;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600;transition:all .4s}.behance-link:hover .behance-label,.behance-link.is-typing .behance-label{opacity:0;pointer-events:none;transform:translateY(-6px)}.behance-typing{white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,18px)}.behance-link:hover .behance-typing,.behance-link.is-typing .behance-typing{opacity:1}.typing-text{font-family:var(--font-heading);color:#fff;letter-spacing:.01em;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600}.typing-cursor{font-family:var(--font-heading);color:#fff;margin-left:1px;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:300;animation:.6s step-end infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.behance-arrow{color:#fff6;transition:all .5s cubic-bezier(.19,1,.22,1);transform:translate(0)}.behance-link:hover .behance-arrow{color:#fff;transform:translate(8px)}[data-theme=dark] .behance-link:hover{background:#7c3aed}[data-theme=dark] .behance-link:hover .behance-icon{color:#7c3aed}@media (width<=600px){.behance-link{padding:60px 0}.behance-icon{width:72px;height:72px}.behance-icon svg{width:36px;height:36px}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur();-webkit-overflow-scrolling:touch;pointer-events:none;background:0 0;justify-content:center;align-items:flex-start;padding:4vh 0;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;inset:0;overflow:hidden auto}.modal-overlay.active{pointer-events:auto;-webkit-backdrop-filter:blur(16px);background:#00000080}.modal-card{--modal-stroke-width:2.5px;--modal-stroke-color:var(--work-card-live-color,var(--color-border));width:min(720px,85vw);max-height:85vh;margin:auto 0;position:relative}@supports (color:color-mix(in lab, red, red)){.modal-card{--modal-stroke-color:color-mix(in srgb, var(--work-card-live-color,var(--color-border)) 72%, transparent)}}.modal-card{--modal-fill:var(--modal-project-surface,var(--color-card));border-radius:var(--radius-lg);border:var(--modal-stroke-width) solid transparent;background:linear-gradient(var(--modal-fill), var(--modal-fill)) padding-box, var(--modal-stroke-color) border-box;will-change:transform, opacity;opacity:0;pointer-events:none;overflow:hidden auto;box-shadow:0 32px 80px #00000040}.modal-card:has(.modal-live-frame:not([hidden])){width:min(1120px,94vw);max-height:min(92vh,980px)}.modal-overlay.active .modal-card{pointer-events:auto}.modal-card::-webkit-scrollbar{width:6px}.modal-card::-webkit-scrollbar-track{background:0 0}.modal-card::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.modal-img-wrap{border-top-left-radius:calc(var(--radius-lg) - var(--modal-stroke-width,2.5px));border-top-right-radius:calc(var(--radius-lg) - var(--modal-stroke-width,2.5px));background:#f0f0f0;width:100%;overflow:hidden;transform:translateZ(0)}.modal-card.modal-card--openfeed{contain:paint;overflow:hidden}.modal-card--openfeed .modal-img-wrap{isolation:isolate;contain:paint;border-top-left-radius:calc(var(--radius-lg) - var(--modal-stroke-width,2.5px));border-top-right-radius:calc(var(--radius-lg) - var(--modal-stroke-width,2.5px));background:#050505;border:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 36px #0000008c}.modal-card--egda{--modal-stroke-width:1px;--modal-stroke-color:var(--egda-blue-line);box-shadow:0 32px 80px #00000073,0 0 0 1px #1c00ff14,0 0 48px #1c00ff0f}.modal-card--honda{--modal-stroke-width:2.5px;--modal-stroke-color:var(--honda-red,#e40521);overflow:visible;box-shadow:0 32px 80px #00000073,0 0 40px #e4052138}.modal-card--honda .modal-img-wrap{border-top-left-radius:calc(var(--radius-lg) - var(--modal-stroke-width) - 1px);border-top-right-radius:calc(var(--radius-lg) - var(--modal-stroke-width) - 1px);background:#fff}[data-theme=dark] .modal-card--egda{--modal-stroke-color:var(--egda-blue-line)}.modal-card--egda .modal-img-wrap{background:var(--egda-bg);border-bottom:1px solid var(--egda-blue-line);justify-content:center;align-items:center;min-height:clamp(240px,42vh,420px);display:flex;position:relative}.modal-card--egda .modal-img-wrap:before{content:"";pointer-events:none;background-image:linear-gradient(var(--egda-blue-line) 1px, transparent 1px), linear-gradient(90deg, var(--egda-blue-line) 1px, transparent 1px);opacity:.28;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 28%,#0000 76%);mask-image:radial-gradient(#000 28%,#0000 76%)}.modal-card--egda .modal-img{z-index:1;object-fit:contain;width:auto;max-width:min(72%,400px);max-height:min(38vh,340px);position:relative}.modal-card--egda.modal-card--tinted .modal-meta{color:var(--egda-blue);opacity:1;font-family:var(--font-mono,"IBM Plex Mono", monospace);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.modal-card--egda .modal-live-link{color:var(--egda-fg);-webkit-text-decoration-color:var(--egda-blue);-webkit-text-decoration-color:var(--egda-blue);-webkit-text-decoration-color:var(--egda-blue);text-decoration-color:var(--egda-blue);text-decoration-thickness:2px}.modal-card--egda .modal-live-link:hover{color:var(--egda-blue)}.modal-card--egda .modal-close{border:1px solid var(--egda-blue-line);color:var(--egda-fg);background:#151516c7}.modal-card--egda .modal-close:hover{color:var(--egda-blue);background:#1c00ff2e}.modal-img-wrap:has(.modal-live-frame:not([hidden])){aspect-ratio:16/10;flex-shrink:0;min-height:clamp(320px,58vh,720px);max-height:72vh;position:relative;overflow:hidden}.modal-img-wrap:has(.modal-live-frame:not([hidden])) .modal-live-frame{width:100%;height:100%;position:absolute;inset:0}.modal-img-gallery{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;max-height:min(58vh,640px);padding:12px;display:flex;overflow:hidden auto}.modal-img-gallery[hidden]{display:none!important}.modal-gallery-img{border-radius:var(--radius-md,8px);flex-shrink:0;width:100%;height:auto;display:block}.modal-img{border-top-left-radius:inherit;border-top-right-radius:inherit;width:100%;height:auto;display:block}.modal-card--openfeed .modal-img{width:100%;max-width:100%;height:auto;image-rendering:pixelated;transform-origin:50%;margin:0;animation:5.8s steps(2,end) infinite openfeed-modal-drift;display:block}.modal-card--openfeed .modal-img-wrap:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.9;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000003d 2px 3px),linear-gradient(90deg,#be282214,#0000 24% 76%,#2254d214);position:absolute;inset:0}.modal-card--openfeed .modal-img-wrap:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle,#0000 56%,#0000006b 100%),linear-gradient(#ffffff0d,#0000 22% 78%,#0000002e);animation:4.2s steps(2,end) infinite openfeed-modal-glitch;position:absolute;inset:0}@keyframes openfeed-modal-drift{0%,to{transform:translate(0)}18%{transform:translate(-1px,1px)}19%{transform:translate(1px,-1px)}20%{transform:translate(0)}57%{transform:translate(1px)}58%{transform:translate(-1px)}59%{transform:translate(0)}}@keyframes openfeed-modal-glitch{0%,to{opacity:.82;transform:translate(0)}14%{opacity:.92;transform:translateY(-1px)}15%{opacity:.98;transform:translateY(2px)}16%{opacity:.82;transform:translate(0)}63%{opacity:.95;transform:translate(-2px)}64%{opacity:.88;transform:translate(2px)}65%{opacity:.82;transform:translate(0)}}.modal-video{border-top-left-radius:inherit;border-top-right-radius:inherit;background:#0a0a0c;width:100%;max-height:min(72vh,900px);display:block}[data-theme=dark] .modal-img-wrap{background:#0a0a0e}[data-theme=dark] .modal-card{--modal-fill:var(--modal-project-surface-dark,var(--modal-project-surface,var(--color-card)));--modal-stroke-width:1px;--modal-stroke-color:var(--color-border);box-shadow:0 32px 80px #0000008c}[data-theme=dark] .modal-card--honda{--modal-stroke-width:2.5px;--modal-stroke-color:var(--honda-red,#e40521)}[data-theme=dark] .modal-card--egda{--modal-stroke-width:1px;--modal-stroke-color:var(--egda-blue-line)}.modal-info{background:var(--modal-fill,var(--modal-project-surface,var(--color-card)));padding:28px 32px 32px}.modal-title{font-family:var(--font-heading);margin-bottom:10px;font-size:1.35rem;font-weight:700}.modal-desc{color:var(--color-text-secondary);margin-bottom:14px;font-size:.95rem;line-height:1.7}.modal-card--tinted .modal-title{color:var(--modal-project-text,var(--color-text))}.modal-card--tinted .modal-desc{color:var(--modal-project-text,var(--color-text-secondary))}@supports (color:color-mix(in lab, red, red)){.modal-card--tinted .modal-desc{color:color-mix(in srgb, var(--modal-project-text,var(--color-text-secondary)) 76%, transparent)}}.modal-card--tinted .modal-meta{color:var(--modal-project-text,var(--color-text-secondary))}@supports (color:color-mix(in lab, red, red)){.modal-card--tinted .modal-meta{color:color-mix(in srgb, var(--modal-project-text,var(--color-text-secondary)) 74%, transparent)}}.modal-card--tinted .modal-meta{opacity:1}[data-theme=dark] .modal-card--tinted .modal-title{color:var(--modal-project-text-dark,var(--modal-project-text,var(--color-text)))}[data-theme=dark] .modal-card--tinted .modal-desc{color:var(--modal-project-text-dark,var(--modal-project-text,var(--color-text-secondary)))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .modal-card--tinted .modal-desc{color:color-mix(in srgb, var(--modal-project-text-dark,var(--modal-project-text,var(--color-text-secondary))) 76%, transparent)}}[data-theme=dark] .modal-card--tinted .modal-meta{color:var(--modal-project-text-dark,var(--modal-project-text,var(--color-text-secondary)))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .modal-card--tinted .modal-meta{color:color-mix(in srgb, var(--modal-project-text-dark,var(--modal-project-text,var(--color-text-secondary))) 74%, transparent)}}.modal-meta{color:var(--color-text-secondary);opacity:.7;letter-spacing:.02em;font-size:.82rem;display:inline-block}.modal-live-link{color:#fff;text-underline-offset:3px;margin-top:18px;margin-right:18px;font-size:.95rem;font-weight:600;text-decoration:underline;display:inline-block}.modal-live-link:hover{color:#fff}.modal-live-link[hidden]{display:none!important}.modal-case-link{color:#fff;text-underline-offset:3px;margin-top:18px;margin-right:18px;font-size:.95rem;font-weight:700;text-decoration:underline;display:inline-block}.modal-case-link:hover,[data-theme=dark] .modal-case-link:hover{color:#fff}.modal-case-link[hidden]{display:none!important}.modal-card--openfeed .modal-case-link,.modal-card--openfeed .modal-live-link{color:#fff}.modal-itch-widget,.of-itch-widget{aspect-ratio:550/165;background:#101514;width:min(100%,550px);overflow:hidden}.modal-itch-widget{border:1px solid #7cff9b47;border-radius:12px;max-width:550px;margin-top:18px;box-shadow:inset 0 0 0 1px #7cff9b1a,0 0 22px #7cff9b24}.modal-itch-widget[hidden]{display:none!important}.modal-itch-widget__frame,.of-itch-widget__frame{border:0;width:100%;height:100%;display:block}.of-itch-widget{border:1px solid #7cff9b3d;max-width:550px;margin:18px 0 28px;box-shadow:inset 0 0 0 1px #7cff9b14,0 16px 32px #00000038,0 0 28px #7cff9b1a}@media (width<=640px){.modal-itch-widget,.of-itch-widget{width:100%}}.case-choice-overlay{z-index:10001;-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#0a0c106b;justify-content:center;align-items:center;padding:20px;transition:opacity .22s;display:flex;position:fixed;inset:0}.case-choice-overlay.active{opacity:1;pointer-events:auto}.case-choice-chat{background:#d4d0c8;border:2px outset #e0dcd4;width:min(390px,100vw - 20px);padding:0;font-family:Tahoma,Geneva,Verdana,sans-serif;position:relative;box-shadow:5px 5px #00000085,0 22px 54px #00000047}.case-choice-titlebar{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#0a2080 0%,#1a50c8 52%,#0a2080 100%);align-items:center;gap:6px;padding:4px 4px 4px 7px;display:flex}.case-choice-titlebar__icon{font-size:0;line-height:1}.case-choice-titlebar__icon:before{content:"■";font-size:10px}.case-choice-titlebar__title{letter-spacing:.01em;flex:1;font-size:11px;font-weight:700}.case-choice-menu{color:#222;background:#d4d0c8;border-bottom:1px solid #9e9a92;gap:16px;padding:4px 8px 5px;font-size:11px;display:flex}.case-choice-thread{flex-direction:column;gap:10px;padding:12px;display:flex}.case-choice-msg{max-width:100%;padding:10px 12px}.case-choice-msg--system{background:#efede6;border:2px inset #f7f4ed;box-shadow:inset 0 0 0 1px #c5c1b8}.case-choice-msg--user{background:#c8d0d8;border:2px inset #dde4ea;width:100%}.case-choice-msg__meta{letter-spacing:.08em;text-transform:uppercase;color:#4b4f55;margin-bottom:8px;font-family:IBM Plex Mono Variable,IBM Plex Mono,Consolas,Courier New,monospace;font-size:10px;display:block}.case-choice-msg__body{color:#111;margin:0;font-size:12px;line-height:1.5}.case-choice-option{width:100%;font:inherit;text-align:left;cursor:pointer;color:#111;background:#d4d0c8;border:2px outset #f0ece4;padding:8px 10px;font-size:12px;font-weight:700;transition:background .16s,color .16s;box-shadow:inset 1px 1px #fff}.case-choice-option:before{content:">";color:#00c;margin-right:8px;font-family:IBM Plex Mono Variable,IBM Plex Mono,Consolas,Courier New,monospace;display:inline-block}.case-choice-option+.case-choice-option{margin-top:6px}.case-choice-option:hover,.case-choice-option:focus-visible{color:#00c;background:#e8e8e0}.case-choice-option:active{box-shadow:none;border-style:inset}.case-choice-close{color:#0000;cursor:pointer;background:linear-gradient(#e08080,#b84040);border:1px outset #e0dcd4;justify-content:center;align-items:center;width:16px;height:14px;padding:0;font-size:0;font-weight:700;line-height:1;display:inline-flex}.case-choice-close:before{content:"×";color:#fff;font-size:11px;line-height:1}[data-theme=dark] .case-choice-chat{background:#9a988f;border-color:#7d7971;box-shadow:5px 5px #000000a3,0 22px 54px #0000006b}[data-theme=dark] .case-choice-titlebar{background:linear-gradient(90deg,#07134a 0%,#12328a 52%,#07134a 100%)}[data-theme=dark] .case-choice-menu{color:#f3f1ea;background:#9a988f;border-bottom-color:#615d57}[data-theme=dark] .case-choice-msg--system{background:#c7c3b8;border-color:#d5d1c6;box-shadow:inset 0 0 0 1px #8f8b80}[data-theme=dark] .case-choice-msg--user{background:#7d8592;border-color:#a7b0bc}[data-theme=dark] .case-choice-msg__meta{color:#2d3138}[data-theme=dark] .case-choice-msg__body{color:#111}[data-theme=dark] .case-choice-option{color:#111;background:#d4d0c8;border-color:#f0ece4}[data-theme=dark] .case-choice-option:hover,[data-theme=dark] .case-choice-option:focus-visible{color:#00c;background:#e8e8e0}[data-theme=dark] .case-choice-close{background:linear-gradient(#d46d6d,#963030)}.modal-close{color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition);z-index:5;-webkit-backdrop-filter:blur(8px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:#000000b3;transform:scale(1.1)}@media (width<=768px),(pointer:coarse){.modal-close{width:44px;height:44px}.modal-close:hover{transform:none}.modal-close:active{transform:scale(.96)}}@media (width<=600px){.modal-overlay{padding:2vh 0}.modal-card{width:95vw;max-height:90vh}.modal-card:has(.modal-live-frame:not([hidden])){width:96vw;max-height:92vh}.modal-img-wrap:has(.modal-live-frame:not([hidden])){min-height:clamp(260px,48vh,520px);max-height:58vh}.modal-info{padding:20px 20px 24px}.modal-title{font-size:1.15rem}}@keyframes psxScanlineBar{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes psxFlicker{0%,to{opacity:1}92%{opacity:.97}94%{opacity:.88}96%{opacity:.95}}.psx-scanlines{z-index:9990;pointer-events:none;background-image:repeating-linear-gradient(0deg,#00000021 0 1px,#0000 1px 3px);animation:10s ease-in-out infinite psxFlicker;position:fixed;inset:0}.psx-scanline-bar{z-index:9991;pointer-events:none;will-change:transform;background:#ffffff08;height:2px;animation:6s linear infinite psxScanlineBar;position:fixed;top:-2px;left:0;right:0}.psx-vignette{z-index:9989;pointer-events:none;background:radial-gradient(#0000 52%,#0000008c 100%);position:fixed;inset:0}.psx-noise{z-index:9988;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}[data-theme=light] .psx-scanlines{background-image:repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 3px)}[data-theme=light] .psx-scanline-bar{background:#0000000d}[data-theme=light] .psx-vignette{background:radial-gradient(#0000 55%,#0001 100%)}[data-theme=light] .psx-noise{opacity:.026}.psx-tools-strip{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.psx-tool-tag{letter-spacing:.12em;border:1px solid var(--psx-color);border-radius:0;align-items:center;gap:9px;padding:10px 18px;font-family:"Press Start 2P",monospace;font-size:7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.psx-tool-tag{border:1px solid color-mix(in srgb, var(--psx-color) 55%, transparent)}}.psx-tool-tag{background:var(--psx-color)}@supports (color:color-mix(in lab, red, red)){.psx-tool-tag{background:color-mix(in srgb, var(--psx-color) 7%, transparent)}}.psx-tool-tag{color:var(--psx-color);cursor:default;transition:background .1s,border-color .1s,box-shadow .12s;position:relative}.psx-tool-tag:hover{background:var(--psx-color)}@supports (color:color-mix(in lab, red, red)){.psx-tool-tag:hover{background:color-mix(in srgb, var(--psx-color) 15%, transparent)}}.psx-tool-tag:hover{border-color:var(--psx-color);box-shadow:0 0 10px var(--psx-color)}@supports (color:color-mix(in lab, red, red)){.psx-tool-tag:hover{box-shadow:0 0 10px color-mix(in srgb, var(--psx-color) 28%, transparent)}}[data-theme=light] #skills{background:var(--color-bg);color:var(--color-text)}[data-theme=light] #skills .section-title,[data-theme=light] #skills .section-subtitle{color:var(--color-text)}[data-theme=light] .psx-tool-tag{background:var(--psx-color)}@supports (color:color-mix(in lab, red, red)){[data-theme=light] .psx-tool-tag{background:color-mix(in srgb, var(--psx-color) 10%, transparent)}}[data-theme=light] .psx-tool-tag{border-color:var(--psx-color)}@supports (color:color-mix(in lab, red, red)){[data-theme=light] .psx-tool-tag{border-color:color-mix(in srgb, var(--psx-color) 70%, transparent)}}[data-theme=light] .psx-tool-tag:hover{background:var(--psx-color)}@supports (color:color-mix(in lab, red, red)){[data-theme=light] .psx-tool-tag:hover{background:color-mix(in srgb, var(--psx-color) 18%, transparent)}}[data-theme=light] .psx-tool-tag__icon{filter:brightness(0);opacity:.75}.psx-tool-tag__leading{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.psx-tool-tag__icon{filter:brightness(0)invert();opacity:.82;flex-shrink:0;width:16px;height:16px;display:block}.psx-tool-tag__lucide{opacity:.9;flex-shrink:0;width:15px;height:15px}.anim-fade-up{opacity:0;animation:.7s forwards fadeUp;transform:translateY(24px)}@media (prefers-reduced-motion:no-preference){.hero .anim-fade-up{animation-duration:.38s}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.anim-fade-up{opacity:1;animation:none;transform:none}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.work-card.reveal:nth-child(2){transition-delay:80ms}.work-card.reveal:nth-child(3){transition-delay:.16s}.work-card.reveal:nth-child(4){transition-delay:.24s}.work-card.reveal:nth-child(5){transition-delay:.32s}.work-card.reveal:nth-child(6){transition-delay:.4s}.work-card.reveal:nth-child(7){transition-delay:80ms}.work-card.reveal:nth-child(8){transition-delay:.16s}@media (width<=768px){.section{padding:80px 0}.work-grid{grid-template-columns:1fr}.nav-links{gap:clamp(13px,4vw,22px)}.hero-cta{flex-direction:row;align-items:center}.hero-previews{gap:10px}.hero-previews.hero-previews--bounce{margin-top:36px}.hero-previews.hero-previews--flowing{margin-top:28px}.hero-flowing-menu-mount{height:clamp(188px,42vmin,260px)}.hero-bounce-cards.bounce-cards{height:210px!important}.hero-thumb{width:100px;height:68px}}@media (width<=480px){.nav-links{gap:clamp(11px,3.4vw,16px)}.nav-links a{font-size:clamp(.78rem,3.4vw,.9rem)}.hero-previews{gap:8px}.hero-bounce-cards.bounce-cards{height:180px!important}.hero-thumb{width:75px;height:52px}}.work-card-inline-action{color:var(--work-card-text,var(--color-text-secondary));cursor:pointer;letter-spacing:.03em;-webkit-text-decoration-color:var(--work-card-text,currentColor);-webkit-text-decoration-color:var(--work-card-text,currentColor);-webkit-text-decoration-color:var(--work-card-text,currentColor);text-decoration-color:var(--work-card-text,currentColor);background:0 0;border:none;align-items:center;gap:5px;margin-top:12px;margin-left:0;padding:0;font-size:.8rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.work-card-inline-action{-webkit-text-decoration-color:color-mix(in srgb, var(--work-card-text,currentColor) 55%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--work-card-text,currentColor) 55%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--work-card-text,currentColor) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--work-card-text,currentColor) 55%, transparent)}}.work-card-inline-action{transition:color var(--transition), gap var(--transition);text-decoration-thickness:1.5px}.work-card-inline-action+.work-card-inline-action{margin-left:14px}.work-card-inline-action:hover{color:var(--work-card-text,var(--color-text));gap:8px}[data-theme=dark] .work-card{background:var(--work-card-surface-dark,var(--work-card-surface,var(--color-card)));border-color:var(--work-card-text-dark,var(--color-border))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .work-card{border-color:color-mix(in srgb, var(--work-card-text-dark,var(--color-border)) 24%, var(--work-card-surface-dark,var(--work-card-surface,var(--color-card))))}}[data-theme=dark] .work-card-info h3{color:var(--work-card-text-dark,var(--work-card-text,var(--color-text-light)))}[data-theme=dark] .work-card-info p{color:var(--work-card-text-dark,var(--work-card-text,var(--color-text)))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .work-card-info p{color:color-mix(in srgb, var(--work-card-text-dark,var(--work-card-text,var(--color-text))) 94%, var(--work-card-surface-dark,var(--work-card-surface,var(--color-card))))}}[data-theme=dark] .work-meta{color:var(--work-card-text-dark,var(--work-card-text,var(--color-text)))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .work-meta{color:color-mix(in srgb, var(--work-card-text-dark,var(--work-card-text,var(--color-text))) 96%, var(--work-card-surface-dark,var(--work-card-surface,var(--color-card))))}}[data-theme=dark] .work-card-preview-hint,[data-theme=dark] .work-card-teaser{color:var(--work-card-text-dark,var(--work-card-text,var(--color-text)))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .work-card-preview-hint,[data-theme=dark] .work-card-teaser{color:color-mix(in srgb, var(--work-card-text-dark,var(--work-card-text,var(--color-text))) 92%, var(--work-card-surface-dark,var(--work-card-surface,var(--color-card))))}}[data-theme=dark] .work-card-inline-action{color:var(--work-card-text-dark,var(--work-card-text,var(--color-text-light)));-webkit-text-decoration-color:var(--work-card-text-dark,currentColor);-webkit-text-decoration-color:var(--work-card-text-dark,currentColor);-webkit-text-decoration-color:var(--work-card-text-dark,currentColor);text-decoration-color:var(--work-card-text-dark,currentColor)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .work-card-inline-action{-webkit-text-decoration-color:color-mix(in srgb, var(--work-card-text-dark,currentColor) 58%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--work-card-text-dark,currentColor) 58%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--work-card-text-dark,currentColor) 58%, transparent);text-decoration-color:color-mix(in srgb, var(--work-card-text-dark,currentColor) 58%, transparent)}}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}.modal-img-gallery--media{background:var(--color-card,transparent);gap:16px;max-height:min(78vh,880px);padding:16px}.modal-gallery-pan{border-radius:var(--radius-md,10px);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#0a0a0e;flex-shrink:0;width:100%;height:clamp(220px,38vh,380px);position:relative;overflow:hidden}.modal-gallery-pan.is-dragging{cursor:grabbing}.modal-gallery-pan__img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;width:auto;max-width:none;height:100%;display:block}.modal-gallery-pan__hint{z-index:2;letter-spacing:.12em;text-transform:lowercase;color:#22d3ee;pointer-events:none;-webkit-backdrop-filter:blur(8px);opacity:1;background:#06282da1;border:1px solid #22d3eeb3;align-items:center;gap:6px;padding:7px 9px;font-family:"Press Start 2P",monospace;font-size:6px;transition:opacity .5s .1s,transform .4s;animation:2.6s ease-in-out infinite pan-hint-bob;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 0 10px #22d3ee38}.modal-gallery-pan__hint:before{content:"";background:currentColor;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px}.modal-gallery-pan__hint.is-fading{opacity:0;animation-play-state:paused;transform:translateY(-2px)}@keyframes pan-hint-bob{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.modal-gallery-pan__hint{animation:none}}.modal-gallery-video{border-radius:var(--radius-md,10px);background:#0a0a0c;flex-shrink:0;width:100%;position:relative;overflow:hidden}.modal-gallery-video__el{background:#0a0a0c;width:100%;height:auto;max-height:min(60vh,640px);display:block}.modal-gallery-video__play{color:#fdf9f3;cursor:pointer;-webkit-backdrop-filter:blur(6px);z-index:3;background:#0a0a0e8c;border:1px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;margin:auto;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex;position:absolute;inset:0;box-shadow:0 8px 28px #00000059}.modal-gallery-video__play[hidden]{display:none!important}.modal-gallery-video__play:hover,.modal-gallery-video__play:focus-visible{background:#ffffff2e;border-color:#ffffffd9;transform:scale(1.06)}.modal-gallery-video__play svg{margin-left:4px}.modal-gallery-video.needs-play .modal-gallery-video__el{filter:brightness(.8)}.project-page{--project-bg:#101014;--project-ink:#f8f6ef;--project-muted:#f8f6efad;--project-panel:#ffffff14;--project-panel-strong:#ffffff24;--project-line:#ffffff2e;--project-accent:var(--project-swatch-b,#fff);--project-radius:30px;--project-depth:0 28px 90px #00000047;background:radial-gradient(circle at 18% 8%, var(--project-swatch-a), transparent 34vw), radial-gradient(circle at 86% 18%, var(--project-swatch-c), transparent 30vw), var(--project-bg);min-height:100dvh;padding:28px clamp(18px,4vw,56px) 72px}@supports (color:color-mix(in lab, red, red)){.project-page{background:radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--project-swatch-a) 30%, transparent), transparent 34vw), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--project-swatch-c) 26%, transparent), transparent 30vw), var(--project-bg)}}.project-page{color:var(--project-ink);font-family:var(--font-body);overflow:hidden auto}.project-page *,.project-page :before,.project-page :after{min-width:0}.project-page:before{content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.55;background:linear-gradient(115deg,#ffffff14,#0000 28%),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 120px);position:fixed;inset:0}.project-nav,.project-hero,.project-facts,.project-stats,.project-sections,.project-signature,.project-gallery,.project-related,.project-archive-map,.project-not-found{z-index:1;width:min(1180px,100%);margin-inline:auto;position:relative}.project-nav{justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(42px,7vw,90px);display:flex}.project-back-link,.project-theme-toggle{border:1px solid var(--project-line);min-height:42px;color:var(--project-ink);-webkit-backdrop-filter:blur(14px);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:.9rem;font-weight:700;transition:transform .2s,background-color .2s;display:inline-flex}.project-back-link:before{content:"<";color:var(--project-accent);margin-right:10px}.project-back-link:hover,.project-theme-toggle:hover{background:#ffffff29;transform:translateY(-2px)}.project-nav-actions{align-items:center;gap:10px;display:inline-flex}.project-lang-switch{border-color:var(--project-line);background:#ffffff14}.project-hero{grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid;position:relative}.project-hero-copy{position:relative}.project-world-mark{z-index:-1;color:var(--project-accent);position:absolute;top:-.42em;left:-.08em}@supports (color:color-mix(in lab, red, red)){.project-world-mark{color:color-mix(in srgb, var(--project-accent) 16%, transparent)}}.project-world-mark{font-family:var(--font-heading);letter-spacing:-.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:clamp(4rem,10vw,10rem);font-weight:950;line-height:.8}.project-kicker,.project-section-kicker{color:var(--project-accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:.76rem;font-weight:900}.project-hero h1{font-family:var(--font-heading);letter-spacing:-.065em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(3.2rem,9vw,8.5rem);line-height:.94}.project-summary{max-width:620px;color:var(--project-muted);overflow-wrap:anywhere;margin-top:26px;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.65}.project-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.project-action{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:13px 20px;font-weight:850;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.project-action--primary{background:var(--project-accent);color:#0b0b0d;box-shadow:0 16px 36px var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.project-action--primary{box-shadow:0 16px 36px color-mix(in srgb, var(--project-accent) 25%, transparent)}}.project-action--ghost{border:1px solid var(--project-line);color:var(--project-ink);background:#ffffff14}.project-action:hover{transform:translateY(-3px)}.project-hero-media,.project-gallery-item{border:1px solid var(--project-line);border-radius:var(--project-radius);background:var(--project-panel);box-shadow:var(--project-depth);position:relative;overflow:hidden}.project-hero-media:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(135deg,#ffffff38,#0000 34%,#00000029);position:absolute;inset:0}.project-media-el{object-fit:cover;width:100%;height:100%;min-height:clamp(300px,48vw,620px);display:block}.project-facts{border:1px solid var(--project-line);background:var(--project-line);border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(42px,7vw,88px);display:grid;overflow:hidden}.project-facts div{background:var(--project-bg);min-height:128px;padding:24px}@supports (color:color-mix(in lab, red, red)){.project-facts div{background:color-mix(in srgb, var(--project-bg) 84%, transparent)}}.project-facts div{-webkit-backdrop-filter:blur(18px)}.project-facts span,.project-stat span{color:var(--project-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.project-facts strong{overflow-wrap:anywhere;margin-top:12px;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.35;display:block}.project-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.project-stat{border:1px solid var(--project-line);background:var(--project-panel);border-radius:24px;min-height:150px;padding:24px}.project-stat strong{color:var(--project-accent);font-family:var(--font-heading);letter-spacing:-.08em;overflow-wrap:anywhere;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.92;display:block}.project-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(56px,8vw,112px);display:grid}.project-section-card,.project-signature,.project-related,.project-archive-map,.project-not-found{border:1px solid var(--project-line);border-radius:var(--project-radius);background:var(--project-panel);box-shadow:var(--project-depth)}.project-section-card{padding:clamp(24px,3vw,34px)}.project-section-card h2,.project-signature h2,.project-related h2,.project-archive-map h2,.project-not-found h1{font-family:var(--font-heading);letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(1.7rem,3vw,3.1rem);line-height:1.04}.project-section-card p:not(.project-section-kicker){color:var(--project-muted);overflow-wrap:anywhere;margin-top:20px;line-height:1.75}.project-signature{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:18px;padding:clamp(24px,4vw,42px);display:grid}.project-palette{border:1px solid var(--project-line);border-radius:22px;align-items:stretch;min-width:min(360px,42vw);min-height:120px;display:flex;overflow:hidden}.project-palette span{flex:1 1 0}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:clamp(48px,8vw,96px);display:grid}.project-gallery-item--wide{grid-column:1/-1}.project-gallery .project-media-el{min-height:clamp(260px,38vw,560px)}.project-related,.project-archive-map,.project-not-found{margin-top:18px;padding:clamp(24px,4vw,42px)}.project-related-grid,.project-archive-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.project-related-card,.project-archive-links a{border:1px solid var(--project-line);background:#ffffff14;border-radius:20px;min-height:130px;padding:18px;transition:transform .2s,background-color .2s}.project-related-card:hover,.project-archive-links a:hover{background:#ffffff24;transform:translateY(-3px)}.project-related-card span{color:var(--project-muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:800;display:block}.project-related-card strong,.project-archive-links a{color:var(--project-ink);font-family:var(--font-heading);overflow-wrap:anywhere;font-size:1.2rem;line-height:1.08;display:block}.project-not-found{margin-top:16vh}.project-page--obol{--project-bg:#7fd7ff;--project-ink:#07335c;--project-muted:#07335cbd;--project-panel:#ffffff5c;--project-panel-strong:#ffffff94;--project-line:#ffffff9e;--project-accent:#2d6f12;--project-depth:0 30px 90px #1774a747}.project-page--obol .project-hero-media,.project-page--obol .project-section-card,.project-page--obol .project-signature,.project-page--obol .project-related,.project-page--obol .project-gallery-item{-webkit-backdrop-filter:blur(24px)saturate(1.25)}.project-page--obol .project-action--primary{color:#f7ffe8}.project-page--obol{background:radial-gradient(circle at 16% 8%,#ffffffb8,#0000 15vw),radial-gradient(circle at 78% 18%,#a9e8686b,#0000 24vw),linear-gradient(#b9f0ff 0%,#7fd7ff 42%,#dffaff 100%)}.project-page--obol:before{opacity:.8;background:radial-gradient(circle at 20% 18%,#ffffff75 0 9px,#0000 10px),radial-gradient(circle at 70% 8%,#ffffff61 0 6px,#0000 7px),linear-gradient(115deg,#ffffff3d,#0000 32%),repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000 1px 118px)}.project-page--obol .project-hero{grid-template-columns:minmax(300px,.74fr) minmax(390px,1.26fr);align-items:end}.project-page--obol .project-hero-copy{-webkit-backdrop-filter:blur(24px)saturate(1.35);background:linear-gradient(135deg,#ffffff8a,#fff3);border:1px solid #ffffffb8;border-radius:42px;padding:clamp(24px,4vw,42px);box-shadow:inset 0 1px #ffffffd1,0 28px 80px #2b7fbf33}.project-page--obol .project-hero-media{border-radius:54px 54px 120px;transform:rotate(1.4deg)}.project-page--obol .project-facts{border-radius:999px;grid-template-columns:.62fr 1fr 1.35fr}.project-page--obol .project-facts div{background:#ffffff57;min-height:108px}.project-page--obol .project-stats{justify-content:flex-end;gap:clamp(12px,2vw,26px);display:flex}.project-page--obol .project-stat{text-align:center;background:radial-gradient(circle at 36% 24%,#ffffffeb,#0000 16%),#ffffff52;border-radius:50%;place-items:center;width:clamp(118px,15vw,184px);min-height:clamp(118px,15vw,184px);display:grid}.project-page--obol .project-sections{grid-template-columns:1.25fr .75fr;align-items:stretch}.project-page--obol .project-section-card--1{grid-row:span 2}.project-page--obol .project-section-card--3{border-radius:70px 28px}.project-page--obol .project-stat strong{color:#235a10}.project-page--honeyboot{--project-bg:#050505;--project-ink:#f8ecd1;--project-muted:#f8ecd1a8;--project-panel:#f4b70311;--project-line:#f4b70373;--project-accent:#f4b703;--project-radius:0;--project-depth:0 0 0 1px #f4b70324, 10px 10px 0 #000000a6;image-rendering:pixelated;font-family:Courier New,monospace}.project-page--honeyboot:before{mix-blend-mode:screen;opacity:.45;background:repeating-linear-gradient(0deg,#f4b7031f 0 1px,#0000 1px 5px),radial-gradient(circle at 50% 18%,#ff4c1f2e,#0000 36vw)}.project-page--honeyboot .project-hero h1,.project-page--honeyboot .project-section-card h2,.project-page--honeyboot .project-signature h2{text-transform:uppercase;text-shadow:3px 0 #5c1504,-3px 0 #f4b70352}.project-page--honeyboot .project-media-el{filter:contrast(1.12)saturate(.82)}.project-page--honeyboot .project-nav{border-bottom:1px dashed var(--project-line);padding-bottom:14px}.project-page--honeyboot .project-hero{border:1px solid var(--project-line);box-shadow:var(--project-depth);background:linear-gradient(90deg,#f4b70324 0 1px,#0000 1px 100%),#0000009e;grid-template-columns:minmax(320px,.7fr) minmax(360px,1.3fr);align-items:stretch}.project-page--honeyboot .project-hero-copy{border-right:1px solid var(--project-line);padding:clamp(22px,4vw,46px)}.project-page--honeyboot .project-hero-copy:before{content:"C:\\HONEYBOOT\\RUN_DIAGNOSTIC.EXE";color:#ff8a5c;letter-spacing:.12em;border:1px solid #f4b70380;margin-bottom:28px;padding:9px 11px;font-size:.78rem;display:block}.project-page--honeyboot .project-hero-media{box-shadow:none;border:0;border-left:1px solid #f4b7032e}.project-page--honeyboot .project-facts{background:#070604;border-radius:0;display:block}.project-page--honeyboot .project-facts div{background:0 0;border-bottom:1px dashed #f4b7035c;grid-template-columns:120px 1fr;min-height:0;display:grid}.project-page--honeyboot .project-stats{grid-template-columns:1.2fr .82fr 1fr;gap:8px}.project-page--honeyboot .project-stat{background:#100d06;border-radius:0;box-shadow:inset 0 0 24px #f4b70314}.project-page--honeyboot .project-sections{grid-template-columns:1fr;gap:10px}.project-page--honeyboot .project-section-card{background:linear-gradient(90deg,#f4b7031f,#f4b70309);border-radius:0;grid-template-columns:180px 1fr;gap:24px;display:grid}.project-page--honeyboot .project-section-card h2{max-width:760px}.project-page--honeyboot{--project-bg:#000;--project-ink:#fff;--project-muted:#ffffffb3;--project-panel:#181818;--project-line:#e5e5e533;--project-accent:#0070d1;--project-radius:8px;--project-depth:none;color:#fff;image-rendering:auto;padding-inline:0;background:#000;padding-bottom:0;font-family:PlayStation SST,sst,Arial,Helvetica,sans-serif}.project-page--honeyboot:before{display:none}.project-page--honeyboot .project-nav,.project-page--honeyboot .project-hero,.project-page--honeyboot .project-facts,.project-page--honeyboot .project-stats,.project-page--honeyboot .project-sections,.project-page--honeyboot .project-signature,.project-page--honeyboot .project-gallery,.project-page--honeyboot .project-related{width:100%;max-width:none}.project-page--honeyboot .project-nav{background:#000;border:0;border-bottom:1px solid #e5e5e533;min-height:56px;margin-bottom:0;padding:8px clamp(20px,4vw,48px)}.project-page--honeyboot .project-back-link,.project-page--honeyboot .project-theme-toggle{color:#fff;letter-spacing:.324px;text-transform:none;-webkit-backdrop-filter:none;background:0 0;border-color:#e5e5e533;border-radius:9999px;min-height:40px;font-family:inherit;font-size:14px;font-weight:700}.project-page--honeyboot .project-lang-switch{background:0 0;border-color:#e5e5e533}.project-page--honeyboot .project-hero{min-height:clamp(640px,82vh,900px);box-shadow:none;background:#000;border:0;grid-template-columns:minmax(280px,.34fr) minmax(0,.66fr);align-items:stretch;gap:0;display:grid}.project-page--honeyboot .project-hero-copy{background:0 0;border:0;flex-direction:column;justify-content:center;max-width:560px;padding:clamp(56px,8vw,96px) clamp(24px,4vw,48px);display:flex}.project-page--honeyboot .project-hero-copy:before{content:"HONEY//BOOT";color:#fff;letter-spacing:0;background:#0070d1;border:0;border-radius:9999px;width:max-content;margin-bottom:32px;padding:4px 10px;font-size:12px;font-weight:500}.project-page--honeyboot .project-summary{color:#ffffffb3;letter-spacing:.1px;max-width:500px;font-size:18px;line-height:1.5}.project-page--honeyboot .project-action{letter-spacing:.45px;text-transform:none;min-height:48px;box-shadow:none;border-radius:9999px;padding:12px 28px;font-size:18px;font-weight:700}.project-page--honeyboot .project-action--primary{color:#fff;background:#0070d1}.project-page--honeyboot .project-action--ghost{color:#fff;background:0 0;border-color:#e5e5e533}.project-page--honeyboot .project-hero-media{min-height:100%;box-shadow:none;background:#121314;border:0;border-left:1px solid #e5e5e533;border-radius:0}.project-page--honeyboot .project-facts{background:#fff;border:0;border-radius:0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) minmax(0,1.25fr);gap:1px;margin-top:0;padding:96px clamp(20px,4vw,48px);display:grid}.project-page--honeyboot .project-facts div{-webkit-backdrop-filter:none;background:#f5f7fa;border:0;border-radius:8px;min-height:176px;padding:24px;display:block}.project-page--honeyboot .project-stat{min-height:176px;box-shadow:none;background:#f5f7fa;border:0;border-radius:8px;padding:24px}.project-page--honeyboot .project-section-card{box-shadow:none;background:#181818;border:0;border-radius:8px;padding:32px;display:block}.project-page--honeyboot .project-section-card h2{color:#fff;max-width:none;font-size:clamp(28px,3vw,44px)}.project-page--honeyboot .project-signature{box-shadow:none;background:#0070d1;border:0;border-radius:0;grid-template-columns:minmax(0,.54fr) minmax(280px,.46fr);gap:48px;margin-top:0;padding:96px clamp(20px,4vw,48px)}.project-page--honeyboot .project-signature .project-section-kicker,.project-page--honeyboot .project-signature h2{color:#fff}.project-page--honeyboot .project-palette{background:#ffffff2e;border:0;border-radius:8px;min-height:96px}.project-page--honeyboot .project-gallery{background:#fff;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:24px;margin-top:0;padding:96px clamp(20px,4vw,48px);display:grid}.project-page--honeyboot .project-gallery-item,.project-page--honeyboot .project-gallery-item--wide{box-shadow:none;background:#f5f7fa;border:0;border-radius:8px;grid-column:auto}.project-page--honeyboot .project-related{box-shadow:none;background:#000;border:0;border-radius:0;margin-top:0;padding:96px clamp(20px,4vw,48px)}.project-page--honeyboot .project-related-card{min-height:150px;box-shadow:none;background:#181818;border:0;border-radius:8px}.project-page--honeyboot{--project-bg:#050505;--project-ink:#f8ecd1;--project-muted:#f8ecd1a8;--project-panel:#f4b70311;--project-line:#f4b70373;--project-accent:#f4b703;--project-radius:0;--project-depth:0 0 0 1px #f4b70324, 10px 10px 0 #000000a6;background:radial-gradient(circle at 18% 8%, var(--project-swatch-a), transparent 34vw), radial-gradient(circle at 86% 18%, var(--project-swatch-c), transparent 30vw), var(--project-bg);padding:28px clamp(18px,4vw,56px) 72px}@supports (color:color-mix(in lab, red, red)){.project-page--honeyboot{background:radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--project-swatch-a) 30%, transparent), transparent 34vw), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--project-swatch-c) 26%, transparent), transparent 30vw), var(--project-bg)}}.project-page--honeyboot{color:var(--project-ink);image-rendering:pixelated;font-family:Courier New,monospace}.project-page--honeyboot:before{mix-blend-mode:screen;opacity:.45;background:repeating-linear-gradient(0deg,#f4b7031f 0 1px,#0000 1px 5px),radial-gradient(circle at 50% 18%,#ff4c1f2e,#0000 36vw);display:block}.project-page--honeyboot .project-nav,.project-page--honeyboot .project-hero,.project-page--honeyboot .project-facts,.project-page--honeyboot .project-stats,.project-page--honeyboot .project-sections,.project-page--honeyboot .project-signature,.project-page--honeyboot .project-gallery,.project-page--honeyboot .project-related{width:min(1180px,100%);max-width:100%;margin-inline:auto}.project-page--honeyboot .project-nav{border:0;border-bottom:1px dashed var(--project-line);background:0 0;min-height:auto;margin-bottom:clamp(42px,7vw,90px);padding:0 0 14px}.project-page--honeyboot .project-back-link,.project-page--honeyboot .project-theme-toggle,.project-page--honeyboot .project-action{text-transform:uppercase;border-radius:0}.project-page--honeyboot .project-back-link,.project-page--honeyboot .project-theme-toggle{border-color:var(--project-line);min-height:42px;color:var(--project-ink);letter-spacing:0;-webkit-backdrop-filter:blur(14px);background:#ffffff14;font-family:inherit;font-size:.9rem;font-weight:700}.project-page--honeyboot .project-back-link:before{color:var(--project-accent)}.project-page--honeyboot .project-lang-switch{border-color:var(--project-line);background:#ffffff14}.project-page--honeyboot .project-hero{border:1px solid var(--project-line);min-height:auto;box-shadow:var(--project-depth);background:linear-gradient(90deg,#f4b70324 0 1px,#0000 1px 100%),#0000009e;grid-template-columns:minmax(320px,.7fr) minmax(360px,1.3fr);align-items:stretch;gap:clamp(28px,5vw,72px);display:grid}.project-page--honeyboot .project-hero-copy{border:0;border-right:1px solid var(--project-line);background:0 0;max-width:none;padding:clamp(22px,4vw,46px);display:block}.project-page--honeyboot .project-hero-copy:before{content:"C:\\HONEYBOOT\\RUN_DIAGNOSTIC.EXE";color:#ff8a5c;letter-spacing:.12em;background:0 0;border:1px solid #f4b70380;border-radius:0;width:auto;margin-bottom:28px;padding:9px 11px;font-size:.78rem;font-weight:400;display:block}.project-page--honeyboot .project-world-mark{display:block}.project-page--honeyboot .project-kicker,.project-page--honeyboot .project-section-kicker{color:var(--project-accent);letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:900}.project-page--honeyboot .project-hero h1,.project-page--honeyboot .project-section-card h2,.project-page--honeyboot .project-signature h2,.project-page--honeyboot .project-related h2{letter-spacing:-.045em;text-transform:uppercase;text-shadow:3px 0 #5c1504,-3px 0 #f4b70352;font-family:inherit;font-weight:700;line-height:1.04}.project-page--honeyboot .project-hero h1{max-width:none;font-size:clamp(3.2rem,9vw,8.5rem)}.project-page--honeyboot .project-summary{max-width:620px;color:var(--project-muted);letter-spacing:0;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.65}.project-page--honeyboot .project-actions{margin-top:30px}.project-page--honeyboot .project-action{letter-spacing:0;min-height:48px;box-shadow:none;border-radius:0;padding:13px 20px;font-size:.95rem;font-weight:850}.project-page--honeyboot .project-action--primary{background:var(--project-accent);color:#0b0b0d}.project-page--honeyboot .project-action--primary:hover{background:#d49c00}.project-page--honeyboot .project-action--ghost{border-color:var(--project-line);color:var(--project-ink);background:#ffffff14}.project-page--honeyboot .project-hero-media{background:var(--project-panel);min-height:auto;box-shadow:none;border:0;border-left:1px solid #f4b7032e;border-radius:0}.project-page--honeyboot .project-hero-media:after{mix-blend-mode:soft-light;background:linear-gradient(135deg,#ffffff38,#0000 34%,#00000029)}.project-page--honeyboot .project-media-el{filter:contrast(1.12)saturate(.82);min-height:clamp(300px,48vw,620px)}.project-page--honeyboot .project-facts{border:1px solid var(--project-line);background:#070604;border-radius:0;margin-top:clamp(42px,7vw,88px);padding:0;display:block}.project-page--honeyboot .project-facts div{background:0 0;border:0;border-bottom:1px dashed #f4b7035c;border-radius:0;grid-template-columns:120px 1fr;min-height:0;padding:24px;display:grid}.project-page--honeyboot .project-facts div:last-child{border-bottom:0}.project-page--honeyboot .project-facts span,.project-page--honeyboot .project-stat span{color:var(--project-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.project-page--honeyboot .project-facts strong{color:var(--project-ink);font-size:clamp(1rem,1.7vw,1.25rem);font-weight:700;line-height:1.35}.project-page--honeyboot .project-stats{background:0 0;grid-template-columns:1.2fr .82fr 1fr;gap:8px;margin-top:18px;padding:0}.project-page--honeyboot .project-stat{border:1px solid var(--project-line);background:#100d06;border-radius:0;min-height:150px;padding:24px;box-shadow:inset 0 0 24px #f4b70314}.project-page--honeyboot .project-stat strong{color:var(--project-accent);letter-spacing:-.08em;font-family:inherit;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:700;line-height:.92}.project-page--honeyboot .project-sections{background:0 0;grid-template-columns:1fr;gap:10px;margin-top:clamp(56px,8vw,112px);padding:0}.project-page--honeyboot .project-section-card{border:1px solid var(--project-line);box-shadow:var(--project-depth);background:linear-gradient(90deg,#f4b7031f,#f4b70309);border-radius:0;grid-template-columns:180px 1fr;gap:24px;padding:clamp(24px,3vw,34px);display:grid}.project-page--honeyboot .project-section-card h2{max-width:760px;color:var(--project-ink);font-size:clamp(1.7rem,3vw,3.1rem)}.project-page--honeyboot .project-section-card p:not(.project-section-kicker){color:var(--project-muted);font-size:1rem;line-height:1.75}.project-page--honeyboot .project-signature{border:1px solid var(--project-line);background:var(--project-panel);box-shadow:var(--project-depth);border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:28px;margin-top:18px;padding:clamp(24px,4vw,42px)}.project-page--honeyboot .project-signature .project-section-kicker{color:var(--project-accent)}.project-page--honeyboot .project-signature h2{color:var(--project-ink)}.project-page--honeyboot .project-palette{border:1px solid var(--project-line);background:0 0;border-radius:0;min-height:120px}.project-page--honeyboot .project-gallery{background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:clamp(48px,8vw,96px);padding:0}.project-page--honeyboot .project-gallery-item{border:1px solid var(--project-line);background:var(--project-panel);box-shadow:var(--project-depth);border-radius:0}.project-page--honeyboot .project-gallery-item--wide{grid-column:1/-1}.project-page--honeyboot .project-gallery .project-media-el{min-height:clamp(260px,38vw,560px)}.project-page--honeyboot .project-related{border:1px solid var(--project-line);background:var(--project-panel);box-shadow:var(--project-depth);border-radius:0;margin-top:18px;padding:clamp(24px,4vw,42px)}.project-page--honeyboot .project-related-grid{gap:12px}.project-page--honeyboot .project-related-card{border:1px solid var(--project-line);min-height:130px;box-shadow:none;background:#ffffff14;border-radius:0}.project-page--honeyboot .project-related-card span{color:var(--project-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:800}.project-page--honeyboot .project-related-card strong{color:var(--project-ink);font-family:inherit;font-size:1.2rem;font-weight:700;line-height:1.08}.project-page--catwees{--project-bg:#f3f5f7;--project-ink:#111;--project-muted:#111111a8;--project-panel:#ffffffc7;--project-line:#11111124;--project-accent:#d71920;--project-depth:0 24px 70px #1111111f}.project-page--catwees:before{opacity:.7;background:linear-gradient(90deg,#0000 0 12%,#d71920d6 12% 12.55%,#0000 12.55%),repeating-linear-gradient(0deg,#11111109 0 1px,#0000 1px 84px)}.project-page--catwees .project-hero{grid-template-columns:minmax(300px,.62fr) minmax(420px,1.38fr);align-items:stretch}.project-page--catwees .project-hero-copy{align-self:center;padding-left:clamp(18px,5vw,84px)}.project-page--catwees .project-hero-copy:before{content:"";background:var(--project-accent);width:8px;position:absolute;top:-12px;bottom:-12px;left:clamp(0px,2vw,32px)}.project-page--catwees .project-hero-media{border-radius:8px}.project-page--catwees .project-facts{border-radius:0;grid-template-columns:.54fr 1.4fr 1fr}.project-page--catwees .project-stats{grid-template-columns:1.4fr .8fr 1fr}.project-page--catwees .project-stat{border-top:6px solid var(--project-accent);background:#fff;border-radius:0}.project-page--catwees .project-section-kicker,.project-page--catwees .project-stat strong{color:#b51219}.project-page--catwees .project-sections{grid-template-columns:.78fr 1.34fr .88fr;align-items:end}.project-page--catwees .project-section-card{background:#fff;border-radius:0}.project-page--catwees .project-gallery{grid-template-columns:repeat(12,minmax(0,1fr))}.project-page--catwees .project-gallery-item{border-radius:0;grid-column:span 6}.project-page--catwees .project-gallery-item--1,.project-page--catwees .project-gallery-item--5{grid-column:span 12}.project-page--catwees .project-gallery-item--2,.project-page--catwees .project-gallery-item--3,.project-page--catwees .project-gallery-item--6,.project-page--catwees .project-gallery-item--7,.project-page--catwees .project-gallery-item--8{grid-column:span 4}.project-page--substrate{--project-bg:#050806;--project-ink:#efffba;--project-muted:#efffba9e;--project-panel:#d5fc0512;--project-line:#d5fc0547;--project-accent:#d5fc05;--project-radius:12px;--project-depth:0 0 48px #d5fc051c}.project-page--substrate:before{opacity:.5;background:repeating-linear-gradient(90deg,#d5fc0514 0 1px,#0000 1px 13px),radial-gradient(circle at 80% 16%,#d5fc0524,#0000 28vw)}.project-page--substrate .project-hero{grid-template-columns:minmax(320px,.78fr) minmax(360px,1.22fr);transform:skewY(-.5deg)}.project-page--substrate .project-world-mark{filter:blur(1px);opacity:.7}.project-page--substrate .project-hero-media,.project-page--substrate .project-section-card,.project-page--substrate .project-stat{clip-path:polygon(0 0,96% 0,100% 8%,100% 100%,4% 100%,0 92%)}.project-page--substrate .project-facts{grid-template-columns:1.2fr .7fr 1.1fr;transform:translate(clamp(-12px,-1vw,-4px))}.project-page--substrate .project-stats{grid-template-columns:.82fr 1.4fr .88fr;transform:translate(clamp(4px,1vw,14px))}.project-page--substrate .project-sections{grid-template-columns:1.1fr .9fr}.project-page--substrate .project-section-card--1{grid-column:1/-1}.project-page--substrate .project-section-card--2{transform:translateY(28px)}.project-page--substrate .project-section-card--3{transform:translateY(-16px)}.project-page--games{--project-bg:#fff;--project-ink:#000;--project-muted:#000000b3;--project-panel:#eee8ec8c;--project-line:#000;--project-accent:#d946a6;--project-radius:10px;--project-depth:10px 10px 0 #8b4789}.project-page--games .project-section-card,.project-page--games .project-gallery-item,.project-page--games .project-stat,.project-page--games .project-facts,.project-page--games .project-signature,.project-page--games .project-related{border-width:2px}.project-page--games .project-hero{grid-template-columns:minmax(280px,.92fr) minmax(360px,1.08fr)}.project-page--games .project-hero h1,.project-page--games .project-stat strong{letter-spacing:-.045em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Black,sans-serif}.project-page--games .project-action--primary{color:#fff}.project-page--games .project-hero-media{border-width:3px;transform:rotate(-1.2deg)}.project-page--games .project-facts{border-width:3px;border-radius:0;transform:rotate(.35deg)}.project-page--games .project-stats{box-shadow:var(--project-depth);border:3px solid #000;grid-template-columns:1fr 1fr 1fr;gap:0}.project-page--games .project-stat{box-shadow:none;border:0;border-right:3px solid #000;border-radius:0}.project-page--games .project-stat:last-child{border-right:0}.project-page--games .project-sections{grid-template-columns:1.35fr .65fr;align-items:start}.project-page--games .project-section-card{background:#fff;border-radius:0}.project-page--games .project-section-card--1{grid-row:span 2}.project-page--games .project-section-card--2{transform:rotate(1.2deg)}.project-page--games .project-section-card--3{transform:rotate(-1.6deg)}.project-page--selfcare{--project-bg:#fff5e8;--project-ink:#654232;--project-muted:#654232ad;--project-panel:#ffffffb8;--project-line:#fe844547;--project-accent:#c4551d;--project-radius:34px;--project-depth:0 24px 72px #fe844521}.project-page--selfcare:before{opacity:.9;background:radial-gradient(circle at 12% 24%,#8fcf9842,#0000 18vw),radial-gradient(circle at 78% 8%,#fe844533,#0000 22vw),repeating-linear-gradient(0deg,#65423209 0 1px,#0000 1px 34px)}.project-page--selfcare .project-hero{grid-template-columns:minmax(320px,1fr) minmax(340px,.92fr)}.project-page--selfcare .project-hero-copy{background:#ffffff94;border:1px solid #fe84453d;border-radius:42px 16px;padding:clamp(24px,4vw,48px)}.project-page--selfcare .project-hero-copy:after{content:"";background:#8fcf9880;border-radius:999px 0 999px 999px;width:72px;height:42px;position:absolute;bottom:18px;right:18px;transform:rotate(-18deg)}.project-page--selfcare .project-hero-media{border-radius:24px 74px;transform:rotate(1deg)}.project-page--selfcare .project-facts{border-radius:36px 12px;grid-template-columns:.7fr 1fr 1.3fr}.project-page--selfcare .project-stats{flex-wrap:wrap;display:flex}.project-page--selfcare .project-stat{border-radius:30px 12px;flex:210px}.project-page--selfcare .project-sections{grid-template-columns:.9fr 1.1fr}.project-page--selfcare .project-section-card--1{border-radius:18px 48px;grid-column:1/-1}.project-page--selfcare .project-section-card--2,.project-page--selfcare .project-section-card--3{border-radius:36px 14px}@media (width<=900px){.project-page{padding-inline:16px}.project-nav,.project-hero,.project-signature,.project-page--obol .project-hero,.project-page--honeyboot .project-hero,.project-page--catwees .project-hero,.project-page--substrate .project-hero,.project-page--games .project-hero,.project-page--selfcare .project-hero{grid-template-columns:1fr}.project-nav{flex-direction:column;align-items:flex-start}.project-hero,.project-page--obol .project-hero,.project-page--honeyboot .project-hero,.project-page--catwees .project-hero,.project-page--substrate .project-hero,.project-page--games .project-hero,.project-page--selfcare .project-hero{flex-direction:column;align-items:stretch;display:flex;transform:none}.project-facts,.project-stats,.project-sections,.project-gallery,.project-related-grid,.project-archive-links,.project-page--obol .project-facts,.project-page--obol .project-sections,.project-page--honeyboot .project-stats,.project-page--catwees .project-facts,.project-page--catwees .project-stats,.project-page--catwees .project-sections,.project-page--catwees .project-gallery,.project-page--substrate .project-facts,.project-page--substrate .project-stats,.project-page--substrate .project-sections,.project-page--games .project-stats,.project-page--games .project-sections,.project-page--selfcare .project-facts,.project-page--selfcare .project-sections{grid-template-columns:1fr}.project-page--obol .project-stats,.project-page--selfcare .project-stats{grid-template-columns:1fr;display:grid}.project-page--obol .project-stat{border-radius:30px;width:auto;min-height:130px}.project-page--honeyboot .project-hero-copy,.project-page--honeyboot .project-hero-media{border-left:0;border-right:0}.project-page--honeyboot .project-section-card{grid-template-columns:1fr}.project-page--catwees .project-gallery-item,.project-page--catwees .project-gallery-item--1,.project-page--catwees .project-gallery-item--2,.project-page--catwees .project-gallery-item--3,.project-page--catwees .project-gallery-item--5,.project-page--catwees .project-gallery-item--6,.project-page--catwees .project-gallery-item--7,.project-page--catwees .project-gallery-item--8{grid-column:auto}.project-page--substrate .project-facts,.project-page--substrate .project-stats,.project-page--substrate .project-section-card--2,.project-page--substrate .project-section-card--3,.project-page--games .project-hero-media,.project-page--games .project-facts,.project-page--games .project-section-card--2,.project-page--games .project-section-card--3,.project-page--selfcare .project-hero-media{transform:none}.project-section-card--1,.project-page--obol .project-section-card--1,.project-page--games .project-section-card--1,.project-page--selfcare .project-section-card--1{grid-area:auto}.project-palette{width:100%;min-width:0}.project-gallery-item--wide{grid-column:auto}}@media (width<=620px){.project-page{padding:18px 12px 52px}.project-nav-actions{flex-wrap:wrap;width:100%}.project-hero h1{letter-spacing:-.045em;font-size:clamp(2.55rem,16vw,4.5rem);line-height:1}.project-world-mark{display:none}.project-actions{flex-direction:column;align-items:stretch}.project-action{width:100%}.project-media-el,.project-gallery .project-media-el{min-height:230px}.project-facts{border-radius:22px;overflow:visible}.project-facts div,.project-stat,.project-section-card,.project-signature,.project-related,.project-archive-map,.project-not-found{padding:20px}.project-page--honeyboot .project-facts div{grid-template-columns:1fr;gap:8px}.project-page--substrate .project-hero-media,.project-page--substrate .project-section-card,.project-page--substrate .project-stat{clip-path:none}.project-page--catwees .project-hero-copy{padding-left:28px}}@media (width<=768px),(pointer:coarse){.project-back-link,.project-theme-toggle{min-width:44px;min-height:44px;padding:10px 16px}.obol-back-link{align-items:center;min-height:44px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.project-action,.project-back-link,.project-theme-toggle,.project-related-card,.project-archive-links a{transition:none}}.obol-archive{--bg-void:var(--f-dark);--bg-surface:var(--f-primary)}@supports (color:color-mix(in lab, red, red)){.obol-archive{--bg-surface:color-mix(in srgb, var(--f-primary) 18%, transparent)}}.obol-archive{--grid-line:var(--f-accent)}@supports (color:color-mix(in lab, red, red)){.obol-archive{--grid-line:color-mix(in srgb, var(--f-accent) 28%, transparent)}}.obol-archive{--text-main:#f1fcff;--text-muted:#bceeff;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"Oxanium", "Eurostile", "Bank Gothic", system-ui, sans-serif;background-color:var(--f-dark);background-image:radial-gradient(circle at 15% 8%, var(--f-accent), transparent 24vw), radial-gradient(circle at 85% 18%, var(--f-primary), transparent 28vw), radial-gradient(circle at 50% 100%, var(--f-secondary), transparent 46vw), linear-gradient(180deg, var(--f-primary) 0%, var(--f-secondary) 42%, var(--f-dark) 100%), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);min-height:100dvh;position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.obol-archive{background-image:radial-gradient(circle at 15% 8%, color-mix(in srgb, var(--f-accent) 52%, transparent), transparent 24vw), radial-gradient(circle at 85% 18%, color-mix(in srgb, var(--f-primary) 46%, transparent), transparent 28vw), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--f-secondary) 38%, transparent), transparent 46vw), linear-gradient(180deg, color-mix(in srgb, var(--f-primary) 78%, #041018) 0%, color-mix(in srgb, var(--f-secondary) 58%, #071018) 42%, var(--f-dark) 100%), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px)}}.obol-archive{color:var(--text-main);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background-position:top;background-size:auto,auto,auto,auto,40px 40px,40px 40px;transition:background-color .55s}.obol-ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.obol-aurora{background:radial-gradient(circle at 46% 48%, var(--f-accent) 0%, transparent 34%), radial-gradient(circle at 60% 44%, var(--f-primary) 0%, transparent 45%), radial-gradient(circle at 50% 50%, var(--f-glow) 0%, transparent 52%);width:150vw;height:150vh;position:absolute;top:-25vh;left:-25vw}@supports (color:color-mix(in lab, red, red)){.obol-aurora{background:radial-gradient(circle at 46% 48%, color-mix(in srgb, var(--f-accent) 72%, transparent) 0%, transparent 34%), radial-gradient(circle at 60% 44%, color-mix(in srgb, var(--f-primary) 58%, transparent) 0%, transparent 45%), radial-gradient(circle at 50% 50%, var(--f-glow) 0%, transparent 52%)}}.obol-aurora{mix-blend-mode:screen;opacity:.5;animation:10s linear infinite alternate obol-pulse-aurora}.obol-swoosh{filter:blur(5px);background:linear-gradient(#b8ffe000 0%,#b8ffe026 40%,#fff0 100%);border-top:1px solid #d4ffff57;border-radius:50%;width:200%;height:200px;position:absolute;top:20%;left:-50%;transform:rotate(-15deg)}.obol-bubbles{position:absolute;inset:0}.obol-bubble{bottom:-50px;left:var(--bubble-left);width:var(--bubble-size);height:var(--bubble-size);box-shadow:inset -2px -2px 10px #0003, inset 2px 2px 10px #ffffff80, 0 0 10px var(--f-glow);opacity:0;animation:obol-rise var(--bubble-duration) infinite ease-in;animation-delay:var(--bubble-delay);background:radial-gradient(circle at 30% 30%,#fffc,#ffffff1a 40%,#0000 80%);border:1px solid #ffffff4d;border-radius:50%;position:absolute}.obol-top-bar{z-index:100;background:var(--f-primary);border-bottom:1px solid #d6ffff3d;align-items:center;width:100%;min-height:48px;padding:0 24px;display:flex;position:fixed;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.obol-top-bar{background:color-mix(in srgb, var(--f-primary) 22%, #0812206b)}}.obol-top-bar{box-shadow:0 12px 30px var(--f-dark)}@supports (color:color-mix(in lab, red, red)){.obol-top-bar{box-shadow:0 12px 30px color-mix(in srgb, var(--f-dark) 35%, transparent)}}.obol-top-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#efffff;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;font-size:11px}.obol-back-link,.obol-live-link{color:#eaffff;text-decoration:none}.obol-back-link{background:#ffffff24;border:1px solid #e1ffff61;border-radius:999px;width:max-content;padding:8px 14px;box-shadow:inset 0 1px #ffffff57}.obol-back-link:before{content:"< "}.obol-top-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.obol-system-status{white-space:nowrap;align-items:center;gap:16px;display:flex}.obol-blinker{background:var(--f-primary);width:6px;height:6px;box-shadow:0 0 8px var(--f-primary);border-radius:50%;animation:2s infinite obol-blink}.obol-archive-shell{z-index:1;max-width:1400px;margin:0 auto;padding:80px 0 120px;position:relative}.obol-hero{grid-template-columns:minmax(0,1fr) minmax(420px,1fr);align-items:center;gap:40px;min-height:60vh;padding:0 40px;display:grid;overflow:visible}.obol-hero-text,.obol-hero-visual{min-width:0}.obol-hero-text h1{color:#0000;letter-spacing:-.06em;background:linear-gradient(#fff 0%,#d7fcff 45%,#9dffd1 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(4rem,7vw,7.5rem);font-weight:800;line-height:.92}.obol-hero-text p{color:#eeffffdb;max-width:620px;margin:0 0 32px;font-size:1.1rem;line-height:1.6}.obol-badge{color:var(--f-primary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:10px;display:inline-flex}.obol-badge-crosshair{border:1.5px solid;border-radius:50%;width:12px;height:12px;position:relative}.obol-badge-crosshair:before,.obol-badge-crosshair:after{content:"";background:currentColor;position:absolute}.obol-badge-crosshair:before{width:16px;height:1px;top:50%;left:-3px}.obol-badge-crosshair:after{width:1px;height:16px;top:-3px;left:50%}.obol-terminal-line{color:#c9ffd9;font-family:var(--font-mono);letter-spacing:.05em;opacity:.82;text-transform:uppercase;margin-bottom:18px;font-size:12px}.obol-live-link{min-height:44px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#ffffff3d,#b0f6ff1a);border:1px solid #e1ffff73;border-radius:999px;align-items:center;padding:0 16px;font-size:11px;display:inline-flex;box-shadow:0 14px 32px #00568f3d,inset 0 1px #ffffff7a}.obol-env-link{z-index:2;margin-top:0;position:relative}.obol-hero-visual{perspective:1000px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;min-height:620px;padding:24px 8px 32px;display:flex;position:relative;overflow:visible}.obol-can-stage{background:radial-gradient(circle at 50% 58%, var(--f-glow), transparent 68%);filter:none;border-radius:0;width:min(100%,680px);height:640px;position:relative;overflow:visible}.obol-can-stage canvas{cursor:grab}.obol-can-stage>div{overflow:visible!important}.obol-can-stage canvas:active{cursor:grabbing}.obol-drag-hint,.obol-archive-drag-hint{color:#e2f8ffb8;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;font-size:10px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.obol-flavor-rail-container{z-index:90;background:var(--f-primary);border-top:1px solid #dbffff38;border-bottom:1px solid #dbffff38;width:100%;margin-bottom:60px;padding:18px 40px 20px;position:sticky;top:48px}@supports (color:color-mix(in lab, red, red)){.obol-flavor-rail-container{background:color-mix(in srgb, var(--f-primary) 16%, #08122061)}}.obol-flavor-rail-container{box-shadow:0 10px 30px var(--f-dark)}@supports (color:color-mix(in lab, red, red)){.obol-flavor-rail-container{box-shadow:0 10px 30px color-mix(in srgb, var(--f-dark) 40%, transparent)}}.obol-flavor-rail-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.obol-flavor-rail{scrollbar-color:var(--grid-line) transparent;scrollbar-width:thin;gap:12px;margin:-12px 0 -14px;padding:14px 0 20px;display:flex;overflow-x:auto}.obol-flavor-rail::-webkit-scrollbar{height:4px}.obol-flavor-rail::-webkit-scrollbar-thumb{background:var(--grid-line);border-radius:2px}.obol-flavor-btn{color:#e6feff;cursor:pointer;min-height:42px;font-family:var(--font-sans);background:#eaffff24;border:1px solid #e2ffff3d;border-radius:30px;flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:700;transition:transform .3s,color .3s,box-shadow .3s,background .3s;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px 1px #ffffff1a,0 4px 6px #0003}.obol-flavor-btn:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffff26 0%,#fff0 100%);border-radius:30px 30px 0 0;width:100%;height:50%;position:absolute;top:0;left:0}.obol-flavor-swatch{z-index:1;background:var(--btn-color);width:12px;height:12px;box-shadow:inset -2px -2px 4px #0006, inset 1px 1px 4px #fffc, 0 0 8px var(--btn-color);border-radius:50%;position:relative}.obol-flavor-btn:hover{color:#fff;transform:translateY(-2px)}.obol-flavor-btn.active{background:var(--btn-color);box-shadow:inset 0 -3px 8px #0000004d, inset 0 2px 4px #ffffff80, 0 0 26px var(--btn-glow), 0 0 44px #d2ffff33;color:#fff;text-shadow:0 1px 2px #00000080;border-color:#fff6}.obol-flavor-btn.active .obol-flavor-swatch{display:none}.obol-section{margin-bottom:40px;padding:40px}.obol-section-header{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:16px;margin-bottom:32px;font-size:12px;display:flex}.obol-section-header:after{content:"";background:linear-gradient(90deg, var(--grid-line), transparent);flex:1;height:1px}.obol-physical-cans{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ddffff24;border:1px solid #ddffff38;border-radius:16px;margin:0;overflow:hidden;box-shadow:0 28px 70px #00355e40}.obol-physical-cans img{aspect-ratio:3840/1341;object-fit:cover;width:100%;height:auto;display:block}.obol-physical-cans figcaption{color:#eeffffc7;border-top:1px solid #ddffff2e;padding:18px 22px 20px;font-size:.95rem;line-height:1.55}.obol-anatomy-grid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ddffff24;border:1px solid #ddffff38;border-radius:16px;grid-template-columns:minmax(0,1fr) 350px;gap:40px;padding:40px;display:grid;position:relative;overflow:hidden}.obol-anatomy-grid:before{content:"";background:linear-gradient(90deg,#fff0,#fff3,#fff0);width:100%;height:1px;position:absolute;top:0;left:0}.obol-label-flat{background:linear-gradient(135deg, var(--f-primary), var(--f-dark));border:1px solid #fff3;border-radius:8px;min-height:400px;transition:background .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.obol-condensation{z-index:1;mix-blend-mode:overlay;opacity:.6;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");position:absolute;inset:0}.obol-flat-bubble{background:radial-gradient(circle at 30% 30%,#fff6,#0000);border-radius:50%;position:absolute;box-shadow:inset -5px -5px 20px #0000001a}.obol-flat-bubble--one{width:150px;height:150px;top:-20px;left:-20px}.obol-flat-bubble--two{background:radial-gradient(circle at 30% 30%,#fff3,#0000);width:250px;height:250px;bottom:-50px;right:-50px}.obol-label-center{z-index:2;text-align:center;margin:auto}.obol-logo{color:#fff;letter-spacing:-.04em;text-shadow:0 4px 10px #00000080, 0 0 20px var(--f-glow);margin-bottom:10px;font-size:clamp(3.5rem,8vw,5rem);font-style:italic;font-weight:800;line-height:.9}.obol-can-flavor-text{color:#ffffffeb;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:1px solid #fff3;border-radius:20px;padding:6px 14px;font-size:14px;display:inline-flex}.obol-nutrition-panel{z-index:5;color:#000;background:#ffffffeb;border:1px solid #000;border-radius:2px;width:140px;padding:10px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;position:absolute;top:20px;right:20px;transform:rotate(2deg);box-shadow:2px 2px 10px #0003}.obol-nutri-head{border-bottom:4px solid #000;margin-bottom:4px;font-size:16px;font-weight:900}.obol-nutri-row{border-bottom:1px solid #666;justify-content:space-between;gap:8px;padding:2px 0;font-size:10px;display:flex}.obol-nutri-row strong{font-weight:800}.obol-nutri-indent{padding-left:10px}.obol-nutri-amount{border-bottom:2px solid #000;padding:2px 0;font-size:10px}.obol-nutrition-panel p{color:#000;margin:4px 0 0;font-size:8px;line-height:1.1}.obol-anatomy-annotations{flex-direction:column;justify-content:center;gap:24px;display:flex}.obol-annotation-item{border-left:2px solid var(--f-primary);padding-left:20px}.obol-annotation-item h3{color:#fff;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-size:14px;display:flex}.obol-annotation-item p{color:#e2faffc7;margin:0;font-size:13px;line-height:1.5}.obol-mono-tag{color:var(--f-accent);font-family:var(--font-mono);background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:10px}.obol-color-system{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.obol-color-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ddffff24;border:1px solid #ddffff38;border-radius:12px;align-items:center;gap:16px;min-width:0;padding:20px;display:flex}.obol-color-sphere{background:var(--swatch-color);border:1px solid #ffffff4d;border-radius:50%;flex:none;width:60px;height:60px;position:relative;box-shadow:inset -10px -10px 20px #0006,inset 5px 5px 20px #fffc,0 10px 20px #0000004d}.obol-color-sphere:after{content:"";background:linear-gradient(#fffc,#fff0);border-radius:50%;width:30%;height:20%;position:absolute;top:10%;left:15%;transform:rotate(-20deg)}.obol-color-info{flex-direction:column;gap:4px;min-width:0;display:flex}.obol-color-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.obol-color-hex{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.obol-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.obol-gallery-item{aspect-ratio:3/4;min-height:360px;color:inherit;cursor:pointer;background:#ddffff24;border:1px solid #ddffff3d;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.obol-gallery-bg{z-index:1;background:linear-gradient(135deg, var(--g-c1), var(--g-c2));opacity:.82;position:absolute;inset:0}.obol-gallery-condensation{opacity:.3}.obol-gallery-label-frame{--label-pan-x:118px;--label-pan-y:0px;z-index:2;border-radius:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00081c38;border:0;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.obol-gallery-label-frame:active{cursor:grabbing}.obol-gallery-label-frame:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff61,#0000 36%),radial-gradient(circle at 25% 15%,#ffffff59,#0000 28%);position:absolute;inset:0}.obol-gallery-label-frame:after{content:"drag label";z-index:3;color:#ffffffc7;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000a2275;border:1px solid #ffffff4d;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;position:absolute;bottom:12px;right:12px}.obol-gallery-label-frame img{object-fit:cover;width:auto;min-width:100%;max-width:none;height:100%;transform:translate(calc(-50% + var(--label-pan-x)), calc(-50% + var(--label-pan-y)));pointer-events:none;position:absolute;top:50%;left:50%}.obol-gallery-icon{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 0 0,#ffffff80,#0000);border:1px solid #ffffff4d;border-radius:30px;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;box-shadow:inset 2px 2px 5px #ffffff80,inset -5px -5px 15px #0000004d,0 15px 25px #0006}.obol-glyph{background:radial-gradient(circle at 30% 25%,#fff,#ffffff1a 42%,#fff0 68%);border-radius:50%;width:64px;height:64px;position:relative}.obol-glyph:after{content:"OB";color:#ffffffeb;font-family:var(--font-mono);text-shadow:0 2px 8px #0006;place-items:center;font-size:18px;font-weight:800;display:grid;position:absolute;inset:0}.obol-glyph--drop{border-radius:58% 58% 58% 8%;transform:rotate(-45deg)}.obol-glyph--drop:after{content:"H2O";transform:rotate(45deg)}.obol-glyph--apple:after{content:"APL"}.obol-glyph--berry:after{content:"ICE"}.obol-glyph--grape:after{content:"GRP"}.obol-glyph--lemon:after{content:"LMN"}.obol-glyph--orange:after{content:"ORG"}.obol-glyph--straw:after{content:"STB"}.obol-glyph--melon:after{content:"MLN"}.obol-gallery-overlay{z-index:3;opacity:0;text-align:left;background:linear-gradient(#0000 0%,#000c 100%);flex-direction:column;gap:4px;width:100%;padding:20px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0}.obol-gallery-item:hover .obol-gallery-overlay,.obol-gallery-item:focus-visible .obol-gallery-overlay{opacity:1}.obol-gallery-title{color:#fff;font-weight:700}.obol-gallery-desc{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}@keyframes obol-rise{0%{opacity:0;transform:translateY(0)scale(.5)}10%{opacity:.8}90%{opacity:.6}to{opacity:0;transform:translateY(-120vh)scale(1.5)}}@keyframes obol-pulse-aurora{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(2%,2%)}}@keyframes obol-blink{0%,to{opacity:1}50%{opacity:.3}}@media (width<=980px){.obol-top-bar{grid-template-columns:auto 1fr;row-gap:4px;padding:8px 18px}.obol-system-status{grid-column:1/-1;gap:10px;font-size:9px;overflow-x:auto}.obol-archive-shell{padding-top:96px}.obol-hero{grid-template-columns:minmax(0,1fr);min-height:auto}.obol-hero-text p{max-width:760px}.obol-hero-visual{min-height:520px}.obol-can-stage{width:min(100%,560px);height:540px}.obol-flavor-rail-container{top:74px}.obol-anatomy-grid{grid-template-columns:1fr}.obol-color-system{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.obol-top-bar{align-items:start;font-size:9px}.obol-top-label{text-align:right}.obol-system-status span:first-child,.obol-system-status span:nth-child(2){display:none}.obol-archive-shell{padding:82px 0 80px}.obol-hero,.obol-section{padding-left:18px;padding-right:18px}.obol-hero{gap:20px}.obol-hero-text h1{font-size:clamp(3.4rem,20vw,5rem)}.obol-hero-text p{font-size:1rem}.obol-terminal-line{font-size:10px}.obol-hero-visual{min-height:440px;padding:8px 0 20px}.obol-can-stage{width:100%;height:420px}.obol-flavor-rail-container{margin-bottom:28px;padding:12px 18px;top:48px}.obol-anatomy-grid{gap:26px;padding:18px}.obol-physical-cans{border-radius:12px}.obol-physical-cans img{object-position:center;min-height:230px}.obol-physical-cans figcaption{padding:15px 16px 17px;font-size:.88rem}.obol-label-flat{min-height:420px}.obol-nutrition-panel{width:132px;top:auto;bottom:14px;right:14px}.obol-color-system{grid-template-columns:1fr}.obol-gallery-grid{grid-template-columns:1fr;gap:18px}}.obol-archive .case-study-footer{border-top-color:var(--f-primary)}@supports (color:color-mix(in lab, red, red)){.obol-archive .case-study-footer{border-top-color:color-mix(in srgb, var(--f-primary) 28%, transparent)}}.obol-archive .case-study-footer{background:linear-gradient(180deg, var(--f-dark), var(--f-dark))}@supports (color:color-mix(in lab, red, red)){.obol-archive .case-study-footer{background:linear-gradient(180deg, color-mix(in srgb, var(--f-dark) 0%, transparent), color-mix(in srgb, var(--f-dark) 82%, #000))}}.obol-archive .case-study-footer-kicker,.obol-archive .case-study-related-card span{color:var(--f-accent)}@supports (color:color-mix(in lab, red, red)){.obol-archive .case-study-footer-kicker,.obol-archive .case-study-related-card span{color:color-mix(in srgb, var(--f-accent) 70%, #fff)}}.obol-archive .case-study-footer-head h2,.obol-archive .case-study-related-card strong{color:#f4fffb}.obol-archive .case-study-related-card{border-color:var(--f-primary)}@supports (color:color-mix(in lab, red, red)){.obol-archive .case-study-related-card{border-color:color-mix(in srgb, var(--f-primary) 28%, transparent)}}.obol-archive .case-study-related-card{background:var(--f-primary)}@supports (color:color-mix(in lab, red, red)){.obol-archive .case-study-related-card{background:color-mix(in srgb, var(--f-primary) 12%, #08101c6b)}}.obol-archive .case-study-footer-actions a{color:var(--f-accent)}@media (prefers-reduced-motion:reduce){.obol-archive *,.obol-archive :before,.obol-archive :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.site-ambient-active body{background:0 0}.site-ambient-bg{isolation:isolate;position:relative}.site-case-study-shell{isolation:isolate;background:var(--color-bg);min-height:100dvh;position:relative}.site-case-study-shell:has(.obol-archive){background:0 0}.site-case-study-shell>*{z-index:1;position:relative}.site-scroll-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.site-scroll-bg__grainient,.site-scroll-bg__static{position:absolute;inset:0}.site-scroll-bg__static{pointer-events:none}.site-scroll-bg__veil{background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) 50%, var(--color-bg) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.site-scroll-bg__veil{background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg) 10%, transparent) 0%, color-mix(in srgb, var(--color-bg) 14%, transparent) 50%, color-mix(in srgb, var(--color-bg) 18%, transparent) 100%)}}.site-scroll-bg__veil{pointer-events:none}[data-theme=dark] .site-scroll-bg__veil{background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) 50%, var(--color-bg) 100%)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .site-scroll-bg__veil{background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg) 14%, transparent) 0%, color-mix(in srgb, var(--color-bg) 20%, transparent) 50%, color-mix(in srgb, var(--color-bg) 26%, transparent) 100%)}}.site-ambient-bg .nav.nav--staggered{z-index:auto;pointer-events:none;width:100%;position:static}.site-ambient-bg .nav,.site-ambient-bg .skip-link,.site-ambient-bg #main-content,.site-ambient-bg .footer,.site-ambient-bg .psx-scanlines,.site-ambient-bg .psx-scanline-bar,.site-ambient-bg .psx-vignette,.site-ambient-bg .psx-noise{z-index:1;position:relative}.site-ambient-bg .skip-link{z-index:10000;position:fixed}.site-ambient-bg .hero,.site-ambient-bg .section,.site-ambient-bg .section-dark,.site-ambient-bg .footer{-webkit-backdrop-filter:none;background:0 0}.site-ambient-bg #skills{color:inherit;background:0 0}.site-ambient-bg .section{padding:clamp(72px,11vw,104px) 0}.site-ambient-bg .section-dark{color:inherit}.site-ambient-bg .section-dark .section-subtitle{color:var(--color-text-secondary)}.site-ambient-bg .section-dark .section-title{color:var(--color-text)}.site-ambient-bg .gradient-divider{display:none}.site-ambient-bg .footer{border-top:none}.site-ambient-bg .tl-snake-bend:before,.site-ambient-bg .tl-snake-bend:after,.site-ambient-bg .tl-card-slot:before,.site-ambient-bg .proc__line,.site-ambient-bg .tl-dot{display:none}.site-ambient-bg .work-card,.site-ambient-bg .bio-portrait,.site-ambient-bg .insp-card,.site-ambient-bg .process-step{background:var(--color-card)}@supports (color:color-mix(in lab, red, red)){.site-ambient-bg .work-card,.site-ambient-bg .bio-portrait,.site-ambient-bg .insp-card,.site-ambient-bg .process-step{background:color-mix(in srgb, var(--color-card) 70%, transparent)}}.site-ambient-bg .work-card,.site-ambient-bg .bio-portrait,.site-ambient-bg .insp-card,.site-ambient-bg .process-step{-webkit-backdrop-filter:blur(10px)}body.work-archive-page .work-card{background:var(--work-card-surface,var(--color-card));-webkit-backdrop-filter:none}[data-theme=dark] body.work-archive-page .work-card{background:var(--work-card-surface-dark,var(--work-card-surface,var(--color-card)))}body.work-archive-page .work-card--openfeed,[data-theme=dark] body.work-archive-page .work-card--openfeed{background:#111}.site-ambient-bg .work-card[data-work-id=hondaPrelude],.site-ambient-bg .work-card[data-work-id^=catwees],.site-ambient-bg .work-card--motion-collection,body.work-archive-page .work-card[data-work-id=hondaPrelude],body.work-archive-page .work-card[data-work-id^=catwees],body.work-archive-page .work-card--motion-collection{background:linear-gradient(var(--work-card-surface,var(--color-card)), var(--work-card-surface,var(--color-card))) padding-box, var(--honda-red) border-box;-webkit-backdrop-filter:none;border-color:#0000}[data-theme=dark] .site-ambient-bg .work-card[data-work-id=hondaPrelude],[data-theme=dark] .site-ambient-bg .work-card[data-work-id^=catwees],[data-theme=dark] .site-ambient-bg .work-card--motion-collection,[data-theme=dark] body.work-archive-page .work-card[data-work-id=hondaPrelude],[data-theme=dark] body.work-archive-page .work-card[data-work-id^=catwees],[data-theme=dark] body.work-archive-page .work-card--motion-collection{background:linear-gradient(var(--work-card-surface-dark,var(--work-card-surface,var(--color-card))), var(--work-card-surface-dark,var(--work-card-surface,var(--color-card)))) padding-box, var(--honda-red) border-box;border-color:#0000}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@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-ease{syntax:"*";inherits:false}