/* GREENLIGHT site — house canon over the Boston harbor. OPAQUE cards (Captain's
   call): the painting is the world, the cards are solid paper on it. */
:root{
  --night:#0e1013; --ink:#e9e2d2; --ink-soft:#a89e88;
  --brass:#d9a35c; --brass-bright:#e2b273; --sage:#93b289; --clay:#c96f5e;
  --rule:#33312a; --card:#14161a; --card2:#181b20;
  --mono:"SF Mono",ui-monospace,Menlo,monospace;
  --serif:"Hoefler Text","Iowan Old Style",Georgia,serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{color:var(--ink);font-family:var(--serif);line-height:1.65;background:var(--night);-webkit-font-smoothing:antialiased;min-height:100vh}

.bg{position:fixed;inset:0;z-index:-2;background:var(--night)}
.bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right}
.bg-veil{position:fixed;inset:0;z-index:-1;background:
  linear-gradient(90deg, rgba(14,16,19,.55) 0%, rgba(14,16,19,.25) 40%, rgba(14,16,19,.04) 70%, transparent 100%),
  linear-gradient(180deg, transparent 0%, transparent 72%, rgba(14,16,19,.4) 100%)}

header{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,44px)}
.wordmark{font-family:var(--mono);font-size:13px;letter-spacing:.34em;color:var(--brass-bright);text-decoration:none}
nav{display:flex;gap:6px}
nav a{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--ink-soft);text-decoration:none;padding:8px 12px;border-bottom:1px solid transparent}
nav a.active,nav a:hover{color:var(--brass-bright);border-bottom-color:var(--brass)}

main{padding:4vh clamp(20px,4vw,44px) 12vh;max-width:660px}
.eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}
h1{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-top:6px}
.lede{margin-top:12px;font-size:1.06rem;color:var(--ink-soft);text-wrap:pretty}

.card{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:26px 30px;margin-top:18px;display:block;color:inherit;text-decoration:none}
.card h2{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.card p{color:var(--ink-soft);font-size:.94rem;margin-top:8px;text-wrap:pretty}
.card .go{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;color:var(--brass-bright)}
a.card:hover{border-color:var(--brass)}
.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:var(--ink-soft)}
.seal{font-family:var(--mono);font-size:.72rem;color:var(--ink-soft);background:var(--card2);border:1px dashed var(--rule);border-radius:3px;padding:9px 12px;margin-top:12px;line-height:1.8}
.seal b{color:var(--sage)}

.cta{display:inline-block;font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;cursor:pointer;color:#171209;background:var(--brass);border:none;border-radius:4px;padding:13px 24px;text-decoration:none}
.cta:hover{background:var(--brass-bright)}

footer{padding:30px clamp(20px,4vw,44px);font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;color:var(--ink-soft)}
footer a{color:var(--ink-soft);text-decoration:none}