/* Transparent mark follows the same contrast state as the navigation. */
.brand{background:transparent}.brand img{filter:brightness(0) invert(1)}
.header.scrolled .brand img,.header.light-header .brand img,.header:has(nav.is-open) .brand img{filter:brightness(0)}
body[data-page="research"] .header{background:transparent;color:var(--light)}
body[data-page="research"] .header.scrolled,body[data-page="research"] .header:has(nav.is-open){background:var(--light);color:var(--green)}
.hero-content h1{max-width:58%;font-size:var(--h2);line-height:var(--h2-leading)}
.home-hero h1{font-size:var(--h4);line-height:var(--h4-leading);max-width:650px}
.hero-content>p{max-width:43%}.hero-photo{object-position:65% center}
.about-hero .hero-content{align-self:center;padding-bottom:80px}
.hero-caption{position:absolute;bottom:35px;right:56px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.application-editorial{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 60px;align-items:start}
.application-editorial article:nth-child(n){grid-column:auto;margin-top:0}
.application-editorial .sector-photo{aspect-ratio:16/9}
.line-study{width:100%;color:var(--green);--study-fill:#fafafa;overflow:hidden}
.line-study svg{width:100%;height:auto;display:block;aspect-ratio:640/460}
.line-study figcaption{font-size:13px;line-height:1.5;letter-spacing:.02em;opacity:.65;max-width:430px;padding:0 20px 20px}
.study-art{transform-origin:50% 50%;transform:translate(var(--study-x,0px),var(--study-y,0px));transition:transform .5s ease-out}
.problem-body .line-study{margin-top:30px}.technology-section .line-study{color:#b4c9bc;--study-fill:#1c1c1c}
.visual-explainer{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.visual-explainer h2{font-size:var(--h3);line-height:var(--h3-leading);margin:25px 0 35px}
.visual-explainer p+p{margin-top:25px}.visual-explainer p{font-size:var(--p2);max-width:650px}
.study-index{font-size:13px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:35px;opacity:.65}
.explanatory-note{font-size:13px;opacity:.55;margin-top:50px}
.measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}
.measure-grid article{border-top:1px solid #00574044;padding-top:25px}
.measure-grid h3{font-size:var(--h4);line-height:var(--h4-leading)}
.measure-grid p{font-size:var(--p2);margin-top:22px}
.science-section .interaction-diagram{border-color:#00574044}.science-section figcaption{color:#666}
.control-study{padding:45px 0;color:#b4c9bc}.control-path,.parallel-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;font-size:15px}
.control-path span,.parallel-path span{border-block:1px solid #b4c9bc66;padding:25px 0;text-align:center}
.control-path i,.parallel-path i{font-style:normal;opacity:.5}.parallel-path{margin-top:100px;position:relative;opacity:.6}
.parallel-path:before{content:"";position:absolute;left:50%;height:100px;bottom:100%;border-left:1px dashed #b4c9bc88}
.control-study>p{font-size:12px;margin-top:30px;opacity:.6}
@media(max-width:1100px){.visual-explainer{gap:40px}.hero-content h1{max-width:65%}.home-hero h1{max-width:55%}.application-editorial{gap:65px 35px}.control-path,.parallel-path{font-size:12px;gap:5px}}
@media(max-width:767px){
 .cinema-hero{height:100svh;min-height:900px;display:flex;flex-direction:column}
 .cinema-hero>picture,.home-hero>picture{position:relative;inset:auto;flex:1;width:100%;min-height:380px;height:auto}.hero-photo,.home-hero .hero-photo{position:absolute;inset:0;object-position:75% center}
 .hero-content,.home-hero .hero-content,.about-hero .hero-content{order:-1;flex-shrink:0;padding-top:140px;padding-bottom:45px}
 .hero-content h1{font-size:var(--h3);line-height:var(--h3-leading);max-width:100%}
 .home-hero h1{font-size:var(--h4);line-height:var(--h4-leading);max-width:100%}
 .hero-content>p,.home-hero .hero-content>p{max-width:100%;font-size:16px;margin-top:22px}
 .home-hero .hero-actions{gap:24px;margin-top:22px;font-size:14px}
 .hero-caption{right:20px;bottom:22px;font-size:9px}
 .application-editorial,.visual-explainer,.measure-grid{grid-template-columns:1fr;gap:45px}
 .visual-explainer.reversed .line-study{order:2}.line-study figcaption{font-size:11px;padding-left:0}
 .visual-explainer h2{margin-top:20px;margin-bottom:25px}.explanatory-note{font-size:11px;margin-top:25px}
 .measure-grid{margin-top:45px}.control-path,.parallel-path{font-size:12px;gap:8px}
 .control-study{padding:15px 0}.service-grid .line-study{order:2}
}
@media(prefers-reduced-motion:reduce){.study-art{transform:none!important;transition:none}}
.site-intro{display:none;position:fixed;inset:0;z-index:1000;background:#005740;place-items:center;pointer-events:none}
.site-intro img{width:180px;height:120px;object-fit:contain;filter:brightness(0) invert(1)}
.intro-active .site-intro{display:grid;animation:intro-out .18s .45s both}
.intro-active .site-intro img{animation:intro-mark .25s ease-out both}
@keyframes intro-mark{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes intro-out{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.site-intro,.intro-active .site-intro{display:none!important}}
.industry-study svg{aspect-ratio:16/9}.industry-study figcaption{padding:0 0 20px;opacity:.65}
.hero-photo{filter:brightness(.77) saturate(.88)}

.hero-content h1{max-width:48%}.hero-content>p{max-width:40%}
.home-hero h1{max-width:50%;font-size:var(--h4)}
@media(max-width:767px){.hero-content h1,.home-hero h1,.hero-content>p,.home-hero .hero-content>p{max-width:100%}.hero-photo{filter:brightness(.9) saturate(.9)}}
.brand img{animation:none}.home-hero h1{max-width:44%}.home-hero .hero-content>p{max-width:380px}
@media(max-width:767px){.home-hero h1,.home-hero .hero-content>p{max-width:100%}}
.value-section{background:#edf1ec;color:var(--dark)}.value-heading h2{max-width:1100px}.value-heading>p{max-width:700px;margin-top:30px}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 90px;margin-top:80px}.value-grid article{border-top:1px solid #00574044;padding-top:25px}.value-number{display:block;font-size:12px;color:var(--green);letter-spacing:.1em;margin-bottom:25px}.value-grid h3{font-size:var(--h4);line-height:var(--h4-leading);max-width:520px}.value-grid p{font-size:var(--p2);max-width:550px;margin-top:25px}.value-link{margin-top:60px}.portrait{aspect-ratio:4/5;height:auto;object-fit:cover;object-position:center}
@media(max-width:767px){.value-grid{grid-template-columns:1fr;gap:40px;margin-top:50px}.value-heading h2{font-size:var(--h3);line-height:var(--h3-leading)}.value-link{margin-top:40px}.value-number{margin-bottom:18px}.portrait{height:auto;aspect-ratio:4/5}}
