:root{--ink:#08131e;--cream:#f5f1e9;--gold:#d9ad67;--muted:rgba(245,241,233,.66);--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ink)}
body{color:var(--cream);font-family:Arial,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.page{display:grid;grid-template-rows:auto 1fr auto;position:relative;min-height:100svh;padding:0 clamp(24px,4.7vw,84px);overflow:hidden;background:var(--ink);isolation:isolate}
.backdrop{position:absolute;inset:0;z-index:-3;background:url("assets/hero-coastal-v2.png") center/cover no-repeat;animation:cinema 18s ease-in-out infinite alternate}
.page:before{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,15,24,.98) 0%,rgba(5,15,24,.92) 31%,rgba(5,15,24,.64) 50%,rgba(5,15,24,.12) 73%,rgba(5,15,24,.03) 100%);content:""}
.page:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,12,19,.26),transparent 35%,rgba(4,12,19,.3));content:""}
.header{display:flex;align-items:center;justify-content:space-between;height:108px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:13px;font-size:14px;letter-spacing:.045em}.wordmark>span{display:block;width:4px;height:29px;border-radius:3px;background:var(--gold)}.wordmark strong{font-weight:800}
.status{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:800;letter-spacing:.14em}.status i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(217,173,103,.14);animation:pulse 2s ease-in-out infinite}
.hero{align-self:center;width:min(660px,58vw);min-width:0;padding:58px 0 70px;animation:enter .8s cubic-bezier(.2,.72,.3,1) both}
.kicker{display:flex;align-items:center;gap:12px;margin:0 0 30px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.17em}.kicker:before{display:block;width:38px;height:2px;background:var(--gold);content:""}
h1{margin:0;text-transform:uppercase}h1 span{display:block;margin-bottom:14px;color:rgba(245,241,233,.78);font-size:clamp(25px,2.1vw,38px);font-weight:700;letter-spacing:.045em}h1 strong{display:block;font-family:Arial,"Helvetica Neue",sans-serif;font-size:clamp(64px,6.5vw,118px);font-weight:900;line-height:.83;letter-spacing:-.065em}h1 strong b{display:block;font-weight:900;white-space:nowrap}h1 strong b:last-child{font-size:.76em;letter-spacing:-.05em}
.intro{max-width:520px;margin:38px 0 34px;color:rgba(245,241,233,.76);font-size:16px;line-height:1.65}
.mail{display:flex;align-items:center;justify-content:space-between;width:min(100%,430px);padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mail>span{display:flex;flex-direction:column;gap:8px}.mail small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.16em}.mail strong{font-size:16px}.mail i{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.38);border-radius:50%;font-size:18px;font-style:normal;transition:.25s}.mail:hover i{color:var(--ink);background:var(--gold);border-color:var(--gold);transform:translate(3px,-3px)}
.footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:72px;border-top:1px solid var(--line);color:rgba(245,241,233,.65);font-size:9px;font-weight:700;letter-spacing:.1em}.footer a{justify-self:end}.footer b{color:var(--cream)}
@keyframes pulse{50%{opacity:.38;transform:scale(.7)}}
@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes cinema{from{transform:scale(1.01)}to{transform:scale(1.045) translateX(-.35%)}}
@media(max-width:860px){.page:before{background:linear-gradient(90deg,rgba(5,15,24,.98) 0%,rgba(5,15,24,.91) 45%,rgba(5,15,24,.2) 100%)}.hero{width:min(620px,72vw)}h1 strong{font-size:clamp(62px,8.4vw,102px)}}
@media(max-width:640px){.page{padding:0 20px}.backdrop{inset:auto 0 0;height:50%;background-position:63% center;animation:none}.page:before{background:linear-gradient(180deg,var(--ink) 0%,var(--ink) 51%,rgba(5,15,24,.78) 68%,rgba(5,15,24,.12) 100%)}.page:after{background:linear-gradient(180deg,transparent 60%,rgba(4,12,19,.4))}.header{height:80px}.wordmark{font-size:11px}.wordmark>span{height:24px}.status span{display:none}.hero{align-self:start;width:100%;padding:74px 0 310px}.kicker{margin-bottom:25px;font-size:8px}.kicker:before{width:24px}h1 span{font-size:5.2vw}h1 strong{font-size:15.3vw;line-height:.86}h1 strong b:last-child{font-size:10.4vw;letter-spacing:-.04em}.intro{margin:30px 0 28px;font-size:14px}.mail{width:100%}.mail small{font-size:8px}.mail strong{font-size:15px}.footer{grid-template-columns:1fr auto;min-height:62px;font-size:7px}}
@media(max-width:370px){.hero{padding-top:58px;padding-bottom:270px}.intro{font-size:13px}.mail strong{font-size:14px}.footer{font-size:7px}}
@media(max-height:760px) and (min-width:641px){.header{height:80px}.hero{padding:32px 0}.kicker{margin-bottom:20px}h1 strong{font-size:clamp(66px,7vw,100px)}.intro{margin:24px 0}.footer{min-height:54px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}