@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600&display=swap');
:root{--bg:#09090a;--bg2:#0f1012;--surface:#151619;--surface2:#1c1d20;--white:#f1eee9;--silver:#c8c2bc;--muted:#9c9590;--dim:#686565;--line:rgba(255,255,255,.105);--line2:rgba(255,255,255,.055);--orange:#ff5a1d;--sun:#ffb26e;--grad:linear-gradient(110deg,#ff4c17,#ff7126 48%,#ffb46c);--ease:cubic-bezier(.18,.78,.18,1);--display:'Space Grotesk',sans-serif;--font:'DM Sans',Arial,sans-serif;--brand:#ff6826;--brandsoft:rgba(255,96,31,.12);--header:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.locked{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a,button,input,textarea,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--sun)}::selection{background:#ff6b22;color:#080808}img{max-width:100%;display:block}svg{display:block}p,h1,h2,h3,h4{margin-top:0}p{line-height:1.78}strong{font-weight:600}small{font-size:inherit}
#app{min-height:100vh}.page-shell{animation:pageEnter .8s var(--ease) both}.page-shell.brand-micro{--brand:#3d90ff;--brandsoft:rgba(61,144,255,.13)}.page-shell.brand-eng{--brand:#ff4925;--brandsoft:rgba(255,73,37,.13)}.page-shell.brand-services{--brand:#e99752;--brandsoft:rgba(233,151,82,.13)}.page-shell.brand-box{--brand:#d9bc61;--brandsoft:rgba(217,188,97,.12)}@keyframes pageEnter{from{opacity:0;filter:blur(6px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:none}}
.mono{font-family:var(--display)}.container{width:min(1340px,calc(100% - 112px));margin:0 auto}.container--narrow{width:min(1040px,calc(100% - 112px));margin:0 auto}.cap{font:500 10px/1.4 var(--display);text-transform:uppercase;letter-spacing:.24em;color:#ffb479;display:flex;align-items:center;gap:12px}.cap::before{content:'';width:24px;height:1px;background:currentColor}.cap.gray{color:#a6a4a4}.cap.noline::before{display:none}.ink-orange{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.section{padding:135px 0;position:relative}.section-tight{padding:95px 0}.display-xl{font:400 clamp(54px,7.3vw,116px)/.96 var(--display);letter-spacing:-.078em}.display-lg{font:400 clamp(42px,5.4vw,88px)/1.015 var(--display);letter-spacing:-.073em}.display-md{font:400 clamp(38px,4.3vw,67px)/1.06 var(--display);letter-spacing:-.067em}.display-sm{font:400 clamp(28px,3vw,46px)/1.15 var(--display);letter-spacing:-.055em}.body-large{font-size:17px;color:var(--silver);line-height:1.88}.body-medium{font-size:15px;color:var(--muted);line-height:1.88}.lined{border-top:1px solid var(--line)}.overline{color:#ffb07c;letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-family:var(--display)}.text-orange{color:#ff7233}.text-muted{color:var(--muted)}.subtle{font-size:12px;color:var(--muted)}
/* Site chrome */
.scroll-progress{position:fixed;top:0;left:0;z-index:140;width:var(--pct,0%);height:2px;background:var(--grad);pointer-events:none}.site-header{height:var(--header);display:flex;align-items:center;position:fixed;z-index:120;inset:0 0 auto;background:rgba(9,9,10,.63);backdrop-filter:blur(20px);border-bottom:1px solid var(--line2);transition:background .3s}.site-header.scrolled{background:rgba(8,8,9,.94);border-bottom-color:var(--line)}.header-inner{display:flex;align-items:center;gap:40px;justify-content:space-between}.mark{display:flex;gap:12px;align-items:center;flex-shrink:0}.mark-ico{width:37px;height:37px;display:grid;place-items:center;border:1px solid #dc814b;transform:skew(-7deg);font:400 17px var(--display);color:#ff9d62;letter-spacing:-.08em}.mark-type{line-height:.88;display:flex;flex-direction:column}.mark-type b{font:400 24px var(--display);letter-spacing:-.085em;color:#f6f3ef}.mark-type b span{color:#ff8244}.mark-type small{font:500 8px var(--display);letter-spacing:.38em;color:#b8afa7;margin-top:8px}.site-nav{display:flex;gap:32px;align-items:center;margin-left:auto}.site-nav a{font-size:12px;color:#beb9b3;transition:color .25s}.site-nav a:hover,.site-nav a.active{color:#fff}.header-actions{display:flex;align-items:center;gap:14px}.header-actions .header-cta{min-height:40px;font-size:11px;padding:0 18px}.menu-toggle{width:40px;height:40px;border:1px solid var(--line);background:none;display:none;flex-direction:column;justify-content:center;gap:5px;align-items:center}.menu-toggle span{width:17px;height:1px;background:#fff}.nav-overlay{position:fixed;inset:0;z-index:119;background:rgba(8,8,9,.97);padding-top:110px;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .45s,transform .55s var(--ease),visibility .45s}.nav-overlay.open{opacity:1;visibility:visible;transform:none}.nav-overlay .nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.nav-overlay .nav-link{display:block;font:400 clamp(36px,5.4vw,75px)/1.12 var(--display);letter-spacing:-.06em;padding:11px 0;border-bottom:1px solid var(--line);transition:color .22s,padding-left .35s}.nav-overlay .nav-link:hover{padding-left:12px;color:var(--orange)}.nav-side{padding-top:26px}.nav-side p{color:#c4bab2;font-size:16px;max-width:330px}.nav-close{position:absolute;right:5%;top:24px;width:42px;height:42px;border:1px solid var(--line);background:#161617;color:#fff;font-size:22px}.page-curtain{position:fixed;inset:0;z-index:130;pointer-events:none;transform:translateY(101%);background:linear-gradient(120deg,#d7471f,#ff8134 50%,#f3a55b);transition:transform .6s var(--ease)}.page-curtain.show{transform:translateY(0)}.page-curtain.hide{transform:translateY(-101%)}.cursor-glow{position:fixed;pointer-events:none;z-index:1;width:480px;height:480px;left:0;top:0;border-radius:50%;background:radial-gradient(circle,rgba(255,105,36,.055) 0%,transparent 67%);transform:translate3d(calc(var(--x,0px) - 240px),calc(var(--y,0px) - 240px),0);will-change:transform}.global-noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
/* Buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:56px;padding:0 23px;background:transparent;border:1px solid var(--line);font:500 12px var(--display);letter-spacing:.035em;white-space:nowrap;transition:background .25s,border-color .25s,color .25s,transform .25s;overflow:hidden}.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.4)}.btn svg{width:16px;height:16px;transition:transform .25s}.btn:hover svg{transform:translate(3px,-3px)}.btn-primary{color:#110d0a;background:var(--grad);border-color:transparent;font-weight:600}.btn-primary:hover{background:linear-gradient(110deg,#ff9252,#ffc286)}.btn-plain{background:#141415;border-color:rgba(255,255,255,.21);color:#fff}.btn-dot{display:inline-flex;align-items:center;gap:11px;color:#eee;font:500 12px var(--display);padding:11px 0;border:0;border-bottom:1px solid rgba(255,255,255,.4);background:transparent;transition:color .2s}.btn-dot:hover{color:#ff914d}.btn-dot::after{content:'↗';font-size:17px}.btn-round{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border:1px solid var(--line);border-radius:50%;color:#fff;background:transparent;font-size:23px;transition:.3s}.btn-round:hover{background:var(--orange);color:#100c09;border-color:var(--orange)}.btn-brand{background:var(--brand);color:#0b0b0b;border-color:var(--brand)}
/* Home hero */
.home-hero{min-height:100svh;min-height:840px;padding-top:var(--header);display:grid;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:#09090a}.home-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 53%,rgba(255,77,18,.10)),radial-gradient(circle at 83% 45%,rgba(255,83,24,.19),transparent 37%);z-index:-2}.home-hero .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:715px}.home-hero h1{max-width:840px;position:relative;z-index:2;margin:40px 0 26px}.hero-lead{font:300 18px/1.8 var(--font);max-width:475px;color:#c7c0ba;margin-bottom:36px}.hero-foot{display:flex;align-items:center;gap:35px;margin-top:69px;color:#aaa19a;text-transform:uppercase;font:500 10px var(--display);letter-spacing:.18em}.hero-foot::before{content:'';width:38px;height:1px;background:#bd7d58}.hero-photo-stage{align-self:stretch;position:relative;min-height:700px;display:flex;align-items:center;justify-content:center;margin-left:-80px}.stage-blob{position:absolute;left:18%;right:2%;top:18%;bottom:15%;border-radius:50%;border:1px solid rgba(255,129,46,.18);box-shadow:0 0 180px rgba(233,72,17,.10);transform:rotate(-15deg) scaleX(.86)}.stage-blob.two{inset:25% -6% 21% 22%;border-color:rgba(255,255,255,.07);transform:rotate(25deg) scaleX(1.18)}.stage-number{font:400 min(15vw,235px) var(--display);letter-spacing:-.10em;color:rgba(246,109,40,.11);position:absolute;z-index:0;right:-2%;top:28%}.stage-label{position:absolute;left:10%;top:22%;font:400 11px var(--display);color:#c7a38f;letter-spacing:.25em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-portrait{width:min(470px,75%);position:relative;z-index:1;align-self:center;display:flex;justify-content:center}.portrait-asset{width:100%;max-height:700px;object-fit:contain;filter:drop-shadow(0 25px 55px rgba(0,0,0,.65));mask-image:linear-gradient(to top,transparent,black 12%)}.portrait-backup{position:relative;aspect-ratio:.74;width:100%;background:linear-gradient(150deg,#1c1614,#0e0e0e 74%);border:1px solid rgba(255,136,69,.13);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.37)}.portrait-backup::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 52% 38%,rgba(255,112,42,.20),transparent 55%)}.portrait-backup b{font:400 clamp(90px,13vw,190px)/.8 var(--display);letter-spacing:-.15em;color:rgba(255,146,65,.08);position:absolute;top:35%}.portrait-backup .portrait-mini{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);height:96px;width:96px;object-fit:cover;object-position:50% 10%;border:4px solid rgba(255,255,255,.8);filter:grayscale(.13);box-shadow:0 10px 35px rgba(0,0,0,.40)}.portrait-backup strong{position:relative;padding:0 30px 35px;font:400 25px var(--display);letter-spacing:-.045em;text-align:center}.hero-stamp{position:absolute;right:0;bottom:17%;z-index:3;background:rgba(14,14,14,.80);backdrop-filter:blur(14px);border-top:1px solid #b75e32;padding:20px 18px 22px 24px;min-width:200px}.hero-stamp small{display:block;color:#ffad79;letter-spacing:.2em;font:500 9px var(--display);margin-bottom:8px}.hero-stamp strong{font:400 17px var(--display)}.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line2)}.hero-bottom-line .container{display:flex;justify-content:space-between;padding:24px 0;color:#938b84;font:500 10px var(--display);letter-spacing:.18em}
/* Home sections */
.editorial-band{background:#eeeae3;color:#111114;padding:103px 0 110px}.band-grid{display:grid;grid-template-columns:250px 1fr;gap:7vw}.band-grid .cap{color:#a54d23}.band-grid blockquote{font:400 clamp(32px,4.2vw,62px)/1.15 var(--display);letter-spacing:-.06em;margin:0}.band-grid strong{font-weight:500;color:#ef5a22}.band-aside{margin:30px 0 0;max-width:500px;font-size:14px;color:#67615b;line-height:1.8}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101011}.ticker-track{display:flex;width:max-content;gap:40px;align-items:center;animation:marquee 38s linear infinite;padding:26px 0}.ticker-track span{font:400 14px var(--display);color:#c3bcb5;letter-spacing:.12em;text-transform:uppercase}.ticker-track i{width:4px;height:4px;background:#ff8245;border-radius:50%}@keyframes marquee{to{transform:translateX(-50%)}}.intro-heading{display:grid;grid-template-columns:270px 1fr;gap:5vw;align-items:start;margin-bottom:72px}.intro-heading h2{max-width:850px;margin:0}.ecosystem-section{background:#0c0c0d;overflow:hidden}.ecosystem-shell{display:grid;grid-template-columns:300px 1fr;gap:4vw;align-items:start}.ecosystem-menu{position:sticky;top:130px;display:grid;gap:0}.ecosystem-choice{background:none;border:0;border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:20px;align-items:baseline;color:#8e8e91;text-align:left;transition:color .25s}.ecosystem-choice b{font:400 11px var(--display)}.ecosystem-choice span{font:400 20px var(--display);letter-spacing:-.035em}.ecosystem-choice.active{color:#fff}.ecosystem-choice.active b{color:var(--brand)}.ecosystem-showcase{border-top:1px solid var(--line);min-height:630px;position:relative;padding:65px 0 0}.ecosystem-showcase .ec-hero{position:relative;min-height:560px;overflow:hidden}.ec-watermark{font:400 clamp(90px,12.5vw,190px) var(--display);letter-spacing:-.10em;color:rgba(255,255,255,.03);position:absolute;right:0;top:5%;pointer-events:none;white-space:nowrap}.ec-logo{max-height:68px;max-width:240px;margin:6px 0 25px;object-fit:contain;object-position:left}.ec-logo-name{font:400 20px var(--display);color:#ddd;margin:12px 0 27px}.ec-showcase-title{font:400 clamp(45px,5.3vw,75px)/1.05 var(--display);letter-spacing:-.068em;margin-bottom:22px;max-width:760px;position:relative}.ec-showcase-sub{max-width:530px;color:#b8b2aa;font-size:16px;line-height:1.85}.ec-services{margin:30px 0 34px;display:flex;flex-wrap:wrap;gap:8px;max-width:650px}.ec-services span{padding:11px 13px;color:#d6d0cb;font-size:12px;border:1px solid var(--line);background:#141416}.ec-graphic{position:absolute;width:290px;height:290px;right:-35px;bottom:-40px;z-index:-1;opacity:.3;border:1px solid var(--brand);border-radius:50%;background:radial-gradient(circle, var(--brandsoft),transparent 70%);animation:slowRotate 21s linear infinite}@keyframes slowRotate{to{transform:rotate(360deg)}}.ec-graphic::before,.ec-graphic::after{content:'';position:absolute;border:1px solid var(--brand);border-radius:50%;inset:45px}.ec-graphic::after{inset:92px}.pager{display:flex;gap:9px;justify-content:flex-end;align-items:center;padding-top:18px}.pager small{margin-right:auto;color:#8e8984;font:400 11px var(--display);letter-spacing:.10em}.pager .btn-round{width:42px;height:42px;flex-basis:42px;font-size:21px}
.principles{background:#171718}.principles-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.principles-left{position:sticky;top:120px;align-self:start}.principles-left h2{margin-top:25px}.principles-right{border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:50px 1fr;border-bottom:1px solid var(--line);padding:32px 0;gap:22px}.principle i{font:400 11px var(--display);color:#f78d57;font-style:normal}.principle h3{font:400 28px var(--display);letter-spacing:-.045em;margin:0 0 14px}.principle p{color:#b8b0a8;margin:0;font-size:14px;line-height:1.9}.interlude{background:#050506;padding:100px 0;position:relative;overflow:hidden}.interlude::after{content:'DECIDIR';font:400 28vw var(--display);letter-spacing:-.12em;color:rgba(255,255,255,.025);position:absolute;top:20px;left:-2%;pointer-events:none}.interlude-grid{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:5vw;position:relative;z-index:1}.interlude h2{max-width:750px}.interlude p{max-width:450px;font-size:16px;color:#bcb5ad}.founder-strip{background:#eae5de;color:#141414;padding:115px 0}.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.founder-grid .cap{color:#a84821}.founder-grid h2{margin:26px 0 30px}.founder-grid p{color:#5a5550;max-width:490px;font-size:16px}.founder-visual{position:relative;min-height:480px;background:radial-gradient(ellipse at center,#e4b193,#b87956 65%,#b2684b);overflow:hidden;display:grid;place-items:center}.founder-visual::before{content:'2004';font:400 15vw var(--display);color:rgba(0,0,0,.08);letter-spacing:-.12em;position:absolute;right:1%;bottom:1%}.founder-visual .portrait-mini{width:115px;height:115px;object-fit:cover;object-position:50% 0%;border:5px solid rgba(255,255,255,.85);position:relative;z-index:2;box-shadow:0 26px 70px rgba(0,0,0,.23)}.founder-sign{position:absolute;bottom:26px;left:30px;color:#351a10;text-transform:uppercase;font:500 11px var(--display);letter-spacing:.23em}.cta-end{padding:140px 0;background:#0d0d0e}.cta-end-grid{display:grid;grid-template-columns:1fr 300px;gap:4vw;align-items:end}.cta-end h2{max-width:900px;margin:22px 0 0}.cta-end .cta-side{display:flex;flex-direction:column;gap:22px;align-items:flex-start}.cta-end .cta-side p{font-size:15px;color:#c9c0b7;margin:0}
/* Inner pages */
.inner-hero{padding:185px 0 96px;min-height:690px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 26%,var(--brandsoft),transparent 47%),#0a0a0b}.inner-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 50%,rgba(255,255,255,.02) 50% 50.08%,transparent 50.08%),linear-gradient(90deg,transparent 0 80%,rgba(255,255,255,.02) 80% 80.08%,transparent 80.08%);pointer-events:none}.inner-hero .container{position:relative;z-index:2}.inner-hero .hero-tag{display:flex;align-items:center;gap:18px;margin:35px 0 25px}.inner-hero .hero-tag img{max-width:185px;max-height:48px;object-fit:contain;object-position:left}.inner-hero h1{max-width:1150px;margin:28px 0 27px}.inner-hero h1 em{font-style:normal;color:var(--brand)}.inner-lead{font-size:18px;color:#c9c0b8;max-width:640px;line-height:1.86}.inner-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.inner-hero-serial{font:400 26vw/.75 var(--display);letter-spacing:-.11em;position:absolute;right:-2%;bottom:-17%;color:var(--brandsoft);pointer-events:none}.inner-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);padding:15px 0;color:#8c8784;font:400 10px var(--display);letter-spacing:.20em;text-transform:uppercase}.inner-bottom .container{display:flex;justify-content:space-between}
.facts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-bottom:1px solid var(--line);padding:36px 0}.facts-row div{border-left:1px solid #565353;padding-left:20px}.facts-row strong{font:400 22px var(--display);display:block;margin-bottom:9px}.facts-row p{margin:0;color:var(--muted);font-size:13px}.split-editorial{display:grid;grid-template-columns:.86fr 1.14fr;gap:9vw;align-items:start}.split-editorial h2{margin-top:25px}.side-copy{padding-top:54px}.side-copy p{color:#bdb6ae;font-size:16px;margin-bottom:27px}.count-strip{display:flex;gap:40px;margin-top:27px;padding-top:30px;border-top:1px solid var(--line)}.count-strip span{font:400 11px var(--display);letter-spacing:.16em;color:#999}.count-strip strong{font:400 23px var(--display);color:#fff;display:block;margin-bottom:8px;letter-spacing:-.04em}
/* Engineering interactive */
.engineering-hero .visual-slab{position:absolute;right:5%;top:10%;width:33vw;height:90%;pointer-events:none;opacity:.20;transform:skew(-15deg);background:repeating-linear-gradient(90deg,transparent 0 27px,rgba(255,92,36,.25) 28px 29px,transparent 30px 61px);clip-path:polygon(40% 0,85% 15%,100% 80%,30% 100%,0 30%)}.decision-stage{background:#111113;overflow:hidden}.decision-stage-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center}.decision-stage h2{margin:22px 0 30px}.decision-stage p{color:#b9b4ac;font-size:16px}.compare-widget{border:1px solid rgba(255,255,255,.12);height:440px;position:relative;overflow:hidden;isolation:isolate;user-select:none;touch-action:pan-y;background:#1e2427}.compare-left,.compare-right{position:absolute;inset:0;display:flex;align-items:flex-end;padding:28px}.compare-left{background:linear-gradient(152deg,#2b2928,#141518 70%);z-index:1}.compare-right{background:linear-gradient(150deg,#332019,#101013 75%);z-index:2;clip-path:inset(0 calc(100% - var(--compare,50%)) 0 0)}.compare-bp{position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 40px,rgba(255,255,255,.1) 41px),repeating-linear-gradient(90deg,transparent 0 40px,rgba(255,255,255,.1) 41px)}.compare-left .compare-bp{opacity:.10}.compare-graphic{position:absolute;top:12%;left:10%;right:10%;bottom:24%;display:grid;place-items:center}.compare-graphic svg{height:100%;max-width:100%;opacity:.75}.compare-left svg{filter:grayscale(.85)}.compare-right svg{filter:drop-shadow(0 0 24px rgba(255,91,23,.12))}.compare-widget strong{font:400 19px var(--display);position:relative}.compare-left strong{color:#e6e3df}.compare-right strong{color:#ffba8d}.compare-handle{position:absolute;z-index:5;top:0;bottom:0;left:var(--compare,50%);width:1px;background:#ffd0a8;cursor:ew-resize;touch-action:none}.compare-handle::before{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;background:#f6b486;color:#15100d;display:grid;place-items:center;font:500 22px var(--display);box-shadow:0 4px 22px #0006}.compare-caption{margin-top:13px;color:#86807a;font:400 11px var(--display);letter-spacing:.06em;text-align:center}.compare-range{width:100%;margin-top:16px;accent-color:var(--orange)}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:65px 1fr 90px;gap:18px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line);transition:background .25s}.service-item:hover{background:rgba(255,255,255,.025)}.service-item .n{color:#ffac80;font:400 11px var(--display)}.service-item h3{font:400 clamp(24px,2.7vw,38px)/1.15 var(--display);letter-spacing:-.05em;margin-bottom:10px}.service-item p{font-size:14px;color:#a9a19b;margin:0}.service-item .arr{text-align:right;font-size:28px;color:#b9b0a8}.process-section{background:#e8e5e0;color:#121212}.process-section .cap{color:#9c4b2b}.process-section .body-large{color:#544f4a}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid #b6aea6}.process-card{padding:32px 24px 16px 0;margin-right:24px;border-right:1px solid #c3beb8}.process-card:last-child{border:none;margin-right:0}.process-card span{font:400 45px var(--display);letter-spacing:-.1em;color:#ec612d}.process-card h3{font:400 21px var(--display);margin:35px 0 12px}.process-card p{font-size:13px;color:#67605b;line-height:1.8}.project-chooser{background:#101113;padding:110px 0}.chooser-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.chooser-layout h2{margin:20px 0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:28px 0 28px}.choice{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);padding:18px;text-align:left;color:#d6d0cb;background:#18191a;transition:background .2s,border .2s;font-size:13px}.choice[aria-pressed=true]{border-color:#ff7437;background:rgba(255,101,34,.12);color:#fff}.choice::after{content:'○';font-size:18px}.choice[aria-pressed=true]::after{content:'●';color:#ff9569}.recommend-output{background:#1a1a1c;border-left:2px solid #ff7336;padding:28px}.recommend-output small{color:#ffac74;font-size:10px;letter-spacing:.19em;text-transform:uppercase}.recommend-output h3{font:400 27px var(--display);margin:16px 0 12px}.recommend-output p{font-size:14px;color:#b9b0a8}.recommend-output .btn{margin-top:16px}
/* Bruno page */
.bruno-hero{min-height:740px}.bruno-quote{background:#e9e5df;color:#151312;padding:120px 0}.bruno-quote blockquote{margin:0;max-width:1100px;font:400 clamp(42px,5.4vw,86px)/1.12 var(--display);letter-spacing:-.07em}.bruno-quote blockquote em{font-style:normal;color:#e85624}.bruno-quote p{color:#74665e;margin-top:22px}.timeline{display:grid;grid-template-columns:300px 1fr;gap:8vw}.timeline-left{position:sticky;top:110px;align-self:start}.timeline-list{border-top:1px solid var(--line)}.timeline-entry{display:grid;grid-template-columns:110px 1fr;gap:26px;padding:38px 0;border-bottom:1px solid var(--line)}.timeline-entry .when{font:400 30px var(--display);color:#f78a48}.timeline-entry h3{font:400 29px var(--display);margin-bottom:12px}.timeline-entry p{color:#b4aca5;font-size:15px}.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.belief{padding:30px;background:#151516;border-top:1px solid #b1653b;min-height:260px}.belief small{display:block;color:#ffad79;font:400 11px var(--display);margin-bottom:30px}.belief h3{font:400 29px var(--display);letter-spacing:-.055em;margin:0 0 12px}.belief p{font-size:14px;color:#b8b0a7}
/* Micro page */
.segment-selector{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.segment-selector button{border:1px solid var(--line);background:#18191b;color:#d5ced0;padding:13px 19px;font-size:13px}.segment-selector button.active{background:#1a2944;color:#fff;border-color:#4b8cfa}.segment-display{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:44px;border:1px solid var(--line);background:radial-gradient(circle at 80% 15%,rgba(39,117,233,.14),transparent 44%),#12151c;min-height:365px}.segment-display h3{font:400 45px var(--display);margin-bottom:18px}.segment-display p{font-size:16px;color:#b5b8c1}.segment-points{display:grid;gap:12px}.segment-points span{border-bottom:1px solid var(--line);padding:15px 0;color:#e0e3ec;font-size:15px}
/* Other brands */
.value-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-tile{padding:32px;border:1px solid var(--line);background:#151516;min-height:310px}.value-tile .num{font:400 13px var(--display);color:var(--brand)}.value-tile h3{font:400 29px var(--display);margin:42px 0 16px;letter-spacing:-.05em}.value-tile p{font-size:14px;color:#afa7a0}.big-statement{padding:130px 0;background:#e7e3db;color:#101011}.big-statement .cap{color:#ac542a}.big-statement h2{max-width:1000px;margin:26px 0 0}.big-statement h2 span{color:#ed5f2a}.question-list{border-top:1px solid var(--line)}.question{border-bottom:1px solid var(--line)}.question button{display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;width:100%;padding:24px 0;border:0;background:transparent;color:#fff;font:400 20px var(--display)}.question button span:last-child{font-size:25px;color:var(--brand)}.answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);color:#b8afa8;font-size:14px}.question.open .answer{max-height:240px}.answer p{padding:0 0 25px;margin:0}
/* Contact */
.contact-hero{min-height:570px}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw}.contact-channels{display:grid;gap:12px}.contact-channel{padding:25px;border:1px solid var(--line);background:#171718;display:flex;gap:25px;justify-content:space-between;align-items:center;transition:background .25s}.contact-channel:hover{background:#201b19}.contact-channel small{display:block;font:400 10px var(--display);color:#fe9a63;letter-spacing:.18em;margin-bottom:10px}.contact-channel strong{font:400 20px var(--display);line-height:1.3}.contact-channel i{font-size:24px;font-style:normal}.contact-select{margin:30px 0 0;padding:25px;border:1px solid var(--line);background:#141415}.contact-select label{display:block;color:#bbb;font-size:12px;margin-bottom:12px}.contact-select select{width:100%;min-height:48px;padding:0 13px;background:#222225;color:#fff;border:1px solid var(--line);border-radius:0}.contact-select .btn{width:100%;margin-top:15px;justify-content:center}.contact-map{background:linear-gradient(135deg,#1b1a19,#0e0e0e);border:1px solid var(--line);min-height:320px;position:relative;overflow:hidden;display:grid;place-items:center}.contact-map::before{content:'';inset:-80px;position:absolute;background:repeating-linear-gradient(34deg,transparent 0 30px,rgba(255,255,255,.05) 31px, transparent 33px 68px),repeating-linear-gradient(133deg,transparent 0 35px,rgba(255,255,255,.05) 36px, transparent 39px 69px);transform:scale(1.2)}.contact-map>div{position:relative;z-index:1;text-align:center;background:rgba(13,13,13,.88);padding:25px 36px;border:1px solid rgba(255,255,255,.17)}.contact-map strong{font:400 26px var(--display)}.contact-map p{margin:8px 0 15px;color:#aea8a1;font-size:13px}.contact-map a{color:#ff9964;font-size:12px}
/* Footer */
.site-footer{background:#080809;border-top:1px solid var(--line);padding:72px 0 35px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:6vw}.footer-vision{margin-top:30px;max-width:400px;font:300 23px/1.4 var(--display);letter-spacing:-.045em;color:#d2cac4}.footer-col h4{margin:0 0 21px;color:#ff9c65;font:500 10px var(--display);letter-spacing:.19em;text-transform:uppercase}.footer-col a{display:block;color:#a9a19a;padding:7px 0;font-size:13px;transition:color .2s}.footer-col a:hover{color:white}.footer-bottom{margin-top:70px;padding-top:21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#797571;font:400 10px var(--display);letter-spacing:.10em}.footer-bottom a:hover{color:#fff}
/* reveal, microinteraction */
[data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform .9s var(--ease)}[data-reveal].visible{opacity:1;transform:none}[data-reveal=wipe]{clip-path:inset(0 0 95% 0);opacity:1;transform:none;transition:clip-path 1.05s var(--ease)}[data-reveal=wipe].visible{clip-path:inset(0 0 0 0)}.shimmer{position:relative;overflow:hidden}.shimmer::after{content:'';position:absolute;width:22%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skewX(-24deg);top:-50%;left:-50%;transition:left .75s var(--ease);pointer-events:none}.shimmer:hover::after{left:130%}.marquee-pause:hover .ticker-track{animation-play-state:paused}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:11px;color:#89837e}.scroll-cue span{width:1px;height:48px;background:linear-gradient(#ff7131,transparent);animation:pulseLine 2.5s infinite}@keyframes pulseLine{50%{opacity:.2}}.reveal-rule{height:1px;width:100%;background:var(--line);position:relative;overflow:hidden}.reveal-rule::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:var(--orange);animation:growline 2s 1s var(--ease) both}@keyframes growline{to{transform:translateX(100%)}}.highlight-line{height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent);width:100%}
/* responsive */
@media(max-width:1170px){.container{width:min(100% - 72px,1340px)}.container--narrow{width:min(100% - 72px,1040px)}.site-nav{gap:18px}.home-hero .hero-grid{grid-template-columns:1.02fr .98fr}.hero-photo-stage{margin-left:-50px}.ecosystem-shell{grid-template-columns:245px 1fr}.ecosystem-choice span{font-size:17px}.display-xl{font-size:clamp(55px,7vw,95px)}}
@media(max-width:950px){:root{--header:68px}.site-nav,.header-actions .header-cta{display:none}.menu-toggle{display:flex}.container{width:min(100% - 48px,1340px)}.container--narrow{width:min(100% - 48px,1040px)}.section{padding:100px 0}.home-hero{min-height:auto;padding-bottom:50px}.home-hero .hero-grid{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:stretch;min-height:auto}.home-hero .hero-copy{padding-top:110px}.home-hero h1{max-width:720px}.hero-photo-stage{margin-left:0;min-height:520px;max-height:590px}.hero-portrait{width:70%;max-width:460px}.stage-number{font-size:26vw}.hero-stamp{bottom:8%}.hero-foot{margin-top:30px}.band-grid{grid-template-columns:1fr;gap:24px}.intro-heading{grid-template-columns:1fr;gap:27px;margin-bottom:44px}.ecosystem-shell{grid-template-columns:1fr;gap:24px}.ecosystem-menu{position:static;display:flex;overflow-x:auto;gap:18px;scrollbar-width:none}.ecosystem-choice{flex:0 0 auto;min-width:180px}.ecosystem-showcase{padding-top:40px}.ec-showcase-title{max-width:740px}.principles-layout,.timeline,.split-editorial,.decision-stage-grid,.chooser-layout,.contact-grid{grid-template-columns:1fr;gap:40px}.principles-left,.timeline-left{position:static}.principles-left h2{max-width:600px}.principles-right{margin-top:20px}.interlude-grid{grid-template-columns:1fr;gap:20px}.founder-grid{grid-template-columns:1fr 1fr;gap:35px}.cta-end-grid{grid-template-columns:1fr;gap:35px}.process-grid{grid-template-columns:repeat(2,1fr);gap:15px}.process-card{border-bottom:1px solid #c3beb8}.inner-hero{min-height:620px;padding-top:145px}.inner-hero h1{max-width:800px}.belief-grid{grid-template-columns:1fr}.value-stack{grid-template-columns:1fr 1fr}.segment-display{grid-template-columns:1fr;gap:22px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:600px){.container,.container--narrow{width:calc(100% - 38px)}.section{padding:76px 0}.section-tight{padding:70px 0}.cap{font-size:9px;letter-spacing:.20em}.display-xl{font-size:clamp(46px,13.4vw,69px);letter-spacing:-.075em;line-height:.99}.display-lg{font-size:clamp(40px,10.5vw,58px)}.display-md{font-size:clamp(35px,9.4vw,49px)}.display-sm{font-size:clamp(28px,7.5vw,36px)}.body-large{font-size:15px}.mark-type b{font-size:22px}.mark-ico{width:35px;height:35px}.home-hero .hero-copy{padding-top:75px}.home-hero h1{margin:28px 0 24px}.hero-lead{font-size:15px}.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}.hero-actions .btn{justify-content:space-between;width:100%;min-height:52px}.hero-photo-stage{min-height:410px;max-height:500px;margin-top:20px}.hero-portrait{width:80%;max-width:350px}.hero-stamp{min-width:150px;right:0;bottom:7%;padding:13px}.hero-stamp strong{font-size:13px}.hero-foot{font-size:9px;letter-spacing:.1em;gap:13px}.hero-foot::before{width:20px}.stage-label{left:2%;top:23%}.hero-bottom-line .container{font-size:8px;letter-spacing:.07em}.editorial-band{padding:80px 0}.band-grid blockquote{font-size:35px}.ecosystem-choice{min-width:148px}.ecosystem-choice span{font-size:15px}.ecosystem-showcase{min-height:auto;padding-bottom:15px}.ecosystem-showcase .ec-hero{min-height:575px}.ec-showcase-title{font-size:42px}.ec-showcase-sub{font-size:14px}.ec-services{gap:6px}.ec-services span{font-size:11px;padding:9px}.ec-graphic{width:220px;height:220px;right:-80px}.principle{gap:9px;grid-template-columns:28px 1fr}.principle h3{font-size:25px}.interlude{padding:80px 0}.founder-strip{padding:78px 0}.founder-grid{grid-template-columns:1fr}.founder-visual{min-height:360px;order:-1}.founder-visual .portrait-mini{width:105px;height:105px}.cta-end{padding:85px 0}.cta-end-grid{gap:25px}.cta-end .cta-side .btn{width:100%}.inner-hero{padding:125px 0 82px;min-height:560px}.inner-hero h1{font-size:clamp(41px,11vw,57px)}.inner-lead{font-size:15px}.inner-hero-actions{flex-direction:column}.inner-hero-actions .btn{width:100%}.inner-bottom .container{font-size:9px;letter-spacing:.06em}.facts-row{grid-template-columns:1fr;gap:26px}.side-copy{padding-top:0}.compare-widget{height:360px}.process-grid{grid-template-columns:1fr}.process-card{margin-right:0;border-right:0;padding:22px 0}.project-chooser{padding:85px 0}.choice-grid{grid-template-columns:1fr 1fr}.choice{font-size:12px;padding:13px}.bruno-quote{padding:90px 0}.bruno-quote blockquote{font-size:42px}.timeline-entry{grid-template-columns:73px 1fr;gap:10px;padding:27px 0}.timeline-entry .when{font-size:22px}.timeline-entry h3{font-size:24px}.belief{min-height:200px}.value-stack{grid-template-columns:1fr}.value-tile{min-height:230px}.segment-display{padding:25px}.segment-display h3{font-size:34px}.site-footer{padding-top:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px;margin-top:48px}.nav-overlay .nav-grid{grid-template-columns:1fr;gap:28px}.nav-overlay{padding-top:80px;overflow-y:auto}.nav-overlay .nav-link{font-size:clamp(34px,10vw,58px)}.nav-overlay .nav-side{padding-top:0}.nav-overlay .nav-side p{display:none}.contact-channel strong{font-size:17px}.contact-grid{gap:35px}}
@media(max-width:380px){.display-xl{font-size:45px}.hero-photo-stage{min-height:365px}.hero-portrait{width:82%}.inner-hero h1{font-size:39px}.ec-showcase-title{font-size:39px}.choice-grid{grid-template-columns:1fr}}
@media(hover:none){.cursor-glow{display:none}.btn:hover{transform:none}.ticker-track{animation-duration:55s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}.page-shell{animation:none}.cursor-glow{display:none}}

.home-ident{display:flex;align-items:center;gap:16px}.home-ident img{width:56px;height:56px;object-fit:cover;object-position:50% 6%;background:#e4e1dc;border:2px solid #d97c45}.home-ident .cap{line-height:1.85;font-size:10px}@media(max-width:600px){.home-ident img{width:48px;height:48px}.home-ident .cap{font-size:9px}}

/* Artwork editorial original para o hero quando não há retrato de alta resolução disponível. */
.blueprint-canvas{background:linear-gradient(135deg,#23140e,#120f0e 50%,#0d0b0c);border-color:rgba(255,130,73,.18)}
.blueprint-canvas::before{background:radial-gradient(circle at 55% 46%,rgba(255,102,40,.23),transparent 52%)}
.blueprint-art{position:absolute;inset:-12%;width:124%;height:113%;opacity:.53;mix-blend-mode:screen;transform:rotate(-8deg) scale(1.04);animation:blueprintDrift 15s ease-in-out infinite alternate}
.blueprint-coordinate{position:absolute;z-index:3;font:400 10px var(--display);color:rgba(255,177,117,.66);letter-spacing:.21em}
.blueprint-coordinate.c1{top:25px;left:23px}.blueprint-coordinate.c2{right:20px;top:29px}
.blueprint-caption{position:absolute;inset:auto 0 0;z-index:5;padding:63px 26px 31px;background:linear-gradient(transparent,rgba(13,12,12,.93) 70%);text-align:left}
.blueprint-caption small{display:block;font:500 9px var(--display);letter-spacing:.19em;color:#f5a072;margin-bottom:13px}
.blueprint-caption strong{font:400 38px/1.04 var(--display);letter-spacing:-.068em;color:#f2eee8}
@keyframes blueprintDrift{to{transform:rotate(-3deg) translate(-3%,2%) scale(1.08)}}
@media(max-width:600px){.blueprint-caption strong{font-size:30px}.blueprint-caption{padding:50px 20px 25px}}
/* Intrinsic size protection at narrow screens. */
.chooser-layout>*{min-width:0}.recommend-output .btn{white-space:normal;overflow-wrap:anywhere;text-align:left;min-width:0}.recommend-output{min-width:0}
@media(max-width:600px){.chooser-layout{grid-template-columns:minmax(0,1fr)}.choice-grid{width:100%;min-width:0}.recommend-output .btn{width:100%;gap:12px}.project-chooser{overflow:hidden}}
.contact-grid>*{min-width:0}.contact-channel>*{min-width:0}.contact-channel strong{overflow-wrap:anywhere;word-break:break-word}.contact-select{min-width:0}.contact-select select{min-width:0;max-width:100%}.contact-select .btn{white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.contact-grid{grid-template-columns:minmax(0,1fr)}.contact-channel{gap:9px;padding:19px 16px}.contact-channel strong{font-size:15px}.contact-select{padding:18px}}


/* BR4H Motion Atelier — 3D architectural stage and interactive design system. */
:root{--m-accent:#ff671f;--m-soft:rgba(255,103,31,.18);--m-progress:0}
html.motion-ready{scroll-behavior:smooth}
.motion-stage{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;isolation:isolate}
.motion-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:.97;filter:drop-shadow(0 0 23px rgba(255,101,31,.1));pointer-events:none}
.home-hero .hero-photo-stage{perspective:1100px;isolation:isolate}
.home-hero .motion-stage{z-index:3;inset:7% -3% 3% 0}
.home-hero .hero-photo-stage .stage-blob{opacity:.25}
.home-hero .hero-photo-stage .hero-portrait{z-index:2;opacity:.52;filter:saturate(.72);transition:opacity .5s ease}
.home-hero .hero-photo-stage:hover .hero-portrait{opacity:.37}
.home-hero .stage-label,.home-hero .stage-number,.home-hero .hero-stamp{z-index:4}
.motion-stage:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,11,.2),transparent 30%,transparent 65%,rgba(10,10,11,.10)),linear-gradient(0deg,rgba(10,10,11,.35),transparent 28%)}
.motion-stage-caption{position:absolute;z-index:5;bottom:12%;right:9%;font:500 10px/1.6 var(--display);letter-spacing:.18em;color:rgba(255,179,110,.86);text-transform:uppercase;pointer-events:none;display:flex;align-items:center;gap:9px}
.motion-stage-caption i{display:block;width:7px;height:7px;border:1px solid #ff7b2a;transform:rotate(45deg);animation:motionPulse 2.6s ease-in-out infinite}
@keyframes motionPulse{0%,100%{opacity:.4;transform:rotate(45deg) scale(.8)}50%{opacity:1;transform:rotate(135deg) scale(1.2)}}
.inner-hero{isolation:isolate}
.inner-hero>.container{position:relative;z-index:5}
.inner-hero .motion-stage{left:auto;right:-5%;width:min(66%,850px);z-index:1;mix-blend-mode:screen;opacity:.77}
.inner-hero .inner-hero-serial{z-index:0;opacity:.45}
.inner-hero .motion-stage:after{background:linear-gradient(90deg,#0a0a0b 0%,transparent 44%),linear-gradient(0deg,#0a0a0b 0%,transparent 17%)}
.page-shell.brand-micro .motion-stage canvas{filter:drop-shadow(0 0 35px rgba(62,143,255,.07))}
.page-shell.brand-box .motion-stage canvas{filter:drop-shadow(0 0 28px rgba(218,190,92,.08))}
.motion-scanline{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.018) 51%,transparent 53%);background-size:100% 85px;opacity:.28;mix-blend-mode:screen;animation:motionScan 14s linear infinite}
@keyframes motionScan{to{background-position:0 420px}}
.motion-orientation{position:absolute;left:4%;bottom:11%;z-index:4;font:500 9px/1.45 var(--display);color:rgba(255,255,255,.47);letter-spacing:.18em;writing-mode:vertical-rl;transform:rotate(180deg);pointer-events:none}
.motion-reticle{position:absolute;width:28px;height:28px;z-index:3;right:12%;top:17%;opacity:.35;transform:translate(-50%,-50%);border:1px solid rgba(255,162,95,.7);border-radius:50%;pointer-events:none}
.motion-reticle::before,.motion-reticle::after{content:'';position:absolute;background:rgba(255,162,95,.8)}
.motion-reticle::before{width:1px;height:44px;left:50%;top:-8px}
.motion-reticle::after{width:44px;height:1px;left:-8px;top:50%}
/* Finer kinetic titles: individual words emerge with a traveling optical mask. */
.motion-split .motion-word{display:inline-block;overflow:hidden;vertical-align:baseline;padding:0 .035em .055em 0;margin:0 -.035em -.055em 0}
.motion-split .motion-word-inner{display:inline-block;transform:translate3d(0,112%,0) rotateX(-12deg);filter:blur(6px);opacity:0;transition:transform 1.05s cubic-bezier(.18,.78,.14,1),filter 1.05s ease,opacity .9s ease;transition-delay:calc(min(var(--word-index),18)*43ms)}
.motion-split.motion-words-revealed .motion-word-inner{transform:translate3d(0,0,0) rotateX(0);filter:blur(0);opacity:1}
.motion-split{perspective:1000px}
/* Scroll-linked editorial sections: fine line, depth and asymmetric choreography. */
.motion-structural-line{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,120,40,.52),rgba(255,255,255,.08),transparent);transform:scaleX(.04);transform-origin:left center;opacity:.18;transition:transform 1.3s cubic-bezier(.2,.7,.1,1),opacity 1s ease;pointer-events:none}
.motion-section-in-view>.motion-structural-line{transform:scaleX(1);opacity:.7}
.motion-orbital-dot{position:absolute;left:calc(10% + var(--orbit-x,0px));top:var(--orbit-y,40%);width:4px;height:4px;border-radius:50%;background:#ff8b44;box-shadow:0 0 13px #ff6220,0 0 40px rgba(255,122,29,.5);opacity:.3;transition:opacity 1s}
.motion-section-in-view .motion-orbital-dot{opacity:1}
/* Design motion in actions, no fake affordances. */
a.btn,button.btn,.btn-round{position:relative;isolation:isolate;overflow:hidden;transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0);will-change:transform}
a.btn::before,button.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 28%,rgba(255,255,255,.31) 48%,transparent 67%);transform:translateX(-160%);transition:transform .8s cubic-bezier(.2,.7,.1,1);pointer-events:none}
a.btn:hover::before,button.btn:hover::before{transform:translateX(145%)}
a.btn svg{transition:transform .45s cubic-bezier(.2,.8,.1,1)}
a.btn:hover svg{transform:translate3d(3px,-3px,0)}
.motion-ripple{position:absolute;z-index:0;border-radius:50%;width:14px;height:14px;background:rgba(255,255,255,.22);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:motionRipple .7s ease-out forwards}
@keyframes motionRipple{to{opacity:0;transform:translate(-50%,-50%) scale(40)}}
/* Depth-reactive editorial cards. */
.motion-tilt{--rx:0deg;--ry:0deg;--tz:0px;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz));transition:transform .35s cubic-bezier(.19,.74,.18,1),border-color .4s ease,box-shadow .4s ease;transform-style:preserve-3d;will-change:transform}
.motion-tilt::after{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),rgba(255,143,67,.105),transparent 55%);opacity:var(--shine-op,0);transition:opacity .45s ease;border-radius:inherit;z-index:0}
.motion-tilt:hover{--tz:9px;box-shadow:0 26px 70px rgba(0,0,0,.3),0 0 0 1px rgba(255,125,45,.08)}
.motion-tilt>*{position:relative;z-index:1}
/* Graphics get a volumetric, rotational accent on hover and on tab changes. */
.ecosystem-showcase{perspective:1000px;transform-style:preserve-3d}
.ec-hero{transform-style:preserve-3d;animation:motionEcoEnter .8s cubic-bezier(.16,.8,.16,1) both}
.ec-graphic{animation:motionGimbal 17s linear infinite!important;box-shadow:0 0 80px var(--brandsoft),inset 0 0 50px rgba(255,100,25,.08);transform-style:preserve-3d}
.ec-graphic:before{animation:motionGimbalReverse 12s linear infinite}
.ec-graphic:after{animation:motionGimbal 9s linear infinite reverse}
@keyframes motionEcoEnter{from{opacity:.25;filter:blur(10px);transform:rotateX(-9deg) translate3d(20px,42px,-90px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes motionGimbal{from{transform:rotateX(66deg) rotateY(15deg) rotateZ(0deg)}to{transform:rotateX(66deg) rotateY(15deg) rotateZ(360deg)}}
@keyframes motionGimbalReverse{from{transform:rotateY(65deg) rotateZ(0)}to{transform:rotateY(65deg) rotateZ(-360deg)}}
.ec-services>span{animation:motionChipIn .65s cubic-bezier(.19,.8,.18,1) both}
.ec-services>span:nth-child(2){animation-delay:.07s}.ec-services>span:nth-child(3){animation-delay:.14s}.ec-services>span:nth-child(4){animation-delay:.21s}
@keyframes motionChipIn{from{opacity:0;transform:translateY(14px) rotateX(-18deg)}to{opacity:1;transform:none}}
/* Page transition is a physical editorial shutter rather than a generic overlay. */
.page-curtain{background:linear-gradient(128deg,#101012 2%,#e44d17 40%,#ff8947 53%,#171112 98%);box-shadow:0 -18px 70px rgba(247,83,23,.18);border-top:1px solid rgba(255,208,169,.6)}
.page-curtain::before{content:'BR4H';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:400 clamp(74px,17vw,250px)/1 var(--display);letter-spacing:-.11em;color:rgba(255,255,255,.14);pointer-events:none}
.page-curtain::after{content:'UMA VISÃO · QUATRO OPERAÇÕES';position:absolute;bottom:10%;right:6%;font:500 10px var(--display);letter-spacing:.25em;color:rgba(255,255,255,.7)}
.page-curtain.show{animation:motionShutterShock .6s both}
@keyframes motionShutterShock{0%{filter:brightness(.8) saturate(.5)}60%{filter:brightness(1.15)}100%{filter:none}}
/* Scroll narrative marker. */
.motion-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:105;display:flex;flex-direction:column;align-items:center;gap:11px;pointer-events:none;opacity:.68}
.motion-rail::before{content:'';position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.16),transparent)}
.motion-rail .motion-rail-dot{width:4px;height:4px;border:1px solid rgba(255,255,255,.65);background:#0b0b0b;border-radius:50%;position:relative;z-index:1;transition:transform .4s,background .4s,box-shadow .4s}
.motion-rail .motion-rail-dot.is-active{background:var(--m-accent);border-color:var(--m-accent);transform:scale(2);box-shadow:0 0 14px var(--m-accent)}
.motion-rail-label{font:500 9px/1 var(--display);letter-spacing:.19em;writing-mode:vertical-rl;color:rgba(255,163,100,.84);margin-top:8px}
/* Additional scroll effects for images and depth panels. */
.motion-float{animation:motionFloat 7s ease-in-out infinite;will-change:transform}
@keyframes motionFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
.home-hero .hero-stamp{animation:motionFloat 8s ease-in-out infinite;animation-delay:-3s}
.hero-photo-stage .stage-number{animation:motionBreathe 11s ease-in-out infinite}
@keyframes motionBreathe{0%,100%{opacity:.13;letter-spacing:-.09em}50%{opacity:.22;letter-spacing:-.06em}}
.motion-ready .founder-strip,.motion-ready .editorial-band{background-image:radial-gradient(circle at calc(40% + var(--section-shift,0px)) 65%,rgba(255,119,48,.07),transparent 50%)}
/* Reduced motion and compact devices. */
@media(max-width:1000px){
 .motion-rail{display:none}
 .inner-hero .motion-stage{opacity:.43;width:83%;right:-16%}
 .motion-stage-caption{font-size:9px;right:5%}
 .home-hero .hero-photo-stage .hero-portrait{opacity:.64}
}
@media(max-width:700px){
 .inner-hero .motion-stage{width:100%;right:-26%;opacity:.3}
 .home-hero .motion-stage{inset:1% -8% 5% -8%;opacity:.82}
 .motion-stage-caption{bottom:6%;font-size:8px}
 .home-hero .hero-photo-stage .hero-portrait{opacity:.65}
 .motion-stage .motion-orientation,.motion-stage .motion-reticle{display:none}
 .motion-tilt{will-change:auto}
 .motion-split .motion-word-inner{transition-duration:.8s;transition-delay:calc(min(var(--word-index),12)*34ms)}
 .motion-ready .hero-stamp{animation-duration:10s}
}
@media(prefers-reduced-motion:reduce){
 .motion-stage{display:none!important}
 .motion-split .motion-word-inner{transform:none!important;filter:none!important;opacity:1!important;transition:none!important}
 .motion-tilt{transform:none!important;transition:none!important}
 .motion-structural-line{opacity:.7;transform:none}
 .ec-hero,.ec-graphic,.ec-graphic:before,.ec-graphic:after,.ec-services>span,.hero-stamp,.motion-orientation{animation:none!important}
 .page-curtain{animation:none!important}
 .motion-rail,.motion-scanline{display:none!important}
}


.ink-orange .motion-word-inner{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}