:root{--navy:#173B63;--navy-2:#102847;--copper:#E36A1A;--cream:#F5F4F0;--sage:#7C8B78;--teal:#365E61;--sand:#D9C7AF;--ink:#1d2430;--muted:#5f6773;--card:rgba(255,255,255,0.72);--border:rgba(23,59,99,0.12);--shadow:0 18px 50px rgba(16,40,71,0.10);--radius:22px;--radius-sm:16px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top left, rgba(54,94,97,.18), transparent 28%),radial-gradient(circle at top right, rgba(227,106,26,.12), transparent 24%),linear-gradient(180deg,#f7f5f1 0%,#f0efe9 100%);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max), calc(100% - 2rem));margin-inline:auto}.section{padding:72px 0}.section-tight{padding:48px 0}.eyebrow{display:inline-block;padding:.4rem .75rem;border-radius:999px;background:rgba(23,59,99,.08);color:var(--navy);font-size:.85rem;font-weight:700;letter-spacing:.02em}h1,h2,h3{line-height:1.12;margin:0 0 .8rem}h1{font-size:clamp(2.6rem,5vw,5.2rem);letter-spacing:-.03em}h2{font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em}h3{font-size:1.3rem}p{margin:0 0 1rem;color:var(--muted)}.lead{font-size:1.12rem;color:#334155;max-width:62ch}header.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(170%) blur(14px);background:rgba(245,244,240,.75);border-bottom:1px solid rgba(23,59,99,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px}.brand{display:flex;align-items:center;gap:.85rem;font-weight:800;color:var(--navy)}.brand img{width:48px;height:48px;object-fit:contain}.brand span{font-size:1rem;letter-spacing:.01em}nav.primary-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}nav.primary-nav a{padding:.45rem .65rem;border-radius:999px;color:#264160;font-weight:600}nav.primary-nav a:hover,nav.primary-nav a.active{background:rgba(23,59,99,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.2rem;border-radius:999px;border:1px solid transparent;font-weight:700;transition:.2s ease;cursor:pointer}.btn.primary{background:var(--navy);color:white;box-shadow:0 10px 24px rgba(23,59,99,.20)}.btn.primary:hover{transform:translateY(-1px);background:#112d4f}.btn.secondary{background:rgba(23,59,99,.05);color:var(--navy);border-color:rgba(23,59,99,.1)}.btn.secondary:hover{background:rgba(23,59,99,.1)}.btn.ghost{background:transparent;color:var(--navy);border-color:rgba(23,59,99,.18)}.btn-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.2rem}.hero{padding:96px 0 56px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.hero-card,.glass-card,.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:2rem}.hero-visual{min-height:480px;padding:2rem;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(17,45,79,.15), rgba(17,45,79,.62)), url('/assets/img/hero-placeholder-nature-scene.jpg') center/cover no-repeat}.hero-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.35), transparent 45%),radial-gradient(circle at 40% 82%, rgba(245,244,240,.18), transparent 24%)}.hero-visual .overlay{position:relative;z-index:1;color:white;max-width:25rem}.hero-visual .overlay p{color:rgba(255,255,255,.82)}.grid-2,.grid-3,.grid-4,.grid-5{display:grid;gap:1.25rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.card{padding:1.4rem}.card .kicker{font-size:.78rem;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.card p:last-child{margin-bottom:0}.logo-badge{width:82px;height:82px;border-radius:20px;background:rgba(255,255,255,.72);display:grid;place-items:center;padding:.7rem;border:1px solid rgba(23,59,99,.08);margin-bottom:1rem}.logo-badge img{max-height:100%;max-width:100%;object-fit:contain}.album-feature{display:grid;grid-template-columns:.7fr 1.1fr;gap:1.5rem;align-items:center}.album-cover{aspect-ratio:1/1;border-radius:28px;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(165deg, rgba(227,106,26,.25), rgba(23,59,99,.85)),radial-gradient(circle at 30% 25%, rgba(245,244,240,.35), transparent 20%),radial-gradient(circle at 70% 68%, rgba(124,139,120,.35), transparent 24%);color:white;box-shadow:0 22px 54px rgba(16,40,71,.20)}.album-cover small{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)}.album-cover h3{font-size:1.9rem;max-width:12ch}.badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:800;background:rgba(54,94,97,.11);color:var(--teal)}.pillars .card{min-height:210px}.coming-soon .card{position:relative}.coming-soon .status{position:absolute;top:1rem;right:1rem}.brucie-panel{display:grid;grid-template-columns:.7fr 1fr;gap:1.5rem;align-items:center}.brucie-panel .image-shell{border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#e7e0d6,#f5f0e8);padding:1.1rem;border:1px solid rgba(23,59,99,.08)}form.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}label{display:block;font-size:.92rem;font-weight:700;color:#223a57;margin-bottom:.45rem}input,textarea,select{width:100%;padding:.95rem 1rem;border-radius:16px;border:1px solid rgba(23,59,99,.15);background:rgba(255,255,255,.85);font:inherit;color:var(--ink);margin-bottom:1rem}textarea{min-height:150px;resize:vertical}.form-note,.tiny{font-size:.9rem;color:var(--muted)}.notice{padding:1rem 1.1rem;border-radius:16px;background:rgba(23,59,99,.06);border:1px solid rgba(23,59,99,.10);color:#233e5e}.split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}footer.site-footer{margin-top:72px;padding:32px 0 48px;border-top:1px solid rgba(23,59,99,.08)}.footer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:.8rem 1rem}.footer-links a{color:#304a67;font-weight:600}.page-hero{padding:76px 0 28px}.page-hero .glass-card{padding:1.8rem}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.3rem}.list-clean{padding-left:1.2rem;color:var(--muted)}.list-clean li{margin-bottom:.45rem}.callout{padding:1.25rem 1.35rem;border-radius:22px;background:linear-gradient(180deg, rgba(245,244,240,.82), rgba(255,255,255,.64));border:1px solid rgba(23,59,99,.1)}.small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hidden{display:none}@media (max-width: 1024px){.hero-grid,.album-feature,.brucie-panel,.split,.footer-grid{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.grid-5,.grid-4,.grid-3,.grid-2,.small-grid{grid-template-columns:1fr}h1{font-size:2.5rem}.hero{padding-top:64px}nav.primary-nav{display:none}.nav-wrap{padding:12px 0}}


:root{
  --bg:#101b3f;
  --bg-alt:#16285a;
  --surface:rgba(26,41,90,.78);
  --surface-strong:rgba(20,31,71,.92);
  --surface-soft:rgba(255,255,255,.08);
  --card-border:rgba(255,255,255,.11);
  --text:#f8f4ef;
  --muted:#d8d2dd;
  --primary:#f0b08b;
  --primary-deep:#e57f45;
  --accent:#8ea4ee;
  --accent-soft:#f6dcc5;
  --success:#9fd2bf;
  --shadow:0 24px 64px rgba(3,8,25,.32);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 18% 14%, rgba(250,171,123,.18), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(128,146,234,.17), transparent 34%),
    linear-gradient(180deg, #1c2f68 0%, #14224f 40%, #0f1a3d 100%);
  color:var(--text);
}
a{color:inherit}
.site-header{
  background:rgba(10,17,42,.72);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(18px);
}
.brand img{
  width:52px;height:52px;object-fit:contain;border-radius:50%;
  background:transparent; box-shadow:0 10px 26px rgba(4,8,22,.22);
}
.primary-nav a{color:rgba(248,244,239,.82)}
.primary-nav a:hover,.primary-nav a:focus-visible{color:#fff;background:rgba(255,255,255,.08)}
.btn{border-radius:999px}
.btn.primary{
  background:linear-gradient(135deg,var(--primary) 0%, #f6c1a0 100%);
  color:#1a1f37; box-shadow:0 18px 35px rgba(240,176,139,.26);
}
.btn.primary:hover,.btn.primary:focus-visible{filter:brightness(1.02);transform:translateY(-1px)}
.btn.secondary{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.12); color:var(--text)}
.btn.secondary:hover,.btn.secondary:focus-visible,
.btn.ghost:hover,.btn.ghost:focus-visible{background:rgba(255,255,255,.14)}
.btn.ghost{border-color:rgba(255,255,255,.16); color:var(--text)}
.eyebrow,.kicker,.badge,.status{
  background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.08)
}
.lead,.card p,.panel,.notice,.form-note,.footer-links a,.site-footer .lead{color:var(--muted)}
.hero{padding-top:8.5rem; position:relative}
.hero-grid{align-items:stretch; gap:2rem}
.hero-card{
  background:linear-gradient(180deg, rgba(10,17,42,.28), rgba(10,17,42,.08));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
  backdrop-filter: blur(8px);
}
.hero-card h1{font-size:clamp(2.8rem,5.8vw,5.7rem); line-height:.94; letter-spacing:-.05em}
.hero-card .lead{font-size:1.16rem; max-width:58ch; color:#e9e3ec}
.hero-visual{
  position:relative;
  min-height:640px;
  border-radius:34px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(14,22,52,.06), rgba(11,16,41,.62)),
    url('/assets/img/hero-twilight.jpg') center/cover no-repeat;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 34px 80px rgba(4,10,28,.38);
}
.hero-visual::before{
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(circle at 70% 28%, rgba(247,177,129,.34), transparent 18%),
    linear-gradient(90deg, rgba(10,17,42,.12), rgba(10,17,42,.48));
}
.hero-visual .overlay{
  position:absolute; inset:auto 0 0 0; z-index:1;
  padding:2rem;
  background:linear-gradient(180deg, rgba(10,17,42,0), rgba(10,17,42,.18) 15%, rgba(10,17,42,.72));
}
.hero-visual h2{font-size:clamp(2.2rem,4.8vw,4.2rem); line-height:.98; max-width:11ch; letter-spacing:-.05em}
.hero-visual p{max-width:48ch; color:#f0e7eb; font-size:1.1rem}
.section{padding:5rem 0}
.glass-card,.card,.panel,.callout,.notice,.image-shell{
  background:var(--surface);
  border-color:var(--card-border);
  box-shadow:var(--shadow);
  backdrop-filter: blur(12px);
}
.card,.panel,.callout,.glass-card{border:1px solid var(--card-border)}
.logo-badge{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,240,234,.96));
  border:1px solid rgba(255,255,255,.14);
  width:112px; height:112px; border-radius:50%; padding:1rem;
  box-shadow:0 18px 30px rgba(0,0,0,.18);
}
.logo-badge img{object-fit:contain}
.album-feature{align-items:center}
.album-cover{
  position:relative;
  min-height:480px;
  background:
    linear-gradient(180deg, rgba(15,20,42,.06), rgba(15,20,42,.18)),
    url('/assets/img/album-cover.jpg') center/cover no-repeat;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 70px rgba(4,10,28,.36);
  overflow:hidden;
}
.album-cover::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(12,16,36,.04), rgba(12,16,36,.2) 50%, rgba(12,16,36,.72));
}
.album-cover > *{position:relative; z-index:1}
.album-cover small,.album-cover h3{color:#fff; text-shadow:0 6px 20px rgba(0,0,0,.35)}
.album-cover .badge{background:rgba(255,255,255,.12)}
.image-shell{background:rgba(255,255,255,.05)}
.image-shell img{display:block; width:100%; height:auto; border-radius:26px}
input,select,textarea{
  background:rgba(255,255,255,.09); color:var(--text); border:1px solid rgba(255,255,255,.12)
}
input::placeholder,textarea::placeholder{color:rgba(248,244,239,.55)}
.site-footer{
  background:linear-gradient(180deg, rgba(9,15,35,.2), rgba(7,11,27,.92));
  border-top:1px solid rgba(255,255,255,.08)
}
.callout{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05))}
@media (max-width: 900px){
  .hero-card h1{font-size:clamp(2.6rem,13vw,4.1rem)}
  .hero-visual{min-height:540px}
  .hero-visual h2{max-width:9ch}
}


