:root{
  --bg:#050707;
  --bg2:#090d0c;
  --panel:#0d1110;
  --panel2:#101614;
  --jade:#1fa06f;
  --jade-dark:#0f6046;
  --jade-pale:#b7ded0;
  --ember:#bf5b23;
  --ember-bright:#d97433;
  --silver:#d7dcda;
  --muted:#a3ada9;
  --line:rgba(182,224,208,.14);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#f3f6f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.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}

.site-header{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(5,7,7,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.08em}
.brand img{border-radius:4px;box-shadow:0 0 28px rgba(191,91,35,.18)}
.brand span{display:flex;flex-direction:column;line-height:1.05}
.brand strong{font-family:Georgia,"Times New Roman",serif;font-size:14px;letter-spacing:.12em}
.brand small{margin-top:4px;color:#aeb7b3;font-size:10px;letter-spacing:.27em}
.nav{display:flex;gap:30px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em}
.nav a{color:#d9e0dd;transition:.2s}
.nav a:hover,.nav a.active{color:var(--ember-bright)}
.nav-toggle{display:none;background:none;border:0;color:white;font-size:26px}

.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,7,7,.99) 0%,rgba(5,7,7,.90) 45%,rgba(5,7,7,.95) 100%);border-bottom:1px solid rgba(255,255,255,.06)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.hero-home{min-height:640px;display:flex;align-items:flex-start}
.ghost-ember{position:absolute;right:-70px;top:10px;width:min(760px,64vw);aspect-ratio:1;background:url('/assets/ember-background.png') center/contain no-repeat;opacity:.19;filter:saturate(1.03) contrast(1.16) brightness(1.04);mix-blend-mode:screen;transform:rotate(6deg);pointer-events:none}
.hero-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:0 auto}
.hero-inner-home{padding:72px 0 70px;display:flex;flex-direction:column;align-items:center;text-align:center}
.eyebrow{margin:0 0 20px;color:var(--ember-bright);font-weight:900;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.eyebrow-home{font-size:22px;letter-spacing:.34em;text-align:center;margin:20px 0 6px;width:100%;white-space:nowrap;position:relative;transform:translate(72px,22px);z-index:3}
.hero-logo{mix-blend-mode:screen;filter:contrast(1.06) saturate(1.05)}
.hero-logo-home{width:min(1040px,94vw);margin:0 auto -6px;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%)}
.hero-copy{color:#d6ddd9}
.hero-copy-home{max-width:900px;margin:0 auto 24px;font-size:22px;font-weight:600;text-align:center;position:relative;transform:translate(72px,-25px);z-index:3}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-actions-home{justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:2px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em;transition:.2s}
.btn-primary{background:linear-gradient(135deg,#a84d1e,var(--ember-bright));box-shadow:0 10px 30px rgba(191,91,35,.18);color:#fff}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(191,91,35,.28)}
.btn-secondary{border-color:rgba(182,224,208,.28);background:rgba(255,255,255,.025);color:#dce6e2}
.btn-secondary:hover{border-color:var(--jade);color:#fff}
.btn-secondary-warm{background:linear-gradient(135deg,#a84d1e,var(--ember-bright));border-color:transparent;color:#fff;box-shadow:0 10px 30px rgba(191,91,35,.18)}
.btn-secondary-warm:hover{transform:translateY(-1px);border-color:transparent;color:#fff;background:linear-gradient(135deg,#a84d1e,var(--ember-bright));box-shadow:0 14px 34px rgba(191,91,35,.28)}

.page-hero{position:relative;overflow:hidden;padding:92px 0 42px;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 78% 15%,rgba(13,95,69,.16),transparent 30%),linear-gradient(180deg,#080b0a,#050707)}
.page-hero:after{content:"";position:absolute;right:-70px;top:-100px;width:520px;height:520px;background:url('/assets/ember-background.png') center/contain no-repeat;opacity:.115;filter:saturate(1.02) brightness(1.03);transform:rotate(12deg);pointer-events:none}
.compact-hero{padding:86px 0 26px}
.page-hero-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:auto}
.page-hero h1{margin:.05em 0 .18em;font-family:Georgia,serif;font-size:clamp(44px,6vw,80px);font-weight:500;letter-spacing:-.04em}
.page-hero p:not(.eyebrow){max-width:760px;color:#c0c9c5;font-size:18px}

.page-band{border-bottom:1px solid rgba(255,255,255,.055)}
.page-band.jade{background:radial-gradient(circle at 15% 0,rgba(33,168,115,.10),transparent 34%),#080b0a}
.page-band.dark{background:#050707}
.page-band.ember{background:radial-gradient(circle at 90% 10%,rgba(191,91,35,.09),transparent 31%),#080909}
.section{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:80px 0}
.section-tight{padding:46px 0 72px}
.section-heading{max-width:760px;margin-bottom:42px}
.section-heading h2,.about-grid h2,.contact-panel h2{margin:.1em 0 .4em;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,64px);font-weight:500;letter-spacing:-.03em}
.section-heading p:not(.eyebrow),.about-copy,.contact-panel p{color:#aab5b1}

.artist-card{position:relative;display:grid;grid-template-columns:180px 1fr;gap:38px;align-items:center;padding:42px;background:linear-gradient(135deg,rgba(17,30,26,.94),rgba(10,14,13,.93));border:1px solid rgba(33,168,115,.25);box-shadow:inset 0 1px rgba(255,255,255,.03),0 24px 70px rgba(0,0,0,.25);overflow:hidden}
.artist-card:before{content:"";position:absolute;right:-100px;top:-150px;width:430px;height:430px;background:radial-gradient(circle,rgba(33,168,115,.14),transparent 67%)}
.artist-card-featured{min-height:0;grid-template-columns:1fr;gap:0;padding:0;align-items:stretch}
.artist-photo{position:relative;min-height:0;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid rgba(33,168,115,.22);background:#030404}
.artist-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 78%,rgba(7,12,10,.24));pointer-events:none}
.artist-photo img{width:100%;height:100%;object-fit:contain;object-position:center}
.artist-details{position:relative;z-index:1;padding:36px 42px 42px}
.artist-mark{position:relative;display:grid;place-items:center;width:150px;height:150px;border:1px solid rgba(191,91,35,.42);font-family:Georgia,serif;font-size:40px;letter-spacing:.08em;background:radial-gradient(circle at 45% 45%,rgba(191,91,35,.22),rgba(13,95,69,.2) 42%,rgba(0,0,0,.44) 70%);box-shadow:0 0 35px rgba(191,91,35,.10)}
.artist-card h3,.update-card h3{margin:0 0 8px;font-family:Georgia,serif;font-size:36px;font-weight:500}
.artist-card p{max-width:760px;color:#bac4c0;font-size:18px}
.artist-chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 6px}
.artist-chips span{padding:7px 12px;border:1px solid rgba(182,224,208,.16);background:rgba(255,255,255,.03);color:#dce7e2;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.micro,.date{color:var(--jade-pale)!important;font-size:11px!important;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.text-link{display:inline-block;margin-top:8px;color:var(--ember-bright);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em}

.artists-page .page-hero-inner{text-align:center}
.artists-page .page-hero p:not(.eyebrow){margin-left:auto;margin-right:auto}
.artists-page .page-hero:after{left:50%;right:auto;top:-5px;width:540px;height:680px;opacity:.20;transform:translateX(-50%) rotate(5deg)}
.artists-page .page-band.jade:after{left:50%;right:auto;transform:translateX(-50%) rotate(-6deg)}

.update-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.update-card{min-height:240px;padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));border:1px solid var(--line)}
.update-card p:last-child{color:#9eaaa5}
.date{color:var(--ember-bright)!important}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.about-copy{font-size:18px}
.statement{color:#d9e7e1!important;font-family:Georgia,serif;font-size:28px}
.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px;border:1px solid rgba(191,91,35,.22);background:radial-gradient(circle at 100% 0,rgba(191,91,35,.11),transparent 33%),linear-gradient(135deg,rgba(13,95,69,.10),rgba(255,255,255,.015))}

footer{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:34px 0 50px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#77827e;font-size:12px}
.footer-brand{display:flex;align-items:center;gap:10px;color:#b9c1be;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.footer-brand img{border-radius:3px}
.footer-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;color:#aab3af;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.footer-nav a{transition:color .2s}
.footer-nav a:hover,.footer-nav a.active{color:var(--ember-bright)}
.footer-legal{margin:0;text-align:right}

@media(max-width:760px){
  .site-header{height:70px;padding:0 20px}
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:0;background:#070a09;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .nav a{padding:16px 24px;border-top:1px solid rgba(255,255,255,.04)}
  .brand strong{font-size:12px}
  .hero-home{min-height:560px}
  .ghost-ember{width:100vw;right:-35%;top:70px;opacity:.17}
  .hero-inner{width:calc(100% - 36px)}
  .hero-inner-home{padding:44px 0 68px}
  .eyebrow-home{font-size:16px;letter-spacing:.22em;margin:14px 0 4px;white-space:normal;transform:translate(0,12px)}
  .hero-logo-home{width:116%;max-width:none;margin-left:-8%;margin-right:-8%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%)}
  .hero-copy-home{font-size:18px;margin-top:0;transform:translate(0,-14px)}
  .hero-actions-home{width:100%;gap:12px}
  .hero-actions-home .btn{flex:1 1 180px}
  .page-hero,.compact-hero{padding:80px 0 22px}
  .page-hero-inner,.section{width:calc(100% - 36px)}
  .section{padding:64px 0}
  .section-tight{padding:34px 0 58px}
  .artist-card{grid-template-columns:1fr;padding:28px;gap:24px}
  .artist-card-featured{grid-template-columns:1fr;padding:0;gap:0}
  .artist-photo{min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:1px solid rgba(33,168,115,.22)}
  .artist-photo:after{background:linear-gradient(180deg,transparent 72%,rgba(7,12,10,.36))}
  .artist-details{padding:28px}
  .artists-page .page-hero:after{left:50%;right:auto;top:30px;width:125vw;height:140vw;opacity:.17;transform:translateX(-50%) rotate(5deg)}
  .artists-page .page-band.jade:after{left:50%;right:auto;transform:translateX(-50%) rotate(-6deg)}
  .artist-mark{width:110px;height:110px;font-size:34px}
  .artist-card h3,.update-card h3{font-size:30px}
  .artist-card p{font-size:17px}
  .update-grid,.about-grid{grid-template-columns:1fr}
  .about-grid{gap:22px}
  .contact-panel{align-items:flex-start;flex-direction:column;padding:28px}
  .contact-panel .btn{width:100%;text-transform:none;font-size:13px}
  footer{width:calc(100% - 36px);flex-direction:column;align-items:flex-start;gap:16px}
  .footer-nav{justify-content:flex-start;gap:8px 16px}
  .footer-legal{text-align:left}
}

/* v6: explicit current-page state */
.nav a.active,.nav a[aria-current="page"]{color:var(--ember-bright)!important;text-shadow:0 0 16px rgba(217,116,51,.18)}

/* v8 refinements */
.hero-actions-home .btn-outline-ember,
.btn-outline-ember{
  background:rgba(5,7,7,.88);
  border:1px solid rgba(217,116,51,.78);
  color:#f4f5f4;
  box-shadow:none;
}
.hero-actions-home .btn-outline-ember:hover,
.btn-outline-ember:hover{
  background:rgba(217,116,51,.045);
  border-color:var(--ember-bright);
  color:#fff;
  box-shadow:0 0 0 1px rgba(217,116,51,.05),0 0 22px rgba(217,116,51,.10);
  transform:translateY(-1px);
}

/* Make the ghosted ember actually visible on interior pages */
.page-hero:after{
  right:-30px;
  top:-145px;
  width:620px;
  height:620px;
  opacity:.20;
  filter:saturate(1.08) brightness(1.08) contrast(1.08);
  mix-blend-mode:screen;
}
.page-band-with-ember,.page-band.jade,.page-band.dark,.page-band.ember{position:relative;overflow:hidden}
.page-band-with-ember:after,.page-band.jade:after,.page-band.dark:after,.page-band.ember:after{
  content:"";
  position:absolute;
  right:-150px;
  bottom:-230px;
  width:600px;
  height:600px;
  background:url('/assets/ember-background.png') center/contain no-repeat;
  opacity:.08;
  filter:saturate(1.08) brightness(1.05);
  mix-blend-mode:screen;
  transform:rotate(-8deg);
  pointer-events:none;
}
.page-band .section{position:relative;z-index:2}

.contact-form-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start;padding:44px;border:1px solid rgba(217,116,51,.24);background:linear-gradient(135deg,rgba(16,22,20,.92),rgba(7,10,9,.95));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.contact-form-intro h2{margin:.12em 0 .32em;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4.7vw,58px);font-weight:500;letter-spacing:-.03em}
.contact-form-intro p:not(.eyebrow){color:#aab5b1;font-size:18px}
.contact-form{display:grid;gap:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:grid;gap:8px;color:#cfd7d3;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(182,224,208,.18);background:rgba(3,5,5,.74);color:#f4f6f5;border-radius:2px;padding:14px 15px;font:inherit;outline:none;transition:.18s}
.contact-form textarea{resize:vertical;min-height:170px}
.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(217,116,51,.72);box-shadow:0 0 0 2px rgba(217,116,51,.07)}
.form-submit{justify-self:start;min-width:170px}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}

@media(max-width:760px){
  .page-hero:after{right:-42%;top:-70px;width:100vw;height:100vw;opacity:.18}
  .page-band-with-ember:after,.page-band.jade:after,.page-band.dark:after,.page-band.ember:after{right:-55%;bottom:-120px;width:110vw;height:110vw;opacity:.065}
  .contact-form-wrap{grid-template-columns:1fr;gap:30px;padding:28px}
  .form-grid{grid-template-columns:1fr}
  .form-submit{width:100%}
}

/* v10 consolidated refinements */
/* Use the isolated ember artwork everywhere so no stray logo lettering appears. */
.ghost-ember,
.page-hero:after,
.page-band-with-ember:after,
.page-band.jade:after,
.page-band.dark:after,
.page-band.ember:after{
  background-image:url('/assets/ember-only.png') !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}

/* Interior pages: visible ghosted ember, not buried. */
.page-hero:after{
  right:2.5%;
  top:-70px;
  width:430px;
  height:620px;
  opacity:.24;
  filter:saturate(1.12) brightness(1.12) contrast(1.06);
  mix-blend-mode:screen;
  transform:rotate(5deg);
}
.page-band-with-ember:after,.page-band.jade:after,.page-band.dark:after,.page-band.ember:after{
  right:-45px;
  bottom:-155px;
  width:430px;
  height:610px;
  opacity:.11;
  filter:saturate(1.10) brightness(1.08);
  mix-blend-mode:screen;
  transform:rotate(-6deg);
}

/* Home buttons: identical thin ember outlines. */
.hero-actions-home .btn{
  background:rgba(5,7,7,.90) !important;
  border:1px solid rgba(217,116,51,.82) !important;
  color:#f4f5f4 !important;
  box-shadow:none !important;
}
.hero-actions-home .btn:hover{
  background:rgba(217,116,51,.045) !important;
  border-color:var(--ember-bright) !important;
  box-shadow:0 0 20px rgba(217,116,51,.10) !important;
}

/* Contact page: one centered, compact form instead of split columns. */
.contact-page .page-hero{padding-bottom:34px}
.contact-page .page-hero-inner{max-width:900px}
.contact-form-section{position:relative;overflow:hidden}
.contact-form-section:after{
  content:"";
  position:absolute;
  right:-40px;
  top:-80px;
  width:430px;
  height:610px;
  background:url('/assets/ember-only.png') center/contain no-repeat;
  opacity:.13;
  filter:saturate(1.12) brightness(1.08);
  mix-blend-mode:screen;
  pointer-events:none;
}
.contact-form-card{
  position:relative;
  z-index:2;
  width:min(780px,100%);
  margin:0 auto;
  padding:38px;
  border:1px solid rgba(217,116,51,.24);
  background:rgba(12,17,16,.88);
  box-shadow:0 22px 60px rgba(0,0,0,.26);
}
.contact-form-card .contact-form{gap:16px}
.contact-form-card .form-grid{gap:16px}
.contact-form-card .contact-form input,
.contact-form-card .contact-form textarea{
  background:#151b19;
  border:1px solid rgba(215,220,218,.22);
  color:#fff;
}
.contact-form-card .contact-form input:hover,
.contact-form-card .contact-form textarea:hover{
  border-color:rgba(217,116,51,.42);
}
.contact-form-card .contact-form input:focus,
.contact-form-card .contact-form textarea:focus{
  background:#18201d;
  border-color:var(--ember-bright);
  box-shadow:0 0 0 2px rgba(217,116,51,.08);
}
.contact-form-card .form-submit{margin-top:4px}

@media(max-width:760px){
  .page-hero:after{right:-28%;top:-30px;width:82vw;height:115vw;opacity:.20}
  .page-band-with-ember:after,.page-band.jade:after,.page-band.dark:after,.page-band.ember:after{right:-42%;bottom:-100px;width:90vw;height:125vw;opacity:.09}
  .contact-form-section:after{right:-45%;top:-20px;width:95vw;height:130vw;opacity:.10}
  .contact-form-card{padding:24px}
}


/* v11 contact-page redesign + slightly brighter site-wide ghost ember */
.ghost-ember{opacity:.22;filter:saturate(1.08) contrast(1.16) brightness(1.08)}
.page-hero:after{opacity:.28;filter:saturate(1.16) brightness(1.15) contrast(1.07)}
.page-band-with-ember:after,.page-band.jade:after,.page-band.dark:after,.page-band.ember:after{opacity:.13;filter:saturate(1.14) brightness(1.12)}

.contact-page .page-hero.contact-hero{
  padding:54px 0 20px;
  min-height:0;
}
.contact-page .contact-hero-inner{
  max-width:860px;
}
.contact-page .contact-hero .eyebrow{
  margin-bottom:8px;
}
.contact-page .contact-hero h1{
  margin:0 0 4px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,4.8vw,62px);
  font-weight:500;
  letter-spacing:-.03em;
  color:var(--jade);
  text-shadow:0 0 18px rgba(31,160,111,.12);
}
.contact-page .contact-hero p:not(.eyebrow){
  margin:0;
  font-size:17px;
  color:#c5ceca;
}
.contact-page .contact-form-section .section{
  padding:24px 0 54px;
}
.contact-form-section:after{
  right:1.5%;
  top:-110px;
  width:390px;
  height:560px;
  opacity:.18;
  filter:saturate(1.16) brightness(1.12);
}
.contact-form-card{
  width:min(760px,100%);
  padding:30px 32px 28px;
  border:1px solid rgba(31,160,111,.32);
  background:linear-gradient(180deg,rgba(16,30,25,.94),rgba(10,18,16,.96));
  box-shadow:0 20px 52px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.02);
}
.contact-form-card .contact-form{gap:12px}
.contact-form-card .form-grid{gap:12px}
.contact-form label{gap:6px;color:var(--jade-pale)}
.contact-form-card .contact-form input,
.contact-form-card .contact-form textarea{
  background:#14241f;
  border:1px solid rgba(31,160,111,.38);
  color:#f5f7f6;
  padding:12px 13px;
}
.contact-form-card .contact-form textarea{
  min-height:125px;
  rows:5;
}
.contact-form-card .contact-form input:hover,
.contact-form-card .contact-form textarea:hover{
  border-color:rgba(31,160,111,.68);
}
.contact-form-card .contact-form input:focus,
.contact-form-card .contact-form textarea:focus{
  background:#183029;
  border-color:#2dc889;
  box-shadow:0 0 0 2px rgba(45,200,137,.09);
}
.contact-form-card .form-submit{
  margin-top:2px;
  background:rgba(5,7,7,.92);
  border:1px solid rgba(217,116,51,.82);
}
@media(max-width:760px){
  .contact-page .page-hero.contact-hero{padding:42px 0 14px}
  .contact-page .contact-hero h1{font-size:36px}
  .contact-page .contact-form-section .section{padding:18px 0 42px}
  .contact-form-card{padding:22px}
  .contact-form-section:after{right:-42%;top:-30px;width:90vw;height:125vw;opacity:.12}
}

/* v12 final homepage alignment: center lower copy/actions beneath the JADED EMBER / ENTERTAINMENT wordmark rather than the full artwork. */
@media(min-width:761px){
  .hero-copy-home{
    transform:translate(84px,-36px);
    margin-bottom:14px;
  }
  .hero-actions-home{
    position:relative;
    transform:translateX(84px);
  }
}


/* v13 contact page: use the same ghosted ember treatment as the homepage, behind the form, and pull the form upward a bit. */
.contact-page .page-hero.contact-hero{
  padding:50px 0 8px;
}
.contact-page .contact-hero-inner{
  max-width:860px;
}
.contact-page .contact-form-section{
  position:relative;
  overflow:hidden;
}
.contact-page .contact-form-section .section{
  position:relative;
  z-index:2;
  padding:6px 0 44px;
  margin-top:-4px;
}
.contact-page .contact-form-section:after{
  content:"";
  position:absolute;
  left:50%;
  top:-34px;
  width:min(760px,72vw);
  height:540px;
  background:url('/assets/ember-only.png') center/contain no-repeat;
  opacity:.21;
  filter:saturate(1.10) contrast(1.15) brightness(1.08);
  mix-blend-mode:screen;
  transform:translateX(-2%) rotate(5deg);
  pointer-events:none;
  z-index:1;
}
.contact-page .contact-form-card{
  position:relative;
  z-index:2;
  width:min(760px,100%);
  margin:0 auto;
  padding:26px 28px 24px;
  background:rgba(11,18,16,.58);
  border:1px solid rgba(31,160,111,.34);
  box-shadow:0 20px 52px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.03);
  backdrop-filter:blur(1.5px);
}
.contact-page .contact-form-card .contact-form{gap:11px}
.contact-page .contact-form-card .form-grid{gap:12px}
.contact-page .contact-form-card .contact-form input,
.contact-page .contact-form-card .contact-form textarea{
  background:rgba(20,36,31,.74);
  border:1px solid rgba(31,160,111,.42);
}
@media(max-width:760px){
  .contact-page .page-hero.contact-hero{padding:40px 0 10px}
  .contact-page .contact-form-section .section{padding:6px 0 36px;margin-top:0}
  .contact-page .contact-form-section:after{
    left:50%;
    top:-10px;
    width:104vw;
    height:122vw;
    opacity:.17;
    transform:translateX(-50%) rotate(4deg);
  }
  .contact-page .contact-form-card{
    padding:22px;
    background:rgba(11,18,16,.66);
  }
}


/* v14 contact page: white title, transparent fields, stronger jade outlines, ember visible through form */
.contact-page .contact-hero h1{
  color:#f2f4f3 !important;
  text-shadow:0 0 14px rgba(255,255,255,.05) !important;
}
.contact-page .contact-form-card{
  background:rgba(5,7,7,.10) !important;
  border:1px solid rgba(31,160,111,.34) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.contact-page .contact-form-card .contact-form input,
.contact-page .contact-form-card .contact-form textarea{
  background:rgba(5,7,7,.05) !important;
  border:2px solid rgba(31,160,111,.62) !important;
  color:#f5f7f6 !important;
  box-shadow:none !important;
}
.contact-page .contact-form-card .contact-form input:hover,
.contact-page .contact-form-card .contact-form textarea:hover{
  border-color:rgba(45,200,137,.82) !important;
}
.contact-page .contact-form-card .contact-form input:focus,
.contact-page .contact-form-card .contact-form textarea:focus{
  background:rgba(5,7,7,.08) !important;
  border-color:#2dc889 !important;
  box-shadow:0 0 0 2px rgba(45,200,137,.08) !important;
}
.contact-page .contact-form label{
  color:#e8efec !important;
}
.contact-page .contact-form-section:after{
  opacity:.24 !important;
  filter:saturate(1.12) contrast(1.16) brightness(1.10) !important;
}


/* v15 contact page: truly transparent fields and one centered ember behind the form. */
.contact-page .page-hero:after{
  display:none !important;
}
.contact-page .contact-form-section:after{
  left:50% !important;
  right:auto !important;
  top:-125px !important;
  width:min(900px,84vw) !important;
  height:720px !important;
  opacity:.25 !important;
  transform:translateX(-50%) rotate(4deg) !important;
  background:url('/assets/ember-only.png') center/contain no-repeat !important;
  filter:saturate(1.14) contrast(1.16) brightness(1.11) !important;
  mix-blend-mode:screen !important;
}
.contact-page .contact-form-card{
  background:transparent !important;
  border:1px solid rgba(31,160,111,.28) !important;
}
.contact-page .contact-form-card .contact-form input,
.contact-page .contact-form-card .contact-form textarea{
  background:transparent !important;
  border:2px solid rgba(31,160,111,.74) !important;
  box-shadow:none !important;
}
.contact-page .contact-form-card .contact-form input:hover,
.contact-page .contact-form-card .contact-form textarea:hover{
  background:transparent !important;
  border-color:rgba(45,200,137,.92) !important;
}
.contact-page .contact-form-card .contact-form input:focus,
.contact-page .contact-form-card .contact-form textarea:focus{
  background:rgba(31,160,111,.025) !important;
  border-color:#2dc889 !important;
  box-shadow:0 0 0 2px rgba(45,200,137,.07) !important;
}
@media(max-width:760px){
  .contact-page .contact-form-section:after{
    top:-60px !important;
    width:118vw !important;
    height:145vw !important;
    opacity:.20 !important;
    transform:translateX(-50%) rotate(4deg) !important;
  }
}


/* v16 final tweak: align contact subline with form fields. */
@media(min-width:761px){
  .contact-page .contact-hero p:not(.eyebrow){
    margin-left:74px;
  }
}

/* v17 privacy policy and site-wide footer navigation */
.form-privacy{
  margin:0;
  max-width:580px;
  color:#99a49f;
  font-size:12px;
  line-height:1.55;
}
.form-privacy a,.legal-content a{color:var(--jade-pale);text-decoration:underline;text-decoration-color:rgba(183,222,208,.38);text-underline-offset:3px}
.form-privacy a:hover,.legal-content a:hover{color:#fff;text-decoration-color:var(--ember-bright)}
.legal-hero .page-hero-inner{max-width:900px}
.legal-hero h1{font-size:clamp(42px,5.4vw,68px)}
.legal-hero p:not(.eyebrow){margin-top:0;color:#aeb8b4;font-size:16px}
.legal-section{position:relative;overflow:hidden}
.legal-section:after{
  content:"";
  position:absolute;
  left:50%;
  right:auto;
  top:40px;
  width:min(760px,82vw);
  height:720px;
  background:url('/assets/ember-only.png') center/contain no-repeat;
  opacity:.085;
  filter:saturate(1.10) brightness(1.08);
  mix-blend-mode:screen;
  transform:translateX(-50%) rotate(5deg);
  pointer-events:none;
}
.legal-content{position:relative;z-index:2;max-width:900px}
.privacy-page .page-hero:after{left:50%;right:auto;transform:translateX(-50%) rotate(12deg)}
.privacy-page .legal-content{background:transparent!important;border:0!important;box-shadow:none!important}
.legal-content>p:first-child{margin-top:0;color:#d6ddda;font-size:18px}
.legal-content h2{margin:2.1em 0 .45em;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3vw,34px);font-weight:500;letter-spacing:-.02em;color:#f0f3f2}
.legal-content p{color:#aeb8b4}
.legal-content p+h2{margin-top:2.1em}
@media(max-width:960px){
  footer{flex-wrap:wrap}
  .footer-nav{order:3;width:100%;justify-content:flex-start}
}
@media(max-width:760px){
  .legal-section:after{left:50%;right:auto;top:80px;width:120vw;height:150vw;opacity:.07;transform:translateX(-50%) rotate(5deg)}
  .legal-content>p:first-child{font-size:17px}
}

/* v18 focused About page */
.about-page{background:#050707}
.about-stage{
  position:relative;
  min-height:calc(100vh - 82px);
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:linear-gradient(90deg,rgba(5,7,7,.97),rgba(5,7,7,.82) 58%,rgba(5,7,7,.93));
}
.about-stage:after{
  content:"";
  position:absolute;
  left:50%;
  top:-115px;
  width:min(980px,88vw);
  height:900px;
  background:url('/assets/ember-only.png') center/contain no-repeat;
  opacity:.23;
  filter:saturate(1.14) contrast(1.16) brightness(1.10);
  mix-blend-mode:screen;
  transform:translateX(-50%) rotate(4deg);
  pointer-events:none;
}
.about-stage-inner{
  position:relative;
  z-index:2;
  width:min(880px,calc(100% - 48px));
  margin:0 auto;
  padding:72px 0 82px;
}
.about-stage .eyebrow{margin-bottom:8px}
.about-stage h1{
  margin:0 0 34px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,5.8vw,70px);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.04em;
  color:#f3f5f4;
}
.about-page-copy{max-width:820px}
.about-page-copy p{
  margin:0 0 24px;
  color:#d6d8d7;
  font-size:18px;
  line-height:1.78;
}
.about-page-copy .about-closing{
  margin:42px 0 0;
  max-width:760px;
  color:var(--jade);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(27px,3.4vw,40px);
  line-height:1.3;
  text-shadow:0 0 22px rgba(31,160,111,.12);
}
@media(max-width:760px){
  .about-stage{min-height:calc(100vh - 70px)}
  .about-stage:after{
    left:50%;
    top:40px;
    width:125vw;
    height:150vw;
    opacity:.18;
    transform:translateX(-50%) rotate(4deg);
  }
  .about-stage-inner{width:calc(100% - 36px);padding:50px 0 64px}
  .about-stage h1{margin-bottom:28px;font-size:40px}
  .about-page-copy p{font-size:17px;line-height:1.72}
  .about-page-copy .about-closing{margin-top:34px;font-size:28px}
}

/* v22 redesigned Updates page */
.updates-page{background:#050707}
.updates-stage{
  position:relative;
  min-height:calc(100vh - 82px);
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,#080c0b 0%,#050707 100%);
}
.updates-stage:after{
  content:"";
  position:absolute;
  left:50%;
  top:105px;
  width:min(940px,84vw);
  height:790px;
  background:url('/assets/ember-only.png') center/contain no-repeat;
  opacity:.20;
  filter:saturate(1.14) contrast(1.16) brightness(1.10);
  mix-blend-mode:screen;
  transform:translateX(-50%) rotate(4deg);
  pointer-events:none;
}
.updates-stage-inner{
  position:relative;
  z-index:2;
  width:min(var(--max),calc(100% - 48px));
  margin:0 auto;
  padding:64px 0 76px;
}
.updates-intro{max-width:850px;margin:0 auto 48px;text-align:center}
.updates-intro .eyebrow{margin-bottom:8px}
.updates-intro h1{
  margin:0 0 10px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(48px,6vw,76px);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.04em;
}
.updates-intro>p:last-child{margin:0;color:#c5ceca;font-size:18px}
.updates-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.updates-card{
  min-height:300px;
  padding:36px;
  background:transparent;
  border:1px solid rgba(31,160,111,.38);
  box-shadow:none;
}
.updates-card-featured{border-color:rgba(217,116,51,.50)}
.updates-card h2{
  margin:0 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,3.2vw,42px);
  font-weight:500;
  line-height:1.18;
  letter-spacing:-.025em;
}
.updates-card>p:not(.date){margin:0;color:#c8d0cd;font-size:17px;line-height:1.7}
.updates-card .date{margin:0 0 14px}
.updates-card .text-link{margin-top:24px}
@media(max-width:760px){
  .updates-stage{min-height:calc(100vh - 70px)}
  .updates-stage:after{
    top:210px;
    width:135vw;
    height:160vw;
    opacity:.17;
  }
  .updates-stage-inner{width:calc(100% - 36px);padding:48px 0 62px}
  .updates-intro{margin-bottom:34px}
  .updates-intro h1{font-size:48px}
  .updates-intro>p:last-child{font-size:17px}
  .updates-grid{grid-template-columns:1fr;gap:18px}
  .updates-card{min-height:0;padding:28px}
  .updates-card h2{font-size:31px}
}


/* v31 Ashlyn Hart artist-page styling */
.artist-card-ashlyn{margin-top:28px;grid-template-columns:1fr;min-height:320px;background:radial-gradient(circle at 88% 12%,rgba(191,91,35,.12),transparent 32%),linear-gradient(135deg,rgba(17,30,26,.94),rgba(10,14,13,.93))}
.artist-card-ashlyn .artist-details{position:relative;z-index:2;max-width:820px}
.artist-card-ashlyn h3{font-size:clamp(38px,5vw,56px)}
.artist-card-ashlyn .ashlyn-coming{margin:4px 0 12px;color:var(--jade);font-size:13px;font-weight:800;letter-spacing:.16em}
.artist-card-ashlyn .ashlyn-headline{margin:14px 0 10px;color:#eef3f1;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,3vw,34px);line-height:1.25}
@media(max-width:760px){.artist-card-ashlyn{margin-top:20px;min-height:0}}