.hero{min-height:100svh;position:relative;overflow:hidden}.hero__video-bg{z-index:0;position:absolute;inset:0}.hero__video-bg video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.hero__video-bg:after{content:"";background:linear-gradient(#0a0a0c1a 0%,#0a0a0c0d 45%,#0a0a0c99 100%);position:absolute;inset:0}.hero__cta{z-index:1;left:var(--space-gutter);position:absolute;bottom:2.5rem}.hero__projects{top:9rem;right:var(--space-gutter);z-index:1;flex-direction:column;align-items:flex-end;gap:.8rem;display:flex;position:absolute}.hero__projects-pill{border:1px solid var(--project-accent,var(--accent));color:var(--project-accent,var(--accent));font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.9em 1.8em}.hero__projects-note{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;text-align:right;color:var(--fg-faint);line-height:1.5}.hero__mini{z-index:1;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero__bear-mini{aspect-ratio:1;width:3.25rem}.hero__bear-mini canvas{width:100%;height:100%;display:block}.hero__scroll{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint)}@media (width<=900px){.hero__projects{top:7rem}.hero__cta{bottom:7.5rem;left:50%;right:auto;transform:translate(-50%)}.hero__mini{bottom:1.75rem}.hero__video-bg{background:#0a0a0c}.hero__video-bg video{object-fit:contain}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:1.4rem;overflow:hidden}.marquee__track{width:max-content;font-family:var(--font-display);color:var(--fg-faint);white-space:nowrap;gap:3rem;font-size:clamp(1.4rem,2.4vw,2.4rem);font-weight:800;display:flex}.marquee__track span{align-items:center;gap:3rem;display:flex}.marquee__track em{color:var(--accent);font-style:normal}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(2rem,4vw,4rem);display:flex}.section__title{font-size:var(--fs-h1);max-width:16ch}.section__note{max-width:34ch;color:var(--fg-dim)}.showcase{grid-template-columns:1.3fr 1fr;gap:clamp(2rem,4vw,3.5rem);margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.showcase__media{border-radius:var(--radius);aspect-ratio:16/10;background:var(--bg-card);position:relative;overflow:hidden}.showcase__media video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.showcase__body{flex-direction:column;justify-content:center;gap:1rem;display:flex}.showcase__logos{align-items:center;gap:.7em;display:flex}.showcase__logos img{width:auto;height:2rem;display:block}.showcase__logos span{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--fg-faint)}.showcase__title{font-size:var(--fs-h1);line-height:1}.showcase__teaser{color:var(--fg-dim);max-width:46ch;font-size:var(--fs-body)}.showcase__cta{align-self:flex-start;margin-top:.5rem}@media (width<=900px){.showcase{grid-template-columns:1fr}}.section__foot{justify-content:center;margin-top:clamp(2.5rem,5vw,4rem);display:flex}.features{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem);display:grid;overflow-x:clip}.feature{display:block;position:relative}.feature__stage{border-radius:var(--radius);background:color-mix(in srgb, var(--project-accent) 10%, var(--bg-card));aspect-ratio:4/4.4;flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:relative;overflow:visible}.feature__label{z-index:2;font-family:var(--font-mono);font-size:var(--fs-small);align-items:center;gap:.5em;display:flex;position:absolute;top:1.5rem;left:1.5rem}.feature__dot{background:var(--project-accent);border-radius:50%;flex-shrink:0;width:.5em;height:.5em}.feature__hook{z-index:2;max-width:55%;font-weight:600;font-size:var(--fs-body);line-height:1.4;position:relative}.feature__cutout{object-fit:contain;object-position:bottom right;z-index:1;pointer-events:none;filter:drop-shadow(0 20px 30px #00000073);width:auto;max-width:62%;height:118%;transition:transform var(--dur-slow) var(--ease-out);will-change:transform;position:absolute;bottom:-1.5rem;right:2%}.feature:hover .feature__cutout{transform:translateY(-10px)scale(1.03)}.feature__screenshot{object-fit:cover;object-position:top;z-index:1;width:100%;height:60%;position:absolute;inset:0 0 40%}.feature[data-project=walkie]{--cut-rot:-3deg}.feature[data-project=musick]{--cut-rot:3deg}.feature[data-project=walkie] .feature__cutout,.feature[data-project=musick] .feature__cutout{transform:rotate(var(--cut-rot))}.feature[data-project=walkie]:hover .feature__cutout,.feature[data-project=musick]:hover .feature__cutout{transform:rotate(var(--cut-rot)) translateY(-10px) scale(1.03)}.feature[data-project=walkie] .feature__cutout{max-width:76%;height:145%}@media (width<=1000px){.features{grid-template-columns:1fr;gap:2.5rem;padding-top:4rem}.feature__stage{aspect-ratio:auto;flex-direction:column;justify-content:flex-start;padding-top:4rem;display:flex}.feature__hook{max-width:100%;font-size:var(--fs-h3)}.feature__cutout{width:82%;max-width:22rem;height:auto;max-height:none;margin:0 auto 1.5rem;position:relative;inset:auto;transform:none!important}.feature[data-project=walkie] .feature__cutout,.feature[data-project=musick] .feature__cutout{width:82%;max-width:22rem;height:auto;transform:none!important}.feature__screenshot{aspect-ratio:16/10;height:auto;margin-bottom:1.5rem;position:relative;inset:auto}.feature__stage:has(.feature__screenshot) .feature__hook{max-width:100%}}.about-strip{gap:var(--space-gutter);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about__list{flex-direction:column;display:flex}.about__row{border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--fg-dim);justify-content:space-between;gap:2rem;padding:1.4rem 0;display:flex}.about__row:last-child{border-bottom:1px solid var(--line)}.about__row strong{color:var(--fg);font-family:var(--font-body);text-align:right;font-weight:500}@media (width<=900px){.about-strip{grid-template-columns:1fr}}