.mp-hero{position:relative;isolation:isolate;overflow:hidden;padding-top:calc(var(--bar-h) + 40px);padding-bottom:clamp(40px,6vw,80px);border-bottom:1.5px solid var(--burgundy)}.mp-flood{position:absolute;inset:0;z-index:-1;background:var(--c)}.mp-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,64px);align-items:end}.mp-left{display:grid;gap:18px;justify-items:start}.mp-back{padding:8px 12px;border-radius:99px;border:1.5px solid var(--burgundy);background:var(--paper)}.mp-name{font-weight:900;font-stretch:130%;text-transform:uppercase;font-size:clamp(80px,15vw,260px);line-height:.8;letter-spacing:-.035em;margin-top:12px}.mp-last{font-weight:300;font-stretch:140%;text-transform:uppercase;font-size:clamp(22px,3vw,44px);letter-spacing:.04em;line-height:1}.mp-line{font-size:clamp(24px,2.6vw,40px);line-height:1.1;max-width:22ch}.mp-open{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mp-open .mono{margin-right:4px}.mp-photo-slot{position:relative;aspect-ratio:4 / 5}.mp-photo{position:absolute;inset:0;border:1.5px solid var(--burgundy);border-radius:var(--radius);overflow:hidden;box-shadow:8px 8px 0 var(--burgundy);background:var(--paper)}.mp-about{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-block:clamp(80px,10vw,140px)}.mp-block{display:grid;gap:18px;align-content:start}.mp-bio{font-size:clamp(22px,2.2vw,32px);line-height:1.3;font-weight:500;max-width:34ch}.mp-facts{display:grid;border-top:1.5px solid var(--burgundy);align-content:start}.mp-facts>div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding-block:16px;border-bottom:1.5px dashed var(--line-strong)}.mp-facts dt{color:var(--wine);padding-top:3px}.mp-facts dd{display:flex;flex-wrap:wrap;gap:6px;font-size:17px}.mp-facts code{font-family:var(--f-mono);font-size:15px;padding:2px 8px;border-radius:6px;background:var(--paper);border:1.5px dashed var(--burgundy)}.mp-skills{display:grid;gap:22px;padding-bottom:clamp(80px,10vw,140px)}.mp-skill-list{display:flex;flex-wrap:wrap;gap:12px}.mp-skill-list li{padding:14px 22px 13px;border-radius:99px;border:1.5px solid var(--burgundy);background:var(--paper);font-weight:800;font-stretch:110%;font-size:clamp(20px,2.4vw,36px);text-transform:uppercase;rotate:var(--r);box-shadow:4px 4px 0 var(--burgundy);transition:background-color .2s,rotate .3s var(--ease-out)}.mp-skill-list li:hover{background:var(--c);rotate:calc(var(--r) * -3)}.mp-work{display:grid;gap:40px;padding-bottom:clamp(80px,10vw,140px)}.mp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mp-card{display:grid;grid-template-rows:auto 1fr;border:1.5px solid var(--burgundy);border-radius:calc(var(--radius) + 4px);background:var(--paper);overflow:hidden;transition:box-shadow .3s var(--ease-out),translate .3s var(--ease-out)}.mp-card:hover{translate:-3px -3px;box-shadow:7px 7px 0 var(--burgundy)}.mp-card-shot{aspect-ratio:16 / 10;padding:16px;background:color-mix(in srgb,var(--c) 35%,var(--paper));border-bottom:1.5px solid var(--burgundy)}.mp-card-shot .shot{height:100%}.mp-card-info{display:grid;gap:8px;padding:20px 22px 24px;align-content:start}.mp-card-info h3{font-weight:900;font-stretch:105%;font-size:clamp(30px,3vw,46px);line-height:.9;text-transform:uppercase}.mp-did{font-size:15px;color:var(--wine)}.mp-contact{display:grid;gap:28px;padding-bottom:clamp(80px,10vw,140px)}.mp-links{display:flex;flex-wrap:wrap;gap:12px}.mp-next{display:grid;grid-template-columns:1fr 1fr;border-top:1.5px solid var(--burgundy)}.mp-next a{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:8px;padding:clamp(28px,5vw,64px) var(--gutter)}.mp-next a+a{border-left:1.5px solid var(--burgundy);text-align:right}.mp-next a:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c);transform:scaleY(0);transform-origin:50% 100%;transition:transform .5s var(--ease-out)}.mp-next a:hover:before{transform:scaleY(1)}.mp-next b{font-weight:900;font-stretch:130%;font-size:clamp(48px,9vw,150px);line-height:.8;text-transform:uppercase;letter-spacing:-.03em}@media(max-width:860px){.mp-hero-grid,.mp-about,.mp-cards{grid-template-columns:1fr}.mp-photo-slot{aspect-ratio:4 / 3;order:-1}.mp-facts>div{grid-template-columns:1fr;gap:6px}}