:root { --ink: #1d201d; --paper: #e8e5dc; --accent: #c8ef4f; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; background: var(--paper); color: var(--ink); font-family: Manrope, Arial, sans-serif; }
main { min-height: 100vh; width: min(1100px, 100%); margin: auto; padding: 9vw 8vw; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(42px, 9vw, 130px); }
.portrait-wrap { position: relative; width: min(34vw, 390px); aspect-ratio: 1; justify-self: end; order: 2; }
.portrait-frame { position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden; border: 11px solid #d3d0c6; border-radius: 50%; }
.portrait-frame img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.08); }
.orbit { position: absolute; left: -6%; width: 112%; height: 54%; border: 1px solid #e6513d; border-radius: 50%; transform: rotate(-22deg); }
.orbit-one { top: 23%; }.orbit-two { top: 25%; border-color: #84847d; transform: rotate(50deg); }
.copy { order: 1; }.eyebrow { margin: 0 0 22px; color: #777870; font: 400 11px "DM Mono", monospace; letter-spacing: .5px; }.copy h1 { margin: 0; font-size: clamp(92px, 13vw, 170px); line-height: .8; letter-spacing: -7px; font-weight: 800; }.copy h1 span { color: #f05238; }.copy > p:last-child { max-width: 330px; margin: 40px 0 0; font-size: 17px; line-height: 1.7; }.links { display:flex; flex-wrap:wrap; gap:22px; margin-top:28px; }.links a { padding-bottom:5px; border-bottom:1px solid #85867f; font:400 12px "DM Mono", monospace; color:var(--ink); }.links a:hover { border-color:#f05238; color:#f05238; }.links span { margin-left:6px; color:#6d9814; }
@media (max-width: 650px) { main { padding: 70px 30px; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; align-items: flex-start; gap: 58px; }.portrait-wrap { width: min(66vw, 320px); align-self: center; order: 1; }.copy { order: 2; }.copy h1 { font-size: clamp(88px, 28vw, 140px); }.copy > p:last-child { margin-top: 30px; font-size: 16px; } }