@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root { --black:#111; --white:#fff; --headline:'Anton', 'Nimbus Sans Narrow', 'Liberation Sans Narrow', Impact, sans-serif; --body:Arial,Helvetica,sans-serif; }
* {box-sizing:border-box}
html,body {margin:0;min-height:100%;}
body {background:var(--white);color:var(--black);font-family:var(--body);-webkit-font-smoothing:antialiased;}
a {color:inherit}
a:focus-visible {outline:2px solid #111; outline-offset:6px}
.site-header {z-index:5;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:34px clamp(24px,3.7vw,72px);}
.site-name {font-family:var(--headline);font-weight:900;letter-spacing:.005em;font-size:clamp(23px,2.1vw,34px);line-height:1;text-decoration:none;white-space:nowrap;}
.nav-link {font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.035em;text-decoration:none;border-bottom:1px solid currentColor;padding:3px 0 5px;}
.home-page .site-header {color:#101010;justify-content:flex-end}
.hero {position:relative;width:100%;height:100svh;min-height:540px;overflow:hidden;background:#bbb;}
.hero-photo {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:grayscale(1);}
.hero::after {content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.03) 0%,rgba(255,255,255,0) 28%,rgba(0,0,0,.06) 100%);pointer-events:none}
.hero h1 {position:absolute;z-index:1;top:55%;left:50%;width:94%;margin:0;transform:translate(-50%,-50%);font-family:var(--headline);font-weight:900;font-size:clamp(43px,8.5vw,162px);text-align:center;line-height:.98;letter-spacing:-.004em;color:white;white-space:nowrap;text-shadow:0 2px 16px rgba(0,0,0,.07);}
.info-page .site-header {position:absolute;background:transparent;}
.info-content {display:flex;align-items:center;justify-content:center;min-height:100svh;padding:125px 24px 75px;background:#fff;text-align:center;}
.email {display:inline-block;text-decoration:none;font-family:var(--body);font-weight:700;font-size:clamp(22px,3.2vw,52px);letter-spacing:-.045em;line-height:1.18;overflow-wrap:anywhere;}
.email:hover {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
@media (min-aspect-ratio: 15/10){.hero-photo{object-position:50% 43%}.hero h1{top:56%;font-size:clamp(43px,8.35vw,162px)}}
@media (max-width:700px){.site-header{padding:26px 22px}.site-name{font-size:24px}.hero{min-height:560px}.hero-photo{object-position:52% center}.hero h1{top:58%;font-size:8.5vw;letter-spacing:-.008em;width:98%}.info-content{padding:95px 18px 55px}.email{font-size:clamp(22px,5vw,35px)}}
@media (max-width:365px){.site-name{font-size:21px}.hero h1{font-size:8.4vw}.email{font-size:21px}}