:root{--ink:#17103c;--blue:#1557e8;--muted:#6c667c;--line:#e7e4dc;--soft:#f7f6f2}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:"Plus Jakarta Sans",Arial,sans-serif}
body>header{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;border-bottom:1px solid var(--line)}
body>header>a{display:flex}.brand-wordmark{flex:0 0 auto}
body>header nav{margin-left:auto;display:flex;gap:10px}body>header nav a{padding:10px;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}
main{max-width:1450px;margin:auto}
.credits-intro{margin:55px clamp(18px,5vw,70px) 0;padding:clamp(30px,5vw,60px);background:#ffe45c;border-radius:28px}
.credits-intro>p{margin:0;color:#6e5a14;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.credits-intro h1{margin:10px 0;font-size:clamp(44px,6vw,78px);letter-spacing:-.055em}
.credits-intro>span{max-width:830px;display:block;color:#51491e;font-size:14px;line-height:1.65}
.credits-grid{margin:28px clamp(18px,5vw,70px) 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.credits-grid article{overflow:hidden;display:grid;grid-template-columns:190px 1fr;border:1px solid var(--line);border-radius:17px}
.credits-grid img{width:100%;height:160px;object-fit:cover}
.credits-grid article>div{padding:20px;display:grid;align-content:center;gap:6px}
.credits-grid strong{font-size:14px}.credits-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.credits-grid a{color:var(--blue);font-size:10px;font-weight:750}
.site-footer{margin-left:clamp(18px,5vw,70px);margin-right:clamp(18px,5vw,70px)}
@media(max-width:820px){.credits-grid{grid-template-columns:1fr}}
@media(max-width:520px){.credits-grid article{grid-template-columns:1fr}.credits-grid img{height:190px}}