:root{--ink:#f2dfbd;--gold:#c9a367;--gold2:#e8c98b;--black:#080706}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%;background:#070605;color:#eee}
body{font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}
button,a{font:inherit}
.site-header{position:relative;min-height:100vh;background:#070605;overflow:visible}
.hero{position:relative;z-index:1;min-height:100vh;background-image:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.02) 60%,rgba(0,0,0,.12)),url("/assets/back.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
.hero::after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:-1px;height:clamp(120px,16vw,300px);pointer-events:none;background:linear-gradient(to bottom,rgba(9,8,6,0) 0%,rgba(9,8,6,.08) 18%,rgba(9,8,6,.34) 45%,rgba(9,8,6,.78) 76%,#090806 100%)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:78px;display:flex;align-items:center;padding:0 28px;background:rgba(7,6,5,.84);border-bottom:1px solid rgba(200,161,99,.18);box-shadow:0 8px 22px rgba(0,0,0,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.brand{position:relative;isolation:isolate;flex:0 0 auto;height:78px;display:flex;align-items:center;gap:16px;color:#e7cfaa;text-decoration:none;padding-right:20px;margin-right:16px;border-right:1px solid rgba(210,181,132,.34);transform-origin:left center;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease,color .28s ease}.brand::before{content:"";position:absolute;inset:-12px -14px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,205,91,.26) 0%,rgba(255,176,39,.12) 38%,rgba(255,170,30,0) 72%);opacity:0;transform:scale(.82);filter:blur(7px);transition:opacity .28s ease,transform .28s ease}.brand::after{content:"";position:absolute;left:16%;top:48%;width:3px;height:3px;border-radius:50%;background:#ffe0a0;opacity:0;pointer-events:none;box-shadow:18px -25px 0 0 rgba(255,206,105,.92),46px 21px 0 0 rgba(255,176,44,.82),82px -17px 0 -1px rgba(255,230,155,.92),116px 28px 0 -1px rgba(255,184,56,.78),151px -28px 0 0 rgba(255,215,125,.88),188px 17px 0 -1px rgba(255,175,44,.78),226px -12px 0 0 rgba(255,232,165,.86);filter:drop-shadow(0 0 5px rgba(255,185,53,.95))}.brand:hover{transform:scale(1.065);filter:drop-shadow(0 0 7px rgba(255,195,72,.75)) drop-shadow(0 0 18px rgba(255,158,26,.42));color:#ffe1a0}.brand:hover::before{opacity:1;transform:scale(1.08)}.brand:hover::after{opacity:1;animation:brandSpark 1.15s ease-in-out infinite alternate}.brand:hover .brand-mark{filter:drop-shadow(0 0 6px rgba(255,215,120,.85)) drop-shadow(0 0 14px rgba(255,166,36,.62))}.brand:hover .brand-word{text-shadow:0 0 7px rgba(255,215,128,.72),0 0 18px rgba(255,171,43,.42)}@keyframes brandSpark{0%{transform:translate3d(0,4px,0) scale(.8);filter:drop-shadow(0 0 3px rgba(255,185,53,.75))}100%{transform:translate3d(9px,-7px,0) scale(1.25);filter:drop-shadow(0 0 8px rgba(255,210,108,.98))}}
.brand-mark{width:auto;height:68px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(218,169,80,.18));transition:filter .28s ease}
.brand-word{font-size:30px;line-height:1;letter-spacing:.055em;white-space:nowrap;text-transform:uppercase;transition:text-shadow .28s ease,color .28s ease}
.brand-word span{font-size:.62em;letter-spacing:.02em}
.main-nav{min-width:0;flex:1 1 auto;height:78px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.main-nav a{position:relative;height:78px;display:flex;align-items:center;justify-content:center;padding:0 4px;color:#f0e6d7;text-decoration:none;text-align:center;font-family:Arial,"Helvetica Neue",sans-serif;font-size:11px;font-weight:500;line-height:1.08;letter-spacing:.025em;white-space:nowrap;transition:color .18s ease,text-shadow .18s ease}
.main-nav a::after{content:"";position:absolute;left:14%;right:14%;bottom:11px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);opacity:0;transform:scaleX(.55);transition:opacity .18s ease,transform .18s ease}
.main-nav a:hover{color:#f6dca8;text-shadow:0 0 10px rgba(224,178,93,.35)}
.main-nav a:hover::after{opacity:1;transform:scaleX(1)}
.menu-toggle{display:none}
.language-switch{position:absolute;z-index:20;top:92px;right:34px;display:flex;align-items:center;gap:15px}
.language-switch button{border:0;padding:4px 2px;background:transparent;color:rgba(255,255,255,.76);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;letter-spacing:.04em;cursor:pointer;transition:color .18s ease,text-shadow .18s ease}
.language-switch button:hover,.language-switch button.is-active{color:#fff3d7;text-shadow:0 0 10px rgba(229,187,108,.48)}
#content{position:relative;min-height:25vh;background:#090806}.hero-actions{position:relative;z-index:55;min-height:360px;padding:clamp(150px,19vw,360px) 24px 70px;background:#090806}.hero-actions-inner{width:min(960px,100%);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:34px}.hero-cta{position:relative;isolation:isolate;overflow:visible;min-width:300px;height:64px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-size:17px;letter-spacing:.045em;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease,border-color .25s ease,color .25s ease}.hero-cta span,.hero-cta b,.hero-cta i{position:relative;z-index:2}.hero-cta b{font-size:27px;font-weight:400;line-height:1}.hero-cta i{width:30px;height:30px;border:1px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;padding-left:2px}.hero-cta-primary{color:#2a1a08;background:linear-gradient(90deg,#f4dda5 0%,#deb15b 52%,#f3d58f 100%);border:1px solid rgba(255,222,153,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}.hero-cta-video{color:#ead6b3;background:rgba(8,6,4,.72);border:1px solid rgba(220,183,120,.58);box-shadow:inset 0 0 18px rgba(255,202,100,.025)}.hero-cta::before{content:"";position:absolute;inset:-12px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,205,92,.34),rgba(255,171,37,.13) 42%,rgba(255,164,27,0) 72%);filter:blur(9px);opacity:0;transform:scale(.84);transition:opacity .24s ease,transform .24s ease}.hero-cta:hover{transform:translateY(-2px) scale(1.035);filter:brightness(1.045)}.hero-cta:hover::before{opacity:1;transform:scale(1.08)}.hero-cta-primary:hover{box-shadow:0 0 14px rgba(255,213,120,.66),0 0 32px rgba(255,174,43,.42),0 0 58px rgba(255,150,22,.22),inset 0 1px 0 rgba(255,255,255,.55)}.hero-cta-video:hover{color:#ffe2aa;border-color:rgba(255,213,135,.95);box-shadow:0 0 14px rgba(255,211,118,.52),0 0 32px rgba(255,171,45,.32),0 0 54px rgba(255,145,23,.18),inset 0 0 24px rgba(255,192,74,.06)}.spark-particle{position:absolute;left:0;top:0;z-index:5;width:3px;height:3px;border-radius:50%;pointer-events:none;background:#ffe5a2;box-shadow:0 0 5px rgba(255,211,110,.95),0 0 10px rgba(255,168,38,.72);animation:ctaSpark .82s cubic-bezier(.2,.65,.25,1) forwards}@keyframes ctaSpark{0%{opacity:0;transform:translate3d(0,0,0) scale(.45)}14%{opacity:1}100%{opacity:0;transform:translate3d(var(--tx),var(--ty),0) scale(.05)}}
@media(max-width:1500px){
.topbar{padding:0 18px}
.brand{gap:10px;padding-right:14px;margin-right:10px}
.brand-mark{height:62px}
.brand-word{font-size:24px}
.main-nav{gap:5px}
.main-nav a{font-size:9.5px;padding:0 2px}
}
@media(max-width:1180px){
.topbar{height:70px;padding:0 16px}
.brand{height:70px;border-right:0;margin:0;padding:0}
.brand-mark{height:60px}
.brand-word{font-size:24px}
.menu-toggle{margin-left:auto;width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;cursor:pointer;z-index:1002}
.menu-toggle span{display:block;width:30px;height:2px;background:#d9b579;transition:transform .2s ease,opacity .2s ease}
.menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.main-nav{position:fixed;top:70px;left:0;right:0;height:auto;max-height:calc(100vh - 70px);overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:14px 16px 20px;background:rgba(7,6,5,.97);border-top:1px solid rgba(211,174,108,.18);transform:translateY(-16px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}
.main-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}
.main-nav a{height:auto;min-height:52px;justify-content:flex-start;padding:12px 14px;border-bottom:1px solid rgba(220,186,127,.10);font-size:13px;text-align:left}
.main-nav a::after{display:none}
.language-switch{top:82px;right:18px}
}
@media(max-width:760px){.hero-actions{min-height:300px;padding:clamp(120px,24vw,210px) 18px 54px}.hero-actions-inner{flex-direction:column;gap:16px}.hero-cta{width:min(100%,360px);min-width:0;height:58px;font-size:15px}}
@media(max-width:640px){
.site-header{min-height:0;padding-top:64px}
.topbar{height:64px;padding:0 10px}
.brand{height:64px;gap:8px}
.brand-mark{height:54px}
.brand-word{font-size:19px}
.menu-toggle{width:44px;height:44px}
.main-nav{top:64px;grid-template-columns:1fr;padding:8px 10px 14px}
.main-nav a{min-height:46px;font-size:14px}
.language-switch{top:74px;right:14px;gap:11px}
.language-switch button{font-size:14px}
.hero{min-height:0;height:56.28vw;background-size:100% auto;background-position:center top;background-repeat:no-repeat}
.hero::after{height:clamp(58px,18vw,120px)}
#content{min-height:0}
}


/* CTA block: fixed buttons, strong gold glow, ambient particles */
.hero-actions{
  position:relative;
  z-index:20;
  min-height:210px;
  padding:72px 24px 56px;
  overflow:hidden;
  background:#090806;
}
.hero-actions-inner{
  position:relative;
  z-index:2;
  width:min(760px,100%);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
}
.hero-cta{
  flex:0 0 320px;
  width:320px;
  min-width:320px;
  height:64px;
  transform:none !important;
  filter:none !important;
  transition:box-shadow .22s ease,border-color .22s ease,color .22s ease,background .22s ease;
}
.hero-cta:hover,
.hero-cta:focus-visible{
  transform:none !important;
  filter:none !important;
}
.hero-cta::before{
  inset:-20px;
  filter:blur(14px);
  transform:none !important;
}
.hero-cta:hover::before,
.hero-cta:focus-visible::before{
  opacity:1;
  transform:none !important;
}
.hero-cta-primary:hover,
.hero-cta-primary:focus-visible{
  box-shadow:
    0 0 10px rgba(255,238,174,.95),
    0 0 24px rgba(255,213,99,.95),
    0 0 46px rgba(255,182,42,.82),
    0 0 78px rgba(255,145,17,.48),
    inset 0 0 18px rgba(255,248,215,.38);
}
.hero-cta-video:hover,
.hero-cta-video:focus-visible{
  color:#ffe6b3;
  border-color:#ffd880;
  box-shadow:
    0 0 10px rgba(255,238,174,.92),
    0 0 24px rgba(255,210,91,.88),
    0 0 46px rgba(255,177,38,.7),
    0 0 72px rgba(255,139,14,.4),
    inset 0 0 24px rgba(255,198,69,.1);
}
.hero-particles{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}
.gold-particle{
  position:absolute;
  display:block;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle,#fff8cf 0 18%,#ffd86f 36%,#ffae2d 66%,rgba(255,152,20,0) 100%);
  box-shadow:
    0 0 5px rgba(255,221,126,.95),
    0 0 11px rgba(255,167,39,.7);
  animation:goldParticleFloat var(--life,1.8s) ease-out forwards;
}
.gold-particle-hover{
  box-shadow:
    0 0 6px rgba(255,238,166,1),
    0 0 13px rgba(255,188,54,.9);
}
@keyframes goldParticleFloat{
  0%{opacity:0;transform:translate3d(0,8px,0) scale(.45)}
  12%{opacity:1}
  65%{opacity:.9}
  100%{opacity:0;transform:translate3d(var(--tx),var(--ty),0) scale(.08)}
}

@media(max-width:760px){
  .hero-actions{
    min-height:230px;
    padding:62px 16px 44px;
  }
  .hero-actions-inner{
    flex-direction:column;
    gap:14px;
  }
  .hero-cta{
    flex:0 0 auto;
    width:min(100%,360px);
    min-width:0;
    height:58px;
  }
}

.hero-manifesto{
  position:absolute;
  z-index:3;
  left:50%;
  top:49%;
  width:min(25vw,360px);
  transform:translateX(-50%);
  color:#efe3cc;
  text-align:center;
  text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 10px rgba(212,170,97,.08);
  pointer-events:none;
}
.hero-manifesto-title{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(22px,1.65vw,34px);
  line-height:1.08;
  letter-spacing:.025em;
  font-weight:400;
}
.hero-manifesto-divider{
  width:78%;
  margin:18px auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#d6b06d;
}
.hero-manifesto-divider span{
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,rgba(214,176,109,.8));
}
.hero-manifesto-divider span:last-child{
  background:linear-gradient(90deg,rgba(214,176,109,.8),transparent);
}
.hero-manifesto-divider b{
  font-size:18px;
  line-height:1;
  font-weight:400;
}
.hero-manifesto-subtitle{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(12px,.9vw,17px);
  line-height:1.26;
  letter-spacing:.055em;
  font-weight:400;
}
@media(max-width:1180px){
  .hero-manifesto{top:48%;width:min(30vw,320px)}
}
@media(max-width:640px){
  .hero-manifesto{top:47%;width:29vw}
  .hero-manifesto-title{font-size:clamp(7px,2.15vw,12px);line-height:1.02}
  .hero-manifesto-divider{margin:5px auto 4px;gap:4px}
  .hero-manifesto-divider b{font-size:7px}
  .hero-manifesto-subtitle{font-size:clamp(4px,1.1vw,7px);line-height:1.08;letter-spacing:.02em}
}

/* paired relief banners directly under candle transition */
.feature-banners{
  position:relative;
  z-index:18;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:end;
  gap:clamp(26px,4vw,78px);
  width:100%;
  padding:82px clamp(28px,5vw,92px) 22px;
  background:#090806;
}
.feature-banner{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-width:0;
  text-decoration:none;
  isolation:isolate;
}
.feature-banner img{
  display:block;
  width:100%;
  max-width:380px;
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 12px 22px rgba(0,0,0,.72))
    drop-shadow(0 0 0 rgba(255,190,65,0));
  transition:filter .24s ease;
  will-change:filter;
}
.feature-banner::before{
  content:"";
  position:absolute;
  inset:7% 3% 1%;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at center,
    rgba(255,220,126,.28) 0%,
    rgba(255,182,49,.13) 38%,
    rgba(255,144,20,0) 72%);
  filter:blur(26px);
  opacity:0;
  transition:opacity .24s ease;
}
.feature-banner:hover::before,
.feature-banner:focus-visible::before{
  opacity:1;
}
.feature-banner:hover img,
.feature-banner:focus-visible img{
  filter:
    drop-shadow(0 12px 22px rgba(0,0,0,.72))
    drop-shadow(0 0 8px rgba(255,240,183,.98))
    drop-shadow(0 0 20px rgba(255,211,102,.96))
    drop-shadow(0 0 42px rgba(255,174,39,.82))
    drop-shadow(0 0 70px rgba(255,132,12,.46));
}
.feature-banner:focus-visible{
  outline:none;
}
.feature-banners + .hero-actions{
  padding-top:22px;
}

@media(max-width:900px){
  .feature-banners{
    gap:18px;
    padding:64px 18px 18px;
  }
}
@media(max-width:640px){
  .feature-banners{
    grid-template-columns:1fr;
    gap:16px;
    padding:48px 12px 14px;
  }
  .feature-banner img{
    width:min(100%,560px);
  }
  .feature-banners + .hero-actions{
    padding-top:18px;
  }
}

/* layout v12: action buttons centered between the two relief banners */
.feature-banners{
  grid-template-columns:minmax(300px,1fr) minmax(520px,680px) minmax(300px,1fr);
  align-items:center;
  gap:clamp(18px,2.5vw,42px);
  padding-top:82px;
  padding-bottom:54px;
}
.feature-banners .hero-actions{
  position:relative;
  z-index:19;
  min-height:0;
  width:100%;
  padding:0;
  overflow:visible;
  background:transparent;
}
.feature-banners .hero-actions-inner{
  width:100%;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:20px;
}
.feature-banners .hero-cta{
  flex:1 1 0;
  width:auto;
  min-width:0;
  max-width:320px;
}
@media(max-width:1180px){
  .feature-banners{
    grid-template-columns:minmax(240px,1fr) minmax(420px,520px) minmax(240px,1fr);
    gap:16px;
  }
  .feature-banners .hero-actions-inner{gap:12px}
  .feature-banners .hero-cta{font-size:14px;padding:0 18px}
}
@media(max-width:900px){
  .feature-banners{
    grid-template-columns:1fr 1fr;
    padding-top:64px;
  }
  .feature-banners .feature-banner-left{grid-column:1}
  .feature-banners .feature-banner-right{grid-column:2}
  .feature-banners .hero-actions{
    grid-column:1 / -1;
    grid-row:2;
    margin-top:8px;
  }
}
@media(max-width:640px){
  .feature-banners{
    grid-template-columns:1fr;
    padding-top:48px;
  }
  .feature-banners .feature-banner-left,
  .feature-banners .feature-banner-right,
  .feature-banners .hero-actions{
    grid-column:1;
  }
  .feature-banners .hero-actions{grid-row:auto}
  .feature-banners .hero-actions-inner{flex-direction:column}
  .feature-banners .hero-cta{width:min(100%,360px);max-width:360px}
}

/* shared SVG orthodox cross */
.nm-cross-svg{
  display:inline-block;
  width:.82em;
  height:1.22em;
  vertical-align:-.14em;
  background:currentColor;
  -webkit-mask:url('/assets/ui/orthodox-cross.svg?v=2') center/contain no-repeat;
  mask:url('/assets/ui/orthodox-cross.svg?v=2') center/contain no-repeat;
  flex:0 0 auto;
}

/* Global studio credit */
.hst-studio-credit{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:18px 18px 24px;
  margin:0;
  background:transparent;
  text-align:center;
}
.hst-studio-credit a{
  color:#d9b85f;
  opacity:.5;
  text-decoration:none;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:clamp(11px,.82vw,14px);
  line-height:1.35;
  letter-spacing:.015em;
  transition:opacity .2s ease,color .2s ease,text-shadow .2s ease;
}
.hst-studio-credit a:hover,.hst-studio-credit a:focus-visible{
  opacity:.78;
  color:#ecd08b;
  text-shadow:0 0 8px rgba(232,190,92,.22);
  outline:none;
}
@media(max-width:640px){
  .hst-studio-credit{padding:15px 12px 20px}
  .hst-studio-credit a{font-size:11px}
}
/* End global studio credit */


/* Global button label shadow reset */
button,a[class*="btn"],a[class*="cta"],input[type="button"],input[type="submit"]{text-shadow:none!important}
