/* Base editorial y animada de la primera réplica de estudio, adaptada para FORMIVA */
:root{--paper:#F5F7FA;--ink:#151716;--muted:#626760;--line:rgba(17,23,19,.21);--acid:#15B2BB;--dark:#121617;--white:#f3f6ef;--margin:clamp(22px,4.2vw,78px);--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}p{line-height:1.52}::selection{background:#bdf28c;color:#0a120b}:focus-visible{outline:2px solid #7acb51;outline-offset:5px}section{position:relative}sup{font-size:.25em;vertical-align:super;letter-spacing:0;position:relative;top:-.35em}.container{width:calc(100% - var(--margin)*2);max-width:1800px;margin:0 auto}.section-pad{padding:clamp(80px,11vw,180px) 0}.cream-section{background:var(--paper)}.dark-section{background:var(--dark);color:var(--white)}.skip-link{position:fixed;top:-100px;left:20px;z-index:400;background:#fff;color:#111;padding:14px}.skip-link:focus{top:20px}
#scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#15B2BB;z-index:300;transform:scaleX(0);transform-origin:left;pointer-events:none}
/* Fixed navigation */
.site-header{position:fixed;z-index:110;left:0;top:0;width:100%;height:104px;padding:22px var(--margin);display:flex;align-items:flex-start;justify-content:space-between;color:#fff;mix-blend-mode:difference;transition:height .3s,padding .3s}.scrolled .site-header{height:82px;padding-top:14px}.logo{font-weight:950;font-size:clamp(22px,2.1vw,34px);line-height:.76;letter-spacing:-.095em;display:flex;flex-direction:column;position:relative;z-index:2}.logo span{white-space:nowrap}.logo span+span{margin-top:5px}.logo sup{font-size:.37em;vertical-align:top;margin-left:2px}.logostar{display:inline-block;font-size:.55em;padding-left:5px;vertical-align:middle;animation:rotate 24s linear infinite}.header-center{position:absolute;left:50%;top:42px;transform:translateX(-50%);font-size:10px;letter-spacing:.15em;font-weight:600;white-space:nowrap}.menu-toggle{position:relative;display:flex;align-items:center;gap:18px;border:0;color:#fff;background:transparent;text-transform:uppercase;font-size:13px;letter-spacing:.08em;padding:6px 0 10px 10px;z-index:120}.menu-icon{width:43px;height:40px;border:1px solid currentColor;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-icon i{width:17px;height:1px;background:currentColor;display:block;transition:transform .35s,opacity .25s}.menu-is-open .menu-icon i:first-child{transform:translateY(3px) rotate(45deg)}.menu-is-open .menu-icon i:last-child{transform:translateY(-3px) rotate(-45deg)}.menu-is-open .site-header{mix-blend-mode:normal;color:#e9f0e7}.menu-is-open .menu-toggle{color:#e9f0e7}
.menu-overlay{position:fixed;inset:0;z-index:105;background:#171b1b;color:var(--white);padding:126px var(--margin) 26px;display:flex;flex-direction:column;transform:translateY(-103%);transition:transform .75s var(--ease);visibility:hidden}.menu-is-open .menu-overlay{visibility:visible;transform:translateY(0)}.menu-topline,.menu-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em;line-height:1.4}.menu-topline{padding-bottom:23px;border-bottom:1px solid #515956}.menu-bottom{padding-top:18px;border-top:1px solid #515956;margin-top:auto;color:#adb6ad}.menu-links{list-style:none;margin:3vh 0; padding:0;flex:1;display:flex;flex-direction:column;justify-content:center}.menu-links li{border-bottom:1px solid rgba(255,255,255,.18);overflow:hidden}.menu-links a{display:grid;grid-template-columns:78px 1fr 60px;align-items:center;padding:clamp(5px,.9vh,13px) 0;transition:color .2s,padding-left .35s var(--ease)}.menu-links a:hover{color:var(--acid);padding-left:24px}.menu-links small{font-size:12px;color:#a6aeaa}.menu-links a>span{font-weight:600;font-size:clamp(45px,6.5vw,100px);letter-spacing:-.07em;line-height:1.02}.menu-links a>b{font-size:clamp(26px,3vw,46px);font-weight:300;text-align:right}.menu-links sup{font-size:.27em}
/* Global typography + interaction */
.eyebrow,.section-rule,.muted-label,.footer-label,.footer-small-head{font-size:12px;font-weight:600;letter-spacing:.075em;text-transform:uppercase}.eyebrow-light{color:var(--white)}.section-rule{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:13px;margin-bottom:clamp(35px,5vw,76px);color:#4f5550}.dark-section .section-rule{border-color:rgba(255,255,255,.3);color:#d3d8d3}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:clamp(40px,6.3vw,90px)}.display-title{font-size:clamp(64px,10.4vw,190px);font-weight:600;letter-spacing:-.09em;line-height:.84;margin:0;white-space:normal}.display-title em,.large-copy em,.footer-headline em,.mission-quote em,.page-lead-title em,.hero-heading em{font-style:normal;color:#89918a}.section-heading-row .text-link{margin-bottom:10px}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;min-width:190px;border-bottom:1px solid currentColor;padding:0 0 13px;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:-.02em;transition:gap .3s,color .2s}.text-link:hover{gap:65px;color:#5d7f48}.arrow{font-size:22px;font-weight:400}.body-large{font-size:clamp(22px,2.7vw,40px);line-height:1.22;letter-spacing:-.04em;max-width:960px}.large-copy{font-weight:500;font-size:clamp(36px,5.75vw,95px);line-height:1.04;letter-spacing:-.075em;margin:0}.wide-body{font-size:clamp(18px,2vw,29px);line-height:1.35;max-width:850px;margin:38px 0 0}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .85s var(--ease)}.split-reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform 1s var(--ease)}.reveal.is-visible,.split-reveal.is-visible{opacity:1;transform:translateY(0)}.space-top{margin-top:clamp(100px,15vw,190px)}.cursor-spot{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:50%;background:var(--acid);mix-blend-mode:difference;pointer-events:none;z-index:350;opacity:0;margin:-5px;transition:width .2s,height .2s,margin .2s;will-change:transform}.cursor-spot.big{width:35px;height:35px;margin:-17px}
/* Home hero */
.home-hero{height:100svh;min-height:720px;overflow:hidden;isolation:isolate;background:#090c11}.hero-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 65% 48%,#314455 0%,#05080f 68%)}.hero-art:before{content:"";position:absolute;inset:-10%;background:conic-gradient(from 220deg at 67% 48%,transparent,#25545a31,transparent,#5f5fa33b,transparent);filter:blur(90px);animation:rotate 40s linear infinite;z-index:-1}.hero-object{position:absolute;inset:0;object-fit:cover;opacity:.78;transform:scale(1.15) translateX(12%);animation:hero-drift 12s ease-in-out infinite alternate}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 30%)}.hero-filmgrain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.17;mix-blend-mode:screen;pointer-events:none;z-index:1}.hero-top-copy{position:absolute;top:148px;left:var(--margin);right:var(--margin);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;opacity:.74}.hero-content{position:absolute;left:var(--margin);bottom:42px;right:var(--margin);z-index:2}.hero-entrance{animation:rise-in 1.4s var(--ease) both}.hero-content .eyebrow{margin-bottom:28px;font-size:13px;display:flex;gap:20px;align-items:center}.hero-content .eyebrow span{font-size:30px}.hero-heading{font-size:clamp(58px,7.65vw,145px);font-weight:550;line-height:.93;letter-spacing:-.086em;max-width:1200px;margin-bottom:64px;animation-delay:.1s}.hero-heading em{color:#67D8DB}.hero-heading .period{color:#F68A16}.hero-bottom{display:flex;justify-content:space-between;align-items:end;font-size:11px;letter-spacing:.1em;gap:25px}.down-arrow{font-size:42px;width:64px;height:64px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;transition:transform .25s,background .25s,color .25s}.down-arrow:hover{transform:translateY(6px);background:var(--white);color:var(--ink)}.hero-vertical{position:absolute;right:22px;top:44%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.18em;z-index:2;opacity:.66}
/* Intro + cards */
.intro-section{padding-top:145px;padding-bottom:175px}.intro-grid{display:grid;grid-template-columns:minmax(150px,.28fr) 1fr;gap:clamp(30px,6vw,100px)}.intro-side{padding-top:12px;display:flex;justify-content:space-between;gap:20px}.intro-bottom{margin-top:65px;display:flex;justify-content:space-between;align-items:end;gap:55px}.intro-bottom p{max-width:670px;font-size:clamp(18px,2vw,28px);line-height:1.35;margin:0;letter-spacing:-.025em}.intro-bottom .text-link{flex-shrink:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,2.3vw,38px);row-gap:clamp(48px,5vw,90px)}.project-card{display:block;min-width:0}.project-media{height:auto;aspect-ratio:1.3;position:relative;overflow:hidden;background:#adbab2}.project-media img{transition:transform 1s var(--ease),filter .6s;transform:scale(1.015)}.project-card:hover .project-media img{transform:scale(1.075)}.view-chip{position:absolute;right:20px;bottom:20px;background:var(--white);color:var(--ink);font-size:12px;padding:13px 16px;border-radius:100px;transform:translateY(30px);opacity:0;transition:transform .4s,opacity .4s}.project-card:hover .view-chip{transform:translateY(0);opacity:1}.project-meta{display:flex;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid var(--line);margin-top:15px}.project-meta h3{font-weight:600;font-size:clamp(17px,1.65vw,25px);letter-spacing:-.04em;line-height:1.1;margin:0}.project-meta>div{display:flex;align-items:center;gap:13px;text-align:right;font-size:12px;color:var(--muted);white-space:nowrap}.project-meta .arrow{font-size:20px;color:var(--ink)}.home-grid .project-card:nth-child(2),.home-grid .project-card:nth-child(4){margin-top:110px}
/* Expertise tiles */
.sector-tiles{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sector-tile{aspect-ratio:.89;position:relative;background:#16232a;color:white;overflow:hidden;padding:28px 34px;display:flex;flex-direction:column;justify-content:space-between}.sector-tile:nth-child(2){background:#528f47}.sector-image{position:absolute;inset:0}.sector-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 30%,rgba(0,0,0,.49) 100%)}.sector-image img{transition:transform 1s var(--ease)}.sector-tile:hover img{transform:scale(1.07)}.sector-number,.sector-tile h3,.sector-arrow{position:relative;z-index:1}.sector-number{font-size:12px;letter-spacing:.08em}.sector-tile h3{margin-top:auto;margin-bottom:0;font-size:clamp(50px,7vw,118px);font-weight:550;line-height:.9;letter-spacing:-.075em}.sector-arrow{position:absolute;right:28px;bottom:27px;font-size:42px}.services-section{padding-bottom:165px}.services-section .display-title{margin-bottom:80px}.service-row{display:grid;grid-template-columns:80px 1fr 45px;border-top:1px solid var(--line);align-items:center;padding:26px 0;transition:padding .35s,background .3s}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row h3{font-weight:500;font-size:clamp(38px,5.2vw,86px);line-height:1.05;letter-spacing:-.065em;margin:0}.service-row small{font-size:13px}.service-row span{font-size:32px;text-align:right}
/* Reel + lab */
.reel-feature{min-height:730px;height:88vh;overflow:hidden}.reel-art{position:absolute;inset:0;opacity:.72}.reel-art img{object-fit:cover;animation:hero-drift 16s ease-in-out infinite alternate}.reel-art:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,0,0,.66),rgba(0,0,0,.15))}.reel-text{position:relative;z-index:1;padding:130px var(--margin)}.reel-text>span{font-size:12px;letter-spacing:.1em}.reel-text h2,.lab-callout h2{font-size:clamp(100px,16vw,290px);font-weight:600;letter-spacing:-.1em;line-height:.72;margin:58px 0 55px}.reel-text h2 em,.lab-callout h2 em{font-style:normal;color:var(--acid)}.round-play{display:flex;align-items:center;gap:20px;background:transparent;color:white;border:0;padding:0;font-size:12px;letter-spacing:.1em}.round-play>span{height:72px;width:72px;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-size:17px;transition:background .25s,color .25s,transform .25s}.round-play:hover>span{background:white;color:#111;transform:scale(1.05)}.reel-year{position:absolute;bottom:40px;right:var(--margin);font-size:12px;letter-spacing:.1em}.lab-preview-layout{display:grid;grid-template-columns:1fr .9fr;gap:10vw;align-items:center}.lab-preview-layout .display-title{margin-bottom:50px}.lab-preview-layout .body-large{max-width:560px;margin-bottom:45px}.lab-preview-art{display:block;aspect-ratio:.9;position:relative;overflow:hidden}.lab-preview-art img{transition:transform 1s var(--ease)}.lab-preview-art:hover img{transform:scale(1.06)}.floating-stamp{position:absolute;right:25px;top:25px;background:var(--acid);color:#151615;width:132px;height:132px;border-radius:50%;display:grid;place-content:center;text-align:center;line-height:1.2;font-size:14px;font-weight:700;transform:rotate(14deg)}
/* Page headers */
.page-lead{padding:175px var(--margin) 80px;background:var(--paper);min-height:460px}.page-lead-inner{max-width:1800px;margin:0 auto}.page-lead .section-rule{margin-bottom:clamp(35px,6vw,95px)}.page-lead-title{font-size:clamp(90px,15.5vw,280px);font-weight:550;line-height:.85;letter-spacing:-.105em;margin:0;max-width:1800px}.page-lead-title em{color:#838a82}.page-lead-copy{font-size:clamp(19px,2.1vw,33px);line-height:1.25;letter-spacing:-.04em;max-width:850px;margin:42px 0 0 30%;padding-bottom:10px}.filter-section{padding:25px 0 170px}.filterbar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:19px 0;border-top:1px solid var(--line);margin-bottom:50px;flex-wrap:wrap}.filter-label,.item-count{font-size:11px;letter-spacing:.09em;color:var(--muted);font-weight:600}.filter-options{display:flex;gap:7px;flex-wrap:wrap}.filter-btn,.seg{border:1px solid #aab0a6;background:transparent;color:var(--ink);padding:10px 20px;font-size:13px;border-radius:100px;transition:background .22s,color .22s,border-color .22s}.filter-btn:hover,.seg:hover{background:#d7dcd2}.filter-btn.active,.seg.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.work-grid{row-gap:76px}
/* Project details */
.project-detail-hero{height:100svh;min-height:720px;overflow:hidden}.detail-hero-image{position:absolute;inset:0}.detail-hero-image img{animation:hero-drift 14s ease-in-out infinite alternate;object-fit:cover}.detail-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 63%),linear-gradient(180deg,rgba(0,0,0,.27),transparent 22%)}.detail-topline{position:absolute;top:146px;left:var(--margin);right:var(--margin);display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em}.detail-title{position:absolute;bottom:86px;left:var(--margin);right:var(--margin)}.detail-title h1{font-size:clamp(65px,10.8vw,200px);line-height:.87;font-weight:600;letter-spacing:-.09em;max-width:1250px;margin:15px 0 0}.detail-scroll{position:absolute;right:var(--margin);bottom:42px;font-size:48px}.project-summary{display:grid;grid-template-columns:1fr 280px;gap:9vw;margin-bottom:95px}.project-tagline{font-size:clamp(50px,6vw,110px);font-weight:500;line-height:1.02;letter-spacing:-.07em;max-width:950px;margin:0 0 40px}.project-summary-main .body-large{max-width:760px}.project-credits{border-top:1px solid var(--line);padding-top:18px}.project-credits p{font-size:20px;line-height:1.3;margin:10px 0 35px}.muted-label{color:var(--muted)}.detail-gallery{display:grid;gap:20px}.detail-gallery-wide{aspect-ratio:1.65;overflow:hidden}.detail-gallery-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-gallery-duo>div{aspect-ratio:1.12;overflow:hidden}.detail-gallery img{transition:transform 1s var(--ease)}.detail-gallery>div:hover img{transform:scale(1.035)}.project-quote{padding:130px max(8vw,30px);display:flex;flex-direction:column;gap:25px}.project-quote>span{font-size:12px;letter-spacing:.13em}.project-quote blockquote{font-size:clamp(45px,6vw,97px);line-height:1.05;letter-spacing:-.075em;font-weight:500;margin:0}.project-quote p{color:var(--muted)}.next-project{background:#181b1c;color:white}.next-project>a{display:block;min-height:500px;padding:80px var(--margin);position:relative;overflow:hidden}.next-project a>span{font-size:12px;letter-spacing:.14em}.next-project strong{font-size:clamp(75px,10vw,170px);letter-spacing:-.08em;font-weight:500;line-height:.9;max-width:1200px;display:block;margin:35px 0;position:relative;z-index:2}.next-project-art{position:absolute;right:0;top:0;width:42%;height:100%;opacity:.5;mask-image:linear-gradient(to left,#000,transparent);transition:transform 1s}.next-project>a:hover .next-project-art{transform:scale(1.08)}
/* Expertise */
.expertise-stack{display:grid;gap:20px}.expertise-item{position:relative;height:clamp(480px,60vw,900px);overflow:hidden;color:#fff;background:#171b22}.expertise-img{position:absolute;inset:0}.expertise-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.05))}.expertise-img img{transition:transform 1.2s var(--ease)}.expertise-item:hover img{transform:scale(1.055)}.expertise-txt{position:absolute;inset:0;padding:45px;display:flex;flex-direction:column}.expertise-txt>span{font-size:12px;letter-spacing:.1em}.expertise-txt h2{font-size:clamp(85px,12vw,220px);font-weight:550;line-height:.82;letter-spacing:-.09em;margin:auto 0 18px}.expertise-txt h2 span{font-size:.55em;margin-left:25px}.expertise-txt p{font-size:18px;max-width:400px;margin:0}.sector-detail-hero{height:100svh;min-height:750px;overflow:hidden}.sector-detail-art{position:absolute;inset:0}.sector-detail-art img{animation:hero-drift 16s ease-in-out infinite alternate}.sector-detail-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.05)),linear-gradient(0deg,rgba(0,0,0,.35),transparent 60%)}.sector-detail-content{position:absolute;left:var(--margin);right:var(--margin);bottom:55px;z-index:1}.sector-detail-content>span{font-size:12px;letter-spacing:.12em}.sector-detail-content h2{font-size:clamp(93px,13vw,230px);font-weight:550;line-height:.81;letter-spacing:-.095em;margin:30px 0}.sector-detail-content p{font-size:clamp(20px,2.2vw,32px);max-width:630px;line-height:1.25;margin:30px 0}.sector-detail-content .down-arrow{position:absolute;right:0;bottom:5px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:100px 28px;margin-top:70px}.capability-image{height:auto;aspect-ratio:1.25;overflow:hidden}.capability-image img{transition:transform 1s var(--ease)}.capability:hover img{transform:scale(1.07)}.capability-content{display:grid;grid-template-columns:1fr;gap:13px;padding-top:20px}.capability-content span{font-size:11px;letter-spacing:.1em;color:var(--muted)}.capability-content h3{font-weight:500;font-size:clamp(34px,4vw,67px);line-height:1.03;margin:0}.capability-content p{font-size:18px;line-height:1.4;max-width:540px;margin:0}.lab-callout{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.lab-callout>div img{object-fit:cover}.lab-callout>section{padding:80px 8vw;display:flex;flex-direction:column;justify-content:center}.lab-callout>section>span{font-size:12px;letter-spacing:.1em}.lab-callout h2{font-size:clamp(75px,9vw,145px);margin:60px 0}.lab-callout p{font-size:19px;max-width:500px}.lab-callout .text-link{align-self:start;margin-top:30px}
/* About */
.about-visual{aspect-ratio:2.2;position:relative;margin:0 0 clamp(90px,12vw,180px);overflow:hidden}.about-visual>span{position:absolute;bottom:25px;left:25px;color:#fff;font-size:12px;letter-spacing:.1em;background:#1119;padding:10px}.about-intro .wide-body{margin-bottom:15px}.client-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.client-logos span{min-height:175px;display:grid;place-items:center;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(22px,3vw,47px);font-weight:800;letter-spacing:-.08em}.segmented{display:flex;gap:7px}.mission-section{padding:120px 0}.mission-quote{font-size:clamp(55px,8.3vw,145px);font-weight:500;letter-spacing:-.08em;line-height:1.04;margin:100px 0 130px}.mission-quote em{color:var(--acid)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.values>div{border-top:1px solid #5d6661;padding-top:20px;display:flex;flex-direction:column}.values strong{font-size:clamp(80px,11vw,180px);font-weight:500;letter-spacing:-.09em}.values span{font-size:12px;letter-spacing:.12em}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:70px}.value-card{border-top:1px solid var(--line);padding:20px 10px 120px 0}.value-card>span{font-size:12px}.value-card h3{font-size:clamp(40px,6vw,90px);font-weight:500;margin:50px 0 25px;line-height:1}.value-card p{max-width:470px;font-size:20px}.award-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.award-block .body-large{margin-bottom:0}
/* WonderLab */
.lab-banner{height:clamp(480px,66vw,900px);overflow:hidden}.lab-banner-art{position:absolute;inset:0}.lab-banner-art img{animation:hero-drift 17s ease-in-out infinite alternate}.lab-banner-art:after{content:"";position:absolute;inset:0;background:#0e0b2760}.lab-banner-copy{position:absolute;bottom:55px;left:var(--margin)}.lab-banner-copy>span{font-size:12px;letter-spacing:.13em}.lab-banner-copy h2{font-size:clamp(90px,15vw,240px);line-height:.8;letter-spacing:-.1em;font-weight:550;margin:34px 0 0}.lab-banner-copy h2 span{color:var(--acid);font-size:.5em;vertical-align:top;margin-left:20px}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:72px}.lab-card-image{aspect-ratio:1.16;position:relative;overflow:hidden;background:#a2aaa3}.lab-card-image img{transition:transform .9s var(--ease)}.lab-card:hover img{transform:scale(1.07)}.lab-card-image>span{position:absolute;right:15px;bottom:15px;background:#fff;border-radius:70px;padding:12px;font-size:11px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.lab-card:hover .lab-card-image>span{opacity:1;transform:translateY(0)}.lab-card-bottom{padding-top:17px;border-top:1px solid var(--line);margin-top:14px}.lab-card-bottom small{font-size:12px;color:var(--muted)}.lab-card h3{font-size:clamp(24px,2.4vw,39px);font-weight:500;line-height:1.08;margin:15px 0 0}
/* Careers */
.careers-hero{min-height:670px;padding:125px 0;overflow:hidden}.careers-art{position:absolute;right:-12%;top:-20%;width:74%;height:150%;opacity:.52}.careers-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#121617,transparent 75%)}.careers-hero .container{position:relative;z-index:1}.careers-hero .display-title{font-size:clamp(120px,16vw,260px);line-height:.78;margin:35px 0 60px}.careers-hero .display-title em{color:var(--acid)}.careers-hero .body-large{max-width:610px}.vacancy{border-top:1px solid var(--line)}.vacancy:last-child{border-bottom:1px solid var(--line)}.vacancy-toggle{display:grid;grid-template-columns:50px 1fr minmax(180px,.45fr) 50px;gap:20px;align-items:center;width:100%;padding:38px 0;border:0;background:transparent;color:var(--ink);text-align:left}.vacancy-index{font-size:12px}.vacancy-toggle strong{font-size:clamp(28px,3.3vw,54px);font-weight:500;letter-spacing:-.06em}.vacancy-toggle>span:nth-last-child(2){font-size:14px;color:var(--muted)}.vacancy-plus{font-size:35px;text-align:right;font-weight:300;transition:transform .3s}.vacancy-toggle[aria-expanded=true] .vacancy-plus{transform:rotate(45deg)}.vacancy-content{padding:0 70px 60px;max-width:950px}.vacancy-content p{font-size:20px}.vacancy-content .text-link{margin-top:15px}.demo-disclaimer{display:block;color:var(--muted);font-size:12px;margin-top:24px}
/* Contact */
.contact-grid{display:grid;grid-template-columns:.65fr 1fr;gap:10vw}.contact-side h2{font-size:clamp(37px,4.5vw,74px);font-weight:500;line-height:1.05;margin-bottom:30px}.contact-side h2 em{font-style:normal;color:#808a81}.contact-side p{max-width:430px;font-size:18px;color:#555c55}.contact-side .text-link{margin-top:35px}.contact-form{display:flex;flex-direction:column;gap:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{display:flex;flex-direction:column;gap:15px;font-weight:600;font-size:13px}.contact-form label>span{color:#656b66}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{background:transparent;border:0;border-bottom:1px solid #8e968d;color:var(--ink);padding:16px 0 18px;width:100%;border-radius:0;outline-offset:3px;font-size:20px;font-weight:400;transition:border-color .2s;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#233d26}.contact-form select{appearance:none;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"%3E%3Cpath d="M2 5L7 10L12 5" fill="none" stroke="black"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right center}.contact-form label span:not(.checkbox-label span){color:#aa4f38}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a2aaa0}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:15px!important;cursor:pointer}.checkbox-label input{appearance:none;width:23px;height:23px;border:1px solid #626961;margin:0;position:relative;flex-shrink:0}.checkbox-label input:checked{background:#181d18}.checkbox-label input:checked:after{content:'✓';position:absolute;top:0;left:4px;color:white;font-size:17px}.checkbox-label span{color:var(--ink)!important;font-weight:400}.form-submit{background:#191c19;color:#f4f6ef;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border:0;font-size:20px;min-height:72px;transition:background .2s}.form-submit:hover{background:#415c3a}.form-submit span{font-size:28px}.form-notice{padding:14px 20px;border-left:3px solid #556d4b;background:#dce3d9;margin:0;font-size:14px}.form-notice.success{background:#cce9b5}.fineprint{font-size:13px;color:var(--muted);max-width:540px}.legal-content{max-width:950px}.legal-content h2{font-weight:500;font-size:48px;margin:50px 0 15px}.legal-content p{font-size:22px;line-height:1.45}.legal-content .text-link{margin-top:40px}
/* Footer */
.site-footer{background:#151919;color:#edf0e8;overflow:hidden}.footer-inner{padding:115px var(--margin) 35px}.footer-label{color:#c2c7bd;margin-bottom:34px}.footer-headline{display:flex;flex-direction:column;width:max-content;max-width:100%;font-size:clamp(90px,14.5vw,265px);line-height:.83;font-weight:550;letter-spacing:-.095em;margin-bottom:120px}.footer-headline>span{white-space:nowrap}.footer-headline>span:last-child{color:var(--acid)}.footer-headline b{font-size:.55em;font-weight:300;display:inline-block;transition:transform .4s}.footer-headline:hover b{transform:translate(16px,-16px)}.footer-info{border-top:1px solid #57605a;padding:35px 0 105px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:70px}.footer-small-head{color:#9ca99e}.footer-info p{font-size:clamp(19px,2vw,30px);line-height:1.25;margin:23px 0}.footer-info a{font-size:18px}.footer-info a:hover{color:var(--acid)}.footer-info>div:nth-child(3)>a{display:block;margin:25px 0}.social-links{display:flex;gap:25px;flex-wrap:wrap}.social-links a{font-size:15px}.footer-bottom{border-top:1px solid #55605b;padding:30px 0 0;display:grid;grid-template-columns:1fr 1.1fr .6fr auto;gap:30px;align-items:start}.footer-bottom>div{display:flex;flex-direction:column;gap:7px}.footer-bottom>div>span,.footer-bottom>span:last-child{font-size:11px;color:#aeb7ad;line-height:1.4}.footer-bottom>div .text-link{min-width:auto;border:0;font-size:12px;padding:0}.footer-bottom>div .text-link .arrow{font-size:13px}.footer-mark{font-size:clamp(20px,2.3vw,33px);font-weight:950;letter-spacing:-.08em;white-space:nowrap}.footer-mark sup{font-size:.43em}.footer-marquee{margin-top:110px;border-top:1px solid #5f665f;border-bottom:1px solid #5f665f;overflow:hidden;white-space:nowrap;font-size:clamp(70px,9vw,170px);font-weight:600;letter-spacing:-.08em;line-height:1.25;color:#303a32}.footer-marquee span{display:inline-block;animation:marquee 40s linear infinite}
/* Reel dialog */
.reel-dialog{background:#101316;border:0;color:white;padding:0;width:min(95vw,1400px);max-width:none;max-height:90svh;overflow:visible;box-shadow:0 20px 100px #0008}.reel-dialog::backdrop{background:#050708ed;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:0;top:-60px;border:0;color:white;background:none;font-size:14px;display:flex;gap:20px;align-items:center;z-index:2}.dialog-close span{font-size:27px}.reel-frame{height:clamp(330px,60vw,680px);position:relative;overflow:hidden}.reel-frame>img{object-fit:cover;animation:reel-pulse 1.7s ease-in-out infinite alternate}.reel-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030a1299,transparent 88%)}.reel-overlay{position:absolute;inset:30px;z-index:1;display:flex;flex-direction:column;justify-content:space-between}.reel-overlay>span{font-size:12px;letter-spacing:.12em}.reel-overlay h2{font-size:clamp(70px,10vw,160px);line-height:.83;margin:0;letter-spacing:-.09em}.reel-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 30px}.reel-controls p{font-size:13px;line-height:1.2;color:#ccd4d0;margin:0}.reel-controls button{color:#eaf0e9;background:none;border:1px solid #606860;border-radius:50px;font-size:13px;padding:14px 20px;white-space:nowrap}.reel-controls button span{margin-left:15px}
/* Animation */
@keyframes rise-in{from{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes hero-drift{from{transform:scale(1.09) translate3d(1%,1%,0)}to{transform:scale(1.16) translate3d(-1%,-2%,0)}}@keyframes marquee{to{transform:translateX(-40%)}}@keyframes reel-pulse{from{transform:scale(1.04)}to{transform:scale(1.17)}}
@media (min-width:1900px){.hero-heading{font-size:145px}}
@media (max-width:1100px){.header-center{display:none}.hero-heading{font-size:clamp(55px,8.5vw,100px)}.intro-bottom{flex-direction:column;align-items:start}.section-heading-row{align-items:start}.page-lead-title{font-size:clamp(75px,13vw,185px)}.footer-info{gap:35px}.footer-bottom{grid-template-columns:1fr 1fr}.contact-grid{gap:6vw}.project-meta>div>span{display:none}.client-logos span{min-height:135px}}
@media (max-width:750px){:root{--margin:20px}.site-header{height:83px;padding-top:20px}.scrolled .site-header{height:74px}.logo{font-size:27px}.menu-toggle{font-size:11px;gap:9px}.menu-icon{width:39px;height:39px}.menu-overlay{padding-top:105px}.menu-topline span:last-child,.menu-bottom span:last-child{display:none}.menu-links a{grid-template-columns:35px 1fr 30px;padding:15px 0}.menu-links a>span{font-size:clamp(42px,9vw,66px)}.menu-links a>b{font-size:25px}.section-pad{padding:80px 0}.section-rule{font-size:10px;margin-bottom:43px}.section-rule span:last-child{text-align:right}.home-hero{min-height:660px;height:100svh}.hero-object{transform:scale(1.5);object-position:55% center;opacity:.9}.hero-art:after{background:linear-gradient(90deg,#05060be8,#05060b33),linear-gradient(0deg,#05060bcf,transparent 60%)}.hero-top-copy{top:118px;font-size:9px}.hero-top-copy span:last-child{display:none}.hero-content{bottom:28px}.hero-content .eyebrow{font-size:11px;margin-bottom:20px}.hero-heading{font-size:clamp(45px,10vw,79px);margin-bottom:60px}.hero-bottom{font-size:9px;max-width:100%;line-height:1.6}.down-arrow{height:50px;width:50px;font-size:31px;flex-shrink:0}.hero-vertical{display:none}.intro-section{padding-top:100px}.intro-grid{grid-template-columns:1fr;gap:27px}.intro-side{padding:0}.large-copy{font-size:clamp(41px,8.7vw,70px)}.intro-bottom{margin-top:39px;gap:35px}.intro-bottom p{font-size:19px}.section-heading-row{flex-direction:column;gap:25px}.display-title{font-size:clamp(68px,13vw,115px)}.project-grid{gap:46px 14px}.project-media{aspect-ratio:1.04}.project-meta{display:block;margin-top:10px;padding-top:10px}.project-meta h3{font-size:16px}.project-meta>div{justify-content:space-between;margin-top:7px;font-size:10px}.project-meta>div>span{display:block}.project-meta .arrow{font-size:16px}.home-grid .project-card:nth-child(2),.home-grid .project-card:nth-child(4){margin-top:65px}.view-chip{display:none}.sector-tiles{gap:12px}.sector-tile{aspect-ratio:.67;padding:18px}.sector-tile h3{font-size:clamp(35px,7vw,68px)}.sector-number{font-size:9px}.sector-arrow{right:14px;bottom:17px;font-size:24px}.services-section .display-title{margin-bottom:55px}.service-row{grid-template-columns:35px 1fr 28px;padding:26px 0}.service-row h3{font-size:clamp(29px,5vw,52px)}.service-row small{font-size:10px}.service-row span{font-size:22px}.reel-feature{height:650px;min-height:0}.reel-text{padding:110px var(--margin)}.reel-text h2{font-size:clamp(83px,18vw,140px);margin:85px 0 55px}.reel-text>span{font-size:10px}.lab-preview-layout{grid-template-columns:1fr;gap:60px}.lab-preview-layout .display-title{margin-bottom:35px}.lab-preview-layout .body-large{font-size:25px}.lab-preview-art{aspect-ratio:1.2}.footer-inner{padding-top:75px}.footer-headline{font-size:clamp(61px,11vw,115px);margin-bottom:75px}.footer-headline>span{white-space:normal}.footer-info{grid-template-columns:1fr 1fr;gap:50px 20px;padding-bottom:65px}.footer-info>div:last-child{grid-column:1/-1}.footer-info p{font-size:18px}.footer-info a{font-size:16px}.footer-bottom{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom>div:last-of-type{grid-column:1/-1}.footer-mark{font-size:23px}.footer-marquee{margin-top:70px;font-size:65px}.page-lead{padding:135px var(--margin) 60px;min-height:0}.page-lead-title{font-size:clamp(78px,15vw,140px)}.page-lead-copy{margin:28px 0 0;font-size:22px}.filterbar{align-items:start;margin-bottom:30px}.filter-label{width:100%}.filter-btn{padding:8px 13px;font-size:11px}.item-count{display:none}.work-grid{row-gap:52px}.project-detail-hero{height:83svh;min-height:600px}.detail-topline{top:110px;font-size:10px}.detail-title{bottom:90px}.detail-title h1{font-size:clamp(59px,11vw,92px)}.project-summary{grid-template-columns:1fr;gap:35px}.project-tagline{font-size:51px}.project-summary-main .body-large{font-size:24px}.project-credits p{font-size:18px;margin-bottom:23px}.detail-gallery{gap:12px}.detail-gallery-wide{aspect-ratio:1.15}.detail-gallery-duo{gap:12px}.project-quote{padding:85px 12px}.project-quote blockquote{font-size:47px}.next-project>a{min-height:370px;padding:65px var(--margin)}.next-project strong{font-size:clamp(63px,12vw,105px)}.next-project-art{width:65%;opacity:.3}.expertise-item{height:600px}.expertise-txt{padding:23px}.expertise-txt h2{font-size:clamp(78px,15vw,130px)}.expertise-txt p{font-size:16px}.sector-detail-hero{height:80svh;min-height:650px}.sector-detail-content h2{font-size:clamp(85px,14vw,145px)}.sector-detail-content p{font-size:21px;max-width:70%}.capabilities{gap:55px 15px}.capability-image{aspect-ratio:1}.capability-content h3{font-size:31px}.capability-content p{font-size:15px}.lab-callout{grid-template-columns:1fr}.lab-callout>div{height:350px}.lab-callout>section{padding:75px var(--margin)}.lab-callout h2{margin:45px 0;font-size:91px}.about-visual{aspect-ratio:1.35;margin-bottom:75px}.client-logos{grid-template-columns:1fr 1fr}.client-logos span{font-size:25px;min-height:120px}.mission-section{padding:85px 0}.mission-quote{font-size:clamp(50px,8vw,80px);margin:60px 0}.values strong{font-size:68px}.values-grid{gap:18px}.value-card{padding-bottom:75px}.value-card h3{font-size:40px}.value-card p{font-size:16px}.award-block{grid-template-columns:1fr;gap:45px}.lab-banner{height:560px}.lab-banner-copy h2{font-size:120px}.lab-grid{grid-template-columns:1fr 1fr;gap:55px 15px}.lab-card h3{font-size:25px}.careers-hero{min-height:570px}.careers-hero .display-title{font-size:125px}.vacancy-toggle{grid-template-columns:28px 1fr 27px;gap:10px}.vacancy-toggle strong{font-size:30px}.vacancy-toggle>span:nth-last-child(2){display:none}.vacancy-content{padding:0 10px 45px}.vacancy-content p{font-size:17px}.contact-grid{grid-template-columns:1fr;gap:60px}.contact-side h2{font-size:46px}.contact-form{gap:26px}.form-row{gap:20px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:16px}.reel-frame{height:420px}.reel-controls{align-items:start}.reel-overlay h2{font-size:90px}.reel-controls p{font-size:11px}}
@media (max-width:490px){.hero-heading{font-size:clamp(43px,10.2vw,58px)}.hero-content .eyebrow{margin-bottom:26px}.project-grid{grid-template-columns:1fr}.project-media{aspect-ratio:1.25}.home-grid .project-card:nth-child(2),.home-grid .project-card:nth-child(4){margin-top:0}.project-meta{display:flex}.project-meta h3{font-size:18px}.project-meta>div>span{display:none}.sector-tiles{grid-template-columns:1fr}.sector-tile{aspect-ratio:1.15}.sector-tile h3{font-size:70px}.page-lead-title{font-size:clamp(73px,15vw,105px)}.footer-headline{font-size:clamp(52px,12vw,75px)}.footer-info{grid-template-columns:1fr}.footer-info>div:last-child{grid-column:auto}.footer-bottom{grid-template-columns:1fr}.footer-bottom>div:last-of-type{grid-column:auto}.lab-grid{grid-template-columns:1fr}.capabilities{grid-template-columns:1fr}.capability-image{aspect-ratio:1.3}.capability-content h3{font-size:39px}.form-row{grid-template-columns:1fr}.contact-side h2{font-size:40px}.reel-controls{flex-direction:column}.reel-frame{height:350px}.reel-overlay h2{font-size:69px}.client-logos span{font-size:22px}.service-row h3{font-size:29px}.menu-links a>span{font-size:41px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal,.split-reveal{opacity:1!important;transform:none!important}.hero-object{transform:none!important}}
/* Clickable editorial gallery */
.detail-gallery img{cursor:zoom-in}.gallery-dialog{padding:0;width:100vw;max-width:none;max-height:none;height:100dvh;margin:0;background:#111617;color:#f4f6f1;border:0}.gallery-dialog::backdrop{background:#060807}.gallery-toolbar,.gallery-caption{position:absolute;left:var(--margin);right:var(--margin);z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em}.gallery-toolbar{top:25px}.gallery-caption{bottom:25px}.gallery-toolbar button{background:transparent;color:#fff;border:0;letter-spacing:.1em;padding:10px 0}.gallery-stage{position:absolute;inset:75px 20px;display:grid;grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;gap:13px}.gallery-stage img{height:100%;max-height:calc(100dvh - 160px);object-fit:contain}.gallery-stage button{border:1px solid #a3ada4;background:transparent;color:white;border-radius:50%;height:48px;width:48px;font-size:26px;transition:background .2s,color .2s}.gallery-stage button:hover{background:#f4f6f1;color:#161616}@media(max-width:750px){.gallery-stage{inset:75px 9px;grid-template-columns:37px minmax(0,1fr) 37px;gap:5px}.gallery-stage button{height:35px;width:35px;font-size:20px}.gallery-toolbar,.gallery-caption{font-size:10px}}

/* Capa visual FORMIVA sobre la réplica editorial y animada original */
:root{--paper:#F5F7FA;--ink:#052449;--muted:#60707b;--line:rgba(8,44,64,.22);--acid:#15B2BB;--dark:#082236;--white:#f7fbfb;--margin:clamp(22px,4.2vw,78px)}
body{font-family:Arial,Helvetica,sans-serif;background:var(--paper)}
#scroll-progress{background:linear-gradient(90deg,#27b5db,#67D8DB)}
.site-header{height:93px;align-items:center;padding-top:12px;padding-bottom:12px;mix-blend-mode:difference}
.scrolled .site-header{height:79px;align-items:center;padding-top:12px;padding-bottom:12px}
.formiva-logo{width:clamp(180px,19vw,270px);height:auto;min-height:50px;display:flex;justify-content:center;align-items:center;z-index:2;position:relative}
.formiva-logo img{display:block;height:auto;width:100%;object-fit:contain}
.header-center{top:40px;font-size:10px;letter-spacing:.1em}
.menu-overlay{background:#071c2e;padding-top:116px}
.menu-links{margin:1vh 0;overflow-y:auto;scrollbar-width:thin}
.menu-links a{padding:clamp(4px,.5vh,9px) 0;grid-template-columns:62px 1fr 50px}
.menu-links a>span{font-size:clamp(42px,5.1vw,77px);line-height:1.01;font-weight:600}
.menu-topline,.menu-bottom{letter-spacing:.08em}
.hero-art{background:radial-gradient(circle at 78% 34%,#197382,#071a2a 72%)}
.hero-object{opacity:.93;transform:scale(1.07) translateX(10%);object-position:60% center}
.hero-art:after{background:linear-gradient(90deg,rgba(2,15,28,.94) 0%,rgba(2,20,36,.72) 48%,rgba(2,20,36,.08) 100%),linear-gradient(0deg,rgba(2,20,36,.6),transparent 25%)}
.hero-content{bottom:30px}
.hero-heading{font-size:clamp(65px,8.15vw,146px);margin-bottom:32px;max-width:1420px;line-height:.92}
.hero-heading em{color:#67D8DB}
.hero-heading .period{font-size:.57em;vertical-align:top;display:inline-block;transform:translate(10px,-10px);color:#F68A16}
.hero-top-copy{top:138px}
.hero-content .eyebrow{font-size:clamp(11px,1vw,15px);letter-spacing:.03em;margin-bottom:22px;text-transform:none}
.hero-content .eyebrow span{color:#67D8DB;font-size:22px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:35px;animation-delay:.16s}
.hero-cta,.hero-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 23px;font-weight:700;font-size:14px;transition:background .3s,color .3s,transform .3s}
.hero-cta{background:#15B2BB;color:#062238}.hero-secondary{background:transparent;color:white;border:1px solid #ffffffaa}.hero-actions .arrow{font-size:20px}
.hero-cta:hover{background:white;transform:translateY(-3px)}.hero-secondary:hover{background:#ffffff25;transform:translateY(-3px)}
.hero-bottom{font-size:10px;max-width:100%}
.intro-section{padding-top:140px;padding-bottom:145px}
.page-lead-title{font-size:clamp(75px,12.8vw,225px);max-width:1500px;overflow-wrap:anywhere}
.page-lead-title em,.display-title em,.large-copy em,.reel-text em,.mission-quote em,.contact-side h2 em{color:#598e97}
.display-title{font-size:clamp(60px,8.6vw,155px);line-height:.92;overflow-wrap:anywhere}
.large-copy{font-size:clamp(34px,5.5vw,85px)}
.project-media{background:#0c3550}
.project-media img{object-fit:cover}
.project-meta h3{font-size:clamp(22px,2.1vw,35px);line-height:1.1;letter-spacing:-.045em}
.project-meta>div{line-height:1.2}
.project-card:nth-child(3n) .project-media{background:#163a4e}
.project-card:hover .project-media img{transform:scale(1.075)}
.project-grid.home-grid .project-media{aspect-ratio:1.27}
.sector-tiles .sector-tile{background:#0e314b}
.sector-tiles .sector-tile:nth-child(2){background:#1d6e77}
.sector-tile{aspect-ratio:1.12}
.sector-tile h3{font-size:clamp(62px,7.8vw,126px);line-height:.84;letter-spacing:-.08em}
.sector-image img{object-fit:cover}
.service-row{color:var(--ink)}
.service-row h3{font-size:clamp(33px,4.2vw,74px)}
.reel-feature{background:#082238}
.reel-text h2{font-size:clamp(88px,13vw,220px)}
.reel-text h2 em{color:#b0f3d1}
.lab-preview-layout .display-title{font-size:clamp(62px,9vw,145px)}
.footer-inner{padding-top:100px}
.site-footer{background:#071e30}
.footer-headline{font-size:clamp(75px,12.7vw,240px)}
.footer-headline>span:last-child{color:#b4f5d3}
.footer-info{grid-template-columns:1fr 1fr 1fr}
.footer-info .text-link{min-width:auto;font-size:13px;max-width:265px;margin-top:12px}
.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:65px;height:65px;object-fit:contain;flex-shrink:0}.footer-brand strong{font-size:28px;line-height:1.2;letter-spacing:-.06em}.footer-brand small{display:block;color:#b9cdd3;font-size:11px;line-height:1.3}
.footer-bottom{grid-template-columns:1.1fr 1.35fr .65fr auto}
.footer-marquee{color:#284b55}
.project-detail-hero{background:#082438}
.detail-title h1{max-width:1300px;font-size:clamp(65px,9vw,146px);line-height:.91;overflow-wrap:break-word}
.detail-hero-shade{background:linear-gradient(0deg,#001a2bd9,transparent 80%),linear-gradient(90deg,#001a2b9c,transparent 75%)}
.detail-hero-image img{opacity:.9}
.project-tagline{font-size:clamp(36px,4.8vw,78px)}
.project-credits p{max-width:500px}
.course-cta-row{margin:45px 0 15px}
.catalog-tools{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-bottom:36px;max-width:1250px}
.catalog-tools>p{max-width:420px;color:var(--muted);font-size:15px}
.course-search-label{display:flex;flex-direction:column;gap:10px;flex:1;font-size:12px;font-weight:700;letter-spacing:.08em}
.course-search-label input{font-size:18px;letter-spacing:normal;max-width:580px;background:transparent;border:0;border-bottom:1px solid #355363;padding:18px 0;outline-offset:4px;border-radius:0;color:var(--ink)}
.filter-btn.active{color:#031c30;background:#15B2BB;border-color:#15B2BB}
.empty-state{padding:65px 12px;color:var(--muted);font-size:21px}
.custom-callout{display:grid;grid-template-columns:.65fr 1fr;gap:8vw;background:#09293e;color:white;padding:24px;align-items:center}
.custom-callout>img{min-height:400px;object-fit:cover}
.custom-callout>div{padding:35px 50px 35px 0}
.custom-callout h2{font-size:clamp(45px,5vw,85px);line-height:.98;letter-spacing:-.07em;margin-top:32px}
.custom-callout h2 em{font-style:normal;color:#a7f5cd}
.custom-callout p{font-size:19px;max-width:650px}
.custom-callout .text-link{margin-top:32px}
.module-aside{max-width:390px;color:var(--muted);font-size:17px}
.vacancy-toggle{font-size:inherit}
.vacancy-toggle strong{font-size:clamp(22px,3.5vw,55px)}
.vacancy-content p{font-size:clamp(16px,1.8vw,24px);max-width:970px}
.values-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.value-card h3{font-size:clamp(28px,3.4vw,52px);overflow-wrap:anywhere}
.value-card p{font-size:16px}
.sector-detail-hero{background:#081e33}
.sector-detail-art img{object-position:70% center}
.sector-detail-content h2{font-size:clamp(92px,13vw,220px);overflow-wrap:anywhere}
.about-visual{background:#07263a}
.resource-article{max-width:1000px;margin:0 auto 110px}
.resource-article section{border-top:1px solid var(--line);padding:35px 0}
.resource-article h2{font-size:clamp(29px,3vw,50px)}
.resource-article p{font-size:clamp(18px,1.7vw,25px);line-height:1.5}
.regulatory-links{display:grid;gap:0;border-top:1px solid var(--line);margin-bottom:20px}
.regulatory-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);font-size:clamp(18px,2.2vw,30px);font-weight:650}
.regulatory-links a:hover{color:#176b7d}.regulatory-links span{font-size:27px}
.stps-note{font-size:15px;color:#62737b}
.contact-side-image{height:250px;overflow:hidden;margin:42px 0}
.contact-side-image img{object-fit:cover}
.contact-side .micro-copy{font-size:14px}
.contact-form .form-notice{background:#e2eced;border-left:4px solid #388ca1;padding:16px 22px;font-size:14px;color:#2b535e;line-height:1.55}
.contact-form .form-notice.success{background:#d4f0e3;border-left-color:#247d6b}
.contact-form select{max-width:100%}
.contact-form .checkbox-label a{text-decoration:underline;text-underline-offset:3px}
.contact-form .checkbox-label span{font-size:14px}
.contact-form .form-submit{background:#0e4558;color:white}
.contact-form .form-submit:hover{background:#247687}
.legal-content h2{font-size:32px;margin-top:35px}
.legal-content p{font-size:18px;max-width:900px}
@media (max-width:1100px){.footer-bottom{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.custom-callout{grid-template-columns:1fr 1fr;gap:25px}.custom-callout>div{padding:20px}.menu-links a>span{font-size:clamp(42px,6vw,72px)}}
@media (max-width:750px){.site-header{height:78px;padding-top:10px;padding-bottom:8px}.scrolled .site-header{height:75px}.formiva-logo{width:185px;min-height:50px}.menu-overlay{padding-top:98px}.menu-links a{grid-template-columns:32px 1fr 26px;padding:clamp(5px,1.1vh,10px) 0}.menu-links a>span{font-size:clamp(34px,7.6vw,55px)}.menu-links small{font-size:11px}.home-hero{min-height:690px}.hero-object{object-position:65% center;opacity:.77}.hero-art:after{background:linear-gradient(90deg,#051827f2,#05182793),linear-gradient(0deg,#051827dd,transparent 65%)}.hero-heading{font-size:clamp(49px,10vw,83px);margin-bottom:24px}.hero-entrance .eyebrow{font-size:11px}.hero-actions{margin-bottom:28px;gap:9px}.hero-cta,.hero-secondary{font-size:12px;padding:11px 14px;gap:7px}.hero-actions .arrow{font-size:16px}.hero-bottom{font-size:9px}.page-lead-title{font-size:clamp(64px,12.5vw,120px)}.display-title{font-size:clamp(56px,10.3vw,105px)}.large-copy{font-size:clamp(37px,8vw,72px)}.project-grid.home-grid .project-media{aspect-ratio:1.08}.sector-tile{aspect-ratio:.87}.sector-tile h3{font-size:clamp(42px,8vw,74px)}.footer-headline{font-size:clamp(57px,11vw,114px)}.footer-info{grid-template-columns:1fr 1fr}.footer-info>div:last-child{grid-column:1/-1}.footer-bottom{grid-template-columns:1fr 1fr}.footer-brand img{width:50px;height:50px}.footer-brand strong{font-size:24px}.catalog-tools{flex-direction:column;align-items:stretch;gap:10px}.catalog-tools>p{max-width:100%}.course-search-label input{max-width:100%}.custom-callout{grid-template-columns:1fr;padding:15px}.custom-callout>img{min-height:0;aspect-ratio:1.55}.custom-callout>div{padding:25px 12px}.custom-callout h2{font-size:clamp(40px,8.5vw,65px)}.values-grid{grid-template-columns:1fr 1fr}.detail-title h1{font-size:clamp(49px,9.3vw,90px)}.sector-detail-content h2{font-size:clamp(76px,13vw,130px)}.reel-text h2{font-size:clamp(70px,14vw,120px)}.lab-banner-copy h2{font-size:clamp(80px,13vw,135px)}.resource-article{margin-bottom:65px}}
@media (max-width:490px){.formiva-logo{width:172px}.menu-links a>span{font-size:clamp(29px,7.2vw,41px)}.menu-links a{padding:8px 0}.menu-topline{font-size:9px}.home-hero{min-height:700px}.hero-heading{font-size:clamp(44px,10.2vw,61px)}.hero-actions{align-items:stretch}.hero-cta,.hero-secondary{flex:1 1 auto;justify-content:center;min-width:140px}.hero-bottom{line-height:1.5}.page-lead-title{font-size:clamp(56px,14vw,90px)}.page-lead-copy{font-size:19px}.footer-headline{font-size:clamp(48px,11vw,65px)}.footer-info{grid-template-columns:1fr}.footer-info>div:last-child{grid-column:auto}.footer-bottom{grid-template-columns:1fr}.sector-tile{aspect-ratio:1.12}.sector-tile h3{font-size:clamp(58px,12vw,82px)}.values-grid{grid-template-columns:1fr}.value-card{padding-bottom:35px}.detail-title h1{font-size:clamp(46px,10vw,75px)}.custom-callout h2{font-size:44px}}
@media (prefers-reduced-motion:reduce){.hero-actions,.hero-entrance{animation:none;opacity:1;transform:none}}

.menu-links{justify-content:flex-start}.menu-links li{flex-shrink:0}

/* Logo cromáticamente estable; no invertir sus colores en fondos claros. */
.site-header{mix-blend-mode:normal;color:#f9fcfd}
.site-header .logo-on-light{display:none}
body[data-page="light"] .site-header{color:#052449}
body[data-page="light"] .site-header .logo-on-dark{display:none}
body[data-page="light"] .site-header .logo-on-light{display:block}
.menu-is-open .site-header,body[data-page="light"].menu-is-open .site-header{color:#f9fcfd}
.menu-is-open .site-header .logo-on-dark,body[data-page="light"].menu-is-open .site-header .logo-on-dark{display:block}
.menu-is-open .site-header .logo-on-light,body[data-page="light"].menu-is-open .site-header .logo-on-light{display:none}
.site-header .formiva-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
/* Contraste correcto del texto y líneas del control de menú en páginas claras. */
.menu-toggle{color:inherit}
.menu-is-open .menu-toggle{color:#f9fcfd}

/* FORMIVA V2 — secciones editoriales completas, integradas a la línea visual original */
.editorial-section{padding-top:clamp(70px,8vw,125px);padding-bottom:clamp(75px,8.5vw,135px);border-top:1px solid rgba(12,38,56,.065)}
.editorial-section .section-rule{margin-bottom:clamp(28px,4.2vw,64px)}
.editorial-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:5vw;align-items:end;margin-bottom:clamp(28px,5vw,76px)}
.editorial-title{font-size:clamp(43px,6.5vw,105px);font-weight:600;letter-spacing:-.075em;line-height:.99;margin:0;max-width:1120px;overflow-wrap:break-word}
.editorial-title em{font-style:normal;color:#598e97}
.editorial-intro{font-size:clamp(19px,1.78vw,27px);line-height:1.45;letter-spacing:-.015em;color:#45616d;max-width:780px;margin:0}
.editorial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.editorial-card{display:flex;flex-direction:column;align-items:flex-start;min-height:345px;background:#fff;padding:clamp(22px,2.15vw,36px);border:1px solid rgba(18,65,81,.1);box-shadow:0 15px 35px -36px #0c3446;transition:background .3s,border-color .3s,transform .4s var(--ease)}
.editorial-card:hover{background:#f8fbfc;border-color:rgba(20,104,131,.3);transform:translateY(-5px)}
.editorial-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#4d6672;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:50px}
.editorial-symbol{font-size:28px;color:#218798;font-weight:400}
.editorial-card h3{font-size:clamp(24px,2.05vw,34px);font-weight:650;line-height:1.08;letter-spacing:-.06em;margin:0 0 20px;overflow-wrap:break-word}
.editorial-card p{font-size:clamp(16px,1.05vw,19px);color:#536673;line-height:1.58;margin:0}
.editorial-card-link{display:inline-flex;border-bottom:1px solid currentColor;padding:9px 0;margin-top:auto;gap:24px;justify-content:space-between;color:#13485e;font-size:13px;font-weight:700}
.editorial-card-link .arrow{font-size:19px}
.editorial-steps .editorial-card{background:#e5eeef}
.editorial-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(26px,6vw,110px);align-items:center;min-height:560px}
.editorial-feature-copy{padding:20px 0;display:flex;flex-direction:column;gap:27px;align-items:flex-start}
.editorial-feature-copy .editorial-title{font-size:clamp(46px,6.7vw,103px)}
.editorial-feature .text-link{margin-top:22px;max-width:360px;width:100%}
.editorial-support{font-size:clamp(17px,1.5vw,23px);line-height:1.55;color:#334c5a;border-left:3px solid #77c4be;padding-left:25px;max-width:830px;margin:0}
.editorial-feature-art{width:100%;min-height:400px;aspect-ratio:1.05;background:#10354d;position:relative;overflow:hidden}
.editorial-feature-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .9s var(--ease)}
.editorial-feature-art:hover img{transform:scale(1.055)}
.editorial-list{border-top:1px solid var(--line)}
.editorial-list-item{display:grid;grid-template-columns:60px minmax(0,1fr) 50px;align-items:center;gap:22px;min-height:115px;padding:18px 0;border-bottom:1px solid var(--line)}
.editorial-list-item .editorial-index{font-size:12px;font-weight:700;color:#617b82}
.editorial-list-item p{font-size:clamp(19px,2.1vw,33px);font-weight:550;letter-spacing:-.025em;line-height:1.28;margin:0}
.editorial-list-item>span:last-child{color:#247a92;font-size:24px}
.editorial-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.editorial-duo-card{padding:clamp(25px,3vw,53px);background:#fff;border:1px solid rgba(18,65,81,.12);min-height:350px;display:flex;flex-direction:column;align-items:flex-start}
.editorial-duo-card>span{font-weight:700;font-size:12px;color:#24768a;letter-spacing:.08em}
.editorial-duo-card h3{font-size:clamp(29px,3.1vw,50px);line-height:1.05;letter-spacing:-.055em;margin:50px 0 22px}
.editorial-duo-card p{font-size:clamp(17px,1.4vw,22px);line-height:1.6;color:#4d626e}
.editorial-duo-card .text-link{margin-top:auto}
.editorial-panel{padding:clamp(85px,9vw,150px) 0;background:#072c43;color:#f5fbfa}
.editorial-panel .editorial-title em{color:#b1f3d2}
.editorial-panel-head{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #7f9b9c90;padding-top:13px;font-size:12px;letter-spacing:.1em;font-weight:700;color:#adced3;margin-bottom:70px}
.editorial-panel-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:6vw;align-items:end}
.editorial-panel-title{font-size:clamp(58px,7.9vw,128px);line-height:.92;letter-spacing:-.075em;max-width:1100px;font-weight:600;margin:0 0 38px}
.editorial-panel-copy{font-size:clamp(20px,2vw,31px);line-height:1.45;max-width:870px;color:#c8dce2}
.editorial-panel-aside{border-top:1px solid #6a8e948c;padding-top:22px}
.editorial-panel-aside strong{font-size:12px;letter-spacing:.1em;color:#b1f3d2}
.editorial-panel-aside p{font-size:clamp(17px,1.6vw,24px);line-height:1.55;margin:20px 0 38px;color:#e0eff0}
.editorial-panel-aside .text-link{color:#b5f8d8;max-width:320px;width:100%}
.editorial-faq{background:#eaf0f0}
.editorial-faq .vacancy-list{margin-top:20px}
.editorial-faq .vacancy-toggle strong{font-size:clamp(22px,2.5vw,38px)}
.editorial-faq .vacancy-content p{max-width:1100px;color:#3d5664;line-height:1.55}
.editorial-section .project-grid{margin-top:35px}
@media(max-width:1180px){.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-card{min-height:290px}.editorial-card-top{margin-bottom:32px}}
@media(max-width:750px){.editorial-heading{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.editorial-title{font-size:clamp(42px,8.2vw,74px)}.editorial-intro{font-size:18px;line-height:1.5}.editorial-feature{grid-template-columns:1fr;min-height:auto;gap:32px}.editorial-feature-art{aspect-ratio:1.3;min-height:270px}.editorial-feature-copy{gap:18px}.editorial-feature-copy .editorial-title{font-size:clamp(42px,8vw,80px)}.editorial-panel-grid{grid-template-columns:1fr;gap:35px}.editorial-panel-head{margin-bottom:40px}.editorial-panel-title{font-size:clamp(55px,9vw,100px)}.editorial-duo{grid-template-columns:1fr}.editorial-duo-card{min-height:280px}.editorial-duo-card h3{margin-top:28px}.editorial-list-item{grid-template-columns:32px 1fr 24px;gap:12px;min-height:100px}}
@media(max-width:480px){.editorial-grid{grid-template-columns:1fr}.editorial-card{min-height:225px}.editorial-card-top{margin-bottom:25px}.editorial-list-item p{font-size:21px}.editorial-panel-title{font-size:clamp(51px,12vw,68px)}.editorial-panel-head span:last-child{display:none}.editorial-feature-art{min-height:230px}.editorial-duo-card h3{font-size:32px}.editorial-section .section-rule{margin-bottom:26px}}

/* V3: evita desplazamiento lateral en llamadas a la acción de empresas y profesionistas. */
.lab-callout{width:100%;max-width:100%;overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lab-callout>div,.lab-callout>section{min-width:0;max-width:100%}
.lab-callout>div{overflow:hidden}
.lab-callout>div img{max-width:100%;width:100%}
@media (max-width:750px){
  .lab-callout{grid-template-columns:minmax(0,1fr)}
  .lab-callout>section{min-width:0;width:100%;box-sizing:border-box}
  .lab-callout h2{overflow-wrap:break-word}
}

  

/* ----------------------------------------------------------------------
   FORMIVA | CLON EDITORIAL ANIMADO | Identidad visual 2026
   Tokens aprobados: azul institucional, turquesa, azul, naranja y niebla.
   Adaptacion original de la maqueta de estudio anterior; sin marcas ajenas.
   ---------------------------------------------------------------------- */
:root{
  --paper:#F5F7FA;--ink:#052449;--muted:#5F7084;
  --line:rgba(5,36,73,.20);--acid:#15B2BB;--dark:#052449;--white:#FFFFFF;
  --formiva-blue:#1A79B5;--formiva-orange:#F68A16;--formiva-light:#E8EEF3;
}
html { scroll-padding-top: 94px; }
body { background:var(--paper);color:var(--ink);font-family:Lato,Arial,Helvetica,sans-serif; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:3px solid #F68A16;outline-offset:4px; }
#scroll-progress { background:linear-gradient(90deg,#15B2BB 0%,#1A79B5 65%,#F68A16 100%);height:3px; }
.home-hero,.dark-section,.site-footer,.menu-overlay { background-color:#052449; }
.cream-section,.page-lead { background-color:#F5F7FA; }
.menu-overlay { background:radial-gradient(circle at 88% 22%,rgba(26,121,181,.28),transparent 34%),#052449; }
.menu-links a:hover,.menu-links a:focus-visible,.service-row:hover h3 { color:#58D3D8; }
.menu-links a:hover .arrow { color:#F68A16; }
.menu-bottom { border-color:rgba(255,255,255,.20); }
/* Header contrast is recalculated as the background underneath changes. */
.site-header,.menu-is-open .site-header { mix-blend-mode:normal;transition:height .3s,padding .3s,color .25s;isolation:isolate;color:#fff; }
.site-header::before { content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:transparent;transition:background .35s,box-shadow .35s; }
body.scrolled .site-header::before {background:rgba(5,36,73,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 7px 22px rgba(5,36,73,.08);}
body.header-over-light .site-header {color:#052449;}
body.header-over-light.scrolled .site-header::before {background:rgba(245,247,250,.96);box-shadow:0 7px 22px rgba(5,36,73,.08);}
body.header-over-light .site-header .logo-on-dark { display:none; }
body.header-over-light .site-header .logo-on-light { display:block; }
body:not(.header-over-light) .site-header .logo-on-dark { display:block; }
body:not(.header-over-light) .site-header .logo-on-light { display:none; }
body.menu-is-open .site-header {color:#fff!important;}
body.menu-is-open .site-header::before{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;}
body.menu-is-open .site-header .logo-on-dark{display:block!important;}
body.menu-is-open .site-header .logo-on-light{display:none!important;}
.site-header .formiva-logo{width:clamp(198px,18.8vw,277px);min-height:64px;aspect-ratio:770/234;}
.site-header .formiva-logo img{display:block;width:100%;height:100%;object-fit:contain;}
.menu-toggle .menu-icon {border-color:currentColor;}
.menu-toggle .menu-icon span{background:currentColor;}
.header-center {font-weight:700;letter-spacing:.10em;}
/* Animated hero from the original studio clone, repainted for FORMIVA. */
.hero-art { background:radial-gradient(ellipse at 82% 43%,#0E6586 0%,#063453 43%,#03162E 86%); }
.hero-art:before{background:conic-gradient(from 190deg at 75% 47%,transparent,rgba(21,178,187,.19),transparent,rgba(26,121,181,.26),transparent);animation-duration:35s;}
.hero-art:after{background:linear-gradient(93deg,rgba(3,19,39,.95) 0%,rgba(5,36,73,.72) 47%,rgba(5,36,73,.16) 96%),linear-gradient(0deg,rgba(3,19,39,.55),transparent 40%);}
.hero-heading em,.page-lead-title em,.display-title em,.large-copy em,.editorial-title em { color:#148E9C; }
.home-hero .hero-heading em{color:#67D8DB;}
.hero-heading .period{color:#F68A16;}
.hero-content .eyebrow span{color:#6EDDE1;}
.hero-cta{background:#15B2BB;color:#052449;}
.hero-cta:hover{background:#FFFFFF;color:#052449;}
.hero-secondary:hover{background:#15B2BB22;}
.cursor-spot{background:#F68A16;opacity:0;}
.project-card .view-chip{background:#FFFFFF;color:#052449;}
.project-card:hover .view-chip,.project-card:focus-visible .view-chip{opacity:1;transform:translateY(0);}
.project-card:focus-visible .project-media img,.project-card:hover .project-media img{transform:scale(1.075)}
.sector-tiles .sector-tile{background:#052449;}
.sector-tiles .sector-tile:nth-child(2){background:#087D96;}
.footer-headline b{color:#F68A16;}
.footer-marquee{color:rgba(255,255,255,.09)}
.reel-open:hover,.round-play:hover{background:#15B2BB;color:#052449;}
.filter-btn.active{background:#15B2BB;color:#052449;border-color:#15B2BB;}
.filter-btn:hover,.filter-btn:focus-visible{border-color:#15B2BB;}
.text-link:hover{color:#087D96;}
.project-meta .arrow{color:#1A79B5;}
/* Kinetic editorial accent: layered rings drift constantly while the artwork
   remains readable, even when the pointer is not used. */
.hero-motion {position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.62;transform:translate3d(var(--move-x,0px),var(--move-y,0px),0);transition:transform 900ms cubic-bezier(.2,.8,.2,1);overflow:hidden;}
.hero-motion::before{content:"";position:absolute;width:58vw;height:58vw;min-width:440px;min-height:440px;right:-20vw;top:5vh;border-radius:50%;background:radial-gradient(circle,rgba(21,178,187,.08),transparent 70%);animation:formiva-breathe 7.5s ease-in-out infinite alternate;}
.hero-motion .motion-ring{position:absolute;left:65%;top:46%;width:min(54vw,780px);height:min(54vw,780px);border:1px solid rgba(103,216,219,.30);border-radius:50%;transform:translate(-50%,-50%) rotate(18deg);box-shadow:inset 0 0 35px rgba(21,178,187,.04),0 0 70px rgba(21,178,187,.04);animation:formiva-spin 40s linear infinite;}
.hero-motion .motion-ring.ring-second{width:min(39vw,550px);height:min(39vw,550px);border-color:rgba(26,121,181,.34);animation:formiva-spin-reverse 31s linear infinite;}
.hero-motion .motion-ring::before{content:"";width:10px;height:10px;position:absolute;left:calc(50% - 5px);top:-5px;border-radius:50%;background:#F68A16;box-shadow:0 0 25px rgba(246,138,22,.6);}
.hero-motion .motion-ring.ring-second::before{width:8px;height:8px;background:#15B2BB;box-shadow:0 0 18px rgba(21,178,187,.6)}
.hero-motion .signal{position:absolute;right:17%;top:20%;width:14px;height:14px;border-radius:50%;border:2px solid rgba(103,216,219,.8);animation:formiva-signal 3.8s ease-out infinite;}
.hero-motion .signal.signal-two{right:9%;top:72%;animation-delay:1.9s;}
.hero-motion .light-sweep{position:absolute;right:0;top:-40%;width:35vw;height:180%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(42,161,202,.07),transparent);animation:formiva-sweep 11s ease-in-out infinite alternate;}
@keyframes formiva-spin{to{transform:translate(-50%,-50%) rotate(378deg)}}
@keyframes formiva-spin-reverse{to{transform:translate(-50%,-50%) rotate(-342deg)}}
@keyframes formiva-breathe{from{opacity:.35;transform:scale(.82)}to{opacity:1;transform:scale(1.12)}}
@keyframes formiva-signal{0%{opacity:.8;transform:scale(.5)}80%{opacity:0;transform:scale(6)}100%{opacity:0;transform:scale(6)}}
@keyframes formiva-sweep{from{transform:translateX(-25vw) rotate(22deg)}to{transform:translateX(18vw) rotate(22deg)}}
@keyframes formiva-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes formiva-frame-enter{from{opacity:.15;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
#app.route-enter>section:first-child{animation:formiva-enter .63s cubic-bezier(.22,1,.36,1) both;}
#reelImage.reel-frame-enter{animation:formiva-frame-enter 1s cubic-bezier(.22,1,.36,1) both;}
/* Refined panels and cards, without losing the visual architecture of the clone. */
.editorial-card,.value-card,.editorial-duo-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,background .45s;}
.editorial-card:hover,.value-card:hover,.editorial-duo-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(5,36,73,.07);}
.site-footer{background:radial-gradient(circle at 85% 85%,rgba(21,178,187,.17),transparent 30%),#052449;}
.footer-brand img{object-fit:contain;}
/* Motion preferences / accessible navigation. */
@media(max-width:1100px){.header-center{display:none;}}
@media(max-width:750px){
 .site-header .formiva-logo{width:clamp(160px,42vw,210px);min-height:54px;}
 .hero-art:after{background:linear-gradient(0deg,rgba(3,19,39,.94),rgba(5,36,73,.26) 92%),linear-gradient(90deg,rgba(5,36,73,.35),transparent);}
 .hero-motion{opacity:.32;}
 .hero-motion .motion-ring{left:85%;top:40%;width:110vw;height:110vw;}
 .hero-motion .motion-ring.ring-second{width:85vw;height:85vw;}
 .hero-heading{letter-spacing:-.073em;}
 .home-hero{min-height:690px;}
}
@media(max-width:370px){
 .site-header .formiva-logo{width:146px;min-height:47px;}
 .menu-toggle .menu-label{font-size:10px;}
 .hero-heading{font-size:clamp(41px,11.2vw,50px);}
 .hero-bottom>span{max-width:75%;}
}
@media(prefers-reduced-motion:reduce){
 .hero-motion,.hero-motion *,.hero-art::before,.hero-object{animation:none!important;transition:none!important;}
 #app.route-enter>section:first-child,#reelImage.reel-frame-enter{animation:none!important;}
}