/* Hero refresh v5 */
.hero{padding-top:8.25rem;padding-bottom:2.5rem;position:relative}
.hero-showcase{
  position:relative;
  min-height:680px;
  display:flex;
  align-items:flex-end;
  border-radius:36px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 34px 84px rgba(4,10,28,.38);
  background:
    linear-gradient(90deg, rgba(11,18,44,.78) 0%, rgba(11,18,44,.45) 36%, rgba(11,18,44,.2) 62%, rgba(11,18,44,.12) 100%),
    linear-gradient(180deg, rgba(13,22,53,.1) 0%, rgba(13,22,53,.18) 54%, rgba(13,22,53,.72) 100%),
    url('/assets/img/hero-breathe-v2.jpg') center center/cover no-repeat;
}
.hero-showcase::before{
  content:'';
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 74% 28%, rgba(244,177,133,.32), transparent 16%),
    radial-gradient(circle at 68% 34%, rgba(125,144,228,.22), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.hero-panel{
  position:relative;z-index:1;
  max-width:620px;
  margin:0 0 3rem 2.25rem;
  padding:2rem 2rem 1.9rem;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(23,35,82,.58), rgba(17,27,63,.42));
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(10px);
  box-shadow:0 20px 40px rgba(4,10,28,.22);
}
.hero-panel h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.94;letter-spacing:-.055em;margin-bottom:1rem}
.hero-panel .lead{font-size:1.22rem;line-height:1.62;color:#f0e8ee;max-width:32ch;margin-bottom:1.5rem}
.hero-panel .eyebrow{display:inline-flex;margin-bottom:1.25rem;background:rgba(255,255,255,.12)}
.hero-breathe{
  position:absolute;right:2rem;bottom:2rem;z-index:1;
  display:flex;justify-content:flex-end;
}
.hero-breathe span{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.9rem 1.2rem;border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;font-weight:600;backdrop-filter:blur(10px);
}
.hero-grid,.hero-card,.hero-visual{all:unset}
@media (max-width: 960px){
  .hero-showcase{min-height:620px;background-position:62% center}
  .hero-panel{margin:0 1rem 1rem;padding:1.35rem 1.2rem 1.25rem;max-width:calc(100% - 2rem)}
  .hero-panel .lead{max-width:none;font-size:1.06rem}
  .hero-breathe{right:1rem;bottom:1rem}
  .hero-breathe span{font-size:.95rem;padding:.75rem 1rem}
}
@media (max-width: 640px){
  .hero{padding-top:7.5rem}
  .hero-showcase{min-height:560px;background-position:66% center}
  .hero-panel h1{font-size:clamp(2.55rem,12vw,4rem)}
  .hero-breathe{display:none}
}


/* Hero refresh v6 */
.hero{padding-top:8.25rem;padding-bottom:2.5rem;position:relative}
.hero-showcase{position:relative;min-height:700px;display:flex;align-items:flex-end;border-radius:36px;overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 70px rgba(6,11,28,.24),0 8px 22px rgba(12,18,42,.12);background:url('/assets/img/hero-immersive-v7.jpg') center center/cover no-repeat}
.hero-showcase::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0) 24%,rgba(11,18,44,.18) 68%,rgba(11,18,44,.42) 100%)}
.hero-panel{position:relative;z-index:2;max-width:640px;margin:0 0 3.2rem 3rem;padding:0;background:none;border:none;box-shadow:none;backdrop-filter:none}
.hero-panel h1{font-size:clamp(3.15rem,6vw,6rem);line-height:.93;letter-spacing:-.06em;margin:0 0 1rem;text-wrap:balance;max-width:10ch;color:#fff8f8}
.hero-panel .lead{font-size:1.22rem;line-height:1.65;color:#f2e9ef;max-width:34ch;margin:0 0 1.65rem;text-shadow:0 4px 18px rgba(8,13,31,.22)}
.hero-panel .eyebrow{display:inline-flex;margin:0 0 1.35rem;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.hero-actions{gap:.9rem;flex-wrap:wrap}
.hero-actions .btn{box-shadow:0 12px 32px rgba(7,12,28,.16)}
.hero-breathe{position:absolute;right:2rem;bottom:2rem;z-index:2}
.hero-breathe span{display:inline-flex;align-items:center;padding:.9rem 1.2rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#fff;font-weight:600;letter-spacing:-.01em}
.hero-grid,.hero-card,.hero-visual{display:unset}
@media (max-width: 1100px){.hero-showcase{min-height:640px;background-position:62% center}.hero-panel{margin:0 0 2rem 2rem;max-width:540px}}
@media (max-width: 800px){.hero-showcase{min-height:560px;background-position:68% center}.hero-panel{margin:0 1.15rem 1.25rem;padding:0;max-width:calc(100% - 2.3rem)}.hero-panel .lead{font-size:1.05rem;max-width:30ch}.hero-breathe{display:none}}
@media (max-width: 560px){.hero{padding-top:7.5rem}.hero-showcase{min-height:520px;border-radius:28px}.hero-panel h1{font-size:clamp(2.6rem,12vw,4rem)}.hero-panel .lead{max-width:none}.hero-actions .btn{width:auto}}


/* Album cover artwork refinement */
.album-cover{background-image:url('/assets/img/album-cover.jpg');background-size:contain;background-repeat:no-repeat;background-position:center 52%;background-color:#1f2f6d;}
.album-cover::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(16,24,68,.18) 0%,rgba(16,24,68,0) 24%,rgba(16,24,68,0) 72%,rgba(16,24,68,.14) 100%);pointer-events:none;}
.album-cover small,.album-cover .badge{position:relative;z-index:1;}
.album-cover h3{display:none;}