:root{font-family:Arial,Helvetica,sans-serif;color:#29262d;background:#f5f3f6;font-synthesis:none;line-height:1.65;--accent:#65516f;--orange:#d8894e;--line:#ded8e2;--muted:#59535e}
*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:0 auto;background:#fff;padding:0 64px 48px}header{padding:54px 0 44px;text-align:center}header img{display:block;width:350px;max-width:80%;height:auto;margin:auto}h1{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:28px 0 0}h2,h3,p{margin-top:0}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(27px,3.1vw,36px);line-height:1.2;letter-spacing:-.025em;max-width:850px;margin-bottom:24px;color:#382d40;text-wrap:balance}h3{font-size:18px;line-height:1.4;font-weight:700;margin-bottom:14px;text-wrap:pretty}p{font-size:16px;margin-bottom:18px;color:var(--muted);text-wrap:pretty}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.project{position:relative;padding:58px 0 64px;border-top:0}.project::before{content:'';position:absolute;top:-4px;left:0;right:0;height:9px;background:radial-gradient(circle at 4.5px 4.5px,var(--orange) 4.5px,transparent 4.7px) left center/9px 9px no-repeat,radial-gradient(circle at 4.5px 4.5px,#74627f 4.5px,transparent 4.7px) right center/9px 9px no-repeat}.project::after{content:'';position:absolute;top:0;left:23px;right:23px;height:1px;background:var(--line)}.project>p{max-width:850px}.project:last-child{padding-bottom:24px}.split{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;align-items:start}.featured{margin-top:34px}.featured p:last-child,.supporting p:last-child,.identity p:last-child{margin-bottom:0}.supporting{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:40px;padding:30px;background:#f7f5f8;border:1px solid #eeeaf0}.supporting h3{margin-top:22px}.media{width:100%;display:block;height:auto}.video{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden;border-radius:3px;box-shadow:0 8px 22px #25152d12}.video iframe{width:100%;height:100%;border:0}.video img{display:block;width:100%;height:100%;object-fit:cover}.video button{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.video button span{display:grid;place-items:center;width:62px;height:44px;border-radius:9px;background:#e62117;color:white;font-size:24px;line-height:1;padding-left:3px;box-shadow:0 2px 12px #0003;transition:transform .15s,background .15s}.video button:hover span{transform:scale(1.08);background:#c71c13}.compact{width:100%;margin:auto}.caption{font-size:14px;line-height:1.5;margin-top:15px;font-weight:600;color:var(--muted);text-align:center}.identity{margin-top:48px;padding-top:40px;border-top:1px solid #eeeaf0;align-items:center}.identity img{max-height:260px;object-fit:contain;padding-right:12px}figure{margin:0}.document{max-width:340px;margin:36px auto 0}.document img{max-height:420px;object-fit:contain;box-shadow:0 8px 28px #21102818}.document .caption{margin-top:22px}.document .caption a{display:inline-block;padding:10px 18px;border:1px solid var(--line);border-radius:3px;text-decoration:none;background:#fff}.document .caption a:hover{background:#f7f5f8;border-color:var(--accent)}.films{padding:0;border:0;background:none;gap:28px;margin-top:32px}.single-video{max-width:740px;margin:32px auto 0}.website-preview{display:block;max-width:820px;margin:30px auto 0;padding:10px;border:1px solid var(--line);border-radius:3px;background:#fff;box-shadow:0 10px 30px #2110280a}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}
@media(max-width:900px){main{padding:0 36px 36px}.split{gap:26px}.supporting{padding:24px;gap:26px}.films{padding:0}.featured{grid-template-columns:1fr}.featured>.video{width:100%;max-width:740px}.project{padding:46px 0 52px}}
@media(max-width:640px){:root{background:#fff}main{padding:0 22px 24px}header{padding:32px 0 34px}header img{width:270px;max-width:85%}h1{margin-top:22px;font-size:12px}h2{font-size:28px;margin-bottom:22px}h3{font-size:18px}.project{padding:36px 0 42px}.split,.supporting{grid-template-columns:1fr;gap:26px}.supporting{padding:20px;margin-top:28px}.supporting>div+div{padding-top:26px;border-top:1px solid var(--line)}.identity{margin-top:32px;padding-top:30px}.identity img{max-width:340px;padding:0;margin:auto}.document{max-width:280px;margin-top:28px}.films{padding:0;gap:30px}.single-video,.website-preview{margin-top:26px}.caption{text-align:left}.document .caption{text-align:center}p{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.role-line{font-size:14px;line-height:1.7;color:var(--accent);margin:-7px 0 26px;max-width:850px}.role-line>span{display:inline-block;font-weight:700;margin-right:9px;color:#382d40}.contact-footer{margin-top:36px;border-top:1px solid var(--line);padding:38px 0 0}.contact-link{display:flex;align-items:center;justify-content:center;gap:30px;width:fit-content;max-width:100%;margin:0 auto;text-decoration:none;color:#a94f1b;font-size:20px;font-weight:600}.contact-link:hover{text-decoration:none}.contact-link>span{border-bottom:1px solid transparent}.contact-link:hover>span{border-bottom-color:currentColor}.bunny-ears{display:block;width:155px;max-width:42vw;height:auto;aspect-ratio:783/640;object-fit:contain}@media(max-width:640px){.role-line{font-size:14px;margin-bottom:22px}.contact-footer{margin-top:16px;padding-top:28px}.contact-link{gap:22px;font-size:18px}.bunny-ears{width:125px}}