@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');
html[data-theme=dark] .esoteric{--paper:#091a17;--surface:#142921;--ink:#f5efe0;--muted:#c2bea9;--border:rgba(223,194,135,.26);--line:rgba(223,194,135,.22);--lime:#e8cb8f;--mint:#214436;--raise:#20362d;--shadow:0 15px 35px rgba(0,0,0,.24)}
html[data-theme=light] .esoteric{--paper:#f6f1e7;--surface:#fffaf0;--ink:#17362c;--muted:#756f63;--border:#dbcba9;--line:#d7c7aa;--lime:#b99655;--mint:#e7ebd8;--raise:#f0e7d7;--shadow:0 12px 30px rgba(89,63,25,.08)}
.esoteric .brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;font-weight:700;letter-spacing:.055em}.esoteric .brand span{color:var(--lime)}
html[data-theme=dark] .esoteric::before{opacity:.9;background:linear-gradient(180deg,rgba(3,19,15,.5) 0%,rgba(3,19,15,.12) 50%,rgba(3,19,15,.24) 100%),url('assets/background.jpg') center bottom/cover no-repeat}
html[data-theme=light] .esoteric::before{opacity:.2}
.esoteric .top{border-bottom-color:var(--line)}
.esoteric .intro-card{background:linear-gradient(120deg,rgba(17,52,41,.95),rgba(13,34,29,.88));border:1px solid rgba(232,203,143,.55);color:#f7f1e2;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.esoteric .intro-card:after{width:170px;height:170px;border:1px solid #e8cb8f;opacity:.23;right:-25px;bottom:-90px}
.esoteric .portrait{border-color:var(--lime);width:49px;height:49px}
.esoteric .intro-kicker{color:var(--lime);font-size:10px;letter-spacing:.18em}
.esoteric .intro-title{font:700 30px/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:.01em}
.esoteric .intro-card p{color:#e2d9c2}
.esoteric .quick-link{background:linear-gradient(100deg,#e6c483,#f2ddb0);color:#182d24;box-shadow:0 7px 20px rgba(220,172,82,.2)}
.esoteric .section-title h2{font:700 24px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.01em}
.esoteric .portal{border:1px solid var(--border);background:rgba(15,39,31,.8);backdrop-filter:blur(10px);box-shadow:0 10px 26px rgba(0,0,0,.15)}
.esoteric .portal.emerald{background:linear-gradient(125deg,rgba(22,61,46,.94),rgba(12,38,31,.84))}
.esoteric .portal.sapphire{background:linear-gradient(125deg,rgba(34,50,66,.94),rgba(15,34,47,.84))}
.esoteric .portal strong{font:700 clamp(22px,6vw,28px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:0}
.esoteric .portal small{color:#d3d1c0}
.esoteric .portal-icon{background:rgba(226,191,123,.18);color:#e8cb8f;border:1px solid rgba(226,191,123,.38)}
.esoteric .portal.sapphire .portal-icon{background:rgba(168,192,238,.17);color:#c4d7ee;border-color:rgba(168,192,238,.38)}
.esoteric .portal-arrow{color:#e8cb8f}
.esoteric .bottom-nav{background:color-mix(in srgb,var(--paper) 86%,transparent);border-top-color:var(--line)}
.esoteric .bottom-nav a.active{background:var(--lime);color:#192b21}
.esoteric .page-head h1{font:700 30px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:0}
.esoteric .head-icon{background:rgba(226,191,123,.16);color:var(--lime);border:1px solid var(--border)}
.esoteric .service,.esoteric .story{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px)}
.esoteric .service strong{font-size:14px}
.esoteric .copy.heading{font:700 24px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:0}
.esoteric .cta{background:var(--lime);color:#192b21}
html[data-theme=light] .esoteric .portal{color:#f8f3e7}
html[data-theme=light] .esoteric .portal small{color:#dfdfd1}
@media(max-height:700px){.esoteric .intro-title{font-size:27px}.esoteric .portal strong{font-size:22px}.esoteric .section-title h2{font-size:21px}}
html[data-theme=dark] .esoteric .intro-card{background:linear-gradient(120deg,rgba(17,52,41,.96),rgba(13,34,29,.9));color:#f7f1e2;border-color:rgba(232,203,143,.55)}
html[data-theme=dark] .esoteric .portal.emerald{background:linear-gradient(125deg,rgba(22,61,46,.94),rgba(12,38,31,.84))}
html[data-theme=dark] .esoteric .portal.sapphire{background:linear-gradient(125deg,rgba(34,50,66,.94),rgba(15,34,47,.84))}
html[data-theme=light] .esoteric .intro-card{background:linear-gradient(120deg,#1d4a3b,#15372f);color:#f7f1e2}
html[data-theme=light] .esoteric .portal.emerald{background:linear-gradient(125deg,#285b46,#173e34)}
html[data-theme=light] .esoteric .portal.sapphire{background:linear-gradient(125deg,#34495d,#1d3447)}