:root{--silver:#f9eefd;--gold:#f1dba9;--purple:#a45bff;--night:#08091c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06091d url('assets/celestial-brand.webp') center top/cover fixed no-repeat;color:var(--silver);font-family:Georgia,'Times New Roman',serif;line-height:1.48}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,5,20,.52),rgba(5,6,30,.37)),linear-gradient(180deg,transparent 5%,rgba(3,4,20,.45));pointer-events:none;z-index:-1}a{color:inherit}h1,h2,h3,p{margin-top:0}h2,h3{font-weight:normal}h2{color:var(--gold)}.site-header{min-height:76px;background:rgba(2,3,17,.80);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px clamp(18px,4vw,65px);border-bottom:1px solid #a39abd88;position:relative;z-index:8}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}.brand strong{font-size:1.15rem;font-variant:small-caps;color:var(--gold);letter-spacing:.03em}.brand small{display:block;letter-spacing:.09em;font:9px Arial,sans-serif;color:#ded6e9}.monogram{border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;width:47px;height:47px;font-size:20px;color:var(--gold);box-shadow:0 0 12px #a868ff99}.monogram span{font-size:10px}.site-header nav{display:flex;flex-wrap:wrap;gap:clamp(8px,1.25vw,20px);justify-content:flex-end}.site-header nav a{font-size:clamp(10px,.85vw,13px);text-transform:uppercase;text-decoration:none;white-space:nowrap}.site-header nav a:hover,.site-header nav a:focus{color:#dfb8ff;text-shadow:0 0 12px #a75fff}.menu-toggle{display:none}.hero{max-width:1600px;margin:auto;min-height:630px;position:relative;background:url('assets/celestial-brand.webp') center 50%/cover no-repeat;display:flex;align-items:flex-start;padding:75px clamp(24px,8vw,145px);isolation:isolate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,3,19,.52),rgba(2,3,22,.22) 60%,rgba(2,3,20,.1));z-index:-1}.hero-content{max-width:680px;text-align:center;text-shadow:0 2px 8px #010019,0 0 20px #010019}.eyebrow{letter-spacing:.12em;font-size:.75rem;color:var(--gold)}.hero h1{font-weight:normal;font-style:italic;font-size:clamp(70px,10vw,142px);line-height:1;margin:14px 0;color:#fff2ff;text-shadow:0 0 8px #fff,0 0 28px #9e55ff}.hero h2{font-size:clamp(28px,3.3vw,52px);margin:0 0 12px}.hero-sub{font-size:clamp(16px,1.5vw,21px);margin:14px 0 23px}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.button{appearance:none;background:linear-gradient(180deg,#231239,#0b0b25);border:1px solid #e1cba9;border-radius:5px;color:#fff6fe;cursor:pointer;display:inline-block;padding:12px 23px;text-align:center;text-decoration:none;font:small-caps 16px Georgia,serif;box-shadow:0 0 11px #a45bff77}.button:hover,.button:focus-visible{background:#69319a;box-shadow:0 0 20px #bf74ff}.button.primary{border-color:#dfb7ff;background:linear-gradient(#6e3192,#23063d)}main{max-width:1500px;margin:auto}.framed,.spread-tile,.showcase-card{background:linear-gradient(125deg,rgba(2,4,22,.91),rgba(20,6,45,.85));border:1px solid #d8c7ad;box-shadow:inset 0 0 28px rgba(123,59,206,.24),0 0 22px #040112;border-radius:7px}.framed{margin:18px clamp(15px,5vw,70px);padding:30px clamp(20px,3vw,48px)}.about{display:grid;grid-template-columns:180px 1fr 260px;gap:32px;align-items:center}.about h2,.music h2,.shop h2,.inquiry h2{font-variant:small-caps;letter-spacing:.05em;font-size:clamp(27px,3vw,44px);margin-bottom:10px}.about p{margin-bottom:9px}.emblem{border:2px double #e8d5ad;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;font-size:60px;color:var(--gold);box-shadow:0 0 22px #7844da}.values{padding:0;margin:0;list-style:none;border-left:1px solid #c5af88;padding-left:24px}.values li{padding:9px 0;text-transform:uppercase;color:#fbeccf;font-size:13px}.block{margin:38px clamp(15px,5vw,70px)}.section-title{text-align:center;font-size:clamp(28px,3.2vw,44px);font-variant:small-caps;letter-spacing:.08em;text-shadow:0 0 10px #7929d8;margin:0 0 22px}.small-spreads{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.spread-tile{text-align:center;min-height:240px;padding:20px 10px 18px;position:relative}.spread-tile h3{color:#fff4df;font-variant:small-caps;font-size:19px;margin-bottom:5px}.spread-tile p{font-size:13px;margin-bottom:15px}.card-backs{font-size:35px;line-height:1.45;letter-spacing:7px;color:#ddbcff;text-shadow:0 0 12px #a669ff}.button.mini{font-size:14px;padding:8px 14px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px}.showcase-card{text-align:center;padding:16px 16px 24px}.showcase-card img{display:block;max-width:100%;width:100%;height:500px;object-fit:contain;border:1px solid #b7a7ce;background:#05051b}.showcase-card h3{font-variant:small-caps;color:var(--gold);font-size:28px;margin:13px 0 4px}.showcase-card p{font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.service-grid article{background:rgba(2,3,20,.75);border-left:1px solid #dcc5a888;border-right:1px solid #dcc5a888;padding:20px}.service-icon{display:grid;place-items:center;margin:0 auto 12px;border:1px solid #d9bca1;border-radius:50%;height:90px;width:90px;font-size:45px;color:#d7b7ff;box-shadow:0 0 20px #8d52fc77}.service-grid h3{font-variant:small-caps;color:var(--gold);font-size:22px}.service-grid p{font-size:15px}.music{display:grid;grid-template-columns:115px 1fr auto;align-items:center;gap:24px}.music h2{margin-bottom:0}.music p{margin:0}.record{font-size:70px;text-align:center;color:#deb5ff}.shop{display:flex;justify-content:space-between;gap:30px;align-items:center}.shop p{margin:0}.inquiry{display:grid;grid-template-columns:1fr 1.2fr;gap:42px}.inquiry h2{max-width:450px}.inquiry-info p{max-width:460px}.inquiry form{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:14px;color:#f8eaca;display:block}input,select,textarea{font:16px Arial,sans-serif;border:1px solid #bcb1c9;background:rgba(4,4,24,.90);border-radius:2px;color:white;display:block;width:100%;padding:12px;margin-top:5px;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #ae70ff}.full,.submit{grid-column:1/-1}.notice{font-size:13px;color:#e9c9ff}.footer{background:rgba(0,1,14,.95);border-top:1px solid var(--gold);padding:35px 5vw 20px;color:#eedfc8}.footer-grid{max-width:1270px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.footer strong{color:var(--gold);font-size:19px;font-variant:small-caps}.footer p{font-size:14px}.disclaimer{text-align:center;letter-spacing:.1em;margin:35px auto 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.site-header{flex-wrap:wrap}.site-header nav{justify-content:center}.about{grid-template-columns:130px 1fr}.values{grid-column:1/-1;display:flex;justify-content:space-around;flex-wrap:wrap;border-left:0;border-top:1px solid #ad957f;padding:10px 0}.hero{min-height:570px;background-position:center 47%;padding-top:75px}.hero-content{max-width:57%}.hero h1{font-size:clamp(55px,9vw,95px)}.small-spreads{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){body{background-attachment:scroll}.site-header{padding:10px 15px}.brand strong{font-size:17px}.menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid #bba4c9;padding:8px 12px;color:white;font-size:21px}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;text-align:center;padding:15px}.site-header nav.open{display:flex}.site-header nav a{padding:8px;font-size:14px}.hero{min-height:700px;background-position:60% center;padding:30px 15px}.hero-shade{background:linear-gradient(180deg,rgba(0,0,17,.79),rgba(0,0,17,.22) 65%)}.hero-content{max-width:100%;width:100%}.hero h1{font-size:66px}.hero h2{font-size:29px}.hero-sub{font-size:16px}.framed{margin:15px;padding:24px 17px}.about{grid-template-columns:1fr;text-align:center}.emblem{width:150px;margin:auto}.values{display:block}.small-spreads,.showcase,.service-grid,.inquiry,.footer-grid{grid-template-columns:1fr}.showcase-card img{height:auto;max-height:640px}.music{grid-template-columns:1fr;text-align:center}.shop{display:block;text-align:center}.shop .button{margin-top:16px}.inquiry form{grid-template-columns:1fr}.inquiry h2{font-size:35px}.block{margin:30px 15px}}

/* Targeted logo-only update: all existing design/layout kept unchanged */
.brand-wreath{width:62px;height:62px;object-fit:contain;flex-shrink:0;display:block;}
.emblem-wreath{display:flex;align-items:center;justify-content:center;}
.emblem-wreath img{width:min(100%,180px);height:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(177,112,255,.35));}
.footer-wreath{width:76px;height:76px;object-fit:contain;display:block;margin:0 0 8px;}
@media(max-width:680px){.brand-wreath{width:51px;height:51px}.emblem-wreath img{width:150px;margin:auto}.footer-wreath{margin:0 auto 8px}}

