:root{--ink:#15191b;--ink2:#242a2d;--paper:#f3f1ea;--muted:#aeb6b2;--green:#00e676;--line:rgba(255,255,255,.16);--max:1240px;--pad:clamp(20px,4vw,64px);--font:Inter,Arial,"Helvetica Neue",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(var(--max),calc(100% - var(--pad)*2));margin:auto}.section-dark{background:var(--ink);color:#f7f8f3}.section-light{background:#e8e8e2}.section-green{background:var(--green);color:var(--ink)}.skip-link{position:fixed;left:10px;top:-100px;background:#fff;padding:10px;z-index:99}.skip-link:focus{top:10px}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:fixed;inset:0 0 auto;z-index:20;color:white;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(21,25,27,.9),rgba(21,25,27,.12));backdrop-filter:blur(10px)}.site-header.scrolled{background:rgba(21,25,27,.96)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:-.05em;font-size:22px;white-space:nowrap}.brand strong{font-weight:800}.brand i{font-style:normal;font-weight:300}.brand-mark{width:38px;height:38px;overflow:visible;fill:none;stroke:var(--green);stroke-width:2}.brand-mark circle{fill:var(--green);stroke:var(--ink)}nav{display:flex;gap:32px;font-size:14px}nav a{opacity:.74;transition:.2s}nav a:hover{opacity:1;color:var(--green)}.header-actions{display:flex;align-items:center;gap:12px}.lang-toggle,.menu-toggle{border:0;background:none;color:white;cursor:pointer}.lang-toggle{font-weight:700;letter-spacing:.1em}.menu-toggle{display:none;width:36px}.menu-toggle span{display:block;height:1px;background:white;margin:7px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;background:var(--green);border:1px solid var(--green);color:var(--ink);font-weight:750;transition:.2s;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,230,118,.18)}.button-small{min-height:42px;padding:0 18px;font-size:13px}.button-ghost{background:transparent;color:white;border-color:rgba(255,255,255,.45)}.button-dark{background:var(--ink);border-color:var(--ink);color:white}.hero{min-height:100svh;position:relative;display:grid;align-items:center;overflow:hidden;padding:140px 0 90px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,25,27,.95) 8%,rgba(21,25,27,.75) 53%,rgba(21,25,27,.3));pointer-events:none}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10vw;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;margin:0 0 30px}.hero h1,.manifesto h2,.section-heading h2,.contact h2{font-size:clamp(44px,7.3vw,105px);line-height:.92;letter-spacing:-.065em;margin:0;font-weight:650}.hero h1{max-width:980px}.hero h1 em{color:var(--green);font-style:normal;font-weight:320}.hero-lead{font-size:clamp(18px,2vw,25px);max-width:720px;margin:38px 0;color:#d3d8d5;font-weight:300}.button-row{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{border-left:1px solid var(--green);padding-left:24px;margin-bottom:10px}.hero-proof strong{font-size:70px;line-height:1;color:var(--green);display:block;letter-spacing:-.06em}.hero-proof span{font-size:14px;color:#d3d8d5;display:block;margin-top:12px}.scroll-cue{position:absolute;z-index:3;right:var(--pad);bottom:28px;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.manifesto{padding:150px 0;display:grid;grid-template-columns:120px 1fr;gap:50px}.section-number{font:700 12px/1 var(--font);letter-spacing:.2em;color:#76817c}.manifesto-copy{max-width:980px}.manifesto h2,.section-heading h2,.contact h2{font-size:clamp(42px,6vw,82px)}.manifesto-copy>p:last-child{font-size:clamp(19px,2.2vw,28px);max-width:820px;color:#55605b;font-weight:300;margin:40px 0 0}.principles{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9bfbb;margin-top:50px}.principles article{padding:28px 24px 0 0}.principles span{color:#7a847f;font-size:11px}.principles h3{font-size:24px;margin:18px 0 10px}.principles p{color:#5d6662;font-size:14px}.capabilities,.experience,.cases,.contact{padding:140px 0}.section-heading{display:grid;grid-template-columns:35% 1fr;gap:30px;margin-bottom:80px}.section-heading>div{display:flex;gap:30px}.section-heading .eyebrow{margin:0}.service-list{border-top:1px solid #aeb5b1}.service-list details{border-bottom:1px solid #aeb5b1}.service-list summary{list-style:none;display:grid;grid-template-columns:70px 1fr 40px;align-items:center;padding:27px 0;cursor:pointer}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font-size:11px;color:#707974}.service-list summary b{font-size:clamp(21px,2.4vw,34px);font-weight:560;letter-spacing:-.03em}.service-list summary i{font-size:30px;font-style:normal;font-weight:200;transition:.25s}.service-list details[open] summary i{transform:rotate(45deg)}.service-list details p{margin:0 0 30px 70px;max-width:720px;color:#4f5954;font-size:18px}.experience{position:relative}.experience:before{content:"";position:absolute;right:8%;top:90px;width:340px;height:340px;border:1px solid rgba(0,230,118,.35);border-radius:50%;box-shadow:0 0 0 70px rgba(0,230,118,.03),0 0 0 140px rgba(0,230,118,.02)}.experience .section-heading,.experience .trust-copy,.experience .client-grid{position:relative}.trust-copy{color:#aeb6b2;margin-bottom:35px}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.client-grid span{min-height:112px;display:grid;place-items:center;text-align:center;padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700;letter-spacing:.02em;color:#d7dcda}.cases .section-heading{margin-bottom:60px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-card{min-height:430px;background:#e5e4dc;padding:34px;display:flex;flex-direction:column;position:relative;overflow:hidden}.case-card:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(0,230,118,.65);border-radius:50%;right:-50px;top:-50px}.case-tag{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#64706a}.case-card h3{font-size:30px;line-height:1.04;letter-spacing:-.04em;margin:80px 0 20px}.case-card p{color:#5b6560;font-size:14px}.case-metric{margin-top:auto;font-size:66px;letter-spacing:-.07em;color:#768079}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact h2{font-size:clamp(42px,5vw,70px)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{background:transparent;border:0;border-bottom:1px solid rgba(21,25,27,.55);padding:10px 2px;outline:none;border-radius:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.full{grid-column:1/-1}.form-note,.form-result{font-size:12px;margin:0}.form-result{background:rgba(21,25,27,.1);padding:18px;white-space:pre-wrap}.site-footer{padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid p,.footer-grid a,.footer-grid small{font-size:13px;color:#aeb6b2}.footer-grid b{font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px}.legal{border-top:1px solid var(--line);margin-top:60px;padding-top:20px;font-size:11px;color:#727c77}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.logo-page{background:var(--ink);color:white}.logo-intro{padding:150px 0 80px}.logo-intro h1{font-size:clamp(48px,8vw,110px);line-height:.9;letter-spacing:-.07em;margin:0}.logo-intro p{max-width:680px;color:#bac1bd;font-size:20px}.logo-routes{padding-bottom:100px}.logo-route{margin-bottom:26px;border:1px solid rgba(255,255,255,.14)}.logo-display{min-height:390px;display:grid;place-items:center;position:relative;background:#1b2022;overflow:hidden}.logo-display.light{background:#f4f2eb;color:#171b1d}.proposal-logo{width:min(620px,78%);height:auto}.logo-meta{display:grid;grid-template-columns:110px 1fr 1fr;gap:30px;padding:28px}.logo-meta h2{margin:0;font-size:24px}.logo-meta p{margin:0;color:#aeb6b2}.logo-meta a{color:var(--green);font-weight:700}.route-switch{position:absolute;right:18px;top:18px;border:1px solid currentColor;background:transparent;color:inherit;padding:8px 12px;cursor:pointer}.logo-chip{color:var(--green);font-weight:800}.logo-page .site-header{position:absolute}
@media(max-width:900px){nav{display:none;position:absolute;left:0;right:0;top:86px;background:var(--ink);padding:20px var(--pad);flex-direction:column}.site-header.menu-open nav{display:flex}.menu-toggle{display:block}.header-actions .button-small{display:none}.hero-grid{grid-template-columns:1fr}.hero-proof{max-width:280px}.manifesto{grid-template-columns:1fr}.manifesto .section-number,.principles{grid-column:1}.principles{grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(3,1fr)}.case-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.logo-meta{grid-template-columns:1fr}.logo-display{min-height:300px}}
@media(max-width:600px){.site-header{height:72px}.brand-mark{width:30px}.brand{font-size:18px}.hero{padding-top:115px}.hero h1{font-size:48px}.hero-proof{display:none}.manifesto,.capabilities,.experience,.cases,.contact{padding:90px 0}.principles{grid-template-columns:1fr}.client-grid{grid-template-columns:1fr 1fr}.client-grid span{min-height:86px;font-size:12px}.contact-form{grid-template-columns:1fr}.contact-form>*{grid-column:1}.footer-grid{grid-template-columns:1fr}.section-heading{margin-bottom:50px}.logo-intro{padding-top:120px}.logo-display{min-height:240px}.logo-meta{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button:hover{transform:none}}
.service-list details p{max-width:900px;margin-bottom:38px;line-height:1.72}
.client-grid figure{min-height:132px;margin:0;display:grid;place-items:center;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.client-grid img{display:block;width:auto;height:auto;max-width:78%;max-height:58px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.78;transition:opacity .25s,transform .25s}.client-grid img.knockout{filter:grayscale(1) invert(1) contrast(800%);mix-blend-mode:screen}.client-grid img.client-logo-symbol{max-height:82px}.client-grid figure:hover img{opacity:1;transform:scale(1.04)}
.client-grid img.preserve-detail{filter:grayscale(1) invert(1) brightness(1.35) contrast(.72);opacity:.86}.client-grid img.coca-cola-color{filter:grayscale(1) brightness(0) invert(1);opacity:.78}
@media(max-width:600px){.client-grid figure{min-height:104px;padding:20px}.client-grid img{max-width:84%;max-height:46px}.client-grid img.client-logo-symbol{max-height:64px}}
.logo-intro p{max-width:750px}.logo-intro strong{color:#f5f6f1}.advisor-gray{color:#8f9994}.logo-display{min-height:430px;transition:background .25s}.logo-display:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(0,230,118,.045),transparent 30%);pointer-events:none}.proposal-logo{width:min(820px,84%);position:relative}.logo-meta{grid-template-columns:120px minmax(0,1fr) 180px;padding:32px}.logo-meta h2{margin:0 0 8px;font-size:27px;letter-spacing:-.03em}.logo-meta p{max-width:720px}.logo-meta a{text-align:right}.route-switch{background:rgba(21,25,27,.12);z-index:2}
@media(max-width:900px){.logo-meta{grid-template-columns:1fr}.logo-meta a{text-align:left}.logo-display{min-height:330px}}
@media(max-width:600px){.logo-display{min-height:245px}.proposal-logo{width:92%}}
.case-metric.case-outcome{font-size:16px;line-height:1;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#59645f;border-top:1px solid #b9bfbb;padding-top:18px}
.brand-logo{display:block;width:clamp(170px,16vw,232px);height:auto;background:transparent}.footer-brand .brand-logo{width:min(280px,100%)}

/* Mobile conversion and accessibility refinements */
html,body{max-width:100%;overflow-x:hidden}.button,.lang-toggle,.menu-toggle,summary{touch-action:manipulation}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px}.contact-form textarea{resize:vertical;min-height:110px}.form-note{line-height:1.55}.form-result{line-height:1.6;border-left:3px solid var(--ink)}
@media(max-width:900px){.site-header{padding-inline:20px}.hero-grid{gap:46px}.hero-copy{max-width:760px}.manifesto{gap:28px}.section-heading{gap:22px}.service-list summary{grid-template-columns:52px minmax(0,1fr) 32px}.service-list details p{margin-left:52px}.case-card{min-height:360px}.contact-grid{gap:56px}}
@media(max-width:600px){:root{--pad:20px}.site-header{padding-inline:16px}.brand{gap:8px}.brand-logo{width:156px}.header-actions{gap:4px}.lang-toggle,.menu-toggle{min-width:44px;min-height:44px}.hero{min-height:760px;padding:116px 0 72px}.hero h1{font-size:clamp(42px,13vw,58px);line-height:.94}.hero-lead{font-size:18px;line-height:1.55;margin:28px 0}.button-row{display:grid;grid-template-columns:1fr;width:100%}.button{width:100%;min-height:54px}.scroll-cue{display:none}.manifesto,.capabilities,.experience,.cases,.contact{padding:76px 0}.manifesto h2,.section-heading h2,.contact h2{font-size:clamp(38px,11vw,52px);line-height:.98}.manifesto-copy>p:last-child{font-size:19px;line-height:1.55;margin-top:28px}.principles{margin-top:36px}.principles article{padding:24px 0;border-bottom:1px solid #c8ccc9}.section-heading{margin-bottom:42px}.service-list summary{grid-template-columns:36px minmax(0,1fr) 28px;padding:22px 0}.service-list summary b{font-size:21px;line-height:1.15}.service-list details p{margin:0 0 28px 36px;font-size:16px;line-height:1.65}.experience:before{width:220px;height:220px;right:-80px}.case-grid{gap:12px}.case-card{min-height:0;padding:28px}.case-card h3{font-size:28px;margin:64px 0 18px}.case-card p{font-size:15px;line-height:1.6}.case-metric.case-outcome{margin-top:32px}.contact-grid{gap:44px}.contact-form{gap:24px}.footer-grid{gap:34px}.footer-grid a{min-height:32px;display:flex;align-items:center}}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form button:disabled{cursor:wait;opacity:.68;transform:none}
@media(max-width:380px){.brand-logo{width:138px}.hero h1{font-size:40px}.site-header{padding-inline:12px}.service-list summary b{font-size:19px}}

/* Translucent strategic layers: derived from the neural-network brand language */
.editorial-photo:before{content:"";position:absolute;z-index:2;left:-7%;bottom:8%;width:58%;height:24%;border:1px solid rgba(0,230,118,.56);border-radius:16px;background:linear-gradient(120deg,rgba(0,230,118,.48),rgba(12,53,40,.38));backdrop-filter:blur(6px) saturate(120%);transform:skewX(-8deg);box-shadow:22px -18px 0 rgba(10,42,33,.22);pointer-events:none}.editorial-photo:after{z-index:3}.cases .section-heading{position:relative;isolation:isolate;min-height:560px;padding:clamp(38px,6vw,76px);margin-bottom:36px;align-content:center;background-image:linear-gradient(90deg,rgba(21,25,27,.48),rgba(21,25,27,.1)),url("assets/site-images/applied-experience-1600.jpg");background-size:cover;background-position:50% 32%;color:#fff;overflow:hidden}.cases .section-heading:before{content:"";position:absolute;z-index:-1;left:-6%;top:15%;width:67%;height:68%;border-radius:20px;border:1px solid rgba(0,230,118,.5);background:linear-gradient(118deg,rgba(10,45,35,.88),rgba(17,43,36,.58));backdrop-filter:blur(8px) saturate(115%);transform:skewX(-7deg);box-shadow:28px -22px 0 rgba(0,230,118,.12)}.cases .section-heading>div{position:relative;z-index:1}.cases .section-heading .section-number,.cases .section-heading .section-intro{color:#dbe2de}.cases .section-heading h2{font-size:clamp(42px,5.5vw,74px);max-width:760px}.cases .section-heading .section-intro{max-width:680px}
@media(max-width:900px){.cases .section-heading{min-height:620px;background-image:linear-gradient(180deg,rgba(21,25,27,.28),rgba(21,25,27,.58)),url("assets/site-images/applied-experience-900.jpg");background-position:56% 28%}.cases .section-heading:before{left:-12%;top:11%;width:94%;height:76%}.editorial-photo:before{width:68%;height:22%}}
@media(max-width:600px){.cases .section-heading{min-height:650px;padding:34px 24px;background-position:58% 24%}.cases .section-heading:before{left:-18%;top:8%;width:112%;height:82%;border-radius:14px}.cases .section-heading h2{font-size:clamp(38px,10.5vw,50px)}.cases .section-heading .section-intro{font-size:15px}.editorial-photo:before{left:-14%;bottom:7%;width:82%;height:19%;border-radius:12px;box-shadow:14px -12px 0 rgba(10,42,33,.2)}}

/* Copy 2.0: editorial photography, long-form services and responsive refinements */
.hero-media{position:absolute;inset:0;display:block}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;display:block}.hero:after{background:linear-gradient(90deg,rgba(21,25,27,.99) 0%,rgba(21,25,27,.92) 35%,rgba(21,25,27,.42) 67%,rgba(21,25,27,.14) 100%)}.hero canvas{z-index:1;opacity:.62}.hero-grid{z-index:2;grid-template-columns:minmax(0,780px) 220px;gap:5vw}.hero h1{font-size:clamp(48px,6.35vw,91px);max-width:850px}.hero-lead{font-size:clamp(17px,1.55vw,21px);max-width:680px;margin:30px 0}.hero-lead p{margin:.55em 0}.hero-proof{background:rgba(21,25,27,.58);padding:20px 20px 20px 24px;backdrop-filter:blur(8px)}
.section-body,.section-intro{color:#55605b;font-weight:300}.section-body{font-size:clamp(18px,1.65vw,23px);max-width:880px;margin-top:38px}.section-body p,.section-intro p,.contact-copy p{margin:0 0 1em}.manifesto-copy>p:last-child{font-size:inherit;max-width:none;margin:0}.editorial-photo{margin:0;overflow:hidden;position:relative;background:#d8dad4}.editorial-photo:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(21,25,27,.08);pointer-events:none}.editorial-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}.approach-photo{grid-column:2;aspect-ratio:3/2;margin-top:54px}.principles{margin-top:60px}.principles p{line-height:1.65}
.section-heading{align-items:start}.section-heading>div{display:block}.section-heading>div:first-child{display:flex;gap:30px}.section-heading h2{max-width:900px}.section-heading .section-intro{font-size:18px;line-height:1.7;max-width:790px;margin-top:32px}
.service-list summary{align-items:start}.service-list summary b{display:flex;flex-direction:column}.service-list summary small{font-size:13px;line-height:1.4;letter-spacing:.02em;color:#68736d;font-weight:500;margin-top:8px}.service-list details>div{margin:0 0 40px 70px;max-width:920px;color:#4f5954;font-size:17px;line-height:1.72}.service-list details>div p{margin:0 0 .85em}.service-list details>div p:first-child{font-size:19px;color:#29312d;font-weight:650}.experience .shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:clamp(38px,6vw,88px);align-items:stretch}.experience .section-heading{display:contents}.experience .section-heading>div:first-child{grid-column:2;grid-row:1;align-self:start;margin-bottom:32px}.experience .section-heading>div:last-child{grid-column:2;grid-row:2;align-self:start}.experience .section-heading h2{font-size:clamp(42px,4.7vw,66px)}.experience .section-intro{color:#bac2be}.experience-photo{grid-column:1;grid-row:1/span 2;aspect-ratio:auto;margin:0;min-height:610px}.experience-photo img{object-position:50% 25%}.experience .trust-copy{grid-column:1/-1;margin-top:76px}.experience .client-grid{grid-column:1/-1}.trust-copy{font-size:17px}
.cases .section-heading{grid-template-columns:30% 1fr}.case-card{min-height:680px}.case-card h3{margin:66px 0 28px}.case-copy h4{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#6a756f;margin:26px 0 8px}.case-copy p{margin:0 0 .75em;line-height:1.58}.case-copy div p{margin-bottom:.75em}.contact-copy{max-width:650px;font-size:18px;line-height:1.65;margin-top:30px}.contact-form select:invalid{color:rgba(21,25,27,.65)}.footer-grid small{line-height:1.6}.footer-cta{color:var(--green)!important;font-weight:750;margin-top:10px}
@media(max-width:1050px){nav{gap:20px}.hero-grid{grid-template-columns:minmax(0,1fr) 180px}.hero h1{font-size:clamp(46px,7.4vw,76px)}.case-card{padding:28px}.case-card h3{font-size:27px}}
@media(max-width:900px){.hero:after{background:linear-gradient(90deg,rgba(21,25,27,.96),rgba(21,25,27,.56))}.hero-media img{object-position:51% 28%}.hero-grid{grid-template-columns:1fr}.hero-proof{width:250px}.approach-photo{grid-column:1;aspect-ratio:3/2;margin-top:38px}.section-heading>div:first-child{display:flex}.experience .shell{grid-template-columns:1fr}.experience .section-heading>div:first-child{grid-column:1;grid-row:1;margin-bottom:28px}.experience .section-heading>div:last-child{grid-column:1;grid-row:2}.experience-photo{grid-column:1;grid-row:3;aspect-ratio:3/2;min-height:0;margin-top:42px}.experience .trust-copy{grid-column:1;grid-row:4;margin-top:56px}.experience .client-grid{grid-column:1;grid-row:5}.cases .section-heading{grid-template-columns:1fr}.case-card{min-height:0}.service-list details>div{margin-left:52px}.case-grid{gap:18px}}
@media(max-width:600px){.hero{min-height:860px}.hero:after{background:linear-gradient(180deg,rgba(21,25,27,.96) 0%,rgba(21,25,27,.86) 56%,rgba(21,25,27,.46) 100%)}.hero-media img{object-position:55% 24%}.hero canvas{opacity:.35}.hero h1{font-size:clamp(40px,12.1vw,54px)}.hero-lead{font-size:17px;line-height:1.48}.hero-proof{display:block;margin-top:8px}.hero-proof strong{font-size:52px}.section-body{font-size:18px;line-height:1.58;margin-top:28px}.approach-photo,.experience-photo{aspect-ratio:3/2}.principles{margin-top:36px}.section-heading .section-intro{font-size:16px;line-height:1.62}.service-list summary small{font-size:12px}.service-list details>div{margin:0 0 28px 36px;font-size:15px;line-height:1.62}.service-list details>div p:first-child{font-size:17px}.case-card h3{margin-top:56px}.contact-copy{font-size:16px}.client-grid{grid-template-columns:1fr 1fr}.footer-cta{min-height:42px}.editorial-photo img{object-position:50% 28%}}

/* Refined image overlays and consistent service-title hierarchy */
.service-list summary b>span{font-size:inherit;color:inherit;line-height:inherit;letter-spacing:inherit}
.approach-photo:after,.experience-photo:after{z-index:4;inset:auto auto 12% 5%;box-shadow:none;color:#fff;font-size:clamp(18px,2.2vw,32px);font-weight:780;letter-spacing:.16em;text-transform:uppercase;line-height:1;white-space:nowrap}
.approach-photo:after{content:"ESTRATEGIA"}
.experience-photo:after{content:"+ 50 AÑOS"}
html[lang="en"] .approach-photo:after{content:"STRATEGY"}
html[lang="en"] .experience-photo:after{content:"+ 50 YEARS"}

.cases .section-heading{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(520px,44vw);min-height:0;padding:0;margin-bottom:36px;background:none;color:var(--ink);overflow:hidden;gap:32px}
.cases .section-heading:after{content:"";position:absolute;z-index:-2;inset:84px 0 0;background:linear-gradient(90deg,rgba(21,25,27,.16),rgba(21,25,27,.04)),url("assets/site-images/applied-experience-1600.jpg") center 32%/cover no-repeat}
.cases .section-heading:before{z-index:0;left:-6%;top:27%;width:61%;height:56%;border-radius:20px;background:linear-gradient(118deg,rgba(10,45,35,.9),rgba(17,43,36,.62));transform:skewX(-7deg);box-shadow:28px -22px 0 rgba(0,230,118,.12)}
.cases .section-heading>div:first-child{grid-row:1;position:relative;z-index:2;color:var(--ink);align-items:center}
.cases .section-heading>div:last-child{grid-row:2;position:relative;z-index:2;align-self:center;width:64%;padding:clamp(34px,5vw,68px);color:#fff}
.cases .section-heading .section-number{color:#76817c}.cases .section-heading .eyebrow{margin:0}.cases .section-heading h2{font-size:clamp(32px,4.125vw,56px);max-width:680px;color:#fff}.cases .section-heading .section-intro{max-width:630px;color:#dbe2de}
@media(max-width:900px){.cases .section-heading{grid-template-rows:auto 590px;background:none;gap:26px}.cases .section-heading:after{inset:76px 0 0;background-image:linear-gradient(180deg,rgba(21,25,27,.1),rgba(21,25,27,.34)),url("assets/site-images/applied-experience-900.jpg");background-position:56% 28%}.cases .section-heading:before{left:-10%;top:26%;width:80%;height:58%}.cases .section-heading>div:last-child{width:76%}}
@media(max-width:600px){.approach-photo:after,.experience-photo:after{left:5%;bottom:11%;font-size:18px;letter-spacing:.12em}.cases .section-heading{grid-template-rows:auto 620px;padding:0;background:none}.cases .section-heading:after{inset:70px 0 0;background-position:61% 24%}.cases .section-heading:before{left:-16%;top:25%;width:108%;height:60%;border-radius:14px}.cases .section-heading>div:last-child{width:100%;padding:32px 24px}.cases .section-heading h2{font-size:clamp(29px,7.5vw,36px)}}

/* Precision alignment for text-bearing translucent panels */
.approach-photo:before,.experience-photo:before{height:clamp(50px,4.4vw,64px)}
.approach-photo:after,.experience-photo:after{bottom:calc(8% + 15px)}
.cases .section-heading>div:last-child{position:absolute;left:0;top:55%;transform:translateY(-50%);align-self:auto;padding:0 clamp(34px,5vw,68px)}
@media(max-width:600px){.approach-photo:before,.experience-photo:before{height:42px;bottom:7%}.approach-photo:after,.experience-photo:after{bottom:calc(7% + 12px)}.cases .section-heading>div:last-child{top:55%;padding:0 24px}}

/* Capabilities image: same editorial system as the trajectory section */
.capabilities .shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:clamp(38px,6vw,88px);align-items:stretch}
.capabilities .section-heading{display:contents}
.capabilities .section-heading>div:first-child{grid-column:2;grid-row:1;align-self:start;margin-bottom:32px}
.capabilities .section-heading>div:last-child{grid-column:2;grid-row:2;align-self:start}
.capabilities .section-heading h2{font-size:clamp(42px,4.7vw,66px)}
.capabilities-photo{grid-column:1;grid-row:1/span 2;min-height:610px;margin:0}
.capabilities-photo img{object-position:52% 28%}
.capabilities .service-list{grid-column:1/-1;margin-top:76px}
.capabilities-photo:before{width:72%;height:clamp(50px,4.4vw,64px)}
.capabilities-photo:after{content:"EXPERIENCIA";z-index:4;inset:auto auto calc(8% + 15px) 5%;box-shadow:none;color:#fff;font-size:clamp(18px,2.2vw,32px);font-weight:780;letter-spacing:.16em;text-transform:uppercase;line-height:1;white-space:nowrap}
html[lang="en"] .capabilities-photo:after{content:"EXPERIENCE"}
@media(max-width:900px){.capabilities .shell{grid-template-columns:1fr}.capabilities .section-heading>div:first-child{grid-column:1;grid-row:1;margin-bottom:28px}.capabilities .section-heading>div:last-child{grid-column:1;grid-row:2}.capabilities-photo{grid-column:1;grid-row:3;aspect-ratio:3/2;min-height:0;margin-top:42px}.capabilities .service-list{grid-column:1;grid-row:4;margin-top:56px}}
@media(max-width:600px){.capabilities-photo:before{width:82%;height:42px;bottom:7%}.capabilities-photo:after{left:5%;bottom:calc(7% + 12px);font-size:18px;letter-spacing:.12em}}

/* Calmer footer accent green. */
.site-footer .footer-cta{color:#00b865!important}.site-footer .brand-logo{filter:saturate(.76) brightness(.9)}

/* Contact block: emerald sampled from the approved reference, with accessible light type. */
.contact.section-green{background:#277a55;color:#fff}.contact .eyebrow,.contact h2,.contact-copy,.contact-form label{color:#fff}.contact-form input,.contact-form textarea,.contact-form select{color:#fff;border-bottom-color:rgba(255,255,255,.62)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.76);opacity:1}.contact-form select:invalid{color:rgba(255,255,255,.76)}.contact-form select option{color:var(--ink);background:#fff}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#fff;box-shadow:0 2px 0 #fff}.contact .form-note{color:rgba(255,255,255,.82)}.contact .form-result{color:#fff;background:rgba(0,0,0,.16);border-left-color:#fff}

/* Keep the complete cases message inside the existing translucent panel. */
@media(min-width:901px){.cases .section-heading>div:last-child{width:54%}.cases .section-heading h2{font-size:clamp(30px,3.65vw,50px);max-width:590px}.cases .section-heading .section-intro{max-width:100%}}
