@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap');
:root{--bg:#070707;--panel:#0d0d0e;--panel2:#141414;--gold:#d9ae57;--gold2:#f3d98d;--ink:#f6f2e9;--muted:#aaa59b;--line:rgba(217,174,87,.22);--max:1240px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);font-size:.72rem;font-weight:700}.display{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:.92;letter-spacing:-.035em;font-size:clamp(3.1rem,8vw,7.7rem);margin:.2em 0}.h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;margin:.2em 0 .45em}.lead{font-size:clamp(1rem,1.8vw,1.25rem);color:#c8c3b8;max-width:760px}.muted{color:var(--muted)}.gold{color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:48px;padding:.75rem 1.15rem;border:1px solid var(--line);border-radius:999px;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;transition:.35s var(--ease);cursor:pointer;background:transparent;color:var(--ink)}.btn:hover,.btn:focus-visible{background:var(--gold);color:#080808;border-color:var(--gold);transform:translateY(-2px)}.btn.goldbtn{background:linear-gradient(120deg,#b9852e,#f2d584,#a87524);color:#080808;border:0}.btns{display:flex;gap:.75rem;flex-wrap:wrap}.site-header{position:fixed;z-index:90;left:0;right:0;top:0;height:82px;display:flex;align-items:center;border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(#080808c9,transparent)}.site-header.scrolled{height:68px;background:#080808e8;backdrop-filter:blur(16px);border-color:var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:168px;height:52px;object-fit:cover;object-position:center 42%;border-radius:4px}.navlinks{display:flex;align-items:center;gap:1.15rem;font-size:.79rem}.navlinks a{color:#d8d3c8}.navlinks a:hover{color:var(--gold2)}.hamb{display:none;border:0;background:none;color:white;font-size:1.5rem}.hero{min-height:100svh;position:relative;display:grid;align-items:center;padding:120px 0 70px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 35%,rgba(214,167,71,.14),transparent 24%),radial-gradient(circle at 15% 70%,rgba(255,255,255,.05),transparent 20%);z-index:-2}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw}.hero-copy{position:relative;z-index:2}.hero-copy .display span{display:block;overflow:hidden}.hero-copy .display i{display:block;font-style:normal;transform:translateY(110%);animation:rise 1s var(--ease) forwards}.hero-copy .display span:nth-child(2) i{animation-delay:.12s}.hero-copy .display span:nth-child(3) i{animation-delay:.24s}@keyframes rise{to{transform:none}}.hero-art{position:relative;min-height:620px;display:grid;place-items:center}.orb{position:absolute;width:min(38vw,520px);aspect-ratio:1;border:1px solid rgba(217,174,87,.24);border-radius:50%;animation:spin 24s linear infinite}.orb:before,.orb:after{content:'';position:absolute;border:1px solid rgba(217,174,87,.14);border-radius:50%;inset:8%}.orb:after{inset:20%;border-style:dashed;animation:spin 13s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-logo{width:min(44vw,590px);border-radius:28px;box-shadow:0 50px 100px #000,0 0 80px rgba(213,166,65,.12);clip-path:inset(0 0 0 0 round 28px);animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px)}}.scan{position:absolute;width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);box-shadow:0 0 16px var(--gold);animation:scan 5s ease-in-out infinite}@keyframes scan{0%,100%{transform:translateY(-180px);opacity:0}15%,85%{opacity:1}50%{transform:translateY(180px)}}.hero-index{position:absolute;right:3%;bottom:4%;font-family:'Cormorant Garamond';font-size:8rem;color:#ffffff0a;line-height:1}.scrollcue{position:absolute;bottom:28px;left:50%;font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:#8f8b82}.scrollcue:before{content:'';display:block;width:1px;height:36px;background:var(--gold);margin:0 auto 8px;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.25;transform:scaleY(.5)}}section{padding:110px 0;position:relative}.section-line{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.reveal{opacity:0;transform:translateY(36px);transition:1s var(--ease)}.reveal.in{opacity:1;transform:none}.division-grid,.course-grid,.service-grid,.faculty-grid,.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;padding:30px;border:1px solid #ffffff12;background:linear-gradient(145deg,#121212,#090909);border-radius:22px;overflow:hidden;min-height:300px;transition:.45s var(--ease)}.card:before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at var(--mx,80%) var(--my,10%),rgba(232,190,97,.16),transparent 30%);pointer-events:none}.card:hover{transform:translateY(-7px);border-color:var(--line)}.card-num{font-family:'Cormorant Garamond';font-size:4rem;color:#ffffff12;position:absolute;right:20px;top:4px}.card h3{font-family:'Cormorant Garamond';font-size:2rem;line-height:1.05;margin:25px 0 12px}.clean{padding-left:1.1rem;color:#b8b2a7}.clean li{margin:.35rem 0}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:20px 0}.marquee-track{display:flex;width:max-content;gap:2rem;animation:marq 28s linear infinite;font-family:'Cormorant Garamond';font-size:clamp(2rem,4vw,4rem);white-space:nowrap;color:#d7d0c2}.marquee-track span:nth-child(even){color:var(--gold)}@keyframes marq{to{transform:translateX(-50%)}}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.sticky-title{position:sticky;top:110px}.statrow{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.stat{padding:35px 10px;text-align:center}.stat b{font-family:'Cormorant Garamond';font-size:3rem;color:var(--gold2);display:block}.page-hero{padding:160px 0 80px;min-height:54vh;display:flex;align-items:end;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 30%,rgba(217,174,87,.12),transparent 24%)}.page-hero .display{font-size:clamp(3.4rem,7vw,7rem)}.course-card{min-height:330px;display:flex;flex-direction:column}.course-card .meta{display:flex;justify-content:space-between;border-block:1px solid #ffffff12;padding:12px 0;margin:16px 0;color:#bbb4a7;font-size:.84rem}.course-card .btn{margin-top:auto;align-self:flex-start}.notice{border-left:2px solid var(--gold);padding:18px 20px;background:#d9ae570c;color:#c8c1b4}.timeline{display:grid;gap:0}.step{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid #ffffff12}.step b{font-family:'Cormorant Garamond';font-size:2.6rem;color:var(--gold)}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.field input,.field select,.field textarea{width:100%;background:#0b0b0b;color:white;border:1px solid #ffffff1c;border-radius:12px;padding:14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.check{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:#aaa}.faq details{border-bottom:1px solid #ffffff15;padding:20px 0}.faq summary{cursor:pointer;font-size:1.05rem;font-weight:600}.faq p{color:#aaa}.footer{border-top:1px solid var(--line);padding:70px 0 110px;background:#050505}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.footer h4{color:var(--gold2);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.footer a{display:block;color:#aaa;margin:.4rem 0}.footer a:hover{color:white}.mobile-cta{display:none}.transition{position:fixed;inset:0;background:#caa24d;z-index:200;transform:translateY(-101%);pointer-events:none}.transition.go{animation:wipe .85s var(--ease)}@keyframes wipe{0%{transform:translateY(-101%)}45%{transform:translateY(0)}55%{transform:translateY(0)}100%{transform:translateY(101%)}}.goldline{height:1px;background:linear-gradient(90deg,transparent,#e3bc65,transparent);transform:scaleX(0);transition:1.2s var(--ease)}.goldline.in{transform:scaleX(1)}.cursor-dot{position:fixed;width:7px;height:7px;border-radius:50%;background:var(--gold2);pointer-events:none;z-index:300;mix-blend-mode:difference;transform:translate(-50%,-50%)}.cursor-ring{position:fixed;width:34px;height:34px;border:1px solid #e7c873;border-radius:50%;pointer-events:none;z-index:299;transform:translate(-50%,-50%);transition:width .2s,height .2s}.blog-card{min-height:260px}.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.65rem;color:var(--gold2);text-transform:uppercase;letter-spacing:.1em}.hero-ribbon{position:absolute;top:96px;right:-2vw;writing-mode:vertical-rl;color:#ffffff15;letter-spacing:.4em;font-size:.7rem}.course-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.sidebar{position:sticky;top:95px;height:max-content}.legal h2{font-family:'Cormorant Garamond';font-size:2.2rem;margin-top:2rem}.legal p,.legal li{color:#b5afa4}.service-chip{display:inline-block;padding:8px 12px;border:1px solid #ffffff17;border-radius:999px;margin:4px;color:#bbb}.logo-stage{border:1px solid var(--line);border-radius:26px;padding:16px;background:#000}.logo-stage img{border-radius:16px;width:100%}
@media(max-width:980px){.navlinks{display:none;position:fixed;inset:0;background:#080808;padding:100px 30px 90px;flex-direction:column;align-items:flex-start;font-family:'Cormorant Garamond';font-size:2.2rem}.navlinks.open{display:flex}.hamb{display:block}.hero-grid,.split,.course-detail-grid{grid-template-columns:1fr}.hero-art{min-height:420px}.hero-logo{width:min(88vw,590px)}.orb{width:min(75vw,500px)}.division-grid,.course-grid,.service-grid,.faculty-grid,.legal-grid{grid-template-columns:1fr 1fr}.sticky-title,.sidebar{position:relative;top:auto}.footer-grid{grid-template-columns:1fr 1fr}.cursor-dot,.cursor-ring{display:none}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.site-header{height:68px}.brand img{width:132px;height:42px}.hero{padding-top:90px}.hero-grid{gap:10px}.hero-art{min-height:320px}.display{font-size:clamp(3rem,15vw,5rem)}.hero .lead{font-size:.95rem}.scrollcue{display:none}section{padding:76px 0}.division-grid,.course-grid,.service-grid,.faculty-grid,.legal-grid{grid-template-columns:1fr}.card{min-height:auto}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.statrow{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.mobile-cta{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;z-index:85;background:#0a0a0a;border-top:1px solid var(--line)}.mobile-cta a{padding:13px 5px;text-align:center;font-size:.66rem;letter-spacing:.08em}.mobile-cta a:nth-child(2){background:var(--gold);color:#080808}.footer{padding-bottom:130px}.page-hero{padding-top:120px}.course-detail-grid{gap:25px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Header/logo visibility fix v2 */
.site-header{height:104px!important;background:rgba(8,8,8,.96)!important;border-bottom:1px solid var(--line)!important;overflow:visible!important}
.site-header.scrolled{height:92px!important}
.nav{min-height:100%;overflow:visible!important}
.brand{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;overflow:visible!important;padding:6px 0!important}
.brand img{width:210px!important;height:88px!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:14px!important;display:block!important}
.hero{padding-top:142px!important}
.page-hero{padding-top:180px!important}
@media(max-width:1180px){.navlinks{display:none;position:fixed;inset:0;background:#080808;padding:120px 30px 90px;flex-direction:column;align-items:flex-start;font-family:'Cormorant Garamond';font-size:2.2rem;z-index:95}.navlinks.open{display:flex}.hamb{display:block;z-index:96}}
@media(max-width:640px){.site-header,.site-header.scrolled{height:82px!important}.brand img{width:150px!important;height:66px!important;border-radius:12px!important}.hero{padding-top:104px!important}.page-hero{padding-top:135px!important}}

/* Header stability fix v4: sticky header stays in document flow */
.site-header,.site-header.scrolled{
  position:sticky!important;
  top:0!important;
  height:112px!important;
  min-height:112px!important;
  background:rgba(8,8,8,.98)!important;
  backdrop-filter:blur(16px)!important;
  border-bottom:1px solid var(--line)!important;
  overflow:visible!important;
}
.nav{height:112px!important;min-height:112px!important}
.brand{height:100%!important;padding:6px 0!important;overflow:visible!important}
.brand img{width:210px!important;height:98px!important;object-fit:contain!important;object-position:center!important;border-radius:18px!important}
.hero{padding-top:70px!important}
.page-hero{padding-top:70px!important}
@media(max-width:640px){
  .site-header,.site-header.scrolled{height:86px!important;min-height:86px!important}
  .nav{height:86px!important;min-height:86px!important}
  .brand img{width:150px!important;height:74px!important;border-radius:14px!important}
  .hero{padding-top:45px!important}
  .page-hero{padding-top:50px!important}
}

/* FINAL RESPONSIVE DEVICE FIX V5 */
:root{--header-h:112px;--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
main,header,footer,section,.marquee{max-width:100%}
.container{width:min(var(--max),calc(100% - 40px));max-width:100%;padding-left:max(0px,var(--safe-left));padding-right:max(0px,var(--safe-right))}
.site-header,.site-header.scrolled{position:sticky!important;top:0!important;z-index:1000!important;height:var(--header-h)!important;min-height:var(--header-h)!important;background:#080808f7!important;border-bottom:1px solid var(--line)!important;overflow:visible!important;transform:none!important}
.nav{height:100%!important;min-height:0!important;width:min(var(--max),calc(100% - 40px));max-width:100%;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;overflow:visible!important}
.brand{height:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important;padding:7px 0!important;overflow:visible!important}
.brand img{display:block!important;width:auto!important;height:96px!important;max-width:210px!important;max-height:calc(var(--header-h) - 14px)!important;object-fit:contain!important;object-position:center!important;border-radius:16px!important;transform:none!important}
.navlinks{min-width:0}.navlinks a{white-space:nowrap}
.hamb{min-width:48px;min-height:48px;align-items:center;justify-content:center;cursor:pointer;line-height:1;touch-action:manipulation}
.hero{padding-top:clamp(44px,6vw,72px)!important}.page-hero{padding-top:clamp(56px,7vw,82px)!important}
.display,.h2,.lead,.card h3,.notice,p,li{overflow-wrap:anywhere}
.card,.course-card,.logo-stage,.notice{min-width:0;max-width:100%}
img,video,svg,canvas,iframe{max-width:100%;height:auto}

/* Compact laptops, browser sidebars and Windows snapped/minimized windows */
@media (max-width:1180px){
  :root{--header-h:96px}
  .container,.nav{width:min(var(--max),calc(100% - 32px))}
  .brand img{height:82px!important;max-width:180px!important}
  .navlinks{display:none!important;position:fixed!important;inset:var(--header-h) 0 0 0!important;z-index:999!important;background:#080808!important;padding:28px max(24px,env(safe-area-inset-right,0px)) calc(110px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))!important;overflow-y:auto!important;overscroll-behavior:contain;flex-direction:column!important;align-items:flex-start!important;gap:0!important;font-family:'Cormorant Garamond',serif!important;font-size:clamp(1.55rem,4vw,2.15rem)!important}
  .navlinks.open{display:flex!important}
  .navlinks a{display:block;width:100%;padding:11px 8px;border-bottom:1px solid #ffffff10;white-space:normal}
  .navlinks .btn{width:100%;margin-top:12px;font-family:Manrope,Arial,sans-serif;font-size:.72rem}
  .hamb{display:flex!important;z-index:1001!important}
  .hero-grid,.split,.course-detail-grid{grid-template-columns:1fr!important;gap:42px!important}
  .hero-art{min-height:clamp(320px,52vw,500px)!important}.hero-logo{width:min(82vw,540px)!important}
  .division-grid,.course-grid,.service-grid,.faculty-grid,.legal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
  .sticky-title,.sidebar{position:relative!important;top:auto!important}
}

/* Tablets, iPad portrait, narrow desktop windows */
@media (max-width:820px){
  :root{--header-h:90px}
  .brand img{height:76px!important;max-width:164px!important}
  section{padding:82px 0!important}
  .page-hero{min-height:auto!important;padding-top:58px!important;padding-bottom:58px!important;align-items:center!important}
  .page-hero .display{font-size:clamp(2.8rem,10vw,5.2rem)!important;line-height:.96!important}
  .division-grid,.course-grid,.service-grid,.faculty-grid,.legal-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important}
  .statrow{grid-template-columns:1fr!important}
  .form{grid-template-columns:1fr!important}.field.full{grid-column:auto!important}
  .step{grid-template-columns:54px 1fr!important;gap:16px!important}
}

/* Android phones, iPhones and very small browser windows */
@media (max-width:640px){
  :root{--header-h:82px}
  .container,.nav{width:calc(100% - 24px)!important}
  .site-header,.site-header.scrolled{padding-top:env(safe-area-inset-top,0px)!important;height:calc(var(--header-h) + env(safe-area-inset-top,0px))!important;min-height:calc(var(--header-h) + env(safe-area-inset-top,0px))!important}
  .nav{height:var(--header-h)!important}
  .brand{padding:6px 0!important}.brand img{height:68px!important;max-width:146px!important;border-radius:13px!important}
  .hamb{font-size:1.6rem!important}
  .navlinks{inset:calc(var(--header-h) + env(safe-area-inset-top,0px)) 0 0 0!important}
  .hero{min-height:auto!important;padding:46px 0 60px!important}.hero-grid{gap:18px!important}
  .hero-copy .display,.display{font-size:clamp(2.65rem,14vw,4.5rem)!important;line-height:.94!important}
  .h2{font-size:clamp(2.15rem,11vw,3.6rem)!important}
  .hero-art{min-height:300px!important}.hero-logo{width:min(92vw,500px)!important}.orb{width:min(82vw,430px)!important}
  section{padding:68px 0!important}.page-hero{padding:46px 0 52px!important}
  .card{padding:24px!important;border-radius:18px!important}.card h3{font-size:1.75rem!important}
  .course-card .meta{gap:14px;flex-wrap:wrap}.notice{padding:16px!important}
  .btns{display:grid!important;grid-template-columns:1fr!important}.btn{width:100%}
  .mobile-cta{padding-bottom:env(safe-area-inset-bottom,0px)!important}
  .footer{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important}
  .marquee-track{font-size:clamp(1.65rem,9vw,2.7rem)!important}
}

@media (max-width:390px){
  :root{--header-h:76px}.container,.nav{width:calc(100% - 20px)!important}.brand img{height:62px!important;max-width:132px!important}.hero-copy .display,.display{font-size:clamp(2.35rem,13.5vw,3.6rem)!important}.eyebrow{letter-spacing:.13em!important}.card{padding:20px!important}.mobile-cta a{font-size:.6rem!important;padding:12px 3px!important}
}
@media (max-height:520px) and (orientation:landscape){.navlinks{padding-top:16px!important}.navlinks a{padding:7px 8px!important;font-size:1.35rem}.hero{padding-top:32px!important}.scrollcue{display:none!important}}
@media (hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}.card:hover{transform:none!important}.btn:hover{transform:none}}
@supports (height:100dvh){.navlinks{max-height:calc(100dvh - var(--header-h))}.hero{min-height:calc(100dvh - var(--header-h))}}

/* ===== DERMOLYXA V7 FINAL MENU / CROSS-DEVICE FIX ===== */
/* Full-screen premium menu. Scroll remains functional as an emergency fallback,
   but browser scrollbars are intentionally hidden on desktop, Android and iOS. */
@media (max-width:1180px){
  body.menu-open{overflow:hidden!important;touch-action:none}
  .navlinks{
    display:none!important;
    position:fixed!important;
    inset:var(--header-h) 0 0 0!important;
    z-index:999!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:calc(100dvh - var(--header-h))!important;
    max-height:none!important;
    margin:0!important;
    padding:clamp(14px,2.6vh,30px) max(24px,calc((100vw - min(900px,88vw))/2)) calc(24px + env(safe-area-inset-bottom,0px))!important;
    background:radial-gradient(circle at 82% 12%,rgba(217,174,87,.09),transparent 28%),#080808!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    -webkit-overflow-scrolling:touch;
  }
  .navlinks::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .navlinks.open{display:flex!important}
  .navlinks a:not(.btn){
    flex:0 0 auto!important;
    width:100%!important;
    padding:clamp(5px,1.05vh,11px) 8px!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    font-family:'Cormorant Garamond',serif!important;
    font-size:clamp(1.25rem,3.1vh,2rem)!important;
    line-height:1.05!important;
    white-space:normal!important;
  }
  .navlinks .btn{
    flex:0 0 auto!important;
    width:100%!important;
    min-height:42px!important;
    margin-top:clamp(8px,1.5vh,16px)!important;
    padding:8px 14px!important;
  }
}
/* Short laptop windows / Windows Snap: use two columns instead of showing a scrollbar. */
@media (max-width:1180px) and (max-height:650px){
  .navlinks{display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;align-content:center!important;column-gap:26px!important;padding-top:12px!important;padding-bottom:12px!important}
  .navlinks.open{display:grid!important}
  .navlinks a:not(.btn){font-size:clamp(1.08rem,3.4vh,1.55rem)!important;padding:5px 8px!important}
  .navlinks .btn{margin-top:6px!important;min-height:38px!important}
}
@media (max-width:640px){
  .navlinks{inset:calc(var(--header-h) + env(safe-area-inset-top,0px)) 0 0 0!important;height:calc(100dvh - var(--header-h) - env(safe-area-inset-top,0px))!important;padding-left:max(20px,env(safe-area-inset-left,0px))!important;padding-right:max(20px,env(safe-area-inset-right,0px))!important}
}
/* Very narrow phones stay single-column even in landscape. */
@media (max-width:520px) and (max-height:650px){.navlinks.open{display:flex!important}.navlinks a:not(.btn){font-size:clamp(1.05rem,3.1vh,1.4rem)!important;padding:4px 7px!important}}

/* ===== DERMOLYXA V9 CUSTOM COURSE / SERVICE SELECT ===== */
.dx-select{position:relative;width:100%;z-index:20}
.dx-select.open{z-index:120}
.dx-select-trigger{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid #ffffff1c;border-radius:12px;background:#0b0b0b;color:var(--ink);font:inherit;text-align:left;cursor:pointer;outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}
.dx-select-trigger:hover,.dx-select-trigger:focus-visible,.dx-select.open .dx-select-trigger{border-color:var(--gold);background:#0e0d0a;box-shadow:0 0 0 3px rgba(217,174,87,.08)}
.dx-chevron{width:9px;height:9px;border-right:2px solid var(--gold2);border-bottom:2px solid var(--gold2);transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--ease);flex:0 0 auto}
.dx-select.open .dx-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.dx-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;max-height:min(58vh,520px);overflow:auto;overscroll-behavior:contain;padding:10px;background:linear-gradient(155deg,#12110e,#080808 58%);border:1px solid rgba(217,174,87,.55);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025);scrollbar-width:thin;scrollbar-color:var(--gold) #0b0b0b}
.dx-select.open .dx-select-menu{display:block;animation:dxDrop .2s var(--ease)}
@keyframes dxDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.dx-select-menu::-webkit-scrollbar{width:8px}.dx-select-menu::-webkit-scrollbar-track{background:#0b0b0b;border-radius:10px}.dx-select-menu::-webkit-scrollbar-thumb{background:linear-gradient(#b9852e,#f2d584,#a87524);border-radius:10px;border:2px solid #0b0b0b}
.dx-group+.dx-group{margin-top:10px;padding-top:10px;border-top:1px solid rgba(217,174,87,.18)}
.dx-group-title{padding:7px 10px 6px;color:var(--gold2);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dx-option{display:block;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#eee9df;font:inherit;text-align:left;line-height:1.35;cursor:pointer;transition:background .18s ease,color .18s ease,padding-left .18s ease}
.dx-option:hover,.dx-option:focus-visible{outline:none;background:rgba(217,174,87,.13);color:#fff;padding-left:16px}.dx-option.selected{background:linear-gradient(90deg,rgba(217,174,87,.22),rgba(217,174,87,.06));color:var(--gold2)}
@media(max-width:640px){.dx-select-menu{position:fixed;left:12px;right:12px;top:auto;bottom:calc(74px + env(safe-area-inset-bottom,0px));max-height:min(62dvh,560px);border-radius:18px;padding:9px}.dx-option{padding:12px 11px;min-height:46px}.dx-group-title{position:sticky;top:-10px;z-index:2;background:#0b0b0b;padding-top:11px;padding-bottom:9px}}

/* DERMOLYXA illustrative image enhancement */
.dx-image-banner{position:relative;isolation:isolate;min-height:clamp(280px,36vw,510px);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#090909}
.dx-image-banner::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--dx-image);background-position:center;background-size:cover;filter:saturate(.78);transform:scale(1.01)}
.dx-image-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.83) 40%,rgba(5,5,5,.23) 100%)}
.dx-image-banner .container{padding-block:clamp(38px,7vw,95px)}
.dx-image-banner h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.04;max-width:740px;margin:10px 0 18px}
.dx-image-banner p{max-width:570px;color:#e3ddd1}
.dx-image-banner .btn{margin-top:16px}
.dx-image-banner .dx-note{font-size:.72rem;color:#b8ad99;margin-top:20px}
@media(max-width:700px){.dx-image-banner{min-height:370px}.dx-image-banner::before{background-position:60% center}.dx-image-banner::after{background:linear-gradient(90deg,rgba(5,5,5,.93),rgba(5,5,5,.63))}.dx-image-banner .container{padding-block:45px}}
@media(prefers-reduced-motion:reduce){.dx-image-banner::before{transform:none}}

/* Final hero composition: matches the home page's large, left-copy/right-subject layout. */
@media(min-width:701px){
.dx-image-banner{min-height:clamp(650px,calc(100svh - 125px),920px)!important}
.dx-image-banner::before{background-position:center center!important;filter:none!important;transform:none!important}
.dx-image-banner::after{background:linear-gradient(90deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,.24) 40%,rgba(5,5,5,0) 75%)!important}
.dx-image-banner .container{position:relative;z-index:1;padding-block:90px!important}
.dx-image-banner h2{max-width:720px}
}
@media(max-width:700px){
.dx-image-banner{min-height:clamp(560px,calc(100svh - 82px),800px)!important}
.dx-image-banner::before{background-position:62% center!important;filter:none!important;transform:none!important}
.dx-image-banner::after{background:linear-gradient(90deg,rgba(5,5,5,.86),rgba(5,5,5,.40))!important}
.dx-image-banner .container{position:relative;z-index:1}
}

/* 2026-10-08: Clinic/Products hero alignment, preserving home styles */
body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner{min-height:clamp(610px,calc(100svh - 112px),900px)!important;align-items:center!important}
body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner::before,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner::before{background-size:cover!important;background-position:65% center!important;filter:none!important;transform:none!important}
body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner::after,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner::after{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.83) 24%,rgba(0,0,0,.55) 43%,rgba(0,0,0,.08) 78%)!important}
body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner .container,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner .container{width:min(calc(100% - 48px),1240px)!important;margin-inline:auto!important;padding-block:80px!important}
body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner h2,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner h2{max-width:650px!important;font-size:clamp(3.2rem,5.4vw,5.6rem)!important;line-height:1.02!important}
@media(max-width:700px){body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner{min-height:clamp(520px,calc(100svh - 86px),760px)!important}body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner::before,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner::before{background-position:65% center!important}body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner::after,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner::after{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.47))!important}body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner h2,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner h2{font-size:clamp(2.5rem,10vw,4rem)!important}body:has(.dx-image-banner[aria-label*="CLINIC"]) .dx-image-banner .container,body:has(.dx-image-banner[aria-label*="PRODUCTS"]) .dx-image-banner .container{width:calc(100% - 32px)!important;padding-block:48px!important}}

/* Reliable hero photos: real HTML image paths resolve relative to the page, not CSS. */
.dx-image-banner::before{background-image:none!important;display:none!important}
.dx-image-banner .dx-hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;z-index:-2;display:block}
.dx-image-banner::after{z-index:-1!important;pointer-events:none}
.dx-image-banner .container{position:relative;z-index:2}
@media(max-width:700px){.dx-image-banner .dx-hero-photo{object-position:65% center}}

/* Course images only; preserve original content and layout. */
.course-grid .course-photo-card{isolation:isolate;background:#090909;border-color:rgba(217,174,87,.42)}
.course-grid .course-photo-card::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:var(--course-photo);background-size:cover;background-position:center right;background-repeat:no-repeat;opacity:.92}
.course-grid .course-photo-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(4,4,4,.97) 0%,rgba(4,4,4,.91) 45%,rgba(4,4,4,.56) 77%,rgba(4,4,4,.26) 100%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 65%)}
.course-grid .course-photo-card>*{position:relative;z-index:1}
.course-grid .course-photo-card .muted,.course-grid .course-photo-card .meta{color:#f0e9de}
.course-grid .course-photo-card h3{text-shadow:0 2px 8px #000}

/* Course photographs: actual image elements above card background, beneath overlay and text. */
.course-grid .course-photo-card {position:relative;isolation:isolate;background:#080808!important}
.course-grid .course-photo-card::before{display:none!important;content:none!important}
.course-grid .course-photo-card>.course-card-photo{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;object-fit:cover!important;
 object-position:center right!important;display:block!important;opacity:1!important;
 z-index:0!important;pointer-events:none!important;
}
.course-grid .course-photo-card::after{
 content:"";display:block!important;position:absolute!important;inset:0!important;
 z-index:1!important;pointer-events:none!important;
 background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.79) 48%,rgba(0,0,0,.25) 100%)!important;
}
.course-grid .course-photo-card>:not(.course-card-photo){position:relative!important;z-index:2!important}

/* Android navigation: suppress old-page wipe; native navigation is immediate. */
.transition,.transition.go{display:none!important;animation:none!important}