.hp-work{--hp-work-accent:#38bdf8;color:#fff;background:#050508;border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.hp-work__ambient{pointer-events:none;position:absolute;inset:0}.hp-work__glow{background:radial-gradient(circle at center, color-mix(in srgb, var(--hp-work-accent) 42%, transparent) 0%, color-mix(in srgb, var(--hp-work-accent) 12%, transparent) 42%, transparent 72%);filter:blur(48px);opacity:.75;border-radius:50%;width:min(42rem,72vw);height:min(42rem,72vw);position:absolute;top:12%;right:-8%}.hp-work__grid{opacity:.22;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 78%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 78%)}.hp-work__inner{z-index:1;max-width:88rem;padding:var(--hp-section-py,clamp(3rem, 6vw, 4.25rem)) 1.25rem;margin-inline:auto;position:relative}@media (min-width:1024px){.hp-work__inner{padding:var(--hp-section-py-lg,clamp(3.5rem, 6vw, 4.25rem)) 2rem}}.hp-work__header{max-width:40rem;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.hp-work__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--hp-work-accent) 78%, #fff);margin:0 0 .65rem;font-size:.75rem;font-weight:700}.hp-work__title{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.85rem,4.2vw,2.85rem);font-weight:800;line-height:1.06}.hp-work__title-accent{background:linear-gradient(120deg, #fff 0%, color-mix(in srgb, var(--hp-work-accent) 55%, #fff) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hp-work__intro{color:#ffffff9e;text-wrap:pretty;max-width:42rem;margin:1rem 0 0;font-size:clamp(.9375rem,1.8vw,1.0625rem);line-height:1.65}.hp-work__stage{gap:clamp(1.5rem,3vw,2.25rem);display:grid}@media (min-width:1024px){.hp-work__stage{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,4vw,3rem)}}.hp-work__visual{position:relative}.hp-work__frame{aspect-ratio:16/10;border:1px solid #ffffff1a;border-radius:1.35rem;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff14}.hp-work__image-shell{position:absolute;inset:0}.hp-work__image{object-fit:cover}.hp-work__image-shade{background:linear-gradient(165deg,#0000 35%,#05050859 72%,#050508d1 100%);position:absolute;inset:0}.hp-work__ring{border-radius:inherit;border:1px solid color-mix(in srgb, var(--hp-work-accent) 55%, transparent);pointer-events:none;position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #ffffff0a}.hp-work__index{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;letter-spacing:.06em;background:#050508b8;border:1px solid #ffffff1a;border-radius:999px;align-items:baseline;gap:.2rem;padding:.45rem .7rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;bottom:1rem;left:1rem}.hp-work__index-num{color:#fff}.hp-work__index-sep,.hp-work__index-total{color:#ffffff73}.hp-work__panel{flex-direction:column;gap:1.35rem;min-width:0;display:flex}.hp-work__tabs{flex-wrap:wrap;gap:.5rem;display:flex}.hp-work__tab{color:#ffffffb8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;padding:.55rem .95rem;font-size:.8125rem;font-weight:600;line-height:1.2;transition:color .25s,border-color .25s;position:relative;overflow:hidden}.hp-work__tab[data-active]{color:#fff;border-color:color-mix(in srgb, var(--hp-work-accent) 45%, transparent)}.hp-work__tab-fill{border-radius:inherit;background:color-mix(in srgb, var(--hp-work-accent) 22%, #ffffff0f);position:absolute;inset:0}.hp-work__tab-label{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:12rem;display:block;position:relative;overflow:hidden}.hp-work__tab-progress{transform-origin:0;background:var(--hp-work-accent);z-index:2;width:100%;height:2px;position:absolute;bottom:0;left:0}.hp-work__copy{flex-direction:column;gap:.65rem;min-height:13.5rem;display:flex}@media (min-width:1024px){.hp-work__copy{min-height:15rem}}.hp-work__category{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--hp-work-accent) 70%, #fff);align-items:center;gap:.45rem;margin:0;font-size:.75rem;font-weight:700;display:inline-flex}.hp-work__dot{background:#ffffff59;border-radius:50%;width:.25rem;height:.25rem}.hp-work__name{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.1}.hp-work__desc{color:#ffffffb8;max-width:34rem;margin:0;font-size:.9375rem;line-height:1.65}.hp-work__case-link{color:#7dd3fc;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:gap .25s,color .25s;display:inline-flex}.hp-work__case-link:hover{color:#bae6fd;gap:.55rem}.hp-work__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;display:flex}.hp-work__arrows{gap:.5rem;display:inline-flex}.hp-work__arrow{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.hp-work__arrow:hover{background:#ffffff14;border-color:#ffffff38;transform:translateY(-1px)}.hp-work__arrow svg{width:1.15rem;height:1.15rem}.hp-work__cta{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.15rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.hp-work__cta:hover{background:#ffffff1a;border-color:#ffffff3d;transform:translateY(-1px)}@media (max-width:639px){.hp-work__copy{min-height:0}.hp-work__controls{flex-direction:column;align-items:stretch}.hp-work__cta{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.hp-work__glow{animation:none!important}}
