.projects-hero-grid{align-items:start}.projects-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.projects-hero-copy,.projects-hero-selector-shell{min-width:0}.projects-hero-copy-richtext{max-width:min(100%,48rem)}.projects-shader-selector{display:grid;gap:.85rem}.projects-shader-selector-header{display:flex;align-items:center;justify-content:space-between;gap:.85rem 1rem}.projects-shader-selector-note{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.26em;color:#ffffff7a}.projects-shader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.shader-selector-card{appearance:none;-webkit-appearance:none;position:relative;display:grid;grid-template-rows:auto 1fr;align-content:start;cursor:pointer;font:inherit;gap:.4rem;min-height:4.24rem;overflow:hidden;isolation:isolate;padding:.56rem .9rem .6rem;text-align:left;color:inherit;transform:none}.shader-selector-card:before{content:"";position:absolute;inset:-1px;z-index:0;border-radius:inherit;background:radial-gradient(circle at 14% 18%,rgba(232,117,17,.16),transparent 34%),radial-gradient(circle at 86% 80%,rgba(96,138,255,.14),transparent 36%);opacity:.85;filter:blur(12px);pointer-events:none}.shader-selector-card>*{position:relative;z-index:1}.shader-selector-card strong{font-family:var(--font-display);font-size:1rem;line-height:1.02;color:#fff;max-width:78%;align-self:end}.shader-selector-card[data-shader=clouds] strong,.shader-selector-card[data-shader=string-theory] strong{font-size:.92rem;line-height:1;white-space:nowrap}.shader-selector-card:hover{background:#ffffff0b}.shader-selector-card-active{border-color:#e875116b;box-shadow:0 18px 34px #00000038,0 0 0 1px #e8751124,0 0 18px #e875111f}.shader-selector-index,.shader-selector-pill{font-size:.64rem;text-transform:uppercase;letter-spacing:.22em}.shader-selector-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.shader-selector-index{color:#e87511eb}.shader-selector-pill{display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem;padding:.26rem .62rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;color:#ffffffa3;white-space:nowrap}.shader-selector-card[data-shader=orange-blue-plasma]:before{background:radial-gradient(circle at 16% 20%,rgba(232,117,17,.2),transparent 34%),radial-gradient(circle at 84% 82%,rgba(96,138,255,.22),transparent 36%)}.shader-selector-card[data-shader=follow-the-leader]:before{background:radial-gradient(circle at 22% 20%,rgba(125,120,255,.22),transparent 34%),radial-gradient(circle at 52% 52%,rgba(246,240,233,.12),transparent 28%),radial-gradient(circle at 78% 78%,rgba(240,170,58,.18),transparent 38%)}.shader-selector-card[data-shader=hyperspace]:before{background:radial-gradient(circle at 18% 18%,rgba(255,93,158,.18),transparent 34%),radial-gradient(circle at 82% 82%,rgba(88,129,255,.18),transparent 36%)}.shader-selector-card[data-shader=jupiter]:before{background:radial-gradient(circle at 16% 20%,rgba(255,173,79,.22),transparent 32%),radial-gradient(circle at 86% 70%,rgba(255,225,175,.12),transparent 36%)}.shader-selector-card[data-shader=cauldron]:before{background:radial-gradient(circle at 18% 22%,rgba(104,171,255,.18),transparent 34%),radial-gradient(circle at 84% 78%,rgba(255,154,80,.2),transparent 36%)}.shader-selector-card[data-shader=gobstopper]:before{background:radial-gradient(circle at 22% 18%,rgba(255,193,107,.2),transparent 34%),radial-gradient(circle at 78% 82%,rgba(118,145,255,.18),transparent 38%)}.shader-selector-card[data-shader=easter-lily]:before{background:radial-gradient(circle at 18% 18%,rgba(255,154,124,.18),transparent 34%),radial-gradient(circle at 82% 80%,rgba(128,184,255,.18),transparent 36%)}.shader-selector-card[data-shader=clouds]:before{background:radial-gradient(circle at 24% 22%,rgba(106,134,212,.18),transparent 34%),radial-gradient(circle at 72% 28%,rgba(176,205,255,.16),transparent 36%)}.shader-selector-card[data-shader=hex-hive]:before{background:radial-gradient(circle at 18% 18%,rgba(106,134,255,.22),transparent 34%),radial-gradient(circle at 82% 24%,rgba(132,168,255,.18),transparent 32%),radial-gradient(circle at 50% 100%,rgba(92,118,255,.16),transparent 42%)}.shader-selector-card[data-shader=maze]:before{background:radial-gradient(circle at 18% 18%,rgba(255,202,130,.18),transparent 32%),radial-gradient(circle at 76% 30%,rgba(208,215,255,.12),transparent 28%),radial-gradient(circle at 82% 82%,rgba(116,123,255,.18),transparent 38%)}.shader-selector-card[data-shader=string-theory]:before{background:radial-gradient(circle at 20% 24%,rgba(174,137,255,.18),transparent 34%),radial-gradient(circle at 82% 24%,rgba(126,172,255,.18),transparent 32%),radial-gradient(circle at 74% 82%,rgba(255,146,198,.14),transparent 36%)}.shader-selector-card[data-shader=pulse]:before{background:radial-gradient(circle at 22% 24%,rgba(132,160,255,.2),transparent 34%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 26%),radial-gradient(circle at 82% 82%,rgba(145,110,255,.22),transparent 38%)}.shader-selector-card[data-shader=vortex]:before{background:radial-gradient(circle at 18% 18%,rgba(126,144,255,.2),transparent 32%),radial-gradient(circle at 52% 50%,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at 82% 82%,rgba(255,174,112,.18),transparent 38%)}.shader-selector-card[data-shader=quasar]:before{background:radial-gradient(circle at 18% 18%,rgba(255,112,156,.22),transparent 34%),radial-gradient(circle at 82% 20%,rgba(255,182,112,.18),transparent 30%),radial-gradient(circle at 78% 82%,rgba(255,255,255,.08),transparent 34%)}.shader-selector-card[data-shader=caustics]:before{background:radial-gradient(circle at 24% 24%,rgba(140,164,255,.18),transparent 34%),radial-gradient(circle at 50% 52%,rgba(255,255,255,.1),transparent 24%),radial-gradient(circle at 82% 82%,rgba(210,220,255,.12),transparent 34%)}.shader-selector-card[data-shader=liquid-glass]:before{background:radial-gradient(ellipse at 15% 0%,transparent 35%,rgba(215,226,255,.6) 38%,rgba(87,137,255,.45) 42%,transparent 47%),radial-gradient(ellipse at 95% 110%,transparent 35%,rgba(182,26,255,.35) 38%,rgba(215,226,255,.5) 41%,transparent 46%)}.shader-selector-card[data-shader=bolt]:before{background:radial-gradient(circle at 22% 24%,rgba(140,164,255,.2),transparent 34%),radial-gradient(circle at 52% 48%,rgba(219,231,255,.1),transparent 26%),radial-gradient(circle at 82% 82%,rgba(102,132,191,.2),transparent 38%)}.shader-selector-card[data-shader=cyclone]:before{background:radial-gradient(ellipse at 50% 42%,rgba(186,192,255,.42),transparent 30%),conic-gradient(from 30deg at 50% 54%,transparent,rgba(115,143,255,.3),transparent 45%,rgba(239,162,114,.3),transparent)}.shader-selector-card[data-shader=reaction]:before{background:radial-gradient(ellipse at 32% 88%,rgba(76,156,255,.38),transparent 44%),radial-gradient(ellipse at 58% 62%,rgba(127,66,255,.3),transparent 34%),radial-gradient(ellipse at 78% 32%,rgba(225,79,221,.24),transparent 36%)}.shader-selector-card[data-shader=galaxy-center]:before{background:radial-gradient(circle at 50% 48%,rgba(255,235,178,.24),transparent 20%),conic-gradient(from 236deg at 50% 50%,#ffa84c42,#7065ff2e,#142b7e33,#ffa84c42),radial-gradient(circle at 22% 18%,rgba(255,255,255,.12),transparent 22%)}.projects-shader-selector-footnote{margin:0;max-width:none;font-size:.8rem;line-height:1.45;color:#ffffff94;text-align:center}@media(min-width:640px){.projects-shader-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.projects-hero-grid{grid-template-columns:minmax(0,.72fr) minmax(31rem,1.28fr);gap:clamp(1.5rem,2.4vw,2.35rem)}.projects-hero-copy-richtext{max-width:39rem}.projects-shader-selector{gap:.72rem}.projects-shader-selector-note{font-size:.6rem;letter-spacing:.22em}.projects-shader-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.56rem}.shader-selector-card{gap:.3rem;min-height:3.64rem;padding:.46rem .62rem .5rem}.shader-selector-card strong{max-width:100%;font-size:.84rem;line-height:1.05}.shader-selector-card[data-shader=clouds] strong,.shader-selector-card[data-shader=string-theory] strong{font-size:.78rem}.shader-selector-card-head{gap:.42rem}.shader-selector-index,.shader-selector-pill{font-size:.52rem;letter-spacing:.16em}.shader-selector-pill{min-height:1.18rem;padding:.17rem .34rem}.projects-shader-selector-footnote{font-size:.72rem}}@media(max-width:640px){.shader-selector-index,.shader-selector-pill{font-size:.7rem}}:where(:root[data-theme=light]) .projects-shader-selector-note{color:#2c364893}:where(:root[data-theme=light]) .shader-selector-card:before{background-image:radial-gradient(circle at 14% 18%,rgba(197,98,11,.16),transparent 34%),radial-gradient(circle at 86% 80%,rgba(71,111,232,.14),transparent 36%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card strong{color:#2c3648}:where(:root[data-theme=light]) .shader-selector-card:hover{background-image:none;background-color:#2c36480b}:where(:root[data-theme=light]) .shader-selector-card-active{border-color:#b057096b;box-shadow:0 18px 34px #0f172a12,0 0 0 1px #b4580514,0 0 18px #b4580511}:where(:root[data-theme=light]) .shader-selector-index{color:#b05709eb}:where(:root[data-theme=light]) .shader-selector-pill{border:1px solid rgba(44,54,72,.162);background-image:none;background-color:#2c36480d;color:#2c3648c0}:where(:root[data-theme=light]) .shader-selector-card[data-shader=orange-blue-plasma]:before{background-image:radial-gradient(circle at 16% 20%,rgba(197,98,11,.2),transparent 34%),radial-gradient(circle at 84% 82%,rgba(71,111,232,.22),transparent 36%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=follow-the-leader]:before{background-image:radial-gradient(circle at 22% 20%,rgba(103,92,232,.22),transparent 34%),radial-gradient(circle at 52% 52%,rgba(44,54,72,.12),transparent 28%),radial-gradient(circle at 78% 78%,rgba(213,145,18,.18),transparent 38%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=hyperspace]:before{background-image:radial-gradient(circle at 18% 18%,rgba(230,58,134,.18),transparent 34%),radial-gradient(circle at 82% 82%,rgba(64,102,232,.18),transparent 36%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=jupiter]:before{background-image:radial-gradient(circle at 16% 20%,rgba(230,146,36,.22),transparent 32%),radial-gradient(circle at 86% 70%,rgba(199,169,118,.12),transparent 36%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=cauldron]:before{background-image:radial-gradient(circle at 18% 22%,rgba(75,145,232,.18),transparent 34%),radial-gradient(circle at 84% 78%,rgba(230,127,42,.2),transparent 36%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=gobstopper]:before{background-image:radial-gradient(circle at 22% 18%,rgba(223,160,66,.2),transparent 34%),radial-gradient(circle at 78% 82%,rgba(94,119,232,.18),transparent 38%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=easter-lily]:before{background-image:radial-gradient(circle at 18% 18%,rgba(230,127,96,.18),transparent 34%),radial-gradient(circle at 82% 80%,rgba(101,158,231,.18),transparent 36%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=clouds]:before{background-image:radial-gradient(circle at 24% 22%,rgba(82,109,189,.18),transparent 34%),radial-gradient(circle at 72% 28%,rgba(145,175,226,.16),transparent 36%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=hex-hive]:before{background-image:radial-gradient(circle at 18% 18%,rgba(83,107,232,.22),transparent 34%),radial-gradient(circle at 82% 24%,rgba(106,142,232,.18),transparent 32%),radial-gradient(circle at 50% 100%,rgba(70,90,233,.16),transparent 42%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=maze]:before{background-image:radial-gradient(circle at 18% 18%,rgba(217,163,86,.18),transparent 32%),radial-gradient(circle at 76% 30%,rgba(164,171,211,.12),transparent 28%),radial-gradient(circle at 82% 82%,rgba(94,95,232,.18),transparent 38%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=string-theory]:before{background-image:radial-gradient(circle at 20% 24%,rgba(150,110,232,.18),transparent 34%),radial-gradient(circle at 82% 24%,rgba(100,146,232,.18),transparent 32%),radial-gradient(circle at 74% 82%,rgba(230,118,173,.14),transparent 36%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=pulse]:before{background-image:radial-gradient(circle at 22% 24%,rgba(107,134,232,.2),transparent 34%),radial-gradient(circle at 50% 50%,rgba(44,54,72,.08),transparent 26%),radial-gradient(circle at 82% 82%,rgba(123,81,232,.22),transparent 38%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=vortex]:before{background-image:radial-gradient(circle at 18% 18%,rgba(102,118,232,.2),transparent 32%),radial-gradient(circle at 52% 50%,rgba(44,54,72,.08),transparent 24%),radial-gradient(circle at 82% 82%,rgba(230,147,81,.18),transparent 38%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=quasar]:before{background-image:radial-gradient(circle at 18% 18%,rgba(230,82,131,.22),transparent 34%),radial-gradient(circle at 82% 20%,rgba(230,155,80,.18),transparent 30%),radial-gradient(circle at 78% 82%,rgba(44,54,72,.08),transparent 34%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=caustics]:before{background-image:radial-gradient(circle at 24% 24%,rgba(115,138,232,.18),transparent 34%),radial-gradient(circle at 50% 52%,rgba(44,54,72,.1),transparent 24%),radial-gradient(circle at 82% 82%,rgba(163,172,208,.12),transparent 34%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=liquid-glass]:before{background-image:radial-gradient(ellipse at 15% 0%,transparent 35%,rgba(44,54,72,.6) 38%,rgba(53,101,222,.45) 42%,transparent 47%),radial-gradient(ellipse at 95% 110%,transparent 35%,rgba(144,49,197,.35) 38%,rgba(44,54,72,.5) 41%,transparent 46%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=bolt]:before{background-image:radial-gradient(circle at 22% 24%,rgba(115,138,232,.2),transparent 34%),radial-gradient(circle at 52% 48%,rgba(44,54,72,.1),transparent 26%),radial-gradient(circle at 82% 82%,rgba(78,108,168,.2),transparent 38%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=cyclone]:before{background-image:radial-gradient(ellipse at 50% 42%,rgba(121,125,187,.42),transparent 30%),conic-gradient(from 30deg at 50% 54%,transparent,rgba(91,117,232,.3),transparent 45%,rgba(214,136,85,.3),transparent);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=reaction]:before{background-image:radial-gradient(ellipse at 32% 88%,rgba(21,114,214,.38),transparent 44%),radial-gradient(ellipse at 58% 62%,rgba(106,57,212,.3),transparent 34%),radial-gradient(ellipse at 78% 32%,rgba(193,60,189,.24),transparent 36%);background-color:transparent}:where(:root[data-theme=light]) .shader-selector-card[data-shader=galaxy-center]:before{background-image:radial-gradient(circle at 50% 48%,rgba(193,173,115,.24),transparent 20%),conic-gradient(from 236deg at 50% 50%,#e68d2042,#5b4ae22e,#27386408,#e68d2042),radial-gradient(circle at 22% 18%,rgba(44,54,72,.12),transparent 22%);background-color:transparent}:where(:root[data-theme=light]) .projects-shader-selector-footnote{color:#2c3648af}