:root{--ink: #08080A;--paper: #FFFFFF;--accent: #D6301F;--ui: "Onest", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--ink);color:var(--paper);font:400 15px/1.5 var(--ui);-webkit-font-smoothing:antialiased;overflow:hidden}.screen{position:relative;height:100svh;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding:clamp(18px,2.6vw,34px);gap:10px}.figure{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%;filter:grayscale(1) contrast(1.12) brightness(.82)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,transparent 32%,rgba(8,8,10,.78) 88%),linear-gradient(180deg,rgba(8,8,10,.72) 0%,transparent 22%,transparent 62%,rgba(8,8,10,.9) 100%)}.screen>*:not(.figure):not(.vignette){position:relative;z-index:2}.name{grid-column:2;grid-row:1;align-self:start;justify-self:center;margin:0;text-align:center;font:800 clamp(21px,3.5vw,46px)/1 var(--ui);letter-spacing:clamp(.14em,.9vw,.28em);text-transform:uppercase;text-indent:clamp(.14em,.9vw,.28em);white-space:nowrap}.role{grid-column:2;grid-row:1;align-self:start;justify-self:center;margin:clamp(46px,5.6vw,74px) 0 0;font:500 clamp(10px,1vw,12.5px)/1 var(--ui);letter-spacing:.3em;text-transform:uppercase;color:#ffffff80;white-space:nowrap}.links{grid-column:2;grid-row:1;align-self:start;justify-self:center;margin-top:clamp(78px,9vw,116px);display:flex;gap:clamp(16px,2.4vw,34px)}.links a{color:#ffffffe6;text-decoration:none;font:600 clamp(13px,1.25vw,16px)/1 var(--ui);letter-spacing:.02em;padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color .18s,color .18s}.links a:hover{color:#fff;border-bottom-color:var(--accent)}.socials{grid-column:3;grid-row:2;align-self:center;justify-self:end;display:grid;gap:14px;text-align:center}.socials a{color:#ffffffb8;text-decoration:none;font:700 12px/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;transition:color .18s}.socials a:hover{color:var(--accent)}.pitch{grid-column:1;grid-row:3;align-self:end;max-width:min(46ch,92vw)}.tag{margin:0 0 clamp(14px,1.8vw,22px);font:900 clamp(26px,4.4vw,58px)/.94 var(--ui);letter-spacing:-.035em;text-transform:uppercase;font-style:italic}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(220px,26vw,330px);padding:clamp(14px,1.6vw,19px) 30px;background:var(--paper);color:var(--ink);font:800 clamp(13px,1.15vw,15px)/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .18s,color .18s}.cta:hover{background:var(--accent);color:#fff}.note{margin:clamp(12px,1.4vw,17px) 0 0;font-size:clamp(12px,1.05vw,13.5px);color:#ffffff8c}.meta{grid-column:3;grid-row:3;align-self:end;justify-self:end;display:grid;gap:5px;text-align:right;font-size:clamp(10.5px,.95vw,12px);color:#ffffff6b}.meta a{color:#ffffff9e}@media(max-width:760px){.screen{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.name,.role,.links{grid-column:1}.name{font-size:clamp(20px,6.4vw,30px);letter-spacing:.18em;text-indent:.18em}.role{margin-top:34px}.links{display:none}.socials{grid-column:1;grid-row:3;align-self:end;justify-self:start;display:flex;gap:18px;margin-bottom:4px}.socials a{writing-mode:horizontal-tb}.pitch{grid-column:1;grid-row:2;align-self:end;max-width:100%}.cta{width:100%;min-width:0}.meta{grid-column:1;grid-row:3;justify-self:end;align-self:end}.figure{object-position:50% 18%}}@media(max-height:520px){.role,.note{display:none}.tag{font-size:clamp(20px,4vw,30px)}}