/* Footer: ported from the Beam Wordmark Footer by Kedhar (21st.dev, React) to plain CSS, 2026-10-20.
   Recoloured for Aurel: deep sea ink, and a sunset-amber shaft of light through the wordmark.
   Socials and the default columns were dropped: a fictional brand has no accounts to link to. */
.bwf {
  --bwf-bg: #070f13; --bwf-bg-rgb: 7, 15, 19; --bwf-ink: #F1EEE7; --bwf-ink-rgb: 241, 238, 231;
  --bwf-muted: #A9B6BA; --bwf-acc: 229, 154, 91; --bwf-lit: 255, 196, 140;
  --bwf-wt: #1f3c49; --bwf-wf: #070f13; --bwf-ww: 600;
  --bwf-ang: 118deg; --bwf-b: 58%; --bwf-px: 50%; --bwf-py: 50%; --bwf-g: 0; --bwf-top: 0px; --bwf-bot: 100%;
  position: relative; z-index: 8; isolation: isolate; overflow: hidden; container-type: inline-size;
  background: var(--bwf-bg); color: var(--bwf-ink); font-family: "Hanken Grotesk", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.bwf a { color: inherit; text-decoration: none; }
.bwf ul { list-style: none; }
.bwf .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.bwf-rule { position: absolute; left: 0; right: 0; top: 0; height: 1px; z-index: 3; background: linear-gradient(90deg, rgba(var(--bwf-acc),.15), rgba(var(--bwf-acc),.55) var(--bwf-b), rgba(var(--bwf-acc),.15)); }
.bwf-sky { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.bwf-wash { position: absolute; inset: 0; background: radial-gradient(120% 90% at 8% 0%, rgba(var(--bwf-acc),.14), transparent 55%), radial-gradient(90% 70% at 92% 8%, rgba(var(--bwf-acc),.10), transparent 60%), linear-gradient(180deg, rgba(31,60,73,.35), transparent 70%); }
.bwf-bands { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, rgba(var(--bwf-acc),.04) 0 1.6cqw, transparent 1.6cqw 4.2cqw); -webkit-mask-image: linear-gradient(100deg, #000 0%, transparent 55%); mask-image: linear-gradient(100deg, #000 0%, transparent 55%); opacity: .9; }
.bwf-beam { position: absolute; inset: 0; filter: blur(calc(1px + 1.6cqw)); background:
  linear-gradient(var(--bwf-ang), transparent calc(var(--bwf-b) - 11%), rgba(var(--bwf-acc),.10) calc(var(--bwf-b) - 5%), rgba(var(--bwf-acc),.30) var(--bwf-b), rgba(var(--bwf-acc),.08) calc(var(--bwf-b) + 4%), transparent calc(var(--bwf-b) + 9%)),
  linear-gradient(var(--bwf-ang), transparent calc(var(--bwf-b) - 34%), rgba(var(--bwf-acc),.08) calc(var(--bwf-b) - 27%), transparent calc(var(--bwf-b) - 20%)); }
.bwf-glow { position: absolute; inset: 0; opacity: var(--bwf-g); background: radial-gradient(circle 26cqw at var(--bwf-px) var(--bwf-py), rgba(var(--bwf-acc),.14), transparent 70%); }
.bwf-grain { position: absolute; inset: 0; opacity: .14; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }

.bwf-inner { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; padding: clamp(56px, 8.5cqw, 112px) clamp(20px, 6cqw, 88px) 0; display: grid; grid-template-columns: minmax(0,1.62fr) minmax(0,.86fr) minmax(0,.86fr); column-gap: clamp(24px, 4cqw, 48px); row-gap: 44px; }
.bwf-label { font-size: 12px; line-height: 1; letter-spacing: .04em; text-transform: uppercase; color: rgb(var(--bwf-acc)); padding-bottom: 13px; position: relative; display: block; }
.bwf-label::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, rgba(var(--bwf-acc),.55), rgba(var(--bwf-acc),.2)); transform-origin: 0 50%; transform: scaleX(var(--bwf-line, 1)); transition: transform 1.1s cubic-bezier(.2,.7,.1,1) var(--bwf-d, 0ms); }
.bwf[data-in="false"] .bwf-label::after { --bwf-line: 0; }
.bwf-col { min-width: 0; }
.bwf-col:nth-child(1) { max-width: 420px; }
.bwf-fade { transition: opacity .9s ease var(--bwf-d, 0ms), translate .9s cubic-bezier(.2,.7,.1,1) var(--bwf-d, 0ms); }
.bwf[data-in="false"] .bwf-fade { opacity: 0; translate: 0 14px; }
.bwf-lede { margin-top: 18px; font-size: 20px; line-height: 1.4; letter-spacing: -0.01em; color: var(--bwf-ink); max-width: 24rem; }
.bwf-credits { margin-top: 21px; font-size: 14px; line-height: 1.5; color: var(--bwf-muted); }
.bwf-credits p + p { margin-top: 2px; }
.bwf-credits a { color: var(--bwf-ink); background: linear-gradient(rgb(var(--bwf-acc)), rgb(var(--bwf-acc))) 0 100% / 0 1px no-repeat; transition: background-size .35s cubic-bezier(.2,.8,.2,1); }
.bwf-credits a:hover, .bwf-credits a:focus-visible { background-size: 100% 1px; outline: none; }
.bwf-links { margin-top: 13px; display: flex; flex-direction: column; }
.bwf-link { position: relative; display: inline-flex; align-items: center; padding: 6px 0; font-size: 15px; line-height: 21px; color: rgba(var(--bwf-ink-rgb), .78); transition: color .25s; }
.bwf-link-t { display: inline-block; transition: translate .35s cubic-bezier(.2,.8,.2,1); }
.bwf-link::before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 1px; background: rgb(var(--bwf-acc)); transform: scaleX(0); transform-origin: 0 50%; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.bwf-link:hover, .bwf-link:focus-visible { color: #fff; outline: none; }
.bwf-link:hover::before, .bwf-link:focus-visible::before { transform: scaleX(1); }
.bwf-link:hover .bwf-link-t, .bwf-link:focus-visible .bwf-link-t { translate: 12px 0; }

/* the wordmark: every letter paints the section-sized beam, shifted back by its own offset */
.bwf-word { position: relative; z-index: 1; overflow: hidden; margin-top: clamp(28px, 7cqw, 96px); }
.bwf-word-box { padding: 0 clamp(20px, 6cqw, 88px); max-width: 1180px; margin: 0 auto; }
.bwf-word-in { display: inline-flex; white-space: nowrap; font-weight: var(--bwf-ww); line-height: 1; letter-spacing: -.045em; user-select: none; -webkit-user-select: none; }
.bwf-lw { display: inline-block; translate: 0 0; transition: translate 1.25s cubic-bezier(.16,.84,.2,1) var(--bwf-d, 0ms); }
.bwf[data-in="false"] .bwf-lw { translate: 0 85%; }
.bwf-l { display: inline-block; cursor: pointer; color: transparent; -webkit-background-clip: text; background-clip: text; background-repeat: no-repeat;
  background-size: var(--bwf-rw) var(--bwf-rh); background-position: calc(var(--bwf-x) * -1) calc(var(--bwf-y) * -1);
  background-image:
    radial-gradient(circle 22cqw at var(--bwf-px) var(--bwf-py), rgba(var(--bwf-lit), calc(var(--bwf-g) * .85)), transparent 70%),
    linear-gradient(var(--bwf-ang), transparent calc(var(--bwf-b) - 9%), rgba(var(--bwf-lit),.55) calc(var(--bwf-b) - 1.5%), rgba(var(--bwf-lit),.7) var(--bwf-b), rgba(var(--bwf-lit),.2) calc(var(--bwf-b) + 3.5%), transparent calc(var(--bwf-b) + 8%)),
    linear-gradient(180deg, var(--bwf-wt) var(--bwf-top), var(--bwf-wf) var(--bwf-bot));
  transition: transform .5s cubic-bezier(.2,.9,.25,1.2), filter .4s; transform-origin: 50% 100%; }
.bwf-l:hover { transform: translateY(-.045em); filter: brightness(1.35) saturate(1.1); }
.bwf-l.is-hop { animation: bwf-hop .75s cubic-bezier(.2,.8,.2,1); }
@keyframes bwf-hop { 0% { transform: translateY(0) scale(1,1); } 18% { transform: translateY(.02em) scale(1.06,.9); } 45% { transform: translateY(-.14em) scale(.97,1.05); } 70% { transform: translateY(.01em) scale(1.02,.97); } 100% { transform: translateY(-.045em) scale(1,1); } }
.bwf-foot { position: absolute; left: 0; right: 0; bottom: 0; height: 34%; z-index: 2; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(var(--bwf-bg-rgb),.55) 55%, var(--bwf-bg)); }

@media (prefers-reduced-motion: reduce) {
  .bwf .bwf-lw, .bwf .bwf-fade, .bwf .bwf-label::after, .bwf .bwf-l, .bwf .bwf-link-t { transition: none !important; animation: none !important; }
  .bwf[data-in="false"] .bwf-lw, .bwf[data-in="false"] .bwf-fade { translate: none; opacity: 1; }
  .bwf[data-in="false"] .bwf-label::after { --bwf-line: 1; }
}
