:root{--black:#080606;--ink:#100809;--wine:#4b0717;--wine2:#22050b;--gold:#c9a25f;--gold2:#efd09a;--ivory:#f0e6d5;--muted:#ad9b8f;--line:rgba(201,162,95,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Arial,sans-serif;overflow-x:hidden}body.menu-open,body.cart-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}
body:before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}
.site-header{position:absolute;z-index:30;top:0;left:0;right:0;height:106px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px}.brand-mark{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;position:relative;font:28px Georgia;color:var(--gold2)}.brand-mark:after{content:"";position:absolute;inset:5px;border:1px solid rgba(201,162,95,.42);border-radius:50%}.brand-name{font:18px Georgia;letter-spacing:.2em;text-transform:uppercase}.header-line{height:1px;background:linear-gradient(90deg,var(--gold),transparent);flex:1;margin:0 3vw;opacity:.65}.header-actions{display:flex;align-items:center;gap:12px}.header-btn{height:44px;border:1px solid rgba(201,162,95,.62);background:rgba(8,6,6,.5);color:var(--ivory);border-radius:30px;padding:0 24px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;cursor:pointer;backdrop-filter:blur(10px)}.menu-btn{width:58px;height:58px;border:1px solid var(--gold);background:rgba(42,4,12,.75);color:var(--gold2);border-radius:50%;display:grid;place-items:center;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.menu-btn span{display:block}.menu-icon{width:20px;height:10px;margin:0 auto 4px;border-top:1px solid var(--gold2);border-bottom:1px solid var(--gold2);position:relative}.menu-icon:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--gold2)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;background:#090606 var(--bg) center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,3,3,.98) 0%,rgba(6,3,4,.83) 29%,rgba(8,3,4,.25) 59%,rgba(12,3,5,.05) 100%),linear-gradient(0deg,rgba(8,4,4,.5),transparent 38%)}.hero-inner{position:relative;z-index:3;width:min(640px,47vw);margin-left:4.8vw;padding-top:95px}.kicker{display:flex;align-items:center;gap:14px;color:var(--gold2);font-size:10px;letter-spacing:.28em;text-transform:uppercase;margin:0 0 28px}.kicker:before{content:"";width:44px;height:1px;background:var(--gold)}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(58px,6.8vw,108px);line-height:.92;letter-spacing:-.045em;margin:0 0 27px;text-shadow:0 8px 40px rgba(0,0,0,.55)}.hero p{font:18px/1.7 Georgia;color:#d2c3b4;max-width:550px;margin:0 0 31px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{min-height:52px;padding:0 27px;border:1px solid rgba(201,162,95,.65);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;letter-spacing:.11em;font-size:10px;transition:.25s;background:rgba(8,6,6,.25)}.btn:hover{transform:translateY(-3px);background:rgba(82,10,30,.5)}.btn.primary{background:linear-gradient(100deg,#5b0b25,#8b183a);box-shadow:inset 0 0 0 3px rgba(7,4,5,.25)}.btn.primary:hover{background:linear-gradient(100deg,#71102e,#a3264f)}
.scroll-mark{position:absolute;z-index:3;bottom:28px;left:4.8vw;color:#8d7568;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.scroll-mark:before{content:"";display:inline-block;width:55px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}
.section{padding:120px 7vw;position:relative}.section-dark{background:radial-gradient(circle at 74% 30%,rgba(80,8,28,.22),transparent 34%),#090606}.section-wine{background:linear-gradient(145deg,#18070b,#080606)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-size:10px}.section h2{font-size:clamp(46px,5.5vw,86px);line-height:.98;margin:15px 0 0;max-width:850px}.section-lede{max-width:480px;color:var(--muted);font:16px/1.75 Georgia}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.path-card{min-height:330px;padding:38px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:linear-gradient(145deg,rgba(67,9,24,.28),rgba(8,6,6,.7));transition:.3s}.path-card:hover{background:linear-gradient(145deg,rgba(112,15,43,.45),rgba(8,6,6,.72));transform:translateY(-6px)}.path-num{color:var(--gold);font:italic 13px Georgia}.path-icon{font:44px Georgia;color:var(--gold2);margin:48px 0 25px}.path-card h3{font-size:31px;margin:0 0 16px}.path-card p{color:var(--muted);line-height:1.65;font-size:14px}.path-arrow{position:absolute;right:28px;bottom:26px;color:var(--gold);font-size:22px}
.quote-band{padding:75px 7vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center;background:#0c0708}.quote-band span{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.quote-band blockquote{margin:0;font:italic clamp(30px,3.2vw,54px)/1.2 Georgia;color:#e0d2c3}
.footer{padding:70px 6vw 35px;background:#050404;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:6vw;padding-bottom:55px}.footer h3{font-size:34px;margin:0 0 13px}.footer p,.footer a{color:#95857c;font-size:13px;line-height:1.8}.footer a:hover{color:var(--gold2)}.footer-title{color:var(--gold);font-size:9px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}.footer-bottom{border-top:1px solid rgba(201,162,95,.14);padding-top:25px;color:#6d5f58;font-size:10px;display:flex;justify-content:space-between}
.overlay{position:fixed;z-index:100;inset:0;background:radial-gradient(circle at 80% 50%,rgba(87,8,30,.5),transparent 33%),#080505;transform:translateY(-103%);transition:.65s cubic-bezier(.77,0,.18,1);visibility:hidden}.menu-open .overlay{transform:none;visibility:visible}.overlay-inner{height:100%;display:grid;grid-template-columns:1.25fr .75fr}.overlay-nav{padding:6vh 7vw;display:flex;flex-direction:column;justify-content:center}.overlay-top{position:absolute;top:32px;left:7vw;right:5vw;display:flex;justify-content:space-between;align-items:center}.overlay-label{color:var(--gold);font-size:10px;letter-spacing:.25em;text-transform:uppercase}.close-btn{width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;background:none;color:var(--gold2);font-size:24px;cursor:pointer}.menu-link{display:grid;grid-template-columns:50px 1fr 30px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0;transition:.2s}.menu-link:first-of-type{border-top:1px solid var(--line)}.menu-link .n{font:italic 12px Georgia;color:var(--gold)}.menu-link strong{font:clamp(38px,5vw,76px)/1.05 Georgia;font-weight:400}.menu-link .a{color:var(--gold);font-size:22px}.menu-link:hover{padding-left:15px;background:linear-gradient(90deg,rgba(83,8,29,.35),transparent)}.overlay-art{position:relative;border-left:1px solid var(--line);background:linear-gradient(0deg,rgba(17,4,7,.1),rgba(17,4,7,.1)),url('assets/about-mirror.png') center/cover}.overlay-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080505,transparent 35%)}.overlay-note{position:absolute;z-index:2;right:3vw;bottom:4vh;max-width:260px;text-align:right;color:#c3ad9d;font:italic 18px/1.5 Georgia}
.page-hero{min-height:78vh}.page-hero h1{font-size:clamp(56px,7vw,104px)}.page-hero .hero-inner{width:min(680px,50vw)}
.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.story-side{color:var(--gold);font:italic 20px Georgia}.story-copy p{font:20px/1.75 Georgia;color:#cbb9aa;margin:0 0 26px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.principle{padding:34px;border:1px solid var(--line);background:rgba(68,9,25,.14)}.principle b{color:var(--gold);font:13px Georgia}.principle h3{font-size:28px}.principle p{color:var(--muted);line-height:1.65}
.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:70px 1fr .9fr 100px;gap:25px;align-items:center;padding:30px 8px;border-bottom:1px solid var(--line);transition:.25s}.service-item:hover{background:linear-gradient(90deg,rgba(89,11,33,.34),transparent);padding-left:22px}.service-item .num{color:var(--gold)}.service-item h3{font-size:31px;margin:0}.service-item p{color:var(--muted);line-height:1.55;margin:0}.price{font:italic 15px Georgia;color:var(--gold2);text-align:right}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{border:1px solid var(--line);background:linear-gradient(150deg,rgba(80,10,28,.35),rgba(8,6,6,.85));padding:30px;min-height:370px;display:flex;flex-direction:column}.product-visual{height:130px;display:grid;place-items:center;font:80px Georgia;color:var(--gold2);text-shadow:0 0 28px rgba(151,25,62,.45)}.product small{color:var(--gold);letter-spacing:.18em;text-transform:uppercase}.product h3{font-size:30px;margin:15px 0}.product p{color:var(--muted);line-height:1.55}.product-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.add-cart{border:0;background:none;color:var(--gold2);cursor:pointer;text-transform:uppercase;font-size:10px;letter-spacing:.13em}.add-cart:hover{color:white}.product-price{font:italic 18px Georgia}
.programs{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.program{min-height:400px;border:1px solid var(--line);padding:42px;background:linear-gradient(140deg,rgba(91,13,34,.34),rgba(7,5,5,.82));position:relative}.program .level{color:var(--gold);text-transform:uppercase;font-size:9px;letter-spacing:.22em}.program h3{font-size:40px;margin:30px 0 18px}.program p{color:var(--muted);line-height:1.7}.program ul{list-style:none;padding:0;margin:25px 0;color:#c0afa2}.program li{padding:8px 0;border-bottom:1px solid rgba(201,162,95,.12)}
.cart{position:fixed;z-index:120;top:0;right:0;height:100%;width:min(420px,100%);background:#100708;border-left:1px solid var(--line);transform:translateX(103%);transition:.45s;padding:35px;display:flex;flex-direction:column}.cart-open .cart{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.cart h2{font-size:38px;margin:0}.cart-close{background:none;border:0;color:var(--gold2);font-size:25px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:20px 0}.cart-item{display:flex;justify-content:space-between;border-bottom:1px solid rgba(201,162,95,.15);padding:17px 0;color:#cfbfb2}.cart-empty{color:#806f66;margin-top:40px;text-align:center}.cart-total{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font:20px Georgia}.cart-trigger{position:fixed;z-index:25;right:25px;bottom:25px;width:58px;height:58px;border-radius:50%;border:1px solid var(--gold);background:#3c0918;color:var(--gold2);cursor:pointer}.cart-count{position:absolute;top:-5px;right:-2px;background:var(--gold2);color:#250713;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:10px}
.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:84px;padding:0 20px}.brand-mark{width:46px;height:46px}.brand-name{font-size:13px}.header-line,.header-btn{display:none}.menu-btn{width:48px;height:48px}.hero{min-height:820px;background-position:64% center}.hero:before{background:linear-gradient(90deg,rgba(4,3,3,.98),rgba(6,3,4,.72) 70%,rgba(8,3,4,.2)),linear-gradient(0deg,#080606 0%,transparent 55%)}.hero-inner,.page-hero .hero-inner{width:auto;margin:0 24px;padding-top:210px}.hero h1{font-size:58px}.hero p{font-size:16px}.section{padding:85px 24px}.section-head{display:block}.section-lede{margin-top:25px}.path-grid,.products,.principles,.programs{grid-template-columns:1fr}.quote-band,.story-grid,.footer-top{grid-template-columns:1fr}.service-item{grid-template-columns:40px 1fr}.service-item p,.service-item .price{grid-column:2}.overlay-inner{display:block}.overlay-art{display:none}.overlay-nav{padding:100px 28px 35px}.menu-link strong{font-size:42px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}.page-hero{min-height:700px}.cart-trigger{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Cinematic interaction layer */
:root{--display:"Bodoni 72","Didot","Iowan Old Style",Georgia,serif}
h1,h2,h3,.menu-link strong,.brand-name,.hero p,.quote-band blockquote,.story-side,.story-copy p{font-family:var(--display);font-kerning:normal;text-rendering:optimizeLegibility}
h1{line-height:.88;letter-spacing:-.052em}.section h2{letter-spacing:-.04em}.brand-name{letter-spacing:.25em}
.hero{background:#090606!important;isolation:isolate}.hero:before{z-index:1}.hero:after{content:"";position:absolute;inset:-4%;z-index:0;background:var(--bg) center/cover no-repeat;will-change:transform;animation:heroBreath 16s ease-in-out infinite alternate}.hero-inner,.scroll-mark{z-index:3}
.hero-inner>*{opacity:0;animation:heroTextIn 1s cubic-bezier(.2,.75,.2,1) forwards}.hero-inner .kicker{animation-delay:.35s}.hero-inner h1{animation-delay:.5s}.hero-inner p{animation-delay:.68s}.hero-inner .actions,.hero-inner>.btn{animation-delay:.85s}
.site-header{opacity:0;transform:translateY(-22px);animation:headerIn 1.1s .2s cubic-bezier(.2,.75,.2,1) forwards}
.btn,.header-btn,.add-cart{position:relative;transform-style:preserve-3d;perspective:600px;overflow:visible;box-shadow:0 8px 0 #21060d,0 15px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,238,204,.35);transition:transform .22s,box-shadow .22s,filter .22s;background-image:linear-gradient(145deg,rgba(255,255,255,.12),transparent 35%),linear-gradient(100deg,#3d0a18,#16070b)}
.btn:before,.header-btn:before{content:"";position:absolute;left:10%;right:10%;top:4px;height:35%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);pointer-events:none}.btn:after,.header-btn:after{content:"";position:absolute;inset:2px;border:1px solid rgba(241,205,147,.2);border-radius:inherit;pointer-events:none}
.btn.primary{box-shadow:0 8px 0 #2a0610,0 18px 34px rgba(0,0,0,.5),0 0 24px rgba(132,24,54,.22),inset 0 1px 0 rgba(255,231,194,.38);background-image:linear-gradient(145deg,rgba(255,255,255,.16),transparent 36%),linear-gradient(105deg,#771333,#4c091e)}
.btn:hover,.header-btn:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:0 12px 0 #21060d,0 23px 38px rgba(0,0,0,.5),0 0 30px rgba(172,48,84,.22);filter:brightness(1.12)}.btn:active,.header-btn:active{transform:translateY(5px);box-shadow:0 2px 0 #21060d,0 7px 13px rgba(0,0,0,.4)}
.menu-btn,.cart-trigger{background:radial-gradient(circle at 35% 28%,#8e2445 0,#4b0a20 34%,#17060c 76%);box-shadow:0 7px 0 #21060d,0 16px 30px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,229,177,.45),inset 0 -8px 18px rgba(0,0,0,.55);transition:.28s;position:relative}.menu-btn:after,.cart-trigger:after{content:"";position:absolute;inset:5px;border:1px solid rgba(239,208,154,.32);border-radius:50%;pointer-events:none}.menu-btn:hover,.cart-trigger:hover{transform:translateY(-4px) rotate(3deg);box-shadow:0 11px 0 #21060d,0 22px 38px rgba(0,0,0,.55),0 0 24px rgba(152,29,65,.28),inset 0 1px 1px rgba(255,229,177,.5)}.menu-btn:active,.cart-trigger:active{transform:translateY(4px);box-shadow:0 2px 0 #21060d,0 7px 12px rgba(0,0,0,.5)}
.overlay{transform:none;clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;transition:clip-path .78s cubic-bezier(.77,0,.18,1),opacity .45s;background:radial-gradient(circle at 76% 48%,rgba(104,10,38,.46),transparent 32%),linear-gradient(120deg,#070404,#13070a 56%,#230710)}.menu-open .overlay{clip-path:inset(0);opacity:1;visibility:visible}.overlay:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(201,162,95,.055) 12.5%)}
.overlay-nav{perspective:1000px}.menu-link{opacity:0;transform:translateX(-55px) rotateY(10deg);transform-origin:left center;transition:opacity .55s,transform .75s cubic-bezier(.16,1,.3,1),padding .28s,background .28s}.menu-open .menu-link{opacity:1;transform:none}.menu-open .menu-link:nth-child(1){transition-delay:.18s}.menu-open .menu-link:nth-child(2){transition-delay:.25s}.menu-open .menu-link:nth-child(3){transition-delay:.32s}.menu-open .menu-link:nth-child(4){transition-delay:.39s}.menu-open .menu-link:nth-child(5){transition-delay:.46s}.menu-link:hover{padding-left:26px;transform:translateZ(34px);background:linear-gradient(90deg,rgba(105,13,42,.54),transparent)}.menu-link strong{letter-spacing:-.045em;text-shadow:0 10px 34px rgba(0,0,0,.5)}.menu-link .a{transition:.3s}.menu-link:hover .a{transform:rotate(45deg) scale(1.2)}
.overlay-art{transform:scale(1.12);filter:saturate(.7) brightness(.72);transition:transform 1.25s cubic-bezier(.16,1,.3,1),filter 1s}.menu-open .overlay-art{transform:scale(1);filter:saturate(.92) brightness(.82)}.overlay-note{opacity:0;transform:translateY(20px);transition:.7s .7s}.menu-open .overlay-note{opacity:1;transform:none}.close-btn{background:radial-gradient(circle at 35% 30%,#781a39,#21070f);box-shadow:0 6px 0 #160409,0 14px 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,235,200,.35);transition:.25s}.close-btn:hover{transform:rotate(90deg) translateY(-3px);filter:brightness(1.15)}
.cursor-glow{position:fixed;z-index:90;width:260px;height:260px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(151,30,65,.12),rgba(201,162,95,.035) 35%,transparent 70%);transform:translate(-50%,-50%);mix-blend-mode:screen;transition:opacity .3s}.cinema-curtain{position:fixed;inset:0;z-index:200;pointer-events:none}.cinema-curtain:before,.cinema-curtain:after{content:"";position:absolute;left:0;right:0;height:50%;background:#020202;animation:curtainTop 1.25s .15s cubic-bezier(.77,0,.18,1) forwards}.cinema-curtain:before{top:0}.cinema-curtain:after{bottom:0;animation-name:curtainBottom}
.embers{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.ember{position:absolute;left:var(--x);bottom:-20px;width:2px;height:2px;background:var(--gold2);border-radius:50%;box-shadow:0 0 8px #b8274f;opacity:0;animation:emberRise var(--d) var(--delay) linear infinite}
@keyframes heroBreath{0%{transform:scale(1.035) translate(var(--mx,0px),var(--my,0px));filter:saturate(.92) brightness(.9)}100%{transform:scale(1.09) translate(var(--mx,0px),var(--my,0px));filter:saturate(1.06) brightness(1)}}@keyframes heroTextIn{from{opacity:0;transform:translateY(28px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes headerIn{to{opacity:1;transform:none}}@keyframes curtainTop{to{transform:translateY(-103%)}}@keyframes curtainBottom{to{transform:translateY(103%)}}@keyframes emberRise{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:.75}100%{opacity:0;transform:translate(var(--drift),-90vh) scale(1.5)}}
@media(max-width:900px){.hero:after{background-position:64% center}.cursor-glow{display:none}.btn,.header-btn{box-shadow:0 5px 0 #21060d,0 11px 22px rgba(0,0,0,.42)}.menu-link:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero:after,.ember,.cinema-curtain:before,.cinema-curtain:after,.hero-inner>*,.site-header{animation:none!important;opacity:1!important;transform:none!important}.cursor-glow,.cinema-curtain{display:none}}

/* Premium right-side navigation */
.hero:after{background-position:68% center}
.overlay{clip-path:none!important;opacity:0;visibility:hidden;pointer-events:none;background:rgba(3,2,2,.66);backdrop-filter:blur(9px);transition:opacity .55s ease}
.menu-open .overlay{opacity:1;visibility:visible;pointer-events:auto}
.overlay-inner{position:absolute;right:0;top:0;width:min(720px,56vw);height:100%;display:block;background:radial-gradient(circle at 85% 20%,rgba(116,18,48,.55),transparent 38%),linear-gradient(145deg,#18070c,#070404 72%);border-left:1px solid rgba(239,208,154,.38);box-shadow:-35px 0 90px rgba(0,0,0,.7),inset 1px 0 rgba(255,224,174,.12);transform-origin:right center;transform:perspective(1300px) rotateY(-22deg) translateX(108%);transition:transform .82s cubic-bezier(.16,1,.3,1)}
.menu-open .overlay-inner{transform:perspective(1300px) rotateY(0) translateX(0)}
.overlay-inner:before{content:"";position:absolute;inset:14px;border:1px solid rgba(201,162,95,.18);pointer-events:none;box-shadow:inset 0 0 42px rgba(111,16,43,.12)}
.overlay-art{position:absolute;inset:0;z-index:0;border:0;background:linear-gradient(90deg,rgba(11,4,6,.9),rgba(15,4,8,.5)),url('assets/about-mirror.png') 70% center/cover;opacity:.23;transform:scale(1.08);filter:saturate(.65) contrast(1.08);transition:transform 1.2s .15s cubic-bezier(.16,1,.3,1),opacity .8s}
.menu-open .overlay-art{transform:scale(1);opacity:.3}.overlay-art:after{background:linear-gradient(90deg,#0c0506 0%,rgba(12,5,6,.62) 50%,rgba(12,5,6,.18))}
.overlay-top{z-index:4;top:34px;left:auto;right:36px;width:calc(min(720px,56vw) - 72px)}.overlay-label{font-family:var(--display);font-size:13px;letter-spacing:.2em;color:#e0c18e}
.overlay-nav{position:relative;z-index:3;height:100%;padding:128px 58px 48px;justify-content:center;perspective:1100px}
.menu-link{grid-template-columns:1fr 42px;margin:7px 0;padding:17px 22px;border:1px solid rgba(201,162,95,.23)!important;border-radius:4px;background:linear-gradient(155deg,rgba(92,13,38,.5),rgba(12,5,7,.72));box-shadow:0 8px 0 rgba(26,4,10,.95),0 17px 32px rgba(0,0,0,.38),inset 0 1px rgba(255,230,186,.16);transform:translateX(70px) rotateY(-10deg);transition:opacity .55s,transform .72s cubic-bezier(.16,1,.3,1),box-shadow .25s,filter .25s}
.menu-link .n{display:none}.menu-link strong{font-size:clamp(37px,4.3vw,62px);line-height:1;letter-spacing:-.035em}.menu-link:hover{padding:17px 22px;transform:translateX(-12px) translateZ(34px) rotateY(3deg);background:linear-gradient(155deg,rgba(126,20,54,.73),rgba(24,6,12,.82));box-shadow:12px 12px 0 rgba(28,4,11,.9),22px 28px 44px rgba(0,0,0,.44),inset 0 1px rgba(255,234,197,.25);filter:brightness(1.12)}
.menu-link .a{justify-self:end}.overlay-note{display:none}.close-btn{width:62px;height:62px;font-size:28px}
.back-to-top{position:fixed;z-index:26;right:27px;bottom:98px;width:58px;height:58px;border-radius:50%;border:1px solid var(--gold);color:var(--gold2);background:radial-gradient(circle at 35% 28%,#8e2445,#3b0818 45%,#120509 80%);box-shadow:0 7px 0 #1b050b,0 17px 31px rgba(0,0,0,.48),inset 0 1px rgba(255,231,189,.48);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(18px);transition:.3s}.back-to-top:before{content:"";position:absolute;inset:6px;border:1px solid rgba(239,208,154,.32);border-radius:50%}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 12px 0 #1b050b,0 24px 38px rgba(0,0,0,.55),0 0 24px rgba(145,25,60,.28)}.back-to-top span{position:relative;font:25px Georgia}
@media(max-width:900px){.header-actions{margin-left:auto}.hero:after{background-position:72% center}.overlay-inner{width:100vw}.overlay-top{width:auto;left:28px;right:28px}.overlay-nav{padding:110px 28px 35px}.menu-link strong{font-size:39px}.menu-link{padding:15px 18px}.menu-link:hover{padding:15px 18px;transform:none}.back-to-top{right:17px;bottom:90px}}

/* Bespoke obsidian interface — desktop concept v2 */
.hero:after{inset:0;background-position:center center;animation:heroBreathV2 18s ease-in-out infinite alternate}
@keyframes heroBreathV2{from{transform:scale(1);filter:saturate(.92) brightness(.82)}to{transform:scale(1.025);filter:saturate(1.02) brightness(.9)}}
.hero:before{background:linear-gradient(90deg,#040303 0%,rgba(5,3,4,.94) 24%,rgba(7,3,4,.48) 48%,rgba(8,3,4,.08) 72%),linear-gradient(0deg,rgba(4,2,3,.52),transparent 42%)}

/* Faceted controls: not pills, not flat template buttons */
.btn,.header-btn{border:0!important;border-radius:0!important;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 28%),linear-gradient(105deg,#171012,#060505 66%,#271019)!important;box-shadow:inset 0 0 0 1px rgba(239,208,154,.46),inset 0 -9px 14px rgba(0,0,0,.6),0 7px 0 #020202,0 18px 35px rgba(0,0,0,.55)!important;text-shadow:0 1px 0 #000;letter-spacing:.16em;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s!important}
.btn{min-height:58px;padding:0 38px}.header-btn{height:48px;padding:0 30px}
.btn.primary{background:linear-gradient(180deg,rgba(255,233,196,.16),transparent 30%),linear-gradient(115deg,#841b3f,#4d0a20 58%,#230611)!important;box-shadow:inset 0 0 0 1px rgba(255,220,159,.55),inset 0 -11px 18px rgba(17,2,7,.62),0 7px 0 #19030a,0 20px 42px rgba(0,0,0,.58),0 0 28px rgba(129,21,53,.2)!important}
.btn:before,.header-btn:before{left:18px;right:18px;top:5px;height:1px;border-radius:0;background:linear-gradient(90deg,transparent,rgba(255,230,181,.65),transparent)}
.btn:after,.header-btn:after{inset:4px 13px;border:1px solid rgba(239,208,154,.18);border-radius:0;clip-path:inherit}
.btn:hover,.header-btn:hover{transform:translateY(-5px) scale(1.015)!important;filter:brightness(1.18);box-shadow:inset 0 0 0 1px rgba(255,224,172,.65),inset 0 -10px 16px rgba(0,0,0,.58),0 12px 0 #120308,0 27px 48px rgba(0,0,0,.62)!important}
.btn:active,.header-btn:active{transform:translateY(4px)!important;box-shadow:inset 0 0 0 1px rgba(255,224,172,.6),inset 0 -4px 9px rgba(0,0,0,.55),0 2px 0 #120308,0 8px 15px rgba(0,0,0,.5)!important}

/* A hexagonal seal opens the desktop navigation */
.menu-btn{width:76px;height:66px;border:0;border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#94264d 0,#4a0b20 38%,#120509 78%);box-shadow:inset 0 0 0 1px rgba(255,221,162,.7),inset 0 -14px 22px rgba(0,0,0,.62),0 8px 0 #19040b,0 22px 36px rgba(0,0,0,.58);transition:.28s cubic-bezier(.2,.8,.2,1)}
.menu-btn:before{content:"";position:absolute;inset:6px;clip-path:inherit;border:1px solid rgba(239,208,154,.42);background:linear-gradient(150deg,rgba(255,255,255,.1),transparent 38%)}
.menu-btn:after{inset:auto;display:none}.menu-btn>span{position:relative;z-index:2}.menu-btn:hover{transform:translateY(-5px) rotate(-2deg);filter:brightness(1.14);box-shadow:inset 0 0 0 1px rgba(255,221,162,.75),inset 0 -14px 22px rgba(0,0,0,.56),0 13px 0 #19040b,0 29px 44px rgba(0,0,0,.62)}

/* Full desktop navigation: two theatrical panels opening into one composition */
.overlay{clip-path:none!important;opacity:0;visibility:hidden;pointer-events:none;background:#050303;backdrop-filter:none;transition:opacity .25s ease .55s}
.menu-open .overlay{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.overlay:before{background:linear-gradient(90deg,rgba(201,162,95,.05) 1px,transparent 1px);background-size:12.5vw 100%;opacity:.45}
.overlay-inner{position:absolute;inset:0;width:100%;height:100%;display:grid;grid-template-columns:minmax(390px,.82fr) minmax(650px,1.18fr);background:#070404;border:0;box-shadow:none;transform:none;perspective:none;overflow:hidden}
.overlay-inner:before{z-index:8;inset:18px;border:1px solid rgba(201,162,95,.24);box-shadow:inset 0 0 80px rgba(0,0,0,.3)}
.overlay-art{display:block;position:relative;inset:auto;grid-column:1;grid-row:1;z-index:1;border:0;border-right:1px solid rgba(239,208,154,.28);opacity:1;transform:translateX(-101%);filter:none;background:radial-gradient(circle at 50% 48%,rgba(132,20,53,.5) 0,rgba(56,7,22,.28) 24%,transparent 25%),radial-gradient(circle at 50% 48%,transparent 0 31%,rgba(201,162,95,.22) 31.2% 31.6%,transparent 31.9%),linear-gradient(145deg,#230711,#070405 68%);transition:transform .9s cubic-bezier(.77,0,.18,1)}
.menu-open .overlay-art{transform:none;opacity:1;filter:none}
.overlay-art:before{content:"";position:absolute;width:min(34vw,470px);aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(239,208,154,.38);box-shadow:0 0 0 16px rgba(201,162,95,.025),0 0 80px rgba(128,17,49,.28),inset 0 0 70px rgba(0,0,0,.55);background:conic-gradient(from 25deg,transparent 0 11%,rgba(201,162,95,.15) 11.2% 11.6%,transparent 11.8% 36%,rgba(201,162,95,.14) 36.2% 36.6%,transparent 36.8% 61%,rgba(201,162,95,.14) 61.2% 61.6%,transparent 61.8% 86%,rgba(201,162,95,.14) 86.2% 86.6%,transparent 86.8%)}
.overlay-art:after{content:"R";inset:0;display:grid;place-items:center;background:none;color:rgba(239,208,154,.72);font:italic clamp(100px,13vw,210px)/1 var(--display);text-shadow:0 18px 40px #000,0 0 35px rgba(164,30,69,.35)}
.overlay-note{display:block;left:7vw;right:7vw;bottom:7vh;max-width:none;text-align:center;color:#bda999;font:italic 16px/1.55 var(--display);letter-spacing:.02em;opacity:0;transform:translateY(18px);transition:.6s .65s}.menu-open .overlay-note{opacity:1;transform:none}
.overlay-nav{position:relative;grid-column:2;grid-row:1;z-index:3;height:100%;padding:132px 7vw 62px;display:flex;justify-content:center;background:radial-gradient(circle at 72% 48%,rgba(102,12,40,.24),transparent 38%),linear-gradient(110deg,#0b0607,#16070c);transform:translateX(101%);transition:transform .9s cubic-bezier(.77,0,.18,1);perspective:1300px}
.menu-open .overlay-nav{transform:none}
.menu-link{min-height:82px;grid-template-columns:1fr 50px;margin:5px 0;padding:12px 27px!important;border:0!important;border-radius:0;clip-path:polygon(13px 0,100% 0,calc(100% - 13px) 100%,0 100%);background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 28%),linear-gradient(100deg,rgba(32,11,16,.95),rgba(7,4,5,.94));box-shadow:inset 0 0 0 1px rgba(201,162,95,.22),inset 0 -10px 16px rgba(0,0,0,.34),0 7px 0 #050303,0 14px 24px rgba(0,0,0,.3);opacity:0;transform:translateX(80px) rotateY(-12deg);transform-origin:right center;transition:opacity .42s,transform .65s cubic-bezier(.16,1,.3,1),filter .25s!important}
.menu-link .n{display:none}.menu-link strong{font-size:clamp(38px,4vw,66px);line-height:1;letter-spacing:-.03em}.menu-link .a{position:relative;font-size:0;width:32px;height:32px;justify-self:end;transform:rotate(45deg);border:1px solid rgba(239,208,154,.5);background:linear-gradient(135deg,#6f1735,#17060c);box-shadow:3px 3px 0 #070304,inset 0 1px rgba(255,226,175,.28)}.menu-link .a:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold2);left:12px;top:12px;box-shadow:0 0 10px rgba(239,208,154,.7)}
.menu-open .menu-link{opacity:1;transform:none}.menu-link:hover{padding:12px 27px!important;transform:translateX(-16px) translateZ(28px) rotateY(2deg)!important;filter:brightness(1.22);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 26%),linear-gradient(100deg,#67152f,#17070c);box-shadow:inset 0 0 0 1px rgba(239,208,154,.48),inset 0 -10px 18px rgba(0,0,0,.38),12px 10px 0 #050303,24px 25px 40px rgba(0,0,0,.45)}
.overlay-top{z-index:20;top:38px;left:4vw;right:4vw;width:auto}.overlay-label{font:11px Arial,sans-serif;letter-spacing:.32em}.close-btn{width:70px;height:62px;border:0;border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#77203e,#280813 65%,#0e0407);box-shadow:inset 0 0 0 1px rgba(239,208,154,.65),inset 0 -10px 16px rgba(0,0,0,.5),0 7px 0 #130308,0 18px 30px rgba(0,0,0,.45)}

.back-to-top{width:54px;height:54px;border:0;border-radius:0;transform:translateY(18px) rotate(45deg);background:linear-gradient(145deg,#812040,#2b0915 62%,#0d0407);box-shadow:inset 0 0 0 1px rgba(239,208,154,.65),inset 0 -8px 14px rgba(0,0,0,.5),6px 6px 0 #120308,12px 15px 27px rgba(0,0,0,.5)}
.back-to-top:before{inset:6px;border:1px solid rgba(239,208,154,.32);border-radius:0}.back-to-top span{display:block;transform:rotate(-45deg)}.back-to-top.visible{transform:rotate(45deg)}.back-to-top:hover{transform:translateY(-5px) rotate(45deg);box-shadow:inset 0 0 0 1px rgba(255,224,172,.7),inset 0 -8px 14px rgba(0,0,0,.45),10px 10px 0 #120308,20px 24px 34px rgba(0,0,0,.58)}

@media(max-width:900px){.hero:after{background-position:68% center}.menu-btn{width:58px;height:52px}.overlay-inner{grid-template-columns:1fr}.overlay-art{display:none}.overlay-nav{grid-column:1;padding:110px 24px 38px}.menu-link{min-height:68px;padding:10px 18px!important}.menu-link strong{font-size:38px}.menu-link:hover{padding:10px 18px!important;transform:none!important}}

/* Full-size desktop rhythm */
@media(min-width:901px){
  .site-header{height:124px;padding-left:4.5vw;padding-right:4.5vw}
  .brand-mark{width:68px;height:68px;font-size:32px}.brand-name{font-size:20px}
  .header-actions{gap:20px}.header-btn{height:60px;min-width:168px;padding:0 36px;font-size:12px}
  .menu-btn{width:92px;height:78px;font-size:10px}.menu-icon{width:27px;height:13px;margin-bottom:6px}.menu-icon:after{top:5px}
  .hero-inner{width:min(760px,51vw);margin-left:5.2vw;padding-top:118px}
  .kicker{font-size:12px;margin-bottom:32px}.hero h1{font-size:clamp(82px,7.7vw,126px);margin-bottom:32px}.hero p{font-size:21px;line-height:1.66;max-width:620px;margin-bottom:38px}
  .actions{gap:20px}.btn{min-height:68px;padding:0 46px;font-size:12px}.scroll-mark{bottom:38px;font-size:10px}
  .overlay-nav{padding:138px 6.2vw 66px}.menu-link{min-height:96px;margin:8px 0;padding:15px 34px!important}.menu-link strong{font-size:clamp(48px,4.6vw,76px)}.menu-link .a{width:40px;height:40px}.menu-link .a:before{left:16px;top:16px;width:7px;height:7px}.menu-link:hover{padding:15px 34px!important}
  .overlay-label{font-size:12px}.close-btn{width:82px;height:72px;font-size:32px}
}

/* Keep the computer composition intact inside the in-app preview window */
@media(min-width:700px) and (max-width:900px){
  .site-header{height:112px;padding:0 24px}.brand-mark{width:62px;height:62px}.brand-name{font-size:17px}.header-line{display:block;margin:0 22px}.header-btn{display:inline-flex;height:56px;min-width:150px;padding:0 28px;font-size:11px}
  .menu-btn{width:78px;height:68px;font-size:9px}.hero{min-height:100vh}.hero:after{background-position:right center}.hero-inner,.page-hero .hero-inner{width:58vw;margin-left:28px;padding-top:120px}.hero h1{font-size:76px}.hero p{font-size:19px}.btn{min-height:64px;padding:0 34px;font-size:11px}
  .overlay-inner{display:grid;grid-template-columns:34% 66%}.overlay-art{display:block;grid-column:1}.overlay-nav{grid-column:2;padding:120px 36px 44px}.menu-link{min-height:78px;padding:12px 24px!important}.menu-link strong{font-size:44px}.menu-link:hover{padding:12px 24px!important}.overlay-note{font-size:13px;left:25px;right:25px}.overlay-art:before{width:26vw}.overlay-art:after{font-size:110px}.close-btn{width:70px;height:62px}
}

/* Desktop navigation as an asymmetric astrolabe staircase */
.mobile-pentagram{display:none}
@media(min-width:700px){
  .overlay-nav:before{content:"";position:absolute;left:5.3vw;top:19%;bottom:14%;width:1px;background:linear-gradient(transparent,rgba(239,208,154,.5) 16%,rgba(136,24,58,.72) 50%,rgba(239,208,154,.5) 84%,transparent);box-shadow:0 0 24px rgba(181,38,79,.3)}
  .overlay-nav:after{content:"";position:absolute;left:calc(5.3vw - 5px);top:49%;width:11px;height:11px;transform:rotate(45deg);background:#d0aa68;border:1px solid #f0d49e;box-shadow:0 0 0 8px rgba(116,17,44,.28),0 0 24px rgba(226,179,102,.55)}
  .menu-link:nth-of-type(1){margin-left:0;margin-right:10%}.menu-link:nth-of-type(2){margin-left:5%;margin-right:7%}.menu-link:nth-of-type(3){margin-left:10%;margin-right:3%}.menu-link:nth-of-type(4){margin-left:5%;margin-right:7%}.menu-link:nth-of-type(5){margin-left:0;margin-right:10%}
  .menu-link strong:before{content:"";display:inline-block;width:8px;height:8px;margin:0 20px 8px 0;transform:rotate(45deg);border:1px solid rgba(239,208,154,.7);background:#4e0b21;box-shadow:0 0 12px rgba(185,40,83,.5)}
}

/* Mobile-only pentagram navigation */
@media(max-width:699px){
  .overlay{background:radial-gradient(circle at 50% 50%,#310814 0,#100508 43%,#040303 78%)}
  .overlay-inner{display:block}.overlay-art{display:none}.overlay-top{top:20px;left:20px;right:20px}.overlay-label{font-size:9px;letter-spacing:.22em;max-width:190px;line-height:1.5}.close-btn{width:58px;height:52px;font-size:25px}
  .overlay-nav{display:block;position:absolute;inset:0;padding:0;background:radial-gradient(circle at 50% 54%,rgba(104,12,40,.28),transparent 42%);transform:none;overflow:hidden}
  .mobile-pentagram{display:block;position:absolute;width:min(92vw,480px);aspect-ratio:1;left:50%;top:54%;transform:translate(-50%,-50%) scale(.72) rotate(-8deg);opacity:0;filter:drop-shadow(0 20px 35px rgba(0,0,0,.65));transition:opacity .55s .12s,transform 1s cubic-bezier(.16,1,.3,1)}
  .menu-open .mobile-pentagram{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}
  .mobile-pentagram svg{width:100%;height:100%;overflow:visible}.p-ring,.p-star{fill:none;vector-effect:non-scaling-stroke}.p-ring-outer{stroke:rgba(239,208,154,.62);stroke-width:1.4;stroke-dasharray:2 7}.p-ring-inner{stroke:rgba(201,162,95,.28);stroke-width:1}.p-star{stroke:url(#none);stroke:#c49a59;stroke-width:2;filter:drop-shadow(0 0 8px rgba(177,39,79,.5))}.p-core{fill:#240711;stroke:rgba(239,208,154,.72);stroke-width:1}.p-mark{fill:none;stroke:#e6c382;stroke-width:1.5}
  .menu-link{position:absolute;z-index:4;min-height:48px;width:auto;min-width:112px;margin:0!important;padding:10px 15px!important;display:flex;justify-content:center;border:1px solid rgba(239,208,154,.48)!important;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 28%),linear-gradient(105deg,#711735,#210711 68%,#090405);box-shadow:inset 0 -8px 14px rgba(0,0,0,.5),0 6px 0 #070304,0 14px 26px rgba(0,0,0,.55);opacity:0;transform:scale(.65);transition:opacity .4s,transform .55s cubic-bezier(.16,1,.3,1)!important}
  .menu-open .menu-link{opacity:1;transform:scale(1)}.menu-link strong{font:22px/1 var(--display);letter-spacing:-.02em;white-space:nowrap}.menu-link strong:before,.menu-link .a{display:none}
  .menu-link:nth-of-type(1){left:50%;top:20%;transform:translateX(-50%) scale(.65)}.menu-open .menu-link:nth-of-type(1){transform:translateX(-50%) scale(1);transition-delay:.26s!important}
  .menu-link:nth-of-type(2){right:4%;top:38%;transition-delay:.34s!important}.menu-link:nth-of-type(3){right:7%;bottom:16%;transition-delay:.42s!important}.menu-link:nth-of-type(4){left:7%;bottom:16%;transition-delay:.5s!important}.menu-link:nth-of-type(5){left:4%;top:38%;transition-delay:.58s!important}
  .menu-link:hover{padding:10px 15px!important;filter:brightness(1.18)}
}

@media(max-width:390px){
  .mobile-pentagram{width:96vw;top:55%}.menu-link{min-width:102px;padding:9px 12px!important}.menu-link strong{font-size:19px}.menu-link:nth-of-type(2){right:1%}.menu-link:nth-of-type(5){left:1%}.menu-link:nth-of-type(3){right:3%;bottom:15%}.menu-link:nth-of-type(4){left:3%;bottom:15%}
}

/* Cinematic antique-gothic mobile menu */
@media(max-width:699px){
  .overlay{background:#050303;perspective:1100px}
  .overlay-inner{background:#050303;overflow:hidden}
  .overlay-nav{isolation:isolate;background:#050303;transform-origin:50% 52%;animation:none}
  .overlay-nav:before{content:"";position:absolute;z-index:0;inset:-3%;width:auto;background:linear-gradient(180deg,rgba(4,2,2,.08),rgba(5,2,3,.02) 65%,rgba(2,1,1,.34)),url('assets/mobile-gothic-seal.png') center/cover no-repeat;opacity:0;transform:scale(1.12) rotateX(5deg);filter:saturate(.78) brightness(.64) contrast(1.12);transition:opacity .6s,transform 1.45s cubic-bezier(.16,1,.3,1),filter 1.2s;box-shadow:inset 0 0 80px #000}
  .menu-open .overlay-nav:before{opacity:1;transform:scale(1.02) rotateX(0);filter:saturate(.92) brightness(.78) contrast(1.08);animation:gothicBreath 10s 1.5s ease-in-out infinite alternate}
  .overlay-nav:after{content:"";position:absolute;z-index:1;inset:-25% -70%;background:linear-gradient(105deg,transparent 42%,rgba(255,222,166,.02) 47%,rgba(255,222,166,.18) 50%,rgba(255,222,166,.025) 53%,transparent 58%);mix-blend-mode:screen;transform:translateX(-45%);opacity:0;pointer-events:none}
  .menu-open .overlay-nav:after{animation:gothicSweep 6.5s 1.2s ease-in-out infinite}
  .mobile-pentagram{display:none!important}
  .overlay-top{z-index:10}.overlay-label{color:#d2b580;text-shadow:0 2px 10px #000}.close-btn{background:linear-gradient(145deg,#6d1532,#1a060d 65%,#080304);box-shadow:inset 0 0 0 1px rgba(225,190,128,.55),inset 0 -9px 15px rgba(0,0,0,.6),0 7px 0 #090204,0 15px 28px rgba(0,0,0,.65)}
  .menu-link{z-index:5;min-width:118px;min-height:52px;padding:10px 18px!important;border:0!important;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);background:linear-gradient(180deg,rgba(245,210,150,.13),transparent 27%),linear-gradient(100deg,#250b12 0,#080405 52%,#30101a 100%);box-shadow:inset 0 0 0 1px rgba(213,177,114,.48),inset 0 -9px 13px rgba(0,0,0,.7),0 7px 0 #030202,0 16px 30px rgba(0,0,0,.72),0 0 22px rgba(111,17,45,.2);filter:brightness(.82);transform-style:preserve-3d}
  .menu-link:before{content:"";position:absolute;left:16px;right:16px;top:5px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,208,154,.65),transparent);opacity:.8}
  .menu-link:after{content:"◆";display:block;position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);color:#9f713e;font-size:12px;text-shadow:0 0 9px rgba(204,151,77,.5)}
  .menu-link strong{font:21px/1 var(--display);color:#efe2cf;text-shadow:0 2px 6px #000,0 0 18px rgba(255,218,159,.12)}
  .menu-open .menu-link{filter:brightness(1);animation:gothicPlaqueFloat 5s ease-in-out infinite}
  .menu-link:nth-of-type(1){top:17%}.menu-link:nth-of-type(2),.menu-link:nth-of-type(5){top:38%}.menu-link:nth-of-type(3),.menu-link:nth-of-type(4){bottom:13%}
  .menu-link:nth-of-type(1){animation-delay:.2s}.menu-link:nth-of-type(2){animation-delay:.65s}.menu-link:nth-of-type(3){animation-delay:1.1s}.menu-link:nth-of-type(4){animation-delay:1.55s}.menu-link:nth-of-type(5){animation-delay:2s}
  .menu-link:hover{padding:10px 18px!important;filter:brightness(1.2);box-shadow:inset 0 0 0 1px rgba(239,208,154,.7),inset 0 -9px 13px rgba(0,0,0,.62),0 10px 0 #030202,0 22px 38px rgba(0,0,0,.78),0 0 30px rgba(139,25,59,.34)}
}
@keyframes gothicBreath{0%{transform:scale(1.02) rotateX(0) translateY(0);filter:saturate(.9) brightness(.75) contrast(1.08)}100%{transform:scale(1.055) rotateX(1.1deg) translateY(-5px);filter:saturate(1) brightness(.84) contrast(1.1)}}
@keyframes gothicSweep{0%,20%{opacity:0;transform:translateX(-45%)}35%{opacity:.75}55%,100%{opacity:0;transform:translateX(45%)}}
@keyframes gothicPlaqueFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}

/* Final antique grimoire treatment — navigation is embossed into the cover */
@media(max-width:699px){
  .overlay{background:radial-gradient(circle at 50% 35%,#1b0b07,#040302 72%)}
  .overlay-nav{background:#050302;transform-style:preserve-3d}
  .overlay-nav:before{inset:-1%;background:linear-gradient(180deg,rgba(5,3,2,.05),transparent 70%,rgba(3,2,1,.18)),url('assets/mobile-grimoire-cover.png') center/cover no-repeat;filter:saturate(.72) brightness(.66) contrast(1.08);transform:scale(.88) rotateY(-16deg) rotateX(3deg);transform-origin:18% 50%;box-shadow:0 28px 70px #000,inset 0 0 70px rgba(0,0,0,.25)}
  .menu-open .overlay-nav:before{filter:saturate(.82) brightness(.8) contrast(1.06);transform:scale(1) rotateY(0) rotateX(0);animation:grimoireBreath 12s 1.8s ease-in-out infinite alternate}
  .overlay-nav:after{inset:-20% -90%;background:linear-gradient(108deg,transparent 45%,rgba(255,226,175,.025) 48%,rgba(255,223,166,.2) 50%,rgba(255,226,175,.03) 52%,transparent 55%)}
  .menu-open .overlay-nav:after{animation:grimoireLight 7.5s 1.4s ease-in-out infinite}
  .overlay-top{top:18px}.overlay-label{color:#b99462;font-family:Georgia,serif;font-size:9px;letter-spacing:.2em;max-width:175px}
  .close-btn{width:54px;height:54px;clip-path:none;border-radius:50%;border:1px solid rgba(171,128,76,.58);background:radial-gradient(circle at 38% 32%,#4b2616,#100806 68%);color:#d8bd8f;box-shadow:inset 0 0 0 4px rgba(8,4,3,.62),0 5px 14px rgba(0,0,0,.72);font-family:Georgia,serif}
  .menu-link,.menu-link:hover{min-width:116px;min-height:46px;padding:8px 10px!important;border:0!important;clip-path:none;background:transparent!important;box-shadow:none!important;filter:none;overflow:visible;display:flex;justify-content:center;align-items:center}
  .menu-link:before{content:"";position:absolute;left:12%;right:12%;top:auto;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,rgba(174,128,74,.75),transparent);opacity:.7;box-shadow:0 1px 0 rgba(0,0,0,.8)}
  .menu-link:after{content:"✦";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);color:#9c6f3d;font-size:8px;text-shadow:0 1px 0 #000,0 0 8px rgba(188,135,69,.28)}
  .menu-link strong{font:21px/1.08 Georgia,var(--display),serif;color:#c6a574;letter-spacing:.01em;text-shadow:0 -1px 0 #120906,0 1px 0 #ead4a8,0 3px 8px #000;filter:sepia(.28)}
  .menu-open .menu-link{animation:engravedText 6s ease-in-out infinite}
  .menu-link:nth-of-type(1){left:50%;top:22%;transform:translateX(-50%) scale(.85)}.menu-open .menu-link:nth-of-type(1){transform:translateX(-50%) scale(1)}
  .menu-link:nth-of-type(2){right:4%;top:37%}.menu-link:nth-of-type(5){left:4%;top:37%}
  .menu-link:nth-of-type(3){right:5%;top:69%;bottom:auto}.menu-link:nth-of-type(4){left:5%;top:69%;bottom:auto}
  .menu-link:nth-of-type(1){animation-delay:.3s}.menu-link:nth-of-type(2){animation-delay:.85s}.menu-link:nth-of-type(3){animation-delay:1.4s}.menu-link:nth-of-type(4){animation-delay:1.95s}.menu-link:nth-of-type(5){animation-delay:2.5s}
  .menu-link:hover strong{color:#ead6a8;text-shadow:0 -1px 0 #170b06,0 1px 0 #fff0c8,0 0 18px rgba(207,158,88,.45)}
}
@keyframes grimoireBreath{from{transform:scale(1) rotateY(0) translateY(0);filter:saturate(.8) brightness(.77) contrast(1.06)}to{transform:scale(1.025) rotateY(-.8deg) translateY(-3px);filter:saturate(.88) brightness(.84) contrast(1.08)}}
@keyframes grimoireLight{0%,24%{opacity:0;transform:translateX(-38%)}38%{opacity:.65}56%,100%{opacity:0;transform:translateX(38%)}}
@keyframes engravedText{0%,100%{opacity:.86;translate:0 0}50%{opacity:1;translate:0 -2px}}

/* Selected concept: antique alchemical mechanism with labels inside medallions */
@media(max-width:699px){
  .overlay{background:#030303}
  .overlay-nav{background:radial-gradient(circle at 50% 48%,#250608,#050303 60%,#020202)}
  .overlay-nav:before{inset:-1%;background:linear-gradient(180deg,rgba(3,2,2,.08),transparent 58%,rgba(2,1,1,.18)),url('assets/mobile-alchemical-mechanism.png') center/cover no-repeat;filter:saturate(.7) brightness(.58) contrast(1.13);transform-origin:50% 48%;box-shadow:inset 0 0 65px rgba(0,0,0,.6)}
  .menu-open .overlay-nav:before{animation:mechanismReveal 1.35s cubic-bezier(.16,1,.3,1) forwards,mechanismBreath 9s 1.35s ease-in-out infinite alternate}
  .overlay-nav:after{z-index:2;inset:-30% -100%;background:linear-gradient(108deg,transparent 45%,rgba(255,224,171,.02) 48%,rgba(255,211,139,.24) 50%,rgba(255,224,171,.025) 52%,transparent 55%)}
  .menu-open .overlay-nav:after{animation:mechanismSweep 6.8s 1.5s ease-in-out infinite}
  .mobile-pentagram{display:block!important;z-index:3;width:22vw;max-width:88px;min-width:72px;top:48%;left:50%;border-radius:50%;border:1px solid rgba(193,143,78,.38);background:conic-gradient(from 0deg,transparent 0 10%,rgba(180,119,55,.35) 10.5% 11%,transparent 11.5% 29%,rgba(180,119,55,.32) 29.5% 30%,transparent 30.5% 49%,rgba(180,119,55,.32) 49.5% 50%,transparent 50.5% 69%,rgba(180,119,55,.32) 69.5% 70%,transparent 70.5% 89%,rgba(180,119,55,.32) 89.5% 90%,transparent 90.5%);box-shadow:inset 0 0 18px rgba(0,0,0,.8),0 0 18px rgba(110,11,27,.22);opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-35deg)}
  .mobile-pentagram svg{display:none}.menu-open .mobile-pentagram{opacity:1;animation:centralRingIn .9s 1.05s cubic-bezier(.16,1,.3,1) forwards,centralRingSpin 18s 1.95s linear infinite}
  .overlay-label{color:#c59c65}.close-btn{border:1px solid rgba(193,143,78,.7);background:radial-gradient(circle at 36% 30%,#641224,#1b060b 62%,#060303);color:#eed5a4;box-shadow:inset 0 0 0 4px #100608,0 6px 18px #000,0 0 16px rgba(129,16,40,.3)}
  .menu-link,.menu-link:hover{width:76px;min-width:76px;height:76px;min-height:76px;padding:0!important;border:0!important;border-radius:50%;clip-path:none;background:radial-gradient(circle at 42% 36%,rgba(104,16,27,.58),rgba(24,4,7,.76) 58%,rgba(2,2,2,.9) 100%)!important;box-shadow:inset 0 0 0 1px rgba(189,137,72,.52),inset 0 0 0 5px rgba(8,4,3,.5),inset 0 -12px 20px rgba(0,0,0,.66),0 7px 18px rgba(0,0,0,.62),0 0 18px rgba(139,16,38,.2)!important;display:flex;align-items:center;justify-content:center;overflow:visible;right:auto;bottom:auto;opacity:0;filter:none;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:before,.menu-link:after{display:none}.menu-link strong{font:11px/1.05 Georgia,var(--display),serif;color:#ead6ad;letter-spacing:0;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 #000,0 0 8px rgba(255,211,139,.35);max-width:66px;white-space:normal;filter:none}
  .menu-link:nth-of-type(1){--delay:.48s;left:50%;top:29%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:nth-of-type(2){--delay:.66s;left:86%;top:42.5%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:nth-of-type(3){--delay:.84s;left:72%;top:66.5%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:nth-of-type(4){--delay:1.02s;left:28%;top:66.5%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:nth-of-type(5){--delay:1.2s;left:14%;top:42.5%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-open .menu-link{animation:medallionIn .72s var(--delay) cubic-bezier(.16,1,.3,1) forwards,medallionPulse 4.6s calc(var(--delay) + .72s) ease-in-out infinite}
  .menu-link:hover{transform:translate(-50%,-50%) scale(1.08)!important;box-shadow:inset 0 0 0 1px rgba(235,187,116,.82),inset 0 0 0 5px rgba(20,5,6,.58),inset 0 -12px 20px rgba(0,0,0,.58),0 11px 22px rgba(0,0,0,.7),0 0 30px rgba(179,25,54,.4)!important}
}
@keyframes mechanismReveal{0%{opacity:0;transform:scale(.76) rotateZ(-4deg) rotateX(7deg);filter:saturate(.45) brightness(.28) blur(5px)}100%{opacity:1;transform:scale(1.01) rotateZ(0) rotateX(0);filter:saturate(.82) brightness(.8) contrast(1.08)}}
@keyframes mechanismBreath{from{transform:scale(1.01);filter:saturate(.8) brightness(.76) contrast(1.08)}to{transform:scale(1.035);filter:saturate(1) brightness(.88) contrast(1.1)}}
@keyframes mechanismSweep{0%,22%{opacity:0;transform:translateX(-42%)}36%{opacity:.75}54%,100%{opacity:0;transform:translateX(42%)}}
@keyframes centralRingIn{to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes centralRingSpin{from{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(360deg)}}
@keyframes medallionIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes medallionPulse{0%,100%{filter:brightness(.92);box-shadow:inset 0 0 0 1px rgba(189,137,72,.52),inset 0 0 0 5px rgba(8,4,3,.5),inset 0 -12px 20px rgba(0,0,0,.66),0 7px 18px rgba(0,0,0,.62),0 0 12px rgba(139,16,38,.14)}50%{filter:brightness(1.14);box-shadow:inset 0 0 0 1px rgba(226,177,106,.72),inset 0 0 0 5px rgba(20,5,7,.55),inset 0 -12px 20px rgba(0,0,0,.62),0 9px 22px rgba(0,0,0,.7),0 0 26px rgba(170,19,49,.42)}}

/* Astro-Violetta animated identity */
.brand{position:relative;display:block;isolation:isolate;overflow:visible;flex:0 0 auto}
.brand-logo-shell{position:relative;display:block;width:clamp(250px,27vw,410px);height:94px;overflow:hidden;filter:drop-shadow(0 9px 18px rgba(0,0,0,.72));animation:brandReveal 1.35s .25s cubic-bezier(.16,1,.3,1) both}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:saturate(.88) brightness(.98) drop-shadow(0 0 8px rgba(179,36,72,.1));animation:brandBreathe 7s 1.7s ease-in-out infinite alternate}
.brand-logo-shell:before{content:"";position:absolute;z-index:2;left:-18%;top:-80%;width:42%;height:260%;background:linear-gradient(105deg,transparent 32%,rgba(255,236,194,.03) 42%,rgba(255,223,157,.7) 50%,rgba(255,236,194,.05) 58%,transparent 68%);mix-blend-mode:screen;transform:translateX(-130%) rotate(8deg);pointer-events:none;animation:brandGoldSweep 6.5s 1.9s ease-in-out infinite}
.brand-logo-shell:after{content:"";position:absolute;z-index:-1;left:2.5%;top:50%;width:70px;height:70px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(133,17,45,.32),rgba(89,8,27,.12) 44%,transparent 72%);box-shadow:28px -30px 0 -33px #f2d69b,56px 22px 0 -34px #f2d69b,102px -22px 0 -34px #f2d69b;animation:brandMoonPulse 4.8s ease-in-out infinite}
.site-header .header-line{margin-left:2vw}
@keyframes brandReveal{from{opacity:0;transform:translateX(-28px) scale(.92);filter:blur(6px) drop-shadow(0 9px 18px rgba(0,0,0,.7))}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 9px 18px rgba(0,0,0,.72))}}
@keyframes brandBreathe{from{transform:scale(1);filter:saturate(.82) brightness(.93) drop-shadow(0 0 5px rgba(130,20,48,.08))}to{transform:scale(1.018);filter:saturate(1) brightness(1.08) drop-shadow(0 0 13px rgba(164,28,62,.22))}}
@keyframes brandGoldSweep{0%,22%{transform:translateX(-130%) rotate(8deg);opacity:0}34%{opacity:.9}52%,100%{transform:translateX(390%) rotate(8deg);opacity:0}}
@keyframes brandMoonPulse{0%,100%{opacity:.45;transform:translateY(-50%) scale(.88)}50%{opacity:1;transform:translateY(-50%) scale(1.14)}}
@media(max-width:900px){.brand-logo-shell{width:clamp(210px,36vw,285px);height:76px}}
@media(max-width:699px){.site-header{padding-left:12px;padding-right:12px}.brand-logo-shell{width:205px;height:66px}.brand-logo-shell:after{width:54px;height:54px}.menu-btn{margin-left:auto}.header-actions{gap:6px}}
@media(max-width:390px){.brand-logo-shell{width:188px;height:62px}}
@media(prefers-reduced-motion:reduce){.brand-logo-shell,.brand-logo,.brand-logo-shell:before,.brand-logo-shell:after{animation:none!important}}

/* Preserve the exact selected first logo artwork */
.brand-logo-shell{width:clamp(280px,30vw,440px);height:108px}
.brand-logo{object-fit:contain;object-position:left center}
@media(max-width:900px){.brand-logo-shell{width:290px;height:96px}}
@media(max-width:699px){.brand-logo-shell{width:220px;height:78px}}
@media(max-width:390px){.brand-logo-shell{width:202px;height:72px}}

/* Exact selected astrolabe logo, animated without redrawing the artwork */
.site-header{height:146px}
.astrolabe-identity{width:380px;height:132px;background:#000;overflow:hidden}
.astrolabe-identity .brand-logo{position:absolute;z-index:1;left:0;top:50%;width:380px;height:auto;max-width:none;object-fit:unset;transform:translateY(-50%);transform-origin:17% 50%;animation:astrolabeLogoBreathe 8s 1.4s ease-in-out infinite alternate}
.astrolabe-identity:before{z-index:4;left:-18%;top:-65%;height:230%;animation:astrolabeGoldSweep 6.8s 1.6s ease-in-out infinite}
.astrolabe-identity:after{z-index:2;left:14.8%;top:50%;width:48px;height:48px;background:radial-gradient(circle at 40% 35%,rgba(255,147,160,.5),rgba(126,4,32,.5) 28%,rgba(72,0,21,.18) 55%,transparent 72%);box-shadow:0 0 17px rgba(168,14,49,.52),0 0 34px rgba(112,6,33,.28);mix-blend-mode:screen;animation:astrolabeRubyPulse 3.8s ease-in-out infinite}
.logo-orbit{position:absolute;z-index:3;left:1.7%;top:50%;width:126px;height:76px;border:1px solid rgba(239,208,154,.22);border-radius:50%;transform:translateY(-50%) rotate(-9deg);box-shadow:0 0 12px rgba(238,202,143,.08),inset 0 0 12px rgba(238,202,143,.06);pointer-events:none;animation:astrolabeOrbit 11s linear infinite}
.logo-orbit:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:9px;top:8px;background:#efd09a;box-shadow:0 0 8px #efd09a}
.logo-stars{position:absolute;z-index:5;left:21%;top:26%;width:3px;height:3px;border-radius:50%;background:#efd09a;box-shadow:34px -10px 0 #efd09a,66px 22px 0 rgba(239,208,154,.8),104px -14px 0 rgba(239,208,154,.7),154px 16px 0 rgba(239,208,154,.7),224px -4px 0 rgba(239,208,154,.6);pointer-events:none;animation:astrolabeTwinkle 2.8s ease-in-out infinite alternate}
@keyframes astrolabeLogoBreathe{from{transform:translateY(-50%) scale(1);filter:saturate(.88) brightness(.94)}to{transform:translateY(-50%) scale(1.018);filter:saturate(1.04) brightness(1.08)}}
@keyframes astrolabeRubyPulse{0%,100%{opacity:.4;transform:translateY(-50%) scale(.72)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}
@keyframes astrolabeOrbit{from{transform:translateY(-50%) rotate(-9deg)}to{transform:translateY(-50%) rotate(351deg)}}
@keyframes astrolabeGoldSweep{0%,24%{transform:translateX(-135%) rotate(8deg);opacity:0}38%{opacity:.9}56%,100%{transform:translateX(470%) rotate(8deg);opacity:0}}
@keyframes astrolabeTwinkle{0%{opacity:.25;filter:blur(.5px)}45%{opacity:1;filter:blur(0)}100%{opacity:.4;filter:blur(.3px)}}
@media(max-width:900px){.site-header{height:124px}.astrolabe-identity{width:310px;height:108px}.astrolabe-identity .brand-logo{width:310px}.logo-orbit{width:102px;height:62px}.astrolabe-identity:after{width:40px;height:40px}}
@media(max-width:699px){.site-header{height:96px}.astrolabe-identity{width:224px;height:86px}.astrolabe-identity .brand-logo{width:224px}.logo-orbit{width:74px;height:45px}.astrolabe-identity:after{width:29px;height:29px}.logo-stars{display:none}}
@media(max-width:390px){.astrolabe-identity{width:205px;height:82px}.astrolabe-identity .brand-logo{width:205px}}

/* Refined header controls and cinematic identity motion */
.astrolabe-identity{transform:perspective(900px) rotateX(var(--logo-rx,0deg)) rotateY(var(--logo-ry,0deg));transition:transform .5s cubic-bezier(.2,.75,.2,1)}
.logo-orbit{left:2.3%;top:50%;width:122px;height:88px;border:0;background:conic-gradient(from 30deg,transparent 0 9%,rgba(239,208,154,.7) 10% 10.8%,transparent 12% 34%,rgba(239,208,154,.48) 35% 35.8%,transparent 37% 61%,rgba(239,208,154,.62) 62% 62.8%,transparent 64% 86%,rgba(239,208,154,.46) 87% 87.8%,transparent 89%);-webkit-mask:radial-gradient(ellipse,transparent 0 53%,#000 55% 58%,transparent 60%);mask:radial-gradient(ellipse,transparent 0 53%,#000 55% 58%,transparent 60%);box-shadow:none;opacity:.7;animation:astrolabeOrbit 16s linear infinite}
.logo-orbit:before{display:none}.astrolabe-identity:after{animation:astrolabeRubyPulse 5.2s ease-in-out infinite}.logo-stars{animation-duration:3.6s}
@keyframes astrolabeLogoBreathe{from{transform:translateY(-50%) scale(1);filter:saturate(.86) brightness(.92) drop-shadow(0 0 0 rgba(137,14,43,0))}to{transform:translateY(-50%) scale(1.012);filter:saturate(1.03) brightness(1.06) drop-shadow(0 0 8px rgba(137,14,43,.18))}}
@keyframes astrolabeRubyPulse{0%,100%{opacity:.26;transform:translateY(-50%) scale(.82);filter:blur(1px)}45%{opacity:.95;transform:translateY(-50%) scale(1.08);filter:blur(0)}55%{opacity:.72;transform:translateY(-50%) scale(.98);filter:blur(.2px)}}
@media(min-width:901px){.header-btn{height:50px;min-width:142px;padding:0 29px;font-size:10px}.menu-btn{width:76px;height:66px;font-size:9px}.menu-icon{width:23px;height:11px;margin-bottom:5px}}
@media(min-width:700px) and (max-width:900px){.header-btn{height:48px;min-width:134px;padding:0 25px;font-size:10px}.menu-btn{width:72px;height:62px}}

/* Approved alchemical navigation — desktop adaptation */
@media(min-width:700px){
  .overlay{background:#030202;perspective:1200px}
  .overlay-inner{display:block;position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(circle at 50% 48%,#2b060d 0,#090405 38%,#020202 76%);overflow:hidden;transform:none;border:0}
  .overlay-inner:before{z-index:8;inset:18px;border-color:rgba(201,162,95,.28)}
  .overlay-art{display:none!important}
  .overlay-nav{display:block;position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;background:transparent;transform:none;perspective:1200px;isolation:isolate;overflow:hidden}
  .overlay-nav:before{content:"";position:absolute;z-index:0;inset:1.5%;left:1.5%;right:1.5%;top:1.5%;bottom:1.5%;width:auto;height:auto;background:linear-gradient(180deg,rgba(3,2,2,.04),transparent 60%,rgba(2,1,1,.12)),url('assets/mobile-alchemical-mechanism.png') center/contain no-repeat;opacity:0;transform:scale(.74) rotateZ(-4deg) rotateX(8deg);filter:saturate(.52) brightness(.38) blur(5px);transform-origin:50% 48%;box-shadow:none}
  .menu-open .overlay-nav:before{animation:desktopMechanismReveal 1.35s cubic-bezier(.16,1,.3,1) forwards,desktopMechanismBreath 10s 1.35s ease-in-out infinite alternate}
  .overlay-nav:after{content:"";position:absolute;z-index:1;inset:-30% -80%;left:-80%;right:-80%;top:-30%;bottom:-30%;width:auto;height:auto;background:linear-gradient(108deg,transparent 45%,rgba(255,224,171,.02) 48%,rgba(255,211,139,.22) 50%,rgba(255,224,171,.025) 52%,transparent 55%);mix-blend-mode:screen;opacity:0;pointer-events:none}
  .menu-open .overlay-nav:after{animation:mechanismSweep 6.8s 1.5s ease-in-out infinite}
  .overlay-top{z-index:20;top:32px;left:4vw;right:4vw}.overlay-label{color:#c8a46c}.close-btn{width:64px;height:64px;border:1px solid rgba(201,162,95,.66);border-radius:50%;clip-path:none;background:radial-gradient(circle at 36% 30%,#70152b,#1a050b 62%,#050202);box-shadow:inset 0 0 0 4px rgba(14,5,5,.72),0 8px 24px #000,0 0 20px rgba(135,18,46,.25)}
  .mobile-pentagram{display:block!important;position:absolute;z-index:3;left:50%;top:48%;width:min(13vh,104px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(193,143,78,.34);background:conic-gradient(from 0deg,transparent 0 10%,rgba(180,119,55,.36) 10.5% 11%,transparent 11.5% 29%,rgba(180,119,55,.32) 29.5% 30%,transparent 30.5% 49%,rgba(180,119,55,.32) 49.5% 50%,transparent 50.5% 69%,rgba(180,119,55,.32) 69.5% 70%,transparent 70.5% 89%,rgba(180,119,55,.32) 89.5% 90%,transparent 90.5%);opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-40deg);box-shadow:inset 0 0 22px #000,0 0 24px rgba(116,10,33,.24)}
  .mobile-pentagram svg{display:none}.menu-open .mobile-pentagram{animation:centralRingIn .9s 1.05s cubic-bezier(.16,1,.3,1) forwards,centralRingSpin 20s 1.95s linear infinite}
  .menu-link,.menu-link:hover{position:absolute;z-index:5;width:clamp(76px,10vh,96px);min-width:0;height:clamp(76px,10vh,96px);min-height:0;margin:0!important;padding:0!important;border:0!important;border-radius:50%;clip-path:none;background:radial-gradient(circle at 42% 34%,rgba(118,17,34,.68),rgba(29,5,9,.8) 56%,rgba(3,2,2,.94) 100%)!important;box-shadow:inset 0 0 0 1px rgba(202,151,83,.6),inset 0 0 0 6px rgba(9,4,3,.52),inset 0 -14px 24px rgba(0,0,0,.7),0 10px 28px rgba(0,0,0,.72),0 0 22px rgba(139,16,38,.24)!important;display:flex;align-items:center;justify-content:center;overflow:visible;opacity:0;filter:none;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:before,.menu-link:after,.menu-link .a,.menu-link .n{display:none!important}.menu-link strong{font:clamp(11px,1.45vh,14px)/1.06 Georgia,var(--display),serif;color:#ead6ad;letter-spacing:.015em;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 #000,0 0 10px rgba(255,211,139,.3);white-space:normal;max-width:84%;filter:none}
  .menu-link:nth-of-type(1){--delay:.48s;left:50%;top:29%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:nth-of-type(2){--delay:.66s;left:calc(50% + min(20.25vh,25.2vw));top:42.5%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:nth-of-type(3){--delay:.84s;left:calc(50% + min(12.4vh,15.4vw));top:66.5%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:nth-of-type(4){--delay:1.02s;left:calc(50% - min(12.4vh,15.4vw));top:66.5%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-link:nth-of-type(5){--delay:1.2s;left:calc(50% - min(20.25vh,25.2vw));top:42.5%;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}
  .menu-open .menu-link{animation:medallionIn .72s var(--delay) cubic-bezier(.16,1,.3,1) forwards,medallionPulse 4.8s calc(var(--delay) + .72s) ease-in-out infinite}
  .menu-link:hover{transform:translate(-50%,-50%) scale(1.1)!important;filter:brightness(1.18);box-shadow:inset 0 0 0 1px rgba(239,196,125,.86),inset 0 0 0 6px rgba(20,5,7,.58),inset 0 -14px 24px rgba(0,0,0,.62),0 14px 32px rgba(0,0,0,.78),0 0 36px rgba(179,25,54,.45)!important}
}
@keyframes desktopMechanismReveal{0%{opacity:0;transform:scale(.74) rotateZ(-4deg) rotateX(8deg);filter:saturate(.48) brightness(.3) blur(5px)}100%{opacity:1;transform:scale(1) rotateZ(0) rotateX(0);filter:saturate(.88) brightness(.82) contrast(1.08)}}
@keyframes desktopMechanismBreath{from{transform:scale(1);filter:saturate(.86) brightness(.8) contrast(1.08)}to{transform:scale(1.026);filter:saturate(1) brightness(.9) contrast(1.1)}}

/* Precise medallion alignment and central Celtic triquetra */
.mobile-pentagram{background:radial-gradient(circle at 40% 32%,#55101f,#170509 52%,#030202 78%)!important;border:1px solid rgba(220,170,96,.64)!important;box-shadow:inset 0 0 0 5px rgba(10,4,3,.55),inset 0 -16px 25px rgba(0,0,0,.66),0 8px 24px rgba(0,0,0,.7),0 0 25px rgba(134,14,40,.28)!important;overflow:hidden}
.mobile-pentagram svg{display:block!important;width:82%;height:82%;position:absolute;left:9%;top:9%;overflow:visible}
.triquetra-shadow path,.triquetra-gold path{fill:none;stroke-linejoin:round;stroke-linecap:round}.triquetra-shadow path{stroke:#080303;stroke-width:27}.triquetra-gold path{stroke:url(#none);stroke:#d4a75f;stroke-width:12;filter:drop-shadow(0 0 7px rgba(218,164,84,.48))}
.menu-link strong:before{display:none!important}
@media(min-width:700px){
  .menu-link,.menu-link:hover{width:72px;min-width:72px;height:72px;min-height:72px}
  .menu-link:nth-of-type(1){left:50%;top:28%}
  .menu-link:nth-of-type(2){left:calc(50% + min(21.3vh,26.5vw));top:41%}
  .menu-link:nth-of-type(3){left:calc(50% + min(12.7vh,15.8vw));top:64%}
  .menu-link:nth-of-type(4){left:calc(50% - min(12.7vh,15.8vw));top:64%}
  .menu-link:nth-of-type(5){left:calc(50% - min(21.3vh,26.5vw));top:41%}
  .mobile-pentagram{width:84px!important;height:84px;min-width:84px;max-width:84px;top:48%!important}
  .menu-open .mobile-pentagram{animation:triquetraReveal .9s 1s cubic-bezier(.16,1,.3,1) forwards,triquetraGlow 4.8s 1.9s ease-in-out infinite!important}
}
@media(max-width:699px){
  .menu-open .mobile-pentagram{animation:triquetraReveal .9s 1s cubic-bezier(.16,1,.3,1) forwards,triquetraGlow 4.8s 1.9s ease-in-out infinite!important}
}
@keyframes triquetraReveal{from{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-24deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes triquetraGlow{0%,100%{opacity:.82;filter:brightness(.86);transform:translate(-50%,-50%) scale(1)}50%{opacity:1;filter:brightness(1.22);transform:translate(-50%,-50%) scale(1.045)}}

/* Cinematic antique triquetra medallion — replaces the flat SVG treatment. */
.mobile-pentagram{
  background:transparent url('assets/antique-triquetra-medallion-v2.png') center/contain no-repeat!important;
  border:0!important;
  border-radius:50%;
  box-shadow:0 18px 34px rgba(0,0,0,.78),0 0 28px rgba(125,13,37,.42),0 0 0 1px rgba(220,171,98,.18)!important;
  overflow:visible!important;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.92)) saturate(.9) brightness(.86);
}
.mobile-pentagram:before{
  content:"";
  position:absolute;
  inset:8%;
  border-radius:50%;
  background:radial-gradient(circle at 38% 28%,rgba(255,226,166,.26),transparent 23%),radial-gradient(circle,rgba(160,11,37,.16),transparent 66%);
  mix-blend-mode:screen;
  pointer-events:none;
}
.mobile-pentagram svg{display:none!important}

/* The artwork already contains the forged sockets: links are transparent hit areas,
   so no second circle or plaque can protrude beyond the mechanism. */
.menu-link,.menu-link:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  filter:none;
}
.menu-link strong{
  color:#f1ddb5!important;
  font-family:Georgia,var(--display),serif!important;
  font-size:11px!important;
  line-height:1.02!important;
  font-weight:600!important;
  letter-spacing:.025em!important;
  max-width:78%!important;
  text-shadow:0 2px 4px #000,0 0 9px rgba(219,163,83,.52),0 1px 0 #4a190c!important;
}
.menu-link:hover strong{color:#fff1cf!important;text-shadow:0 2px 4px #000,0 0 14px rgba(255,196,104,.86)!important}

@media(min-width:700px){
  .menu-link,.menu-link:hover{width:78px!important;min-width:78px!important;height:78px!important;min-height:78px!important}
  .menu-link:nth-of-type(1){left:50%!important;top:28.8%!important}
  .menu-link:nth-of-type(2){left:calc(50% + min(20.2vh,25.1vw))!important;top:41.8%!important}
  .menu-link:nth-of-type(3){left:calc(50% + min(12.5vh,15.55vw))!important;top:65.4%!important}
  .menu-link:nth-of-type(4){left:calc(50% - min(12.5vh,15.55vw))!important;top:65.4%!important}
  .menu-link:nth-of-type(5){left:calc(50% - min(20.2vh,25.1vw))!important;top:41.8%!important}
  .mobile-pentagram{width:108px!important;height:108px!important;min-width:108px!important;max-width:108px!important;top:48%!important}
  .menu-open .mobile-pentagram{animation:artifactReveal 1.15s .82s cubic-bezier(.16,1,.3,1) forwards,artifactBreathe 5.8s 1.97s ease-in-out infinite!important}
}

@media(max-width:699px){
  .mobile-pentagram{width:98px!important;height:98px!important;min-width:98px!important;max-width:98px!important}
  .menu-open .mobile-pentagram{animation:artifactReveal 1.15s .82s cubic-bezier(.16,1,.3,1) forwards,artifactBreathe 5.8s 1.97s ease-in-out infinite!important}
}

@keyframes artifactReveal{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.36) rotate(-18deg);filter:drop-shadow(0 4px 7px #000) saturate(.55) brightness(.42) blur(4px)}
  68%{opacity:1;transform:translate(-50%,-50%) scale(1.07) rotate(2deg);filter:drop-shadow(0 12px 18px #000) saturate(1.08) brightness(1.08) blur(0)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:drop-shadow(0 9px 14px #000) saturate(.94) brightness(.94) blur(0)}
}
@keyframes artifactBreathe{
  0%,100%{opacity:.94;transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 9px 14px #000) saturate(.9) brightness(.88)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.045);filter:drop-shadow(0 12px 20px #000) saturate(1.08) brightness(1.08)}
}

/* Editorial content system */
.path-grid-four{grid-template-columns:repeat(4,1fr)}
.path-grid-four .path-card{min-height:365px;padding:34px 30px}
.path-grid-four .path-card h3{font-size:27px}
.path-grid-four .path-num{font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.section-actions{margin-top:42px}
.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}
.editorial-grid h2{margin-top:15px}
.editorial-copy{padding-top:10px}
.editorial-copy p{margin:0 0 24px;color:#cab9ab;font:19px/1.72 var(--display);max-width:720px}
.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:14px;color:var(--gold2);font-size:10px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid rgba(201,162,95,.42);padding-bottom:8px;transition:.25s}
.text-link:hover{gap:20px;color:#fff0d2}
.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:78px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact-strip>div{padding:30px 28px;border-right:1px solid var(--line)}
.fact-strip>div:last-child{border-right:0}
.fact-strip strong{display:block;font:30px/1.1 var(--display);color:var(--gold2);margin-bottom:8px}
.fact-strip span{color:var(--muted);font-size:11px;letter-spacing:.11em;text-transform:uppercase}
.course-chips{display:flex;flex-wrap:wrap;gap:12px}
.course-chips span{padding:15px 20px;border:1px solid rgba(201,162,95,.34);background:linear-gradient(145deg,rgba(83,8,29,.28),rgba(8,6,6,.55));color:#dbc6b2;font:15px var(--display);border-radius:999px}
.service-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.service-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(76,8,27,.32),rgba(8,6,6,.8));padding:38px;min-height:360px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.service-card:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(201,162,95,.08);border-radius:50%;right:-105px;top:-110px}
.service-tag{color:var(--gold);font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.service-card h3{font-size:38px;line-height:1.05;margin:32px 0 18px;max-width:520px}
.service-card p{color:var(--muted);line-height:1.7;margin:0 0 25px;max-width:580px}
.service-card>strong{font:italic 23px var(--display);color:var(--gold2);margin-top:auto}
.service-card .text-link{align-self:flex-start}
.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.ritual-grid div{min-height:125px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;color:#d4c1b0;font:20px/1.25 var(--display);background:linear-gradient(145deg,rgba(64,6,22,.2),rgba(8,6,6,.5));position:relative}
.ritual-grid div:before{content:"✦";position:absolute;top:17px;left:27px;color:rgba(201,162,95,.55);font-size:10px}
.legal-note,.contact-note{margin:28px 0 0;color:#8d7c72;font-size:11px;line-height:1.65;letter-spacing:.03em}
.cta-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:55px 0}
.cta-panel h2{font-size:clamp(44px,5vw,78px)}
.cta-panel p{color:#c5b3a5;font:18px/1.7 var(--display);margin:0 0 25px}
.course-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.course-section{min-height:355px;border:1px solid var(--line);padding:40px;background:linear-gradient(145deg,rgba(83,9,29,.34),rgba(8,6,6,.82));position:relative;overflow:hidden}
.course-section:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(201,162,95,.09);border-radius:50%;right:-120px;bottom:-130px}
.course-index{color:var(--gold);font:italic 13px var(--display)}
.course-section h3{font-size:40px;margin:34px 0 25px}
.course-section ul{list-style:none;padding:0;margin:0;position:relative;z-index:1}
.course-section li{padding:13px 0;border-bottom:1px solid rgba(201,162,95,.15);color:#c9b7a9;line-height:1.45}
.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.collection-card{min-height:370px;padding:30px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(150deg,rgba(79,8,27,.34),rgba(7,5,5,.82));display:flex;flex-direction:column;transition:.3s}
.collection-card:hover{transform:translateY(-6px);background:linear-gradient(150deg,rgba(112,13,39,.42),rgba(7,5,5,.82))}
.collection-card>span{color:var(--gold);font-size:10px;letter-spacing:.24em}
.collection-card h3{font-size:29px;margin:60px 0 18px}
.collection-card p{color:var(--muted);line-height:1.6;margin:0 0 24px}
.collection-card .add-cart{margin-top:auto;text-align:left;line-height:1.4}
.deck-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.deck-list div{padding:28px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:23px var(--display);color:#d9c7b5;background:rgba(47,5,17,.16)}
.footer-cart-link{border:0;padding:0;background:none;color:#95857c;cursor:pointer;font-size:13px;line-height:1.8}
.footer-cart-link:hover{color:var(--gold2)}

@media(max-width:1200px){
  .path-grid-four{grid-template-columns:repeat(2,1fr)}
  .collection-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .editorial-grid,.cta-panel{grid-template-columns:1fr;gap:38px}
  .fact-strip,.service-cards,.course-catalog,.collection-grid,.deck-list{grid-template-columns:1fr}
  .ritual-grid{grid-template-columns:repeat(2,1fr)}
  .fact-strip>div{border-right:0;border-bottom:1px solid var(--line)}
  .fact-strip>div:last-child{border-bottom:0}
  .service-card,.course-section{min-height:0}
  .collection-card{min-height:300px}
  .collection-card h3{margin-top:44px}
}
@media(max-width:560px){
  .path-grid-four,.ritual-grid{grid-template-columns:1fr}
  .path-grid-four .path-card{min-height:300px}
  .editorial-copy p{font-size:17px}
  .service-card,.course-section{padding:30px 24px}
  .service-card h3,.course-section h3{font-size:33px}
  .deck-list div{font-size:20px}
}
@media(max-height:820px){.scroll-mark{display:none}}
@media(max-width:699px){
  .hero h1{font-size:clamp(46px,13vw,60px)}
  .page-hero .hero-media{aspect-ratio:1586/992;background-image:var(--bg-mobile,var(--bg))}
}

/* Rotten-cherry cinematic navigation: larger sockets and living black blood. */
.overlay-inner{background:radial-gradient(circle at 50% 48%,#26030d 0,#0a0205 42%,#010101 78%)!important}
.mechanism-grade{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 48%,rgba(76,4,25,.43) 0,rgba(34,1,12,.24) 34%,rgba(3,0,2,.18) 62%,rgba(0,0,0,.58) 100%);mix-blend-mode:color;transition:opacity 1.2s .2s}
.menu-open .mechanism-grade{opacity:1;animation:cherryGradeBreath 7s 1.4s ease-in-out infinite alternate}
.blood-flow{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:normal;opacity:0;filter:drop-shadow(0 2px 3px #000) contrast(1.12)}
.menu-open .blood-flow{opacity:1;transition:opacity 1.2s .7s}

.mobile-pentagram{
  z-index:4!important;
  background:transparent url('assets/antique-triquetra-reliquary-v4.png') center/contain no-repeat!important;
  border:0!important;
  border-radius:50%;
  box-shadow:0 24px 52px rgba(0,0,0,.92),0 0 38px rgba(60,0,18,.62)!important;
  overflow:hidden!important;
  transform-style:preserve-3d;
  will-change:transform,filter,opacity;
}
.mobile-pentagram:before{
  content:"";position:absolute;z-index:2;inset:-22%;border-radius:50%;pointer-events:none;
  background:linear-gradient(112deg,transparent 36%,rgba(255,233,189,.03) 42%,rgba(255,227,170,.74) 48%,rgba(255,242,209,.08) 54%,transparent 62%);
  mix-blend-mode:screen;transform:translateX(-130%) rotate(7deg);opacity:0;
}
.menu-open .mobile-pentagram:before{animation:relicShimmer 5.6s 2.05s ease-in-out infinite}
.mobile-pentagram:after{
  content:"";position:absolute;z-index:-1;inset:8%;border-radius:50%;pointer-events:none;
  box-shadow:0 0 24px rgba(78,1,22,.72),0 0 52px rgba(43,0,13,.48),inset 0 0 28px rgba(84,2,24,.35);opacity:.5;
}

.menu-link,.menu-link:hover{
  background:radial-gradient(circle at 38% 28%,#4a0719 0,#23020c 34%,#080103 70%,#010101 100%)!important;
  border:1px solid rgba(126,102,75,.82)!important;
  box-shadow:inset 0 0 0 3px rgba(1,1,1,.78),inset 0 0 0 5px rgba(96,70,45,.32),inset 0 -15px 25px rgba(0,0,0,.8),0 10px 28px rgba(0,0,0,.78),0 0 22px rgba(55,0,16,.35)!important;
  overflow:hidden!important;
  isolation:isolate;
}
.menu-link:before{display:block!important;content:""!important;position:absolute!important;inset:5px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 24%,rgba(255,224,166,.1),transparent 23%),linear-gradient(145deg,transparent 52%,rgba(91,5,27,.19))!important;pointer-events:none!important}
.menu-link:after{display:block!important;content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;background:linear-gradient(112deg,transparent 38%,rgba(255,222,169,.18) 49%,transparent 58%)!important;transform:translateX(-120%)!important;opacity:0!important;pointer-events:none!important}
.menu-link:hover:after{opacity:1!important;animation:socketGlint .85s ease-out forwards}
.menu-link strong{
  position:relative;z-index:2;display:block;width:82%;max-width:82%!important;overflow:hidden;
  color:#e1c79c!important;font-family:var(--display),Georgia,serif!important;font-size:11.5px!important;line-height:1!important;font-weight:600!important;letter-spacing:.018em!important;
  white-space:nowrap!important;text-overflow:clip;text-align:center!important;
  text-shadow:0 2px 4px #000,0 0 8px rgba(153,91,40,.34)!important;
}
.menu-link:nth-of-type(5) strong{font-size:9.3px!important;letter-spacing:.005em!important}
.menu-link:nth-of-type(4) strong{font-size:10px!important;letter-spacing:.008em!important}
.menu-link:nth-of-type(2) strong{font-size:10.6px!important}

@media(min-width:700px){
  .overlay-nav:before{filter:saturate(.54) brightness(.72) contrast(1.17)!important}
  .menu-open .overlay-nav:before{animation:desktopMechanismRevealCherry 1.45s cubic-bezier(.16,1,.3,1) forwards,desktopMechanismCherryBreath 9s 1.45s ease-in-out infinite alternate!important}
  .menu-link,.menu-link:hover{width:96px!important;min-width:96px!important;height:96px!important;min-height:96px!important}
  .menu-link:nth-of-type(1){left:50%!important;top:28.8%!important}
  .menu-link:nth-of-type(2){left:calc(50% + min(20.2vh,25.1vw))!important;top:41.8%!important}
  .menu-link:nth-of-type(3){left:calc(50% + min(12.5vh,15.55vw))!important;top:65.4%!important}
  .menu-link:nth-of-type(4){left:calc(50% - min(12.5vh,15.55vw))!important;top:65.4%!important}
  .menu-link:nth-of-type(5){left:calc(50% - min(20.2vh,25.1vw))!important;top:41.8%!important}
  .mobile-pentagram{width:152px!important;height:152px!important;min-width:152px!important;max-width:152px!important;top:48%!important}
  .menu-open .mobile-pentagram{animation:relicRevealV4 1.35s .62s cubic-bezier(.16,1,.3,1) forwards,relicBreatheV4 6s 1.97s ease-in-out infinite!important}
  .menu-open .menu-link{animation:socketReveal .82s var(--delay) cubic-bezier(.16,1,.3,1) forwards,socketPulse 5.4s calc(var(--delay) + .82s) ease-in-out infinite!important}
}

@media(max-width:699px){
  .overlay-nav:before{filter:saturate(.52) brightness(.68) contrast(1.16)!important}
  .menu-link,.menu-link:hover{width:88px!important;min-width:88px!important;height:88px!important;min-height:88px!important}
  .mobile-pentagram{width:126px!important;height:126px!important;min-width:126px!important;max-width:126px!important}
  .menu-open .mobile-pentagram{animation:relicRevealV4 1.35s .62s cubic-bezier(.16,1,.3,1) forwards,relicBreatheV4 6s 1.97s ease-in-out infinite!important}
  .menu-open .menu-link{animation:socketReveal .82s var(--delay) cubic-bezier(.16,1,.3,1) forwards,socketPulse 5.4s calc(var(--delay) + .82s) ease-in-out infinite!important}
}

@keyframes cherryGradeBreath{from{filter:saturate(.72) brightness(.74)}to{filter:saturate(1) brightness(.92)}}
@keyframes desktopMechanismRevealCherry{0%{opacity:0;transform:scale(.72) rotateZ(-4deg) rotateX(9deg);filter:saturate(.28) brightness(.2) blur(7px)}100%{opacity:1;transform:scale(1);filter:saturate(.54) brightness(.72) contrast(1.17)}}
@keyframes desktopMechanismCherryBreath{from{transform:scale(1);filter:saturate(.48) brightness(.68) contrast(1.18)}to{transform:scale(1.022);filter:saturate(.65) brightness(.77) contrast(1.2)}}
@keyframes relicRevealV4{0%{opacity:0;transform:translate(-50%,-50%) perspective(700px) rotateX(-68deg) rotateZ(-19deg) scale(.28);filter:brightness(.2) blur(7px) drop-shadow(0 8px 10px #000)}72%{opacity:1;transform:translate(-50%,-50%) perspective(700px) rotateX(5deg) rotateZ(2deg) scale(1.065);filter:brightness(1.08) blur(0) drop-shadow(0 18px 24px #000)}100%{opacity:1;transform:translate(-50%,-50%) perspective(700px) rotateX(0) rotateZ(0) scale(1);filter:brightness(.86) saturate(.82) drop-shadow(0 15px 20px #000)}}
@keyframes relicBreatheV4{0%,100%{opacity:.94;transform:translate(-50%,-50%) perspective(700px) rotateX(-1deg) rotateZ(-.55deg) scale(.99);filter:brightness(.82) saturate(.78) drop-shadow(0 15px 20px #000)}50%{opacity:1;transform:translate(-50%,-50%) perspective(700px) rotateX(1.4deg) rotateZ(.65deg) scale(1.045);filter:brightness(1.04) saturate(.98) drop-shadow(0 22px 30px #000)}}
@keyframes relicShimmer{0%,24%{opacity:0;transform:translateX(-135%) rotate(7deg)}37%{opacity:.75}55%,100%{opacity:0;transform:translateX(145%) rotate(7deg)}}
@keyframes socketReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.28) rotate(-24deg);filter:brightness(.35) blur(3px)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:brightness(.88) blur(0)}}
@keyframes socketPulse{0%,100%{opacity:.96;filter:brightness(.82);box-shadow:inset 0 0 0 3px rgba(1,1,1,.78),inset 0 0 0 5px rgba(96,70,45,.3),inset 0 -15px 25px rgba(0,0,0,.8),0 10px 28px rgba(0,0,0,.78),0 0 14px rgba(55,0,16,.24)}50%{opacity:1;filter:brightness(1.04);box-shadow:inset 0 0 0 3px rgba(1,1,1,.78),inset 0 0 0 5px rgba(126,90,52,.42),inset 0 -15px 25px rgba(0,0,0,.75),0 13px 32px rgba(0,0,0,.82),0 0 26px rgba(74,2,22,.46)}}
@keyframes socketGlint{from{transform:translateX(-125%)!important}to{transform:translateX(125%)!important}}

@media(prefers-reduced-motion:reduce){.blood-flow{display:none!important}.mechanism-grade,.mobile-pentagram,.mobile-pentagram:before,.menu-link{animation:none!important;transition:none!important}}

/* Gothic reliquary sockets: cracked rotten-cherry enamel, individually rotated. */
.menu-link,.menu-link:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:0 13px 27px rgba(0,0,0,.78),0 0 20px rgba(49,0,14,.32)!important;
  overflow:visible!important;
}
.menu-link:before{
  display:block!important;content:""!important;position:absolute!important;z-index:0!important;
  inset:-7px!important;border-radius:0!important;
  background:transparent url('assets/gothic-cracked-cherry-socket-v1.png') center/contain no-repeat!important;
  transform:rotate(var(--socket-rotation,0deg)) scale(1.02)!important;
  transform-origin:center!important;
  filter:saturate(.84) brightness(.86) contrast(1.16) drop-shadow(0 5px 8px rgba(0,0,0,.88))!important;
  opacity:.96!important;pointer-events:none!important;
}
.menu-link:after{
  display:block!important;content:""!important;position:absolute!important;z-index:1!important;
  inset:10px!important;border-radius:50%!important;
  background:radial-gradient(circle at 40% 30%,rgba(255,224,171,.13),transparent 22%),radial-gradient(circle,transparent 42%,rgba(0,0,0,.44) 100%)!important;
  mix-blend-mode:screen!important;opacity:.34!important;transform:none!important;pointer-events:none!important;
}
.menu-link strong{z-index:3!important;color:#ead7b1!important;text-shadow:0 2px 4px #000,0 0 9px #000,0 0 13px rgba(129,65,28,.52)!important}
.menu-link:nth-of-type(1){--socket-rotation:-7deg}
.menu-link:nth-of-type(2){--socket-rotation:67deg}
.menu-link:nth-of-type(3){--socket-rotation:143deg}
.menu-link:nth-of-type(4){--socket-rotation:218deg}
.menu-link:nth-of-type(5){--socket-rotation:289deg}
.menu-open .menu-link:before{animation:crackedRelicWake 5.8s calc(var(--delay) + .8s) ease-in-out infinite alternate!important}
.menu-link:hover:before{filter:saturate(.96) brightness(1) contrast(1.18) drop-shadow(0 8px 13px rgba(0,0,0,.95))!important}
.menu-link:hover:after{animation:gothicSocketGleam 1.1s ease-out forwards!important}

@keyframes crackedRelicWake{
  0%{filter:saturate(.72) brightness(.76) contrast(1.18) drop-shadow(0 5px 8px rgba(0,0,0,.9));opacity:.92}
  48%{filter:saturate(.86) brightness(.88) contrast(1.16) drop-shadow(0 6px 10px rgba(0,0,0,.93));opacity:1}
  58%{filter:saturate(1) brightness(.96) contrast(1.2) drop-shadow(0 7px 12px rgba(0,0,0,.95));opacity:1}
  100%{filter:saturate(.78) brightness(.81) contrast(1.19) drop-shadow(0 5px 9px rgba(0,0,0,.92));opacity:.95}
}
@keyframes gothicSocketGleam{0%{opacity:.2;transform:scale(.92)!important}45%{opacity:.72;transform:scale(1.03)!important}100%{opacity:.34;transform:scale(1)!important}}

@media(min-width:700px){.menu-link,.menu-link:hover{width:104px!important;min-width:104px!important;height:104px!important;min-height:104px!important}}
@media(max-width:699px){.menu-link,.menu-link:hover{width:94px!important;min-width:94px!important;height:94px!important;min-height:94px!important}}

/* Site-wide rotten-cherry master palette. No bright red remains in the UI. */
:root{
  --black:#0c0104;
  --ink:#120207;
  --wine:#24030d;
  --wine2:#160207;
  --cherry-deep:#0c0104;
  --cherry-black:#070103;
  --cherry-main:#24030d;
  --cherry-raised:#310613;
  --cherry-glow:rgba(47,4,18,.34);
}
html{max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-x:clip}
body{background:#0c0104}
::selection{background:#310613;color:#f0e6d5}
.hero{background:#0c0104!important}
.hero:before{background:linear-gradient(90deg,rgba(7,1,3,.99) 0%,rgba(18,2,7,.9) 30%,rgba(24,3,10,.38) 62%,rgba(12,1,5,.08) 100%),linear-gradient(0deg,rgba(18,2,7,.58),transparent 42%)!important}
.section-dark{background:radial-gradient(circle at 74% 30%,rgba(41,3,15,.3),transparent 36%),#0c0104!important}
.section-wine{background:linear-gradient(145deg,#1b030a,#0c0104)!important}
.quote-band{background:#100207!important}
.footer{background:#070103!important}
.principle{background:rgba(33,3,12,.38)!important}
.path-card{background:linear-gradient(145deg,rgba(35,3,13,.58),rgba(8,1,3,.84))!important}
.path-card:hover{background:linear-gradient(145deg,rgba(47,5,18,.72),rgba(10,1,4,.9))!important}
.service-item:hover{background:linear-gradient(90deg,rgba(43,4,16,.56),transparent)!important}
.product{background:linear-gradient(150deg,rgba(37,3,14,.58),rgba(8,1,3,.9))!important}
.program{background:linear-gradient(140deg,rgba(40,4,15,.56),rgba(8,1,3,.9))!important}
.cart{background:#120207!important}

.btn,.header-btn,.add-cart{
  background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 30%),linear-gradient(105deg,#19030a,#090103 66%,#21040c)!important;
}
.btn.primary{
  background:linear-gradient(180deg,rgba(255,230,188,.07),transparent 30%),linear-gradient(115deg,#310613,#24030d 58%,#120207)!important;
  box-shadow:inset 0 0 0 1px rgba(218,174,107,.44),inset 0 -11px 18px rgba(5,0,2,.76),0 7px 0 #0b0104,0 20px 42px rgba(0,0,0,.64),0 0 24px rgba(37,2,13,.38)!important;
}
.btn.primary:hover,.btn:hover,.header-btn:hover{
  background:linear-gradient(180deg,rgba(255,230,188,.08),transparent 30%),linear-gradient(115deg,#3a0717,#25030e 60%,#110106)!important;
  filter:brightness(1.08)!important;
}
.menu-btn,.cart-trigger,.back-to-top,.close-btn{
  background:linear-gradient(145deg,#310613 0,#24030d 42%,#0c0104 82%)!important;
  box-shadow:inset 0 0 0 1px rgba(214,169,100,.58),inset 0 -13px 21px rgba(0,0,0,.72),0 8px 0 #090103,0 20px 34px rgba(0,0,0,.66),0 0 18px rgba(37,2,13,.28)!important;
}
.menu-btn:hover,.cart-trigger:hover,.back-to-top:hover,.close-btn:hover{
  filter:brightness(1.08) saturate(.9)!important;
  box-shadow:inset 0 0 0 1px rgba(229,188,121,.66),inset 0 -13px 21px rgba(0,0,0,.68),0 11px 0 #090103,0 25px 40px rgba(0,0,0,.7),0 0 24px rgba(45,3,16,.34)!important;
}
.cart-close{
  width:38px;height:38px;padding:0;border-radius:50%;border:1px solid rgba(201,162,95,.42)!important;
  display:grid;place-items:center;background:radial-gradient(circle at 36% 28%,#310613,#180209 66%,#090103)!important;
  color:var(--gold2)!important;box-shadow:inset 0 -6px 10px rgba(0,0,0,.62),0 5px 14px rgba(0,0,0,.52);
}
.overlay{background:#070103!important}
.overlay-inner{background:radial-gradient(circle at 50% 48%,#24030d 0,#0f0105 45%,#030001 80%)!important}
.mechanism-grade{background:radial-gradient(circle at 50% 48%,rgba(43,3,16,.46) 0,rgba(24,2,9,.28) 38%,rgba(6,0,2,.2) 66%,rgba(0,0,0,.62) 100%)!important}
.cursor-glow{background:radial-gradient(circle,rgba(39,3,15,.18),rgba(201,162,95,.025) 36%,transparent 70%)!important}
.product-visual{text-shadow:0 0 28px rgba(42,3,16,.64)!important}
.ember{box-shadow:0 0 8px #310613!important}
.astrolabe-identity:after{background:radial-gradient(circle at 40% 35%,rgba(92,15,34,.38),rgba(42,2,15,.48) 34%,rgba(18,1,7,.18) 60%,transparent 74%)!important;box-shadow:0 0 17px rgba(47,3,17,.5),0 0 34px rgba(27,1,10,.34)!important}

/* Antique header controls: reliquary plaque + Gothic seal. */
.header-actions{gap:25px!important}
.header-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;
  isolation:isolate!important;overflow:visible!important;clip-path:none!important;border-radius:2px!important;
  height:58px!important;min-width:174px!important;padding:0 31px!important;
  color:#ead8b5!important;font-family:var(--display),Georgia,serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.19em!important;
  background:
    linear-gradient(128deg,transparent 0 44%,rgba(0,0,0,.92) 45% 46%,transparent 47%) 15% 18%/48% 72% no-repeat,
    linear-gradient(52deg,transparent 0 46%,rgba(0,0,0,.72) 47% 48%,transparent 49%) 88% 48%/42% 58% no-repeat,
    radial-gradient(circle at 42% 27%,rgba(83,9,31,.48),transparent 28%),
    linear-gradient(180deg,#2d0612 0,#21030c 48%,#0e0105 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(191,145,82,.72),inset 0 0 0 5px rgba(5,1,2,.52),inset 0 -13px 20px rgba(0,0,0,.72),0 9px 0 #070103,0 22px 35px rgba(0,0,0,.64),0 0 22px rgba(38,2,13,.3)!important;
  text-shadow:0 2px 4px #000,0 0 9px rgba(185,129,61,.2)!important;
  animation:antiquePlaqueBreathe 6.8s ease-in-out infinite alternate;
}
.header-btn:before{
  content:""!important;position:absolute!important;z-index:-1!important;inset:-6px -15px!important;height:auto!important;border:0!important;border-radius:0!important;
  background:
    radial-gradient(circle at 10px 50%,#b38752 0 1.5px,#17100d 2px 5px,transparent 5.8px),
    radial-gradient(circle at calc(100% - 10px) 50%,#b38752 0 1.5px,#17100d 2px 5px,transparent 5.8px),
    linear-gradient(180deg,#8c6d45 0,#231b15 18%,#090706 52%,#46331f 82%,#a77d48 100%)!important;
  clip-path:polygon(0 50%,10px 24%,10px 0,calc(100% - 10px) 0,calc(100% - 10px) 24%,100% 50%,calc(100% - 10px) 76%,calc(100% - 10px) 100%,10px 100%,10px 76%)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.72)!important;opacity:.94!important;pointer-events:none!important;
}
.header-btn:after{
  content:""!important;position:absolute!important;z-index:0!important;inset:6px 8px!important;border:1px solid rgba(215,172,105,.28)!important;border-radius:1px!important;clip-path:none!important;
  background:linear-gradient(90deg,transparent,rgba(236,198,137,.13),transparent)!important;pointer-events:none!important;
}
.header-btn:hover{
  transform:translateY(-4px) perspective(600px) rotateX(4deg)!important;filter:brightness(1.1) saturate(.9)!important;
  box-shadow:inset 0 0 0 1px rgba(215,169,101,.8),inset 0 0 0 5px rgba(5,1,2,.5),inset 0 -13px 20px rgba(0,0,0,.68),0 13px 0 #070103,0 29px 42px rgba(0,0,0,.7),0 0 30px rgba(45,3,16,.36)!important;
}

.menu-btn{
  width:78px!important;height:78px!important;min-width:78px!important;padding:0!important;
  border:0!important;border-radius:50%!important;clip-path:none!important;background:transparent!important;box-shadow:none!important;
  isolation:isolate;overflow:visible;animation:antiqueSealBreathe 6.2s ease-in-out infinite alternate;
}
.menu-btn:before{
  content:""!important;position:absolute!important;z-index:-1!important;inset:-10px!important;
  border:0!important;border-radius:0!important;clip-path:none!important;
  background:transparent url('assets/gothic-cracked-cherry-socket-v1.png') center/contain no-repeat!important;
  filter:saturate(.72) brightness(.76) contrast(1.16) drop-shadow(0 8px 12px rgba(0,0,0,.9))!important;
  transform:rotate(11deg)!important;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s!important;pointer-events:none!important;
}
.menu-btn:after{display:none!important}
.menu-btn>span{position:relative!important;z-index:2!important;color:#ead8b4!important;font-family:var(--display),Georgia,serif!important;font-size:9px!important;font-weight:600!important;letter-spacing:.1em!important;text-shadow:0 2px 4px #000,0 0 8px #000!important}
.menu-icon{
  display:block!important;position:relative!important;width:13px!important;height:13px!important;margin:0 auto 6px!important;
  border:1px solid #d0a363!important;border-radius:50%!important;background:radial-gradient(circle at 38% 32%,#f0d49e 0 1.5px,#5c3e22 2px 4px,#110a07 4.8px 100%)!important;
  box-shadow:0 0 8px rgba(201,162,95,.38),inset 0 -2px 3px rgba(0,0,0,.65)!important;
}
.menu-icon:before{content:""!important;position:absolute!important;left:4px!important;top:9px!important;width:4px!important;height:8px!important;background:linear-gradient(90deg,#5b3d21,#d0a363 45%,#6e4927)!important;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)!important;box-shadow:0 2px 4px #000!important}
.menu-icon:after{display:none!important}
.menu-btn:hover{transform:translateY(-4px) rotate(-1deg)!important;filter:none!important;box-shadow:none!important}
.menu-btn:hover:before{transform:rotate(-2deg) scale(1.055)!important;filter:saturate(.88) brightness(.9) contrast(1.18) drop-shadow(0 12px 17px rgba(0,0,0,.95))!important}
.menu-btn:active{transform:translateY(3px)!important;box-shadow:none!important}

@keyframes antiquePlaqueBreathe{from{filter:brightness(.9)}to{filter:brightness(1.02)}}
@keyframes antiqueSealBreathe{from{filter:brightness(.88)}to{filter:brightness(1.04)}}

@media(max-width:900px){
  .header-actions{gap:10px!important}
  .menu-btn{width:70px!important;height:70px!important;min-width:70px!important}
  .menu-btn:before{inset:-8px!important}
}

/* Multi-layer cinematic animation for the exact approved Astro-Violetta logo. */
.astrolabe-identity{
  --logo-dx:0px;--logo-dy:0px;--logo-ix:0px;--logo-iy:0px;
  isolation:isolate;perspective:900px;will-change:transform;
}
.logo-eclipse,.logo-arc,.logo-comet,.logo-word-light{position:absolute;display:block;pointer-events:none}
.logo-eclipse{
  z-index:3;left:58px;top:43px;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(220,174,101,.46);
  background:radial-gradient(circle,transparent 0 40%,rgba(64,3,20,.32) 48%,rgba(221,172,97,.12) 51%,transparent 64%);
  box-shadow:0 0 12px rgba(49,2,17,.6),inset 0 0 12px rgba(59,3,20,.46);
  animation:logoEclipsePulse 4.6s ease-in-out infinite;
}
.logo-arc{z-index:4;border-radius:50%;transform-origin:center;mix-blend-mode:screen;opacity:.72;will-change:transform}
.logo-arc-outer{
  left:13px;top:6px;width:134px;height:120px;
  background:conic-gradient(from 8deg,transparent 0 7%,rgba(229,190,122,.82) 7.5% 8.4%,transparent 9% 24%,rgba(168,124,67,.62) 24.5% 25.3%,transparent 26% 47%,rgba(234,194,124,.72) 47.5% 48.4%,transparent 49% 70%,rgba(164,117,60,.58) 70.5% 71.4%,transparent 72% 91%,rgba(226,181,107,.72) 91.5% 92.3%,transparent 93%);
  -webkit-mask:radial-gradient(ellipse,transparent 0 52%,#000 53.5% 56%,transparent 57.5%);mask:radial-gradient(ellipse,transparent 0 52%,#000 53.5% 56%,transparent 57.5%);
  animation:logoArcOuter 22s linear infinite;
}
.logo-arc-inner{
  z-index:5;left:36px;top:24px;width:88px;height:84px;opacity:.64;
  background:conic-gradient(from 40deg,transparent 0 13%,rgba(239,206,146,.76) 13.5% 15%,transparent 16% 42%,rgba(188,137,73,.66) 42.5% 44%,transparent 45% 70%,rgba(236,197,127,.72) 70.5% 72%,transparent 73%);
  -webkit-mask:radial-gradient(circle,transparent 0 54%,#000 55.5% 59%,transparent 60.5%);mask:radial-gradient(circle,transparent 0 54%,#000 55.5% 59%,transparent 60.5%);
  animation:logoArcInner 13s linear infinite reverse;
}
.logo-orbit{
  z-index:5!important;left:13px!important;top:50%!important;width:134px!important;height:94px!important;opacity:.58!important;
  animation:logoOrbitPrecession 17s linear infinite!important;
}
.logo-comet{
  z-index:7;left:8px;top:-4px;width:140px;height:140px;border-radius:50%;transform-origin:50% 50%;
  animation:logoCometOrbit 8.5s linear infinite;
}
.logo-comet:before{
  content:"";position:absolute;left:50%;top:5px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;
  background:#f3dcae;box-shadow:0 0 7px #f2d29a,0 0 15px rgba(226,184,113,.66),0 6px 10px -2px rgba(220,173,96,.5);
}
.logo-comet:after{
  content:"";position:absolute;left:50%;top:7px;width:1px;height:20px;margin-left:-.5px;
  background:linear-gradient(#efcc91,transparent);opacity:.46;transform-origin:top;
}
.logo-stars{
  z-index:7!important;left:34%!important;top:25%!important;width:3px!important;height:3px!important;
  box-shadow:28px -8px 0 #efd09a,62px 21px 0 rgba(239,208,154,.82),100px -12px 0 rgba(239,208,154,.72),148px 17px 0 rgba(239,208,154,.67),205px -2px 0 rgba(239,208,154,.58)!important;
  animation:logoConstellation 4.2s ease-in-out infinite alternate!important;
}
.logo-word-light{
  z-index:8;left:121px;top:31px;width:248px;height:66px;overflow:hidden;mix-blend-mode:screen;opacity:0;
  background:linear-gradient(104deg,transparent 0 42%,rgba(255,240,206,.04) 45%,rgba(255,220,151,.78) 49%,rgba(255,243,218,.1) 53%,transparent 57%);
  filter:blur(.25px);transform:translateX(-145%) skewX(-10deg);
  animation:logoWordSweep 7.2s 1.2s ease-in-out infinite;
}
.astrolabe-identity:hover .logo-word-light{animation-duration:4.8s}

@keyframes logoArcOuter{from{transform:translate(var(--logo-dx),var(--logo-dy)) rotate(0)}to{transform:translate(var(--logo-dx),var(--logo-dy)) rotate(360deg)}}
@keyframes logoArcInner{from{transform:translate(var(--logo-ix),var(--logo-iy)) rotate(0)}to{transform:translate(var(--logo-ix),var(--logo-iy)) rotate(360deg)}}
@keyframes logoOrbitPrecession{from{transform:translateY(-50%) translate(var(--logo-ix),var(--logo-iy)) rotate(-11deg)}to{transform:translateY(-50%) translate(var(--logo-ix),var(--logo-iy)) rotate(349deg)}}
@keyframes logoCometOrbit{from{transform:translate(var(--logo-dx),var(--logo-dy)) rotate(-18deg)}to{transform:translate(var(--logo-dx),var(--logo-dy)) rotate(342deg)}}
@keyframes logoEclipsePulse{0%,100%{opacity:.22;transform:scale(.72);filter:blur(.5px)}38%{opacity:.92;transform:scale(1.14);filter:blur(0)}56%{opacity:.48;transform:scale(.94);filter:blur(.2px)}}
@keyframes logoConstellation{0%{opacity:.18;filter:blur(.7px);transform:translate(-3px,2px)}45%{opacity:1;filter:blur(0);transform:translate(2px,-1px)}100%{opacity:.34;filter:blur(.35px);transform:translate(5px,1px)}}
@keyframes logoWordSweep{0%,23%{opacity:0;transform:translateX(-145%) skewX(-10deg)}35%{opacity:.78}52%,100%{opacity:0;transform:translateX(145%) skewX(-10deg)}}

@media(max-width:900px){
  .logo-eclipse{left:47px;top:36px;width:36px;height:36px}
  .logo-arc-outer{left:10px;top:7px;width:110px;height:96px}
  .logo-arc-inner{left:29px;top:21px;width:72px;height:68px}
  .logo-orbit{left:10px!important;width:110px!important;height:78px!important}
  .logo-comet{left:6px;top:-1px;width:114px;height:114px}
  .logo-word-light{left:98px;top:25px;width:202px;height:54px}
}
@media(max-width:699px){
  .logo-eclipse{left:32px;top:29px;width:29px;height:29px}
  .logo-arc-outer{left:5px;top:7px;width:84px;height:72px}
  .logo-arc-inner{left:20px;top:18px;width:54px;height:51px}
  .logo-orbit{left:6px!important;width:82px!important;height:57px!important}
  .logo-comet{left:2px;top:-1px;width:90px;height:90px}
  .logo-word-light{left:72px;top:20px;width:144px;height:44px}
}
@media(prefers-reduced-motion:reduce){.logo-eclipse,.logo-arc,.logo-orbit,.logo-comet,.logo-stars,.logo-word-light{animation:none!important}}

/* Identity-preserving Astro-Violetta hero: matched desktop and mobile art direction. */
.hero:after{
  background-image:var(--bg)!important;
  background-position:center center!important;
  background-size:cover!important;
}
.hero:before{
  background:
    linear-gradient(90deg,rgba(7,1,3,.99) 0%,rgba(13,2,6,.94) 25%,rgba(18,2,7,.52) 44%,rgba(11,1,4,.12) 67%,transparent 82%),
    linear-gradient(0deg,rgba(9,1,4,.58),transparent 40%)!important;
}
@media(min-width:901px) and (max-aspect-ratio:1.45/1){
  .hero:after{background-position:right center!important}
}
@media(max-width:699px){
  .site-header{height:96px;padding:0 12px}.header-actions{margin-left:auto;gap:4px!important}
  .header-btn{display:none!important}.menu-btn{display:grid!important;margin-left:auto}
  .hero{min-height:100svh;background:#070103!important;align-items:flex-end}
  .hero:after{
    inset:0!important;
    background-image:var(--bg-mobile)!important;
    background-position:center center!important;
    background-size:cover!important;
    animation:heroPortraitBreath 16s ease-in-out infinite alternate!important;
  }
  .hero:before{
    background:
      linear-gradient(180deg,rgba(4,1,2,.32) 0%,rgba(7,1,3,.12) 37%,rgba(7,1,3,.26) 60%,rgba(7,1,3,.94) 100%),
      linear-gradient(90deg,rgba(7,1,3,.82) 0%,rgba(7,1,3,.28) 54%,transparent 85%)!important;
  }
  .hero-inner,.page-hero .hero-inner{margin:0 22px;padding:116px 0 104px;width:auto}
  .hero h1{font-size:clamp(49px,15vw,67px);max-width:92%;text-shadow:0 5px 28px #000,0 2px 8px #000}
  .hero p{max-width:91%;font-size:15px;line-height:1.55;text-shadow:0 2px 10px #000}
  .hero .actions{gap:10px}.hero .btn{min-height:54px;padding:0 24px;font-size:9px}
  .scroll-mark{display:none}
}
@keyframes heroPortraitBreath{
  from{transform:scale(1);filter:saturate(.9) brightness(.78)}
  to{transform:scale(1.018);filter:saturate(1.02) brightness(.88)}
}

/* Never crop the approved hero artwork: reserve the header and contain the full banner. */
.hero:after{content:none!important;display:none!important}
.hero{padding-top:124px;background:#070103!important;overflow:hidden}
.hero-media{
  position:absolute;z-index:0;inset:124px 0 0;
  background-color:#070103;
  background-image:var(--bg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  filter:saturate(.96) brightness(.86);
  animation:heroContainedLight 13s ease-in-out infinite alternate;
}
.hero:before{z-index:1;inset:124px 0 0!important;background:linear-gradient(90deg,rgba(7,1,3,.96) 0%,rgba(12,2,6,.74) 28%,rgba(10,1,4,.18) 51%,transparent 70%)!important}
.hero-inner{position:relative;z-index:3}.scroll-mark{position:absolute;z-index:3}
@keyframes heroContainedLight{from{filter:saturate(.9) brightness(.8)}to{filter:saturate(1.03) brightness(.9)}}

@media(min-width:700px) and (max-width:900px){
  .hero{padding-top:112px}.hero-media,.hero:before{inset:112px 0 0!important}
}
@media(max-width:699px){
  .hero{display:block;min-height:0!important;padding-top:96px;overflow:visible;background:#0c0104!important}
  .hero-media{
    position:relative;inset:auto!important;width:100%;aspect-ratio:9/16;
    background-image:var(--bg-mobile);background-size:contain;background-position:center center;
    filter:saturate(.96) brightness(.88);animation:heroContainedLight 13s ease-in-out infinite alternate;
  }
  .hero:before{display:none!important}
  .hero-inner,.page-hero .hero-inner{
    width:100%;margin:0;padding:46px 22px 104px;
    background:radial-gradient(circle at 78% 0,rgba(47,4,18,.2),transparent 42%),#0c0104;
  }
  .hero h1{max-width:100%;font-size:clamp(52px,15vw,68px)}
  .hero p{max-width:100%}.hero .actions{display:grid;grid-template-columns:1fr;max-width:320px}
}
@media(prefers-reduced-motion:reduce){.hero-media{animation:none!important}}

/* Premium editorial pass: photographic panels, aged metal, carved plaques. */
.section{isolation:isolate}
.section:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(218,171,101,.025) 50%,transparent 58%),repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(201,162,95,.022) 20%)}
.section-head>div{position:relative}
.section-head>div:after{content:"";display:block;width:92px;height:5px;margin-top:26px;background:linear-gradient(90deg,#25180e,#d0a363 28%,#5f4125 62%,transparent);clip-path:polygon(0 40%,38% 40%,42% 0,48% 40%,100% 40%,100% 60%,48% 60%,42% 100%,38% 60%,0 60%);filter:drop-shadow(0 2px 2px #000)}

/* Antique buttons, without flat arrows or stock iconography. */
.btn{
  isolation:isolate!important;overflow:visible!important;clip-path:none!important;border:0!important;border-radius:2px!important;
  min-height:58px;padding:0 36px!important;color:#ead8b5!important;font-family:var(--display),Georgia,serif!important;font-weight:600!important;letter-spacing:.16em!important;
  background:radial-gradient(circle at 38% 20%,rgba(96,18,39,.32),transparent 34%),linear-gradient(180deg,#27060f 0,#170309 54%,#090103 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(194,148,82,.7),inset 0 0 0 5px rgba(4,1,2,.52),inset 0 -13px 20px rgba(0,0,0,.7),0 8px 0 #050102,0 20px 34px rgba(0,0,0,.58)!important;
}
.btn.primary{background:radial-gradient(circle at 40% 18%,rgba(125,25,51,.44),transparent 34%),linear-gradient(180deg,#3d0a19 0,#26040f 54%,#0e0105 100%)!important;box-shadow:inset 0 0 0 1px rgba(216,171,103,.76),inset 0 0 0 5px rgba(4,1,2,.47),inset 0 -14px 22px rgba(0,0,0,.72),0 8px 0 #080102,0 22px 38px rgba(0,0,0,.62),0 0 26px rgba(74,7,29,.28)!important}
.btn:before{content:""!important;position:absolute!important;z-index:-1!important;inset:-6px -13px!important;height:auto!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 9px 50%,#b78d56 0 1.5px,#16100c 2px 5px,transparent 5.8px),radial-gradient(circle at calc(100% - 9px) 50%,#b78d56 0 1.5px,#16100c 2px 5px,transparent 5.8px),linear-gradient(180deg,#9f7948 0,#2b2016 19%,#080605 52%,#513b23 82%,#a77d48 100%)!important;clip-path:polygon(0 50%,9px 24%,9px 0,calc(100% - 9px) 0,calc(100% - 9px) 24%,100% 50%,calc(100% - 9px) 76%,calc(100% - 9px) 100%,9px 100%,9px 76%)!important;box-shadow:0 8px 18px rgba(0,0,0,.72)!important;pointer-events:none!important}
.btn:after{content:""!important;position:absolute!important;z-index:0!important;inset:7px 9px!important;border:1px solid rgba(220,177,111,.26)!important;border-radius:1px!important;clip-path:none!important;background:linear-gradient(90deg,transparent,rgba(245,207,148,.1),transparent)!important;pointer-events:none!important}
.btn:hover{transform:translateY(-4px) perspective(700px) rotateX(3deg)!important;filter:brightness(1.12)!important}
.btn>span{display:none}

/* Image-led direction cards. */
.path-grid{border:0!important;gap:16px}
.path-grid-four{grid-template-columns:repeat(4,1fr)}
.path-grid-four .path-card,.path-card{
  min-height:535px!important;padding:20px 20px 30px!important;border:1px solid rgba(177,128,67,.5)!important;
  background:radial-gradient(circle at 50% 0,rgba(81,11,31,.34),transparent 38%),linear-gradient(160deg,#16050a,#080304 70%)!important;
  box-shadow:inset 0 0 0 5px rgba(3,1,2,.64),inset 0 0 0 6px rgba(203,155,89,.12),0 20px 34px rgba(0,0,0,.42)!important;
  overflow:hidden;transform-style:preserve-3d;
}
.path-card:before{content:"";position:absolute;z-index:0;inset:9px;border:1px solid rgba(205,160,96,.18);pointer-events:none;background:linear-gradient(135deg,rgba(236,192,125,.07),transparent 19%,transparent 81%,rgba(236,192,125,.055))}
.path-card:after{content:"";position:absolute;z-index:1;left:23px;right:23px;top:46px;height:1px;background:linear-gradient(90deg,transparent,#9b6e3d 18%,#d1a463 50%,#9b6e3d 82%,transparent);opacity:.72}
.path-card>*{position:relative;z-index:2}
.path-card .path-num{display:block;color:#d5ad70;font-size:9px!important;font-style:normal;letter-spacing:.22em;text-transform:uppercase;text-align:center;margin:1px 0 24px;text-shadow:0 2px 4px #000}
.path-art{height:210px;margin:0 0 30px;position:relative!important;border:1px solid rgba(198,148,82,.46);background-image:linear-gradient(180deg,rgba(9,1,4,.08),rgba(7,1,3,.18) 52%,rgba(7,1,3,.72)),var(--card-art);background-position:center,var(--card-pos,center);background-size:cover,cover;box-shadow:inset 0 0 0 5px rgba(4,1,2,.62),inset 0 0 42px rgba(0,0,0,.62),0 13px 24px rgba(0,0,0,.38);overflow:hidden;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .4s}
.path-art:before{content:"";position:absolute;inset:9px;border:1px solid rgba(229,184,112,.28);box-shadow:inset 0 0 25px rgba(0,0,0,.55)}
.path-art:after{content:"";position:absolute;inset:-30%;background:linear-gradient(108deg,transparent 43%,rgba(255,227,174,.2) 50%,transparent 57%);transform:translateX(-110%);transition:transform .9s cubic-bezier(.2,.8,.2,1);mix-blend-mode:screen}
.path-art i{position:absolute;left:50%;top:50%;width:84px;height:84px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(222,172,99,.3);box-shadow:0 0 0 7px rgba(3,1,2,.32),0 0 0 8px rgba(222,172,99,.09),inset 0 0 30px rgba(0,0,0,.55)}
.path-art i:before,.path-art i:after{content:"";position:absolute;left:50%;top:50%;background:rgba(225,176,104,.28);transform:translate(-50%,-50%)}
.path-art i:before{width:1px;height:138px}.path-art i:after{width:138px;height:1px}
.path-card h3{font-size:31px!important;line-height:1.04;margin:0 0 14px!important;letter-spacing:-.025em}
.path-card p{font-size:13px;line-height:1.65;margin-right:8px}
.path-arrow{right:27px!important;bottom:23px!important;color:#cda464!important;font-size:8px!important;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid rgba(205,164,100,.42);padding-bottom:6px}
.path-card:hover{transform:translateY(-9px)!important;background:radial-gradient(circle at 50% 0,rgba(102,14,39,.42),transparent 40%),linear-gradient(160deg,#1b050c,#090304 70%)!important;box-shadow:inset 0 0 0 5px rgba(3,1,2,.64),inset 0 0 0 6px rgba(217,169,99,.18),0 28px 46px rgba(0,0,0,.56),0 0 28px rgba(63,5,24,.24)!important}
.path-card:hover .path-art{transform:translateZ(18px) scale(1.025);filter:brightness(1.12) saturate(1.04)}
.path-card:hover .path-art:after{transform:translateX(110%)}

/* Relic panels across biography, services and school. */
.fact-strip{gap:14px;border:0!important}
.fact-strip>div{position:relative;border:1px solid rgba(183,136,75,.43)!important;padding:34px 31px!important;background:radial-gradient(circle at 28% 10%,rgba(87,13,34,.25),transparent 40%),linear-gradient(155deg,#17050b,#090304);box-shadow:inset 0 0 0 5px rgba(3,1,2,.55),0 14px 25px rgba(0,0,0,.35)}
.fact-strip>div:before{content:"";position:absolute;inset:8px;border:1px solid rgba(212,166,99,.13);pointer-events:none}
.fact-strip strong{color:#ead5aa;text-shadow:0 3px 8px #000}
.principles{gap:16px}
.principle{position:relative;border:1px solid rgba(180,132,72,.44)!important;background:radial-gradient(circle at 30% 0,rgba(79,11,31,.3),transparent 38%),linear-gradient(155deg,#16050a,#080304)!important;box-shadow:inset 0 0 0 5px rgba(3,1,2,.56),0 16px 28px rgba(0,0,0,.36);padding:40px!important}
.principle:after{content:"";position:absolute;inset:9px;border:1px solid rgba(210,162,94,.13);pointer-events:none}
.principle b{font-style:italic;color:#cda365}.principle h3{font-size:31px;margin:34px 0 15px}

.service-cards{gap:18px}
.service-card{border:1px solid rgba(181,133,73,.48)!important;padding:46px!important;background:linear-gradient(90deg,rgba(10,2,5,.93),rgba(13,2,6,.72)),url('assets/services-table.png') center/cover!important;box-shadow:inset 0 0 0 6px rgba(3,1,2,.66),0 18px 34px rgba(0,0,0,.42)}
.service-card:nth-child(2){background-position:center,72% 42%!important}.service-card:nth-child(3){background-position:center,46% 75%!important}.service-card:nth-child(4){background-position:center,82% 65%!important}
.service-card:before{content:"";position:absolute;z-index:0;inset:10px;width:auto;height:auto;border:1px solid rgba(214,167,101,.17);border-radius:0;right:10px;top:10px;background:linear-gradient(135deg,rgba(235,192,125,.05),transparent 24%)}
.service-card:after{content:"";position:absolute;z-index:1;left:46px;top:81px;width:78px;height:4px;background:linear-gradient(90deg,#8a6035,#d2a566,transparent);clip-path:polygon(0 35%,42% 35%,48% 0,54% 35%,100% 35%,100% 65%,54% 65%,48% 100%,42% 65%,0 65%)}
.service-card>*{position:relative;z-index:2}.service-card h3{margin-top:50px}
.service-card>strong{color:#e4c687;text-shadow:0 3px 8px #000}

.service-item{position:relative;border:1px solid rgba(181,132,72,.32)!important;margin-top:10px;padding:32px 26px!important;background:linear-gradient(90deg,rgba(46,5,18,.28),rgba(8,2,4,.68));box-shadow:inset 0 0 0 4px rgba(3,1,2,.4),0 10px 22px rgba(0,0,0,.22)}
.service-item:before{content:"";position:absolute;inset:7px;border:1px solid rgba(210,164,98,.1);pointer-events:none}
.service-item:hover{padding-left:37px!important;transform:translateY(-2px);background:linear-gradient(90deg,rgba(64,7,25,.42),rgba(8,2,4,.72))!important}
.service-item .num{font:italic 15px var(--display);color:#cba063}.service-item .price{color:#e4c789}

.ritual-grid{gap:12px;border:0!important}
.ritual-grid div{min-height:142px;border:1px solid rgba(180,132,72,.4)!important;background:radial-gradient(circle at 24% 0,rgba(81,12,32,.28),transparent 38%),linear-gradient(155deg,#15050a,#080304)!important;box-shadow:inset 0 0 0 5px rgba(3,1,2,.54),0 12px 22px rgba(0,0,0,.28);padding:48px 28px 26px!important}
.ritual-grid div:before{content:""!important;top:27px!important;left:28px!important;width:54px;height:4px;background:linear-gradient(90deg,#7c552f,#c99b5e,transparent);clip-path:polygon(0 35%,40% 35%,47% 0,54% 35%,100% 35%,100% 65%,54% 65%,47% 100%,40% 65%,0 65%);opacity:.9}

.course-catalog{gap:18px}
.course-section{border:1px solid rgba(180,132,72,.47)!important;padding:46px!important;background-image:linear-gradient(90deg,rgba(8,2,4,.93),rgba(11,2,5,.72)),url('assets/training-library.png')!important;background-size:cover!important;background-position:center!important;box-shadow:inset 0 0 0 6px rgba(3,1,2,.64),0 18px 34px rgba(0,0,0,.4)}
.course-section:nth-child(2){background-position:62% 40%!important}.course-section:nth-child(3){background-position:40% 68%!important}.course-section:nth-child(4){background-position:76% 58%!important}
.course-section:before{content:"";position:absolute;inset:10px;border:1px solid rgba(213,165,98,.16);pointer-events:none}
.course-section:after{content:"";position:absolute;left:46px;top:78px;width:76px;height:4px;border:0;border-radius:0;background:linear-gradient(90deg,#7d552e,#d1a463,transparent);clip-path:polygon(0 35%,42% 35%,48% 0,54% 35%,100% 35%,100% 65%,54% 65%,48% 100%,42% 65%,0 65%)}
.course-section h3{margin-top:54px;text-shadow:0 4px 16px #000}.course-index{color:#d0a465}

.course-chips{gap:14px}
.course-chips span{position:relative;border:0!important;border-radius:1px!important;padding:17px 28px!important;color:#dec59a!important;font:600 13px/1.2 var(--display)!important;letter-spacing:.04em;background:radial-gradient(circle at 36% 20%,rgba(84,13,34,.34),transparent 36%),linear-gradient(180deg,#21050e,#0c0205)!important;box-shadow:inset 0 0 0 1px rgba(184,137,76,.62),inset 0 0 0 5px rgba(3,1,2,.5),0 8px 0 #040102,0 16px 24px rgba(0,0,0,.36);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}

/* Shop: photographic product windows and carved collection cases. */
.collection-grid{gap:14px;border:0!important}
.collection-card{position:relative;border:1px solid rgba(181,133,72,.46)!important;min-height:430px!important;padding:34px 28px!important;background-image:linear-gradient(180deg,rgba(7,2,4,.36),rgba(8,2,4,.88) 46%,#070203 100%),url('assets/shop-products.png')!important;background-size:auto,cover!important;background-position:center,22% center!important;box-shadow:inset 0 0 0 6px rgba(3,1,2,.65),0 17px 30px rgba(0,0,0,.4)}
.collection-card:nth-child(2){background-position:center,39% center!important}.collection-card:nth-child(3){background-position:center,54% center!important}.collection-card:nth-child(4){background-position:center,70% center!important}.collection-card:nth-child(5){background-position:center,86% center!important}
.collection-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(216,168,100,.17);pointer-events:none}
.collection-card>span{display:inline-block;align-self:flex-start;padding:9px 12px;border:1px solid rgba(206,158,92,.45);background:rgba(5,1,2,.72);box-shadow:inset 0 0 0 3px rgba(3,1,2,.5);color:#e1c183!important;text-shadow:0 2px 4px #000}
.collection-card h3{margin-top:auto!important;text-shadow:0 4px 14px #000}.collection-card p{color:#c7b3a4;text-shadow:0 2px 7px #000}
.collection-card:hover{transform:translateY(-8px)!important;filter:brightness(1.08)}

.product{padding:22px 22px 34px!important;border:1px solid rgba(181,133,72,.46)!important;background:linear-gradient(155deg,#15050a,#070203)!important;box-shadow:inset 0 0 0 6px rgba(3,1,2,.62),0 18px 31px rgba(0,0,0,.4)}
.product-visual{height:210px!important;margin-bottom:24px;border:1px solid rgba(197,148,82,.45);background-image:linear-gradient(180deg,rgba(6,1,3,.06),rgba(7,2,4,.48)),url('assets/shop-products.png');background-size:cover;background-position:center;box-shadow:inset 0 0 0 6px rgba(3,1,2,.55),inset 0 0 35px rgba(0,0,0,.56);text-shadow:none!important}
.product-visual-incense{background-position:18% center}.product-visual-bracelet{background-position:54% center}.product-visual-candle{background-position:88% center}
.product small{color:#d0a365}.product h3{text-shadow:0 3px 10px #000}
.add-cart{min-height:38px;padding:0 15px!important;border:1px solid rgba(192,144,80,.45)!important;background:linear-gradient(180deg,#20050d,#0b0204)!important;color:#ddc08f!important;font-family:var(--display)!important;letter-spacing:.1em!important;box-shadow:inset 0 0 0 3px rgba(3,1,2,.5),0 5px 0 #040102,0 11px 18px rgba(0,0,0,.35)!important}
.add-cart:hover{transform:translateY(-2px);filter:brightness(1.14)}
.deck-list{counter-reset:deck;gap:10px;border:0!important}
.deck-list div{counter-increment:deck;position:relative;border:1px solid rgba(181,133,72,.4)!important;padding:29px 30px 29px 86px!important;background:radial-gradient(circle at 15% 0,rgba(77,10,30,.28),transparent 35%),linear-gradient(155deg,#15050a,#080304)!important;box-shadow:inset 0 0 0 5px rgba(3,1,2,.52),0 11px 21px rgba(0,0,0,.25)}
.deck-list div:before{content:counter(deck,decimal-leading-zero);position:absolute;left:27px;top:50%;transform:translateY(-50%);font:italic 13px var(--display);color:#c89c5c;border-right:1px solid rgba(201,162,95,.3);padding-right:18px}

/* Small fixed controls now read as objects, not glyph buttons. */
.cart-trigger{font-size:0!important}
.cart-trigger:before{content:"ЗАКАЗ"!important;position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#dfc28e;font:600 7px/1 var(--display);letter-spacing:.08em;text-shadow:0 2px 4px #000}
.cart-trigger .cart-count{font-size:10px}
.back-to-top span{font-size:0}
.back-to-top span:before{content:"НАВЕРХ";font:600 7px/1 var(--display);letter-spacing:.04em;color:#dfc28e}
.text-link span{display:none}
.text-link:after{content:"";width:23px;height:1px;background:linear-gradient(90deg,#8b6136,#d0a365);box-shadow:0 0 5px rgba(208,163,101,.26)}

@media(max-width:1200px){.path-grid-four{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .path-grid-four,.collection-grid{grid-template-columns:1fr 1fr}
  .path-card{min-height:510px!important}.service-card,.course-section{padding:38px!important}
  .service-card:after,.course-section:after{left:38px}.ritual-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:699px){
  .hero h1{font-size:clamp(45px,12.5vw,57px)!important}
  .page-hero .hero-media{aspect-ratio:1586/992;background-image:var(--bg-mobile,var(--bg))}
  .path-grid-four,.collection-grid,.ritual-grid{grid-template-columns:1fr}
  .path-card{min-height:500px!important}.path-art{height:220px}
  .service-card,.course-section{padding:35px 28px!important}.service-card:after,.course-section:after{left:28px}
  .course-chips{display:grid;grid-template-columns:1fr 1fr}.course-chips span{text-align:center;padding:15px 10px!important}
  .collection-card{min-height:390px!important}.product-visual{height:190px!important}
  .btn{width:100%;max-width:320px}
}
@media(max-height:820px){.scroll-mark{display:none!important}}
@media(prefers-reduced-motion:reduce){.path-card:hover .path-art,.path-card:hover{transform:none!important}.path-art:after{display:none}}

/* Refined restraint: one cinematic hero, quiet interiors, lighter controls. */
.home-page .hero h1{max-width:610px;margin-bottom:30px}
.home-page .hero h1 span,.home-page .hero h1 em{display:block}
.home-page .hero h1 span{font-family:"Bodoni 72","Didot","Iowan Old Style",Georgia,serif;font-size:clamp(64px,6.1vw,96px);font-style:normal;font-weight:400;line-height:.9;letter-spacing:-.055em}
.home-page .hero h1 em{margin-top:12px;color:#dfc99e;font-family:"Iowan Old Style","Baskerville",Georgia,serif;font-size:clamp(42px,4.25vw,66px);font-style:italic;font-weight:400;line-height:1;letter-spacing:-.025em;text-shadow:0 6px 28px rgba(0,0,0,.68)}

/* Internal pages use distinct material studies, never repeated staged photographs. */
.page-hero{min-height:64vh!important}
.page-hero .hero-media{filter:none!important;animation:pageMaterialBreath 13s ease-in-out infinite alternate!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.page-hero .hero-media:before,.page-hero .hero-media:after{content:"";position:absolute;inset:0;pointer-events:none}
.page-hero .hero-media:before{background:linear-gradient(90deg,rgba(7,1,3,.97),rgba(10,2,5,.78) 48%,rgba(7,1,3,.28) 80%,rgba(7,1,3,.7));box-shadow:inset 0 0 130px #030102}
.page-hero .hero-media:after{inset:12%;border:1px solid rgba(195,148,83,.11);box-shadow:inset 0 0 0 8px rgba(3,1,2,.2)}
.about-page .page-hero .hero-media{background-image:radial-gradient(ellipse at 72% 46%,rgba(83,8,31,.42),transparent 34%),repeating-linear-gradient(90deg,rgba(213,167,99,.05) 0 1px,transparent 1px 11%),linear-gradient(130deg,#090304,#210712 55%,#080203)!important}
.services-page .page-hero .hero-media{background-image:linear-gradient(132deg,transparent 45%,rgba(190,140,78,.08) 45.2% 45.5%,transparent 45.7%),linear-gradient(48deg,transparent 54%,rgba(116,15,44,.16) 54.2% 54.8%,transparent 55%),radial-gradient(circle at 76% 45%,rgba(76,7,28,.46),transparent 32%),linear-gradient(135deg,#070203,#1b050d 57%,#070203)!important}
.training-page .page-hero .hero-media{background-image:radial-gradient(circle at 75% 48%,transparent 0 16%,rgba(202,155,89,.09) 16.2% 16.45%,transparent 16.7% 26%,rgba(202,155,89,.055) 26.2% 26.4%,transparent 26.6%),conic-gradient(from 45deg at 75% 48%,transparent 0 12%,rgba(118,15,44,.12) 12.2% 12.8%,transparent 13% 37%,rgba(118,15,44,.12) 37.2% 37.8%,transparent 38% 62%,rgba(118,15,44,.12) 62.2% 62.8%,transparent 63% 87%,rgba(118,15,44,.12) 87.2% 87.8%,transparent 88%),linear-gradient(130deg,#080203,#1e0610 62%,#060202)!important}
.shop-page .page-hero .hero-media{background-image:linear-gradient(115deg,transparent 0 48%,rgba(205,158,91,.07) 48.2% 48.4%,transparent 48.6%),linear-gradient(70deg,transparent 0 63%,rgba(87,8,31,.21) 63.2% 63.8%,transparent 64%),radial-gradient(ellipse at 78% 42%,rgba(71,7,26,.4),transparent 28%),linear-gradient(145deg,#060202,#17050b 54%,#090203)!important}
@keyframes pageMaterialBreath{from{filter:brightness(.78)}to{filter:brightness(.88)}}

/* Minimal lacquer direction panels: no photographs, no pictograms. */
.path-grid-four{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
.path-grid-four .path-card,.path-card{min-height:330px!important;padding:46px 46px 42px!important;border:1px solid rgba(178,130,70,.42)!important;background:radial-gradient(circle at 82% 16%,rgba(81,10,31,.23),transparent 30%),linear-gradient(145deg,#140409,#080203 72%)!important;box-shadow:inset 0 0 0 6px rgba(3,1,2,.52),inset 0 0 0 7px rgba(210,162,94,.08),0 20px 38px rgba(0,0,0,.34)!important}
.path-card:before{inset:12px!important;border:1px solid rgba(206,158,91,.13)!important;background:linear-gradient(125deg,rgba(234,190,122,.035),transparent 30%,transparent 78%,rgba(98,10,35,.09))!important}
.path-card:after{left:46px!important;right:auto!important;top:86px!important;width:86px!important;height:4px!important;background:linear-gradient(90deg,#70502f,#c89b5c,transparent)!important;clip-path:polygon(0 35%,44% 35%,50% 0,56% 35%,100% 35%,100% 65%,56% 65%,50% 100%,44% 65%,0 65%)!important}
.path-card .path-num{text-align:left!important;margin:0 0 62px!important;color:#cba165!important}
.path-card h3{max-width:520px;font-size:clamp(34px,3vw,48px)!important;margin:0 0 18px!important}
.path-card p{max-width:480px;font-size:15px;line-height:1.7;color:#a9988c}
.path-card .path-arrow{right:43px!important;bottom:37px!important}
.path-card:hover{transform:translateY(-5px)!important;background:radial-gradient(circle at 82% 16%,rgba(96,12,37,.29),transparent 32%),linear-gradient(145deg,#17050b,#090203 72%)!important;box-shadow:inset 0 0 0 6px rgba(3,1,2,.52),inset 0 0 0 7px rgba(215,168,100,.12),0 26px 44px rgba(0,0,0,.45)!important}

/* Lighter, elegant action controls. */
.btn,.header-btn{
  isolation:isolate!important;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)!important;
  border:1px solid rgba(201,158,94,.55)!important;border-radius:0!important;color:#e7d5b3!important;
  background:linear-gradient(180deg,rgba(95,19,39,.18),rgba(12,3,6,.76)),rgba(8,2,4,.7)!important;
  box-shadow:inset 0 1px 0 rgba(255,224,170,.12),inset 0 -10px 22px rgba(0,0,0,.3),0 12px 26px rgba(0,0,0,.34)!important;
  text-shadow:0 1px 3px #000!important;animation:none!important;transform:none!important;
}
.btn{min-height:56px!important;padding:0 32px!important;font-size:10px!important;letter-spacing:.15em!important}
.header-btn{display:inline-flex!important;height:52px!important;min-width:154px!important;padding:0 29px!important;font-size:10px!important;letter-spacing:.17em!important}
.btn:before,.header-btn:before{display:none!important;content:none!important}
.btn:after,.header-btn:after{content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:5px!important;border:1px solid rgba(219,174,107,.13)!important;border-radius:0!important;clip-path:inherit!important;background:linear-gradient(90deg,transparent,rgba(241,201,139,.055),transparent)!important;pointer-events:none!important}
.btn.primary{background:linear-gradient(180deg,rgba(118,24,48,.24),rgba(28,5,12,.86)),#120307!important;box-shadow:inset 0 1px 0 rgba(255,225,174,.15),inset 0 -12px 22px rgba(0,0,0,.35),0 13px 28px rgba(0,0,0,.38),0 0 22px rgba(76,8,29,.14)!important}
.btn:hover,.header-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.12)!important;box-shadow:inset 0 1px 0 rgba(255,224,170,.16),inset 0 -10px 22px rgba(0,0,0,.3),0 17px 30px rgba(0,0,0,.42),0 0 20px rgba(99,13,37,.16)!important}
.btn:active,.header-btn:active{transform:translateY(1px)!important;box-shadow:inset 0 1px 0 rgba(255,224,170,.13),inset 0 -8px 18px rgba(0,0,0,.35),0 8px 17px rgba(0,0,0,.38)!important}

/* Remove repeated imagery from all supporting cards. */
.service-card{background:radial-gradient(circle at 88% 8%,rgba(81,10,31,.22),transparent 28%),linear-gradient(145deg,#130409,#080203 72%)!important}
.service-card:nth-child(2),.service-card:nth-child(3),.service-card:nth-child(4){background-position:initial!important}
.course-section{background-image:radial-gradient(circle at 86% 10%,rgba(80,10,30,.22),transparent 30%),linear-gradient(145deg,#130409,#080203 72%)!important}
.course-section:nth-child(2),.course-section:nth-child(3),.course-section:nth-child(4){background-position:initial!important}
.collection-card{min-height:350px!important;background-image:radial-gradient(circle at 80% 10%,rgba(82,10,31,.24),transparent 31%),linear-gradient(155deg,#15050a,#080203 72%)!important;background-position:initial!important}
.collection-card:nth-child(2){background-image:radial-gradient(circle at 22% 12%,rgba(71,9,28,.24),transparent 30%),linear-gradient(145deg,#120408,#080203 72%)!important}.collection-card:nth-child(3){background-image:radial-gradient(circle at 82% 82%,rgba(73,9,28,.2),transparent 32%),linear-gradient(155deg,#140409,#080203 72%)!important}.collection-card:nth-child(4){background-image:linear-gradient(120deg,rgba(83,10,31,.17),transparent 36%),linear-gradient(155deg,#130409,#080203 72%)!important}.collection-card:nth-child(5){background-image:radial-gradient(ellipse at 50% 0,rgba(82,10,31,.2),transparent 36%),linear-gradient(145deg,#140409,#080203 72%)!important}
.collection-card h3{margin:70px 0 18px!important}
.product{min-height:325px!important;padding:42px!important;background:radial-gradient(circle at 85% 8%,rgba(78,9,29,.2),transparent 30%),linear-gradient(150deg,#140409,#080203 75%)!important}
.product:before{content:"";position:absolute;inset:10px;border:1px solid rgba(208,160,93,.12);pointer-events:none}
.product small{margin-bottom:52px}.product h3{font-size:36px}

@media(max-width:900px){.path-grid-four{grid-template-columns:1fr!important}.page-hero{min-height:58vh!important}.path-card{min-height:310px!important}}
@media(max-width:699px){
  .home-page .hero h1 span{font-size:clamp(48px,13.5vw,59px)}.home-page .hero h1 em{font-size:clamp(35px,10vw,46px);margin-top:7px}
  .page-hero .hero-media{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:1.6!important;min-height:240px;background-size:cover!important}
  .page-hero .hero-inner{padding-top:40px!important}
  .path-card{padding:38px 28px!important}.path-card:after{left:28px!important}.path-card .path-num{margin-bottom:56px!important}.path-card .path-arrow{right:28px!important}
  .product{padding:36px 28px!important}.collection-card{min-height:320px!important}
  .header-btn{display:none!important}
}
.path-arrow{display:none!important}
.cart-trigger{font:600 7px/1 var(--display)!important;letter-spacing:.06em!important;color:#dfc28e!important;text-transform:uppercase}
.cart-trigger:before{display:none!important;content:none!important}
.cart-label{position:relative;z-index:2;text-shadow:0 2px 4px #000}
.back-to-top span{font:600 7px/1 var(--display)!important;letter-spacing:.03em!important;text-transform:uppercase}
.back-to-top span:before{display:none!important;content:none!important}

/* Version 18 — restrained luxury, architectural portals, dedicated interiors. */
.portal-chamber{
  position:relative;overflow:hidden;padding:148px clamp(28px,6vw,108px) 156px;
  background:
    radial-gradient(ellipse at 50% -8%,rgba(103,13,40,.24),transparent 38%),
    linear-gradient(180deg,#080304 0%,#100307 45%,#070203 100%);
  border-top:1px solid rgba(215,168,98,.24);
}
.portal-chamber:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.68;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(215,168,98,.07) 50%,transparent calc(50% + .5px)),
    repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(208,160,90,.025) 12.5%);
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
}
.portal-chamber:after{
  content:"";position:absolute;left:50%;top:0;width:min(640px,72vw);height:120px;transform:translateX(-50%);
  border:1px solid rgba(207,158,88,.18);border-top:0;border-radius:0 0 50% 50%;
  box-shadow:0 24px 80px rgba(99,8,35,.12),inset 0 -25px 60px rgba(0,0,0,.48);pointer-events:none;
}
.portal-intro{position:relative;z-index:2;max-width:850px;margin:0 auto 86px;text-align:center}
.portal-intro .eyebrow{display:inline-flex;align-items:center;gap:14px;color:#b88a50;letter-spacing:.28em}
.portal-intro .eyebrow:before,.portal-intro .eyebrow:after{content:"";width:42px;height:1px;background:linear-gradient(90deg,transparent,#a77a43)}
.portal-intro .eyebrow:after{transform:scaleX(-1)}
.portal-intro h2{margin:23px 0 20px;font:400 clamp(48px,6vw,86px)/.96 var(--display);letter-spacing:-.045em;color:#eee2ce;text-shadow:0 7px 42px #000}
.portal-intro p{max-width:610px;margin:0 auto;color:#a99585;font-size:15px;line-height:1.8}
.realm-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1380px;margin:0 auto}
.realm-portal{
  --portal-glow:113,16,48;position:relative;isolation:isolate;min-height:480px;overflow:hidden;
  display:grid;grid-template-columns:minmax(210px,.9fr) minmax(240px,1.1fr);align-items:center;gap:34px;
  padding:42px 46px;color:#eee1cc;border:1px solid rgba(190,142,77,.5);
  background:
    linear-gradient(135deg,rgba(255,224,166,.035),transparent 27%),
    radial-gradient(circle at 22% 50%,rgba(var(--portal-glow),.2),transparent 32%),
    linear-gradient(145deg,#16050a,#080203 70%);
  box-shadow:inset 0 0 0 7px rgba(2,1,1,.63),inset 0 0 0 8px rgba(212,166,96,.08),0 30px 70px rgba(0,0,0,.46);
  transition:transform .8s cubic-bezier(.2,.7,.1,1),border-color .6s,box-shadow .8s,filter .7s;
}
.realm-portal:before{content:"";position:absolute;z-index:-1;inset:14px;border:1px solid rgba(222,175,106,.13);pointer-events:none}
.realm-portal:after{
  content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-48%;height:68%;opacity:.72;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.96) 0 34%,rgba(10,1,4,.92) 54%,transparent 73%);
  filter:blur(14px);transform:translateY(18px);transition:transform .9s,opacity .9s;pointer-events:none;
}
.realm-services{--portal-glow:124,13,47}.realm-shop{--portal-glow:80,8,31}.realm-training{--portal-glow:143,23,53}
.portal-aperture{
  position:relative;display:block;width:min(100%,238px);aspect-ratio:.76;margin:auto;border-radius:50% 50% 13% 13%/37% 37% 9% 9%;
  background:conic-gradient(from 0deg,#3c2816,#d2a562 9%,#3c2816 18%,#8f6838 31%,#e0bd80 42%,#4b321b 54%,#bd8d50 67%,#332112 82%,#d7ad6d 94%,#3c2816);
  padding:7px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.65));transform:perspective(750px) rotateY(0) translateZ(0);
  transition:transform .95s cubic-bezier(.2,.8,.1,1),filter .9s;
}
.portal-aperture:before{
  content:"";position:absolute;z-index:-1;inset:-15px;border-radius:inherit;border:1px solid rgba(213,166,95,.27);
  box-shadow:0 0 0 5px rgba(3,1,2,.78),0 0 0 6px rgba(206,157,89,.12),0 0 42px rgba(var(--portal-glow),.28),inset 0 0 32px #000;
}
.portal-aperture:after{
  content:"";position:absolute;inset:14px;border-radius:inherit;pointer-events:none;
  border:1px solid rgba(247,210,146,.18);box-shadow:inset 0 0 50px #000,0 0 24px rgba(var(--portal-glow),.26);
  background:linear-gradient(108deg,transparent 37%,rgba(255,228,181,.1) 48%,transparent 57%);
  background-size:260% 100%;animation:portalSheen 8s ease-in-out infinite;
}
.portal-core{
  position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;
  background:
    radial-gradient(circle at 50% 43%,rgba(210,165,96,.16) 0 1px,transparent 2px),
    radial-gradient(ellipse at 50% 52%,rgba(var(--portal-glow),.5),rgba(26,3,11,.84) 35%,#020102 73%);
  box-shadow:inset 0 0 34px #000,inset 0 0 86px rgba(0,0,0,.94);
}
.portal-core:before{
  content:"";position:absolute;inset:12%;border-radius:50%;opacity:.6;
  background:repeating-conic-gradient(from 12deg,rgba(223,179,108,.36) 0 1deg,transparent 1deg 29deg);
  mask-image:radial-gradient(circle,transparent 0 43%,#000 44% 48%,transparent 49%);
  animation:portalTurn 24s linear infinite;
}
.portal-core:after{
  content:"";position:absolute;left:7%;right:7%;bottom:6%;height:44%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.96),rgba(37,2,13,.72) 42%,transparent 72%);
  filter:blur(7px);animation:portalSmoke 7s ease-in-out infinite alternate;
}
.realm-about .portal-core{background:linear-gradient(90deg,transparent 49.5%,rgba(225,184,117,.22) 50%,transparent 50.5%),radial-gradient(ellipse at 50% 43%,rgba(104,14,41,.65),#10030a 42%,#020102 75%)}
.realm-services .portal-core{background:radial-gradient(circle at 50% 46%,transparent 0 20%,rgba(214,169,98,.2) 20.5% 21%,transparent 21.5% 32%,rgba(214,169,98,.12) 32.5% 33%,transparent 33.5%),radial-gradient(ellipse at 50% 50%,rgba(125,15,48,.62),#110309 48%,#010101 78%)}
.realm-shop .portal-core{background:linear-gradient(135deg,transparent 34%,rgba(225,180,110,.12) 34.5% 35%,transparent 35.5% 64%,rgba(225,180,110,.08) 64.5% 65%,transparent 65.5%),radial-gradient(ellipse at 50% 54%,rgba(85,8,30,.72),#0d0207 47%,#010101 78%)}
.realm-training .portal-core{background:repeating-linear-gradient(90deg,transparent 0 16%,rgba(217,171,102,.07) 16.3% 16.7%,transparent 17% 33%),radial-gradient(ellipse at 50% 48%,rgba(142,20,52,.52),#110309 48%,#010101 78%)}
.portal-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.portal-copy small{margin-bottom:22px;color:#bc8e54;font:600 9px/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.portal-copy strong{color:#f0e4d1;font:400 clamp(43px,4.2vw,65px)/.92 var(--display);letter-spacing:-.035em;text-shadow:0 5px 24px #000}
.portal-copy em{max-width:260px;margin-top:20px;color:#a99687;font:italic 15px/1.55 Georgia,serif}
.portal-copy b{display:inline-flex;align-items:center;gap:12px;margin-top:40px;color:#d1ad73;font:600 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.portal-copy b:after{content:"";width:48px;height:1px;background:linear-gradient(90deg,#cfaa70,transparent);transition:width .55s}
.realm-portal:hover{transform:translateY(-9px);border-color:rgba(226,181,109,.72);filter:brightness(1.08);box-shadow:inset 0 0 0 7px rgba(2,1,1,.63),inset 0 0 0 8px rgba(229,181,108,.13),0 40px 90px rgba(0,0,0,.58),0 0 48px rgba(var(--portal-glow),.12)}
.realm-portal:hover:after{transform:translateY(-10px) scale(1.08);opacity:.94}
.realm-portal:hover .portal-aperture{transform:perspective(750px) rotateY(-6deg) translateZ(14px) scale(1.035);filter:drop-shadow(0 24px 36px rgba(0,0,0,.78)) brightness(1.12)}
.realm-portal:nth-child(even):hover .portal-aperture{transform:perspective(750px) rotateY(6deg) translateZ(14px) scale(1.035)}
.realm-portal:hover .portal-copy b:after{width:76px}
@keyframes portalTurn{to{transform:rotate(360deg)}}
@keyframes portalSheen{0%,28%{background-position:140% 0}62%,100%{background-position:-120% 0}}
@keyframes portalSmoke{from{transform:translate(-7%,7%) scale(.93);opacity:.55}to{transform:translate(7%,-2%) scale(1.08);opacity:.9}}

/* Inner pages: museum-like rhythm and deeper material finish. */
body:not(.home-page) main{background:#070203}
body:not(.home-page) .section{position:relative;padding-top:clamp(100px,10vw,150px);padding-bottom:clamp(100px,10vw,150px)}
body:not(.home-page) .section+.section:before{
  content:"";position:absolute;left:clamp(28px,6vw,108px);right:clamp(28px,6vw,108px);top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(203,154,87,.26) 18%,rgba(203,154,87,.26) 82%,transparent);
}
body:not(.home-page) .section+.section:after{
  content:"";position:absolute;left:50%;top:-5px;width:11px;height:11px;transform:translateX(-50%) rotate(45deg);
  border:1px solid rgba(220,174,105,.46);background:#100408;box-shadow:0 0 18px rgba(110,13,42,.4)
}
body:not(.home-page) .section-dark{background:radial-gradient(ellipse at 88% 12%,rgba(80,9,30,.14),transparent 35%),linear-gradient(150deg,#080203,#0d0306 60%,#060202)}
body:not(.home-page) .section-wine{background:radial-gradient(ellipse at 14% 0,rgba(88,10,32,.18),transparent 36%),linear-gradient(145deg,#110409,#080203 68%)}
body:not(.home-page) .section-head h2{max-width:760px;font-size:clamp(48px,5vw,76px);letter-spacing:-.045em}
body:not(.home-page) .section-lede{max-width:470px;color:#a99484;font-size:15px;line-height:1.8}
.story-grid,.editorial-grid,.cta-panel{position:relative;border:1px solid rgba(193,144,78,.34);padding:clamp(38px,5vw,76px);background:linear-gradient(145deg,rgba(31,6,14,.74),rgba(7,2,4,.82));box-shadow:inset 0 0 0 7px rgba(2,1,2,.55),inset 0 0 0 8px rgba(221,171,100,.06),0 30px 80px rgba(0,0,0,.32)}
.story-grid:before,.editorial-grid:before,.cta-panel:before{content:"";position:absolute;inset:13px;border:1px solid rgba(221,171,100,.09);pointer-events:none}
.principles{gap:18px;border:0!important}.principle{position:relative;min-height:300px;padding:46px 38px!important;border:1px solid rgba(193,144,78,.34)!important;background:radial-gradient(circle at 86% 8%,rgba(92,11,34,.2),transparent 30%),linear-gradient(145deg,#14050a,#080203)!important;box-shadow:inset 0 0 0 6px rgba(2,1,2,.55),0 20px 44px rgba(0,0,0,.32)}
.principle:after{content:"";position:absolute;left:38px;bottom:32px;width:48px;height:1px;background:linear-gradient(90deg,#c89b5b,transparent)}
.service-cards,.course-catalog,.products,.collection-grid{gap:18px!important}
.service-card,.course-section,.collection-card,.product{border-color:rgba(198,149,81,.43)!important;transition:transform .7s cubic-bezier(.2,.8,.1,1),border-color .6s,box-shadow .7s,filter .6s!important}
.service-card:hover,.course-section:hover,.collection-card:hover,.product:hover{transform:translateY(-8px)!important;border-color:rgba(224,179,108,.66)!important;filter:brightness(1.08);box-shadow:inset 0 0 0 6px rgba(2,1,2,.57),0 32px 70px rgba(0,0,0,.48)!important}
.service-item{position:relative;margin-top:9px;border:1px solid rgba(191,143,78,.29)!important;background:linear-gradient(90deg,rgba(61,8,24,.16),rgba(8,2,4,.54))!important;box-shadow:inset 0 0 0 5px rgba(2,1,2,.35);transition:transform .55s,border-color .55s,background .55s}
.service-item:hover{transform:translateX(8px);border-color:rgba(220,174,104,.52)!important;background:linear-gradient(90deg,rgba(84,10,31,.24),rgba(8,2,4,.66))!important}
.ritual-grid{gap:12px!important}.ritual-grid>div{position:relative;border:1px solid rgba(192,143,78,.31)!important;background:linear-gradient(145deg,#130409,#080203)!important;box-shadow:inset 0 0 0 5px rgba(2,1,2,.45);transition:transform .5s,border-color .5s}.ritual-grid>div:hover{transform:translateY(-4px);border-color:rgba(220,173,103,.54)!important}
.footer{background:radial-gradient(ellipse at 50% 0,rgba(78,8,29,.18),transparent 38%),#050202;border-top:1px solid rgba(207,159,91,.2)}
.footer-minimal{min-height:116px;padding:0 clamp(28px,6vw,108px);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#806f64;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.footer-minimal a{color:#c6a06a;border-bottom:1px solid rgba(198,160,106,.35);padding-bottom:7px}

/* A cinematic veil makes navigation feel like passing through a portal. */
.page-transition{position:fixed;z-index:999;inset:0;pointer-events:none;opacity:0;transform:scale(1.08);background:radial-gradient(circle at 50% 50%,rgba(104,10,37,.1),#040102 56%,#000 100%);transition:opacity .55s ease,transform .75s cubic-bezier(.2,.8,.1,1)}
.page-transition:before{content:"";position:absolute;left:50%;top:50%;width:min(42vw,520px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.55);border:1px solid rgba(211,165,96,.28);border-radius:50%;box-shadow:0 0 0 9px rgba(2,1,2,.75),0 0 90px rgba(103,10,37,.22),inset 0 0 80px #000;opacity:0;transition:transform .8s,opacity .45s}
body.is-leaving .page-transition{opacity:1;transform:scale(1);pointer-events:all}body.is-leaving .page-transition:before{opacity:1;transform:translate(-50%,-50%) scale(1.22)}

@media(max-width:1100px){.realm-portal{grid-template-columns:180px 1fr;padding:34px 30px}.portal-aperture{width:180px}.portal-copy strong{font-size:46px}}
@media(max-width:820px){
  .portal-chamber{padding:110px 22px 118px}.portal-intro{margin-bottom:58px}.realm-grid{grid-template-columns:1fr;gap:16px}
  .realm-portal{min-height:360px;grid-template-columns:145px 1fr;gap:24px;padding:28px 24px}.portal-aperture{width:145px}.portal-copy strong{font-size:42px}.portal-copy em{font-size:13px}.portal-copy b{margin-top:28px}
  .footer-minimal{padding:32px 22px;flex-direction:column;text-align:center}
}
@media(max-width:520px){
  .portal-intro h2{font-size:45px}.portal-intro p{font-size:14px}.realm-portal{min-height:520px;grid-template-columns:1fr;text-align:center;padding:35px 24px}.portal-aperture{width:174px}.portal-copy{align-items:center}.portal-copy em{max-width:280px}.portal-copy b{margin-top:23px}
  body:not(.home-page) .section{padding-left:22px;padding-right:22px}.story-grid,.editorial-grid,.cta-panel{padding:40px 26px}
}

/* Version 20 — one strict Gothic system, entirely code-built. */
.gothic-index{position:relative;isolation:isolate;overflow:hidden;padding:clamp(130px,13vw,210px) clamp(24px,6vw,108px);background:linear-gradient(180deg,#080203,#0d0307 48%,#060202)}
.gothic-index:before{
  content:"";position:absolute;z-index:-1;left:50%;top:40%;width:min(86vw,1180px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.52;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(205,157,91,.11) 0 .5deg,transparent .65deg 22.5deg);
  mask-image:radial-gradient(circle,transparent 0 28%,#000 28.2% 28.5%,transparent 28.8% 41%,#000 41.2% 41.35%,transparent 41.6% 58%,#000 58.2% 58.35%,transparent 58.6%);
  animation:gothicMechanism 70s linear infinite;
}
.gothic-index:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,transparent 0 18%,rgba(4,1,2,.18) 42%,rgba(4,1,2,.82) 78%),linear-gradient(90deg,transparent calc(50% - .5px),rgba(211,164,96,.06) 50%,transparent calc(50% + .5px))}
.gothic-index-head{max-width:1480px;margin:0 auto clamp(105px,12vw,180px);display:grid;grid-template-columns:1fr 1fr;column-gap:9vw;align-items:end}
.gothic-index-head .eyebrow{grid-column:1/-1;margin-bottom:38px;color:#b68a52;letter-spacing:.28em}
.gothic-index-head h2{margin:0;color:#eee2cf;font:400 clamp(72px,9vw,142px)/.78 var(--display);letter-spacing:-.07em;text-shadow:0 18px 54px #000}
.gothic-index-head h2 em{display:block;margin-left:8vw;color:#b89560;font:italic 400 .62em/1 Georgia,serif;letter-spacing:-.035em}
.gothic-index-head p{max-width:340px;margin:0 0 12px;color:#938176;font:13px/1.85 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.gothic-directory{max-width:1480px;margin:0 auto;border-top:1px solid rgba(205,157,91,.31)}
.gothic-row{position:relative;display:grid;grid-template-columns:180px minmax(260px,.78fr) minmax(260px,1fr) 120px;gap:34px;align-items:center;min-height:220px;padding:34px 0;color:#eee2cf;border-bottom:1px solid rgba(205,157,91,.23);overflow:hidden;transition:padding .7s cubic-bezier(.2,.8,.1,1),background .7s,color .5s}
.gothic-row:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(90,10,34,.25),rgba(38,4,15,.12) 55%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .75s cubic-bezier(.2,.8,.1,1)}
.gothic-row:after{content:"";position:absolute;right:4%;top:50%;width:130px;aspect-ratio:1;transform:translateY(-50%) rotate(45deg) scale(.35);opacity:0;border:1px solid rgba(211,164,96,.25);box-shadow:0 0 0 12px rgba(4,1,2,.72),0 0 0 13px rgba(211,164,96,.07),inset 0 0 40px rgba(82,8,31,.25);transition:opacity .65s,transform .9s cubic-bezier(.2,.8,.1,1)}
.gothic-row>span{color:#9e7647;font:600 9px/1.4 var(--sans);letter-spacing:.23em;text-transform:uppercase}
.gothic-row>strong{color:#f0e5d3;font:400 clamp(50px,5.7vw,88px)/.86 var(--display);letter-spacing:-.055em;text-shadow:0 8px 34px #000;transition:transform .7s,color .5s}
.gothic-row>em{max-width:370px;color:#a79486;font:italic 16px/1.6 Georgia,serif}
.gothic-row>b{justify-self:end;display:flex;align-items:center;gap:12px;color:#cda467;font:600 8px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.gothic-row>b:after{content:"";width:32px;height:1px;background:linear-gradient(90deg,#c99f63,transparent);transition:width .6s}
.gothic-row:hover{padding-left:30px;padding-right:30px}.gothic-row:hover:before{transform:scaleX(1)}.gothic-row:hover:after{opacity:1;transform:translateY(-50%) rotate(45deg) scale(.72)}.gothic-row:hover>strong{transform:translateX(10px);color:#fff3de}.gothic-row:hover>b:after{width:68px}
@keyframes gothicMechanism{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Keep every interior page in the same material and magical geometry. */
.page-hero .hero-media{background-image:radial-gradient(circle at 74% 48%,transparent 0 16%,rgba(205,158,91,.12) 16.15% 16.35%,transparent 16.55% 27%,rgba(205,158,91,.05) 27.15% 27.3%,transparent 27.5%),repeating-conic-gradient(from 22.5deg at 74% 48%,rgba(111,13,41,.16) 0 .7deg,transparent .9deg 22.5deg),linear-gradient(132deg,#080203,#210611 58%,#060202)!important;background-size:auto!important;background-position:center!important}
.page-hero .hero-media:before{background:linear-gradient(90deg,rgba(5,1,2,.98) 0%,rgba(8,2,4,.82) 38%,rgba(7,1,3,.28) 66%,rgba(5,1,2,.45) 100%)!important}
.page-hero .hero-inner:after{content:"";display:block;width:94px;height:1px;margin-top:44px;background:linear-gradient(90deg,#cf9f5f,transparent)}

@media(max-width:1050px){.gothic-row{grid-template-columns:140px minmax(230px,.8fr) 1fr 90px;gap:24px}.gothic-row>strong{font-size:58px}}
@media(max-width:820px){
  .gothic-index{padding-left:22px;padding-right:22px}.gothic-index-head{grid-template-columns:1fr;gap:34px}.gothic-index-head h2{font-size:clamp(68px,14vw,96px)}.gothic-index-head h2 em{margin-left:0}.gothic-index-head p{max-width:440px}
  .gothic-row{grid-template-columns:1fr auto;gap:18px;min-height:250px;padding:44px 8px}.gothic-row>span{grid-column:1/-1}.gothic-row>strong{font-size:clamp(52px,11vw,76px)}.gothic-row>em{grid-column:1;max-width:430px}.gothic-row>b{grid-column:2;grid-row:2/4}.gothic-row:after{right:8%;width:100px}.gothic-row:hover{padding-left:18px;padding-right:18px}
}
@media(max-width:520px){
  .gothic-index{padding-top:110px;padding-bottom:120px}.gothic-index-head{margin-bottom:88px}.gothic-index-head h2{font-size:58px;line-height:.84}.gothic-index-head p{font-size:10px}
  .gothic-row{display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:48px 4px}.gothic-row>strong{font-size:58px}.gothic-row>em{font-size:14px}.gothic-row>b{align-self:flex-start;margin-top:26px}.gothic-row:after{right:-6%;top:60%}.gothic-row:hover{padding-left:12px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){.gothic-index:before{animation:none!important}}
@media(prefers-reduced-motion:reduce){.portal-core:before,.portal-core:after,.portal-aperture:after{animation:none!important}.page-transition{transition:none!important}}

/* Version 19 — cinematic editorial system. No card wall, no template ornaments. */
.editorial-index{position:relative;overflow:hidden;padding:clamp(120px,12vw,190px) clamp(24px,6vw,108px);background:#070203}
.editorial-index:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 0,rgba(80,8,28,.18),transparent 36%),linear-gradient(115deg,transparent 0 48%,rgba(218,173,105,.025) 50%,transparent 52%)}
.editorial-index-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:8vw;align-items:end;max-width:1540px;margin:0 auto clamp(90px,11vw,170px)}
.editorial-index-head h2{margin:24px 0 0;color:#eee2cf;font:400 clamp(64px,8.3vw,132px)/.84 var(--display);letter-spacing:-.065em;text-shadow:0 14px 48px #000}
.editorial-index-head h2 em{color:#b99159;font:italic 400 .62em/1 Georgia,serif;letter-spacing:-.035em}
.editorial-index-head p{max-width:430px;margin:0 0 8px;color:#9d8a7d;font-size:15px;line-height:1.85}
.editorial-realms{position:relative;z-index:2;display:block;max-width:1540px;margin:0 auto;border-top:1px solid rgba(202,154,88,.27)}
.editorial-realm{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);min-height:clamp(620px,68vw,860px);color:#eee2cf;border-bottom:1px solid rgba(202,154,88,.27);background:#080203;overflow:hidden}
.editorial-realm:nth-child(even){grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)}
.editorial-realm:nth-child(even) .editorial-visual{grid-column:2;grid-row:1}.editorial-realm:nth-child(even) .editorial-realm-copy{grid-column:1;grid-row:1}
.editorial-visual{position:relative;display:block;min-height:100%;overflow:hidden;background-position:center;background-size:cover;filter:saturate(.82) brightness(.72);transform:scale(1.015);transition:transform 1.45s cubic-bezier(.16,.84,.18,1),filter 1.1s}
.editorial-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(8,2,3,.95) 100%),linear-gradient(0deg,rgba(6,1,2,.45),transparent 35%);z-index:1}
.editorial-realm:nth-child(even) .editorial-visual:before{background:linear-gradient(270deg,transparent 50%,rgba(8,2,3,.95) 100%),linear-gradient(0deg,rgba(6,1,2,.45),transparent 35%)}
.editorial-visual:after{content:"";position:absolute;inset:-15%;z-index:2;opacity:.34;background:linear-gradient(110deg,transparent 43%,rgba(255,222,164,.15) 50%,transparent 57%);transform:translateX(-70%);transition:transform 1.6s cubic-bezier(.16,.84,.18,1)}
.editorial-realm-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(54px,7vw,112px);background:radial-gradient(circle at 0 50%,rgba(81,9,29,.16),transparent 45%),#080203}
.editorial-realm:nth-child(even) .editorial-realm-copy{background:radial-gradient(circle at 100% 50%,rgba(81,9,29,.16),transparent 45%),#080203}
.editorial-realm-copy:before{content:"";width:62px;height:1px;margin-bottom:34px;background:linear-gradient(90deg,#d0a260,transparent)}
.editorial-realm-copy small{color:#b88a50;font:600 9px/1.2 var(--sans);letter-spacing:.26em;text-transform:uppercase}
.editorial-realm-copy strong{margin-top:22px;color:#f1e6d4;font:400 clamp(64px,7vw,106px)/.86 var(--display);letter-spacing:-.065em;text-shadow:0 12px 42px #000}
.editorial-realm-copy em{max-width:350px;margin-top:28px;color:#aa9788;font:italic 17px/1.6 Georgia,serif}
.editorial-realm-copy b{display:flex;align-items:center;gap:18px;margin-top:66px;color:#d0a96e;font:600 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.editorial-realm-copy b:after{content:"";width:72px;height:1px;background:linear-gradient(90deg,#c89d61,transparent);transition:width .65s}
.editorial-realm:hover .editorial-visual{transform:scale(1.065);filter:saturate(.98) brightness(.9)}
.editorial-realm:hover .editorial-visual:after{transform:translateX(70%)}
.editorial-realm:hover .editorial-realm-copy b:after{width:124px}

/* Each internal page receives its own art-directed opening scene. */
.about-page .page-hero .hero-media,.services-page .page-hero .hero-media,.shop-page .page-hero .hero-media,.training-page .page-hero .hero-media{
  background-image:radial-gradient(circle at 74% 50%,transparent 0 15%,rgba(210,163,94,.12) 15.2% 15.45%,transparent 15.7% 24%,rgba(210,163,94,.055) 24.2% 24.4%,transparent 24.6%),conic-gradient(from 45deg at 74% 50%,transparent 0 12%,rgba(113,13,42,.18) 12.3% 12.8%,transparent 13% 37%,rgba(113,13,42,.18) 37.3% 37.8%,transparent 38% 62%,rgba(113,13,42,.18) 62.3% 62.8%,transparent 63% 87%,rgba(113,13,42,.18) 87.3% 87.8%,transparent 88%),linear-gradient(130deg,#080203,#210611 62%,#060202)!important;background-position:center!important
}
.page-hero{min-height:88vh!important}.page-hero .hero-media{filter:saturate(.78) brightness(.62)!important;animation:editorialFrame 18s ease-in-out infinite alternate!important}
.page-hero .hero-media:before{background:linear-gradient(90deg,rgba(5,1,2,.97) 0%,rgba(8,2,4,.78) 35%,rgba(7,1,3,.25) 62%,rgba(5,1,2,.24) 100%)!important;box-shadow:inset 0 0 170px #030101}
.page-hero .hero-media:after{display:none!important}.page-hero .hero-inner{max-width:760px}.page-hero h1{font-size:clamp(72px,8vw,124px)!important;line-height:.84!important;letter-spacing:-.065em!important}
@keyframes editorialFrame{from{transform:scale(1.01);filter:saturate(.72) brightness(.58)}to{transform:scale(1.055);filter:saturate(.88) brightness(.69)}}

/* Inner content becomes editorial typography rather than boxed components. */
body:not(.home-page) .section{padding-top:clamp(130px,12vw,190px);padding-bottom:clamp(130px,12vw,190px)}
body:not(.home-page) .section-dark,body:not(.home-page) .section-wine{background:#080203!important}
body:not(.home-page) .section:nth-of-type(odd){background:radial-gradient(ellipse at 90% 10%,rgba(70,7,26,.13),transparent 38%),#080203!important}
body:not(.home-page) .section-head{margin-bottom:clamp(80px,9vw,130px)}
body:not(.home-page) .section-head h2{font-size:clamp(58px,6.3vw,96px);line-height:.9;letter-spacing:-.055em}
.story-grid,.editorial-grid,.cta-panel{border:0!important;border-top:1px solid rgba(203,154,87,.28)!important;border-bottom:1px solid rgba(203,154,87,.18)!important;padding:clamp(70px,8vw,126px) 0!important;background:transparent!important;box-shadow:none!important}
.story-grid:before,.editorial-grid:before,.cta-panel:before{display:none!important}
.story-side{font-size:clamp(28px,3vw,46px)!important;line-height:1.25!important;color:#c9a874!important}.story-copy,.editorial-copy{color:#c4b4a7}.story-copy p,.editorial-copy p{font-size:clamp(18px,1.65vw,24px)!important;line-height:1.75!important}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0!important;border-top:1px solid rgba(203,154,87,.27)!important;border-bottom:1px solid rgba(203,154,87,.18)!important}
.principle{min-height:360px;padding:64px 46px!important;border:0!important;border-right:1px solid rgba(203,154,87,.18)!important;background:transparent!important;box-shadow:none!important}.principle:last-child{border-right:0!important}.principle:after{left:46px;bottom:54px}
.service-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:0!important;border-top:1px solid rgba(203,154,87,.27)!important}
.service-card{min-height:430px;padding:64px 54px!important;border:0!important;border-right:1px solid rgba(203,154,87,.18)!important;border-bottom:1px solid rgba(203,154,87,.18)!important;background:transparent!important;box-shadow:none!important}.service-card:nth-child(even){border-right:0!important}
.service-card:hover,.course-section:hover,.collection-card:hover,.product:hover{transform:none!important;filter:none!important;background:radial-gradient(circle at 85% 10%,rgba(86,9,31,.2),transparent 36%)!important;box-shadow:none!important}
.service-card h3{font-size:clamp(38px,4vw,60px)!important;line-height:.95!important}.service-card p{font-size:16px;line-height:1.75}.service-card strong{font-size:24px!important;color:#d0a564!important}
.service-list{border-top:1px solid rgba(203,154,87,.27)!important}.service-item{margin:0!important;padding:42px 0!important;border:0!important;border-bottom:1px solid rgba(203,154,87,.18)!important;background:transparent!important;box-shadow:none!important}.service-item:hover{transform:none!important;padding-left:18px!important;background:linear-gradient(90deg,rgba(74,8,27,.16),transparent)!important}
.ritual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0!important;border-top:1px solid rgba(203,154,87,.27)!important}.ritual-grid>div{min-height:120px;display:flex;align-items:center;padding:30px 36px!important;border:0!important;border-right:1px solid rgba(203,154,87,.18)!important;border-bottom:1px solid rgba(203,154,87,.18)!important;background:transparent!important;box-shadow:none!important}.ritual-grid>div:nth-child(even){border-right:0!important}.ritual-grid>div:hover{transform:none!important;color:#e4c995;background:rgba(72,8,27,.13)!important}
.course-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:0!important;border-top:1px solid rgba(203,154,87,.27)!important}.course-section{min-height:480px;padding:72px 58px!important;border:0!important;border-right:1px solid rgba(203,154,87,.18)!important;border-bottom:1px solid rgba(203,154,87,.18)!important;background:transparent!important;box-shadow:none!important}.course-section:nth-child(even){border-right:0!important}.course-section h3{font-size:clamp(44px,4.5vw,68px)!important}
.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0!important;border-top:1px solid rgba(203,154,87,.27)!important}.collection-card{min-height:460px!important;padding:64px 52px!important;border:0!important;border-right:1px solid rgba(203,154,87,.18)!important;border-bottom:1px solid rgba(203,154,87,.18)!important;background:transparent!important;box-shadow:none!important}.collection-card:nth-child(even){border-right:0!important}.collection-card h3{font-size:clamp(44px,4.5vw,68px)!important;margin-top:90px!important}.collection-card:hover{transform:none!important}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:0!important;border-top:1px solid rgba(203,154,87,.27)!important}.product{min-height:460px!important;padding:62px 42px!important;border:0!important;border-right:1px solid rgba(203,154,87,.18)!important;border-bottom:1px solid rgba(203,154,87,.18)!important;background:transparent!important;box-shadow:none!important}.product:last-child{border-right:0!important}
.deck-list{border-top:1px solid rgba(203,154,87,.27)!important}.deck-list div{margin:0!important;padding:36px 20px 36px 92px!important;border:0!important;border-bottom:1px solid rgba(203,154,87,.18)!important;background:transparent!important;box-shadow:none!important}
.footer-top{padding-top:84px;padding-bottom:84px}.footer h3{font-size:clamp(42px,4vw,64px)}

@media(max-width:900px){
  .editorial-index-head{grid-template-columns:1fr;gap:34px}.editorial-index-head h2{font-size:clamp(62px,12vw,92px)}
  .editorial-realm,.editorial-realm:nth-child(even){grid-template-columns:1fr;min-height:0}.editorial-realm:nth-child(even) .editorial-visual{grid-column:1;grid-row:1}.editorial-realm:nth-child(even) .editorial-realm-copy{grid-column:1;grid-row:2}
  .editorial-visual{min-height:72vh}.editorial-visual:before,.editorial-realm:nth-child(even) .editorial-visual:before{background:linear-gradient(0deg,rgba(8,2,3,.96),transparent 45%),linear-gradient(90deg,rgba(5,1,2,.35),transparent 60%)}
  .editorial-realm-copy{min-height:430px;padding:66px 36px}.editorial-realm-copy strong{font-size:72px}
  .page-hero{min-height:78vh!important}.page-hero h1{font-size:clamp(64px,12vw,88px)!important}
  .principles,.service-cards,.course-catalog,.collection-grid,.products{grid-template-columns:1fr}.principle,.service-card,.course-section,.collection-card,.product{border-right:0!important}.ritual-grid{grid-template-columns:1fr}.ritual-grid>div{border-right:0!important}
}
@media(max-width:520px){
  .editorial-index{padding-left:0;padding-right:0}.editorial-index-head{padding:0 22px;margin-bottom:86px}.editorial-index-head h2{font-size:54px}.editorial-realms{border-top-color:rgba(202,154,88,.2)}
  .editorial-visual{min-height:68vh}.editorial-realm-copy{min-height:390px;padding:58px 24px}.editorial-realm-copy strong{font-size:58px}.editorial-realm-copy em{font-size:15px}.editorial-realm-copy b{margin-top:48px}
  .page-hero{min-height:0!important}.page-hero .hero-media{aspect-ratio:3/4!important;background-size:cover!important}.page-hero .hero-inner{padding-top:58px!important}
  .story-grid,.editorial-grid,.cta-panel{padding:62px 0!important}.service-card,.course-section,.collection-card,.product{padding:54px 26px!important}.principle{padding:52px 26px!important}
}

/* Version 21 — one physical Gothic artefact, shared with the approved menu. */
.sanctum-index{position:relative;overflow:hidden;padding:clamp(130px,12vw,190px) clamp(20px,5vw,86px) clamp(120px,11vw,180px);background:radial-gradient(ellipse at 50% 42%,#23050d 0,#100307 38%,#050202 74%)}
.sanctum-index:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(205,157,91,.08) 50%,transparent calc(50% + .5px)),linear-gradient(180deg,rgba(3,1,2,.2),transparent 18%,transparent 80%,rgba(3,1,2,.65));box-shadow:inset 0 0 180px #020101}
.sanctum-head{position:relative;z-index:4;display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end;max-width:1420px;margin:0 auto clamp(70px,8vw,110px)}
.sanctum-head .eyebrow{grid-column:1/-1;margin-bottom:20px;color:#c09a62;letter-spacing:.28em}
.sanctum-head h2{margin:0;color:#f0e4d0;font:400 clamp(68px,8.2vw,128px)/.82 var(--display);letter-spacing:-.065em;text-shadow:0 15px 55px #000}
.sanctum-head h2 em{display:block;color:#bd955d;font:italic 400 .58em/1.05 Georgia,serif;letter-spacing:-.025em}
.sanctum-head p{max-width:390px;margin:0 0 10px;color:#9d8a7e;font-size:15px;line-height:1.85}
.sanctum-stage{position:relative;z-index:3;width:min(100%,1320px);height:clamp(790px,77vw,1020px);margin:0 auto;border:1px solid rgba(207,160,92,.34);background:radial-gradient(circle at 50% 48%,rgba(96,10,31,.24),rgba(9,2,4,.74) 46%,#040202 76%);box-shadow:inset 0 0 0 12px rgba(2,1,1,.7),inset 0 0 0 13px rgba(212,165,96,.08),inset 0 0 130px #000,0 48px 100px rgba(0,0,0,.58);perspective:1400px;overflow:hidden}
.sanctum-stage:before{content:"";position:absolute;z-index:7;inset:18px;border:1px solid rgba(224,177,105,.12);pointer-events:none}
.sanctum-stage:after{content:"";position:absolute;z-index:6;inset:-35% -80%;background:linear-gradient(108deg,transparent 46%,rgba(255,221,164,.025) 48%,rgba(255,210,135,.18) 50%,rgba(255,221,164,.028) 52%,transparent 54%);mix-blend-mode:screen;pointer-events:none;animation:sanctumSweep 7.5s ease-in-out infinite}
.sanctum-mechanism{position:absolute;z-index:1;inset:3%;display:block;background:url('assets/mobile-alchemical-mechanism.png') center/contain no-repeat;filter:saturate(.62) brightness(.52) contrast(1.16) drop-shadow(0 28px 48px #000);transform:scale(.96);animation:sanctumBreathe 10s ease-in-out infinite alternate}
.sanctum-core{position:absolute;z-index:3;left:50%;top:48%;width:clamp(118px,13vw,174px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:url('assets/antique-triquetra-reliquary-v4.png') center/contain no-repeat;filter:saturate(.74) brightness(.78) drop-shadow(0 18px 24px #000) drop-shadow(0 0 22px rgba(108,12,37,.3));animation:sanctumCore 6s ease-in-out infinite}
.sanctum-links{position:absolute;z-index:5;inset:0}
.sanctum-link{position:absolute;width:clamp(102px,10vw,138px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;background:url('assets/gothic-cracked-cherry-socket-v1.png') center/contain no-repeat;filter:saturate(.72) brightness(.78) contrast(1.12) drop-shadow(0 14px 20px #000);transition:filter .55s,transform .75s cubic-bezier(.2,.8,.1,1);animation:sanctumFloat 5.4s ease-in-out infinite}
.sanctum-link:before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 40% 30%,rgba(136,25,46,.28),rgba(17,3,6,.62) 62%,rgba(2,1,1,.75));box-shadow:inset 0 0 18px #000,0 0 18px rgba(111,13,38,.2)}
.sanctum-link:after{content:"";position:absolute;inset:8%;border-radius:50%;background:linear-gradient(115deg,transparent 38%,rgba(255,221,160,.24) 50%,transparent 62%);transform:translateX(-120%);opacity:0}
.sanctum-link span{position:relative;z-index:2;max-width:78%;color:#ead7b1;font:600 clamp(10px,1vw,13px)/1.08 Georgia,var(--display),serif;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 5px #000,0 0 12px rgba(201,151,78,.35)}
.sanctum-link:hover{filter:saturate(.98) brightness(1.12) contrast(1.14) drop-shadow(0 20px 28px #000) drop-shadow(0 0 24px rgba(145,19,48,.38));transform:translate(-50%,-50%) scale(1.12)}
.sanctum-link:hover:after{opacity:1;animation:sanctumGlint .95s ease-out forwards}
.sanctum-about{left:50%;top:27%;animation-delay:0s}.sanctum-services{left:79%;top:41%;animation-delay:.7s}.sanctum-shop{left:68%;top:70%;animation-delay:1.4s}.sanctum-training{left:32%;top:70%;animation-delay:2.1s}.sanctum-contact{left:21%;top:41%;animation-delay:2.8s}
@keyframes sanctumBreathe{from{transform:scale(.95);filter:saturate(.56) brightness(.48) contrast(1.17) drop-shadow(0 28px 48px #000)}to{transform:scale(.99);filter:saturate(.72) brightness(.61) contrast(1.13) drop-shadow(0 32px 58px #000)}}
@keyframes sanctumCore{0%,100%{transform:translate(-50%,-50%) scale(.97);filter:saturate(.7) brightness(.74) drop-shadow(0 18px 24px #000)}50%{transform:translate(-50%,-50%) scale(1.035);filter:saturate(.88) brightness(.92) drop-shadow(0 18px 24px #000) drop-shadow(0 0 30px rgba(126,18,46,.42))}}
@keyframes sanctumFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}
@keyframes sanctumSweep{0%,26%{transform:translateX(-36%);opacity:0}43%{opacity:.72}62%,100%{transform:translateX(36%);opacity:0}}
@keyframes sanctumGlint{to{transform:translateX(120%);opacity:0}}

/* The same artefact language continues through every content page. */
body:not(.home-page) main>.section{background:radial-gradient(circle at 82% 18%,rgba(83,8,29,.13),transparent 28%),linear-gradient(145deg,#0b0306,#060202 72%)!important}
body:not(.home-page) main>.section:before{background:linear-gradient(90deg,transparent,rgba(205,158,91,.24) 18%,rgba(205,158,91,.24) 82%,transparent)!important;opacity:1!important}
body:not(.home-page) .section-head>div:before{content:"";position:absolute;left:-32px;top:4px;bottom:4px;width:1px;background:linear-gradient(transparent,#b38248 20%,#b38248 80%,transparent);box-shadow:0 0 16px rgba(116,13,41,.25)}
body:not(.home-page) .section-head h2{color:#eee2ce;text-shadow:0 10px 34px #000}
.story-grid,.editorial-grid,.cta-panel{position:relative;padding-left:clamp(34px,5vw,80px)!important;padding-right:clamp(34px,5vw,80px)!important;background:radial-gradient(circle at 84% 18%,rgba(82,9,30,.13),transparent 32%),linear-gradient(145deg,rgba(21,5,10,.55),rgba(7,2,4,.38))!important;box-shadow:inset 0 0 0 1px rgba(205,157,90,.08),0 30px 70px rgba(0,0,0,.18)!important}
.service-card,.course-section,.collection-card,.product,.principle{position:relative;background:radial-gradient(circle at 82% 12%,rgba(76,8,28,.13),transparent 31%),linear-gradient(145deg,rgba(20,5,9,.34),rgba(6,2,3,.18))!important}
.service-card:before,.course-section:before,.collection-card:before,.product:before,.principle:before{content:"";position:absolute;right:22px;top:22px;width:9px;height:9px;transform:rotate(45deg);border:1px solid rgba(204,156,89,.28);box-shadow:0 0 12px rgba(118,14,41,.22)}

@media(max-width:900px){
  .sanctum-head{grid-template-columns:1fr;gap:28px}.sanctum-head h2{font-size:clamp(64px,12.5vw,92px)}.sanctum-head p{max-width:500px}
  .sanctum-stage{width:min(100%,690px);height:900px}.sanctum-link{width:104px}.sanctum-core{width:128px}
  .sanctum-about{top:27%}.sanctum-services{left:84%;top:41.5%}.sanctum-shop{left:71%;top:69%}.sanctum-training{left:29%;top:69%}.sanctum-contact{left:16%;top:41.5%}
}
@media(max-width:560px){
  .sanctum-index{padding-left:10px;padding-right:10px}.sanctum-head{padding:0 14px}.sanctum-head h2{font-size:58px}.sanctum-head p{font-size:13px}
  .sanctum-stage{height:720px}.sanctum-stage:before{inset:9px}.sanctum-mechanism{inset:1%}.sanctum-link{width:82px}.sanctum-link span{font-size:9px}.sanctum-core{width:100px}
  .sanctum-about{top:28%}.sanctum-services{left:84%;top:42%}.sanctum-shop{left:72%;top:66%}.sanctum-training{left:28%;top:66%}.sanctum-contact{left:16%;top:42%}
}
@media(prefers-reduced-motion:reduce){.sanctum-stage:after,.sanctum-mechanism,.sanctum-core,.sanctum-link{animation:none!important}}

/* Version 23 — cinematic antique Gothic system. Structure and navigation stay intact. */
:root{
  --g23-black:#030102;
  --g23-ink:#080204;
  --g23-wine:#280610;
  --g23-cherry:#560d25;
  --g23-cherry-bright:#851b3d;
  --g23-gold:#c59a59;
  --g23-gold-light:#efd19a;
  --g23-bone:#f1e5d2;
}
body:not(.home-page){
  background:
    radial-gradient(ellipse at 78% 8%,rgba(111,13,43,.24),transparent 30%),
    radial-gradient(ellipse at 14% 38%,rgba(80,6,27,.14),transparent 28%),
    linear-gradient(145deg,#090204,#030102 72%);
  color:var(--g23-bone);
}
body:not(.home-page) main{overflow:hidden;background:#050102}

/* A theatrical title chamber, drawn in light and metal rather than stock artwork. */
body:not(.home-page) .page-hero{min-height:88vh!important;background:#050102;isolation:isolate}
body:not(.home-page) .page-hero .hero-media{
  opacity:1!important;
  filter:none!important;
  transform:scale(1.02);
  background:
    radial-gradient(circle at 77% 47%,rgba(241,204,139,.82) 0 1px,transparent 2px),
    radial-gradient(circle at 77% 47%,transparent 0 12.7%,rgba(226,181,104,.36) 12.9% 13.05%,transparent 13.3% 22.5%,rgba(158,104,52,.22) 22.7% 22.9%,transparent 23.15%),
    repeating-conic-gradient(from 0deg at 77% 47%,rgba(229,182,105,.16) 0 .35deg,transparent .6deg 15deg),
    radial-gradient(ellipse at 77% 47%,rgba(111,12,42,.72) 0,rgba(55,5,20,.52) 22%,transparent 52%),
    linear-gradient(118deg,#030102 0%,#0c0206 36%,#390817 74%,#090203 100%)!important;
  background-size:auto!important;
  animation:g23HeroBreath 13s ease-in-out infinite alternate!important;
}
body:not(.home-page) .page-hero .hero-media:before{
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(3,1,2,.98) 0%,rgba(7,2,4,.91) 31%,rgba(8,2,4,.58) 55%,rgba(4,1,2,.18) 79%,rgba(3,1,2,.7) 100%),
    linear-gradient(0deg,rgba(3,1,2,.92),transparent 42%)!important;
  box-shadow:inset 0 0 190px #000!important;
}
body:not(.home-page) .page-hero .hero-media:after{
  display:block!important;
  inset:clamp(84px,9vw,145px) clamp(34px,5vw,92px) clamp(55px,7vw,110px)!important;
  border:1px solid rgba(224,176,102,.24)!important;
  background:
    linear-gradient(90deg,var(--g23-gold),var(--g23-gold)) left top/88px 1px no-repeat,
    linear-gradient(var(--g23-gold),var(--g23-gold)) left top/1px 88px no-repeat,
    linear-gradient(90deg,var(--g23-gold),var(--g23-gold)) right bottom/88px 1px no-repeat,
    linear-gradient(var(--g23-gold),var(--g23-gold)) right bottom/1px 88px no-repeat!important;
  box-shadow:inset 0 0 0 8px rgba(5,1,3,.18),0 0 55px rgba(83,9,31,.18)!important;
  opacity:.7;
}
body:not(.home-page) .page-hero .hero-inner{z-index:3;max-width:840px!important}
body:not(.home-page) .page-hero .kicker{color:#d4aa67;text-shadow:0 2px 12px #000;letter-spacing:.32em}
body:not(.home-page) .page-hero h1{
  max-width:800px;
  color:#f5ead8;
  font-size:clamp(74px,8.4vw,136px)!important;
  line-height:.82!important;
  letter-spacing:-.07em!important;
  text-wrap:balance;
  text-shadow:0 6px 0 rgba(0,0,0,.32),0 24px 60px #000,0 0 55px rgba(118,18,49,.2);
}
body:not(.home-page) .page-hero p{max-width:650px;color:#d3c0b0;font-size:clamp(17px,1.35vw,21px);text-shadow:0 3px 14px #000}
body:not(.home-page) .page-hero .hero-inner:after{
  width:150px;height:7px;margin-top:42px;
  background:linear-gradient(90deg,#57381e,#dfb475 30%,#6d4726 68%,transparent)!important;
  clip-path:polygon(0 43%,35% 43%,40% 0,46% 43%,100% 43%,100% 57%,46% 57%,40% 100%,35% 57%,0 57%);
  filter:drop-shadow(0 4px 5px #000);
}

/* Alternating halls with carved dividers and a living cherry glow. */
body:not(.home-page) main>.section{
  padding:clamp(112px,11vw,180px) clamp(24px,7vw,120px)!important;
  background:
    radial-gradient(ellipse at 88% 12%,rgba(112,12,43,.19),transparent 32%),
    radial-gradient(ellipse at 8% 82%,rgba(58,5,21,.14),transparent 28%),
    linear-gradient(145deg,#0a0205,#030102 74%)!important;
  border-top:1px solid rgba(209,161,91,.17);
  isolation:isolate;
}
body:not(.home-page) main>.section.section-wine{
  background:
    radial-gradient(ellipse at 18% 20%,rgba(133,16,49,.23),transparent 34%),
    radial-gradient(ellipse at 82% 82%,rgba(73,7,27,.2),transparent 30%),
    linear-gradient(135deg,#18040b,#060103 72%)!important;
}
body:not(.home-page) main>.section:before{
  content:"";position:absolute;z-index:-1;inset:0!important;opacity:1!important;pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(224,176,104,.3) 24%,rgba(224,176,104,.3) 76%,transparent) top/100% 1px no-repeat,
    repeating-linear-gradient(115deg,transparent 0 88px,rgba(218,168,96,.018) 89px,transparent 90px)!important;
}
body:not(.home-page) main>.section:after{
  content:"";position:absolute;z-index:-1;left:-12%;right:-12%;bottom:-90px;height:190px;pointer-events:none;
  background:radial-gradient(ellipse,rgba(41,3,16,.42),transparent 68%);filter:blur(18px)
}
body:not(.home-page) .section-head{position:relative;align-items:end;margin-bottom:clamp(58px,7vw,104px);padding-bottom:34px}
body:not(.home-page) .section-head:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:8px;
  background:linear-gradient(90deg,#5e3d20,#e0b370 13%,rgba(197,151,83,.14) 43%,rgba(197,151,83,.14) 76%,transparent);
  clip-path:polygon(0 45%,12% 45%,12.7% 0,13.4% 45%,100% 45%,100% 55%,13.4% 55%,12.7% 100%,12% 55%,0 55%);
  filter:drop-shadow(0 3px 4px #000);
}
body:not(.home-page) .section-head>div:before{
  left:-26px!important;top:1px!important;bottom:1px!important;
  background:linear-gradient(transparent,#7f542e 12%,#dfb472 50%,#7f542e 88%,transparent)!important;
  box-shadow:0 0 22px rgba(120,16,46,.48)!important;
}
body:not(.home-page) .section-head>div:after{display:none!important}
body:not(.home-page) .section-head h2{font-size:clamp(58px,6.2vw,104px);line-height:.88;color:#f1e4d0;text-shadow:0 7px 0 rgba(0,0,0,.28),0 23px 48px #000}
body:not(.home-page) .section-head .eyebrow{color:#d1a464;letter-spacing:.31em}
body:not(.home-page) .section-lede{color:#c3afa1;font-size:17px}

/* Large ceremonial frames. */
body:not(.home-page) .story-grid,
body:not(.home-page) .editorial-grid,
body:not(.home-page) .cta-panel{
  position:relative;
  padding:clamp(58px,7vw,105px)!important;
  border:1px solid rgba(222,172,99,.52)!important;
  background:
    linear-gradient(135deg,rgba(239,202,138,.1),transparent 11%) top left/48% 48% no-repeat,
    linear-gradient(315deg,rgba(239,202,138,.07),transparent 11%) bottom right/48% 48% no-repeat,
    radial-gradient(ellipse at 82% 14%,rgba(132,15,48,.32),transparent 33%),
    linear-gradient(145deg,#220610 0%,#0a0205 42%,#050102 100%)!important;
  box-shadow:
    inset 0 0 0 7px #050102,
    inset 0 0 0 8px rgba(227,178,104,.18),
    inset 0 -34px 60px rgba(0,0,0,.52),
    0 10px 0 #020101,
    0 34px 85px rgba(0,0,0,.6),
    0 0 55px rgba(104,11,39,.12)!important;
}
body:not(.home-page) .story-grid:before,
body:not(.home-page) .editorial-grid:before,
body:not(.home-page) .cta-panel:before{
  display:block!important;content:"";position:absolute;inset:14px!important;
  border:1px solid rgba(223,174,101,.2);pointer-events:none;
  background:
    linear-gradient(90deg,#d7aa68,#d7aa68) left top/50px 1px no-repeat,
    linear-gradient(#d7aa68,#d7aa68) left top/1px 50px no-repeat,
    linear-gradient(90deg,#d7aa68,#d7aa68) right bottom/50px 1px no-repeat,
    linear-gradient(#d7aa68,#d7aa68) right bottom/1px 50px no-repeat;
  opacity:.62;
}
body:not(.home-page) .story-grid:after,
body:not(.home-page) .editorial-grid:after,
body:not(.home-page) .cta-panel:after{
  content:"◆";position:absolute;left:50%;top:-12px;transform:translateX(-50%) rotate(45deg);
  width:22px;height:22px;display:grid;place-items:center;color:#ddb574;font-size:6px;
  border:1px solid rgba(229,184,111,.72);background:#3b0918;box-shadow:0 0 0 6px #070203,0 0 24px rgba(157,25,61,.4);
}
body:not(.home-page) .story-side{color:#dfbd82;font-size:clamp(21px,2vw,30px);line-height:1.55;text-shadow:0 3px 10px #000}
body:not(.home-page) .story-copy p,
body:not(.home-page) .editorial-copy p{color:#d4c0af}

/* Individual plaques: deep carved cherry lacquer, old gold and controlled motion. */
body:not(.home-page) .principles,
body:not(.home-page) .service-cards,
body:not(.home-page) .course-catalog,
body:not(.home-page) .collection-grid,
body:not(.home-page) .products{gap:clamp(18px,2vw,30px)!important;border:0!important}
body:not(.home-page) .principle,
body:not(.home-page) .service-card,
body:not(.home-page) .course-section,
body:not(.home-page) .collection-card,
body:not(.home-page) .product{
  position:relative;overflow:hidden;
  border:1px solid rgba(218,168,95,.5)!important;
  background:
    linear-gradient(135deg,rgba(239,201,134,.1),transparent 12%) top left/50% 50% no-repeat,
    linear-gradient(315deg,rgba(239,201,134,.07),transparent 12%) bottom right/50% 50% no-repeat,
    repeating-linear-gradient(116deg,transparent 0 72px,rgba(242,207,147,.018) 73px,transparent 74px),
    radial-gradient(ellipse at 80% 7%,rgba(145,18,52,.42),transparent 34%),
    linear-gradient(150deg,#260711 0%,#0e0307 49%,#050102 100%)!important;
  box-shadow:
    inset 0 0 0 7px #040102,
    inset 0 0 0 8px rgba(226,176,100,.17),
    inset 0 -26px 42px rgba(0,0,0,.55),
    0 8px 0 #020101,
    0 24px 55px rgba(0,0,0,.48),
    0 0 34px rgba(116,13,42,.1)!important;
  transition:transform .65s cubic-bezier(.18,.78,.15,1),filter .55s,border-color .55s,box-shadow .65s!important;
}
body:not(.home-page) .principle,
body:not(.home-page) .service-card,
body:not(.home-page) .course-section,
body:not(.home-page) .collection-card,
body:not(.home-page) .product{border-right:1px solid rgba(218,168,95,.5)!important}
body:not(.home-page) .principle:before,
body:not(.home-page) .service-card:before,
body:not(.home-page) .course-section:before,
body:not(.home-page) .collection-card:before,
body:not(.home-page) .product:before{
  content:"";position:absolute;z-index:1;inset:13px!important;width:auto!important;height:auto!important;right:13px!important;top:13px!important;
  transform:none!important;border:1px solid rgba(232,186,112,.2)!important;border-radius:0!important;box-shadow:none!important;pointer-events:none;
  background:
    linear-gradient(90deg,#d8ad6c,#d8ad6c) left top/40px 1px no-repeat,
    linear-gradient(#d8ad6c,#d8ad6c) left top/1px 40px no-repeat,
    linear-gradient(90deg,#d8ad6c,#d8ad6c) right bottom/40px 1px no-repeat,
    linear-gradient(#d8ad6c,#d8ad6c) right bottom/1px 40px no-repeat!important;
  opacity:.5;
}
body:not(.home-page) .principle:after,
body:not(.home-page) .service-card:after,
body:not(.home-page) .course-section:after,
body:not(.home-page) .collection-card:after,
body:not(.home-page) .product:after{
  content:"";position:absolute;z-index:0;inset:-70% -110%!important;width:auto!important;height:auto!important;left:-110%!important;top:-70%!important;border:0!important;
  background:linear-gradient(106deg,transparent 46%,rgba(255,223,170,.03) 48%,rgba(255,223,170,.16) 50%,rgba(255,223,170,.03) 52%,transparent 54%)!important;
  transform:translateX(-26%);opacity:0;pointer-events:none;
}
body:not(.home-page) .principle:hover,
body:not(.home-page) .service-card:hover,
body:not(.home-page) .course-section:hover,
body:not(.home-page) .collection-card:hover,
body:not(.home-page) .product:hover{
  transform:translateY(-8px)!important;filter:brightness(1.13) saturate(1.08)!important;
  border-color:rgba(242,199,125,.76)!important;
  box-shadow:inset 0 0 0 7px #040102,inset 0 0 0 8px rgba(239,194,120,.27),inset 0 -26px 42px rgba(0,0,0,.48),0 13px 0 #020101,0 36px 72px rgba(0,0,0,.58),0 0 45px rgba(139,18,50,.22)!important;
}
body:not(.home-page) .principle:hover:after,
body:not(.home-page) .service-card:hover:after,
body:not(.home-page) .course-section:hover:after,
body:not(.home-page) .collection-card:hover:after,
body:not(.home-page) .product:hover:after{opacity:1;animation:g23PlaqueGlint 1.4s ease-out forwards}
body:not(.home-page) .principle>*,body:not(.home-page) .service-card>*,body:not(.home-page) .course-section>*,body:not(.home-page) .collection-card>*,body:not(.home-page) .product>*{position:relative;z-index:2}
body:not(.home-page) .principle h3,
body:not(.home-page) .service-card h3,
body:not(.home-page) .course-section h3,
body:not(.home-page) .collection-card h3,
body:not(.home-page) .product h3{color:#f1e3cf;text-shadow:0 4px 15px #000;letter-spacing:-.035em}
body:not(.home-page) .principle p,
body:not(.home-page) .service-card p,
body:not(.home-page) .collection-card p,
body:not(.home-page) .product p{color:#cdb9a9}
body:not(.home-page) .principle b,
body:not(.home-page) .course-index,
body:not(.home-page) .service-tag,
body:not(.home-page) .collection-card>span,
body:not(.home-page) .product small{color:#deb978!important;text-shadow:0 2px 10px #000}

/* Long-form lists become engraved horizontal artefacts. */
body:not(.home-page) .service-list{border:0!important;display:grid;gap:18px}
body:not(.home-page) .service-item{
  position:relative;margin:0!important;padding:clamp(32px,3vw,46px)!important;
  border:1px solid rgba(210,159,89,.44)!important;
  background:
    radial-gradient(ellipse at 14% 0,rgba(126,14,47,.34),transparent 32%),
    linear-gradient(100deg,#220610,#0b0205 68%,#050102)!important;
  box-shadow:inset 0 0 0 6px #040102,inset 0 0 0 7px rgba(225,175,100,.14),0 7px 0 #020101,0 20px 42px rgba(0,0,0,.42)!important;
  transition:transform .5s,border-color .5s,filter .5s!important;
}
body:not(.home-page) .service-item:before{inset:11px!important;border:1px solid rgba(232,186,112,.16)!important;background:none!important}
body:not(.home-page) .service-item:hover{padding-left:clamp(32px,3vw,46px)!important;transform:translateX(8px) translateY(-3px)!important;filter:brightness(1.12);border-color:rgba(237,191,117,.7)!important;background:radial-gradient(ellipse at 14% 0,rgba(157,19,55,.42),transparent 34%),linear-gradient(100deg,#2b0713,#0d0206 68%,#050102)!important}
body:not(.home-page) .service-item h3{color:#f0dfca;text-shadow:0 3px 12px #000}

body:not(.home-page) .ritual-grid{gap:16px!important;border:0!important}
body:not(.home-page) .ritual-grid>div{
  min-height:150px;padding:52px 34px 30px!important;
  border:1px solid rgba(210,159,89,.42)!important;
  background:radial-gradient(circle at 18% 0,rgba(126,14,47,.31),transparent 34%),linear-gradient(145deg,#20060f,#090205 72%)!important;
  box-shadow:inset 0 0 0 6px #040102,inset 0 0 0 7px rgba(223,174,101,.13),0 7px 0 #020101,0 20px 40px rgba(0,0,0,.4)!important;
  color:#dfceba;transition:transform .5s,border-color .5s,filter .5s!important;
}
body:not(.home-page) .ritual-grid>div:before{
  content:""!important;position:absolute;left:34px!important;top:27px!important;width:66px!important;height:7px!important;
  background:linear-gradient(90deg,#684521,#ddb070 33%,transparent)!important;
  clip-path:polygon(0 43%,38% 43%,44% 0,50% 43%,100% 43%,100% 57%,50% 57%,44% 100%,38% 57%,0 57%)!important;
}
body:not(.home-page) .ritual-grid>div:hover{transform:translateY(-5px)!important;filter:brightness(1.13);border-color:rgba(238,191,117,.68)!important}

body:not(.home-page) .deck-list{gap:14px;border:0!important}
body:not(.home-page) .deck-list div{
  margin:0!important;padding:34px 32px 34px 94px!important;border:1px solid rgba(209,158,89,.4)!important;
  background:radial-gradient(circle at 12% 0,rgba(121,13,44,.3),transparent 32%),linear-gradient(145deg,#1e050e,#080204)!important;
  box-shadow:inset 0 0 0 6px #040102,inset 0 0 0 7px rgba(223,174,101,.12),0 7px 0 #020101,0 18px 36px rgba(0,0,0,.38)!important;
}
body:not(.home-page) .deck-list div:before{color:#e0b675;border-right-color:rgba(222,173,101,.42)}

/* Buttons and shop actions use the same old-metal construction. */
body:not(.home-page) main .btn,
body:not(.home-page) .add-cart{
  border:1px solid rgba(236,191,119,.62)!important;border-radius:0!important;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);
  background:linear-gradient(180deg,rgba(255,229,181,.19),transparent 30%),linear-gradient(115deg,#7b1838,#3c091a 58%,#15050b)!important;
  box-shadow:inset 0 -10px 16px rgba(0,0,0,.58),0 7px 0 #130309,0 18px 35px rgba(0,0,0,.48),0 0 22px rgba(137,21,53,.17)!important;
  color:#f0d7a8!important;text-shadow:0 2px 5px #000;
}
body:not(.home-page) .add-cart{min-height:46px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center}
body:not(.home-page) main .btn:hover,
body:not(.home-page) .add-cart:hover{transform:translateY(-4px)!important;filter:brightness(1.18);box-shadow:inset 0 -10px 16px rgba(0,0,0,.5),0 11px 0 #130309,0 26px 44px rgba(0,0,0,.56),0 0 30px rgba(148,26,60,.27)!important}

body:not(.home-page) .legal-note,
body:not(.home-page) .contact-note{color:#9d8a7c}
body:not(.home-page) .footer{
  position:relative;padding-top:88px;
  background:radial-gradient(ellipse at 78% 0,rgba(107,11,39,.25),transparent 34%),linear-gradient(145deg,#0d0206,#030102 75%)!important;
  border-top:1px solid rgba(226,177,103,.36)!important;
  box-shadow:inset 0 1px rgba(255,222,164,.04),0 -24px 80px rgba(0,0,0,.48);
}
body:not(.home-page) .footer:before{content:"";position:absolute;left:6vw;right:6vw;top:0;height:8px;background:linear-gradient(90deg,transparent,#81562e 12%,#dfb471 50%,#81562e 88%,transparent);clip-path:polygon(0 45%,47% 45%,48% 0,49% 45%,100% 45%,100% 55%,49% 55%,48% 100%,47% 55%,0 55%)}
body:not(.home-page) .footer h3{color:#f0e2cd;text-shadow:0 6px 20px #000}

@keyframes g23HeroBreath{
  from{transform:scale(1.015);filter:saturate(.9) brightness(.88)}
  to{transform:scale(1.05);filter:saturate(1.1) brightness(1.04)}
}
@keyframes g23PlaqueGlint{
  0%{transform:translateX(-26%);opacity:0}
  24%{opacity:.8}
  100%{transform:translateX(38%);opacity:0}
}

@media(max-width:900px){
  body:not(.home-page) .page-hero{min-height:76vh!important}
  body:not(.home-page) .page-hero .hero-media{background-position:center!important}
  body:not(.home-page) .page-hero .hero-inner{width:min(82vw,690px)!important;margin-left:clamp(24px,5vw,46px)!important}
  body:not(.home-page) .page-hero h1{font-size:clamp(66px,10.5vw,94px)!important}
  body:not(.home-page) .section-head{align-items:start}
  body:not(.home-page) .service-item{grid-template-columns:55px 1fr 100px!important}
  body:not(.home-page) .service-item p{grid-column:2/3}
}
@media(max-width:699px){
  body:not(.home-page) .page-hero{min-height:82svh!important}
  body:not(.home-page) .page-hero .hero-media{aspect-ratio:auto!important;background:radial-gradient(circle at 71% 35%,transparent 0 15%,rgba(219,172,100,.24) 15.3% 15.55%,transparent 15.9% 28%,rgba(219,172,100,.11) 28.2% 28.4%,transparent 28.8%),repeating-conic-gradient(from 0deg at 71% 35%,rgba(214,165,95,.12) 0 .4deg,transparent .7deg 22.5deg),radial-gradient(circle at 71% 35%,rgba(113,13,42,.58),transparent 52%),linear-gradient(155deg,#070203,#280610 58%,#040102)!important}
  body:not(.home-page) .page-hero .hero-media:after{inset:100px 14px 28px!important}
  body:not(.home-page) .page-hero .hero-inner{width:auto!important;margin:0!important;padding:132px 24px 64px!important;align-self:end}
  body:not(.home-page) .page-hero h1{font-size:clamp(55px,17vw,82px)!important;line-height:.86!important}
  body:not(.home-page) .page-hero p{font-size:16px;line-height:1.6}
  body:not(.home-page) main>.section{padding:96px 20px!important}
  body:not(.home-page) .section-head{display:block;padding-left:12px}
  body:not(.home-page) .section-head h2{font-size:clamp(50px,15vw,74px)}
  body:not(.home-page) .section-lede{margin-top:28px}
  body:not(.home-page) .story-grid,
  body:not(.home-page) .editorial-grid,
  body:not(.home-page) .cta-panel{grid-template-columns:1fr!important;gap:48px!important;padding:58px 30px!important}
  body:not(.home-page) .principles,
  body:not(.home-page) .service-cards,
  body:not(.home-page) .course-catalog,
  body:not(.home-page) .collection-grid,
  body:not(.home-page) .products{grid-template-columns:1fr!important;gap:18px!important}
  body:not(.home-page) .principle,
  body:not(.home-page) .service-card,
  body:not(.home-page) .course-section,
  body:not(.home-page) .collection-card,
  body:not(.home-page) .product{min-height:0!important;padding:54px 30px!important}
  body:not(.home-page) .collection-card h3{margin-top:64px!important}
  body:not(.home-page) .ritual-grid{grid-template-columns:1fr!important}
  body:not(.home-page) .service-item{grid-template-columns:42px 1fr!important;gap:15px!important;padding:32px 25px!important}
  body:not(.home-page) .service-item p{grid-column:2/3}.service-item .price{grid-column:2/3;text-align:left}
  body:not(.home-page) .service-item:hover{padding-left:25px!important;transform:translateY(-3px)!important}
  body:not(.home-page) .deck-list{grid-template-columns:1fr!important}
  body:not(.home-page) .footer{padding:70px 24px 28px}
}
@media(prefers-reduced-motion:reduce){
  body:not(.home-page) .page-hero .hero-media{animation:none!important}
  body:not(.home-page) .principle:hover:after,
  body:not(.home-page) .service-card:hover:after,
  body:not(.home-page) .course-section:hover:after,
  body:not(.home-page) .collection-card:hover:after,
  body:not(.home-page) .product:hover:after{animation:none!important}
}

/* Version 24 — very dark rotten-cherry palette; all bright crimson is removed. */
:root{
  --g24-black:#020102;
  --g24-cherry-ink:#090304;
  --g24-rotten-cherry:#17070d;
  --g24-rotten-cherry-mid:#240b14;
  --g24-rotten-cherry-glow:#32101c;
}
body:not(.home-page){
  background:
    radial-gradient(ellipse at 78% 8%,rgba(49,15,28,.2),transparent 30%),
    radial-gradient(ellipse at 14% 38%,rgba(34,9,18,.15),transparent 28%),
    linear-gradient(145deg,var(--g24-cherry-ink),var(--g24-black) 72%)!important;
}
body:not(.home-page) main{background:var(--g24-black)!important}
body:not(.home-page) .page-hero .hero-media{
  background:
    radial-gradient(circle at 77% 47%,rgba(241,204,139,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 77% 47%,transparent 0 12.7%,rgba(205,160,90,.28) 12.9% 13.05%,transparent 13.3% 22.5%,rgba(130,87,45,.18) 22.7% 22.9%,transparent 23.15%),
    repeating-conic-gradient(from 0deg at 77% 47%,rgba(197,151,83,.12) 0 .35deg,transparent .6deg 15deg),
    radial-gradient(ellipse at 77% 47%,rgba(47,12,25,.7) 0,rgba(28,7,15,.52) 22%,transparent 52%),
    linear-gradient(118deg,#020102 0%,#080204 36%,#1d0810 74%,#050203 100%)!important;
}
body:not(.home-page) .page-hero h1{text-shadow:0 6px 0 rgba(0,0,0,.36),0 24px 60px #000,0 0 55px rgba(45,12,25,.18)!important}
body:not(.home-page) main>.section{
  background:
    radial-gradient(ellipse at 88% 12%,rgba(48,13,27,.18),transparent 32%),
    radial-gradient(ellipse at 8% 82%,rgba(29,7,16,.14),transparent 28%),
    linear-gradient(145deg,#080204,#020102 74%)!important;
}
body:not(.home-page) main>.section.section-wine{
  background:
    radial-gradient(ellipse at 18% 20%,rgba(55,14,29,.2),transparent 34%),
    radial-gradient(ellipse at 82% 82%,rgba(34,8,18,.18),transparent 30%),
    linear-gradient(135deg,#100409,#040102 72%)!important;
}
body:not(.home-page) .story-grid,
body:not(.home-page) .editorial-grid,
body:not(.home-page) .cta-panel{
  background:
    linear-gradient(135deg,rgba(239,202,138,.08),transparent 11%) top left/48% 48% no-repeat,
    linear-gradient(315deg,rgba(239,202,138,.055),transparent 11%) bottom right/48% 48% no-repeat,
    radial-gradient(ellipse at 82% 14%,rgba(53,13,29,.28),transparent 33%),
    linear-gradient(145deg,#18070e 0%,#080204 42%,#030102 100%)!important;
}
body:not(.home-page) .principle,
body:not(.home-page) .service-card,
body:not(.home-page) .course-section,
body:not(.home-page) .collection-card,
body:not(.home-page) .product{
  background:
    linear-gradient(135deg,rgba(239,201,134,.075),transparent 12%) top left/50% 50% no-repeat,
    linear-gradient(315deg,rgba(239,201,134,.05),transparent 12%) bottom right/50% 50% no-repeat,
    repeating-linear-gradient(116deg,transparent 0 72px,rgba(242,207,147,.012) 73px,transparent 74px),
    radial-gradient(ellipse at 80% 7%,rgba(57,14,30,.3),transparent 34%),
    linear-gradient(150deg,#19070e 0%,#090204 49%,#030102 100%)!important;
}
body:not(.home-page) .story-grid:after,
body:not(.home-page) .editorial-grid:after,
body:not(.home-page) .cta-panel:after{background:#1e0911!important;box-shadow:0 0 0 6px #050203,0 0 24px rgba(53,14,29,.34)!important}
body:not(.home-page) .service-item{
  background:radial-gradient(ellipse at 14% 0,rgba(51,13,28,.27),transparent 32%),linear-gradient(100deg,#17060d,#070203 68%,#030102)!important;
}
body:not(.home-page) .service-item:hover{
  background:radial-gradient(ellipse at 14% 0,rgba(63,16,33,.32),transparent 34%),linear-gradient(100deg,#1d0810,#080204 68%,#030102)!important;
}
body:not(.home-page) .ritual-grid>div{
  background:radial-gradient(circle at 18% 0,rgba(51,13,28,.26),transparent 34%),linear-gradient(145deg,#16060c,#070203 72%)!important;
}
body:not(.home-page) .deck-list div{
  background:radial-gradient(circle at 12% 0,rgba(49,12,27,.25),transparent 32%),linear-gradient(145deg,#15060c,#060203)!important;
}
body:not(.home-page) main .btn,
body:not(.home-page) .add-cart{
  background:linear-gradient(180deg,rgba(255,229,181,.14),transparent 30%),linear-gradient(115deg,#2d0d19,#19070e 58%,#090304)!important;
  box-shadow:inset 0 -10px 16px rgba(0,0,0,.66),0 7px 0 #070203,0 18px 35px rgba(0,0,0,.55),0 0 22px rgba(43,12,24,.15)!important;
}
body:not(.home-page) .footer{
  background:radial-gradient(ellipse at 78% 0,rgba(45,12,25,.2),transparent 34%),linear-gradient(145deg,#080204,#020102 75%)!important;
}
body:not(.home-page) .cart-trigger,
body:not(.home-page) .cart-close{background:linear-gradient(145deg,#2b0c18,#14060c 65%,#060203)!important}

@media(max-width:699px){
  body:not(.home-page) .page-hero .hero-media{
    background:
      radial-gradient(circle at 71% 35%,transparent 0 15%,rgba(199,151,84,.18) 15.3% 15.55%,transparent 15.9% 28%,rgba(199,151,84,.08) 28.2% 28.4%,transparent 28.8%),
      repeating-conic-gradient(from 0deg at 71% 35%,rgba(190,143,80,.09) 0 .4deg,transparent .7deg 22.5deg),
      radial-gradient(circle at 71% 35%,rgba(46,12,25,.48),transparent 52%),
      linear-gradient(155deg,#050203,#18070e 58%,#020102)!important;
  }
}

/* Version 37 — restrained navigation and clean hero material. */
.overlay-label{display:none!important}
.overlay-top{justify-content:flex-end!important}
body:not(.home-page) .page-hero .hero-media{
  background:
    radial-gradient(ellipse at 76% 42%,rgba(73,9,31,.5) 0,rgba(42,5,19,.27) 28%,transparent 56%),
    radial-gradient(ellipse at 22% 76%,rgba(49,5,21,.18),transparent 42%),
    linear-gradient(118deg,#050102 0%,#130309 42%,#2a0717 77%,#070102 100%)!important;
  filter:saturate(.82) brightness(.72)!important;
}
body:not(.home-page) .page-hero .hero-media:after{display:none!important;content:none!important}

body .close-btn,body .close-btn:hover{
  position:relative!important;width:60px!important;height:60px!important;transform:none!important;background:transparent!important;box-shadow:none!important;
  color:#f0d7aa!important;font-size:26px!important;text-shadow:0 2px 5px #000,0 0 8px rgba(137,18,49,.5)!important;
}
body .close-btn:before,body .close-btn:hover:before{
  content:""!important;display:block!important;visibility:visible!important;opacity:1!important;inset:-14px!important;
  background:transparent url('assets/ouroboros-seal-3d.png') center/contain no-repeat!important;
  filter:brightness(.76) saturate(.8) contrast(1.08) drop-shadow(0 10px 13px rgba(0,0,0,.92))!important;
  transform:rotate(0deg) scale(1)!important;animation:approvedOuroborosBreathe 5.6s ease-in-out infinite alternate!important;
}
body .close-btn:after,body .close-btn:hover:after{display:none!important;content:none!important}

/* Final Shop isolation: the approved reliquary CTA has no global serpent overlay. */
body.shop-page main .shop-add:after{content:none!important;display:none!important}

/* Version 62 — standalone cinematic contact chamber. */
@keyframes contactCinemaBreath{
  0%,100%{transform:scale(1.015);filter:saturate(.82) contrast(1.12) brightness(.76)}
  50%{transform:scale(1.035);filter:saturate(.96) contrast(1.16) brightness(.88)}
}
@keyframes contactCinemaEye{
  0%,72%,100%{filter:brightness(.72);box-shadow:inset 8px 11px 15px rgba(255,255,255,.035),inset -12px -14px 18px #000,0 12px 23px #000,0 0 0 rgba(145,6,40,0)}
  78%,88%{filter:brightness(1.18);box-shadow:inset 8px 11px 15px rgba(255,255,255,.06),inset -12px -14px 18px #000,0 12px 23px #000,0 0 24px rgba(154,8,44,.55)}
}
@keyframes contactCinemaSmoke{
  0%{transform:translate3d(-4%,6%,0) scale(1);opacity:.1}
  50%{transform:translate3d(4%,-2%,0) scale(1.16);opacity:.24}
  100%{transform:translate3d(-2%,-8%,0) scale(1.05);opacity:.08}
}
.contact-page{background:#030102;color:#ecddc8;overflow-x:hidden}
.contact-page .site-header{z-index:50}
.contact-page .footer{position:relative;z-index:6;background:#050203}
.contact-cinema{position:relative;min-height:100vh;background:#030102}
.contact-cinema-hero{
  position:relative;isolation:isolate;min-height:max(900px,100svh);overflow:hidden;
  display:grid;grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr) minmax(360px,.88fr);gap:clamp(24px,3vw,54px);
  align-items:start;padding:clamp(150px,12vw,184px) clamp(28px,5vw,84px) 100px;
  background:#050102;border-bottom:1px solid rgba(195,143,72,.28);
}
.contact-cinema-image{position:absolute;z-index:-4;inset:0;overflow:hidden;background:#030102}
.contact-cinema-image img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 45%;
  animation:contactCinemaBreath 9s ease-in-out infinite;
}
.contact-cinema-image:before{
  content:"";position:absolute;z-index:2;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,#050102 0,rgba(5,1,2,.88) 10%,transparent 34%,transparent 63%,rgba(5,1,2,.73) 82%,#050102 100%),
    linear-gradient(180deg,rgba(3,1,1,.78) 0,transparent 19%,transparent 58%,#050102 94%),
    radial-gradient(ellipse at 50% 45%,transparent 18%,rgba(2,0,1,.13) 48%,rgba(2,0,1,.72) 100%);
}
.contact-cinema-image:after{
  content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:22%;pointer-events:none;
  background:linear-gradient(180deg,transparent,#050102 82%);box-shadow:inset 0 -18px 45px #050102;
}
.contact-cinema-atmosphere{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.contact-cinema-atmosphere i{position:absolute;border-radius:50%;filter:blur(46px);background:rgba(83,4,28,.36);animation:contactCinemaSmoke 13s ease-in-out infinite}
.contact-cinema-atmosphere i:nth-child(1){left:-7%;bottom:8%;width:46%;height:27%}
.contact-cinema-atmosphere i:nth-child(2){right:-9%;top:14%;width:36%;height:32%;animation-delay:-5s}
.contact-cinema-atmosphere i:nth-child(3){left:35%;bottom:-8%;width:31%;height:24%;animation-delay:-8s}
.contact-cinema-copy{position:relative;z-index:3;grid-column:1;padding-top:clamp(18px,7vh,72px);max-width:360px;text-shadow:0 5px 18px #000}
.contact-cinema-copy:before{content:"";position:absolute;left:0;top:0;width:54px;height:1px;background:linear-gradient(90deg,#d4a45e,transparent);box-shadow:0 0 12px rgba(164,105,54,.55)}
.contact-cinema-copy>span{color:#d2a15c;font:600 10px/1.3 var(--sans);letter-spacing:.32em;text-transform:uppercase}
.contact-cinema-copy h1{margin:24px 0 22px;color:#f0dfc8;font:400 clamp(52px,5.2vw,84px)/.88 var(--display);letter-spacing:-.045em}
.contact-cinema-copy p{margin:0;max-width:310px;color:#b9a99c;font:15px/1.75 var(--display);text-wrap:balance}
.contact-cinema-links{position:relative;z-index:4;grid-column:3;display:grid;gap:13px;width:min(430px,100%);margin:clamp(4px,4vh,42px) 0 0 auto}
.contact-cinema-link{
  position:relative;isolation:isolate;min-height:128px;display:grid;grid-template-columns:66px minmax(0,1fr) 58px;gap:17px;align-items:center;
  padding:19px 20px;color:#e7d7c2;overflow:hidden;
  clip-path:polygon(18px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 18px),calc(100% - 18px) 100%,9px 100%,0 calc(100% - 9px),0 18px);
  background:linear-gradient(145deg,rgba(63,31,20,.9),rgba(7,3,4,.98) 13%,rgba(19,5,10,.98) 68%,rgba(2,1,1,.99));
  border:1px solid rgba(212,161,90,.47);
  box-shadow:inset 0 0 0 5px rgba(1,1,1,.8),inset 12px 12px 24px rgba(255,198,111,.035),inset -18px -20px 33px #000,0 22px 45px rgba(0,0,0,.62);
  transform:perspective(900px) rotateY(-2.2deg);transform-origin:right center;
  transition:transform .55s cubic-bezier(.16,1,.3,1),filter .45s,border-color .45s;
}
.contact-cinema-link:before{content:"";position:absolute;z-index:-1;inset:7px;border:1px solid rgba(224,176,102,.17);clip-path:inherit;background:linear-gradient(115deg,rgba(235,188,109,.06),transparent 34%)}
.contact-cinema-link:after{content:"";position:absolute;z-index:-1;left:31%;top:-50%;width:18%;height:200%;transform:rotate(17deg);background:linear-gradient(90deg,transparent,rgba(122,9,38,.16),transparent);filter:blur(4px)}
.contact-cinema-link:hover,.contact-cinema-link:focus-visible{transform:perspective(900px) rotateY(0) translateX(-8px);filter:brightness(1.13);border-color:rgba(230,183,109,.72);outline:none}
.contact-cinema-seal{position:relative;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;color:#d3a55f;background:radial-gradient(circle at 38% 31%,#412014 0,#14070a 31%,#020101 72%);border:1px solid rgba(214,164,92,.54);box-shadow:inset 7px 8px 9px rgba(255,211,139,.07),inset -9px -11px 16px #000,0 10px 16px #000}
.contact-cinema-seal:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(218,166,93,.2);background:repeating-conic-gradient(from 12deg,rgba(212,160,88,.2) 0 1deg,transparent 1deg 23deg)}
.contact-cinema-seal svg{position:relative;z-index:1;width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 2px #000)}
.contact-cinema-label{min-width:0;display:flex;flex-direction:column}
.contact-cinema-label small{color:#a87855;font:600 8px/1.2 var(--sans);letter-spacing:.19em;text-transform:uppercase}
.contact-cinema-label strong{margin-top:6px;color:#d93b5c;font:400 clamp(28px,2.6vw,38px)/.94 var(--display);text-shadow:0 1px 0 #3c0009,0 4px 6px #000,0 0 16px rgba(147,8,41,.36)}
.contact-cinema-label em{margin-top:7px;color:#bd3152;font:500 9px/1.2 var(--sans);font-style:normal;letter-spacing:.07em;text-shadow:0 2px 4px #000}
.contact-cinema-eye{
  position:relative;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#593021 0,#21080e 27%,#050202 68%);border:1px solid rgba(218,166,92,.56);
  box-shadow:inset 8px 11px 15px rgba(255,255,255,.035),inset -12px -14px 18px #000,0 12px 23px #000;
  animation:contactCinemaEye 6.6s ease-in-out infinite;
}
.contact-cinema-eye:before{content:"";position:absolute;width:35px;height:21px;border-radius:70% 12% 70% 12%;transform:rotate(45deg) perspective(70px) rotateX(11deg);background:radial-gradient(ellipse at 55% 42%,#ffd5b0 0 3%,#de3146 5% 14%,#6e071f 22%,#170207 47%,#020101 72%);border:1px solid rgba(219,162,94,.5);box-shadow:inset 4px 4px 6px rgba(255,169,141,.12),inset -5px -5px 7px #000,0 0 12px rgba(151,6,42,.5)}
.contact-cinema-eye:after{content:"";position:absolute;z-index:2;width:8px;height:3px;border-radius:50%;transform:translate(-5px,-4px) rotate(45deg);background:rgba(255,220,192,.72);filter:blur(.3px)}
.contact-cinema-eye i{position:relative;z-index:1;width:3px;height:14px;border-radius:50%;background:#080103;box-shadow:0 0 4px #ff8c84}
.contact-cinema-rule{position:absolute;z-index:4;left:50%;bottom:42px;width:min(540px,46vw);transform:translateX(-50%);display:grid;grid-template-columns:1fr 12px 1fr;align-items:center;gap:12px;opacity:.72}
.contact-cinema-rule i{height:1px;background:linear-gradient(90deg,transparent,rgba(202,151,82,.68))}.contact-cinema-rule i:last-child{transform:scaleX(-1)}
.contact-cinema-rule span{width:9px;height:9px;transform:rotate(45deg);border:1px solid rgba(215,165,91,.72);background:#25060e;box-shadow:inset 0 0 0 2px #050202,0 0 10px rgba(116,8,34,.4)}

@media(max-width:1120px){
  .contact-cinema-hero{grid-template-columns:minmax(250px,.8fr) minmax(250px,.65fr) minmax(330px,.85fr);gap:22px;padding-left:30px;padding-right:30px}
  .contact-cinema-copy h1{font-size:clamp(48px,6vw,70px)}
  .contact-cinema-link{grid-template-columns:56px minmax(0,1fr) 50px;min-height:118px;padding:17px 16px;gap:13px}.contact-cinema-seal{width:54px;height:54px}.contact-cinema-eye{width:48px;height:48px}
}
@media(max-width:860px){
  .contact-cinema-hero{min-height:0;display:flex;flex-direction:column;gap:0;padding:126px 18px 58px;background:linear-gradient(180deg,#080205,#030102)}
  .contact-cinema-copy{order:1;max-width:620px;padding-top:16px}.contact-cinema-copy h1{margin:19px 0 17px;font-size:clamp(48px,12vw,70px);line-height:.92}.contact-cinema-copy p{max-width:520px;font-size:15px}
  .contact-cinema-image{order:2;position:relative;z-index:0;inset:auto;width:calc(100% + 36px);height:clamp(360px,104vw,500px);margin:28px -18px -28px;background:#030102}
  .contact-cinema-image img{left:50%;top:50%;inset:auto;width:auto;height:100%;object-fit:contain;object-position:center;transform:translate(-50%,-50%) scale(.92);animation:none;filter:saturate(.9) contrast(1.12) brightness(.82)}
  .contact-cinema-image:before{background:linear-gradient(90deg,#030102 0,transparent 18%,transparent 82%,#030102 100%),linear-gradient(180deg,#030102 0,transparent 10%,transparent 65%,#030102 96%),radial-gradient(ellipse at 50% 48%,transparent 35%,rgba(2,0,1,.4) 92%)}
  .contact-cinema-image:after{height:26%}
  .contact-cinema-links{order:3;grid-column:auto;width:100%;margin:0;gap:9px}
  .contact-cinema-link{min-height:112px;transform:none;grid-template-columns:58px minmax(0,1fr) 50px;gap:13px;padding:17px 15px}.contact-cinema-link:hover,.contact-cinema-link:focus-visible{transform:translateY(-3px)}
  .contact-cinema-rule{display:none}
}
@media(max-width:430px){
  .contact-cinema-hero{padding-left:12px;padding-right:12px}.contact-cinema-copy{padding-left:8px;padding-right:8px}.contact-cinema-copy h1{font-size:48px}.contact-cinema-copy p{font-size:14px}
  .contact-cinema-image{width:calc(100% + 24px);height:clamp(350px,108vw,450px);margin-left:-12px;margin-right:-12px}
  .contact-cinema-image img{transform:translate(-50%,-50%) scale(.88)}
  .contact-cinema-link{grid-template-columns:50px minmax(0,1fr) 44px;gap:10px;min-height:104px;padding:14px 11px}.contact-cinema-seal{width:48px;height:48px}.contact-cinema-seal svg{width:29px;height:29px}.contact-cinema-eye{width:42px;height:42px}.contact-cinema-eye:before{width:27px;height:16px}.contact-cinema-label strong{font-size:27px}.contact-cinema-label small{font-size:7px;letter-spacing:.13em}.contact-cinema-label em{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.contact-cinema-image img,.contact-cinema-atmosphere i,.contact-cinema-eye{animation:none!important}}

@media(min-width:1201px){body .menu-btn{width:86px!important;height:86px!important;min-width:86px!important}}
@media(min-width:901px) and (max-width:1200px){body .menu-btn{width:68px!important;height:68px!important;min-width:68px!important}}
@media(min-width:700px) and (max-width:900px){body .menu-btn{width:62px!important;height:62px!important;min-width:62px!important}}
@media(max-width:699px){body .menu-btn{width:52px!important;height:52px!important;min-width:52px!important}}

/* Version 59 — social relics: engraved gothic medallions in the home header and contact chamber. */
@keyframes socialRelicPulse{0%,100%{filter:brightness(.84) drop-shadow(0 6px 10px rgba(0,0,0,.82))}50%{filter:brightness(1.08) drop-shadow(0 8px 18px rgba(73,4,24,.5))}}
@keyframes socialRelicSweep{0%,65%{transform:translateX(-180%) rotate(18deg)}100%{transform:translateX(420%) rotate(18deg)}}
.header-socials{position:relative;display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-right:4px}
.home-page .header-socials{position:absolute;z-index:4;top:calc(100% + 10px);right:4.5vw;margin:0;padding:7px 10px;border:1px solid rgba(188,139,72,.24);border-radius:30px;background:linear-gradient(180deg,rgba(25,8,12,.86),rgba(3,2,2,.92));backdrop-filter:blur(12px);box-shadow:inset 0 0 0 3px rgba(2,1,1,.52),0 13px 30px rgba(0,0,0,.62)}
.home-page .header-socials:before,.home-page .header-socials:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);color:rgba(202,154,81,.5);font-size:7px}.home-page .header-socials:before{left:-13px}.home-page .header-socials:after{right:-13px}
.social-relic{position:relative;isolation:isolate;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(185,137,72,.52);border-radius:50%;background:radial-gradient(circle at 38% 30%,rgba(106,30,49,.42),transparent 36%),linear-gradient(145deg,#1c0d10,#050303 62%,#26070f);box-shadow:inset 0 0 0 3px rgba(3,2,2,.78),inset 0 0 0 4px rgba(192,145,75,.2),inset 0 -10px 14px rgba(0,0,0,.76),0 7px 13px rgba(0,0,0,.72);overflow:hidden;color:#d9b77e;transition:transform .38s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;color .35s;animation:socialRelicPulse 5.8s ease-in-out infinite}
.social-relic:nth-child(2){animation-delay:-1.8s}.social-relic:nth-child(3){animation-delay:-3.6s}
.social-relic:before{content:"";position:absolute;z-index:-1;inset:5px;border:1px solid rgba(220,178,108,.23);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(212,169,98,.25) 0 1deg,transparent 1deg 30deg)}
.social-relic:after{content:"";position:absolute;top:-30%;left:-35%;width:14px;height:160%;background:linear-gradient(90deg,transparent,rgba(255,225,167,.58),transparent);opacity:.5;transform:translateX(-180%) rotate(18deg);animation:socialRelicSweep 7.5s ease-in-out infinite}
.social-relic svg{position:relative;z-index:2;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #000)}
.social-relic>span{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);font:600 7px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;color:#d6b77f;transition:opacity .25s,transform .25s;pointer-events:none}
.social-relic:hover,.social-relic:focus-visible{transform:translateY(-4px) scale(1.08);color:#f3d59b;border-color:rgba(235,191,117,.82);box-shadow:inset 0 0 0 3px rgba(3,2,2,.78),inset 0 0 0 4px rgba(223,177,102,.32),0 10px 24px rgba(0,0,0,.8),0 0 19px rgba(104,13,39,.34);outline:none}
.social-relic:hover>span,.social-relic:focus-visible>span{opacity:1;transform:translate(-50%,2px)}

.services-forge-contact-section{overflow:hidden}
.services-forge-contact-copy{max-width:1180px!important}
.contact-intro{min-width:0}.contact-relics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);margin-top:clamp(36px,4vw,58px)}
.contact-relic{position:relative;isolation:isolate;min-height:142px;display:grid;grid-template-columns:78px minmax(0,1fr) 24px;align-items:center;gap:18px;padding:23px 24px;border:1px solid rgba(189,142,75,.42);background:radial-gradient(circle at 16% 50%,rgba(79,10,29,.31),transparent 28%),linear-gradient(110deg,rgba(21,8,10,.98),rgba(5,3,3,.99) 58%,rgba(28,6,13,.96));clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);box-shadow:inset 0 0 0 4px rgba(2,1,1,.54),inset 0 0 34px rgba(0,0,0,.7),0 18px 38px rgba(0,0,0,.42);transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .35s,filter .35s}
.contact-relic:before{content:"";position:absolute;z-index:-1;inset:8px;border:1px solid rgba(215,169,94,.18);clip-path:inherit;background:linear-gradient(115deg,rgba(236,190,113,.05),transparent 34%)}
.contact-relic:after{content:"✦";position:absolute;right:15px;top:11px;color:rgba(209,160,88,.52);font-size:9px;text-shadow:0 0 9px rgba(145,27,57,.7)}
.contact-relic-seal{position:relative;width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(205,158,86,.52);border-radius:50%;color:#d6ad6c;background:radial-gradient(circle at 39% 32%,rgba(116,26,48,.43),transparent 36%),radial-gradient(circle,#16070a,#030202 72%);box-shadow:inset 0 0 0 5px #080405,inset 0 0 0 6px rgba(200,151,80,.19),0 9px 20px rgba(0,0,0,.78)}
.contact-relic-seal:before{content:"";position:absolute;inset:-7px;border:1px solid rgba(182,134,68,.25);border-radius:50%;background:repeating-conic-gradient(transparent 0 19deg,rgba(202,153,82,.28) 20deg 21deg)}
.contact-relic-seal svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #000)}
.contact-relic-copy{min-width:0;display:flex;flex-direction:column}.contact-relic-copy small{color:#8f7762;font:600 8px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}.contact-relic-copy strong{margin-top:7px;color:#eee0cc;font:400 clamp(25px,2.2vw,35px)/.95 var(--display);letter-spacing:.01em}.contact-relic-copy em{margin-top:8px;color:#b5966b;font:500 10px/1.2 var(--sans);letter-spacing:.07em;font-style:normal}.contact-relic>b{color:#b88b4d;font:300 21px/1 Georgia;transition:transform .35s,color .35s}
.contact-relic:hover,.contact-relic:focus-visible{transform:translateY(-7px);border-color:rgba(229,184,110,.7);filter:brightness(1.12);outline:none}.contact-relic:hover .contact-relic-seal,.contact-relic:focus-visible .contact-relic-seal{color:#f0cb8c;box-shadow:inset 0 0 0 5px #080405,inset 0 0 0 6px rgba(220,170,91,.27),0 12px 27px rgba(0,0,0,.86),0 0 24px rgba(101,13,38,.38)}.contact-relic:hover>b,.contact-relic:focus-visible>b{transform:translate(4px,-4px);color:#ebc681}
@media(max-width:1180px){.header-socials{gap:5px}.social-relic{width:40px;height:40px}.social-relic svg{width:22px;height:22px}.contact-relics{grid-template-columns:1fr}.contact-relic{min-height:124px}}
@media(max-width:900px){.home-page .site-header{overflow:visible}.home-page .header-socials{top:calc(100% + 7px);right:15px;padding:5px 7px}.home-page .social-relic{width:34px;height:34px}.home-page .social-relic svg{width:19px;height:19px}.home-page .social-relic>span{display:none}}
@media(max-width:560px){.services-forge-contact-section{padding-left:18px!important;padding-right:18px!important}.contact-relic{grid-template-columns:60px minmax(0,1fr) 18px;gap:14px;min-height:112px;padding:18px 16px}.contact-relic-seal{width:56px;height:56px}.contact-relic-seal svg{width:34px;height:34px}.contact-relic-copy strong{font-size:26px}.contact-relic-copy small{font-size:7px}.contact-relic-copy em{font-size:9px}}
@media(max-width:390px){.home-page .header-socials{right:10px;top:calc(100% + 4px)}.home-page .social-relic{width:31px;height:31px}.home-page .social-relic svg{width:17px;height:17px}.contact-relic{grid-template-columns:52px minmax(0,1fr) 15px;gap:11px;padding:16px 13px}.contact-relic-seal{width:50px;height:50px}.contact-relic-seal svg{width:30px;height:30px}.contact-relic-copy strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.social-relic,.social-relic:after{animation:none!important}}
.back-to-top.contact-hidden{opacity:0!important;pointer-events:none!important;transform:translateY(18px) scale(.86)!important}

/* Version 43 — final homepage composition: approved Circle of Practices, no menu mechanism. */
.home-page .hero-inner{padding-bottom:clamp(58px,8vh,104px)!important}
.hero-choices{
  width:min(680px,100%);margin-top:clamp(38px,5vh,62px);display:grid;
  grid-template-columns:minmax(260px,1.08fr) 34px minmax(230px,.92fr);align-items:center;gap:26px;
}
.hero-choice{
  position:relative;isolation:isolate;min-height:78px;display:flex;align-items:center;justify-content:space-between;
  color:#eadabe;text-decoration:none;text-shadow:0 2px 8px #000;transition:transform .5s cubic-bezier(.16,1,.3,1),color .35s,filter .35s;
}
.hero-choice .choice-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px}
.hero-choice small{color:#a9875e;font:600 8px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.hero-choice strong{font:400 20px/1 var(--display);letter-spacing:.075em;text-transform:uppercase}
.hero-choice .choice-arrow{position:relative;z-index:2;color:#dab678;font:400 20px/1 Georgia,serif;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.choice-service{padding:0 38px 0 34px}
.choice-service:before{
  content:"";position:absolute;z-index:-1;inset:-16px -26px;background:url('assets/serpent-plaque-3d.png') center/100% 100% no-repeat;
  filter:brightness(.73) saturate(.78) contrast(1.08) drop-shadow(0 14px 18px rgba(0,0,0,.92));
  transition:filter .45s,transform .55s cubic-bezier(.16,1,.3,1);animation:homeSerpentChoice 6.4s ease-in-out infinite alternate;
}
.choice-service:after{
  content:"";position:absolute;z-index:1;inset:-6px -13px;pointer-events:none;
  background:linear-gradient(108deg,transparent 35%,rgba(255,229,177,.46) 49%,transparent 60%) -170% 0/32% 100% no-repeat;
  animation:homeChoiceGlint 7.6s 1.2s ease-in-out infinite;
}
.choice-training{min-height:70px;padding:0 26px 0 30px}
.choice-training:before{
  content:"";position:absolute;z-index:-1;inset:0;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);
  border:1px solid rgba(199,150,85,.52);background:linear-gradient(120deg,rgba(73,11,30,.72),rgba(8,2,4,.9) 70%);
  box-shadow:inset 0 0 0 6px rgba(3,1,2,.56),inset 0 -18px 28px rgba(0,0,0,.55),0 15px 26px rgba(0,0,0,.48);
  transition:border-color .35s,background .35s,box-shadow .35s;
}
.choice-training:after{
  content:"";position:absolute;z-index:1;left:24px;right:24px;bottom:10px;height:1px;transform:scaleX(.28);transform-origin:left;
  background:linear-gradient(90deg,#d4aa6d,transparent);opacity:.58;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .35s;
}
.choice-divider{position:relative;height:82px;display:grid;place-items:center}
.choice-divider:before,.choice-divider:after{content:"";position:absolute;left:50%;width:1px;height:27px;background:linear-gradient(transparent,#8e693c)}
.choice-divider:before{top:0}.choice-divider:after{bottom:0;transform:scaleY(-1)}
.choice-divider i{width:8px;height:8px;transform:rotate(45deg);border:1px solid rgba(211,169,104,.74);box-shadow:0 0 12px rgba(91,12,36,.7)}
.hero-choice:hover,.hero-choice:focus-visible{color:#fff0d3;transform:translateY(-5px)}
.choice-service:hover:before,.choice-service:focus-visible:before{filter:brightness(.92) saturate(.9) contrast(1.08) drop-shadow(0 19px 22px #000) drop-shadow(0 0 11px rgba(118,16,44,.32));transform:scale(1.025)}
.choice-training:hover:before,.choice-training:focus-visible:before{border-color:rgba(231,190,121,.74);background:linear-gradient(120deg,rgba(91,14,37,.8),rgba(7,2,4,.94) 70%);box-shadow:inset 0 0 0 6px rgba(3,1,2,.52),inset 0 -18px 28px #000,0 18px 31px rgba(0,0,0,.62),0 0 18px rgba(89,10,34,.2)}
.choice-training:hover:after,.choice-training:focus-visible:after{transform:scaleX(1);opacity:.92}
.hero-choice:hover .choice-arrow,.hero-choice:focus-visible .choice-arrow{transform:translate(4px,-2px)}

.final-practice-orbit{
  position:relative;isolation:isolate;overflow:hidden;padding:clamp(118px,10vw,170px) 0 clamp(96px,8vw,138px);
  background:radial-gradient(ellipse at 50% 37%,rgba(72,8,28,.22),transparent 44%),linear-gradient(180deg,#050102 0%,#0b0205 52%,#030101 100%);
}
.final-practice-orbit:before{
  content:"";position:absolute;z-index:0;left:5vw;right:5vw;top:0;height:12px;
  background:linear-gradient(90deg,transparent,#5e411f 10%,#c49558 29%,#4b3118 50%,#c49558 71%,#5e411f 90%,transparent);
  clip-path:polygon(0 46%,44% 46%,45.5% 0,47% 46%,53% 46%,54.5% 0,56% 46%,100% 46%,100% 54%,56% 54%,54.5% 100%,53% 54%,47% 54%,45.5% 100%,44% 54%,0 54%);
  filter:drop-shadow(0 4px 6px #000);
}
.final-practice-orbit:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;box-shadow:inset 0 100px 110px #030101,inset 0 -90px 110px #020101}
.final-practice-art{
  position:relative;z-index:2;width:min(1586px,100vw);margin:0 auto;overflow:hidden;
  box-shadow:0 46px 92px rgba(0,0,0,.76);animation:practiceRelicBreath 7.5s ease-in-out infinite alternate;
}
.final-practice-art:before{
  content:"";position:absolute;z-index:3;inset:0;pointer-events:none;
  background:linear-gradient(112deg,transparent 0 42%,rgba(255,224,168,.15) 48%,transparent 54%) -170% 0/28% 100% no-repeat;
  animation:practiceRelicGlint 9s 1.4s ease-in-out infinite;
}
.final-practice-art:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 55px rgba(0,0,0,.56)}
.final-practice-art>img{display:block;width:100%;height:auto;filter:brightness(.92) saturate(.88) contrast(1.04)}
.final-practice-link{position:absolute;z-index:5;display:block;border-radius:50%;outline:none}
.final-practice-link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.final-practice-link:before{
  content:"";position:absolute;inset:4%;border-radius:50%;opacity:0;transform:scale(.86);
  background:radial-gradient(circle,rgba(255,220,158,.15) 0 20%,rgba(106,13,42,.22) 44%,transparent 70%);
  box-shadow:0 0 0 rgba(0,0,0,0);transition:opacity .45s,transform .6s cubic-bezier(.16,1,.3,1),box-shadow .45s;
}
.final-practice-link:after{
  content:"";position:absolute;inset:19%;border-radius:50%;opacity:.35;
  background:radial-gradient(circle at 38% 30%,rgba(255,235,191,.14),transparent 45%);transition:opacity .4s,filter .4s;
}
.final-practice-link:hover:before,.final-practice-link:focus-visible:before{opacity:1;transform:scale(1);box-shadow:0 0 34px rgba(111,14,43,.42),inset 0 0 22px rgba(236,190,116,.1)}
.final-practice-link:hover:after,.final-practice-link:focus-visible:after{opacity:.86;filter:brightness(1.35)}
.final-astrology{left:18.3%;top:12%;width:14.5%;height:34%}
.final-magic{right:18%;top:11%;width:15.5%;height:36%}
.final-tarot{left:14.8%;top:49%;width:15.5%;height:39%}
.final-training{right:14.6%;top:49%;width:15.5%;height:39%}
.practice-portal-list{display:none}
.footer-minimal{justify-content:center!important;gap:clamp(24px,6vw,80px)!important}

@keyframes homeSerpentChoice{from{transform:scale(.988);filter:brightness(.69) saturate(.72) contrast(1.08) drop-shadow(0 13px 17px rgba(0,0,0,.9))}to{transform:scale(1.014);filter:brightness(.84) saturate(.86) contrast(1.08) drop-shadow(0 17px 21px rgba(0,0,0,.94)) drop-shadow(0 0 8px rgba(102,13,39,.24))}}
@keyframes homeChoiceGlint{0%,34%{background-position:-170% 0;opacity:0}46%{opacity:.75}62%,100%{background-position:330% 0;opacity:0}}
@keyframes practiceRelicBreath{from{filter:brightness(.9) saturate(.94)}to{filter:brightness(1.035) saturate(1)}}
@keyframes practiceRelicGlint{0%,40%{background-position:-170% 0;opacity:0}51%{opacity:.58}66%,100%{background-position:330% 0;opacity:0}}

@media(max-width:900px){
  .hero-choices{grid-template-columns:minmax(240px,1fr) 20px minmax(210px,.9fr);gap:16px}.choice-divider{height:72px}
  .hero-choice strong{font-size:17px}.choice-service{padding-left:28px;padding-right:30px}.choice-training{padding-left:23px;padding-right:20px}
}
@media(max-width:699px){
  .home-page .hero-inner{padding-bottom:70px!important}
  .hero-choices{width:min(360px,94vw);margin-top:38px;display:flex;flex-direction:column;align-items:stretch;gap:27px}
  .hero-choice{width:100%;min-height:72px}.choice-service{padding:0 32px}.choice-training{width:88%;align-self:center;padding:0 24px}
  .choice-divider{display:none}.hero-choice strong{font-size:16px}.hero-choice small{font-size:7px}
  .final-practice-orbit{padding:92px 0 96px}
  .final-practice-art{width:100%;animation:none;box-shadow:0 30px 55px rgba(0,0,0,.72)}
  .final-practice-art:before{display:none}.final-practice-link{display:none}
  .practice-portal-list{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:28px 16px 0}
  .practice-portal-list a{position:relative;min-height:68px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e5d1ae;font:600 10px/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(120deg,rgba(70,10,29,.7),rgba(7,2,4,.92));border:1px solid rgba(195,145,79,.38);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);box-shadow:inset 0 0 0 5px rgba(2,1,1,.5)}
  .practice-portal-list a span{color:#c99c5e;font-size:14px}
  .footer-minimal{flex-direction:column!important;gap:12px!important;text-align:center!important}
}
@media(max-width:390px){.practice-portal-list{grid-template-columns:1fr}.choice-service{padding-left:26px;padding-right:28px}}
@media(prefers-reduced-motion:reduce){.choice-service:before,.choice-service:after,.final-practice-art,.final-practice-art:before{animation:none!important}.hero-choice:hover{transform:none}}

@media(min-width:700px){
  .overlay-nav:before{background-size:150% auto!important}
  .menu-link,.menu-link:hover{width:98px!important;min-width:98px!important;height:98px!important;min-height:98px!important}
  .menu-link:nth-of-type(1){left:50%!important;top:20.5%!important}
  .menu-link:nth-of-type(2){left:81.5%!important;top:41.5%!important}
  .menu-link:nth-of-type(3){left:69.5%!important;top:73.5%!important}
  .menu-link:nth-of-type(4){left:30.5%!important;top:73.5%!important}
  .menu-link:nth-of-type(5){left:18.5%!important;top:41.5%!important}
  .mobile-pentagram{width:164px!important;height:164px!important;min-width:164px!important;max-width:164px!important}
}
@media(max-width:699px){
  .menu-link,.menu-link:hover{width:76px!important;min-width:76px!important;height:76px!important;min-height:76px!important}
  .menu-link strong{max-width:62px!important;font-size:9.5px!important}
  .mobile-pentagram{width:106px!important;height:106px!important;min-width:106px!important;max-width:106px!important}
}

/* Version 63 — approved reliquary composition for the standalone Contacts page. */
@keyframes approvedArchBreathe{
  0%,100%{transform:translateY(0) scale(.992);filter:brightness(.86) saturate(.88) contrast(1.06) drop-shadow(0 28px 34px rgba(0,0,0,.82))}
  50%{transform:translateY(-5px) scale(1.006);filter:brightness(.96) saturate(.98) contrast(1.08) drop-shadow(0 34px 42px rgba(0,0,0,.9))}
}
@keyframes approvedArchAura{
  0%,100%{opacity:.34;transform:translate(-50%,-50%) scale(.94)}
  50%{opacity:.62;transform:translate(-50%,-50%) scale(1.06)}
}
.contact-page{background:#030101!important;overflow-x:hidden!important}
.contact-page .contact-cinema{min-height:100vh!important;background:#030101!important}
.contact-page .contact-cinema-hero{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:max(900px,100svh)!important;
  display:grid!important;grid-template-columns:minmax(300px,.76fr) minmax(510px,1.24fr)!important;grid-template-rows:minmax(520px,1fr) auto!important;
  gap:0 clamp(30px,4vw,72px)!important;align-items:center!important;padding:clamp(142px,11vw,174px) clamp(34px,5vw,86px) 42px!important;
  background:
    radial-gradient(ellipse at 76% 36%,rgba(77,7,29,.27),transparent 34%),
    radial-gradient(ellipse at 18% 44%,rgba(54,4,22,.22),transparent 38%),
    repeating-linear-gradient(118deg,transparent 0 86px,rgba(85,12,35,.055) 87px 88px,transparent 89px 174px),
    linear-gradient(112deg,#060202 0%,#100308 44%,#070102 100%)!important;
  border-bottom:1px solid rgba(190,139,69,.26)!important;
}
.contact-page .contact-cinema-hero:before{
  content:""!important;position:absolute!important;z-index:-2!important;inset:0!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(3,1,1,.82),transparent 30%,transparent 74%,rgba(3,1,1,.42)),
    linear-gradient(180deg,rgba(2,1,1,.6),transparent 20%,transparent 74%,#030101 99%),
    radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.54) 100%)!important;
}
.contact-page .contact-cinema-copy{position:relative!important;z-index:4!important;grid-column:1!important;grid-row:1!important;align-self:center!important;max-width:430px!important;padding:0 0 0 clamp(0px,1vw,18px)!important;text-shadow:0 7px 18px #000!important}
.contact-page .contact-cinema-copy:before{width:170px!important;background:linear-gradient(90deg,transparent,#d2a35c,transparent)!important}
.contact-page .contact-cinema-copy>span{color:#d6a761!important;font-size:11px!important;letter-spacing:.34em!important}
.contact-page .contact-cinema-copy h1{margin:25px 0 24px!important;color:#f0ddc4!important;font-size:clamp(56px,5.1vw,82px)!important;line-height:.91!important;letter-spacing:-.045em!important}
.contact-page .contact-cinema-copy p{max-width:360px!important;color:#b9a89a!important;font-size:16px!important;line-height:1.7!important}
.contact-page .contact-cinema-portrait{
  position:relative!important;z-index:2!important;grid-column:2!important;grid-row:1!important;align-self:end!important;justify-self:center!important;
  width:min(650px,48vw)!important;height:min(650px,64vh)!important;display:grid!important;place-items:end center!important;pointer-events:none!important;
}
.contact-page .contact-cinema-portrait:before{
  content:"";position:absolute;z-index:-2;left:50%;bottom:1.5%;width:82%;height:13%;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse,rgba(98,9,34,.48),rgba(0,0,0,.72) 56%,transparent 76%);filter:blur(9px)
}
.contact-page .contact-cinema-portrait:after{
  content:"";position:absolute;z-index:3;left:9%;right:9%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(213,161,89,.66),transparent);box-shadow:0 0 15px rgba(139,16,45,.46)
}
.contact-page .contact-cinema-portrait img{
  position:relative!important;z-index:1!important;display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;
  animation:approvedArchBreathe 8s ease-in-out infinite!important;transform-origin:50% 82%!important;
}
.contact-page .contact-cinema-arch-aura{
  position:absolute;z-index:-1;left:50%;top:52%;width:78%;height:76%;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(ellipse,rgba(105,8,37,.38),rgba(55,4,21,.18) 44%,transparent 72%);filter:blur(24px);animation:approvedArchAura 7s ease-in-out infinite
}
.contact-page .contact-cinema-atmosphere{z-index:0!important}
.contact-page .contact-cinema-links{
  position:relative!important;z-index:5!important;grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(12px,1.45vw,22px)!important;width:100%!important;max-width:1380px!important;margin:-22px auto 0!important;
}
.contact-page .contact-cinema-link{
  min-height:126px!important;grid-template-columns:64px minmax(0,1fr) 62px!important;gap:17px!important;padding:20px 20px!important;
  transform:perspective(900px) rotateX(1.3deg)!important;transform-origin:center bottom!important;
  background:linear-gradient(145deg,rgba(70,34,20,.88),rgba(6,3,3,.99) 13%,rgba(21,5,11,.99) 68%,#020101)!important;
  border-color:rgba(214,164,92,.55)!important;box-shadow:inset 0 0 0 5px #030202,inset 10px 12px 24px rgba(255,199,115,.04),inset -17px -20px 31px #000,0 24px 46px rgba(0,0,0,.68)!important;
}
.contact-page .contact-cinema-link:hover,.contact-page .contact-cinema-link:focus-visible{transform:perspective(900px) rotateX(0) translateY(-7px)!important;filter:brightness(1.13)!important}
.contact-page .contact-cinema-seal{width:60px!important;height:60px!important}
.contact-page .contact-cinema-label strong{font-size:clamp(28px,2.35vw,38px)!important}
.contact-page .contact-cinema-eye{width:58px!important;height:58px!important;transform:perspective(80px) rotateX(5deg)!important}
.contact-page .contact-cinema-eye:before{width:36px!important;height:22px!important;background:radial-gradient(ellipse at 55% 42%,#fff0cf 0 2%,#f05a55 4% 10%,#b10b31 16% 26%,#410310 39%,#080102 67%)!important;box-shadow:inset 5px 5px 8px rgba(255,184,146,.15),inset -6px -7px 9px #000,0 0 16px rgba(170,8,45,.58)!important}
.contact-page .contact-cinema-rule{display:none!important}

@media(max-width:1100px){
  .contact-page .contact-cinema-hero{grid-template-columns:minmax(270px,.72fr) minmax(440px,1.28fr)!important;padding-left:28px!important;padding-right:28px!important}
  .contact-page .contact-cinema-portrait{width:min(590px,56vw)!important;height:min(610px,62vh)!important}
  .contact-page .contact-cinema-links{gap:10px!important}.contact-page .contact-cinema-link{grid-template-columns:54px minmax(0,1fr) 50px!important;gap:12px!important;padding:17px 14px!important}.contact-page .contact-cinema-seal{width:52px!important;height:52px!important}.contact-page .contact-cinema-eye{width:48px!important;height:48px!important}
}
@media(max-width:820px){
  .contact-page .contact-cinema-hero{min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:126px 16px 56px!important}
  .contact-page .contact-cinema-copy{order:1!important;align-self:stretch!important;max-width:620px!important;padding:12px 8px 0!important}.contact-page .contact-cinema-copy h1{font-size:clamp(50px,12.7vw,72px)!important}.contact-page .contact-cinema-copy p{font-size:15px!important}
  .contact-page .contact-cinema-portrait{order:2!important;align-self:center!important;width:min(590px,112vw)!important;height:auto!important;max-height:none!important;margin:30px -10vw -15px!important;place-items:center!important}.contact-page .contact-cinema-portrait img{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;animation:none!important;filter:brightness(.92) saturate(.92) contrast(1.05) drop-shadow(0 24px 30px rgba(0,0,0,.82))!important}
  .contact-page .contact-cinema-links{order:3!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}
  .contact-page .contact-cinema-link{min-height:112px!important;grid-template-columns:58px minmax(0,1fr) 50px!important;transform:none!important;padding:17px 15px!important}.contact-page .contact-cinema-link:hover,.contact-page .contact-cinema-link:focus-visible{transform:translateY(-3px)!important}
}
@media(max-width:430px){
  .contact-page .contact-cinema-hero{padding-left:11px!important;padding-right:11px!important}.contact-page .contact-cinema-copy h1{font-size:49px!important}.contact-page .contact-cinema-copy p{font-size:14px!important}.contact-page .contact-cinema-portrait{width:119vw!important;margin-left:-14vw!important;margin-right:-14vw!important}
  .contact-page .contact-cinema-link{grid-template-columns:48px minmax(0,1fr) 43px!important;gap:9px!important;min-height:103px!important;padding:14px 10px!important}.contact-page .contact-cinema-seal{width:46px!important;height:46px!important}.contact-page .contact-cinema-seal svg{width:28px!important;height:28px!important}.contact-page .contact-cinema-eye{width:41px!important;height:41px!important}.contact-page .contact-cinema-eye:before{width:27px!important;height:17px!important}.contact-page .contact-cinema-label strong{font-size:27px!important}.contact-page .contact-cinema-label small{font-size:7px!important;letter-spacing:.13em!important}.contact-page .contact-cinema-label em{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){.contact-page .contact-cinema-portrait img,.contact-page .contact-cinema-arch-aura{animation:none!important}}

/* Version 64 — separated reliquary, obsidian cathedral backdrop and living eye seals. */
@keyframes contactEyeBlinkV64{
  0%,38%,42%,76%,80%,100%{transform:rotate(45deg) scaleY(1)}
  40%,78%{transform:rotate(45deg) scaleY(.055)}
}
@keyframes contactEyePupilBlinkV64{
  0%,38%,42%,76%,80%,100%{transform:scaleY(1);opacity:1}
  40%,78%{transform:scaleY(.05);opacity:.12}
}
@keyframes contactEyeGlowV64{
  0%,100%{filter:brightness(.88);box-shadow:inset 10px 12px 18px rgba(255,224,176,.045),inset -14px -17px 22px #000,0 15px 28px #000,0 0 8px rgba(126,4,35,.2)}
  50%{filter:brightness(1.12);box-shadow:inset 10px 12px 18px rgba(255,224,176,.075),inset -14px -17px 22px #000,0 15px 28px #000,0 0 22px rgba(170,8,45,.48)}
}
.contact-page .contact-cinema{
  background:
    radial-gradient(ellipse at 50% 10%,rgba(81,7,30,.2),transparent 36%),
    linear-gradient(180deg,#050102,#020101 78%)!important;
}
.contact-page .contact-cinema-hero{
  grid-template-rows:minmax(540px,1fr) auto!important;
  row-gap:22px!important;
  padding-bottom:56px!important;
  background:
    radial-gradient(ellipse at 74% 32%,rgba(98,8,37,.34),transparent 35%),
    radial-gradient(ellipse at 19% 43%,rgba(65,5,27,.3),transparent 40%),
    radial-gradient(circle at 50% 16%,rgba(179,117,59,.045) 0 1px,transparent 1.5px) 0 0/27px 27px,
    linear-gradient(108deg,#040102 0%,#130309 48%,#060102 100%)!important;
  box-shadow:inset 0 1px 0 rgba(205,151,79,.18),inset 0 -34px 80px rgba(0,0,0,.82)!important;
}
.contact-page .contact-cinema-hero:before{
  background:
    linear-gradient(90deg,rgba(2,1,1,.88),transparent 29%,transparent 75%,rgba(2,1,1,.5)),
    linear-gradient(180deg,rgba(2,1,1,.7),transparent 19%,transparent 70%,#030101 100%),
    radial-gradient(ellipse at center,transparent 36%,rgba(0,0,0,.6) 100%)!important;
}
.contact-page .contact-cinema-hero:after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.68;
  background:
    linear-gradient(90deg,transparent 0 7.9%,rgba(190,135,67,.12) 8%,transparent 8.14% 91.86%,rgba(190,135,67,.12) 92%,transparent 92.14%),
    repeating-linear-gradient(90deg,transparent 0 12.36%,rgba(167,112,58,.055) 12.5%,transparent 12.66% 25%),
    repeating-linear-gradient(116deg,transparent 0 92px,rgba(82,7,30,.065) 93px 94px,transparent 95px 188px);
  -webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 27%,#000 79%,transparent 99%);mask-image:linear-gradient(180deg,transparent 8%,#000 27%,#000 79%,transparent 99%);
}
.contact-page .contact-cinema-portrait{
  transform:translateY(-42px)!important;
}
.contact-page .contact-cinema-links{
  margin:46px auto 0!important;
}
.contact-page .contact-cinema-link{
  grid-template-columns:64px minmax(0,1fr) 78px!important;
}
.contact-page .contact-cinema-eye{
  width:76px!important;height:76px!important;overflow:hidden!important;isolation:isolate!important;
  transform:perspective(90px) rotateX(4deg)!important;
  background:
    radial-gradient(circle at 36% 29%,rgba(120,59,35,.8) 0,#28070f 28%,#070202 67%),
    #050202!important;
  border:1px solid rgba(226,174,99,.7)!important;
  outline:1px solid rgba(101,51,27,.8)!important;outline-offset:-7px!important;
  animation:contactEyeGlowV64 4.8s ease-in-out infinite!important;
}
.contact-page .contact-cinema-eye:before{
  width:47px!important;height:29px!important;border-radius:72% 10% 72% 10%!important;
  transform:rotate(45deg) scaleY(1);
  transform-origin:center!important;
  background:radial-gradient(ellipse at 54% 46%,#fff1cf 0 2%,#ff7869 3% 8%,#c70a37 11% 24%,#520414 37%,#090102 68%)!important;
  border:1px solid rgba(236,180,104,.64)!important;
  box-shadow:inset 6px 6px 9px rgba(255,194,156,.16),inset -7px -8px 11px #000,0 0 19px rgba(190,8,51,.62)!important;
  animation:contactEyeBlinkV64 6.4s cubic-bezier(.7,0,.3,1) infinite!important;
}
.contact-page .contact-cinema-eye:after{
  width:10px!important;height:4px!important;transform:translate(-7px,-6px) rotate(45deg)!important;
  animation:contactEyePupilBlinkV64 6.4s cubic-bezier(.7,0,.3,1) infinite!important;
}
.contact-page .contact-cinema-eye i{
  width:4px!important;height:20px!important;background:#030001!important;box-shadow:0 0 6px #ff8f83!important;
  animation:contactEyePupilBlinkV64 6.4s cubic-bezier(.7,0,.3,1) infinite!important;
}
.contact-page .contact-cinema-link:nth-child(2) .contact-cinema-eye:before,
.contact-page .contact-cinema-link:nth-child(2) .contact-cinema-eye:after,
.contact-page .contact-cinema-link:nth-child(2) .contact-cinema-eye i{animation-delay:-1.7s!important}
.contact-page .contact-cinema-link:nth-child(3) .contact-cinema-eye:before,
.contact-page .contact-cinema-link:nth-child(3) .contact-cinema-eye:after,
.contact-page .contact-cinema-link:nth-child(3) .contact-cinema-eye i{animation-delay:-3.35s!important}

@media(max-width:1100px){
  .contact-page .contact-cinema-portrait{transform:translateY(-30px)!important}
  .contact-page .contact-cinema-link{grid-template-columns:52px minmax(0,1fr) 64px!important}
  .contact-page .contact-cinema-eye{width:62px!important;height:62px!important}
  .contact-page .contact-cinema-eye:before{width:39px!important;height:24px!important}
}
@media(max-width:820px){
  .contact-page .contact-cinema-hero{row-gap:0!important;padding-bottom:62px!important}
  .contact-page .contact-cinema-portrait{transform:none!important;margin:28px -10vw 32px!important}
  .contact-page .contact-cinema-links{margin:0!important}
  .contact-page .contact-cinema-link{grid-template-columns:58px minmax(0,1fr) 66px!important}
  .contact-page .contact-cinema-eye{width:64px!important;height:64px!important}
  .contact-page .contact-cinema-eye:before{width:40px!important;height:25px!important}
}
@media(max-width:430px){
  .contact-page .contact-cinema-portrait{margin-top:24px!important;margin-bottom:28px!important}
  .contact-page .contact-cinema-link{grid-template-columns:48px minmax(0,1fr) 58px!important;gap:8px!important}
  .contact-page .contact-cinema-eye{width:56px!important;height:56px!important;outline-offset:-6px!important}
  .contact-page .contact-cinema-eye:before{width:35px!important;height:21px!important}
  .contact-page .contact-cinema-eye i{height:15px!important}
}
@media(prefers-reduced-motion:reduce){
  .contact-page .contact-cinema-eye,.contact-page .contact-cinema-eye:before,.contact-page .contact-cinema-eye:after,.contact-page .contact-cinema-eye i{animation:none!important}
}

/* Version 61 — approved abyssal contact chamber and arrow-free interaction system. */
@keyframes contactMonsterBreathe{
  0%,100%{filter:brightness(.78) saturate(.88) contrast(1.08);transform:scale(1.002)}
  50%{filter:brightness(.94) saturate(1.04) contrast(1.1);transform:scale(1.018)}
}
@keyframes contactBloodPulse{
  0%,100%{filter:brightness(1.12) saturate(1.02);text-shadow:0 -1px 0 rgba(255,130,139,.24),0 1px 0 #3f0009,0 3px 3px #000,0 0 9px rgba(151,4,44,.3)}
  50%{filter:brightness(1.28) saturate(1.12);text-shadow:0 -1px 0 rgba(255,148,153,.3),0 1px 0 #4b000b,0 3px 3px #000,0 0 15px rgba(190,10,57,.46)}
}
@keyframes contactEyeWake{
  0%,100%{filter:brightness(.72);box-shadow:inset 0 0 14px #000,0 0 0 rgba(150,8,43,0)}
  50%{filter:brightness(1.18);box-shadow:inset 0 0 12px #000,0 0 18px rgba(150,8,43,.42)}
}

/* All directional arrows are intentionally removed; the complete surface is clickable. */
.menu-link .a,.choice-arrow{display:none!important}
.home-page .hero-choice{justify-content:center!important;gap:0!important}
.services-forge-contact{gap:16px!important}
.services-forge-contact b{display:none!important}
.social-demon-crest{display:none!important}

.contact-monster-stage{
  position:relative;isolation:isolate;grid-column:1/-1;width:min(1180px,100%);
  height:clamp(260px,30vw,420px);margin:clamp(28px,4vw,52px) auto 0;overflow:hidden;
  border:1px solid rgba(212,164,92,.42);
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%,0 22px);
  background:#050202;box-shadow:inset 0 0 0 6px rgba(2,1,1,.72),0 28px 58px rgba(0,0,0,.68);
}
.contact-monster-stage:before{
  content:"";position:absolute;z-index:2;inset:7px;border:1px solid rgba(220,172,98,.18);pointer-events:none;
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 18px);
}
.contact-monster-stage:after{
  content:"";position:absolute;z-index:2;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,1,2,.12),transparent 46%,#090203 98%),radial-gradient(ellipse at 50% 42%,transparent 18%,rgba(3,1,1,.32) 80%);
  box-shadow:inset 0 0 56px rgba(0,0,0,.72);
}
.contact-monster-stage img{
  position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;
  animation:contactMonsterBreathe 7.5s ease-in-out infinite;
}

.contact-relics{
  position:relative;z-index:4;grid-template-columns:1fr!important;width:min(1120px,100%);margin:-24px auto 0!important;gap:9px!important;
}
.contact-relic{
  min-height:132px!important;grid-template-columns:82px minmax(0,1fr) 68px!important;gap:24px!important;padding:22px 28px!important;
  overflow:hidden!important;border-color:rgba(205,156,86,.54)!important;
  background:
    linear-gradient(116deg,transparent 0 22%,rgba(119,7,37,.2) 22.3% 22.7%,transparent 23% 54%,rgba(88,4,27,.18) 54.2% 54.7%,transparent 55%) 0 0/240px 100% repeat-x,
    radial-gradient(ellipse at 16% 50%,rgba(85,8,29,.34),transparent 30%),
    linear-gradient(110deg,#160609,#030202 58%,#1c050d)!important;
  box-shadow:inset 0 0 0 5px rgba(1,1,1,.7),inset 0 0 38px rgba(0,0,0,.82),0 18px 34px rgba(0,0,0,.5)!important;
}
.contact-relic:before{inset:7px!important;border-color:rgba(226,177,101,.2)!important}
.contact-relic:after{content:none!important;display:none!important}
.contact-relic-seal:after{content:none!important;display:none!important}

.contact-relic-copy{position:relative;isolation:isolate;overflow:visible!important}
.contact-relic-copy small,.contact-relic-copy strong,.contact-relic-copy em{
  width:max-content;max-width:100%;color:#b81945!important;
  background:none!important;
  -webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#b81945;
  text-shadow:0 1px 0 #3d0008,0 3px 3px #000,0 0 9px rgba(132,3,38,.25);
  animation:contactBloodPulse 5.8s ease-in-out infinite;
}
.contact-relic-copy small{font-size:10px!important;letter-spacing:.18em!important}
.contact-relic-copy strong{margin-top:5px!important;font-size:clamp(30px,3vw,44px)!important;line-height:.95!important}
.contact-relic-copy em{margin-top:7px!important;font-size:12px!important;letter-spacing:.08em!important}
.contact-relic-copy:after{
  content:"";position:absolute;z-index:-1;left:17%;top:42%;width:2px;height:10px;border-radius:0 0 2px 2px;
  background:linear-gradient(#7f0929,#250006);box-shadow:114px 18px 0 -1px #4c0315,228px -4px 0 -1px #65051e;opacity:.7;
}

.contact-relic-eye{
  position:relative;width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(217,169,94,.58);border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(214,166,91,.3) 0 1deg,transparent 1deg 28deg),radial-gradient(circle,#20050b 0 48%,#030202 50% 100%);
  box-shadow:inset 0 0 0 5px #050202,inset 0 0 0 6px rgba(194,143,72,.2),0 8px 20px rgba(0,0,0,.8);
}
.contact-relic-eye:before{
  content:"";position:absolute;width:38px;height:24px;transform:rotate(45deg);border:1px solid rgba(220,174,101,.52);border-radius:74% 10%;
  background:radial-gradient(ellipse at center,#f55a54 0 6%,#a70c32 8% 25%,#3a030d 38%,#080202 67%);box-shadow:0 0 13px rgba(153,8,42,.4);
}
.contact-relic-eye i{position:relative;z-index:2;width:3px;height:17px;border-radius:50%;background:#120104;box-shadow:0 0 5px #ff6f61}
.contact-relic:hover .contact-relic-eye,.contact-relic:focus-visible .contact-relic-eye{animation:contactEyeWake 1.8s ease-in-out infinite}
.contact-relic:hover,.contact-relic:focus-visible{transform:translateY(-3px)!important;filter:brightness(1.08)!important}

@media(max-width:760px){
  .contact-monster-stage{width:calc(100% + 36px);height:clamp(260px,72vw,390px);margin-left:-18px;clip-path:none;border-left:0;border-right:0}
  .contact-monster-stage img{object-position:center 48%}
  .contact-relics{margin-top:-12px!important}
  .contact-relic{grid-template-columns:58px minmax(0,1fr) 46px!important;gap:13px!important;min-height:112px!important;padding:17px 15px!important}
  .contact-relic-seal{width:54px!important;height:54px!important}.contact-relic-seal svg{width:32px!important;height:32px!important}
  .contact-relic-eye{width:44px;height:44px}.contact-relic-eye:before{width:27px;height:17px}.contact-relic-eye i{height:12px}
  .contact-relic-copy small{font-size:7px!important;letter-spacing:.12em!important}
  .contact-relic-copy strong{font-size:clamp(23px,7.6vw,32px)!important}
  .contact-relic-copy em{font-size:9px!important;letter-spacing:.045em!important}
}
@media(max-width:390px){
  .contact-relic{grid-template-columns:50px minmax(0,1fr) 40px!important;gap:10px!important;padding:15px 11px!important}
  .contact-relic-seal{width:47px!important;height:47px!important}.contact-relic-eye{width:38px;height:38px}
  .contact-relic-copy strong{font-size:22px!important}.contact-relic-copy em{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){
  .contact-monster-stage img,.contact-relic-copy small,.contact-relic-copy strong,.contact-relic-copy em,.contact-relic-eye{animation:none!important}
}
.contact-demon-divider>span:after{z-index:2;background:radial-gradient(circle at 42% 61%,#c21a4e 0 2px,rgba(164,17,61,.4) 2.5px,transparent 4.5px),radial-gradient(circle at 58% 61%,#c21a4e 0 2px,rgba(164,17,61,.4) 2.5px,transparent 4.5px),linear-gradient(145deg,#251014,#030202 72%);filter:drop-shadow(0 0 1px #9d7048) drop-shadow(0 5px 4px #000) drop-shadow(0 0 8px rgba(88,7,29,.52));animation:none}
.contact-demon-divider>span:after{display:none}.contact-demon-divider .demon-head{fill:#080405;stroke:#a77849;stroke-width:1.35}.contact-demon-divider .demon-crown,.contact-demon-divider .demon-ears{stroke:#97633d;stroke-width:1.1}.contact-demon-divider .demon-eyes{stroke:#b9184e;stroke-width:2.2;filter:drop-shadow(0 0 4px #8a0b35);animation:demonEyeWake 6.8s ease-in-out infinite}.contact-demon-divider .demon-face{stroke:#8b5d3c;stroke-width:1}.contact-demon-divider svg{width:136px;height:88px}

/* Version 60 — restrained demonic ornament for the social contact system. */
@keyframes demonEyeWake{0%,68%,100%{opacity:.18;filter:drop-shadow(0 0 0 transparent)}74%,84%{opacity:1;filter:drop-shadow(0 0 5px #7b0d2c)}}
@keyframes demonVeinFlow{0%{background-position:0 0,0 0,0 0}100%{background-position:0 0,170px 0,0 0}}
@keyframes demonCrestBreathe{0%,100%{transform:translateX(-50%) scale(.96);filter:drop-shadow(0 8px 7px rgba(0,0,0,.9))}50%{transform:translateX(-50%) scale(1.04);filter:drop-shadow(0 9px 12px rgba(91,7,29,.55))}}
.social-demon-crest{position:absolute;z-index:-1;left:50%;top:-25px;width:86px;height:42px;transform:translateX(-50%);pointer-events:none;color:#8b633d;opacity:.82;animation:demonCrestBreathe 5.6s ease-in-out infinite}
.social-demon-crest svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}.social-demon-crest .crest-face{fill:#080405;stroke:#a07545;stroke-width:1.15}.social-demon-crest circle{fill:#6d0b29;stroke:#bf6d61;stroke-width:.55;animation:demonEyeWake 6.8s ease-in-out infinite}.social-demon-crest circle+circle{animation-delay:.12s}.social-demon-crest .crest-horns{filter:drop-shadow(0 2px 1px #000)}
.home-page .header-socials{border-radius:9px 9px 22px 22px;background:radial-gradient(circle at 50% -30%,rgba(98,12,35,.35),transparent 48%),linear-gradient(180deg,rgba(20,6,9,.92),rgba(2,1,1,.96))}.home-page .header-socials:before,.home-page .header-socials:after{content:"◆";color:rgba(136,84,52,.64);font-size:6px}
.social-relic{border-radius:45% 45% 50% 50%;background:linear-gradient(135deg,rgba(119,76,40,.18),transparent 32%),radial-gradient(circle at 50% 45%,rgba(75,7,27,.46),transparent 42%),linear-gradient(145deg,#1b0b0e,#040202 68%,#21060d)}
.social-relic:before{inset:4px;border-radius:44% 44% 50% 50%;background:repeating-conic-gradient(from 15deg,rgba(169,114,61,.28) 0 1deg,transparent 1deg 24deg)}
.contact-demon-divider{grid-column:1/-1;display:grid;grid-template-columns:minmax(60px,1fr) 104px minmax(60px,1fr);align-items:center;gap:20px;max-width:780px;width:100%;margin:38px auto 4px}.contact-demon-divider>i{height:1px;background:linear-gradient(90deg,transparent,rgba(150,98,49,.6),rgba(84,10,29,.7))}.contact-demon-divider>i:last-child{transform:scaleX(-1)}.contact-demon-divider>span{position:relative;height:70px;display:grid;place-items:center}.contact-demon-divider>span:before{content:"";position:absolute;inset:8px 23px;border:1px solid rgba(153,100,52,.26);transform:rotate(45deg);background:radial-gradient(circle,rgba(88,9,31,.23),transparent 70%);box-shadow:inset 0 0 12px #000,0 0 15px rgba(65,5,20,.28)}.contact-demon-divider svg{position:relative;z-index:1;width:104px;height:70px;fill:none;stroke:#98704a;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 4px #000)}.contact-demon-divider .demon-mask{fill:#080405;stroke:#b08050;stroke-width:1.25}.contact-demon-divider circle{fill:#800d32;stroke:#c26d66;stroke-width:.55;animation:demonEyeWake 6.8s ease-in-out infinite}.contact-demon-divider circle+circle{animation-delay:.12s}.contact-demon-divider .demon-rune{stroke:#6d482f;stroke-width:.9}
.contact-relics{margin-top:26px}.contact-relic{overflow:visible;background-image:radial-gradient(circle at 16% 50%,rgba(79,10,29,.34),transparent 28%),repeating-linear-gradient(112deg,transparent 0 41px,rgba(56,5,18,.15) 42px 43px,transparent 45px 78px),linear-gradient(110deg,rgba(19,7,9,.99),rgba(4,2,2,.99) 58%,rgba(25,5,12,.98));background-size:auto,170px 100%,auto;animation:demonVeinFlow 18s linear infinite}.contact-relic:after{content:"◆";color:rgba(145,87,47,.62)}
.contact-relic-seal{z-index:1;border-radius:44% 44% 50% 50%}.contact-relic-seal:after{content:"";position:absolute;z-index:-2;left:50%;top:-22px;width:106px;height:49px;transform:translateX(-50%);background:radial-gradient(ellipse at 27% 100%,transparent 0 42%,rgba(119,78,47,.8) 43% 44.5%,transparent 46%),radial-gradient(ellipse at 73% 100%,transparent 0 42%,rgba(119,78,47,.8) 43% 44.5%,transparent 46%);filter:drop-shadow(0 4px 2px #000);opacity:.82;transition:opacity .4s,filter .4s}.contact-relic:hover .contact-relic-seal:after,.contact-relic:focus-visible .contact-relic-seal:after{opacity:1;filter:drop-shadow(0 4px 2px #000) drop-shadow(0 0 5px rgba(98,10,34,.5))}
@media(max-width:900px){.social-demon-crest{top:-20px;width:70px;height:34px}.contact-demon-divider{margin-top:30px}.contact-relics{margin-top:20px}}
@media(max-width:560px){.contact-demon-divider{grid-template-columns:minmax(34px,1fr) 84px minmax(34px,1fr);gap:11px;margin-top:24px}.contact-demon-divider svg{width:88px}.contact-demon-divider>span:before{inset:12px 20px}.contact-relic-seal:after{top:-16px;width:82px;height:39px}}
@media(prefers-reduced-motion:reduce){.social-demon-crest,.contact-demon-divider circle,.contact-relic{animation:none!important}}

/* The mask stays sculptural and dark; the red eyes are the only sharp accent. */
.social-demon-crest:before{content:"";position:absolute;z-index:-1;left:50%;top:11px;width:30px;height:25px;transform:translateX(-50%);clip-path:polygon(0 0,35% 27%,42% 0,50% 28%,58% 0,65% 27%,100% 0,82% 58%,67% 72%,58% 100%,42% 100%,33% 72%,18% 58%);background:radial-gradient(circle at 42% 61%,#8e1034 0 1.3px,transparent 1.8px),radial-gradient(circle at 58% 61%,#8e1034 0 1.3px,transparent 1.8px),linear-gradient(#14070a,#030202);filter:drop-shadow(0 3px 2px #000)}
.contact-demon-divider{grid-template-columns:minmax(60px,1fr) 130px minmax(60px,1fr)}.contact-demon-divider>span{height:82px}.contact-demon-divider>span:before{inset:8px 34px}.contact-demon-divider>span:after{content:"";position:absolute;z-index:0;left:50%;top:13px;width:62px;height:55px;transform:translateX(-50%);clip-path:polygon(0 0,34% 24%,41% 0,50% 29%,59% 0,66% 24%,100% 0,82% 53%,70% 67%,60% 100%,40% 100%,30% 67%,18% 53%);background:radial-gradient(circle at 42% 61%,#a5113d 0 2px,rgba(164,17,61,.35) 2.5px,transparent 4.5px),radial-gradient(circle at 58% 61%,#a5113d 0 2px,rgba(164,17,61,.35) 2.5px,transparent 4.5px),linear-gradient(145deg,#1b090d,#020101 72%);filter:drop-shadow(0 5px 4px #000) drop-shadow(0 0 7px rgba(88,7,29,.42));animation:demonEyeWake 6.8s ease-in-out infinite}.contact-demon-divider svg{z-index:1;width:128px;height:82px}.contact-demon-divider .demon-mask{fill:rgba(4,2,2,.82)}
@media(max-width:560px){.contact-demon-divider{grid-template-columns:minmax(34px,1fr) 96px minmax(34px,1fr)}.contact-demon-divider>span{height:68px}.contact-demon-divider>span:after{top:10px;width:53px;height:47px}.contact-demon-divider svg{width:96px;height:68px}.contact-demon-divider>span:before{inset:10px 25px}}

/* Final Shop isolation: the approved reliquary CTA has no global serpent overlay. */
body.shop-page main .shop-add:after{content:none!important;display:none!important}

/* Shop CTA must remain a reliquary plaque, never inherit the global serpent overlay. */
body.shop-page main .shop-add:after{content:none!important;display:none!important}

/* Version 54 — exact approved reliquary treatment for the Shop. */
.shop-page .shop-cabinet{--shop-metal:#c79a58;--shop-metal-hot:#e0b66f;--shop-wood:#190507;--shop-cherry:#5a0b27}
.shop-page .shop-cabinet-cart{
  grid-template-columns:30px minmax(80px,1fr) 38px;
  gap:14px;
  min-width:230px;
  padding-left:18px;
  background:
    linear-gradient(135deg,transparent 8px,rgba(25,7,10,.97) 0) top left,
    linear-gradient(45deg,transparent 8px,rgba(25,7,10,.97) 0) bottom left;
  background-size:100% 50%;
  background-repeat:no-repeat;
  box-shadow:inset 0 0 0 4px rgba(2,1,2,.8),inset 0 0 27px rgba(103,13,39,.13),0 15px 34px rgba(0,0,0,.56)
}
.shop-page .shop-cabinet-cart:before{inset:6px;border-color:rgba(223,179,108,.24)}
.shop-page .shop-cart-glyph{position:relative;display:block;width:22px;height:21px;border:1px solid rgba(225,183,112,.82);border-radius:2px;background:linear-gradient(135deg,#4a0b22,#16040a);box-shadow:inset 0 0 0 3px #080203,0 0 12px rgba(104,12,40,.22)}
.shop-page .shop-cart-glyph:before{content:"";position:absolute;left:5px;top:-8px;width:10px;height:8px;border:1px solid rgba(225,183,112,.82);border-bottom:0;border-radius:8px 8px 0 0}
.shop-page .shop-cart-glyph:after{content:"";position:absolute;left:9px;top:4px;width:2px;height:9px;background:linear-gradient(#e2b66e,#66421c);box-shadow:0 0 7px rgba(229,181,102,.45)}

.shop-page .shop-cabinet-layout{grid-template-columns:minmax(390px,36%) minmax(0,1fr);gap:clamp(28px,3.2vw,58px)}
.shop-page .shop-cabinet-tabs{gap:8px;padding-bottom:36px}
.shop-page .shop-cabinet-tab{
  grid-template-columns:58px minmax(0,1fr) 30px;
  gap:18px;
  min-height:78px;
  padding:0 20px 0 13px;
  border:1px solid rgba(202,154,86,.72);
  background:
    radial-gradient(circle at 8% 50%,rgba(91,13,40,.28),transparent 24%),
    repeating-linear-gradient(103deg,transparent 0 67px,rgba(234,194,126,.018) 68px,transparent 69px),
    linear-gradient(100deg,rgba(31,8,13,.98),rgba(7,3,4,.97));
  box-shadow:inset 0 0 0 3px #050203,inset 0 0 0 5px rgba(205,157,91,.25),inset 0 0 33px rgba(77,8,29,.13),0 7px 0 rgba(0,0,0,.58),0 16px 28px rgba(0,0,0,.32)
}
.shop-page .shop-cabinet-tab:before{inset:8px;border:1px solid rgba(228,186,117,.28);box-shadow:inset 0 0 0 2px rgba(2,1,2,.7)}
.shop-page .shop-cabinet-tab:after{content:"";position:absolute;inset:4px;pointer-events:none;background:radial-gradient(circle at 0 0,rgba(224,180,111,.82) 0 1px,transparent 2px),radial-gradient(circle at 100% 0,rgba(224,180,111,.82) 0 1px,transparent 2px),radial-gradient(circle at 0 100%,rgba(224,180,111,.82) 0 1px,transparent 2px),radial-gradient(circle at 100% 100%,rgba(224,180,111,.82) 0 1px,transparent 2px);opacity:.8}
.shop-page .shop-cabinet-tab span{font-size:clamp(19px,1.45vw,25px);letter-spacing:.045em;text-shadow:0 2px 8px #000}
.shop-page .shop-cabinet-emblem{position:relative;display:block;width:52px;height:52px;border:0;border-radius:0;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:none;filter:none}
.shop-page .shop-cabinet-tab:nth-child(1) .shop-cabinet-emblem{background-image:url('assets/shop-category-powders-approved.png')}
.shop-page .shop-cabinet-tab:nth-child(2) .shop-cabinet-emblem{background-image:url('assets/shop-category-tarot-approved.png')}
.shop-page .shop-cabinet-tab:nth-child(3) .shop-cabinet-emblem{background-image:url('assets/shop-category-incense-approved.png')}
.shop-page .shop-cabinet-tab:nth-child(4) .shop-cabinet-emblem{background-image:url('assets/shop-category-bracelets-approved.png')}
.shop-page .shop-cabinet-tab:nth-child(5) .shop-cabinet-emblem{background-image:url('assets/shop-category-moulds-approved.png')}
.shop-page .shop-cabinet-bg{transition:background-position .75s cubic-bezier(.2,.75,.2,1),filter .55s ease}
.shop-page .shop-cabinet[data-active="powders"] .shop-cabinet-bg{background-position:50% top}
.shop-page .shop-cabinet[data-active="tarot"] .shop-cabinet-bg{background-position:78% top;filter:brightness(.7) saturate(.78) contrast(1.1)}
.shop-page .shop-cabinet[data-active="incense"] .shop-cabinet-bg{background-position:63% top;filter:brightness(.67) saturate(.72) contrast(1.1)}
.shop-page .shop-cabinet[data-active="bracelets"] .shop-cabinet-bg{background-position:58% top;filter:brightness(.63) saturate(.76) contrast(1.12)}
.shop-page .shop-cabinet[data-active="moulds"] .shop-cabinet-bg{background-position:69% top;filter:brightness(.65) saturate(.7) contrast(1.12)}
.shop-page .shop-cabinet-tab b{width:24px;height:24px;border:1px solid rgba(226,181,108,.68);border-radius:50%;background:radial-gradient(circle at 38% 32%,#f1ca83 0 5%,#9b662d 22%,#38200d 53%,#080302 72%);box-shadow:inset 0 0 0 3px rgba(3,1,1,.6),0 3px 8px #000,0 0 9px rgba(210,153,72,.2);transform:none}
.shop-page .shop-cabinet-tab.is-active{background:radial-gradient(ellipse at 10% 50%,rgba(133,24,59,.55),transparent 35%),linear-gradient(100deg,#661334,#290813 64%,#090304);border-color:rgba(235,190,117,.88);box-shadow:inset 0 0 0 3px #050203,inset 0 0 0 5px rgba(227,181,108,.32),inset 0 0 42px rgba(124,15,48,.22),0 7px 0 rgba(0,0,0,.62),0 18px 33px rgba(0,0,0,.38),-7px 0 30px rgba(107,10,39,.16)}
.shop-page .shop-cabinet-tab.is-active b{background:radial-gradient(circle at 38% 32%,#ffd48a 0 5%,#b67a35 22%,#4d2810 53%,#0c0402 72%);box-shadow:inset 0 0 0 3px rgba(3,1,1,.62),0 3px 8px #000,0 0 15px rgba(222,166,81,.42)}

.shop-page .shop-cabinet-stage{padding-bottom:30px}
.shop-page .shop-cabinet-panel{
  min-height:246px;
  padding:35px 38px;
  border:1px solid rgba(218,169,98,.76);
  background:
    radial-gradient(ellipse at 82% 0,rgba(94,13,39,.2),transparent 40%),
    repeating-linear-gradient(118deg,transparent 0 78px,rgba(224,176,105,.014) 79px,transparent 80px),
    linear-gradient(115deg,rgba(12,4,5,.98),rgba(4,2,2,.94));
  box-shadow:inset 0 0 0 4px #030102,inset 0 0 0 6px rgba(208,158,89,.23),inset 0 0 52px rgba(75,7,27,.16),0 9px 0 rgba(0,0,0,.64),0 26px 47px rgba(0,0,0,.5)
}
.shop-page .shop-cabinet-panel:before{inset:12px;border-color:rgba(231,188,117,.22);box-shadow:inset 0 0 0 2px rgba(1,1,1,.7)}
.shop-page .shop-cabinet-panel:after{top:-8px;width:14px;height:14px;border-color:rgba(232,187,111,.84);background:radial-gradient(circle,#8b2040,#1d050c 60%);box-shadow:inset 0 0 0 3px #050203,0 0 13px rgba(133,17,51,.48)}
.shop-page .shop-cabinet-copy h2{font-size:clamp(35px,3vw,52px);letter-spacing:-.02em}
.shop-page .shop-cabinet-copy p,.shop-page .shop-cabinet-note{max-width:480px;color:#bbaa9d;font-size:15px;line-height:1.58}
.shop-page .shop-variant{min-height:45px;border-color:rgba(212,162,92,.47);box-shadow:inset 0 0 0 3px rgba(2,1,2,.75);letter-spacing:.08em}
.shop-page main .shop-add{min-width:320px!important;min-height:58px!important;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);background:linear-gradient(180deg,rgba(255,228,176,.09),transparent 32%),linear-gradient(110deg,#4f0d27,#24070f 68%,#0b0306)!important;box-shadow:inset 0 0 0 4px rgba(2,1,2,.62),0 8px 0 #030102,0 18px 32px rgba(0,0,0,.42)!important}
.shop-page main .shop-add:before{inset:7px 15px!important;border-color:rgba(231,184,111,.28)!important}
.shop-page main .shop-add:after{left:7px!important;width:8px!important;height:8px!important;background:#7b1535!important}

@media(max-width:1200px){
  .shop-page .shop-cabinet-layout{grid-template-columns:minmax(300px,35%) minmax(0,1fr);gap:25px}
  .shop-page .shop-cabinet-tab{grid-template-columns:48px minmax(0,1fr) 24px;min-height:70px;gap:12px}
  .shop-page .shop-cabinet-emblem{width:40px;height:40px}
  .shop-page .shop-cabinet-tab b{width:20px;height:20px}
  .shop-page main .shop-add{min-width:260px!important}
}
@media(max-width:760px){
  .shop-page .shop-cabinet-cart{grid-template-columns:28px 1fr 34px;min-width:0;padding-left:16px}
  .shop-page .shop-cabinet-layout{display:block}
  .shop-page .shop-cabinet-tab{grid-template-columns:44px minmax(0,1fr) 22px;min-height:64px;padding:0 14px 0 9px;gap:11px}
  .shop-page .shop-cabinet-emblem{width:38px;height:38px}
  .shop-page .shop-cabinet-tab span{font-size:15px}
  .shop-page .shop-cabinet-tab b{width:18px;height:18px}
  .shop-page .shop-cabinet-panel{padding:31px 23px}
  .shop-page .shop-cabinet-copy h2{font-size:34px}
  .shop-page main .shop-add{min-width:0!important;min-height:56px!important}
}

/* Version 52 — WEB TECHNOLOGY studio signature, matched to the approved Sofia footer. */
.footer-studio{
  display:flex;
  justify-content:center;
  padding-top:30px;
}
.studio-credit{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:47px minmax(0,1fr) 30px;
  align-items:center;
  gap:13px;
  width:min(390px,100%);
  min-height:74px;
  padding:13px 17px 13px 13px;
  border:1px solid rgba(217,170,99,.22);
  border-radius:999px;
  background:radial-gradient(circle at 16% 50%,rgba(91,7,31,.34),transparent 29%),linear-gradient(100deg,rgba(28,6,15,.94),rgba(7,2,5,.82));
  box-shadow:inset 0 0 26px rgba(84,8,30,.18),0 13px 38px rgba(0,0,0,.35);
  color:var(--ivory)!important;
  line-height:1!important;
  transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease;
}
.studio-credit:before,.studio-credit:after{
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  width:58px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,170,99,.38));
}
.studio-credit:before{right:100%}
.studio-credit:after{left:100%;transform:scaleX(-1)}
.studio-credit:hover{
  color:var(--ivory)!important;
  transform:translateY(-3px);
  border-color:rgba(225,182,111,.58);
  box-shadow:inset 0 0 31px rgba(99,8,35,.28),0 0 28px rgba(185,111,61,.12),0 18px 42px rgba(0,0,0,.45);
}
.studio-credit__seal{
  position:relative;
  display:grid;
  place-items:center;
  width:47px;
  height:47px;
  border:1px solid rgba(225,182,111,.68);
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#6c1732,#290812 55%,#080204 84%);
  box-shadow:inset 0 0 0 4px rgba(4,1,2,.58),0 0 17px rgba(118,18,49,.34);
}
.studio-credit__seal:before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px dotted rgba(225,182,111,.46);
  border-radius:50%;
  animation:studioSealTurn 16s linear infinite;
}
.studio-credit__seal i,.studio-credit__seal b{
  position:absolute;
  color:#e8bd82;
  font-family:var(--display),Georgia,serif!important;
  font-size:19px;
  font-style:normal;
  font-weight:500;
  text-shadow:0 0 9px rgba(225,182,111,.38);
}
.studio-credit__seal i{transform:translate(-5px,-1px)}
.studio-credit__seal b{transform:translate(6px,5px)}
.studio-credit__copy{display:grid;gap:4px;min-width:0;text-align:left}
.studio-credit__copy small{
  color:#9f8789;
  font-size:10px;
  letter-spacing:.08em;
  line-height:1.1;
  text-transform:none;
  white-space:nowrap;
}
.studio-credit__copy strong{
  display:block;
  color:#f0d1ad;
  font-family:var(--display),Georgia,serif!important;
  font-size:21px;
  font-weight:600;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 0 16px rgba(225,182,111,.16);
}
.studio-credit__instagram{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  color:#c29077;
  transition:color .3s ease,transform .3s ease,filter .3s ease;
}
.studio-credit__instagram svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.55}
.studio-credit:hover .studio-credit__instagram{color:#f0c398;transform:rotate(8deg) scale(1.12);filter:drop-shadow(0 0 8px rgba(225,182,111,.4))}
.back-to-top.footer-hidden,.back-to-top.visible.footer-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(18px)!important}
.footer-minimal{
  display:grid!important;
  justify-items:center!important;
  gap:0!important;
  min-height:0!important;
  padding:32px clamp(28px,6vw,108px) 38px!important;
}
.footer-minimal-copy{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(24px,6vw,80px);
  width:100%;
}
.footer-minimal .footer-studio{width:100%;padding-top:28px}
@keyframes studioSealTurn{to{transform:rotate(360deg)}}
@media(max-width:620px){
  .footer-studio{padding-top:26px}
  .studio-credit{grid-template-columns:43px minmax(0,1fr) 26px;gap:10px;padding:10px 13px 10px 10px;min-height:66px}
  .studio-credit:before,.studio-credit:after{display:none}
  .studio-credit__seal{width:43px;height:43px}
  .studio-credit__copy strong{font-size:17px;letter-spacing:.055em}
  .studio-credit__copy small{font-size:9px}
  .studio-credit__instagram,.studio-credit__instagram svg{width:21px;height:21px}
  .footer-minimal-copy{flex-direction:column;gap:11px;text-align:center}
}
@media(prefers-reduced-motion:reduce){.studio-credit__seal:before{animation:none}}

/* Version 53 — approved Gothic reliquary shop. */
.shop-cabinet-main{background:#030102}
.shop-cabinet{
  position:relative;
  isolation:isolate;
  min-height:max(960px,100vh);
  overflow:hidden;
  padding:clamp(155px,12vw,190px) 5vw 42px;
  background:#030102;
}
.shop-cabinet-bg{
  position:absolute;
  z-index:-3;
  inset:0;
  background:#050203 url('assets/shop-reliquary-showcase-v1.png') center top/cover no-repeat;
  filter:brightness(.72) saturate(.82) contrast(1.08);
  transform:scale(1.012);
  animation:shopCabinetBreath 12s ease-in-out infinite alternate;
}
.shop-cabinet:before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:linear-gradient(90deg,rgba(2,1,1,.28) 0,rgba(2,1,1,.1) 33%,transparent 55%),linear-gradient(180deg,rgba(2,1,1,.15),transparent 43%,rgba(2,1,1,.38));
  pointer-events:none;
}
.shop-cabinet:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:radial-gradient(ellipse at 77% 52%,transparent 0 23%,rgba(2,1,2,.2) 49%,rgba(2,1,2,.55) 100%);
  pointer-events:none;
}
.shop-cabinet-shell{position:relative;min-height:735px;max-width:1540px;margin:0 auto}
.shop-cabinet-heading{position:relative;z-index:3;width:min(540px,42vw)}
.shop-cabinet-heading h1{margin:0;color:#f2e4cf;font-size:clamp(72px,7vw,126px);line-height:.86;letter-spacing:-.05em;text-transform:uppercase;text-shadow:0 11px 35px #000}
.shop-cabinet-heading p{margin:27px 0 0;color:#d4ad70;font:600 11px/1.2 var(--display),Georgia,serif;letter-spacing:.36em;text-transform:uppercase;text-shadow:0 3px 9px #000}
.shop-cabinet-cart{
  position:absolute;
  z-index:5;
  top:3px;
  right:0;
  display:grid;
  grid-template-columns:auto 38px;
  align-items:center;
  gap:17px;
  min-width:202px;
  min-height:64px;
  padding:0 16px 0 24px;
  border:1px solid rgba(209,160,90,.5);
  background:linear-gradient(145deg,rgba(31,8,15,.95),rgba(5,2,3,.92));
  box-shadow:inset 0 0 0 4px rgba(3,1,2,.6),0 14px 32px rgba(0,0,0,.43);
  color:#e8d4b5;
  cursor:pointer;
  font:600 12px/1 var(--display),Georgia,serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  transition:.3s;
}
.shop-cabinet-cart:before,.shop-cabinet-cart:after{content:"";position:absolute;pointer-events:none}
.shop-cabinet-cart:before{inset:7px;border:1px solid rgba(210,166,96,.17)}
.shop-cabinet-cart:after{left:-5px;top:50%;width:9px;height:9px;border:1px solid rgba(222,177,101,.55);background:#210712;transform:translateY(-50%) rotate(45deg)}
.shop-cabinet-cart:hover{transform:translateY(-3px);border-color:rgba(226,184,113,.78);box-shadow:inset 0 0 0 4px rgba(3,1,2,.62),0 20px 38px rgba(0,0,0,.52),0 0 22px rgba(91,8,31,.22)}
.shop-cabinet-cart .cart-count{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  place-items:center;
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(218,173,101,.58);
  border-radius:50%;
  background:radial-gradient(circle,#3e0b1e,#120409 68%)!important;
  color:#f0d39f!important;
  box-shadow:inset 0 0 0 4px rgba(2,1,2,.65),0 0 14px rgba(96,9,32,.25)!important;
  font:15px/1 var(--display),Georgia,serif;
}
.shop-cabinet-layout{display:grid;grid-template-columns:minmax(310px,35%) minmax(0,1fr);gap:clamp(22px,3vw,54px);margin-top:40px}
.shop-cabinet-tabs{align-self:end;display:grid;gap:9px;padding:18px 0 48px}
.shop-cabinet-tab{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:15px;
  min-height:69px;
  padding:0 22px 0 18px;
  overflow:hidden;
  border:1px solid rgba(186,139,76,.42);
  background:linear-gradient(100deg,rgba(17,6,9,.94),rgba(3,2,2,.84));
  box-shadow:inset 0 0 0 5px rgba(2,1,2,.58),0 8px 22px rgba(0,0,0,.32);
  color:#c7ae8e;
  cursor:pointer;
  text-align:left;
  transition:border-color .32s ease,transform .32s ease,color .32s ease,background .32s ease;
}
.shop-cabinet-tab:before{content:"";position:absolute;inset:8px;border:1px solid rgba(207,159,89,.12);pointer-events:none}
.shop-cabinet-tab i{color:#8b6b43;font:italic 11px/1 Georgia,serif}
.shop-cabinet-tab span{font:500 clamp(18px,1.45vw,24px)/1.05 var(--display),Georgia,serif;letter-spacing:.035em;text-transform:uppercase}
.shop-cabinet-tab b{position:relative;width:12px;height:12px;border:1px solid rgba(206,158,89,.55);background:#16050b;transform:rotate(45deg);box-shadow:inset 0 0 0 3px #050203}
.shop-cabinet-tab:hover{transform:translateX(7px);border-color:rgba(219,173,101,.65);color:#ead9bd}
.shop-cabinet-tab.is-active{border-color:rgba(227,183,111,.78);background:radial-gradient(circle at 12% 50%,rgba(108,16,47,.52),transparent 34%),linear-gradient(100deg,#4a0d24,#17050b 64%,#050203);color:#f3e4ce;box-shadow:inset 0 0 0 5px rgba(4,1,2,.62),0 12px 27px rgba(0,0,0,.45),0 0 22px rgba(101,10,38,.22)}
.shop-cabinet-tab.is-active i{color:#d7ad6e}.shop-cabinet-tab.is-active b{background:#731536;box-shadow:inset 0 0 0 3px #13050a,0 0 12px rgba(131,20,55,.6)}
.shop-cabinet-stage{position:relative;display:flex;align-items:flex-end;min-height:572px;padding:270px 0 44px}
.shop-cabinet-panel{
  position:relative;
  width:100%;
  min-height:238px;
  padding:31px 34px;
  display:grid;
  grid-template-columns:minmax(230px,.82fr) minmax(330px,1.18fr);
  gap:30px;
  align-items:center;
  border:1px solid rgba(202,153,86,.48);
  background:radial-gradient(circle at 86% 0,rgba(85,11,33,.24),transparent 35%),linear-gradient(110deg,rgba(15,4,7,.97),rgba(5,2,3,.91));
  box-shadow:inset 0 0 0 7px rgba(2,1,2,.68),inset 0 0 45px rgba(68,6,25,.14),0 24px 50px rgba(0,0,0,.48);
}
.shop-cabinet-panel:before,.shop-cabinet-panel:after{content:"";position:absolute;pointer-events:none}
.shop-cabinet-panel:before{inset:11px;border:1px solid rgba(211,164,94,.12)}
.shop-cabinet-panel:after{top:-6px;left:50%;width:11px;height:11px;border:1px solid rgba(220,175,101,.65);background:#210711;transform:translateX(-50%) rotate(45deg);box-shadow:inset 0 0 0 3px #060203}
.shop-cabinet-panel[hidden]{display:none}
.shop-cabinet-panel.is-active{animation:shopPanelIn .48s cubic-bezier(.2,.8,.2,1) both}
.shop-cabinet-copy,.shop-cabinet-actions{position:relative;z-index:2}
.shop-cabinet-copy h2{margin:0 0 15px;color:#f1dfc5;font-size:clamp(30px,2.8vw,46px);line-height:.96;letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 5px 18px #000}
.shop-cabinet-copy p,.shop-cabinet-note{margin:0;color:#b7a498;font:15px/1.65 Georgia,serif}
.shop-cabinet-actions{display:grid;gap:20px}
.shop-variants{display:flex;flex-wrap:wrap;gap:8px}
.shop-variant{
  min-height:42px;
  padding:0 15px;
  border:1px solid rgba(195,147,82,.3);
  background:linear-gradient(145deg,rgba(27,7,14,.92),rgba(5,2,3,.88));
  color:#bba587;
  cursor:pointer;
  font:600 9px/1 Arial,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:.25s;
}
.shop-variant:hover,.shop-variant.is-active{border-color:rgba(224,178,105,.72);background:linear-gradient(145deg,#5a102b,#1c060d 68%);color:#f1d9b4;box-shadow:inset 0 0 0 3px rgba(4,1,2,.5),0 8px 18px rgba(0,0,0,.28)}
.shop-variants-decks .shop-variant{font-size:8px}
.shop-purchase{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.shop-purchase>span{color:#d8b474;font:600 10px/1 Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase;white-space:nowrap}
.shop-page main .shop-add{
  position:relative!important;
  isolation:isolate!important;
  min-width:250px!important;
  min-height:52px!important;
  padding:0 27px!important;
  border:1px solid rgba(222,176,104,.65)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(255,230,181,.08),transparent 34%),linear-gradient(110deg,#4c0d25,#23070f 67%,#0b0306)!important;
  box-shadow:inset 0 0 0 5px rgba(3,1,2,.54),0 9px 0 #050203,0 18px 31px rgba(0,0,0,.4)!important;
  color:#f0d7ac!important;
  font:600 11px/1 Arial,sans-serif!important;
  letter-spacing:.11em!important;
  text-transform:uppercase;
  cursor:pointer;
}
.shop-page main .shop-add:before{content:""!important;position:absolute!important;z-index:-1!important;inset:7px!important;display:block!important;width:auto!important;height:auto!important;padding:0!important;border:1px solid rgba(224,179,108,.16)!important;border-radius:0!important;background:none!important;filter:none!important;animation:none!important;transform:none!important}
.shop-page main .shop-add:after{content:""!important;position:absolute!important;z-index:2!important;left:-5px!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;width:9px!important;height:9px!important;border:1px solid rgba(226,182,110,.65)!important;border-radius:0!important;background:#230711!important;filter:none!important;animation:none!important;transform:translateY(-50%) rotate(45deg)!important}
.shop-page main .shop-add:hover{transform:translateY(-4px)!important;filter:brightness(1.12)!important;box-shadow:inset 0 0 0 5px rgba(3,1,2,.52),0 13px 0 #050203,0 27px 42px rgba(0,0,0,.5),0 0 24px rgba(104,12,40,.26)!important}
.shop-cabinet-legal{position:relative;z-index:2;margin:4px 0 0;text-align:right;color:#756861;font:10px/1.5 Arial,sans-serif;letter-spacing:.05em}
@keyframes shopPanelIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes shopCabinetBreath{from{transform:scale(1.012);filter:brightness(.69) saturate(.78) contrast(1.08)}to{transform:scale(1.025);filter:brightness(.78) saturate(.88) contrast(1.08)}}

@media(max-width:1080px){
  .shop-cabinet{padding-inline:32px;background:#030102}
  .shop-cabinet-bg{background-position:58% top}
  .shop-cabinet-heading{width:52vw}
  .shop-cabinet-layout{grid-template-columns:minmax(270px,34%) minmax(0,1fr);gap:24px}
  .shop-cabinet-panel{grid-template-columns:1fr;padding:29px 27px;gap:22px}
  .shop-cabinet-stage{padding-top:255px}
  .shop-purchase{justify-content:space-between}
}
@media(max-width:760px){
  .shop-cabinet{min-height:0;padding:126px 18px 34px}
  .shop-cabinet-bg{height:520px;background-position:66% top;background-size:auto 520px;filter:brightness(.56) saturate(.82) contrast(1.08);animation:none}
  .shop-cabinet:before{background:linear-gradient(180deg,rgba(2,1,1,.16),rgba(2,1,1,.4) 42%,#030102 65%)}
  .shop-cabinet:after{background:linear-gradient(180deg,transparent 0 37%,#030102 63%)}
  .shop-cabinet-shell{min-height:0}
  .shop-cabinet-heading{width:100%;padding-right:0}
  .shop-cabinet-heading h1{font-size:clamp(55px,16vw,78px)}
  .shop-cabinet-heading p{margin-top:16px;font-size:8px;letter-spacing:.25em}
  .shop-cabinet-cart{position:relative;top:auto;right:auto;width:100%;min-height:56px;margin-top:28px;grid-template-columns:1fr 34px;text-align:left}
  .shop-cabinet-cart .cart-count{width:34px!important;height:34px!important}
  .shop-cabinet-layout{display:block;margin-top:24px}
  .shop-cabinet-tabs{gap:7px;padding:0}
  .shop-cabinet-tab{grid-template-columns:30px minmax(0,1fr) 15px;min-height:57px;padding-inline:15px;gap:10px;background:linear-gradient(100deg,rgba(16,5,8,.95),rgba(3,2,2,.9))}
  .shop-cabinet-tab span{font-size:16px}
  .shop-cabinet-tab:hover{transform:none}
  .shop-cabinet-stage{min-height:0;padding:29px 0 0}
  .shop-cabinet-panel{display:block;min-height:0;padding:27px 20px}
  .shop-cabinet-panel[hidden]{display:none}
  .shop-cabinet-copy h2{font-size:34px}
  .shop-cabinet-copy p,.shop-cabinet-note{font-size:14px}
  .shop-cabinet-actions{margin-top:23px}
  .shop-variants{gap:6px}
  .shop-variant{flex:1 1 calc(50% - 6px);padding:0 8px;font-size:7.5px}
  .shop-purchase{align-items:stretch;flex-direction:column;gap:14px}
  .shop-page main .shop-add{width:100%!important;min-width:0!important}
  .shop-cabinet-legal{margin-top:18px;text-align:left}
}
@media(prefers-reduced-motion:reduce){.shop-cabinet-bg,.shop-cabinet-panel.is-active{animation:none}}

/* Version 49 — approved obsidian services forge. */
.services-forge-main{background:#050202}
.services-forge{
  --forge-gold:#d4a765;
  --forge-gold-soft:rgba(225,182,111,.46);
  --forge-cherry:#4b081c;
  position:relative;isolation:isolate;min-height:100svh;overflow:hidden;
  padding:clamp(190px,14vw,236px) clamp(34px,5.5vw,96px) clamp(84px,8vw,138px);
  background:#050303;
}
.services-forge-bg{position:absolute;z-index:-3;inset:0;background:url('assets/services-obsidian-demon-bg-v2.png') 50% 50%/cover no-repeat;filter:brightness(.65) saturate(.84) contrast(1.08);transform:scale(1.015);animation:servicesForgeBreathe 16s ease-in-out infinite alternate}
.services-forge:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(2,1,1,.62) 0,rgba(2,1,1,.28) 32%,rgba(2,1,1,.34) 55%,rgba(2,1,1,.42) 100%),linear-gradient(180deg,rgba(3,1,2,.44),transparent 24%,rgba(2,1,1,.38));pointer-events:none}
.services-forge:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:36.4%;width:14%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 50%,rgba(117,7,37,.19),transparent 68%);filter:blur(18px);mix-blend-mode:screen;animation:servicesFissurePulse 4.8s ease-in-out infinite alternate;pointer-events:none}
.services-forge-grid{width:min(1530px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(580px,1.38fr);gap:clamp(60px,8vw,145px);align-items:start}
.services-forge-index{min-width:0}
.services-forge-heading h1{margin:0;color:#f0dfc7;font:400 clamp(78px,8vw,136px)/.78 var(--display);letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 5px 28px #000,0 0 34px rgba(203,159,93,.1)}
.services-forge-heading p{margin:30px 0 0;color:#d5b982;font:600 11px/1.3 var(--sans);letter-spacing:.35em;text-transform:uppercase;text-shadow:0 2px 8px #000}
.services-forge-tabs{display:grid;gap:14px;margin-top:clamp(64px,7vw,108px)}
.services-forge-tab{
  position:relative;isolation:isolate;width:100%;min-height:82px;padding:2px 42px;border:0;color:#91867e;cursor:pointer;text-align:left;text-transform:uppercase;
  clip-path:polygon(22px 0,calc(100% - 38px) 0,100% 50%,calc(100% - 38px) 100%,22px 100%,0 68%,9px 50%,0 32%);
  background:linear-gradient(90deg,rgba(151,109,57,.46),rgba(78,45,25,.18) 68%,rgba(167,121,64,.5));
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.6));transition:color .36s,filter .36s,transform .36s;
}
.services-forge-tab:before{content:"";position:absolute;z-index:-1;inset:1px;clip-path:inherit;background:radial-gradient(ellipse at 14% 0,rgba(89,10,32,.3),transparent 38%),linear-gradient(105deg,rgba(19,7,9,.96),rgba(4,3,3,.96) 72%);box-shadow:inset 0 0 28px #000}
.services-forge-tab:after{content:"";position:absolute;z-index:-1;inset:9px 23px 9px 19px;clip-path:inherit;border:1px solid rgba(196,143,77,.14);background:linear-gradient(90deg,transparent,rgba(105,9,34,.12),transparent);transition:border-color .36s,background .36s}
.services-forge-tab span{position:relative;z-index:2;font:400 clamp(22px,2vw,32px)/1 var(--display);letter-spacing:.055em;text-shadow:0 3px 10px #000}
.services-forge-tab:hover,.services-forge-tab.is-active{color:#f0d9b2;transform:translateX(8px);filter:drop-shadow(0 15px 22px rgba(0,0,0,.68)) brightness(1.08)}
.services-forge-tab.is-active{background:linear-gradient(90deg,#b8894c,rgba(95,49,26,.65) 64%,#c99a59)}
.services-forge-tab.is-active:before{background:radial-gradient(ellipse at 22% 50%,rgba(92,10,34,.68),transparent 58%),linear-gradient(100deg,#260711,#0a0305 75%)}
.services-forge-tab.is-active:after{border-color:rgba(225,176,102,.34);background:linear-gradient(90deg,rgba(133,12,44,.2),transparent 74%)}
.services-forge-tab:focus-visible{outline:1px solid #f1c77f;outline-offset:5px}
.services-forge-stage{position:relative;min-width:0;padding-top:clamp(115px,8vw,142px)}
.services-forge-panel{animation:servicesPanelIn .62s cubic-bezier(.16,1,.3,1)}
.services-forge-panel[hidden]{display:none!important}
.services-forge-panel h2{margin:0;color:#f0dfc9;font:400 clamp(58px,5.6vw,92px)/.9 var(--display);letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 5px 24px #000}
.services-forge-intro{max-width:720px;margin:24px 0 38px;color:#b9a89a;font:17px/1.7 var(--display);text-shadow:0 2px 8px #000}
.services-forge-offers{display:grid;gap:14px}
.services-forge-offer{
  position:relative;isolation:isolate;min-height:76px;padding:2px 34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;
  clip-path:polygon(24px 0,calc(100% - 25px) 0,100% 50%,calc(100% - 25px) 100%,24px 100%,0 50%);
  background:linear-gradient(90deg,rgba(180,132,68,.5),rgba(83,43,24,.25) 50%,rgba(189,139,72,.55));color:#ead8c1;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.58));transition:transform .35s,filter .35s,color .35s;
}
.services-forge-offer:before{content:"";position:absolute;z-index:-1;inset:1px;clip-path:inherit;background:radial-gradient(ellipse at 16% 0,rgba(75,7,27,.26),transparent 42%),linear-gradient(100deg,rgba(14,6,7,.97),rgba(3,3,3,.96) 75%);box-shadow:inset 0 0 24px #000}
.services-forge-offer:after{content:"";position:absolute;z-index:-1;inset:9px 20px;clip-path:inherit;border-top:1px solid rgba(230,183,111,.11);border-bottom:1px solid rgba(76,42,25,.42);background:linear-gradient(90deg,rgba(99,7,31,.08),transparent 55%)}
.services-forge-offer>span,.services-forge-offer>strong{position:relative;z-index:2}
.services-forge-offer>span{font:400 clamp(20px,1.75vw,29px)/1.15 var(--display);letter-spacing:.025em}
.services-forge-offer>strong{color:#efd9ac;font:600 14px/1 var(--sans);letter-spacing:.13em;white-space:nowrap}
.services-forge-offer:hover{color:#fff0d7;transform:translateX(7px);filter:drop-shadow(0 15px 20px rgba(0,0,0,.68)) brightness(1.12)}
.services-forge-offer:hover:before{background:radial-gradient(ellipse at 18% 0,rgba(106,10,38,.44),transparent 44%),linear-gradient(100deg,#18060a,#040303 76%)}
.services-forge-offers-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.services-forge-offers-compact .services-forge-offer{min-height:62px;padding-left:25px;padding-right:25px;gap:14px}
.services-forge-offers-compact .services-forge-offer>span{font-size:clamp(15px,1.05vw,18px)}
.services-forge-offers-compact .services-forge-offer>strong{font-size:9px;letter-spacing:.07em}
.services-forge-legal{margin:22px 0 0;color:#85756b;font:12px/1.65 var(--sans);max-width:760px}
.services-forge-contact{position:relative;margin:46px 0 0 auto;width:max-content;min-width:300px;min-height:70px;padding:0 40px;display:flex;align-items:center;justify-content:center;gap:22px;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,20px 100%,0 50%);background:linear-gradient(180deg,rgba(234,194,129,.42),rgba(92,50,27,.7));color:#ecd4ad;font:600 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;filter:drop-shadow(0 13px 18px rgba(0,0,0,.66));transition:transform .32s,filter .32s}
.services-forge-contact:before{content:"";position:absolute;z-index:-1;inset:1px;clip-path:inherit;background:linear-gradient(110deg,#1b090c,#050303 72%);box-shadow:inset 0 0 22px #000}
.services-forge-contact:hover{transform:translateY(-5px);filter:drop-shadow(0 19px 24px rgba(0,0,0,.75)) brightness(1.14)}
.services-forge-contact b{font:22px/1 var(--display);color:#d8a85f}
.services-forge-seal{width:27px;height:27px;border:1px solid rgba(218,166,92,.68);transform:rotate(45deg);background:radial-gradient(circle,#6e0d2d 0 9%,#120509 11% 47%,#6b4427 49% 52%,#080303 54%);box-shadow:inset 0 0 10px #000,0 0 14px rgba(104,9,39,.42)}
.services-forge-contact-section{position:relative;padding:clamp(90px,9vw,145px) 7vw;background:radial-gradient(ellipse at 75% 0,rgba(73,8,29,.26),transparent 38%),linear-gradient(145deg,#16040b,#040102 72%);border-top:1px solid rgba(205,157,89,.28)}
.services-forge-contact-copy{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:.35fr 1.05fr .8fr;gap:clamp(28px,5vw,80px);align-items:start}
.services-forge-contact-copy>span{color:#d2a55e;font:600 10px/1.3 var(--sans);letter-spacing:.28em;text-transform:uppercase}
.services-forge-contact-copy h2{margin:0;color:#ecdbc5;font:400 clamp(45px,5vw,76px)/.98 var(--display);letter-spacing:-.035em}
.services-forge-contact-copy p{margin:0 0 16px;color:#af9d90;font:16px/1.75 var(--display)}
.services-forge-contact-copy .contact-note{color:#76665e;font-size:12px}
#astrology,#tarot,#magic,#contact{scroll-margin-top:30px}
@keyframes servicesForgeBreathe{from{transform:scale(1.015);filter:brightness(.61) saturate(.78) contrast(1.08)}to{transform:scale(1.035);filter:brightness(.68) saturate(.9) contrast(1.05)}}
@keyframes servicesFissurePulse{from{opacity:.28;transform:translateX(-50%) scaleX(.82)}to{opacity:.62;transform:translateX(-50%) scaleX(1.12)}}
@keyframes servicesPanelIn{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:1120px){
  .services-forge{padding-left:28px;padding-right:28px}
  .services-forge-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:52px}
  .services-forge-offers-compact{grid-template-columns:1fr}
  .services-forge-offers-compact .services-forge-offer>span{font-size:16px}
}
@media(max-width:820px){
  .services-forge{min-height:0;padding:126px 18px 88px}
  .services-forge-bg{background-position:78% top;background-size:auto 760px;background-color:#050303;filter:brightness(.58) saturate(.82) contrast(1.08)}
  .services-forge:before{background:linear-gradient(180deg,rgba(2,1,1,.2),rgba(2,1,1,.56) 34%,rgba(2,1,1,.72))}
  .services-forge:after{left:42%;width:30%}
  .services-forge-grid{display:block}
  .services-forge-heading h1{font-size:clamp(62px,18vw,92px)}
  .services-forge-heading p{margin-top:20px;font-size:9px;letter-spacing:.25em}
  .services-forge-tabs{margin-top:42px;gap:10px}
  .services-forge-tab{min-height:65px;padding-left:30px;padding-right:30px}
  .services-forge-tab span{font-size:clamp(20px,7vw,28px)}
  .services-forge-stage{padding-top:72px}
  .services-forge-panel h2{font-size:clamp(48px,13.5vw,72px)}
  .services-forge-intro{margin:20px 0 30px;font-size:16px}
  .services-forge-offer{min-height:70px;padding:2px 28px;gap:16px}
  .services-forge-offer>span{font-size:clamp(18px,5.5vw,24px)}
  .services-forge-offers-compact{grid-template-columns:1fr}
  .services-forge-offers-compact .services-forge-offer{min-height:64px}
  .services-forge-contact{margin-top:38px;width:100%;min-width:0}
  .services-forge-contact-copy{grid-template-columns:1fr;gap:22px}
}
@media(max-width:520px){
  .services-forge{padding-left:12px;padding-right:12px}
  .services-forge-bg{background-position:84% top;background-size:auto 690px}
  .services-forge-tab{clip-path:polygon(16px 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,16px 100%,0 68%,7px 50%,0 32%);padding-left:23px;padding-right:23px}
  .services-forge-offer{min-height:76px;grid-template-columns:1fr auto;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);padding:5px 21px}
  .services-forge-offer>span{font-size:18px;line-height:1.08}
  .services-forge-offer>strong{font-size:10px;letter-spacing:.05em}
  .services-forge-offers-compact .services-forge-offer{grid-template-columns:1fr;gap:5px;padding:12px 24px}
  .services-forge-offers-compact .services-forge-offer>strong{white-space:normal}
  .services-forge-contact{min-height:64px;padding:0 25px;letter-spacing:.17em}
}
@media(prefers-reduced-motion:reduce){.services-forge-bg,.services-forge:after{animation:none!important}.services-forge-panel{animation:none!important}}

/* Version 47 — approved demonic RU / UA selector. */
.language-switcher{
  position:relative!important;isolation:isolate!important;display:block!important;flex:0 0 auto!important;
  width:252px!important;height:104px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;overflow:visible!important;
  --demon-turn:1;
}
.language-switcher[data-active="uk"]{--demon-turn:-1}
.language-switcher:before{
  content:""!important;position:absolute!important;z-index:-2!important;inset:18% 6%!important;border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(82,5,28,.34),rgba(19,1,8,.13) 48%,transparent 74%)!important;
  filter:blur(7px)!important;animation:demonLanguageAura 5.8s ease-in-out infinite alternate!important;
}
.language-switcher:after{
  content:"";position:absolute;z-index:1;left:24%;right:24%;bottom:18px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(197,145,76,.42) 25%,rgba(111,15,42,.65) 50%,rgba(197,145,76,.42) 75%,transparent);
  box-shadow:0 0 10px rgba(112,12,42,.38);
}
.demon-language-visual{
  position:absolute;z-index:2;left:50%;top:50%;width:120px;height:102px;transform:translate(-50%,-50%);
  overflow:hidden;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 58% 68% at 50% 48%,#000 46%,rgba(0,0,0,.92) 60%,transparent 86%);
  mask-image:radial-gradient(ellipse 58% 68% at 50% 48%,#000 46%,rgba(0,0,0,.92) 60%,transparent 86%);
  filter:drop-shadow(0 9px 15px rgba(0,0,0,.88));
}
.demon-language-image{
  position:absolute;z-index:1;left:50%;top:50%;height:142%;width:auto;max-width:none;
  transform:translate(-50%,-50%) scaleX(var(--demon-turn));transform-origin:center;
  filter:saturate(.78) brightness(.9) contrast(1.12) drop-shadow(0 0 9px rgba(80,4,27,.36));
  transition:transform .78s cubic-bezier(.16,1,.3,1),filter .5s;
  animation:demonLanguageBreathe 5.6s ease-in-out infinite alternate;
}
.demon-eye-aura{
  position:absolute;z-index:3;left:50%;top:43%;width:54px;height:24px;border-radius:50%;
  transform:translate(-50%,-50%) translateX(-8px);
  background:radial-gradient(ellipse,rgba(185,30,65,.2),rgba(91,7,31,.12) 36%,transparent 70%);
  mix-blend-mode:screen;filter:blur(2px);opacity:.75;
  transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .4s;
  animation:demonEyesPulse 2.9s ease-in-out infinite;
}
.language-switcher[data-active="uk"] .demon-eye-aura{transform:translate(-50%,-50%) translateX(8px)}
.demon-language-smoke{position:absolute;z-index:4;width:76px;height:45px;border-radius:50%;opacity:.34;filter:blur(8px);background:radial-gradient(ellipse,rgba(58,7,24,.58),rgba(8,2,5,.5) 48%,transparent 72%);mix-blend-mode:screen}
.smoke-one{left:-8px;bottom:8px;animation:demonSmokeLeft 7.6s ease-in-out infinite alternate}
.smoke-two{right:-10px;top:8px;animation:demonSmokeRight 8.4s .6s ease-in-out infinite alternate}
.language-switcher button{
  position:absolute!important;z-index:6!important;top:17px!important;width:68px!important;height:70px!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important;
  color:#9c8264!important;font:500 16px/1 var(--display)!important;letter-spacing:.12em!important;cursor:pointer!important;
  transition:color .35s,text-shadow .35s,transform .4s cubic-bezier(.16,1,.3,1)!important;
}
.language-switcher .language-ru{left:0!important}.language-switcher .language-uk{right:0!important}
.language-switcher button span{position:relative;z-index:2;display:block}
.language-switcher button:before{
  content:"";position:absolute;z-index:0;inset:5px;border-radius:50%;opacity:.18;transform:scale(.76) rotate(-22deg);
  border:1px solid rgba(191,139,72,.4);background:radial-gradient(circle,rgba(86,8,30,.28),transparent 65%);
  box-shadow:inset 0 0 14px rgba(0,0,0,.9),0 0 16px rgba(85,8,31,.2);
  transition:opacity .38s,transform .55s cubic-bezier(.16,1,.3,1),box-shadow .38s;
}
.language-switcher button:after{
  content:"";position:absolute;top:50%;width:40px;height:1px;opacity:.32;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(196,148,83,.72));box-shadow:0 0 8px rgba(115,12,40,.36);
  transition:opacity .35s,width .45s;
}
.language-switcher .language-ru:after{left:54px}.language-switcher .language-uk:after{right:54px;transform:scaleX(-1)}
.language-switcher button.is-active{
  color:#f0d4a2!important;background:none!important;box-shadow:none!important;
  text-shadow:0 2px 7px #000,0 0 12px rgba(203,154,86,.42),0 0 24px rgba(111,14,42,.54)!important;
  transform:translateY(-2px) scale(1.06)!important;
}
.language-switcher button.is-active:before{opacity:.88;transform:scale(1) rotate(0);border-color:rgba(224,177,103,.62);box-shadow:inset 0 0 17px rgba(0,0,0,.86),0 0 22px rgba(112,12,42,.44),0 0 0 3px rgba(10,2,5,.45)}
.language-switcher button.is-active:after{opacity:.9;width:48px}
.language-switcher button:hover{color:#f5dfb6!important;transform:translateY(-2px) scale(1.05)!important}
.language-switcher button:focus-visible{outline:1px solid rgba(235,190,119,.82)!important;outline-offset:-5px!important}
.language-switcher.is-switching .demon-language-visual{animation:demonAwaken .82s cubic-bezier(.2,.8,.2,1)}
.language-switcher.is-switching:before{filter:blur(4px)!important;opacity:1!important}

@keyframes demonLanguageAura{from{opacity:.42;transform:scale(.9)}to{opacity:.92;transform:scale(1.08)}}
@keyframes demonLanguageBreathe{from{filter:saturate(.78) brightness(.94) contrast(1.12) drop-shadow(0 0 8px rgba(68,3,23,.3))}to{filter:saturate(1) brightness(1.14) contrast(1.17) drop-shadow(0 0 17px rgba(124,12,43,.54))}}
@keyframes demonEyesPulse{0%,100%{opacity:.46;filter:blur(3px)}50%{opacity:1;filter:blur(1px)}}
@keyframes demonSmokeLeft{from{transform:translate(-10px,4px) scale(.82);opacity:.18}to{transform:translate(18px,-5px) scale(1.16);opacity:.46}}
@keyframes demonSmokeRight{from{transform:translate(12px,-3px) scale(.9);opacity:.16}to{transform:translate(-18px,7px) scale(1.2);opacity:.42}}
@keyframes demonAwaken{0%{filter:brightness(.72) saturate(.66);transform:translate(-50%,-50%) scale(.94)}42%{filter:brightness(1.28) saturate(1.16);transform:translate(-50%,-50%) scale(1.07)}100%{filter:none;transform:translate(-50%,-50%) scale(1)}}

.site-header .header-actions{gap:14px!important}
@media(max-width:1200px){
  .language-switcher{width:230px!important;height:96px!important}
  .demon-language-visual{width:122px;height:96px}
  .language-switcher button{top:13px!important;width:58px!important;height:66px!important;font-size:14px!important}
  .language-switcher .language-ru:after{left:47px}.language-switcher .language-uk:after{right:47px}
}
@media(max-width:1050px){.site-header .header-btn{display:none!important}}
@media(max-width:699px){
  .language-switcher{width:82px!important;height:58px!important}
  .language-switcher:after{left:23%;right:23%;bottom:8px}
  .language-switcher:before{inset:13% -5%!important;filter:blur(4px)!important}
  .demon-language-visual{width:44px;height:58px}
  .demon-language-image{height:155%}
  .demon-eye-aura{width:26px;height:12px;top:44%}
  .language-switcher button{top:11px!important;width:25px!important;height:38px!important;font-size:8.5px!important;letter-spacing:.04em!important}
  .language-switcher button:before{inset:4px}
  .language-switcher button:after{display:none}
  .language-switcher button.is-active{transform:translateY(-1px) scale(1.03)!important}
  .demon-language-smoke{width:34px;height:22px;filter:blur(5px)}
  .site-header .header-actions{gap:5px!important}
}
@media(max-width:390px){
  .language-switcher{width:74px!important;height:54px!important}
  .demon-language-visual{width:40px;height:54px}
  .language-switcher button{top:9px!important;width:22px!important;height:36px!important;font-size:7.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .language-switcher:before,.demon-language-image,.demon-eye-aura,.demon-language-smoke,.language-switcher.is-switching .demon-language-visual{animation:none!important}
}

/* Version 45 — approved complete Circle of Practices and premium RU / UA switcher. */
.home-page .complete-practice-circle{display:none!important}
.home-page .final-practice-orbit{padding:24px 0 clamp(74px,7vw,108px)!important;overflow:hidden!important}
.approved-full-practice-art{position:relative;z-index:3;width:min(1585px,100vw);margin:0 auto;overflow:hidden;box-shadow:0 45px 90px rgba(0,0,0,.78);animation:fullCircleBreath 7.8s ease-in-out infinite alternate}
.practice-image{display:block;width:100%;height:auto;filter:brightness(.94) saturate(.9) contrast(1.04)}
.practice-image-uk{display:none}
html[lang="uk"] .practice-image-ru{display:none}
html[lang="uk"] .practice-image-uk{display:block}
.approved-full-practice-art:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 70px rgba(0,0,0,.5)}
.approved-full-practice-art:after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 42%,rgba(255,226,176,.13) 48%,transparent 55%) -170% 0/26% 100% no-repeat;animation:fullCircleGlint 9.5s 1.2s ease-in-out infinite}
.full-practice-hotspot{position:absolute;z-index:7;display:block;border-radius:50%;outline:none}
.full-practice-hotspot span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.full-practice-hotspot:before{content:"";position:absolute;inset:5%;border-radius:50%;opacity:0;transform:scale(.84);background:radial-gradient(circle,rgba(255,227,177,.18) 0 17%,rgba(110,14,43,.24) 45%,transparent 70%);box-shadow:0 0 0 rgba(0,0,0,0);transition:opacity .4s,transform .58s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.full-practice-hotspot:after{content:"";position:absolute;inset:18%;border-radius:50%;opacity:.22;background:radial-gradient(circle at 38% 29%,rgba(255,238,205,.18),transparent 47%);transition:opacity .35s,filter .35s}
.full-practice-hotspot:hover:before,.full-practice-hotspot:focus-visible:before{opacity:1;transform:scale(1);box-shadow:0 0 38px rgba(112,14,43,.46),inset 0 0 24px rgba(240,193,117,.1)}
.full-practice-hotspot:hover:after,.full-practice-hotspot:focus-visible:after{opacity:.9;filter:brightness(1.35)}
.full-astrology{left:20.2%;top:14.6%;width:13.7%;height:18.5%}
.full-magic{right:19.8%;top:14.6%;width:14.2%;height:18.5%}
.full-tarot{left:16.2%;top:34.8%;width:14.8%;height:19%}
.full-training{right:15.8%;top:34.8%;width:15%;height:19%}

.language-switcher{position:relative;isolation:isolate;display:flex;align-items:center;width:104px;height:42px;padding:4px;border:1px solid rgba(205,157,89,.44);border-radius:24px;background:linear-gradient(180deg,rgba(61,8,24,.96),rgba(8,2,4,.98));box-shadow:inset 0 0 0 4px rgba(2,1,1,.5),0 11px 22px rgba(0,0,0,.48);overflow:hidden;flex:0 0 auto}
.language-switcher:before{content:"";position:absolute;z-index:-1;inset:-18px;background:radial-gradient(circle at 50% 50%,rgba(112,15,43,.32),transparent 58%);animation:languageAura 4.8s ease-in-out infinite alternate}
.language-switcher button{position:relative;z-index:2;width:50%;height:100%;border:0;border-radius:18px;background:transparent;color:#8f7863;font:600 9px/1 var(--sans);letter-spacing:.14em;cursor:pointer;transition:color .3s,text-shadow .3s,background .3s,box-shadow .3s}
.language-switcher button.is-active{color:#f0d7a9;background:linear-gradient(180deg,rgba(116,23,49,.72),rgba(42,5,16,.86));box-shadow:inset 0 0 0 1px rgba(224,179,109,.38),0 0 12px rgba(104,13,40,.28);text-shadow:0 2px 5px #000,0 0 7px rgba(232,186,111,.28)}
.language-switcher button:hover{color:#f4dfb9}
.language-switcher button:focus-visible{outline:1px solid #e0b36d;outline-offset:-2px}
.site-header .header-actions{align-items:center!important}
@keyframes fullCircleBreath{from{filter:brightness(.93) saturate(.94)}to{filter:brightness(1.035) saturate(1)}}
@keyframes fullCircleGlint{0%,42%{background-position:-170% 0;opacity:0}52%{opacity:.54}67%,100%{background-position:330% 0;opacity:0}}
@keyframes languageAura{from{opacity:.34;transform:scale(.94)}to{opacity:.78;transform:scale(1.04)}}
@media(max-width:900px){.language-switcher{width:90px;height:38px}.language-switcher button{font-size:8px}}
@media(max-width:699px){
  .approved-full-practice-art{width:100vw;animation:none;box-shadow:0 28px 54px rgba(0,0,0,.75)}
  .approved-full-practice-art:after{display:none}.full-practice-hotspot{display:none}
  .language-switcher{width:76px;height:34px;padding:3px}.language-switcher button{font-size:7px;letter-spacing:.08em}
  .site-header .header-actions{gap:7px!important}
}
@media(max-width:390px){.language-switcher{width:68px;height:32px}.language-switcher button{font-size:6.5px}.site-header .header-actions{gap:5px!important}}
@media(prefers-reduced-motion:reduce){.approved-full-practice-art,.approved-full-practice-art:after,.language-switcher:before{animation:none!important}}

/* Version 38 — approved demonic hero, separate Circle of Practices, services triptych. */
.home-page main{overflow:hidden;background:#050102}
.home-page .hero{min-height:100svh!important}
.home-page .hero-media{filter:saturate(.92) brightness(.84)!important}
.home-page .hero:before{background:linear-gradient(90deg,rgba(5,1,2,.98) 0%,rgba(7,1,3,.87) 28%,rgba(6,1,3,.25) 55%,transparent 73%)!important}

.practices-sanctum{
  position:relative;isolation:isolate;overflow:hidden;margin:0;padding:clamp(145px,13vw,210px) 4vw clamp(130px,12vw,190px);
  background:
    radial-gradient(ellipse at 50% 47%,rgba(75,8,29,.29),transparent 37%),
    radial-gradient(ellipse at 50% 100%,rgba(45,3,16,.38),transparent 48%),
    linear-gradient(180deg,#050102 0%,#0d0206 46%,#040101 100%);
}
.practices-sanctum:before{
  content:"";position:absolute;z-index:3;left:5vw;right:5vw;top:0;height:14px;
  background:linear-gradient(90deg,transparent,#694821 10%,#d0a264 28%,#4d321a 50%,#d0a264 72%,#694821 90%,transparent);
  clip-path:polygon(0 46%,44% 46%,45.5% 0,47% 46%,53% 46%,54.5% 0,56% 46%,100% 46%,100% 54%,56% 54%,54.5% 100%,53% 54%,47% 54%,45.5% 100%,44% 54%,0 54%);
  filter:drop-shadow(0 3px 5px #000);
}
.practices-sanctum:after{
  content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(112deg,transparent 0 47%,rgba(110,16,45,.035) 50%,transparent 53%);pointer-events:none;
}
.practice-heading{position:relative;z-index:2;max-width:840px;margin:0 auto clamp(70px,7vw,110px);text-align:center}
.practice-heading>span,.sanctum-heading>span{display:block;color:#c69a5d;font:600 10px/1.3 var(--sans);letter-spacing:.31em;text-transform:uppercase}
.practice-heading h2,.sanctum-heading h2{margin:22px 0 24px;color:#f0e2cc;font:400 clamp(62px,7vw,112px)/.86 var(--display);letter-spacing:-.055em;text-shadow:0 8px 0 rgba(0,0,0,.34),0 28px 65px #000}
.practice-heading p{max-width:660px;margin:0 auto;color:#b9a497;font:16px/1.82 Georgia,serif}

.practice-wheel{position:relative;width:min(940px,88vw);aspect-ratio:1;margin:0 auto;filter:drop-shadow(0 45px 70px rgba(0,0,0,.72))}
.practice-mechanism{
  position:absolute;z-index:0;inset:2%;border-radius:50%;
  background:url('assets/mobile-alchemical-mechanism.png') center 48%/116% auto no-repeat;
  filter:brightness(.37) saturate(.48) contrast(1.17);opacity:.88;
  -webkit-mask-image:radial-gradient(circle,#000 0 68%,transparent 76%);mask-image:radial-gradient(circle,#000 0 68%,transparent 76%);
  animation:practiceMechanismBreathe 8s ease-in-out infinite alternate;
}
.practice-wheel:before{
  content:"";position:absolute;z-index:1;inset:10.5%;border-radius:50%;border:1px solid rgba(196,144,78,.34);
  box-shadow:0 0 0 8px rgba(3,1,2,.92),0 0 0 9px rgba(183,130,70,.17),inset 0 0 90px #000,0 0 58px rgba(82,8,31,.2);
  background:radial-gradient(circle,rgba(78,8,30,.2),rgba(3,1,2,.8) 72%);
}
.practice-wheel:after{
  content:"";position:absolute;z-index:1;inset:17%;border-radius:50%;border:1px solid rgba(177,126,67,.2);box-shadow:inset 0 0 55px #000;
}
.practice-core{
  position:absolute;z-index:4;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle at 48% 34%,#3d0a1a 0,#18040b 44%,#020101 76%);box-shadow:0 0 0 7px #050202,0 0 0 8px rgba(203,153,85,.4),0 24px 50px #000,inset 0 0 55px #000;
}
.practice-core:before{content:"";position:absolute;inset:-18%;border-radius:50%;border:1px solid rgba(201,149,82,.22);box-shadow:inset 0 0 40px #000;animation:practiceHalo 5.5s ease-in-out infinite alternate}
.practice-core img{width:88%;height:88%;object-fit:contain;filter:brightness(.66) saturate(.66) drop-shadow(0 12px 17px #000)}
.practice-core span{position:absolute;bottom:15%;color:#d7b678;font:600 8px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;text-shadow:0 2px 6px #000}
.practice-node{
  position:absolute;z-index:5;width:24.5%;aspect-ratio:1;display:grid;place-items:center;text-align:center;border-radius:50%;color:#f0e0c8;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .45s;
}
.practice-node:before{content:"";position:absolute;inset:-5%;background:url('assets/gothic-cracked-cherry-socket-v1.png') center/contain no-repeat;filter:brightness(.72) saturate(.68) drop-shadow(0 16px 18px rgba(0,0,0,.88));transition:filter .45s,transform .65s cubic-bezier(.16,1,.3,1)}
.practice-node:after{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 45% 35%,rgba(111,20,47,.34),transparent 44%);box-shadow:inset 0 0 30px rgba(0,0,0,.74);pointer-events:none}
.practice-node-copy{position:relative;z-index:2;width:70%;display:flex;flex-direction:column;align-items:center;text-shadow:0 3px 9px #000}
.practice-node small{margin-bottom:8px;color:#b78c55;font:600 7px/1.35 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.practice-node strong{font:400 clamp(17px,2vw,28px)/.95 var(--display);letter-spacing:-.02em;text-transform:uppercase}
.practice-node em{margin-top:10px;color:#c3a270;font:italic 8px/1.2 Georgia,serif;opacity:.72}
.practice-node:hover{transform:translateY(-8px) scale(1.045);filter:brightness(1.08)}
.practice-node:hover:before{transform:rotate(2deg);filter:brightness(.91) saturate(.8) drop-shadow(0 23px 22px rgba(0,0,0,.92)) drop-shadow(0 0 13px rgba(106,12,42,.32))}
.node-n{left:37.75%;top:0}.node-e{right:0;top:37.75%}.node-s{left:37.75%;bottom:0}.node-w{left:0;top:37.75%}
.practice-vein{position:absolute;z-index:3;left:50%;top:50%;width:23%;height:9px;transform-origin:left center;background:linear-gradient(180deg,rgba(0,0,0,.95),#18030a 48%,#020101);border-radius:50%;box-shadow:0 2px 8px #000,inset 0 1px 0 rgba(104,12,40,.46);overflow:hidden}
.practice-vein:after{content:"";position:absolute;inset:3px 0;background:linear-gradient(90deg,transparent,#530923,transparent) 0 0/42% 100% no-repeat;animation:practiceBlood 4.8s linear infinite}
.vein-n{transform:rotate(-90deg)}.vein-e{transform:rotate(0)}.vein-s{transform:rotate(90deg)}.vein-w{transform:rotate(180deg)}
.practice-afterword{position:relative;z-index:2;max-width:940px;margin:clamp(70px,8vw,115px) auto 0;padding-top:36px;border-top:1px solid rgba(190,140,76,.24);display:flex;justify-content:space-between;align-items:center;gap:30px}
.practice-afterword span{color:#8f796a;font:italic 17px/1.5 Georgia,serif}
.practice-afterword a{display:inline-flex;align-items:center;gap:20px;color:#dbb97e;font:600 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.practice-afterword b{font:400 24px/1 Georgia,serif;transition:transform .3s}.practice-afterword a:hover b{transform:translateX(7px)}

.services-sanctum{position:relative;isolation:isolate;overflow:hidden;padding:clamp(130px,11vw,180px) 3.5vw clamp(120px,10vw,170px);background:radial-gradient(ellipse at 50% 34%,rgba(73,7,27,.28),transparent 42%),linear-gradient(180deg,#050102,#0d0206 52%,#040101)}
.services-sanctum:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent,rgba(111,15,42,.045),transparent);box-shadow:inset 0 60px 120px #020101,inset 0 -60px 120px #020101}
.sanctum-heading{max-width:900px;margin:0 auto clamp(70px,7vw,105px);text-align:center}
.sanctum-heading h2{margin-bottom:0}
.service-arches{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.05fr .9fr 1.05fr;align-items:stretch;gap:clamp(16px,1.5vw,28px)}
.service-arch{
  position:relative;isolation:isolate;min-height:720px;padding:clamp(210px,18vw,270px) clamp(28px,3vw,50px) 46px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;
  border:1px solid rgba(190,140,76,.5);border-radius:48% 48% 3px 3px/18% 18% 3px 3px;
  background:radial-gradient(ellipse at 50% 30%,rgba(75,8,29,.42),transparent 38%),linear-gradient(165deg,#19050c,#070203 69%);
  box-shadow:inset 0 0 0 8px rgba(2,1,1,.74),inset 0 0 0 9px rgba(202,151,84,.11),inset 0 0 80px #000,0 34px 64px rgba(0,0,0,.56);
}
.service-arch:before{content:"";position:absolute;z-index:-1;inset:18px;border:1px solid rgba(221,173,104,.16);border-radius:48% 48% 2px 2px/17% 17% 2px 2px;box-shadow:inset 0 0 55px #000}
.service-arch:after{content:"";position:absolute;z-index:-1;left:50%;top:28px;width:72%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(200,148,80,.17);box-shadow:inset 0 0 46px #000,0 0 50px rgba(71,7,28,.24);background:radial-gradient(circle,rgba(87,10,34,.34),rgba(3,1,2,.88) 68%)}
.arch-crown{position:absolute;z-index:0;left:50%;top:52px;width:48%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 48%,#5b0e2d 0 5%,transparent 6%),url('assets/antique-triquetra-reliquary-v4.png') center/contain no-repeat;filter:brightness(.67) saturate(.62) drop-shadow(0 14px 18px #000);opacity:.86}
.arch-astrology .arch-crown{background-image:radial-gradient(circle at 50% 50%,transparent 0 27%,rgba(204,153,87,.32) 27.5% 28%,transparent 28.5% 42%,rgba(180,126,68,.18) 42.5% 43%,transparent 43.5%),url('assets/antique-triquetra-reliquary-v4.png')}
.arch-magic .arch-crown{filter:brightness(.5) saturate(.72) contrast(1.18) drop-shadow(0 15px 20px #000)}
.arch-kicker{position:relative;z-index:2;color:#c09559;font:600 8px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.service-arch h3{position:relative;z-index:2;margin:17px 0 34px;color:#efe0ca;font:400 clamp(42px,4vw,66px)/.9 var(--display);letter-spacing:-.04em;text-shadow:0 6px 24px #000}
.service-arch ul{position:relative;z-index:2;width:100%;margin:0 0 30px;padding:0;list-style:none;border-top:1px solid rgba(192,143,78,.24)}
.service-arch li{display:flex;justify-content:space-between;gap:16px;padding:16px 4px;border-bottom:1px solid rgba(192,143,78,.18);color:#cbb8a9;font:14px/1.35 Georgia,serif;text-align:left}
.service-arch li b{flex:0 0 auto;color:#d8b879;font:600 10px/1.4 var(--sans);letter-spacing:.08em}
.service-arch>p{position:relative;z-index:2;color:#c5afa1;font:15px/1.75 Georgia,serif;max-width:330px}
.arch-personal{position:relative;z-index:2;margin-top:25px;color:#d3ad70;font:600 9px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.arch-action{position:relative;z-index:3;margin-top:auto;min-width:210px;min-height:58px;padding:0 36px;display:inline-flex;align-items:center;justify-content:center;color:#ead6af;font:600 10px/1 var(--display);letter-spacing:.17em;text-transform:uppercase;text-shadow:0 2px 5px #000}
.arch-action:before{content:"";position:absolute;z-index:-1;inset:-14px -32px;background:url('assets/serpent-plaque-3d.png') center/100% 100% no-repeat;filter:brightness(.7) saturate(.7) drop-shadow(0 14px 16px #000);transition:filter .35s,transform .35s}
.arch-action:hover:before{filter:brightness(.9) saturate(.8) drop-shadow(0 18px 20px #000) drop-shadow(0 0 10px rgba(105,12,42,.3));transform:scale(1.025)}

@keyframes practiceMechanismBreathe{from{transform:scale(.985);filter:brightness(.34) saturate(.44) contrast(1.17)}to{transform:scale(1.015);filter:brightness(.44) saturate(.56) contrast(1.2)}}
@keyframes practiceHalo{from{opacity:.45;transform:scale(.985)}to{opacity:.9;transform:scale(1.02)}}
@keyframes practiceBlood{from{background-position:-80% 0}to{background-position:180% 0}}

@media(max-width:1000px){
  .service-arches{grid-template-columns:1fr;max-width:690px;gap:26px}.service-arch{min-height:680px;padding-top:250px}.arch-crown{width:260px}.service-arch:after{width:360px;max-width:72%}
}
@media(max-width:699px){
  .home-page .hero{min-height:0!important}
  .home-page .hero-media{background-image:var(--bg-mobile)!important}
  .practices-sanctum{padding:120px 12px 110px}
  .practice-heading{padding:0 12px;margin-bottom:62px}.practice-heading h2{font-size:clamp(52px,15vw,72px)}.practice-heading p{font-size:14px}
  .practice-wheel{width:min(100%,430px)}
  .practice-node{width:29%}.node-n{left:35.5%;top:-1%}.node-e{right:-1%;top:35.5%}.node-s{left:35.5%;bottom:-1%}.node-w{left:-1%;top:35.5%}
  .practice-core{width:39%}.practice-core span{display:none}.practice-node small,.practice-node em{display:none}.practice-node strong{font-size:clamp(11px,3.6vw,16px);line-height:.94}.practice-node-copy{width:68%}
  .practice-vein{width:20%;height:6px}.practice-afterword{margin:68px 14px 0;display:block;text-align:center}.practice-afterword a{margin-top:25px}
  .services-sanctum{padding:112px 16px 120px}.sanctum-heading{margin-bottom:65px}.sanctum-heading h2{font-size:clamp(60px,19vw,86px)}
  .service-arch{min-height:625px;padding:225px 26px 40px}.arch-crown{top:46px;width:220px}.service-arch:after{top:25px;width:290px}.service-arch h3{font-size:48px}.service-arch li{font-size:13px}.arch-action{min-width:180px}
}
@media(max-width:390px){.practice-node{width:30.5%}.node-n{left:34.75%}.node-e{top:34.75%}.node-s{left:34.75%}.node-w{top:34.75%}.practice-node strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.practice-mechanism,.practice-core:before,.practice-vein:after{animation:none!important}.practice-node:hover{transform:none}}

/* Version 39 — the approved single Circle of Practices, not four separate sockets. */
.practices-sanctum{padding-top:clamp(170px,15vw,245px)!important}
.approved-practice-dial{
  position:relative;isolation:isolate;width:min(1120px,94vw);aspect-ratio:1;margin:0 auto;
  filter:drop-shadow(0 48px 70px rgba(0,0,0,.82));
}
.approved-practice-dial:before{
  content:"";position:absolute;z-index:0;inset:4.5%;border-radius:50%;
  background:radial-gradient(circle,rgba(67,7,26,.18) 0 43%,rgba(3,1,2,.76) 66%,#020101 75%);
  border:1px solid rgba(201,150,83,.4);box-shadow:0 0 0 8px #050202,0 0 0 9px rgba(200,148,81,.18),0 0 72px rgba(78,8,29,.28),inset 0 0 95px #000;
}
.approved-practice-dial:after{
  content:"";position:absolute;z-index:1;inset:12%;border-radius:50%;border:1px solid rgba(206,157,90,.23);
  box-shadow:0 0 0 5px rgba(3,1,2,.62),inset 0 0 70px #000;pointer-events:none;
}
.approved-dial-art{
  position:absolute;z-index:1;inset:0;border-radius:50%;overflow:hidden;
  background:url('assets/mobile-alchemical-mechanism.png') center 46%/106% auto no-repeat;
  filter:brightness(.47) saturate(.55) contrast(1.14);opacity:.96;
  -webkit-mask-image:radial-gradient(circle,#000 0 69%,rgba(0,0,0,.9) 73%,transparent 78%);mask-image:radial-gradient(circle,#000 0 69%,rgba(0,0,0,.9) 73%,transparent 78%);
  animation:approvedDialBreathe 8s ease-in-out infinite alternate;
}
.approved-dial-title{position:absolute;z-index:5;left:50%;top:10%;width:55%;transform:translateX(-50%);text-align:center;text-shadow:0 4px 13px #000}
.approved-dial-title:before,.approved-dial-title:after{content:"";position:absolute;top:63%;width:20%;height:1px;background:linear-gradient(90deg,transparent,#bd8d51)}
.approved-dial-title:before{right:100%;margin-right:20px}.approved-dial-title:after{left:100%;margin-left:20px;transform:scaleX(-1)}
.approved-dial-title span{display:block;color:#c2985d;font:600 8px/1.3 var(--sans);letter-spacing:.28em;text-transform:uppercase}
.approved-dial-title h2{margin:13px 0 0;color:#f0dfc5;font:400 clamp(48px,6vw,88px)/.86 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.approved-dial-core{
  position:absolute;z-index:4;left:50%;top:53%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle at 48% 38%,#3a0918,#110308 52%,#020101 76%);box-shadow:0 0 0 8px #030101,0 0 0 9px rgba(194,142,76,.38),0 24px 50px #000,inset 0 0 50px #000;
}
.approved-dial-core:before{content:"";position:absolute;inset:-14%;border-radius:50%;border:1px solid rgba(195,143,77,.24);box-shadow:inset 0 0 35px #000}
.approved-dial-core img{width:100%;height:100%;object-fit:contain;filter:brightness(.68) saturate(.66) drop-shadow(0 13px 17px #000)}
.dial-route{
  position:absolute;z-index:7;width:25%;min-height:90px;padding:17px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  color:#efddc2;text-shadow:0 3px 8px #000;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s;
}
.dial-route:before{
  content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(180deg,rgba(127,30,54,.32),rgba(19,4,9,.93)),linear-gradient(90deg,#080203,#2c0714 50%,#080203);
  border:1px solid rgba(202,151,83,.58);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);
  box-shadow:inset 0 0 0 5px rgba(3,1,2,.52),inset 0 -13px 22px rgba(0,0,0,.55),0 14px 24px rgba(0,0,0,.64);
}
.dial-route:after{content:"";position:absolute;z-index:-1;inset:8px 14px;border:1px solid rgba(219,174,107,.13);clip-path:inherit}
.dial-route small{margin-bottom:7px;color:#b98d54;font:600 7px/1.25 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.dial-route strong{font:400 clamp(18px,2.2vw,30px)/.95 var(--display);letter-spacing:-.015em;text-transform:uppercase}
.dial-route:hover{transform:translateY(-7px) scale(1.025);filter:brightness(1.14)}
.route-astrology{left:3%;top:34%}.route-magic{right:3%;top:34%}.route-tarot{left:8%;bottom:17%}.route-training{right:8%;bottom:17%}
@keyframes approvedDialBreathe{from{transform:scale(.99);filter:brightness(.43) saturate(.5) contrast(1.14)}to{transform:scale(1.012);filter:brightness(.53) saturate(.62) contrast(1.18)}}
@media(max-width:699px){
  .practices-sanctum{padding:135px 5px 105px!important}
  .approved-practice-dial{width:min(116vw,520px);margin-left:50%;transform:translateX(-50%)}
  .approved-dial-title{top:8%;width:64%}.approved-dial-title h2{font-size:clamp(37px,11vw,52px)}.approved-dial-title span{font-size:6px}
  .approved-dial-core{width:28%}
  .dial-route{width:31%;min-height:66px;padding:10px 9px}.dial-route small{display:none}.dial-route strong{font-size:clamp(11px,3.6vw,16px)}
  .route-astrology{left:0;top:34%}.route-magic{right:0;top:34%}.route-tarot{left:5%;bottom:16%}.route-training{right:5%;bottom:16%}
  .practice-afterword{margin-top:45px}
}
@media(prefers-reduced-motion:reduce){.approved-dial-art{animation:none!important}.dial-route:hover{transform:none}}

/* Version 40 — exact approved Circle of Practices artwork from the accepted mockup. */
.practices-sanctum{padding:clamp(165px,14vw,230px) 0 clamp(125px,10vw,175px)!important;background:#050102!important}
.approved-practice-visual{position:relative;z-index:2;width:100%;max-width:1586px;margin:0 auto;overflow:hidden;box-shadow:0 42px 85px rgba(0,0,0,.72)}
.approved-practice-visual:before{content:"";position:absolute;z-index:2;inset:0;box-shadow:inset 0 0 60px rgba(0,0,0,.42);pointer-events:none}
.approved-practice-visual img{display:block;width:100%;height:auto}
.practice-hotspot{position:absolute;z-index:4;display:block;border-radius:18px}
.practice-hotspot span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.practice-hotspot:after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;transition:border-color .3s,box-shadow .3s,background .3s}
.practice-hotspot:hover:after,.practice-hotspot:focus-visible:after{border-color:rgba(237,192,119,.62);box-shadow:0 0 22px rgba(112,15,42,.34),inset 0 0 18px rgba(236,186,108,.08);background:rgba(97,13,38,.08)}
.hotspot-astrology{left:18.2%;top:12%;width:15.5%;height:41%}.hotspot-magic{right:17.4%;top:11%;width:17%;height:43%}.hotspot-tarot{left:14.3%;top:48%;width:17%;height:43%}.hotspot-training{right:13.7%;top:48%;width:17%;height:43%}
.practice-mobile-links{display:none}
.practice-afterword{max-width:1280px;padding-left:28px;padding-right:28px}
@media(max-width:699px){
  .practices-sanctum{padding:120px 0 105px!important}
  .approved-practice-visual{width:100%;height:min(112vw,520px);max-width:none;box-shadow:0 28px 56px rgba(0,0,0,.72)}
  .approved-practice-visual img{position:absolute;left:50%;top:0;width:auto;max-width:none;height:100%;transform:translateX(-50%)}
  .practice-hotspot{display:none}
  .practice-mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:24px 16px 0}
  .practice-mobile-links a{min-height:70px;padding:14px 10px;display:flex;align-items:center;justify-content:center;text-align:center;color:#e7d4b4;font:600 11px/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(200,148,81,.42);background:linear-gradient(180deg,rgba(91,18,39,.28),rgba(8,2,4,.92));box-shadow:inset 0 0 0 5px rgba(3,1,2,.54),0 11px 21px rgba(0,0,0,.4)}
}

/* Version 41 — complete approved mechanism with animated navigation. */
.approved-practice-visual{
  width:min(1180px,92vw)!important;max-width:none!important;aspect-ratio:1!important;margin:0 auto!important;border-radius:50%;overflow:visible!important;
  background:radial-gradient(circle at 50% 47%,rgba(79,8,30,.34),#080203 63%,#020101 76%);box-shadow:0 48px 95px rgba(0,0,0,.8)!important;
}
.approved-practice-visual:before{inset:-2%!important;border-radius:50%;box-shadow:inset 0 0 90px #000,0 0 0 1px rgba(205,154,86,.17),0 0 60px rgba(82,8,31,.22)!important}
.approved-practice-visual:after{content:"";position:absolute;z-index:1;inset:2.5%;border-radius:50%;border:1px solid rgba(203,151,83,.24);box-shadow:inset 0 0 75px #000;pointer-events:none}
.approved-full-circle{
  position:absolute;z-index:0;inset:0;border-radius:50%;
  background:url('assets/mobile-alchemical-mechanism.png') center 43%/101% auto no-repeat;
  filter:brightness(.54) saturate(.58) contrast(1.16);opacity:.98;
  -webkit-mask-image:radial-gradient(circle,#000 0 68%,rgba(0,0,0,.96) 72%,transparent 77%);mask-image:radial-gradient(circle,#000 0 68%,rgba(0,0,0,.96) 72%,transparent 77%);
  animation:completeCircleBreathe 8s ease-in-out infinite alternate;
}
.approved-circle-crown{
  position:absolute!important;z-index:3!important;left:0!important;top:0!important;width:100%!important;height:auto!important;max-width:none!important;transform:none!important;
  -webkit-mask-image:linear-gradient(#000 0 72%,rgba(0,0,0,.8) 82%,transparent 100%);mask-image:linear-gradient(#000 0 72%,rgba(0,0,0,.8) 82%,transparent 100%);
  filter:brightness(.9) saturate(.88) drop-shadow(0 18px 28px rgba(0,0,0,.84));animation:approvedCrownGlow 6s ease-in-out infinite alternate;
}
.practice-hotspot{z-index:8!important;border-radius:42% 42% 28% 28%!important}
.practice-hotspot:after{border-color:rgba(218,166,96,.08)!important;animation:navRelicPulse 4.8s ease-in-out infinite alternate}
.practice-hotspot:hover:after,.practice-hotspot:focus-visible:after{border-color:rgba(242,199,126,.78)!important;box-shadow:0 0 28px rgba(128,17,47,.52),inset 0 0 24px rgba(239,188,111,.12)!important;background:rgba(106,14,41,.1)!important;transform:translateY(-3px) scale(1.025)}
.hotspot-astrology{left:18%;top:2.2%;width:16%;height:17%}.hotspot-magic{right:17%;top:2.2%;width:18%;height:18%}.hotspot-tarot{left:14%;top:17%;width:18%;height:18%}.hotspot-training{right:13.5%;top:17%;width:18%;height:18%}
.practice-afterword{margin-top:55px!important}
@keyframes completeCircleBreathe{from{transform:scale(.992);filter:brightness(.49) saturate(.54) contrast(1.16)}to{transform:scale(1.012);filter:brightness(.62) saturate(.66) contrast(1.18)}}
@keyframes approvedCrownGlow{from{filter:brightness(.83) saturate(.8) drop-shadow(0 16px 25px rgba(0,0,0,.82))}to{filter:brightness(.98) saturate(.96) drop-shadow(0 23px 34px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(105,12,42,.24))}}
@keyframes navRelicPulse{from{box-shadow:0 0 0 rgba(104,13,42,0)}to{box-shadow:0 0 18px rgba(104,13,42,.2)}}
@media(max-width:699px){
  .approved-practice-visual{width:min(112vw,520px)!important;height:auto!important;aspect-ratio:1!important;margin-left:50%!important;transform:translateX(-50%)!important;overflow:visible!important}
  .approved-practice-visual img{height:auto!important;width:100%!important}
  .approved-full-circle{background-position:center 43%;background-size:103% auto}
  .practice-mobile-links{position:relative;z-index:10;margin-top:16px}
}
@media(prefers-reduced-motion:reduce){.approved-full-circle,.approved-circle-crown,.practice-hotspot:after{animation:none!important}}

/* Version 44 — one complete practice circle and two clean hero actions. */
.home-page .hero-inner{padding-bottom:clamp(70px,9vh,112px)!important}
.home-page .hero-choices{
  width:min(650px,100%)!important;margin-top:clamp(36px,4.5vh,54px)!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:clamp(42px,5vw,72px)!important;align-items:center!important;
}
.home-page .hero-choice{min-height:74px!important;padding:0 34px!important;justify-content:center!important;gap:22px!important;text-align:center!important}
.home-page .hero-choice .choice-copy{display:block!important}
.home-page .hero-choice strong{font-size:18px!important;line-height:1.05!important;letter-spacing:.09em!important;white-space:nowrap!important}
.home-page .hero-choice:before{
  content:""!important;position:absolute!important;z-index:-1!important;inset:-14px -25px!important;
  background:transparent url('assets/serpent-plaque-3d.png') center/100% 100% no-repeat!important;border:0!important;clip-path:none!important;
  filter:brightness(.74) saturate(.78) contrast(1.08) drop-shadow(0 14px 18px rgba(0,0,0,.92))!important;
  box-shadow:none!important;transition:filter .4s,transform .5s cubic-bezier(.16,1,.3,1)!important;animation:homeSerpentChoice 6.4s ease-in-out infinite alternate!important;
}
.home-page .choice-training:after,.home-page .choice-service:after{
  content:""!important;position:absolute!important;z-index:1!important;inset:-5px -12px!important;left:-12px!important;right:-12px!important;bottom:-5px!important;height:auto!important;
  background:linear-gradient(108deg,transparent 36%,rgba(255,229,177,.42) 49%,transparent 61%) -170% 0/33% 100% no-repeat!important;
  opacity:1!important;transform:none!important;pointer-events:none!important;animation:homeChoiceGlint 7.8s 1.2s ease-in-out infinite!important;
}
.home-page .hero-choice:hover:before,.home-page .hero-choice:focus-visible:before{filter:brightness(.94) saturate(.9) contrast(1.08) drop-shadow(0 19px 22px #000) drop-shadow(0 0 12px rgba(118,16,44,.34))!important;transform:scale(1.025)!important}
.home-page .hero-choice .choice-arrow{font-size:18px!important}
.home-page .choice-divider{display:none!important}

.home-page .final-practice-orbit{
  padding:32px 0 clamp(76px,7vw,112px)!important;margin:0!important;min-height:0!important;
  background:radial-gradient(ellipse at 50% 38%,rgba(74,8,29,.28),transparent 48%),linear-gradient(180deg,#050102 0%,#0b0205 58%,#030101 100%)!important;
}
.home-page .final-practice-orbit:before{top:0!important}
.home-page .complete-practice-circle{
  position:relative;z-index:2;width:min(920px,92vw);aspect-ratio:1;margin:0 auto;
  filter:drop-shadow(0 42px 60px rgba(0,0,0,.76));
}
.practice-disk{
  position:absolute;z-index:1;inset:5%;border-radius:50%;overflow:hidden;
  background:#070203 url('assets/practice-pentagram-relic.png') center 45%/100% auto no-repeat;
  border:1px solid rgba(225,179,106,.56);
  box-shadow:0 0 0 8px #050202,0 0 0 9px rgba(205,153,84,.28),0 0 62px rgba(83,9,31,.32),inset 0 0 72px #000;
  animation:completeRelicBreathe 7.4s ease-in-out infinite alternate;
}
.practice-disk:before{
  content:"";position:absolute;inset:3.2%;border-radius:50%;border:1px solid rgba(216,166,96,.3);
  box-shadow:inset 0 0 42px #000,0 0 0 5px rgba(4,1,2,.62),0 0 0 6px rgba(176,127,67,.14);
}
.practice-disk:after{
  content:"";position:absolute;inset:10%;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 7.5deg,rgba(235,193,123,.19) 8deg,transparent 8.5deg 22.5deg);
  -webkit-mask:radial-gradient(circle,transparent 0 67%,#000 68% 72%,transparent 73%);mask:radial-gradient(circle,transparent 0 67%,#000 68% 72%,transparent 73%);
  animation:relicTicks 80s linear infinite;
}
.practice-circle-title{
  position:absolute;z-index:8;left:50%;top:7.5%;width:58%;transform:translateX(-50%);padding:17px 42px 18px;text-align:center;
  background:linear-gradient(90deg,transparent 0,rgba(15,3,7,.96) 12%,rgba(65,9,26,.96) 50%,rgba(15,3,7,.96) 88%,transparent);
  border-top:1px solid rgba(205,154,87,.5);border-bottom:1px solid rgba(205,154,87,.42);text-shadow:0 4px 12px #000;
}
.practice-circle-title:before,.practice-circle-title:after{content:"";position:absolute;top:50%;width:54px;height:1px;background:linear-gradient(90deg,transparent,#d3a263)}
.practice-circle-title:before{right:100%}.practice-circle-title:after{left:100%;transform:scaleX(-1)}
.practice-circle-title span{display:block;margin-bottom:8px;color:#bc9159;font:600 7px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase}
.practice-circle-title h2{margin:0;color:#efdfc5;font:400 clamp(42px,5.6vw,72px)/.88 var(--display);letter-spacing:.04em;text-transform:uppercase}
.practice-rail{position:absolute;z-index:4;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#bc894c 16%,rgba(210,161,91,.18) 50%,#bc894c 84%,transparent);box-shadow:0 2px 6px #000;pointer-events:none}
.rail-a{transform:rotate(24deg)}.rail-b{transform:rotate(-24deg)}
.orbit-choice{
  position:absolute;z-index:10;width:24%;min-height:86px;padding:18px 27px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;
  color:#ead8b8;text-shadow:0 3px 8px #000;transition:transform .48s cubic-bezier(.16,1,.3,1),filter .35s;
}
.orbit-choice:before{
  content:"";position:absolute;z-index:-1;inset:0;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);
  background:linear-gradient(180deg,rgba(99,17,42,.88),rgba(21,4,9,.98) 64%,#050102);border:1px solid rgba(213,162,92,.68);
  box-shadow:inset 0 0 0 5px rgba(3,1,2,.52),inset 0 -19px 28px rgba(0,0,0,.58),0 15px 25px rgba(0,0,0,.72);
  transition:filter .4s,background .4s,box-shadow .4s;
}
.orbit-choice:after{content:"";position:absolute;inset:8px 16px;clip-path:inherit;border:1px solid rgba(226,181,110,.13);pointer-events:none}
.orbit-choice span{color:#ad824e;font:600 7px/1 var(--sans);letter-spacing:.12em}
.orbit-choice strong{font:400 clamp(17px,2.2vw,26px)/.94 var(--display);letter-spacing:.035em;text-transform:uppercase}
.orbit-choice:hover,.orbit-choice:focus-visible{transform:translateY(-7px) scale(1.035);filter:brightness(1.12)}
.orbit-choice:hover:before,.orbit-choice:focus-visible:before{background:linear-gradient(180deg,rgba(121,21,51,.95),rgba(24,4,10,.98) 64%,#050102);box-shadow:inset 0 0 0 5px rgba(3,1,2,.48),inset 0 -19px 28px #000,0 20px 30px rgba(0,0,0,.82),0 0 22px rgba(108,13,42,.34)}
.orbit-astrology{left:2.5%;top:28%}.orbit-magic{right:2.5%;top:28%}.orbit-tarot{left:6%;bottom:18%}.orbit-training{right:6%;bottom:18%}
.home-page .final-practice-art,.home-page .practice-portal-list{display:none!important}

@keyframes completeRelicBreathe{from{transform:scale(.993);filter:brightness(.82) saturate(.82) contrast(1.06)}to{transform:scale(1.007);filter:brightness(.96) saturate(.92) contrast(1.08);box-shadow:0 0 0 8px #050202,0 0 0 9px rgba(222,172,99,.34),0 0 74px rgba(91,10,34,.4),inset 0 0 72px #000}}
@keyframes relicTicks{to{transform:rotate(360deg)}}
@media(max-width:699px){
  .home-page .hero-inner{padding-bottom:64px!important}
  .home-page .hero-choices{width:min(340px,88vw)!important;display:flex!important;flex-direction:column!important;gap:30px!important;margin-top:34px!important}
  .home-page .hero-choice{width:100%!important;min-height:68px!important;padding:0 30px!important}
  .home-page .hero-choice strong{font-size:15px!important;white-space:normal!important}
  .home-page .final-practice-orbit{padding:22px 0 72px!important}
  .home-page .complete-practice-circle{width:calc(100vw - 12px)}
  .practice-disk{inset:6.5%;background-size:105% auto}
  .practice-circle-title{top:5.5%;width:61%;padding:10px 18px 11px}
  .practice-circle-title span{font-size:5px;margin-bottom:5px}.practice-circle-title h2{font-size:clamp(27px,8.3vw,39px)}
  .practice-circle-title:before,.practice-circle-title:after{width:24px}
  .orbit-choice{width:29%;min-height:58px;padding:8px 9px;gap:5px}.orbit-choice span{display:none}.orbit-choice strong{font-size:clamp(10px,3.2vw,14px)}
  .orbit-astrology{left:0;top:28%}.orbit-magic{right:0;top:28%}.orbit-tarot{left:4%;bottom:17%}.orbit-training{right:4%;bottom:17%}
}
@media(max-width:360px){.orbit-choice{width:30%;}.orbit-choice strong{font-size:10px}.practice-circle-title{width:64%}}
@media(prefers-reduced-motion:reduce){.practice-disk,.practice-disk:after{animation:none!important}.orbit-choice:hover{transform:none}}

/* Version 30 — serpent identity and mystical reliquary controls */
.serpent-identity{
  width:clamp(350px,31vw,450px)!important;
  height:132px!important;
  overflow:hidden!important;
  background:#000!important;
  isolation:isolate;
  transform:perspective(900px) rotateX(var(--logo-rx,0deg)) rotateY(var(--logo-ry,0deg));
  transition:transform .48s cubic-bezier(.2,.75,.2,1);
  contain:paint;
}
.serpent-identity:before,.serpent-identity:after{content:none!important;display:none!important}
.serpent-identity .brand-logo{
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  top:50%!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:unset!important;
  transform:translateY(-50%) scale(1.012);
  transform-origin:24% 50%;
  filter:saturate(.86) brightness(.94) contrast(1.06);
  animation:serpentLogoBreath 7.8s 1.1s ease-in-out infinite alternate!important;
}
.serpent-aura{
  position:absolute;z-index:2;left:1.5%;top:50%;width:31%;aspect-ratio:1;border-radius:50%;
  transform:translateY(-50%) scale(.9);
  background:radial-gradient(circle,rgba(91,8,31,.09) 0 35%,rgba(141,18,49,.22) 48%,rgba(207,55,82,.12) 55%,transparent 72%);
  mix-blend-mode:screen;pointer-events:none;animation:serpentAura 4.6s ease-in-out infinite;
}
.serpent-orbit{
  position:absolute;z-index:3;left:2.6%;top:50%;width:31%;aspect-ratio:1;border-radius:50%;
  transform:translateY(-50%) rotate(0deg);pointer-events:none;
  background:conic-gradient(from 12deg,transparent 0 12%,rgba(243,210,150,.78) 12.4% 13%,transparent 13.5% 36%,rgba(210,162,91,.55) 36.4% 37%,transparent 37.5% 61%,rgba(243,210,150,.7) 61.4% 62%,transparent 62.5% 86%,rgba(210,162,91,.48) 86.4% 87%,transparent 87.5%);
  -webkit-mask:radial-gradient(circle,transparent 0 67%,#000 68% 70%,transparent 71%);
  mask:radial-gradient(circle,transparent 0 67%,#000 68% 70%,transparent 71%);
  filter:drop-shadow(0 0 5px rgba(223,177,105,.3));animation:serpentOrbit 18s linear infinite;
}
.serpent-eyes{
  position:absolute;z-index:5;left:24.25%;top:39.5%;width:4px;height:3px;border-radius:50%;
  background:#ff3154;box-shadow:7px 1px 0 #ff3154,0 0 7px 2px rgba(224,12,54,.92),7px 1px 7px 2px rgba(224,12,54,.9);
  mix-blend-mode:screen;pointer-events:none;animation:serpentEyes 3.4s ease-in-out infinite;
}
.serpent-spark{
  position:absolute;z-index:6;inset:-70% -30%;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(108deg,transparent 44%,rgba(255,234,194,.03) 47%,rgba(255,218,151,.7) 50%,rgba(255,234,194,.05) 53%,transparent 56%);
  transform:translateX(-90%) rotate(5deg);animation:serpentSweep 6.6s 1.5s ease-in-out infinite;
}
@keyframes serpentLogoBreath{from{transform:translateY(-50%) scale(1.006);filter:saturate(.82) brightness(.91) contrast(1.07)}to{transform:translateY(-50%) scale(1.024);filter:saturate(1.04) brightness(1.06) contrast(1.09) drop-shadow(0 0 9px rgba(117,11,39,.23))}}
@keyframes serpentAura{0%,100%{opacity:.35;transform:translateY(-50%) scale(.84)}50%{opacity:.9;transform:translateY(-50%) scale(1.08)}}
@keyframes serpentOrbit{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}}
@keyframes serpentEyes{0%,18%,24%,100%{opacity:.48;filter:blur(.25px)}21%,55%{opacity:1;filter:blur(0) drop-shadow(0 0 4px #d20c36)}}
@keyframes serpentSweep{0%,26%{opacity:0;transform:translateX(-90%) rotate(5deg)}39%{opacity:.9}56%,100%{opacity:0;transform:translateX(90%) rotate(5deg)}}

/* Long controls are framed by a coiled serpent; the head sits at the right tip. */
.btn,.header-btn,.add-cart{
  --serpent-metal:#b1844e;
  overflow:visible!important;clip-path:none!important;border-radius:999px!important;
  border:1px solid rgba(211,166,99,.7)!important;
  color:#ead8b5!important;
  background:
    linear-gradient(105deg,transparent 0 36%,rgba(255,225,171,.13) 45%,transparent 54%) -160% 0/46% 100% no-repeat,
    repeating-linear-gradient(118deg,rgba(255,255,255,.035) 0 4px,transparent 4px 11px),
    radial-gradient(ellipse at 38% 18%,rgba(104,21,47,.46),transparent 39%),
    linear-gradient(180deg,#3a0a1b 0,#1b040c 55%,#080203 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,225,173,.2),inset 0 -13px 24px rgba(0,0,0,.48),0 8px 0 #070102,0 18px 32px rgba(0,0,0,.48),0 0 18px rgba(87,10,34,.2)!important;
  text-shadow:0 2px 4px #000,0 0 10px rgba(227,184,116,.12)!important;
  animation:serpentPlaqueGleam 7s ease-in-out infinite;
}
.btn:before,.header-btn:before,.add-cart:before{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
  inset:-7px -12px!important;height:auto!important;border:3px solid transparent!important;border-radius:52% 48% 52% 48%/58% 43% 57% 42%!important;
  background:linear-gradient(90deg,#26180e 0,#a57b46 8%,#3a2818 18%,#d0a668 32%,#52391f 49%,#c09354 67%,#362416 83%,#b98e55 92%,#24170e 100%) border-box!important;
  padding:3px!important;clip-path:none!important;box-shadow:0 0 16px rgba(141,19,49,.22),0 8px 22px rgba(0,0,0,.68)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important;
  pointer-events:none!important;animation:serpentCoil 8s ease-in-out infinite;
}
.btn:after,.header-btn:after,.add-cart:after{
  content:""!important;display:block!important;position:absolute!important;z-index:2!important;
  left:auto!important;right:-17px!important;top:50%!important;bottom:auto!important;width:20px!important;height:15px!important;
  transform:translateY(-50%) rotate(-4deg)!important;border:0!important;border-radius:68% 38% 60% 38%!important;clip-path:polygon(0 28%,58% 0,100% 29%,88% 78%,50% 100%,0 70%)!important;
  background:radial-gradient(circle at 69% 38%,#ef234c 0 1.1px,transparent 1.8px),linear-gradient(145deg,#c39a5e,#50351e 45%,#160e09 100%)!important;
  box-shadow:0 0 8px rgba(207,25,62,.46),-4px 5px 10px rgba(0,0,0,.7)!important;pointer-events:none!important;
}
.btn:hover,.header-btn:hover,.add-cart:hover{transform:translateY(-4px) scale(1.012)!important;filter:brightness(1.16)!important;box-shadow:inset 0 1px 0 rgba(255,230,180,.23),inset 0 -12px 22px rgba(0,0,0,.43),0 12px 0 #070102,0 25px 42px rgba(0,0,0,.54),0 0 30px rgba(121,18,46,.35)!important}
.btn:active,.header-btn:active,.add-cart:active{transform:translateY(2px)!important}

/* Round controls use an animated ouroboros ring instead of a generic badge. */
.menu-btn,.cart-trigger,.back-to-top,.close-btn,.cart-close{
  overflow:visible!important;clip-path:none!important;border-radius:50%!important;
  border:1px solid rgba(196,148,83,.7)!important;
  background:radial-gradient(circle at 38% 29%,#501329 0,#250611 47%,#080203 78%)!important;
  color:#ead2a6!important;
  box-shadow:inset 0 0 0 5px rgba(5,1,2,.58),inset 0 -13px 23px rgba(0,0,0,.62),0 7px 0 #080102,0 18px 30px rgba(0,0,0,.58),0 0 20px rgba(96,12,36,.26)!important;
}
.menu-btn:before,.cart-trigger:before,.back-to-top:before,.close-btn:before,.cart-close:before{
  content:""!important;display:block!important;position:absolute!important;z-index:1!important;inset:-7px!important;
  border:4px solid transparent!important;border-radius:49% 51% 48% 52%!important;
  background:repeating-conic-gradient(from 8deg,#2a1b10 0 7deg,#ba8c50 8deg 12deg,#4a311c 13deg 18deg,#d0a568 19deg 21deg) border-box!important;
  padding:3px!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important;
  box-shadow:0 0 18px rgba(120,15,42,.24)!important;pointer-events:none!important;
  animation:ouroborosTurn 13s linear infinite!important;
}
.menu-btn:after,.cart-trigger:after,.back-to-top:after,.close-btn:after,.cart-close:after{
  content:""!important;display:block!important;position:absolute!important;z-index:3!important;inset:auto!important;left:auto!important;right:-7px!important;top:5px!important;
  width:18px!important;height:14px!important;border:0!important;border-radius:65% 40% 58% 40%!important;
  transform:rotate(35deg)!important;
  background:radial-gradient(circle at 70% 39%,#ff3155 0 1.1px,transparent 1.8px),linear-gradient(145deg,#cca366,#5c3c21 46%,#160e08)!important;
  box-shadow:0 0 8px rgba(229,30,69,.65),-4px 5px 9px rgba(0,0,0,.7)!important;pointer-events:none!important;
}
.menu-btn>*,.cart-trigger>*,.back-to-top>*,.close-btn>*,.cart-close>*{position:relative;z-index:4}
.menu-btn:hover,.cart-trigger:hover,.back-to-top:hover,.close-btn:hover,.cart-close:hover{transform:translateY(-4px) rotate(-2deg)!important;filter:brightness(1.16)!important;box-shadow:inset 0 0 0 5px rgba(5,1,2,.5),inset 0 -12px 22px rgba(0,0,0,.56),0 11px 0 #080102,0 25px 38px rgba(0,0,0,.62),0 0 31px rgba(134,19,48,.42)!important}
.back-to-top.visible{transform:none!important}.back-to-top.visible:hover{transform:translateY(-4px) rotate(-2deg)!important}
.cart-close{position:relative;width:32px;height:32px;font-size:18px;display:grid;place-items:center}
.cart-close:before{inset:-4px!important;border-width:2px!important;padding:2px!important}.cart-close:after{width:11px!important;height:8px!important;right:-4px!important;top:2px!important}
.cart-count{z-index:6!important;background:linear-gradient(145deg,#d4ad6e,#76502d)!important;color:#140308!important;box-shadow:0 0 0 2px #17050a,0 0 11px rgba(217,169,96,.46)!important}
.cart-trigger{position:fixed!important;left:auto!important;right:25px!important;bottom:25px!important}
@keyframes serpentPlaqueGleam{0%,24%{background-position:-160% 0,0 0,0 0,0 0}43%,100%{background-position:330% 0,0 0,0 0,0 0}}
@keyframes serpentCoil{0%,100%{filter:brightness(.78) saturate(.82)}50%{filter:brightness(1.12) saturate(1.04)}}
@keyframes ouroborosTurn{from{transform:rotate(0deg);filter:brightness(.83)}50%{filter:brightness(1.12)}to{transform:rotate(360deg);filter:brightness(.83)}}

@media(max-width:900px){.serpent-identity{width:290px!important;height:102px!important}}
@media(max-width:699px){
  .site-header{height:100px!important}
  .serpent-identity{width:226px!important;height:84px!important}
  .menu-btn{width:62px!important;height:62px!important;min-width:62px!important}
  .header-actions{gap:8px!important}
  .cart-trigger{right:16px!important;bottom:16px!important}
}
@media(max-width:390px){.serpent-identity{width:210px!important;height:80px!important}.menu-btn{width:56px!important;height:56px!important;min-width:56px!important}.menu-btn:before{inset:-5px!important}}
@media(max-width:340px){.serpent-identity{width:190px!important;height:76px!important}.site-header{padding-left:8px!important;padding-right:8px!important}.menu-btn{width:52px!important;height:52px!important;min-width:52px!important}}
@media(prefers-reduced-motion:reduce){.serpent-identity .brand-logo,.serpent-aura,.serpent-orbit,.serpent-eyes,.serpent-spark,.btn,.header-btn,.add-cart,.btn:before,.header-btn:before,.add-cart:before,.menu-btn:before,.cart-trigger:before,.back-to-top:before,.close-btn:before,.cart-close:before{animation:none!important}}

/* Version 32 — the controls themselves are serpents, not oval plaques. */
body main .btn,body .header-btn,body .add-cart,body .btn.primary{
  isolation:isolate!important;overflow:visible!important;clip-path:none!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#ead9b8!important;
  text-shadow:0 2px 5px #000,0 0 12px rgba(217,167,91,.18)!important;
  animation:none!important;filter:none!important;
}
body main .btn:before,body .header-btn:before,body .add-cart:before,body .btn.primary:before{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
  inset:-20px -28px!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;clip-path:none!important;
  background:transparent url('assets/serpent-plaque-3d.png') center/100% 100% no-repeat!important;
  -webkit-mask:none!important;mask:none!important;
  box-shadow:none!important;filter:brightness(.84) saturate(.84) drop-shadow(0 10px 12px rgba(0,0,0,.82))!important;
  pointer-events:none!important;transform:scale(.99);transform-origin:center;
  animation:serpentRelicBreathe 5.8s ease-in-out infinite alternate!important;
}
body main .btn:after,body .header-btn:after,body .add-cart:after,body .btn.primary:after{
  content:""!important;display:block!important;position:absolute!important;z-index:1!important;
  inset:-12px -18px!important;width:auto!important;height:auto!important;border:0!important;border-radius:50%!important;clip-path:none!important;
  background:linear-gradient(107deg,transparent 39%,rgba(255,237,200,.03) 45%,rgba(255,210,137,.36) 49%,rgba(255,240,211,.04) 53%,transparent 60%) -160% 0/42% 100% no-repeat!important;
  box-shadow:none!important;pointer-events:none!important;transform:none!important;
  animation:serpentRelicSweep 6.9s 1.2s ease-in-out infinite!important;
}
body main .btn:hover,body .header-btn:hover,body .add-cart:hover,body .btn.primary:hover{
  transform:translateY(-4px) scale(1.018)!important;filter:none!important;background:transparent!important;box-shadow:none!important;
}
body main .btn:hover:before,body .header-btn:hover:before,body .add-cart:hover:before{filter:brightness(1.03) saturate(.98) drop-shadow(0 14px 18px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(115,12,43,.34))!important}
body main .btn:active,body .header-btn:active,body .add-cart:active{transform:translateY(1px) scale(.995)!important;box-shadow:none!important}
body .add-cart:before{inset:-15px -22px!important}
body .add-cart:after{inset:-9px -14px!important}

body .menu-btn,body .cart-trigger,body .back-to-top,body .close-btn,body .cart-close{
  isolation:isolate!important;overflow:visible!important;clip-path:none!important;border:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;color:#ead4aa!important;filter:none!important;
}
body .menu-btn:before,body .cart-trigger:before,body .back-to-top:before,body .close-btn:before,body .cart-close:before{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
  inset:-17px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent url('assets/ouroboros-seal-3d.png') center/contain no-repeat!important;
  -webkit-mask:none!important;mask:none!important;box-shadow:none!important;
  transform:rotate(-2deg) scale(.98)!important;transform-origin:center!important;
  filter:brightness(.82) saturate(.82) drop-shadow(0 10px 12px rgba(0,0,0,.86))!important;
  animation:ouroborosAwake 5.6s ease-in-out infinite alternate!important;pointer-events:none!important;
}
body .menu-btn:after,body .cart-trigger:after,body .back-to-top:after,body .close-btn:after,body .cart-close:after{
  content:""!important;display:block!important;position:absolute!important;z-index:1!important;inset:-8px!important;width:auto!important;height:auto!important;
  border:0!important;border-radius:50%!important;clip-path:none!important;
  background:linear-gradient(112deg,transparent 38%,rgba(255,224,168,.42) 49%,transparent 59%) -170% 0/42% 100% no-repeat!important;
  box-shadow:none!important;transform:none!important;animation:ouroborosSweep 6.4s 1.4s ease-in-out infinite!important;pointer-events:none!important;
}
body .menu-btn:hover,body .cart-trigger:hover,body .back-to-top:hover,body .close-btn:hover,body .cart-close:hover{
  transform:translateY(-4px) scale(1.035)!important;filter:none!important;background:transparent!important;box-shadow:none!important;
}
body .menu-btn:hover:before,body .cart-trigger:hover:before,body .back-to-top:hover:before,body .close-btn:hover:before{filter:brightness(1.05) saturate(.96) drop-shadow(0 13px 16px rgba(0,0,0,.92)) drop-shadow(0 0 9px rgba(134,18,49,.42))!important}
body .cart-trigger{position:fixed!important;left:auto!important;right:28px!important;bottom:28px!important}
body .back-to-top.visible{transform:none!important}body .back-to-top.visible:hover{transform:translateY(-4px) scale(1.035)!important}
body .cart-close:before{inset:-10px!important}body .cart-close:after{inset:-5px!important}
body .cart-count{z-index:5!important;top:-7px!important;right:-5px!important}
.site-header .header-actions{gap:34px!important}
body .cart-trigger .cart-label{position:absolute!important;z-index:4!important;inset:0!important;display:grid!important;place-items:center!important;padding:0 7px!important;font-size:6px!important;line-height:1!important;letter-spacing:.025em!important;white-space:normal!important;text-align:center!important}
body .cart-trigger .cart-count{position:absolute!important;top:-8px!important;left:-8px!important;right:auto!important}

@keyframes serpentRelicBreathe{from{transform:scale(.985);filter:brightness(.78) saturate(.78) drop-shadow(0 9px 11px rgba(0,0,0,.82))}to{transform:scale(1.018);filter:brightness(.97) saturate(.94) drop-shadow(0 13px 16px rgba(0,0,0,.9)) drop-shadow(0 0 7px rgba(96,9,35,.3))}}
@keyframes serpentRelicSweep{0%,28%{background-position:-160% 0;opacity:0}41%{opacity:.72}58%,100%{background-position:330% 0;opacity:0}}
@keyframes ouroborosAwake{from{transform:rotate(-2.2deg) scale(.97);filter:brightness(.78) saturate(.78) drop-shadow(0 9px 11px rgba(0,0,0,.84))}to{transform:rotate(2.2deg) scale(1.025);filter:brightness(1) saturate(.96) drop-shadow(0 14px 17px rgba(0,0,0,.92)) drop-shadow(0 0 7px rgba(113,11,40,.36))}}
@keyframes ouroborosSweep{0%,30%{background-position:-170% 0;opacity:0}44%{opacity:.75}61%,100%{background-position:330% 0;opacity:0}}

@media(max-width:699px){body .cart-trigger{right:18px!important;bottom:18px!important}body main .btn:before{inset:-18px -24px!important}}
@media(max-width:390px){body .menu-btn:before{inset:-13px!important}body .cart-trigger:before,body .back-to-top:before{inset:-13px!important}}
@media(prefers-reduced-motion:reduce){body main .btn:before,body .header-btn:before,body .add-cart:before,body main .btn:after,body .header-btn:after,body .add-cart:after,body .menu-btn:before,body .cart-trigger:before,body .back-to-top:before,body .close-btn:before,body .cart-close:before,body .menu-btn:after,body .cart-trigger:after,body .back-to-top:after,body .close-btn:after,body .cart-close:after{animation:none!important}}

/* Version 34 — approved photoreal serpent controls and fully visible desktop identity. */
.serpent-identity{
  width:clamp(470px,34vw,610px)!important;height:158px!important;background:#000!important;overflow:hidden!important;contain:paint;
}
.serpent-identity .brand-logo{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:contain!important;object-position:left center!important;transform:none!important;transform-origin:23% 50%!important;
  filter:saturate(.9) brightness(.98) contrast(1.04)!important;animation:approvedLogoBreath 7.8s ease-in-out infinite alternate!important;
}
.serpent-identity .serpent-eyes{display:none!important}
.serpent-identity .serpent-aura{left:1%!important;width:27%!important}
.serpent-identity .serpent-orbit{left:1.2%!important;width:27%!important}
.serpent-identity .serpent-spark{inset:-55% -12%!important}
@keyframes approvedLogoBreath{from{transform:scale(.995);filter:saturate(.86) brightness(.93) contrast(1.04)}to{transform:scale(1.012);filter:saturate(1.03) brightness(1.08) contrast(1.06) drop-shadow(0 0 8px rgba(126,12,42,.24))}}

body main .btn:before,body .header-btn:before,body .add-cart:before,body .btn.primary:before{
  inset:-14px -27px!important;
  background:transparent url('assets/serpent-plaque-3d.png') center/100% 100% no-repeat!important;
  filter:brightness(.76) saturate(.78) contrast(1.07) drop-shadow(0 11px 13px rgba(0,0,0,.9))!important;
  animation:approvedSerpentBreathe 5.8s ease-in-out infinite alternate!important;
}
body main .btn:after,body .header-btn:after,body .add-cart:after,body .btn.primary:after{inset:-8px -17px!important}
body .add-cart:before{inset:-12px -22px!important}
body .add-cart:after{inset:-7px -14px!important}
.collection-card .add-cart,.product .add-cart{width:min(100%,330px)!important;align-self:flex-start!important;justify-content:center!important}
body .menu-btn:before,body .cart-trigger:before,body .back-to-top:before,body .close-btn:before,body .cart-close:before{
  inset:-16px!important;
  background:transparent url('assets/ouroboros-seal-3d.png') center/contain no-repeat!important;
  filter:brightness(.72) saturate(.76) contrast(1.08) drop-shadow(0 11px 13px rgba(0,0,0,.92))!important;
  animation:approvedOuroborosBreathe 5.6s ease-in-out infinite alternate!important;
}
body .menu-btn{width:82px!important;height:82px!important;min-width:82px!important}
body .cart-trigger,body .back-to-top{width:62px!important;height:62px!important}
body .cart-close:before{inset:-9px!important}
.site-header .header-actions{gap:42px!important}
.site-header .header-btn{min-width:194px!important;height:60px!important;padding:0 34px!important}
@keyframes approvedSerpentBreathe{from{transform:scale(.985);filter:brightness(.72) saturate(.74) contrast(1.08) drop-shadow(0 10px 12px rgba(0,0,0,.88))}to{transform:scale(1.018);filter:brightness(.9) saturate(.92) contrast(1.08) drop-shadow(0 15px 18px rgba(0,0,0,.94)) drop-shadow(0 0 9px rgba(116,12,43,.34))}}
@keyframes approvedOuroborosBreathe{from{transform:rotate(-1.4deg) scale(.97);filter:brightness(.69) saturate(.72) contrast(1.1) drop-shadow(0 10px 12px rgba(0,0,0,.9))}to{transform:rotate(1.4deg) scale(1.025);filter:brightness(.9) saturate(.9) contrast(1.08) drop-shadow(0 15px 18px rgba(0,0,0,.95)) drop-shadow(0 0 9px rgba(121,13,44,.38))}}

@media(min-width:1201px){
  .site-header{height:164px!important}
  .site-header .header-btn{min-width:276px!important;height:74px!important;padding:0 48px!important;font-size:12px!important}
  body .menu-btn{width:96px!important;height:96px!important;min-width:96px!important}
}

@media(min-width:901px) and (max-width:1200px){
  .serpent-identity{width:380px!important;height:130px!important}
  .site-header .header-actions{gap:34px!important}.site-header .header-btn{min-width:176px!important;height:56px!important;padding:0 28px!important}
  body .menu-btn{width:74px!important;height:74px!important;min-width:74px!important}
}
@media(min-width:700px) and (max-width:900px){
  .serpent-identity{width:290px!important;height:104px!important}
  .site-header .header-actions{gap:28px!important}.site-header .header-btn{min-width:158px!important;height:52px!important;padding:0 24px!important}
  body .menu-btn{width:68px!important;height:68px!important;min-width:68px!important}
}
@media(max-width:699px){
  .serpent-identity{width:226px!important;height:84px!important}
  .site-header .header-actions{gap:8px!important}body .menu-btn{width:58px!important;height:58px!important;min-width:58px!important}
}
@media(max-width:390px){.serpent-identity{width:207px!important;height:78px!important}body .menu-btn{width:54px!important;height:54px!important;min-width:54px!important}}
@media(max-width:340px){.serpent-identity{width:188px!important;height:74px!important}body .menu-btn{width:50px!important;height:50px!important;min-width:50px!important}}
@media(max-width:390px){body:not(.home-page) .page-hero h1{font-size:clamp(42px,12vw,47px)!important;letter-spacing:-.045em!important}}

/* Version 26 — exact menu-button burgundy, fractured antique lacquer, full-screen desktop mechanism. */
:root{
  --menu-burgundy:#4a0719;
  --menu-burgundy-mid:#26030d;
  --menu-burgundy-deep:#0a0205;
  --menu-burgundy-black:#050102;
}
body:not(.home-page){
  background:
    radial-gradient(ellipse at 78% 8%,rgba(74,7,25,.32),transparent 32%),
    radial-gradient(ellipse at 12% 42%,rgba(38,3,13,.28),transparent 31%),
    linear-gradient(145deg,var(--menu-burgundy-mid),var(--menu-burgundy-black) 76%)!important;
}
body:not(.home-page) main{background:var(--menu-burgundy-black)!important}
body:not(.home-page) .page-hero .hero-media{
  background:
    radial-gradient(circle at 77% 47%,rgba(241,204,139,.72) 0 1px,transparent 2px),
    radial-gradient(circle at 77% 47%,transparent 0 12.7%,rgba(207,161,91,.29) 12.9% 13.05%,transparent 13.3% 22.5%,rgba(132,88,46,.19) 22.7% 22.9%,transparent 23.15%),
    repeating-conic-gradient(from 0deg at 77% 47%,rgba(198,152,84,.12) 0 .35deg,transparent .6deg 15deg),
    radial-gradient(ellipse at 77% 47%,rgba(74,7,25,.7) 0,rgba(38,3,13,.58) 25%,transparent 55%),
    linear-gradient(118deg,#060102 0%,#150207 37%,#3a0614 75%,#090103 100%)!important;
}
body:not(.home-page) main>.section{
  background:
    linear-gradient(31deg,transparent 0 48.8%,rgba(0,0,0,.52) 49.2% 49.8%,transparent 50.2%) 94% 18%/170px 130px no-repeat,
    linear-gradient(148deg,transparent 0 48.6%,rgba(0,0,0,.46) 49% 49.65%,transparent 50%) 4% 76%/190px 145px no-repeat,
    radial-gradient(ellipse at 88% 12%,rgba(74,7,25,.28),transparent 34%),
    radial-gradient(ellipse at 8% 82%,rgba(38,3,13,.24),transparent 31%),
    linear-gradient(145deg,#1b0309,#060102 76%)!important;
}
body:not(.home-page) main>.section.section-wine{
  background:
    linear-gradient(29deg,transparent 0 48.8%,rgba(0,0,0,.54) 49.2% 49.8%,transparent 50.2%) 95% 20%/180px 140px no-repeat,
    linear-gradient(151deg,transparent 0 48.6%,rgba(0,0,0,.5) 49% 49.65%,transparent 50%) 5% 78%/200px 150px no-repeat,
    radial-gradient(ellipse at 18% 20%,rgba(74,7,25,.36),transparent 36%),
    radial-gradient(ellipse at 82% 82%,rgba(38,3,13,.28),transparent 32%),
    linear-gradient(135deg,var(--menu-burgundy-mid),#080103 75%)!important;
}
body:not(.home-page) .story-grid,
body:not(.home-page) .editorial-grid,
body:not(.home-page) .cta-panel{
  background:
    linear-gradient(24deg,transparent 0 47.8%,rgba(0,0,0,.76) 48.4% 49%,transparent 49.6%) 90% 18%/150px 120px no-repeat,
    linear-gradient(154deg,transparent 0 48%,rgba(0,0,0,.68) 48.5% 49.1%,transparent 49.6%) 8% 82%/165px 132px no-repeat,
    linear-gradient(135deg,rgba(239,202,138,.085),transparent 11%) top left/48% 48% no-repeat,
    linear-gradient(315deg,rgba(239,202,138,.055),transparent 11%) bottom right/48% 48% no-repeat,
    radial-gradient(ellipse at 82% 14%,rgba(74,7,25,.42),transparent 35%),
    linear-gradient(145deg,#3b0614 0%,#1b0309 45%,#080103 100%)!important;
}
body:not(.home-page) .principle,
body:not(.home-page) .service-card,
body:not(.home-page) .course-section,
body:not(.home-page) .collection-card,
body:not(.home-page) .product{
  background:
    linear-gradient(27deg,transparent 0 47.5%,rgba(0,0,0,.82) 48.2% 49%,transparent 49.7%) 91% 18%/118px 92px no-repeat,
    linear-gradient(153deg,transparent 0 47.8%,rgba(0,0,0,.7) 48.4% 49.1%,transparent 49.7%) 10% 82%/126px 98px no-repeat,
    linear-gradient(135deg,rgba(239,201,134,.08),transparent 12%) top left/50% 50% no-repeat,
    linear-gradient(315deg,rgba(239,201,134,.05),transparent 12%) bottom right/50% 50% no-repeat,
    radial-gradient(ellipse at 80% 7%,rgba(74,7,25,.5),transparent 36%),
    linear-gradient(150deg,var(--menu-burgundy) 0%,#23020c 48%,#080103 100%)!important;
}
body:not(.home-page) .service-item{
  background:
    linear-gradient(26deg,transparent 0 48%,rgba(0,0,0,.72) 48.5% 49.1%,transparent 49.6%) 94% 50%/118px 92px no-repeat,
    radial-gradient(ellipse at 14% 0,rgba(74,7,25,.42),transparent 34%),
    linear-gradient(100deg,#3a0614,#180208 69%,#060102)!important;
}
body:not(.home-page) .service-item:hover{background:linear-gradient(26deg,transparent 0 48%,rgba(0,0,0,.72) 48.5% 49.1%,transparent 49.6%) 94% 50%/118px 92px no-repeat,radial-gradient(ellipse at 14% 0,rgba(74,7,25,.55),transparent 35%),linear-gradient(100deg,var(--menu-burgundy),#1d030a 69%,#060102)!important}
body:not(.home-page) .ritual-grid>div,
body:not(.home-page) .deck-list div{
  background:
    linear-gradient(28deg,transparent 0 47.8%,rgba(0,0,0,.76) 48.4% 49.1%,transparent 49.7%) 93% 17%/112px 88px no-repeat,
    radial-gradient(circle at 18% 0,rgba(74,7,25,.38),transparent 35%),
    linear-gradient(145deg,#350512,#130207 74%)!important;
}
body:not(.home-page) main .btn,
body:not(.home-page) .add-cart{
  background:linear-gradient(180deg,rgba(255,229,181,.15),transparent 30%),linear-gradient(115deg,var(--menu-burgundy),#23020c 58%,#080103)!important;
}
body:not(.home-page) .footer{background:radial-gradient(ellipse at 78% 0,rgba(74,7,25,.32),transparent 36%),linear-gradient(145deg,#21030b,#060102 77%)!important}
body:not(.home-page) .cart-trigger,
body:not(.home-page) .cart-close{background:linear-gradient(145deg,var(--menu-burgundy),#23020c 65%,#080103)!important}

/* The approved alchemical circle now occupies the entire desktop viewport. */
@media(min-width:700px){
  .overlay-inner{background:radial-gradient(circle at 50% 48%,#3a0614 0,#170207 48%,#030001 100%)!important}
  .overlay-nav:before{
    inset:-8%!important;left:-8%!important;right:-8%!important;top:-8%!important;bottom:-8%!important;
    width:auto!important;height:auto!important;
    background:linear-gradient(180deg,rgba(3,2,2,.02),transparent 58%,rgba(2,1,1,.08)),url('assets/mobile-alchemical-mechanism.png') center/166% auto no-repeat!important;
    transform-origin:50% 48%!important;
  }
  .menu-link,.menu-link:hover{width:112px!important;min-width:112px!important;height:112px!important;min-height:112px!important}
  .menu-link:nth-of-type(1){left:50%!important;top:17.5%!important}
  .menu-link:nth-of-type(2){left:84%!important;top:40.5%!important}
  .menu-link:nth-of-type(3){left:71%!important;top:76%!important}
  .menu-link:nth-of-type(4){left:29%!important;top:76%!important}
  .menu-link:nth-of-type(5){left:16%!important;top:40.5%!important}
  .mobile-pentagram{width:184px!important;height:184px!important;min-width:184px!important;max-width:184px!important;top:48%!important}
  .overlay-nav{box-shadow:inset 0 78px 78px rgba(2,0,1,.2),inset 0 -150px 125px rgba(3,0,1,.9),inset 72px 0 90px rgba(3,0,1,.32),inset -72px 0 90px rgba(3,0,1,.32)!important}
  .mechanism-grade{
    background:radial-gradient(ellipse at 50% 48%,rgba(74,7,25,.12) 0 34%,rgba(38,3,13,.22) 55%,rgba(5,1,2,.86) 96%)!important;
    mix-blend-mode:multiply!important;
  }
}

@media(min-width:700px) and (max-aspect-ratio:6/5){
  .menu-link:nth-of-type(1){top:26%!important}
  .menu-link:nth-of-type(2){left:82%!important;top:42%!important}
  .menu-link:nth-of-type(3){left:70%!important;top:69%!important}
  .menu-link:nth-of-type(4){left:30%!important;top:69%!important}
  .menu-link:nth-of-type(5){left:18%!important;top:42%!important}
}

@media(min-width:700px) and (max-width:900px){
  .menu-link,.menu-link:hover{width:96px!important;min-width:96px!important;height:96px!important;min-height:96px!important}
  .mobile-pentagram{width:158px!important;height:158px!important;min-width:158px!important;max-width:158px!important}
}

@media(max-width:699px){
  body:not(.home-page) .page-hero .hero-media{
    background:
      radial-gradient(circle at 71% 35%,transparent 0 15%,rgba(202,154,86,.2) 15.3% 15.55%,transparent 15.9% 28%,rgba(202,154,86,.09) 28.2% 28.4%,transparent 28.8%),
      repeating-conic-gradient(from 0deg at 71% 35%,rgba(192,145,81,.1) 0 .4deg,transparent .7deg 22.5deg),
      radial-gradient(circle at 71% 35%,rgba(74,7,25,.58),transparent 54%),
      linear-gradient(155deg,#100105,#3a0614 59%,#060102)!important;
  }
  .overlay-nav{overflow:hidden!important}
  .menu-link,.menu-link:hover{width:88px!important;min-width:88px!important;height:88px!important;min-height:88px!important}
  .menu-link strong{max-width:72px!important;overflow:hidden!important}
  .mobile-pentagram{width:122px!important;height:122px!important;min-width:122px!important;max-width:122px!important}
}

@media(max-width:390px){
  .menu-link,.menu-link:hover{width:80px!important;min-width:80px!important;height:80px!important;min-height:80px!important}
  .menu-link strong{max-width:66px!important;font-size:10px!important}
  .menu-link:nth-of-type(5) strong{font-size:8.6px!important}
  .menu-link:nth-of-type(4) strong{font-size:9.2px!important}
  .menu-link:nth-of-type(1){left:50%!important}
  .menu-link:nth-of-type(2){left:85%!important}
  .menu-link:nth-of-type(3){left:71%!important}
  .menu-link:nth-of-type(4){left:29%!important}
  .menu-link:nth-of-type(5){left:15%!important}
  .mobile-pentagram{width:112px!important;height:112px!important;min-width:112px!important;max-width:112px!important}
  .back-to-top{width:42px!important;height:42px!important;right:12px!important;bottom:12px!important;font-size:8px!important;opacity:.86}
  .back-to-top span{font-size:8px!important}
}

/* Version 25 — recognisable muted rotten cherry: cold burgundy, never bright red. */
:root{
  --cherry25-shadow:#100309;
  --cherry25-base:#1b050e;
  --cherry25-surface:#2d0817;
  --cherry25-light:#3a0b1b;
}
body:not(.home-page){
  background:
    radial-gradient(ellipse at 78% 8%,rgba(74,16,39,.25),transparent 31%),
    radial-gradient(ellipse at 14% 38%,rgba(51,10,28,.2),transparent 29%),
    linear-gradient(145deg,var(--cherry25-base),#050102 74%)!important;
}
body:not(.home-page) .page-hero .hero-media{
  background:
    radial-gradient(circle at 77% 47%,rgba(241,204,139,.72) 0 1px,transparent 2px),
    radial-gradient(circle at 77% 47%,transparent 0 12.7%,rgba(207,161,91,.29) 12.9% 13.05%,transparent 13.3% 22.5%,rgba(132,88,46,.19) 22.7% 22.9%,transparent 23.15%),
    repeating-conic-gradient(from 0deg at 77% 47%,rgba(198,152,84,.12) 0 .35deg,transparent .6deg 15deg),
    radial-gradient(ellipse at 77% 47%,rgba(75,13,39,.62) 0,rgba(45,8,24,.52) 24%,transparent 54%),
    linear-gradient(118deg,#050102 0%,#12030a 37%,#300818 75%,#090203 100%)!important;
}
body:not(.home-page) main>.section{
  background:
    radial-gradient(ellipse at 88% 12%,rgba(70,14,37,.24),transparent 33%),
    radial-gradient(ellipse at 8% 82%,rgba(46,8,25,.18),transparent 29%),
    linear-gradient(145deg,#14040b,#040102 75%)!important;
}
body:not(.home-page) main>.section.section-wine{
  background:
    radial-gradient(ellipse at 18% 20%,rgba(86,17,44,.28),transparent 35%),
    radial-gradient(ellipse at 82% 82%,rgba(53,10,29,.22),transparent 31%),
    linear-gradient(135deg,#240612,#090203 74%)!important;
}
body:not(.home-page) .story-grid,
body:not(.home-page) .editorial-grid,
body:not(.home-page) .cta-panel{
  background:
    linear-gradient(135deg,rgba(239,202,138,.085),transparent 11%) top left/48% 48% no-repeat,
    linear-gradient(315deg,rgba(239,202,138,.055),transparent 11%) bottom right/48% 48% no-repeat,
    radial-gradient(ellipse at 82% 14%,rgba(87,17,45,.33),transparent 34%),
    linear-gradient(145deg,#310918 0%,#16040c 44%,#070203 100%)!important;
}
body:not(.home-page) .principle,
body:not(.home-page) .service-card,
body:not(.home-page) .course-section,
body:not(.home-page) .collection-card,
body:not(.home-page) .product{
  background:
    linear-gradient(135deg,rgba(239,201,134,.08),transparent 12%) top left/50% 50% no-repeat,
    linear-gradient(315deg,rgba(239,201,134,.05),transparent 12%) bottom right/50% 50% no-repeat,
    repeating-linear-gradient(116deg,transparent 0 72px,rgba(242,207,147,.013) 73px,transparent 74px),
    radial-gradient(ellipse at 80% 7%,rgba(94,18,48,.34),transparent 35%),
    linear-gradient(150deg,#350a1a 0%,#18050d 50%,#070203 100%)!important;
}
body:not(.home-page) .service-item{
  background:radial-gradient(ellipse at 14% 0,rgba(89,17,46,.3),transparent 33%),linear-gradient(100deg,#2f0818,#13040b 69%,#060203)!important;
}
body:not(.home-page) .service-item:hover{
  background:radial-gradient(ellipse at 14% 0,rgba(102,21,53,.36),transparent 35%),linear-gradient(100deg,#3a0b1b,#16040c 69%,#060203)!important;
}
body:not(.home-page) .ritual-grid>div{
  background:radial-gradient(circle at 18% 0,rgba(87,17,45,.3),transparent 35%),linear-gradient(145deg,#2d0817,#12040a 73%)!important;
}
body:not(.home-page) .deck-list div{
  background:radial-gradient(circle at 12% 0,rgba(83,16,43,.29),transparent 33%),linear-gradient(145deg,#2a0715,#11030a)!important;
}
body:not(.home-page) main .btn,
body:not(.home-page) .add-cart{
  background:linear-gradient(180deg,rgba(255,229,181,.15),transparent 30%),linear-gradient(115deg,#4a1025,#290713 58%,#100309)!important;
}
body:not(.home-page) .footer{
  background:radial-gradient(ellipse at 78% 0,rgba(72,14,38,.25),transparent 35%),linear-gradient(145deg,#18050d,#040102 76%)!important;
}
body:not(.home-page) .cart-trigger,
body:not(.home-page) .cart-close{background:linear-gradient(145deg,#451022,#250612 65%,#0d0308)!important}

@media(max-width:699px){
  body:not(.home-page) .page-hero .hero-media{
    background:
      radial-gradient(circle at 71% 35%,transparent 0 15%,rgba(202,154,86,.2) 15.3% 15.55%,transparent 15.9% 28%,rgba(202,154,86,.09) 28.2% 28.4%,transparent 28.8%),
      repeating-conic-gradient(from 0deg at 71% 35%,rgba(192,145,81,.1) 0 .4deg,transparent .7deg 22.5deg),
      radial-gradient(circle at 71% 35%,rgba(77,14,40,.55),transparent 53%),
      linear-gradient(155deg,#0b0206,#300818 59%,#050102)!important;
  }
}

/* Version 37 — final navigation restraint and clean cinematic hero material. */
body.shop-page main .shop-add:after{content:none!important;display:none!important}

/* Version 56 — the original approved antique drawer plaques, without reinterpretation. */
body.shop-page .shop-cabinet-tabs{gap:5px!important;padding-inline:0!important;background:none!important;border:0!important;box-shadow:none!important}
body.shop-page .shop-cabinet-tab{
  display:block!important;
  width:100%!important;
  min-height:clamp(66px,6vw,88px)!important;
  aspect-ratio:500/94;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  box-shadow:0 7px 18px rgba(0,0,0,.38)!important;
  transition:transform .28s ease,filter .28s ease,box-shadow .28s ease!important;
}
body.shop-page .shop-cabinet-tab:nth-child(1){background-image:url('assets/shop-plaque-powders-approved.png')!important}
body.shop-page .shop-cabinet-tab:nth-child(2){background-image:url('assets/shop-plaque-tarot-approved.png')!important}
body.shop-page .shop-cabinet-tab:nth-child(3){background-image:url('assets/shop-plaque-incense-approved.png')!important}
body.shop-page .shop-cabinet-tab:nth-child(4){background-image:url('assets/shop-plaque-bracelets-approved.png')!important}
body.shop-page .shop-cabinet-tab:nth-child(5){background-image:url('assets/shop-plaque-moulds-approved.png')!important}
body.shop-page .shop-cabinet-tab:before,body.shop-page .shop-cabinet-tab:after{content:none!important;display:none!important}
body.shop-page .shop-cabinet-tab .shop-cabinet-emblem,body.shop-page .shop-cabinet-tab>b{display:none!important}
body.shop-page .shop-cabinet-tab span{
  position:absolute!important;
  inset:14% 14% 14% 22%!important;
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  height:auto!important;
  overflow:hidden!important;
  padding:0 4%!important;
  opacity:1!important;
  background:linear-gradient(90deg,rgba(14,7,7,.98) 0%,rgba(14,7,7,.96) 84%,rgba(14,7,7,.2) 100%)!important;
  color:#e8d7bd!important;
  font:500 clamp(15px,1.45vw,22px)/1.05 var(--display),Georgia,serif!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 8px #000!important;
  pointer-events:none!important;
}
body.shop-page .shop-cabinet-tab:hover{transform:translateX(4px)!important;filter:brightness(1.08)!important}
body.shop-page .shop-cabinet-tab.is-active{transform:translateX(5px)!important;filter:brightness(1.12) saturate(1.08)!important;box-shadow:0 9px 25px rgba(0,0,0,.48),0 0 20px rgba(111,11,42,.28)!important}
body.shop-page .shop-cabinet-tab.is-active span{background:linear-gradient(90deg,rgba(73,12,34,.98) 0%,rgba(55,8,25,.96) 84%,rgba(36,6,17,.24) 100%)!important}
body.shop-page .shop-cabinet-tab:not(.is-active):nth-child(1){filter:brightness(.63) saturate(.45)!important}
html[lang="uk"] body.shop-page .shop-cabinet-tab span{
  inset:14% 14% 14% 22%!important;
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  height:auto!important;
  padding:0 4%!important;
  opacity:1!important;
  background:linear-gradient(90deg,rgba(14,7,7,.98) 0%,rgba(14,7,7,.96) 84%,rgba(14,7,7,.2) 100%)!important;
  color:#e8d7bd!important;
  font:500 clamp(14px,1.45vw,22px)/1.05 var(--display),Georgia,serif!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 8px #000!important;
}
html[lang="uk"] body.shop-page .shop-cabinet-tab.is-active span{background:linear-gradient(90deg,rgba(73,12,34,.98) 0%,rgba(55,8,25,.96) 84%,rgba(36,6,17,.24) 100%)!important}
@media(min-width:761px) and (max-width:1080px){
  body.shop-page .shop-cabinet-layout{grid-template-columns:minmax(330px,38%) minmax(0,1fr)!important;gap:22px!important}
}
@media(max-width:760px){
  body.shop-page .shop-cabinet-tabs{gap:4px!important}
  body.shop-page .shop-cabinet-tab{min-height:0!important;aspect-ratio:500/94!important}
  html[lang="uk"] body.shop-page .shop-cabinet-tab span{font-size:clamp(12px,3.7vw,15px)!important}
}

/* Version 58 — black-blood hover with hairline cracks; no burgundy fill or glow. */
@keyframes shopBlackBloodFlow{
  0%{background-position:-90px 0,20px 0,0 0;filter:brightness(.82)}
  50%{background-position:10px 0,-25px 0,0 0;filter:brightness(1)}
  100%{background-position:110px 0,-70px 0,0 0;filter:brightness(.88)}
}
@keyframes shopCrackPulse{0%,100%{opacity:.34}50%{opacity:.7}}
body.shop-page .shop-cabinet-tab span,
html[lang="uk"] body.shop-page .shop-cabinet-tab span{
  z-index:4!important;
  background:linear-gradient(100deg,rgba(1,1,1,.99) 0%,rgba(9,2,4,.98) 48%,rgba(1,1,1,.9) 86%,rgba(1,1,1,.28) 100%)!important;
}
body.shop-page .shop-cabinet-tab.is-active span,
html[lang="uk"] body.shop-page .shop-cabinet-tab.is-active span{
  background:linear-gradient(100deg,rgba(0,0,0,.99) 0%,rgba(7,1,3,.99) 52%,rgba(0,0,0,.92) 86%,rgba(0,0,0,.32) 100%)!important;
}
body.shop-page .shop-cabinet-tab:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  inset:8px 12px!important;
  opacity:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 10% 52%,rgba(0,0,0,.98) 0 6%,rgba(0,0,0,.72) 7% 11%,transparent 13%) 0 0/170px 100% repeat-x,
    radial-gradient(ellipse at 76% 42%,rgba(0,0,0,.96) 0 4%,rgba(0,0,0,.62) 5% 9%,transparent 12%) 0 0/210px 100% repeat-x,
    linear-gradient(90deg,transparent 0,rgba(0,0,0,.82) 25%,rgba(0,0,0,.98) 52%,rgba(0,0,0,.7) 78%,transparent 100%);
  mix-blend-mode:multiply!important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.95))!important;
  transition:opacity .35s ease!important;
}
body.shop-page .shop-cabinet-tab:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  inset:10px 18px!important;
  opacity:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(71deg,transparent 0 47%,rgba(0,0,0,.94) 48% 49%,transparent 50%) 15% 45%/72px 48px no-repeat,
    linear-gradient(112deg,transparent 0 48%,rgba(0,0,0,.9) 49% 50%,transparent 51%) 31% 58%/54px 52px no-repeat,
    linear-gradient(49deg,transparent 0 48%,rgba(0,0,0,.96) 49% 50%,transparent 51%) 68% 38%/82px 56px no-repeat,
    linear-gradient(126deg,transparent 0 48%,rgba(0,0,0,.88) 49% 50%,transparent 51%) 83% 61%/58px 50px no-repeat;
}
body.shop-page .shop-cabinet-tab:hover,
body.shop-page .shop-cabinet-tab.is-active{
  transform:translateX(4px)!important;
  filter:brightness(.92) saturate(.48) contrast(1.12)!important;
  box-shadow:0 10px 27px rgba(0,0,0,.72),0 0 0 1px rgba(205,159,91,.16)!important;
}
body.shop-page .shop-cabinet-tab:hover:after,
body.shop-page .shop-cabinet-tab.is-active:after{opacity:.94!important;animation:shopBlackBloodFlow 4.8s ease-in-out infinite alternate!important}
body.shop-page .shop-cabinet-tab:hover:before,
body.shop-page .shop-cabinet-tab.is-active:before{opacity:.58!important;animation:shopCrackPulse 3.6s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){
  body.shop-page .shop-cabinet-tab:before,body.shop-page .shop-cabinet-tab:after{animation:none!important}
}
.overlay-label{display:none!important}
body:not(.home-page) .page-hero .hero-media{
  background:
    radial-gradient(ellipse at 76% 42%,rgba(73,9,31,.5) 0,rgba(42,5,19,.27) 28%,transparent 56%),
    radial-gradient(ellipse at 22% 76%,rgba(49,5,21,.18),transparent 42%),
    linear-gradient(118deg,#050102 0%,#130309 42%,#2a0717 77%,#070102 100%)!important;
  filter:saturate(.82) brightness(.72)!important;
}
body:not(.home-page) .page-hero .hero-media:after{display:none!important;content:none!important}

body .close-btn,body .close-btn:hover{
  width:60px!important;height:60px!important;transform:none!important;background:transparent!important;box-shadow:none!important;
  color:#f0d7aa!important;font-size:26px!important;text-shadow:0 2px 5px #000,0 0 8px rgba(137,18,49,.5)!important;
}
body .close-btn:before,body .close-btn:hover:before{
  content:""!important;display:block!important;visibility:visible!important;opacity:1!important;inset:-14px!important;
  background:transparent url('assets/ouroboros-seal-3d.png') center/contain no-repeat!important;
  filter:brightness(.76) saturate(.8) contrast(1.08) drop-shadow(0 10px 13px rgba(0,0,0,.92))!important;
  transform:rotate(0deg) scale(1)!important;animation:approvedOuroborosBreathe 5.6s ease-in-out infinite alternate!important;
}
body .close-btn:after,body .close-btn:hover:after{display:none!important;content:none!important}

@media(min-width:1201px){body .menu-btn{width:86px!important;height:86px!important;min-width:86px!important}}
@media(min-width:901px) and (max-width:1200px){body .menu-btn{width:68px!important;height:68px!important;min-width:68px!important}}
@media(min-width:700px) and (max-width:900px){body .menu-btn{width:62px!important;height:62px!important;min-width:62px!important}}
@media(max-width:699px){body .menu-btn{width:52px!important;height:52px!important;min-width:52px!important}}

@media(min-width:700px){
  .overlay-nav:before{background-size:150% auto!important}
  .menu-link,.menu-link:hover{width:98px!important;min-width:98px!important;height:98px!important;min-height:98px!important}
  .menu-link:nth-of-type(1){left:50%!important;top:20.5%!important}
  .menu-link:nth-of-type(2){left:81.5%!important;top:41.5%!important}
  .menu-link:nth-of-type(3){left:69.5%!important;top:73.5%!important}
  .menu-link:nth-of-type(4){left:30.5%!important;top:73.5%!important}
  .menu-link:nth-of-type(5){left:18.5%!important;top:41.5%!important}
  .mobile-pentagram{width:164px!important;height:164px!important;min-width:164px!important;max-width:164px!important}
}
@media(max-width:699px){
  .menu-link,.menu-link:hover{width:76px!important;min-width:76px!important;height:76px!important;min-height:76px!important}
  .menu-link strong{max-width:62px!important;font-size:9.5px!important}
  .mobile-pentagram{width:106px!important;height:106px!important;min-width:106px!important;max-width:106px!important}
}