@charset "UTF-8";
/* STRATEXIA V2 · Editorial digital / living showcase */
:root{color-scheme:dark;--bg:#090b0f;--ink:#efefeb;--muted:#a7adb6;--line:#2b323c;--cold:#becbdc;--accent:#c5d4e8;--ease:cubic-bezier(.16,1,.3,1);--gutter:clamp(20px,3.3vw,64px);--max:1690px;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip}button,input,select{font:inherit}a,button{color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{text-decoration:none}button{cursor:pointer}img,video{max-width:100%;display:block}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e7f2ff;outline-offset:6px}::selection{background:#c1cede;color:#121720}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;border:0}.skip-link{position:fixed;z-index:100;top:10px;left:15px;padding:15px 20px;background:var(--ink);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.shell{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}.mono,.eyebrow{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.085em;text-transform:uppercase}.eyebrow{color:var(--muted)}.arrow{font-size:20px;font-weight:400;display:inline-block;transition:transform .35s var(--ease)}a:hover .arrow{transform:translate(3px,-3px)}em{font-family:Georgia,"Times New Roman",serif;font-weight:400}button{border:0}p{margin:0}
/* Navigation */
.site-header{position:relative;z-index:20}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #252c35}.brand{display:inline-flex;align-items:baseline;font-size:25px;font-weight:600;letter-spacing:-1.3px;white-space:nowrap}.brand span{font-weight:400;color:#a4b9d2}.brand i{width:5px;height:5px;margin-left:7px;background:#c9d4e2;transform:rotate(-12deg);align-self:flex-start;margin-top:6px}.header-detail{color:#7e8c9e;font-size:9px}.nav{display:flex;align-items:center;gap:32px}.nav a{font-size:12px;color:#b8c1cc;min-height:44px;display:flex;align-items:center}.nav a:hover{color:white}.nav .contact-link{gap:27px;color:#e4e9ef}.nav .contact-link .arrow{font-size:18px}
/* Hero: three authentic windows in a composed perspective space. */
.hero{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:0 20px;padding-top:45px;position:relative}.hero::before{content:"";position:absolute;z-index:-1;right:-30px;top:0;width:68%;height:88%;background:radial-gradient(ellipse at 60% 50%,#607a9c16,transparent 66%);pointer-events:none}.hero-copy{position:relative;z-index:5;padding:35px 0 50px 10px}.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#9eacbd;font-size:9px;margin-bottom:29px}.hero-eyebrow>span{height:5px;width:5px;background:#a7bacf;border-radius:50%;box-shadow:0 0 0 5px #a7bacf0b}.hero h1{font-size:clamp(51px,5.35vw,91px);font-weight:400;line-height:1.04;letter-spacing:-.058em;margin:0;position:relative}.hero h1 em{color:#c5d4e8;letter-spacing:-.06em;font-size:1.13em;line-height:1.06}.hero-lead{max-width:415px;font-size:14px;line-height:1.85;color:#a9b1bd;margin-top:28px}.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:37px;margin-top:26px;padding:14px 0;min-height:48px;border-bottom:1px solid #748699;font-size:12px}.hero-cta>span:last-child{font-size:21px;transition:transform .4s var(--ease)}.hero-cta:hover>span:last-child{transform:translateY(4px)}.hero-art{position:relative;width:100%;height:clamp(470px,41vw,670px);perspective:1400px;isolation:isolate}.hero-plane-grid{position:absolute;inset:10% 2% 8% 8%;border:1px solid #5b71871f;transform:perspective(1000px) rotateY(-14deg) rotateX(10deg) rotateZ(-6deg);background:linear-gradient(90deg,transparent 49.9%,#6a80951a 50%,transparent 50.1%),linear-gradient(transparent 49.9%,#6a809512 50%,transparent 50.1%);border-radius:2px}.hero-coordinate{position:absolute;right:1%;top:0;font-size:8px;color:#738398}.hero-window{position:absolute;display:block;perspective:1300px;transition:filter .3s;outline-offset:10px!important}.hero-window:hover{filter:brightness(1.08)}.hero-window-plane{border:1px solid #6e80936b;border-radius:7px;overflow:hidden;box-shadow:0 26px 60px -22px #000e,0 1px 0 #cbd9e522;transform-style:preserve-3d;position:relative;background:#1a2028}.hero-window-plane::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #e2ebf933;pointer-events:none}.hero-window img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.hero-window .browser-bar{height:24px;font-size:8px;background:linear-gradient(#2b3441,#1e2732)}.hero-window--back{width:59%;right:0;top:6%;z-index:1;--float-time:11s;--float-delay:-4s}.hero-window--back .hero-window-plane{transform:translateY(calc(var(--hero-depth,0px) * -.5)) rotateY(-11deg) rotateX(6deg) rotateZ(6deg);opacity:.8}.hero-window--middle{width:79%;left:0;top:24%;z-index:2;--float-time:10s;--float-delay:-1s}.hero-window--middle .hero-window-plane{transform:translateY(calc(var(--hero-depth,0px) * -.2)) rotateY(12deg) rotateX(4deg) rotateZ(-5deg)}.hero-window--front{width:83%;left:14%;top:36%;z-index:3;--float-time:12s;--float-delay:-5s}.hero-window--front .hero-window-plane{transform:translateY(calc(var(--hero-depth,0px) * .35)) rotateY(-9deg) rotateX(4deg) rotateZ(2.5deg)}.hero-art-caption{position:absolute;left:4%;top:0;display:flex;align-items:flex-start;gap:10px;font-size:9px;line-height:1.7;letter-spacing:.02em;color:#8a9caf}.micro-cross{font-size:18px;font-weight:300;color:#9fb5cd;line-height:1}.hero-foot{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:30px 10px 34px;color:#8190a3}.hero-foot b{font-weight:400;color:#bdccdd;margin-left:18px}.hero-foot-line{height:1px;background:linear-gradient(90deg,#34404d,transparent);flex:1}.hero-foot .mono{font-size:9px}.has-motion .hero-copy [data-hero]{animation:copy-arrive .8s var(--ease) both}.has-motion .hero-copy h1{animation-delay:80ms}.has-motion .hero-lead{animation-delay:150ms}.has-motion .hero-cta{animation-delay:210ms}.has-motion .hero-window{animation:hero-window-restore 1.2s var(--ease) both}.has-motion .hero-window--back{animation-delay:320ms}.has-motion .hero-window--middle{animation-delay:460ms}.has-motion .hero-window--front{animation-delay:610ms}.has-motion .hero-window-drift{animation:hero-drift var(--float-time) ease-in-out infinite;animation-delay:var(--float-delay)}
/* Collection prelude and textual index */
.collection{padding:46px 10px 37px}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.collection-heading h2{font-size:clamp(24px,2.4vw,39px);font-weight:400;line-height:1.17;letter-spacing:-.035em;margin:0}.collection-heading h2 em{color:#a3b2c3}.collection-note{text-align:right;color:#8a98ab;font-size:11px}.playback-master{background:none;display:none;align-items:center;gap:8px;color:#b3c0ce;font-size:10px;min-height:44px;padding:8px 0;margin-left:auto}.js .playback-master{display:flex}.playback-master svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.playback-master[aria-pressed=true]{color:#e1e8f2}.project-index{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #2b3542;border-bottom:1px solid #242d38}.project-index a{display:flex;align-items:center;gap:10px;font-size:10px;min-height:62px;padding:12px 17px 12px 0;position:relative}.project-index a>span:first-child{font-family:Consolas,monospace;color:#72849a;font-size:9px}.project-index b{font-weight:400;color:#b9c5d3}.project-index .arrow{font-size:13px;margin-left:auto;color:#5e738b}.project-index a::after{content:"";position:absolute;bottom:-1px;left:0;right:18px;height:1px;background:#c1d1e4;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.project-index a:hover::after{transform:scaleX(1)}
/* Large editorial chapters. Each chapter has its own grid and surface. */
.projects{width:min(calc(100% - var(--gutter)*2),var(--max));margin:0 auto}.case{padding-block:16px;scroll-margin-top:22px}.case-panel{--case-accent:#b8cce2;--case-rgb:184,204,226;position:relative;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid #35445480;background:#121821;padding:clamp(25px,3.45vw,65px);box-shadow:0 16px 55px -37px #000b}.case-panel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #d4e4ff08}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(var(--case-rgb),.16);padding-bottom:22px;margin-bottom:48px;position:relative;z-index:2}.case-meta{display:flex;align-items:center;gap:21px;font-size:12px;font-weight:400;color:#e0e7ec}.case-number{font-family:Consolas,monospace;font-size:11px;color:var(--case-accent);white-space:nowrap}.case-number b{color:#7d8b9b;font-weight:400}.panel-category{color:var(--case-accent);font-size:8px}.case-layout{display:grid;align-items:center;position:relative;z-index:1;gap:clamp(28px,4vw,65px);min-width:0}.case-title{font-size:clamp(37px,3.5vw,63px);font-weight:400;line-height:1.055;letter-spacing:-.046em;margin:0 0 25px;text-wrap:balance}.case-title em{color:var(--case-accent);letter-spacing:-.055em}.case-copy{min-width:0}.case-copy>p{font-size:13px;line-height:1.9;color:#acb7c4;max-width:490px}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px 14px;padding:0;margin:24px 0 21px;color:var(--case-accent);font-size:9px;letter-spacing:.035em}.tags li:not(:first-child)::before{content:"/";margin-right:11px;color:#697483}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:31px;min-height:46px;font-size:12px;border-bottom:1px solid rgba(var(--case-rgb),.55);padding:7px 0}.text-link .arrow{font-size:20px;color:var(--case-accent)}.case-copy>p.case-note{font-size:10px;line-height:1.7;color:#8ba79e;margin-top:16px;max-width:360px}.panel-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:46px;padding-top:19px;border-top:1px solid rgba(var(--case-rgb),.12);color:#7d8c9d}.panel-foot .mono{font-size:8px}.panel-foot>a{display:flex;align-items:center;gap:21px;font-size:9px;min-height:32px;color:#aab8c8}.panel-ghost{position:absolute;pointer-events:none;z-index:-1;font-weight:600;letter-spacing:-.075em;line-height:1}.case-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;z-index:1;margin-bottom:35px}.case-heading .case-title{margin:0}.side-note{font-size:9px;color:var(--case-accent);line-height:1.85;flex-shrink:0;max-width:170px}
/* 01: precision, broad video, cool machined surface. */
.case--sr-capital .case-panel{background:radial-gradient(ellipse at 93% 20%,#34475f55,transparent 57%),linear-gradient(128deg,#101820,#151d28 54%,#101722)}.layout-sr{grid-template-columns:minmax(0,.67fr) minmax(0,1.23fr);min-height:455px;gap:clamp(30px,4vw,72px)}.case--sr-capital .case-title{font-size:clamp(37px,3.4vw,61px)}.sr-mark{font-size:clamp(230px,31vw,500px);right:7%;bottom:7%;color:#b6c9dc04;font-family:Georgia,serif;font-weight:400}.case--sr-capital .case-copy>p{max-width:370px}
/* 02: an artist's editorial stage. Heading above a wide, left-aligned screen. */
.case--paisa .case-panel{--case-accent:#d3aa8b;--case-rgb:211,170,139;background:linear-gradient(135deg,#241e1c,#121113 61%,#1f1a19);border-color:#70544457}.paisa-mark{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:800;font-size:clamp(190px,28vw,450px);top:24%;right:1%;letter-spacing:-.025em;color:#d3aa8b04;-webkit-text-stroke:1px #d3aa8b10}.case--paisa .case-title{font-size:clamp(44px,4.4vw,79px);letter-spacing:-.055em}.case--paisa .case-title em{font-style:normal;font-family:Arial,Helvetica,sans-serif;font-weight:600}.layout-paisa{grid-template-columns:minmax(0,1.65fr) minmax(0,.62fr);align-items:center;gap:45px}.case--paisa .case-copy>p{font-size:12px;line-height:1.85}.case--paisa .tags{max-width:240px}.case--paisa .browser-bar{background:linear-gradient(#302825,#221d1c)}.case--paisa .screen{border-color:#88675090}
/* 03: a collected, editorial portfolio. */
.case--portafolio .case-panel{--case-accent:#c7c9b7;--case-rgb:199,201,183;background:radial-gradient(ellipse at 60% 75%,#39403955,transparent 64%),#1a211f;border-color:#7f887442}.layout-portfolio{grid-template-columns:minmax(0,.65fr) minmax(0,1.25fr);min-height:480px}.case--portafolio .case-title{font-size:clamp(42px,3.7vw,67px)}.case--portafolio .case-copy>p{max-width:330px}.editorial-rule{height:1px;width:52px;background:#b6bca7;display:block;margin-bottom:30px}.portfolio-media{min-width:0;position:relative}.editorial-caption{display:block;text-align:right;color:#a6af9e;font-family:Georgia,serif;font-style:italic;font-size:14px;margin-top:20px;padding-right:5px}.case--portafolio .browser-bar{background:linear-gradient(#30382f,#252d25)}.case--portafolio .screen{border-color:#69725e9c}
/* 04: activation and human interaction, with a tall editorial side rail. */
.case--conversaciones .case-panel{--case-accent:#91c4d1;--case-rgb:145,196,209;background:radial-gradient(ellipse at 40% 75%,#2d56652e,transparent 60%),linear-gradient(130deg,#111c22,#121c27);border-color:#38637470}.case--conversaciones .case-title{font-size:clamp(40px,4.1vw,73px)}.conversation-mark{display:flex;align-items:center;justify-content:center;gap:10px;width:105px;height:65px;border:1px solid #54818a3d;border-radius:18px 18px 18px 2px;transform:rotate(-6deg);background:#4469760c}.conversation-mark span{width:5px;height:5px;border-radius:50%;background:#7ba7b4}.layout-conversaciones{grid-template-columns:minmax(80px,.27fr) minmax(0,1.73fr);gap:30px;padding:7px 3% 5px 0}.interaction-rail{display:flex;flex-direction:column;gap:29px;align-self:center;border-left:1px solid #45616c;padding-left:17px;font-family:Consolas,monospace;font-size:9px;line-height:1.8;color:#91aebb}.interaction-rail span{position:relative}.interaction-rail span::before{content:"";position:absolute;width:3px;height:3px;background:#96bec9;left:-19px;top:6px}.case--conversaciones>.case-panel>.case-copy{margin-top:27px;padding-left:16%;display:grid;grid-template-columns:1fr auto;gap:0 40px;align-items:start}.case--conversaciones>.case-panel>.case-copy>p{grid-row:1/3;max-width:660px}.case--conversaciones>.case-panel>.case-copy .tags{margin:0 0 7px}.case--conversaciones>.case-panel>.case-copy .text-link{justify-self:start}.case--conversaciones .browser-bar{background:linear-gradient(#263945,#1b2b34)}
/* 05: restrained technical exploration. */
.case--radar .case-panel{--case-accent:#8cbcb0;--case-rgb:140,188,176;background:linear-gradient(118deg,#102222,#102024 47%,#0e171c);border-color:#3b696070}.radar-lines{position:absolute;left:-110px;top:80px;width:85%;height:auto;color:#90c7b50d;z-index:-1;pointer-events:none}.layout-radar{grid-template-columns:minmax(0,1.24fr) minmax(0,.71fr);gap:65px;min-height:505px}.radar-kicker{display:flex;align-items:center;gap:8px;color:#94b9af;font-size:8px;margin-bottom:22px}.radar-kicker i{width:4px;height:4px;background:#91c3b5;border-radius:50%;box-shadow:0 0 0 5px #91c3b50b}.case--radar .case-title{font-size:clamp(39px,3.6vw,64px)}.case--radar .screen{border-color:#58877b9c}.case--radar .browser-bar{background:linear-gradient(#263d39,#1a2c2b)}
/* 06: a digital product, generous central screen over a light surface. */
.case--lanzamiento .case-panel{--case-accent:#d6c491;--case-rgb:214,196,145;background:radial-gradient(ellipse at 50% 59%,#a18b5040,transparent 60%),linear-gradient(135deg,#24241f,#151716 60%,#201f1a);border-color:#7c734a65}.case--lanzamiento .case-heading{padding-inline:4%;margin-bottom:28px}.case--lanzamiento .case-title{font-size:clamp(43px,4.5vw,78px)}.product-stage{position:relative;padding:13px 5% 34px;isolation:isolate}.stage-plane{position:absolute;z-index:-1;left:1%;right:0;bottom:24px;height:100px;background:radial-gradient(ellipse,#dfd9b816,#d6c49105 45%,transparent 72%);border-bottom:1px solid #d5c38115;transform:perspective(700px) rotateX(67deg);border-radius:50%;pointer-events:none}.case--lanzamiento .case-media{max-width:1150px;margin-inline:auto}.case--lanzamiento>.case-panel>.case-copy{display:grid;grid-template-columns:1.15fr .85fr;gap:0 85px;padding:7px 5% 0}.case--lanzamiento>.case-panel>.case-copy>p{grid-row:1/3;max-width:650px}.case--lanzamiento>.case-panel>.case-copy .tags{margin:0 0 5px}.case--lanzamiento>.case-panel>.case-copy .text-link{justify-self:start}.case--lanzamiento .browser-bar{background:linear-gradient(#3b382d,#2a2923)}.case--lanzamiento .screen{border-color:#aa9a62a6}
/* The browser: arrival, scroll and drift have distinct transform layers. */
.case-media{min-width:0;margin:0;perspective:1500px;position:relative;padding:16px 0}.browser-entry{transform-style:preserve-3d;transform-origin:50% 95%;opacity:1}.browser-motion{transform-style:preserve-3d;transform:translate3d(0,var(--ty,0px),0) rotateY(var(--ry,-6deg)) rotateX(var(--rx,1.5deg)) rotateZ(var(--rz,-.25deg)) scale(var(--scale,1));opacity:var(--alpha,1)}.case[data-direction="1"] .browser-motion{--ry:6deg;--rz:.25deg}.browser-float{transform-style:preserve-3d;transform:translate3d(0,0,0)}.screen{position:relative;background:#111820;border:1px solid #7a8c9f88;border-radius:9px;overflow:hidden;box-shadow:0 42px 66px -27px #000d,10px 20px 25px -24px #000,0 1px 0 #bac9d422;transform:translateZ(1px)}.screen::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #eef6ff38,inset -1px 0 0 #e5f0ff11;background:linear-gradient(124deg,#e3eeff06,transparent 25%,transparent 76%,#e3eeff04);z-index:4}.browser-bar{height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;font-family:Consolas,monospace;font-size:9px;color:#b7c4d2;background:linear-gradient(#303e4d,#1f2a36);border-bottom:1px solid #46576650;letter-spacing:.03em}.browser-pips{display:flex;gap:4px;width:28px;flex-shrink:0}.browser-pips i{width:4px;height:4px;display:block;border-radius:50%;background:#8a97a6}.browser-id{font-size:8px;color:#8e9cab;flex-shrink:0}.video-viewport{aspect-ratio:16/9;position:relative;background:#0c1117;overflow:hidden}.video-viewport video,.video-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.video-viewport video{z-index:1}.video-backdrop{z-index:0}.case-media[data-state=error] video{opacity:0}.media-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay-play{display:none;align-items:center;justify-content:center;gap:10px;pointer-events:auto;background:#e8eef5;color:#15202b;border:1px solid #fff9;border-radius:50px;box-shadow:0 10px 30px #0006;min-height:46px;font-size:11px;padding:12px 17px}.overlay-play svg{width:12px;height:12px;fill:currentColor}.case-media[data-state=blocked] .overlay-play,.case-media[data-state=paused-user] .overlay-play,.case-media[data-state=manual] .overlay-play{display:flex}.media-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:3;background:var(--case-accent);transform:scaleX(var(--progress,0));transform-origin:left;pointer-events:none}.media-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 3px 0;color:#a5b3c4;font-size:9px;letter-spacing:.025em}.media-status{display:flex;align-items:center;gap:7px;min-width:0}.status-dot{height:4px;width:4px;border-radius:50%;background:#68798a;flex-shrink:0}.case-media[data-state=playing] .status-dot{background:var(--case-accent);box-shadow:0 0 0 3px rgba(var(--case-rgb),.08)}.control-cluster{display:flex;align-items:center;gap:15px;flex-shrink:0}.timecode{font-size:9px;font-family:Consolas,monospace;letter-spacing:0;color:#8d9eb1}.video-toggle{background:none;padding:10px 0 10px 5px;min-height:44px;display:none;align-items:center;gap:7px;font-size:10px;color:#c6d3e2}.js .video-toggle{display:inline-flex}.video-toggle svg{width:11px;height:11px;fill:currentColor}.video-toggle .pause-symbol{display:none}.case-media[data-state=playing] .video-toggle .pause-symbol{display:block}.case-media[data-state=playing] .video-toggle .play-symbol{display:none}.media-caption{margin-top:0;padding-left:3px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#7e92a7}.media-error{font-size:11px;line-height:1.7;margin-top:10px;color:#b7c8da}.media-error a{text-decoration:underline;text-underline-offset:3px}
/* Motion activation is driven by the media box, independently of playback. */
.motion-ready .case-media:not(.is-restored) .browser-entry{opacity:0;transform:translate3d(0,105px,-90px) rotateX(12deg) scale(.72)}.case-media.is-near .browser-motion{will-change:transform}.has-motion .case-media.is-restored .browser-float{animation:screen-buoyancy 9s ease-in-out infinite;animation-play-state:paused}.has-motion .case-media.is-engaged .browser-float{animation-play-state:running}.is-hidden .browser-float,.is-hidden .hero-window-drift{animation-play-state:paused!important}.restore-active{animation:browser-restore 1.1s var(--ease) both}.motion-ready .case-title,.motion-ready .case-copy{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .75s var(--ease)}.motion-ready .case.is-visible .case-title,.motion-ready .case.is-visible .case-copy{opacity:1;transform:none}.motion-ready .case.is-visible .case-copy{transition-delay:90ms}
/* Ecosystem: tangible pieces, selectable as one composition. */
.approach{padding:110px 10px 90px}.section-heading{display:grid;grid-template-columns:1fr .52fr;gap:20px 60px;align-items:end}.section-heading>.eyebrow{grid-column:1/-1;color:#90a5bf;font-size:9px}.section-heading h2{font-size:clamp(38px,3.9vw,69px);font-weight:400;line-height:1.08;letter-spacing:-.043em;margin:0}.section-heading h2 em{color:#acbbcd}.section-intro{color:#9caabb;font-size:13px;line-height:1.85;max-width:300px;padding-bottom:5px}.ecosystem{margin-top:39px;background:radial-gradient(ellipse at 33% 52%,#39486120,transparent 62%),#10151d;border:1px solid #38495e65;border-radius:16px;overflow:hidden}.ecosystem-showroom{display:grid;grid-template-columns:1.65fr .72fr;align-items:center;gap:30px;padding:30px 44px 26px 24px}.eco-scene{position:relative;width:100%;aspect-ratio:800/490;perspective:1300px}.eco-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#61789255;stroke-width:1;stroke-dasharray:3 5;pointer-events:none}.eco-connections circle{fill:#9aaec6;stroke:none}.eco-object{position:absolute;background:none;padding:0;color:#d6e1ef;text-align:left;transition:transform .8s var(--ease),filter .7s,opacity .7s;transform-style:preserve-3d}.eco-object:hover{filter:brightness(1.1)}.eco-strategy{top:8%;left:6%;width:32%;border:1px solid #60748e80;border-radius:4px;padding:19px 20px 22px;background:linear-gradient(132deg,#273447,#182333);box-shadow:0 14px 25px -14px #000a;transform:rotateY(8deg) rotateZ(-5deg);z-index:1}.object-index{display:block;font-size:7px;color:#9cacc1;margin-bottom:19px}.eco-strategy b{display:block;font-size:clamp(22px,2.5vw,40px);font-weight:400;line-height:1.05;letter-spacing:-.04em}.eco-strategy b em{color:#b9cbe2}.strategy-tags{display:block;font-size:6px;color:#a1b3ca;letter-spacing:.07em;margin-top:19px;white-space:nowrap}.object-arrow{position:absolute;right:13px;top:14px;font-size:17px;color:#869cb8}.eco-creatives{width:32%;height:48%;left:12%;top:49%;z-index:4;transform:rotateZ(-4deg)}.creative-fan{position:relative;display:block;width:100%;height:85%;perspective:900px}.creative-fan img{position:absolute;width:46%;height:auto;aspect-ratio:3/4;object-fit:cover;border:1px solid #7890a04f;border-radius:3px;top:0;left:26%;box-shadow:0 15px 25px -14px #000e;transition:transform .9s var(--ease)}.creative-fan img:nth-child(1){transform:translate(-47%,10%) rotate(-13deg)}.creative-fan img:nth-child(2){transform:translate(0,-5%) rotate(1deg)}.creative-fan img:nth-child(3){transform:translate(48%,12%) rotate(15deg)}.object-label{display:block;color:#8fa5bf;font-size:7px;letter-spacing:.08em;margin-top:13px;white-space:nowrap}.eco-web{width:56%;top:22%;left:40%;z-index:2;transform:rotateY(-10deg) rotateX(2deg) rotateZ(3deg)}.mini-browser{display:block;border:1px solid #7c94af8a;box-shadow:0 27px 45px -23px #000e;border-radius:5px;overflow:hidden;background:#253247}.mini-browser .browser-bar{height:19px;font-size:6px;padding-inline:8px}.mini-browser img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.mini-browser .browser-pips{width:22px;gap:3px}.mini-browser .browser-pips i{width:3px;height:3px}.eco-goal{top:67%;left:65%;width:31%;display:grid;grid-template-columns:44px 1fr;gap:7px 11px;align-items:start;transform:rotateY(-7deg);z-index:3}.goal-arrow{font-size:44px;line-height:1;grid-row:1/3;color:#91a9c6}.eco-goal .object-label{margin:0;font-size:6px;white-space:normal}.goal-words{font-size:10px;line-height:1.75;color:#d6dfeb}.eco-detail{padding:5px 0 5px 16px;position:relative;border-left:1px solid #40516955}.eco-kicker{font-size:9px;display:block;color:#9db1cc;margin-bottom:23px}.eco-detail h3{font-size:clamp(24px,2.55vw,39px);font-weight:400;letter-spacing:-.04em;line-height:1.13;margin:0 0 20px;min-height:2.3em;white-space:pre-line}.eco-detail>p:not(.sr-only){font-size:12px;color:#a3b2c6;line-height:1.8;min-height:8em;max-width:300px}.eco-navigation{display:flex;align-items:center;gap:20px;margin-top:18px}.eco-navigation button{width:40px;min-height:44px;background:none;color:#a4bad3;font-size:21px;border-bottom:1px solid #4d6076}.eco-navigation span{color:#7e93ac;font-size:9px}.eco-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #34445977;margin-inline:35px}.eco-tabs button{position:relative;background:none;display:flex;align-items:center;gap:14px;color:#8fa1b8;text-align:left;padding:22px 14px;font-size:11px;min-height:64px}.eco-tabs button span{font-family:Consolas,monospace;font-size:9px;color:#627c9d}.eco-tabs button::before{content:"";position:absolute;top:-1px;left:10px;right:10px;height:2px;background:#b8c9df;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.eco-tabs button[aria-pressed=true]{color:#ecf2fa}.eco-tabs button[aria-pressed=true] span{color:#a0b8d6}.eco-tabs button[aria-pressed=true]::before{transform:scaleX(1)}.ecosystem[data-step="0"] .eco-strategy{transform:rotateY(4deg) rotateZ(-3deg) translateY(-5px);filter:brightness(1.15)}.ecosystem[data-step="1"] .eco-creatives{transform:rotateZ(-2deg) scale(1.055)}.ecosystem[data-step="1"] .creative-fan img:nth-child(1){transform:translate(-58%,10%) rotate(-18deg)}.ecosystem[data-step="1"] .creative-fan img:nth-child(3){transform:translate(59%,12%) rotate(20deg)}.ecosystem[data-step="2"] .eco-web{transform:rotateY(-4deg) rotateX(0) rotateZ(1deg) translateY(-8px) scale(1.02)}.ecosystem[data-step="3"] .eco-goal{transform:translateY(-7px) scale(1.06);filter:brightness(1.2)}.eco-detail.is-switching h3,.eco-detail.is-switching>p:not(.sr-only){animation:copy-arrive .45s var(--ease)}.ecosystem-note{font-size:10px;line-height:1.8;max-width:750px;color:#778ba4;margin:18px 0 0 2px}
/* Final invitation, contained in a deliberate architectural surface. */
.contact{padding-bottom:35px}.contact-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#293646,#1a2534 58%,#172131);border:1px solid #657b9670;border-radius:16px;padding:41px clamp(26px,4.5vw,82px) 25px}.contact-panel::before{content:"";position:absolute;z-index:-1;left:42%;top:-120px;bottom:-150px;width:1px;background:#a6bed425;transform:rotate(34deg);box-shadow:210px 0 #a6bed417,440px 0 #a6bed40f;pointer-events:none}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid #7188a230;color:#acbbcd}.contact-top .mono,.contact-top .eyebrow{font-size:8px;color:#b7c8dc}.contact-layout{display:grid;grid-template-columns:1.45fr .6fr;gap:70px;align-items:center;padding:45px 0 43px}.contact h2{font-size:clamp(40px,4.3vw,74px);font-weight:400;line-height:1.075;letter-spacing:-.05em;margin:0 0 26px;max-width:910px}.contact h2 em{color:#c7d5e6}.contact-layout p{font-size:13px;line-height:1.85;color:#a9b8cd;max-width:515px}.contact-action{display:flex;flex-direction:column;align-items:stretch}.contact-emblem{font-size:115px;font-family:Georgia,serif;font-weight:400;color:#c4d7ee;line-height:1;display:block;align-self:center;transform:rotateY(-17deg) rotateZ(-4deg);margin-bottom:33px;text-shadow:12px 12px 0 #16223370}.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e1e9f3;color:#182434;min-height:60px;padding:16px 19px;font-size:12px;white-space:nowrap;transition:background .2s,transform .4s var(--ease)}.contact-cta:hover{background:white;transform:translateY(-3px)}.contact-channel{display:block;margin-top:14px;color:#9eb0c7;font-size:9px;text-align:center}.contact-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:18px;border-top:1px solid #7389a026;color:#859ab6;font-size:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 10px 32px}.site-footer .brand{font-size:21px}.site-footer p{font-size:9px;color:#73849b}.footer-up{display:flex;align-items:center;gap:25px;font-size:10px;min-height:44px;color:#aebcd0}.no-script{background:#233244;padding:15px;font-size:12px;line-height:1.8;color:#c0cee0}
@keyframes copy-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes hero-window-restore{from{opacity:0;transform:translateY(70px) scale(.78)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}@keyframes screen-buoyancy{0%,100%{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-3px,0)}}@keyframes browser-restore{0%{opacity:0;transform:translate3d(0,105px,-90px) rotateX(12deg) scale(.72)}40%{opacity:1}100%{opacity:1;transform:none}}
/* Intermediate screens */
@media(min-width:1800px){.hero-art{height:735px}.hero-copy{padding-block:55px}.hero-lead{font-size:16px;max-width:450px}.case-copy>p{font-size:15px}.layout-sr{min-height:535px}.layout-portfolio{min-height:565px}.layout-radar{min-height:545px}.case--paisa .case-copy>p{font-size:14px}.case-media .media-controls{font-size:10px}.tags{font-size:10px}.text-link{font-size:14px}.hero-art-caption{font-size:10px}}
@media(max-width:1200px){.header-detail{display:none}.hero{grid-template-columns:1fr 1.05fr;gap:0 10px}.hero h1{font-size:clamp(51px,5.5vw,67px)}.hero-art{height:475px}.hero-lead{font-size:13px;max-width:365px}.case-panel{padding:34px}.panel-top{margin-bottom:34px}.layout-sr{grid-template-columns:.72fr 1.2fr;gap:33px}.case--sr-capital .case-title{font-size:36px}.case-copy>p{font-size:12px}.tags{font-size:8px;gap:7px 10px}.tags li:not(:first-child)::before{margin-right:8px}.layout-paisa{grid-template-columns:1.45fr .63fr;gap:30px}.case--paisa .case-title{font-size:51px}.layout-portfolio{grid-template-columns:.7fr 1.2fr;gap:34px}.case--portafolio .case-title{font-size:42px}.layout-radar{gap:35px;grid-template-columns:1.2fr .78fr}.case--radar .case-title{font-size:40px}.layout-conversaciones{grid-template-columns:.25fr 1.75fr;padding-right:0;gap:15px}.interaction-rail{font-size:8px;padding-left:11px}.interaction-rail span::before{left:-13px}.case--conversaciones>.case-panel>.case-copy{padding-left:13%;gap:0 28px}.case--lanzamiento>.case-panel>.case-copy{gap:0 45px}.project-index a{font-size:9px;gap:7px;padding-right:12px}.project-index .arrow{display:none}.ecosystem-showroom{grid-template-columns:1.6fr .78fr;padding-inline:14px 30px;gap:16px}.eco-strategy{padding:14px}.eco-detail h3{font-size:27px}.eco-detail>p:not(.sr-only){font-size:11px}.eco-tabs{margin-inline:20px}.eco-tabs button{font-size:10px;gap:9px;padding-inline:10px}.contact-layout{gap:40px;grid-template-columns:1.3fr .65fr}.contact-emblem{font-size:93px}.contact-cta{font-size:11px;padding-inline:14px}.contact h2{font-size:48px}.control-cluster{gap:10px}.timecode{font-size:8px}.media-status{font-size:8px;gap:5px}}
@media(max-width:950px){.hero{grid-template-columns:1fr 1fr;padding-top:38px}.hero-copy{padding-left:0}.hero h1{font-size:clamp(45px,5.9vw,56px)}.hero-art{height:410px}.hero-lead{font-size:12px}.hero-coordinate{font-size:7px}.hero-art-caption{font-size:8px;left:0;top:0}.hero-eyebrow{font-size:8px;gap:9px}.hero-foot{padding-inline:0}.hero-foot .mono{font-size:8px}.collection{padding-inline:0}.project-index{grid-template-columns:repeat(3,minmax(0,1fr))}.project-index a:nth-child(-n+3){border-bottom:1px solid #2c3744}.project-index a{font-size:11px;min-height:49px;gap:12px}.project-index .arrow{display:block}.case-panel{padding:30px}.panel-top{margin-bottom:34px}.case-meta{font-size:11px;gap:15px}.panel-category{font-size:7px}.layout-sr,.layout-portfolio,.layout-radar{display:flex;flex-direction:column;align-items:stretch;gap:26px;min-height:0}.case-intro{max-width:660px}.case--sr-capital .case-title,.case--radar .case-title{font-size:46px;max-width:620px}.case-copy>p,.case--sr-capital .case-copy>p,.case--portafolio .case-copy>p{max-width:610px;font-size:13px}.case--portafolio .case-title{font-size:50px}.portfolio-media{padding-inline:4%}.case--sr-capital .case-media{padding-inline:2%}.layout-paisa{grid-template-columns:1fr;gap:23px}.layout-paisa .case-copy{display:grid;grid-template-columns:1fr auto;gap:0 30px}.layout-paisa .case-copy>p{grid-row:1/3;max-width:420px;font-size:13px}.layout-paisa .case-copy .tags{margin-top:0}.layout-paisa .case-copy .text-link{justify-self:start}.case--paisa .case-title{font-size:49px}.side-note{font-size:8px}.case--conversaciones .case-title{font-size:45px}.conversation-mark{width:77px;height:51px;border-radius:13px 13px 13px 2px;gap:8px}.layout-conversaciones{grid-template-columns:1fr;padding:0}.interaction-rail{display:flex;flex-direction:row;justify-content:space-between;border-left:0;border-bottom:1px solid #526e793f;padding:0 0 12px;gap:20px;font-size:9px}.interaction-rail span::before{display:none}.case--conversaciones>.case-panel>.case-copy{padding-left:0;gap:0 28px;margin-top:20px}.case--conversaciones>.case-panel>.case-copy>p{max-width:470px}.layout-radar .case-media{order:2}.layout-radar .case-intro{order:1}.case--lanzamiento .case-title{font-size:49px}.case--lanzamiento .case-heading{padding-inline:0}.product-stage{padding:0 2% 23px}.case--lanzamiento>.case-panel>.case-copy{padding-inline:0;gap:0 30px}.panel-foot{margin-top:32px}.tags{font-size:9px}.panel-foot .mono{font-size:7px}.panel-foot>a{font-size:8px}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:45px;max-width:700px}.section-intro{max-width:490px;font-size:13px}.approach{padding-top:80px;padding-bottom:65px}.ecosystem-showroom{display:block;padding:20px 25px}.eco-scene{max-width:710px;margin:auto}.eco-detail{border-left:0;border-top:1px solid #40516955;padding:25px 0 6px;display:grid;grid-template-columns:1fr .8fr;gap:10px 30px}.eco-kicker{grid-column:1;grid-row:1;margin-bottom:0}.eco-detail h3{grid-column:1;grid-row:2/4;max-width:340px;font-size:34px;margin-bottom:0;min-height:0}.eco-detail>p:not(.sr-only){grid-column:2;grid-row:1/3;font-size:12px;min-height:0}.eco-navigation{grid-column:2;margin-top:4px}.eco-tabs button{font-size:9px}.eco-strategy b{font-size:34px}.object-index{font-size:7px}.goal-words{font-size:11px}.contact-layout{grid-template-columns:1fr .64fr;gap:30px}.contact h2{font-size:43px}.contact-layout p{font-size:12px}.contact-emblem{font-size:83px}.contact-panel{padding:27px}.contact-top .mono{display:none}.contact-bottom{font-size:7px}.site-footer p{font-size:8px}.site-footer .brand{font-size:21px}}
/* Mobile composition: natural heights, readable surfaces, compact restore. */
@media(max-width:700px){:root{--gutter:18px}.header-inner{height:73px;gap:15px}.brand{font-size:24px}.nav{gap:19px}.nav a{font-size:10px}.nav .contact-link{gap:0}.nav .contact-link .arrow{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:32px}.hero-copy{padding:9px 4px 0}.hero-eyebrow{font-size:8px;margin-bottom:23px}.hero h1{font-size:clamp(44px,10vw,65px);line-height:1.05;max-width:520px}.hero h1 br:first-of-type{display:none}.hero-lead{font-size:13px;line-height:1.8;max-width:420px;margin-top:22px}.hero-cta{font-size:12px;margin-top:15px;padding-block:12px;gap:46px}.hero-art{margin-top:27px;width:100%;height:auto;aspect-ratio:1.12;max-width:560px;align-self:center}.hero-coordinate{font-size:7px;top:0}.hero-window--back{top:7%;right:2%;width:57%}.hero-window--middle{top:23%;left:1%;width:78%}.hero-window--front{top:40%;left:15%;width:82%}.hero-window .browser-bar{height:19px;font-size:6px;padding-inline:7px}.hero-window .browser-id{font-size:6px}.hero-window .browser-pips{gap:3px;width:21px}.hero-window .browser-pips i{width:3px;height:3px}.hero-art-caption{font-size:7px;top:0;left:2%;gap:7px}.micro-cross{font-size:14px}.hero-window-plane{border-radius:5px}.hero-foot{width:100%;padding:22px 4px 0;gap:13px;margin-top:10px}.hero-foot .mono{font-size:7px;letter-spacing:.02em}.hero-foot b{margin-left:5px}.hero-foot-line{min-width:15px}.collection{padding:38px 4px 23px}.collection-heading{display:block;margin-bottom:19px}.collection-heading h2{font-size:27px}.collection-note{text-align:left;margin-top:18px;font-size:10px}.playback-master{margin-left:0;font-size:9px;padding-block:4px;min-height:38px}.project-index{grid-template-columns:repeat(2,minmax(0,1fr))}.project-index a{font-size:10px;min-height:54px;gap:9px;padding-right:10px}.project-index a:nth-child(-n+4){border-bottom:1px solid #2b3541}.project-index .arrow{font-size:12px}.project-index a>span:first-child{font-size:8px}.case{padding-block:10px;scroll-margin-top:12px}.case-panel{padding:24px 20px 16px;border-radius:12px}.panel-top{padding-bottom:18px;margin-bottom:27px;align-items:flex-start;gap:12px}.case-meta{font-size:10px;gap:10px}.case-number{font-size:9px}.panel-category{display:none}.case-title,.case--sr-capital .case-title,.case--paisa .case-title,.case--portafolio .case-title,.case--conversaciones .case-title,.case--radar .case-title,.case--lanzamiento .case-title{font-size:clamp(34px,8vw,48px);line-height:1.08;letter-spacing:-.05em;margin-bottom:19px;text-wrap:pretty}.case-title br{display:none}.case-copy>p,.case--paisa .case-copy>p,.case--sr-capital .case-copy>p,.case--portafolio .case-copy>p{font-size:12px;line-height:1.85;max-width:none}.tags{font-size:8px;gap:7px 11px;margin-block:20px 13px}.text-link{font-size:11px;gap:32px;min-height:46px}.text-link .arrow{font-size:19px}.case-heading{display:block;margin-bottom:18px}.case-heading .case-title{margin-bottom:0}.side-note{display:none}.case--paisa .case-title{font-size:36px}.case--paisa .case-heading{margin-bottom:25px}.case--paisa .case-title br{display:block}.layout-sr,.layout-portfolio,.layout-radar{gap:21px}.case--sr-capital .case-media{padding-inline:0}.layout-paisa .case-copy,.case--conversaciones>.case-panel>.case-copy,.case--lanzamiento>.case-panel>.case-copy{display:block}.layout-paisa .case-copy .tags,.case--conversaciones>.case-panel>.case-copy .tags,.case--lanzamiento>.case-panel>.case-copy .tags{margin:19px 0 12px}.layout-paisa{gap:19px}.editorial-rule{width:37px;margin-bottom:21px}.portfolio-media{padding:0}.editorial-caption{font-size:12px;margin-top:16px;text-align:left}.conversation-mark{display:none}.interaction-rail{font-size:7px;gap:7px;padding-top:3px;letter-spacing:-.02em}.layout-conversaciones{gap:17px}.case--conversaciones>.case-panel>.case-copy{margin-top:19px}.case--conversaciones .case-title{max-width:390px}.radar-kicker{font-size:7px;margin-bottom:17px}.case-copy>p.case-note{font-size:9px;max-width:none;margin-top:12px}.case--radar .case-copy .case-note{max-width:300px}.product-stage{padding:8px 0 23px}.stage-plane{bottom:11px;height:60px}.case--lanzamiento .case-title{font-size:35px}.case--lanzamiento>.case-panel>.case-copy{padding:0}.case--lanzamiento .case-heading{margin-bottom:10px}.panel-foot{margin-top:25px;padding-top:13px;gap:13px}.panel-foot .mono{font-size:6px;letter-spacing:.02em;max-width:65%}.panel-foot>a{font-size:7px;gap:7px;text-align:right;line-height:1.6;max-width:35%}.sr-mark{font-size:260px;bottom:15%;right:-5%}.paisa-mark{font-size:150px;top:28%;right:-2%}.radar-lines{width:150%;left:-150px;top:15%}.case-media{padding:4px 0;perspective:1100px}.browser-motion{transform:translate3d(0,var(--ty,0px),0) scale(var(--scale,1));opacity:1}.screen{border-radius:6px;box-shadow:0 25px 40px -25px #000e}.browser-bar{height:24px;font-size:7px;padding-inline:8px}.browser-id{font-size:6px}.browser-pips{gap:3px;width:22px}.browser-pips i{width:3px;height:3px}.media-controls{padding-top:9px;font-size:8px;gap:5px}.media-status{font-size:7px;gap:5px}.control-cluster{gap:7px}.timecode{font-size:7px}.video-toggle{font-size:9px;gap:6px;min-height:44px;padding-left:5px}.video-toggle svg{width:10px;height:10px}.media-caption{font-size:7px;letter-spacing:.06em}.overlay-play{font-size:10px;min-height:44px;padding:10px 14px}.media-error{font-size:10px}.approach{padding:64px 4px 47px}.section-heading{gap:16px}.section-heading>.eyebrow{font-size:8px}.section-heading h2{font-size:34px;line-height:1.12}.section-heading h2 br{display:none}.section-intro{font-size:12px;line-height:1.8}.ecosystem{margin-top:26px;border-radius:12px}.ecosystem-showroom{padding:19px 15px 17px}.eco-scene{aspect-ratio:1.33;margin-bottom:10px}.eco-strategy{left:3%;top:6%;width:41%;padding:12px 10px 14px}.object-index{font-size:5px;letter-spacing:.01em;margin-bottom:11px}.eco-strategy b{font-size:23px}.strategy-tags{font-size:5px;margin-top:11px;letter-spacing:0;white-space:normal}.object-arrow{font-size:14px;right:7px;top:7px}.eco-web{left:42%;top:31%;width:56%}.mini-browser .browser-bar{height:13px;font-size:4px;padding-inline:4px;gap:4px}.mini-browser .browser-pips{width:13px;gap:2px}.mini-browser .browser-pips i{width:2px;height:2px}.mini-browser{border-radius:3px}.eco-web .object-label{font-size:5px;margin-top:8px}.eco-creatives{top:56%;left:6%;width:37%;height:39%}.creative-fan img{border-radius:2px}.eco-creatives .object-label{font-size:5px;margin-top:6px}.eco-goal{top:74%;left:61%;width:37%;grid-template-columns:25px 1fr;gap:5px}.goal-arrow{font-size:27px}.eco-goal .object-label{font-size:4px}.goal-words{font-size:7px;line-height:1.6}.eco-detail{display:block;padding-top:21px}.eco-kicker{font-size:8px;margin-bottom:14px}.eco-detail h3{font-size:31px;line-height:1.1;min-height:2.2em;margin-bottom:17px}.eco-detail>p:not(.sr-only){font-size:12px;max-width:none;min-height:7em}.eco-navigation{justify-content:space-between;margin-top:8px;gap:12px}.eco-navigation button{width:42px;min-height:44px}.eco-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:15px}.eco-tabs button{font-size:9px;min-height:56px;padding:12px 5px;line-height:1.6;gap:8px}.eco-tabs button:nth-child(-n+2){border-bottom:1px solid #34445955}.eco-tabs button::before{left:3px;right:3px}.eco-tabs button span{font-size:8px}.ecosystem-note{font-size:9px;margin-top:15px;line-height:1.75}.contact{padding-bottom:18px}.contact-panel{padding:24px 22px 19px;border-radius:12px}.contact-top{padding-bottom:20px}.contact-top .eyebrow{font-size:7px}.contact-layout{display:block;padding-block:28px}.contact h2{font-size:36px;line-height:1.09;margin-bottom:22px;max-width:450px}.contact-layout p{font-size:12px;line-height:1.85}.contact-action{margin-top:27px}.contact-emblem{display:none}.contact-cta{font-size:11px;min-height:58px;padding:15px 17px}.contact-channel{font-size:8px;margin-top:12px;text-align:left}.contact-bottom{display:block;font-size:7px;line-height:1.8;padding-top:15px}.contact-bottom>span{display:block}.contact-bottom>span:last-child{color:#b3c3d7}.contact-panel::before{left:60%;box-shadow:110px 0 #a6bed418}.site-footer{padding:15px 4px 25px;flex-wrap:wrap;gap:12px}.site-footer .brand{font-size:22px}.site-footer p{font-size:8px;order:3;width:100%;margin:0}.footer-up{margin-left:auto;font-size:9px;gap:15px}}
@media(min-width:701px) and (max-width:767px){.browser-motion{transform:translate3d(0,var(--ty,0px),0) scale(var(--scale,1))}}
@media(max-width:374px){:root{--gutter:14px}.case-panel{padding-inline:17px}.hero h1{font-size:43px}.nav{gap:14px}.nav a{font-size:9px}.case-title,.case--sr-capital .case-title,.case--paisa .case-title,.case--portafolio .case-title,.case--conversaciones .case-title,.case--radar .case-title,.case--lanzamiento .case-title{font-size:32px}.silent-label{display:none}.media-caption{font-size:6px}.hero-art-caption{font-size:6px}.eco-strategy b{font-size:21px}.eco-detail h3{font-size:29px}.contact h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.browser-entry,.browser-motion,.browser-float,.hero-window,.hero-window-drift,.hero-copy [data-hero],.case-title,.case-copy{transform:none!important;opacity:1!important}.hero-window-plane{transform:none!important}.hero-plane-grid{transform:none}.eco-object,.contact-emblem{transform:none!important}.contact-cta:hover{transform:none}}

.hero-away .hero-window-drift{animation-play-state:paused!important}
@media(max-width:767px){@keyframes browser-restore{0%{opacity:0;transform:translate3d(0,44px,0) scale(.84)}40%{opacity:1}100%{opacity:1;transform:none}}}