/* Approved silver-on-purple engraved charm wallpaper — decorative transparent overlay.
   All site content stays real HTML. The celestial site art remains visible underneath. */
.site-header, .about.framed, .spread-tile, .showcase-card,
.service-grid article, .music.framed, .shop.framed, .inquiry.framed, .footer {
  position: relative;
  isolation: isolate;
}
.site-header::before, .about.framed::before, .spread-tile::before,
.showcase-card::before, .service-grid article::before,
.music.framed::before, .shop.framed::before, .inquiry.framed::before,
.footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  z-index: 0;
  background-image: url('assets/silver-charms-engraved-transparent.png');
  background-repeat: repeat;
  background-size: 590px 590px;
  opacity: .37;
}
.site-header > *, .about.framed > *, .spread-tile > *,
.showcase-card > *, .service-grid article > *,
.music.framed > *, .shop.framed > *, .inquiry.framed > *, .footer > * {
  position: relative;
  z-index: 1;
}
/* A slightly quieter pattern where body copy and input labels need extra contrast. */
.about.framed::before, .inquiry.framed::before { opacity: .27; }
.spread-tile::before, .showcase-card::before { opacity: .33; }
.site-header::before { opacity: .23; }
.footer::before { opacity: .31; }
/* Retain the purple translucent backing instead of replacing it with opaque artwork. */
.site-header { background-color: rgba(15,5,31,.83); }
.footer { background-color: rgba(17,5,36,.88); }
@media(max-width:680px){
  .site-header::before, .about.framed::before, .spread-tile::before,
  .showcase-card::before, .service-grid article::before,
  .music.framed::before, .shop.framed::before, .inquiry.framed::before,
  .footer::before { background-size:440px 440px; opacity:.25; }
}

