:root{--paper:#f3f1e9;--ink:#25251f;--orange:#f36e35;--purple:#51558b;--line:#ccccc2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}header{display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10;gap:20px}.brand{font-size:17px;font-weight:800;text-decoration:none;letter-spacing:-.7px}.brand span{color:var(--orange)}nav{display:flex;gap:24px;font-size:12px;text-transform:uppercase;letter-spacing:1px}nav a{text-decoration:none}button.toggle{background:transparent;border:1px solid var(--ink);padding:8px 14px;border-radius:30px;font-size:12px}button.toggle[aria-pressed=true]{background:var(--ink);color:white}main{max-width:1680px;margin:auto}.wrap{padding:0 6vw}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700}.intro{padding-top:52px}.topline{display:flex;justify-content:space-between}.intro h1{font-size:clamp(76px,12.5vw,190px);letter-spacing:-.075em;line-height:.92;margin:30px 0 28px;font-weight:900}.intro h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.dek{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.dek p{font-size:21px;line-height:1.4;max-width:540px;margin:0}.small{font-size:12px;color:#63635b}.hero{position:relative;height:560px;margin:0 3vw;overflow:hidden;background:#d9dedf}.hero img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-tag{position:absolute;bottom:24px;left:28px;background:var(--paper);padding:9px 16px;font-size:12px}.index{display:flex;justify-content:space-between;padding:22px 6vw;border-bottom:1px solid var(--line);gap:20px;font-size:12px}.index a{text-decoration:none}.section{padding:90px 6vw;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 2fr;gap:8vw}h2{font-size:clamp(34px,4.7vw,70px);line-height:1.05;letter-spacing:-.05em;margin:0 0 28px;font-weight:600}h3{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:15px 0 8px}p{max-width:680px}p.lead{font-size:23px;line-height:1.5;margin-top:0}.metadata{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:38px}.metadata div{border-top:1px solid var(--line);padding-top:12px}.metadata b{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}.metadata span{font-size:14px}.note{display:none;border-left:3px solid var(--orange);background:#ffe6d7;padding:16px 20px;margin:25px 0;font-size:14px;max-width:900px;color:#5b3525}.notes .note{display:block}.note strong{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.pillars img{width:100%;height:290px;object-fit:cover}.pillars p{font-size:14px;max-width:290px}.num{display:block;font-size:11px;margin-top:18px;color:#69695e}.statement{background:var(--purple);color:var(--paper);padding:70px 6vw}.statement h2{max-width:950px;font-size:clamp(40px,6vw,86px);margin-top:25px}.statement span{color:#ffc38c}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-top p{max-width:350px;font-size:14px}.books{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.books img{width:100%;aspect-ratio:1.35;object-fit:contain;background:#ddd}.books h3{font-size:21px}.books p{font-size:14px}.books a{font-size:12px}.feature{display:grid;grid-template-columns:1.65fr 1fr;gap:5vw;align-items:center;margin:55px 0}.feature:nth-of-type(even){grid-template-columns:1fr 1.65fr}.feature:nth-of-type(even) figure{order:2}figure{margin:0}figure img{width:100%;display:block}figcaption{font-size:11px;margin-top:10px;color:#6a6a61}.feature p{font-size:15px}.feature h3{font-size:38px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.pair img{aspect-ratio:1.4;object-fit:cover}.projection{background:#e6e3db;padding:35px}.projection img{width:100%;max-height:650px;object-fit:contain}.gridlist{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.gridlist ul{padding-left:18px;font-size:14px}.gridlist h3{font-size:20px}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;font-weight:bold}.end{background:var(--orange);padding:70px 6vw}.end h2{max-width:780px}.end p{font-size:17px}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;font-size:14px}.checklist b{display:block;margin-bottom:10px}footer{padding:32px 6vw;display:flex;justify-content:space-between;gap:30px;font-size:11px}footer p{max-width:550px;margin:0}.zoom{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.zoom:focus-visible{outline:3px solid var(--orange);outline-offset:5px}dialog{border:0;padding:24px;background:var(--paper);max-width:94vw;max-height:94vh}dialog::backdrop{background:#171711df}dialog img{display:block;max-width:85vw;max-height:75vh;object-fit:contain}dialog button{display:block;margin:0 0 15px auto;padding:5px 15px}dialog p{margin:10px 0 0;font-size:13px}.skip{position:absolute;top:-80px}.skip:focus{top:5px;z-index:50;background:white;padding:15px}@media(max-width:750px){header{padding:15px 5vw}nav{display:none}.intro{padding-top:35px}.intro h1{font-size:19vw}.topline{font-size:9px}.dek{display:block}.dek p{font-size:18px}.dek .small{margin-top:15px}.hero{height:360px}.index{flex-wrap:wrap;justify-content:flex-start;font-size:11px}.section{padding:55px 6vw}.split{grid-template-columns:1fr;gap:25px}.pillars,.books{grid-template-columns:1fr;gap:35px}.pillars img{height:330px}.pillars p{max-width:none}.section-top{display:block}.feature,.feature:nth-of-type(even){grid-template-columns:1fr;gap:24px}.feature:nth-of-type(even) figure{order:0}.feature h3{font-size:30px}.pair{grid-template-columns:1fr}.gridlist,.checklist{grid-template-columns:1fr;gap:12px}.projection{padding:10px}footer{display:block}footer a{display:inline-block;margin-top:15px}.statement{padding:50px 6vw}.metadata{gap:18px}.hero-tag{left:15px;bottom:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.project-lockup{display:flex;align-items:center;gap:20px;margin-top:28px}.project-lockup img{width:82px;height:74px;object-fit:contain}.project-lockup span{font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.identity-showcase{display:grid;grid-template-columns:1.25fr 1fr;gap:5vw;align-items:center;margin:15px 0 55px}.logo-stage{min-height:360px;display:flex;align-items:center;justify-content:center;background:#e8e5dc;padding:45px}.logo-stage img{width:230px;height:210px;object-fit:contain}.identity-showcase h3{font-size:32px}.identity-showcase p{font-size:15px}@media(max-width:750px){.identity-showcase{grid-template-columns:1fr}.logo-stage{min-height:280px}.project-lockup img{width:62px;height:56px}}
:root{--accent:#6652b0;--tint:#e5dff2}.brand span{color:var(--accent)}.note{border-color:var(--accent);background:var(--tint);color:#25251f}.intro h1{font-size:clamp(64px,10vw,148px);max-width:1300px}.hero{height:auto;padding:48px;background:#201838;display:grid;grid-template-columns:.7fr 1.2fr;gap:45px;align-items:center}.hero img{height:auto;object-fit:contain;max-height:580px;filter:drop-shadow(0 16px 20px #0005)}.hero.annual{display:block;background:#d7ded5}.hero.annual img{max-height:680px;margin:auto}.stage{background:#e5e1d9;padding:36px}.spread{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.spread img{width:100%;height:auto}.spread.single{display:block}.stage img{max-height:850px;object-fit:contain}.statement{background:var(--accent)}.statement span{color:#e0d6ff}.end{background:var(--tint)}.end a{font-size:clamp(30px,4vw,60px);line-height:1.2;display:block;text-decoration:none;letter-spacing:-2px}.next-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:25px}.projectcards{display:grid;grid-template-columns:1fr 1fr;gap:32px}.projectcards img{width:100%;height:360px;object-fit:contain;background:#e3dfd7;padding:20px}.projectcards a{text-decoration:none}.projectcards h2{font-size:36px;margin:22px 0 10px}.page-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:600px}.page-grid span{padding:12px;background:#ddd9d1;text-align:center;font-size:12px}.page-grid .owned{background:var(--accent);color:white}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.gallery img{height:auto;width:100%}.cover-hero{min-width:0}.cover-hero img{max-height:550px;margin:auto}.subtle{font-size:13px;color:#55554c}.credits{font-size:13px}.zoom{color:inherit}.zoom:focus-visible{outline-color:var(--accent)}.feature{grid-template-columns:1.65fr 1fr}.feature:nth-of-type(even){grid-template-columns:1.65fr 1fr}.feature:nth-of-type(even) figure{order:0}@media(max-width:750px){.hero{padding:22px;gap:18px;grid-template-columns:.7fr 1fr;margin:0 3vw}.hero img{max-height:300px}.intro h1{font-size:16vw}.projectcards,.gallery{grid-template-columns:1fr}.stage{padding:15px}.projectcards img{height:300px}.feature,.feature:nth-of-type(even){grid-template-columns:1fr}.page-grid{grid-template-columns:repeat(5,1fr)}.page-grid span{padding:8px}.end a{letter-spacing:-1px}}

/* Keep the overview headline inside narrow phone screens. */
@media(max-width:750px){.intro h1{font-size:clamp(42px,13vw,97px);overflow-wrap:break-word}}