:root{color-scheme:dark;--paper:#f6f4ee;--stone:#c5c0b7;--brass:#c8a364;--ink:#202122}
*{box-sizing:border-box}
html{min-width:280px;background:var(--ink)}
body{margin:0;color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:var(--ink);min-height:100svh;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(23,24,25,.94) 0%,rgba(23,24,25,.77) 42%,rgba(23,24,25,.4) 100%),url('assets/slate-background.webp') center/cover no-repeat}
main{position:relative;min-height:100svh;max-width:1200px;margin:0 auto;padding:28px 36px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.brand{width:min(440px,65vw);margin:0 0 20px}
.brand img{width:100%;height:auto;display:block}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,5.4vw,78px);font-weight:400;line-height:1.09;letter-spacing:-.035em;margin:0 0 28px;text-wrap:balance}
.welcome{font-size:clamp(16px,1.5vw,20px);line-height:1.6;max-width:720px;margin:0 auto 18px;color:#e1ded7;text-wrap:pretty}
.experience{font-size:clamp(15px,1.35vw,18px);line-height:1.5;margin:0 0 8px;color:#eeeae3}
.location{font-size:clamp(14px,1.2vw,16px);line-height:1.6;letter-spacing:.035em;margin:0 0 27px;color:var(--stone)}
.contact-actions{display:flex;justify-content:center;gap:14px;width:100%;max-width:740px}
a{color:inherit;text-decoration:none}
.button{border:1px solid var(--brass);border-radius:5px;min-height:57px;padding:15px 24px;display:flex;gap:14px;align-items:center;justify-content:center;font-size:16px;flex:1;background:rgba(22,23,24,.35);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}
.button svg{width:23px;height:23px;flex-shrink:0}
.button-primary{background:linear-gradient(110deg,#b99458,#d4b174);color:#171817;border-color:#cda969}
.button:hover{background:rgba(200,163,100,.16);transform:translateY(-2px)}
.button-primary:hover{background:#d7b77e}
a:focus-visible{outline:3px solid #f6f4ee;outline-offset:5px}
.contact-details{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0 35px;font-size:16px;letter-spacing:.055em;line-height:1.6}
.contact-details a:hover{text-decoration:underline;text-underline-offset:5px}
footer ul{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;color:var(--stone);font-size:11px;line-height:2;letter-spacing:.22em;text-transform:uppercase}
footer li+li::before{content:'•';color:var(--brass);margin:0 20px}
.no-script{font-size:13px;max-width:340px}
@media(min-width:1000px) and (min-height:950px){main{padding-top:60px;padding-bottom:60px}.brand{margin-bottom:35px}h1{margin-bottom:32px}.contact-details{margin-bottom:45px}}
@media(max-width:600px){main{padding:22px 24px 32px;justify-content:flex-start}.brand{width:min(360px,95vw);margin:0 0 15px}.desktop-break{display:none}h1{font-size:clamp(38px,10.3vw,57px);line-height:1.1;margin-bottom:24px}.welcome{font-size:16px;line-height:1.6;margin-bottom:19px}.experience{max-width:330px;font-size:15px;margin:0 auto 10px}.location{font-size:13px;letter-spacing:.01em;max-width:300px;margin:0 auto 24px}.contact-actions{flex-direction:column;max-width:360px;gap:11px}.button{min-height:53px;flex:auto;padding:13px 24px}.contact-details{flex-direction:column;gap:6px;font-size:14px;letter-spacing:.03em;margin:22px 0 27px}footer ul{max-width:300px;font-size:9px;letter-spacing:.16em;column-gap:16px;row-gap:3px}footer li+li::before{display:none}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}