:root{--black:#090909;--graphite:#1e1e1e;--blue:#072453;--green:#30e9b2;--white:#f4f4f1;--muted:#a7a7a1;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:"Sora",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;height:auto}::selection{background:var(--green);color:var(--black)}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--green);color:#000;padding:12px 16px}.skip-link:focus{top:12px}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.025;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-dot{position:fixed;z-index:60;width:18px;height:18px;border:1px solid var(--green);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s,background .2s;display:none}body.cursor-active .cursor-dot{display:block}body.cursor-hover .cursor-dot{width:56px;height:56px;background:rgba(48,233,178,.2)}.section-pad{padding:110px 5vw}.site-header{position:absolute;z-index:40;left:0;right:0;top:0;height:96px;padding:18px 5vw;display:flex;justify-content:space-between;align-items:center}.sub-header{position:absolute;border-bottom:1px solid var(--line)}.brand{display:block;width:68px;height:68px;overflow:hidden}.brand img,.footer-brand img{width:100%;height:100%;object-fit:contain}.desktop-nav{display:flex;gap:28px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:7px;width:0;height:1px;background:var(--green);transition:.25s}.desktop-nav a:hover:after{width:100%}.header-cta{border:1px solid var(--line);border-radius:999px;padding:11px 16px;font-size:10px;letter-spacing:.12em}.header-cta:hover{background:var(--green);color:#000}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:12px 14px;cursor:pointer}.mobile-menu{position:fixed;z-index:80;inset:0;background:var(--green);color:var(--black);padding:28px 5vw;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-102%);transition:transform .5s cubic-bezier(.76,0,.24,1)}.mobile-menu.open{transform:none}.mobile-menu nav{display:flex;flex-direction:column;margin-top:90px}.mobile-menu nav a{font-size:clamp(42px,10vw,86px);font-weight:800;line-height:1;border-bottom:2px solid rgba(0,0,0,.25);padding:14px 0;text-transform:uppercase}.mobile-menu p{font-weight:700;font-size:18px}.menu-close{position:absolute;top:25px;right:5vw;border:0;background:none;font-size:48px;line-height:1;cursor:pointer}.hero{min-height:760px;padding-top:170px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 76% 35%,rgba(7,36,83,.9),transparent 31%),var(--black)}.hero-kicker{font-size:10px;letter-spacing:.2em;color:var(--muted);margin-bottom:34px}.hero-title{font-size:clamp(58px,11.5vw,176px);line-height:.78;letter-spacing:-.075em;margin:0;position:relative;z-index:2}.hero-title .line{display:block}.hero-title .line:nth-child(2){margin-left:9vw}.accent-outline{color:transparent;-webkit-text-stroke:2px var(--green)}.hero-bottom{margin-top:70px;display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}.hero-bottom p{max-width:620px;color:#d6d6d1;font-size:17px;line-height:1.6;margin:0}.round-link{width:150px;height:150px;border-radius:50%;background:var(--green);color:var(--black);display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:800;transition:transform .3s}.round-link b{font-size:24px}.round-link:hover{transform:rotate(-7deg) scale(1.05)}.orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-a{width:280px;height:280px;right:14vw;top:180px;background:radial-gradient(circle at 35% 28%,#fff 0,#6b6b6b 9%,#171717 34%,#050505 72%);box-shadow:0 0 80px rgba(48,233,178,.1)}.sticker{position:absolute;z-index:3;background:var(--green);color:var(--black);font-weight:800;text-align:center;border:2px solid var(--black);box-shadow:4px 4px 0 var(--black);padding:12px 18px;line-height:.9;font-size:13px;transform:rotate(-8deg)}.sticker-a{right:7vw;bottom:170px}.sticker-b{left:56vw;bottom:70px;background:var(--white);transform:rotate(6deg)}.capability-index{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c0c0c}.capability-index p{margin:0;padding:22px 5vw;border-right:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.14em}.capability-index p:nth-child(even){color:var(--green)}.capability-index span{grid-column:1/-1;padding:10px 5vw;color:var(--muted);font-size:9px;letter-spacing:.2em;border-top:1px solid var(--line)}.section-head{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head>span,.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.section-head h2{font-size:clamp(56px,9vw,130px);line-height:.86;letter-spacing:-.07em;margin:0;text-align:right}.section-head em{font-style:normal;color:var(--green)}.work{background:#111}.work-intro{max-width:640px;margin:0 0 48px auto;color:var(--muted);font-size:14px;line-height:1.7}.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.reel-card{background:#0b0b0b;border:1px solid var(--line);padding:12px;position:relative;overflow:hidden;content-visibility:auto;contain-intrinsic-size:480px 760px}.reel-index{font-size:10px;color:var(--green);letter-spacing:.15em;margin-bottom:8px}.reel-frame{aspect-ratio:9/16;overflow:hidden;background:#111}.reel-frame iframe{width:100%;height:100%;border:0;background:#fff}.reel-card>a{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 4px 4px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.reel-card>a:hover{color:var(--green)}.work-cta{display:flex;justify-content:flex-end;margin-top:36px}.work-cta a{border-bottom:1px solid var(--green);padding:12px 0;font-size:12px;letter-spacing:.13em}.services{background:var(--black);position:relative}.services-top,.services-bottom{display:flex;align-items:center;justify-content:center;gap:28px;font-size:15px;margin:0 0 34px}.services-bottom{margin:48px 0 0}.services-top div,.services-bottom div{font-size:30px;color:var(--green)}.services-title{max-width:1100px;margin:0 auto 28px;font-size:clamp(48px,7.6vw,112px);line-height:.88;letter-spacing:-.07em}.services-title em{color:var(--green);font-style:normal}.services-intro{max-width:720px;margin:0 auto 48px;color:var(--muted);line-height:1.7}.service-list{max-width:1100px;margin:auto}.service-row{width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;text-align:left;background:transparent;border-bottom:1px solid var(--line);padding:14px 0;transition:color .2s,transform .25s}.service-row span{font-size:clamp(40px,6.4vw,94px);line-height:.9;font-weight:800;letter-spacing:-.065em;text-transform:lowercase}.service-row b{font-size:9px;color:var(--green);font-weight:500;letter-spacing:.13em;text-transform:uppercase;padding-bottom:9px}.service-row:hover,.service-row:focus-visible{color:var(--green);transform:translateX(10px)}.statement{background:var(--green);color:var(--black)}.statement-grid{display:grid;grid-template-columns:170px 1fr 300px;gap:50px;align-items:start}.statement-grid>span{font-size:10px;letter-spacing:.2em}.statement-copy{font-size:clamp(46px,7.3vw,108px);line-height:.9;letter-spacing:-.065em;font-weight:800;margin:0}.statement-copy em{font-style:normal;color:var(--white);-webkit-text-stroke:1px var(--black)}.statement-copy strong{font-weight:800;text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:8px}.about-copy{font-size:14px;line-height:1.65;border-left:1px solid rgba(0,0,0,.25);padding-left:24px}.career{background:#141414;border-bottom:1px solid var(--line)}.career-copy{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-top:40px}.career-copy h2{font-size:clamp(58px,10vw,145px);line-height:.82;letter-spacing:-.07em;margin:0}.career-copy h2 span{color:var(--green)}.career-copy p{max-width:370px;color:var(--muted);line-height:1.6}.career-mail{margin-top:65px;width:100%;border:1px solid var(--line);background:transparent;display:flex;justify-content:space-between;align-items:center;padding:26px 28px;font-size:clamp(18px,3vw,42px);font-weight:600;cursor:pointer;transition:.25s}.career-mail:hover{background:var(--green);color:var(--black);border-color:var(--green)}.contact{background:var(--blue);min-height:650px}.contact h2{font-size:clamp(70px,13vw,190px);line-height:.77;letter-spacing:-.075em;margin:70px 0 40px}.big-contact{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);padding:22px 0;background:transparent;text-align:left;font-size:clamp(32px,6vw,78px);font-weight:800;cursor:pointer}.big-contact span{color:var(--green)}.contact-email{color:#c5cfdf;font-size:12px;letter-spacing:.12em;margin-top:20px}footer{padding:60px 5vw 34px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;background:#060606}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand img{width:54px;height:54px}.footer-brand p{font-size:11px;font-weight:700;line-height:1.25}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--green)}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:8px;font-size:9px;color:var(--muted);letter-spacing:.12em}.mail-modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}.mail-modal.open{opacity:1;visibility:visible}.mail-panel{background:var(--green);color:var(--black);width:min(760px,100%);padding:38px;position:relative}.mail-close{position:absolute;right:22px;top:18px;background:none;border:0;font-size:38px;cursor:pointer}.mail-panel h2,.mail-panel h3{font-size:clamp(34px,6vw,72px);line-height:.9;letter-spacing:-.055em;margin:30px 0 12px}.mail-panel .eyebrow{color:rgba(0,0,0,.6)}.mail-recipient{margin:0 0 34px;font-weight:700}.mail-options{display:flex;flex-direction:column}.mail-options a{display:flex;justify-content:space-between;border-top:1px solid rgba(0,0,0,.3);padding:18px 0;font-size:14px;font-weight:700}.mail-options a:last-child{border-bottom:1px solid rgba(0,0,0,.3)}.breadcrumbs{padding:125px 5vw 0;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.08em}.breadcrumbs a:hover{color:var(--green)}.service-hero{padding-top:70px;min-height:610px;background:radial-gradient(circle at 80% 30%,rgba(7,36,83,.85),transparent 29%)}.service-hero h1,.contact-page h1{font-size:clamp(64px,11vw,165px);line-height:.82;letter-spacing:-.075em;margin:30px 0 28px;max-width:1200px}.service-lead{max-width:720px;font-size:clamp(18px,2.2vw,30px);line-height:1.45;color:#d5d5d0}.service-contact{display:inline-block;margin-top:34px;border:1px solid var(--green);padding:15px 18px;font-size:11px;letter-spacing:.1em}.service-contact:hover{background:var(--green);color:#000}.service-content{background:#111}.service-summary{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:60px}.service-summary h2{font-size:clamp(34px,5vw,66px);margin:0}.service-summary p{font-size:18px;line-height:1.7;color:#ccc;margin:0;max-width:780px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-cards article{border:1px solid var(--line);padding:28px;min-height:220px}.service-cards h2{font-size:24px;margin:0 0 14px}.service-cards p{color:var(--muted);line-height:1.65;font-size:13px}.service-seo{background:var(--green);color:#000;display:grid;grid-template-columns:1fr 2fr;gap:40px}.service-seo .eyebrow{color:rgba(0,0,0,.55)}.service-seo h2{font-size:clamp(40px,6vw,86px);line-height:.92;letter-spacing:-.055em;margin:0}.service-seo p{grid-column:2;font-size:16px;line-height:1.7;max-width:760px}.other-services h2{font-size:clamp(40px,6vw,82px);margin:20px 0 38px}.other-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.other-grid a,.services-page-grid a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:clamp(20px,3vw,40px);font-weight:700}.other-grid a:nth-child(odd){padding-right:28px}.other-grid a:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}.other-grid a:hover,.services-page-grid a:hover{color:var(--green)}.services-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.services-page-grid a{padding:28px;border:1px solid var(--line);margin:-1px 0 0 -1px}.contact-mini{background:var(--blue);padding:60px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-mini h2{font-size:clamp(36px,6vw,80px);margin:0}.contact-mini a{background:var(--green);color:#000;padding:18px 22px;border-radius:999px;font-weight:700}.contact-page{padding-top:170px;min-height:760px;background:radial-gradient(circle at 80% 20%,rgba(48,233,178,.11),transparent 25%),var(--blue)}.contact-page>p:not(.eyebrow){font-size:20px;color:#d6ddeb}.contact-page .big-contact{margin-top:70px}.contact-facts{margin-top:50px;display:flex;justify-content:space-between;gap:30px;color:#b6c0d2;font-size:10px;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:block}.header-cta{display:none}.hero{min-height:700px}.hero-title .line:nth-child(2){margin-left:0}.orb-a{right:-70px;top:190px;width:230px;height:230px}.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-grid,.service-seo{grid-template-columns:1fr}.service-seo p{grid-column:1}.about-copy{max-width:500px}.career-copy{display:block}.career-copy p{margin-top:30px}footer{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1;align-items:flex-start}.service-cards{grid-template-columns:1fr}.service-summary{grid-template-columns:1fr}.other-grid,.services-page-grid{grid-template-columns:1fr}.other-grid a:nth-child(even),.other-grid a:nth-child(odd){padding-left:0;padding-right:0;border-left:0}.contact-mini{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.section-pad{padding:78px 20px}.site-header{height:80px;padding:14px 20px}.brand{width:52px;height:52px}.hero{padding-top:138px;min-height:650px}.hero-kicker{line-height:1.5}.hero-title{font-size:clamp(52px,18vw,90px);line-height:.83}.accent-outline{-webkit-text-stroke:1px var(--green)}.hero-bottom{display:block;margin-top:50px}.hero-bottom p{font-size:14px;max-width:90%}.round-link{width:112px;height:112px;margin:30px 0 0 auto}.sticker-a{right:20px;bottom:185px}.sticker-b{display:none}.capability-index{grid-template-columns:1fr 1fr}.capability-index p{padding:18px 20px;border-bottom:1px solid var(--line)}.section-head{display:block}.section-head h2{text-align:left;margin-top:25px}.work-intro{margin-left:0}.reels-grid{grid-template-columns:1fr}.service-row{grid-template-columns:1fr}.service-row span{font-size:clamp(38px,13vw,66px)}.service-row b{margin-top:8px;padding:0}.statement-copy{font-size:clamp(44px,14vw,76px)}.career-copy h2{font-size:clamp(56px,17vw,88px)}.career-mail{font-size:17px;padding:20px 15px}.contact{min-height:auto}.contact h2{font-size:clamp(64px,18vw,96px)}footer{grid-template-columns:1fr}.footer-meta{grid-column:auto}.mail-panel{padding:28px 22px}.breadcrumbs{padding:105px 20px 0;overflow:auto}.service-hero{padding-top:52px}.service-hero h1,.contact-page h1{font-size:clamp(54px,16vw,88px)}.service-lead{font-size:17px}.service-cards article{min-height:auto}.contact-facts{flex-direction:column}.services-page-grid{padding-left:20px;padding-right:20px}.contact-page{padding-top:130px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.round-link,.service-row{transition:none}}
/* V2.2 — Instagram editorial + tráfico digital */
.reels-stage{max-width:1280px;margin:68px auto 20px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 12px;align-items:start;position:relative;padding:42px 0 70px}.reels-stage:before{content:"ODIN / MOTION / SOCIAL / CAMPAIGNS";position:absolute;left:0;right:0;top:0;font-size:clamp(32px,7.8vw,118px);font-weight:800;line-height:.8;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);white-space:nowrap;overflow:hidden;pointer-events:none}.reel-card{position:relative;min-width:0}.reel-card-01{grid-column:1/span 3;margin-top:90px;transform:rotate(-2deg)}.reel-card-02{grid-column:4/span 3;margin-top:0;transform:rotate(1.5deg)}.reel-card-03{grid-column:7/span 3;margin-top:135px;transform:rotate(-1deg)}.reel-card-04{grid-column:10/span 3;margin-top:35px;transform:rotate(2deg)}.reel-card-05{grid-column:2/span 4;margin-top:28px;transform:rotate(1deg)}.reel-card-06{grid-column:7/span 4;margin-top:-20px;transform:rotate(-1.8deg)}.reel-index{position:absolute;z-index:3;left:-15px;top:-42px;font-size:clamp(62px,8vw,128px);line-height:1;font-weight:800;letter-spacing:-.08em;color:var(--green);mix-blend-mode:difference;pointer-events:none}.reel-shell{position:relative;background:#101010;clip-path:polygon(0 3%,95% 0,100% 96%,5% 100%);padding:8px 8px 56px;box-shadow:0 22px 70px rgba(0,0,0,.36);transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s}.reel-card:nth-child(even) .reel-shell{clip-path:polygon(5% 0,100% 4%,96% 100%,0 96%)}.reel-frame{aspect-ratio:9/16;overflow:hidden;background:#151515;position:relative}.reel-frame iframe{width:100%;height:100%;border:0;display:block;background:#fff}.reel-open{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;align-items:end;gap:10px;font-size:9px;letter-spacing:.14em}.reel-open strong{font-size:10px;color:var(--green)}.reel-card:hover .reel-shell{transform:translateY(-10px) scale(1.015);filter:contrast(1.05)}.reel-card:hover .reel-index{color:var(--white)}
.traffic-sales{background:#e8e8e4;color:#070707;position:relative;overflow:hidden}.traffic-sales:before{content:"SALES";position:absolute;right:-2vw;top:-3vw;font-size:clamp(120px,26vw,420px);line-height:.8;font-weight:800;letter-spacing:-.1em;color:rgba(0,0,0,.035);pointer-events:none}.traffic-kicker{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(0,0,0,.24);padding-top:14px;font-size:10px;font-weight:700;letter-spacing:.17em}.traffic-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:7vw;margin-top:70px;align-items:start}.traffic-copy h2{font-size:clamp(58px,9.2vw,142px);line-height:.79;letter-spacing:-.075em;margin:0}.traffic-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #070707}.traffic-copy h2 strong{color:var(--blue)}.traffic-copy p{max-width:660px;font-size:17px;line-height:1.65;margin:42px 0 32px}.traffic-copy>a{display:inline-flex;gap:40px;align-items:center;background:#070707;color:#fff;padding:17px 20px;font-size:11px;font-weight:700;letter-spacing:.1em}.traffic-copy>a span{color:var(--green)}.sales-flow{border-top:2px solid #070707}.sales-flow article{display:grid;grid-template-columns:56px 1fr;gap:10px;border-bottom:1px solid rgba(0,0,0,.25);padding:20px 0;position:relative}.sales-flow article:after{content:"↘";position:absolute;right:0;top:19px;font-size:22px}.sales-flow b{grid-row:1/3;font-size:10px;font-weight:500}.sales-flow span{font-size:clamp(22px,2.5vw,38px);font-weight:800;letter-spacing:-.04em}.sales-flow p{margin:3px 40px 0 0;font-size:12px;line-height:1.5;color:#444}.traffic-statement{margin-top:90px;border-top:1px solid rgba(0,0,0,.3);border-bottom:1px solid rgba(0,0,0,.3);padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:clamp(24px,5vw,72px);font-weight:800;letter-spacing:-.05em}.traffic-statement i{font-style:normal;color:var(--blue)}.traffic-service-hero{background:radial-gradient(circle at 82% 32%,rgba(48,233,178,.13),transparent 25%),radial-gradient(circle at 70% 15%,rgba(7,36,83,.9),transparent 38%),#090909}
@media(max-width:980px){.reels-stage{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 12px}.reel-card-01{grid-column:1/span 3}.reel-card-02{grid-column:4/span 3;margin-top:25px}.reel-card-03{grid-column:1/span 3;margin-top:15px}.reel-card-04{grid-column:4/span 3;margin-top:50px}.reel-card-05{grid-column:1/span 3;margin-top:12px}.reel-card-06{grid-column:4/span 3;margin-top:42px}.traffic-grid{grid-template-columns:1fr;gap:60px}.sales-flow{max-width:760px}}
@media(max-width:640px){.reels-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-left:-20px;margin-right:-20px;padding:70px 20px 45px;scrollbar-width:none}.reels-stage::-webkit-scrollbar{display:none}.reel-card,.reel-card-01,.reel-card-02,.reel-card-03,.reel-card-04,.reel-card-05,.reel-card-06{flex:0 0 78vw;min-width:250px;margin-top:0;transform:none;scroll-snap-align:center}.reel-index{left:0;top:-38px}.reel-shell,.reel-card:nth-child(even) .reel-shell{clip-path:polygon(0 2%,96% 0,100% 98%,4% 100%)}.traffic-kicker{flex-direction:column}.traffic-grid{margin-top:48px}.traffic-copy h2{font-size:clamp(54px,16vw,88px)}.traffic-copy h2 em{-webkit-text-stroke:1px #070707}.traffic-copy p{font-size:15px}.traffic-statement{font-size:clamp(20px,9vw,46px);margin-top:65px}.sales-flow article{grid-template-columns:40px 1fr}.sales-flow article:after{display:none}}
/* V2.4 — Desarrollo web showcase */
.web-showcase{background:#0d0d0d;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.web-showcase:before{content:"WEB";position:absolute;left:-2vw;bottom:-4vw;font-size:clamp(180px,35vw,560px);font-weight:800;line-height:.7;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);pointer-events:none}
.web-showcase-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:5vw;align-items:center;position:relative;z-index:2}
.web-showcase-copy h2{font-size:clamp(54px,7.4vw,112px);line-height:.82;letter-spacing:-.07em;margin:24px 0 34px}
.web-showcase-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--white)}
.web-showcase-copy h2 strong{color:var(--green)}
.web-showcase-lead{max-width:670px;color:#c0c0ba;line-height:1.7;font-size:15px}
.web-showcase-points{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 38px}
.web-showcase-points span{border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:9px;letter-spacing:.13em;color:#cfcfca}
.web-showcase-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.web-primary,.web-secondary{min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 18px;font-size:10px;font-weight:700;letter-spacing:.1em}
.web-primary{background:var(--green);color:#050505}
.web-primary b{font-size:18px}
.web-secondary{background:transparent;color:var(--white);border:1px solid var(--line);cursor:pointer}
.web-secondary:hover{border-color:var(--green);color:var(--green)}
.web-showcase-visual{position:relative;min-width:0;padding:58px 0 20px}
.web-showcase-visual figure{margin:0;position:relative;transform:rotate(-1.5deg);filter:drop-shadow(0 30px 55px rgba(0,0,0,.55));z-index:2}
.web-showcase-visual img{display:block;width:115%;max-width:none;margin-left:-8%;height:auto}
.web-visual-label{position:absolute;left:4%;top:14px;z-index:4;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.13em}
.web-visual-label span{color:var(--green)}
.web-visual-label b{font-weight:500;color:var(--muted)}
.web-orbit{position:absolute;right:-14px;top:42px;width:112px;height:112px;border:1px solid rgba(48,233,178,.4);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:8px;letter-spacing:.12em;text-align:center;transform:rotate(10deg);z-index:4;background:rgba(9,9,9,.72);backdrop-filter:blur(8px)}
.web-marquee{margin:78px -5vw -110px;padding:18px 5vw 19px;border-top:1px solid var(--line);display:flex;justify-content:space-around;gap:28px;align-items:center;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.16em;color:#b9b9b4;position:relative;z-index:3;background:#080808}
.web-marquee i{font-style:normal;color:var(--green)}
@media(max-width:980px){.web-showcase-grid{grid-template-columns:1fr}.web-showcase-visual{max-width:820px;margin:auto}.web-showcase-copy{max-width:850px}.web-marquee{overflow:hidden;justify-content:flex-start}}
@media(max-width:640px){.web-showcase-copy h2{font-size:clamp(50px,15vw,80px)}.web-showcase-copy h2 em{-webkit-text-stroke:1px var(--white)}.web-showcase-lead{font-size:14px}.web-showcase-actions{align-items:stretch;flex-direction:column}.web-primary,.web-secondary{width:100%}.web-showcase-visual{padding-top:48px}.web-showcase-visual img{width:128%;margin-left:-14%}.web-orbit{width:84px;height:84px;right:0;font-size:7px}.web-visual-label{left:0;right:0;justify-content:space-between}.web-marquee{margin-bottom:-78px;margin-top:55px;padding-left:20px;padding-right:20px}}
/* V2.5 — Featured project, professional video showcase, careers page */
.video-showcase{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:68px}.video-tile{min-height:340px;position:relative;overflow:hidden;border:1px solid var(--line);background:#101010;padding:24px;color:#fff;isolation:isolate}.video-tile:before,.video-tile:after{content:"";position:absolute;inset:auto;pointer-events:none;z-index:-1}.video-tile:before{width:68%;aspect-ratio:1;border-radius:50%;filter:blur(8px);opacity:.75;right:-18%;top:-24%;background:radial-gradient(circle,var(--blue),transparent 65%)}.video-tile:after{inset:0;background:linear-gradient(135deg,transparent 20%,rgba(255,255,255,.04) 20.5%,transparent 21%,transparent 64%,rgba(48,233,178,.09) 64.5%,transparent 65%)}.video-tile:hover{border-color:var(--green)}.video-tile-a{grid-column:span 7;min-height:430px}.video-tile-b{grid-column:span 5;margin-top:70px}.video-tile-c,.video-tile-d,.video-tile-e{grid-column:span 4}.video-tile-f{grid-column:5/span 8;min-height:380px}.video-tile:nth-child(2n):before{background:radial-gradient(circle,var(--green),transparent 65%);left:-15%;right:auto;top:auto;bottom:-25%;opacity:.35}.video-no{position:absolute;right:20px;top:12px;font-size:clamp(60px,10vw,145px);font-weight:800;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15)}.video-copy{position:absolute;left:24px;bottom:24px;right:24px}.video-copy small{display:block;color:var(--green);font-size:9px;letter-spacing:.15em;margin-bottom:12px}.video-copy strong{display:block;font-size:clamp(30px,4.4vw,70px);line-height:.88;letter-spacing:-.055em;max-width:90%}.video-copy em{display:block;font-style:normal;font-size:9px;letter-spacing:.13em;margin-top:24px;color:#bdbdb8}.featured-project{background:#ecece7;color:#090909}.featured-project-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(0,0,0,.3);padding-top:14px;font-size:9px;letter-spacing:.15em}.featured-project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end;margin-top:68px}.featured-project-title p{font-size:11px;letter-spacing:.16em}.featured-project-title h2{font-size:clamp(64px,10vw,150px);line-height:.78;letter-spacing:-.075em;margin:18px 0}.featured-project-title h2 em{font-style:normal;color:var(--blue)}.featured-project-story{max-width:670px}.featured-project-story p{font-size:16px;line-height:1.65}.featured-result{display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25);padding:18px 0;margin:36px 0 24px}.featured-result span{font-size:9px;letter-spacing:.15em}.featured-result strong{font-size:clamp(42px,6vw,90px);line-height:.8;letter-spacing:-.06em}.featured-project-story>a{display:inline-flex;gap:34px;background:#090909;color:#fff;padding:16px 18px;font-size:10px;letter-spacing:.12em;font-weight:700}.featured-project-story>a b{color:var(--green)}.featured-project-scope{display:flex;flex-wrap:wrap;gap:8px;margin-top:70px}.featured-project-scope span{padding:9px 12px;border:1px solid rgba(0,0,0,.28);border-radius:999px;font-size:9px;letter-spacing:.12em}.web-live-link{display:block;position:relative}.web-live-link span{position:absolute;right:2%;bottom:5%;padding:11px 14px;background:var(--green);color:#050505;font-size:9px;font-weight:800;letter-spacing:.1em;z-index:5}.careers-page{min-height:740px;padding-top:160px}.careers-page h1{font-size:clamp(64px,10vw,150px);line-height:.8;letter-spacing:-.075em;margin:28px 0 68px}.careers-page h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--white)}.careers-page h1 strong{color:var(--green)}.careers-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line);padding-top:30px}.careers-page-copy{max-width:650px;color:#c0c0ba;line-height:1.7}.careers-roles{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.careers-roles span{padding:10px 12px;border:1px solid var(--line);border-radius:999px;font-size:9px;letter-spacing:.12em}.careers-page .career-mail{margin-top:60px}.careers-note{color:var(--muted);font-size:10px;letter-spacing:.12em;margin-top:14px}.case-hero{padding-top:170px;background:radial-gradient(circle at 80% 20%,rgba(7,36,83,.7),transparent 32%),#090909}.case-hero h1{font-size:clamp(88px,15vw,220px);line-height:.72;letter-spacing:-.08em;margin:30px 0}.case-hero h1 em{font-style:normal;color:var(--green)}.case-lead{max-width:780px;font-size:18px;line-height:1.6;color:#c7c7c1}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#ededE8;color:#090909}.case-story h2,.case-scope h2,.case-result h2{font-size:clamp(58px,9vw,135px);line-height:.8;letter-spacing:-.07em;margin:20px 0}.case-story p{font-size:16px;line-height:1.7}.case-scope-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:50px}.case-scope-grid span{min-height:120px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;padding:15px;font-size:11px;letter-spacing:.12em}.case-result{background:var(--green);color:#050505}.case-result h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #050505}.case-result p{max-width:620px;font-size:17px;line-height:1.6}.case-result a{display:inline-block;margin-top:30px;background:#050505;color:#fff;padding:16px 18px;font-size:10px;letter-spacing:.12em}.site-header .desktop-nav{gap:22px}
@media(max-width:980px){.featured-project-grid,.careers-page-grid,.case-story{grid-template-columns:1fr}.video-tile-a,.video-tile-b,.video-tile-c,.video-tile-d,.video-tile-e,.video-tile-f{grid-column:span 6;margin-top:0;min-height:360px}.case-scope-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.featured-project-top{flex-direction:column}.featured-project-grid{margin-top:45px}.featured-project-story p{font-size:14px}.featured-project-scope{margin-top:45px}.video-showcase{display:flex;overflow-x:auto;gap:12px;margin-left:-20px;margin-right:-20px;padding:40px 20px;scroll-snap-type:x mandatory}.video-tile,.video-tile-a,.video-tile-b,.video-tile-c,.video-tile-d,.video-tile-e,.video-tile-f{flex:0 0 82vw;min-height:390px;scroll-snap-align:center}.video-copy strong{font-size:42px}.careers-page{padding-top:120px}.careers-page h1{font-size:clamp(54px,16vw,88px)}.case-scope-grid{grid-template-columns:1fr 1fr}.case-scope-grid span{min-height:90px}.web-live-link span{position:static;display:block;margin-top:8px;width:max-content}}

/* V2.6 — International positioning, image-led video showcase, sales team */
.video-tile{padding:0;background:#080808;min-height:390px}
.video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(.88) contrast(1.08);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.video-tile:before{z-index:-1;inset:0;width:auto;aspect-ratio:auto;border-radius:0;filter:none;opacity:1;right:auto;top:auto;background:linear-gradient(180deg,rgba(0,0,0,.02) 18%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.9) 100%)}
.video-tile:nth-child(2n):before{inset:0;left:auto;right:auto;top:auto;bottom:auto;background:linear-gradient(180deg,rgba(0,0,0,.02) 18%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.9) 100%);opacity:1}
.video-tile:after{z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 25%,transparent 72%,rgba(48,233,178,.13));mix-blend-mode:screen}
.video-tile:hover .video-thumb{transform:scale(1.045);filter:saturate(1.05) contrast(1.12)}
.video-no{z-index:1;text-shadow:0 1px 20px rgba(0,0,0,.25)}
.video-copy{z-index:2;padding:2px}
.video-copy small{color:#fff;opacity:.8}.video-copy em{color:#fff;opacity:.82}
.video-tile-a,.video-tile-f{min-height:500px}

.traffic-sales-v3{background:#050505;position:relative;overflow:hidden}
.traffic-sales-v3:before{content:"SALES";position:absolute;right:-2vw;top:2vw;font-size:clamp(150px,30vw,520px);font-weight:900;line-height:.75;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);pointer-events:none}
.traffic-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:6vw;align-items:center;margin-top:70px;position:relative;z-index:2}
.traffic-main{max-width:780px}.traffic-pill{display:inline-flex;border:1px solid var(--green);color:var(--green);padding:9px 12px;border-radius:999px;font-size:9px;letter-spacing:.16em;font-weight:700}
.traffic-main h2{font-size:clamp(66px,8.3vw,132px);line-height:.78;letter-spacing:-.075em;margin:30px 0 34px}.traffic-main h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}.traffic-main h2 strong{color:var(--green)}
.traffic-main p{max-width:650px;color:#bdbdb8;font-size:16px;line-height:1.7}.traffic-main>a{display:inline-flex;gap:36px;margin-top:34px;background:#fff;color:#050505;padding:16px 18px;font-size:10px;font-weight:800;letter-spacing:.12em}.traffic-main>a span{color:var(--blue)}
.sales-command{border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#0c0c0c,#080808);padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.42);transform:rotate(.7deg)}
.sales-command-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:2px 2px 14px;font-size:9px;letter-spacing:.15em}.sales-command-head b{color:var(--green)}
.sales-metric-main{padding:42px 6px 34px;border-bottom:1px solid var(--line)}.sales-metric-main small,.sales-metric-main span{display:block;font-size:9px;letter-spacing:.16em;color:#888}.sales-metric-main strong{display:block;font-size:clamp(72px,8vw,132px);line-height:.8;letter-spacing:-.07em;color:#fff;margin:10px 0 14px}
.sales-pipeline{display:grid;grid-template-columns:1fr 1fr}.sales-pipeline article{min-height:160px;padding:18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr;gap:12px}.sales-pipeline article:nth-child(odd){border-right:1px solid var(--line)}.sales-pipeline article>b{color:var(--green);font-size:10px}.sales-pipeline article strong{font-size:18px;letter-spacing:-.03em}.sales-pipeline article p{font-size:11px;line-height:1.55;color:#888;margin-top:9px}
.sales-command-foot{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;padding:20px 8px 3px;font-size:11px;letter-spacing:.1em}.sales-command-foot i{font-style:normal;color:#555}.sales-command-foot strong{color:var(--green)}

@media(max-width:980px){.traffic-hero-grid{grid-template-columns:1fr}.sales-command{transform:none;max-width:800px}.video-tile-a,.video-tile-f{min-height:420px}}
@media(max-width:640px){.traffic-main h2{font-size:clamp(56px,16vw,88px)}.traffic-main h2 em{-webkit-text-stroke:1px #fff}.traffic-main p{font-size:14px}.sales-command{padding:12px}.sales-pipeline{grid-template-columns:1fr}.sales-pipeline article:nth-child(odd){border-right:0}.sales-pipeline article{min-height:120px}.sales-metric-main strong{font-size:clamp(62px,20vw,100px)}.video-tile{min-height:440px}}

/* V2.8 — Ray case study + compact services */
.featured-hero-image{display:block;position:relative;margin-top:42px;overflow:hidden;background:#050505}.featured-hero-image img{display:block;width:100%;aspect-ratio:16/8.7;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:transform .7s ease,filter .4s ease}.featured-hero-image span{position:absolute;right:18px;bottom:18px;background:var(--green);color:#050505;padding:13px 16px;font-size:9px;font-weight:800;letter-spacing:.12em}.featured-hero-image:hover img{transform:scale(1.015);filter:grayscale(.25) contrast(1.05)}.services{padding-top:72px;padding-bottom:72px}.services-title{font-size:clamp(44px,6.5vw,92px)!important}.services-intro{max-width:620px!important;margin-bottom:34px!important}.service-list-compact .service-row{padding:14px 0!important;min-height:auto!important}.service-list-compact .service-row span{font-size:clamp(24px,3.3vw,46px)!important}.services-all{display:inline-block;margin-top:28px;border-bottom:1px solid var(--green);padding-bottom:6px;color:var(--green);font-size:10px;letter-spacing:.13em;font-weight:700}.services-bottom{margin-top:36px!important}.case-hero-photo{background:radial-gradient(circle at 80% 20%,rgba(7,36,83,.75),transparent 35%),#090909}.case-wide-media{margin:0;background:#050505}.case-wide-media img{display:block;width:100%;max-height:900px;object-fit:cover;filter:grayscale(1) contrast(1.08)}.case-gallery{background:#e9e9e4;color:#090909}.case-gallery-head span{font-size:9px;letter-spacing:.15em}.case-gallery-head h2{font-size:clamp(58px,9vw,135px);line-height:.8;letter-spacing:-.07em;margin:18px 0 55px}.case-gallery-wide{margin:0}.case-gallery-wide img{display:block;width:100%}.case-gallery-duo{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center;margin-top:7vw}.case-gallery-duo figure{margin:0}.case-gallery-copy span{font-size:9px;letter-spacing:.14em}.case-gallery-copy h3{font-size:clamp(32px,4.5vw,68px);line-height:.95;letter-spacing:-.055em;margin:18px 0}.case-gallery-copy p{font-size:15px;line-height:1.7;max-width:520px}.case-partners{background:#0b0b0b}.case-partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-partner-grid figure{margin:0;overflow:hidden;background:#111}.case-partner-grid img{display:block;width:100%;height:100%;object-fit:cover}.case-partners .case-gallery-head h2{color:#fff}.case-partners .case-gallery-head span{color:var(--green)}
@media(max-width:760px){.featured-hero-image{margin-top:28px}.featured-hero-image img{aspect-ratio:4/3}.featured-hero-image span{right:10px;bottom:10px}.services{padding-top:54px;padding-bottom:54px}.service-list-compact .service-row b{display:none}.case-gallery-duo,.case-partner-grid{grid-template-columns:1fr}.case-gallery-duo{gap:38px}.case-gallery-head h2{margin-bottom:34px}.case-wide-media img{aspect-ratio:4/3}.case-partner-grid{gap:10px}}

/* V2.9 — compact work, direct reels, dynamic services, disruptive growth */
.work-v29{padding-top:78px;padding-bottom:88px}.work-v29 .section-head{display:grid;grid-template-columns:150px 1fr;align-items:start;gap:20px}.work-v29 .section-head h2{font-size:clamp(42px,5.6vw,82px);line-height:.86;letter-spacing:-.06em;margin:0}.work-v29 .work-intro{max-width:650px;margin:24px 0 36px 170px;color:#a9a9a5;font-size:14px;line-height:1.65}.reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.reel-frame{position:relative;overflow:hidden;background:#000;aspect-ratio:9/16;border:1px solid rgba(255,255,255,.08)}.reel-frame-tall{margin-top:44px}.reel-frame iframe{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:0;background:#000}.reel-frame:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.services-v29{padding-top:72px;padding-bottom:86px;background:#ecece7;color:#080808}.services-v29 .services-top{border-color:rgba(0,0,0,.16)}.services-compact-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:5vw;align-items:end;margin:42px 0 38px}.services-compact-head h2{font-size:clamp(48px,7vw,98px);line-height:.82;letter-spacing:-.065em;margin:0}.services-compact-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.3px #080808}.services-compact-head p{max-width:520px;font-size:14px;line-height:1.65;color:#494945}.service-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid rgba(0,0,0,.14);padding-bottom:18px}.service-tab{appearance:none;border:1px solid rgba(0,0,0,.18);background:transparent;color:#080808;padding:11px 14px;border-radius:999px;font:inherit;font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:.25s ease}.service-tab:hover,.service-tab.is-active{background:#080808;color:#fff;border-color:#080808;transform:translateY(-2px)}.service-stage{display:grid;grid-template-columns:120px minmax(0,1fr) 230px;gap:32px;align-items:start;padding:34px 0 0}.service-stage-index{font-size:clamp(72px,9vw,138px);font-weight:800;line-height:.75;letter-spacing:-.08em;color:#072453}.service-stage h3{font-size:clamp(32px,4.2vw,62px);line-height:.94;letter-spacing:-.05em;margin:10px 0 18px;max-width:820px}.service-stage>div>p:last-child{font-size:14px;line-height:1.65;color:#555;max-width:700px}.service-stage-tags{display:flex;flex-direction:column;gap:8px}.service-stage-tags span{border-top:1px solid rgba(0,0,0,.16);padding:10px 0;font-size:9px;letter-spacing:.14em;font-weight:700}
.traffic-sales-v4{position:relative;overflow:hidden;background:#050505;padding-top:92px;padding-bottom:110px}.traffic-sales-v4:before{content:"REVENUE";position:absolute;right:-4vw;bottom:-.18em;font-size:clamp(130px,23vw,390px);font-weight:900;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);pointer-events:none}.growth-topline{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:13px;font-size:9px;letter-spacing:.14em}.growth-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:6vw;align-items:center;margin-top:62px;position:relative;z-index:2}.growth-eyebrow{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.16em}.growth-copy h2{font-size:clamp(70px,9vw,145px);line-height:.72;letter-spacing:-.075em;margin:24px 0 30px}.growth-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px #fff}.growth-copy h2 strong{color:var(--green)}.growth-copy>p:last-of-type{max-width:620px;color:#b8b8b2;font-size:15px;line-height:1.72}.growth-cta{margin-top:30px;border:0;background:#fff;color:#050505;padding:16px 18px;font:inherit;font-size:10px;font-weight:800;letter-spacing:.11em;display:inline-flex;gap:50px;cursor:pointer}.growth-cta span{color:#072453}.growth-machine{position:relative;min-height:560px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#101010 0%,#070707 75%);padding:18px;overflow:hidden;transform:rotate(.6deg)}.growth-word{position:absolute;right:-.05em;top:-.18em;font-size:clamp(115px,14vw,220px);line-height:1;font-weight:900;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(48,233,178,.18)}.growth-flow{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:2;margin-top:130px}.growth-flow article{min-height:158px;padding:18px;border-top:1px solid rgba(255,255,255,.13)}.growth-flow article:nth-child(odd){border-right:1px solid rgba(255,255,255,.13)}.growth-flow small{color:#777;font-size:9px;letter-spacing:.14em}.growth-flow strong{display:block;font-size:22px;margin:12px 0 10px;letter-spacing:-.03em}.growth-flow p{color:#8d8d88;font-size:11px;line-height:1.55;max-width:230px}.growth-flow .growth-highlight{background:var(--green);color:#050505}.growth-flow .growth-highlight small,.growth-flow .growth-highlight p{color:#184133}.growth-foot{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.13);padding:20px 8px 2px;font-size:10px;letter-spacing:.1em}.growth-foot b{color:#555}.growth-foot strong{color:var(--green)}
@media(max-width:980px){.work-v29 .section-head{grid-template-columns:1fr}.work-v29 .work-intro{margin-left:0}.reel-grid{grid-template-columns:repeat(2,1fr)}.reel-frame-tall{margin-top:0}.services-compact-head,.service-stage,.growth-layout{grid-template-columns:1fr}.service-stage{gap:22px}.service-stage-tags{flex-direction:row;flex-wrap:wrap}.service-stage-tags span{border:1px solid rgba(0,0,0,.16);padding:8px 10px}.growth-machine{max-width:820px;transform:none}.growth-layout{margin-top:44px}}
@media(max-width:640px){.work-v29{padding-top:56px;padding-bottom:66px}.work-v29 .section-head h2{font-size:clamp(38px,12vw,58px)}.reel-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -20px;padding:0 20px}.reel-frame{flex:0 0 78vw;scroll-snap-align:center}.services-v29{padding-top:56px;padding-bottom:64px}.services-compact-head{margin-top:30px}.service-stage-index{font-size:82px}.growth-topline{flex-direction:column}.growth-copy h2{font-size:clamp(58px,17vw,90px)}.growth-machine{min-height:auto;padding:12px}.growth-word{font-size:120px}.growth-flow{grid-template-columns:1fr;margin-top:90px}.growth-flow article:nth-child(odd){border-right:0}.growth-flow article{min-height:120px}.growth-cta{gap:28px}.traffic-sales-v4{padding-top:68px;padding-bottom:78px}}

/* V3.0 — Servicios listados con lupa interactiva */
.services-loupe{position:relative;background:#ecece7;color:#080808;padding-top:72px;padding-bottom:84px;overflow:hidden}.services-loupe .services-top{border-color:rgba(0,0,0,.16)}.services-loupe-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:5vw;align-items:end;margin:38px 0 34px}.services-loupe-head h2{font-size:clamp(48px,7vw,96px);line-height:.82;letter-spacing:-.065em;margin:0}.services-loupe-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.25px #080808}.services-loupe-head p{max-width:470px;margin:0 0 5px;font-size:13px;line-height:1.7;color:#4c4c47}.service-list-loupe{position:relative;border-top:1px solid rgba(0,0,0,.18);cursor:none}.service-row-loupe{appearance:none;width:100%;background:transparent;color:#080808;border:0;border-bottom:1px solid rgba(0,0,0,.18);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:14px 2px;text-align:left;cursor:none;position:relative;z-index:1;transition:transform .22s ease,opacity .22s ease,padding .22s ease}.service-row-loupe span{font-size:clamp(31px,4vw,58px);font-weight:800;line-height:.93;letter-spacing:-.055em;text-transform:lowercase;transition:letter-spacing .25s ease}.service-row-loupe b{font-size:9px;letter-spacing:.13em;font-weight:700;white-space:nowrap;color:#555}.service-row-loupe::before{content:attr(data-index);position:absolute;left:-34px;top:50%;transform:translateY(-50%);font-size:9px;letter-spacing:.12em;opacity:0;transition:.2s}.service-list-loupe:has(.service-row-loupe:hover) .service-row-loupe:not(:hover){opacity:.28}.service-row-loupe:hover,.service-row-loupe.is-focus{padding-left:42px;transform:translateX(4px)}.service-row-loupe:hover span,.service-row-loupe.is-focus span{letter-spacing:-.065em}.service-row-loupe:hover::before,.service-row-loupe.is-focus::before{opacity:1;left:4px}.service-loupe{position:absolute;left:0;top:0;width:210px;height:210px;border-radius:50%;background:#072453;color:#fff;display:grid;place-content:center;text-align:center;gap:7px;z-index:5;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.78);transition:opacity .16s ease,transform .18s ease;box-shadow:0 0 0 9px rgba(7,36,83,.12),0 18px 60px rgba(0,0,0,.22);mix-blend-mode:multiply}.service-loupe::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.38);border-radius:50%}.service-loupe small{font-size:10px;letter-spacing:.18em;color:#30e9b2}.service-loupe strong{display:block;max-width:170px;font-size:24px;line-height:.9;letter-spacing:-.04em;text-transform:uppercase}.service-loupe span{font-size:7px;letter-spacing:.2em;opacity:.6}.service-list-loupe.is-loupe-active .service-loupe{opacity:1;transform:translate(-50%,-50%) scale(1)}.service-touch-hint{display:none;margin-top:18px;font-size:8px;letter-spacing:.14em;color:#666}.service-row-loupe:focus-visible{outline:2px solid #072453;outline-offset:-2px}
@media(max-width:760px){.services-loupe-head{grid-template-columns:1fr;gap:20px}.service-list-loupe{cursor:auto}.service-row-loupe{grid-template-columns:1fr;gap:7px;padding:15px 0;cursor:pointer}.service-row-loupe span{font-size:clamp(30px,9vw,48px)}.service-row-loupe b{white-space:normal}.service-row-loupe:hover,.service-row-loupe.is-focus{padding-left:28px}.service-loupe{display:none}.service-touch-hint{display:block}.service-list-loupe:has(.service-row-loupe:hover) .service-row-loupe:not(:hover){opacity:1}.service-list-loupe:has(.service-row-loupe.is-focus) .service-row-loupe:not(.is-focus){opacity:.28}}
@media(prefers-reduced-motion:reduce){.service-row-loupe,.service-loupe{transition:none}}


/* V3.1 — service inflation + growth proof + growth up */
.service-list-loupe{cursor:default;overflow:visible}
.service-row-loupe{cursor:pointer;overflow:visible;transform-origin:left center;isolation:isolate}
.service-row-loupe span{display:inline-block;transform-origin:left center;will-change:transform,font-variation-settings;transition:transform .28s cubic-bezier(.22,.9,.2,1),letter-spacing .28s ease,color .2s ease,filter .2s ease}
.service-list-loupe:has(.service-row-loupe:hover) .service-row-loupe:not(:hover){opacity:.34;filter:blur(.15px)}
.service-row-loupe:hover,.service-row-loupe.is-focus{padding-left:2px;transform:none;z-index:4}
.service-row-loupe:hover span,.service-row-loupe.is-focus span{transform:scale(1.16,1.28);letter-spacing:-.075em;color:#072453}
.service-row-loupe:hover b,.service-row-loupe.is-focus b{color:#072453;transform:translateX(-8px)}
.service-row-loupe::before{display:none}
.service-loupe{display:none!important}

.growth-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);margin-top:32px;max-width:690px}
.growth-proof-item{padding:18px 18px 18px 0;min-width:0}
.growth-proof-item+ .growth-proof-item{border-left:1px solid rgba(255,255,255,.13);padding-left:18px}
.growth-proof-item strong{display:block;font-size:clamp(30px,3vw,52px);line-height:.9;letter-spacing:-.055em;color:#30e9b2}
.growth-proof-item span{display:block;margin-top:9px;font-size:8px;line-height:1.35;letter-spacing:.13em;color:#aaa;text-transform:uppercase}
.growth-chart{position:relative;z-index:2;margin:18px 0 0;border-top:1px solid rgba(255,255,255,.13);padding:16px 18px 0;background:linear-gradient(180deg,rgba(48,233,178,.035),transparent)}
.growth-chart-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:6px}
.growth-chart-head span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#30e9b2}
.growth-chart-head small{font-size:7px;letter-spacing:.13em;color:#777}
.growth-chart svg{display:block;width:100%;height:auto;overflow:visible}
.growth-gridline{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}
.growth-area{fill:url(#growthFill)}
.growth-line{fill:none;stroke:#30e9b2;stroke-width:3;stroke-linecap:round;stroke-dasharray:760;stroke-dashoffset:760;animation:growthDraw 2.2s cubic-bezier(.2,.8,.2,1) forwards}
.growth-dot{fill:#30e9b2;filter:drop-shadow(0 0 8px rgba(48,233,178,.6));opacity:0;animation:growthDot .35s 1.9s ease forwards}
.growth-chart-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-2px;padding-bottom:14px;font-size:7px;letter-spacing:.11em;color:#666}
.growth-chart-labels span:nth-child(2),.growth-chart-labels span:nth-child(3){text-align:center}.growth-chart-labels strong{text-align:right;color:#30e9b2}
@keyframes growthDraw{to{stroke-dashoffset:0}}
@keyframes growthDot{to{opacity:1}}
@media(max-width:760px){.service-row-loupe:hover span,.service-row-loupe.is-focus span{transform:scale(1.06,1.13)}.growth-proof{grid-template-columns:1fr}.growth-proof-item+ .growth-proof-item{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding-left:0}.growth-chart{padding-left:10px;padding-right:10px}.growth-chart-head{align-items:flex-start;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.growth-line{animation:none;stroke-dashoffset:0}.growth-dot{animation:none;opacity:1}.service-row-loupe span{transition:none}}

/* V3.2 — ODIN green glow services */
.service-row-loupe span{transition:color .22s ease,text-shadow .22s ease,filter .22s ease,transform .22s ease,letter-spacing .22s ease!important}
.service-row-loupe:hover span,.service-row-loupe.is-focus span{transform:none!important;color:#30e9b2!important;letter-spacing:-.055em!important;text-shadow:0 0 7px rgba(48,233,178,.95),0 0 18px rgba(48,233,178,.72),0 0 42px rgba(48,233,178,.38),0 0 76px rgba(48,233,178,.18);filter:brightness(1.16)}
.service-row-loupe:hover b,.service-row-loupe.is-focus b{color:#30e9b2!important;transform:none!important;text-shadow:0 0 14px rgba(48,233,178,.4)}
.service-list-loupe:has(.service-row-loupe:hover) .service-row-loupe:not(:hover){opacity:.22;filter:none}
.growth-proof{max-width:820px}
.growth-proof-item strong{font-size:clamp(34px,3.4vw,58px)}
.growth-proof-item span{font-size:9px;line-height:1.45;color:#d0d0cb;font-weight:700}
@media(max-width:760px){.service-row-loupe:hover span,.service-row-loupe.is-focus span{transform:none!important;text-shadow:0 0 7px rgba(48,233,178,.8),0 0 24px rgba(48,233,178,.42)}}

/* V3.3 — readable ODIN glow + stronger sales proof */
.service-row-loupe:hover span,.service-row-loupe.is-focus span{
  color:#071d18!important;
  -webkit-text-stroke:.7px #30e9b2;
  text-shadow:0 0 2px #30e9b2,0 0 9px rgba(48,233,178,.55),0 0 20px rgba(48,233,178,.26)!important;
  filter:none!important;
}
.service-row-loupe:hover,.service-row-loupe.is-focus{background:linear-gradient(90deg,rgba(48,233,178,.10),rgba(48,233,178,.025) 48%,transparent 76%)}
.service-row-loupe:hover b,.service-row-loupe.is-focus b{color:#123c32!important;text-shadow:none!important;font-weight:800}
.service-list-loupe:has(.service-row-loupe:hover) .service-row-loupe:not(:hover){opacity:.48}
.growth-proof-item span{max-width:220px}
@media(max-width:760px){.service-row-loupe:hover span,.service-row-loupe.is-focus span{text-shadow:0 0 2px #30e9b2,0 0 8px rgba(48,233,178,.48),0 0 15px rgba(48,233,178,.22)!important}}


/* V3.4 — Featured project entrance */
.featured-project{overflow:hidden}
.featured-project-intro{position:relative;align-items:flex-end;padding-top:22px;padding-bottom:28px;min-height:clamp(150px,19vw,290px)}
.featured-kicker{display:flex;flex-direction:column;gap:0;min-width:0}
.featured-word{display:block;font-size:clamp(54px,9.2vw,142px);font-weight:800;line-height:.73;letter-spacing:-.075em;transform:translateY(115%) rotate(2deg);opacity:0;will-change:transform,opacity;white-space:nowrap}
.featured-word-accent{color:transparent;-webkit-text-stroke:1.5px #090909;margin-left:clamp(28px,8vw,130px)}
.featured-meta{position:absolute;right:0;top:26px;font-size:9px;letter-spacing:.16em;opacity:0;transform:translateX(28px)}
.featured-arrow{position:absolute;right:0;bottom:24px;font-size:clamp(42px,6vw,88px);line-height:1;color:var(--blue);opacity:0;transform:translate(-35px,-35px) rotate(-30deg)}
.featured-project-intro.is-in .featured-word{animation:featuredWordIn .78s cubic-bezier(.16,1,.3,1) forwards}
.featured-project-intro.is-in .featured-word-accent{animation-delay:.12s}
.featured-project-intro.is-in .featured-meta{animation:featuredMetaIn .6s ease .42s forwards}
.featured-project-intro.is-in .featured-arrow{animation:featuredArrowIn .7s cubic-bezier(.16,1,.3,1) .32s forwards}
.featured-project-intro:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#090909;transform:scaleX(0);transform-origin:left}
.featured-project-intro.is-in:after{animation:featuredLineIn .9s cubic-bezier(.16,1,.3,1) .18s forwards}
@keyframes featuredWordIn{to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes featuredMetaIn{to{opacity:1;transform:translateX(0)}}
@keyframes featuredArrowIn{to{opacity:1;transform:translate(0,0) rotate(0)}}
@keyframes featuredLineIn{to{transform:scaleX(1)}}
@media(max-width:640px){.featured-project-intro{min-height:190px;padding-bottom:22px}.featured-word{font-size:clamp(48px,16vw,78px);white-space:normal}.featured-word-accent{margin-left:0}.featured-meta{top:auto;bottom:7px;right:auto;left:0}.featured-arrow{right:0;bottom:14px;font-size:44px}}
@media(prefers-reduced-motion:reduce){.featured-word,.featured-meta,.featured-arrow{animation:none!important;opacity:1;transform:none}.featured-project-intro:after{animation:none!important;transform:scaleX(1)}}


/* V3.5 — Ray case / Instagram work gallery */
.case-social-work{position:relative;overflow:hidden}
.case-social-work:before{content:"SOCIAL";position:absolute;right:-.04em;top:.05em;font-size:clamp(5rem,17vw,17rem);font-weight:800;letter-spacing:-.08em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(48,233,178,.10);pointer-events:none}
.case-social-intro{max-width:44rem;margin-top:1rem;color:rgba(255,255,255,.62);font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1.6}
.case-social-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.35rem);margin-top:clamp(2rem,4vw,4.5rem);align-items:start}
.case-social-card{position:relative;display:block;grid-column:span 5;overflow:hidden;border-radius:2px;background:#111;min-height:28rem;isolation:isolate;transform:translateZ(0)}
.case-social-card:nth-child(2){grid-column:7/span 4;margin-top:7rem}
.case-social-card:nth-child(3){grid-column:2/span 4;margin-top:-3rem}
.case-social-card:nth-child(4){grid-column:7/span 5;margin-top:2rem}
.case-social-card img{display:block;width:100%;height:100%;min-height:28rem;aspect-ratio:4/5;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease;background:linear-gradient(135deg,#111,#1b1b1b)}
.case-social-card--wide img{aspect-ratio:16/12}
.case-social-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78));z-index:1;pointer-events:none}
.case-social-open{position:absolute;left:1.1rem;bottom:1.05rem;z-index:2;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);background:rgba(5,5,5,.35);transition:background .25s ease,color .25s ease,border-color .25s ease}
@media (hover:hover) and (pointer:fine){.case-social-card:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.02)}.case-social-card:hover .case-social-open{background:#30e9b2;color:#07120e;border-color:#30e9b2}}
@media(max-width:800px){.case-social-grid{grid-template-columns:1fr 1fr}.case-social-card,.case-social-card:nth-child(2),.case-social-card:nth-child(3),.case-social-card:nth-child(4){grid-column:auto;margin-top:0;min-height:0}.case-social-card img{min-height:0;aspect-ratio:4/5}.case-social-card--wide img{aspect-ratio:4/5}}
@media(max-width:520px){.case-social-grid{grid-template-columns:1fr}.case-social-work:before{font-size:30vw}.case-social-card img,.case-social-card--wide img{aspect-ratio:4/5}}

/* V3.7 — partner logos at the end of Ray case */
.case-partners--logos{border-top:1px solid rgba(255,255,255,.1);overflow:hidden}.case-partners-intro{max-width:600px;color:#999;font-size:14px;line-height:1.7;margin:-30px 0 48px}.case-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12)}.case-logo-grid figure{margin:0;min-height:230px;display:flex;align-items:center;justify-content:center;padding:42px 28px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:#080808;transition:background .3s ease,transform .3s ease}.case-logo-grid figure:hover{background:#0d0d0d}.case-logo-grid img{display:block;max-width:82%;max-height:125px;width:auto;height:auto;object-fit:contain;transition:transform .35s ease,filter .35s ease}.case-logo-grid figure:hover img{transform:scale(1.07)}
@media(max-width:760px){.case-partners-intro{margin:-12px 0 30px}.case-logo-grid{grid-template-columns:1fr 1fr}.case-logo-grid figure{min-height:155px;padding:28px 20px}.case-logo-grid img{max-height:82px}}

/* V3.8 — Ray social content: ordered editorial carousel */
.case-social-carousel{background:#070707;position:relative;overflow:hidden}
.case-social-carousel:before{content:"SOCIAL";position:absolute;right:-.03em;top:.04em;font-size:clamp(5rem,15vw,15rem);font-weight:800;letter-spacing:-.08em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(48,233,178,.07);pointer-events:none}
.case-social-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.case-social-controls{display:flex;align-items:center;gap:12px;padding-bottom:8px}
.case-social-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font-size:19px;display:grid;place-items:center;cursor:pointer;transition:.25s ease}
.case-social-arrow:hover{background:var(--green);border-color:var(--green);color:#06110d;transform:scale(1.06)}
.case-social-count{display:flex;align-items:center;gap:10px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;min-width:78px;justify-content:center}
.case-social-count i{display:block;width:22px;height:1px;background:rgba(255,255,255,.28)}
.case-social-viewport{position:relative;z-index:2;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:clamp(2rem,4vw,4rem);outline:none}
.case-social-viewport::-webkit-scrollbar{display:none}
.case-social-track{display:flex;gap:clamp(12px,1.4vw,20px);width:max-content;padding-right:8vw}
.case-social-slide{position:relative;display:block;width:min(31vw,410px);aspect-ratio:4/5;flex:none;overflow:hidden;background:#111;scroll-snap-align:start;isolation:isolate;border:1px solid rgba(255,255,255,.10)}
.case-social-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.case-social-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.78));z-index:1;pointer-events:none}
.case-social-slide .case-social-open{left:18px;bottom:18px}
.case-social-index{position:absolute;top:16px;left:16px;z-index:3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.54);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);font-size:9px;font-weight:800;letter-spacing:.08em;color:#fff}
.case-social-progress{position:relative;z-index:2;height:2px;background:rgba(255,255,255,.12);margin-top:26px;overflow:hidden}
.case-social-progress span{display:block;width:25%;height:100%;background:var(--green);transform-origin:left;transition:transform .25s ease,width .25s ease}
@media(hover:hover) and (pointer:fine){.case-social-slide:hover img{transform:scale(1.028);filter:saturate(1.04) contrast(1.02)}.case-social-slide:hover .case-social-open{background:var(--green);color:#06110d;border-color:var(--green)}}
@media(max-width:900px){.case-social-head{grid-template-columns:1fr}.case-social-controls{justify-content:flex-start}.case-social-slide{width:min(70vw,380px)}}
@media(max-width:560px){.case-social-slide{width:82vw}.case-social-controls{gap:8px}.case-social-arrow{width:44px;height:44px}.case-social-progress{margin-top:18px}}

/* V3.9 — Ray case proportions / editorial balance */
.case-hero{padding-top:150px;padding-bottom:82px}
.case-hero .eyebrow{max-width:1280px;margin-left:auto;margin-right:auto;display:block}
.case-hero h1{max-width:1280px;margin:28px auto 24px;font-size:clamp(72px,10.5vw,165px);line-height:.78;letter-spacing:-.072em}
.case-lead{max-width:720px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.65}
.case-wide-media{overflow:hidden}
.case-wide-media img{width:100%;height:auto;max-height:760px;aspect-ratio:16/8.6;object-fit:cover;object-position:center 42%}
.case-story{grid-template-columns:.85fr 1.15fr;gap:clamp(44px,6vw,100px);align-items:start}
.case-story>div,.case-scope>.eyebrow,.case-scope>h2,.case-scope-grid,.case-gallery>.case-gallery-head,.case-gallery-wide,.case-gallery-duo,.case-social-head,.case-social-viewport,.case-social-progress,.case-partners>.case-gallery-head,.case-logo-grid,.case-result>*{max-width:1280px}
.case-story h2,.case-scope h2,.case-result h2{font-size:clamp(52px,7.4vw,112px);line-height:.82}
.case-story p{font-size:15px;line-height:1.72;max-width:720px}
.case-scope h2{margin-bottom:38px}
.case-scope-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:34px}
.case-scope-grid span{min-height:92px;padding:14px;font-size:10px;line-height:1.35}
.case-gallery-head h2{font-size:clamp(52px,7.2vw,108px);line-height:.82;margin:16px 0 42px}
.case-gallery-wide{margin-left:auto;margin-right:auto;overflow:hidden}
.case-gallery-wide img{max-height:720px;object-fit:cover}
.case-gallery-duo{grid-template-columns:.95fr 1.05fr;gap:clamp(40px,6vw,96px);margin:clamp(56px,6vw,92px) auto 0}
.case-gallery-duo figure img{max-height:620px;object-fit:cover}
.case-gallery-copy h3{font-size:clamp(30px,3.7vw,58px);line-height:.98}
.case-social-head,.case-social-viewport,.case-social-progress{margin-left:auto;margin-right:auto}
.case-social-slide{width:min(22vw,330px);aspect-ratio:4/5.15}
.case-social-slide .case-social-open{font-size:9px;letter-spacing:.10em;padding:.62rem .72rem}
.case-social-index{width:32px;height:32px;top:13px;left:13px}
.case-logo-grid{margin-left:auto;margin-right:auto}
.case-logo-grid figure{min-height:180px;padding:34px 24px}
.case-logo-grid img{max-height:96px;max-width:76%}
.case-partners-intro{margin:-22px 0 38px;max-width:560px;font-size:13px}
.case-result{padding-top:92px;padding-bottom:92px}
.case-result h2{font-size:clamp(62px,8vw,126px)}
.case-result p{font-size:15px}

@media(max-width:980px){
  .case-hero{padding-top:132px;padding-bottom:68px}
  .case-hero h1{font-size:clamp(66px,13vw,122px)}
  .case-story{grid-template-columns:1fr;gap:28px}
  .case-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .case-social-slide{width:min(43vw,330px)}
}
@media(max-width:640px){
  .case-hero{padding-top:112px;padding-bottom:54px}
  .case-hero h1{font-size:clamp(54px,16vw,82px);line-height:.82;margin:22px auto 18px}
  .case-lead{font-size:14px}
  .case-wide-media img{aspect-ratio:4/3;max-height:none;object-position:center}
  .case-story h2,.case-scope h2,.case-result h2,.case-gallery-head h2{font-size:clamp(46px,14vw,72px)}
  .case-scope-grid{grid-template-columns:1fr 1fr}
  .case-scope-grid span{min-height:78px;font-size:9px}
  .case-gallery-duo{grid-template-columns:1fr;gap:30px;margin-top:48px}
  .case-gallery-wide img,.case-gallery-duo figure img{max-height:none}
  .case-social-slide{width:74vw;max-width:310px}
  .case-logo-grid figure{min-height:130px;padding:22px 16px}
  .case-logo-grid img{max-height:70px;max-width:82%}
  .case-result{padding-top:72px;padding-bottom:72px}
}

/* V4.0 — Ray case: smaller, cleaner, more proportional media */
.proj-ray-page .section-pad{padding-top:76px;padding-bottom:76px}
.proj-ray-page .case-story,
.proj-ray-page .case-scope,
.proj-ray-page .case-gallery-head,
.proj-ray-page .case-social-head,
.proj-ray-page .case-social-viewport,
.proj-ray-page .case-social-progress,
.proj-ray-page .case-logo-grid,
.proj-ray-page .case-result>*{max-width:1120px}

/* Main live photo: strong, but not oversized */
.proj-ray-page .case-wide-media{max-width:1180px;margin:0 auto;padding:0 4vw}
.proj-ray-page .case-wide-media img{display:block;width:100%;max-height:600px;aspect-ratio:16/8.8;border-radius:2px}

/* OOH / billboard becomes an editorial image instead of full-width wall */
.proj-ray-page .case-gallery-wide{max-width:980px;margin:34px auto 0}
.proj-ray-page .case-gallery-wide img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:2px}
.proj-ray-page .case-gallery-duo{max-width:980px;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:56px;align-items:center;margin:56px auto 0}
.proj-ray-page .case-gallery-duo figure{max-width:420px;margin:0}
.proj-ray-page .case-gallery-duo figure img{display:block;width:100%;max-height:460px;object-fit:contain}

/* Instagram-linked artwork carousel: compact cards, more cards visible at once */
.proj-ray-page .case-social-viewport{max-width:1080px;margin-top:34px}
.proj-ray-page .case-social-track{gap:16px;padding-right:40px}
.proj-ray-page .case-social-slide{width:250px;aspect-ratio:4/5.15}
.proj-ray-page .case-social-slide .case-social-open{left:12px;bottom:12px;font-size:8px;padding:.52rem .62rem}
.proj-ray-page .case-social-index{width:28px;height:28px;top:10px;left:10px;font-size:8px}
.proj-ray-page .case-social-progress{max-width:1080px;margin-top:18px}

/* Partner marks: logo wall, not giant tiles */
.proj-ray-page .case-partners--logos{padding-top:68px;padding-bottom:68px}
.proj-ray-page .case-logo-grid{max-width:940px;margin:30px auto 0;grid-template-columns:repeat(4,minmax(0,1fr))}
.proj-ray-page .case-logo-grid figure{min-height:130px;padding:24px 22px}
.proj-ray-page .case-logo-grid img{max-height:64px;max-width:68%}
.proj-ray-page .case-logo-grid figure:nth-child(2) img{max-height:72px}
.proj-ray-page .case-logo-grid figure:nth-child(4) img{max-height:74px;max-width:72%}

@media(max-width:900px){
  .proj-ray-page .section-pad{padding-top:62px;padding-bottom:62px}
  .proj-ray-page .case-wide-media{padding:0 5vw}
  .proj-ray-page .case-gallery-wide{max-width:88vw}
  .proj-ray-page .case-gallery-duo{max-width:88vw;grid-template-columns:.8fr 1fr;gap:36px}
  .proj-ray-page .case-social-slide{width:230px}
  .proj-ray-page .case-logo-grid{max-width:88vw;grid-template-columns:repeat(2,minmax(0,1fr))}
  .proj-ray-page .case-logo-grid figure{min-height:120px}
}
@media(max-width:600px){
  .proj-ray-page .section-pad{padding-top:50px;padding-bottom:50px}
  .proj-ray-page .case-wide-media{padding:0 18px}
  .proj-ray-page .case-wide-media img{aspect-ratio:4/3;max-height:none}
  .proj-ray-page .case-gallery-wide{max-width:calc(100vw - 36px);margin-top:24px}
  .proj-ray-page .case-gallery-wide img{max-height:none}
  .proj-ray-page .case-gallery-duo{max-width:calc(100vw - 36px);grid-template-columns:1fr;gap:28px;margin-top:38px}
  .proj-ray-page .case-gallery-duo figure{max-width:300px;margin:0 auto}
  .proj-ray-page .case-gallery-duo figure img{max-height:390px}
  .proj-ray-page .case-social-slide{width:210px}
  .proj-ray-page .case-logo-grid{max-width:calc(100vw - 36px);grid-template-columns:1fr 1fr}
  .proj-ray-page .case-logo-grid figure{min-height:105px;padding:18px 14px}
  .proj-ray-page .case-logo-grid img{max-height:52px;max-width:72%}
}

/* V4.3 — Reels limpios: recorte visual del embed de Instagram
   Oculta cabecera/CTA del embed y deja el contenido audiovisual como protagonista. */
.work-v29 .reel-frame{
  aspect-ratio:9/16;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:#050505;
  isolation:isolate;
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}
.work-v29 .reel-frame iframe{
  position:absolute;
  left:50%;
  top:-112px;
  width:calc(100% + 10px);
  height:calc(100% + 255px);
  transform:translateX(-50%);
  border:0;
  background:#000;
}
.work-v29 .reel-frame::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 12%,transparent 86%,rgba(0,0,0,.12));
}
.work-v29 .reel-frame:hover{
  border-color:rgba(48,233,178,.42);
  box-shadow:0 18px 70px rgba(48,233,178,.08);
}
@media(max-width:980px){
  .work-v29 .reel-frame iframe{top:-100px;height:calc(100% + 230px)}
}
@media(max-width:640px){
  .work-v29 .reel-frame{border-radius:14px}
  .work-v29 .reel-frame iframe{top:-92px;height:calc(100% + 215px)}
}
