/* Editorial layout: red, black and white. */
:root{--red:#e41423;--ink:#101010;--paper:#fff;--gutter:clamp(20px,4.5vw,80px)}
body,.paperR{background:var(--paper);color:var(--ink)}
html{scroll-padding-top:94px}::selection{background:var(--red);color:white}
a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:6px}
#header{height:84px;padding-inline:var(--gutter)}
#header.scrolled,#header.solid{background:rgba(255,255,255,.96)}
#header:after{content:"";position:absolute;bottom:-1px;left:0;width:var(--scroll-progress,0%);height:2px;background:var(--red)}
#header:has(+ #menu.open),#header.menuActive{background:var(--ink);color:white}
#header:has(+ #menu.open) .brandLight{display:block}#header:has(+ #menu.open) .brandDark{display:none}
.desktopNav{gap:25px;left:53%}.desktopNav>a,.desktopNav button{font-size:11px;letter-spacing:.06em}
.desktopRoles:focus-within .desktopRolesDrop,.desktopTopics:focus-within .desktopTopicsDrop,.navOpen .desktopRolesDrop,.navOpen .desktopTopicsDrop{opacity:1;visibility:visible;transform:none;pointer-events:auto}
#cursor{display:none}#menuNav a span{margin-left:auto;font-size:.55em;color:var(--red)}
#menu{padding-top:130px}#menuNav a{font-size:clamp(32px,5vw,72px);padding-block:14px}.menuMeta{position:static;margin-top:35px}
.editorialHero{min-height:760px;height:100svh;background:var(--ink)}
.editorialHero .heroR-media img{filter:grayscale(1) brightness(.55);animation:none;transform:scale(1.08);object-position:center;will-change:transform}
.editorialHero .heroR-media:after{background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%)}
.editorialHero:after{display:none}
.editorialHero .heroR-top{top:120px;left:var(--gutter);right:var(--gutter);font-size:10px;letter-spacing:.13em}
.editorialHero .heroX6-main{top:auto;bottom:130px;left:var(--gutter);right:var(--gutter);transform:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:end;gap:24px}
.editorialHero .heroX6-kicker{grid-column:1/-1;margin-bottom:12px;color:white;font-size:11px;letter-spacing:.15em}
.editorialHero h1{font-size:clamp(56px,6.3vw,108px)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:none!important}
.editorialHero h1>span{animation:headlineEnter 1s cubic-bezier(.16,1,.3,1) both}
.editorialHero h1>span:nth-child(2){animation-delay:.12s}.editorialHero h1>span:nth-child(3){animation-delay:.24s}
.editorialHero h1 em{color:var(--red)}
.editorialHero .heroX6-copy{position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;animation:headlineEnter 1s .3s both}
.editorialHero .heroX6-copy p{font-size:17px;line-height:1.65;margin:0 0 28px;max-width:320px;color:#e6e6e6}
.labButton{display:inline-flex!important;align-items:center;gap:30px;padding:17px 0!important;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0;font-size:11px!important;font-weight:700;letter-spacing:.06em;color:inherit;transition:color .25s,gap .25s}
.labButton span{font-size:24px}.labButton:hover{color:var(--red);gap:42px}
.heroBottom{position:absolute;z-index:6;left:var(--gutter);right:var(--gutter);bottom:28px;border-top:1px solid #ffffff45;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em}
.heroBottom b{display:inline-block;margin-left:15px;animation:arrowFloat 2s ease-in-out infinite;color:var(--red);font-size:18px}
.researchRibbon{overflow:hidden;background:var(--red);color:white;padding:22px 0}.researchRibbon>div{display:flex;width:max-content;animation:ribbonMove 35s linear infinite}.researchRibbon span{display:flex;align-items:center;gap:40px;padding-right:40px;font-size:clamp(18px,2.3vw,34px);font-weight:700;letter-spacing:-.02em;white-space:nowrap}.researchRibbon i{font-style:normal;color:var(--ink)}.researchRibbon:hover>div{animation-play-state:paused}
@keyframes ribbonMove{to{transform:translateX(-50%)}}@keyframes headlineEnter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes arrowFloat{50%{transform:translateY(6px)}}
.rail{padding:30px var(--gutter) 0;font-size:11px;gap:20px}.rail b{color:var(--red)}
.aboutX6-intro{padding:100px var(--gutter) 80px;gap:8vw}.aboutX6-lead h2{font-size:clamp(42px,5.4vw,88px)!important;line-height:1.04!important;letter-spacing:-.045em!important}.aboutX6-lead p{font-size:17px;line-height:1.75;max-width:750px}
.aboutX6-definition{margin-inline:var(--gutter);padding-block:50px}.aboutX6-definition blockquote{font-size:clamp(24px,2.6vw,42px);line-height:1.4;letter-spacing:-.025em}
.aboutX6-principles{margin-inline:var(--gutter)}.aboutX6-principles article h3{font-size:20px;line-height:1.3}.aboutX6-principles article p{line-height:1.7}
.aboutX6-futurescape{margin-inline:var(--gutter)}
.workIntro{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;padding:90px var(--gutter) 0;align-items:end}.workIntro h2{font-size:clamp(42px,5vw,80px);line-height:1.05;letter-spacing:-.045em;margin:0}.workIntro em{font-style:normal;color:var(--red)}.workIntro p{font-size:17px;line-height:1.7;max-width:380px;margin:0}
.workR-feature{margin:65px var(--gutter) 100px;grid-template-columns:1.4fr 1fr;gap:6vw}.workR-feature figure{height:auto;aspect-ratio:4/3;overflow:hidden}.workR-feature figure img{object-fit:cover}.workR-text h2{font-size:clamp(36px,4vw,64px);line-height:1.05}.workR-text p,.workR-card p{font-size:16px;line-height:1.7}.workR-pair{margin-inline:var(--gutter);gap:6vw}.workR-card figure.diagram{height:auto;aspect-ratio:4/3;background:#f5f5f5;overflow:hidden}.workR-card img{object-fit:cover}.workR figure img{transition:transform 1s cubic-bezier(.2,.7,.3,1)}.workR figure:hover img{transform:scale(1.045)}
.rolesR-head{padding:90px var(--gutter) 60px}.rolesR-head h2{line-height:1.02}.rolesR-list{margin-inline:var(--gutter)}.roleR{height:auto;min-height:130px;padding:30px 0;transition:padding .4s,color .3s}.roleR h3{font-size:clamp(25px,3.5vw,54px);line-height:1.15}.roleR:hover{padding-left:18px;color:var(--red)}
.topicsR-head{padding:90px var(--gutter) 55px}.topicsR-head h2{font-size:clamp(40px,5vw,76px);line-height:1.08}
.topicsX4-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:50px 32px!important;margin:0 var(--gutter)!important;border:0!important}
.topicsX4-list .topicX4{display:grid!important;grid-template-columns:35px 1fr 30px!important;align-items:start;gap:15px;min-height:0!important;padding:0 0 25px!important;border:0!important;border-bottom:1px solid #ccc!important;background:white!important;color:var(--ink)!important}
.topicVisual{grid-column:1/-1;aspect-ratio:16/10;margin:0 0 15px;background:#f5f5f5;overflow:hidden}.topicVisual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}.topicX4:hover .topicVisual img{transform:scale(1.05)}.topicsX4-list .topicX4 h3{font-size:clamp(24px,2.5vw,38px)!important;line-height:1.2!important;margin:0!important;letter-spacing:-.025em!important}.topicX4>span{font-size:12px!important;color:var(--red)!important}.topicX4>i{position:static!important;font-size:25px!important;color:var(--red)!important}
.collaborate{padding:100px var(--gutter);background:var(--red);color:#fff}.collaborate>small{font-size:11px;letter-spacing:.13em}.collaborate h2{font-size:clamp(44px,6.8vw,108px);line-height:1.07;letter-spacing:-.05em;margin:40px 0}.collaborate em{color:var(--ink);font-style:normal}.collaborate .labButton:hover{color:var(--ink)}
.footerX6D{background:var(--ink)!important;color:white!important}.footerX6D a{transition:color .25s}.footerX6D a:hover{color:var(--red)}
.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.roleHeroX6 h1,.topicHeroX6 h1{font-size:clamp(42px,7vw,110px)!important;line-height:1.05!important;overflow-wrap:break-word}.outputX6 h3{line-height:1.3}.outputX6 p{line-height:1.65}.outputX6{transition:border-color .3s,transform .3s}.outputX6:hover{border-color:var(--red);transform:translateY(-4px)}
@media(min-width:1700px){.editorialHero .heroX6-main{grid-template-columns:1fr 370px}.editorialHero h1{font-size:130px!important}}
@media(max-width:1100px){.desktopNav{gap:16px;left:54%}.brand img{width:160px}.editorialHero .heroX6-main{grid-template-columns:1fr 240px}.editorialHero h1{font-size:7vw!important}.heroX6-copy p{font-size:15px!important}}
@media(max-width:900px){#header{height:72px}.desktopNav{display:none}#menuBtn{display:inline-block!important}.editorialHero{min-height:800px;height:auto}.editorialHero .heroR-top{top:100px}.editorialHero .heroX6-main{position:relative;bottom:auto;left:auto;right:auto;padding:200px var(--gutter) 120px;display:block}.editorialHero h1{font-size:clamp(46px,8.6vw,78px)!important;line-height:1.06!important}.editorialHero .heroX6-copy{margin-top:32px!important;max-width:440px!important}.editorialHero .heroX6-copy p{max-width:none;font-size:16px!important}.heroBottom>span:last-child{display:none}.heroBottom{font-size:9px}.aboutX6-intro{padding:70px var(--gutter) 50px}.aboutX6-lead h2{font-size:clamp(36px,7.5vw,60px)!important}.workIntro{grid-template-columns:1fr;padding-top:65px;gap:25px}.workR-feature{grid-template-columns:1fr;gap:30px;margin-block:45px 65px}.workR-pair{gap:45px}.workR-card-offset{margin-top:0}.rolesR-head{padding:70px var(--gutter) 40px}.topicsR-head{padding:70px var(--gutter) 40px}.topicsX4-list{gap:35px 20px!important}.collaborate{padding-block:70px}.storyX75-intro{position:static!important}}
@media(max-width:560px){.editorialHero{min-height:760px}.editorialHero .heroX6-main{padding-top:175px}.editorialHero h1{font-size:clamp(38px,9.8vw,55px)!important;letter-spacing:-.045em!important}.editorialHero .heroX6-kicker{font-size:9px;margin-bottom:25px}.heroBottom>span:first-child{max-width:125px;line-height:1.6}.heroBottom a{align-self:center}.researchRibbon{padding:17px 0}.researchRibbon span{gap:25px;padding-right:25px}.topicsX4-list{grid-template-columns:1fr!important}.topicsX4-list .topicX4 h3{font-size:27px!important}.roleR{grid-template-columns:30px minmax(0,1fr) 25px;gap:10px;min-height:100px}.roleR h3{font-size:25px!important}.rolesR-head h2,.topicsR-head h2{font-size:38px!important;line-height:1.12!important}.workR-pair{grid-template-columns:1fr}.aboutX6-futurescape h2{font-size:40px!important}.collaborate h2{font-size:46px}.heroR-top span:last-child{display:none}.roleHeroX6,.topicHeroX6{min-height:440px!important}.roleHeroX6>div,.topicHeroX6>div{padding-top:125px!important;padding-bottom:55px!important}.footerX6D-logos{flex-wrap:wrap;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important}.editorialHero h1>span,.editorialHero .heroX6-copy,.researchRibbon>div,.heroBottom b{animation:none!important}.editorialHero .heroR-media img{transform:none!important;will-change:auto}*{transition:none!important}}
/* Draw arrows with CSS so every platform renders the same symbol. */
.labButton span,.roleR>i,.topicX4>i,#menuNav a>span{font-size:0!important;display:inline-block;width:22px;height:22px;position:relative;flex-shrink:0}
.labButton span:before,.roleR>i:before,.topicX4>i:before,#menuNav a>span:before{content:"";position:absolute;width:13px;height:13px;top:3px;right:3px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.labButton span:after,.roleR>i:after,.topicX4>i:after,#menuNav a>span:after{content:"";position:absolute;width:20px;height:2px;top:11px;right:1px;background:currentColor;transform:rotate(-45deg)}
.researchRibbon i{font-size:36px;line-height:1;font-weight:400;transform:rotate(45deg)}
.originalTitle{font-size:12px!important;color:#666;font-style:italic}
@media(max-width:560px){html[lang="vi"] .labButton{letter-spacing:.015em;gap:16px}.editorialHero .heroX6-copy p{color:#e6e6e6}}
/* Balanced type scale and the current section/subsection beneath the header. */
:root{--header-height:84px;--body-size:clamp(15px,1.05vw,18px);--section-size:clamp(32px,4.2vw,64px);--subsection-size:clamp(25px,2.8vw,42px)}
html{scroll-padding-top:calc(var(--header-height) + 64px)}
#header{height:var(--header-height)}
#sectionContext{position:fixed;z-index:85;top:var(--header-height);inset-inline:0;min-height:44px;padding:13px var(--gutter);display:flex;align-items:center;gap:24px;background:rgba(255,255,255,.97);color:var(--ink);border-bottom:1px solid #dedede;backdrop-filter:blur(12px);font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.06em}
#sectionContext[hidden]{display:none}.contextSubsection{border-left:1px solid #ccc;padding-left:24px;color:#555}
#header:has(~ #menu.open) .brandLight{display:block}#header:has(~ #menu.open) .brandDark{display:none}#header:has(~ #menu.open){background:var(--ink);color:#fff}
.langX7-trigger{gap:0!important;padding:8px!important}.langX7-trigger i{display:none}
#menuNav a{gap:0}.rail{padding-top:28px;font-size:12px}.rail>b{display:none}
.editorialHero h1{font-size:clamp(48px,5.4vw,88px)!important;line-height:1.06!important}
.aboutX6-lead h2,.workIntro h2,.rolesR-head h2,.topicsR-head h2,.roleOutputsX6-head h2,.peopleX6-head h2,.storyX75-intro h2,.futureX6-head h2{font-size:var(--section-size)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.aboutX6-lead p,.aboutX6-principles p,.aboutX6-futurescape p,.storyX75-intro p,.storyX75-content p,.workIntro p,.workR-text p,.workR-card p,.rolesR-head p,.outputX6 p,.futureX6-head p,.futureX6-list p{font-size:var(--body-size)!important;line-height:1.7!important}
.aboutX6-definition blockquote{font-size:clamp(22px,2.1vw,32px)!important;line-height:1.55!important}
.workR-text h2,.workR-card h3,.peopleX6-groupTitle h3,.storyX75-content h3,.futureX6-list h3,.outputX6 h3{font-size:var(--subsection-size)!important;line-height:1.25!important;letter-spacing:-.025em!important}
.aboutX6-principles h3{font-size:clamp(18px,1.5vw,24px)!important;line-height:1.4!important}
.aboutX6-futurescape h2{font-size:var(--section-size)!important;line-height:1.15!important}
.peopleX6-list>article>h4{font-size:clamp(21px,1.7vw,28px)!important;line-height:1.3!important}.peopleX6-list>article>p{font-size:var(--body-size)!important;line-height:1.6!important}
.peopleX6-groupTitle{grid-template-columns:minmax(0,1fr)!important}
.roleR{grid-template-columns:minmax(0,1fr) 26px!important}.roleR h3{font-size:clamp(24px,2.8vw,42px)!important}
.topicsX4-list .topicX4{grid-template-columns:minmax(0,1fr) 26px!important}.topicsX4-list .topicX4 h3{font-size:clamp(23px,2.1vw,32px)!important}
.roleHeroX6 h1,.topicHeroX6 h1{font-size:clamp(36px,5vw,76px)!important;line-height:1.1!important}.roleHeroX6 p,.topicHeroX6 p{font-size:var(--body-size)!important;line-height:1.7!important}
.collaborate h2{font-size:clamp(38px,5.5vw,80px);line-height:1.12}
@media(max-width:900px){:root{--header-height:72px;--section-size:clamp(32px,5.5vw,46px);--subsection-size:clamp(24px,3.4vw,32px)}.editorialHero h1{font-size:clamp(40px,7.4vw,64px)!important}.desktopNav{left:53%}.contextSubsection{padding-left:16px}#sectionContext{gap:16px}}
@media(max-width:560px){#sectionContext{font-size:9px;letter-spacing:.025em;gap:12px;padding-block:10px;min-height:44px}.contextSubsection{padding-left:12px}.editorialHero h1{font-size:clamp(32px,8.5vw,46px)!important}.aboutX6-intro{padding-top:55px}.roleR h3{font-size:25px!important}.topicsX4-list .topicX4 h3{font-size:25px!important}}
#app small{font-size:11px!important;line-height:1.5!important}
.aboutX6-principles article{padding-top:32px}.aboutX6-principles h3{margin-top:0!important}
.futureX6-list article{display:block}.futureX6-list article h3{margin-top:0}
.outputX6-meta span,.outputX6-topics a,.peopleX6-list>article>div>span{font-size:11px!important;line-height:1.5!important}
.footerX6D-brand p,.footerX6D-place span,.footerX6D-place strong,.footerX6D-research a{font-size:14px!important;line-height:1.6!important}
.footerX6D-research b,.footerX6D-bottom span{font-size:10px!important;line-height:1.5!important}
/* Quiet navigation, readable copy, and consistent logo frames. */
:root{--header-height:96px;--body-size:clamp(16px,1.3vw,19px);--section-size:clamp(30px,3.2vw,48px);--subsection-size:clamp(23px,2.3vw,34px)}
#header .brand img{width:280px;height:70px;object-fit:contain;object-position:left center}
.desktopNav{left:54%;gap:34px}.desktopNav>a,.desktopNav button{font-size:13px}
.aboutX6-intro{display:block;padding:65px var(--gutter) 65px}
.aboutX6-label{margin-bottom:24px}.aboutX6-lead{max-width:900px}
.aboutX6-lead h2{margin:0 0 30px!important;max-width:850px}.aboutX6-lead p{max-width:850px;margin:0 0 22px!important;line-height:1.75!important}
.aboutX6-definition blockquote{font-size:clamp(22px,1.8vw,28px)!important;font-weight:600!important}
.workIntro,.rolesR-head,.topicsR-head{padding-top:65px}
.peopleX6-list>article>h4{font-size:clamp(21px,1.7vw,27px)!important}
.editorialHero h1{font-size:clamp(43px,4.9vw,76px)!important}
.researchTopicList{list-style:none;margin:35px var(--gutter) 0;padding:0;border-top:1px solid #ccc}
.researchTopicList li{padding:24px 0;border-bottom:1px solid #ccc}
.researchTopicList h3{font-size:clamp(23px,2.1vw,32px);line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:0}
.footerX6D-logos{display:grid!important;grid-template-columns:240px!important;gap:18px!important;align-items:center!important;margin:0!important;width:240px!important}
.footerLogoFrame{position:relative;overflow:hidden;width:240px;height:90px}
.footerX6D-brand .footerLogoFrame>img{position:absolute!important;inset:0!important;width:240px!important;height:90px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;transform:scale(var(--logo-scale,1))!important}
.footerLogoFrame-scrl{--logo-scale:1.07}.footerLogoFrame-ueh{--logo-scale:1.11}
@media(max-width:900px){:root{--header-height:88px;--section-size:clamp(30px,4.4vw,40px);--subsection-size:clamp(23px,3.2vw,29px)}#header .brand img{width:240px;height:66px}.aboutX6-intro{padding-top:45px}.headActions{gap:14px}.editorialHero .heroR-top{top:115px}.editorialHero h1{font-size:clamp(38px,6.9vw,58px)!important}}
@media(max-width:560px){:root{--header-height:84px}#header .brand img{width:210px;height:60px}.headActions{gap:12px}.headActions button{font-size:11px}.aboutX6-lead h2{margin-bottom:22px!important}.editorialHero h1{font-size:clamp(32px,8vw,43px)!important}.researchTopicList{margin-top:25px}.researchTopicList li{padding:20px 0}.researchTopicList h3{font-size:23px}.footerX6D-logos{grid-template-columns:220px!important;width:220px!important}.footerLogoFrame{width:220px;height:82px}.footerX6D-brand .footerLogoFrame>img{width:220px!important;height:82px!important}}
@media(max-width:380px){#header .brand img{width:180px;height:58px}}
.footerX6D .footerX6D-brand .footerX6D-logos{max-width:none!important}
.footerX6D .footerX6D-brand .footerX6D-logos .footerLogoFrame>img{width:240px!important;height:90px!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important}
@media(max-width:560px){.footerX6D .footerX6D-brand .footerX6D-logos .footerLogoFrame>img{width:220px!important;height:82px!important}}
/* Experience: spatial rhythm, quiet movement, and clear interaction states. */
.editorialHero:before{content:"";position:absolute;z-index:2;width:38vw;height:38vw;right:-8vw;top:18%;border:1px solid #e4142370;border-radius:50%;box-shadow:0 0 0 50px #e4142310,0 0 0 100px #e4142308;pointer-events:none}
.editorialHero .heroX6-kicker:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:12px;box-shadow:0 0 0 5px #e4142320}
.aboutX6-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:6vw;padding-block:85px}
.aboutX6-label{align-self:start;padding-top:8px;border-top:2px solid var(--red);max-width:285px}
.aboutX6-lead{min-width:0}.aboutX6-lead h2{max-width:740px}
.aboutX6-definition{border-left:4px solid var(--red);border-radius:0 0 20px 0}
.aboutX6-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:45px}
.aboutX6-principles article{background:#f6f6f6;border:0!important;border-top:2px solid #ddd!important;padding:32px!important;transition:background .3s,border-color .3s,transform .3s}
.aboutX6-principles article:hover{background:#fff;border-top-color:var(--red)!important;transform:translateY(-5px)}
.aboutX6-principles article h3{margin-bottom:18px}.aboutX6-principles article p{margin-bottom:0}
.storyX75-item{transition:background .3s}.storyX75-item:hover{background:#fafafa}.storyX75-item:hover .storyX75-node i{background:var(--red);box-shadow:0 0 0 6px #e4142318}
.workR-feature{align-items:center}.workR-feature figure,.workR-card figure{border-radius:2px 2px 24px 2px;isolation:isolate}
.workR figure:after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s;background:radial-gradient(circle at var(--image-x,50%) var(--image-y,50%),#ffffff24,transparent 55%);z-index:2}
.workR figure:hover:after{opacity:1}.workR figure:hover img{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.045)}
.workR-card-offset{margin-top:90px}.workR-card>div{padding-top:20px}.workR-text a{display:inline-flex;align-items:center;min-height:44px;transition:color .25s,letter-spacing .25s}.workR-text a:hover{color:var(--red);letter-spacing:.04em}
.rolesR-list .roleR{position:relative;isolation:isolate;overflow:hidden}.roleR:before{content:"";position:absolute;inset:0;background:#e4142315;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1);z-index:-1}.roleR:hover:before,.roleR:focus-visible:before{transform:scaleX(1)}.roleR>i{transition:transform .35s}.roleR:hover>i{transform:translate(4px,-4px)}
.researchTopicList li{position:relative;padding-left:22px;transition:padding-left .35s,color .35s}.researchTopicList li:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;background:var(--red);border-radius:50%}.researchTopicList li:hover{padding-left:30px;color:var(--red)}
.peopleX6-list>article{transition:background .3s}.peopleX6-list>article:hover{background:#fafafa}
.collaborate{position:relative;overflow:hidden}.collaborate:after{content:"";position:absolute;right:-160px;top:50%;width:500px;height:500px;border:1px solid #ffffff25;border-radius:50%;transform:translateY(-50%);pointer-events:none}.collaborate>*{position:relative;z-index:1}
.labButton span{transition:transform .3s}.labButton:hover span{transform:translate(3px,-3px)}
.desktopNav a[aria-current],.desktopRolesBtn.currentRole{color:var(--red)}
.desktopRolesDrop a[aria-current=page]{color:var(--red);background:#f6f6f6}
.desktopRolesDrop a{transition:padding .25s,background .25s}.desktopRolesDrop a:hover{background:#f6f6f6;padding-left:20px}
.langX7-menu button[aria-pressed=true]{color:var(--red);background:#f6f6f6}.langX7-trigger{min-width:36px;min-height:44px}.langX7-trigger:hover{color:var(--red)}
#menuNav a{transition:color .3s,padding-left .3s}#menuNav a:hover{color:var(--red);padding-left:12px}
#menu.open #menuNav a{animation:menuLinkEnter .5s .08s both}#menu.open #menuNav a:nth-child(2){animation-delay:.16s}
@keyframes menuLinkEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
#backToTop{position:fixed;right:var(--gutter);bottom:25px;z-index:75;width:46px;height:46px;border:1px solid #ffffff50;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 3px 14px #0002;cursor:pointer;transition:background .25s,transform .25s}
#backToTop[hidden]{display:none}#backToTop:hover{background:var(--red);transform:translateY(-3px)}#backToTop svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.aboutX6-intro{grid-template-columns:1fr;gap:24px;padding-block:55px}.aboutX6-label{max-width:420px;margin-bottom:0}.aboutX6-principles{grid-template-columns:1fr;gap:16px;padding-block:28px}.aboutX6-principles article{padding:25px!important}.workR-card-offset{margin-top:0}.collaborate:after{width:330px;height:330px;right:-150px}}
@media(max-width:560px){.editorialHero:before{width:65vw;height:65vw;right:-25vw;top:25%}.workR-feature figure,.workR-card figure{border-radius:2px 2px 16px 2px}#backToTop{bottom:18px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){#menu.open #menuNav a{animation:none}.workR figure:hover img,.roleR:hover>i,.labButton:hover span,#backToTop:hover,.aboutX6-principles article:hover{transform:none}.researchTopicList li:hover{padding-left:22px}}
.aboutX6-principles article{min-height:0!important}
/* PDF-aligned research directory and team. */
.aboutX6-definitionMeta cite{display:block;max-width:300px;margin-top:16px;font-size:13px;line-height:1.65;font-style:normal;color:#c6c6c6;text-transform:none;letter-spacing:0}
.coreTeam{padding:65px var(--gutter) 85px;background:white}
.coreTeamHeading{padding-block:25px 35px;border-top:1px solid #bbb}
.coreTeamHeading small{font-size:11px;letter-spacing:.08em;color:#666}
.coreTeamHeading h2{font-size:var(--section-size);line-height:1.15;letter-spacing:-.035em;margin:18px 0 0}
.coreTeamGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 32px}
.coreMember{min-width:0;border-top:2px solid var(--red);padding-top:16px}
.coreMember figure{margin:0 0 22px;aspect-ratio:4/4.5;overflow:hidden;background:#f3f3f3}
.coreMember figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:none;transition:filter .4s,transform .6s}
.coreMember:hover figure img{filter:grayscale(0);transform:scale(1.025)}
.coreMember h3{font-size:clamp(21px,1.7vw,27px);letter-spacing:-.025em;line-height:1.3;margin:0 0 10px}
.coreMember p{font-size:16px;line-height:1.65;color:#555;margin:0}
.researchTopicList.topicAccordion{padding:0;border-top:1px solid #bbb}
.researchTopic{scroll-margin-top:calc(var(--header-height) + 62px);border-bottom:1px solid #ccc}
.researchTopic summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.researchTopic summary::-webkit-details-marker{display:none}
.researchTopic summary h3{margin:0;font-size:clamp(23px,2.1vw,32px);line-height:1.35;font-weight:600;letter-spacing:-.025em}
.researchTopic summary:hover h3,.researchTopic[open] summary h3{color:var(--red)}
.researchTopic summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.topicToggle{position:relative;width:24px;height:24px;flex:0 0 24px}
.topicToggle:before,.topicToggle:after{content:"";position:absolute;top:11px;left:3px;width:18px;height:2px;background:currentColor;transition:transform .25s}
.topicToggle:after{transform:rotate(90deg)}.researchTopic[open] .topicToggle:after{transform:rotate(0)}
.topicPanel{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:8px 0 35px;animation:topicPanelEnter .25s ease}
.topicPanel h4,.topicDefinitionStandalone h4{font-size:12px;color:var(--red);letter-spacing:.06em;line-height:1.5;margin:0 0 12px}
.topicPanel p,.topicDefinitionStandalone p{font-size:var(--body-size);line-height:1.75;margin:0;max-width:760px}
.topicDefinitionStandalone{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:55px var(--gutter);background:#f7f7f7}
@keyframes topicPanelEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* One work per row, with consistent metadata and research-topic labels. */
.outputsX6-grid.outputRows{display:block!important;grid-template-columns:none!important;gap:0!important;margin-inline:var(--gutter)!important;padding:0!important;border:0!important}
.outputRows .outputX6,.topicOutputWrapX6 .outputX6{display:block!important;width:100%!important;min-height:0!important;padding:30px 0!important;margin:0!important;border:0!important;border-top:1px solid #ccc!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.outputRows .outputX6:last-child{border-bottom:1px solid #ccc!important}
.outputRows .outputX6-meta{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:8px 18px;margin:0 0 14px!important}
.outputRows .outputX6-meta span{position:static!important;display:inline-block!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;font-size:12px!important;line-height:1.6!important;letter-spacing:.035em!important;min-width:0!important}
.outputRows .outputX6-meta .status{color:#666!important}
.outputRows .outputX6 h3{font-size:clamp(23px,2vw,30px)!important;line-height:1.35!important;letter-spacing:-.02em!important;max-width:1120px!important;margin:0 0 12px!important}
.outputRows .outputX6 p{font-size:16px!important;line-height:1.7!important;margin:0 0 10px!important;max-width:1100px!important}
.outputRows .outputX6 .outputX6-authors,.outputRows .outputX6 .originalTitle{font-size:14px!important;color:#666!important}
.outputRows .outputX6-topics{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:flex-start!important;gap:8px 16px!important;margin:18px 0 12px!important;padding:0!important}
.topicTagLabel{font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.6;color:#555}
.outputRows .outputX6-topics a{font-size:12px!important;line-height:1.7!important;padding:0!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;background:none!important;text-transform:none!important;letter-spacing:0!important;color:#333!important;position:static!important}
.outputRows .outputX6-topics a:hover{color:var(--red)!important;border-bottom-color:var(--red)!important}
.outputRows .outputX6-link{font-size:12px!important;line-height:1.5!important;margin-top:8px!important;padding-block:7px!important;color:var(--red)!important}
.outputRows .outputX6-field{display:flex;gap:15px;flex-wrap:wrap;margin-block:12px}.outputRows .outputX6-field b{font-size:11px}.outputRows .outputX6-field span{font-size:15px;line-height:1.6}
.topicOutputWrapX6{margin:0 0 25px!important;padding:0!important;border:0!important}.topicOutputRoleX6{display:inline-block;margin-block:20px 10px}
@media(max-width:900px){.coreTeamGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}.coreTeam{padding-block:45px 60px}.topicPanel,.topicDefinitionStandalone{grid-template-columns:1fr;gap:26px}.coreMember h3{font-size:23px}}
@media(max-width:560px){.coreTeamGrid{grid-template-columns:1fr;gap:35px}.coreMember{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start}.coreMember figure{aspect-ratio:4/5;margin:0}.coreMember h3{font-size:21px}.coreMember p{font-size:15px}.researchTopic summary{padding-block:22px;gap:16px}.researchTopic summary h3{font-size:23px}.topicPanel{padding-bottom:26px}.outputRows .outputX6 h3{font-size:23px!important}.outputRows .outputX6 p{font-size:16px!important}.outputRows .outputX6-topics{gap:8px 12px!important}.aboutX6-definitionMeta cite{max-width:none}}
@media(prefers-reduced-motion:reduce){.topicPanel{animation:none}.coreMember:hover figure img{transform:none}}
.outputRows .outputX6-link svg{width:13px;height:13px;vertical-align:-2px;margin-left:4px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* Clear reading rows, illustrations to the right, and deliberate role navigation. */
.outputsX6-grid.outputRows{margin-block:0!important}
.outputRows .outputX6.workRow{display:block!important;padding:36px clamp(20px,3vw,48px)!important;border-top:0!important;border-bottom:1px solid #dedede!important;overflow:hidden}
.outputRows .outputX6.workRow.hasVisual{display:grid!important;grid-template-columns:minmax(0,1fr) 220px;gap:40px;align-items:start}
.rowCopy{min-width:0}.rowCopy>*:first-child{margin-top:0!important}
.outputRows .workRow.rowLight{background:#fff!important;color:#111!important}
.outputRows .workRow.rowDark{background:#111!important;color:#fff!important;border-bottom-color:#333!important}
.outputRows .workRow.rowDark h3{color:#fff!important}
.outputRows .workRow.rowDark p,.outputRows .workRow.rowDark .outputX6-field span{color:#e0e0e0!important}
.outputRows .workRow.rowDark .outputX6-authors,.outputRows .workRow.rowDark .originalTitle{color:#bdbdbd!important}
.outputRows .workRow.rowDark .outputX6-meta span,.outputRows .workRow.rowDark .outputX6-meta .status{color:#ccc!important}
.outputRows .workRow.rowDark .outputX6-link{color:#ff7c86!important}
.outputRows .workRow .outputX6-field{display:grid!important;grid-template-columns:105px minmax(0,1fr);gap:12px!important;align-items:baseline;padding-block:12px!important;margin:0!important;border-top:1px solid #ddd}
.outputRows .workRow .outputX6-field b{font-size:11px!important;line-height:1.65!important;margin:0!important;letter-spacing:.05em}
.outputRows .workRow .outputX6-field span{font-size:15px!important;line-height:1.65!important;margin:0!important}
.outputRows .workRow.rowDark .outputX6-field{border-top-color:#444}
.outputRows .workRow .outputX6-topics{gap:8px!important;align-items:center!important;margin:18px 0 10px!important}
.outputRows .workRow .topicSquareTag{display:inline-block!important;padding:5px 9px!important;border:1px solid #ccc!important;border-radius:0!important;background:#f4f4f4!important;color:#333!important;font-size:11px!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important}
.outputRows .workRow.rowDark .topicSquareTag{border-color:#555!important;background:#222!important;color:#eee!important}
.rowVisual{margin:0;align-self:start;min-width:0;width:100%;padding:0}
.rowVisual>img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;background:#f5f5f5;border:1px solid #ddd}
.bookVisual{display:flex;justify-content:center;padding-top:4px}
.bookCoverViewport{position:relative;width:170px;aspect-ratio:2/3;overflow:hidden;background:#000;box-shadow:0 8px 24px #0003;border:1px solid #888}
.bookCoverViewport img{position:absolute;max-width:none!important;width:324%!important;height:110.67%!important;object-fit:fill!important;top:-2.5%;left:calc(-3.5% - var(--book-index)*108%)}
.roleOutputsX6,.topicOutputsX6{padding-top:32px!important}
.rolePageX6 .futureX6{display:block!important;padding:45px var(--gutter)!important}
.rolePageX6 .futureX6-head{max-width:800px;margin-bottom:24px}.rolePageX6 .futureX6-head p{margin:0!important}
.rolePageX6 .futureX6-list{padding:0!important}
/* Keep the menu closed on incidental hover and focus; only .navOpen opens it. */
#header .desktopRoles:not(.navOpen) .desktopRolesDrop{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,8px)!important}
#header .desktopRoles.navOpen .desktopRolesDrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
#header .desktopRolesDrop{width:310px;max-width:calc(100vw - 40px);padding:8px;background:#111;border:1px solid #444}
#header .desktopRolesDrop a{padding:14px 16px!important;font-size:13px!important;font-weight:500!important;line-height:1.5!important;color:#fff;transition:background .2s,color .2s}
#header .desktopRolesDrop a:hover,#header .desktopRolesDrop a:focus-visible{background:#fff;color:#111}
#header .desktopRolesDrop a[aria-current=page]{background:#fff;color:var(--red)}
#header .desktopRolesBtn{min-height:44px}
@media(max-width:900px){.outputRows .outputX6.workRow.hasVisual{grid-template-columns:minmax(0,1fr) 170px;gap:24px}.bookCoverViewport{width:145px}}
@media(max-width:600px){.outputRows .outputX6.workRow{padding:26px 18px!important}.outputRows .outputX6.workRow.hasVisual{grid-template-columns:1fr;gap:25px}.rowVisual{width:min(100%,250px);justify-self:start}.bookVisual{width:145px}.bookCoverViewport{width:145px}.outputRows .workRow .outputX6-field{grid-template-columns:82px minmax(0,1fr);gap:10px!important}.outputRows .workRow .outputX6-field span{font-size:14px!important}}
.outputRows .workRow .rowCopy .outputX6-meta{margin:0 0 16px!important;align-items:baseline!important}
.outputRows .workRow .rowCopy .outputX6-topics{margin:18px 0 10px!important}
.outputRows .workRow .rowCopy .outputX6-link{margin-top:8px!important}
.outputRows .workRow.rowDark .outputX6-field b{color:#ff7c86!important}
/* Larger, legible illustrations with a responsive text/image balance. */
.outputRows .outputX6.workRow.hasVisual{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:40px}
.outputRows .workRow .rowVisual{width:100%;max-width:520px;justify-self:end}
.outputRows .workRow .rowVisual>img{width:100%;height:auto;max-height:500px;object-fit:contain}
.outputRows .workRow .bookVisual{justify-content:center}
.outputRows .workRow .bookCoverViewport{width:min(100%,250px)}
.completedProjects .outputRows{margin-top:45px!important}
@media(max-width:1100px){.outputRows .outputX6.workRow.hasVisual{grid-template-columns:minmax(0,1fr) minmax(230px,.85fr);gap:26px}}
@media(max-width:800px){.outputRows .outputX6.workRow.hasVisual{grid-template-columns:1fr;gap:24px}.outputRows .workRow .rowVisual{max-width:560px;justify-self:start}.outputRows .workRow .rowVisual>img{max-height:480px}.outputRows .workRow .bookVisual{justify-content:flex-start}.outputRows .workRow .bookCoverViewport{width:min(100%,220px)}}
/* Restore the visual showcase for completed projects, separate from role rows. */
.completedProjects .selectedProject{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:5vw;align-items:center;margin:55px var(--gutter) 75px}
.selectedProject figure{position:relative;aspect-ratio:16/10;height:auto;margin:0;background:#eee}
.selectedProject figure img{width:100%;height:100%;object-fit:cover;display:block}
.selectedProject figcaption{position:absolute;bottom:14px;left:14px;z-index:3;padding:6px 10px;background:#111c;color:white;font-size:10px;line-height:1.5}
.selectedProject .workR-text{min-width:0}.selectedProject .workR-text h2{font-size:clamp(30px,3.1vw,46px);line-height:1.15;letter-spacing:-.035em;margin:20px 0}
.selectedProject .workR-text p{font-size:var(--body-size);line-height:1.7;margin:0 0 20px}
.selectedProject .workR-text small{color:var(--red);letter-spacing:.06em}
.selectedProjectTopics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.selectedProjectTopics span{padding:5px 9px;border:1px solid #ccc;font-size:11px;line-height:1.5}
@media(max-width:900px){.completedProjects .selectedProject{grid-template-columns:1fr;gap:28px;margin-block:40px 60px}.selectedProject .workR-text h2{font-size:clamp(29px,4.5vw,40px)}}
/* A varied editorial gallery: large/small images, staggered but readable order. */
.projectGallery .selectedProjectShowcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:55px 5vw;margin:55px var(--gutter) 80px;align-items:start}
.projectGallery .selectedProject{display:block;grid-column:span 7;margin:0;min-width:0}
.projectGallery .selectedProject:nth-child(2),.projectGallery .selectedProject:nth-child(3),.projectGallery .selectedProject:nth-child(6){grid-column:span 5}
.projectGallery .selectedProject:nth-child(2){margin-top:100px}.projectGallery .selectedProject:nth-child(4){margin-top:90px}.projectGallery .selectedProject:nth-child(6){margin-top:80px}
.projectGallery .selectedProject figure{aspect-ratio:4/3;height:auto;margin:0 0 25px;overflow:hidden;position:relative}
.projectGallery .selectedProject:nth-child(2) figure,.projectGallery .selectedProject:nth-child(4) figure,.projectGallery .selectedProject:nth-child(5) figure{aspect-ratio:16/10}
.projectGallery .posterProject figure{aspect-ratio:4/4.5;background:#111}
.projectGallery .posterProject figure img{object-fit:contain}
.projectGallery .selectedProject .workR-text h2{font-size:clamp(25px,2.4vw,36px)!important;line-height:1.2!important;margin:16px 0!important}
.projectGallery .selectedProject .workR-text p{font-size:17px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px}
.projectGallery .selectedProject .workR-text small{font-size:11px;line-height:1.6;letter-spacing:.035em}
.projectGallery .selectedProject .labButton{margin-top:0}
.workRow[id]{scroll-margin-top:calc(var(--header-height) + 60px)}
@media(max-width:900px){.projectGallery .selectedProjectShowcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 25px}.projectGallery .selectedProject,.projectGallery .selectedProject:nth-child(n){grid-column:span 1;margin-top:0}.projectGallery .selectedProject:nth-child(even){margin-top:55px}.projectGallery .selectedProject .workR-text h2{font-size:26px!important}}
@media(max-width:600px){.projectGallery .selectedProjectShowcase{grid-template-columns:1fr;gap:45px;margin-block:35px 60px}.projectGallery .selectedProject:nth-child(n){grid-column:1;margin-top:0}.projectGallery .selectedProject .workR-text h2{font-size:27px!important}.projectGallery .posterProject figure{aspect-ratio:4/4.2}}

/* SCRL content v37: always show original portrait colors. */
.coreMember:hover figure img{filter:none}
.aboutX6-definitionMeta h3{margin:0 0 16px;font-size:clamp(24px,2.2vw,34px);line-height:1.2;color:inherit;letter-spacing:-.025em}