.hero{align-items:center;min-height:100svh;padding-top:6rem;display:grid;position:relative}.hero__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;display:grid}.hero__mark{font-family:var(--font-display);font-size:var(--fs-hero);letter-spacing:-.03em;font-weight:800;line-height:.85}.hero__tagline{font-family:var(--font-body);font-size:var(--fs-small);color:var(--fg-dim);margin-top:.8rem;display:block}.hero__blurb{max-width:42ch;font-size:var(--fs-h3);color:var(--fg-dim);margin-top:2rem;font-weight:500}.hero__cta{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.hero__bear{aspect-ratio:1;width:100%;position:relative}.hero__bear canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.hero__bear-glow{content:"";background:radial-gradient(circle at 50% 45%, var(--accent), var(--accent-3) 45%, transparent 72%);filter:blur(60px);opacity:.45;border-radius:50%;animation:7s ease-in-out infinite bear-glow;position:absolute;inset:8%}@keyframes bear-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.62;transform:scale(1.09)}}.hero__streaks{z-index:0;pointer-events:none;position:absolute;inset:-10% -40% -10% -10%;overflow:hidden}.hero__streaks span{background:linear-gradient(90deg, transparent, var(--project-accent,var(--accent)) 40%, transparent);opacity:.35;filter:blur(.5px);width:60%;height:1px;position:absolute;right:0}.hero__streaks span:first-child{opacity:.25;width:70%;top:22%}.hero__streaks span:nth-child(2){opacity:.4;width:85%;top:42%}.hero__streaks span:nth-child(3){opacity:.2;width:55%;top:58%}.hero__streaks span:nth-child(4){opacity:.3;width:65%;top:74%}.hero__projects{top:14rem;right:var(--space-gutter);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__scroll{bottom:2.5rem;left:var(--space-gutter);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);position:absolute}@media (width<=900px){.hero__grid{grid-template-columns:1fr}.hero__bear{order:-1;max-width:62vw;margin-inline:auto}.hero__projects{padding-left:var(--space-gutter);align-items:flex-start;margin-top:2rem;position:static}.hero__scroll{padding-left:var(--space-gutter);margin-top:1.5rem;margin-bottom:3rem;position:static}}@media (prefers-reduced-motion:reduce){.hero__bear-glow{animation:none}}.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)}.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);border:1px solid var(--line);background:color-mix(in srgb, var(--project-accent) 10%, var(--bg-card));aspect-ratio:4/4.4;transition:border-color var(--dur-med) var(--ease-out);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:relative;overflow:visible}.feature:hover .feature__stage{border-color:var(--project-accent)}.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}}