.motion-toggle{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:inline-grid;position:relative}.motion-toggle:before{content:"";border-radius:inherit;background:#14161db3;border:1px solid #ffffff14;transition:background-color .18s,border-color .18s;position:absolute;inset:4px}.motion-toggle svg{pointer-events:none;position:relative}.motion-toggle:hover:before{background:#252a34e6;border-color:#ffffff30}.motion-toggle:hover{color:#fff}.motion-toggle:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}@media (pointer:coarse){.motion-toggle{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.motion-toggle:before{transition:none}}
.hero-background{pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.hero-background__poster,.hero-background__animation,.hero-background__shade{position:absolute;inset:0}.hero-background__poster{opacity:.7;transition:opacity .8s}.hero-background__poster svg{width:100%;height:100%;display:block}.hero-background__animation{opacity:0;transition:opacity .8s}.hero-background--ready .hero-background__poster{opacity:0}.hero-background--ready .hero-background__animation{opacity:.52}.hero-background__shade{background:linear-gradient(90deg,#12121466,#0000 70%),linear-gradient(#12121433,#0000 12% 82%,#121214)}.motion-toggle.hero-background-toggle{z-index:20;position:absolute;bottom:.6rem;right:1rem}@media (max-width:767px){.hero-background__poster{background:radial-gradient(at 105% 32%,#e67b1e38,#0000 55%),radial-gradient(at 5% 78%,#3153a447,#0000 60%)}.hero-background__poster svg{opacity:.6;width:180%;margin-left:12%}.hero-background--ready .hero-background__animation{opacity:.38}.hero-background__shade{background:linear-gradient(90deg,#12121452,#12121480 45%,#0000),linear-gradient(#12121433,#0000 78%,#121214)}}@media (prefers-reduced-motion:reduce){.hero-background__poster{transition:none;opacity:.7!important}.hero-background__animation{transition:none;opacity:0!important}.hero-background-toggle{display:none}}
.hero-projects{width:100%;min-width:0;max-width:540px;margin-inline:auto}.hero-projects__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.hero-projects__heading h2{text-transform:uppercase;letter-spacing:.16em;color:#64748b;margin:0;font-size:11px;font-weight:600}.hero-projects__heading>a{color:#475569;align-items:center;gap:4px;padding-block:8px;font-size:12px;display:inline-flex}.hero-projects__scene{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px 18px;padding:0 0 20px;display:grid;position:relative}.hero-projects__decoration{pointer-events:none;background:radial-gradient(#2563eb12,#0000 65%);position:absolute;inset:0}.hero-projects__ring{aspect-ratio:1;border:1px solid #2563eb30;border-radius:50%;width:94%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.hero-projects__ring--inner{border-style:dashed;border-color:#2563eb40;width:69%}.hero-project-card{--card-hover-edge:#94a3b84d;--card-hover-action:#0f172a;z-index:1;color:#0f172a;isolation:isolate;background:#fff;border:1px solid #0f172a0f;border-radius:18px;min-width:0;transition:transform .7s cubic-bezier(.22,1,.36,1),border-color .45s;display:block;position:relative;overflow:hidden;box-shadow:0 3px 8px #0f172a05,0 18px 42px -16px #0f172a30}.hero-project-card:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,#ffffff10,#0000 48%);transition:opacity .6s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff20}.hero-project-card--primary{grid-column:1/-1;justify-self:center;width:74%;margin-left:7%}.hero-project-card:last-child:not(.hero-project-card--primary){margin-top:16px}.hero-projects__scene[data-count="2"] .hero-project-card:last-child{grid-column:1/-1;width:56%;margin-top:0;margin-left:4%}.hero-projects__scene[data-count="1"]{padding-block:50px}.hero-projects__scene[data-count="1"] .hero-project-card{width:88%;margin-left:0}.hero-project-card__image{aspect-ratio:16/9;background:#151c2e;position:relative;overflow:hidden}.hero-project-card__image img{object-fit:cover;object-position:top}.hero-project-card__image img,.hero-project-card__placeholder{transition:transform .9s cubic-bezier(.22,1,.36,1);transform:scale(1)}.hero-project-card__image:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#00000012);position:absolute;inset:0}.hero-project-card__placeholder{color:#e2e8f0;background:radial-gradient(at 80% 25%,#1e3a8a80,#0000 70%),linear-gradient(135deg,#161821,#202638);place-items:center;display:grid;position:absolute;inset:0}.hero-project-card__placeholder:before{content:"";aspect-ratio:1;border:1px solid #7a94cd30;border-radius:50%;width:65%;position:absolute}.hero-project-card__placeholder span{letter-spacing:-.04em;font-size:clamp(15px,2vw,24px);font-style:italic;font-weight:800}.hero-project-card__body{padding:14px 15px}.hero-project-card__category{letter-spacing:.08em;text-transform:uppercase;color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:10px;line-height:1.6;display:block;overflow:hidden}.hero-project-card h3{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:700;line-height:1.5}.hero-project-card--primary h3{font-size:17px}.hero-project-card__action{color:#475569;align-items:center;gap:7px;margin-top:10px;font-size:11px;transition:color .4s;display:flex}.hero-project-card__action svg{flex-shrink:0;transition:transform .55s cubic-bezier(.22,1,.36,1)}.hero-project-card:focus-visible,.hero-projects a:focus-visible{outline-offset:5px;outline:2px solid #60a5fa}@media (hover:hover) and (pointer:fine){.hero-project-card:hover{z-index:4;border-color:var(--card-hover-edge)}.hero-project-card:hover:after{opacity:1}.hero-project-card:hover .hero-project-card__action{color:var(--card-hover-action)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-project-card:hover{transform:translateY(-10px)scale(1.065)}.hero-project-card:hover .hero-project-card__image img,.hero-project-card:hover .hero-project-card__placeholder{transform:scale(1.035)}.hero-project-card:hover .hero-project-card__action svg{transform:translate(3px,-3px)}}.hero-projects__empty{text-align:center;grid-column:1/-1;padding:85px 28px;position:relative}.hero-projects__empty>span{letter-spacing:-.04em;font-size:38px;font-style:italic;font-weight:800}.hero-projects__empty p{color:#64748b;margin:18px 0;font-size:15px}.hero-projects__empty a{color:#2563eb;align-items:center;gap:6px;font-size:14px;display:inline-flex}.dark .hero-projects__heading h2,.dark .hero-project-card__category{color:#a2aec2}.dark .hero-projects__heading>a,.dark .hero-project-card__action{color:#c0c8d7}.dark .hero-project-card{--card-hover-edge:#ffffff26;--card-hover-action:#f1f5f9;color:#f5f5f7;background:#191c24;border-color:#ffffff0d;box-shadow:inset 0 1px #ffffff05,0 4px 10px #00000012,0 24px 48px -16px #0006}@media (hover:hover) and (pointer:fine){.dark .hero-project-card:hover{z-index:4;border-color:var(--card-hover-edge)}}.dark .hero-projects__empty p{color:#a2aec2}.dark .hero-projects__empty a{color:#93c5fd}@media (max-width:639px){.hero-projects__heading{margin-bottom:16px}.hero-projects__scene{gap:18px 12px}.hero-project-card--primary{width:82%;margin-left:3%}.hero-project-card__body{padding:11px 10px}.hero-project-card h3{font-size:12px}.hero-project-card--primary h3{font-size:15px}.hero-project-card__category{letter-spacing:.03em;font-size:9px}.hero-project-card__action{margin-top:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.hero-project-card,.hero-project-card:after,.hero-project-card__image img,.hero-project-card__placeholder,.hero-project-card__action,.hero-project-card__action svg{transition:none}}