/* V10 — real work first, with a compact connected process. */
.selected-work{background:#eeece8;padding-block:95px 80px}
.work-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:80px;align-items:end;margin-bottom:65px}
.work-heading .eyebrow{grid-column:1/-1;margin-bottom:25px;color:#655d6c}
.work-heading h2{font-size:clamp(44px,5.2vw,72px);line-height:1.06}
.work-heading>p:last-child{font-size:17px;line-height:1.75;color:#635d69;max-width:380px;margin-bottom:4px}
.featured-project{padding-bottom:70px;border-bottom:1px solid #c9c5cd;margin-bottom:70px}
.project-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:0 60px;align-items:end;margin-bottom:30px}
.project-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:70px;margin-bottom:27px;grid-column:1/-1}
.project-meta>span{font-size:10px;letter-spacing:.08em;color:#746b7d}
.project-meta img{width:150px;height:65px;object-fit:contain;filter:brightness(0);opacity:.84}
.project-sector{font-size:10px;letter-spacing:.03em;color:#756b7d;line-height:1.6;margin-bottom:11px}
.project-client{font-size:14px;font-weight:600;color:#3d3547;line-height:1.5;margin-bottom:20px}
.featured-project h3{font-size:clamp(31px,3.25vw,46px);line-height:1.1;letter-spacing:-.05em;font-weight:500}
.project-description{max-width:390px;padding-bottom:4px}
.project-description>p:first-child,.project-scope{font-size:15px;line-height:1.8;color:#625969}
.project-disciplines{font-size:10px;line-height:1.8;color:#706577;letter-spacing:.015em;margin-top:24px}
.project-surface{min-width:0;display:flex;align-items:center;justify-content:center;padding:45px;border-radius:7px}
.tatiana-surface{background:#dfd8e7;padding:48px 65px 40px}
.project-capture{margin:0;width:100%;min-width:0;position:relative;filter:drop-shadow(0 12px 17px #3023371a)}
.capture-browser{display:flex;align-items:center;justify-content:space-between;gap:15px;height:28px;padding:0 13px;background:#f9f7fa;border:1px solid #30233713;border-bottom:0;border-radius:5px 5px 0 0;color:#817687;font-size:8px;line-height:1}
.capture-dots{display:flex;gap:4px}
.capture-dots i{width:3px;height:3px;border-radius:50%;background:#b5aabb}
.project-capture>img,.capture-expand>img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0 0 3px 3px;background:#fff}
.project-capture figcaption{font-size:8px;letter-spacing:.06em;line-height:1.5;color:#665b70;margin-top:15px}
.project-split{display:grid;grid-template-columns:1fr 1.4fr;gap:55px;align-items:center}
.project-copy{min-width:0}
.project-copy .project-meta{margin-bottom:26px}
.project-copy .project-scope{margin-top:22px;max-width:380px}
.project-copy .project-client{margin-bottom:20px}
.project-meta img.gaston-project-logo{width:200px;height:80px;max-width:70%}
.gaston-surface{background:#102330;padding:48px 26px}
.gaston-surface .capture-browser{background:#dce4e9;border-color:#dce4e9;color:#5d6c78}
.gaston-surface figcaption{color:#c0ccd4}
.project-franco .project-split{grid-template-columns:1.4fr 1fr}
.franco-surface{background:#d9dfe3;padding:55px 28px}
.franco-surface .capture-browser{background:#eef2f4;color:#697786}
.contextual-proof{display:flex;align-items:center;gap:45px}
.franco-proof{margin-top:38px;padding:32px 45px;background:#e4e3e1;border:1px solid #d5d1d6;border-radius:4px;justify-content:center}
.proof-heading{max-width:390px}
.proof-heading .eyebrow{color:#6f6579;font-size:9px;margin-bottom:20px}
.proof-heading h4{font-size:clamp(29px,3vw,42px);line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:0}
.contextual-proof .video-card{width:180px;flex:0 0 180px;margin:0}
.selected-work .video-caption h3{color:#312936;font-size:12px}
.selected-work .video-caption p{color:#706477;font-size:9px;margin-top:5px}
.selected-work .video-shell{border-color:#9b8caa}
.selected-work .video-play .play-circle{width:43px;height:43px;font-size:12px}
.selected-work .video-action{font-size:9px;left:13px;right:13px;bottom:17px}
.historical-results{padding-top:0}
.results-heading .eyebrow{margin-bottom:20px;color:#756a7f}
.results-heading h3{font-size:clamp(32px,3.4vw,46px);font-weight:500;line-height:1.1;letter-spacing:-.045em}
.historical-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;margin-top:40px}
.karol-result{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:24px;align-items:start;border-top:1px solid #c6c1ca;padding-top:27px}
.historical-grid .case{border:0;padding:0;min-width:0}
.historical-grid>.case{border-top:1px solid #c6c1ca;padding-top:27px;padding-left:25px}
.historical-grid .case-person{gap:10px;align-items:center}
.historical-grid .case-person img{width:40px;height:40px}
.historical-grid .case-person h3{font-size:14px}
.historical-grid .case-person p{font-size:10px;line-height:1.5}
.historical-grid .case-index{display:none}
.historical-grid .case-result{font-size:clamp(42px,4.2vw,61px);margin-top:30px}
.historical-grid .case-result>span:first-child{font-size:11px;margin-top:10px}
.historical-grid .result-context{font-size:14px;margin-top:8px}
.historical-grid .case-scope{font-size:12px;margin-top:23px;line-height:1.8}
.karol-result .video-card{width:170px;margin:0}
.historical-results .results-note{padding-bottom:25px;margin-top:13px;font-size:10px;color:#756b7c}
.other-projects{padding-top:55px}
.other-projects-heading h3{font-size:clamp(32px,3.2vw,44px);font-weight:500;line-height:1.1;letter-spacing:-.045em}
.compact-portfolio{margin-top:35px;gap:0 60px}
.compact-portfolio .portfolio-entry{padding:24px 0 28px}
.compact-portfolio .portfolio-top{min-height:50px;margin-bottom:15px}
.compact-portfolio .portfolio-logo{height:45px;width:150px}
.compact-portfolio .portfolio-logo img{max-height:45px;max-width:135px}
.compact-portfolio .portfolio-logo-nova img{height:45px}
.compact-portfolio .portfolio-entry h4{font-size:27px}
.compact-portfolio .portfolio-sector{font-size:9px;margin-bottom:9px}
.compact-portfolio .portfolio-scope{font-size:13px;line-height:1.7;margin-top:12px}
.compact-portfolio .portfolio-entry:last-child{grid-column:auto;display:block;padding-bottom:28px}
.compact-portfolio .portfolio-entry:last-child .portfolio-top{min-height:50px;margin-bottom:15px}
.compact-portfolio .portfolio-entry:last-child .portfolio-scope{margin-top:12px}
.connected-system{padding-block:100px 65px}
.connected-heading{max-width:850px}
.connected-heading>.eyebrow{margin-bottom:25px}
.connected-heading h2{font-size:clamp(40px,4.8vw,67px)}
.connected-heading .section-intro{max-width:630px;font-size:17px;margin-top:25px}
.connected-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:55px}
.connected-step{border-top:1px solid #3c3548;padding-top:23px}
.step-number{font-size:10px;letter-spacing:.05em;color:#b3a4c6}
.connected-step h3{font-size:26px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin-top:23px;min-height:60px}
.connected-step>p{font-size:14px;line-height:1.85;color:#b3a9be;margin-top:18px;max-width:330px}
.journey-diagram{position:relative;padding:32px 35px 25px;margin-top:45px;border:1px solid #3a3044;border-radius:7px;background:radial-gradient(ellipse at 20% 80%,#8c78b60c,transparent 65%),#0d0b12;overflow:hidden}
.journey-label{font-size:9px;color:#aaa0b8;letter-spacing:.07em}
.journey-flow{position:relative;list-style:none;padding:0;margin:28px 0 30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.journey-flow:before{content:"";position:absolute;top:50%;left:3%;right:3%;height:1px;background:linear-gradient(90deg,#b59fcc,#b1cbd3);transform-origin:left}
.journey-flow>li{position:relative;z-index:1;display:flex;justify-content:center}
.journey-flow>li>span{display:block;text-align:center;min-width:130px;max-width:100%;padding:15px 17px;background:#16111e;border:1px solid #65547270;border-radius:6px;font-size:12px;color:#d3c8de}
.journey-signature{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.journey-signature>strong{font-size:21px;font-weight:450;letter-spacing:.07em}
.journey-signature>strong>span{font-size:8px;vertical-align:top}
.journey-signature>p{font-size:8px;line-height:1.5;color:#aaa0b6;max-width:180px}
.journey-diagram.draw-once .journey-flow:before{animation:journey-connect 1.3s ease-out both}
@keyframes journey-connect{from{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:1}}
#testimonios.testimonials{padding-block:55px 90px}
#testimonios .section-heading{max-width:850px}
#testimonios .video-grid{grid-template-columns:repeat(2,minmax(0,260px));gap:45px;margin-top:40px;justify-content:center}
#testimonios .video-card{max-width:260px}
#testimonios h2{font-size:clamp(38px,4.2vw,58px)}
.team{padding-block:90px;gap:80px}
@media(max-width:1100px){.work-heading{gap:45px}.project-heading{gap:0 35px}.project-split{gap:35px;grid-template-columns:1fr 1.25fr}.project-franco .project-split{grid-template-columns:1.25fr 1fr}.tatiana-surface{padding:35px 40px 30px}.gaston-surface{padding:35px 20px}.franco-surface{padding:40px 22px}.historical-grid{gap:30px;grid-template-columns:1.35fr 1fr}.karol-result{grid-template-columns:1fr 145px;gap:18px}.karol-result .video-card{width:145px}.historical-grid>.case{padding-left:0}.historical-grid .case-result{font-size:44px}.connected-steps{gap:30px}.journey-flow>li>span{min-width:115px;font-size:11px}.team{gap:60px}}
@media(max-width:800px){.selected-work{padding-block:70px 60px}.work-heading{display:block;margin-bottom:45px}.work-heading .eyebrow{margin-bottom:22px}.work-heading>p:last-child{margin-top:25px;font-size:16px;max-width:490px}.project-heading{display:block}.project-meta{margin-bottom:23px;min-height:55px}.project-meta img{height:55px}.project-heading-copy{max-width:530px}.project-description{margin-top:23px;max-width:470px}.project-disciplines{margin-top:18px}.featured-project{padding-bottom:50px;margin-bottom:50px}.project-split,.project-franco .project-split{grid-template-columns:1fr;gap:28px}.project-franco .project-copy{grid-row:1}.project-copy{max-width:100%}.project-copy .project-scope{max-width:500px}.featured-project h3{font-size:38px}.project-surface{padding:30px}.franco-surface{padding:35px 30px}.gaston-surface{padding:35px 30px}.franco-proof{margin-top:28px;padding:26px;gap:35px}.contextual-proof .video-card{width:165px;flex-basis:165px}.historical-grid{grid-template-columns:1fr;gap:35px;margin-top:32px}.karol-result{grid-template-columns:minmax(0,1fr) 180px;gap:30px}.karol-result .video-card{width:180px}.historical-grid .case-result{font-size:62px}.historical-grid .case-result>span:first-child{font-size:13px;margin-top:12px}.historical-grid .case-person h3{font-size:16px}.historical-grid .case-scope{font-size:14px;max-width:330px}.historical-grid>.case{padding-bottom:8px}.compact-portfolio{column-gap:35px}.compact-portfolio .portfolio-entry h4{font-size:25px}.connected-system{padding-top:75px}.connected-steps{gap:25px}.connected-step h3{font-size:22px;min-height:52px}.connected-step>p{font-size:13px}.journey-diagram{padding:27px 22px 22px}.journey-flow{gap:13px}.journey-flow>li>span{min-width:0;width:100%;padding:14px 8px;font-size:10px}.team{gap:40px}}
@media(max-width:600px){.selected-work{padding-block:60px 50px}.work-heading{margin-bottom:35px}.work-heading h2{font-size:41px}.work-heading>p:last-child{font-size:15px;margin-top:22px}.project-meta{margin-bottom:18px;min-height:48px}.project-meta img{width:135px;height:48px}.project-sector{font-size:9px;margin-bottom:8px}.project-client{font-size:13px;margin-bottom:16px}.featured-project h3{font-size:33px;line-height:1.12}.project-description>p:first-child,.project-scope{font-size:14px;line-height:1.8}.project-disciplines{font-size:9px;line-height:1.7;margin-top:18px}.project-heading{margin-bottom:25px}.project-surface{padding:18px 13px;border-radius:4px}.tatiana-surface{padding:20px 14px 17px}.capture-browser{height:22px;padding-inline:8px;font-size:6px;border-radius:3px 3px 0 0}.capture-dots{gap:3px}.capture-dots i{width:2px;height:2px}.project-capture figcaption{font-size:7px;margin-top:10px;letter-spacing:.03em}.featured-project{padding-bottom:36px;margin-bottom:38px}.project-copy .project-meta{margin-bottom:20px}.project-meta img.gaston-project-logo{width:180px;height:60px}.project-copy .project-scope{margin-top:18px}.project-split,.project-franco .project-split{gap:24px}.gaston-surface{padding:27px 14px}.franco-surface{padding:27px 14px}.franco-proof{display:grid;grid-template-columns:1fr;padding:25px 20px;gap:25px;justify-items:center;margin-top:25px}.proof-heading{text-align:center}.proof-heading .eyebrow{font-size:8px;margin-bottom:14px}.proof-heading h4{font-size:30px}.contextual-proof .video-card{width:180px;max-width:180px}.selected-work .video-caption h3{font-size:12px}.selected-work .video-caption p{font-size:9px}.selected-work .video-action{font-size:9px}.results-heading h3{font-size:33px}.results-heading .eyebrow{font-size:9px;margin-bottom:17px}.historical-grid{margin-top:27px;gap:27px}.karol-result{grid-template-columns:1fr;gap:25px;padding-top:24px}.karol-result .video-card{width:180px;justify-self:center}.historical-grid .case-result{font-size:65px;margin-top:25px}.historical-grid .case-person img{width:44px;height:44px}.historical-grid .case-person h3{font-size:16px}.historical-grid .case-person p{font-size:10px}.historical-grid .case-scope{font-size:13px;margin-top:18px;max-width:310px}.historical-grid .result-context{font-size:15px}.historical-grid>.case{padding-top:24px}.historical-results .results-note{font-size:9px;padding-top:17px;padding-bottom:22px;margin-top:6px}.other-projects{padding-top:38px}.other-projects-heading h3{font-size:34px}.compact-portfolio{margin-top:27px;grid-template-columns:1fr}.compact-portfolio .portfolio-entry{padding-block:21px 25px}.compact-portfolio .portfolio-entry h4{font-size:27px}.compact-portfolio .portfolio-top,.compact-portfolio .portfolio-entry:last-child .portfolio-top{min-height:45px;margin-bottom:12px}.compact-portfolio .portfolio-scope,.compact-portfolio .portfolio-entry:last-child .portfolio-scope{font-size:13px;line-height:1.8;margin-top:12px}.connected-system{padding-block:65px 35px}.connected-heading>.eyebrow{font-size:9px;margin-bottom:20px}.connected-heading h2{font-size:38px;line-height:1.1}.connected-heading .section-intro{font-size:15px;line-height:1.8;margin-top:23px}.connected-steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.connected-step{padding-top:20px}.connected-step h3{font-size:26px;min-height:0;margin-top:16px}.connected-step h3 br{display:none}.connected-step>p{font-size:14px;line-height:1.8;margin-top:14px;max-width:100%}.journey-diagram{padding:23px 20px;margin-top:32px}.journey-label{font-size:8px}.journey-flow{grid-template-columns:1fr;gap:18px;margin:24px 0 28px}.journey-flow:before{top:0;bottom:0;left:50%;right:auto;width:1px;height:auto;transform-origin:top}.journey-flow>li>span{width:180px;max-width:100%;font-size:12px;padding:13px 18px}.journey-signature{justify-content:center;gap:12px}.journey-signature>strong{font-size:23px}.journey-signature>p{font-size:8px;max-width:130px}.journey-diagram.draw-once .journey-flow:before{animation-name:journey-connect-mobile}#testimonios.testimonials{padding-block:35px 65px}#testimonios h2{font-size:37px}#testimonios .video-grid{grid-template-columns:minmax(0,260px);gap:35px;margin-top:30px}#testimonios .video-card{max-width:260px}.team{padding-block:65px}}
@keyframes journey-connect-mobile{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.journey-diagram.draw-once .journey-flow:before{animation:none!important}.motion-ready .reveal.pending{opacity:1!important;transform:none!important}}

.capture-expand{display:block;border-radius:5px;color:inherit}.capture-expand:focus-visible{outline:2px solid #71528d;outline-offset:6px}.gaston-surface .capture-expand:focus-visible{outline-color:#d3c1e7}

/* Feedback Daniel: retirar capturas y recuperar autoridad por marcas y videos. */
#testimonios .video-grid{grid-template-columns:repeat(4,minmax(0,280px));gap:24px}#testimonios .video-card{max-width:280px}
@media(max-width:1099px){#testimonios .video-grid{grid-template-columns:repeat(2,minmax(0,280px));gap:30px}}
@media(max-width:600px){#testimonios .video-grid{grid-template-columns:minmax(0,280px);gap:35px}}