:root { color-scheme: light; --sand: #edd8bd; --ink: #303730; }
* { box-sizing: border-box; }
html,body { margin:0; min-height:100%; background:var(--sand); }
body { font-family:Georgia,'Times New Roman',serif; color:var(--ink); }
.landing { position:relative; height:100svh; min-height:440px; overflow:hidden; isolation:isolate; }
.art-window { position:absolute; inset:0; overflow:hidden; z-index:-2; }
.art-plane { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; aspect-ratio:1672 / 941; }
.art-plane img,.art-plane canvas,.art-plane svg { position:absolute; inset:0; width:100%; height:100%; display:block; }
.art-plane [hidden] { display:none; }
#ocean { opacity:0; }
#ocean.ready { opacity:1; }
#birds { overflow:visible; }
.landing::before { content:''; position:absolute; pointer-events:none; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(243,226,203,.4),transparent 28%,transparent 85%,rgba(243,226,203,.7)); }
.masthead { width:calc(100% - 100px); max-width:1400px; margin:0 auto; padding:38px 0 26px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; }
.signature { margin:12px 0 0; font:italic 14px/1.4 Georgia,'Times New Roman',serif; letter-spacing:.06em; color:#45443a; }
.masthead::after { content:''; position:absolute; height:1px; bottom:0; inset-inline:0; background:linear-gradient(90deg,transparent,rgba(48,50,43,.25) 40%,rgba(48,50,43,.25) 60%,transparent); }
.brand { display:flex; align-items:center; gap:16px; margin:0; font-weight:400; white-space:nowrap; }
.emblem { width:62px; height:62px; flex:none; }
.wordmark { font-size:clamp(31px,3.6vw,48px); letter-spacing:-.045em; line-height:1; }
.wordmark span { font-family:'Helvetica Neue',Arial,sans-serif; font-size:.64em; font-weight:300; letter-spacing:.015em; margin-left:.045em; }
@media(max-width:600px) {
  .masthead { width:calc(100% - 40px); padding:28px 0 23px; }
  .brand { gap:11px; }
  .emblem { width:48px; height:48px; }
}