:root{--paper:#f5f4f0;--hero:#e1e1de;--ink:#20211f;--muted:#64655f;--line:#cbccc5;--red:#b73122;--light:#f5f4f0;--gutter:36px;--ease:cubic-bezier(.22,.68,0,1.01);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;-webkit-font-smoothing:antialiased}::selection{color:var(--paper);background:var(--red)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none;padding:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px;border-radius:2px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{line-height:1.55}svg{display:block}button svg,a svg{width:22px;height:22px;flex-shrink:0}h2{line-height:1.025;letter-spacing:-.058em}h3{letter-spacing:-.027em}address{font-style:normal}button:disabled{opacity:.5}section,footer{scroll-margin-top:0}.muted{color:var(--muted)}.accent{color:var(--red)}.micro{line-height:1.4;letter-spacing:.03em}.eyebrow{line-height:1.4;letter-spacing:-.012em;display:inline-flex;gap:9px;align-items:center}.red-dot{height:7px;width:7px;background:var(--red);border-radius:50%;display:inline-block}.index{letter-spacing:.04em}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:14px 22px;z-index:110}.skip:focus{top:10px}
.header{position:relative;height:95px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:var(--hero);z-index:30;border-bottom:1px solid #bebfb9;gap:24px}.header:after{content:"";position:absolute;bottom:-1px;left:var(--gutter);right:var(--gutter);height:1px;background:transparent}.brand{display:flex;align-items:center;gap:14px;line-height:1.05;letter-spacing:-.035em;white-space:nowrap}.brand-sub{display:block;margin-top:4px;letter-spacing:-.015em}.mk-mark{width:43px;height:38px}.desktop-nav{display:flex;gap:28px;margin-left:6vw}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{content:"";position:absolute;bottom:5px;left:0;right:100%;height:1px;background:currentColor;transition:right .3s}.desktop-nav a:hover:after{right:0}.header-right{display:flex;align-items:center;gap:30px}.languages{display:flex;align-items:center;gap:7px;color:#858680}.lang{height:36px;min-width:22px}.lang.active{color:var(--ink)}.lang:hover{color:var(--red)}.contact-pill{display:flex;align-items:center;gap:28px;background:var(--ink);color:var(--paper);border-radius:30px;padding:11px 17px;}.contact-pill svg{width:15px;height:15px}.contact-pill:hover{background:var(--red)}.menu-button{display:none;width:38px;height:38px;position:relative}.menu-button span{display:block;position:absolute;left:7px;right:7px;top:15px;height:1px;background:var(--ink)}.menu-button span+span{top:22px}
.hero{background:var(--hero);padding:31px var(--gutter) 0}.hero-overline{display:flex;align-items:center;justify-content:space-between}.hero-top-note{color:#595b55}.hero-title{margin-top:50px;font-weight:400;letter-spacing:-.073em;line-height:1.04}.title-line{display:block;white-space:nowrap}.title-line.accent{font-weight:400}.hero-intro{max-width:475px;justify-self:end}.hero-intro p{letter-spacing:-.035em;line-height:1.32;max-width:450px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;transition:color .2s}.text-link:hover{color:var(--red)}.hero-intro .text-link{margin-top:25px;gap:24px}.small-circle{display:grid;place-items:center;border:1px solid #8a8c85;width:38px;height:38px;border-radius:50%;transition:background .25s,border .25s,color .25s,transform .3s}.small-circle svg{width:15px;height:15px}.text-link:hover .small-circle{background:var(--red);border-color:var(--red);color:white;transform:rotate(45deg)}.hero-foot{margin-top:45px;padding:23px 0 22px;border-top:1px solid #bfc0b9;display:flex;justify-content:space-between;align-items:center;gap:24px}.scroll-link{display:flex;gap:9px;align-items:center;}.scroll-link svg{width:14px;height:16px}.hero-foot .micro{color:#666860}
.visual-stage{background:#e8e5dd;position:relative;overflow:hidden}.stage-head{padding:28px var(--gutter) 0;display:flex;justify-content:space-between;gap:20px;align-items:start;position:relative;z-index:3}.stage-code{display:block;margin-top:7px;color:#7a7a70}.stage-switch{display:flex;border:1px solid #b9b8af;border-radius:26px;padding:3px;gap:2px;align-items:center}.stage-switch button{border-radius:25px;padding:9px 17px;transition:background .25s,color .25s}.stage-switch button.active{background:var(--ink);color:var(--paper)}.stage-switch button:hover:not(.active){background:#d5d2c8}.scene-wrap{height:550px;margin-top:-36px;touch-action:pan-y;cursor:grab}.scene-wrap.is-dragging{cursor:grabbing}#architecture-scene{width:100%;height:100%;overflow:visible}#scene-drawing{transition:opacity .2s}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 var(--gutter) 24px;color:#66685f;position:relative;z-index:3}.rotate-button{display:flex;align-items:center;gap:9px;}.rotate-button svg{width:17px;height:17px}.rotate-button:hover{color:var(--red)}
.section{padding:45px var(--gutter) 80px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:64px}.split{display:grid;grid-template-columns:1fr 1fr;gap:6.5vw}.first-step{padding-top:39px;padding-bottom:88px}.first-heading h2{line-height:1.04}.first-intro{padding-top:2px;max-width:540px}.first-intro h3{line-height:1.15;letter-spacing:-.037em}.first-intro p{color:var(--muted);margin-top:25px;max-width:485px;}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:72px}.outcomes article{border-top:1px solid var(--line);padding-top:18px}.outcomes h3{margin:31px 0 12px;line-height:1.12;max-width:320px}.outcomes p{line-height:1.5;color:var(--muted);max-width:350px}.first-bottom{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:6.5vw;align-items:start}.first-bottom>p{max-width:390px;line-height:1.6}.detail-links{display:flex;flex-direction:column;gap:15px}.detail-links .text-link{border-bottom:1px solid var(--line);padding-bottom:14px;display:flex;width:100%}.detail-links .text-link svg{width:16px;height:16px}
.services{background:var(--ink);color:var(--paper);padding-bottom:36px}.services .section-label{color:#c3c4bc;margin-bottom:57px}.service-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:62px}.service-heading h2{letter-spacing:-.06em}.service-heading p{line-height:1.25;letter-spacing:-.024em;max-width:290px;width:28%;padding-bottom:7px}.service{border-top:1px solid #54554d}.service:last-child{border-bottom:1px solid #54554d}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary::marker{display:none;content:""}.service summary{display:grid;grid-template-columns:72px 1fr 40px;align-items:start;padding:24px 0 27px;gap:18px}.service-no{color:#b1b2aa;margin-top:13px;font-variant-numeric:tabular-nums}.service-name{line-height:1.03;letter-spacing:-.06em;transition:color .25s}.service[open] .service-no{color:#f47b67}.service[open] .service-name{color:#f5f4f0}.service summary:hover .service-name{color:#ec8f7f}.plus{position:relative;width:34px;height:34px;border:1px solid #686b60;border-radius:50%;margin-top:9px}.plus:before,.plus:after{content:"";position:absolute;left:10px;right:10px;height:1px;background:currentColor;top:16px;transition:transform .3s}.plus:after{transform:rotate(90deg)}details[open]>summary .plus:after{transform:rotate(0)}.service-body{display:grid;grid-template-columns:1fr 1.18fr;gap:5vw;padding:13px 0 44px 90px}.service-tags{display:flex;flex-direction:column;gap:8px;color:#acaea2;padding-top:5px}.service-copy h3{line-height:1.16;max-width:460px;margin-bottom:22px}.service-copy p{line-height:1.55;color:#b9bbaf;max-width:600px;margin-top:14px}.phase{border-top:1px solid #52554b;margin-top:26px;padding-top:15px;display:flex;justify-content:space-between;align-items:start;gap:20px;line-height:1.5;color:#d3d4cc}.phase-number{white-space:nowrap;color:#ef9584;flex-shrink:0}.services-foot{display:flex;justify-content:space-between;gap:20px;margin-top:27px;color:#aaaea0}.services-foot a{display:flex;gap:15px;align-items:center;color:var(--paper)}.services-foot svg{height:14px;width:14px}
.approach{padding-top:43px;padding-bottom:96px}.approach .section-label{margin-bottom:59px}.approach h2{}.steps{padding-top:2px}.steps article{display:grid;grid-template-columns:28px 1fr;gap:18px;padding:0 0 30px;border-bottom:1px solid var(--line);margin-bottom:27px}.steps article:last-child{margin-bottom:0}.steps .micro{margin-top:5px;color:var(--red)}.steps h3{line-height:1.13;margin-bottom:15px}.steps p{color:var(--muted);line-height:1.55}.thinking{position:relative;width:345px;height:214px;margin-top:60px}.thinking-ring{position:absolute;height:156px;width:156px;border:1px solid #b8bab0;border-radius:50%;top:0}.r1{left:0}.r2{left:96px}.r3{left:48px;top:57px}.thinking-label{position:absolute;}.thinking-label.a{left:27px;top:71px}.thinking-label.b{left:172px;top:71px}.thinking-label.c{left:102px;top:174px}.thinking-center{position:absolute;left:121px;top:106px;width:10px;height:10px;border-radius:50%;background:var(--red)}
.experience{background:#dedfda;padding-bottom:54px}.experience .section-label{margin-bottom:61px}.experience-heading{margin-bottom:70px;align-items:end}.experience-heading h2{}.experience-heading>p{line-height:1.5;color:#56594f;max-width:430px;justify-self:end}.project{border-top:1px solid #afb2a5}.project:last-of-type{border-bottom:1px solid #afb2a5}.project summary{display:grid;grid-template-columns:120px 1.2fr .9fr 40px;gap:25px;align-items:start;padding:29px 0}.project h3{letter-spacing:-.045em;line-height:1.1}.project-date{margin-top:7px;color:#53594b}.project-kind{display:block;color:#666c5e;margin-top:13px}.project-role{max-width:270px;margin-top:9px;color:#53594b;line-height:1.5}.project .plus{margin-top:2px;border-color:#9caa91}.project summary:hover h3{color:var(--red)}.project-body{display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:0 62px 30px 145px}.project-body p{color:#555b4f;margin-top:12px}.project-body .eyebrow{text-transform:uppercase;letter-spacing:.06em}.experience-career{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:40px;padding-top:44px;align-items:start}.experience-career .eyebrow{padding-top:6px}.experience-career p:nth-child(2){display:flex;flex-direction:column;gap:6px;letter-spacing:-.035em}.experience-career .muted{line-height:1.6}
.profile{padding-top:43px;padding-bottom:46px}.profile .section-label{margin-bottom:61px}.profile-grid{gap:8vw}.profile-graphic{position:relative;border-top:1px solid var(--line);padding:8px 0 0;min-height:450px}.profile-number{line-height:1;letter-spacing:-.105em}.profile-number>span{letter-spacing:-.08em;vertical-align:top;position:relative;top:25px;color:var(--red);margin-left:8px}.profile-graphic>p{letter-spacing:-.03em;margin-top:5px}.profile-places{display:flex;gap:22px;color:var(--muted);margin-top:29px}.profile-rule{height:1px;background:var(--line);margin-top:49px;margin-bottom:25px}.profile-graphic>.mk-mark{display:inline-block;width:33px;vertical-align:middle;height:30px}.profile-graphic-caption{letter-spacing:.075em;vertical-align:middle;display:inline-block;margin-left:23px;color:#6b6f62}.profile-copy h2{}.profile-position{letter-spacing:-.03em;margin-top:27px}.profile-copy>p:not(.profile-position){margin-top:17px;color:var(--muted);max-width:510px}.qualifications{margin-top:34px;border-top:1px solid var(--line)}.qualifications>div{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:15px 0}.qualifications>div>span:last-child{color:var(--muted);text-align:right}.collaboration{border-top:1px solid var(--line);margin-top:65px;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:6.5vw;align-items:start}.collaboration .eyebrow{line-height:1.5}.collaboration p{line-height:1.65;color:var(--muted);max-width:550px}
.footer{background:var(--ink);color:var(--paper);padding-top:32px;padding-bottom:22px;overflow:hidden}.footer-label{display:flex;align-items:center;justify-content:space-between}.back-top{border:1px solid #777b6c;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.back-top svg{width:14px;height:14px;transform:rotate(-45deg)}.contact-heading{display:flex;justify-content:space-between;align-items:center;margin:56px 0 57px;gap:30px}.contact-heading h2{letter-spacing:-.064em;line-height:1.015}.big-contact-circle{width:163px;height:163px;border-radius:50%;display:grid;place-items:center;background:var(--red);margin-right:7vw;flex-shrink:0;transition:transform .4s,background .4s}.big-contact-circle svg{width:61px;height:61px;transition:transform .4s}.big-contact-circle:hover{transform:scale(1.035);background:#ca3a28}.big-contact-circle:hover svg{transform:rotate(45deg)}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7vw;border-top:1px solid #55584e;padding-top:29px}.contact-details{display:flex;flex-direction:column;gap:13px;align-items:start}.contact-email{letter-spacing:-.055em}.contact-email:hover{color:#e58c7c}.phone{letter-spacing:-.015em;color:#babdb2}.contact-intro>p{line-height:1.6;max-width:480px}.contact-intro .muted{margin-top:17px;color:#a0a597}.footer-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #55584e;padding-top:22px;color:#b0b4a8}.footer-meta button{}.footer-meta .edition{color:#6e7664}.footer-meta button:hover{color:var(--paper)}
.menu{position:fixed;inset:0;border:0;max-width:none;max-height:none;width:100%;height:100%;background:var(--ink);color:var(--paper);padding:30px var(--gutter);overflow-y:auto;z-index:100}.menu::backdrop{background:var(--ink)}.menu-top{display:flex;justify-content:space-between;align-items:start;line-height:1.1}.round{width:40px;height:40px;border:1px solid #74796b;border-radius:50%;display:grid;place-items:center;line-height:1}.menu nav{display:flex;flex-direction:column;gap:10px;margin:65px 0 55px}.menu-link{line-height:1.18;letter-spacing:-.065em}.menu-link:hover{color:#e59483}.menu-bottom{display:flex;justify-content:space-between;border-top:1px solid #5a6250;padding-top:24px;gap:20px;}.info-dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(830px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto}.info-dialog::backdrop{background:#20211fbf;backdrop-filter:blur(4px)}.dialog-close{position:sticky;top:18px;margin:18px 18px 0 auto;background:var(--paper);z-index:2}.dialog-inner{padding:10px 58px 58px}.dialog-inner h2{margin:12px 0 30px}.dialog-inner h3{margin-top:30px;margin-bottom:11px}.dialog-inner p{color:var(--muted);margin-top:14px}.dialog-note{border-left:2px solid var(--red);padding-left:17px;margin-top:29px!important}.dialog-cta{display:flex;justify-content:space-between;gap:30px;padding:22px 0 0;margin-top:32px;border-top:1px solid var(--line);}.dialog-cta:hover{color:var(--red)}.dialog-open{overflow:hidden}
@media(min-width:1600px){:root{--gutter:3.1vw}.scene-wrap{height:650px}.hero-intro{max-width:590px}.hero-intro p{max-width:550px;}.hero-title{}.section{padding-bottom:100px}.services,.experience,.profile,.footer{padding-bottom:45px}}
@media(max-width:1120px){.desktop-nav{gap:18px;margin-left:0}.header-right{gap:19px}.brand{}.brand-sub{}.header{gap:16px}.hero-intro p{}.hero-title{margin-top:47px}.service-body{padding-left:70px;grid-template-columns:.75fr 1.2fr}.service summary{grid-template-columns:52px 1fr 36px}.project summary{grid-template-columns:95px 1fr .8fr 35px;gap:18px}.project h3{}.project-body{padding-left:113px}.profile-graphic-caption{max-width:210px;line-height:1.7;margin-left:14px}.big-contact-circle{margin-right:3vw;width:130px;height:130px}.scene-wrap{height:510px}.phase{flex-direction:column;gap:8px}}
@media(max-width:900px){:root{--gutter:26px}.header{height:82px}.desktop-nav{display:none}.header-right{gap:21px}.menu-button{display:block}.brand{}.brand-sub{}.hero-top-note{display:none}.hero-title{}.hero-intro p{}.hero-foot .micro{max-width:230px;text-align:right;}.scene-wrap{height:430px;margin-top:-10px}.stage-head{padding-top:24px}.stage-switch button{padding:8px 12px}.section-label{margin-bottom:45px}.split{gap:5vw}.outcomes{gap:24px;margin-top:46px}.outcomes h3{max-width:240px}.outcomes p{}.first-bottom{gap:5vw}.service-heading{margin-bottom:42px}.service-heading p{width:34%}.service-body{grid-template-columns:.5fr 1fr;gap:30px;padding-left:65px}.service-copy h3{}.service-copy p{}.thinking{transform:scale(.85);transform-origin:left top;margin-top:50px;width:100%;height:187px}.steps h3{}.steps p{}.steps article{gap:9px;grid-template-columns:23px 1fr}.project summary{grid-template-columns:90px 1fr 35px}.project-role{display:none}.project-body{padding:0 20px 28px 108px}.experience-career{grid-template-columns:1fr 1.5fr;gap:28px}.experience-career>p:last-child{grid-column:2}.profile-grid{gap:6vw}.profile-places{gap:13px;flex-wrap:wrap}.profile-graphic{min-height:400px}.profile-number>span{top:15px}.profile-graphic-caption{}.qualifications>div{flex-direction:column;gap:7px}.qualifications>div>span:last-child{text-align:left}.profile-copy>p:not(.profile-position){}.profile-position{}.contact-heading{gap:20px}.contact-heading h2{}.big-contact-circle{width:110px;height:110px;margin-right:2vw}.big-contact-circle svg{width:43px;height:43px}.footer-meta{flex-wrap:wrap}.footer-meta address{order:3;flex-basis:70%}.footer-meta .edition{order:4}.contact-bottom{gap:5vw}}
@media(max-width:600px){:root{--gutter:20px}.header{height:80px;gap:10px}.brand{gap:10px;}.brand-sub{margin-top:3px}.mk-mark{width:34px;height:33px}.header-right{gap:12px}.contact-pill{display:none}.languages{gap:4px}.hero{padding-top:24px}.eyebrow{}.hero-title{letter-spacing:-.065em;line-height:1.015;margin-top:35px;max-width:100%}.title-line{white-space:normal;max-width:100%}.title-line.accent{margin-top:6px}.hero-intro{max-width:100%;margin-left:22%;justify-self:auto}.hero-intro p{line-height:1.38;letter-spacing:-.035em}.hero-intro .text-link{margin-top:19px;gap:17px}.small-circle{height:32px;width:32px}.hero-foot{margin-top:32px;padding:18px 0;gap:17px;align-items:start}.hero-foot .micro{max-width:163px;line-height:1.55}.scroll-link{line-height:1.4;gap:6px;max-width:120px}.scroll-link svg{width:11px;height:14px;flex-shrink:0}.stage-head{padding-top:22px;flex-direction:column;gap:19px}.stage-head>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:15px;width:100%}.stage-head .eyebrow{max-width:210px}.stage-code{margin-top:1px;white-space:nowrap}.stage-switch{align-self:flex-end}.stage-switch button{padding:7px 14px}.scene-wrap{width:160%;margin-left:-30%;height:330px;margin-top:-7px}.stage-bottom{align-items:end;padding-bottom:20px;gap:17px}.stage-bottom>span{max-width:185px;line-height:1.5}.rotate-button{gap:5px;white-space:nowrap}.rotate-button svg{width:13px;height:13px}.section{padding:30px var(--gutter) 49px}.section-label{margin-bottom:37px}.index{}.split{display:block}.first-heading h2{line-height:1.04;letter-spacing:-.06em}.first-intro{margin-top:35px;margin-left:14%}.first-intro h3{line-height:1.2}.first-intro p{margin-top:17px;line-height:1.55}.outcomes{display:block;margin-top:38px}.outcomes article{display:grid;grid-template-columns:27px 1fr;gap:0 15px;padding:21px 0;margin-top:0}.outcomes .micro{padding-top:4px}.outcomes h3{margin:0 0 10px;max-width:250px;letter-spacing:-.03em}.outcomes p{grid-column:2;max-width:none;line-height:1.45}.first-bottom{display:block;margin-top:16px}.first-bottom>p{max-width:none}.detail-links{margin-top:28px;gap:15px}.detail-links .text-link{padding-bottom:13px}.service-heading{display:block;margin-bottom:35px}.service-heading h2{letter-spacing:-.06em}.service-heading p{width:auto;max-width:none;margin:21px 0 0 14%;line-height:1.35}.service-heading p br{display:none}.services .section-label{margin-bottom:38px}.service summary{grid-template-columns:27px 1fr 26px;gap:10px;padding:21px 0 24px}.service-no{margin-top:9px}.service-name{line-height:1.08;letter-spacing:-.06em}.plus{width:26px;height:26px;margin-top:5px}.plus:before,.plus:after{left:7px;right:7px;top:12px}.service-body{display:block;padding:3px 0 29px 37px}.service-tags{flex-direction:row;flex-wrap:wrap;gap:7px 12px;padding-top:0;margin-bottom:21px;color:#b9bcb0}.service-tags span{border-bottom:1px solid #565b4e;padding-bottom:4px}.service-copy h3{line-height:1.2;margin-bottom:17px}.service-copy p{line-height:1.5}.phase{margin-top:23px;padding-top:12px;gap:7px}.services-foot{display:block;line-height:1.5;margin-top:23px}.services-foot a{margin-top:14px;gap:10px}.approach .section-label{margin-bottom:36px}.approach h2{}.thinking{margin:35px 0 31px 14%;transform:scale(.83);width:280px;height:190px}.steps article{grid-template-columns:27px 1fr;gap:15px;margin-bottom:24px;padding-bottom:24px}.steps h3{}.steps p{line-height:1.55}.experience .section-label{margin-bottom:38px}.experience-heading h2{line-height:1.05}.experience-heading>p{margin-top:29px;margin-left:14%;line-height:1.5}.experience-heading{margin-bottom:33px}.project summary{grid-template-columns:1fr 28px;gap:11px;padding:23px 0}.project-date{grid-column:1;margin:0;}.project summary>div{grid-column:1}.project h3{line-height:1.1;letter-spacing:-.045em}.project-kind{margin-top:10px}.project summary>.plus{grid-column:2;grid-row:2;margin-top:3px}.project-body{display:block;padding:0 22px 24px 0}.project-body>div+div{margin-top:24px}.project-body p{line-height:1.5;margin-top:8px}.project-body .eyebrow{}.experience-career{display:block;padding-top:32px}.experience-career>p:nth-child(2){margin-top:20px;gap:6px}.experience-career>p:last-child{margin-top:15px;max-width:320px}.profile .section-label{margin-bottom:38px}.profile-graphic{min-height:0;padding-top:12px;margin-bottom:44px}.profile-number{line-height:1;letter-spacing:-.085em}.profile-number>span{top:19px;margin-left:13px}.profile-graphic>p{margin-top:12px}.profile-places{margin-top:18px;gap:23px}.profile-rule{margin-top:27px;margin-bottom:17px}.profile-graphic>.mk-mark{width:28px;height:26px}.profile-graphic-caption{max-width:none;margin-left:15px;letter-spacing:.03em}.profile-copy h2{}.profile-position{margin-top:25px;}.profile-copy>p:not(.profile-position){margin-top:16px}.qualifications{margin-top:26px}.qualifications>div{flex-direction:row;gap:15px;line-height:1.4;padding:14px 0}.qualifications>div>span:last-child{text-align:right;max-width:53%}.collaboration{display:block;margin-top:37px;padding-top:22px}.collaboration p{margin-top:13px;line-height:1.7}.collaboration .eyebrow{}.footer{padding-top:26px;padding-bottom:20px}.contact-heading{margin-top:42px;margin-bottom:34px;position:relative;align-items:start;gap:10px}.contact-heading h2{line-height:1.04;letter-spacing:-.065em}.big-contact-circle{position:absolute;right:0;bottom:-11px;transform:translateY(100%);height:49px;width:49px;margin-right:0}.big-contact-circle svg{width:22px;height:22px}.big-contact-circle:hover{transform:translateY(100%) scale(1.04)}.contact-bottom{display:block;padding-top:24px}.contact-details{gap:12px;padding-right:40px}.contact-email{letter-spacing:-.06em;white-space:nowrap}.phone{}.contact-intro{margin-top:34px;margin-left:14%}.contact-intro p{line-height:1.6}.contact-intro .muted{margin-top:18px}.footer-meta{gap:15px;padding-top:18px;margin-top:11px}.footer-meta>span:first-child{flex-basis:72%}.footer-meta button{}.footer-meta .edition{}.info-dialog{max-height:calc(100dvh - 28px);width:calc(100% - 22px)}.dialog-inner{padding:3px 24px 33px}.dialog-inner h2{margin-top:8px;margin-bottom:25px}.dialog-inner p{line-height:1.6}.dialog-inner h3{margin-top:26px}.dialog-close{width:34px;height:34px;top:12px;margin:12px 12px 0 auto;}.dialog-note{}.dialog-cta{}.menu{padding:24px var(--gutter)}.menu nav{margin-top:61px;gap:13px}.menu-link{}.menu-bottom{}.menu-top{}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.header,.hero-foot,.stage-switch,.rotate-button,.menu,.info-dialog,.back-top,.big-contact-circle,.languages,.detail-links{display:none!important}.hero{padding-top:20px}.hero-title{}.hero-intro p{}.scene-wrap{height:330px}.section{padding:30px 20px;break-inside:avoid}.services,.footer{background:#fff;color:#111}.service-body{display:grid}.service-copy p,.service-no,.phase,.services-foot{color:#444}.service-name{color:#111!important}.footer-meta{color:#444}.contact-intro .muted,.contact-details .phone{color:#444}}

/* =====================================================================
   VARIANT 06 — Ein Schritt im Voraus.
   One type system: text 16 / lead 24 / heading 40 / display 64 px.
   Responsive headings step down; reading text never falls below 16 px.
   ===================================================================== */
:root {
  --type-text: 16px;
  --type-lead: 24px;
  --type-heading: 40px;
  --type-display: 64px;
}
body {font-size:var(--type-text);line-height:1.5}
h2,.service-name,.menu-link {font-size:var(--type-heading);line-height:1.1;letter-spacing:-.04em}
h3,.round {font-size:var(--type-lead);line-height:1.2}
p {line-height:1.55}
.hero-title,.profile-number {font-size:var(--type-display)}
.hero-promise,.hero-intro p,.first-intro h3,.service-heading p,
.outcomes h3,.service-copy h3,.steps h3,.project h3,
.experience-career p:nth-child(2),.profile-graphic>p,.profile-position,
.contact-email,.phone,.dialog-inner h3 {font-size:var(--type-lead)}
.index {font-size:var(--type-lead);line-height:1.15;white-space:nowrap;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.index-total {font-size:var(--type-text);letter-spacing:0;color:var(--muted)}
.services .index-total {color:#b1b2aa}
.point-number {font-size:var(--type-heading);line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-weight:400}
.micro,.eyebrow {line-height:1.45;letter-spacing:0}
.header {height:96px}
.brand {line-height:1.1;letter-spacing:-.02em}
.brand-sub {letter-spacing:-.015em}
.desktop-nav {gap:26px;margin-left:3vw}
.header-right {gap:24px}
.contact-pill {gap:24px;min-height:44px}
.languages {gap:8px}
.lang {min-width:26px;min-height:44px}
.hero {padding-top:30px}
.hero-top-note {color:var(--muted);text-align:right;max-width:420px}
.hero-main {display:grid;grid-template-columns:1fr 1fr;gap:6.5vw;margin-top:64px;margin-bottom:62px;align-items:start}
.hero-title {margin:0;line-height:1.04;letter-spacing:-.05em;font-weight:400}
.title-line {white-space:normal}
.hero-promise {margin-top:30px;line-height:1.25;letter-spacing:-.025em}
.hero-intro {max-width:510px;justify-self:end;padding-top:4px;margin-left:0}
.hero-intro p {max-width:510px;line-height:1.35;letter-spacing:-.025em}
.hero-intro .text-link {margin-top:28px;gap:24px}
.small-circle {width:44px;height:44px}
.hero-foot {margin-top:0;padding:22px 0;align-items:center;gap:32px}
.hero-foot .micro {max-width:510px;text-align:right;line-height:1.45}
.scroll-link {line-height:1.4}
.scroll-link svg {width:16px;height:18px;flex-shrink:0}
.stage-switch {border-radius:28px}
.stage-switch button {min-height:44px;padding:8px 19px;line-height:1.35}
.stage-code {color:#63645a}
.stage-bottom {line-height:1.5;align-items:center}
.stage-bottom>span {max-width:650px}
.rotate-button {min-height:44px;flex-shrink:0}
.section-label {margin-bottom:48px;align-items:baseline}
.section-label>.eyebrow {max-width:75%}
.first-step {padding-bottom:72px}
.first-heading h2,.first-intro h3 {line-height:1.14;letter-spacing:-.035em}
.outcomes {gap:36px;margin-top:56px}
.outcomes .point-number {display:block;color:var(--red)}
.outcomes h3 {margin:22px 0 14px;max-width:none;line-height:1.2;letter-spacing:-.025em}
.outcomes p {max-width:none;line-height:1.55}
.first-bottom>p {max-width:450px}
.detail-links .text-link {line-height:1.45;gap:20px;text-align:left}
.detail-links svg {flex-shrink:0}
.services .section-label {margin-bottom:48px}
.service-heading {margin-bottom:44px;align-items:start}
.service-heading h2 {letter-spacing:-.04em}
.service-heading p {width:43%;max-width:450px;line-height:1.25;padding:0}
.service summary {grid-template-columns:72px minmax(0,1fr) 40px;gap:18px;align-items:start;padding:26px 0 29px}
.service-no {margin-top:0}
.service-name {line-height:1.1;letter-spacing:-.035em}
.service .plus {margin-top:5px}
.service-body {padding:10px 0 40px 90px;grid-template-columns:.75fr 1.25fr;gap:5vw}
.service-tags {line-height:1.5;color:#c0c2b7}
.service-copy h3 {line-height:1.25;letter-spacing:-.025em}
.service-copy p {line-height:1.6;color:#c3c5ba}
.phase {line-height:1.5;gap:18px}
.services-foot {line-height:1.5;color:#bfc2b6}
.services-foot a {flex-shrink:0}
.approach .section-label {margin-bottom:48px}
.approach h2 {line-height:1.12}
.thinking {width:280px;height:225px;margin-top:48px;transform:none;transform-origin:initial}
.thinking-label {line-height:1.2;letter-spacing:-.02em}
.thinking-label.a {left:18px;top:70px}
.thinking-label.b {left:169px;top:70px}
.thinking-label.c {left:85px;top:174px}
.steps article {grid-template-columns:52px minmax(0,1fr);gap:22px}
.steps .point-number {margin-top:-3px}
.steps h3 {line-height:1.2;letter-spacing:-.025em}
.steps p {line-height:1.6}
.experience .section-label {margin-bottom:48px}
.experience-heading {margin-bottom:48px}
.experience-heading h2 {line-height:1.12}
.project summary {grid-template-columns:140px 1.1fr .85fr 40px;gap:26px}
.project h3 {line-height:1.2;letter-spacing:-.025em}
.project-date {margin-top:3px;white-space:nowrap}
.project-kind {margin-top:10px;line-height:1.45}
.project-role {line-height:1.5;margin-top:3px}
.project-body {padding-left:166px}
.project-body p {line-height:1.6}
.project-body .eyebrow {text-transform:none;letter-spacing:0}
.experience-career {grid-template-columns:.9fr 1.2fr 1.1fr;gap:36px}
.experience-career p:nth-child(2) {line-height:1.25;letter-spacing:-.025em}
.profile .section-label {margin-bottom:48px}
.profile-grid {gap:6.5vw}
.profile-graphic {min-height:0;padding-top:26px}
.profile-number {line-height:1;letter-spacing:-.065em}
.profile-number>span {font-size:var(--type-heading);top:4px;letter-spacing:-.035em;margin-left:8px}
.profile-graphic>p {margin-top:15px;line-height:1.3}
.profile-places {gap:15px 24px;line-height:1.4;flex-wrap:wrap}
.profile-rule {margin-top:36px;margin-bottom:26px}
.profile-graphic-caption {max-width:calc(100% - 65px);margin-left:20px;line-height:1.5;letter-spacing:0;text-transform:none;overflow-wrap:break-word}
.profile-position {line-height:1.25;letter-spacing:-.025em}
.profile-copy>p:not(.profile-position) {line-height:1.6}
.qualifications>div {line-height:1.5;gap:24px;align-items:start}
.qualifications>div>span:first-child {max-width:48%}
.qualifications>div>span:last-child {max-width:50%}
.collaboration {margin-top:52px}
.collaboration p {line-height:1.65}
.contact-heading {margin:46px 0 44px;align-items:center}
.contact-heading h2 {line-height:1.12;letter-spacing:-.04em}
.big-contact-circle {width:108px;height:108px;margin-right:5vw}
.big-contact-circle svg {width:40px;height:40px}
.contact-email {line-height:1.3;letter-spacing:-.035em}
.phone {line-height:1.3;letter-spacing:-.02em}
.contact-intro>p,.contact-intro .muted {line-height:1.6}
.footer-meta {margin-top:52px;padding-top:24px;align-items:baseline;line-height:1.5;flex-wrap:wrap}
.footer-meta .edition {color:#b0b4a8}
.menu-top {line-height:1.3}
.menu-link {line-height:1.25;letter-spacing:-.035em}
.menu-bottom {line-height:1.5;flex-wrap:wrap}
.dialog-inner h2 {line-height:1.12;letter-spacing:-.035em}
.dialog-inner h3 {line-height:1.25;letter-spacing:-.025em}
.dialog-inner p {line-height:1.65}
.dialog-note {line-height:1.6}
.dialog-cta {line-height:1.5}
.dialog-close,.round {min-height:40px;min-width:40px;line-height:1}

@media(min-width:1600px) {
  .hero-main {margin-top:72px;margin-bottom:72px}
  .hero-intro,.hero-intro p {max-width:540px}
}
@media(max-width:1120px) {
  :root {--type-heading:32px;--type-display:48px}
  .desktop-nav {gap:20px;margin-left:0}
  .header-right {gap:18px}
  .hero-main {gap:5vw;margin-top:56px;margin-bottom:54px}
  .service summary {grid-template-columns:56px minmax(0,1fr) 36px}
  .service-body {padding-left:74px;grid-template-columns:.65fr 1fr;gap:34px}
  .project summary {grid-template-columns:112px 1fr .8fr 36px;gap:20px}
  .project-body {padding-left:132px}
  .qualifications>div {flex-direction:column;gap:4px}
  .qualifications>div>span:first-child,.qualifications>div>span:last-child {max-width:100%;text-align:left}
  .experience-career {gap:26px}
}
@media(max-width:1024px) {
  .desktop-nav {display:none}
  .menu-button {display:block}
}
@media(max-width:900px) {
  .header {height:84px}
  .hero-main {gap:5vw}
  .hero-intro,.hero-intro p {max-width:100%}
  .hero-intro p {font-size:var(--type-text);line-height:1.6;letter-spacing:0}
  .hero-foot .micro {max-width:50%}
  .stage-head {gap:24px}
  .stage-switch button {padding:8px 14px}
  .outcomes {gap:22px}
  .outcomes h3 {max-width:none;hyphens:auto;overflow-wrap:break-word}
  .service-heading p {width:46%}
  .service-body {display:block;padding-left:74px}
  .service-tags {flex-direction:row;flex-wrap:wrap;gap:8px 18px;margin:0 0 24px}
  .service-tags span {border-bottom:1px solid #565b4e;padding-bottom:4px}
  .phase {flex-direction:row;gap:18px}
  .services-foot {flex-direction:column;gap:15px}
  .steps article {grid-template-columns:40px minmax(0,1fr);gap:18px}
  .thinking {margin-top:38px;transform:none;width:280px;height:225px}
  .project summary {grid-template-columns:112px minmax(0,1fr) 36px;gap:20px}
  .project-body {padding-left:132px;padding-right:0}
  .experience-career {grid-template-columns:.9fr 1.4fr}
  .experience-career>p:last-child {grid-column:2}
  .profile-graphic {min-height:0}
  .profile-number>span {top:3px}
  .profile-graphic-caption {display:block;max-width:100%;margin:18px 0 0}
  .big-contact-circle {width:90px;height:90px;margin-right:2vw}
  .footer-meta {gap:14px 24px}
  .footer-meta>span:first-child {flex-basis:75%}
  .footer-meta address {flex-basis:75%}
  .footer-meta button {margin-left:auto}
  .footer-meta .edition {margin-left:auto}
}
@media(max-width:600px) {
  :root {--type-display:40px;--type-heading:32px}
  .header {height:84px;gap:8px}
  .brand {gap:10px;line-height:1.1}
  .brand-sub {margin-top:4px}
  .mk-mark {width:32px;height:32px}
  .header-right {gap:8px}
  .languages {gap:5px}
  .lang {min-width:25px}
  .menu-button {width:34px;height:44px}
  .menu-button span {top:18px;left:6px;right:6px}
  .menu-button span+span {top:25px}
  .hero {padding-top:24px}
  .hero-main {display:block;margin-top:36px;margin-bottom:34px}
  .hero-title {margin:0;max-width:100%;line-height:1.05;letter-spacing:-.04em}
  .title-line.accent {margin-top:0}
  .hero-promise {margin-top:23px;line-height:1.3}
  .hero-intro {margin:32px 0 0;padding-top:26px;border-top:1px solid #bfc0b9}
  .hero-intro p {font-size:var(--type-text);line-height:1.6;letter-spacing:0}
  .hero-intro .text-link {margin-top:22px;gap:22px}
  .hero-foot {padding:19px 0;flex-direction:column;align-items:start;gap:15px}
  .hero-foot .micro {max-width:100%;text-align:left;line-height:1.5}
  .scroll-link {max-width:none;gap:9px;line-height:1.4}
  .stage-head {padding-top:24px;gap:20px}
  .stage-head>div:first-child {display:block}
  .stage-head .eyebrow {max-width:none}
  .stage-code {margin-top:6px;white-space:normal}
  .stage-switch {align-self:flex-start;max-width:100%}
  .stage-switch button {min-height:44px;padding:8px 14px}
  .scene-wrap {margin-top:0;height:310px}
  .stage-bottom {padding-bottom:22px;align-items:start;flex-direction:column;gap:8px}
  .stage-bottom>span {max-width:100%;line-height:1.5}
  .rotate-button {gap:8px;white-space:normal}
  .rotate-button svg {width:18px;height:18px}
  .section {padding:32px var(--gutter) 48px}
  .section-label {margin-bottom:34px;gap:20px;align-items:baseline}
  .section-label>.eyebrow {max-width:65%}
  .first-heading h2 {line-height:1.12;letter-spacing:-.035em}
  .first-intro {margin:30px 0 0;max-width:100%}
  .first-intro h3 {line-height:1.25;letter-spacing:-.025em}
  .first-intro p {line-height:1.6;margin-top:18px}
  .outcomes {margin-top:32px}
  .outcomes article {grid-template-columns:40px minmax(0,1fr);gap:0 16px;padding:24px 0}
  .outcomes .point-number {padding:0;line-height:1.1;margin-top:-2px}
  .outcomes h3 {margin:0 0 12px;max-width:none;line-height:1.2;letter-spacing:-.025em}
  .outcomes p {line-height:1.6}
  .first-bottom {margin-top:16px}
  .first-bottom>p {line-height:1.6}
  .detail-links {margin-top:28px}
  .detail-links .text-link {padding-bottom:15px}
  .services .section-label {margin-bottom:32px}
  .service-heading {margin-bottom:32px}
  .service-heading h2 {letter-spacing:-.035em}
  .service-heading p {margin:22px 0 0;max-width:100%;width:100%;line-height:1.3}
  .service summary {grid-template-columns:38px minmax(0,1fr) 26px;gap:10px;padding:24px 0}
  .service-no {margin-top:0}
  .service-name {line-height:1.1;letter-spacing:-.035em;overflow-wrap:break-word}
  .service .plus {margin-top:4px}
  .service-body {padding:0 0 28px;display:block}
  .service-tags {line-height:1.5;gap:8px 15px;padding:0;margin-bottom:24px}
  .service-copy h3 {line-height:1.25;margin-bottom:18px}
  .service-copy p {line-height:1.6}
  .phase {flex-direction:column;gap:9px;line-height:1.5}
  .services-foot {margin-top:24px;line-height:1.5}
  .services-foot a {margin-top:0;gap:12px}
  .approach .section-label {margin-bottom:32px}
  .approach h2 {line-height:1.12}
  .thinking {width:280px;max-width:100%;height:225px;margin:34px 0;transform:none}
  .steps article {grid-template-columns:40px minmax(0,1fr);gap:16px;padding-bottom:24px;margin-bottom:24px}
  .steps .point-number {margin-top:-2px}
  .steps h3 {line-height:1.2;letter-spacing:-.025em}
  .steps p {line-height:1.6}
  .experience .section-label {margin-bottom:32px}
  .experience-heading h2 {line-height:1.12}
  .experience-heading>p {margin:26px 0 0;line-height:1.6}
  .experience-heading {margin-bottom:30px}
  .project summary {grid-template-columns:minmax(0,1fr) 28px;gap:12px;padding:25px 0}
  .project-date {grid-column:1;margin:0;white-space:normal}
  .project h3 {line-height:1.2;letter-spacing:-.025em}
  .project-kind {margin-top:9px;line-height:1.5}
  .project-body {padding:0 0 28px}
  .project-body p {line-height:1.6}
  .experience-career {display:block;padding-top:32px}
  .experience-career>p:nth-child(2) {line-height:1.3;gap:9px}
  .experience-career>p:last-child {line-height:1.6;max-width:none}
  .profile .section-label {margin-bottom:32px}
  .profile-graphic {padding-top:23px;margin-bottom:36px;min-height:0}
  .profile-number {line-height:1;letter-spacing:-.055em}
  .profile-number>span {top:1px;margin-left:6px}
  .profile-graphic>p {margin-top:14px}
  .profile-places {gap:12px 22px;margin-top:20px;line-height:1.5}
  .profile-rule {margin-top:26px;margin-bottom:22px}
  .profile-graphic-caption {display:inline-block;margin:0 0 0 16px;max-width:calc(100% - 54px);line-height:1.5}
  .profile-position {margin-top:20px;line-height:1.3}
  .profile-copy>p:not(.profile-position) {line-height:1.6}
  .qualifications {margin-top:26px}
  .qualifications>div {flex-direction:column;gap:4px;padding:15px 0;line-height:1.5}
  .qualifications>div>span:first-child,.qualifications>div>span:last-child {max-width:100%;text-align:left}
  .collaboration {margin-top:34px;padding-top:24px}
  .collaboration p {margin-top:15px;line-height:1.65}
  .footer {padding-top:28px;padding-bottom:24px}
  .contact-heading {margin-top:32px;margin-bottom:30px;align-items:center;gap:16px}
  .contact-heading h2 {line-height:1.12;letter-spacing:-.035em}
  .big-contact-circle {position:static;transform:none;width:50px;height:50px;margin:0}
  .big-contact-circle svg {width:22px;height:22px}
  .big-contact-circle:hover {transform:scale(1.04)}
  .contact-bottom {padding-top:25px}
  .contact-details {gap:14px;padding-right:0}
  .contact-email {white-space:normal;overflow-wrap:anywhere;line-height:1.3;letter-spacing:-.035em}
  .contact-intro {margin:28px 0 0}
  .contact-intro p,.contact-intro .muted {line-height:1.6}
  .contact-intro .muted {margin-top:20px}
  .footer-meta {display:grid;grid-template-columns:1fr auto;gap:15px 16px;margin-top:32px;padding-top:23px;line-height:1.5}
  .footer-meta>span:first-child {grid-column:1 / -1;order:0}
  .footer-meta address {grid-column:1 / -1;order:1}
  .footer-meta button {margin:0;text-align:left;order:2}
  .footer-meta .edition {margin:0;text-align:right;order:3}
  .dialog-inner {padding:4px 24px 32px}
  .dialog-inner h2 {line-height:1.15;letter-spacing:-.035em}
  .dialog-inner h3 {line-height:1.25}
  .dialog-inner p {line-height:1.65}
  .menu {padding:24px var(--gutter)}
  .menu nav {margin-top:48px;gap:15px}
  .menu-link {line-height:1.3;letter-spacing:-.035em}
  .menu-bottom {flex-direction:column;gap:14px}
}
@media(max-width:360px) {
  .header-right {gap:4px}
  .languages {gap:3px}
  .brand {gap:8px}
  .hero-promise {letter-spacing:-.035em}
  .outcomes article,.steps article {grid-template-columns:36px minmax(0,1fr);gap:0 14px}
  .contact-heading {display:block}
  .big-contact-circle {margin-top:22px}
  .stage-switch button {padding:8px 11px}
}
@media print {
  :root {--type-heading:32px;--type-display:40px}
  .hero-main {margin:30px 0}
  .hero-intro {border:0;margin:0;padding:0}
  .hero-intro p {font-size:var(--type-text)}
}



/* Variant 7 — same type scale, equal section headings, clearer diagram. */
.skip:not(:focus) {clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
.hero-title,
.first-heading h2,
.service-heading h2,
.approach h2,
.experience-heading h2,
.profile-copy h2,
.contact-heading h2,
.dialog-inner h2 {
  font-size:var(--type-display);
  line-height:1.04;
  letter-spacing:-.05em;
  font-weight:400;
}
.first-heading,.approach>.split,.experience-heading,.profile-grid {align-items:start}
.first-heading h2,.approach-left,.profile-copy,.first-intro {min-width:0}
.service-heading {gap:6.5vw}
.service-heading h2 {flex:1;min-width:0}
.service-heading p {flex:1;max-width:none;min-width:0}
.experience-heading {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6.5vw}
.experience-heading h2 {max-width:none}
.contact-heading h2 {max-width:calc(100% - 160px)}

/* Captions sit outside the circles, with a fixed 18 px gap. */
.thinking {
  width:360px;max-width:100%;height:auto;
  display:block;position:relative;transform:none;
  margin:48px 0 0;padding:0;
}
.thinking-top-labels {display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 8px;margin:0 0 18px}
.thinking-label {position:static;display:block;text-align:center;font-size:var(--type-text);line-height:1.5;letter-spacing:0;color:var(--ink)}
.thinking-art {display:block;width:100%;height:auto;overflow:visible}
.thinking-bottom-label {margin-top:18px}
.thinking-center {display:none}

/* The existing portrait is linked to its verified original source. */
.profile-graphic {border:0;padding:0;min-height:0;max-width:520px;width:100%;margin:0}
.profile-portrait {margin:0;position:relative;overflow:hidden;background:#1b1a18;width:100%;aspect-ratio:1}
.profile-portrait img {width:100%;height:100%;display:block;object-fit:cover;object-position:center;aspect-ratio:1}
.portrait-fallback {display:none;position:absolute;inset:0;padding:32px;color:var(--paper);flex-direction:column;justify-content:flex-end;gap:16px}
.portrait-fallback p {font-size:var(--type-text);line-height:1.55;max-width:28em;color:#d2d0c9}
.portrait-fallback a {font-size:var(--type-text);text-decoration:underline;text-underline-offset:4px}
.profile-portrait.is-unavailable img {visibility:hidden}
.profile-portrait.is-unavailable .portrait-fallback {display:flex}
.profile-caption {display:flex;gap:28px;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.profile-caption .profile-number {font-size:var(--type-heading);line-height:1;letter-spacing:-.04em;white-space:nowrap}
.profile-caption .profile-number>span {font-size:inherit;position:static;vertical-align:baseline;margin-left:4px}
.profile-caption-copy p {font-size:var(--type-lead);line-height:1.25;letter-spacing:-.025em}
.profile-places {margin-top:10px;gap:6px 16px;flex-wrap:wrap;line-height:1.5}
.profile-copy h2 {margin-top:-5px}
.contact-address {display:block;font-size:var(--type-text);color:#babdb2;line-height:1.55;margin-top:4px}
.footer-meta {justify-content:space-between}
.footer-meta .edition {margin-left:auto}
.footer-meta>button {margin-left:auto}
.stage-legend {display:flex;align-items:center;gap:12px;line-height:1.5}
.stage-legend-swatch {width:25px;height:15px;flex:none;background:rgba(183,49,34,.17);border:1px dashed rgba(183,49,34,.55)}
.stage-bottom {align-items:center;flex-wrap:wrap;gap:12px 24px}
.stage-bottom>span {max-width:none}
.scene-wrap {margin-top:0}
@media(max-width:1120px) {
  .service-heading {gap:5vw}
  .experience-heading {gap:5vw}
  .profile-caption {gap:20px;align-items:flex-start}
  .profile-places {gap:5px 12px}
}
@media(max-width:900px) {
  .stage-bottom .stage-legend {flex-basis:100%}
  .stage-bottom>span {max-width:calc(100% - 190px)}
  .thinking {width:360px;height:auto;margin-top:38px;transform:none}
  .profile-caption {display:block}
  .profile-caption-copy {margin-top:16px}
  .contact-heading h2 {max-width:calc(100% - 120px)}
  .footer-meta>span:first-child {flex-basis:auto}
}
@media(max-width:600px) {
  .hero-title,.first-heading h2,.service-heading h2,.approach h2,
  .experience-heading h2,.profile-copy h2,.contact-heading h2,.dialog-inner h2 {
    font-size:var(--type-display);line-height:1.05;letter-spacing:-.04em;
    overflow-wrap:normal;word-break:normal;
  }
  .approach-left {margin-bottom:40px}
  .first-heading h2 {margin-bottom:30px}
  .service-heading {display:block}
  .service-heading h2 {margin-bottom:26px}
  .service-heading p {width:auto;max-width:100%}
  .experience-heading {display:block}
  .experience-heading h2 {margin-bottom:26px}
  .thinking {margin-top:36px;width:360px;max-width:100%;height:auto;padding:0}
  .thinking-top-labels {gap:16px;padding:0 4px}
  .profile-graphic {max-width:none;margin-bottom:38px;padding:0}
  .profile-caption {display:flex;align-items:center;gap:22px;margin-top:22px;padding-top:22px}
  .profile-caption-copy {margin:0}
  .profile-places {gap:4px 12px;margin-top:10px}
  .profile-copy h2 {margin-top:0}
  .contact-heading {display:flex;gap:20px}
  .contact-heading h2 {max-width:calc(100% - 68px)}
  .contact-heading .big-contact-circle {margin-top:0}
  .contact-address {margin-top:0}
  .footer-meta {grid-template-columns:1fr auto;gap:14px 20px}
  .footer-meta>span:first-child {grid-column:1 / -1}
  .footer-meta>button {margin:0}
  .footer-meta .edition {margin:0}
  .stage-bottom {padding-top:6px;align-items:start}
  .stage-bottom>span {max-width:none;flex-basis:100%}
  .stage-bottom .rotate-button {margin-top:2px}
}
@media(max-width:360px) {
  .contact-heading {display:block}
  .contact-heading h2 {max-width:100%}
  .contact-heading .big-contact-circle {margin-top:22px}
  .profile-caption {gap:16px}
  .profile-caption-copy p {font-size:var(--type-text);line-height:1.5;letter-spacing:0}
}
@media print {
  .profile-portrait {max-width:320px}
  .thinking {max-width:300px}
}


/* Same type, layout and geometry as v7. Only the requested visual edits. */
.stage-legend[hidden]{display:none!important}
.brand .mk-mark{flex:none;object-fit:contain}


/* Original square MK mark reconstructed as paths from the supplied image. */
.brand .mk-mark {width:48px;height:48px;flex:0 0 48px;display:block;aspect-ratio:1;}
@media(max-width:600px) {
  .brand .mk-mark {width:40px;height:40px;flex-basis:40px;}
}


/* Keep the steeper, reference-calibrated view clear of the controls and text. */
.visual-stage[data-scene-mode="design"] .scene-wrap {
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 85%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 85%,transparent 100%);
}
.visual-stage[data-scene-mode="design"] .stage-switch {background:#e8e5dd}
@media (max-width:600px) {
  .visual-stage[data-scene-mode="design"] .scene-wrap {
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 84%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 84%,transparent 100%);
  }
}


.visual-stage{background:#faf9f6}
.visual-stage .stage-head{padding:24px var(--gutter) 18px;align-items:center}
.visual-stage .scene-wrap{display:block;position:relative;width:100%;height:auto;aspect-ratio:2/1;margin:0;cursor:default;touch-action:pan-y;overflow:hidden}
.visual-stage #architecture-scene{display:block;width:100%;height:100%;overflow:hidden}
.visual-stage .stage-bottom{padding-top:18px;padding-bottom:24px}
.visual-stage .stage-legend[hidden]{display:none!important}
.scene-gallery{width:min(1560px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:18px 20px 20px;background:#faf9f6;color:var(--ink);border:0;overflow:auto}
.scene-gallery::backdrop{background:#20211fd9;backdrop-filter:blur(5px)}
.scene-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}
.scene-gallery-toolbar .round{background:#faf9f6;font-size:24px}
.scene-gallery img{display:block;width:100%;height:auto;object-fit:contain}
.scene-gallery-note{margin-top:14px;color:var(--muted);font-size:16px}
@media(max-width:600px){
 .visual-stage .stage-head{align-items:stretch;padding-top:22px;padding-bottom:16px}
 .visual-stage .scene-wrap{width:100%;aspect-ratio:1.2/1;height:auto;margin:0}
 .visual-stage .stage-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
 .visual-stage .stage-bottom>span{max-width:none;flex:1 1 100%;order:2}
 .visual-stage .stage-legend{order:0}
 .visual-stage .rotate-button{order:1;margin-left:auto}
 .scene-gallery{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:12px}
}
@media print{.visual-stage .scene-wrap{aspect-ratio:2/1}.visual-stage .rotate-button{display:none}}


/* A single Entwurf frame for all study modes: same viewport, scale and crop. */
.visual-stage .scene-wrap,.visual-stage[data-scene-mode="design"] .scene-wrap{
 -webkit-mask-image:none;mask-image:none;
}
.visual-stage[data-scene-mode="design"] .stage-switch{background:transparent}
.opfikon-gallery{margin:2px 0 44px 166px;min-width:0}
.opfikon-media-heading{display:flex;justify-content:space-between;align-items:start;gap:26px;padding:4px 0 24px}
.opfikon-media-heading p{font-size:var(--type-text);line-height:1.5}
.opfikon-media-heading .muted{margin-top:6px}
.opfikon-media-heading>.eyebrow{white-space:nowrap;color:var(--muted)}
.opfikon-figure{margin:0;min-width:0}
.project-visual{position:relative;display:block;width:100%;overflow:hidden;text-align:left;background:#eeede8;cursor:zoom-in}
.project-visual>img{width:100%;height:auto;display:block}
.opfikon-perspective{width:calc((100% - 28px)/2.25)}
.opfikon-perspective .project-visual{height:360px}
.opfikon-perspective .project-visual img{height:100%;object-fit:contain}
.project-zoom{position:absolute;right:18px;bottom:18px;background:var(--paper);color:var(--ink);min-height:44px;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:28px;box-shadow:0 2px 12px #00000012;transition:background .2s,color .2s}
.project-zoom>svg{width:18px;height:18px}
.project-visual:hover .project-zoom{background:var(--ink);color:var(--paper)}
.opfikon-figure figcaption{display:flex;justify-content:space-between;gap:16px;line-height:1.5;margin-top:12px;font-size:var(--type-text)}
.opfikon-figure figcaption .muted{text-align:right}
.opfikon-secondary{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin-top:34px;align-items:start}
.opfikon-secondary .project-visual{height:360px;background:#eeede8}
.opfikon-secondary img{height:100%;width:100%;object-fit:contain}
.opfikon-plan .project-visual{background:#fff}
.opfikon-source{display:flex;justify-content:space-between;align-items:start;gap:32px;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}
.opfikon-source p{max-width:650px;font-size:var(--type-text);line-height:1.5}
.opfikon-source a{flex:0 0 auto;line-height:1.5;gap:16px}
.opfikon-source a svg{width:18px;height:18px}
.project-gallery{padding:20px;width:min(1580px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);border:0;background:var(--paper);color:var(--ink);overflow:auto}
.project-gallery::backdrop{background:#20211fe6;backdrop-filter:blur(5px)}
.project-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.project-gallery-heading{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.project-gallery-heading p{font-size:var(--type-lead);letter-spacing:-.02em}
.project-gallery-toolbar .round{background:transparent;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}
.project-gallery-viewport{max-height:calc(100dvh - 205px);overflow:auto;background:#e9e7e0;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.project-gallery-viewport>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 205px);object-fit:contain;cursor:zoom-in;background:#faf9f6}
.project-gallery-viewport.is-zoomed>img{width:auto;max-width:none;height:auto;max-height:none;cursor:zoom-out}
.project-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.project-gallery-nav{display:flex;align-items:center;gap:12px}
.project-gallery-nav button,.project-gallery-zoom{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;display:inline-flex;justify-content:center;align-items:center}
.project-gallery-nav svg{width:18px;height:18px}
.project-gallery-nav button:hover,.project-gallery-zoom:hover{background:var(--ink);color:var(--paper)}
.project-gallery-note{font-size:var(--type-text);line-height:1.5;color:var(--muted)}
@media(max-width:1120px){.opfikon-gallery{margin-left:132px}.opfikon-secondary .project-visual,.opfikon-perspective .project-visual{height:300px}.opfikon-source{display:block}.opfikon-source a{margin-top:18px}.opfikon-media-heading{display:block}.opfikon-media-heading>.eyebrow{margin-top:14px}}
@media(max-width:900px){.opfikon-figure figcaption{display:block}.opfikon-figure figcaption .muted{display:block;text-align:left;margin-top:4px}.opfikon-secondary{gap:20px}.opfikon-secondary .project-visual,.opfikon-perspective .project-visual{height:250px}.opfikon-perspective{width:calc((100% - 20px)/2.25)}.project-zoom{right:12px;bottom:12px;padding:10px 12px}}
@media(max-width:600px){.opfikon-perspective{width:100%}.opfikon-perspective .project-visual{height:auto;aspect-ratio:1.415/1}.opfikon-gallery{margin-left:0;margin-bottom:28px}.opfikon-media-heading{padding-top:8px}.opfikon-secondary{grid-template-columns:1fr;gap:28px;margin-top:28px}.opfikon-secondary .project-visual{height:auto;aspect-ratio:1.415/1}.opfikon-model .project-visual{aspect-ratio:1/1}.project-zoom>span{display:none}.project-zoom{width:44px;height:44px;justify-content:center;padding:0}.opfikon-source{gap:18px;margin-top:24px}.project-gallery{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}.project-gallery-heading{gap:4px}.project-gallery-heading>p{font-size:var(--type-text)}.project-gallery-heading>span{flex-basis:100%}.project-gallery-viewport{max-height:calc(100dvh - 220px)}.project-gallery-viewport>img{max-height:calc(100dvh - 220px)}.project-gallery-controls{flex-wrap:wrap}.project-gallery-note{flex:1 1 100%;order:3}.project-gallery-nav{order:1}.project-gallery-zoom{order:2}.opfikon-gallery .project-visual:focus-visible{outline-offset:3px}}
@media print{.project-zoom,.opfikon-source>a{display:none}.opfikon-gallery{margin-left:0}.opfikon-secondary .project-visual{height:230px}.project-gallery{display:none}}


/* The study is a compact layout block, not a full-width hero image.
   Explicit width + aspect ratio reduce both the artwork and occupied height.
   All three modes share these dimensions; gallery enlargement is unaffected. */
#potenzial.visual-stage {
  --scene-width: min(760px, 72%);
}
#potenzial.visual-stage .scene-wrap,
#potenzial.visual-stage[data-scene-mode="design"] .scene-wrap {
  display:block;
  position:relative;
  width:var(--scene-width);
  max-width:760px;
  min-width:0;
  height:auto;
  min-height:0;
  max-height:none;
  aspect-ratio:2 / 1;
  margin:0 auto;
  padding:0;
  overflow:hidden;
  transform:none;
  -webkit-mask-image:none;
  mask-image:none;
}
#potenzial.visual-stage #architecture-scene {
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:100%;
  overflow:hidden;
}
#potenzial.visual-stage .stage-head,
#potenzial.visual-stage .stage-bottom {
  width:min(100%,900px);
  margin-inline:auto;
  padding-inline:20px;
}
#potenzial.visual-stage .stage-head {
  padding-top:20px;
  padding-bottom:12px;
  gap:20px;
}
#potenzial.visual-stage .stage-bottom {
  padding-top:12px;
  padding-bottom:20px;
  gap:12px 24px;
  flex-wrap:wrap;
}
#potenzial.visual-stage .stage-bottom .rotate-button {
  margin-left:auto;
}
/* Preserve the revised three-circle pictogram and its bilingual label. */
.thinking-art .thinking-project {
  font-family:inherit;
  font-size:24px;
  font-weight:400;
  letter-spacing:-.02em;
  fill:var(--ink);
}
@media(max-width:600px) {
  #potenzial.visual-stage {
    --scene-width:min(320px,calc(100% - var(--gutter) - var(--gutter)));
  }
  #potenzial.visual-stage .stage-head,
  #potenzial.visual-stage .stage-bottom {
    padding-inline:var(--gutter);
  }
  #potenzial.visual-stage .stage-head {
    padding-top:16px;
    padding-bottom:12px;
    gap:12px;
  }
  #potenzial.visual-stage .stage-code {margin-top:0}
  #potenzial.visual-stage .stage-bottom {
    padding-top:12px;
    padding-bottom:16px;
    gap:10px;
  }
}

#opfikon-zh .opfikon-gallery .project-visual img,#heckenweg-lindau .project-visual img{width:100%;height:100%;object-fit:cover;object-position:center}

.hero .hero-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4vw;align-items:center;margin:48px 0}
.hero-copy{min-width:0}.hero .hero-intro{margin:28px 0 0;padding:0;border:0;max-width:510px;justify-self:start}
.hero .hero-intro p{font-size:var(--type-text);line-height:1.55;letter-spacing:0}
.hero .hero-title{font-size:clamp(44px,5.3vw,92px)}
.hero #potenzial.visual-stage{background:transparent;width:100%;min-width:0;--scene-width:100%;padding:0}
.hero #potenzial.visual-stage .scene-wrap,.hero #potenzial.visual-stage[data-scene-mode="design"] .scene-wrap{width:100%;max-width:100%;height:auto;aspect-ratio:2/1;margin:0}
.hero #potenzial.visual-stage .stage-head,.hero #potenzial.visual-stage .stage-bottom{width:100%;padding:14px 0;gap:12px;flex-wrap:wrap}
.hero #potenzial.visual-stage .stage-head{align-items:start;flex-direction:column}
.hero #potenzial.visual-stage .stage-switch{align-self:flex-end}
.hero #potenzial.visual-stage .stage-bottom>span{flex:1 1 100%;max-width:none}
@media(max-width:760px){.hero .hero-main{grid-template-columns:1fr;gap:30px;margin:32px 0}.hero .hero-title{font-size:clamp(44px,10vw,72px)}.hero .hero-intro{max-width:100%}.hero #potenzial.visual-stage{border-top:1px solid var(--line);padding-top:16px}}


.hero .hero-main{align-items:start}
.hero #potenzial.visual-stage .stage-bottom{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:24px auto 44px;gap:12px;align-items:center}
.hero #potenzial.visual-stage .stage-bottom .stage-legend{display:flex!important;grid-row:1;min-height:24px;line-height:24px;margin:0}
.hero #potenzial.visual-stage .stage-bottom .stage-legend[hidden]{display:flex!important;visibility:hidden}
.hero #potenzial.visual-stage .stage-bottom>span{grid-row:2;order:initial;min-height:3em;line-height:1.5}
.hero #potenzial.visual-stage .stage-bottom .rotate-button{grid-row:3;order:initial;justify-self:end;margin:0;height:44px}
.hero #potenzial.visual-stage .scene-wrap,.hero #potenzial.visual-stage[data-scene-mode="design"] .scene-wrap{aspect-ratio:2/1;transform:none;transition:none;-webkit-mask-image:none;mask-image:none}

.opfikon-perspective .obfelden-plan-visual{height:auto;aspect-ratio:auto}.opfikon-perspective .obfelden-plan-visual img{height:auto;width:100%;display:block}
.thinking-inner-labels text,.thinking-art .thinking-project{text-transform:uppercase}.thinking-inner-labels text{font-size:12px}.thinking-art .thinking-project{font-size:20px}
.lang{display:inline-flex;align-items:center;justify-content:center}