.block-hero__media{display:block}.houston-hero{position:relative;width:100%;aspect-ratio:1 / 1}.houston-hero__core,.houston-hero__orbit{position:absolute}.houston-hero__core{transform:translate(-50%,-50%)}.houston-hero__orbit{transform:translate(-50%,-50%) translate3d(var(--houston-px, 0px),var(--houston-py, 0px),0)}.houston-hero__core img,.houston-hero__orbit img{display:block;width:100%;height:auto}.houston-hero__core{left:50%;top:50%;width:100%}.houston-hero__orbit--file{left:7%;top:14.9%;width:9%}.houston-hero__orbit--locked{left:76.1%;top:7.5%;width:7.1%}.houston-hero__orbit--message{left:91.2%;top:27.8%;width:16.4%}.houston-hero__orbit--live{left:12.5%;top:32.9%;width:7.1%}.houston-hero__orbit--plus{left:8.9%;top:81.4%;width:17.8%}.houston-hero__orbit--link{left:91.7%;top:85.1%;width:11.6%}curve-*),não primitiva — mesma régua que migrou o word-rotator do hero da home para transition-*/curve-* (ver blocks/block-hero.css). Mapeamento 1:1 sem mudança visual: transition-emphasis = .5s (era duration-500); curve-enter e curve-emphasized são,bit a bit,os mesmos cubic-bezier de easing-decelerate e easing-emphasized. O multiplicador de stagger usa transition-stagger (40ms,era transition-micro/75ms por engano) — é o token correto para "passo de cascata entre elementos sequenciais" e é o mesmo que css/reveal.css usa hoje pro --reveal-i em todo o resto do site,mantendo a cadência da cascata igual entre o hero bespoke e o reveal genérico das outras seções (Contexto,Solução) e do site inteiro. */ .js .houston-hero__icon{transform:scale(.55) translateY(.5rem);transition:opacity var(--mtds-motion-transition-emphasis) var(--mtds-motion-curve-enter),transform var(--mtds-motion-transition-emphasis) var(--mtds-motion-curve-emphasized);transition-delay:calc(var(--reveal-i, 0) * var(--mtds-motion-transition-stagger))}.js [data-animate].is-inview .houston-hero__icon{transform:scale(1) translateY(0)}.js .houston-hero__mascot{transform:scale(.92);transition:opacity var(--mtds-motion-transition-cinematic) var(--mtds-motion-curve-emphasized),transform var(--mtds-motion-transition-cinematic) var(--mtds-motion-curve-emphasized);transition-delay:var(--mtds-motion-transition-standard)}.js [data-animate].is-inview .houston-hero__mascot{transform:scale(1)}@media(prefers-reduced-motion:reduce){.js .houston-hero__mascot,.js .houston-hero__icon,.houston-library__icon,.houston-library__icon:hover{transform:none;transition:none}}@media(max-width:47.9375rem){.block-hero--interna .block-hero__media{order:-1}}.recorte-img{display:block;width:100%;height:auto;border-radius:var(--mtds-dimensions-border-radius-2)}.recorte-ctx__media,.recorte-ctx__body{grid-row:1}.recorte-ctx__media{margin:0;grid-column:1 / span 5;padding-right:var(--mtds-dimensions-spacing-32)}.recorte-ctx__body{grid-column:6 / span 7;display:flex;flex-direction:column;gap:var(--mtds-dimensions-spacing-8)}.recorte-ctx__paragraph{margin:0;color:var(--mtds-color-text-secondary)}.recorte-sol{row-gap:var(--mtds-dimensions-spacing-32);align-items:start}.recorte-sol__title{grid-column:9 / span 4;grid-row:1}.recorte-sol__text{grid-column:9 / span 4;grid-row:2}.recorte-sol__closing{grid-column:5 / span 3;grid-row:5;padding-right:var(--mtds-dimensions-spacing-32)}.recorte-sol__media{margin:0}.recorte-sol__media--mockups{grid-column:1 / span 8;grid-row:2;padding-right:var(--mtds-dimensions-spacing-32)}.recorte-sol__media--notion{grid-column:5 / span 5;grid-row:3}.recorte-sol__media--grid{grid-column:2 / span 11;grid-row:4}.recorte-sol__media--compare{grid-column:8 / span 5;grid-row:5}.recorte-sol__library{grid-column:1 / -1;grid-row:6}.houston-library{display:grid;grid-template-columns:repeat(18,1fr);gap:var(--mtds-dimensions-spacing-32);align-items:center;padding:var(--mtds-dimensions-spacing-32);border-radius:var(--mtds-dimensions-border-radius-2);background-color:var(--mtds-color-background-raised);border:var(--mtds-dimensions-border-width-1) solid var(--mtds-color-border-secondary)}.houston-library__icon{display:block;width:100%;height:auto;transition:transform var(--mtds-motion-transition-micro) var(--mtds-motion-curve-default)}.houston-library__icon:hover{transform:scale(1.1)}.js .recorte-sol__library[data-animate-item]{--reveal-shift: 0}.recorte-sol__paragraph{margin:0;color:var(--mtds-color-text-secondary)}@media(min-width:48rem)and (max-width:63.9375rem){.recorte-ctx__media{grid-column:1 / span 3;padding-right:var(--mtds-grid-gutter-tablet)}.recorte-ctx__body{grid-column:4 / span 5}.recorte-sol__title,.recorte-sol__text{grid-column:5 / span 4}.recorte-sol__media--mockups{grid-column:1 / span 4;padding-right:var(--mtds-grid-gutter-tablet)}.recorte-sol__media--notion{grid-column:2 / span 6}.recorte-sol__media--grid{grid-column:1 / span 8}.recorte-sol__media--compare{grid-column:5 / span 4}.recorte-sol__closing{grid-column:1 / span 4;grid-row:5;padding-right:var(--mtds-grid-gutter-tablet)}}@media(max-width:47.9375rem){.recorte-ctx .recorte-ctx__media,.recorte-ctx .recorte-ctx__body,.recorte-sol .recorte-sol__title,.recorte-sol .recorte-sol__text,.recorte-sol .recorte-sol__closing,.recorte-sol .recorte-sol__media,.recorte-sol .recorte-sol__library{grid-column:1 / -1;grid-row:auto;padding-right:0}.houston-library{grid-template-columns:repeat(auto-fill,minmax(var(--mtds-dimensions-size-48),1fr));padding:var(--mtds-dimensions-spacing-16)}}