:root{--blue:#047ea3;--blue-deep:#036481;--ink:#222328;--gray:#62656b;--paper:#fff;--ice:#f1f5f6;--line:#d8dfe2;--sans:'Open Sans',Arial,sans-serif;--serif:'Crete Round',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:white}.skip{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;z-index:100;padding:15px}.skip:focus{top:20px}.header{height:96px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(18px);z-index:20}.brand img{display:block;width:145px;height:auto}.header nav{display:flex;align-items:center;gap:34px;font-size:.875rem;font-weight:600}.nav-cta{display:flex;align-items:center;gap:26px;border:1px solid var(--ink);border-radius:30px;padding:12px 22px}.nav-cta:hover{color:white;background:var(--ink)}.hero{min-height:calc(100svh - 96px);padding:36px 5.5% 34px;display:flex;flex-direction:column;overflow:hidden;position:relative}.hero-top{display:flex;justify-content:space-between}.eyebrow,.edition{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.7}.edition{color:var(--gray)}.hero-content{display:flex;align-items:center;justify-content:space-between;flex:1;padding:36px 0 40px}h1{font-size:clamp(3.9rem,7.1vw,7.5rem);line-height:1.06;letter-spacing:-.065em;font-weight:600;margin:0;position:relative;z-index:2}em{font-family:var(--serif);font-weight:400;color:var(--blue);letter-spacing:-.045em}.hero-side{width:42%;text-align:center}.hero-number{display:block;font-size:clamp(7rem,17vw,20rem);line-height:.95;letter-spacing:-.09em;color:var(--blue);font-weight:600}.hero-number-label{font-size:.75rem;letter-spacing:.14em;display:block;margin-top:24px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}.hero-bottom p{font-size:1.05rem;line-height:1.65;margin:0;color:var(--gray)}.hero-bottom strong{color:var(--ink);font-weight:600}.round-link{display:flex;align-items:center;gap:24px;font-size:.875rem}.circle{height:48px;width:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:1.3rem}.round-link:hover .circle{background:var(--blue);color:white;border-color:var(--blue)}.section{padding:130px 8%;}h2{font-size:clamp(3rem,5.8vw,6rem);line-height:1.12;letter-spacing:-.055em;font-weight:600;margin:35px 0}.body-copy{font-size:1.15rem;line-height:1.75;color:var(--gray)}.opening{background:var(--ice)}.method-intro{background:var(--ink);color:white}.method-intro em{color:#61bdd5}.method-intro .body-copy{color:#bfc6ca}.contact{background:var(--blue);color:white}.contact em{color:white}.button{display:inline-flex;align-items:center;gap:55px;background:white;color:var(--ink);padding:20px 28px;border-radius:40px;font-weight:600;font-size:1rem}.button:hover{background:var(--ink);color:white}.email{font-size:.875rem;display:block;width:max-content;margin-top:25px;border-bottom:1px solid #ffffff88;padding-bottom:3px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 5.5%;font-size:.75rem;color:var(--gray)}footer img{width:115px;height:auto}
@media(max-width:700px){html{scroll-padding-top:78px}.header{height:78px;padding:0 6%}.brand img{width:118px}.header nav{gap:16px}.header nav>a:not(.nav-cta){display:none}.nav-cta{padding:9px 15px;gap:15px}.hero{min-height:calc(100svh - 78px);padding:24px 6%}.hero-top .edition{display:none}.eyebrow{font-size:.7rem;letter-spacing:.09em}.hero-content{padding:30px 0 40px;display:block}h1{font-size:clamp(3.4rem,11.5vw,5rem)}.hero-side{width:100%;text-align:right;margin-top:26px}.hero-number{font-size:6rem}.hero-number-label{font-size:.65rem;margin-top:10px}.hero-bottom{gap:22px;align-items:center}.hero-bottom p{font-size:.875rem}.round-link{gap:12px}.round-link>span:first-child{display:none}.section{padding:90px 6%}h2{font-size:clamp(2.7rem,9vw,4rem)}.body-copy{font-size:1rem}footer{flex-wrap:wrap;padding:30px 6%}footer>span:nth-child(2){display:none}.button{font-size:.875rem;padding:18px 22px;gap:22px}}
.hero{background:#f7f7f7}.hero-content{position:relative;min-height:490px}.hero h1{width:60%}.hero-art{position:absolute;inset:0 -8% 0 38%;pointer-events:none;will-change:transform}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 95%,transparent)}.hero-top,.hero-bottom{z-index:2}.hero-bottom{padding-top:18px;border-top:1px solid var(--line)}
.story{background:#eef1f2;position:relative}.story-sticky{position:relative;padding:40px 5.5%;overflow:hidden}.story-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}.story-count{font-size:.875rem;color:var(--gray);font-variant-numeric:tabular-nums}.story-copy{position:relative;z-index:2;width:56%}.story-frame{padding:50px 0}.story-frame h2{font-size:clamp(3.6rem,5.6vw,6.4rem);margin:20px 0 28px;line-height:1.1}.story-frame p{font-size:1.125rem;line-height:1.65;color:var(--gray);margin:0}.frame-label{font-size:.875rem;color:var(--gray)}.story-visual{position:absolute;right:-20%;width:87%;top:16%;height:77%;pointer-events:none;opacity:.85;mask-image:linear-gradient(90deg,transparent 12%,#000 47%);-webkit-mask-image:linear-gradient(90deg,transparent 12%,#000 47%)}.story-visual img{width:100%;height:100%;object-fit:cover;object-position:75%;mix-blend-mode:multiply;will-change:transform}.story-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:.875rem;border-top:1px solid #cdd4d6;padding-top:22px}.story-bottom>a{white-space:nowrap}.story-bottom>a>span{margin-left:20px}.story-progress{height:2px;background:#cad3d6;flex:1;max-width:200px}.story-progress>span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}.motion .story{height:420svh}.motion .story-sticky{position:sticky;top:96px;height:calc(100svh - 96px);min-height:560px;display:flex;flex-direction:column;justify-content:space-between}.motion .story-copy{height:450px;margin:auto 0;max-height:calc(100% - 110px)}.motion .story-frame{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .45s ease,transform .55s ease}.motion .story-frame.is-active{opacity:1;visibility:visible;transform:translateY(0)}.statement{text-align:center;background:white;padding-top:145px;padding-bottom:145px}.statement h2{font-size:clamp(2.7rem,5vw,5.7rem)}.muted{color:#858b91}
.method{background:var(--ink);color:white;padding:100px 8% 0}.method-heading{display:flex;flex-direction:column;align-items:center;text-align:center}.method-heading h2{font-size:clamp(3.5rem,5.8vw,6rem);margin:30px 0 25px}.method-heading p:last-child{color:#b7c0c5;font-size:1.125rem;line-height:1.65}.method em{color:#6bc0d9}.method-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:12%;position:relative;padding-top:55px}.method-anchor{align-self:start;padding-top:50px;position:sticky;top:170px}.big-number{font-size:clamp(8rem,18vw,20rem);letter-spacing:-.1em;line-height:1;font-weight:600;display:block}.big-number>span{display:block;font-size:clamp(2.1rem,4.5vw,4rem);letter-spacing:-.045em;color:#6bc0d9;font-family:var(--serif);font-style:italic;padding-left:6px}.method-anchor>p{font-size:1.2rem;line-height:1.6;margin:28px 0 30px}.method-track{width:100%;height:2px;background:#51585d}.method-track>span{display:block;width:100%;height:100%;background:#6bc0d9;transform:scaleX(0);transform-origin:left}.track-labels{display:flex;justify-content:space-between;color:#aeb9bf;font-size:.75rem;padding-top:14px}.method-step{min-height:55svh;padding:65px 0 75px;border-top:1px solid #4b4e54;display:flex;flex-direction:column;justify-content:center}.step-number{font-size:.75rem;letter-spacing:.12em;color:#8fd6e9}.method-step h3{font-size:clamp(2rem,3vw,3.5rem);letter-spacing:-.06em;font-weight:500;line-height:1.1;margin:22px 0}.method-step p{font-size:1.05rem;line-height:1.8;color:#b9c1c6;max-width:420px;margin:0}.step-outcome{font-size:.875rem;padding-top:28px;color:#dce4e7}.motion .method-step{opacity:.45;transition:opacity .5s}.motion .method-step.is-current{opacity:1}.method-end{padding:80px 0 110px;margin-top:50px;border-top:1px solid #4b4e54;display:flex;gap:30px;justify-content:space-between;align-items:start}.method-end>p{margin:0;font-size:clamp(2rem,3.8vw,4rem);letter-spacing:-.05em;line-height:1.3}.business{padding-bottom:95px}.business-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:10%}.business-grid h2{font-size:clamp(3rem,5.5vw,6rem)}.business-grid .body-copy{color:var(--ink);font-weight:600;font-size:1.25rem}.business-detail{font-size:1.05rem;line-height:1.8;color:var(--gray);max-width:380px}.capabilities{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding-top:35px;font-size:1rem;color:var(--gray);gap:25px}.contact{position:relative;overflow:hidden;padding-top:100px;padding-bottom:105px}.contact h2{font-size:clamp(3.5rem,6.2vw,6.8rem);margin-bottom:42px}.contact .eyebrow{opacity:.85}.contact .button{transition:background .2s,color .2s}footer>div{display:flex;align-items:center;gap:36px}footer a:hover{text-decoration:underline}
@media(min-width:1600px){.hero-content{padding-top:60px;padding-bottom:60px}.hero,.header{padding-left:max(5.5%,calc((100vw - 1500px)/2));padding-right:max(5.5%,calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.hero h1{font-size:clamp(3.8rem,8vw,6rem)}.method{padding-left:6%;padding-right:6%}.method-layout{gap:7%}.method-anchor{top:160px}.method-step h3{font-size:2.4rem}.business-grid{grid-template-columns:1fr 1fr;gap:6%}.business-grid h2{font-size:3.4rem}}
@media(max-width:700px){.hero{min-height:auto}.hero-content{display:flex;align-items:start;min-height:630px;padding-top:35px}.hero h1{width:100%;font-size:clamp(3.5rem,12vw,5rem);line-height:1.06}.hero-art{inset:235px -18% -5px 5%}.hero-art img{object-fit:contain;object-position:right center;mask-image:linear-gradient(180deg,transparent 0%,black 12%,black 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 12%,black 90%,transparent)}.hero-bottom{padding:20px 0 3px}.hero .round-link>span:first-child{display:block;font-size:.75rem;max-width:85px}.story-sticky{padding:18px 6% 25px}.motion .story{height:390svh}.motion .story-sticky{top:78px;height:calc(100svh - 78px);min-height:580px}.story-copy{width:100%}.motion .story-copy{height:310px;max-height:none;margin:25px 0 auto}.story-frame h2{font-size:clamp(2.9rem,9.6vw,4.4rem);margin:10px 0 20px}.story-frame p{font-size:1rem;line-height:1.6}.frame-label{font-size:.8rem}.story-visual{right:-30%;width:125%;height:55%;top:auto;bottom:35px;opacity:.52;mask-image:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent)}.story-visual img{object-fit:contain}.story-bottom{gap:16px;font-size:.75rem;padding-top:16px}.story-bottom>span{display:none}.story-bottom .story-progress{max-width:none}.story-bottom>a>span{margin-left:8px}.statement{padding:90px 6%}.statement h2{font-size:clamp(2.2rem,8vw,3.2rem);line-height:1.22}.method{padding-top:75px}.method-heading h2{font-size:3.4rem}.method-heading p:last-child{font-size:1rem}.method-layout{display:block;padding-top:25px}.method-anchor{position:relative;top:auto;padding:30px 0 55px}.big-number{font-size:38vw;line-height:.95}.big-number>span{display:inline;font-size:2.5rem;padding-left:12px;letter-spacing:-.07em}.method-anchor>p{margin:20px 0 30px;font-size:1.1rem}.method-step{min-height:380px;padding:55px 0}.method-step h3{font-size:2.9rem}.method-step p{font-size:1rem}.motion .method-step{opacity:.55}.method-end{flex-direction:column;padding:55px 0 75px;margin-top:0;gap:25px}.method-end p{font-size:2.1rem;line-height:1.35}.business-grid{display:block}.business-grid h2{font-size:3.1rem}.business-grid .body-copy{font-size:1.1rem}.business-detail{font-size:1rem}.capabilities{flex-wrap:wrap;justify-content:start;gap:15px 24px;font-size:.875rem;padding-top:25px}.contact{padding:75px 6%}.contact h2{font-size:clamp(2.8rem,9.7vw,4rem)}footer>div{gap:24px;font-size:.7rem}footer img{width:98px}}
@media(max-width:370px){.hero-content{min-height:590px}.hero h1{font-size:3.3rem}.hero-art{top:220px}.story-frame h2{font-size:2.75rem}.story-frame p{font-size:.95rem}.method-step h3{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.story-copy{width:100%}.story-frame{border-top:1px solid var(--line)}.story-visual{display:none}.story-progress{display:none}.method-track{display:none}.track-labels{display:none}}
html:not(.motion) .story-visual,html:not(.motion) .story-count,html:not(.motion) .story-progress{display:none}html:not(.motion) .story-copy{width:100%}html:not(.motion) .story-frame{border-top:1px solid var(--line);padding:55px 0}html:not(.motion) .method-track,html:not(.motion) .track-labels{display:none}

/* Paid attention and the customer's decision: one claim, then the story. */
.opening{padding-top:100px;padding-bottom:100px}
.opening h2{margin-top:30px;margin-bottom:24px}
.ad-headline{padding:100px 8%;background:var(--blue);color:#fff}
.ad-headline h2{font-size:clamp(3rem,5.9vw,6.4rem);max-width:1200px;margin:30px 0 38px}
.ad-headline em{color:#fff}
.ad-lede{font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.65;margin:0;color:#d8f2f9}
.ad-lede strong{font-weight:600;color:#fff}
.ad-explainer{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;padding:100px 8% 70px}
.ad-premise h3{font-size:clamp(2.8rem,4.5vw,5rem);font-weight:600;letter-spacing:-.055em;line-height:1.13;margin:32px 0 0}
.ad-sequence{list-style:none;padding:0;margin:0;counter-reset:none}
.ad-sequence li{display:grid;grid-template-columns:30px 1fr;gap:22px;border-top:1px solid var(--line);padding:30px 0 38px}
.ad-step{color:var(--blue);font-size:.875rem;font-variant-numeric:tabular-nums;padding-top:5px}
.ad-sequence h3{font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:-.035em;line-height:1.3;font-weight:600;margin:0 0 15px}
.ad-sequence p{font-size:1.05rem;line-height:1.8;color:var(--gray);margin:0;max-width:530px}
.ad-sequence strong{font-weight:600;color:var(--ink)}
.ad-takeaway{padding:0 8% 100px;text-align:center}
.ad-takeaway>p:first-child{font-size:1rem;color:var(--gray);line-height:1.7;margin:0 0 20px}
.ad-takeaway h3{font-size:clamp(2.2rem,4.2vw,4.5rem);line-height:1.2;letter-spacing:-.055em;font-weight:600;margin:0}
.ad-signoff{font-size:1rem;font-weight:600;margin:28px 0 0}
.motion .story{height:350svh}
@media(max-width:900px){.ad-explainer{gap:7%;grid-template-columns:.8fr 1.2fr}.ad-premise h3{font-size:3rem}.ad-sequence li{gap:12px}.ad-sequence p{font-size:1rem}}
@media(max-width:700px){.opening{padding:75px 6%}.opening h2{font-size:clamp(2.6rem,8.7vw,3.5rem)}.ad-headline{padding:75px 6%}.ad-headline h2{font-size:clamp(2.6rem,9.2vw,4rem);margin-bottom:30px}.ad-lede{font-size:1.05rem}.ad-explainer{display:block;padding:65px 6% 35px}.ad-premise h3{font-size:2.8rem;margin-bottom:45px}.ad-premise h3 em{display:block}.ad-sequence li{grid-template-columns:26px 1fr;gap:12px;padding:28px 0 32px}.ad-sequence h3{font-size:1.4rem}.ad-takeaway{padding:15px 6% 75px}.ad-takeaway h3{font-size:clamp(2rem,7.5vw,3rem)}.ad-takeaway>p:first-child{font-size:.95rem}.motion .story{height:320svh}}

/* Shared effort, investment priorities, and knowledge retained by the team. */
.investment-principle{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:9%;margin:0 8%;padding:65px 0 90px;border-top:1px solid var(--line)}
.investment-principle h3{font-size:clamp(2.6rem,4.3vw,4.8rem);font-weight:600;letter-spacing:-.055em;line-height:1.12;margin:24px 0 18px}
.investment-subtitle{font-size:1.15rem;line-height:1.6;margin:0;color:var(--ink)}
.principle-copy{min-width:0}.principle-copy p{font-size:1.05rem;line-height:1.85;color:var(--gray);margin:0 0 22px;max-width:520px}.principle-copy p:last-child{margin-bottom:0}
.working-together{background:var(--ice);padding-top:95px;padding-bottom:80px}
.together-grid{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:8%}
.together-grid h2{font-size:clamp(2.7rem,4.6vw,5.2rem);line-height:1.16;margin:28px 0 38px}
.criteria-note{border-top:1px solid var(--line);padding-top:28px;margin:25px 0 0;font-size:1rem;line-height:1.65;color:var(--gray)}
.criteria-note strong{color:var(--blue-deep);font-weight:600}
.method-end>.eyebrow{flex-shrink:0;padding-top:8px}.method-legacy{max-width:780px;min-width:0}.method-legacy h3{font-size:clamp(2.4rem,4vw,4.5rem);letter-spacing:-.05em;line-height:1.22;font-weight:500;margin:0 0 32px}
.legacy-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%}.legacy-copy p{font-size:1.05rem;line-height:1.8;color:#b9c1c6;margin:0}
@media(max-width:900px){.investment-principle{gap:7%;grid-template-columns:1fr 1fr}.together-grid{grid-template-columns:1fr;gap:0}.together-grid h2{margin-bottom:28px}.together-grid .principle-copy{max-width:670px}.together-grid .principle-copy p{max-width:none}.method-end{flex-direction:column}.method-legacy{max-width:none}}
@media(max-width:700px){.investment-principle{display:block;margin:0 6%;padding:45px 0 65px}.investment-principle h3{font-size:2.7rem}.investment-subtitle{font-size:1.05rem}.investment-principle .principle-copy{margin-top:28px}.principle-copy p{font-size:1rem;line-height:1.8}.working-together{padding:70px 6% 60px}.together-grid h2{font-size:clamp(2.4rem,8vw,3.5rem);margin-top:24px}.criteria-note{font-size:1rem}.method-legacy h3{font-size:clamp(2.1rem,7.5vw,3.1rem);margin-bottom:25px}.legacy-copy{display:block}.method-end .legacy-copy p{font-size:1rem;line-height:1.8}.legacy-copy p+p{margin-top:18px}}

/* Both languages share the same layout and scroll narrative. */
.header-actions{display:flex;align-items:center;gap:30px;min-width:0}
.language-switch{display:flex;align-items:center;gap:6px;font-size:.875rem;white-space:nowrap;line-height:1}
.language-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 2px;color:var(--gray)}
.language-switch a[aria-current="page"]{color:var(--blue-deep);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.language-switch a:hover{color:var(--blue)}.language-switch>span{color:#9aa2a6}
html[lang="en"] .hero h1{font-size:clamp(3.6rem,6.6vw,7.15rem)}
html[lang="en"] .story-bottom>span{max-width:400px;line-height:1.5}
@media(max-width:1000px){.header-actions{gap:20px}.header nav{gap:22px}}
@media(max-width:800px){.header-actions{gap:16px}.header nav{gap:16px}}
@media(max-width:700px){.header-actions{gap:14px}.header{gap:12px}.language-switch{font-size:.875rem;gap:4px}html[lang="en"] .hero h1{font-size:clamp(2.95rem,11.7vw,4.8rem)}html[lang="en"] .button{gap:18px;padding:18px 22px}html[lang="en"] .business-grid h2{font-size:clamp(2.7rem,9vw,3.1rem)}}
@media(max-width:420px){.brand img{width:96px}.header-actions{gap:10px}.header .nav-cta{gap:8px;padding:10px 11px;font-size:.8125rem}.language-switch{gap:3px;font-size:.8125rem}html[lang="en"] .contact .button{font-size:.8125rem;gap:12px;padding:18px 20px}}
