.hero.flow-hero{isolation:isolate;background:var(--paper);grid-template-columns:minmax(0,1fr);justify-content:stretch;place-items:center;height:100svh;min-height:690px;max-height:1000px;padding:105px clamp(24px,4vw,64px) 54px;display:grid}.flow-network,.flow-tech{z-index:-1;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}.flow-composition{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,52px);width:100%;max-width:1500px;margin:auto;display:grid}.flow-source:before{content:none}.flow-source{min-width:0;height:clamp(470px,64svh,720px);position:relative}.flow-hero .hero-art{-webkit-mask-composite:source-in;width:min(55vw,800px);top:50%;left:43%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 82%,#0000 100%),linear-gradient(#0000 0%,#000 12% 67%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 82%,#0000 100%),linear-gradient(#0000 0%,#000 12% 67%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.flow-hero .hero-caption{text-align:left;width:100%;min-width:0;padding:0 0 0 2%}.flow-eyebrow{color:var(--muted);letter-spacing:.01em;margin-bottom:26px;font-size:14px}.flow-hero .hero-caption h1{letter-spacing:-.065em;max-width:none;margin:0;font-size:clamp(56px,5.75vw,92px);font-weight:550;line-height:1.02}.flow-service{color:#42574a;white-space:nowrap;align-items:center;gap:12px;width:fit-content;min-height:46px;margin:30px 0 27px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(21px,2vw,30px);line-height:1.6;display:flex}.flow-service>span:nth-child(2){width:15.5ch;display:inline-block}.flow-bracket{opacity:.45;font-size:1.33em;font-weight:300}.flow-close{margin-left:0}.flow-caret{background:#54715c;width:1px;height:1.1em;margin-left:-8px;animation:1s step-end infinite flow-blink}.flow-hero .hero-role{letter-spacing:-.02em;max-width:28rem;margin:0 0 30px;font-size:clamp(17px,1.35vw,20px);line-height:1.65}.flow-motion-toggle{z-index:2;background:#f7f7f5b8;bottom:22px;left:clamp(24px,4vw,64px);right:auto}.flow-is-paused .flow-caret{animation-play-state:paused}@keyframes flow-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width:1000px) and (min-width:701px){.hero.flow-hero{min-height:650px}.flow-hero .hero-caption h1{font-size:clamp(44px,5.6vw,60px)}.flow-hero .hero-art{width:55vw}.flow-hero .hero-role{font-size:17px}.flow-service{gap:8px;font-size:clamp(17px,2.1vw,21px)}}@media (max-width:700px){.hero.flow-hero{height:auto;min-height:100svh;max-height:none;padding:100px 24px 62px}.flow-composition{grid-template-columns:1fr;gap:0}.flow-source{height:clamp(280px,78vw,420px)}.flow-hero .hero-art{width:min(100%,480px);top:50%;left:50%}.flow-hero .hero-caption{text-align:center;padding:0}.flow-eyebrow{margin-bottom:16px;font-size:13px}.flow-hero .hero-caption h1{font-size:clamp(47px,10.7vw,68px);line-height:1.02}.flow-service{gap:8px;margin:22px auto 20px;font-size:19px}.flow-hero .hero-role{max-width:none;margin:0 auto 24px;font-size:16px}.flow-motion-toggle{width:36px;height:36px;bottom:15px;left:24px}}@media (prefers-reduced-motion:reduce){.flow-caret{display:none}}@media (max-width:380px){.flow-service{gap:7px;font-size:17px}}.flow-motion-toggle:not(:focus-visible){clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;overflow:hidden}.flow-motion-toggle:focus-visible{clip-path:none;background:var(--paper);width:44px;height:44px}