:root{--paper:#f1eeeb;--ink:#252624;--muted:#686863;--accent:#526176;--line:#25262429;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}::selection{background:#526176;color:white}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:20;background:var(--ink);color:var(--paper);padding:12px 20px}
.cover{min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(24px,4.5vw,86px);overflow:hidden}.navigation{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:2}.wordmark{font-size:32px;font-weight:600;letter-spacing:-2px}.wordmark span,h1 span{color:var(--accent)}.edition{font-size:12px;letter-spacing:.17em}.contact{font-size:15px;border-bottom:1px solid var(--ink);padding-bottom:4px}.contact span{margin-left:16px}.contact:hover{color:var(--accent)}
.hero{flex:1;display:grid;grid-template-columns:46% 54%;align-items:center;position:relative;min-height:650px;max-width:1700px;width:100%;margin:0 auto}.introduction{z-index:2;padding:36px 0 65px}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--muted);margin:0 0 30px}h1{font-size:clamp(60px,7.6vw,126px);line-height:1.01;letter-spacing:-.068em;font-weight:400;margin:0 0 16px;white-space:nowrap}.role{font-size:clamp(20px,2.1vw,30px);letter-spacing:-.02em;margin:0 0 52px;font-weight:400}.statement{font-size:clamp(24px,2.4vw,37px);line-height:1.22;letter-spacing:-.035em;margin:0 0 22px}.summary{font-size:16px;line-height:1.65;color:var(--muted);max-width:360px;min-height:80px;margin:0 0 25px}.typing::after{content:"";display:inline-block;width:1px;height:1em;vertical-align:-.1em;margin-left:3px;background:var(--ink);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}
.actions{display:flex;flex-wrap:wrap;gap:10px}.pill{font-size:14px;padding:13px 18px;border:1px solid #25262442;border-radius:40px;display:inline-flex;gap:23px;align-items:center;transition:background .25s,color .25s,transform .25s}.pill.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pill:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}
.character-area{align-self:stretch;position:relative;min-width:0;display:flex;align-items:center;justify-content:center;perspective:1200px}.character{width:clamp(414px,47.84vw,791px);flex-shrink:0;aspect-ratio:1;position:relative;transform-origin:50% 76%;will-change:transform;mix-blend-mode:multiply;mask-image:linear-gradient(#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(#000 85%,transparent 100%)}.character img,.character canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.character canvas{opacity:0}.character.ready canvas{opacity:1}.character.ready img{opacity:0}.character-caption{position:absolute;bottom:47px;left:12%;right:0;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.12em;color:var(--muted)}.caption-rule{width:30px;height:1px;background:var(--muted)}.caption-index{margin-left:auto;color:#83817e;font-size:11px}
.cover-footer{position:relative;z-index:2;min-height:84px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.specialisms{font-size:11px;letter-spacing:.075em;line-height:1.8;max-width:640px}.specialisms span{margin:0 9px;color:#9a9894}.motion-controls{display:flex;align-items:center;gap:22px;flex-shrink:0}.motion-controls p{font-size:13px;color:var(--muted);margin:0}.motion-controls button{background:none;border:0;border-bottom:1px solid #77766e;padding:4px 0;font-size:12px;min-height:36px}.motion-controls button:hover{color:var(--accent)}
@media(min-width:1450px){.hero{min-height:720px}.role{margin-bottom:62px}}
@media(max-width:1050px){.hero{min-height:620px;grid-template-columns:49% 51%}.character{width:524px}.character-caption{left:7%}.cover-footer{align-items:flex-start;padding:20px 0}.motion-controls{align-items:flex-end;flex-direction:column;gap:4px}.specialisms{max-width:430px}.role{margin-bottom:38px}}
@media(max-width:700px){.cover{padding:0 23px}.navigation{min-height:82px}.wordmark{font-size:28px}.edition{display:none}.contact{font-size:14px}.hero{display:flex;flex-direction:column;min-height:0;align-items:stretch}.introduction{padding:30px 0 0;order:0}.eyebrow{margin-bottom:22px;font-size:11px}h1{font-size:clamp(58px,13vw,88px);white-space:normal}.role{font-size:22px;margin-bottom:28px}.statement{font-size:27px}.summary{min-height:53px;margin-bottom:22px;max-width:360px;font-size:15px}.actions{gap:8px}.pill{font-size:13px;gap:14px;padding:12px 15px}.character-area{order:1;min-height:370px;height:94vw;max-height:540px;margin-top:4px;touch-action:pan-y;overflow:hidden}.character{width:min(101.2vw,543px);position:absolute;bottom:-12px}.character-caption{left:0;right:0;bottom:6px;font-size:11px}.cover-footer{flex-direction:column;gap:10px;padding:18px 0 24px;min-height:100px}.specialisms{font-size:10px;margin:0;max-width:none}.specialisms span{margin:0 5px}.motion-controls{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.motion-controls p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.character{will-change:auto}}
.character{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 7%,#000 82%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 7%,#000 82%,transparent 100%);-webkit-mask-composite:source-in}
.creative-tools{font-size:14px;line-height:1.7;color:var(--muted);margin:22px 0 0;max-width:410px}.creative-tools>span{display:block;font-size:12px;letter-spacing:.12em;margin-bottom:5px}