/* Explicit client direction: soft glass, restrained Halloween texture and layered 3D. */
body[data-page="/"]{--glass-ink:#171a16;background:radial-gradient(ellipse at 9% 26%,rgba(221,228,218,.45),transparent 34%),radial-gradient(ellipse at 94% 45%,rgba(239,229,217,.4),transparent 32%),var(--paper)}
body[data-page="/"] .intro{padding-block:56px 58px;display:block;position:relative;isolation:isolate}
.mood-panel{display:grid;grid-template-columns:1fr .85fr 1.05fr;align-items:center;gap:28px;min-height:350px;padding:34px 36px;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.37));border:1px solid rgba(255,255,255,.84);border-radius:30px;box-shadow:0 16px 45px -28px rgba(38,49,32,.23),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.intro:before{content:'';position:absolute;inset:8% 8% 9% 40%;border-radius:50%;background:radial-gradient(ellipse,rgba(231,215,195,.3),rgba(218,229,215,.23) 50%,transparent 72%);filter:blur(24px);z-index:-1;pointer-events:none}
.mood-tabs{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-width:0}.mood-tab{text-align:left;padding:16px 18px;border-radius:16px;position:relative;color:#565d52;transition:background-color .25s,color .25s,transform .35s var(--ease);line-height:1.25}.mood-tab>span{display:block;font-size:clamp(22px,2.3vw,34px);font-weight:500;letter-spacing:-.05em}.mood-tab>small{display:block;font-size:clamp(15px,1.35vw,19px);letter-spacing:-.025em;margin-top:5px;line-height:1.35}.mood-tab[aria-selected="true"]{background:rgba(255,255,255,.83);color:var(--night);box-shadow:0 8px 24px -18px rgba(38,49,32,.35)}.mood-tab[aria-selected="true"]:before{content:'';position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--orange);border-radius:10px}.mood-tab:hover{color:var(--night);transform:translateX(3px)}.mood-tab:active{transform:scale(.985)}
.mood-stage{min-width:0;perspective:850px;align-self:center;position:relative}.mood-picture{aspect-ratio:1;max-width:290px;margin:auto;position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .55s var(--ease)}.mood-picture:after{content:'';position:absolute;inset:15% 8% -4%;background:rgba(48,58,38,.12);filter:blur(25px);border-radius:50%;transform:translateZ(-35px);z-index:-1}.mood-picture>img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;transform:translateZ(22px)}.mood-stage figcaption{text-align:center;margin-top:17px;font-size:13px;line-height:1.45;min-height:38px;color:var(--muted)}.mood-copy h2{font-size:clamp(26px,2.45vw,37px);line-height:1.13;letter-spacing:-.05em;max-width:12ch}.mood-copy p{font-size:16px;line-height:1.58;margin-top:18px;max-width:37ch;letter-spacing:-.014em}.mood-copy .text-link{margin-top:16px;font-size:14px}
body[data-page="/"] .hero-copy h1{letter-spacing:-.055em;line-height:1.015}body[data-page="/"] .hero-copy p{line-height:1.5;margin-top:26px;letter-spacing:-.015em}body[data-page="/"] .hero-copy .button{margin-top:24px}body[data-page="/"] .social-section{padding-block:88px 92px}body[data-page="/"] .social-head{margin-bottom:42px}body[data-page="/"] .social-head p,body[data-page="/"] .halloween-copy>p{line-height:1.5;letter-spacing:-.016em}body[data-page="/"] .halloween-feature{padding-block:86px}body[data-page="/"] .visit-compact{padding-block:72px}body[data-page="/"] .footer{padding-top:58px}.social-section{position:relative;isolation:isolate}body[data-page="/"] .social-section:before{content:'';position:absolute;inset:4% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 82% 38%,rgba(255,255,255,.8),transparent 65%)}
.hero:after,.visit-compact:before{content:'';position:absolute;inset:0;background:url('/assets/halloween-pattern.svg') repeat;background-size:420px 320px;opacity:.105;filter:blur(.65px);pointer-events:none}.hero:after{z-index:0;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.6) 38%,transparent 69%)}.hero-copy,.hero-bottom{z-index:2}.visit-compact{position:relative;isolation:isolate}.visit-compact:before{z-index:-1;opacity:.08;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35))}
.hero-art{perspective:1200px;isolation:isolate}.hero-art>.hero-scene-image{animation:none;will-change:translate;transition:translate .65s var(--ease)}.hero-ghost{position:absolute;right:-9%;top:7%;width:57%;aspect-ratio:1;z-index:1;transform-style:preserve-3d;pointer-events:none;perspective:900px;--ghost-x:0px;--ghost-y:0px;--ghost-rx:0deg;--ghost-ry:0deg}.ghost-turn{width:100%;height:100%;transform-style:preserve-3d;transform:translate3d(var(--ghost-x),var(--ghost-y),80px) rotateX(var(--ghost-rx)) rotateY(var(--ghost-ry));transition:transform .7s var(--ease);will-change:transform}.ghost-float{width:100%;height:100%;transform-style:preserve-3d}.hero-ghost .ghost-cutout{width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 22px 16px rgba(79,35,12,.2));transform:translateZ(24px);animation:none;pointer-events:none}.ghost-shadow{position:absolute;width:36%;height:7%;bottom:8%;left:33%;border-radius:50%;background:rgba(63,25,9,.15);filter:blur(16px);transform:rotateX(65deg) translateZ(-35px)}
@media(prefers-reduced-motion:no-preference){.ghost-float{animation:ghost-hover 5.4s ease-in-out infinite}.ghost-shadow{animation:ghost-breathe 5.4s ease-in-out infinite}@keyframes ghost-hover{0%,100%{transform:translate3d(0,0,0) rotateZ(-2deg)}50%{transform:translate3d(0,-15px,22px) rotateZ(2deg)}}@keyframes ghost-breathe{0%,100%{transform:rotateX(65deg) scale(1);opacity:.7}50%{transform:rotateX(65deg) scale(.75);opacity:.4}}}
@media(max-width:1100px){.mood-panel{grid-template-columns:1fr .8fr 1fr;padding:28px;gap:20px}.mood-tab{padding:14px}.mood-tab>span{font-size:26px}.mood-tab>small{font-size:15px}.mood-copy h2{font-size:29px}.mood-copy p{font-size:15px}.hero-ghost{right:-10%;top:10%;width:60%}}
@media(max-width:900px) and (min-width:761px){.mood-panel{grid-template-columns:1fr 1fr;gap:20px 30px}.mood-tabs{grid-column:1;grid-row:1}.mood-stage{grid-column:2;grid-row:1}.mood-picture{max-width:230px}.mood-copy{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;gap:0 35px;align-items:start}.mood-copy h2{grid-row:1/3;margin-top:6px}.mood-copy p{margin-top:0;max-width:none}.mood-copy .text-link{grid-column:2;justify-content:flex-start;gap:24px}}
@media(max-width:760px){body[data-page="/"] .intro{padding-block:30px 38px}.mood-panel{grid-template-columns:1.03fr .97fr;padding:20px;gap:22px 12px;border-radius:24px;min-height:0}.mood-tabs{gap:5px}.mood-tab{padding:13px 10px}.mood-tab>span{font-size:23px;line-height:1.1}.mood-tab>small{font-size:13px;line-height:1.3;margin-top:6px}.mood-stage{align-self:center}.mood-stage figcaption{font-size:13px;margin-top:12px;min-height:38px}.mood-copy{grid-column:1/-1;padding-top:0}.mood-copy h2{font-size:31px;max-width:none}.mood-copy p{font-size:15px;line-height:1.55;margin-top:16px;max-width:none}.mood-copy .text-link{margin-top:12px;font-size:14px}.mood-picture:after{filter:blur(15px)}body[data-page="/"] .social-section{padding-block:60px 64px}body[data-page="/"] .social-head{margin-bottom:29px}body[data-page="/"] .halloween-feature{padding-block:62px}body[data-page="/"] .visit-compact{padding-block:52px}body[data-page="/"] .footer{padding-top:45px}.hero:after{background-size:310px 235px;opacity:.095;mask-image:linear-gradient(#000,rgba(0,0,0,.5) 36%,transparent 62%)}.visit-compact:before{background-size:310px 235px}.hero-ghost{top:1%;right:-14%;width:65%}.hero-ghost .ghost-cutout{filter:drop-shadow(2px 16px 10px rgba(79,35,12,.16))}.ghost-turn{transform:translate3d(0,0,40px) rotateY(-9deg)}.ghost-shadow{display:none}}
@media(max-width:370px){.mood-panel{padding:17px;gap:20px 9px}.mood-tab{padding:12px 8px}.mood-tab>span{font-size:21px}.mood-tab>small{font-size:13px}.mood-stage figcaption{font-size:13px}.mood-copy h2{font-size:29px}}
@media(max-width:370px){body[data-page="/"] .hero-copy h1{font-size:54px}}
@media(max-width:760px){body[data-page="/"] .hero-bottom{display:none}}
.hero-ghost{aspect-ratio:1.5;width:48%;right:-14%;top:15%}.hero-scene-image{mask-image:linear-gradient(90deg,transparent,#000 13%)}.mood-tab[aria-selected="true"]{box-shadow:none}.mood-copy h2{max-width:none}.mood-panel{border:0}
@media(max-width:760px){.hero-ghost{aspect-ratio:1.5;top:16%;right:-16%;width:60%}.mood-panel{gap:24px 12px}.mood-stage figcaption{margin-top:13px}.mood-copy{padding-top:14px}.mood-copy .text-link{margin-bottom:8px}body[data-page="/"] .intro{padding-bottom:48px}}
@media(max-width:760px){.mood-panel{row-gap:20px}.mood-copy{display:contents}.mood-copy h2{grid-row:1;grid-column:1/-1}.mood-tabs,.mood-stage{grid-row:2}.mood-copy p{grid-row:3;grid-column:1/-1;margin-top:0}.mood-copy .text-link{grid-row:4;grid-column:1/-1;justify-self:start;margin:0;gap:24px}.mood-stage figcaption{min-height:38px}}
@media(prefers-reduced-motion:reduce){.hero-ghost *{animation:none!important;transition:none!important}.ghost-turn{transform:none}.mood-picture,.mood-picture>img{transform:none}.mood-tab{transition:none}.hero-art>.hero-scene-image{translate:none!important}}

/* Surface study — local preview. Same campaign texture across orange / charcoal headers. */
:root{
  --campaign-grain:url('/assets/surface-grain.svg');
  --campaign-pattern:url('/assets/halloween-pattern.svg');
  --mesh-paper:#f8f9f6;
}
body[data-page="/"]{background:var(--mesh-paper)}
body[data-page="/"] .intro,
body[data-page="/"] .menu-preview,
body[data-page="/"] .social-section{position:relative;isolation:isolate;background-color:var(--mesh-paper)}
body[data-page="/"] .intro{
  background-image:radial-gradient(ellipse at 2% 32%,#f5c9b4 0,transparent 52%),radial-gradient(ellipse at 94% 64%,#d4e2c9 0,transparent 52%),radial-gradient(ellipse at 55% 15%,#fff 0,transparent 55%);
}
body[data-page="/"] .intro:before{display:none}
body[data-page="/"] .menu-preview{
  background-image:radial-gradient(ellipse at 1% 45%,#e0e9d7 0,transparent 53%),radial-gradient(ellipse at 93% 54%,#f5d5c2 0,transparent 50%),radial-gradient(ellipse at 50% 92%,#f1f5eb 0,transparent 60%);
}
body[data-page="/"] .social-section{
  background-image:radial-gradient(ellipse at 90% 18%,#f3c6ae 0,transparent 47%),radial-gradient(ellipse at 7% 69%,#d9e5d1 0,transparent 52%),radial-gradient(ellipse at 48% 10%,#fff 0,transparent 55%);
}
body[data-page="/"] .social-section:before{display:none}
.mood-panel{background:linear-gradient(115deg,rgba(255,255,255,.64),rgba(255,255,255,.34));box-shadow:0 20px 44px -36px #47583d66,inset 0 1px 0 #ffffffe0}
.hero,.visit-compact,.page-intro,.halloween-title,.last-call{position:relative;isolation:isolate}
.hero,.visit-compact,.page-intro,.last-call{
  background-color:var(--orange-art);
  background-image:none;
}
.hero:before,.visit-compact:before,.page-intro:before,.halloween-title:before,.last-call:before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--campaign-grain);background-size:180px 180px;
  opacity:.48;mix-blend-mode:soft-light;filter:none;mask-image:none;
}
.hero:after,.visit-compact:after,.page-intro:after,.halloween-title:after,.last-call:after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--campaign-pattern);background-size:480px 366px;
  opacity:.13;filter:blur(.3px);mask-image:none;
}
.hero:after{mask-image:linear-gradient(90deg,#000,#0009 40%,transparent 76%)}
.visit-compact>div,.page-intro>*,.last-call>*{position:relative;z-index:1}
.halloween-title{background-image:radial-gradient(ellipse at 82% 30%,#3b43333b,transparent 67%)}
.halloween-title:before{opacity:.22}
.halloween-title:after{filter:invert(1);opacity:.085;background-size:540px 411px}
.halloween-title>div{z-index:1}
body[data-page="/"] .visit-compact{align-items:center;gap:9%;padding-block:64px}
.visit-ticket{
  background:transparent url('/assets/tombstone-relief.svg') center/100% 100% no-repeat;
  border-radius:0;min-height:590px;max-width:610px;width:100%;justify-self:end;
  align-self:center;padding:176px 78px 57px;
  filter:drop-shadow(10px 20px 14px #68230635);
}
.visit-ticket .tombstone-seal{
  position:absolute;left:50%;top:70px;width:86px;height:86px;transform:translateX(-50%);
  display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#616956,#353e2e 72%);
  box-shadow:inset 0 1px 1px #a1ae8270,inset 0 -2px 3px #121b0e,0 2px 2px #10180e;
  color:#a8b594;margin:0;
}
.tombstone-seal svg{width:38px;height:46px;transform:rotate(-9deg);filter:drop-shadow(0 2px 1px #11190d)}
.visit-ticket>h3{font-size:clamp(32px,3.4vw,48px);margin-top:0;line-height:1.15}
.visit-ticket>p{margin-top:18px!important;line-height:1.55}
.visit-compact>.visit-ticket>.button{margin-top:26px}
.visit-compact>.visit-ticket>.text-link{max-width:none;margin-top:12px;font-size:13px;gap:18px}
.visit-ticket>small{color:#c4ccb8;line-height:1.6;margin-top:22px}
.visit-ticket :focus-visible{outline-color:#ff9b57}
@media(min-width:1700px){.visit-ticket{min-height:620px;padding-top:190px}.visit-ticket .tombstone-seal{top:78px}}
@media(min-width:761px) and (max-width:1100px){
  .visit-compact{gap:5%}.visit-ticket{padding:157px 49px 52px;min-height:590px}
  .visit-ticket .tombstone-seal{top:70px;width:78px;height:78px}
  .visit-ticket>h3{font-size:32px}.visit-ticket>p{font-size:16px!important}
  .visit-ticket>.button{font-size:14px;padding-inline:20px;gap:18px}
}
@media(max-width:760px){
  .hero:before,.visit-compact:before,.page-intro:before,.halloween-title:before,.last-call:before{background-size:150px 150px;opacity:.4}
  .hero:after,.visit-compact:after,.page-intro:after,.last-call:after{background-size:330px 251px;opacity:.12}
  .hero:after{mask-image:linear-gradient(#000,#0009 42%,transparent 75%)}
  .halloween-title:after{background-size:330px 251px;opacity:.09}
  body[data-page="/"] .intro{background-image:radial-gradient(ellipse at 0% 20%,#f5c9b4 0,transparent 61%),radial-gradient(ellipse at 100% 78%,#d4e2c9 0,transparent 60%)}
  body[data-page="/"] .menu-preview{background-image:radial-gradient(ellipse at 0% 36%,#e0e9d7 0,transparent 50%),radial-gradient(ellipse at 100% 75%,#f5d5c2 0,transparent 55%)}
  body[data-page="/"] .social-section{background-image:radial-gradient(ellipse at 100% 15%,#f3c6ae 0,transparent 48%),radial-gradient(ellipse at 0% 80%,#d9e5d1 0,transparent 52%)}
  body[data-page="/"] .visit-compact{gap:36px;padding-block:50px}
  .visit-ticket{padding:159px 49px 54px;min-height:560px;max-width:430px;justify-self:center}
  .visit-ticket .tombstone-seal{top:70px;width:74px;height:74px}
  .visit-ticket>h3{font-size:36px}
  .visit-ticket>.button{font-size:14px;padding-inline:20px;gap:16px}
  .hero-scene-image{mask-image:linear-gradient(180deg,transparent,#000 14%)}
  .visit-ticket>p{font-size:16px!important;line-height:1.55}
  .visit-compact>.visit-ticket>.text-link{font-size:13px;gap:10px}
  .visit-ticket>small{font-size:13px;line-height:1.55}
}
@media(max-width:370px){.visit-ticket{padding-inline:43px;min-height:576px}.visit-ticket>h3{font-size:32px}.visit-ticket>.button{padding-inline:19px;gap:18px;font-size:14px}.visit-compact>.visit-ticket>.text-link{font-size:12px}}