@font-face{font-family:Tideline;src:url(fonts/BJMTideline-v1.2rc1.woff2) format("woff2");font-display:swap}
@font-face{font-family:Geist;src:url(fonts/geist-var-latin-19f9c9.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Pulse;src:url(fonts/pulse-bold-2bf0fa.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--tide:#0D1B2A;--sand:#F3EDE3;--brass:#B98F45;--ink:#7A5C1A;--lagoon:#0A5650;--text:#1A222D}
*{box-sizing:border-box;margin:0}
body{font:400 16px/1.6 Geist,system-ui,sans-serif;color:var(--text);background:var(--sand)}
.ribbon{background:var(--brass);color:var(--tide);text-align:center;padding:6px;font:700 11px Pulse,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.page{max-width:1200px;margin:0 auto;padding:0 24px;min-height:100vh;display:flex;flex-direction:column}
.hero{flex:1;display:grid;grid-template-areas:"h" "p" "m";gap:32px;align-content:center;padding:48px 0}
h1{grid-area:h;font:400 clamp(44px,8vw,112px)/1 Tideline,serif;color:var(--tide);max-width:11ch;text-wrap:balance}
.photo{grid-area:p;aspect-ratio:1;overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.meta{grid-area:m}
.name{font:22px Tideline,serif;color:var(--tide)}
.soon{margin-top:12px;font:clamp(18px,2vw,22px)/1.35 Tideline,serif;color:var(--ink)}.soon span{white-space:nowrap}
.mail{display:inline-block;margin-top:28px;font:700 13px Pulse,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--tide);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--brass)}
.mail span{display:inline-block;transition:transform .2s}.mail:hover span{transform:translateX(4px)}
.foot{padding:20px 0 28px;font-size:12px;color:#4a525c;display:grid;gap:6px}.foot p:first-child{max-width:80ch}.foot a{color:var(--lagoon)}
:focus-visible{outline:2px solid var(--lagoon);outline-offset:3px}
@media(min-width:900px){.hero{grid-template-columns:1fr 360px;grid-template-areas:"h p" "m p";align-items:start;column-gap:96px;row-gap:56px}
.photo{aspect-ratio:4/5}h1{margin-top:-.08em}.meta{align-self:end}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}