:root{--black:#11120f;--paper:#fff;--yellow:#ffd43d;--earth:#4b412b;--line:#d6d6d1;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--pad:clamp(24px,5.2vw,90px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--black);background:var(--paper);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}figure,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.055em}h2{font-size:clamp(42px,4.7vw,76px);line-height:1.06}em{font-weight:400}p{line-height:1.65}button,a,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}.skip{position:fixed;top:-100px;z-index:100;background:var(--yellow);padding:16px}.skip:focus{top:0}.section-pad{padding:100px var(--pad)}.plus{position:relative;display:inline-block;width:40px;height:40px;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;display:block;background:currentColor}.plus:before{height:14%;width:100%;top:43%;left:0}.plus:after{width:14%;height:100%;left:43%;top:0}.plus.small{width:22px;height:22px}.plus.tiny{width:14px;height:14px}.eyebrow{font-size:14px;display:flex;align-items:center;gap:16px;margin-bottom:50px}.header{height:99px;display:flex;align-items:center;padding:0 var(--pad);position:absolute;top:0;left:0;right:0;z-index:10;color:#fff;border-bottom:1px solid #ffffff35;gap:48px}.brand{display:flex;align-items:center;gap:16px;width:205px}.brand img{object-fit:contain;filter:brightness(0) invert(1)}.brand .mark{width:40px;height:40px}.brand .wordmark{width:150px;height:45px}.header nav{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:14px}.header nav a,.future{position:relative;padding:10px 0}.header nav .active:after{content:'';height:3px;background:var(--yellow);position:absolute;bottom:-25px;left:0;right:0}.future{opacity:.65;cursor:default}.languages{display:flex;gap:8px;font-size:13px;align-items:center}.languages button{background:transparent;color:inherit;border:0;padding:6px 1px;opacity:.6;font-size:13px}.languages button.selected{opacity:1;border-bottom:1px solid currentColor}.menu-toggle{display:none}.hero{height:calc(100svh - 0px);min-height:780px;max-height:1100px;position:relative;color:#fff;padding:134px var(--pad) 32px;overflow:hidden;background:#303428}.hero-image{position:absolute;inset:0;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,.12) 72%),linear-gradient(180deg,rgba(0,0,0,.50),transparent 75%,rgba(0,0,0,.36))}.hero-topline{position:relative;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.045em}.hero h1{position:relative;font-size:clamp(64px,7.1vw,116px);line-height:1.01;max-width:1150px;margin-top:62px;z-index:1;text-shadow:0 2px 24px #0002}.hero-secondary{font-size:.76em}#changing-word{font-style:italic;color:var(--yellow);display:inline-block;font-size:.84em;transition:opacity .7s ease-in-out;min-width:6.2em;letter-spacing:-.055em}#changing-word.fade{opacity:0}.hero-plus{position:absolute;right:var(--pad);top:38%;width:clamp(110px,15vw,225px);height:clamp(110px,15vw,225px);color:var(--yellow);opacity:.96}.hero-bottom{position:absolute;bottom:32px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff50;padding-top:22px;font-size:14px}.explore{display:flex;gap:15px;align-items:center}.hero-caption{font-size:13px}.about{padding-bottom:110px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.about-copy h2{margin-bottom:36px}.about-copy p{max-width:495px;color:#4a4a44}.about-copy em{color:#706646}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;font-size:14px;border-bottom:1px solid;padding:16px 0 12px;margin-top:22px}.portrait{position:relative;align-self:center;margin-top:36px}.portrait img{aspect-ratio:4/4.5;object-position:50% 50%;background:#000}.portrait figcaption{display:flex;justify-content:space-between;gap:18px;font-size:12px;padding-top:18px;line-height:1.4}.portrait figcaption span:last-child{color:#777}.portrait-cross{color:var(--yellow);position:absolute;left:-34px;top:-34px;width:68px;height:68px}.services{background:var(--black);color:#fff;padding-bottom:110px}.services .eyebrow{color:#c6c6bf}.services-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;margin-bottom:60px}.services-intro p{max-width:370px;font-size:16px;color:#bbbdb4}.services-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.service-list details{border-top:1px solid #ffffff35}.service-list details:last-child{border-bottom:1px solid #ffffff35}.service-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;font-family:var(--serif);font-size:clamp(26px,2.35vw,39px);letter-spacing:-.035em}.service-list summary::-webkit-details-marker{display:none}.service-list summary em{font-style:normal}.service-list details[open] summary{color:var(--yellow)}.service-list details[open] summary .plus:after{display:none}.service-body{padding:0 55px 28px 0;max-width:490px}.service-body p{font-size:16px;color:#bbbdb4;line-height:1.55}.service-label{display:block;font-family:var(--sans);font-size:13px;margin-top:17px;color:#fff;text-decoration:underline;text-underline-offset:5px}.service-visual{position:relative;align-self:start;position:sticky;top:40px}.service-visual img{aspect-ratio:4/5;object-position:48% center;filter:saturate(.55)}.service-visual figcaption{font-size:12px;letter-spacing:.02em;color:#bbbdb4;padding-top:18px}.visual-frame{position:absolute;inset:18px 18px 46px;pointer-events:none}.visual-frame .plus{color:var(--yellow);position:absolute}.visual-frame .plus:nth-child(1){left:0;top:0}.visual-frame .plus:nth-child(2){right:0;top:0}.visual-frame .plus:nth-child(3){left:0;bottom:0}.visual-frame .plus:nth-child(4){right:0;bottom:0}.numbers{background:var(--earth);color:#fff}.numbers h2{max-width:760px;margin-bottom:70px}.numbers .eyebrow{color:#dad6cb}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr)}.numbers-grid>div{padding:27px 0 38px;border-top:1px solid #ffffff40;position:relative;margin-right:36px}.numbers-grid>div:after{content:'+';position:absolute;right:0;top:32px;color:#b4ad9b;font-size:20px}.numbers-grid strong{font-family:var(--serif);color:var(--yellow);font-weight:400;letter-spacing:-.05em;font-size:clamp(40px,4.9vw,76px);line-height:1.2;display:block}.numbers-grid strong span{font-family:var(--sans);font-size:16px;letter-spacing:0;margin-left:8px}.numbers-grid p{font-size:14px;margin-top:9px;color:#ece9e0}.validation{font-size:12px;color:#c5beb0;margin-top:25px}.border{padding-bottom:100px}.border-top{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:start;margin-bottom:65px}.border-top p{color:#505049}.border-top h2{font-size:clamp(40px,4.5vw,70px)}.border-top h2 em{white-space:nowrap}.border-image{position:relative}.border-image img{height:500px;object-position:center 70%}.border-tag{position:absolute;bottom:0;right:0;background:var(--yellow);display:flex;align-items:center;gap:40px;padding:22px 32px;font-size:14px}.contact{background:var(--yellow);padding-bottom:90px}.contact .eyebrow{margin-bottom:35px}.contact-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:70px;align-items:center}.contact h2{font-size:clamp(48px,5.4vw,86px)}.contact p{max-width:540px;margin-top:30px}.contact-plus{width:min(26vw,330px);height:min(26vw,330px);justify-self:center}.cta{background:var(--black);color:#fff;display:inline-flex;gap:50px;align-items:center;border:1px solid var(--black);padding:20px 24px;margin-top:30px;font-size:14px;transition:background .2s,color .2s}.cta:hover{background:transparent;color:var(--black)}.contact .contact-feedback{font-size:13px;margin-top:18px;max-width:440px}footer{padding:40px var(--pad);display:flex;align-items:center;gap:40px;font-size:12px;justify-content:space-between;background:#fff}.footer-brand{width:155px}.footer-brand img{object-fit:contain}.back-top{display:flex;align-items:center;gap:12px}::selection{background:var(--yellow);color:var(--black)}
@media(min-width:1700px){.section-pad{padding-left:max(var(--pad),calc((100vw - 1520px)/2));padding-right:max(var(--pad),calc((100vw - 1520px)/2))}.hero h1{max-width:1250px}}@media(max-width:1100px){.header{gap:20px}.header nav{gap:18px}.brand{width:180px}.brand .wordmark{width:130px}.hero{min-height:730px}.hero h1{font-size:8.5vw}.hero-plus{top:52%;width:150px;height:150px}.about-grid,.services-grid,.services-intro,.border-top{gap:50px}.portrait figcaption{flex-direction:column;gap:5px}.section-pad{padding-top:80px;padding-bottom:80px}footer{gap:20px;flex-wrap:wrap}.border-top h2 em{white-space:normal}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:85px;gap:20px;padding:0 24px}.brand{width:160px;gap:11px}.brand .mark{width:31px;height:31px}.brand .wordmark{width:115px;height:35px}.menu-toggle{display:flex;align-items:center;gap:13px;margin-left:auto;background:transparent;border:0;color:#fff;font-size:13px;padding:10px 0}.menu-toggle .plus{width:16px;height:16px}.header .languages{gap:4px}.header nav{display:none;position:absolute;top:85px;left:0;right:0;background:#11120f;padding:26px;flex-direction:column;align-items:flex-start;gap:12px}.header.menu-open nav{display:flex}.header nav .active:after{bottom:0}.hero{min-height:690px;height:94svh;max-height:890px;padding:111px 24px 24px}.hero-topline{font-size:11px}.hero-topline span:last-child{display:none}.hero-image{object-position:61% center}.hero-shade{background:linear-gradient(180deg,#0007 0%,#0005 50%,#0003 75%,#0008 100%)}.hero h1{font-size:clamp(44px,10.6vw,78px);line-height:1.06;margin-top:50px;letter-spacing:-.06em}.hero h1 .hero-secondary{display:block;font-size:.81em;margin-top:12px}#changing-word{font-size:1.14em;min-width:0;max-width:100%;word-break:normal}.hero-plus{right:24px;top:auto;bottom:130px;width:87px;height:87px}.hero-bottom{left:24px;right:24px;bottom:25px;padding-top:18px}.hero-caption{display:none}.explore{font-size:13px}.section-pad{padding:64px 24px}.eyebrow{margin-bottom:35px;font-size:13px}.about-grid,.services-grid,.services-intro,.border-top{grid-template-columns:1fr;gap:34px}.about-copy h2{font-size:clamp(44px,10.6vw,66px);margin-bottom:26px}.about-copy p{font-size:16px}.portrait{margin:20px 0 0 18px}.portrait img{aspect-ratio:1.1;object-position:center 45%}.portrait-cross{width:48px;height:48px;top:-24px;left:-24px}.portrait figcaption{flex-direction:row;font-size:12px;gap:12px}.services-intro{gap:24px;margin-bottom:35px}.services-intro h2{font-size:42px}.service-list summary{font-size:29px;padding:22px 0}.service-body{padding-right:20px}.service-visual{position:relative;top:auto}.service-visual img{aspect-ratio:1.1}.visual-frame{bottom:46px}.numbers h2{font-size:43px;margin-bottom:38px}.numbers-grid{grid-template-columns:repeat(2,1fr);column-gap:24px}.numbers-grid>div{margin:0;padding:23px 0 25px}.numbers-grid>div:after{display:none}.numbers-grid strong{font-size:clamp(34px,8.1vw,56px);white-space:nowrap}.numbers-grid strong span{font-size:12px;margin-left:3px}.numbers-grid p{font-size:13px;line-height:1.45;max-width:150px}.validation{font-size:12px;line-height:1.6}.border-top{margin-bottom:34px;gap:26px}.border-top h2{font-size:44px}.border-top h2 em{white-space:normal}.border-image{margin:0 -24px}.border-image img{height:350px;object-position:62% center}.border-tag{gap:24px;font-size:12px;padding:16px 20px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact h2{font-size:clamp(44px,10.6vw,66px)}.contact p{font-size:16px}.contact-plus{width:90px;height:90px;justify-self:end;margin-top:-70px;pointer-events:none}.contact .cta{gap:25px;padding:18px 21px}.contact .contact-feedback{padding-right:75px}footer{padding:32px 24px;display:grid;grid-template-columns:1fr;gap:22px;font-size:12px}.footer-brand{width:145px}.back-top{position:absolute;right:24px;margin-top:-75px}.text-link{font-size:13px;gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#changing-word,.text-link .plus,.cta{transition:none}}

/* State rotation and tactile feedback use separate transform channels. */
.plus{--plus-angle:0deg;rotate:var(--plus-angle);transition:rotate .55s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.2,.7,.2,1);transform-origin:center;pointer-events:auto}
@media(hover:hover) and (pointer:fine){.plus:hover,a:hover>.plus,button:hover>.plus,summary:hover>.plus,.text-link:hover .plus{transform:rotate(12deg) translateY(-2px) scale(1.04)}}
.plus.touch-motion{animation:plus-touch .65s cubic-bezier(.2,.7,.2,1)}
@keyframes plus-touch{0%,100%{transform:rotate(0) scale(1)}45%{transform:rotate(12deg) translateY(-2px) scale(1.06)}}
.header .menu-toggle{display:flex;align-items:center;gap:14px;margin-left:auto;background:transparent;border:0;color:inherit;font-size:14px;padding:14px 0}
.menu-toggle[aria-expanded=true] .plus{--plus-angle:45deg}
.header nav{position:absolute;top:99px;left:0;right:0;margin:0;display:flex;padding:32px var(--pad);gap:clamp(24px,4vw,70px);background:var(--black);color:white;visibility:hidden;opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-14px);transition:clip-path .6s cubic-bezier(.22,.61,.36,1),opacity .35s ease,transform .6s cubic-bezier(.22,.61,.36,1),visibility 0s .6s;box-shadow:0 20px 30px #0002}
.header.menu-open nav{visibility:visible;opacity:1;clip-path:inset(0);transform:translateX(0);transition-delay:0s}
.header nav a{font-size:clamp(18px,2.4vw,32px);opacity:0;transform:translateX(-10px);transition:opacity .35s ease,transform .5s ease}
.header.menu-open nav a{opacity:1;transform:translateX(0)}
.header nav .active:after{bottom:0}
.header.menu-open nav a:nth-child(2){transition-delay:.05s}.header.menu-open nav a:nth-child(3){transition-delay:.1s}.header.menu-open nav a:nth-child(4){transition-delay:.15s}.header.menu-open nav a:nth-child(5){transition-delay:.2s}
.page-transition{position:fixed;inset:0;width:100%;height:100%;height:100dvh;background:var(--black);z-index:9999;pointer-events:none;opacity:0;visibility:hidden;display:grid;place-items:center;transition:opacity .35s ease,visibility 0s .35s}
.page-transition.is-active,html.page-arriving .page-transition{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.footer-social{display:flex;align-items:center;gap:16px}.footer-social a{display:flex;width:36px;height:36px;align-items:center;justify-content:center;transition:color .25s,transform .3s}.footer-social a:hover{color:var(--earth);transform:translateY(-2px)}.footer-social svg{width:22px;height:22px}
@media(max-width:760px){.header .menu-toggle{font-size:13px;gap:13px}.header nav{top:85px;flex-direction:column;align-items:flex-start;padding:26px;gap:12px;clip-path:inset(0 0 100% 0);transform:translateY(-12px)}.header.menu-open nav{clip-path:inset(0);transform:translateY(0)}.header nav a{font-size:22px;transform:translateY(-7px)}.header.menu-open nav a{transform:translateY(0)}footer .back-top{position:static;right:auto;margin:0}footer .footer-social{gap:12px}}
@media(prefers-reduced-motion:reduce){.plus,.header nav,.header nav a,.page-transition{transition:none!important}.plus.touch-motion{animation:none}.plus:hover,a:hover>.plus,button:hover>.plus,summary:hover>.plus,.text-link:hover .plus{transform:none}}

/* The navigation stays within the original transparent header. */
.header #navigation{top:0;left:auto;right:calc(var(--pad) + 220px);width:450px;height:99px;padding:0;gap:28px;flex-direction:row;align-items:center;justify-content:flex-end;background:transparent;color:inherit;box-shadow:none}
.header #navigation a{font-size:14px;white-space:nowrap}
.header #navigation .active:after{bottom:-25px}
.footer-social a{width:44px;height:44px;position:relative;z-index:1;pointer-events:auto;touch-action:manipulation;cursor:pointer}
.footer-social svg,.footer-social svg *{pointer-events:none}
@media(min-width:761px) and (max-width:1100px){.header #navigation{right:calc(var(--pad) + 150px);width:330px;gap:16px}.header #navigation a{font-size:12px}}
@media(max-width:760px){.header #navigation{top:85px;left:0;right:0;width:auto;height:auto;padding:26px;flex-direction:column;align-items:flex-start;gap:12px;background:var(--black);color:#fff;box-shadow:0 20px 30px #0002}.header #navigation a{font-size:22px;padding:10px 0}.header #navigation .active:after{bottom:0}}

/* A quiet imprint of the supplied H on white surfaces. */
.brand-watermarked{position:relative;isolation:isolate}
.brand-watermarked::before{content:'';position:absolute;top:45px;right:var(--pad);width:clamp(190px,27vw,440px);height:clamp(190px,27vw,440px);background:url('/assets/isotype.svg') center/contain no-repeat;opacity:.035;z-index:-1;pointer-events:none}
.about.brand-watermarked::before,.partners-section.brand-watermarked::before{top:auto;bottom:30px;right:6vw}
.portfolio-work.brand-watermarked::before{top:10%;right:0;width:50vw;height:50vw;opacity:.025}

.transition-brand{width:170px;height:170px;transform:translateY(8px);transition:transform .45s cubic-bezier(.22,.61,.36,1);color:white}
.transition-brand svg{display:block;width:100%;height:100%;overflow:visible}
.transition-brand .isotype-plus{fill:var(--yellow);transform-box:fill-box;transform-origin:center}
.page-transition.is-active .transition-brand,html.page-arriving .transition-brand{transform:translateY(0)}
.page-transition.is-active .isotype-plus,html.page-arriving .isotype-plus{animation:isotype-breathe 1.6s ease-in-out infinite}
@keyframes isotype-breathe{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(8deg) scale(.84)}}
@media(max-width:760px){.brand-watermarked::before{width:180px;height:180px;right:20px;top:35px;opacity:.03}.portfolio-work.brand-watermarked::before{width:75vw;height:75vw}.transition-brand{width:135px;height:135px}}
@media(prefers-reduced-motion:reduce){.transition-brand{transition:none}.page-transition.is-active .isotype-plus,html.page-arriving .isotype-plus{animation:none}}

.mobile-menu-footer{display:none}
@media(max-width:760px){
 html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden}
 .header #navigation{position:fixed;inset:0;width:100%;height:100dvh;padding:110px 28px max(30px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:clamp(12px,2.4vh,22px);background:var(--black);color:#fff;box-shadow:none;clip-path:none;transform:none;overflow-y:auto;overscroll-behavior:contain;z-index:1;transition:opacity .4s ease,visibility 0s .4s}
 .header.menu-open #navigation{opacity:1;visibility:visible;clip-path:none;transform:none;transition-delay:0s}
 .header #navigation>a{font-family:var(--serif);font-size:clamp(36px,9vw,58px);line-height:1.12;letter-spacing:-.035em;padding:3px 0;flex-shrink:0;opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .5s cubic-bezier(.22,.61,.36,1)}
 .header #navigation>a:first-child{margin-top:auto}
 .header.menu-open #navigation>a{opacity:1;transform:translateY(0)}
 .header #navigation>a.active{color:var(--yellow)}
 .header #navigation>a.active:after{display:none}
 .header.menu-open .brand{position:fixed;top:24px;left:24px;z-index:2;width:38px;height:38px}
 .header.menu-open .brand .mark{width:38px;height:38px;filter:brightness(0) invert(1)}
 .header.menu-open .brand .wordmark{display:none}
 .header.menu-open .menu-toggle{position:fixed;right:24px;top:20px;z-index:2;color:white}
 .header.menu-open>.languages{visibility:hidden}
 .header #navigation .mobile-menu-footer{display:flex;align-items:center;justify-content:space-between;width:100%;gap:28px;margin-top:auto;padding-top:32px;border-top:1px solid #ffffff30;flex-shrink:0;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .45s ease}
 .header.menu-open #navigation .mobile-menu-footer{opacity:1;transform:none;transition-delay:.25s}
 .mobile-menu-footer .languages{gap:12px;font-size:14px}
 .mobile-menu-footer .languages button{font-size:14px;padding:10px 0}
 .menu-social{display:flex;gap:14px;align-items:center}
 .header #navigation .menu-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;opacity:1;transform:none;color:white}
 .menu-social svg{width:22px;height:22px;pointer-events:none}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.header #navigation,.header #navigation>a,.mobile-menu-footer{transition:none!important}}

/* Client review: keep translations available while hiding the language controls. */
.languages,[data-language]{visibility:hidden!important;pointer-events:none}
