@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Oswald:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--black:#0b0b0d;--paper:#f5f2ea;--pink:#ec2366;--yellow:#ffdb00;--line:rgba(245,242,234,.24)}*{box-sizing:border-box}body{margin:0;background:#202022;color:var(--paper);font-family:Roboto,Arial,sans-serif}.card{max-width:620px;min-height:100vh;margin:auto;background:var(--black)}header{display:flex;justify-content:space-between;gap:10px;padding:22px 24px 18px;font-size:10px;letter-spacing:.08em}header p{margin:0;font-weight:500}header span{color:var(--pink)}figure{height:280px;margin:0;overflow:hidden;position:relative;filter:grayscale(1) contrast(1.05)}figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--black),transparent 48%)}figure img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.identity{padding:0 24px 28px;margin-top:-62px;position:relative}.eyebrow,.role{font-size:10px;letter-spacing:.1em}.eyebrow{margin:0 0 8px;color:var(--yellow)}h1{font:600 clamp(3.8rem,16vw,6.8rem)/.88 Oswald,sans-serif;letter-spacing:-.045em;margin:0}h1 i{display:block;padding-top:.025em;font-family:Oswald,sans-serif;font-style:normal;font-weight:600;color:var(--pink)}.role{margin:18px 0 0}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 24px}.actions a{display:flex;min-height:61px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 3px;border:1px solid var(--line);color:var(--paper);text-align:center;text-decoration:none;font-size:8px;letter-spacing:.04em}.actions span{color:var(--yellow);font-size:8px}.actions strong{font-size:8px;font-weight:400}.catalogs{margin:18px 24px 12px;border-top:1px solid var(--line)}.catalogs p{font-size:8px;letter-spacing:.1em;text-align:center;color:var(--yellow);margin:10px 0 8px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.catalogs a{display:block;min-height:61px;padding:10px 4px 7px;border:1px solid var(--line);text-align:center;color:var(--paper);text-decoration:none;font-size:8px;line-height:1.35;letter-spacing:.04em}.catalogs a b{display:block;margin-top:2px;color:var(--yellow);font-size:19px;font-weight:400;line-height:1}.website{display:flex;justify-content:center;gap:10px;align-items:center;margin:0 24px;border:1px solid var(--yellow);padding:14px;color:var(--yellow);font-size:11px;letter-spacing:.08em;text-decoration:none;text-align:center}.website span{font-size:16px}nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:11px 24px 18px}nav a{color:var(--paper);font-size:8px;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid var(--pink);padding-bottom:3px}@media(min-width:640px){header,.identity{padding-left:38px;padding-right:38px}.actions,.catalogs,.website{margin-left:38px;margin-right:38px}figure{height:330px}}