/* WHALER's Creation — public news pages. Shares the site's light palette. */
:root{
  --ground:#f7f4f1; --ink:#2a1f1c; --dim:#6b5a54; --faint:#7a6862;
  --crim:#a5102a; --crim-2:#c02440; --gold:#8a6a12; --gold-fill:#c9a227;
  --line:rgba(42,31,28,.10); --line-2:rgba(42,31,28,.16);
  --font-d:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-b:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-b);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--crim);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--font-d);font-weight:800;letter-spacing:-.02em;margin:0;
  line-height:1.14;text-wrap:balance}
p{margin:0}

.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.aurora i{position:absolute;display:block;border-radius:50%;filter:blur(90px)}
.aurora .a{width:58vw;height:58vw;left:-16vw;top:-20vw;background:radial-gradient(circle,#f3bcc3,transparent 64%);opacity:.7}
.aurora .b{width:46vw;height:46vw;right:-12vw;top:14vh;background:radial-gradient(circle,#eedfb2,transparent 64%);opacity:.55}

.glass{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:22px;
  backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 5px rgba(78,42,34,.03),0 22px 50px -32px rgba(78,42,34,.32)}

.shell{max-width:1000px;margin:0 auto;padding:0 26px}
.shell-narrow{max-width:720px;margin:0 auto;padding:0 26px}

/* nav */
.nav{position:sticky;top:16px;z-index:40;margin:16px auto 0;max-width:1000px;padding:0 26px}
.nav-in{display:flex;align-items:center;gap:16px;padding:10px 12px 10px 14px;border-radius:999px;
  background:rgba(255,255,255,.8);border:1px solid var(--line);
  backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 16px 38px -26px rgba(78,42,34,.4)}
.nav-in img{width:38px;height:38px;border-radius:11px;display:block;flex:none}
.brandtxt{margin-right:auto}
.brandtxt b{display:block;font-family:var(--font-d);font-size:16px;font-weight:800;line-height:1.15}
.brandtxt span{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold)}
.nav a.lnk{font-size:14px;font-weight:600;color:var(--dim);padding:9px 14px;border-radius:999px;
  text-decoration:none}
.nav a.lnk:hover{background:rgba(165,16,42,.06);color:var(--crim);text-decoration:none}
.nav a.cta{font-family:var(--font-d);font-size:14px;font-weight:700;color:#fff;padding:12px 22px;
  border-radius:999px;background:linear-gradient(180deg,var(--crim-2),#96122a);text-decoration:none;
  box-shadow:0 9px 22px -12px rgba(165,16,42,.75)}
.nav a.cta:hover{text-decoration:none}

/* masthead */
.mast{padding:64px 0 34px;text-align:center}
.eyebrow{font-family:var(--font-d);font-size:11.5px;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:var(--faint)}
.mast h1{font-size:clamp(38px,6vw,54px);margin:16px 0 14px}
.mast p{color:var(--dim);font-size:18px;max-width:56ch;margin:0 auto}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;
  padding-bottom:80px}
.card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .3s cubic-bezier(.34,1.42,.64,1),box-shadow .3s}
.card:hover{transform:translateY(-4px);text-decoration:none;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 30px 60px -34px rgba(78,42,34,.44)}
.card .ph{aspect-ratio:16/10;width:100%;object-fit:cover;background:rgba(42,31,28,.05);display:block}
.card .ph-none{aspect-ratio:16/10;display:grid;place-items:center;
  background:linear-gradient(140deg,rgba(165,16,42,.09),rgba(201,162,39,.16))}
.card .in{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.card h2{font-size:20px;margin-bottom:9px}
.card .ex{font-size:14.6px;color:var(--dim);line-height:1.55;flex:1}
.card .dt{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint);margin-top:16px}

/* article */
article{padding:0 0 90px}
article .hero{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:22px;margin:8px 0 34px;
  border:1px solid var(--line)}
article h1{font-size:clamp(32px,5.2vw,46px);margin:0 0 18px}
article .meta{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint);margin-bottom:34px}
article .body p{margin:0 0 22px;font-size:17.6px;line-height:1.75;color:#3a2c28}
article .body p:first-of-type{font-size:19.5px;color:var(--ink)}

.backlink{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-d);
  font-size:14.5px;font-weight:700;margin:40px 0 30px}
.empty{text-align:center;padding:90px 24px;color:var(--faint)}
.foot{border-top:1px solid var(--line);padding:34px 0 60px;text-align:center;
  font-size:13.5px;color:var(--faint)}
@media (max-width:560px){
  .shell,.shell-narrow,.nav{padding:0 16px}
  .mast{padding:44px 0 26px}
  .nav a.lnk{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}