@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#14221c;--paper:#f7f5f0;--moss:#c9d6bc;--sage:#e6ebdf;--clay:#d2a188;--line:rgba(20,34,28,.18);--muted:#607068;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}.section-shell{padding-left:clamp(24px,7.7vw,124px);padding-right:clamp(24px,7.7vw,124px)}.skip-link{position:fixed;z-index:10;left:-999px;background:#fff;color:#000;padding:12px}.skip-link:focus{left:12px;top:12px}.site-header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,3.5vw,56px);border-bottom:1px solid var(--line);position:relative;background:var(--paper);z-index:3}.wordmark{font:600 28px var(--serif);color:var(--ink);text-decoration:none}.wordmark span{color:#789065}.site-header nav{display:flex;align-items:center;gap:31px}.site-header nav a,.footer-bottom a{color:var(--ink);font-size:13px;text-decoration:none}.nav-cta{padding:10px 16px;border:1px solid var(--ink);border-radius:30px}.menu-button{display:none;background:transparent;border:0;font:500 13px var(--mono);color:var(--ink)}.hero{min-height:calc(100vh - 80px);padding-top:clamp(72px,11vw,170px);padding-bottom:70px;position:relative;overflow:hidden}.eyebrow,.tag{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero h1{font:500 clamp(54px,8.3vw,134px)/.93 var(--serif);letter-spacing:-.065em;margin:24px 0 51px;max-width:1000px}.hero h1 em,h2 em{font-weight:500}.hero-bottom{display:flex;align-items:end;gap:80px;position:relative;z-index:1}.hero-intro{width:300px;font-size:17px;line-height:1.55;margin:0}.text-link{color:var(--ink);text-decoration:none;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:3px;white-space:nowrap}.text-link span{margin-left:8px;font-size:17px}.hero-orbit{position:absolute;width:min(70vw,900px);height:min(70vw,900px);border:1px solid var(--line);border-radius:50%;right:-20vw;bottom:-49vw}.hero-orbit:before{content:'';position:absolute;inset:14%;border:1px solid var(--line);border-radius:50%}.orbit-label{position:absolute;font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.orbit-one{top:16%;left:10%}.orbit-two{right:7%;top:51%}.orbit-three{bottom:14%;left:27%}.orbit-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--clay);top:32%;left:19%}.manifesto{background:var(--ink);color:#f7f5f0;padding-top:140px;padding-bottom:140px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.manifesto-copy h2,.story h2,.now h2,.newsletter h2{font:500 clamp(37px,4.2vw,68px)/1.04 var(--serif);letter-spacing:-.05em;margin:0 0 32px}.manifesto-copy p{max-width:500px;margin:0;color:#d9dfd4;font-size:17px}.story,.work,.notes{padding-top:130px;padding-bottom:130px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;padding:55px 0 80px}.story-grid h2{margin:0}.story-grid p{font-size:18px;margin:0 0 25px}.muted{color:var(--muted);font-size:15px!important}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.timeline article{min-height:170px;padding:22px 20px 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:17px}.timeline article+article{padding-left:20px}.timeline span{font:11px var(--mono);color:var(--muted)}.timeline p{font:500 19px/1.15 var(--serif);margin:0;max-width:170px}.timeline small{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-top:auto;color:var(--muted)}.work{background:var(--sage)}.project-list{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{min-height:410px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--ink);transition:transform .25s ease}.project-card:hover{transform:translateY(-6px)}.moss{background:var(--moss)}.clay{background:var(--clay)}.ink{background:var(--ink);color:var(--paper)}.project-number{font:11px var(--mono)}.project-card h3{font:500 clamp(30px,3vw,46px)/1 var(--serif);letter-spacing:-.05em;margin:9px 0 12px}.project-card p:not(.tag){font-size:14px;max-width:220px;margin:0}.project-arrow{align-self:flex-end;font-size:26px}.notes-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;margin-top:50px}.featured-note{background:#ede8df;padding:clamp(30px,5vw,75px);min-height:400px;display:flex;align-items:flex-start;flex-direction:column}.featured-note h2{font:500 clamp(31px,3.8vw,55px)/1.05 var(--serif);letter-spacing:-.05em;margin:60px 0 16px;max-width:580px}.featured-note p:not(.tag){max-width:400px;margin:0 0 30px}.featured-note .text-link{margin-top:auto}.note-stack{border-top:1px solid var(--line)}.note-stack article{display:grid;grid-template-columns:1fr auto;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.note-stack p{grid-column:1/-1;margin:0}.note-stack h3{font:500 25px/1.1 var(--serif);letter-spacing:-.03em;margin:0}.note-stack a{font-size:22px;color:inherit;text-decoration:none}.now{background:#d2a188;padding-top:120px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.now h2{margin-top:25px}.now ul{list-style:none;padding:0;margin:0;border-top:1px solid rgba(20,34,28,.3)}.now li{padding:22px 0;border-bottom:1px solid rgba(20,34,28,.3);font:500 20px/1.3 var(--serif);display:flex;gap:22px}.now li span{font:10px var(--mono);padding-top:5px}.now-date{grid-column:2;margin:0;font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.newsletter{background:var(--ink);color:var(--paper);padding-top:125px;padding-bottom:125px}.newsletter h2{max-width:650px;margin-top:24px}.signup-form{display:flex;max-width:620px;border-bottom:1px solid #a8b3a8;margin-top:55px}.signup-form input{flex:1;border:0;background:transparent;color:var(--paper);font:16px var(--sans);padding:15px 0;outline:none}.signup-form input::placeholder{color:#b6bcb4}.signup-form button{border:0;background:transparent;color:var(--paper);font:500 13px var(--sans);cursor:pointer}.signup-form button span{font-size:19px;margin-left:10px}.form-note{font-size:12px;color:#c2c8bf;margin:16px 0 0}.site-footer{padding-top:88px;padding-bottom:25px;background:#101a16;color:var(--paper);border-top:1px solid rgba(255,255,255,.22)}.footer-email{display:inline-block;color:var(--paper);font:500 clamp(34px,5vw,78px)/1 var(--serif);letter-spacing:-.05em;text-decoration:none;margin:25px 0 105px}.footer-email span{font:28px var(--sans)}.footer-bottom{border-top:1px solid rgba(255,255,255,.22);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#ccd3c9}.footer-bottom p{margin:0}.footer-bottom a{color:#ccd3c9;margin-left:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){.site-header{height:65px}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-button{display:block}.hero{min-height:720px;padding-top:75px}.hero h1{font-size:57px;margin:26px 0 38px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:27px}.hero-orbit{width:520px;height:520px;right:-295px;bottom:-130px}.manifesto{padding-top:85px;padding-bottom:85px;grid-template-columns:1fr;gap:30px}.story,.work,.notes{padding-top:82px;padding-bottom:82px}.story-grid,.notes-grid,.now{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:50px}.timeline{grid-template-columns:1fr 1fr}.timeline article:nth-child(2){border-right:0}.timeline article:nth-child(n+3){border-top:1px solid var(--line);padding-top:22px}.timeline article+article{padding-left:15px}.project-list{grid-template-columns:1fr}.project-card{min-height:280px}.notes-grid{margin-top:35px}.now{padding-top:80px;padding-bottom:70px}.now-date{grid-column:auto}.newsletter{padding-top:80px;padding-bottom:80px}.newsletter h2{font-size:42px}.signup-form{margin-top:35px}.footer-email{margin-bottom:65px}.footer-bottom{display:block}.footer-bottom div{margin-top:17px}.footer-bottom a{margin:0 22px 0 0}.section-heading .text-link{font-size:11px}}

