@layer orbition.product{.article-publication{--action-primary:var(--foreground-default);--action-primary-hover:var(--foreground-default)}:root{--brand-gradient-stop-1:var(--pop-brand-violet-80);--brand-gradient-stop-2:var(--pop-brand-pink-80);--brand-gradient-stop-3:var(--pop-brand-yellow-80);--brand-gradient-stop-4:var(--pop-brand-mint-80);--brand-gradient-stop-5:var(--pop-brand-blue-80);--brand-gradient:linear-gradient(60deg, var(--brand-gradient-stop-1), var(--brand-gradient-stop-2), var(--brand-gradient-stop-3), var(--brand-gradient-stop-4), var(--brand-gradient-stop-5));--brand-gradient-motion-duration:15s;--work-card-canvas:var(--lightningcss-light,var(--background-default))var(--lightningcss-dark,#161616);--work-card-ink:var(--lightningcss-light,#161616)var(--lightningcss-dark,#fff);--work-card-dim:var(--lightningcss-light,#6b6460)var(--lightningcss-dark,#bebebe);--work-card-line:var(--lightningcss-light,#e4dcd7)var(--lightningcss-dark,#353535);--work-variables-hero-background:#f3dfff;--work-frontendly-hero-background:#242424;--work-frontendly-picture-background:var(--lightningcss-light,#d6e87d)var(--lightningcss-dark,#242424);--orbition-art-ground:#161616;--orbition-art-ink:#fff;--orbition-art-muted:#bebebe;--orbition-art-rule:#353535;--orbition-art-layer-1:#7b1755;--orbition-art-layer-2:#a82375;--orbition-art-layer-3:#d92798;--orbition-art-layer-4:#f55db5;--orbition-art-layer-5:#f89dcc;--orbition-art-layer-6:#fbd0e4;--pop-brand-violet-80:#bfafff;--pop-brand-pink-80:#ff9d9e;--pop-brand-yellow-80:#dcbc33;--pop-brand-mint-80:#66da85;--pop-brand-blue-80:#93bfff;--pop-lime-92:#cef934;--pop-lime-84:#abe100;--pop-magenta-64:#fa00a3;--pop-magenta-78:#ff87c6;--pop-violet-56:#8135ff;--pop-violet-72:#a98bff;--pop-azure-62:#0081ff;--pop-azure-78:#62c2ff;--pop-tangerine-74:#ff8600;--pop-tangerine-86:#ffc450;--pop-scarlet-62:#fb001a;--pop-scarlet-76:#ff8880;--pop-emerald-74:#00cd5c;--pop-emerald-86:#49f860;--pop-silver-97:#f6f5f1;--pop-silver-90:#dfdeda;--pop-silver-78:#b8b7b4;--pop-silver-60:#81807d;--pop-silver-38:#434241;--pop-indigo-30:#340e70;--pop-indigo-40:#4e2999;--pop-slate-24:#201a35;--pop-cream-97:#faf6dc;--portfolio-font:var(--font-family-geist);--portfolio-shadow:0 24px 80px var(--lightningcss-light,#334e3014)var(--lightningcss-dark,#03040c55);--portfolio-glow:var(--lightningcss-light,#c7dcc048)var(--lightningcss-dark,#a07fff22);--hero-type-glow:var(--lightningcss-light,#70919b14)var(--lightningcss-dark,#e8e5ff50);--hero-type-halo:var(--lightningcss-light,#83b0b00c)var(--lightningcss-dark,#a9a0e524);--hero-spotlight-core:var(--lightningcss-light,#ffffff0d)var(--lightningcss-dark,#b9a7ff42);--hero-spotlight-pool-1:var(--lightningcss-light,#0000)var(--lightningcss-dark,#7f6ae04a);--hero-spotlight-pool-2:var(--lightningcss-light,#0000)var(--lightningcss-dark,#d98fd03a);--hero-spotlight-dim:#04061238;--hero-spotlight-edge:#02040c73;--hero-horizon-body:var(--lightningcss-light,color-mix(in oklab, var(--background-default) 88%, var(--pop-silver-60)))var(--lightningcss-dark,oklch(24% .035 278));--hero-horizon-light:var(--lightningcss-light,var(--pop-silver-60))var(--lightningcss-dark,oklch(64% .085 278));--hero-horizon-rim:color-mix(in oklab, var(--background-default) 66%, var(--hero-horizon-light));--hero-horizon-halo:color-mix(in oklab, var(--hero-horizon-light) 18%, transparent);--hero-surface:var(--background-default);--hero-surface-lift:var(--background-dim1);--hero-backdrop-center:var(--hero-surface-lift);--hero-backdrop-edge:var(--hero-surface);--hero-3d-gem:var(--lightningcss-light,#acb999)var(--lightningcss-dark,#bba2ff);--hero-3d-like:var(--lightningcss-light,#fff)var(--lightningcss-dark,#f4f8ff);--hero-3d-play:var(--lightningcss-light,#2b4bee)var(--lightningcss-dark,#8c46ff);--hero-3d-checkbox:var(--lightningcss-light,#f2f4f5)var(--lightningcss-dark,#f4f6f8);--hero-3d-tick:var(--lightningcss-light,#1e24bd)var(--lightningcss-dark,#2a33d0);--hero-3d-liked:var(--lightningcss-light,#c3a9c3)var(--lightningcss-dark,#f2acd9);--hero-3d-cookie:var(--lightningcss-light,#e8cc95)var(--lightningcss-dark,#ecd09c);--hero-3d-cookie-toast:var(--lightningcss-light,#8a5a2b)var(--lightningcss-dark,#7f5226);--hero-3d-icing:var(--lightningcss-light,#f6f3ec)var(--lightningcss-dark,#f7f4ee);--hero-3d-accept:var(--brand-color-primary);--hero-3d-metal:var(--lightningcss-light,#c4a575)var(--lightningcss-dark,#e5c385);--hero-3d-reset:var(--lightningcss-light,#c88277)var(--lightningcss-dark,#e49f96);--hero-3d-orb-sun:#f56a51;--hero-3d-orb-moon:#f7b928;--hero-3d-switch-on:#006438;--hero-3d-switch-off:var(--pop-tangerine-74);--hero-3d-portrait:var(--lightningcss-light,#c89d93)var(--lightningcss-dark,#eab2d0);--hero-3d-search:var(--lightningcss-light,#a4bfd0)var(--lightningcss-dark,#a6c9ff);--hero-3d-orb:var(--lightningcss-light,#c9b4cc)var(--lightningcss-dark,#c0a2ee);--hero-3d-status:var(--lightningcss-light,#b7c599)var(--lightningcss-dark,#b2dfb2);--hero-3d-infinity-silver-bright:var(--pop-silver-97);--hero-3d-infinity-silver-soft:var(--pop-silver-90);--hero-3d-infinity-body:var(--pop-silver-78);--hero-3d-infinity-sheen:var(--pop-silver-60);--hero-3d-infinity-shade:var(--pop-silver-38);--hero-3d-label:var(--foreground-default);--hero-3d-spinner-indicator:var(--lightningcss-light,#201a35)var(--lightningcss-dark,#0e0b19);--hero-3d-palette-primary:#1b6375;--hero-3d-palette-dim1:#378092;--hero-3d-palette-dim2:#6fa5b2;--hero-3d-palette-dim3:#a0cdd8;--hero-3d-palette-inverse:#f9f1ff;--hero-3d-rim-1:var(--hero-3d-gem);--hero-3d-rim-2:var(--hero-3d-liked);--hero-3d-rim-3:var(--hero-3d-status);--hero-3d-rim-4:var(--hero-3d-metal);--hero-3d-rim-5:var(--hero-3d-search);--portfolio-nav-pink:var(--brand-color-identity);--portfolio-nav-text-hover:#dbdbdb;--portfolio-nav-glow-10:#ff96ff4d;--portfolio-nav-glow-15:#ff96c866;--portfolio-nav-glow-20:#ff78b473;--window-light-close:var(--lightningcss-light,#e0685f)var(--lightningcss-dark,#ff6259);--window-light-minimise:var(--lightningcss-light,#dda032)var(--lightningcss-dark,#ffbd2e);--window-light-zoom:var(--lightningcss-light,#57a05a)var(--lightningcss-dark,#28c840);--window-light-glyph:#0009;--window-light-specular:#ffffffd9;--window-light-sheen:#ffffff42;--window-light-bounce:#ffffff59;--window-light-fade:#fff0;--window-light-rim:#00000026;--window-light-depth:#00000030;--window-light-cast:#00000024;--portfolio-gutter:clamp(var(--spacing-24), 6vw, var(--spacing-80))}@supports (color:lab(0% 0 0)){:root{--pop-brand-violet-80:lab(74.7307% 27.4979 -53.4643);--pop-brand-pink-80:lab(75.14% 51.1326 22.7829);--pop-brand-yellow-80:lab(77.3222% 2.10109 68.3091);--pop-brand-mint-80:lab(78.8297% -48.1495 31.5686);--pop-brand-blue-80:lab(75.8332% .919104 -53.2432);--pop-lime-92:lab(92.5258% -31.903 80.5264);--pop-lime-84:lab(83.3861% -36.7242 85.1781);--pop-magenta-64:lab(54.1505% 93.5252 -18.3782);--pop-magenta-78:lab(71.5129% 70.1371 -13.6006);--pop-violet-56:lab(43.1258% 70.4999 -95.6294);--pop-violet-72:lab(63.7761% 48.2227 -79.2057);--pop-azure-62:lab(53.4059% 16.0023 -85.8058);--pop-azure-78:lab(74.2548% -17.3737 -53.0034);--pop-tangerine-74:lab(68.8152% 45.6196 97.5383);--pop-tangerine-86:lab(83.6995% 20.0451 78.4326);--pop-scarlet-62:lab(53.2816% 82.2223 63.2244);--pop-scarlet-76:lab(70.1792% 62.897 36.8075);--pop-emerald-74:lab(72.773% -73.6204 50.0098);--pop-emerald-86:lab(86.6054% -67.5268 57.6415);--pop-silver-97:lab(96.5525% -.189096 1.89527);--pop-silver-90:lab(88.4303% -.12961 1.90207);--pop-silver-78:lab(74.5103% -.128418 1.90284);--pop-silver-60:lab(53.6242% -.102401 1.52245);--pop-silver-38:lab(28.0981% -.0758171 1.14254);--pop-indigo-30:lab(15.8557% 35.8343 -49.4331);--pop-indigo-40:lab(27.3904% 37.6632 -55.967);--pop-slate-24:lab(11.1856% 8.68242 -16.6884);--pop-cream-97:lab(96.7583% -1.86843 13.3388);--hero-3d-switch-on:lab(36.7129% -43.2079 20.0833);--hero-3d-spinner-indicator:var(--lightningcss-light,lab(11.1856% 8.68242 -16.6884))var(--lightningcss-dark,lab(3.47663% 3.10484 -7.80549))}}}

@layer orbition.product{.hero__canvas{touch-action:pan-y;pointer-events:auto;opacity:0;block-size:100%;inline-size:100%;transition:opacity var(--enter-300);display:block}.hero__canvas[data-ready=true]{opacity:1}.hero__objects,.hero__palette-controls,.hero__foreground-controls{pointer-events:none;position:absolute;inset:0}.hero__objects .hero__object-tooltip{pointer-events:none;position:absolute;inset:0 auto auto 0}.hero__objects .hero__object-tooltip .hero__object-hit{position:static;transform:none}.hero__objects[data-scene-status=loading]{visibility:hidden}.hero__objects[data-scene-status=fallback]{inset:auto var(--spacing-48) var(--spacing-80);gap:var(--spacing-8);flex-wrap:wrap;display:flex}.hero__objects[data-scene-status=fallback] :is(.hero__palette-controls,.hero__foreground-controls){gap:var(--spacing-8);flex-wrap:wrap;display:flex;position:static}.hero__objects[data-scene-status=fallback] .hero__object-hit{min-block-size:var(--target-size-44);inline-size:auto;padding:var(--spacing-8) var(--spacing-12);border:var(--border-width-1) solid var(--border-a40);background:var(--background-dim1);border-radius:var(--border-radius-12);cursor:pointer;position:static}.hero__objects[data-scene-status=fallback] :is(.hero__palette-token-label,.hero__foreground-token-label){opacity:1;position:static;transform:none}.hero__object-hit{min-inline-size:var(--target-size-44);min-block-size:var(--target-size-44);border-radius:var(--border-radius-24);color:var(--foreground-default);touch-action:pan-y;pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform;background:0 0;border:0;padding:0;position:absolute;inset:0 auto auto 0}.hero__object-hit[hidden]{display:none}.hero__object-hit[data-grabbed=true]{cursor:grabbing}.hero__palette-chip-hit,.hero__foreground-chip-hit{border-radius:var(--border-radius-12);touch-action:none;overflow:visible}.hero__palette-token-label,.hero__foreground-token-label{inset:50% auto auto calc(100% + var(--spacing-12));color:var(--foreground-default);font:var(--font-size-14) var(--font-family-geist);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--enter-150), transform var(--enter-150);line-height:1;position:absolute;transform:translate(-4px,-50%)}:is(.hero__palette-chip-hit,.hero__foreground-chip-hit):is(:hover,:focus-visible) :is(.hero__palette-token-label,.hero__foreground-token-label){opacity:1;transform:translateY(-50%)}.hero__palette-controls:has(.hero__palette-chip-hit:is(:hover,:focus-visible)) .hero__palette-token-label{opacity:1;transform:translateY(-50%)}.hero__foreground-controls:has(.hero__foreground-chip-hit:is(:hover,:focus-visible)) .hero__foreground-token-label{opacity:1;transform:translateY(-50%)}.hero__object-hit[data-object=sound-switch],.hero__object-hit[data-object=theme-orb],.hero__object-hit[data-object=consent]{border-radius:var(--border-radius-circular)}.hero__consent-controls{pointer-events:none;position:absolute;inset:0}.hero__consent-hit{z-index:1;min-inline-size:var(--target-size-44);min-block-size:var(--target-size-44);border-radius:var(--border-radius-circular);cursor:pointer;touch-action:manipulation;text-decoration:none}.hero__object-hit:focus-visible{outline:var(--border-width-2) solid var(--foreground-default);outline-offset:var(--spacing-4)}.hero__sound-description{inline-size:var(--border-width-1);block-size:var(--border-width-1);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.portfolio-sound-notice:not(:empty){inset:auto var(--spacing-24) var(--spacing-96);z-index:var(--z-sticky);inline-size:fit-content;max-inline-size:calc(100% - var(--spacing-48));padding:var(--spacing-12) var(--spacing-16);border:var(--border-width-1) solid var(--border-a40);border-radius:var(--border-radius-12);background:var(--background-dim1);color:var(--foreground-default);font:var(--font-size-14) var(--portfolio-font);margin-inline:auto;position:fixed}.hero__hint{align-items:center;gap:var(--spacing-8);margin:var(--spacing-0);color:var(--foreground-dim4);font-family:var(--font-family-geist);font-size:var(--font-size-12);opacity:0;transition:opacity var(--enter-300);display:inline-flex;position:absolute;inset-block-end:var(--spacing-16);inset-inline-end:var(--spacing-32)}.hero__hint[data-ready=true]{opacity:1}.hero__hint:before{content:"";inline-size:var(--size-8);block-size:var(--size-8);border-radius:var(--border-radius-circular);background:var(--brand-color-primary)}}@media (prefers-reduced-motion:reduce){@layer orbition.product{.hero__hint{display:none}}}
@layer orbition.product{html{scroll-behavior:smooth;scroll-padding-top:var(--spacing-0);scroll-snap-type:y proximity}body{color:var(--foreground-default);font-family:var(--font-family-geist)}:root{--portfolio-selection-background:var(--brand-color-identity);--portfolio-selection-foreground:var(--foreground-inverse)}::selection{background:var(--portfolio-selection-background);color:var(--portfolio-selection-foreground)}.portfolio-stage{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.portfolio-stage>:is(.header,.portfolio-main){grid-area:1/1}.portfolio-stage>.header{align-self:start}.portfolio-main{overflow:clip}.visually-hidden{inline-size:var(--spacing-1);block-size:var(--spacing-1);margin:calc(var(--spacing-1) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.portfolio-main :is(h1,h2,h3,p):not(.typography-composition *){margin-block-start:0}.portfolio-main :is(h1,h2,h3){color:var(--foreground-default);font-family:var(--portfolio-font)}.portfolio-main :is(button,input,select){font:inherit}.portfolio-main :is(a,button,input,select):focus-visible,.orbit-nav :focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-6)}.portfolio-skip{inset:var(--spacing-12) auto auto var(--spacing-12);z-index:120;padding:var(--spacing-12) var(--spacing-20);background:var(--foreground-default);color:var(--background-default);position:fixed;transform:translateY(-200%)}.portfolio-skip:focus{transform:none}.portfolio-icon-button{inline-size:var(--target-size-44);block-size:var(--target-size-44);padding:var(--spacing-8);color:var(--foreground-default);cursor:pointer;border-radius:var(--border-radius-12);background:0 0;border:0;place-items:center;display:inline-grid}.portfolio-icon-button img{inline-size:var(--dimension-32);block-size:var(--dimension-32);display:block}.portfolio-section{isolation:isolate;max-inline-size:var(--layout-1200);padding:var(--spacing-96) var(--portfolio-gutter);margin-inline:auto;scroll-margin-block-start:var(--spacing-0);position:relative}.portfolio-section__pattern{z-index:0;opacity:.72;pointer-events:none;block-size:100svh;inline-size:100vw;margin-block-end:-100svh;margin-inline:calc(50% - 50vw);display:block;position:sticky;inset-block-start:var(--spacing-0)}.portfolio-section.articles:before,.portfolio-section.playground-section:before,.portfolio-section.contact-section:before{content:"";z-index:0;background:inherit;pointer-events:none;inline-size:100vw;margin-inline:0;position:absolute;inset-block:0;inset-inline-start:calc(50% - 50vw)}.portfolio-section:is(.articles,.playground-section,.contact-section){z-index:1}.portfolio-section:is(.articles,.playground-section,.contact-section)>:not(.portfolio-section__pattern,.playground-section__legacy-anchor){z-index:1;position:relative}.selected-work{padding-block-start:var(--spacing-160)}.portfolio-eyebrow{color:var(--foreground-dim1);font-family:var(--font-family-geist);font-size:var(--font-size-12);letter-spacing:.12em;margin-block-end:var(--spacing-24);font-weight:400;line-height:1.5;display:block}.portfolio-section-heading{justify-content:space-between;align-items:end;gap:var(--spacing-32);margin-block-end:var(--spacing-48);display:flex}.portfolio-section-heading h2{font-size:clamp(var(--font-size-36), 4vw, var(--font-size-48));letter-spacing:-.04em;margin-block-end:0;font-weight:500;line-height:1.18}.portfolio-section-heading>p{max-inline-size:28ch;color:var(--foreground-dim1);font-size:var(--font-size-14);margin:0;line-height:1.75}.portfolio-text-link{align-items:center;gap:var(--spacing-12);min-block-size:var(--target-size-44);color:var(--foreground-default);font-size:var(--font-size-14);text-decoration-thickness:var(--border-width-1);text-underline-offset:var(--spacing-6);display:inline-flex}.portfolio-text-link:hover{color:var(--brand-color-ink)}.hero-work-opening{--hero-frame-height:max(var(--layout-600), 100svh);--hero-work-bridge-size:clamp(var(--spacing-160), 42svh, var(--layout-600));overflow-anchor:none}.portfolio-hero{isolation:isolate;min-block-size:var(--hero-frame-height,max(var(--layout-600), 100svh));padding:20svh var(--spacing-24) var(--spacing-48);background:var(--background-default);grid-template-rows:auto 1fr;place-items:start center;display:grid;position:relative}:root[data-theme=light] .portfolio-hero,:root[data-theme=light] .portfolio-hero *{--hero-surface:var(--background-default);--hero-surface-lift:var(--background-default);--hero-backdrop-center:var(--background-default);--hero-backdrop-edge:var(--background-default)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .portfolio-hero,:root:not([data-theme=dark]) .portfolio-hero *{--hero-surface:var(--background-default);--hero-surface-lift:var(--background-default);--hero-backdrop-center:var(--background-default);--hero-backdrop-edge:var(--background-default)}}.portfolio-hero__pattern{z-index:0;grid-area:unset;position:absolute;inset:0}.portfolio-hero__inner{z-index:1;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;inline-size:90vw;max-inline-size:90vw;margin-block-start:0;margin-inline:auto;display:flex;position:relative;container-type:inline-size}.portfolio-hero__backlight{z-index:0;contain:strict;pointer-events:none;opacity:var(--hero-background-opacity,1);position:absolute;inset:0;overflow:clip}.portfolio-hero__cursor-circle{inline-size:min(var(--layout-720), 80vw);block-size:min(var(--layout-720), 80vw);transform:translate(-50%, -50%) scale(var(--hero-mouse-glow,1));border-radius:var(--border-radius-circular);background:radial-gradient(circle at center, var(--hero-spotlight-core) 0%, color-mix(in srgb, var(--hero-spotlight-pool-1) 85%, transparent) 45%, color-mix(in srgb, var(--hero-spotlight-pool-2) 50%, transparent) 75%, transparent 100%);filter:blur(var(--spacing-32));opacity:var(--hero-mouse-active,0);transition:opacity var(--enter-300);pointer-events:none;position:absolute;inset-block-start:calc(var(--hero-mouse-y,46) * 1%);inset-inline-start:calc(var(--hero-mouse-x,50) * 1%)}.portfolio-hero__spotlight-scrim{z-index:3;pointer-events:none;background:radial-gradient(circle min(calc(var(--layout-720) / 2 - var(--spacing-20)), 40vw) at calc(var(--hero-mouse-x,50) * 1%) calc(var(--hero-mouse-y,46) * 1%), transparent 0%, var(--hero-spotlight-dim) 60%, var(--hero-spotlight-edge) 100%);opacity:calc(var(--hero-mouse-active,0) * var(--hero-background-opacity,1));transition:opacity var(--enter-300);position:absolute;inset:0}.portfolio-hero__scene{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:clip;container-type:inline-size}.portfolio-hero__scene .hero__canvas{pointer-events:none;block-size:100%;inline-size:100%}.portfolio-hero__scene .hero__hint{color:var(--foreground-dim1);font-size:var(--font-size-12);letter-spacing:.015em;justify-content:center;inset:auto 0 0}.portfolio-hero__scene .hero__hint:before{display:none}.portfolio-status-dot{inline-size:var(--spacing-6);block-size:var(--spacing-6);background:var(--status-success);box-shadow:0 0 var(--spacing-12) var(--portfolio-glow);border-radius:50%;display:inline-block}.portfolio-hero__copy{text-align:center;inline-size:100%;max-inline-size:100%;margin-inline:auto;padding-inline-end:0}.portfolio-hero h1{inline-size:100%;font-family:var(--font-family-geist);letter-spacing:-.045em;text-align:center;white-space:nowrap;color:var(--foreground-default);text-shadow:0 0 var(--spacing-24) var(--hero-type-glow), 0 0 var(--spacing-72) var(--hero-type-halo), 0 0 calc(var(--spacing-24) * 5) color-mix(in srgb, var(--pop-silver-97) 35%, transparent);margin:0;font-size:min(7.44048cqi,14svh);font-weight:800;line-height:1.05}.portfolio-hero h1 [data-hero-group]{font-size:inherit;font-weight:inherit;display:inline}.portfolio-hero h1 [data-hero-line]{text-align:center;font-size:inherit;font-weight:inherit;letter-spacing:inherit;display:inline}.portfolio-hero h1>span{font-size:inherit;font-weight:inherit}.portfolio-scroll{z-index:4;inset:auto 0 var(--spacing-32);justify-items:center;gap:var(--spacing-4);inline-size:fit-content;padding:var(--spacing-8) var(--spacing-12);border-radius:var(--border-radius-8);color:var(--foreground-default);background:0 0;margin-inline:auto;text-decoration:none;display:grid;position:absolute}.portfolio-scroll:is(:hover,:active,:focus-visible){background:0 0}.portfolio-scroll:hover .portfolio-scroll__label{text-underline-offset:var(--spacing-4);text-decoration:underline}.orbit-nav{inset:50% var(--spacing-80) auto auto;z-index:40;perspective-origin:50%;position:fixed;transform:translateY(-50%)}.orbit-nav ol{gap:var(--spacing-24);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.orbit-nav__tooltip{display:block}.orbit-nav__tooltip:not(.hydrated)>.orbit-nav__tooltip-content{display:none}.orbit-nav__link{inline-size:var(--layout-48);block-size:var(--layout-48);border-radius:var(--border-radius-12);color:var(--foreground-default);perspective:var(--layout-520);background:0 0;place-items:center;text-decoration:none;display:grid;position:relative}.orbit-nav__link:is(:hover,:active){background:0 0}.orbit-nav__link[aria-current]{color:var(--foreground-default)}.orbit-nav__shape{inline-size:var(--spacing-24);block-size:var(--spacing-24);transform-origin:50%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.1,0,.2,1);display:block;position:relative;overflow:visible}.orbit-nav__layer{transform-style:preserve-3d;position:absolute;inset:0}.orbit-nav__silhouette{background-color:var(--portfolio-nav-pink);transform-origin:50%;block-size:100%;inline-size:100%;transform:translateZ(calc(var(--depth) * -1.5px));filter:brightness(calc(1 - var(--depth) * .012)) saturate(1.05);transition:filter .3s,background-color .3s;display:block}.orbit-nav__layer:nth-child(n+10) .orbit-nav__silhouette{filter:brightness(.9) saturate(1.25) drop-shadow(0 var(--spacing-1) calc(var(--spacing-6) / 2) var(--portfolio-nav-glow-10))}.orbit-nav__layer:nth-child(n+15) .orbit-nav__silhouette{filter:brightness(.8) saturate(1.35) drop-shadow(0 var(--spacing-2) var(--spacing-4) var(--portfolio-nav-glow-15))}.orbit-nav__layer:nth-child(n+20) .orbit-nav__silhouette{filter:brightness(.65) saturate(1.4) hue-rotate(10deg) drop-shadow(0 calc(var(--spacing-6) / 2) var(--spacing-6) var(--portfolio-nav-glow-20))}.orbit-nav__silhouette--triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.orbit-nav__silhouette--star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.orbit-nav__silhouette--diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.orbit-nav__silhouette--pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.orbit-nav__silhouette--moon{clip-path:url(#moon-clip)}.orbit-nav__silhouette--heart{clip-path:shape(from 50% 91%, line to 90% 50%, arc to 50% 9% of 1%, arc to 10% 50% of 1%)}@supports not (clip-path:shape(from 50% 91%, line to 90% 50%, arc to 50% 9% of 1%, arc to 10% 50% of 1%)){.orbit-nav__silhouette--heart{clip-path:url(#heart-clip)}}@keyframes orbit-nav-rainbow-1{0%{background-color:var(--spectrum-lilac)}20%{background-color:var(--spectrum-rose)}40%{background-color:var(--spectrum-peach)}60%{background-color:var(--spectrum-butter)}80%{background-color:var(--spectrum-mint)}to{background-color:var(--spectrum-lilac)}}@keyframes orbit-nav-rainbow-2{0%{background-color:var(--spectrum-rose)}20%{background-color:var(--spectrum-peach)}40%{background-color:var(--spectrum-butter)}60%{background-color:var(--spectrum-mint)}80%{background-color:var(--spectrum-sky)}to{background-color:var(--spectrum-rose)}}@keyframes orbit-nav-rainbow-3{0%{background-color:var(--spectrum-peach)}20%{background-color:var(--spectrum-butter)}40%{background-color:var(--spectrum-mint)}60%{background-color:var(--spectrum-sky)}80%{background-color:var(--spectrum-lilac)}to{background-color:var(--spectrum-peach)}}@keyframes orbit-nav-rainbow-4{0%{background-color:var(--spectrum-butter)}20%{background-color:var(--spectrum-mint)}40%{background-color:var(--spectrum-sky)}60%{background-color:var(--spectrum-lilac)}80%{background-color:var(--spectrum-rose)}to{background-color:var(--spectrum-butter)}}@keyframes orbit-nav-rainbow-5{0%{background-color:var(--spectrum-mint)}20%{background-color:var(--spectrum-sky)}40%{background-color:var(--spectrum-lilac)}60%{background-color:var(--spectrum-rose)}80%{background-color:var(--spectrum-peach)}to{background-color:var(--spectrum-mint)}}@keyframes orbit-nav-rainbow-6{0%{background-color:var(--spectrum-sky)}20%{background-color:var(--spectrum-lilac)}40%{background-color:var(--spectrum-rose)}60%{background-color:var(--spectrum-peach)}80%{background-color:var(--spectrum-butter)}to{background-color:var(--spectrum-sky)}}.orbit-nav ol>li:first-child:hover .orbit-nav__silhouette,.orbit-nav ol>li:first-child:focus-within .orbit-nav__silhouette{animation:2s linear forwards orbit-nav-rainbow-1}.orbit-nav ol>li:nth-child(2):hover .orbit-nav__silhouette,.orbit-nav ol>li:nth-child(2):focus-within .orbit-nav__silhouette{animation:2s linear forwards orbit-nav-rainbow-2}.orbit-nav ol>li:nth-child(3):hover .orbit-nav__silhouette,.orbit-nav ol>li:nth-child(3):focus-within .orbit-nav__silhouette{animation:2s linear forwards orbit-nav-rainbow-3}.orbit-nav ol>li:nth-child(4):hover .orbit-nav__silhouette,.orbit-nav ol>li:nth-child(4):focus-within .orbit-nav__silhouette{animation:2s linear forwards orbit-nav-rainbow-4}.orbit-nav ol>li:nth-child(5):hover .orbit-nav__silhouette,.orbit-nav ol>li:nth-child(5):focus-within .orbit-nav__silhouette{animation:2s linear forwards orbit-nav-rainbow-5}.orbit-nav ol>li:nth-child(6):hover .orbit-nav__silhouette,.orbit-nav ol>li:nth-child(6):focus-within .orbit-nav__silhouette{animation:2s linear forwards orbit-nav-rainbow-6}.orbit-nav__link:is(:hover,:focus-visible) .orbit-nav__shape{animation:.8s ease-in-out forwards orbit-nav-rotate3d}.orbit-nav__link:not(:hover):not(:focus-visible) .orbit-nav__shape{animation:.7s ease-in-out both orbit-nav-rotate3d-back}.orbit-nav__tooltip-content{font-family:var(--portfolio-font);white-space:nowrap;font-weight:600}@keyframes orbit-nav-rotate3d{0%{transform:rotateY(0)scale(1)}to{transform:rotateY(360deg)scale(2)}}@keyframes orbit-nav-rotate3d-back{0%{transform:rotateY(360deg)scale(2)}to{transform:rotateY(0)scale(1)}}.portfolio-site-header[data-adaptive-contrast]:not([data-background]) :where(.header__actions,.header__disclosure) :is(n-button,n-binary-selector){--button-hover-background:transparent;--button-active-background:transparent;--state-hover-background:transparent;--state-active-background:transparent}}@media (max-width:64rem){@layer orbition.product{html:has(.section-anchor-dock){scroll-padding-bottom:calc(var(--spacing-96) + env(safe-area-inset-bottom,var(--spacing-0)))}body:has(.section-anchor-dock){padding-block-end:calc(var(--spacing-96) + env(safe-area-inset-bottom,var(--spacing-0)))}.orbit-nav{display:none}.portfolio-hero{padding-inline:var(--spacing-24)}.portfolio-scroll{display:none}.portfolio-hero__inner{gap:var(--spacing-24);inline-size:90vw;max-inline-size:90vw}.portfolio-hero h1{white-space:normal;font-size:min(clamp(3rem,13.1579cqi,5.5rem),14svh);line-height:1.08}.portfolio-hero h1 [data-hero-group]{white-space:nowrap;display:block}.portfolio-hero h1 [data-hero-line]{display:inline}.portfolio-hero__scene .hero__hint{font-size:var(--font-size-12)}.portfolio-section{padding-inline:var(--spacing-32) var(--spacing-80)}}}@media (max-width:52rem){@layer orbition.product{html{scroll-padding-top:var(--spacing-80);scroll-padding-bottom:var(--spacing-96)}.portfolio-hero{min-block-size:max(var(--layout-600), 100svh);padding:max(var(--spacing-80), 16svh) var(--spacing-24) var(--spacing-64)}.portfolio-hero__inner{gap:var(--spacing-24);grid-template-columns:1fr;inline-size:100%;max-inline-size:none}.portfolio-hero__copy{margin-block:var(--spacing-16);padding:0}.portfolio-hero h1{white-space:normal;font-size:min(13.1579cqi,10svh,5.5rem);line-height:1.15}.portfolio-hero h1 [data-hero-group]{white-space:nowrap;display:block}.portfolio-hero h1 [data-hero-line]{margin-block-end:0;display:inline}.portfolio-section{padding:var(--spacing-72) var(--spacing-24)}.portfolio-section-heading{margin-block-end:var(--spacing-32);display:block}.portfolio-section-heading>p{max-inline-size:40ch;margin-block-start:var(--spacing-16)}}}@media (max-aspect-ratio:1){@layer orbition.product{.hero-work-opening{--hero-frame-height:max(var(--layout-600), 100svh)}.portfolio-hero{min-block-size:var(--hero-frame-height);padding-block-start:clamp(var(--spacing-80), 8vw, var(--spacing-96))}.portfolio-hero__inner{inline-size:100%;max-inline-size:var(--layout-800)}.portfolio-hero__copy{margin-block:0}.portfolio-hero h1{font-size:min(calc(100cqi / 7.6), var(--font-size-64));white-space:normal;line-height:1.08}.portfolio-hero h1 [data-hero-group]{white-space:nowrap;display:block}.portfolio-hero h1 [data-hero-line]{display:inline}}}@media (prefers-reduced-motion:reduce){@layer orbition.product{html{scroll-behavior:auto}.orbit-nav__shape{transition:none}.orbit-nav__link:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-6)}.orbit-nav__link:is(:hover,:focus-visible) .orbit-nav__shape,.orbit-nav__link:not(:hover):not(:focus-visible) .orbit-nav__shape{animation:none;transform:none}}}@media (max-width:22rem){@layer orbition.product{.portfolio-site-header{gap:var(--spacing-4);padding-inline:var(--spacing-16)}}}
@layer orbition.product{.section-anchor-dock{display:none}@media (max-width:64rem){.section-anchor-dock{inset-inline:var(--spacing-16);z-index:var(--z-sticky);pointer-events:none;justify-content:center;display:flex;position:fixed;inset-block-end:calc(var(--spacing-16) + env(safe-area-inset-bottom,var(--spacing-0)))}.section-anchor-dock>*{pointer-events:auto}.section-anchor-dock__link{text-align:center;justify-content:center;text-decoration:none}.section-anchor-dock__link[aria-current]{font-weight:var(--font-weight-600)}}}
@layer orbition.product{#about.about.portfolio-section{--about-progress:0;--about-media-focus:50% 58%;--about-type-title:clamp(var(--font-size-28), 2.8vw, var(--font-size-40));--about-type-text:var(--font-size-16);--about-type-small:var(--font-size-14);z-index:1;max-inline-size:none;padding:var(--spacing-0);isolation:isolate;color:var(--foreground-default);view-timeline:--about-entry block;position:relative;overflow:visible}#about>.portfolio-section__pattern{inset-block:var(--spacing-0);block-size:auto;inline-size:100vw;margin:var(--spacing-0);z-index:1;position:absolute;inset-inline-start:calc(50% - 50vw)}#about.about:before{content:"";inset-block:var(--spacing-0);background:inherit;pointer-events:none;z-index:0;inline-size:100vw;position:absolute;inset-inline-start:calc(50% - 50vw)}#about .about__scroll-track{z-index:2;min-block-size:190svh;position:relative}#about .about__stage{box-sizing:border-box;block-size:100svh;position:sticky;inset-block-start:var(--spacing-0)}#about .about__inner{grid-template-columns:repeat(2,minmax(0,1fr));block-size:100%;min-block-size:100svh;display:grid}#about .about__copy{--about-copy-gutter:clamp(var(--spacing-32), 5vw, var(--spacing-80));box-sizing:border-box;inline-size:100%;max-inline-size:calc(var(--layout-600) + 2 * var(--about-copy-gutter));min-inline-size:0;padding-block:clamp(var(--spacing-32), 7svh, var(--spacing-96));padding-inline:var(--about-copy-gutter);place-self:center}#about :where(.about__copy) :where(h2,h3,p,strong,span,dd,dt,li){overflow-wrap:break-word}#about .about__word{inline-size:fit-content;margin:var(--spacing-0) var(--spacing-0) clamp(var(--spacing-24), 4svh, var(--spacing-40));font-family:var(--font-family-geist);font-size:var(--about-title-size,var(--font-size-64));font-weight:var(--font-weight-800);letter-spacing:-.045em;white-space:nowrap;color:var(--foreground-default);pointer-events:none;line-height:.8;display:grid}#about :is(.about__word-outline,.about__word-fill){grid-area:1/1;inline-size:fit-content}#about .about__word-outline{color:var(--orbition-internal-surface-paint,var(--background-default));-webkit-text-stroke:var(--border-width-2) var(--foreground-default);paint-order:stroke fill}#about .about__word-fill{clip-path:inset(-.25em calc(100% - var(--about-progress) * 100%) -.25em 0)}#about[data-motion=reduced] .about__word-fill{clip-path:none}#about .about__tabs{margin-block-end:clamp(var(--spacing-24), 5svh, var(--spacing-48));display:none}#about .about__chapters{gap:var(--spacing-64);display:grid}#about .about__chapter{min-inline-size:0}#about .about__chapter-title{margin:var(--spacing-0) var(--spacing-0) var(--spacing-20);color:var(--foreground-default);font-family:var(--portfolio-font);font-size:var(--about-type-title);letter-spacing:-.04em;font-weight:620;line-height:1.15}#about .about__lead{max-inline-size:34rem;margin:var(--spacing-0);color:var(--foreground-default);font-family:var(--portfolio-font);font-size:var(--about-type-text);font-weight:400;line-height:1.55}#about .about__accent{color:var(--brand-color-ink)}#about .about__body{max-inline-size:34rem;margin:var(--spacing-16) var(--spacing-0) var(--spacing-0);color:var(--foreground-dim1);font-size:var(--about-type-text);line-height:1.55}#about .about__highlights{gap:var(--spacing-16);max-inline-size:30rem;margin:clamp(var(--spacing-24), 4svh, var(--spacing-40)) var(--spacing-0) var(--spacing-0);border-block-start:var(--border-width-1) solid var(--border-a10);grid-template-columns:repeat(3,minmax(0,1fr));padding-block-start:var(--spacing-16);display:grid}#about .about__highlight{justify-content:flex-end;gap:var(--spacing-4);flex-direction:column-reverse;display:flex}#about .about__highlight dd{margin:var(--spacing-0);color:var(--foreground-default);font-family:var(--portfolio-font);font-size:var(--about-type-title);letter-spacing:-.04em;font-weight:620;line-height:1}#about .about__highlight dt{color:var(--foreground-dim1);font-size:var(--about-type-small);line-height:1.4}#about :is(.about__timeline,.about__life){margin:var(--spacing-0);padding:var(--spacing-0);display:grid}#about :is(.about__timeline,.about__life) .list__item{min-block-size:auto;padding-inline:var(--spacing-0);border-block-start:var(--border-width-1) solid var(--border-a10);color:inherit}#about :is(.about__timeline,.about__life) .list__item:where(a[href],button){cursor:pointer}#about :is(.about__timeline,.about__life) n-hover-card{display:block}#about :is(.about__timeline,.about__life) .list:has(n-hover-card[open]) .list__item:not(n-hover-card[open] .list__item):not(:focus-visible,:has(:focus-visible)){opacity:var(--interaction-dim-opacity)}#about :is(.about__timeline,.about__life) [hidden]{display:none}#about .about__timeline-item{align-items:baseline;gap:var(--spacing-16);padding-block:var(--spacing-12);grid-template-columns:6.5rem minmax(0,1fr);display:grid}#about .about__timeline-item:has(>.about__timeline-go){grid-template-columns:6.5rem minmax(0,1fr) auto}#about .about__timeline[data-dates=short] .about__timeline-item:has(>.about__timeline-go){grid-template-columns:4rem minmax(0,1fr) auto}#about .about__timeline-go{color:var(--foreground-dim1);align-self:center}#about .about__timeline[data-dates=short] .about__timeline-item{column-gap:var(--spacing-12);grid-template-columns:4rem minmax(0,1fr)}#about .about__timeline-when{color:var(--foreground-dim1);font-family:var(--font-family-geist);font-size:var(--about-type-small);font-variant-numeric:tabular-nums;line-height:1.5}#about .about__timeline-item[data-current] .about__timeline-when{color:var(--brand-color-ink);font-weight:600}#about .about__timeline-body{gap:var(--spacing-2);display:grid}#about .about__timeline-title{color:var(--foreground-default);font-size:var(--about-type-text);font-weight:600;line-height:1.35}#about .about__timeline-line{align-items:center;gap:var(--spacing-4) var(--spacing-8);flex-wrap:wrap;display:flex}#about .about__timeline-mark{color:var(--foreground-dim1);font-size:var(--about-type-small);margin-block-start:var(--spacing-4);line-height:1.4}#about .about__timeline-note{color:var(--foreground-dim1);font-size:var(--about-type-small);margin-block-start:var(--spacing-4);line-height:1.45}#about .about__timeline-toggle{padding:var(--spacing-8) var(--spacing-16);border-block-start:var(--border-width-1) solid var(--border-a10)}#about :is(.about__tabs,.about__timeline-toggle,.about__story-actions) :is(a,button){font:revert-layer}#about .about__panel{box-sizing:border-box;border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-16)}#about .about__panel .list__item{padding-inline:var(--spacing-16)}#about .about__panel .list>.list__item:first-child,#about .about__panel .list>n-hover-card:first-child .list__item{border-block-start-color:#0000}#about .about__panel-frame{display:none}#about .about__life-row{align-items:center;column-gap:var(--spacing-12);padding-block:var(--spacing-12);text-align:start;grid-template-columns:auto minmax(0,1fr);display:grid}#about .about__life-row:has(>.about__timeline-go){grid-template-columns:auto minmax(0,1fr) auto}#about button.about__life-row{inline-size:100%;margin:var(--spacing-0);padding-inline:var(--spacing-0);border-radius:var(--border-radius-0);color:inherit;appearance:none;cursor:pointer;background:0 0}#about a.about__life-row{text-decoration:none}#about .about__life-row:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-6)}#about .about__life-icon{color:var(--foreground-dim1)}#about .about__story{--hover-card-inline-size:var(--layout-320);--hover-card-padding:var(--spacing-0);--hover-card-offset:var(--spacing-12)}#about .about__story-card{gap:var(--spacing-12);padding:var(--spacing-8);border-radius:inherit;background:var(--lightningcss-light,var(--background-dim1))var(--lightningcss-dark,var(--orbition-internal-surface-paint));display:grid;container-type:inline-size}#about .about__story-image{object-fit:cover;border-radius:var(--border-radius-8);background:var(--background-dim1);block-size:auto;max-block-size:125cqi;inline-size:100%;display:block}#about .about__story[data-video]{--hover-card-inline-size:min(var(--layout-320), calc(100vw - var(--spacing-32)))}#about .about__quote-media{border-radius:var(--border-radius-8);background:var(--background-dim2);place-items:center;display:grid;position:relative;overflow:hidden}#about .about__quote-video{aspect-ratio:4/5;block-size:auto;inline-size:100%;max-block-size:min(var(--layout-480), calc(var(--about-quote-room,100svh) - var(--spacing-64)));object-fit:cover;display:block}#about .about__quote-play{inline-size:var(--spacing-64);block-size:var(--spacing-64);padding:var(--spacing-0);border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-circular);background:var(--background-dim2);color:var(--foreground-default);cursor:pointer;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}#about .about__quote-play:hover{background:var(--background-dim3)}#about .about__quote-play:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-4)}#about .about__quote-error{inset-inline:var(--spacing-8);padding:var(--spacing-8);background:var(--background-default);color:var(--foreground-default);font-size:var(--font-size-14);position:absolute;inset-block-end:var(--spacing-8)}#about .about__story-copy{gap:var(--spacing-4);padding-inline:var(--spacing-8);display:grid}#about .about__story-copy:first-child{padding-block-start:var(--spacing-8)}#about .about__story-copy:last-child{padding-block-end:var(--spacing-8)}#about .about__story-title{color:var(--foreground-default);font-size:var(--about-type-text);font-weight:600;line-height:1.35}#about .about__story-text{color:var(--foreground-dim1);font-size:var(--about-type-small);line-height:1.45}#about .about__story-actions{gap:var(--spacing-8);margin:var(--spacing-0) var(--spacing-8) var(--spacing-8);flex-wrap:wrap;display:flex}#about .about__figure{min-inline-size:0;margin:var(--spacing-0);position:relative}#about .about__media-frame{--about-frame-radius:var(--border-radius-0);inset:var(--spacing-0);border-radius:var(--about-frame-radius);background:var(--background-dim1);position:absolute;overflow:hidden}#about .about__media-viewport{block-size:100%;inline-size:100%;position:relative}#about .about__poster-viewport,#about .about__video{inset:var(--spacing-0);block-size:100%;inline-size:100%;display:block;position:absolute}#about .about__poster-viewport{z-index:0}#about .about__poster,#about .about__video{object-fit:cover;object-position:var(--about-media-focus)}#about .about__poster{block-size:100%;inline-size:100%;display:block}#about .about__video{z-index:1;background:0 0;border:0}#about[data-motion=reduced] .about__scroll-track{min-block-size:auto}#about[data-motion=reduced] .about__stage{block-size:auto;position:relative;inset-block-start:auto}@keyframes about-frame-open{0%{clip-path:inset(14% 12% round var(--border-radius-24))}to{clip-path:inset(0 round var(--about-frame-radius))}}@keyframes about-copy-arrive{0%{opacity:0;transform:translateY(var(--spacing-48))}to{opacity:1;transform:none}}}@media not (max-width:52rem){@layer orbition.product{#about .about__inner{--about-figure-inset-block:var(--spacing-80);--about-side:var(--portfolio-gutter);box-sizing:border-box;grid-template-columns:minmax(0, var(--layout-600)) min(50%, calc((100svh - 2 * var(--about-figure-inset-block)) * 9 / 16));justify-content:center;column-gap:clamp(var(--spacing-48), 8vw, var(--layout-200));padding-inline:var(--about-side)}#about .about__copy{max-inline-size:none;padding-inline:var(--spacing-0)}#about .about__media-frame{--about-frame-radius:var(--border-radius-24);inset-block:var(--about-figure-inset-block)}#about .about__figure{align-self:start;block-size:100svh;position:sticky;inset-block-start:var(--spacing-0)}}}@media not (max-width:64rem){@layer orbition.product{#about .about__inner{--about-side:calc(var(--spacing-80) + var(--layout-48) + var(--spacing-40))}}}@media (not (max-width:64rem)) and (orientation:landscape){@layer orbition.product{#about .about__word{font-size:min(19.6875svh, calc((100vw - var(--portfolio-gutter) * 2) / 3.8))}}}@media (not (max-width:52rem)) and (not (max-height:42rem)) and (prefers-reduced-motion:no-preference){@layer orbition.product{#about:not([data-motion=reduced]) .about__tabs{display:block}#about:not([data-motion=reduced]) .about__chapters:has(.about__timeline-group[data-open]){min-block-size:var(--about-chapters-closed,auto)}#about:not([data-motion=reduced]) .about__chapter:has(.about__timeline-group[data-open]){inset-block-start:var(--spacing-0);inset-inline:var(--spacing-0);max-block-size:var(--about-chapter-room,none);flex-direction:column;display:flex;position:absolute}#about:not([data-motion=reduced]) .about__timeline-group[data-open]{flex:0 auto;grid-template-rows:minmax(0,1fr) auto;min-block-size:0;display:grid}#about:not([data-motion=reduced]) .about__timeline-group[data-open]>.about__timeline-scroll{grid-template-rows:minmax(0,1fr);min-block-size:0;display:grid}#about:not([data-motion=reduced]) .about__timeline-group[data-open] .scroll-area{min-block-size:0}#about:not([data-motion=reduced]) .about__chapters{gap:var(--spacing-0);position:relative}#about:not([data-motion=reduced]) .about__chapter{transition:opacity var(--exit-150);grid-area:1/1;align-self:start}#about:not([data-motion=reduced]) .about__chapter[data-state=active]{transition:opacity var(--enter-200) var(--duration-150)}#about:not([data-motion=reduced]) .about__chapter:not([data-state=active]){opacity:0;pointer-events:none}#about:not([data-motion=reduced]) .about__chapter-title{transition:transform var(--move-300)}#about:not([data-motion=reduced]) .about__chapter[data-state=passed] .about__chapter-title{transform:translateX(calc(var(--spacing-32) * -1))}#about:not([data-motion=reduced]) .about__chapter[data-state=upcoming] .about__chapter-title{transform:translateX(var(--spacing-32))}#about:not([data-motion=reduced]) .about__panel{border-color:#0000}#about:not([data-motion=reduced]) .about__panel-frame{inset-inline:var(--spacing-0);box-sizing:border-box;block-size:var(--about-frame-height,var(--spacing-0));border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-16);pointer-events:none;transition:inset-block-start var(--move-300), block-size var(--move-300), opacity var(--move-300);display:block;position:absolute;inset-block-start:var(--about-frame-top,var(--spacing-0))}#about:not([data-motion=reduced]) .about__panel-frame[data-hidden]{opacity:0}}}@media (not (max-width:52rem)) and (42rem<height<60rem) and (prefers-reduced-motion:no-preference){@layer orbition.product{#about:not([data-motion=reduced]) .about__timeline-note{display:none}#about:not([data-motion=reduced]) .about__copy{padding-block:clamp(var(--spacing-24), 5svh, var(--spacing-96))}#about:not([data-motion=reduced]) :is(.about__timeline-item,.about__life-row){padding-block:var(--spacing-8)}#about:not([data-motion=reduced]) .about__chapter-title{margin-block-end:var(--spacing-12)}}}@media (prefers-reduced-motion:no-preference){@layer orbition.product{@supports (animation-timeline:view()) and (animation-range:entry 0% entry 100%){#about:not([data-motion=reduced]) .about__media-frame{animation:linear both about-frame-open;animation-timeline:--about-entry;animation-range:entry}#about:not([data-motion=reduced]) .about__copy{animation:linear both about-copy-arrive;animation-timeline:--about-entry;animation-range:entry 40%}}}}@property --about-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@media not (max-width:52rem){@layer orbition.product{#about .about__media-frame{padding:var(--spacing-4);background:conic-gradient(from var(--about-ring-angle), var(--spectrum-lilac), var(--spectrum-rose), var(--spectrum-peach), var(--spectrum-butter), var(--spectrum-mint), var(--spectrum-sky), var(--spectrum-lilac));border-radius:46% 54% 42% 58%/30% 34% 38%}#about .about__media-viewport{border-radius:inherit;background:var(--background-dim1);overflow:hidden}}}@media (not (max-width:52rem)) and (prefers-reduced-motion:no-preference){@layer orbition.product{#about:not([data-motion=reduced]) .about__media-frame{animation:18s ease-in-out infinite about-drop,8s linear infinite about-ring-turn}@supports (animation-timeline:view()) and (animation-range:entry 0% entry 100%){#about:not([data-motion=reduced]) .about__media-frame{animation:linear both about-frame-open,18s ease-in-out infinite about-drop,8s linear infinite about-ring-turn;animation-timeline:--about-entry,auto,auto;animation-range:entry,normal,normal}}@keyframes about-drop{0%,to{border-radius:46% 54% 42% 58%/30% 34% 38%}20%{border-radius:56% 44% 52% 48%/36% 28% 32% 40%}40%{border-radius:42% 58% 60% 40%/28% 38% 36% 30%}60%{border-radius:58% 42% 46% 54%/34% 30% 40% 34%}80%{border-radius:48% 52% 56% 44%/30% 36% 30% 38%}}@keyframes about-ring-turn{to{--about-ring-angle:360deg}}}}@media (max-width:52rem){@layer orbition.product{#about .about__scroll-track{min-block-size:auto}#about .about__stage{block-size:auto;position:relative;inset-block-start:auto}#about .about__inner{grid-template-columns:minmax(0,1fr);min-block-size:0}#about .about__figure{aspect-ratio:4/5;order:-1;max-block-size:80svh}#about .about__copy{padding:var(--spacing-48) var(--spacing-24) var(--spacing-72)}#about .about__chapters{gap:var(--spacing-56)}#about .about__timeline-item{grid-template-columns:5.5rem minmax(0,1fr)}#about .about__timeline-item:has(>.about__timeline-go){grid-template-columns:5.5rem minmax(0,1fr) auto}}}@media (max-height:42rem){@layer orbition.product{#about .about__scroll-track{min-block-size:auto}#about .about__stage{block-size:auto;position:relative;inset-block-start:auto}}}@media (prefers-reduced-motion:reduce){@layer orbition.product{#about .about__scroll-track{min-block-size:auto}#about .about__stage{block-size:auto;position:relative;inset-block-start:auto}#about .about__word-fill{clip-path:none}}}@supports not (position:sticky){@layer orbition.product{#about .about__scroll-track{min-block-size:auto}#about .about__stage{block-size:auto;position:relative;inset-block-start:auto}}}
@layer orbition.product{.selected-work{--work-title-size:var(--font-size-64);--work-title-top:max(var(--spacing-16), env(safe-area-inset-top,var(--spacing-0)));--work-scale-step:.1;--work-min-scale:.6;--work-incoming-scale:1.2;--work-max-depth:calc((1 - var(--work-min-scale)) / var(--work-scale-step));--stack-offset:var(--spacing-16);--work-stack-clearance:calc(var(--spacing-80) + var(--stack-offset) * var(--work-max-depth));--stack-top:calc(var(--work-title-top) + var(--work-title-size) * 1.08 + var(--work-stack-clearance));--work-card-ratio:calc(3 / 2);--work-card-target-width:80vw;--work-card-width:min(var(--work-card-target-width), calc((100svh - var(--stack-top) - var(--spacing-96)) * var(--work-card-ratio)));--work-card-height:calc(var(--work-card-width) / var(--work-card-ratio));max-inline-size:none;timeline-scope:--work-progress;padding-block-start:var(--stack-top);padding-inline:0}.selected-work>.portfolio-section__pattern{margin-block-start:calc(var(--spacing-24) - var(--stack-top));margin-block-end:calc(-100svh + var(--stack-top) - var(--spacing-24))}.work-progress{z-index:5;pointer-events:none;padding-block-start:var(--work-title-top);padding-block-end:var(--spacing-96);position:absolute;inset:0}.work-progress__pin{top:var(--work-title-top);padding-block-end:var(--spacing-16);position:sticky}.selected-work .work-progress-title{inline-size:80%;font-family:var(--font-family-geist);font-size:var(--work-title-size);font-weight:var(--font-weight-800);letter-spacing:-.045em;white-space:nowrap;color:var(--foreground-default);margin:0 auto;line-height:1.08;display:grid}.work-progress-title__outline,.work-progress-title__fill{grid-area:1/1;inline-size:fit-content}.work-progress-title__outline{color:var(--background-default);-webkit-text-stroke:var(--border-width-2) var(--foreground-default);paint-order:stroke fill}.work-progress-title__fill{clip-path:inset(0 var(--work-unfilled,0%) 0 0)}@media (not (max-width:64rem)) and (orientation:landscape){.selected-work{--work-card-target-width:70vw;--work-card-width:min(var(--work-card-target-width), calc((100svh - var(--work-stack-clearance) * 2) * var(--work-card-ratio)));--stack-top:max(var(--spacing-16), calc(50svh - var(--work-card-height) / 2))}.work-progress{padding-block:50svh}.work-progress__pin{background:0 0;block-size:0;padding:0;top:50svh}.selected-work .work-progress-title{writing-mode:vertical-rl;inline-size:fit-content;margin:0;font-size:19.6875svh;line-height:1.05;transform:translate(-.15em,-50%)}.work-progress-title__fill{clip-path:inset(0 0 var(--work-unfilled,0%) 0)}}@media (not (min-height:44rem)) and (not (max-width:52rem)),(not (min-height:48rem)) and (max-width:52rem){.selected-work{--work-card-width:var(--work-card-target-width);padding-block-start:calc(var(--work-title-top) + var(--work-title-size) * 1.08 + var(--spacing-80))}}@supports (animation-timeline:view()) and (animation-range:contain 0% contain 100%) and (timeline-scope:--work-progress){@media (prefers-reduced-motion:no-preference){.work-progress[data-progress=native] .work-progress-title__fill{animation:linear both work-title-fill-inline;animation-timeline:--work-progress;animation-range:contain var(--work-fill-start) contain var(--work-fill-end)}}@media (prefers-reduced-motion:no-preference) and (not (max-width:64rem)) and (orientation:landscape){.work-progress[data-progress=native] .work-progress-title__fill{animation-name:work-title-fill-block}}}@media (prefers-reduced-motion:reduce){.work-progress-title__fill{clip-path:none;animation:none}}@keyframes work-title-fill-inline{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes work-title-fill-block{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}html{--work-scroll-padding-top:calc(var(--spacing-1) * 0)}@media (max-width:52rem){html{--work-scroll-padding-top:var(--spacing-80)}}.work-stack__entry-marker{inline-size:var(--spacing-1);block-size:var(--spacing-1);pointer-events:none;scroll-snap-align:none;scroll-margin-block-start:0;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.work-stack{--work-card-gap:var(--spacing-80);--stack-step:calc(var(--work-card-height) + var(--work-card-gap));gap:var(--work-card-gap);isolation:isolate;inline-size:var(--work-card-width);margin:var(--spacing-24) auto 0;view-timeline:--work-progress block;view-timeline-inset:0;padding:0;list-style:none;display:grid;position:relative}@media (not (max-width:64rem)) and (orientation:landscape){.work-stack{--work-card-gap:var(--layout-120)}}.work-stack__item{--work-depth:min(var(--work-max-depth), calc(var(--work-count) - var(--work-index) - 1));--work-pin-top:var(--stack-top);scroll-snap-align:start;scroll-snap-stop:always;min-inline-size:0;scroll-margin-block-start:max(calc(var(--spacing-1) * 0), calc(var(--work-pin-top) - var(--work-scroll-padding-top)));position:relative}.work-stack__snap-marker{inline-size:var(--spacing-1);block-size:var(--spacing-1);pointer-events:none;scroll-snap-align:start;scroll-snap-stop:normal;margin-block-end:calc(-1 * var(--spacing-1));scroll-margin-block-start:max(calc(var(--spacing-1) * 0), calc(var(--work-pin-top) - var(--work-scroll-padding-top)));display:none}.work-stack__exit-marker{inline-size:var(--spacing-1);block-size:var(--spacing-1);pointer-events:none;scroll-snap-align:none;scroll-margin-block-start:0;display:block;position:absolute;inset-block-start:100%;inset-inline-start:0}.work-card{--feature-card-ink:var(--work-card-ink);--feature-card-dim:var(--work-card-dim);--feature-card-radius:var(--border-radius-24);box-sizing:border-box;border:var(--border-width-1) solid var(--border-a20);inline-size:100%;box-shadow:var(--portfolio-shadow);transform-origin:50% 0;margin-inline:auto;position:relative}@media (max-width:52rem){.selected-work[data-project-cards]{--stack-offset:var(--spacing-8);--work-card-ratio:calc(2 / 3);--work-card-target-width:88vw;--work-card-width:var(--work-card-target-width);--stack-top:max(var(--spacing-96), calc((100svh - var(--work-card-height)) / 2))}.work-card{--feature-card-radius:var(--border-radius-16)}}@supports (animation-timeline:view()) and (animation-range:entry){@media (prefers-reduced-motion:no-preference) and (min-height:44rem) and (not (max-width:52rem)),(prefers-reduced-motion:no-preference) and (min-height:48rem) and (max-width:52rem){.work-stack{view-timeline-name:--work-stack, --work-progress;gap:0}.work-stack__item{z-index:calc(var(--work-index) + 1);min-block-size:calc((var(--work-count) - 1) * var(--stack-step) + 100svh);pointer-events:none;scroll-snap-align:none;grid-area:1/1;padding-block-start:calc(var(--work-index) * var(--stack-step));padding-block-end:var(--spacing-96);scroll-margin-block-start:0}.work-stack__snap-marker{scroll-snap-stop:always;display:block}.work-stack__exit-marker{inset-block-start:calc(var(--work-count) * var(--stack-step) - var(--stack-top) + var(--work-scroll-padding-top))}.work-stack__pin{block-size:var(--work-card-height);position:sticky;inset-block-start:var(--work-pin-top);transform:scale(1)}.work-stack__item:not(:first-child) .work-stack__pin{animation:linear both work-card-arrive;animation-timeline:--work-stack;animation-range:contain calc((var(--work-index) - 1) * var(--stack-step) - var(--work-pin-top)) contain calc(var(--work-index) * var(--stack-step) - var(--work-pin-top))}.work-stack .work-card{pointer-events:auto;aspect-ratio:auto;block-size:100%;transform:translateY(0)scale(1)}.work-stack__item:not(:last-child) .work-card{animation:linear both work-card-recede;animation-timeline:--work-stack;animation-range:contain calc(var(--work-index) * var(--stack-step) - var(--work-pin-top)) contain calc((var(--work-index) + var(--work-depth)) * var(--stack-step) - var(--work-pin-top))}.work-stack__item:has(:focus-visible){z-index:calc(var(--work-count) + 1)}.work-stack__item:has(:focus-visible) .work-stack__pin{animation:none}.work-stack__item:has(:focus-visible) .work-card{animation:none}}}@keyframes work-card-arrive{0%{transform:scale(var(--work-incoming-scale))}to{transform:scale(1)}}@keyframes work-card-recede{0%{transform:translateY(0)scale(1)}to{transform:translateY(calc(-1 * var(--stack-offset) * var(--work-depth))) scale(calc(1 - var(--work-scale-step) * var(--work-depth)))}}}
@layer orbition.product{.work-composition{min-inline-size:0;font-size:var(--font-size-14);line-height:var(--line-height-16);align-content:start}.work-composition__metadata{align-items:baseline}.work-composition__metadata>*{min-inline-size:0}.work-composition__title{max-inline-size:var(--layout-720);text-wrap:balance;margin-block-end:var(--spacing-0);margin-inline:0}.work-composition__title-text{display:block}.work-composition__description{max-inline-size:43ch;margin-block-end:var(--spacing-0);margin-inline:0}.work-composition__tags{max-inline-size:var(--layout-400);align-self:start}}
@layer orbition.product{.work-card-template{gap:var(--spacing-64);box-sizing:border-box;min-block-size:100svh;padding:var(--spacing-48) clamp(var(--spacing-16), 4vw, var(--spacing-64)) var(--spacing-96);background:var(--background-default);color:var(--foreground-default);display:grid}.work-card-template__header{justify-items:start;gap:var(--spacing-16);max-inline-size:var(--layout-720);display:grid}.work-card-template__header h1{margin:0}.work-card-template__eyebrow{margin:var(--spacing-24) 0 0;color:var(--foreground-dim1)}.work-card-template__lede,.work-card-template__note{color:var(--foreground-dim1);margin:0}.work-card-template__projects,.work-card-template__controls{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.work-card-template__projects{margin-block-start:var(--spacing-8)}.work-card-template__controls{gap:var(--spacing-24)}.work-card-template__choice{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.work-card-template__choice>span{color:var(--foreground-dim1);margin-inline-end:var(--spacing-4)}.work-card-template__section{gap:var(--spacing-16);min-inline-size:0;display:grid}.work-card-template__section h2{margin:0}.work-card-template code{font-family:var(--font-family-geist-mono);font-size:.92em}.work-card-template__frame{box-sizing:border-box;inline-size:min(100%, var(--layout-1200));min-inline-size:var(--layout-240);max-inline-size:100%;resize:horizontal;padding-block-end:var(--spacing-16);overflow:hidden}.work-card-template__frame[data-orientation=portrait]{inline-size:min(100%, var(--layout-480))}.work-card-template__frame .work-card{--feature-card-radius:var(--border-radius-24);border:var(--border-width-1) solid var(--border-a20);box-shadow:var(--portfolio-shadow)}.work-card-template__file{gap:var(--spacing-8);min-inline-size:0;display:grid}.work-card-template__file+.work-card-template__file{margin-block-start:var(--spacing-24)}.work-card-template__file-header{justify-content:space-between;align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.work-card-template__file-actions{gap:var(--spacing-8);display:flex}.work-card-template__code{max-block-size:var(--layout-600);padding:var(--spacing-16);border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-12);background:var(--background-dim1);font-size:var(--font-size-12);tab-size:2;margin:0;line-height:1.6;overflow:auto}}
@layer orbition.product{.hero-work-bridge{block-size:var(--hero-work-bridge-size);background:var(--background-default)}.portfolio-hero__scene,.portfolio-hero .portfolio-scroll{opacity:var(--hero-exit-opacity,1)}.portfolio-hero .portfolio-scroll:focus-visible{opacity:1}.portfolio-hero__pattern{opacity:var(--hero-background-opacity,1)}.portfolio-hero{--hero-horizon-height:var(--hero-work-bridge-size);view-timeline:--hero-horizon block}.portfolio-hero:before,.portfolio-hero:after{content:"";inline-size:120%;block-size:var(--hero-horizon-height);z-index:4;pointer-events:none;transform:translateY(calc(-100% * var(--hero-horizon-rise,0)));border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute;inset-block-end:calc(-1 * var(--hero-horizon-height));inset-inline-start:-10%}.portfolio-hero:before{background:radial-gradient(ellipse 22% 28% at 73% 12%, var(--hero-horizon-halo), transparent 85%), radial-gradient(ellipse 48% 46% at 70% 16%, var(--hero-horizon-halo), transparent 86%);filter:blur(var(--spacing-24))}.portfolio-hero:after{border:var(--border-width-1) solid transparent;background:linear-gradient(to bottom, transparent, var(--background-default) 88%) border-box, radial-gradient(ellipse 65% 85% at 73% 12%, var(--hero-horizon-body), var(--background-default) 90%) padding-box, linear-gradient(100deg, var(--background-default) 8%, var(--hero-horizon-body) 40%, var(--hero-horizon-rim) 73%, var(--hero-horizon-body) 92%, var(--background-default)) border-box}@keyframes hero-horizon-rise{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@supports (animation-timeline:view()) and (animation-range:exit 0% exit 55%){@media (prefers-reduced-motion:no-preference){.hero-work-opening[data-section-motion=on] .portfolio-hero:not(:focus-within):before,.hero-work-opening[data-section-motion=on] .portfolio-hero:not(:focus-within):after{animation:linear both hero-horizon-rise;animation-timeline:--hero-horizon;animation-range:exit exit 55%}}}.portfolio-hero:focus-within:before,.portfolio-hero:focus-within:after{transform:none}.hero-draw{color:var(--background-default);display:none}.hero-work-opening[data-transition] .hero-draw{z-index:110;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}.hero-draw__svg{block-size:100%;inline-size:100%;display:block;overflow:hidden}.hero-draw__paper{background:var(--background-default);opacity:0;position:absolute;inset:0}.hero-draw__stroke{fill:none;stroke:var(--foreground-default);stroke-width:13px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100 100;stroke-dashoffset:100px}@supports (scroll-snap-type:y mandatory){@media (prefers-reduced-motion:no-preference){html:where(:has(.hero-work-opening[data-section-motion=on])){scroll-snap-type:y mandatory}}}.hero-work-opening[data-section-motion=on] :is(.hero-draw-stage,.playground-section,.about,.contact-section){scroll-snap-align:start}html:has(.hero-work-opening[data-section-motion=on]) .footer{scroll-snap-align:end}html[data-scroll-step],html[data-section-transition]{scroll-snap-type:none;scroll-behavior:auto}html:has(.hero-work-opening:not([data-section-motion=on])){scroll-snap-type:none;scroll-behavior:auto}html[data-section-transition]:not([data-section-transition=settling]){overscroll-behavior:none;overflow:hidden}.hero-work-opening:not([data-section-motion=on]) .work-stack{gap:var(--spacing-80)}.hero-work-opening:not([data-section-motion=on]) .work-stack__item{pointer-events:auto;scroll-snap-align:none;grid-area:auto;min-block-size:0;padding-block:0}.hero-work-opening:not([data-section-motion=on]) :is(.work-stack__snap-marker,.work-stack__entry-marker,.work-stack__exit-marker){display:none}.hero-work-opening:not([data-section-motion=on]) .work-stack__pin{block-size:auto;animation:none;position:relative;inset-block-start:auto;transform:none}.hero-work-opening:not([data-section-motion=on]) .work-stack .work-stack__item .work-card{opacity:1;block-size:auto;inline-size:100%;animation:none;transform:none}.hero-work-opening:not([data-section-motion=on]) .work-card{aspect-ratio:var(--work-card-ratio)}.hero-work-opening:not([data-section-motion=on]) .work-progress-title__fill{clip-path:none;animation:none}.hero-work-opening:not([data-section-motion=on]) #about .about__scroll-track{min-block-size:auto}.hero-work-opening:not([data-section-motion=on]) #about .about__stage{block-size:auto;min-block-size:0;position:relative;inset-block-start:auto}.hero-work-opening:not([data-section-motion=on]) #about :is(.about__story-line,.about__phase-button){transition:none;transform:none}.hero-work-opening:not([data-section-motion=on]) #about .about__story-line{opacity:1}@media (prefers-reduced-motion:reduce){.hero-work-opening[data-transition] .hero-draw{display:none}}}
@layer orbition.product{.article-publication{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:inline-flex}.article-publication__link{align-items:center;gap:var(--spacing-8);display:inline-flex}html:has(.work-article){scroll-padding-block:var(--spacing-0);scroll-snap-type:none;overflow-x:clip}.work-article{padding:var(--layout-120) var(--portfolio-gutter) var(--spacing-96)}.work-article code[data-code-token]{white-space:nowrap}.portfolio-stage>.work-article:has(>.content-layout--hero-first){grid-area:1/1}.work-article:has(>.content-layout--hero-first){padding-block-start:var(--spacing-0)}.work-article>.article-layout>.content-layout__header>*,.work-article>.article-layout>.content-layout__header .work-composition>:is(.work-composition__metadata,.work-composition__title,.work-composition__description,.work-composition__secondary,.work-composition__tags){inline-size:var(--layout-full);max-inline-size:var(--layout-720)}.work-article>.article-layout>.content-layout__header .work-composition>:is(.work-composition__metadata,.work-composition__tags){justify-self:stretch}.work-article>.article-layout>.content-layout__header .work-composition__tags .typography-composition__tag-row{inline-size:var(--layout-full);max-inline-size:var(--layout-720);justify-self:stretch}.work-article>.article-layout.content-layout--hero-first>.article-figure{inline-size:100dvi;max-inline-size:100dvi;margin-inline:var(--spacing-0)}.work-article>.article-layout.content-layout--hero-first>.article-figure :is(img,video){border-radius:var(--border-radius-0)}.article-media--framed-hero{--article-hero-safe-top:var(--layout-64);isolation:isolate;box-sizing:border-box;block-size:calc(50svh + var(--article-hero-safe-top));--article-hero-art-half:min(50%, calc(25svh * var(--article-hero-ratio,16 / 9)));place-items:center;padding-block-start:var(--article-hero-safe-top);position:relative}.article-media--framed-hero>.article-media__backdrop{inset:var(--spacing-0);background:linear-gradient(to right, var(--article-hero-background,var(--background-default)) calc(50% - var(--article-hero-art-half)), var(--article-hero-background-end,var(--article-hero-background,var(--background-default))) calc(50% + var(--article-hero-art-half)));pointer-events:none;position:absolute}.article-media--framed-hero .article-media__gallery{inline-size:min(100%, calc(50svh * var(--article-hero-ratio,16 / 9)));position:relative}.article-media--framed-hero .article-media__image{background:var(--article-hero-background,var(--background-default))}.article-media--framed-hero .article-media__image img{inline-size:var(--layout-full);object-fit:contain;block-size:auto;max-block-size:50svh;display:block}.article-media__document{inline-size:var(--layout-full);block-size:var(--layout-full);min-inline-size:var(--dimension-0);border:none;display:block;position:relative}.article-media--html-hero{min-block-size:calc(var(--layout-480) + var(--article-hero-safe-top))}.article-media--picture-hero{--article-hero-picture-size:min(64svh, calc(100svh - var(--layout-280)), calc((100dvi - var(--spacing-48)) / var(--article-hero-picture-ratio,16 / 9)));block-size:calc(var(--article-hero-picture-size) + var(--article-hero-safe-top) + var(--spacing-24));min-block-size:auto;padding-inline:var(--spacing-24);padding-block-end:var(--spacing-24)}.work-article>.article-layout>.article-contents{z-index:var(--z-overlay);inline-size:var(--layout-96);max-inline-size:var(--layout-96);block-size:auto;max-block-size:calc(100dvb - var(--spacing-96));margin:var(--spacing-0);justify-self:auto;position:fixed;inset-block-start:50%;inset-inline-end:var(--spacing-24);overflow:visible;transform:translateY(-50%)}.work-article :is(h2,h3,h4,#article-title,#article-introduction){scroll-margin-block-start:var(--spacing-32)}.work-article :is(a,video):focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-4)}.article-figure{display:grid}.article-figure__images{gap:var(--spacing-16);display:grid}.article-figure__images[data-arrangement=row]{align-items:flex-start;display:flex}.article-figure__item{min-inline-size:var(--dimension-0)}.article-figure__images a{border-radius:var(--border-radius-16);display:block}.article-figure__images :is(img,video){border-radius:var(--border-radius-16);block-size:auto;inline-size:100%;display:block}.article-figure figcaption{color:var(--foreground-dim1);font-size:var(--font-size-12);line-height:var(--line-height-15);text-align:center}.article-evidence{--hover-card-inline-size:min(var(--layout-520), 100vw - var(--spacing-32));--hover-card-padding:var(--spacing-8)}.article-evidence__image{border-radius:var(--border-radius-8);block-size:auto;inline-size:100%;display:block}.article-tags{gap:var(--spacing-8);flex-wrap:wrap;display:flex}[data-code-copy=off] .code__toolbar{display:none}.article-code__title{margin-block:var(--spacing-0) var(--spacing-12)}.article-figure__frame{inline-size:100%;block-size:var(--article-figure-height,var(--layout-480));background:0 0;border:0;display:block}.article-figure--inline>:is(ig-figure:not([data-ig-state=ready]),[data-ig-pending]){min-block-size:var(--article-figure-height,var(--layout-480))}.article-figure__fallback{color:var(--foreground-dim1);margin:0}.article-figure__caption-lines{gap:var(--spacing-4);inline-size:fit-content;max-inline-size:var(--layout-full);margin:var(--spacing-0) auto;text-align:start;padding-inline-start:var(--spacing-16);list-style:outside;display:grid}.article-figure__caption-lines>li{margin:var(--spacing-0);padding-inline-start:var(--spacing-4)}.article-demo[data-demo-state=pending]>.article-demo__stage{min-block-size:var(--article-figure-height,var(--layout-320))}.article-demo__stage{min-inline-size:var(--dimension-0);display:grid}.article-demo__fallback,.article-demo__placeholder{color:var(--foreground-dim1);margin:0}.article-table .data-table th[scope=row]{font-weight:var(--font-weight-regular,400)}.article-table .data-table thead th{white-space:nowrap}.article-columns{grid-template-columns:var(--article-column-template,repeat(2, minmax(0, 1fr)));gap:var(--spacing-32);display:grid}.article-columns[data-columns="3"]{grid-template-columns:var(--article-column-template,repeat(3, minmax(0, 1fr)))}.article-columns__column{min-inline-size:var(--dimension-0);overflow-wrap:anywhere}.article-standalone{inline-size:100%}.article-standalone-frame{inline-size:100%;min-block-size:var(--layout-720);block-size:var(--layout-720);background:var(--background-default);border:0;display:block}.work-article .article-section__step{color:var(--foreground-dim1);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide,.04em);margin-block-end:var(--spacing-8);display:block}.article-unlock-action{--button-background:var(--background-inverse);--button-hover-background:var(--background-inverse-dim1);--button-active-background:var(--background-inverse-dim2)}@media (max-width:52rem){.article-columns,.article-columns[data-columns="3"]{grid-template-columns:minmax(0,1fr)}.article-figure__images[data-arrangement=row]{flex-direction:column}.article-figure__images[data-arrangement=row]>.article-figure__item{inline-size:var(--layout-full)}}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}@layer orbition.product{html:active-view-transition{scroll-behavior:auto}}}@media (prefers-reduced-motion:reduce){@layer orbition.product{html:has(.work-article){scroll-behavior:auto}}@view-transition{navigation:none}}
@layer orbition.product{.article-footer__group{gap:var(--spacing-12);border-block-start:var(--border-width-1) solid var(--border-a20);padding-block-start:var(--spacing-24);display:grid}.article-footer__label{color:var(--foreground-dim1);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide,.04em);margin:0}.article-footer__group:has(>.article-share){align-items:baseline;column-gap:var(--spacing-24);border-block-start:none;grid-template-columns:auto minmax(0,1fr);padding-block-start:var(--spacing-0)}.article-share{gap:var(--spacing-8) var(--spacing-24);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.article-share__item{display:inline-flex}.article-share__status{color:var(--foreground-dim1);margin:0}.article-footer__group:has(>.article-related){padding-block:var(--spacing-40);background:var(--background-dim1);box-shadow:0 0 0 100vmax var(--background-dim1);clip-path:inset(0 -100vmax);border-block-start:none}.article-related__link{grid-template-columns:minmax(var(--layout-96,6rem), auto) minmax(0, 1fr) auto;align-items:baseline;column-gap:var(--spacing-16);padding-block:var(--spacing-12);padding-inline:var(--spacing-0);color:var(--foreground-default);text-decoration:none;display:grid}.article-related__date,.article-related__minutes{color:var(--foreground-dim1);white-space:nowrap}.article-related__title{min-inline-size:var(--dimension-0,0);overflow-wrap:anywhere}@media (max-width:36rem){.article-related__link{grid-template-columns:minmax(0,1fr) auto}.article-related__date{grid-column:1/-1}}.article-back-to-top{z-index:var(--z-sticky);translate:0 calc(100% + var(--spacing-24) + env(safe-area-inset-bottom,var(--spacing-0)));transition:translate var(--exit-200);position:fixed;inset-block-end:calc(var(--spacing-24) + env(safe-area-inset-bottom,var(--spacing-0)));inset-inline-end:var(--spacing-24)}.article-back-to-top[data-shown]{transition:translate var(--enter-200);translate:0}html[data-article-editing] .article-back-to-top{display:none}@media (max-width:64rem){.article-back-to-top{inset-block-end:calc(var(--spacing-16) + env(safe-area-inset-bottom,var(--spacing-0)))}}@media (max-width:22rem){.article-back-to-top{inset-inline-end:var(--spacing-16)}}}
@layer orbition.product{.article-hero-artwork{inline-size:var(--layout-full);block-size:var(--layout-full);min-inline-size:var(--dimension-0);min-block-size:var(--dimension-0);place-items:center;display:grid;position:relative;container-type:size}.article-hero-artwork__frame{inline-size:min(100cqi, calc(100cqb * var(--article-artwork-ratio)));aspect-ratio:var(--article-artwork-ratio);position:relative;overflow:clip}.article-hero-artwork--decorative{pointer-events:none}.article-hero-artwork__note{--article-hero-note-frame:min(100cqi, calc(100cqb * var(--article-artwork-ratio)));gap:var(--spacing-12);inline-size:min(var(--layout-320), calc((100cqi - var(--article-hero-note-frame)) / 2 - var(--spacing-72)));opacity:0;pointer-events:none;transition:opacity var(--exit-150);display:grid;position:absolute;inset-block-start:50%;inset-inline-start:calc(50% + var(--article-hero-note-frame) / 2 + var(--spacing-48));translate:0 -50%}.article-hero-artwork__note[data-shown]{opacity:1;transition:opacity var(--enter-200)}.article-hero-artwork:not([data-artwork-note-room=true])>.article-hero-artwork__note{display:none}.article-hero-artwork__note-title{margin:var(--spacing-0);color:var(--foreground-default)}.article-hero-artwork__note-text{margin:var(--spacing-0);color:var(--foreground-dim1)}.article-thumbnail-artwork{inline-size:var(--layout-full);block-size:var(--layout-full)}.article-hero-artwork__canvas{inset:var(--spacing-0);inline-size:var(--layout-full);block-size:var(--layout-full);transform-origin:0 0;position:absolute}.article-hero-artwork__canvas>:is(iframe,img){inline-size:var(--layout-full);block-size:var(--layout-full);object-fit:contain;border:none;display:block}@media (max-width:52rem) and (orientation:portrait){.article-hero-artwork[data-artwork-portrait-width]>.article-hero-artwork__frame{inline-size:min(100cqi, calc(100cqb * var(--article-artwork-portrait-ratio)));aspect-ratio:var(--article-artwork-portrait-ratio)}}}
@layer orbition.product{.article-media{inline-size:var(--layout-full);min-inline-size:var(--dimension-0);grid-template-columns:minmax(0,1fr);display:grid;container:article-media/inline-size}.article-media__weighted{grid-template-columns:var(--article-media-template);align-items:start;gap:var(--spacing-16);display:grid}@container article-media (max-inline-size:40rem){.article-media__weighted{grid-template-columns:minmax(0,1fr)}}.media__frame:has(>[data-media-frame=none]){background:0 0}.article-media__inline>svg{block-size:auto;inline-size:100%;display:block}.lightbox__image[src$=\.svg]{border-color:#0000}.lightbox__trigger[data-media-kind=video]{position:relative}.article-media__play{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;inset:var(--dimension-0);z-index:2;inline-size:var(--size-56);block-size:var(--size-56);border-radius:var(--border-radius-circular);background-color:var(--background-inverse);color:var(--foreground-inverse);font-size:var(--size-32);opacity:var(--opacity-80);pointer-events:none;place-items:center;margin:auto;display:grid;position:absolute}.article-media__play>.icon{--icon-fill:var(--icon-fill-true)}.article-media [data-media-playing] .article-media__play{visibility:hidden}}
@layer orbition.product{.article-walkthrough{--article-walkthrough-focal:var(--pop-magenta-78)}.article-walkthrough__slide{container:article-walkthrough/inline-size}.article-walkthrough__stage{align-items:flex-start;gap:var(--spacing-16);display:flex}.article-walkthrough__screen{flex:var(--share) 1 0;min-inline-size:var(--dimension-0);aspect-ratio:var(--ratio);border-radius:var(--border-radius-16);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:relative}.article-walkthrough__screen>img{inset:var(--spacing-0);inline-size:var(--layout-full);block-size:var(--layout-full);object-fit:contain;border-radius:inherit;display:block;position:absolute}.article-walkthrough__screen:not([data-bare]):before{content:"";inset:var(--spacing-0);z-index:1;border:var(--border-width-1) solid var(--border-a20);border-radius:inherit;pointer-events:none;position:absolute}.article-walkthrough__screen[data-bare]{border-radius:var(--border-radius-0)}.article-walkthrough__inset,.article-walkthrough__hotspot{left:var(--x);top:var(--y);width:var(--w);height:var(--h);position:absolute}.article-walkthrough__inset{border-radius:var(--border-radius-4);overflow:clip}.article-walkthrough__inset>img{inline-size:var(--layout-full);block-size:var(--layout-full);object-fit:cover;display:block}.article-walkthrough__inset-alert,.article-walkthrough__inset-note{padding:var(--spacing-2) var(--spacing-6);border-radius:var(--border-radius-4);font-family:var(--font-family-geist-mono);font-size:var(--font-size-12);line-height:var(--line-height-16);letter-spacing:var(--letter-spacing-018);text-transform:uppercase;position:absolute}.article-walkthrough__inset-alert{background:var(--status-error);color:var(--foreground-default);inset-block-start:var(--spacing-6);inset-inline-start:var(--spacing-6)}.article-walkthrough__inset-note{background:var(--background-dim2);color:var(--foreground-default);inset-block-end:var(--spacing-6);inset-inline-end:var(--spacing-6)}.article-walkthrough__hotspot{z-index:2;padding:var(--spacing-0);border:var(--border-width-2) dashed var(--article-walkthrough-focal);border-radius:var(--border-radius-8);background:color-mix(in oklch, var(--article-walkthrough-focal) 12%, transparent);cursor:pointer;transition:background-color var(--enter-200)}.article-walkthrough__hotspot:is(:hover,:focus-visible){background:color-mix(in oklch, var(--article-walkthrough-focal) 24%, transparent)}.article-walkthrough__hotspot:focus-visible{outline:var(--border-width-2) solid var(--article-walkthrough-focal);outline-offset:var(--spacing-2)}.article-walkthrough__hotspot:after{content:"";inset:calc(var(--spacing-6) * -1);border:var(--border-width-2) solid var(--article-walkthrough-focal);border-radius:var(--border-radius-12);opacity:0;pointer-events:none;position:absolute}.article-walkthrough__hint{padding:var(--spacing-2) var(--spacing-8);border-radius:var(--border-radius-6);background:var(--article-walkthrough-focal);color:var(--background-default);font-family:var(--font-family-geist);font-size:var(--font-size-12);font-weight:var(--font-weight-500);line-height:var(--line-height-16);white-space:nowrap;pointer-events:none;opacity:0;translate:0 var(--spacing-2);transition:opacity var(--enter-200), translate var(--enter-200);position:absolute;inset-block-end:calc(100% + var(--spacing-6));inset-inline-start:var(--spacing-0)}.article-walkthrough__hotspot[data-hint~=below] .article-walkthrough__hint{inset-block-start:calc(100% + var(--spacing-6));inset-block-end:auto}.article-walkthrough__hotspot[data-hint~=end] .article-walkthrough__hint{inset-inline-start:auto;inset-inline-end:var(--spacing-0)}.article-walkthrough__hotspot:is(:hover,:focus-visible) .article-walkthrough__hint{opacity:1;translate:0}.article-walkthrough__note{margin-block:var(--spacing-16) var(--spacing-0)}.article-walkthrough__note strong{color:var(--foreground-default);font-weight:var(--font-weight-500)}@container article-walkthrough (max-inline-size:40rem){.article-walkthrough__stage{flex-direction:column;align-items:stretch}.article-walkthrough__screen{inline-size:var(--layout-full);flex:none}.article-walkthrough__screen[data-bare]{inline-size:min(var(--layout-full), var(--layout-240));margin-inline:auto}}}@media (prefers-reduced-motion:no-preference){@layer orbition.product{.article-walkthrough [data-slide=active] .article-walkthrough__hotspot:after{animation:1.6s ease-out infinite article-walkthrough-pulse}@keyframes article-walkthrough-pulse{0%{opacity:.9;scale:.96}to{opacity:0;scale:1.12}}}}
@property --articles-cover-grayscale{syntax:"<number>";inherits:true;initial-value:0}@layer orbition.product{#articles.articles{--articles-gap:var(--spacing-32);--articles-gutter:var(--portfolio-gutter);--articles-cover-height:clamp(var(--layout-200), calc(100svh - var(--layout-400)), var(--layout-600));--articles-slide-width:min(calc(var(--articles-cover-height) * 16 / 9), 76vw, var(--layout-1200));--articles-step:calc(var(--articles-slide-width) + var(--articles-gap));--articles-title-size:var(--font-size-64);scroll-snap-align:start;scroll-snap-stop:always;view-timeline:--articles block;view-timeline-inset:0;max-inline-size:none;padding:0;position:relative}#articles .articles__stage{min-block-size:100svh;padding-block:var(--spacing-48) var(--spacing-32);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:clip;container-type:inline-size}#articles .articles__title{inline-size:fit-content;margin:0 0 0 var(--articles-gutter);font-family:var(--font-family-geist);font-size:var(--articles-title-size);font-weight:var(--font-weight-800);letter-spacing:-.045em;white-space:nowrap;color:var(--foreground-default);justify-self:start;line-height:.8;display:grid}#articles :is(.articles__title-outline,.articles__title-fill){grid-area:1/1;inline-size:fit-content}#articles .articles__title-outline{color:var(--orbition-internal-surface-paint,var(--background-default));-webkit-text-stroke:var(--border-width-2) var(--foreground-default);paint-order:stroke fill}#articles .articles__title-fill{clip-path:inset(-.25em calc(100% - var(--articles-progress,0) * 100%) -.25em 0)}#articles.articles[data-motion=off] .articles__title-fill{clip-path:none}#articles .articles__track{gap:var(--articles-gap);inline-size:100%;padding:var(--spacing-16) calc((100cqi - var(--articles-slide-width)) / 2);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:start;margin:0;list-style:none;display:flex;overflow-x:auto}#articles .articles__track::-webkit-scrollbar{display:none}#articles .articles__slide{flex:0 0 var(--articles-slide-width);scroll-snap-align:center;min-inline-size:0}#articles .articles__slide-link{color:inherit;border-radius:var(--border-radius-24);text-decoration:none;display:grid;position:relative}#articles .articles__slide-link:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-8)}#articles .articles__cover{inline-size:min(100%, calc(var(--articles-cover-height) * var(--cover-ratio,16 / 9)));aspect-ratio:var(--cover-ratio,16 / 9);border:var(--border-width-1) solid var(--border-a10);border-radius:var(--border-radius-24);background:var(--cover-background,var(--background-default));filter:grayscale(var(--articles-cover-grayscale));transition:border-color var(--enter-200), box-shadow var(--emphasis-500), filter var(--exit-200);margin-inline:auto;display:block;position:relative;overflow:clip}#articles .articles__cover>.article-hero-artwork{position:absolute;inset:0}#articles .articles__cover .article-hero-artwork__frame{border-radius:inherit}#articles .articles__cover-image{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}@media (max-width:52rem) and (orientation:portrait){#articles .articles__cover{inline-size:min(100%, calc(var(--articles-cover-height) * var(--cover-portrait-ratio,var(--cover-ratio,16 / 9))));aspect-ratio:var(--cover-portrait-ratio,var(--cover-ratio,16 / 9))}}#articles .articles__slide-link:is(:hover,:focus-visible) .articles__cover{border-color:var(--border-a40);box-shadow:0 var(--spacing-24) var(--spacing-64) var(--background-scrim-a20)}#articles .articles__slide-link:focus-visible .articles__cover{filter:grayscale(0);transition:border-color var(--enter-200), box-shadow var(--emphasis-500), filter var(--enter-200)}@media (hover:hover){#articles .articles__slide-link:hover .articles__cover{filter:grayscale(0);transition:border-color var(--enter-200), box-shadow var(--emphasis-500), filter var(--enter-200)}}#articles .articles__slide-link[data-article-returned] .articles__cover{border-color:var(--border-a60)}#articles .articles__slide-label{inline-size:var(--spacing-1);block-size:var(--spacing-1);margin:calc(var(--spacing-1) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}#articles .articles__footer{justify-content:space-between;align-items:center;gap:var(--spacing-24) var(--spacing-32);padding-inline:var(--articles-gutter);flex-wrap:wrap;display:flex}#articles .articles__progress{align-items:center;gap:var(--spacing-16);color:var(--foreground-dim3);font-family:var(--font-family-geist-mono);font-size:var(--font-size-12);font-weight:var(--font-weight-500);font-variant-numeric:tabular-nums;letter-spacing:.1em;margin:0;display:flex}#articles .articles__progress-track{inline-size:clamp(var(--layout-96), 14vw, var(--layout-200));block-size:var(--border-width-2);border-radius:var(--border-radius-circular);background:var(--border-a20);display:block;position:relative;overflow:clip}#articles .articles__progress-thumb{background:var(--foreground-default);transform-origin:0;scale:var(--articles-progress,0) 1;transition:scale var(--enter-200);display:block;position:absolute;inset:0}#articles .articles__read-more{border-radius:var(--border-radius-circular);background:var(--orbition-internal-surface-paint,var(--background-default));inline-size:max-content}#articles .articles__snap-marker{inline-size:var(--spacing-1);block-size:var(--spacing-1);pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always;display:none;position:absolute;inset-block-start:calc(var(--slide-index) * var(--articles-step));inset-inline-start:0}#articles .articles__empty{justify-items:start;gap:var(--spacing-16);padding:var(--spacing-48) var(--articles-gutter);color:var(--foreground-dim1);display:grid}#articles .articles__empty p{margin:var(--spacing-0)}@keyframes articles-track{to{translate:calc(100cqi - 100%)}}@keyframes articles-slide{0%,to{opacity:.55;--articles-cover-grayscale:var(--interaction-media-rest-grayscale);scale:.9}50%{opacity:1;--articles-cover-grayscale:0;scale:1}}@keyframes articles-progress{0%{scale:0 1}to{scale:1}}@keyframes articles-title-fill{0%{clip-path:inset(-.25em 100% -.25em 0)}to{clip-path:inset(-.25em 0)}}@media (not (max-width:64rem)) and (orientation:landscape){#articles .articles__title{font-size:min(19.6875svh, calc((100cqi - var(--articles-gutter) * 2) / 3.8))}}@media (prefers-reduced-motion:reduce){#articles .articles__title-fill{clip-path:none}}}@supports (animation-timeline:view()) and (animation-range:contain 0% contain 100%){@media (prefers-reduced-motion:no-preference) and (min-height:40rem){@layer orbition.product{#articles.articles:not([data-motion=off]){block-size:calc(100svh + (var(--articles-count) - 1) * var(--articles-step));scroll-snap-align:none}#articles.articles:not([data-motion=off]) .articles__stage{block-size:100svh;position:sticky;inset-block-start:0}#articles.articles:not([data-motion=off]) .articles__track{scroll-snap-type:none;inline-size:max-content;animation:linear both articles-track;animation-timeline:--articles;animation-range:contain;overflow:visible}#articles.articles:not([data-motion=off]) .articles__slide{scroll-snap-align:none;animation:linear both articles-slide;animation-timeline:--articles;animation-range:contain var(--slide-range-start) contain var(--slide-range-end)}#articles.articles:not([data-motion=off]) .articles__snap-marker{display:block}#articles.articles:not([data-motion=off]) .articles__progress-thumb{transition:none;animation:linear both articles-progress;animation-timeline:--articles;animation-range:contain}#articles.articles:not([data-motion=off]) .articles__stage .articles__title-fill{animation:linear both articles-title-fill;animation-timeline:--articles;animation-range:contain}}}}@media (max-width:64rem){@layer orbition.product{#articles .articles__stage{padding-block-end:var(--spacing-96)}}}@media (max-width:52rem){@layer orbition.product{#articles.articles{--articles-gap:var(--spacing-20);--articles-slide-width:min(calc(var(--articles-cover-height) * 16 / 9), 84vw)}#articles .articles__stage{padding-block:var(--spacing-80) var(--spacing-96)}}}
@layer orbition.product{.article-perspective,.article-dome{inline-size:100%;color:var(--foreground-default);position:relative}.article-perspective{padding-block:var(--spacing-8) var(--spacing-0)}.article-perspective__stage{isolation:isolate;block-size:clamp(var(--layout-240), 40dvh, var(--layout-400));border:var(--border-width-1) solid var(--border-a40);border-radius:var(--border-radius-24);background:radial-gradient(circle at 50% 46%, var(--background-dim2), transparent 62%), var(--background-default);perspective:var(--layout-1200);perspective-origin:50% 46%;touch-action:pan-y;cursor:grab;position:relative;overflow:clip}.article-perspective[data-dragging=true] .article-perspective__stage{cursor:grabbing}.article-perspective__track{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.article-perspective__slot{inline-size:min(52vw, var(--layout-360), 46dvh);transform-style:preserve-3d;transition:opacity var(--enter-200), filter var(--enter-200);will-change:transform, opacity, filter;pointer-events:auto;position:absolute;inset-block-start:50%;inset-inline-start:50%}.article-perspective__slot[data-clone=true]{pointer-events:auto}.article-perspective__tile{gap:var(--spacing-12);inline-size:100%;padding:var(--spacing-0);color:inherit;font:inherit;text-align:start;background:0 0;border:0;text-decoration:none;display:grid;position:relative;transform:translateZ(0)}.article-perspective__frame{aspect-ratio:3/2;border-radius:var(--border-radius-16);background:var(--background-dim2);inline-size:100%;display:block;position:relative;overflow:hidden}.article-perspective__caption{block-size:2lh;color:var(--foreground-dim3);text-align:start;text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}button.article-perspective__tile{cursor:pointer}.article-perspective__tile:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-6)}.article-perspective__image,.article-dome__image{object-fit:cover;background:linear-gradient(145deg, var(--background-dim2), var(--background-dim3));block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.article-dome__image-viewport{z-index:0;border-radius:inherit;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.article-perspective__image--empty,.article-dome__image--empty{background:radial-gradient(circle at 30% 24%, var(--background-dim3), transparent 46%), linear-gradient(145deg, var(--background-dim2), var(--background-dim3))}.article-dome__shade{background:linear-gradient(180deg, transparent 30%, var(--background-scrim-a40) 100%);pointer-events:none;position:absolute;inset:0}.article-dome__hint{color:var(--foreground-dim1);font-family:var(--font-family-geist);font-size:var(--font-size-12);letter-spacing:.08em;text-align:center;text-transform:uppercase;pointer-events:none;position:absolute;inset-block-end:var(--spacing-20);inset-inline:0}.article-perspective__toolbar{justify-content:center;align-items:center;gap:var(--spacing-12);margin-block-start:var(--spacing-12);display:flex}.article-perspective__hint{color:var(--foreground-dim3);font-family:var(--font-family-geist);font-size:var(--font-size-12);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.article-perspective__controls{align-items:center;gap:var(--spacing-4);display:flex}.article-dome__controls{z-index:120;align-items:center;gap:var(--spacing-8);display:flex;position:absolute;inset-block-end:var(--spacing-40);inset-inline-start:50%;transform:translate(-50%)}.article-perspective__control,.article-dome__control{-webkit-backdrop-filter:blur(var(--spacing-12));backdrop-filter:blur(var(--spacing-12));border-radius:var(--border-radius-circular)}.article-perspective__status,.article-dome__status{inline-size:var(--spacing-1);block-size:var(--spacing-1);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.article-perspective--empty,.article-dome--empty{min-block-size:var(--layout-320);color:var(--foreground-dim1);place-items:center;display:grid}.article-perspective--empty p,.article-dome--empty p{margin:0}.article-dome{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--background-default);min-block-size:0;color:var(--foreground-default);flex:1;overflow:clip}.article-dome__viewport{perspective:var(--layout-1200);perspective-origin:50% 48%;transform-style:preserve-3d;touch-action:none;cursor:grab;outline:0;position:absolute;inset:0;overflow:hidden}.article-dome[data-dragging=true] .article-dome__viewport{cursor:grabbing}.article-dome__viewport:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:calc(var(--spacing-2) * -1)}.article-dome__field{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.article-dome__tile-shell{inline-size:clamp(var(--layout-140), 21vw, var(--layout-320));aspect-ratio:.84;transform-style:preserve-3d;transition:opacity var(--enter-200), filter var(--enter-200);will-change:transform, opacity, filter;pointer-events:auto;position:absolute;inset-block-start:50%;inset-inline-start:50%}.article-dome__tile-shell[data-clone=true]{pointer-events:auto}.article-dome__tile{block-size:100%;inline-size:100%;padding:var(--spacing-0);border:var(--border-width-1) solid color-mix(in srgb, var(--foreground-default) 18%, transparent);border-radius:var(--border-radius-16);background:var(--background-default);color:var(--foreground-default);font:inherit;text-align:start;text-decoration:none;display:block;position:relative;overflow:hidden;transform:translateZ(0)}button.article-dome__tile{cursor:pointer}.article-dome__tile:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-6)}.article-dome__copy{inset:auto var(--spacing-16) var(--spacing-16);justify-content:space-between;align-items:end;gap:var(--spacing-12);display:flex;position:absolute}.article-dome__title{max-inline-size:64%;color:var(--foreground-default);font-size:clamp(var(--font-size-16), 1.7vw, var(--font-size-24));letter-spacing:-.035em;text-wrap:balance;font-weight:500;line-height:1.1}.article-dome__meta{justify-items:end;gap:var(--spacing-4);max-inline-size:42%;color:color-mix(in srgb, var(--foreground-default) 72%, transparent);font-family:var(--font-family-geist);font-size:var(--font-size-12);text-align:end;line-height:1.2;display:grid}.article-dome__controls{border-radius:var(--border-radius-circular);padding:var(--spacing-4);inset-block-end:var(--spacing-24)}.article-dome__hint{color:color-mix(in srgb, var(--foreground-default) 64%, transparent);inset-block-end:var(--spacing-8)}@media (max-width:48rem){.article-perspective__stage{block-size:clamp(var(--layout-200), 34dvh, var(--layout-280))}.article-perspective__slot{inline-size:min(64vw, var(--layout-280), 40dvh)}.article-dome__tile-shell{inline-size:min(46vw, var(--layout-240))}}@media (prefers-reduced-motion:reduce){.article-perspective__slot,.article-dome__tile-shell{transition:none}}}
@layer orbition.product{.article-reader{overflow-wrap:anywhere}.article-reader-shell{--article-reader-bottom-inset:calc(var(--spacing-64) - var(--spacing-24));padding-block-end:var(--article-reader-bottom-inset)}.article-reader-shell:has([data-carousel]){padding-block-end:calc(var(--spacing-60) + var(--article-reader-bottom-inset))}.article-reader .articles__reader-body a:active{color:var(--action-primary-active)}.article-reader__footer{align-items:center;gap:var(--spacing-16);border-block-start:var(--border-width-1) solid var(--border-a20);font-size:var(--font-size-14);flex-wrap:wrap;padding-block-start:var(--spacing-24);display:flex}.article-reader__footer a{align-items:center;gap:var(--spacing-4);min-block-size:var(--target-size-44);color:var(--foreground-default);text-underline-offset:var(--spacing-4);display:inline-flex}.article-reader .articles__media-unavailable{color:var(--foreground-dim1)}}
@layer orbition.product{.article-explorer{background:var(--background-default);block-size:100svh;min-block-size:0;color:var(--foreground-default);flex-direction:column;display:flex;overflow:hidden}.article-explorer__header{z-index:3;gap:var(--spacing-16);padding:var(--spacing-24) var(--spacing-32);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.article-explorer__header>:first-child{justify-self:start}.article-explorer__title{text-align:center}.article-explorer__title h1{font-size:var(--font-size-20);margin:0;font-weight:600}.article-explorer__title h1:focus{outline:none}.article-explorer__title p{margin:var(--spacing-4) 0 0;color:var(--foreground-dim1);font-size:var(--font-size-12)}.article-explorer__label{color:var(--foreground-dim1);font-size:var(--font-size-12);justify-self:end}.article-explorer__empty{align-content:center;justify-items:center;gap:var(--spacing-24);flex:1;display:grid}@media not (min-width:40rem){.article-explorer__header{padding:var(--spacing-16);grid-template-columns:auto 1fr}.article-explorer__title{text-align:end}.article-explorer__title h1{font-size:var(--font-size-16)}.article-explorer__label{display:none}}}
@layer orbition.product{.article-index{box-sizing:border-box;inline-size:var(--layout-full);min-inline-size:var(--dimension-0);max-inline-size:var(--layout-1200);padding:var(--spacing-72) var(--portfolio-gutter) var(--spacing-96);margin-inline:auto}.article-progress{display:none}@media (not (max-width:64rem)) and (orientation:landscape){.article-progress{z-index:5;pointer-events:none;visibility:hidden;align-items:center;display:grid;position:fixed;inset-block:0;inset-inline-start:0}.article-progress[data-fits]{visibility:visible}.article-progress-title{font-family:var(--font-family-geist);font-size:19.6875svh;font-weight:var(--font-weight-800);letter-spacing:-.045em;white-space:nowrap;color:var(--foreground-default);writing-mode:vertical-rl;line-height:1.05;display:grid;transform:translate(-.15em)}.article-progress-title__outline,.article-progress-title__fill{grid-area:1/1;block-size:fit-content;padding-inline-end:.1em}.article-progress-title__outline{color:var(--background-default);-webkit-text-stroke:var(--border-width-2) var(--foreground-default);paint-order:stroke fill}.article-progress-title__fill{clip-path:inset(0 0 var(--article-unfilled,100%) 0)}}.article-index__header{gap:var(--spacing-12);margin-block-end:var(--spacing-40);display:grid}.article-index__header h1{text-wrap:balance;margin:var(--spacing-0)}.article-index__featured{gap:var(--spacing-16);margin-block-end:var(--spacing-56);display:grid}.article-index__featured-title{margin:var(--spacing-0);color:var(--foreground-dim1)}.article-index__controls{gap:var(--spacing-24);margin-block-end:var(--spacing-16);display:grid;container:article-controls/inline-size}.articles__filter-controls{align-items:start;gap:var(--spacing-12);min-inline-size:var(--dimension-0);flex-wrap:wrap;display:flex}.articles__filter-pattern{flex:1 1 var(--layout-400);min-inline-size:var(--dimension-0);max-inline-size:calc(var(--layout-400) + var(--dimension-40) + var(--spacing-12))}.articles__type-control--toolbar{min-inline-size:var(--dimension-0);max-inline-size:var(--layout-full);flex:0 auto;margin-inline-start:auto;overflow-x:auto}@container article-controls (min-width:54rem){.articles__filter-controls{grid-template-columns:calc(var(--layout-400) + var(--spacing-12) + var(--dimension-40)) var(--dimension-40) minmax(var(--dimension-0), 1fr) auto;display:grid}.articles__filter-pattern{grid-area:1/1/2/-1;max-inline-size:none}.articles__layout-selector{grid-area:1/2}.articles__type-control--toolbar{grid-area:1/4}}.article-index__results-bar{justify-content:space-between;align-items:center;gap:var(--spacing-16);margin-block-end:var(--spacing-16);display:flex}.article-index__batch+.article-index__batch{margin-block-start:var(--spacing-40)}.article-index__pagination{justify-items:center;gap:var(--spacing-16);padding-block:var(--spacing-40);display:grid}.article-index__count,.article-index__meta{margin:var(--spacing-0);color:var(--foreground-dim3);font-size:var(--font-size-14);font-variant-numeric:tabular-nums}.article-index__entry{justify-content:space-between;align-items:center;gap:var(--spacing-40);inline-size:var(--layout-full);display:flex}.article-index__copy{gap:var(--spacing-12);min-inline-size:var(--dimension-0);display:grid}.article-index__title{align-items:center;gap:var(--spacing-8);display:flex}.article-index__type-label{flex-shrink:0;display:inline-flex}.article-index__thumbnail{isolation:isolate;flex:0 0 var(--layout-240);aspect-ratio:16/9;border-radius:var(--border-radius-12);position:relative;overflow:hidden}.article-index__summary{min-inline-size:var(--dimension-0);white-space:normal;overflow-wrap:anywhere;position:relative}.article-index__note-measure{visibility:hidden;pointer-events:none;contain:layout style paint;position:absolute;inset-block-start:0;inset-inline:0}.article-index__list-link+.article-index__list-link{margin-block-start:var(--spacing-40)}.article-index__list-link:where(:hover,:focus-visible,[data-article-returned]){border-radius:var(--border-radius-16)}.article-index__list-link[data-article-returned]{background:var(--state-hover-background)}.article-index__grid{margin-block-start:var(--spacing-16)}.article-index__card-link{color:inherit;border-radius:var(--border-radius-16);text-decoration:none;display:grid}.article-index__card-link .article-index__title{inline-size:var(--layout-full);flex-wrap:wrap}.article-index__card-title-text{flex:1 1 var(--layout-120);min-inline-size:var(--dimension-0)}.article-index__card-link .article-index__type-label{margin-inline-start:auto}.article-index__card-link:nth-of-type(n+3){margin-block-start:var(--spacing-24)}.article-index__card-link:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-4)}.article-index__card-link[data-article-returned]{background:var(--state-hover-background);box-shadow:0 0 0 var(--spacing-4) var(--state-hover-background)}.article-index__card-link .card__media img,.article-index__card-link .card__media video{object-fit:cover;block-size:100%;inline-size:100%;display:block}.article-index__empty{justify-items:start;gap:var(--spacing-16);padding-block:var(--spacing-48);color:var(--foreground-dim1);display:grid}.article-index__empty p{margin:var(--spacing-0)}}@media (max-width:48rem){@layer orbition.product{.article-index{padding:var(--spacing-48) var(--spacing-24) var(--spacing-72)}.article-index__header h1{font-size:var(--font-size-40)}.article-index__entry{align-items:start;gap:var(--spacing-16)}.article-index__thumbnail{flex-basis:var(--layout-120)}}}@media (max-width:28rem){@layer orbition.product{.article-index__entry{flex-direction:column-reverse}.article-index__thumbnail{inline-size:var(--layout-full);flex-basis:auto}}}
@layer orbition.product{.playground-section{--playground-title-size:var(--font-size-64);max-inline-size:none}.playground-section__legacy-anchor{position:absolute;inset-block-start:var(--spacing-0)}.playground-rail{z-index:1;pointer-events:none;margin-block-end:var(--spacing-40);position:relative}.playground-rail__title{inline-size:fit-content;max-inline-size:var(--layout-1200);margin:var(--spacing-0) auto;font-family:var(--font-family-geist);font-size:var(--playground-title-size);font-weight:var(--font-weight-800);letter-spacing:-.045em;white-space:nowrap;color:var(--foreground-default);line-height:1.08}.playground-intro{align-items:center;gap:var(--spacing-12) var(--spacing-16);flex-wrap:wrap;margin-block-end:var(--spacing-24);display:flex}.playground-intro__title{margin:var(--spacing-0);white-space:nowrap}.playground-intro__stats{gap:var(--spacing-8);margin:var(--spacing-0);padding:var(--spacing-0);flex-wrap:wrap;list-style:none;display:flex}.playground-intro__stats .tag,.playground-card__title .tag{font-size:var(--font-size-12)}.playground-intro__stats .tag{font-family:var(--font-family-geist-mono);white-space:nowrap}@media (not (max-width:52rem)) and (not (max-height:40rem)){.playground-section{--playground-card-footer:var(--layout-64);block-size:100svh;padding-block:var(--spacing-80) var(--spacing-40);flex-direction:column;display:flex}.playground-section>*{flex-shrink:0}.playground-section>.playground-grid{flex-direction:column;flex:1 1 0;min-block-size:0;display:flex}.playground-section .playground-stage{flex-direction:column;flex:1 1 0;min-block-size:0;display:flex;container:playground-stage/size}.playground-section .playground-intro{block-size:var(--layout-44);flex-wrap:nowrap;flex:none}.playground-section .playground-view{flex:1 1 0;align-content:center;min-block-size:0;display:grid}.playground-section :is(.playground-intro,.card-grid){--playground-card-gap:var(--spacing-24);--playground-intro-block:calc(var(--layout-44) + var(--spacing-24));--playground-stage-block:calc(100cqb - var(--playground-intro-block));--playground-card-chrome:calc(var(--playground-card-footer) + var(--spacing-4));--playground-card-4x3:min(calc((100cqi - 3 * var(--playground-card-gap)) / 4), calc(((var(--playground-stage-block) - 2 * var(--playground-card-gap)) / 3 - var(--playground-card-chrome)) * 16 / 9));--playground-card-3x4:min(calc((100cqi - 2 * var(--playground-card-gap)) / 3), calc(((var(--playground-stage-block) - 3 * var(--playground-card-gap)) / 4 - var(--playground-card-chrome)) * 16 / 9));--playground-card-2x6:min(calc((100cqi - var(--playground-card-gap)) / 2), calc(((var(--playground-stage-block) - 5 * var(--playground-card-gap)) / 6 - var(--playground-card-chrome)) * 16 / 9));--playground-card-size:calc(max(var(--playground-card-4x3), var(--playground-card-3x4), var(--playground-card-2x6)) - 1px);inline-size:min(var(--layout-full), calc(4 * var(--playground-card-size) + 3 * var(--playground-card-gap)));margin-inline:auto}.playground-section .card-grid{grid-template-columns:repeat(auto-fill, var(--playground-card-size));justify-content:center;gap:var(--playground-card-gap)}.playground-section .playground-card__footer{block-size:var(--playground-card-footer);padding-block:var(--spacing-0);align-items:center}@container playground-stage not (min-inline-size:45rem){.playground-section .playground-intro{align-content:stretch;row-gap:var(--spacing-8);block-size:calc(2 * var(--layout-44) + var(--spacing-8));flex-wrap:wrap}.playground-intro__stats{order:1;flex-basis:var(--layout-full)}.playground-section :is(.playground-intro,.card-grid){--playground-intro-block:calc(2 * var(--layout-44) + var(--spacing-8) + var(--spacing-24))}}@container playground-stage (not (min-block-size:49rem)) or (not (min-inline-size:60rem)){:is(.playground-intro,.card-grid){--playground-card-footer:var(--layout-44)}.playground-card__footer{padding-inline:var(--spacing-12)}.playground-card__title{font-size:var(--font-size-14)}}}.playground-card{min-inline-size:var(--spacing-0);cursor:pointer}.playground-card__media{background:var(--background-dim1)}.playground-card__video{inline-size:var(--layout-full);block-size:var(--layout-full);object-fit:cover;display:block}.playground-section[data-media-tone=grayscale] .playground-card:not(:hover,:focus-within,[data-playing]) .playground-card__video{filter:grayscale()}@media (prefers-reduced-motion:no-preference){.playground-section[data-media-tone=grayscale] .playground-card__video{transition:filter var(--enter-200)}}.playground-card__footer{flex-wrap:nowrap;justify-content:space-between}.playground-card__title{align-items:center;gap:var(--spacing-8);min-inline-size:var(--spacing-0);margin:var(--spacing-0);display:flex}.playground-card__title>span{min-inline-size:var(--spacing-0);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playground-card{container:playground-card/inline-size}@container playground-card not (min-inline-size:18.5rem){.playground-card__title>:not(span){display:none}}#playground-configure-dialog .dialog-popup{padding:var(--spacing-0);gap:var(--spacing-0);position:relative}#playground-configure-dialog .dialog-header{z-index:1;position:absolute;inset-block-start:var(--spacing-12);inset-inline-end:var(--spacing-12)}#playground-configure-dialog .dialog-body{min-block-size:var(--spacing-0);flex:1;overflow:hidden}#playground-configure-dialog .dialog-actions{display:none}.playground-configure{grid-template-columns:minmax(var(--layout-280), var(--layout-360)) minmax(var(--spacing-0), 1fr);block-size:var(--layout-full);min-block-size:var(--spacing-0);display:grid}.playground-configure__panel{min-block-size:var(--spacing-0);border-inline-end:var(--border-width-1) solid var(--border-a10);align-content:start;display:grid;overflow-y:auto}.playground-configure__intro{gap:var(--spacing-12);margin-inline:var(--spacing-24);padding-block:var(--spacing-24);border-block-end:var(--border-width-1) solid var(--border-a10);display:grid}.playground-configure__header{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.playground-configure__title{margin:var(--spacing-0)}.playground-configure__description{margin:var(--spacing-0);color:var(--foreground-dim1)}.playground-configure__stage{min-inline-size:var(--spacing-0);min-block-size:var(--spacing-0);background:var(--background-dim1)}.playground-configure__frame{inline-size:var(--layout-full);block-size:var(--layout-full);border:none;display:block}@media (max-width:52rem){.playground-configure{grid-template-columns:minmax(var(--spacing-0), 1fr);grid-template-rows:minmax(var(--layout-320), 1fr) auto}.playground-configure__stage{grid-row:1}.playground-configure__panel{border-inline-end:none;border-block-start:var(--border-width-1) solid var(--border-a10)}}@media (not (max-width:64rem)) and (orientation:landscape){.playground-section{--playground-title-size:15svh;padding-inline:calc(var(--playground-title-size) * 1.05 + var(--spacing-40)) calc(var(--spacing-80) + var(--layout-48) + var(--spacing-40))}.portfolio-section.playground-section>.playground-rail{margin:var(--spacing-0);padding-block:50svh;position:absolute;inset:0}.playground-rail__pin{block-size:0;position:sticky;top:50svh}.playground-rail__title{margin:var(--spacing-0);writing-mode:vertical-rl;line-height:1.05;transform:translateY(-50%)}}}