:root{color-scheme:light}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:#f7f2e8;color:#173e2c;font-family:Arial,Helvetica,sans-serif}
.page{min-height:100svh;max-width:600px;margin:auto;padding:56px 24px 68px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.portrait{width:200px;height:200px;object-fit:cover;object-position:50% 31%;border-radius:50%;border:8px solid #efb9bf;box-shadow:12px 12px 0 #d2a02f}
h1{margin:42px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,11vw,78px);font-weight:400;letter-spacing:-.06em;line-height:1.05}
h1 span{color:#c77e8a}
.coming-soon{margin:16px 0 34px;font-family:Georgia,'Times New Roman',serif;font-size:24px;font-style:italic}
.project-link{display:inline-flex;align-items:center;gap:26px;padding:15px 19px;border-radius:4px;background:#d2a02f;color:#173e2c;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}
.project-link:hover{background:#e5b343;transform:translateY(-2px)}
.project-link:focus-visible{outline:3px solid #173e2c;outline-offset:4px}
.project-link span{font-size:20px;line-height:0}
@media(max-width:480px){.page{padding:48px 20px 72px}.portrait{width:180px;height:180px}h1{margin-top:34px}}