*{box-sizing:border-box}
html{background:#000;color:#eee;color-scheme:dark}
body{min-height:100dvh;display:flex;align-items:center;justify-content:center;margin:0;font-family:"Courier New",Courier,monospace;background:#000}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.contact-layout{width:min(100vw,111.111111dvh,2000px);height:min(90vw,100dvh,1800px);aspect-ratio:10/9;margin-inline:auto;display:grid;grid-template-columns:55% 45%;grid-template-rows:minmax(0,1fr);background:#000;container-type:inline-size}
.contact-photo{position:relative;min-width:0;overflow:hidden}
.contact-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center}
.contact-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 74%,#000 100%),linear-gradient(0deg,#000 0%,transparent 16%)}
.contact-content{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:6cqw 4.5cqw 5cqw 3cqw}
.eyebrow{font-size:1.05cqw;line-height:1.6;letter-spacing:.06em;color:#999;margin:0 0 1.5cqw}
h1{font-size:4.1cqw;font-weight:400;line-height:1.15;letter-spacing:.025em;margin:0 0 2cqw}
h1:after{content:"";display:block;width:46%;height:1px;background:#777;margin-top:2.1cqw}
.intro{font-size:1.65cqw;line-height:1.65;color:#c9c9c9;margin:0}
.contact-details{margin:3.3cqw 0 3cqw}
.contact-details>div{margin-bottom:2.1cqw}
dt{font-size:1.05cqw;line-height:1.5;color:#999;margin-bottom:.6cqw}
dd{margin:0;font-size:1.5cqw;line-height:1.6;overflow-wrap:anywhere}
.pending{color:#999}
.social-links{list-style:none;padding:0;margin:0}
.social-link{display:flex;align-items:center;gap:1cqw;min-height:3.6cqw;padding:.65cqw 0;font-size:1.3cqw;line-height:1.5;border-bottom:1px solid #292929}
.social-link img{width:1.65cqw;height:auto;flex-shrink:0}
.handle,.status{font-size:.72em;color:#888;margin-left:auto}
footer{margin-top:4.5cqw;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.back{font-size:1.2cqw;padding:.5cqw 0;border-bottom:1px solid #666}
.wordmark{font-size:.95cqw;color:#777}
a{transition:color .2s,border-color .2s}
a:hover{color:#fff;border-color:#aaa}
a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media (max-aspect-ratio:4/5), (max-width:600px){
 body{display:block}

 .contact-layout{display:flex;flex-direction:column;width:100%;height:auto;aspect-ratio:auto}
 .contact-photo{width:100%;height:auto;aspect-ratio:3/4}
 .contact-photo>img{object-fit:contain;object-position:center}
 .contact-photo:after{background:linear-gradient(0deg,#000 0%,transparent 29%)}
 .contact-content{padding:12px clamp(24px,7vw,52px) 36px;margin-top:-12px;position:relative;gap:0}
 .eyebrow{font-size:12px;margin-bottom:18px}
 h1{font-size:clamp(42px,11vw,68px);margin-bottom:24px}
 h1:after{margin-top:22px;width:42%}
 .intro{font-size:20px;line-height:1.6}
 .contact-details{margin:34px 0 24px}
 .contact-details>div{margin-bottom:24px}
 dt{font-size:13px;margin-bottom:7px}
 dd{font-size:clamp(16px,4.4vw,22px)}
 .social-link{font-size:17px;min-height:60px;gap:14px;padding:12px 0}
 .social-link img{width:24px}
 .handle,.status{font-size:11px}
 footer{margin-top:36px}
 .back{font-size:16px;min-height:44px}
 .wordmark{font-size:12px}
}
@media(prefers-reduced-motion:reduce){a{transition:none}}