/* Half-crop treatment for the selected original hero photograph. */
.hero-portrait{height:clamp(300px,28vw,390px);bottom:-12px}.hero-portrait img{object-position:center 18%}@media(max-width:700px){.hero-portrait{height:290px;bottom:0}}

/* Original-photo 3D visual system */
.hero h1{max-width:820px;position:relative;z-index:1}.hero-portrait{width:clamp(250px,29vw,425px);height:clamp(350px,46vw,620px);position:absolute;right:clamp(24px,9vw,145px);bottom:-112px;margin:0;border-radius:220px 220px 0 0;overflow:hidden;box-shadow:0 34px 65px rgba(20,34,28,.25);z-index:0;transform:perspective(900px) rotateY(-7deg) rotateX(2deg);transition:transform .5s ease}.hero-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(16,26,22,.5))}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 10%;display:block}.hero-portrait figcaption{position:absolute;z-index:1;bottom:23px;left:27px;color:#fff;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.visual-journey{padding-top:130px;padding-bottom:130px;background:#e9eee7;overflow:hidden}.gallery-hint{margin:0;color:var(--muted);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.gallery-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:10vw;padding:55px 0 30px}.gallery-heading h2{font:500 clamp(37px,4.2vw,68px)/1.04 var(--serif);letter-spacing:-.05em;margin:0}.gallery-heading p{max-width:350px;margin:11px 0 0;color:var(--muted);line-height:1.65}.depth-scene{height:690px;position:relative;perspective:1400px;isolation:isolate}.depth-card{position:absolute;overflow:hidden;background:var(--ink);box-shadow:0 35px 60px rgba(20,34,28,.2);transform-style:preserve-3d;transition:transform .2s ease,box-shadow .2s ease;cursor:default;outline:none}.depth-card:focus-visible{outline:3px solid var(--clay);outline-offset:5px}.depth-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.depth-card:hover img,.depth-card:focus img{transform:scale(1.06)}.depth-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,22,17,.82),transparent 55%);pointer-events:none}.depth-card div{position:absolute;z-index:1;bottom:22px;left:24px;right:20px;color:#fff;transform:translateZ(28px)}.depth-card span{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#d9ae8a}.depth-card h3{font:500 clamp(23px,2.5vw,36px)/1 var(--serif);letter-spacing:-.04em;margin:9px 0 0}.depth-card--career{width:35%;height:490px;left:4%;top:35px;transform:rotateY(13deg) rotateZ(-3deg)}.depth-card--leadership{width:34%;height:408px;left:35%;top:180px;transform:rotateY(-9deg) rotateZ(2deg);z-index:2}.depth-card--qatar{width:31%;height:530px;right:3%;top:58px;transform:rotateY(-12deg) rotateZ(3deg)}.depth-orbit{position:absolute;z-index:-1;border:1px solid rgba(20,34,28,.16);border-radius:50%;pointer-events:none}.depth-orbit--one{width:670px;height:670px;top:3px;left:16%}.depth-orbit--two{width:445px;height:445px;right:3%;bottom:8px}@media(max-width:700px){.hero{min-height:800px}.hero h1{max-width:530px}.hero-portrait{width:235px;height:360px;right:-18px;bottom:-22px;border-radius:150px 150px 0 0;opacity:.9}.visual-journey{padding-top:82px;padding-bottom:78px}.gallery-heading{grid-template-columns:1fr;gap:8px;padding:39px 0 8px}.depth-scene{height:1025px;margin:0 -8px}.depth-card--career{width:68%;height:390px;left:0;top:26px}.depth-card--leadership{width:67%;height:340px;left:auto;right:0;top:348px}.depth-card--qatar{width:69%;height:405px;left:4%;right:auto;top:637px}.depth-orbit--one{width:470px;height:470px;left:-10%;top:15px}.depth-orbit--two{width:360px;height:360px;right:-8%;bottom:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.depth-card,.depth-card img,.hero-portrait{transition:none!important}}