.portrait{inline-size:var(--portrait-size);aspect-ratio:var(--portrait-ratio);position:relative;container-type:inline-size}.portrait__orbit{inline-size:var(--portrait-orbit-size);aspect-ratio:1;border:var(--border-width-1) dashed var(--color-glass-line);border-radius:var(--radius-full);animation:spin var(--loop-orbit) linear infinite;position:absolute;inset-block-start:var(--portrait-orbit-y);inset-inline-start:var(--portrait-orbit-x)}.portrait__orbit-dot{inline-size:var(--orbit-dot-lg);block-size:var(--orbit-dot-lg);border-radius:var(--radius-full);background-color:var(--color-graphite-3);position:absolute;translate:-50% -50%}.portrait__orbit-dot:first-child{inset-block-start:0;inset-inline-start:50%}.portrait__orbit-dot:nth-child(2){background-color:var(--color-graphite-5);inset-block-start:50%;inset-inline-start:0}.portrait__orbit-dot:nth-child(3){inline-size:var(--orbit-dot-sm);block-size:var(--orbit-dot-sm);background-color:var(--color-graphite-2);inset-block-start:85%;inset-inline-start:85%}.portrait__follow{transform:translate(var(--px,0px), var(--py,0px));transition:transform var(--duration-follow) var(--ease-out);position:absolute;inset:0}.portrait__counter{transform:translate(var(--bx,0px), var(--by,0px));transition:transform var(--duration-follow) var(--ease-out)}.portrait__arch{isolation:isolate;border-radius:var(--radius-arch);background-image:linear-gradient(165deg, var(--color-accent) 0%, var(--color-graphite-1) 62%, var(--color-graphite-3) 100%);box-shadow:var(--shadow-device);position:absolute;inset:0;overflow:hidden}.portrait__figure{block-size:auto;inline-size:100%;position:absolute;inset-block-end:0;inset-inline-start:0}.portrait__skin{fill:var(--color-portrait-skin)}.portrait__skin-shade{fill:var(--color-portrait-skin-shade)}.portrait__neck{fill:var(--color-portrait-neck)}.portrait__hair{fill:var(--color-portrait-hair)}.portrait__shirt{fill:var(--color-portrait-shirt)}.portrait__pupil{fill:var(--color-portrait-line)}.portrait__stroke{fill:none;stroke-linecap:round}.portrait__stroke--line{stroke:var(--color-portrait-line)}.portrait__stroke--hair{stroke:var(--color-portrait-hair)}.portrait__stroke--seam{stroke:var(--color-portrait-seam)}.portrait__stroke--neck{stroke:var(--color-portrait-neck)}.portrait__stroke--mouth{stroke:var(--color-portrait-mouth)}.portrait__badge{inline-size:var(--size-badge);aspect-ratio:1;border-radius:var(--radius-full);background-color:var(--color-text);color:var(--color-bg);font-size:var(--text-lead);place-items:center;line-height:1;display:grid;position:absolute;inset-block-start:var(--portrait-badge-y);inset-inline-start:var(--portrait-badge-x)}.portrait__badge-ring{block-size:100%;inline-size:100%;animation:spin var(--loop-badge) linear infinite;position:absolute;inset:0}.portrait__badge-text{font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-badge);text-transform:uppercase}.portrait__orbit{display:none}@media (width>=48rem){.portrait__orbit{display:block}}.portrait__body{animation:breathe var(--loop-breathe) var(--ease-loop) infinite}.portrait__head{transform-box:view-box;transform-origin:50% 68.75%;animation:tilt var(--loop-tilt) var(--ease-loop) infinite}.portrait__eyes{transform-box:fill-box;transform-origin:50%;animation:blink var(--loop-blink) linear infinite}@media (hover:none){.portrait__gaze{animation:look var(--loop-look) var(--ease-loop) infinite}}.hero{isolation:isolate;padding-block:var(--space-header-clearance) var(--space-10);background-color:var(--color-bg-deep);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero__inner{align-content:center;gap:var(--space-6);flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"status""portrait""copy";display:grid}.hero__status{grid-area:status}.hero__portrait{grid-area:portrait;justify-items:center;display:grid}.hero__copy{grid-area:copy}.hero__portrait .portrait{--portrait-size:var(--portrait-size-sm)}.hero__copy{gap:var(--space-6);flex-direction:column;display:flex}.hero__title{font-size:var(--text-hero);line-height:var(--leading-hero)}.hero__intro{max-inline-size:var(--measure-intro);font-size:var(--text-intro);line-height:var(--leading-intro);color:var(--color-text-muted)}.hero__actions{gap:var(--space-3);flex-direction:column;display:flex}.hero__foot{display:none}@media (width>=48rem){.hero__inner{grid-template-areas:"portrait""status""copy"}.hero__portrait .portrait{--portrait-size:var(--portrait-size-md)}.hero__actions{flex-direction:row}.hero__foot{justify-content:space-between;align-items:flex-end;gap:var(--space-4);font-size:var(--text-small);color:var(--color-text-muted);margin-block-start:var(--space-12);display:flex}}@media (width>=64rem){.hero{min-block-size:var(--hero-height)}.hero__inner{grid-template-columns:minmax(0, 1fr) minmax(0, var(--hero-portrait-col));column-gap:var(--space-12);row-gap:var(--space-8);grid-template-areas:"status portrait""copy portrait";align-items:start}.hero__portrait{align-self:center}.hero__portrait .portrait{--portrait-size:100%}.hero__copy{gap:var(--space-8)}}.scroll-cue{align-items:center;gap:var(--space-3);display:flex}.scroll-cue__line{inline-size:var(--border-width-1);block-size:var(--size-tap-target);background-color:var(--color-glass-line);position:relative;overflow:hidden}.scroll-cue__line:after{content:"";background-color:var(--color-text);transform-origin:top;animation:scroll-line var(--loop-scroll) var(--ease-in-out) infinite;position:absolute;inset:0}.marquee{padding-block:var(--space-6);border-block-end:var(--border-width-1) solid var(--color-border);overflow:hidden}.marquee__track{align-items:center;gap:var(--space-6);inline-size:max-content;font-family:var(--font-display);font-size:var(--text-marquee);font-weight:var(--weight-light);letter-spacing:var(--tracking-display);line-height:var(--leading-display);white-space:nowrap;animation:marquee var(--loop-marquee) linear infinite;display:flex}.marquee__word--muted{color:var(--color-text-muted)}.marquee__star{inline-size:var(--marquee-star);block-size:var(--marquee-star);fill:var(--star,var(--color-graphite-1));flex-shrink:0}@media (width>=64rem){.marquee{padding-block:var(--space-10)}.marquee__track{gap:var(--space-12)}}.work{padding-block-start:var(--space-section-m)}.work__header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);flex-wrap:wrap;margin-block-end:var(--space-12);display:flex}.work__title{font-size:var(--text-display-l);line-height:var(--leading-display)}.work__count{font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--weight-regular);letter-spacing:var(--tracking-none);vertical-align:top;color:var(--color-text-muted);margin-inline-start:var(--space-2)}.work__intro{max-inline-size:var(--measure-aside);color:var(--color-text-muted);line-height:var(--leading-intro)}.work__grid{gap:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.work__header{margin-block-end:var(--space-18)}.work__grid{grid-template-columns:var(--work-columns);column-gap:var(--space-8);row-gap:var(--space-18);align-items:start}.work__grid>.work-tile--narrow{margin-block-start:var(--space-work-offset)}.work__grid>.work-tile--full{grid-column:1/-1}}.work-tile{gap:var(--space-4);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}.work-tile:hover{color:var(--color-text)}.work-tile__frame{--rx:0deg;--ry:0deg;isolation:isolate;block-size:var(--tile-height);border-radius:var(--radius-xl);background-color:var(--color-bg-deep);transform:perspective(var(--tilt-perspective)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform var(--duration-tilt) var(--ease-out);position:relative;overflow:hidden}.work-tile__media{transition:transform var(--duration-reveal) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0;container-type:size}.work-tile__video{object-fit:cover;block-size:100%;inline-size:100%}.tile-screens{justify-content:center;align-items:center;display:flex;position:relative}.tile-window,.tile-phone{box-shadow:var(--shadow-device);animation:drift var(--loop-drift) var(--ease-loop) infinite;overflow:hidden}.tile-window{inline-size:var(--tile-window-sm);border:var(--border-width-1) solid var(--color-mock-edge);border-radius:var(--radius-lg)}.tile-window__bar{display:none}.tile-window__screen,.tile-phone{aspect-ratio:var(--screen-ratio);background-color:var(--color-paper);position:relative}.tile-window__screen>img,.tile-phone>img{object-fit:cover;object-position:top;block-size:100%;inline-size:100%;position:absolute;inset:0}.tile-phone{border:var(--tile-phone-bezel) solid var(--color-device-bezel);border-radius:var(--radius-phone);background-color:var(--color-device-bezel);animation-delay:var(--tile-phone-delay);display:none}.tile-swap{opacity:0;animation:swap var(--loop-swap) var(--ease-loop) infinite}.tile-phone>.tile-swap{animation-delay:var(--tile-phone-delay)}@media (width>=48rem){.tile-window{border-radius:var(--radius-panel)}.tile-phone{display:block}.tile-screens--overlap{inline-size:var(--tile-overlap-w);aspect-ratio:var(--tile-overlap-ratio)}.tile-screens--overlap .tile-window{inline-size:var(--tile-overlap-window);position:absolute;inset-block-start:0;inset-inline-start:0}.tile-screens--overlap .tile-window__bar{align-items:center;gap:var(--space-2);block-size:var(--tile-chrome-h);padding-inline:var(--space-4);background-color:var(--color-device-bezel);display:flex}.tile-window__bar span{inline-size:var(--size-dot);aspect-ratio:1;border-radius:var(--radius-full);background-color:var(--color-mock-dot)}.tile-screens--overlap .tile-phone{inline-size:var(--tile-overlap-phone);position:absolute;inset-block-end:0;inset-inline-end:0}.tile-screens--side{gap:var(--space-7)}.tile-screens--side .tile-window{inline-size:var(--tile-side-window);flex-shrink:0}.tile-screens--side .tile-phone{inline-size:var(--tile-side-phone);flex-shrink:0}}.tile-preview{--preview-radius:var(--tile-preview-radius-sm);inline-size:var(--tile-preview-w-sm);aspect-ratio:804/1748;border:var(--tile-phone-bezel) solid var(--color-device-bezel);border-radius:var(--preview-radius);background-color:var(--color-device-bezel);box-shadow:var(--shadow-device);animation:drift var(--loop-drift) var(--ease-loop) infinite;animation-delay:var(--tile-phone-delay);position:relative;overflow:hidden}.tile-preview>img{object-fit:cover;object-position:top;block-size:100%;inline-size:100%;position:absolute;inset:0}.tile-preview__frost{border-radius:calc(var(--preview-radius) - var(--tile-phone-bezel));background-color:var(--color-frost);-webkit-backdrop-filter:blur(var(--blur-frost));backdrop-filter:blur(var(--blur-frost));-webkit-mask-image:var(--frost-mask);mask-image:var(--frost-mask);-webkit-mask-size:var(--frost-mask-size);mask-size:var(--frost-mask-size);animation:sweep var(--loop-sweep) var(--ease-loop) infinite alternate;position:absolute;inset:0}@media (width>=64rem){.tile-preview{--preview-radius:var(--tile-preview-radius);inline-size:var(--tile-preview-w)}}.work-tile__follow{padding:calc(var(--space-4) + var(--font-display-optical-offset) / 2) var(--space-6) calc(var(--space-4) - var(--font-display-optical-offset) / 2);border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-text);font-family:var(--font-display);font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;inset-block-start:var(--y,50%);inset-inline-start:var(--x,50%);translate:-50% -50%}.work-tile__caption{column-gap:var(--space-4);row-gap:var(--space-1);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num meta arrow""title title arrow""line line arrow";align-items:start;display:grid}.work-tile__meta{align-items:center;gap:var(--space-2);font-size:var(--text-eyebrow);color:var(--color-text-muted);flex-wrap:wrap;grid-area:meta;display:flex}.work-tile__number{font-size:var(--text-eyebrow);color:var(--color-text-muted);grid-area:num}.work-tile__meta .chip{padding:var(--space-0);border:var(--border-width-0);font-size:inherit}.work-tile__title{font-size:var(--text-title);transition:color var(--duration-fast) var(--ease-out);grid-area:title}.work-tile__line{color:var(--color-text-muted);font-size:var(--text-small);grid-area:line}.work-tile__arrow{inline-size:var(--size-tap-target);block-size:var(--size-tap-target);border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-accent-text);font-size:var(--text-lead);grid-area:arrow;place-items:center;display:grid}.work-tile__soon{padding:var(--space-2) var(--space-3);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-eyebrow);white-space:nowrap;grid-area:arrow;align-self:start}@media (width>=64rem){.work-tile{gap:var(--space-6)}.work-tile__frame{block-size:auto;aspect-ratio:var(--tile-ratio,var(--tile-ratio-wide));border-radius:var(--radius-tile)}.work-tile--narrow{--tile-ratio:var(--tile-ratio-narrow)}.work-tile--full{--tile-ratio:var(--tile-ratio-full)}.work-tile__caption{column-gap:var(--space-5);row-gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num title meta""num line meta"}.work-tile__number{font-size:var(--text-small);align-self:baseline}.work-tile__title{align-self:baseline}.work-tile__meta{font-size:var(--text-small);color:var(--color-text);grid-area:meta}.work-tile__meta .chip{padding:var(--space-1) var(--space-3);border:var(--border-width-1) solid var(--color-border)}.work-tile__line{font-size:var(--text-body)}}@media (hover:hover) and (pointer:fine){.work-tile__arrow,.work-tile__soon{display:none}.work-tile:hover .work-tile__media{transform:scale(var(--motion-media-zoom))}.work-tile:hover .work-tile__title{color:var(--color-accent)}.work-tile__frame.is-hover .work-tile__follow{opacity:1}}