:root{color-scheme:dark;--charcoal:#141517;--paper:#f1eee9;--amber:#d69a4d;--muted:#b2afa9;--line:#3a3937}
*{box-sizing:border-box}
html{background:var(--charcoal)}
body{margin:0;color:var(--paper);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{width:min(100% - 112px,1440px);min-height:100svh;margin-inline:auto;display:flex;flex-direction:column}
.masthead,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;line-height:1.6;letter-spacing:.15em;text-transform:uppercase}
.masthead{padding-block:28px;border-bottom:1px solid var(--line);color:var(--muted)}
.status{display:flex;align-items:center;gap:10px;white-space:nowrap}
.status-dot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--amber)}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 0 54px}
.identity{display:block;width:270px;max-width:70%;height:auto;margin-bottom:39px}
h1{margin:0;font-size:clamp(40px,4.65vw,72px);line-height:1.13;letter-spacing:-.045em;font-weight:400}
h1 span{color:var(--amber)}
.description{max-width:570px;margin:26px 0 0;color:var(--muted);font-size:17px;line-height:1.8;text-wrap:pretty}
.contact{display:inline-flex;align-items:center;gap:30px;min-height:48px;margin-top:30px;padding:8px 0;color:var(--paper);font-size:15px;text-decoration:none;border-bottom:1px solid var(--amber)}
.arrow{color:var(--amber);font-size:22px;line-height:1}
.contact:hover{color:var(--amber)}
.contact:focus-visible{outline:2px solid var(--amber);outline-offset:7px;border-radius:1px}
footer{border-top:1px solid var(--line);padding-block:23px;color:var(--muted);font-size:10px}
@media(min-width:1500px){main{padding-block:64px}.identity{width:300px}}
@media(max-width:600px){.page{width:calc(100% - 40px)}.masthead{padding-block:22px;font-size:9px;letter-spacing:.09em;gap:12px}.status{gap:6px}main{padding:46px 0 48px}.identity{width:224px;margin-bottom:36px}h1{font-size:clamp(32px,8.4vw,46px);line-height:1.17;letter-spacing:-.045em}.description{max-width:365px;font-size:15px;line-height:1.8;margin-top:23px}.contact{font-size:14px;margin-top:25px}footer{padding-block:21px;font-size:9px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