/* V5: targeted illustrated Featured Spreads enhancement. All other sections retained. */
.small-spreads .spread-tile { overflow:hidden; display:flex; flex-direction:column; align-items:center; }
.small-spreads .spread-tile .featured-art {display:block; width:100%; max-width:260px; height:210px; object-fit:cover; object-position:center; margin:10px auto 12px; border:1px solid rgba(227,204,245,.65); border-radius:7px; box-shadow:0 0 19px rgba(160,95,235,.28); }
.small-spreads .spread-tile .button {margin-top:auto;}
@media (max-width: 760px){.small-spreads .spread-tile .featured-art{height:230px;max-width:300px;}}

/* Targeted Sunday Week Ahead update — approved site styling remains unchanged */
.week-art {position:relative;}
.week-art-label {display:block; margin:-4px 0 8px; font-size:.67rem; letter-spacing:.13em; color:#e5d0f7; text-align:center;}
.week-guide {margin:14px auto 0; max-width:900px; padding:14px 22px; border:1px solid rgba(218,187,237,.5); background:rgba(15,7,36,.77); border-radius:8px; color:#f7ebff;}
.week-guide summary {cursor:pointer; font-family:Georgia,serif; color:#f0d8ad; font-size:1rem;}
.week-guide-content {padding:12px 6px 6px;}
.week-guide-content h3 {margin:0 0 12px;}
.week-guide-content ol {columns:2; margin:0 0 18px; padding-left:24px;}
.week-guide-content li {break-inside:avoid; margin-bottom:10px;}
@media(max-width:700px){.week-guide-content ol {columns:1;}}

/* Version 7 — retain the complete vertical artworks, no zoom/crop */
.small-spreads{align-items:stretch;gap:14px}
.small-spreads .spread-tile{padding:17px 12px 18px;min-width:0}
.small-spreads .spread-tile h3{min-height:2.15em;display:flex;align-items:center;justify-content:center;line-height:1.15}
.small-spreads .spread-tile p{min-height:3.6em;font-size:13px;line-height:1.4;margin-bottom:8px}
.small-spreads .spread-tile .featured-art{width:auto!important;max-width:100%!important;height:315px!important;object-fit:contain!important;object-position:center center!important;margin:2px auto 14px!important;background:transparent;border:0;border-radius:3px;box-shadow:none;filter:drop-shadow(0 0 9px rgba(168,97,238,.28))}
.small-spreads .spread-tile .week-art{width:100%;display:flex;flex-direction:column;align-items:center}
.small-spreads .spread-tile .week-art .featured-art{height:315px!important}
.small-spreads .spread-tile .week-art-label{margin:-5px 0 12px}
@media (max-width:760px){.small-spreads .spread-tile .featured-art{height:320px!important}}


/* V8: Featured Spread titles mirror approved luxury illustrated reference.
   Scoped to these four cards; site styling and all imagery remain unchanged. */
.small-spreads .spread-tile{padding:18px 11px 17px;}
.small-spreads .spread-tile h3{
  font-family: Georgia,'Times New Roman',serif;
  font-size:clamp(21px,1.85vw,30px);
  font-weight:500;
  font-variant:small-caps;
  letter-spacing:-.025em;
  line-height:1.07;
  min-height:2.2em;
  margin:0 0 5px;
  color:#fff0d7;
  text-shadow:0 1px 2px #10031c,0 0 7px rgba(248,220,252,.5),0 0 17px rgba(155,93,231,.4);
  max-width:100%;
}
.small-spreads .spread-tile p{
  color:#fff0f9;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(13px,1.04vw,16px);
  line-height:1.24;
  font-weight:normal;
  min-height:3em;
  margin:0 0 12px;
  text-shadow:0 1px 3px #080516;
}
.small-spreads .spread-tile::after{
  content:'✧  ☾  ✦  ☾  ✧';
  position:absolute;top:6px;left:0;right:0;
  font-size:10px;letter-spacing:.4em;color:#c7b0d6;
  opacity:.7;pointer-events:none;
}
.small-spreads .spread-tile .button.mini{
  text-transform:uppercase;
  font-size:15px;
  letter-spacing:.065em;
  padding:9px 14px;
  font-variant:small-caps;
  border:1px solid #dac0e3;
}
@media(max-width:1150px){.small-spreads .spread-tile h3{font-size:clamp(19px,2vw,25px)}}
@media(max-width:680px){.small-spreads .spread-tile h3{font-size:26px}.small-spreads .spread-tile p{font-size:15px}}

/* V9: retain four coordinated illustrations; no duplicates of retired spread */
.small-spreads .spread-tile .featured-art{max-height:315px;object-fit:contain!important}
.grand-tableau-guide{text-align:center}
.grand-tableau-guide img{display:block;margin:14px auto;max-width:min(100%,440px);max-height:740px;object-fit:contain;border:1px solid #bca8d7;border-radius:9px;box-shadow:0 0 24px #9d5de544}
.grand-tableau-guide p{margin:12px auto;max-width:600px}


/* V10: detailed metallic charms in the three service cards — no other site components changed. */
.services .service-grid article{position:relative;overflow:visible;border:1px solid rgba(214,185,245,.45);border-radius:9px;box-shadow:inset 0 0 18px rgba(116,73,204,.16);transition:transform .2s ease,box-shadow .2s ease;}
.services .service-grid article:hover{transform:translateY(-4px);box-shadow:0 8px 23px rgba(83,36,140,.38),inset 0 0 24px rgba(166,112,240,.19)}
.service-jewel{width:126px;height:126px;margin:-9px auto 4px;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 0 13px rgba(191,154,251,.65))}
.service-jewel img{width:100%;height:100%;object-fit:contain;display:block;filter:brightness(1.18) contrast(1.13)}
.services .service-grid h3{margin-top:3px}
@media(max-width:680px){.service-jewel{width:138px;height:138px}}
@media(prefers-reduced-motion:reduce){.services .service-grid article{transition:none}.services .service-grid article:hover{transform:none}}
/* In Music, Explore the Magic and Booking, add two typographic points (2pt ≈ 2.67px). */
.music.framed,.shop.framed,.inquiry.framed{font-size:calc(1rem + 2.67px);line-height:1.45}
.music.framed h2,.shop.framed h2,.inquiry.framed h2{font-size:clamp(30px,calc(3vw + 2.67px),47px)}
.music.framed .button,.shop.framed .button,.inquiry.framed .button{font-size:18.67px}
.inquiry.framed label{font-size:16.67px}
.inquiry.framed input,.inquiry.framed select,.inquiry.framed textarea{font-size:18.67px}
.inquiry.framed .notice{font-size:15.67px}
@media(max-width:680px){.music.framed h2,.shop.framed h2,.inquiry.framed h2{font-size:37.67px}}

/* V11: retain the original embedded handwritten Miss Uriah signature and highlight it. */
.hero{background-image:url('assets/celestial-hero-glow.webp');padding-top:clamp(270px,22vw,332px)}
.hero h1.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.hero-content{position:relative;z-index:1}
/* V11: the charm PNGs are trimmed so no preprinted headings show under the jewelry */
.service-jewel{width:110px;height:110px;overflow:hidden;margin:0 auto 8px}
.service-jewel img{width:100%;height:100%;object-fit:contain}
@media(max-width:1000px){.hero{padding-top:290px}}
@media(max-width:680px){.hero{padding-top:290px;min-height:650px;background-position:60% center}.hero-content{max-width:100%}.hero h2{font-size:29px}}

/* Version 12: reference-matched hero and more integrated Agency panel */
.hero.hero-reference{display:block;position:relative;padding:0!important;margin:0 auto;min-height:0!important;max-width:1500px;background:none!important;overflow:hidden;isolation:isolate}
.hero-reference-art{display:block;width:100%;height:auto;object-fit:contain}
.hero-hotspot{position:absolute;display:block;top:75%;height:12%;z-index:2;border-radius:5px;transition:box-shadow .2s ease,background-color .2s ease}
.hotspot-book{left:25.3%;width:15.8%}.hotspot-spreads{left:41.9%;width:13.1%}
.hero-hotspot:hover,.hero-hotspot:focus-visible{outline:2px solid #ebcfff;outline-offset:1px;box-shadow:0 0 22px #c781ff;background:rgba(191,115,255,.12)}
.about.framed{margin-top:0!important;margin-bottom:15px!important;padding:19px 28px!important;grid-template-columns:clamp(105px,14vw,158px) minmax(0,1fr) minmax(180px,230px);gap:22px;position:relative;border:2px ridge #a992b4!important;border-radius:19px;background:linear-gradient(105deg,rgba(6,4,25,.92),rgba(14,7,35,.84))!important}
.about.framed:after{content:'✧';position:absolute;color:#e0c8ec;font-size:21px;top:3px;left:12px;text-shadow:0 0 6px #dfb3ff;pointer-events:none}
.about .emblem-wreath img{max-width:100%;width:150px;height:auto}.about h2{font-size:clamp(25px,2.65vw,39px);margin:1px 0 6px}.about p{line-height:1.36;margin-bottom:6px}.about .eyebrow{font-size:11px}.about .values{padding-left:14px}.about .values li{padding:6px 0}
@media(max-width:850px){.about.framed{grid-template-columns:125px minmax(0,1fr)}.about .values{grid-column:1/-1;display:flex;justify-content:space-around;border-left:0;border-top:1px solid #bc9ccf;padding:5px 0}}
@media(max-width:680px){.hero.hero-reference{min-height:0!important}.hero-reference-art{width:100%;max-width:100%}.about.framed{grid-template-columns:1fr;text-align:center}.about .emblem-wreath img{margin:auto}.about .values{display:block}.hero-hotspot{min-height:18px}}

/* Version 13: match the three reference motifs and crystal-framed corners. */
.services{position:relative;isolation:isolate;padding-bottom:64px;}
.services::before,.services::after{content:"";position:absolute;bottom:-15px;width:195px;height:136px;background:url('assets/service-crystal-corners.svg') center/contain no-repeat;z-index:3;pointer-events:none;filter:drop-shadow(0 0 13px #a258ffc0);}
.services::before{left:-34px}.services::after{right:-34px;transform:scaleX(-1)}
.services .service-grid{position:relative;z-index:2}
.services .service-jewel{overflow:visible;width:118px;height:118px;margin:0 auto 8px}
.services .service-jewel img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px rgba(213,167,255,.85))}
@media(max-width:680px){.services{padding-bottom:40px}.services::before,.services::after{width:92px;height:75px;bottom:-8px}.services::before{left:-5px}.services::after{right:-5px}}

/* V14: realistic silver charm artwork and naturally clustered amethyst crystals, maintaining responsive HTML headings. */
.services{position:relative;isolation:isolate;padding-bottom:26px;}
.services::before,.services::after{content:"";position:absolute;bottom:-18px;width:225px;height:240px;pointer-events:none;z-index:3;background-size:contain;background-repeat:no-repeat;background-position:bottom;}
.services::before{left:-42px;background-image:url('assets/service-crystal-left-real.png');filter:drop-shadow(0 0 10px rgba(129,77,222,.45));}
.services::after{right:-42px;left:auto;transform:none;background-image:url('assets/service-crystal-right-real.png');filter:drop-shadow(0 0 10px rgba(129,77,222,.45));}
.services .service-grid article{position:relative;overflow:hidden;}
.services .service-jewel{width:140px;height:140px;margin:-8px auto 6px;border-radius:50%;filter:drop-shadow(0 0 10px rgba(166,106,255,.50));}
.services .service-jewel img{width:100%;height:100%;object-fit:contain;filter:brightness(1.1) contrast(1.1)}
@media(max-width:680px){.services::before,.services::after{width:90px;height:125px;bottom:-5px}.services::before{left:-10px}.services::after{right:-10px}.services .service-jewel{width:140px;height:140px}}


/* V15: ornate music treatment derived from owner's specific reference artwork */
.music.music-luxe{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(145px,220px) minmax(0,1fr) auto;min-height:176px;gap:20px;align-items:center;padding:16px clamp(25px,3vw,48px);padding-right:clamp(155px,16vw,245px);border:2px ridge rgba(231,217,222,.9);border-radius:12px;background:linear-gradient(90deg,rgba(3,4,24,.91),rgba(13,6,48,.82) 65%,rgba(8,5,34,.8));box-shadow:inset 0 0 0 4px rgba(10,8,38,.72),inset 0 0 0 5px rgba(222,202,224,.5),0 0 20px rgba(109,52,201,.3)}
.music.music-luxe::after{content:"";pointer-events:none;position:absolute;inset:8px;border:1px solid rgba(224,209,219,.34);border-radius:5px;z-index:-1}
.music-luxe .music-corner{position:absolute;color:#eedbdd;font-size:35px;line-height:1;text-shadow:0 0 7px #b79dce;z-index:3;pointer-events:none}
.music-luxe .corner-tl{left:4px;top:0}.music-luxe .corner-tr{right:4px;top:0;transform:scaleX(-1)}.music-luxe .corner-bl{left:4px;bottom:0;transform:scaleY(-1)}.music-luxe .corner-br{right:4px;bottom:0;transform:scale(-1)}
.music-luxe .vinyl-art{height:140px;align-self:center;position:relative;z-index:2;overflow:hidden;mask-image:linear-gradient(90deg,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}
.music-luxe .vinyl-art img{display:block;height:100%;width:100%;object-fit:cover;object-position:center}
.music-luxe .music-copy{position:relative;z-index:2;min-width:0;text-shadow:0 2px 7px #020019}
.music-luxe .music-copy h2{letter-spacing:.055em;margin-bottom:3px}
.music-luxe .music-copy p{max-width:720px}
.music-luxe > .button{position:relative;z-index:3;white-space:nowrap;padding-inline:19px}
.music-luxe .music-temple{position:absolute;right:8px;top:10px;width:clamp(140px,15vw,215px);height:calc(100% - 20px);object-fit:cover;object-position:85% center;mask-image:linear-gradient(90deg,transparent,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%);z-index:1;pointer-events:none}
@media(max-width:1100px){.music.music-luxe{grid-template-columns:140px minmax(0,1fr);padding-right:110px}.music-luxe .vinyl-art{height:120px}.music-luxe >.button{grid-column:2;justify-self:start}.music-luxe .music-temple{opacity:.45}}
@media(max-width:680px){.music.music-luxe{display:flex;flex-direction:column;text-align:center;align-items:center;gap:10px;padding:22px 24px 26px}.music-luxe .vinyl-art{width:min(100%,230px);height:120px;mask-image:none;-webkit-mask-image:none}.music-luxe .music-temple{width:140px;opacity:.20;right:0}.music-luxe .music-copy,.music-luxe >.button{z-index:3}}


/* V16: genuine ornamental filigree frame details without baking page text into images. */
.about.framed, .spread-tile, .showcase-card, .service-grid article,
.music.framed, .shop.framed, .inquiry.framed, .week-guide, .lenormand-guide {
  position:relative;
  border:2px solid rgba(221,204,234,.82);
  border-image-source:url('assets/silver-filigree-frame.svg');
  border-image-slice:60;
  border-image-width:28px;
  border-image-repeat:stretch;
  border-image-outset:0;
  box-shadow: inset 0 0 18px rgba(201,153,234,.13),0 0 16px rgba(107,51,181,.18);
}
/* Let the artwork breathe around the silver corner flourishes. */
.music.music-luxe{padding-left:clamp(30px,3.2vw,55px);padding-top:22px;padding-bottom:22px;}
.music-luxe .music-corner{display:none;} /* Replaced by etched filigree artwork */
@media(max-width:680px){.music.music-luxe{padding:26px 25px 30px}}

/* V17 targeted border correction: 9-slice SVG with isolated, non-distorted filigree corners. */
.about.framed, .spread-tile, .showcase-card, .service-grid article,
.music.framed, .shop.framed, .inquiry.framed, .week-guide, .lenormand-guide {
  border: 1px solid rgba(214,197,228,.68) !important;
  border-image: none !important;
  border-radius: 11px;
  position: relative;
  isolation: isolate;
  box-shadow: inset 0 0 16px rgba(198,150,228,.12), 0 0 13px rgba(106,51,180,.19);
}
/* Transparent ornament overlay: edges do not repeat/stretch across content. */
.about.framed::after, .spread-tile::after, .showcase-card::after,
.service-grid article::after, .music.framed::after, .shop.framed::after,
.inquiry.framed::after, .week-guide::after, .lenormand-guide::after {
  content: "" !important;
  position:absolute !important;
  inset:4px !important;
  background: none !important;
  border: 30px solid transparent !important;
  border-image-source: url('assets/silver-filigree-frame-v17.svg') !important;
  border-image-slice: 90 !important;
  border-image-width: 30px !important;
  border-image-repeat: stretch !important;
  border-image-outset: 0 !important;
  pointer-events:none !important;
  z-index: 4 !important;
  box-sizing:border-box;
  opacity:.78;
  border-radius:0;
  width:auto;height:auto;
}
/* Keep all copy, art and form controls above the engraving wallpaper and below the non-clickable frame. */
.about.framed > *, .spread-tile > *, .showcase-card > *,
.service-grid article > *, .music.framed > *, .shop.framed > *,
.inquiry.framed > *, .week-guide > *, .lenormand-guide > * {position:relative;z-index:2;}
/* Form and high-density content need less framing. */
.inquiry.framed::after, .showcase-card::after, .spread-tile::after {opacity:.62;}
@media(max-width:680px){
.about.framed::after,.spread-tile::after,.showcase-card::after,.service-grid article::after,
.music.framed::after,.shop.framed::after,.inquiry.framed::after,.week-guide::after,.lenormand-guide::after {
  border-width:19px !important;border-image-width:19px !important;opacity:.60;
}}

/* Version 18: four individually illustrated filigree corners at native aspect ratio.
   No border-image stretching: smooth engraved metal with restrained jewel details. */
.about.framed,.spread-tile,.showcase-card,.service-grid article,.music.framed,.shop.framed,.inquiry.framed,.week-guide{
 border:1px solid rgba(225,211,233,.6)!important;
 border-image:none!important;
 border-radius:13px;
 box-shadow:inset 0 0 0 3px rgba(23,11,51,.75),inset 0 0 0 4px rgba(216,196,229,.27),inset 0 0 17px rgba(204,153,245,.09),0 0 15px rgba(88,42,156,.2);
}
.about.framed::after,.spread-tile::after,.showcase-card::after,.service-grid article::after,.music.framed::after,.shop.framed::after,.inquiry.framed::after,.week-guide::after{
 content:""!important;position:absolute!important;inset:1px!important;border:0!important;border-image:none!important;
 background-image:url('assets/filigree-tl-v18.svg'),url('assets/filigree-tr-v18.svg'),url('assets/filigree-bl-v18.svg'),url('assets/filigree-br-v18.svg')!important;
 background-position:left top,right top,left bottom,right bottom!important;
 background-size:clamp(48px,7vw,98px) clamp(48px,7vw,98px)!important;
 background-repeat:no-repeat!important;opacity:.83!important;pointer-events:none!important;
 width:auto!important;height:auto!important;z-index:4!important;box-sizing:border-box!important;
}
/* Ensure the inset corner ornaments do not cover booking text or controls. */
.inquiry.framed::after,.showcase-card::after,.spread-tile::after{opacity:.56!important;}
/* Keep vinyl on the left and temple on the far right, regardless of the general child rule. */
.music.music-luxe>.music-temple{position:absolute!important;right:7px!important;left:auto!important;top:8px!important;width:clamp(140px,15vw,215px)!important;height:calc(100% - 16px)!important;z-index:1!important;}
.music.music-luxe>.vinyl-art{position:relative!important;grid-column:1!important;grid-row:1!important;}
.music.music-luxe>.music-copy{grid-column:2!important;grid-row:1!important;}
.music.music-luxe>.button{grid-column:3!important;grid-row:1!important;}
@media(max-width:1100px){.music.music-luxe>.button{grid-column:2!important;grid-row:2!important}}
@media(max-width:680px){.music.music-luxe>.music-temple{opacity:.17!important;width:140px!important}.music.music-luxe>.vinyl-art,.music.music-luxe>.music-copy,.music.music-luxe>.button{grid-column:auto!important;grid-row:auto!important}}


/* VERSION 19 — polished filigree, legible booking form, integrated music vignette.
   Preserves document structure, assets and existing interactions. */
.about.framed,.spread-tile,.showcase-card,.service-grid article,
.music.framed,.shop.framed,.inquiry.framed,.week-guide {
  border:1px solid rgba(231,222,239,.76)!important;
  box-shadow:
    inset 0 0 0 3px rgba(7,5,25,.92),
    inset 0 0 0 4px rgba(238,224,245,.45),
    inset 0 0 0 7px rgba(36,18,58,.60),
    inset 0 0 0 8px rgba(183,156,202,.21),
    inset 0 0 32px rgba(182,106,222,.10),
    0 0 12px rgba(121,61,171,.21)!important;
}
.about.framed::after,.spread-tile::after,.showcase-card::after,
.service-grid article::after,.music.framed::after,.shop.framed::after,
.inquiry.framed::after,.week-guide::after {
  background-image:
    url('assets/filigree-tl-v19.svg'),url('assets/filigree-tr-v19.svg'),
    url('assets/filigree-bl-v19.svg'),url('assets/filigree-br-v19.svg')!important;
  background-size:clamp(54px,7vw,94px) clamp(54px,7vw,94px)!important;
  opacity:.85!important;
}
/* Keep ornamentation away from dense form content. */
.inquiry.framed::after,.showcase-card::after,.spread-tile::after{opacity:.65!important}
.inquiry.framed{background:linear-gradient(110deg,rgba(5,4,24,.96),rgba(15,8,39,.94))!important}
.inquiry.framed::before{opacity:.11!important}
.inquiry.framed label,.inquiry.framed p,.inquiry.framed h2{ text-shadow:0 1px 5px rgba(0,0,15,.95) }
.inquiry.framed input,.inquiry.framed textarea,.inquiry.framed select{
 background:rgba(4,4,22,.97)!important;
 border-color:rgba(222,208,238,.85)!important;
 box-shadow:inset 0 1px 7px rgba(0,0,0,.45);
}
.inquiry.framed input:focus,.inquiry.framed textarea:focus,.inquiry.framed select:focus{
 outline:2px solid #c998f4!important;outline-offset:1px;
}
/* Music vignette: decorative artwork blends into box rather than looking pasted on. */
.music.music-luxe{min-height:182px;gap:18px!important;overflow:hidden!important;
  background:linear-gradient(90deg,rgba(4,3,25,.93),rgba(17,8,48,.86) 68%,rgba(4,3,21,.87))!important}
.music.music-luxe>.vinyl-art{border-radius:2px;mask-image:linear-gradient(90deg,#000 62%,rgba(0,0,0,.9) 78%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,#000 62%,rgba(0,0,0,.9) 78%,transparent 100%)!important;}
.music.music-luxe>.music-temple{right:8px!important;top:8px!important;height:calc(100% - 16px)!important;
  object-position:80% center!important;opacity:.84!important;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.8) 38%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.8) 38%,#000 100%)!important;}
.music.music-luxe>.music-copy{max-width:710px;}
@media(max-width:680px){
 .music.music-luxe>.vinyl-art{mask-image:none!important;-webkit-mask-image:none!important}
 .music.music-luxe>.music-temple{opacity:.19!important}
 .inquiry.framed{padding-inline:24px!important}
}

/* VERSION 20 — interaction, accessibility and small-screen refinements. */
html{scroll-padding-top:20px}section[id],footer[id],header[id]{scroll-margin-top:20px}
.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.inquiry .form-status,.inquiry .form-fallback{grid-column:1/-1;margin:0;font-size:14px;line-height:1.6}
.inquiry .form-status:empty{display:none}
.inquiry .form-status[data-state="success"]{color:#c5ffd4}
.inquiry .form-status[data-state="error"]{color:#ffd5d5}
.inquiry .form-status[data-state="pending"]{color:#f4e2ff}
.inquiry .submit:disabled{opacity:.7;cursor:wait}
:focus-visible{outline:2px solid #e4c3ff;outline-offset:3px}
@media(max-width:680px){.site-header nav.open{max-height:65vh;overflow-y:auto}.site-header nav a{min-height:42px;display:flex;align-items:center;justify-content:center}.inquiry.framed{padding-inline:clamp(20px,5vw,26px)!important}.inquiry .form-fallback{overflow-wrap:anywhere}.footer-grid{text-align:center}.footer-grid a{overflow-wrap:anywhere}.service-grid article,.spread-tile,.showcase-card{min-width:0}}
@media(max-width:380px){.brand{gap:8px}.brand strong{font-size:14px}.brand small{font-size:7px;letter-spacing:.02em}.menu-toggle{padding:6px 9px}.inquiry.framed{padding-inline:20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Version 21: branded, accessible social links in the footer. */
.footer .social-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;max-width:330px}
.footer .social-links a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;min-height:43px;border:1px solid rgba(218,202,248,.65);border-radius:999px;background:linear-gradient(125deg,rgba(103,55,139,.55),rgba(35,25,78,.72));color:#f8f2ff;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 2px 10px rgba(10,5,31,.3);transition:background .2s,border-color .2s,transform .2s}
.footer .social-links a:hover{background:rgba(127,84,183,.85);border-color:#fff;transform:translateY(-2px)}
.footer .social-links a:focus-visible{outline:2px solid #f2dcff;outline-offset:3px}
@media(max-width:760px){.footer .social-links{justify-content:center;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.footer .social-links a{transition:none}.footer .social-links a:hover{transform:none}}

/* Version 22: expressive, branded social icons, consistent celestial silver finish. */
.footer .social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:370px;gap:12px;margin-top:17px}
.footer .social-links a{position:relative;display:flex;justify-content:flex-start;gap:11px;min-height:64px;padding:9px 13px 9px 9px;border:1px solid rgba(245,232,255,.65);border-radius:17px;background:linear-gradient(145deg,rgba(73,40,116,.95),rgba(25,13,59,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 5px 13px rgba(8,4,27,.5),0 0 13px rgba(156,104,244,.15);font-family:inherit;font-weight:700;font-size:14px;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,border-color .2s}
.footer .social-links a .social-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;color:#fff;box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 2px 9px rgba(0,0,0,.45)}
.footer .social-links svg{width:25px;height:25px;display:block}
.footer .social-facebook .social-icon{background:linear-gradient(140deg,#4b96ff,#1751be)}
.footer .social-tiktok .social-icon{background:linear-gradient(135deg,#ff3669 0%,#27102f 45%,#22d6e1 100%)}
.footer .social-youtube .social-icon{background:linear-gradient(145deg,#ff5959,#bb071b)}
.footer .social-instagram .social-icon{background:linear-gradient(140deg,#7754ef 0%,#da3d95 48%,#ffb44b 100%)}
.footer .social-links a:hover{transform:translateY(-3px) scale(1.025);border-color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 7px 22px rgba(8,4,27,.6),0 0 19px rgba(217,154,255,.48);background:linear-gradient(145deg,rgba(101,57,159,.97),rgba(35,17,80,.97))}
.footer .social-links a:focus-visible{outline:3px solid #f9e4ff;outline-offset:3px}
@media(max-width:400px){.footer .social-links{grid-template-columns:1fr;max-width:250px}.footer .social-links a{min-height:58px}}
@media(prefers-reduced-motion:reduce){.footer .social-links a{transition:none}.footer .social-links a:hover{transform:none}}

/* Version 23: commissioned jeweled social portraits. */
.footer .social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:390px;margin-top:14px}
.footer .social-links a{display:block;min-height:0;padding:0;overflow:hidden;border:1px solid rgba(230,207,255,.62);border-radius:17px;background:#130c2a;box-shadow:0 4px 15px rgba(0,0,0,.5),0 0 13px rgba(159,90,255,.15);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.footer .social-links .jewel-social{display:block;width:100%;height:auto;aspect-ratio:403/535;object-fit:cover}
.footer .social-links a:hover{transform:translateY(-5px) scale(1.025);border-color:#fff;box-shadow:0 7px 25px rgba(0,0,0,.62),0 0 24px rgba(198,130,255,.6)}
.footer .social-links a:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:400px){.footer .social-links{grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px}}
@media(prefers-reduced-motion:reduce){.footer .social-links a{transition:none}.footer .social-links a:hover{transform:none}}

/* Version 24: elegant, balanced three-column footer. */
.footer .footer-grid{max-width:1100px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.1fr) minmax(0,.85fr);align-items:start;column-gap:clamp(24px,5vw,76px);row-gap:24px}
.footer .footer-identity{max-width:310px}
.footer .footer-contact{min-width:0}
.footer .footer-connect-title{display:block;margin-top:25px}
.footer .footer-contact p{line-height:1.7}
.footer .social-column{min-width:0;justify-self:start}
.footer .social-column>p{margin-top:5px;margin-bottom:10px}
.footer .social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:184px;max-width:100%;margin-top:8px}
.footer .social-links a{border-radius:10px}
.footer .social-links .jewel-social{width:100%;height:auto;aspect-ratio:403/535;object-fit:cover}
.footer .disclaimer{margin-top:25px}
@media(max-width:760px){.footer .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;text-align:left}.footer .footer-identity{grid-column:1/-1;max-width:none;text-align:center}.footer .footer-wreath{margin-inline:auto}.footer .social-column{justify-self:center}.footer .social-links{width:170px;margin-inline:0}}
@media(max-width:480px){.footer .footer-grid{grid-template-columns:minmax(0,1fr);text-align:center}.footer .footer-contact,.footer .social-column{justify-self:center}.footer .footer-connect-title{margin-top:16px}.footer .social-links{width:176px;margin-inline:auto}.footer .social-column>p{margin-bottom:8px}}

/* Version 25: increase fallback text by two typographic points from 14px. */
.inquiry .form-fallback{font-size:calc(14px + 2pt);line-height:1.65;}
.inquiry .form-fallback a{font-size:inherit;}

/* Version 26: enlarge the green inquiry confirmation by exactly 2pt. */
.inquiry .form-status[data-state="success"]{font-size:calc(14px + 2pt);}

/* Version 27: four-video celestial gallery, preserving the existing V26 design. */
.featured-video-section{position:relative;max-width:1160px;margin:clamp(36px,5vw,72px) auto;padding:clamp(22px,4vw,54px);border:1px solid rgba(218,224,255,.53);border-radius:24px;background:linear-gradient(140deg,rgba(66,37,125,.60),rgba(16,32,99,.70) 56%,rgba(85,43,130,.50));box-shadow:0 12px 36px rgba(9,9,43,.24),inset 0 0 0 3px rgba(212,222,249,.10)}
.featured-video-section::before,.featured-video-section::after{content:'❦';position:absolute;color:#e0e7fa;font-size:34px;text-shadow:0 0 12px rgba(233,238,255,.9);pointer-events:none}
.featured-video-section::before{top:7px;left:14px}.featured-video-section::after{right:14px;bottom:7px;transform:rotate(180deg)}
.featured-video-heading{text-align:center;margin-bottom:26px}.featured-video-heading .featured-video-ornament{display:block;color:#ecf2ff;font-size:20px;letter-spacing:.45em;margin-bottom:10px}
.featured-video-heading h2{color:#f3f5ff;margin:0 0 12px;font-size:clamp(27px,3.8vw,42px);text-shadow:0 2px 18px rgba(180,200,255,.45)}
.featured-video-heading p{color:#e3e9ff;margin:0 auto;max-width:630px;line-height:1.6}
.featured-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,30px)}
.video-gallery-card{min-width:0;border:1px solid rgba(223,231,255,.62);padding:8px;border-radius:15px;background:linear-gradient(135deg,rgba(225,231,255,.19),rgba(69,44,129,.55));box-shadow:0 7px 24px rgba(0,0,35,.23)}
.video-embed{width:100%;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#15162b}
.video-embed iframe{width:100%;height:100%;border:0;display:block}
.video-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;padding:10px 5px 3px;color:#f0f3ff;font-size:14px}
.video-card-meta a{color:#eff3ff;text-decoration:underline;text-underline-offset:3px}.video-card-meta a:hover{color:#fff}
.video-gallery-footer{text-align:center;margin-top:28px}
@media(max-width:680px){.featured-video-grid{grid-template-columns:1fr}.featured-video-section{margin-inline:12px;padding:24px 18px}}

/* Version 28: large, responsive two-column featured-video gallery. */
#featured-videos.featured-video-section{width:min(1280px,calc(100% - 40px));max-width:1280px;margin:64px auto;padding:clamp(20px,3vw,44px);box-sizing:border-box}
#featured-videos .featured-video-heading{text-align:center;margin-bottom:30px}
#featured-videos .featured-video-heading h2{font-size:clamp(30px,3.5vw,46px)}
#featured-videos .featured-video-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;width:100%;align-items:start}
#featured-videos .video-gallery-card{min-width:0;width:100%;display:block;overflow:hidden}
#featured-videos .video-embed{display:block;position:relative;width:100%!important;height:auto!important;aspect-ratio:16 / 9;overflow:hidden}
#featured-videos .video-embed iframe{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;border:0;display:block}
#featured-videos .video-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
@media(max-width:740px){#featured-videos.featured-video-section{width:calc(100% - 24px);margin:36px auto;padding:22px 14px}#featured-videos .featured-video-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}}