/* ============================================================
   DESIGN MASTER EVENTS — FINAL RESPONSIVE STYLESHEET
   Desktop / Laptop / Tablet / Mobile
============================================================ */
:root{--dm-gold:#baa078;--dm-gold-light:#d8c8ad;--dm-gold-dark:#8d7045;--dm-ink:#181818;--dm-text:#66635f;--dm-muted:#a9a39b;--dm-white:#ffffff;--dm-ivory:#f8f5ef;--dm-navbar-height:76px;--dm-page-gutter:clamp(14px,1.25vw,22px);--dm-frame-max:1660px;--dm-content-max:1320px;--dm-ease:cubic-bezier(.22,1,.36,1);--dm-ease-soft:cubic-bezier(.16,1,.3,1);}
*, *::before, *::after{box-sizing:border-box;}
html{width:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--dm-navbar-height) + 18px);}
#home-body{padding-top:0rem;}
body{width:100%;min-width:320px;margin:0;overflow-x:hidden;color:var(--dm-ink);background:var(--dm-white);font-family:"Roboto Condensed",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
::selection{color:#fff;background:var(--dm-gold-dark);}
img, picture, svg, video, canvas{display:block;max-width:100%;}
img{height:auto;}
a{color:inherit;text-decoration:none;}
button, a{-webkit-tap-highlight-color:transparent;}
button, input, select, textarea{font:inherit;}
.padding-left-right{padding-left:5%;padding-right:5%;}
/* ============================================================
   FIXED SCROLL NAVBAR
============================================================ */
.dm-scroll-navbar{min-height:var(--dm-navbar-height);padding:0;border-bottom:1px solid rgba(186,160,120,.24);background:rgba(255,255,255,.91);box-shadow:0 18px 52px rgba(49,38,23,.10);opacity:0;visibility:hidden;transform:translateY(calc(-100% - 14px));backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);transition:transform .55s var(--dm-ease),opacity .35s ease,visibility .35s ease;}
.dm-scroll-navbar.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
.dm-navbar-container{width:min(92%,1480px);max-width:none;margin-inline:auto;}
.dm-scroll-navbar .navbar-brand{display:flex;flex:0 0 auto;align-items:center;width:clamp(115px,25vw,300px);margin:0;padding:5px 0;}
.dm-scroll-navbar .navbar-brand img{width:100%;}
.dm-scroll-navbar .navbar-nav{align-items:center;gap:clamp(7px,1vw,19px);}
.dm-scroll-navbar .nav-link{position:relative;padding:27px 2px 24px !important;color:#585653;font-size:clamp(15px,1.00vw,16px);font-weight:400;line-height:1;white-space:nowrap;transition:color .28s ease;}
.dm-scroll-navbar .nav-link::after{content:"";position:absolute;right:100%;bottom:18px;left:0;height:1px;background:linear-gradient(90deg,var(--dm-gold-dark),var(--dm-gold-light));transition:right .35s var(--dm-ease);}
.dm-scroll-navbar .nav-link:hover, .dm-scroll-navbar .nav-link:focus-visible, .dm-scroll-navbar .nav-link.active{color:var(--dm-gold-dark);}
.dm-scroll-navbar .nav-link:hover::after, .dm-scroll-navbar .nav-link:focus-visible::after, .dm-scroll-navbar .nav-link.active::after{right:0;}
.navbar-toggler{width:45px;height:42px;padding:9px 10px;border:1px solid rgba(141,112,69,.42);border-radius:0;background:rgba(255,255,255,.74);box-shadow:none !important;}
.dm-toggler-line{display:block;width:100%;height:1px;margin:5px 0;background:var(--dm-gold-dark);transition:transform .3s ease,opacity .3s ease;}
/* ============================================================
   PREMIUM HERO — GLOBAL STRUCTURE
============================================================ */
.dm-hero{position:relative;width:100%;min-height:100vh;min-height:100svh;padding:var(--dm-page-gutter);overflow:hidden;background:radial-gradient(circle at 77% 34%,rgba(216,200,173,.18),transparent 31%),linear-gradient(135deg,#fff 0%,#fff 60%,#faf8f4 100%);}
.dm-hero-backdrop, .dm-backdrop-grid, .dm-backdrop-glow, .dm-backdrop-orbit{position:absolute;pointer-events:none;}
.dm-hero-backdrop{inset:0;overflow:hidden;}
.dm-backdrop-grid{inset:0;opacity:.31;background-image:linear-gradient(rgba(141,112,69,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(141,112,69,.055) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);}
.dm-backdrop-glow{top:8%;right:7%;width:min(46vw,760px);aspect-ratio:1;border-radius:50%;background:rgba(186,160,120,.13);filter:blur(85px);animation:dmGlowPulse 7s ease-in-out infinite;}
.dm-backdrop-orbit{border:1px solid rgba(186,160,120,.13);border-radius:50%;}
.dm-backdrop-orbit::before, .dm-backdrop-orbit::after{content:"";position:absolute;width:7px;height:7px;border:1px solid rgba(141,112,69,.56);border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(186,160,120,.08);}
.dm-backdrop-orbit-one{top:-17vw;right:-15vw;width:58vw;height:58vw;animation:dmOrbitRotate 34s linear infinite;}
.dm-backdrop-orbit-one::before{top:51%;left:-4px;}
.dm-backdrop-orbit-one::after{right:10%;bottom:16%;}
.dm-backdrop-orbit-two{right:3vw;bottom:-24vw;width:45vw;height:45vw;animation:dmOrbitRotate 26s linear infinite reverse;}
.dm-backdrop-orbit-two::before{top:18%;right:9%;}
.dm-backdrop-orbit-two::after{bottom:42%;left:-4px;}
.dm-hero-frame{position:relative;z-index:2;width:min(100%,var(--dm-frame-max));height:calc(100vh - (var(--dm-page-gutter) * 2));height:calc(100svh - (var(--dm-page-gutter) * 2));min-height:650px;max-height:980px;margin-inline:auto;overflow:hidden;border:1px solid rgba(186,160,120,.20);background:rgba(255,255,255,.68);box-shadow:0 30px 80px rgba(76,58,31,.07),inset 0 0 0 1px rgba(255,255,255,.65);isolation:isolate;}
.dm-hero-frame::before{content:"";position:absolute;z-index:-1;top:0;left:30%;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(186,160,120,.26) 18%,rgba(186,160,120,.26) 82%,transparent);}
.dm-hero-frame::after{content:"";position:absolute;z-index:-1;right:0;bottom:12.5%;width:72%;height:1px;background:linear-gradient(90deg,rgba(186,160,120,.32),transparent 82%);}
.dm-frame-corner{position:absolute;z-index:20;width:24px;height:24px;pointer-events:none;}
.dm-frame-corner::before, .dm-frame-corner::after{content:"";position:absolute;background:rgba(141,112,69,.75);}
.dm-frame-corner::before{width:24px;height:1px;}
.dm-frame-corner::after{width:1px;height:24px;}
.dm-frame-corner-tl{top:12px;left:12px;}
.dm-frame-corner-tr{top:12px;right:12px;transform:rotate(90deg);}
.dm-frame-corner-bl{bottom:12px;left:12px;transform:rotate(-90deg);}
.dm-frame-corner-br{right:12px;bottom:12px;transform:rotate(180deg);}
/* ============================================================
   HERO BRAND / SIDEBAR / MENU
============================================================ */
.dm-hero-logo{position:absolute;z-index:14;top:clamp(28px,4.5vh,48px);left:clamp(28px,3.35vw,56px);width:clamp(150px,19.6vw,300px);}
.dm-hero-sidebar{position:absolute;z-index:12;top:clamp(160px,25.5%,255px);left:clamp(28px,3.35vw,56px);width:min(29%,430px);min-width:0;}
.dm-hero-title-area{position:relative;z-index:8;width:100%;max-width:100%;min-width:0;}
.dm-vertical-menu{width:100%;margin:clamp(24px,3.4vh,40px) 0 0;padding:0;list-style:none;}
.dm-vertical-menu li{margin:0 0 clamp(8px,1.05vh,12px);padding:0;}
.dm-vertical-menu a{display:inline-flex;align-items:center;gap:11px;color:var(--dm-text);font-family:Arial,sans-serif;font-size:clamp(11px,.76vw,14px);font-weight:400;line-height:1.1;transition:color .28s ease,transform .35s var(--dm-ease);}
.dm-vertical-menu a > span{position:relative;flex:0 0 auto;width:9px;height:1px;background:#aaa6a0;transition:width .32s var(--dm-ease),height .32s var(--dm-ease),border .32s ease,background .32s ease,transform .4s var(--dm-ease);}
.dm-vertical-menu a.active, .dm-vertical-menu a:hover, .dm-vertical-menu a:focus-visible{color:var(--dm-gold-dark);transform:translateX(6px);}
.dm-vertical-menu a.active > span{width:11px;height:11px;border:1px solid var(--dm-gold);border-radius:50%;background:linear-gradient(var(--dm-gold),var(--dm-gold)) center / 1px 72% no-repeat,linear-gradient(90deg,var(--dm-gold),var(--dm-gold)) center / 72% 1px no-repeat;animation:dmActiveMenu 2.4s ease-in-out infinite;}
.dm-vertical-menu a:hover > span, .dm-vertical-menu a:focus-visible > span{width:14px;background-color:var(--dm-gold-dark);}
/* ============================================================
   PREMIUM HEADING — CURRENT MARKUP
============================================================ */
.dm-premium-heading{position:relative;z-index:8;width:100%;max-width:100%;min-width:0;padding:clamp(19px,2vw,30px) clamp(10px,1.3vw,22px) clamp(21px,2.2vw,32px) clamp(29px,2.8vw,44px);overflow:visible;isolation:isolate;}
.dm-premium-heading::before{content:"";position:absolute;z-index:-2;top:54%;left:43%;width:132%;height:132%;border-radius:50%;background:radial-gradient(circle,rgba(186,160,120,.15) 0%,rgba(186,160,120,.055) 42%,transparent 72%);filter:blur(28px);opacity:0;transform:translate(-50%,-50%) scale(.82);animation:dmHeadingAura 1.5s .25s var(--dm-ease) forwards;}
.dm-premium-heading::after{content:"";position:absolute;z-index:12;top:-10%;left:-45%;width:18%;height:120%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),rgba(215,187,139,.24),transparent);filter:blur(6px);opacity:0;transform:skewX(-17deg);animation:dmHeadingSweep 6s 2.2s ease-in-out infinite;}
.dm-heading-corner{position:absolute;display:block;pointer-events:none;}
.dm-heading-corner-top{top:0;left:0;width:clamp(24px,3vw,42px);height:1px;background:linear-gradient(90deg,var(--dm-gold-dark),rgba(186,160,120,.15));transform:scaleX(0);transform-origin:left center;animation:dmCornerWidth .9s .15s var(--dm-ease) forwards;}
.dm-heading-corner-left{top:0;left:0;width:1px;height:clamp(24px,3vw,42px);background:linear-gradient(180deg,var(--dm-gold-dark),rgba(186,160,120,.15));transform:scaleY(0);transform-origin:top center;animation:dmCornerHeight .9s .35s var(--dm-ease) forwards;}
.dm-heading-intro{display:flex;align-items:center;gap:clamp(10px,1.25vw,18px);max-width:100%;margin-bottom:clamp(12px,1.45vw,20px);}
.dm-heading-intro-line{flex:0 0 clamp(24px,3vw,42px);height:1px;background:linear-gradient(90deg,var(--dm-gold-dark),rgba(186,160,120,.12));transform:scaleX(0);transform-origin:left center;animation:dmIntroLine .9s .6s var(--dm-ease) forwards;}
.dm-heading-eyebrow{display:block;max-width:calc(100% - 50px);color:#a08255;font-family:"Oswald",sans-serif;font-size:clamp(8px,.66vw,11px);font-weight:500;line-height:1.35;letter-spacing:clamp(.14em,.19vw,.24em);text-transform:uppercase;overflow-wrap:anywhere;opacity:0;transform:translateY(12px);animation:dmEyebrowIn .9s .7s var(--dm-ease) forwards;}
.dm-heading-main{position:relative;width:100%;min-width:0;}
.dm-heading-vertical-line{position:absolute;top:4px;bottom:8px;left:clamp(-27px,-1.65vw,-18px);width:1px;background:linear-gradient(180deg,rgba(186,160,120,.08),var(--dm-gold),rgba(186,160,120,.08));transform:scaleY(0);transform-origin:top center;animation:dmVerticalGrow 1.15s .72s var(--dm-ease) forwards;}
.dm-heading-vertical-line i{position:absolute;top:0;left:50%;width:7px;height:7px;border:1px solid var(--dm-gold);border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(186,160,120,.06),0 0 18px rgba(186,160,120,.28);transform:translate(-50%,-50%) scale(0);animation:dmVerticalDotIn .5s 1.35s var(--dm-ease) forwards,dmVerticalDotPulse 2.8s 2s ease-in-out infinite;}
.dm-heading-main h1{width:100%;max-width:100%;margin:0;color:transparent;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(40px,3.75vw,67px);font-weight:700;line-height:.91;letter-spacing:-.048em;text-transform:uppercase;}
.dm-heading-line{position:relative;display:block;width:100%;max-width:100%;overflow:hidden;padding:.035em .02em .095em 0;}
.dm-heading-line > span{position:relative;display:block;width:fit-content;max-width:100%;color:transparent;background:linear-gradient(104deg,#9b7b4d 0%,#c3a77a 22%,#ead7b0 46%,#ad8b59 70%,#c5aa7d 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 8px 18px rgba(103,76,39,.08));opacity:0;transform:translateY(112%) rotateX(-18deg);transform-origin:bottom center;will-change:transform,opacity;animation:dmHeadingWordIn 1.1s var(--dm-ease) forwards,dmHeadingGoldFlow 7s 2.3s linear infinite;}
.dm-heading-line:nth-child(1) > span{animation-delay:.72s,2.3s;}
.dm-heading-line:nth-child(2) > span{animation-delay:.88s,2.45s;}
.dm-heading-line:nth-child(3) > span{animation-delay:1.04s,2.6s;}
.dm-heading-line::after{content:"";position:absolute;right:100%;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(186,160,120,.52),transparent);opacity:0;animation:dmHeadingUnderline 1s var(--dm-ease) forwards;}
.dm-heading-line:nth-child(1)::after{animation-delay:1.15s;}
.dm-heading-line:nth-child(2)::after{animation-delay:1.28s;}
.dm-heading-line:nth-child(3)::after{animation-delay:1.41s;}
.dm-heading-footer{display:flex;align-items:center;gap:10px;width:clamp(100px,10vw,155px);margin-top:clamp(14px,1.6vw,24px);}
.dm-heading-footer > span{display:block;flex:1;height:1px;background:linear-gradient(90deg,var(--dm-gold-dark),rgba(186,160,120,.08));transform:scaleX(0);transform-origin:left center;animation:dmFooterLine 1s 1.35s var(--dm-ease) forwards;}
.dm-heading-footer > i{position:relative;display:block;flex:0 0 9px;width:9px;height:9px;border:1px solid var(--dm-gold);border-radius:50%;opacity:0;transform:scale(0) rotate(0);animation:dmFooterIcon .65s 1.85s var(--dm-ease) forwards;}
.dm-heading-footer > i::before, .dm-heading-footer > i::after{content:"";position:absolute;top:50%;left:50%;background:var(--dm-gold-dark);transform:translate(-50%,-50%);}
.dm-heading-footer > i::before{width:13px;height:1px;}
.dm-heading-footer > i::after{width:1px;height:13px;}
/* ============================================================
   LEGACY PREMIUM TITLE — RETAINED FOR EXISTING HTML
============================================================ */
.dm-title-wrap{position:relative;z-index:8;width:100%;max-width:100%;min-width:0;padding:clamp(18px,1.8vw,28px) clamp(10px,1.2vw,20px) clamp(20px,2vw,31px) clamp(28px,2.6vw,42px);overflow:visible;isolation:isolate;}
.dm-title-wrap::before{content:"";position:absolute;z-index:-2;top:50%;left:42%;width:132%;height:126%;border-radius:50%;background:radial-gradient(circle,rgba(186,160,120,.16) 0%,rgba(186,160,120,.07) 35%,transparent 72%);filter:blur(24px);opacity:0;transform:translate(-50%,-50%) scale(.7);animation:dmTitleAura 1.8s .4s var(--dm-ease) forwards;}
.dm-title-wrap::after{content:"";position:absolute;z-index:10;top:-20%;left:-42%;width:24%;height:145%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),rgba(221,196,151,.28),transparent);filter:blur(5px);opacity:0;transform:skewX(-18deg);animation:dmTitleLightSweep 5.5s 2.1s ease-in-out infinite;}
.dm-title-frame{position:absolute;display:block;transform-origin:left center;}
.dm-title-frame-top{top:0;left:0;width:clamp(48px,6vw,96px);height:1px;background:linear-gradient(90deg,var(--dm-gold-dark),rgba(186,160,120,.12));transform:scaleX(0);animation:dmFrameHorizontal 1.1s .25s var(--dm-ease) forwards;}
.dm-title-frame-left{top:0;left:0;width:1px;height:clamp(40px,4.5vw,68px);background:linear-gradient(180deg,var(--dm-gold-dark),rgba(186,160,120,.06));transform:scaleY(0);transform-origin:top center;animation:dmFrameVertical 1.1s .55s var(--dm-ease) forwards;}
.dm-title-accent{position:absolute;top:clamp(36px,3.5vw,52px);left:clamp(9px,.8vw,14px);width:1px;height:0;overflow:visible;background:linear-gradient(180deg,transparent,var(--dm-gold),var(--dm-gold-dark),transparent);box-shadow:0 0 16px rgba(186,160,120,.35);animation:dmAccentGrow 1.15s .7s var(--dm-ease) forwards;}
.dm-title-accent-dot{position:absolute;top:-3px;left:50%;width:7px;height:7px;border:1px solid var(--dm-gold-dark);border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(186,160,120,.08),0 0 18px rgba(186,160,120,.48);transform:translateX(-50%) scale(0);animation:dmAccentDotIn .55s 1.45s var(--dm-ease) forwards,dmAccentDotPulse 2.8s 2.2s ease-in-out infinite;}
.dm-title-eyebrow{position:relative;display:inline-flex;align-items:center;gap:9px;max-width:100%;margin-bottom:clamp(9px,1vw,14px);color:var(--dm-gold-dark);font-family:"Oswald",sans-serif;font-size:clamp(8px,.64vw,10px);font-weight:500;line-height:1.35;letter-spacing:.22em;text-transform:uppercase;opacity:0;transform:translateY(12px);animation:dmEyebrowReveal .9s .8s var(--dm-ease) forwards;}
.dm-title-eyebrow::before{content:"";flex:0 0 clamp(18px,2vw,32px);width:clamp(18px,2vw,32px);height:1px;background:linear-gradient(90deg,var(--dm-gold-dark),rgba(186,160,120,.2));}
.dm-premium-title, .dm-hero-sidebar h1, .dm-mobile-heading h1{width:100%;max-width:100%;margin:0;color:var(--dm-gold);font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(40px,3.7vw,66px);font-weight:700;line-height:.91;letter-spacing:-.048em;text-transform:uppercase;}
.dm-title-line, .dm-hero-sidebar h1 > span, .dm-mobile-heading h1 > span{position:relative;display:block;max-width:100%;overflow:hidden;padding:.035em .02em .09em 0;}
.dm-title-word{position:relative;display:block;width:fit-content;max-width:100%;opacity:0;transform:translateY(115%) rotateX(-18deg);transform-origin:bottom center;will-change:transform,opacity;animation:dmTitleWordReveal 1.15s var(--dm-ease) forwards;}
.dm-title-line:nth-child(1) .dm-title-word{animation-delay:.55s;}
.dm-title-line:nth-child(2) .dm-title-word{animation-delay:.72s;}
.dm-title-line:nth-child(3) .dm-title-word{animation-delay:.89s;}
.dm-title-word-gold{color:transparent;background:linear-gradient(100deg,#8d6f43 0%,#baa078 22%,#ead8b5 46%,#aa8958 68%,#d5bd91 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 7px 18px rgba(144,108,55,.12));animation:dmTitleWordReveal 1.15s .89s var(--dm-ease) forwards,dmGoldTextFlow 6s 2s linear infinite;}
.dm-title-line::after{content:"";position:absolute;right:100%;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(186,160,120,.7),transparent);opacity:0;animation:dmLineHighlight 1.1s var(--dm-ease) forwards;}
.dm-title-line:nth-child(1)::after{animation-delay:1.1s;}
.dm-title-line:nth-child(2)::after{animation-delay:1.25s;}
.dm-title-line:nth-child(3)::after{animation-delay:1.4s;}
.dm-title-signature{display:flex;align-items:center;gap:9px;width:clamp(90px,8vw,132px);margin-top:clamp(12px,1.3vw,20px);}
.dm-title-signature span{display:block;flex:1;height:1px;background:linear-gradient(90deg,var(--dm-gold-dark),rgba(186,160,120,.08));transform:scaleX(0);transform-origin:left;animation:dmSignatureLine 1.05s 1.32s var(--dm-ease) forwards;}
.dm-title-signature i{position:relative;display:block;width:8px;height:8px;border:1px solid var(--dm-gold);border-radius:50%;opacity:0;transform:scale(0);animation:dmSignatureDot .6s 1.88s var(--dm-ease) forwards;}
.dm-title-signature i::before, .dm-title-signature i::after{content:"";position:absolute;top:50%;left:50%;background:var(--dm-gold-dark);transform:translate(-50%,-50%);}
.dm-title-signature i::before{width:12px;height:1px;}
.dm-title-signature i::after{width:1px;height:12px;}
/* ============================================================
   HERO ART / IMAGE
============================================================ */
.dm-art-stage{position:absolute;z-index:4;top:1.5%;right:-3.5%;width:78%;height:87%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate3d(38px,0,0) scale(.975);transform-style:preserve-3d;will-change:transform,opacity;}
body.is-ready .dm-art-stage{opacity:1;transform:translate3d(0,0,0) scale(1);transition:opacity 1.1s ease .18s,transform 1.25s var(--dm-ease) .12s;}
.dm-art-stage::before{content:"";position:absolute;z-index:-2;top:14%;right:11%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(216,200,173,.36),rgba(216,200,173,.08) 48%,transparent 70%);filter:blur(18px);animation:dmGlowPulse 6s ease-in-out infinite;}
.dm-art-light{position:absolute;z-index:-1;top:4%;right:3%;width:60%;height:84%;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.85) 49%,transparent 63%);opacity:.38;transform:translateX(-90%) skewX(-10deg);animation:dmArtShine 6.8s ease-in-out infinite 1.2s;}
.dm-art-ring{position:absolute;z-index:-1;border:1px solid rgba(186,160,120,.22);border-radius:50%;}
.dm-art-ring::before{content:"";position:absolute;top:50%;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--dm-gold);box-shadow:0 0 0 7px rgba(186,160,120,.09);}
.dm-art-ring-one{top:9%;right:10%;width:54%;aspect-ratio:1;animation:dmOrbitRotate 22s linear infinite;}
.dm-art-ring-two{top:21%;right:2%;width:42%;aspect-ratio:1;border-style:dashed;animation:dmOrbitRotate 29s linear infinite reverse;}
.dm-hero-art{position:relative;z-index:3;width:100%;max-width:none;max-height:100%;object-fit:contain;object-position:center;user-select:none;pointer-events:none;filter:drop-shadow(0 26px 26px rgba(54,43,25,.10));transform:translate3d(2%,0,0) scale(1.045);animation:none;will-change:auto;}
/* ============================================================
   HERO TAGLINE / SCROLL CUE
============================================================ */
.dm-hero-tagline{position:absolute;z-index:14;left:26.1%;bottom:5.1%;max-width:60%;margin:0;color:#1b1a19;font-family:"Oswald","Arial Narrow",sans-serif;font-size:clamp(29px,2.45vw,47px);font-weight:200;line-height:.97;letter-spacing:-.04em;text-transform:uppercase;}
.dm-hero-tagline span{display:block;white-space:nowrap;}
.dm-tagline-emphasis{position:relative;width:max-content;max-width:100%;color:var(--dm-gold-dark);}
.dm-tagline-emphasis::after{content:"";position:absolute;right:0;bottom:-.14em;left:0;height:1px;background:linear-gradient(90deg,var(--dm-gold-dark),transparent);transform:scaleX(0);transform-origin:left;animation:dmUnderlineReveal 1.2s var(--dm-ease) 1.65s forwards;}
.dm-scroll-cue{position:absolute;z-index:14;right:clamp(24px,3vw,50px);bottom:4.8%;display:flex;align-items:center;gap:12px;color:#77716a;font-family:"Oswald",sans-serif;font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;transition:color .25s ease;}
.dm-scroll-cue:hover, .dm-scroll-cue:focus-visible{color:var(--dm-gold-dark);}
.dm-scroll-cue-line{position:relative;width:64px;height:1px;overflow:hidden;background:rgba(141,112,69,.28);}
.dm-scroll-cue-line::after{content:"";position:absolute;inset:0;background:var(--dm-gold-dark);transform:translateX(-100%);animation:dmScrollLine 2.2s ease-in-out infinite;}
.dm-mobile-topbar, .dm-mobile-heading{display:none;}
/* ============================================================
   OFFCANVAS MOBILE NAVIGATION
============================================================ */
.dm-hero-offcanvas{width:min(88vw,390px) !important;border-left:1px solid rgba(186,160,120,.35);background:radial-gradient(circle at 100% 0%,rgba(186,160,120,.15),transparent 34%),#fff;}
.dm-hero-offcanvas .offcanvas-header{padding:22px 24px;border-bottom:1px solid rgba(186,160,120,.2);}
.dm-hero-offcanvas .offcanvas-header img{width:180px;}
.dm-hero-offcanvas .offcanvas-body{padding:20px 24px 30px;}
.dm-hero-offcanvas .nav-link{position:relative;display:block;padding:13px 0;color:#57534e;font-size:17px;border-bottom:1px solid rgba(0,0,0,.07);transition:color .25s ease,padding-left .3s var(--dm-ease);}
.dm-hero-offcanvas .nav-link::before{content:"";position:absolute;top:50%;left:0;width:0;height:1px;background:var(--dm-gold-dark);transition:width .3s var(--dm-ease);}
.dm-hero-offcanvas .nav-link:hover, .dm-hero-offcanvas .nav-link:focus-visible, .dm-hero-offcanvas .nav-link.active{padding-left:24px;color:var(--dm-gold-dark);}
.dm-hero-offcanvas .nav-link:hover::before, .dm-hero-offcanvas .nav-link:focus-visible::before, .dm-hero-offcanvas .nav-link.active::before{width:15px;}
/* ============================================================
   ENTRANCE REVEALS
============================================================ */
.dm-hero-reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .95s var(--dm-ease);}
body.is-ready .dm-hero-reveal{opacity:1;transform:translateY(0);}
body.is-ready .dm-delay-1{transition-delay:.08s;}
body.is-ready .dm-delay-2{transition-delay:.20s;}
body.is-ready .dm-delay-3{transition-delay:.34s;}
body.is-ready .dm-delay-4{transition-delay:.50s;}
body.is-ready .dm-delay-5{transition-delay:.66s;}
/* ============================================================
   CONTENT SECTIONS
============================================================ */
.dm-content-section{position:relative;display:flex;align-items:center;width:100%;padding:clamp(78px,7.5vw,128px) 0;overflow:hidden;border-top:1px solid rgba(186,160,120,.16);background:#fff;}
.dm-content-section::before{content:"";position:absolute;top:0;right:5%;width:34%;height:100%;opacity:.22;background-image:linear-gradient(rgba(141,112,69,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,112,69,.08) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none;}
.dm-content-section-alt{background:radial-gradient(circle at 86% 30%,rgba(186,160,120,.10),transparent 28%),var(--dm-ivory);}
.dm-section-container{position:relative;z-index:2;display:grid;grid-template-columns:minmax(90px,170px) minmax(0,1fr);align-items:start;gap:clamp(32px,5.5vw,90px);width:min(88%,var(--dm-content-max));max-width:none;margin-inline:auto;}
.dm-section-index{padding-top:10px;color:transparent;font-family:"Oswald",sans-serif;font-size:clamp(62px,7.2vw,116px);font-weight:300;line-height:.8;letter-spacing:-.06em;-webkit-text-stroke:1px rgba(141,112,69,.22);}
.dm-section-copy{position:relative;max-width:920px;min-width:0;}
.dm-section-copy::before{content:"";position:absolute;top:7px;left:-26px;width:1px;height:48px;background:linear-gradient(to bottom,var(--dm-gold-dark),transparent);}
.dm-section-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--dm-gold-dark);font-size:13px;letter-spacing:.17em;text-transform:uppercase;}
.dm-section-kicker::before{content:"";width:22px;height:1px;background:var(--dm-gold-dark);}
.dm-content-section h2{max-width:900px;margin:0 0 22px;font-family:"Oswald",sans-serif;font-size:clamp(38px,4.6vw,70px);font-weight:300;line-height:1.02;letter-spacing:-.025em;text-wrap:balance;text-transform:uppercase;}
.dm-content-section p{max-width:760px;margin:0;color:#68645f;font-family:Arial,sans-serif;font-size:clamp(15px,1.08vw,18px);line-height:1.8;}
[data-reveal-section] .dm-section-index, [data-reveal-section] .dm-section-copy{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform 1s var(--dm-ease);}
[data-reveal-section] .dm-section-copy{transition-delay:.12s;}
[data-reveal-section].is-revealed .dm-section-index, [data-reveal-section].is-revealed .dm-section-copy{opacity:1;transform:translateY(0);}
/* ============================================================
   DESKTOP HOVER DETAILS
============================================================ */
@media (hover: hover) and (pointer: fine){
  .dm-heading-line > span, .dm-title-word{transition:transform .6s var(--dm-ease),filter .45s ease;}
  .dm-premium-heading:hover .dm-heading-line:nth-child(1) > span, .dm-title-wrap:hover .dm-title-line:nth-child(1) .dm-title-word{transform:translateX(4px);}
  .dm-premium-heading:hover .dm-heading-line:nth-child(2) > span, .dm-title-wrap:hover .dm-title-line:nth-child(2) .dm-title-word{transform:translateX(9px);}
  .dm-premium-heading:hover .dm-heading-line:nth-child(3) > span, .dm-title-wrap:hover .dm-title-line:nth-child(3) .dm-title-word{transform:translateX(14px);}
  .dm-premium-heading:hover .dm-heading-line > span{filter:drop-shadow(0 12px 24px rgba(103,76,39,.14));}
}
/* ============================================================
   EXTRA LARGE DESKTOP — 1600px+
============================================================ */
@media (min-width: 1600px){
  .dm-hero-sidebar{top:26%;width:min(28%,455px);}
  .dm-heading-main h1, .dm-premium-title, .dm-hero-sidebar h1{font-size:clamp(56px,3.55vw,72px);}
  .dm-art-stage{right:-2.5%;width:77%;}
  .dm-hero-tagline{left:26.3%;}
}
/* ============================================================
   LAPTOP / MEDIUM DESKTOP — 1200px to 1599px
============================================================ */
@media (min-width: 1200px) and (max-width: 1599.98px){
  .dm-hero-frame{min-height:630px;}
  .dm-hero-sidebar{top:25%;width:min(29%,390px);}
  .dm-heading-main h1, .dm-premium-title, .dm-hero-sidebar h1{font-size:clamp(39px,3.7vw,59px);}
  .dm-art-stage{right:-5.5%;width:81%;}
  .dm-hero-tagline{left:26.5%;font-size:clamp(28px,2.45vw,40px);}
}
/* ============================================================
   SMALL LAPTOP — 992px to 1199px
============================================================ */
@media (min-width: 992px) and (max-width: 1199.98px){
  .dm-hero-frame{min-height:620px;}
  .dm-hero-logo{left:32px;width:200px;}
  .dm-hero-sidebar{top:24.5%;left:32px;width:29.5%;}
  .dm-premium-heading, .dm-title-wrap{padding-right:4px;padding-left:28px;}
  .dm-heading-main h1, .dm-premium-title, .dm-hero-sidebar h1{font-size:clamp(36px,3.7vw,46px);}
  .dm-heading-eyebrow, .dm-title-eyebrow{font-size:8px;}
  .dm-vertical-menu{margin-top:22px;}
  .dm-vertical-menu li{margin-bottom:7px;}
  .dm-vertical-menu a{font-size:11px;}
  .dm-art-stage{top:3%;right:-8%;width:84%;height:84%;}
  .dm-hero-tagline{left:28.5%;bottom:5.3%;max-width:57%;font-size:clamp(27px,2.7vw,34px);}
  .dm-scroll-cue{right:24px;}
}
/* ============================================================
   TABLET — up to 991px
============================================================ */
@media (max-width: 991.98px){
  :root{--dm-navbar-height:68px;--dm-page-gutter:10px;}
  .dm-scroll-navbar{min-height:var(--dm-navbar-height);}
  .dm-scroll-navbar .navbar-brand{width:250px;}
  .dm-scroll-navbar .navbar-collapse{position:absolute;top:100%;right:0;left:0;max-height:calc(100vh - var(--dm-navbar-height));padding:12px 5% 20px;overflow-y:auto;border-top:1px solid rgba(186,160,120,.22);border-bottom:1px solid rgba(186,160,120,.22);background:rgba(255,255,255,.98);box-shadow:0 20px 36px rgba(45,33,15,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
  .dm-scroll-navbar .navbar-nav{align-items:stretch;gap:0;}
  .dm-scroll-navbar .nav-link{padding:10px 0 !important;font-size:14px;}
  .dm-scroll-navbar .nav-link::after{right:auto;bottom:6px;width:28px;opacity:0;}
  .dm-scroll-navbar .nav-link.active::after, .dm-scroll-navbar .nav-link:hover::after, .dm-scroll-navbar .nav-link:focus-visible::after{opacity:1;}
  .dm-hero{min-height:auto;}
  .dm-hero-frame{width:100%;height:auto;min-height:800px;max-height:none;}
  .dm-hero-frame::before{left:18%;}
  .dm-hero-frame::after{right:5%;bottom:12.8%;width:90%;}
  .dm-mobile-topbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:105px;padding:16px 24px 0;}
  .dm-mobile-logo-link{width:200px;}
  .dm-mobile-menu-button{position:relative;width:48px;height:46px;padding:10px;overflow:hidden;border:1px solid rgba(141,112,69,.48);background:rgba(255,255,255,.82);transition:background .3s ease,transform .3s var(--dm-ease);}
  .dm-mobile-menu-button:hover, .dm-mobile-menu-button:focus-visible{background:var(--dm-ivory);transform:translateY(-2px);}
  .dm-mobile-menu-button span{display:block;width:100%;height:1px;margin:5px 0;background:var(--dm-gold-dark);}
  .dm-hero-logo, .dm-hero-sidebar{display:none;}
  .dm-mobile-heading{position:absolute;z-index:18;top:128px;left:24px;display:block;width:min(57%,520px);max-width:calc(100% - 48px);}
  .dm-mobile-heading .dm-premium-heading, .dm-mobile-heading .dm-title-wrap{width:100%;}
  .dm-heading-main h1, .dm-premium-title, .dm-mobile-heading h1{font-size:clamp(45px,7.5vw,68px);}
  .dm-art-stage{top:88px;right:-12%;width:108%;height:73%;}
  .dm-hero-art{transform:translate3d(7%,0,0) scale(1.03);}
  .dm-hero-tagline{right:auto;bottom:6.3%;left:28px;max-width:76%;font-size:clamp(31px,5vw,47px);}
  .dm-scroll-cue{right:28px;bottom:6.2%;}
  .dm-scroll-cue-line{width:46px;}
  .dm-section-container{grid-template-columns:82px minmax(0,1fr);gap:34px;width:min(90%,900px);}
  .dm-section-index{font-size:clamp(60px,10vw,90px);}
  .dm-content-section h2{font-size:clamp(38px,6.5vw,60px);}
}
/* ============================================================
   TABLET PORTRAIT / LARGE MOBILE — up to 767px
============================================================ */
@media (max-width: 767.98px){
  .dm-hero-frame{min-height:max(740px,100svh);}
  .dm-mobile-topbar{min-height:96px;padding-inline:20px;}
  .dm-mobile-logo-link{width:122px;}
  .dm-mobile-heading{top:112px;left:22px;width:min(72%,500px);max-width:calc(100% - 44px);}
  .dm-premium-heading, .dm-title-wrap{padding:18px 6px 22px 29px;}
  .dm-heading-main h1, .dm-premium-title, .dm-mobile-heading h1{font-size:clamp(41px,8.6vw,62px);}
  .dm-heading-eyebrow, .dm-title-eyebrow{max-width:250px;font-size:8px;line-height:1.35;letter-spacing:.18em;}
  .dm-heading-vertical-line{left:-20px;}
  .dm-title-accent{left:10px;}
  .dm-art-stage{top:128px;right:-24%;width:130%;height:65%;}
  .dm-hero-art{transform:translate3d(8%,2%,0) scale(1.04);}
  .dm-hero-tagline{right:22px;bottom:5.4%;left:24px;max-width:none;font-size:clamp(29px,6.3vw,42px);}
  .dm-hero-tagline span{white-space:normal;}
  /*.dm-scroll-cue {
      display: none;
    }*/
  .dm-content-section{padding:78px 0;}
  .dm-section-container{display:block;width:min(88%,680px);}
  .dm-section-index{margin-bottom:28px;font-size:70px;}
  .dm-section-copy::before{top:-14px;left:0;width:42px;height:1px;background:linear-gradient(90deg,var(--dm-gold-dark),transparent);}
  .dm-section-kicker{margin-top:5px;}
  .dm-content-section h2{font-size:clamp(36px,8.4vw,54px);}
}
/* ============================================================
   MOBILE — up to 575px
============================================================ */
@media (max-width: 575.98px){
  :root{--dm-page-gutter:0px;}
  .dm-navbar-container{width:92%;}
  .dm-hero-frame{min-height:max(690px,100svh);border-right:0;border-left:0;}
  .dm-frame-corner{display:none;}
  .dm-hero-frame::before{left:22px;opacity:.58;}
  .dm-hero-frame::after{right:18px;bottom:13.5%;width:calc(100% - 36px);}
  .dm-backdrop-grid{background-size:48px 48px;}
  .dm-backdrop-orbit-one{top:-28vw;right:-30vw;width:95vw;height:95vw;}
  .dm-backdrop-orbit-two{right:-12vw;bottom:-25vw;width:78vw;height:78vw;}
  .dm-mobile-topbar{min-height:90px;padding:12px 18px 0;}
  .dm-mobile-logo-link{width:200px;}
  .dm-mobile-menu-button{width:45px;height:43px;}
  .dm-mobile-heading{top:104px;left:18px;width:calc(100% - 36px);max-width:none;}
  .dm-mobile-heading .dm-premium-heading, .dm-mobile-heading .dm-title-wrap{width:min(83%,390px);}
  .dm-premium-heading, .dm-title-wrap{padding:16px 2px 20px 27px;}
  .dm-heading-intro{gap:9px;margin-bottom:12px;}
  .dm-heading-intro-line{flex-basis:26px;}
  .dm-heading-main h1, .dm-premium-title, .dm-mobile-heading h1{font-size:clamp(36px,10.9vw,52px);line-height:.92;letter-spacing:-.052em;}
  .dm-heading-eyebrow, .dm-title-eyebrow{max-width:225px;font-size:7.5px;letter-spacing:.16em;}
  .dm-heading-vertical-line{left:-18px;bottom:5px;}
  .dm-title-accent{top:34px;left:9px;}
  .dm-heading-footer, .dm-title-signature{width:108px;margin-top:14px;}
  .dm-art-stage{top:147px;right:-35%;width:148%;height:60%;}
  .dm-art-ring-one{top:14%;right:13%;width:48%;}
  .dm-art-ring-two{top:25%;right:4%;width:38%;}
  .dm-hero-art{transform:translate3d(8%,3%,0) scale(1.05);}
  .dm-hero-tagline{right:18px;bottom:4.8%;left:22px;font-size:clamp(26px,8vw,37px);line-height:1;}
  .dm-content-section{padding:72px 0;}
  .dm-content-section::before{right:0;width:58%;background-size:40px 40px;}
  .dm-section-container{width:min(88%,620px);}
  .dm-section-index{margin-bottom:25px;font-size:66px;}
  .dm-section-kicker{font-size:11px;}
  .dm-content-section h2{margin-bottom:18px;font-size:clamp(34px,10vw,48px);line-height:1.04;}
  .dm-content-section p{font-size:15px;line-height:1.7;}
}
/* ============================================================
   SMALL MOBILE — up to 390px
============================================================ */
@media (max-width: 390px){
  .dm-hero-frame{min-height:max(660px,100svh);}
  .dm-mobile-heading{top:160px;left:30px;width:calc(100% - 30px);}
  .dm-mobile-heading .dm-premium-heading, .dm-mobile-heading .dm-title-wrap{width:min(87%,340px);}
  .dm-premium-heading, .dm-title-wrap{padding-left:25px;}
  .dm-heading-main h1, .dm-premium-title, .dm-mobile-heading h1{font-size:clamp(30px,5.65vw,30px);}
  .dm-heading-eyebrow, .dm-title-eyebrow{max-width:195px;font-size:7px;letter-spacing:.14em;}
  .dm-heading-vertical-line{left:-16px;}
  .dm-art-stage{top:145px;right:0%;width:157%;height:58%;}
  .dm-hero-tagline{right:15px;left:18px;font-size:clamp(25px,7.7vw,30px);}
}
/* ============================================================
   VERY SMALL MOBILE — up to 340px
============================================================ */
@media (max-width: 340px){
  .dm-mobile-heading .dm-premium-heading, .dm-mobile-heading .dm-title-wrap{width:90%;}
  .dm-heading-main h1, .dm-premium-title, .dm-mobile-heading h1{font-size:31px;letter-spacing:-.055em;}
  .dm-premium-heading, .dm-title-wrap{padding-right:0;padding-left:23px;}
  .dm-art-stage{right:-45%;width:165%;}
}
/* ============================================================
   SHORT VIEWPORT / LANDSCAPE LAPTOP SUPPORT
============================================================ */
@media (min-width: 992px) and (max-height: 720px){
  .dm-hero-frame{min-height:610px;}
  .dm-hero-logo{top:24px;}
  .dm-hero-sidebar{top:22.5%;}
  .dm-premium-heading, .dm-title-wrap{padding-top:14px;padding-bottom:16px;}
  .dm-heading-main h1, .dm-premium-title, .dm-hero-sidebar h1{font-size:clamp(34px,3.45vw,48px);}
  .dm-heading-footer, .dm-title-signature{margin-top:10px;}
  .dm-vertical-menu{margin-top:15px;}
  .dm-vertical-menu li{margin-bottom:6px;}
  .dm-art-stage{height:84%;}
  .dm-hero-tagline{bottom:4.2%;}
}
@media (max-width: 991.98px) and (orientation: landscape) and (max-height: 620px){
  .dm-hero-frame{min-height:620px;}
  .dm-mobile-heading{top:150px;width:50%;}
  .dm-heading-main h1, .dm-premium-title, .dm-mobile-heading h1{font-size:clamp(26px,5.8vw,48px);}
  .dm-art-stage{top:7px;right:0%;width:100%;height:80%;}
  .dm-hero-tagline{bottom:4%;font-size:clamp(26px,4vw,34px);}
}
/* ============================================================
   KEYFRAMES
============================================================ */
@keyframes dmArtFloat{
  0%, 100%{transform:translate3d(2%,0,0) scale(1.045);}
  50%{transform:translate3d(2%,-10px,0) scale(1.055);}
}
@keyframes dmOrbitRotate{
  to{transform:rotate(360deg);}
}
@keyframes dmGlowPulse{
  0%, 100%{opacity:.58;transform:scale(.96);}
  50%{opacity:1;transform:scale(1.06);}
}
@keyframes dmArtShine{
  0%, 34%{transform:translateX(-100%) skewX(-10deg);opacity:0;}
  46%{opacity:.45;}
  64%, 100%{transform:translateX(115%) skewX(-10deg);opacity:0;}
}
@keyframes dmActiveMenu{
  0%, 100%{box-shadow:0 0 0 0 rgba(186,160,120,.16);}
  50%{box-shadow:0 0 0 6px rgba(186,160,120,0);}
}
@keyframes dmScrollLine{
  0%{transform:translateX(-100%);}
  48%, 58%{transform:translateX(0);}
  100%{transform:translateX(100%);}
}
@keyframes dmUnderlineReveal{
  to{transform:scaleX(1);}
}
@keyframes dmHeadingAura{
  to{opacity:1;transform:translate(-50%,-50%) scale(1);}
}
@keyframes dmTitleAura{
  to{opacity:1;transform:translate(-50%,-50%) scale(1);}
}
@keyframes dmCornerWidth{
  to{transform:scaleX(1);}
}
@keyframes dmFrameHorizontal{
  to{transform:scaleX(1);}
}
@keyframes dmIntroLine{
  to{transform:scaleX(1);}
}
@keyframes dmFooterLine{
  to{transform:scaleX(1);}
}
@keyframes dmSignatureLine{
  to{transform:scaleX(1);}
}
@keyframes dmCornerHeight{
  to{transform:scaleY(1);}
}
@keyframes dmFrameVertical{
  to{transform:scaleY(1);}
}
@keyframes dmVerticalGrow{
  to{transform:scaleY(1);}
}
@keyframes dmEyebrowIn{
  to{opacity:1;transform:translateY(0);}
}
@keyframes dmEyebrowReveal{
  to{opacity:1;transform:translateY(0);}
}
@keyframes dmVerticalDotIn{
  to{transform:translate(-50%,-50%) scale(1);}
}
@keyframes dmVerticalDotPulse{
  0%, 100%{box-shadow:0 0 0 5px rgba(186,160,120,.06),0 0 14px rgba(186,160,120,.22);}
  50%{box-shadow:0 0 0 9px rgba(186,160,120,.025),0 0 24px rgba(186,160,120,.42);}
}
@keyframes dmHeadingWordIn{
  0%{opacity:0;transform:translateY(112%) rotateX(-18deg);}
  65%{opacity:1;}
  100%{opacity:1;transform:translateY(0) rotateX(0);}
}
@keyframes dmHeadingGoldFlow{
  from{background-position:200% center;}
  to{background-position:-20% center;}
}
@keyframes dmGoldTextFlow{
  from{background-position:200% center;}
  to{background-position:-20% center;}
}
@keyframes dmHeadingUnderline{
  0%{right:100%;opacity:0;}
  45%{opacity:.72;}
  100%{right:0;opacity:.35;}
}
@keyframes dmFooterIcon{
  to{opacity:1;transform:scale(1) rotate(90deg);}
}
@keyframes dmHeadingSweep{
  0%, 69%{left:-45%;opacity:0;}
  76%{opacity:.45;}
  94%{opacity:.15;}
  100%{left:118%;opacity:0;}
}
@keyframes dmAccentGrow{
  from{height:0;}
  to{height:clamp(116px,11vw,175px);}
}
@keyframes dmAccentDotIn{
  to{transform:translateX(-50%) scale(1);}
}
@keyframes dmAccentDotPulse{
  0%, 100%{box-shadow:0 0 0 5px rgba(186,160,120,.08),0 0 14px rgba(186,160,120,.35);}
  50%{box-shadow:0 0 0 9px rgba(186,160,120,.03),0 0 25px rgba(186,160,120,.6);}
}
@keyframes dmTitleWordReveal{
  0%{opacity:0;transform:translateY(115%) rotateX(-18deg);}
  65%{opacity:1;}
  100%{opacity:1;transform:translateY(0) rotateX(0);}
}
@keyframes dmLineHighlight{
  0%{right:100%;opacity:0;}
  35%{opacity:1;}
  100%{right:0;opacity:.55;}
}
@keyframes dmSignatureDot{
  to{opacity:1;transform:scale(1);}
}
@keyframes dmTitleLightSweep{
  0%, 70%{left:-42%;opacity:0;}
  76%{opacity:.45;}
  92%{opacity:.2;}
  100%{left:118%;opacity:0;}
}
/* ============================================================
   ACCESSIBILITY / REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *, *::before, *::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;}
  .dm-hero-reveal, .dm-art-stage, [data-reveal-section] .dm-section-index, [data-reveal-section] .dm-section-copy, .dm-premium-heading::before, .dm-premium-heading::after, .dm-heading-corner, .dm-heading-intro-line, .dm-heading-eyebrow, .dm-heading-vertical-line, .dm-heading-vertical-line i, .dm-heading-line > span, .dm-heading-line::after, .dm-heading-footer > span, .dm-heading-footer > i, .dm-title-wrap::before, .dm-title-wrap::after, .dm-title-frame, .dm-title-accent, .dm-title-accent-dot, .dm-title-eyebrow, .dm-title-word, .dm-title-line::after, .dm-title-signature span, .dm-title-signature i{opacity:1 !important;transform:none !important;}
  .dm-title-accent{height:150px;}
}
/* ============================================================
   FINAL DESKTOP COMPOSITION FIX
   Keeps the professional wide layout stable without relying on
   DevTools/viewport resizing. The left presentation panel is
   deliberately wider and the hero artwork is restrained.
============================================================ */
@media (min-width: 1200px){
  .dm-hero-frame::before{left:36%;}
  .dm-hero-frame::after{right:0;width:64%;}
  .dm-hero-sidebar{top:25%;left:clamp(34px,3.35vw,56px);width:min(calc(36% - clamp(58px,4.5vw,78px)),520px);max-width:none;}
  .dm-title-wrap{width:100%;padding:clamp(18px,1.55vw,27px) 4px clamp(20px,1.8vw,30px) clamp(34px,2.45vw,42px);}
  .dm-premium-title, .dm-hero-sidebar h1{font-size:clamp(46px,3.25vw,64px);line-height:.94;letter-spacing:-.047em;}
  .dm-title-line, .dm-title-word{max-width:none;}
  .dm-title-word{white-space:nowrap;}
  .dm-title-eyebrow{font-size:clamp(8px,.58vw,10px);letter-spacing:.22em;white-space:nowrap;}
  .dm-art-stage, body.is-ready .dm-art-stage{top:0;right:0;width:64%;height:87%;transform:none;}
  .dm-hero-art{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center top;transform:none;animation:none !important;will-change:auto;}
  .dm-hero-tagline{left:27%;bottom:4.7%;max-width:64%;font-size:clamp(29px,2.35vw,45px);}
}
/* Compact laptop composition without clipping the title. */
@media (min-width: 992px) and (max-width: 1199.98px){
  .dm-hero-frame::before{left:34%;}
  .dm-hero-frame::after{width:66%;}
  .dm-hero-sidebar{top:24.5%;width:calc(34% - 46px);}
  .dm-premium-title, .dm-hero-sidebar h1{font-size:clamp(35px,3.55vw,43px);line-height:.94;}
  .dm-title-word{white-space:nowrap;}
  .dm-art-stage, body.is-ready .dm-art-stage{top:1%;right:0;width:66%;height:86%;transform:none;}
  .dm-hero-art{width:100%;height:100%;object-position:center top;transform:none;animation:none !important;}
  .dm-hero-tagline{left:27.5%;max-width:64%;}
}
/* Preserve the same composition on shorter desktop screens. */
@media (min-width: 1200px) and (max-height: 720px){
  .dm-hero-sidebar{top:22.5%;}
  .dm-title-wrap{padding-top:13px;padding-bottom:15px;}
  .dm-premium-title, .dm-hero-sidebar h1{font-size:clamp(40px,3vw,54px);}
  .dm-vertical-menu{margin-top:15px;}
  .dm-art-stage, body.is-ready .dm-art-stage{height:85%;}
}
/* ============================================================
   FINAL TITLE ANIMATION
   Uses the exact wordReveal + floatText effect requested.
   Supports:
   - Current desktop title: .dm-title-word
   - Alternative title: .dm-heading-line > span
   - Tablet/mobile title: .dm-mobile-heading h1 > span
============================================================ */
/* Remove heading shimmer, animated gold sweep and light overlays. */
.dm-premium-heading::before, .dm-premium-heading::after, .dm-title-wrap::before, .dm-title-wrap::after, .dm-mobile-heading::before, .dm-mobile-heading::after, .dm-mobile-heading h1::before, .dm-mobile-heading h1::after, .dm-mobile-heading h1 > span::before, .dm-mobile-heading h1 > span::after{content:none !important;display:none !important;opacity:0 !important;background:none !important;filter:none !important;animation:none !important;}
/* Keep decorative title underlines static instead of shimmering. */
.dm-heading-line::after, .dm-title-line::after{right:0 !important;opacity:.32 !important;animation:none !important;}
/* Add depth for the rotateX reveal. */
.dm-heading-main h1, .dm-premium-title, .dm-mobile-heading h1{overflow:visible;perspective:1000px;transform-style:preserve-3d;}
/*
  Keep enough top room for the ongoing -8px float.
  The original overflow:hidden could visually hide the movement.
*/
.dm-heading-line, .dm-title-line{overflow:visible;padding-top:.14em;}
/* Clean solid-gold text with no animated gradient or shimmer. */
.dm-heading-line > span, .dm-title-word, .dm-title-word-gold, .dm-mobile-heading h1 > span{color:var(--dm-gold) !important;background:none !important;background-image:none !important;background-size:auto !important;background-position:initial !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;-webkit-text-fill-color:currentColor !important;text-shadow:none !important;}
/* Exact initial state from the animation supplied. */
.dm-heading-line > span, .dm-title-word, .dm-mobile-heading h1 > span{position:relative;display:block;max-width:100%;opacity:0;transform:translateY(120px) rotateX(-90deg) scale(.8);transform-origin:50% 100%;filter:blur(15px);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity,filter;animation:none !important;}
/*
  Exact requested effect:
  wordReveal runs once and finishes before floatText takes over.
*/
body.is-ready .dm-heading-line > span, body.is-ready .dm-title-word, body.is-ready .dm-mobile-heading h1 > span{animation:wordReveal .9s cubic-bezier(.2,.9,.2,1) forwards,floatText 4s ease-in-out infinite !important;}
/* First line */
body.is-ready .dm-heading-line:nth-child(1) > span, body.is-ready .dm-title-line:nth-child(1) .dm-title-word, body.is-ready .dm-mobile-heading h1 > span:nth-child(1){animation-delay:.1s,1s !important;}
/* Second line */
body.is-ready .dm-heading-line:nth-child(2) > span, body.is-ready .dm-title-line:nth-child(2) .dm-title-word, body.is-ready .dm-mobile-heading h1 > span:nth-child(2){animation-delay:.35s,1.2s !important;}
/* Third line */
body.is-ready .dm-heading-line:nth-child(3) > span, body.is-ready .dm-title-line:nth-child(3) .dm-title-word, body.is-ready .dm-mobile-heading h1 > span:nth-child(3){animation-delay:.6s,1.4s !important;}
/* Optional fourth line support. */
body.is-ready .dm-heading-line:nth-child(4) > span, body.is-ready .dm-title-line:nth-child(4) .dm-title-word, body.is-ready .dm-mobile-heading h1 > span:nth-child(4){animation-delay:.85s,1.6s !important;}
@keyframes wordReveal{
  0%{opacity:0;transform:translateY(120px) rotateX(-90deg) scale(.8);filter:blur(15px);}
  60%{opacity:1;}
  100%{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0);}
}
@keyframes floatText{
  0%, 100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}
/* Prevent desktop hover transforms from interrupting the animation. */
@media (hover: hover) and (pointer: fine){
  .dm-premium-heading:hover .dm-heading-line > span, .dm-title-wrap:hover .dm-title-word{filter:none !important;}
}
/* Slightly reduce movement on small phones while keeping it visible. */
@media (max-width: 575.98px){
  @keyframes floatText{
    0%, 100%{transform:translateY(0);}
    50%{transform:translateY(-5px);}
  }
}
/* Remove decorative pulsing glow that could resemble shimmer. */
.dm-title-accent{box-shadow:none !important;}
.dm-title-accent-dot{box-shadow:none !important;animation:dmAccentDotIn .55s 1.45s var(--dm-ease) forwards !important;}
/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .dm-heading-line > span, .dm-title-word, .dm-mobile-heading h1 > span, body.is-ready .dm-heading-line > span, body.is-ready .dm-title-word, body.is-ready .dm-mobile-heading h1 > span{opacity:1 !important;transform:none !important;filter:none !important;animation:none !important;will-change:auto !important;}
}
/* ============================================================
   ACCESSIBILITY
============================================================ */ @media (prefers-reduced-motion: reduce){
  .dm-solutions *, .dm-solutions *::before, .dm-solutions *::after{scroll-behavior:auto !important;animation:none !important;transition-duration:.01ms !important;}
  .dm-reveal, .dm-intro-title > span, .dm-intro p, .dm-card-content{opacity:1 !important;clip-path:none !important;transform:none !important;translate:none !important;filter:none !important;}
}
.dm-experience{--dm-gold:#d59a28;--dm-gold-light:#f2c862;--dm-dark:#303030;--dm-muted:#747474;--dm-white:#ffffff;position:relative;width:100%;min-height:clamp(570px,47vw,720px);overflow:hidden;isolation:isolate;background:radial-gradient(circle at 82% 12%,rgba(255,238,193,0.48) 0,rgba(255,244,219,0.22) 18%,transparent 42%),linear-gradient(110deg,#ffffff 0%,#ffffff 48%,#fdfbf7 76%,#ffffff 100%);}
.dm-experience__container{position:relative;z-index:5; /*width: min(100% - 48px, 1440px);*/ min-height:inherit;margin-inline:auto;padding:clamp(64px,6vw,100px) clamp(8px,1.5vw,24px) clamp(60px,5vw,90px);}
/* =========================================================
       BACKGROUND DECORATION
    ========================================================= */
.dm-experience__ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.dm-experience__ambient::before{content:"";position:absolute;top:-15%;right:-4%;width:min(48vw,750px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(242,205,115,0.24) 0%,rgba(255,235,189,0.12) 34%,transparent 69%);filter:blur(10px);animation:dmAmbientFloat 10s ease-in-out infinite alternate;}
.dm-experience__light{position:absolute;border-radius:50%;background:rgba(255,248,226,0.76);box-shadow:0 0 20px rgba(255,223,155,0.24),0 0 50px rgba(255,222,154,0.14);filter:blur(1px);opacity:0;animation:dmLightPulse 5s ease-in-out infinite;}
.dm-experience__light:nth-child(1){top:3%;right:11%;width:66px;height:66px;animation-delay:0s;}
.dm-experience__light:nth-child(2){top:9%;right:4%;width:32px;height:32px;animation-delay:1.1s;}
.dm-experience__light:nth-child(3){top:20%;right:14%;width:28px;height:28px;animation-delay:2.2s;}
.dm-experience__light:nth-child(4){top:14%;right:22%;width:44px;height:44px;animation-delay:3.2s;}
.dm-experience__light:nth-child(5){bottom:12%;right:8%;width:54px;height:54px;animation-delay:1.8s;}
/* =========================================================
       CONTENT
    ========================================================= */
.dm-experience__content{position:relative;z-index:10;max-width:min(67%,960px);}
.dm-experience__heading{position:relative;margin:0;color:var(--dm-dark);font-family:"Oswald",sans-serif;font-size:clamp(28px,2.2vw,44px);font-weight:300;line-height:1.18;letter-spacing:0.015em;text-transform:uppercase;}
.dm-experience__heading::after{content:"";display:block;width:0;height:1px;margin-top:18px;background:linear-gradient(90deg,var(--dm-gold),rgba(213,154,40,0));transition:width 1.3s cubic-bezier(.2,.8,.2,1) 0.35s;}
.dm-experience.is-visible .dm-experience__heading::after{width:clamp(90px,12vw,180px);}
.dm-experience__description{max-width:980px;margin:clamp(16px,1.6vw,25px) 0 0;color:var(--dm-muted);font-size:clamp(12px,0.82vw,15px);font-weight:300;line-height:1.85;}
/* =========================================================
       STATISTICS
    ========================================================= */
.dm-experience__stats{display:flex;align-items:stretch;width:max-content;max-width:100%;margin-top:clamp(90px,10vw,160px);}
.dm-experience__stat{position:relative;width:clamp(180px,30vw,350px);padding-right:clamp(28px,3vw,55px);}
.dm-experience__stat + .dm-experience__stat{padding-left:clamp(28px,3vw,55px);}
.dm-experience__stat + .dm-experience__stat::before{content:"";position:absolute;top:2px;bottom:3px;left:0;width:1px;background-image:linear-gradient(to bottom,var(--dm-gold) 0 42%,transparent 42% 100%);background-size:1px 7px;background-repeat:repeat-y;opacity:0.95;transform:scaleY(0);transform-origin:top;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) 0.75s;}
.dm-experience.is-visible .dm-experience__stat + .dm-experience__stat::before{transform:scaleY(1);}
.dm-experience__number-row{display:flex;align-items:flex-start;color:var(--dm-dark);font-family:"Oswald",sans-serif;line-height:1;}
.dm-experience__number{font-size:clamp(58px,5vw,82px);font-weight:200;letter-spacing:-0.025em;}
.dm-experience__plus{margin-top:4px;margin-left:3px;font-size:clamp(37px,3.2vw,55px);font-weight:200;}
.dm-experience__label{display:block;max-width:100%;margin-top:18px;color:#505050;font-family:"Oswald",sans-serif;font-size:clamp(14px,1vw,18px);font-weight:300;line-height:1.18;text-transform:uppercase;}
/* =========================================================
       GOLDEN ABSTRACT ARTWORK
    ========================================================= */
.dm-experience__visual{position:absolute;z-index:2;right:clamp(-90px,-3vw,-25px);bottom:clamp(-170px,-9vw,-80px);width:clamp(470px,48vw,790px);aspect-ratio:1 / 1;pointer-events:none;opacity:0;transform:translate3d(80px,45px,0) scale(0.92);transition:opacity 1.2s ease 0.25s,transform 1.8s cubic-bezier(.15,.8,.18,1) 0.25s;}
.dm-experience.is-visible .dm-experience__visual{opacity:1;transform:translate3d(0,0,0) scale(1);}
.dm-experience__artwork{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 22px rgba(197,132,20,0.10)) drop-shadow(0 0 12px rgba(239,187,70,0.12));}
.dm-experience__art-glow{fill:url("#dmGoldGlow");opacity:0.5;animation:dmArtGlow 5.5s ease-in-out infinite;}
.dm-experience__wire{fill:none;stroke:url("#dmGoldStroke");stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0.62;stroke-dasharray:10 6;animation:dmWireFlow 12s linear infinite,dmWirePulse 5s ease-in-out infinite alternate;}
.dm-experience__wire--soft{stroke-width:0.72;opacity:0.34;stroke-dasharray:3 8;animation-duration:15s,6s;}
.dm-experience__wire--bright{stroke-width:1.5;opacity:0.9;stroke-dasharray:2 5;animation-duration:8s,4s;}
.dm-experience__dot{fill:#dc9b24;filter:url("#dmDotGlow");transform-box:fill-box;transform-origin:center;animation:dmDotSparkle 2.6s ease-in-out infinite;}
.dm-experience__dot:nth-of-type(2n){animation-delay:-0.7s;}
.dm-experience__dot:nth-of-type(3n){animation-delay:-1.5s;}
/* Canvas glitter */
.dm-experience__glitter{position:absolute;inset:0;width:100%;height:100%;opacity:0.88;}
/* =========================================================
       REVEAL ANIMATION
    ========================================================= */
.dm-experience [data-dm-reveal]{opacity:0;transform:translateY(28px);transition:opacity 0.9s ease,transform 1.1s cubic-bezier(.2,.75,.2,1);}
.dm-experience [data-dm-delay="1"]{transition-delay:0.1s;}
.dm-experience [data-dm-delay="2"]{transition-delay:0.28s;}
.dm-experience [data-dm-delay="3"]{transition-delay:0.48s;}
.dm-experience.is-visible [data-dm-reveal]{opacity:1;transform:translateY(0);}
/* =========================================================
       KEYFRAMES
    ========================================================= */
@keyframes dmAmbientFloat{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-35px,20px,0) scale(1.08);}
}
@keyframes dmLightPulse{
  0%, 100%{opacity:0.22;transform:translateY(0) scale(0.76);}
  50%{opacity:0.78;transform:translateY(15px) scale(1.08);}
}
@keyframes dmWireFlow{
  to{stroke-dashoffset:-180;}
}
@keyframes dmWirePulse{
  0%{opacity:0.28;}
  100%{opacity:0.92;}
}
@keyframes dmArtGlow{
  0%, 100%{opacity:0.24;transform:scale(0.96);transform-origin:center;}
  50%{opacity:0.56;transform:scale(1.04);transform-origin:center;}
}
@keyframes dmDotSparkle{
  0%, 100%{opacity:0.18;transform:scale(0.65);}
  50%{opacity:1;transform:scale(1.8);}
}
/* =========================================================
       LAPTOP
    ========================================================= */
@media (max-width: 1280px){
  .dm-experience{min-height:620px;}
  .dm-experience__content{max-width:72%;}
  .dm-experience__stats{margin-top:105px;}
  .dm-experience__stat{width:190px;}
  .dm-experience__visual{right:-80px;width:590px;}
}
/* =========================================================
       TABLET
    ========================================================= */
@media (max-width: 991px){
  .dm-experience{min-height:auto;}
  .dm-experience__container{width:min(100% - 36px,900px);padding-top:70px;padding-bottom:70px;}
  .dm-experience__content{max-width:100%;}
  .dm-experience__heading, .dm-experience__description{max-width:75%;}
  .dm-experience__stats{position:relative;z-index:5;width:67%;margin-top:105px;}
  .dm-experience__stat{width:33.333%;padding-right:24px;}
  .dm-experience__stat + .dm-experience__stat{padding-left:24px;}
  .dm-experience__visual{right:-110px;bottom:-55px;width:520px;opacity:0.72;}
}
/* =========================================================
       MOBILE
    ========================================================= */
@media (max-width: 767px){
  .dm-experience{background:radial-gradient(circle at 90% 33%,rgba(255,230,169,0.25),transparent 38%),#ffffff;}
  .dm-experience__container{width:min(100% - 28px,620px);padding:54px 4px 58px;}
  .dm-experience__heading, .dm-experience__description{max-width:100%;}
  .dm-experience__description{line-height:1.72;}
  .dm-experience__visual{position:relative;right:auto;bottom:auto;width:min(118%,560px);margin:20px -9% -72px auto;aspect-ratio:1 / 0.84;opacity:0.62;}
  .dm-experience__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:28px;padding-top:24px;border-top:1px solid rgba(213,154,40,0.26);}
  .dm-experience__stat{width:auto;min-width:0;padding-right:14px;}
  .dm-experience__stat + .dm-experience__stat{padding-left:14px;}
  .dm-experience__number{font-size:clamp(44px,12vw,62px);}
  .dm-experience__plus{font-size:clamp(26px,7vw,40px);}
  .dm-experience__label{margin-top:12px;font-size:13px;}
}
/* =========================================================
       SMALL MOBILE
    ========================================================= */
@media (max-width: 520px){
  .dm-experience__container{width:min(100% - 24px,480px);}
  .dm-experience__heading{font-size:28px;}
  .dm-experience__visual{width:130%;margin-left:-13%;margin-bottom:-50px;}
  .dm-experience__stats{grid-template-columns:1fr;gap:0;padding-top:0;border-top:0;}
  .dm-experience__stat, .dm-experience__stat + .dm-experience__stat{display:grid;grid-template-columns:minmax(120px,0.55fr) 1fr;align-items:center;width:100%;padding:20px 0;border-bottom:1px solid rgba(213,154,40,0.24);}
  .dm-experience__stat:first-child{border-top:1px solid rgba(213,154,40,0.24);}
  .dm-experience__stat + .dm-experience__stat::before{display:none;}
  .dm-experience__number{font-size:52px;}
  .dm-experience__label{max-width:none;margin-top:0;padding-left:15px;font-size:15px;}
}
/* =========================================================
       ACCESSIBILITY
    ========================================================= */
@media (prefers-reduced-motion: reduce){
  .dm-experience *, .dm-experience *::before, .dm-experience *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
  .dm-experience [data-dm-reveal], .dm-experience__visual{opacity:1;transform:none;}
}
.dm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);border:0;}
/* =========================================================
       FEATURED EVENT VIDEO SECTION
    ========================================================= */
.dm-featured-videos{--dm-beige:#cbb581;--dm-beige-dark:#b89e67;--dm-cyan:#55dce2;--dm-white:#ffffff;--dm-text:#282828;--dm-gap:14px;position:relative;width:100%;overflow:hidden;isolation:isolate;padding:clamp(46px,6vw,92px) 0;background:radial-gradient(circle at 92% 7%,rgba(225,210,175,0.26),transparent 25%),#f7f6f3;}
.dm-featured-videos::before{content:"";position:absolute;top:-180px;right:-170px;z-index:-1;width:440px;height:440px;border-radius:50%;background:rgba(203,181,129,0.12);filter:blur(3px);animation:dmFeaturedOrb 10s ease-in-out infinite alternate;}
.dm-featured-shell{position:relative;display:grid;grid-template-columns:minmax(290px,0.72fr) minmax(0,1.55fr);gap:clamp(18px,2vw,28px); /*width: min(100% - 36px, 1480px);*/ min-height:clamp(650px,72vh,830px);margin-inline:auto;padding-left:clamp(22px,5vw,76px);}
.dm-featured-shell::before{content:"";position:absolute;top:0;bottom:0;left:clamp(4px,2vw,28px);width:2px;background:#6a6a68;transform:scaleY(0);transform-origin:top;transition:transform 1.3s cubic-bezier(.2,.75,.2,1);}
.dm-featured-videos.is-visible .dm-featured-shell::before{transform:scaleY(1);}
/* =========================================================
       LEFT INTRO PANEL
    ========================================================= */
.dm-featured-intro{position:relative;display:flex;flex-direction:column;min-width:0;min-height:inherit;overflow:hidden;padding:clamp(52px,5vw,82px) clamp(26px,3vw,52px) clamp(42px,4vw,66px);background:linear-gradient(145deg,rgba(255,255,255,0.08),transparent 48%),var(--dm-beige);opacity:0;transform:translateX(-42px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.75,.2,1);}
.dm-featured-videos.is-visible .dm-featured-intro{opacity:1;transform:translateX(0);}
.dm-featured-intro::before{content:"";position:absolute;top:-30%;left:-70%;width:60%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);transform:rotate(13deg);animation:dmFeaturedPanelShine 7s ease-in-out infinite;}
.dm-featured-intro::after{content:"";position:absolute;right:-115px;bottom:-115px;width:250px;height:250px;border:1px solid rgba(255,255,255,0.16);border-radius:50%;box-shadow:0 0 0 26px rgba(255,255,255,0.035),0 0 0 52px rgba(255,255,255,0.025);animation:dmFeaturedCircleRotate 18s linear infinite;}
/* =========================================================
   PREMIUM FEATURED TITLE ANIMATION
========================================================= */
.dm-featured-title{position:relative;z-index:3;margin:0;color:#ffffff;font-family:"Oswald",sans-serif;font-size:clamp(58px,5.25vw,92px);font-weight:400;line-height:0.91;letter-spacing:-0.025em;text-transform:uppercase;perspective:900px;}
/* Each title line */
.dm-featured-title span{--dm-title-delay:0.15s;position:relative;display:block;width:fit-content;overflow:hidden;padding:0.03em 0.06em 0.07em 0;isolation:isolate;}
/* Individual stagger timing */
.dm-featured-title span:nth-child(1){--dm-title-delay:0.15s;}
.dm-featured-title span:nth-child(2){--dm-title-delay:0.34s;}
.dm-featured-title span:nth-child(3){--dm-title-delay:0.53s;}
/* Main text */
.dm-featured-title span > i{position:relative;display:inline-block;font-style:normal;opacity:0;filter:blur(8px);transform:translate3d(0,115%,0) rotateX(-22deg) skewY(5deg);transform-origin:left bottom;transition:opacity 0.8s ease var(--dm-title-delay),filter 1s ease var(--dm-title-delay),transform 1.15s cubic-bezier(.16,1,.3,1) var(--dm-title-delay),letter-spacing 0.6s ease,text-shadow 0.6s ease;will-change:transform,opacity,filter;}
/* Golden shimmer duplicate */
.dm-featured-title span > i::after{content:attr(data-text);position:absolute;inset:0;color:transparent;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,0.18) 36%,#fff2be 47%,#dcb76f 53%,rgba(255,255,255,0.2) 64%,transparent 80%);background-size:260% 100%;background-position:180% 0;-webkit-background-clip:text;background-clip:text;opacity:0;pointer-events:none;}
/* Animated light scanner */
.dm-featured-title span::after{content:"";position:absolute;right:0;bottom:0.01em;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.55),#f0d28d,rgba(255,255,255,0.55),transparent);opacity:0;transform:translateX(-110%) scaleX(0.55);pointer-events:none;}
/* Soft background glow */
.dm-featured-title span::before{content:"";position:absolute;top:50%;left:0;z-index:-1;width:75%;height:65%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,231,175,0.24),transparent 72%);opacity:0;filter:blur(13px);transform:translateY(-50%) scale(0.65);pointer-events:none;}
/* =========================================================
   ACTIVE REVEAL
========================================================= */
.dm-featured-videos.is-visible .dm-featured-title span > i{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotateX(0) skewY(0);text-shadow:0 3px 14px rgba(89,65,20,0.12);}
.dm-featured-videos.is-visible .dm-featured-title span > i::after{opacity:1;animation:dmFeaturedTitleShimmer 4.8s ease-in-out calc(var(--dm-title-delay) + 1.15s) infinite;}
.dm-featured-videos.is-visible .dm-featured-title span::after{animation:dmFeaturedTitleScanner 1.25s cubic-bezier(.16,1,.3,1) calc(var(--dm-title-delay) + 0.28s) forwards;}
.dm-featured-videos.is-visible .dm-featured-title span::before{animation:dmFeaturedTitleGlow 1.8s ease calc(var(--dm-title-delay) + 0.2s) forwards;}
/* =========================================================
   TITLE HOVER EFFECT
========================================================= */
.dm-featured-title:hover span > i{letter-spacing:0.012em;text-shadow:0 0 18px rgba(255,234,185,0.2),0 4px 18px rgba(77,54,15,0.16);}
/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes dmFeaturedTitleShimmer{
  0%, 18%{background-position:180% 0;opacity:0;}
  27%{opacity:0.9;}
  48%{background-position:-80% 0;opacity:0.85;}
  58%, 100%{background-position:-80% 0;opacity:0;}
}
@keyframes dmFeaturedTitleScanner{
  0%{opacity:0;transform:translateX(-110%) scaleX(0.5);}
  20%{opacity:1;}
  75%{opacity:0.85;}
  100%{opacity:0;transform:translateX(110%) scaleX(1);}
}
@keyframes dmFeaturedTitleGlow{
  0%{opacity:0;transform:translateY(-50%) scale(0.6);}
  50%{opacity:0.82;}
  100%{opacity:0;transform:translateY(-50%) scale(1.2);}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991px){
  .dm-featured-title{font-size:clamp(46px,6vw,62px);}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767px){
  .dm-featured-title{font-size:clamp(52px,15vw,76px);line-height:0.94;}
  .dm-featured-title span{padding-bottom:0.09em;}
}
@media (max-width: 420px){
  .dm-featured-title{font-size:clamp(48px,16vw,62px);}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dm-featured-title span > i{opacity:1;filter:none;transform:none;transition:none;}
  .dm-featured-title span > i::after, .dm-featured-title span::before, .dm-featured-title span::after{display:none;animation:none;}
}
.dm-featured-description{position:relative;z-index:2;max-width:290px;margin:auto 0 0;color:rgba(255,255,255,0.84);font-size:clamp(11px,0.78vw,14px);font-weight:300;line-height:1.72;opacity:0;transform:translateY(24px);transition:opacity 0.9s ease 0.65s,transform 0.9s ease 0.65s;}
.dm-featured-videos.is-visible .dm-featured-description{opacity:1;transform:translateY(0);}
.dm-featured-description::before{content:"";display:block;width:52px;height:1px;margin-bottom:18px;background:rgba(255,255,255,0.66);}
/* =========================================================
       VIDEO GALLERY
    ========================================================= */
.dm-featured-gallery{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dm-gap);height:clamp(650px,72vh,830px);min-width:0;overflow:hidden;padding-right:2px;opacity:0;transform:translateX(50px);transition:opacity 1s ease 0.25s,transform 1.2s cubic-bezier(.2,.75,.2,1) 0.25s;}
.dm-featured-videos.is-visible .dm-featured-gallery{opacity:1;transform:translateX(0);}
.dm-featured-gallery::before, .dm-featured-gallery::after{content:"";position:absolute;right:0;left:0;z-index:8;height:70px;pointer-events:none;}
.dm-featured-gallery::before{top:0;background:linear-gradient(to bottom,#f7f6f3,rgba(247,246,243,0));}
.dm-featured-gallery::after{bottom:0;background:linear-gradient(to top,#f7f6f3,rgba(247,246,243,0));}
.dm-video-column{position:relative;min-width:0;overflow:hidden;}
.dm-video-track{display:flex;flex-direction:column;gap:var(--dm-gap);will-change:transform;}
.dm-video-group{display:flex;flex-direction:column;gap:var(--dm-gap);}
/* =========================================================
       VIDEO CARDS
    ========================================================= */
.dm-video-card{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:14px;background:#e8e6df;box-shadow:0 12px 32px rgba(29,28,23,0.07);transform:translateZ(0);transition:transform 0.45s cubic-bezier(.2,.75,.2,1),box-shadow 0.45s ease;}
.dm-video-card:hover{z-index:5;transform:translateY(-5px);box-shadow:0 22px 50px rgba(29,28,23,0.15);}
.dm-video-card__button{position:relative;display:block;width:100%;padding:0;overflow:hidden;cursor:pointer;background:transparent;text-align:left;}
/*
      Images retain their complete natural aspect ratio.
      No fixed height and no object-fit are applied.
    */
.dm-video-card__button img{display:block;width:100%;height:auto;max-width:100%;transition:filter 0.45s ease,opacity 0.45s ease;}
.dm-video-card__button::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(0,0,0,0.04),transparent 46%,rgba(0,0,0,0.09));pointer-events:none;transition:background 0.4s ease;}
.dm-video-card:hover .dm-video-card__button::before{background:linear-gradient(135deg,rgba(0,0,0,0),transparent 48%,rgba(0,0,0,0.04));}
/* =========================================================
   PREMIUM VIDEO PLAY BUTTON
========================================================= */
.dm-video-play{position:absolute;top:50%;left:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:clamp(58px,4.8vw,76px);height:clamp(58px,4.8vw,76px);border:1px solid rgba(255,255,255,0.8);border-radius:50%;color:#ffffff;background:linear-gradient(145deg,rgba(202,177,119,0.98),rgba(156,126,64,0.98));box-shadow:0 12px 28px rgba(0,0,0,0.28),0 0 0 7px rgba(255,255,255,0.16),inset 0 1px 1px rgba(255,255,255,0.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translate(-50%,-50%) scale(1);transition:transform 0.4s cubic-bezier(.2,.8,.2,1),box-shadow 0.4s ease,background 0.4s ease;pointer-events:none;}
/* Soft outer animated ring */
.dm-video-play::before{content:"";position:absolute;inset:-10px;border:1px solid rgba(255,255,255,0.4);border-radius:50%;opacity:0.65;transform:scale(0.92);animation:dmVideoRingPulse 2.8s ease-out infinite;}
/* Inner highlight */
.dm-video-play::after{content:"";position:absolute;top:9px;left:13px;width:18px;height:9px;border-radius:50%;background:rgba(255,255,255,0.32);filter:blur(3px);transform:rotate(-28deg);}
/* Play icon */
.dm-video-play svg{position:relative;z-index:2;width:clamp(18px,2.5vw,50px);height:auto;margin-left:4px;fill:currentColor;filter:drop-shadow(0 2px 3px rgba(0,0,0,0.2));transition:transform 0.4s cubic-bezier(.2,.8,.2,1);}
/* Image overlay for better button visibility */
.dm-video-card__button::after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at center,rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.1) 55%,rgba(0,0,0,0.18) 100%);opacity:0.58;pointer-events:none;transition:opacity 0.4s ease;}
/* Hover */
.dm-video-card:hover .dm-video-play{background:linear-gradient(145deg,#dfc58d,#a7803f);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 18px 38px rgba(0,0,0,0.32),0 0 0 10px rgba(255,255,255,0.19),0 0 35px rgba(202,177,119,0.42),inset 0 1px 1px rgba(255,255,255,0.55);}
.dm-video-card:hover .dm-video-play svg{transform:scale(1.08);}
.dm-video-card:hover .dm-video-card__button::after{opacity:0.3;}
/* Keyboard focus */
.dm-video-card__button:focus-visible{outline:3px solid #55dce2;outline-offset:4px;}
.dm-video-card__button:focus-visible .dm-video-play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 5px rgba(85,220,226,0.3),0 16px 35px rgba(0,0,0,0.3);}
/* Pulse animation */
@keyframes dmVideoRingPulse{
  0%{opacity:0.62;transform:scale(0.88);}
  65%{opacity:0;transform:scale(1.24);}
  100%{opacity:0;transform:scale(1.24);}
}
/* Tablet */
@media (max-width: 991px){
  .dm-video-play{width:62px;height:62px;}
  .dm-video-play svg{width:19px;}
}
/* Mobile */
@media (max-width: 767px){
  .dm-video-play{width:64px;height:64px;box-shadow:0 10px 24px rgba(0,0,0,0.28),0 0 0 6px rgba(255,255,255,0.15),inset 0 1px 1px rgba(255,255,255,0.45);}
  .dm-video-play::before{inset:-8px;}
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .dm-video-play::before{animation:none;}
}
/* =========================================================
       VIDEO MODAL
    ========================================================= */
.dm-video-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:clamp(16px,4vw,50px);visibility:hidden;opacity:0;transition:opacity 0.35s ease,visibility 0.35s ease;}
.dm-video-modal.is-open{visibility:visible;opacity:1;}
.dm-video-modal__backdrop{position:absolute;inset:0;background:rgba(13,14,16,0.88);backdrop-filter:blur(12px);}
.dm-video-modal__dialog{position:relative;z-index:2;width:min(100%,1100px);overflow:hidden;border-radius:18px;background:#090909;box-shadow:0 35px 90px rgba(0,0,0,0.45);transform:translateY(34px) scale(0.96);transition:transform 0.45s cubic-bezier(.2,.75,.2,1);}
.dm-video-modal.is-open .dm-video-modal__dialog{transform:translateY(0) scale(1);}
.dm-video-modal__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;color:#ffffff;background:#111111;}
.dm-video-modal__title{margin:0;overflow:hidden;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}
.dm-video-modal__close{display:grid;flex:0 0 auto;place-items:center;width:40px;height:40px;border-radius:50%;color:#ffffff;background:rgba(255,255,255,0.1);cursor:pointer;transition:background 0.3s ease,transform 0.3s ease;}
.dm-video-modal__close:hover{background:var(--dm-beige-dark);transform:rotate(90deg);}
.dm-video-modal__close svg{width:18px;height:18px;stroke:currentColor;}
.dm-video-modal__media{position:relative;width:100%;background:#000000;}
.dm-video-modal__media video, .dm-video-modal__media iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#000000;}
body.dm-modal-open{overflow:hidden;}
/* =========================================================
       KEYFRAMES
    ========================================================= */
@keyframes dmFeaturedPanelShine{
  0%, 25%{left:-75%;}
  55%, 100%{left:155%;}
}
@keyframes dmFeaturedCircleRotate{
  to{transform:rotate(360deg);}
}
@keyframes dmFeaturedPlayPulse{
  0%{opacity:0.75;transform:scale(0.75);}
  75%, 100%{opacity:0;transform:scale(1.45);}
}
@keyframes dmFeaturedOrb{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-40px,38px,0) scale(1.12);}
}
/* =========================================================
       LAPTOP
    ========================================================= */
@media (max-width: 1280px){
  .dm-featured-shell{grid-template-columns:minmax(270px,0.68fr) minmax(0,1.5fr);min-height:680px;}
  .dm-featured-gallery{height:680px;}
  .dm-featured-title{font-size:clamp(52px,5vw,72px);}
  .dm-featured-intro{padding-inline:34px;}
}
/* =========================================================
       TABLET
    ========================================================= */
@media (max-width: 991px){
  .dm-featured-shell{grid-template-columns:minmax(230px,0.58fr) minmax(0,1.35fr);gap:16px;width:min(100% - 26px,940px);min-height:620px;padding-left:28px;}
  .dm-featured-shell::before{left:8px;}
  .dm-featured-gallery{height:620px;gap:10px;}
  .dm-video-track, .dm-video-group{gap:10px;}
  .dm-featured-intro{padding:46px 24px 40px;}
  .dm-featured-title{font-size:clamp(46px,6vw,62px);}
  .dm-featured-description{font-size:11px;}
  .dm-video-card{border-radius:10px;}
}
/* =========================================================
       MOBILE
    ========================================================= */
@media (max-width: 767px){
  .dm-featured-videos{padding-block:44px;}
  .dm-featured-shell{display:block;width:min(100% - 24px,600px);min-height:auto;padding-left:14px;}
  .dm-featured-shell::before{left:0;}
  .dm-featured-intro{min-height:430px;padding:50px 28px 36px;}
  .dm-featured-title{font-size:clamp(52px,15vw,76px);}
  .dm-featured-description{max-width:330px;}
  .dm-featured-gallery{display:grid;grid-template-columns:1fr;gap:12px;height:auto;margin-top:14px;overflow:visible;padding:0;}
  .dm-featured-gallery::before, .dm-featured-gallery::after{display:none;}
  .dm-video-column{overflow:visible;}
  .dm-video-track{transform:none !important;}
  .dm-video-group{gap:12px;}
  /*
          The duplicated marquee groups are hidden on mobile.
        */
  .dm-video-group[aria-hidden="true"]{display:none;}
  .dm-video-card{border-radius:13px;}
  .dm-video-play{width:58px;height:58px;}
}
/* =========================================================
       SMALL MOBILE
    ========================================================= */
@media (max-width: 420px){
  .dm-featured-shell{width:calc(100% - 18px);}
  .dm-featured-intro{min-height:390px;padding:42px 22px 30px;}
  .dm-featured-title{font-size:clamp(48px,16vw,50px);}
  .dm-featured-description{font-size:13.0px;}
  .dm-video-play{width:52px;height:52px;}
}
/* =========================================================
       REDUCED MOTION
    ========================================================= */
@media (prefers-reduced-motion: reduce){
  .dm-featured-videos *, .dm-featured-videos *::before, .dm-featured-videos *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
  .dm-featured-intro, .dm-featured-gallery, .dm-featured-description{opacity:1;transform:none;}
  .dm-featured-title span > i{transform:none;}
}
/* =========================================================
   GUEST SPEAKER VOICES
========================================================= */
.dm-voices, .dm-voices *, .dm-voices *::before, .dm-voices *::after{box-sizing:border-box;}
.dm-voices{--dm-voice-background:#f6f5f3;--dm-voice-card:#ffffff;--dm-voice-expanded:#efefef;--dm-voice-text:#323232;--dm-voice-muted:#7b7b7b;--dm-voice-line:rgba(47,47,47,0.17);--dm-voice-gold:#b79a61;--dm-voice-gold-light:#d8c28f;--dm-voice-cyan:#52dce2;position:relative;width:100%;overflow:hidden;isolation:isolate;padding:clamp(70px,7vw,118px) 0 clamp(78px,7vw,120px);color:var(--dm-voice-text);background-color:#fff;}
/* Decorative background */
.dm-voices::before{content:"";position:absolute;top:-230px;right:-180px;z-index:-1;width:510px;height:510px;border:1px solid rgba(183,154,97,0.12);border-radius:50%;box-shadow:0 0 0 42px rgba(183,154,97,0.025),0 0 0 85px rgba(183,154,97,0.018);animation:dmVoiceDecorRotate 24s linear infinite;}
/*.dm-voices::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: max(16px, calc((100% - 1480px) / 2));
  width: 2px;
  background:
    linear-gradient(
      180deg,
      transparent,
      var(--dm-voice-cyan) 14%,
      var(--dm-voice-cyan) 86%,
      transparent
    );
  opacity: 0.86;
  transform: scaleY(0);
  transform-origin: top;
  transition:
    transform 1.5s cubic-bezier(.16, 1, .3, 1);
}
.dm-voices.is-visible::after {
  transform: scaleY(1);
}*/
/* =========================================================
   SHELL
========================================================= */
.dm-voices__shell{/*width: min(100% - 48px, 1400px);*/ margin-inline:auto;padding-inline:clamp(16px,3vw,48px);}
/* =========================================================
   HEADER
========================================================= */
.dm-voices__header{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:clamp(34px,4vw,58px);}
.dm-voices__heading-group{min-width:0;}
.dm-voices__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--dm-voice-gold);font-size:11px;font-weight:600;line-height:1;letter-spacing:0.2em;text-transform:uppercase;}
.dm-voices__eyebrow::before{content:"";width:34px;height:1px;background:currentColor;}
.dm-voices__title{margin:0;font-family:"Oswald",sans-serif;font-size:clamp(38px,4vw,45px);font-weight:300;line-height:0.98;letter-spacing:-0.025em;text-transform:uppercase;}
.dm-voices__title span, .dm-voices__title strong{display:block;}
.dm-voices__title span{color:#3c3c3c;}
.dm-voices__title strong{color:var(--dm-voice-gold);font-weight:400;}
.dm-voices__intro{max-width:350px;margin:0 0 4px;color:var(--dm-voice-muted);font-size:13px;font-weight:300;line-height:1.7;}
/* =========================================================
   ACCORDION
========================================================= */
.dm-voices__accordion{position:relative;overflow:hidden;border-top:1px solid var(--dm-voice-line);border-bottom:1px solid var(--dm-voice-line);background:rgba(255,255,255,0.38);}
/* =========================================================
   VOICE ITEM
========================================================= */
.dm-voice{position:relative;border-bottom:1px solid var(--dm-voice-line);background:rgba(255,255,255,0.55);opacity:0;transform:translateY(28px);transition:opacity 0.75s ease,transform 0.85s cubic-bezier(.16,1,.3,1),background 0.45s ease,box-shadow 0.45s ease;transition-delay:calc(var(--dm-item-index) * 70ms);}
.dm-voice:last-child{border-bottom:0;}
.dm-voices.is-visible .dm-voice{opacity:1;transform:translateY(0);}
.dm-voice.is-open{z-index:2;margin:10px;overflow:hidden;border:1px solid rgba(183,154,97,0.17);border-radius:18px;background:var(--dm-voice-card);box-shadow:0 20px 52px rgba(37,34,27,0.08);transition-delay:0s;}
/* =========================================================
   TRIGGER ROW
========================================================= */
.dm-voice__trigger{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 52px;align-items:center;gap:clamp(14px,2vw,28px);width:100%;padding:clamp(14px,1.6vw,22px) clamp(18px,2.4vw,36px);border:0;color:inherit;background:transparent;text-align:left;cursor:pointer;transition:background 0.4s ease,padding 0.4s ease;}
.dm-voice:not(.is-open) .dm-voice__trigger:hover{background:rgba(183,154,97,0.06);}
.dm-voice.is-open .dm-voice__trigger{padding-top:18px;padding-bottom:24px;}
.dm-voice__trigger:focus-visible{z-index:3;outline:2px solid var(--dm-voice-cyan);outline-offset:-3px;}
/* Item number */
.dm-voice__number{color:rgba(183,154,97,0.72);font-family:"Oswald",sans-serif;font-size:14px;font-weight:400;letter-spacing:0.1em;transition:color 0.4s ease,transform 0.4s ease;}
.dm-voice.is-open .dm-voice__number{color:var(--dm-voice-gold);transform:translateX(5px);}
/* Speaker group */
.dm-voice__speaker{display:flex;align-items:center;gap:clamp(15px,1.8vw,25px);min-width:0;}
/*
  The image keeps its complete natural proportions.
  No fixed image height and no object-fit are used.
*/
.dm-voice__photo{position:relative;display:block;flex:0 0 auto;overflow:hidden;border-radius:9px;background:#e8e8e8;box-shadow:0 7px 18px rgba(34,34,34,0.08);transition:transform 0.5s cubic-bezier(.16,1,.3,1),box-shadow 0.5s ease;}
.dm-voice__photo::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,0.46);border-radius:inherit;pointer-events:none;}
.dm-voice__photo img{display:block;width:100%;max-width:100%;height:auto;transition:transform 0.7s cubic-bezier(.16,1,.3,1),filter 0.5s ease;}
.dm-voice:hover .dm-voice__photo{transform:translateY(-3px);box-shadow:0 12px 25px rgba(34,34,34,0.14);}
.dm-voice:hover .dm-voice__photo img{transform:scale(1.035);}
.dm-voice__identity{display:block;min-width:0;}
.dm-voice__identity strong{display:block;color:#343434;font-size:clamp(13px,1vw,16px);font-weight:500;line-height:1.35;transition:color 0.35s ease,transform 0.35s ease;}
.dm-voice__identity small{display:block;margin-top:3px;color:var(--dm-voice-muted);font-size:clamp(10px,0.8vw,12px);font-weight:300;line-height:1.4;}
.dm-voice.is-open .dm-voice__identity strong{color:var(--dm-voice-gold);transform:translateX(3px);}
/* =========================================================
   PLUS / MINUS BUTTON
========================================================= */
.dm-voice__action{position:relative;display:grid;place-items:center;width:34px;height:34px;justify-self:end;border:1px solid rgba(183,154,97,0.34);border-radius:50%;color:#ffffff;background:linear-gradient(145deg,var(--dm-voice-gold-light),var(--dm-voice-gold));box-shadow:0 8px 20px rgba(183,154,97,0.18);transition:transform 0.45s cubic-bezier(.16,1,.3,1),background 0.4s ease,box-shadow 0.4s ease;}
.dm-voice__action span{position:absolute;width:12px;height:1.5px;border-radius:3px;background:currentColor;transition:transform 0.45s cubic-bezier(.16,1,.3,1);}
.dm-voice__action span:nth-child(2){transform:rotate(90deg);}
.dm-voice:not(.is-open) .dm-voice__trigger:hover .dm-voice__action{transform:scale(1.1) rotate(90deg);box-shadow:0 10px 25px rgba(183,154,97,0.28);}
.dm-voice.is-open .dm-voice__action{color:var(--dm-voice-gold);background:#ffffff;transform:rotate(180deg);}
.dm-voice.is-open .dm-voice__action span:nth-child(2){transform:rotate(0);}
/* =========================================================
   EXPANDED REVIEW
========================================================= */
.dm-voice__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 0.75s cubic-bezier(.16,1,.3,1),visibility 0.75s;}
.dm-voice.is-open .dm-voice__panel{grid-template-rows:1fr;visibility:visible;}
.dm-voice__panel-overflow{min-height:0;overflow:hidden;}
.dm-voice__review{position:relative;margin:10px clamp(16px,2.2vw,34px) 0;padding:clamp(34px,4vw,60px) clamp(28px,5vw,80px) clamp(30px,3vw,46px);overflow:hidden;border-radius:14px;background:radial-gradient(circle at 92% 8%,rgba(183,154,97,0.1),transparent 28%),linear-gradient(135deg,#f1f1f1,#ecebe9);}
.dm-voice__review::before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--dm-voice-gold),var(--dm-voice-gold-light),transparent);transition:width 1.2s cubic-bezier(.16,1,.3,1) 0.2s;}
.dm-voice.is-open .dm-voice__review::before{width:74%;}
.dm-voice__quote-mark{position:absolute;top:3px;right:clamp(18px,4vw,58px);color:rgba(183,154,97,0.12);font-family:Georgia,serif;font-size:clamp(100px,10vw,165px);font-weight:700;line-height:1;opacity:0;transform:translateY(-18px) rotate(-8deg) scale(0.8);transition:opacity 0.8s ease 0.2s,transform 1s cubic-bezier(.16,1,.3,1) 0.2s;pointer-events:none;}
.dm-voice.is-open .dm-voice__quote-mark{opacity:1;transform:translateY(0) rotate(0) scale(1);}
.dm-voice__quote{position:relative;z-index:2;max-width:1000px;margin:0;color:#666666;font-size:clamp(13px,1vw,16px);font-weight:300;line-height:1.9;opacity:0;transform:translateY(20px);transition:opacity 0.7s ease 0.22s,transform 0.8s cubic-bezier(.16,1,.3,1) 0.22s;}
.dm-voice.is-open .dm-voice__quote{opacity:1;transform:translateY(0);}
.dm-voice__review-footer{display:flex;align-items:center;gap:13px;margin-top:22px;opacity:0;transform:translateX(-16px);transition:opacity 0.7s ease 0.38s,transform 0.8s cubic-bezier(.16,1,.3,1) 0.38s;}
.dm-voice.is-open .dm-voice__review-footer{opacity:1;transform:translateX(0);}
.dm-voice__review-line{width:38px;height:1px;background:var(--dm-voice-gold);}
.dm-voice__review-label{color:var(--dm-voice-gold);font-size:9px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;}
/* =========================================================
   SCROLL REVEAL
========================================================= */
.dm-voices [data-dm-voice-reveal]{opacity:0;transform:translateY(32px);transition:opacity 0.9s ease,transform 1s cubic-bezier(.16,1,.3,1);}
.dm-voices [data-dm-delay="1"]{transition-delay:0.18s;}
.dm-voices.is-visible [data-dm-voice-reveal]{opacity:1;transform:translateY(0);}
/* =========================================================
   DESKTOP AND LAPTOP
========================================================= */
@media (max-width: 1280px){
  .dm-voices__shell{width:min(100% - 38px,1180px);}
  .dm-voice__trigger{grid-template-columns:48px minmax(0,1fr) 46px;}
  .dm-voice__photo{max-width:64px;}
  .dm-voice__review{padding-inline:clamp(28px,4vw,58px);}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991px){
  .dm-voices{padding-block:72px 80px;}
  .dm-voices__shell{width:min(100% - 28px,920px);padding-inline:16px;}
  .dm-voices__header{align-items:flex-start;gap:24px;}
  .dm-voices__intro{max-width:280px;}
  .dm-voice__trigger{grid-template-columns:38px minmax(0,1fr) 42px;gap:14px;padding-inline:20px;}
  .dm-voice__photo{max-width:60px;}
  .dm-voice__review{margin-inline:18px;padding:35px 34px 32px;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767px){
  .dm-voices{padding:58px 0 68px;}
  .dm-voices::after{left:8px;}
  .dm-voices__shell{width:min(100% - 20px,620px);padding-inline:10px;}
  .dm-voices__header{display:block;margin-bottom:30px;}
  .dm-voices__title{font-size:clamp(38px,11vw,56px);line-height:1;}
  .dm-voices__intro{max-width:100%;margin-top:18px;}
  .dm-voice.is-open{margin:8px 4px;border-radius:14px;}
  .dm-voice__trigger{grid-template-columns:minmax(0,1fr) 38px;gap:14px;padding:15px 16px;}
  .dm-voice__number{display:none;}
  .dm-voice__speaker{gap:14px;}
  .dm-voice__photo{max-width:58px;border-radius:8px;}
  .dm-voice__identity strong{font-size:13px;}
  .dm-voice__identity small{font-size:10px;}
  .dm-voice__action{width:32px;height:32px;}
  .dm-voice__review{margin:8px 12px 0;padding:32px 22px 28px;}
  .dm-voice__quote{font-size:12px;line-height:1.8;}
  .dm-voice__quote-mark{top:8px;right:14px;font-size:92px;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px){
  .dm-voices__shell{width:calc(100% - 14px);padding-inline:7px;}
  .dm-voices__title{font-size:clamp(35px,11.5vw,47px);}
  .dm-voices__eyebrow{font-size:9px;}
  .dm-voice__trigger{grid-template-columns:minmax(0,1fr) 34px;padding-inline:12px;}
  .dm-voice__speaker{gap:11px;}
  .dm-voice__photo{max-width:52px;}
  .dm-voice__action{width:29px;height:29px;}
  .dm-voice__review{margin-inline:8px;padding:30px 18px 25px;}
}
/* =========================================================
   ANIMATION
========================================================= */
@keyframes dmVoiceDecorRotate{
  to{transform:rotate(360deg);}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dm-voices *, .dm-voices *::before, .dm-voices *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
  .dm-voices [data-dm-voice-reveal], .dm-voice, .dm-voice__quote, .dm-voice__quote-mark, .dm-voice__review-footer{opacity:1;transform:none;}
}
/* =========================================================
   DESIGN MASTER — PREMIUM PARTNERS SECTION
========================================================= */
.dm-partners, .dm-partners *, .dm-partners *::before, .dm-partners *::after{box-sizing:border-box;}
.dm-partners{--dm-ivory:#f8f5ef;--dm-white:#ffffff;--dm-charcoal:#292824;--dm-muted:#77736c;--dm-gold:#baa078;--dm-gold-dark:#92764e;--dm-gold-light:#dfceb0;--dm-cyan:#4fd8df;--dm-line:rgba(78,70,58,0.17);position:relative;width:100%;overflow:hidden;isolation:isolate;padding:clamp(72px,7vw,120px) 0 clamp(82px,8vw,130px);color:var(--dm-charcoal);background:radial-gradient(circle at 86% 30%,rgba(186,160,120,0.10),transparent 28%),var(--dm-ivory);font-family:"Montserrat",sans-serif;}
/* =========================================================
   AMBIENT DECORATION
========================================================= */
.dm-partners__ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
.dm-partners__ambient::before{content:"";position:absolute;top:-360px;right:-220px;width:720px;height:720px;border:1px solid rgba(186,160,120,0.11);border-radius:50%;box-shadow:0 0 0 54px rgba(186,160,120,0.018),0 0 0 110px rgba(186,160,120,0.014);animation:dmPartnersOrbit 28s linear infinite;}
.dm-partners__ambient span{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle,rgba(223,206,176,0.34),rgba(223,206,176,0) 68%);filter:blur(2px);opacity:0.65;animation:dmPartnersAmbientFloat 8s ease-in-out infinite alternate;}
.dm-partners__ambient span:nth-child(1){top:12%;right:8%;width:180px;height:180px;}
.dm-partners__ambient span:nth-child(2){right:25%;bottom:10%;width:110px;height:110px;animation-delay:-2.6s;}
.dm-partners__ambient span:nth-child(3){top:44%;left:5%;width:95px;height:95px;animation-delay:-4.5s;}
/* =========================================================
   MAIN SHELL
========================================================= */
.dm-partners__shell{position:relative;margin-inline:auto;padding-inline:clamp(26px,4vw,72px);}
/* Cyan vertical line inspired by reference */
.dm-partners__shell::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:#6a6a68;transform:scaleY(0);transform-origin:top;transition:transform 1.8s cubic-bezier(.16,1,.3,1);}
.dm-partners.is-visible .dm-partners__shell::before{transform:scaleY(1);}
.dm-logo-card img{display:block;width:auto;max-width:100%;height:auto;}
/* =========================================================
   TIER
========================================================= */
.dm-partners__tier{position:relative;opacity:0;filter:blur(7px);transform:translate3d(0,65px,0) scale(0.98);transition:opacity 1s ease,filter 1.2s ease,transform 1.3s cubic-bezier(.16,1,.3,1);}
.dm-partners__tier--supporters{transition-delay:0.2s;}
.dm-partners.is-visible .dm-partners__tier{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1);}
/* =========================================================
   HEADER
========================================================= */
.dm-partners__header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:clamp(35px,4vw,58px);}
.dm-partners__heading-wrap{position:relative;}
.dm-partners__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:13px;color:var(--dm-gold-dark);font-size:10px;font-weight:600;line-height:1;letter-spacing:0.18em;text-transform:uppercase;}
.dm-partners__eyebrow::before{content:"";width:30px;height:1px;background:linear-gradient(90deg,var(--dm-gold),transparent);}
.dm-partners__title{position:relative;margin:0;color:var(--dm-charcoal);font-family:"Oswald",sans-serif;font-size:clamp(32px,3vw,52px);font-weight:300;line-height:1;letter-spacing:-0.018em;text-transform:uppercase;}
.dm-partners__title::after{content:"";position:absolute;right:0;bottom:-11px;left:0;height:1px;background:linear-gradient(90deg,var(--dm-gold),rgba(186,160,120,0));transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.16,1,.3,1) 0.35s;}
.dm-partners.is-visible .dm-partners__title::after{transform:scaleX(1);}
.dm-partners__subtitle{margin:17px 0 0;color:var(--dm-muted);font-size:11px;font-weight:300;line-height:1.4;}
/* =========================================================
   DRAG HINT
========================================================= */
.dm-partners__drag-hint{display:inline-flex;align-items:center;gap:10px;margin-bottom:4px;color:var(--dm-muted);font-size:10px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;}
.dm-partners__drag-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(186,160,120,0.30);border-radius:50%;color:var(--dm-gold-dark);background:rgba(255,255,255,0.5);box-shadow:0 8px 22px rgba(86,70,47,0.08);animation:dmPartnersDragHint 2.2s ease-in-out infinite;}
.dm-partners__drag-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
/* =========================================================
   SWIPER
========================================================= */
.dm-logo-swiper{position:relative;width:100%;overflow:visible;padding:16px 4px 27px;perspective:1400px;}
.dm-logo-swiper .swiper-wrapper{align-items:stretch;}
/* Initial powerful reveal */
.dm-logo-swiper .swiper-slide{position:relative;display:flex;align-items:stretch;height:auto;opacity:0;filter:blur(6px) grayscale(0.7);transform:translate3d(70px,65px,-180px) rotateY(-20deg) scale(0.72);transform-origin:center;transition:opacity 0.85s ease,filter 0.9s ease,transform 1.15s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--dm-slide-index,0) * 70ms);will-change:transform,opacity,filter;}
.dm-partners.is-visible .dm-logo-swiper .swiper-slide{opacity:1;filter:blur(0) grayscale(0);transform:translate3d(0,0,0) rotateY(0) scale(1);}
/* =========================================================
   LOGO CARD
========================================================= */
.dm-logo-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0; /*padding:
    clamp(20px, 2vw, 31px)
    clamp(15px, 1.6vw, 25px);*/ overflow:hidden;border:1px solid transparent;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,0.46),rgba(255,255,255,0.10));box-shadow:0 12px 40px rgba(71,59,43,0);transition:transform 0.55s cubic-bezier(.16,1,.3,1),border-color 0.45s ease,background 0.45s ease,box-shadow 0.55s ease;}
/* Light reflection */
.dm-logo-card::before{content:"";position:absolute;top:-60%;left:-95%;width:58%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.65),transparent);opacity:0;transform:rotate(18deg);transition:left 0.85s cubic-bezier(.16,1,.3,1),opacity 0.4s ease;}
/* Gold lower line */
.dm-logo-card::after{content:"";position:absolute;right:24px;bottom:8px;left:24px;height:1px;background:linear-gradient(90deg,transparent,var(--dm-gold),transparent);opacity:0;transform:scaleX(0.3);transition:opacity 0.45s ease,transform 0.55s cubic-bezier(.16,1,.3,1);}
/*
  Full natural logo proportions.
  No fixed height.
  No forced aspect ratio.
  No object-fit.
*/
.dm-logo-card img{position:relative;z-index:2;display:block;width:auto;max-width:100%;height:auto;filter:saturate(0.94) contrast(1.02);transition:transform 0.65s cubic-bezier(.16,1,.3,1),filter 0.45s ease;}
.dm-logo-card:hover{z-index:4;border-color:rgba(186,160,120,0.23);background:linear-gradient(145deg,rgba(255,255,255,0.92),rgba(255,255,255,0.55));box-shadow:0 25px 60px rgba(82,66,43,0.13);transform:translateY(-10px) rotateX(4deg) scale(1.025);}
.dm-logo-card:hover::before{left:145%;opacity:1;}
.dm-logo-card:hover::after{opacity:1;transform:scaleX(1);}
.dm-logo-card:hover img{filter:saturate(1.12) contrast(1.05);transform:scale(1.07);}
/* =========================================================
   PROGRESS INDICATOR
========================================================= */
.dm-partners__progress{display:flex;align-items:center;justify-content:flex-end;margin-top:12px;}
.dm-partners__progress-track{position:relative;display:block;width:min(240px,38%);height:2px;overflow:hidden;background:rgba(186,160,120,0.18);}
.dm-partners__progress-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--dm-gold-dark),var(--dm-gold-light));box-shadow:0 0 12px rgba(186,160,120,0.35);transform:scaleX(0);transform-origin:left;}
/* =========================================================
   PREMIUM ANIMATED DIVIDER / HR
========================================================= */
.dm-partners__divider{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:17px;margin:30px;overflow:hidden;}
.dm-partners__divider-line{display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(86,76,62,0.25),rgba(186,160,120,0.82));transform:scaleX(0);transform-origin:right;transition:transform 1.6s cubic-bezier(.16,1,.3,1) 0.35s;}
.dm-partners__divider-line:nth-child(3){background:linear-gradient(90deg,rgba(186,160,120,0.82),rgba(86,76,62,0.25),transparent);transform-origin:left;}
.dm-partners.is-visible .dm-partners__divider-line{transform:scaleX(1);}
/* Central premium emblem */
.dm-partners__divider-emblem{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(186,160,120,0.43);transform:rotate(45deg) scale(0);transition:transform 1s cubic-bezier(.16,1,.3,1) 0.8s;}
.dm-partners.is-visible .dm-partners__divider-emblem{transform:rotate(45deg) scale(1);}
.dm-partners__divider-emblem::before{content:"";position:absolute;inset:5px;border:1px solid rgba(186,160,120,0.28);}
.dm-partners__divider-emblem span{width:7px;height:7px;border-radius:50%;background:var(--dm-gold);box-shadow:0 0 0 5px rgba(186,160,120,0.12),0 0 18px rgba(186,160,120,0.58);animation:dmPartnersEmblemPulse 2.2s ease-in-out infinite;}
/* Travelling divider light */
.dm-partners__divider-light{position:absolute;top:50%;left:-15%;width:16%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.95),var(--dm-gold-light),transparent);filter:blur(0.3px);opacity:0;transform:translateY(-50%);pointer-events:none;}
.dm-partners.is-visible .dm-partners__divider-light{animation:dmPartnersDividerLight 4.2s ease-in-out 1.5s infinite;}
/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes dmPartnersOrbit{
  to{transform:rotate(360deg);}
}
@keyframes dmPartnersAmbientFloat{
  from{transform:translate3d(0,-8px,0) scale(0.92);}
  to{transform:translate3d(-30px,25px,0) scale(1.12);}
}
@keyframes dmPartnersDragHint{
  0%, 100%{transform:translateX(0);}
  42%{transform:translateX(5px);}
  72%{transform:translateX(-4px);}
}
@keyframes dmPartnersEmblemPulse{
  0%, 100%{transform:scale(0.75);opacity:0.55;}
  50%{transform:scale(1.2);opacity:1;}
}
@keyframes dmPartnersDividerLight{
  0%{left:-18%;opacity:0;}
  15%{opacity:1;}
  72%{opacity:0.85;}
  100%{left:110%;opacity:0;}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1280px){
  .dm-partners__shell{width:min(100% - 38px,1180px);padding-inline:clamp(26px,3.5vw,54px);}
  .dm-logo-card{padding:24px 18px;}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991px){
  .dm-partners{padding-block:72px 88px;}
  .dm-partners__shell{width:min(100% - 28px,920px);padding-inline:28px;}
  .dm-partners__header{align-items:flex-start;}
  .dm-partners__drag-hint span:last-child{display:none;}
  .dm-logo-card{border-radius:15px;}
  .dm-partners__divider{margin-block:72px;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767px){
  .dm-partners{padding:58px 0 72px;}
  .dm-partners__shell{width:min(100% - 18px,620px);padding:0 15px;}
  .dm-partners__shell::before{left:1px;}
  .dm-partners__header{align-items:center;gap:15px;margin-bottom:30px;}
  .dm-partners__eyebrow{font-size:8px;letter-spacing:0.13em;}
  .dm-partners__title{font-size:clamp(25px,6.7vw,40px);}
  .dm-partners__subtitle{font-size:10px;}
  .dm-partners__drag-icon{width:32px;height:32px;}
  .dm-logo-swiper{padding:10px 0 22px;}
  .dm-logo-card{padding:21px 15px;border-radius:13px;background:rgba(255,255,255,0.44);}
  .dm-logo-card:hover{transform:translateY(-5px) scale(1.015);}
  .dm-partners__progress{justify-content:flex-start;}
  .dm-partners__progress-track{width:48%;}
  .dm-partners__divider{gap:11px;margin:60px 0;}
  .dm-partners__divider-emblem{width:30px;height:30px;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px){
  .dm-partners__shell{width:calc(100% - 12px);padding-inline:12px;}
  .dm-partners__title{font-size:clamp(27px,8.8vw,37px);}
  .dm-partners__header{align-items:flex-end;}
  .dm-logo-card{padding:18px 12px;}
  .dm-partners__drag-hint{display:none;}
  .dm-partners__progress-track{width:62%;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dm-partners *, .dm-partners *::before, .dm-partners *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
  .dm-partners__tier, .dm-logo-swiper .swiper-slide{opacity:1;filter:none;transform:none;}
  .dm-partners__shell::before, .dm-partners__title::after, .dm-partners__divider-line{transform:scale(1);}
  .dm-partners__divider-emblem{transform:rotate(45deg) scale(1);}
}
.medconf-premium-section{position:relative;padding:90px 0;overflow:hidden;background:linear-gradient(135deg,#031c25 0%,#064453 45%,#eaffff 45%,#fff 100%);}
.medconf-premium-section:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(21,206,232,.22) 0 2px,transparent 3px);background-size:42px 42px;animation:medconfBgMove 18s linear infinite;opacity:.45;}
.medconf-premium-shell{position:relative;max-width:1500px;margin:auto;padding:35px;border-radius:38px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.75);box-shadow:0 35px 100px rgba(0,40,55,.26);backdrop-filter:blur(18px);z-index:2;}
.medconf-premium-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;}
.medconf-image-frame{position:relative;z-index:3;width:100%;border-radius:34px;overflow:hidden;box-shadow:0 35px 85px rgba(0,75,95,.38);animation:medconfImageFloat 5s ease-in-out infinite;}
.medconf-image-frame img{width:100%;/*min-height:460px;object-fit:cover;*/transition:.8s ease;}
.medconf-premium-shell:hover .medconf-image-frame img{transform:scale(1.06);}
.medconf-orbit{position:absolute;border-radius:50%;border:1px solid rgba(12,190,215,.35);animation:medconfRotate 12s linear infinite;}
.orbit-one{width:330px;height:330px;left:8%;top:8%;}
.orbit-two{width:230px;height:230px;right:12%;bottom:10%;animation-direction:reverse;}
.medconf-floating-card{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.94);color:#053743;font-size:14px;font-weight:800;box-shadow:0 18px 40px rgba(0,55,70,.18);animation:medconfCardFloat 4s ease-in-out infinite;}
.medconf-floating-card i{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#13c5df,#006d84);color:#fff;font-size:18px;}
.medconf-card-top{top:35px;right:5px;}
.medconf-card-bottom{left:5px;bottom:35px;animation-delay:1s;}
.medconf-premium-content{padding:20px;}
.medconf-premium-kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 17px;border-radius:999px;background:rgba(13,181,205,.12);color:#0797ad;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;}
.medconf-premium-content h2{font-size:clamp(25px,4.8vw,25px);line-height:1.04;font-weight:900;color:#062c38;letter-spacing:-1.6px;margin-bottom:22px;}
.medconf-premium-content p{font-size:18px;line-height:1.8;color:#506b75;max-width:620px;}
.medconf-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:30px 0 34px;}
.medconf-feature-item{position:relative;display:flex;align-items:center;gap:13px;padding:18px;border-radius:22px;background:#fff;overflow:hidden;border:1px solid rgba(5,150,175,.13);box-shadow:0 14px 34px rgba(0,70,90,.08);transition:.4s ease;}
.medconf-feature-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(18,191,215,.14),transparent);opacity:0;transition:.4s ease;}
.medconf-feature-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 22px 45px rgba(0,90,110,.16);}
.medconf-feature-item:hover:before{opacity:1;}
.medconf-feature-item i{position:relative;z-index:2;width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9fbff,#d7f8fd);color:#069db5;font-size:22px;}
.medconf-feature-item span{position:relative;z-index:2;color:#123943;font-size:14px;font-weight:850;}
.medconf-premium-btn{display:inline-flex;align-items:center;gap:14px;padding:17px 28px;border-radius:999px;background:linear-gradient(135deg,#12bfd7,#006b83);color:#fff;text-decoration:none;font-size:18px;font-weight:500;box-shadow:0 20px 45px rgba(0,117,139,.34);transition:.35s ease;}
.medconf-premium-btn span{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);}
.medconf-premium-btn:hover{color:#fff;transform:translateY(-5px);box-shadow:0 28px 60px rgba(0,117,139,.44);}
.medconf-premium-btn:hover i{animation:medconfArrow .8s ease infinite;}
@keyframes medconfBgMove{
  from{transform:translate(0,0)}
  to{transform:translate(80px,80px)}
}
@keyframes medconfImageFloat{
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-14px) rotate(1deg)}
}
@keyframes medconfCardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@keyframes medconfRotate{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes medconfArrow{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(6px)}
}
@media(max-width:991px){
  .medconf-premium-section{padding:60px 0;background:linear-gradient(180deg,#064453 0%,#eaffff 100%);}
  .medconf-premium-shell{padding:20px;border-radius:28px;}
  .medconf-premium-visual{min-height:auto;}
  .medconf-image-frame img{min-height:320px;}
  .medconf-premium-content{text-align:center;padding:20px 5px 5px;}
  .medconf-premium-content p{margin-left:auto;margin-right:auto;}
}
@media(max-width:575px){
  .medconf-premium-section{padding:42px 0;}
  .medconf-premium-shell{padding:14px;}
  .medconf-image-frame{border-radius:22px;}
  .medconf-image-frame img{min-height:240px;}
  .medconf-floating-card{position:relative;inset:auto;margin-top:12px;justify-content:center;}
  .medconf-feature-grid{grid-template-columns:1fr;}
  .medconf-premium-btn{width:100%;justify-content:center;}
}
@media(max-width:575px){
  .medconf-premium-section{padding:30px 0;background:linear-gradient(180deg,#063f4b 0%,#eafcff 100%);}
  .medconf-premium-shell{padding:14px;margin:0 12px;border-radius:22px;}
  .medconf-premium-visual{min-height:auto;margin-bottom:22px;}
  .medconf-orbit, .medconf-floating-card{display:none !important;}
  .medconf-image-frame{width:100%;border-radius:20px;transform:none !important;animation:none !important;}
  .medconf-image-frame img{width:100%;height:auto;min-height:unset;max-height:230px;object-fit:cover;object-position:center;}
  .medconf-premium-content{padding:0 4px 8px;text-align:center;}
  .medconf-premium-kicker{font-size:11px;padding:8px 14px;margin-bottom:16px;letter-spacing:.08em;}
  .medconf-premium-content h2{font-size:25px;line-height:1.18;letter-spacing:-.6px;margin-bottom:16px;}
  .medconf-premium-content p{font-size:15px;line-height:1.75;margin-bottom:22px;}
  .medconf-feature-grid{grid-template-columns:1fr;gap:12px;margin:22px 0 26px;}
  .medconf-feature-item{padding:14px 15px;border-radius:18px;text-align:left;justify-content:flex-start;min-height:72px;}
  .medconf-feature-item i{width:38px;height:38px;min-width:38px;border-radius:14px;font-size:20px;}
  .medconf-feature-item span{font-size:13px;line-height:1.4;}
  .medconf-premium-btn{width:100%;justify-content:center;padding:15px 18px;font-size:14px;}
}
.medconf-feature-item-col-display{display:none;}
@media only screen and (max-width:475px){
  .medconf-feature-item-col-display{display:block;}
  .medconf-feature-item-col-display .medconf-feature-item{margin-bottom:1rem;}
}
/* =========================================================
   DESIGN MASTER EVENTS — HIGH-END PREMIUM FOOTER
========================================================= */
.dm-luxe-footer{--dm-sand:#c6ae7c;--dm-sand-light:#d7c397;--dm-sand-dark:#aa9061;--dm-ink:#121719;--dm-ink-soft:#1b2224;--dm-ink-light:#252d2f;--dm-white:#fffdf7;--dm-muted-white:rgba(255,253,247,0.68);--dm-dark-text:#171a18;--dm-turquoise:#19d6d2;position:relative;isolation:isolate;overflow:hidden; /*padding: clamp(75px, 8vw, 130px) 0 0;*/ background:radial-gradient(circle at 8% 10%,rgba(255,255,255,0.25),transparent 29%),radial-gradient(circle at 90% 35%,rgba(255,255,255,0.17),transparent 27%),linear-gradient(135deg,var(--dm-sand-light) 0%,var(--dm-sand) 42%,var(--dm-sand-dark) 100%);color:var(--dm-dark-text);}
.dm-luxe-footer *, .dm-luxe-footer *::before, .dm-luxe-footer *::after{box-sizing:border-box;}
.dm-luxe-footer a{text-decoration:none;}
.dm-luxe-footer__container{position:relative;z-index:5;width:min(100% - 60px,1480px);margin-inline:auto;}
/* =========================================================
   POINTER GLOW
========================================================= */
.dm-luxe-footer__pointer-glow{position:absolute;top:0;left:0;z-index:1;width:520px;height:520px;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,0.18) 0%,rgba(25,214,210,0.07) 32%,transparent 70%);filter:blur(5px);transform:translate3d(-50%,-50%,0);transition:opacity 0.35s ease;}
.dm-luxe-footer:hover .dm-luxe-footer__pointer-glow{opacity:1;}
/* =========================================================
   BACKGROUND DECORATION
========================================================= */
.dm-luxe-footer__decor{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.dm-luxe-footer__grid{position:absolute;inset:0;opacity:0.13;background-image:linear-gradient(rgba(23,26,24,0.26) 1px,transparent 1px),linear-gradient(90deg,rgba(23,26,24,0.26) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,0.5) 48%,transparent 88%);}
.dm-luxe-footer__line{position:absolute;display:block;background:#464646;box-shadow:0 0 10px rgba(25,214,210,0.5),0 0 28px rgba(25,214,210,0.25);}
.dm-luxe-footer__line--one{top:0;left:-30%;width:26%;height:2px;animation:dmLuxeHorizontalLine 7s linear infinite;}
.dm-luxe-footer__line--two{top:-30%;right:18px;width:2px;height:25%;animation:dmLuxeVerticalLine 9s linear infinite 1s;}
.dm-luxe-footer__ring{position:absolute;display:block;border:1px solid rgba(23,26,24,0.19);border-radius:50%;}
.dm-luxe-footer__ring i{position:absolute;display:block;border-radius:50%;}
.dm-luxe-footer__ring--one{top:-180px;right:-115px;width:470px;height:470px;animation:dmLuxeRingRotate 28s linear infinite;}
.dm-luxe-footer__ring--one::before, .dm-luxe-footer__ring--one::after{content:"";position:absolute;border:1px solid rgba(23,26,24,0.12);border-radius:50%;}
.dm-luxe-footer__ring--one::before{inset:13%;}
.dm-luxe-footer__ring--one::after{inset:31%;}
.dm-luxe-footer__ring--one i:nth-child(1){top:23%;left:2%;width:12px;height:12px;background:var(--dm-turquoise);box-shadow:0 0 22px rgba(25,214,210,0.8);}
.dm-luxe-footer__ring--one i:nth-child(2){right:14%;bottom:14%;width:8px;height:8px;background:var(--dm-white);}
.dm-luxe-footer__ring--one i:nth-child(3){top:47%;right:-4px;width:6px;height:6px;background:var(--dm-dark-text);}
.dm-luxe-footer__ring--two{left:-105px;bottom:190px;width:270px;height:270px;opacity:0.55;animation:dmLuxeRingRotate 21s linear infinite reverse;}
.dm-luxe-footer__ring--two::before{content:"";position:absolute;inset:22%;border:1px solid rgba(23,26,24,0.18);border-radius:50%;}
.dm-luxe-footer__ring--two i:first-child{top:10%;right:15%;width:7px;height:7px;background:var(--dm-turquoise);}
.dm-luxe-footer__ring--two i:last-child{bottom:12%;left:23%;width:9px;height:9px;border:1px solid var(--dm-dark-text);}
/* =========================================================
   BACKGROUND MARQUEE
========================================================= */
.dm-luxe-footer__marquee{position:absolute;top:clamp(245px,30vw,420px);left:0;z-index:1;width:100%;overflow:hidden;pointer-events:none;transform:rotate(-3deg) scale(1.04);}
.dm-luxe-footer__marquee-track{display:flex;align-items:center;width:max-content;gap:clamp(24px,4vw,65px);animation:dmLuxeMarquee 30s linear infinite;}
.dm-luxe-footer__marquee span{color:rgba(23,26,24,0.075);font-family:"Oswald",sans-serif;font-size:clamp(4.8rem,10vw,11rem);font-weight:500;letter-spacing:-0.035em;line-height:1;white-space:nowrap;}
.dm-luxe-footer__marquee i{display:block;flex:0 0 auto;width:clamp(10px,1.2vw,18px);height:clamp(10px,1.2vw,18px);border:2px solid rgba(23,26,24,0.09);border-radius:50%;}
/* =========================================================
   HERO CTA
========================================================= */
.dm-luxe-footer__hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(45px,7vw,125px);min-height:clamp(360px,42vw,610px);padding:clamp(45px,6vw,90px) clamp(20px,4vw,55px);}
.dm-luxe-footer__hero-content{position:relative;z-index:2;max-width:1050px;}
.dm-luxe-footer__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:clamp(22px,3vw,36px);color:rgba(23,26,24,0.73);font-family:"Manrope",sans-serif;font-size:clamp(0.7rem,0.8vw,0.82rem);font-weight:700;letter-spacing:0.2em;text-transform:uppercase;}
.dm-luxe-footer__eyebrow-icon{position:relative;display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(23,26,24,0.27);border-radius:50%;}
.dm-luxe-footer__eyebrow-icon::before, .dm-luxe-footer__eyebrow-icon::after{content:"";position:absolute;background:var(--dm-dark-text);}
.dm-luxe-footer__eyebrow-icon::before{width:11px;height:1px;}
.dm-luxe-footer__eyebrow-icon::after{width:1px;height:11px;}
.dm-luxe-footer__eyebrow-icon i{position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:#000;box-shadow:0 0 12px rgb(0 0 0 / 75%);}
.dm-luxe-footer__heading{margin:0;color:var(--dm-dark-text);font-family:"Oswald",sans-serif;font-size:clamp(3.7rem,7.3vw,8.4rem);font-weight:400;letter-spacing:-0.055em;line-height:0.91;text-transform:uppercase;}
.dm-luxe-footer__heading-line{display:block;overflow:hidden;padding-bottom:0.08em;}
.dm-luxe-footer__heading-line > span{display:block;transform:translateY(110%);transition:transform 1.15s cubic-bezier(0.16,1,0.3,1);}
.dm-luxe-footer__heading-line:nth-child(2) > span{color:var(--dm-white);text-shadow:0 10px 40px rgba(80,59,21,0.11);transition-delay:0.12s;}
.dm-luxe-footer__hero.is-visible .dm-luxe-footer__heading-line > span{transform:translateY(0);}
.dm-luxe-footer__hero p{max-width:690px;margin:clamp(26px,3vw,42px) 0 0;color:rgba(23,26,24,0.73);font-family:"Manrope",sans-serif;font-size:clamp(0.95rem,1.2vw,1.12rem);font-weight:500;line-height:1.8;}
/* =========================================================
   ROTATING CTA BUTTON
========================================================= */
.dm-luxe-footer__hero-action{position:relative;z-index:3;}
.dm-luxe-footer__circle-button{position:relative;display:grid;width:clamp(165px,17vw,230px);height:clamp(165px,17vw,230px);place-items:center;border:1px solid rgba(23,26,24,0.26);border-radius:50%;color:var(--dm-dark-text);background:rgba(255,255,255,0.13);box-shadow:inset 0 0 0 11px rgba(255,255,255,0.07),0 30px 80px rgba(74,54,23,0.13);backdrop-filter:blur(9px);transition:background 0.45s ease,border-color 0.45s ease,box-shadow 0.45s ease;}
.dm-luxe-footer__circle-button::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,transparent 0deg,transparent 230deg,#343838 280deg,transparent 335deg);animation:dmLuxeBorderSpin 5s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.dm-luxe-footer__circle-rotate{position:absolute;inset:9px;animation:dmLuxeRingRotate 16s linear infinite;}
.dm-luxe-footer__circle-rotate svg{display:block;width:100%;height:100%;overflow:visible;}
.dm-luxe-footer__circle-rotate text{fill:rgba(23,26,24,0.78);font-family:"Manrope",sans-serif;font-size:9.4px;font-weight:700;letter-spacing:2.1px;}
.dm-luxe-footer__circle-center{position:relative;display:grid;width:38%;height:38%;place-items:center;border-radius:50%;color:#fff;background:#373838;box-shadow:0 15px 35px rgb(0 0 0 / 30%);font-size:clamp(1.2rem,1.8vw,1.75rem);transition:color 0.4s ease,background 0.4s ease,transform 0.4s ease;}
.dm-luxe-footer__circle-button:hover{border-color:var(--dm-dark-text);background:var(--dm-dark-text);box-shadow:0 35px 85px rgba(23,26,24,0.25);}
.dm-luxe-footer__circle-button:hover .dm-luxe-footer__circle-rotate text{fill:var(--dm-white);}
.dm-luxe-footer__circle-button:hover .dm-luxe-footer__circle-center{color:var(--dm-dark-text);background:var(--dm-white);transform:rotate(45deg) scale(1.07);}
/* =========================================================
   PREMIUM DARK PANEL
========================================================= */
.dm-luxe-footer__panel{position:relative;z-index:4;overflow:hidden;border:1px solid rgba(255,255,255,0.13);border-radius:28px 28px 0 0;color:var(--dm-white);background:radial-gradient(circle at 15% 15%,rgba(25,214,210,0.075),transparent 28%),linear-gradient(135deg,var(--dm-ink-light) 0%,var(--dm-ink) 48%,#0c1011 100%);box-shadow:0 -20px 80px rgba(59,41,14,0.16),inset 0 1px 0 rgba(255,255,255,0.08);}
.dm-luxe-footer__panel::before{content:"";position:absolute;top:0;left:5%;width:23%;height:2px;background:#c0aa80;box-shadow:0 0 12px rgb(0 0 0 / 70%),0 0 30px rgb(0 0 0 / 32%);}
.dm-luxe-footer__panel::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.024) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 88%);}
.dm-luxe-footer__panel-light{position:absolute;top:-260px;left:48%;z-index:0;width:520px;height:520px;border-radius:50%;pointer-events:none;background:rgba(255,255,255,0.045);filter:blur(5px);}
.dm-luxe-footer__panel-top{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(150px,0.72fr) minmax(210px,1fr) minmax(220px,1fr);gap:clamp(38px,5vw,85px);padding:clamp(50px,5vw,60px) clamp(25px,5vw,80px);}
/* =========================================================
   BRAND AREA
========================================================= */
.dm-luxe-footer__brand{max-width:420px;}
.dm-luxe-footer__logo{display:inline-flex;align-items:center;gap:17px;color:var(--dm-white);}
.dm-luxe-footer__logo-symbol{position:relative;display:block;flex:0 0 auto;width:65px;height:65px;border:1px solid rgba(255,255,255,0.28);border-radius:50%;font-family:"Oswald",sans-serif;}
.dm-luxe-footer__logo-symbol::before{content:"";position:absolute;top:50%;left:50%;width:1px;height:76%;background:var(--dm-turquoise);transform:translate(-50%,-50%) rotate(38deg);box-shadow:0 0 12px rgba(25,214,210,0.45);}
.dm-luxe-footer__logo-symbol span:first-child{position:absolute;top:11px;left:14px;}
.dm-luxe-footer__logo-symbol span:last-child{position:absolute;right:13px;bottom:10px;}
.dm-luxe-footer__logo-copy{display:flex;flex-direction:column;}
.dm-luxe-footer__logo-copy strong{color:var(--dm-white);font-family:"Oswald",sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:0.035em;line-height:1;text-transform:uppercase;}
.dm-luxe-footer__logo-copy small{margin-top:7px;color:var(--dm-turquoise);font-family:"Manrope",sans-serif;font-size:0.64rem;font-weight:700;letter-spacing:0.37em;text-transform:uppercase;}
.dm-luxe-footer__brand p{margin:30px 0;color:var(--dm-muted-white);font-family:"Manrope",sans-serif;font-size:0.91rem;font-weight:500;line-height:1.8;}
.dm-luxe-footer__text-action{display:inline-flex;align-items:center;gap:13px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,0.3);color:var(--dm-white);font-family:"Manrope",sans-serif;font-size:0.73rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;transition:gap 0.3s ease,color 0.3s ease,border-color 0.3s ease;}
.dm-luxe-footer__text-action:hover{gap:20px;color:#c0aa80;border-color:#c0aa80;}
/* =========================================================
   COLUMN HEADINGS
========================================================= */
.dm-luxe-footer__column-title{display:flex;align-items:center;gap:12px;margin-bottom:29px;}
.dm-luxe-footer__column-title span{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(255,255,255,0.19);border-radius:50%;color:#c0aa80;font-family:"Manrope",sans-serif;font-size:16px;font-weight:700;}
.dm-luxe-footer__column-title h3{margin:0;color:var(--dm-white);font-family:"Manrope",sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;}
/* =========================================================
   NAVIGATION LINKS
========================================================= */
.dm-luxe-footer__links{display:flex;flex-direction:column;}
.dm-luxe-footer__links a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:42px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.075);color:rgba(255,253,247,0.67);font-family:"Manrope",sans-serif;font-size:0.83rem;font-weight:500;line-height:1.45;transition:color 0.35s ease,padding-left 0.35s ease,border-color 0.35s ease;}
.dm-luxe-footer__links a::before{content:"";position:absolute;top:50%;left:0;width:0;height:1px;background:#c0aa80;transform:translateY(-50%);transition:width 0.35s ease;}
.dm-luxe-footer__links a i{flex:0 0 auto;color:#c0aa80;font-size:0.77rem;opacity:0;transform:translate(-10px,6px);transition:opacity 0.35s ease,transform 0.35s ease;}
.dm-luxe-footer__links a:hover{padding-left:20px;border-color:#c0aa80;color:var(--dm-white);}
.dm-luxe-footer__links a:hover::before{width:11px;}
.dm-luxe-footer__links a:hover i{opacity:1;transform:translate(0,0);}
/* =========================================================
   CONTACT
========================================================= */
.dm-luxe-footer__contact-row{display:block;padding:0 0 17px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,0.08);}
.dm-luxe-footer__contact-row small, .dm-luxe-footer__contact-row strong{display:block;font-family:"Manrope",sans-serif;}
.dm-luxe-footer__contact-row small{margin-bottom:7px;color:rgba(255,253,247,0.43);font-size:0.61rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}
.dm-luxe-footer__contact-row strong{color:rgba(255,253,247,0.78);font-size:0.84rem;font-weight:600;transition:color 0.3s ease,transform 0.3s ease;}
.dm-luxe-footer__contact-row:hover strong{color:#c0aa80;transform:translateX(5px);}
.dm-luxe-footer__availability{display:flex;align-items:center;gap:13px;margin-top:25px;padding:15px;border:1px solid rgba(25,214,210,0.18);border-radius:12px;background:rgba(25,214,210,0.045);}
.dm-luxe-footer__availability-dot{position:relative;display:block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#c0aa80;box-shadow:0 0 15px rgba(25,214,210,0.9);}
.dm-luxe-footer__availability-dot::before{content:"";position:absolute;inset:-7px;border:1px solid #c0aa80;border-radius:50%;animation:dmLuxePulse 2.2s ease-out infinite;}
.dm-luxe-footer__availability small, .dm-luxe-footer__availability strong{display:block;font-family:"Manrope",sans-serif;}
.dm-luxe-footer__availability small{margin-bottom:3px;color:rgba(255,253,247,0.43);font-size:0.55rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}
.dm-luxe-footer__availability strong{color:var(--dm-white);font-size:0.72rem;font-weight:600;}
/* =========================================================
   SOCIAL SECTION
========================================================= */
.dm-luxe-footer__social-section{position:relative;z-index:2;padding:0 clamp(30px,6vw,90px) clamp(55px,6vw,80px);}
.dm-luxe-footer__social-heading{display:flex;align-items:center;gap:20px;margin-bottom:23px;color:rgba(255,253,247,0.42);font-family:"Manrope",sans-serif;font-size:0.62rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;}
.dm-luxe-footer__social-heading div{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0.15),transparent);}
.dm-luxe-footer__socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.dm-luxe-footer__socials a{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:5px 10px;border-top:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);color:rgba(255,253,247,0.67);overflow:hidden;transition:color 0.4s ease,border-color 0.4s ease;}
.dm-luxe-footer__socials a:first-child{border-left:1px solid rgba(255,255,255,0.1);}
.dm-luxe-footer__socials a::before{content:"";position:absolute;inset:100% 0 0;z-index:-1;background:#c0aa80;transition:inset 0.45s cubic-bezier(0.16,1,0.3,1);}
.dm-luxe-footer__socials a span{font-family:"Manrope",sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;}
.dm-luxe-footer__socials a i{font-size:1.1rem;transition:transform 0.4s ease;}
.dm-luxe-footer__socials a:hover{color:var(--dm-dark-text);border-color:#fff;}
.dm-luxe-footer__socials a:hover::before{inset:0;}
.dm-luxe-footer__socials a:hover i{transform:rotate(8deg) scale(1.2);}
/* =========================================================
   PANEL BOTTOM
========================================================= */
.dm-luxe-footer__panel-bottom{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 0fr;align-items:center;gap:30px;min-height:88px;padding:20px clamp(30px,6vw,90px);border-top:1px solid rgba(255,255,255,0.09);}
.dm-luxe-footer__panel-bottom p{margin:0;color:rgba(255,253,247,0.44);font-family:"Manrope",sans-serif;font-size:16px;font-weight:500;}
.dm-luxe-footer__legal{display:flex;align-items:center;justify-content:center;gap:13px;}
.dm-luxe-footer__legal span{display:block;width:3px;height:3px;border-radius:50%;background:#c0aa80;}
.dm-luxe-footer__legal a{color:rgba(255,253,247,0.48);font-family:"Manrope",sans-serif;font-size:14px;font-weight:500;transition:color 0.3s ease;}
.dm-luxe-footer__legal a:hover{color:var(--dm-white);}
.dm-luxe-footer__back-top{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;color:rgba(255,253,247,0.58);font-family:"Manrope",sans-serif;font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;transition:color 0.3s ease,gap 0.3s ease;}
.dm-luxe-footer__back-top i{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,0.17);border-radius:50%;transition:color 0.3s ease,background 0.3s ease,transform 0.3s ease;}
.dm-luxe-footer__back-top:hover{gap:16px;color:var(--dm-white);}
.dm-luxe-footer__back-top:hover i{color:#000;background:#bb9c60;transform:translateY(-4px);}
/* =========================================================
   LARGE SIGNATURE
========================================================= */
.dm-luxe-footer__signature{position:relative;z-index:2;width:100%;margin-top:clamp(18px,3vw,40px);overflow:hidden;pointer-events:none;text-align:center;}
.dm-luxe-footer__signature span{display:block;margin-bottom:30px;color:rgba(255,255,255,0.16);font-family:"Oswald",sans-serif;font-size:clamp(3rem,5.0vw,5rem);font-weight:500;letter-spacing:-0.06em;line-height:0.84;white-space:nowrap;}
/* =========================================================
   SCROLL REVEAL
========================================================= */
.dm-luxe-reveal{opacity:0;transform:translateY(45px);transition:opacity 1s cubic-bezier(0.16,1,0.3,1),transform 1s cubic-bezier(0.16,1,0.3,1);}
.dm-luxe-reveal.is-visible{opacity:1;transform:translateY(0);}
.dm-luxe-footer__panel.dm-luxe-reveal{transition-delay:0.12s;}
/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes dmLuxeHorizontalLine{
  from{transform:translateX(0);}
  to{transform:translateX(500%);}
}
@keyframes dmLuxeVerticalLine{
  from{transform:translateY(0);}
  to{transform:translateY(600%);}
}
@keyframes dmLuxeRingRotate{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}
@keyframes dmLuxeBorderSpin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}
@keyframes dmLuxeMarquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@keyframes dmLuxePulse{
  0%{opacity:0.9;transform:scale(0.55);}
  100%{opacity:0;transform:scale(1.8);}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1199.98px){
  .dm-luxe-footer__panel-top{grid-template-columns:minmax(250px,1.25fr) minmax(140px,0.75fr) minmax(190px,1fr) minmax(195px,1fr);gap:40px;}
  .dm-luxe-footer__circle-button{width:180px;height:180px;}
  .dm-luxe-footer__heading{font-size:clamp(4rem,7vw,7rem);}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  .dm-luxe-footer__container{width:min(100% - 40px,920px);}
  .dm-luxe-footer__hero{grid-template-columns:1fr;min-height:auto;padding-top:40px;padding-bottom:75px;}
  .dm-luxe-footer__hero-action{justify-self:end;margin-top:-20px;}
  .dm-luxe-footer__panel-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 48px;}
  .dm-luxe-footer__brand{max-width:100%;}
  .dm-luxe-footer__panel-bottom{grid-template-columns:1fr 1fr;}
  .dm-luxe-footer__legal{display:none;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  .dm-luxe-footer{padding-top:55px;}
  .dm-luxe-footer__container{width:min(100% - 26px,680px);}
  .dm-luxe-footer__grid{background-size:48px 48px;}
  .dm-luxe-footer__pointer-glow{display:none;}
  .dm-luxe-footer__hero{gap:36px;padding:30px 7px 60px;}
  .dm-luxe-footer__heading{font-size:clamp(3.4rem,15vw,5.7rem);line-height:0.94;}
  .dm-luxe-footer__heading-line:nth-child(2) > span{color:var(--dm-white);}
  .dm-luxe-footer__hero p{font-size:0.94rem;line-height:1.75;}
  .dm-luxe-footer__hero-action{justify-self:start;margin-top:0;}
  .dm-luxe-footer__circle-button{width:155px;height:155px;}
  .dm-luxe-footer__marquee{top:330px;}
  .dm-luxe-footer__panel{border-radius:20px 20px 0 0;}
  .dm-luxe-footer__panel-top{grid-template-columns:1fr;gap:0;padding:58px 25px 45px;}
  .dm-luxe-footer__brand, .dm-luxe-footer__column{padding:31px 0;border-bottom:1px solid rgba(255,255,255,0.09);}
  .dm-luxe-footer__brand{padding-top:0;}
  .dm-luxe-footer__column:last-child{padding-bottom:0;border-bottom:0;}
  .dm-luxe-footer__social-section{padding:20px 25px 50px;}
  .dm-luxe-footer__socials{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dm-luxe-footer__socials a:nth-child(3){border-left:1px solid rgba(255,255,255,0.1);}
  .dm-luxe-footer__panel-bottom{grid-template-columns:1fr;gap:17px;min-height:auto;padding:27px 25px;text-align:center;}
  .dm-luxe-footer__back-top{justify-content:center;}
  .dm-luxe-footer__signature span{font-size:clamp(4rem,18vw,7rem);}
  .dm-luxe-footer__ring--one{width:300px;height:300px;}
  .dm-luxe-footer__ring--two{display:none;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  .dm-luxe-footer__container{width:min(100% - 20px,450px);}
  .dm-luxe-footer__heading{font-size:clamp(3rem,15vw,4.4rem);}
  .dm-luxe-footer__eyebrow{font-size:0.62rem;letter-spacing:0.13em;}
  .dm-luxe-footer__logo-symbol{width:57px;height:57px;}
  .dm-luxe-footer__logo-copy strong{font-size:1.15rem;}
  .dm-luxe-footer__socials{grid-template-columns:1fr;}
  .dm-luxe-footer__socials a{min-height:66px;border-left:1px solid rgba(255,255,255,0.1);}
  .dm-luxe-footer__socials a:nth-child(3){border-left:1px solid rgba(255,255,255,0.1);}
  .dm-luxe-footer__signature span{font-size:17vw;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dm-luxe-footer__line, .dm-luxe-footer__ring, .dm-luxe-footer__marquee-track, .dm-luxe-footer__circle-button::before, .dm-luxe-footer__circle-rotate, .dm-luxe-footer__availability-dot::before{animation:none !important;}
  .dm-luxe-reveal, .dm-luxe-footer__heading-line > span{opacity:1;transform:none;transition:none;}
  .dm-luxe-footer *, .dm-luxe-footer *::before, .dm-luxe-footer *::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;}
}
/* =========================================================
   DESIGN MASTER EVENTS — FIXED INNER HEADER
========================================================= */
:root{--dmi-header-height:88px;--dmi-header-bg:#f8f5ef;--dmi-header-bg-rgb:248,245,239;--dmi-header-ink:#1b201f;--dmi-header-copy:#5f6563;--dmi-header-gold:#c6ae7c;--dmi-header-accent:#20d8d4;--dmi-header-white:#ffffff;--dmi-header-border:rgba(27,32,31,0.12);--dmi-header-shadow:rgba(64,48,20,0.11);}
/* Prevent fixed header from covering page anchors */
html{scroll-padding-top:calc(var(--dmi-header-height) + 20px);}
body{padding-top:var(--dmi-header-height);}
/* Shared inner-page container */
.dmi-container{width:min(100% - 64px,1460px);margin-inline:auto;padding-right:0;padding-left:0;}
/* =========================================================
   HEADER BASE
========================================================= */
.dmi-header{position:fixed;inset:0 0 auto;z-index:1050;width:100%;height:var(--dmi-header-height);border-bottom:1px solid var(--dmi-header-border);background:linear-gradient(90deg,rgba(var(--dmi-header-bg-rgb),0.98),rgba(var(--dmi-header-bg-rgb),0.94));box-shadow:0 1px 0 rgba(255,255,255,0.65);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:height 0.35s ease,background-color 0.35s ease,box-shadow 0.35s ease,transform 0.35s ease;}
/* Premium animated top accent */
.dmi-header::before{content:"";position:absolute;top:0;left:-28%;width:24%;height:2px;background:linear-gradient(90deg,transparent,#787878,transparent);box-shadow:0 0 12px rgb(108 108 108 / 75%),0 0 25px rgb(183 183 183 / 30%);animation:dmiHeaderAccentMove 8s linear infinite;animation:dmiHeaderAccentMove 8s linear infinite;}
/* Subtle lower highlight */
.dmi-header::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(198,174,124,0.5),transparent);}
.dmi-header.is-scrolled{height:76px;background:rgba(var(--dmi-header-bg-rgb),0.985);box-shadow:0 15px 40px var(--dmi-header-shadow),0 1px 0 rgba(255,255,255,0.7);}
/* =========================================================
   NAVBAR
========================================================= */
.dmi-header .navbar{height:100%;margin:0;padding:0;}
.dmi-header .navbar > .dmi-container{display:flex;align-items:center;height:100%;}
.dmi-header .navbar-collapse{flex-grow:1;}
.dmi-header .navbar-nav{display:flex;align-items:center;gap:clamp(2px,0.6vw,12px);}
/* =========================================================
   LOGO
========================================================= */
.dmi-header__logo{display:inline-flex;flex:0 0 auto;align-items:center;margin:0;padding:0;}
.dmi-header__logo img{display:block;width:auto;max-width:300px; /*max-height: 60px;*/ object-fit:contain;transition:max-width 0.35s ease,max-height 0.35s ease,transform 0.35s ease;}
.dmi-header__logo:hover img{transform:translateY(-2px);}
/*.dmi-header.is-scrolled .dmi-header__logo img {
  max-width: 160px;
  max-height: 52px;
}*/
/* =========================================================
   NAVIGATION LINKS
========================================================= */
.dmi-header .nav-item{position:relative;}
.dmi-header .nav-link{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:10px 5px !important;color:var(--dmi-header-copy);font-family:"Manrope",sans-serif;font-size:15px;font-weight:400;letter-spacing:0.055em;line-height:1.3;text-transform:uppercase;white-space:nowrap;transition:color 0.3s ease,transform 0.3s ease;}
/* Animated underline */
.dmi-header .nav-link::after{content:"";position:absolute;right:8px;bottom:7px;left:8px;height:1px;background:#787878;box-shadow:0 0 8px rgb(52 52 52 / 45%);transform:scaleX(0);transform-origin:right center;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1);}
.dmi-header .nav-link:hover, .dmi-header .nav-link:focus-visible, .dmi-header .nav-link.active{color:var(--dmi-header-ink);}
.dmi-header .nav-link:hover{transform:translateY(-1px);}
.dmi-header .nav-link:hover::after, .dmi-header .nav-link:focus-visible::after, .dmi-header .nav-link.active::after{transform:scaleX(1);transform-origin:left center;}
/* Small active indicator */
.dmi-header .nav-link.active::before{content:"";position:absolute;top:8px;left:50%;width:4px;height:4px;border-radius:50%;background:#000;box-shadow:0 0 9px rgba(32,216,212,0.9);transform:translateX(-50%);}
/* =========================================================
   CONTACT BUTTON
========================================================= */
.dmi-header .dmi-header__contact{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;margin-left:8px;padding:11px 17px !important; /*border: 1px solid var(--dmi-header-ink);*/ border-radius:100px;color:var(--dmi-header-white);background:var(--dmi-header-ink);box-shadow:0 10px 24px rgba(27,32,31,0.12),inset 0 1px 0 rgba(255,255,255,0.08);overflow:hidden;transition:color 0.35s ease,border-color 0.35s ease,background-color 0.35s ease,box-shadow 0.35s ease,transform 0.35s ease;}
.dmi-header .dmi-header__contact::before{content:"";position:absolute;inset:100% 0 0;z-index:-1;border-radius:inherit;background:#b99a67;transition:inset 0.4s cubic-bezier(0.16,1,0.3,1);}
.dmi-header .dmi-header__contact::after{display:none;}
.dmi-header .dmi-header__contact i{flex:0 0 auto;font-size:0.72rem;transition:transform 0.35s ease;}
.dmi-header .dmi-header__contact:hover, .dmi-header .dmi-header__contact:focus-visible{color:var(--dmi-header-ink);background:transparent;box-shadow:0 14px 30px rgba(32,216,212,0.18);transform:translateY(-2px);}
.dmi-header .dmi-header__contact:hover::before, .dmi-header .dmi-header__contact:focus-visible::before{inset:0;}
.dmi-header .dmi-header__contact:hover i, .dmi-header .dmi-header__contact:focus-visible i{transform:rotate(45deg);}
/* =========================================================
   MOBILE TOGGLER
========================================================= */
.dmi-header__toggler{position:relative;display:none;width:46px;height:46px;padding:0;place-content:center;gap:5px;border:1px solid rgba(27,32,31,0.22);border-radius:50%;background:rgba(255,255,255,0.16);box-shadow:none !important;transition:border-color 0.3s ease,background-color 0.3s ease,transform 0.3s ease;}
.dmi-header__toggler:hover{border-color:#b69b6a;background:rgb(24 33 45 / 12%);}
.dmi-header__toggler:focus-visible{outline:2px solid #b69b6a;outline-offset:3px;}
.dmi-header__toggler span{display:block;width:19px;height:1.5px;border-radius:10px;background:var(--dmi-header-ink);transform-origin:center;transition:opacity 0.3s ease,transform 0.3s ease;}
.dmi-header__toggler[aria-expanded="true"]{border-color:#b69b6a;transform:rotate(90deg);}
.dmi-header__toggler[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.dmi-header__toggler[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0);}
.dmi-header__toggler[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
/* =========================================================
   DESKTOP / LARGE LAPTOP
========================================================= */
@media (min-width: 992px){
  .dmi-header .navbar-collapse{display:flex !important;}
  .dmi-header .navbar-nav{margin-left:auto;}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1199.98px){
  .dmi-container{width:min(100% - 42px,1160px);}
  /*.dmi-header__logo img {
      max-width: 156px;
      max-height: 54px;
    }*/
  .dmi-header .navbar-nav{gap:0;}
  .dmi-header .nav-link{padding:12px 5px !important;font-size:0.6rem;letter-spacing:0.035em;}
  .dmi-header .nav-link::after{right:5px;left:5px;}
  .dmi-header .dmi-header__contact{margin-left:5px;padding:10px 13px !important;}
}
/* =========================================================
   TABLET AND MOBILE NAVIGATION
========================================================= */
@media (max-width: 991.98px){
  :root{--dmi-header-height:78px;}
  body{padding-top:var(--dmi-header-height);}
  .dmi-container{width:min(100% - 36px,900px);}
  .dmi-header{height:var(--dmi-header-height);}
  .dmi-header.is-scrolled{height:70px;}
  /*.dmi-header__logo img,
    .dmi-header.is-scrolled .dmi-header__logo img {
      max-width: 150px;
      max-height: 52px;
    }*/
  .dmi-header__toggler{display:grid;margin-left:auto;}
  .dmi-header .navbar-collapse{position:absolute;top:calc(100% + 1px);right:0;left:0;max-height:calc(100vh - var(--dmi-header-height));padding:14px 24px 24px;overflow-y:auto;border-bottom:1px solid var(--dmi-header-border);background:radial-gradient(circle at 92% 10%,rgba(198,174,124,0.14),transparent 28%),rgba(var(--dmi-header-bg-rgb),0.99);box-shadow:0 24px 45px rgba(56,42,18,0.14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
  .dmi-header .navbar-collapse.collapsing{transition:height 0.35s ease,opacity 0.25s ease;}
  .dmi-header .navbar-collapse.show{animation:dmiMobileMenuReveal 0.35s ease both;}
  .dmi-header .navbar-nav{display:flex;align-items:stretch !important;gap:0;}
  .dmi-header .nav-item{width:100%;}
  .dmi-header .nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;padding:13px 0 !important;border-bottom:1px solid rgba(27,32,31,0.08);font-size:0.69rem;letter-spacing:0.07em;}
  .dmi-header .nav-link::after{right:auto;bottom:-1px;left:0;width:38px;transform-origin:left center;}
  .dmi-header .nav-link.active::before{top:50%;right:2px;left:auto;transform:translateY(-50%);}
  .dmi-header .dmi-header__contact{width:100%;min-height:48px;margin:17px 0 0;padding:5px 10px !important;border-bottom:1px solid var(--dmi-header-ink);}
  .dmi-header .dmi-header__contact span{flex:1;text-align:left;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  .dmi-container{width:min(100% - 28px,680px);}
  .dmi-header__logo img, .dmi-header.is-scrolled .dmi-header__logo img{max-width:250px;max-height:100px;}
  .dmi-header .navbar-collapse{padding-right:18px;padding-left:18px;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  :root{--dmi-header-height:72px;}
  .dmi-container{width:min(100% - 22px,440px);}
  .dmi-header, .dmi-header.is-scrolled{height:var(--dmi-header-height);}
  /*.dmi-header__logo img,
    .dmi-header.is-scrolled .dmi-header__logo img {
      max-width: 126px;
      max-height: 45px;
    }*/
  .dmi-header__toggler{width:42px;height:42px;}
  .dmi-header .navbar-collapse{max-height:calc(100vh - 72px);padding:12px 15px 20px;}
  .dmi-header .nav-link{min-height:45px;font-size:0.65rem;}
}
/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes dmiHeaderAccentMove{
  from{transform:translateX(0);}
  to{transform:translateX(540%);}
}
@keyframes dmiMobileMenuReveal{
  from{opacity:0;transform:translateY(-9px);}
  to{opacity:1;transform:translateY(0);}
}
/* =========================================================
   ACCESSIBILITY
========================================================= */
.dmi-header a:focus-visible, .dmi-header button:focus-visible{outline:2px solid var(--dmi-header-accent);outline-offset:3px;}
@media (prefers-reduced-motion: reduce){
  .dmi-header::before{animation:none;}
  .dmi-header, .dmi-header *, .dmi-header *::before, .dmi-header *::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;}
}
/* =========================================================
   CENTERED COMPACT AI INNER BANNER
========================================================= */
.dm-ai-banner{--dm-ai-sand:#c6ae7c;--dm-ai-sand-light:#d8c69b;--dm-ai-sand-dark:#ad925d;--dm-ai-ink:#1b201e;--dm-ai-white:#fffdf8;--dm-ai-accent:#22d8d4;position:relative;isolation:isolate;display:flex;align-items:center;min-height:230px;overflow:hidden;padding:42px 0;color:var(--dm-ai-ink);background:radial-gradient(circle at 77% 26%,rgba(255,255,255,0.21),transparent 24%),linear-gradient(120deg,var(--dm-ai-sand-light) 0%,var(--dm-ai-sand) 52%,var(--dm-ai-sand-dark) 100%);}
.dm-ai-banner *, .dm-ai-banner *::before, .dm-ai-banner *::after{box-sizing:border-box;}
/*
  The fixed header is already compensated through body padding-top.
  Do not add var(--dmi-header-height) to this banner padding.
*/
/* =========================================================
   BACKGROUND
========================================================= */
.dm-ai-banner__background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
/* Elegant circuit texture */
.dm-ai-banner__circuit{position:absolute;inset:0;opacity:0.11;background-image:linear-gradient(90deg,transparent 0 18%,rgba(27,32,30,0.32) 18% 18.12%,transparent 18.12% 42%,rgba(27,32,30,0.25) 42% 42.12%,transparent 42.12%),linear-gradient(0deg,transparent 0 30%,rgba(27,32,30,0.27) 30% 30.15%,transparent 30.15% 70%,rgba(27,32,30,0.22) 70% 70.15%,transparent 70.15%),radial-gradient(circle at 18% 30%,rgba(27,32,30,0.55) 0 2px,transparent 3px),radial-gradient(circle at 42% 70%,rgba(34,216,212,0.95) 0 2px,transparent 4px);background-size:230px 100%,100% 105px,230px 105px,230px 105px;animation:dmAiCircuitShift 16s linear infinite;}
/* Soft ambient glow */
.dm-ai-banner__glow{position:absolute;top:-270px;right:7%;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.3),rgba(255,255,255,0.07) 42%,transparent 70%);animation:dmAiGlowFloat 10s ease-in-out infinite;}
/* Subtle vertical scanner */
.dm-ai-banner__scan{position:absolute;top:-30%;left:35%;width:110px;height:160%;opacity:0;background:linear-gradient(90deg,transparent,rgba(34,216,212,0.09),transparent);transform:skewX(-18deg);animation:dmAiScanMove 8s ease-in-out infinite;}
/* Thin animated top line */
.dm-ai-banner__top-light{position:absolute;top:0;left:-25%;width:18%;height:2px;background:linear-gradient(90deg,transparent,#787878,transparent);box-shadow:0 0 10px rgb(145 145 145 / 80%),0 0 25px rgb(105 106 106 / 35%);animation:dmAiTopLight 8s linear infinite;}
/* =========================================================
   CENTERED LAYOUT
========================================================= */
.dm-ai-banner .dm-compact-container{position:relative;z-index:2;width:min(100% - 50px,1400px);margin-inline:auto;padding-right:0;padding-left:0;}
.dm-ai-banner__inner{display:flex;align-items:center;justify-content:center;gap:clamp(30px,4vw,58px);width:min(100%,1050px);margin-inline:auto;}
/* =========================================================
   HEADING
========================================================= */
.dm-ai-banner__heading{display:flex;align-items:center;gap:17px;}
.dm-ai-banner__symbol{position:relative;display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border:1px solid rgba(27,32,30,0.27);border-radius:50%;}
.dm-ai-banner__symbol::before, .dm-ai-banner__symbol::after{content:"";position:absolute;background:var(--dm-ai-ink);}
.dm-ai-banner__symbol::before{width:16px;height:1px;}
.dm-ai-banner__symbol::after{width:1px;height:16px;}
.dm-ai-banner__symbol > span{width:11px;height:11px;border:1px solid rgba(27,32,30,0.45);border-radius:50%;}
.dm-ai-banner__symbol > i{position:absolute;top:-2px;right:3px;width:7px;height:7px;border-radius:50%;background:#232323;box-shadow:0 0 12px rgb(0 0 0 / 85%);animation:dmAiSymbolPulse 2.2s ease-in-out infinite;}
.dm-ai-banner__title-wrap{min-width:0;}
.dm-ai-banner__eyebrow{display:block;margin-bottom:6px;color:rgba(27,32,30,0.56);font-family:"Manrope",sans-serif;font-size:0.57rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;}
.dm-ai-banner h1{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:0;font-family:"Oswald",sans-serif;font-size:clamp(2.8rem,4.5vw,4.35rem);font-weight:400;letter-spacing:-0.045em;line-height:0.96;text-transform:uppercase;}
.dm-ai-banner__title-dark{color:var(--dm-ai-ink);}
.dm-ai-banner__title-light{color:var(--dm-ai-white);text-shadow:0 12px 30px rgba(68,48,16,0.14);}
/* =========================================================
   COMPACT IDENTITY PANEL
========================================================= */
.dm-ai-banner__identity{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:14px;min-width:285px;padding:16px 19px;border-left:2px solid #484545;background:linear-gradient(135deg,rgba(255,255,255,0.19),rgba(255,255,255,0.07));box-shadow:0 15px 35px rgba(67,47,15,0.08),inset 0 1px 0 rgba(255,255,255,0.3);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.dm-ai-banner__number{flex:0 0 auto;color:var(--dm-ai-white);font-family:"Oswald",sans-serif;font-size:1.55rem;font-weight:300;line-height:1;}
.dm-ai-banner__divider{flex:0 0 auto;width:1px;height:35px;background:rgba(27,32,30,0.17);}
.dm-ai-banner__identity-copy small, .dm-ai-banner__identity-copy strong{display:block;}
.dm-ai-banner__identity-copy small{margin-bottom:4px;color:rgba(27,32,30,0.5);font-family:"Manrope",sans-serif;font-size:0.51rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}
.dm-ai-banner__identity-copy strong{color:var(--dm-ai-ink);font-family:"Oswald",sans-serif;font-size:0.84rem;font-weight:500;letter-spacing:0.045em;white-space:nowrap;text-transform:uppercase;}
/* =========================================================
   BOTTOM ACCENT
========================================================= */
.dm-ai-banner__bottom-line{position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#787878 0 12%,rgba(255,255,255,0.65) 12% 24%,rgba(27,32,30,0.11) 24% 100%);}
/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes dmAiCircuitShift{
  from{background-position:0 0,0 0,0 0,0 0;}
  to{background-position:230px 0,0 105px,230px 105px,230px 105px;}
}
@keyframes dmAiGlowFloat{
  0%, 100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(-30px,16px,0) scale(1.05);}
}
@keyframes dmAiScanMove{
  0%, 100%{left:15%;opacity:0;}
  20%{opacity:0.5;}
  70%{opacity:0.4;}
  85%{left:85%;opacity:0;}
}
@keyframes dmAiTopLight{
  from{transform:translateX(0);}
  to{transform:translateX(700%);}
}
@keyframes dmAiSymbolPulse{
  0%, 100%{opacity:0.72;transform:scale(0.85);}
  50%{opacity:1;transform:scale(1.15);}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  .dm-ai-banner{min-height:220px;padding:36px 0;}
  .dm-ai-banner__inner{gap:28px;}
  .dm-ai-banner h1{display:block;font-size:clamp(2.65rem,6vw,3.8rem);}
  .dm-ai-banner h1 span{display:block;}
  .dm-ai-banner__identity{min-width:245px;padding:14px 16px;}
  .dm-ai-banner__identity-copy strong{white-space:normal;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  .dm-ai-banner{min-height:245px;padding:38px 0;}
  .dm-ai-banner .dm-compact-container{width:min(100% - 28px,680px);}
  .dm-ai-banner__inner{flex-direction:column;align-items:flex-start;gap:21px;width:min(100%,520px);}
  .dm-ai-banner__heading{align-items:flex-start;gap:12px;}
  .dm-ai-banner__symbol{width:37px;height:37px;margin-top:2px;}
  .dm-ai-banner h1{font-size:clamp(2.35rem,11vw,3.35rem);}
  .dm-ai-banner__identity{width:min(100%,310px);min-width:0;padding:12px 14px;}
  .dm-ai-banner__glow{right:-220px;}
  .dm-ai-banner__circuit{opacity:0.075;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  .dm-ai-banner{min-height:235px;padding:34px 0;}
  .dm-ai-banner .dm-compact-container{width:min(100% - 22px,440px);}
  .dm-ai-banner__symbol{width:33px;height:33px;}
  .dm-ai-banner h1{font-size:clamp(2.15rem,11.5vw,2.95rem);}
  .dm-ai-banner__identity{width:100%;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dm-ai-banner__circuit, .dm-ai-banner__glow, .dm-ai-banner__scan, .dm-ai-banner__top-light, .dm-ai-banner__symbol > i{animation:none;}
}
/* =========================================================
   DESIGN MASTER — PREMIUM ABOUT CONTENT
========================================================= */
.dm-about-premium{--dm-about-bg:#f8f5ef;--dm-about-white:#ffffff;--dm-about-sand:#c6ae7c;--dm-about-sand-dark:#a98c59;--dm-about-ink:#1c211f;--dm-about-copy:#626866;--dm-about-accent:#20d8d4;--dm-about-border:rgba(28,33,31,0.13);position:relative;isolation:isolate;overflow:hidden;/*padding:clamp(75px,8vw,130px) 0;*/color:var(--dm-about-ink);background:var(--dm-about-bg);}
.dm-about-premium *, .dm-about-premium *::before, .dm-about-premium *::after{box-sizing:border-box;}
.dm-about-premium__container{position:relative;z-index:2;width:min(100% - 64px,1460px);margin-inline:auto;padding-right:0;padding-left:0;}
/* =========================================================
   SUBTLE BACKGROUND
========================================================= */
.dm-about-premium__background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
.dm-about-premium__grid{position:absolute;top:0;right:0;width:46%;height:100%;opacity:0.06;background-image:linear-gradient(rgba(28,33,31,0.28) 1px,transparent 1px),linear-gradient(90deg,rgba(28,33,31,0.28) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,0.75));}
.dm-about-premium__glow{position:absolute;top:-220px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(198,174,124,0.2),transparent 68%);animation:dmAboutGlowFloat 10s ease-in-out infinite;}
.dm-about-premium__line{position:absolute;top:0;left:-20%;width:18%;height:2px;background:linear-gradient(90deg,transparent,#585857,transparent);box-shadow:0 0 12px rgb(69 70 70 / 70%),0 0 25px rgb(64 64 64 / 30%);animation:dmAboutLineMove 9s linear infinite;}
/* =========================================================
   MAIN LAYOUT
========================================================= */
.dm-about-premium__layout{display:grid;grid-template-columns:minmax(300px,0.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(65px,9vw,145px);}
/* =========================================================
   LEFT INTRODUCTION
========================================================= */
.dm-about-premium__intro{position:sticky;top:125px;align-self:start;}
.dm-about-premium__eyebrow{display:inline-flex;align-items:center;gap:11px;margin-bottom:22px;color:rgba(28,33,31,0.56);font-family:"Manrope",sans-serif;font-size:0.65rem;font-weight:700;letter-spacing:0.17em;text-transform:uppercase;}
.dm-about-premium__eyebrow i{display:block;width:36px;height:2px;background:#000;box-shadow:0 0 10px rgba(32,216,212,0.45);}
.dm-about-premium__intro h2{max-width:520px;margin:0;color:var(--dm-about-ink);font-family:"Oswald",sans-serif;font-size:clamp(2.7rem,4.5vw,5rem);font-weight:400;letter-spacing:-0.045em;line-height:1;text-transform:uppercase;}
.dm-about-premium__intro h2 span{display:block;color:var(--dm-about-sand-dark);}
.dm-about-premium__intro-text{max-width:430px;margin:27px 0 0;color:var(--dm-about-copy);font-family:"Manrope",sans-serif;font-size:clamp(0.9rem,1vw,1rem);font-weight:500;line-height:1.85;}
.dm-about-premium__button{display:inline-flex;align-items:center;gap:18px;margin-top:32px;padding:10px 10px 10px 22px;border:1px solid var(--dm-about-ink);border-radius:100px;color:var(--dm-about-white);background:var(--dm-about-ink);font-family:"Manrope",sans-serif;font-size:0.63rem;font-weight:700;letter-spacing:0.1em;text-decoration:none;text-transform:uppercase;transition:color 0.35s ease,background 0.35s ease,border-color 0.35s ease,transform 0.35s ease;}
.dm-about-premium__button i{display:grid;width:39px;height:39px;place-items:center;border-radius:50%;color:var(--dm-about-ink);background:#cfac72;font-size:0.84rem;transition:background 0.35s ease,transform 0.35s ease;}
.dm-about-premium__button:hover{color:var(--dm-about-ink);border-color:#cfac72;background:#cfac72;transform:translateY(-4px);}
.dm-about-premium__button:hover i{background:var(--dm-about-white);transform:rotate(45deg);}
/* =========================================================
   STORIES
========================================================= */
.dm-about-premium__content{min-width:0;}
.dm-about-premium__story{position:relative;display:grid;grid-template-columns:145px minmax(0,1fr);gap:clamp(28px,4vw,55px);padding-bottom:clamp(48px,5vw,72px);}
.dm-about-premium__story + .dm-about-premium__story{padding-top:clamp(48px,5vw,72px);border-top:1px solid var(--dm-about-border);}
.dm-about-premium__story-meta span, .dm-about-premium__story-meta small{display:block;}
.dm-about-premium__story-meta span{margin-bottom:14px;color:var(--dm-about-sand-dark);font-family:"Oswald",sans-serif;font-size:2.8rem;font-weight:300;line-height:1;}
.dm-about-premium__story-meta small{max-width:130px;color:rgba(28,33,31,0.52);font-family:"Manrope",sans-serif;font-size:0.61rem;font-weight:700;letter-spacing:0.12em;line-height:1.6;text-transform:uppercase;}
.dm-about-premium__story-copy p{margin:0;}
.dm-about-premium__lead{color:var(--dm-about-ink);font-family:"Oswald",sans-serif;font-size:clamp(1.75rem,2.45vw,2.75rem);font-weight:400;letter-spacing:-0.022em;line-height:1.25;}
.dm-about-premium__story-copy p:not(.dm-about-premium__lead){margin-top:22px;color:var(--dm-about-copy);font-family:"Manrope",sans-serif;font-size:clamp(0.91rem,1vw,1rem);font-weight:500;line-height:1.95;}
/* =========================================================
   BOTTOM STATEMENT
========================================================= */
.dm-about-premium__statement{position:relative;display:flex;align-items:center;gap:20px;overflow:hidden;margin-top:5px;padding:clamp(24px,3vw,35px);border:1px solid var(--dm-about-border);background:linear-gradient(135deg,rgba(255,255,255,0.72),rgba(255,255,255,0.32));box-shadow:0 22px 65px rgba(64,48,20,0.07);}
.dm-about-premium__statement-icon{display:grid;flex:0 0 auto;width:52px;height:52px;place-items:center;border:1px solid rgba(28,33,31,0.18);border-radius:50%;color:#cfac72;background:#404040;}
.dm-about-premium__statement-icon i{font-size:1.1rem;}
.dm-about-premium__statement small, .dm-about-premium__statement strong{display:block;}
.dm-about-premium__statement small{margin-bottom:5px;color:rgba(28,33,31,0.5);font-family:"Manrope",sans-serif;font-size:0.59rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;}
.dm-about-premium__statement strong{color:var(--dm-about-ink);font-family:"Oswald",sans-serif;font-size:clamp(1.2rem,1.7vw,1.65rem);font-weight:400;line-height:1.35;}
.dm-about-premium__statement-line{position:absolute;top:0;left:0;width:110px;height:2px;background:#787878;box-shadow:0 0 14px rgba(32,216,212,0.6);}
/* =========================================================
   REVEAL ANIMATION
========================================================= */
[data-dm-about-reveal]{opacity:0;transform:translateY(28px);transition:opacity 0.85s cubic-bezier(0.16,1,0.3,1),transform 0.85s cubic-bezier(0.16,1,0.3,1);}
[data-dm-about-reveal].is-visible{opacity:1;transform:translateY(0);}
.dm-about-premium__story:nth-child(2){transition-delay:0.08s;}
.dm-about-premium__statement{transition-delay:0.12s;}
/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes dmAboutLineMove{
  from{transform:translateX(0);}
  to{transform:translateX(700%);}
}
@keyframes dmAboutGlowFloat{
  0%, 100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(-35px,20px,0);}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1199.98px){
  .dm-about-premium__container{width:min(100% - 48px,1160px);}
  .dm-about-premium__layout{grid-template-columns:minmax(270px,0.68fr) minmax(0,1.32fr);gap:75px;}
  .dm-about-premium__story{grid-template-columns:125px minmax(0,1fr);}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  .dm-about-premium{padding:85px 0;}
  .dm-about-premium__layout{grid-template-columns:1fr;gap:65px;}
  .dm-about-premium__intro{position:static;}
  .dm-about-premium__intro h2, .dm-about-premium__intro-text{max-width:720px;}
  .dm-about-premium__story{grid-template-columns:130px minmax(0,1fr);}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  .dm-about-premium{padding:70px 0;}
  .dm-about-premium__container{width:min(100% - 30px,680px);}
  .dm-about-premium__layout{gap:52px;}
  .dm-about-premium__intro h2{font-size:clamp(2.5rem,11vw,4rem);}
  .dm-about-premium__story{grid-template-columns:1fr;gap:24px;}
  .dm-about-premium__story-meta{display:flex;align-items:center;gap:17px;}
  .dm-about-premium__story-meta span{margin:0;font-size:2.2rem;}
  .dm-about-premium__story-meta small{max-width:220px;}
  .dm-about-premium__lead{font-size:clamp(1.65rem,7vw,2.3rem);}
  .dm-about-premium__story-copy p:not(.dm-about-premium__lead){line-height:1.85;}
  .dm-about-premium__statement{align-items:flex-start;}
  .dm-about-premium__grid{width:100%;opacity:0.04;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  .dm-about-premium__container{width:min(100% - 22px,440px);}
  .dm-about-premium__intro h2{font-size:clamp(2.3rem,11.5vw,1.35rem);}
  .dm-about-premium__button{width:100%;justify-content:space-between;}
  .dm-about-premium__statement{flex-direction:column;}
  .dm-about-premium__statement-icon{width:46px;height:46px;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dm-about-premium__glow, .dm-about-premium__line{animation:none;}
  [data-dm-about-reveal]{opacity:1;transform:none;transition:none;}
}
/* =========================================================
   DESIGN MASTER EVENTS
   COMPACT DARK PREMIUM FOOTER
   Unique prefix: dmx-mini-footer
========================================================= */
.dmx-mini-footer{--dmx-footer-bg:#101617;--dmx-footer-bg-soft:#182021;--dmx-footer-bg-light:#222b2c;--dmx-footer-white:#fffdf8;--dmx-footer-copy:rgba(255,253,248,0.72);--dmx-footer-muted:rgba(255,253,248,0.46);--dmx-footer-accent:#20d8d4;--dmx-footer-gold:#c6ae7c;--dmx-footer-border:rgba(255,255,255,0.11);--dmx-footer-border-hover:rgba(32,216,212,0.42);position:relative;isolation:isolate;overflow:hidden;color:var(--dmx-footer-white);background:radial-gradient(circle at 88% 18%,rgba(32,216,212,0.08),transparent 28%),radial-gradient(circle at 12% 105%,rgba(198,174,124,0.1),transparent 31%),linear-gradient(135deg,var(--dmx-footer-bg-light) 0%,var(--dmx-footer-bg-soft) 45%,var(--dmx-footer-bg) 100%);}
.dmx-mini-footer *, .dmx-mini-footer *::before, .dmx-mini-footer *::after{box-sizing:border-box;}
.dmx-mini-footer a{text-decoration:none;}
/* =========================================================
   CONTAINER
========================================================= */
.dmx-mini-footer__container{position:relative;z-index:2;width:min(100% - 64px,1460px);margin-inline:auto;padding-right:0;padding-left:0;}
/* =========================================================
   BACKGROUND DECORATION
========================================================= */
.dmx-mini-footer__background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
/* Subtle dark grid */
.dmx-mini-footer__texture{position:absolute;inset:0;opacity:0.045;background-image:linear-gradient(rgba(255,255,255,0.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.35) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0.88),rgba(0,0,0,0.38),transparent);mask-image:linear-gradient(90deg,rgba(0,0,0,0.88),rgba(0,0,0,0.38),transparent);}
/* Ambient glow */
.dmx-mini-footer__glow{position:absolute;top:-230px;right:2%;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(32,216,212,0.11),rgba(32,216,212,0.035) 43%,transparent 70%);animation:dmxMiniFooterGlow 10s ease-in-out infinite;}
/* Animated top line */
.dmx-mini-footer__moving-line{position:absolute;top:0;left:-25%;width:20%;height:2px;background:linear-gradient(90deg,transparent,#a98c59,transparent);box-shadow:0 0 10px rgb(169 140 89),0 0 24px rgba(32,216,212,0.35);animation:dmxMiniFooterLine 8s linear infinite;}
/* =========================================================
   MAIN FOOTER ROW
========================================================= */
.dmx-mini-footer__main{display:grid;grid-template-columns:minmax(250px,0.9fr) minmax(440px,1.5fr) auto;align-items:center;gap:clamp(30px,5vw,75px);min-height:135px;padding:30px 0;}
/* =========================================================
   BRAND
========================================================= */
.dmx-mini-footer__brand{display:flex;align-items:center;gap:20px;min-width:0;}
.dmx-mini-footer__logo{display:inline-flex;flex:0 0 auto;align-items:center;}
.dmx-mini-footer__logo img{display:block;width:auto;max-width:145px;max-height:54px;object-fit:contain;filter:brightness(0) invert(1);transition:opacity 0.3s ease,transform 0.3s ease;}
.dmx-mini-footer__logo:hover img{opacity:0.88;transform:translateY(-2px);}
.dmx-mini-footer__brand p{max-width:290px;margin:0;color:var(--dmx-footer-copy);font-family:"Manrope",sans-serif;font-size:0.7rem;font-weight:500;line-height:1.65;}
/* Remove this filter if using a dedicated white logo image */
.dmx-mini-footer__logo img[src*="white"]{filter:none;}
/* =========================================================
   NAVIGATION
========================================================= */
.dmx-mini-footer__navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(13px,1.8vw,28px) clamp(18px,2.3vw,36px);}
.dmx-mini-footer__navigation a{position:relative;padding:7px 0;color:var(--dmx-footer-copy);font-family:"Manrope",sans-serif;font-size:0.61rem;font-weight:700;letter-spacing:0.075em;line-height:1.3;text-transform:uppercase;transition:color 0.3s ease,transform 0.3s ease;}
.dmx-mini-footer__navigation a::after{content:"";position:absolute;right:0;bottom:2px;left:0;height:1px;background:#a98c59;box-shadow:0 0 8px rgb(193 148 23 / 50%);transform:scaleX(0);transform-origin:right;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1);}
.dmx-mini-footer__navigation a:hover, .dmx-mini-footer__navigation a:focus-visible{color:var(--dmx-footer-white);transform:translateY(-1px);}
.dmx-mini-footer__navigation a:hover::after, .dmx-mini-footer__navigation a:focus-visible::after{transform:scaleX(1);transform-origin:left;}
/* =========================================================
   CONTACT BUTTON
========================================================= */
.dmx-mini-footer__contact{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;gap:18px;min-width:225px;padding:11px 11px 11px 18px;overflow:hidden;border:1px solid var(--dmx-footer-border);border-radius:100px;color:var(--dmx-footer-white);background:rgba(255,255,255,0.035);box-shadow:0 14px 32px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.07);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color 0.35s ease,border-color 0.35s ease,background 0.35s ease,box-shadow 0.35s ease,transform 0.35s ease;}
.dmx-mini-footer__contact::before{content:"";position:absolute;inset:100% 0 0;z-index:-1;border-radius:inherit;background:#a98c59;transition:inset 0.4s cubic-bezier(0.16,1,0.3,1);}
.dmx-mini-footer__contact > span{position:relative;z-index:2;flex:1;}
.dmx-mini-footer__contact small, .dmx-mini-footer__contact strong{display:block;}
.dmx-mini-footer__contact small{margin-bottom:3px;color:var(--dmx-footer-muted);font-family:"Manrope",sans-serif;font-size:0.5rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;transition:color 0.35s ease;}
.dmx-mini-footer__contact strong{color:var(--dmx-footer-white);font-family:"Manrope",sans-serif;font-size:0.68rem;font-weight:700;transition:color 0.35s ease;}
.dmx-mini-footer__contact > i{position:relative;z-index:2;display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border-radius:50%;color:#000;background:#a98c59;font-size:0.75rem;box-shadow:0 8px 20px rgb(52 52 52);transition:color 0.35s ease,background 0.35s ease,transform 0.35s ease;}
.dmx-mini-footer__contact:hover, .dmx-mini-footer__contact:focus-visible{color:var(--dmx-footer-bg);box-shadow:0 16px 36px rgba(32,216,212,0.16);transform:translateY(-4px);}
.dmx-mini-footer__contact:hover::before, .dmx-mini-footer__contact:focus-visible::before{inset:0;}
.dmx-mini-footer__contact:hover small, .dmx-mini-footer__contact:hover strong, .dmx-mini-footer__contact:focus-visible small, .dmx-mini-footer__contact:focus-visible strong{color:var(--dmx-footer-bg);}
.dmx-mini-footer__contact:hover > i, .dmx-mini-footer__contact:focus-visible > i{color:var(--dmx-footer-bg);background:var(--dmx-footer-white);transform:rotate(45deg);}
/* =========================================================
   BOTTOM ROW
========================================================= */
.dmx-mini-footer__bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;min-height:66px;border-top:1px solid var(--dmx-footer-border);}
.dmx-mini-footer__bottom p{margin:0;color:var(--dmx-footer-muted);font-family:"Manrope",sans-serif;font-size:13px;font-weight:400;line-height:1.5;}
/* =========================================================
   SOCIAL ICONS
========================================================= */
.dmx-mini-footer__socials{display:flex;align-items:center;justify-content:center;gap:7px;}
.dmx-mini-footer__socials a{position:relative;isolation:isolate;display:grid;width:40px;height:40px;place-items:center;overflow:hidden;border:1px solid var(--dmx-footer-border);border-radius:50%;color:var(--dmx-footer-white);background:rgba(255,255,255,0.025);font-size:20px;transition:color 0.3s ease,border-color 0.3s ease,background 0.3s ease,transform 0.3s ease;}
.dmx-mini-footer__socials a::before{content:"";position:absolute;inset:100% 0 0;z-index:-1;border-radius:inherit;background:#a98c59;transition:inset 0.35s cubic-bezier(0.16,1,0.3,1);}
.dmx-mini-footer__socials a:hover, .dmx-mini-footer__socials a:focus-visible{color:var(--dmx-footer-bg);border-color:#a98c59;transform:translateY(-3px);}
.dmx-mini-footer__socials a:hover::before, .dmx-mini-footer__socials a:focus-visible::before{inset:0;}
/* =========================================================
   BACK TO TOP
========================================================= */
.dmx-mini-footer__back-top{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;color:var(--dmx-footer-copy);font-family:"Manrope",sans-serif;font-size:0.57rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;transition:color 0.3s ease,gap 0.3s ease;}
.dmx-mini-footer__back-top i{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--dmx-footer-border);border-radius:50%;color:var(--dmx-footer-white);background:rgba(255,255,255,0.025);transition:color 0.3s ease,border-color 0.3s ease,background 0.3s ease,transform 0.3s ease;}
.dmx-mini-footer__back-top:hover, .dmx-mini-footer__back-top:focus-visible{gap:13px;color:var(--dmx-footer-white);}
.dmx-mini-footer__back-top:hover i, .dmx-mini-footer__back-top:focus-visible i{color:var(--dmx-footer-bg);border-color:#a98c59;background:#a98c59;transform:translateY(-3px);}
/* =========================================================
   FOCUS ACCESSIBILITY
========================================================= */
.dmx-mini-footer a:focus-visible{outline:2px solid var(--dmx-footer-accent);outline-offset:3px;}
/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes dmxMiniFooterLine{
  from{transform:translateX(0);}
  to{transform:translateX(700%);}
}
@keyframes dmxMiniFooterGlow{
  0%, 100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(-32px,14px,0) scale(1.05);}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1199.98px){
  .dmx-mini-footer__container{width:min(100% - 46px,1160px);}
  .dmx-mini-footer__main{grid-template-columns:minmax(230px,0.85fr) minmax(360px,1.3fr) auto;gap:30px;}
  .dmx-mini-footer__brand{gap:14px;}
  .dmx-mini-footer__logo img{max-width:125px;}
  .dmx-mini-footer__brand p{font-size:14px;font-weight: 400;}
  .dmx-mini-footer__contact{min-width:205px;}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  .dmx-mini-footer__main{grid-template-columns:auto 1fr;gap:28px 45px;padding:35px 0;}
  .dmx-mini-footer__brand{align-items:flex-start;}
  .dmx-mini-footer__navigation{justify-content:flex-end;}
  .dmx-mini-footer__contact{grid-column:1 / -1;justify-self:center;min-width:255px;}
  .dmx-mini-footer__glow{right:-120px;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  .dmx-mini-footer__container{width:min(100% - 30px,680px);}
  .dmx-mini-footer__main{grid-template-columns:1fr;gap:25px;min-height:auto;padding:40px 0 30px;}
  .dmx-mini-footer__brand{align-items:center;}
  .dmx-mini-footer__brand p{max-width:330px;}
  .dmx-mini-footer__navigation{justify-content:flex-start;}
  .dmx-mini-footer__contact{grid-column:auto;justify-self:start;}
  .dmx-mini-footer__bottom{grid-template-columns:1fr auto;gap:17px;min-height:auto;padding:20px 0;}
  .dmx-mini-footer__socials{justify-content:flex-end;}
  .dmx-mini-footer__back-top{grid-column:1 / -1;justify-content:flex-start;}
  .dmx-mini-footer__texture{opacity:0.03;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  .dmx-mini-footer__container{width:min(100% - 22px,440px);}
  .dmx-mini-footer__brand{flex-direction:column;align-items:flex-start;}
  .dmx-mini-footer__logo img{max-width:300px;}
  .dmx-mini-footer__brand p{max-width:100%;}
  .dmx-mini-footer__navigation{align-items:flex-start;flex-direction:column;gap:9px;}
  .dmx-mini-footer__contact{width:100%;min-width:0;}
  .dmx-mini-footer__bottom{grid-template-columns:1fr;}
  .dmx-mini-footer__socials{justify-content:flex-start;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dmx-mini-footer__glow, .dmx-mini-footer__moving-line{animation:none;}
  .dmx-mini-footer *, .dmx-mini-footer *::before, .dmx-mini-footer *::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;}
}
/* =========================================================
   DESIGN MASTER EVENTS
   REGISTRATION MANAGEMENT SECTION
   Unique prefix: dmr-reg
   This CSS will not conflict with previous sections.
========================================================= */
.dmr-reg{--dmr-reg-bg:#f8f5ef;--dmr-reg-white:#ffffff;--dmr-reg-cream:#eee7da;--dmr-reg-ink:#1b201f;--dmr-reg-copy:#626866;--dmr-reg-muted:rgba(27,32,31,0.52);--dmr-reg-gold:#c6ae7c;--dmr-reg-gold-dark:#a78a55;--dmr-reg-accent:#a78a55;--dmr-reg-border:rgba(27,32,31,0.12);position:relative;isolation:isolate;overflow:hidden;padding:clamp(75px,8vw,125px) 0;color:var(--dmr-reg-ink);background:var(--dmr-reg-bg);}
.dmr-reg *, .dmr-reg *::before, .dmr-reg *::after{box-sizing:border-box;/*color:#fff;*/}
/* =========================================================
   CONTAINER
========================================================= */
.dmr-reg__container{position:relative;z-index:2;width:min(100% - 64px,1460px);margin-inline:auto;padding-right:0;padding-left:0;}
/* =========================================================
   BACKGROUND
========================================================= */
.dmr-reg__background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
.dmr-reg__grid{position:absolute;top:0;right:0;width:48%;height:100%;opacity:0.045;background-image:linear-gradient(rgba(27,32,31,0.3) 1px,transparent 1px),linear-gradient(90deg,rgba(27,32,31,0.3) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,0.9));mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,0.9));}
.dmr-reg__glow{position:absolute;top:-220px;left:-180px;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(198,174,124,0.19),transparent 68%);animation:dmrRegGlowMove 10s ease-in-out infinite;}
.dmr-reg__line{position:absolute;top:0;left:-20%;width:17%;height:2px;background:linear-gradient(90deg,transparent,var(--dmr-reg-accent),transparent);box-shadow:0 0 10px rgba(32,216,212,0.7),0 0 24px rgba(32,216,212,0.3);animation:dmrRegLineMove 9s linear infinite;}
/* =========================================================
   MAIN LAYOUT
========================================================= */
.dmr-reg__layout{display:grid;grid-template-columns:minmax(390px,0.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(55px,7vw,115px);}
/* =========================================================
   IMAGE COLUMN
========================================================= */
.dmr-reg__visual{min-width:0;}
.dmr-reg__image-frame{position:relative;isolation:isolate;overflow:hidden; /*aspect-ratio: 5 / 4;*/ background:var(--dmr-reg-cream);box-shadow:0 30px 75px rgba(63,47,20,0.13),0 0 0 1px rgba(27,32,31,0.06);}
.dmr-reg__image-frame::before{content:"";position:absolute;inset:13px;z-index:3;border:1px solid rgba(255,255,255,0.48);pointer-events:none;}
.dmr-reg__image-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1s cubic-bezier(0.16,1,0.3,1),filter 0.6s ease;}
.dmr-reg__image-frame:hover img{transform:scale(1.035);}
.dmr-reg__image-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 48%,rgba(21,25,24,0.38) 100%);}
/* Image number */
.dmr-reg__image-number{position:absolute;top:27px;left:29px;z-index:4;color:var(--dmr-reg-white);font-family:"Oswald",sans-serif;font-size:0.78rem;font-weight:500;letter-spacing:0.14em;}
.dmr-reg__image-number::after{content:"";display:inline-block;width:42px;height:1px;margin-left:10px;vertical-align:middle;background:var(--dmr-reg-accent);}
/* Floating image information */
.dmr-reg__image-card{position:absolute;right:26px;bottom:25px;left:26px;z-index:4;display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(255,255,255,0.25);background:rgba(20,25,24,0.72);box-shadow:0 18px 40px rgba(0,0,0,0.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.dmr-reg__image-card-icon{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:50%;color:var(--dmr-reg-ink);background:var(--dmr-reg-accent);font-size:1rem;}
.dmr-reg__image-card small, .dmr-reg__image-card strong{display:block;}
.dmr-reg__image-card small{margin-bottom:4px;color:rgba(255,255,255,0.58);font-family:"Manrope",sans-serif;font-size:0.52rem;font-weight:700;letter-spacing:0.13em;text-transform:uppercase;}
.dmr-reg__image-card strong{color:var(--dmr-reg-white);font-family:"Oswald",sans-serif;font-size:0.92rem;font-weight:400;letter-spacing:0.055em;text-transform:uppercase;}
/* Decorative corner */
.dmr-reg__image-corner{position:absolute;top:0;right:0;z-index:4;width:68px;height:68px;border-top:3px solid var(--dmr-reg-accent);border-right:3px solid var(--dmr-reg-accent);}
/* =========================================================
   VISUAL FOOTER
========================================================= */
.dmr-reg__visual-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:17px;padding:17px 19px;border:1px solid var(--dmr-reg-border);background:rgba(255,255,255,0.48);}
.dmr-reg__visual-footer > div{display:flex;align-items:center;gap:11px;min-width:0;}
.dmr-reg__visual-footer > div > i{flex:0 0 auto;color:var(--dmr-reg-gold-dark);font-size:1rem;}
.dmr-reg__visual-footer small, .dmr-reg__visual-footer strong{display:block;}
.dmr-reg__visual-footer small{margin-bottom:2px;color:var(--dmr-reg-muted);font-family:"Manrope",sans-serif;font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;}
.dmr-reg__visual-footer strong{color:var(--dmr-reg-ink);font-family:"Manrope",sans-serif;font-size:14px;font-weight:400;}
.dmr-reg__visual-divider{width:1px;height:33px;background:var(--dmr-reg-border);}
/* =========================================================
   CONTENT
========================================================= */
.dmr-reg__content{min-width:0;}
.dmr-reg__eyebrow{display:inline-flex;align-items:center;gap:11px;margin-bottom:19px;color:var(--dmr-reg-muted);font-family:"Manrope",sans-serif;font-size:0.62rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;}
.dmr-reg__eyebrow i{display:block;width:36px;height:2px;background:var(--dmr-reg-accent);box-shadow:0 0 9px rgba(32,216,212,0.5);}
.dmr-reg__content h2{max-width:700px;margin:0;color:var(--dmr-reg-ink);font-family:"Oswald",sans-serif;font-size:clamp(1.75rem,2.6vw,3rem);font-weight:400;letter-spacing:-0.045em;line-height:0.98;text-transform:uppercase;}
.dmr-reg__content h2 span{/*display:block;*/color:var(--dmr-reg-gold-dark);}
.dmr-reg__lead{max-width:750px;margin:28px 0 0;color:var(--dmr-reg-ink);font-family:"Oswald",sans-serif;font-size:clamp(1.25rem,1.75vw,1.7rem);font-weight:400;line-height:1.5;}
.dmr-reg__description{max-width:750px;margin:18px 0 0;color:var(--dmr-reg-copy);font-family:"Manrope",sans-serif;font-size:clamp(0.87rem,0.95vw,0.98rem);font-weight:500;line-height:1.85;}
/* =========================================================
   SERVICES
========================================================= */
.dmr-reg__services{margin-top:33px;}
.dmr-reg__services-heading{display:flex;align-items:center;gap:15px;margin-bottom:14px;}
.dmr-reg__services-heading span{flex:0 0 auto;color:var(--dmr-reg-ink);font-family:"Manrope",sans-serif;font-size:0.61rem;font-weight:800;letter-spacing:0.13em;text-transform:uppercase;}
.dmr-reg__services-heading i{display:block;flex:1;height:1px;background:linear-gradient(90deg,var(--dmr-reg-border),transparent);}
.dmr-reg__services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--dmr-reg-border);border-left:1px solid var(--dmr-reg-border);}
.dmr-reg__service{position:relative;display:flex;align-items:center;gap:13px; /*min-height: 74px;*/ padding:14px 16px;border-right:1px solid rgb(255 255 255 / 44%);border-bottom:1px solid rgb(255 255 255 / 40%);background:rgb(52 52 52);transition:background 0.35s ease,transform 0.35s ease,box-shadow 0.35s ease;}
.dmr-reg__service > span{align-self:flex-start;color:var(--dmr-reg-gold-dark);font-family:"Oswald",sans-serif;font-size:17px;font-weight:500;}
.dmr-reg__service > div{display:flex;align-items:center;gap:11px;}
.dmr-reg__service i{flex:0 0 auto;color:var(--dmr-reg-accent);font-size:1rem;}
.dmr-reg__service strong{color:#fff;font-family:"Manrope",sans-serif;font-size:12px;font-weight:400;line-height:1.45;}
.dmr-reg__service:hover{z-index:2;background:#000000;box-shadow:0 15px 35px rgb(0 0 0 / 9%);transform:translateY(-3px);}
/* =========================================================
   CLOSING STATEMENT
========================================================= */
.dmr-reg__statement{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-left:2px solid var(--dmr-reg-accent);background:linear-gradient(90deg,rgb(167 138 85 / 32%),transparent);}
.dmr-reg__statement-icon{display:grid;flex:0 0 auto;width:39px;height:39px;place-items:center;border-radius:50%;color:var(--dmr-reg-ink);background:var(--dmr-reg-accent);font-size:0.9rem;}
.dmr-reg__statement p{margin:0;color:var(--dmr-reg-copy);font-family:"Manrope",sans-serif;font-size:0.75rem;font-weight:600;line-height:1.6;}
.dmr-reg__statement strong{color:var(--dmr-reg-ink);}
/* =========================================================
   ANIMATION
========================================================= */
@keyframes dmrRegGlowMove{
  0%, 100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(36px,18px,0);}
}
@keyframes dmrRegLineMove{
  from{transform:translateX(0);}
  to{transform:translateX(720%);}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1199.98px){
  .dmr-reg__container{width:min(100% - 46px,1160px);}
  .dmr-reg__layout{grid-template-columns:minmax(350px,0.88fr) minmax(0,1.12fr);gap:55px;}
  .dmr-reg__content h2{font-size:clamp(2.65rem,4.2vw,4.25rem);}
  .dmr-reg__service{padding-right:12px;padding-left:12px;}
  .dmr-reg__service strong{font-size:0.62rem;}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  .dmr-reg{padding:85px 0;}
  .dmr-reg__layout{grid-template-columns:1fr;align-items:start;gap:60px;}
  .dmr-reg__visual{width:min(100%,760px);margin-inline:auto;}
  .dmr-reg__content{width:min(100%,760px);margin-inline:auto;}
  .dmr-reg__content h2{max-width:700px;}
  .dmr-reg__grid{width:100%;opacity:0.035;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  .dmr-reg{padding:68px 0;}
  .dmr-reg__container{width:min(100% - 30px,680px);}
  .dmr-reg__layout{gap:46px;}
  .dmr-reg__image-frame{aspect-ratio:5 / 4;}
  .dmr-reg__image-frame::before{inset:9px;}
  .dmr-reg__image-number{top:20px;left:21px;}
  .dmr-reg__image-card{right:17px;bottom:17px;left:17px;}
  .dmr-reg__visual-footer{gap:12px;padding:14px;}
  .dmr-reg__content h2{font-size:clamp(2.45rem,10vw,3.7rem);}
  .dmr-reg__lead{margin-top:22px;font-size:clamp(1.2rem,5.5vw,1.55rem);}
  .dmr-reg__services-grid{grid-template-columns:1fr;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  .dmr-reg{padding:58px 0;}
  .dmr-reg__container{width:min(100% - 22px,440px);}
  .dmr-reg__image-frame{aspect-ratio:1 / 1;}
  .dmr-reg__image-card{align-items:flex-start;padding:12px;}
  .dmr-reg__image-card-icon{width:37px;height:37px;}
  .dmr-reg__image-card strong{font-size:0.76rem;}
  .dmr-reg__visual-footer{grid-template-columns:1fr;gap:13px;}
  .dmr-reg__visual-divider{width:100%;height:1px;}
  .dmr-reg__content h2{font-size:clamp(2.25rem,11vw,3.15rem);}
  .dmr-reg__services-heading{align-items:flex-start;flex-direction:column;gap:8px;}
  .dmr-reg__services-heading i{width:100%;flex:none;}
  .dmr-reg__statement{align-items:flex-start;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dmr-reg__glow, .dmr-reg__line{animation:none;}
  .dmr-reg__image-frame img, .dmr-reg__service{transition:none;}
}
@media only screen and (max-width:768px){
  .dm-title-accent{display:none;}
  .dm-heading-line > span, .dm-title-word, .dm-title-word-gold, .dm-mobile-heading h1 > span{color:#333!important;}
  .dm-luxe-footer__socials{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dm-luxe-footer__panel-bottom p{font-size:14px;}
 .dm-luxe-footer__signature span{font-size:clamp(2rem,4.0vw,4rem);}    
}
/* =========================================================
   DESIGN MASTER EVENTS
   SMOOTH INNER-PAGE MOBILE MENU FIX
   Keeps the existing Bootstrap collapse HTML
========================================================= */
@media (max-width: 991.98px){
  /*
     * The floating mobile menu will be positioned
     * relative to the navbar without changing its height.
     */
  .dmi-header .navbar{position:relative;overflow:visible;}
  .dmi-header .dmi-container{position:relative;flex-wrap:nowrap;overflow:visible;}
  /*
     * Main mobile dropdown panel
     */
  .dmi-header #dmiNavbar{position:absolute;top:calc(100% + 12px);right:12px;left:12px;z-index:1080;display:block !important;width:auto;height:auto !important;max-height:calc(100vh - 115px);max-height:calc(100dvh - 115px);overflow-x:hidden;overflow-y:auto;margin:0;padding:14px;border:1px solid rgba(182,155,106,0.24);border-radius:18px;background:radial-gradient(circle at 94% 0,rgba(182,155,106,0.16),transparent 13rem),rgba(255,253,249,0.98);box-shadow:0 26px 70px rgba(24,33,45,0.16),0 8px 24px rgba(24,33,45,0.08);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-14px,0) scale(0.985);transform-origin:top center;transition:opacity 0.28s ease,transform 0.42s cubic-bezier(0.22,1,0.36,1),visibility 0s linear 0.42s;will-change:opacity,transform;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(182,155,106,0.55) transparent;}
  .dmi-header #dmiNavbar::-webkit-scrollbar{width:5px;}
  .dmi-header #dmiNavbar::-webkit-scrollbar-track{background:transparent;}
  .dmi-header #dmiNavbar::-webkit-scrollbar-thumb{border-radius:20px;background:rgba(182,155,106,0.55);}
  /*
     * Remove Bootstrap's height animation.
     * Height animation is what causes the visible jerk.
     */
  .dmi-header #dmiNavbar.collapsing{display:block !important;height:auto !important;min-height:0 !important;overflow-x:hidden !important;overflow-y:auto !important;transition:opacity 0.28s ease,transform 0.42s cubic-bezier(0.22,1,0.36,1) !important;}
  /*
     * Fully opened state
     */
  .dmi-header #dmiNavbar.show, .dmi-header #dmiNavbar.dmi-menu-opening{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition:opacity 0.28s ease,transform 0.42s cubic-bezier(0.22,1,0.36,1),visibility 0s linear 0s;}
  /*
     * Closing state
     */
  .dmi-header #dmiNavbar.dmi-menu-closing{opacity:0;visibility:visible;pointer-events:none;transform:translate3d(0,-12px,0) scale(0.985);transition:opacity 0.24s ease,transform 0.34s cubic-bezier(0.4,0,0.2,1);}
  /*
     * Mobile navigation list
     */
  .dmi-header #dmiNavbar .navbar-nav{display:grid;width:100%;align-items:stretch !important;gap:4px;margin:0 !important;}
  .dmi-header #dmiNavbar .nav-item{width:100%;margin:0;}
  .dmi-header #dmiNavbar .nav-link{position:relative;display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;margin:0;padding:12px 14px;border:1px solid transparent;border-radius:11px;color:#35404d;font-size:0.76rem;font-weight:700;line-height:1.4;transition:color 0.25s ease,border-color 0.25s ease,background 0.25s ease,transform 0.25s ease;}
  .dmi-header #dmiNavbar .nav-link::after{display:inline-block;flex:0 0 auto;margin-left:12px;color:#a38756;font-family:"bootstrap-icons";font-size:0.72rem;content:"\F144";transition:transform 0.25s ease;display:none;}
  .dmi-header #dmiNavbar .nav-link:hover, .dmi-header #dmiNavbar .nav-link:focus-visible, .dmi-header #dmiNavbar .nav-link[aria-current="page"]{border-color:rgba(182,155,106,0.23);background:rgba(182,155,106,0.1);color:#18212d;padding-left:10px!important;transform:translateX(3px);}
  .dmi-header #dmiNavbar .nav-link:hover::after, .dmi-header #dmiNavbar .nav-link:focus-visible::after{transform:translateX(3px);}
  /*
     * Contact button refinement
     */
  .dmi-header #dmiNavbar .dmi-header__contact{margin-top:6px;padding:11px 11px 11px 16px;border-color:#18212d;background:#18212d;color:#ffffff;}
  .dmi-header #dmiNavbar .dmi-header__contact::after{display:none;}
  .dmi-header #dmiNavbar .dmi-header__contact i{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:9px;background:#b69b6a;color:#18212d;transition:transform 0.3s ease;}
  .dmi-header #dmiNavbar .dmi-header__contact:hover{border-color:#18212d;background:#18212d;color:#ffffff;}
  .dmi-header #dmiNavbar .dmi-header__contact:hover i{transform:rotate(7deg);}
  /*
     * Hamburger open-state animation
     */
  .dmi-header__toggler.is-menu-open span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(45deg);}
  .dmi-header__toggler.is-menu-open span:nth-child(2){width:0;opacity:0;}
  .dmi-header__toggler.is-menu-open span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg);}
}
@media (max-width: 575.98px){
  .dmi-header #dmiNavbar{top:calc(100% + 9px);right:8px;left:8px;max-height:calc(100vh - 105px);max-height:calc(100dvh - 105px);padding:10px;border-radius:15px;}
  .dmi-header #dmiNavbar .nav-link{min-height:45px;padding:10px 12px!important;font-size:0.72rem;}
}
@media (prefers-reduced-motion: reduce){
  .dmi-header #dmiNavbar, .dmi-header #dmiNavbar.collapsing, .dmi-header #dmiNavbar *, .dmi-header__toggler span{animation-duration:0.01ms !important;transition-duration:0.01ms !important;}
}
@media only screen and (max-width:475px){
  .dm-hero-tagline{bottom:20%;left:30px;}
  .dm-mobile-heading{left:30px!important;}
  .dm-luxe-footer__signature span{font-size:clamp(1rem,3.0vw,3rem);letter-spacing: 0;}      
}
@media only screen and (max-width:1700px){
  .dm-art-stage, body.is-ready .dm-art-stage{width:77%;height:100%;}
}
@media only screen and (max-width:1440px){
  .dm-hero-tagline{left:30%;}
}
@media only screen and (max-width:1280px){
  .dm-art-stage, body.is-ready .dm-art-stage{width:73%;}
}
@media only screen and (max-width:1024px){
  .dm-hero-tagline{left:27%;}
}
@media only screen and (max-width:768px){
  .dm-art-stage, body.is-ready .dm-art-stage{width:90%;}
  .dm-hero-tagline{left:10%;}
  .dm-scroll-cue{font-size:18px;left:28px;}
}
@media only screen and (max-width:475px){
  .dm-art-stage, body.is-ready .dm-art-stage{width:100%;}
  .dm-art-stage{top:-50px;}
  .dm-hero-tagline{left:5%;}
  .dmx-mini-footer__navigation a{font-size:12px;font-weight:400;}
}
@media only screen and (max-width:475px){
  .dm-hero-tagline{bottom:20%;left:30px;}
  .dm-mobile-heading{left:30px!important;}
}
@media only screen and (max-width:375px){
  .dm-mobile-heading{top:180px;}
}
.dmev2ProgressMessage{display:none;}
/* =========================================================
   DESIGN MASTER EVENTS — OFFCANVAS NAVIGATION
========================================================= */
:root{--dm-nav-dark: #121212; --dm-nav-dark-soft: #1a1a1a; --dm-nav-gold: #cfb88d; --dm-nav-gold-light: #e9dcc2; --dm-nav-ivory: #f7f3eb; --dm-nav-white: #ffffff; --dm-nav-border: rgba(207, 184, 141, 0.22);}
/* =========================================================
   FIXED NAVBAR
========================================================= */
.dm-scroll-navbar{width: 100%; padding: 15px 0; background: rgba(247, 243, 235, 0.94); border-bottom: 1px solid rgba(18, 18, 18, 0.08); box-shadow: 0 10px 35px rgba(18, 18, 18, 0.06); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); transition: padding 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease, transform 0.45s ease, opacity 0.45s ease; z-index: 1040;}
.dm-scroll-navbar[aria-hidden="true"]{opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-110%);}
.dm-scroll-navbar[aria-hidden="false"]{opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}
.dm-navbar-container{display: flex; align-items: center; justify-content: space-between;}
.dm-navbar-brand{display: inline-flex; align-items: center; margin: 0; padding: 0;}
.dm-navbar-brand img{display: block; width: auto; height: 54px; object-fit: contain;}
/* =========================================================
   MENU TOGGLE BUTTON
========================================================= */
.dm-offcanvas-toggler{position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-width: 118px; min-height: 48px; padding: 9px 17px; color: var(--dm-nav-dark); background: transparent; border: 1px solid rgba(18, 18, 18, 0.18); border-radius: 100px; outline: none; overflow: hidden; isolation: isolate; transition: color 0.35s ease, border-color 0.35s ease, background-color 0.35s ease, transform 0.35s ease;}
.dm-offcanvas-toggler::before{position: absolute; inset: 0; content: ""; background: var(--dm-nav-dark); border-radius: inherit; transform: translateX(-105%); transition: transform 0.45s cubic-bezier(0.77, 0, 0.18, 1); z-index: -1;}
.dm-offcanvas-toggler:hover, .dm-offcanvas-toggler:focus-visible{color: var(--dm-nav-white); border-color: var(--dm-nav-dark); transform: translateY(-2px);}
.dm-offcanvas-toggler:hover::before, .dm-offcanvas-toggler:focus-visible::before{transform: translateX(0);}
.dm-toggler-text{font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase;}
.dm-toggler-icon{display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 5px; width: 23px;}
.dm-toggler-icon span{display: block; height: 1.5px; background: currentColor; border-radius: 20px; transition: width 0.3s ease, transform 0.3s ease;}
.dm-toggler-icon span:nth-child(1){width: 23px;}
.dm-toggler-icon span:nth-child(2){width: 16px;}
.dm-toggler-icon span:nth-child(3){width: 20px;}
.dm-offcanvas-toggler:hover .dm-toggler-icon span:nth-child(2){width: 23px;}
/* =========================================================
   OFFCANVAS SIDEBAR
========================================================= */
.dm-main-offcanvas{--bs-offcanvas-width: min(560px, 100vw); color: var(--dm-nav-white); /*background:
    linear-gradient(
      145deg,
      var(--dm-nav-dark-soft) 0%,
      var(--dm-nav-dark) 55%,
      #0d0d0d 100%
    );*/ border-left: 1px solid var(--dm-nav-border); box-shadow: -35px 0 90px rgba(0, 0, 0, 0.28); overflow: hidden;}
.dm-main-offcanvas.showing, .dm-main-offcanvas.show{visibility: visible;}
.offcanvas-backdrop{background-color: #0b0b0b;}
.offcanvas-backdrop.show{opacity: 0.68; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
/* =========================================================
   OFFCANVAS DECORATIVE BACKGROUND
========================================================= */
.dm-offcanvas-background{position: absolute; inset: 0; overflow: hidden; pointer-events: none;}
.dm-offcanvas-background::before{position: absolute; inset: 0; content: ""; opacity: 0.055; background-image: linear-gradient( rgba(255, 255, 255, 0.3) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px ); background-size: 45px 45px;}
.dm-offcanvas-glow{position: absolute; top: -170px; right: -150px; width: 430px; height: 430px; background: rgba(207, 184, 141, 0.18); border-radius: 50%; filter: blur(80px); animation: dmOffcanvasGlow 7s ease-in-out infinite alternate;}
.dm-offcanvas-line{position: absolute; display: block; height: 1px; background: linear-gradient( 90deg, transparent, rgba(207, 184, 141, 0.6), transparent ); transform-origin: center;}
.dm-offcanvas-line--one{top: 28%; left: -20%; width: 145%; transform: rotate(-20deg);}
.dm-offcanvas-line--two{right: -30%; bottom: 20%; width: 125%; transform: rotate(24deg);}
.dm-offcanvas-circle{position: absolute; display: block; border: 1px solid rgba(207, 184, 141, 0.12); border-radius: 50%;}
.dm-offcanvas-circle--one{right: -170px; bottom: -190px; width: 470px; height: 470px;}
.dm-offcanvas-circle--two{right: -95px; bottom: -115px; width: 320px; height: 320px;}
@keyframes dmOffcanvasGlow{
  0%{opacity: 0.65; transform: translate3d(0, 0, 0) scale(1);}
  100%{opacity: 1; transform: translate3d(-30px, 30px, 0) scale(1.08);}
}
/* =========================================================
   OFFCANVAS HEADER
========================================================= */
.dm-offcanvas-header{position: relative; min-height: 104px; padding: 22px 34px; border-bottom: 1px solid var(--dm-nav-border); z-index: 2;}
.dm-offcanvas-logo{display: inline-flex; align-items: center; margin-right: 30px;}
.dm-offcanvas-logo img{display: block; width: auto; height: 55px; object-fit: contain; /*filter: brightness(0) invert(1);*/}
.dm-offcanvas-close{position: relative; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; color: var(--dm-nav-white); background: rgba(255, 255, 255, 0.04); border: 1px solid rgb(37 35 35 / 50%); border-radius: 50%; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.4s ease;}
.dm-offcanvas-close span{position: absolute; width: 19px; height: 1.5px; background: rgb(0 0 0); border-radius: 10px;}
.dm-offcanvas-close span:first-child{transform: rotate(45deg);}
.dm-offcanvas-close span:last-child{transform: rotate(-45deg);}
.dm-offcanvas-close:hover, .dm-offcanvas-close:focus-visible{color: var(--dm-nav-dark); background: var(--dm-nav-gold); border-color: var(--dm-nav-gold); transform: rotate(90deg);}
/* =========================================================
   OFFCANVAS BODY
========================================================= */
.dm-offcanvas-body{position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 38px 34px 28px; overflow-x: hidden; overflow-y: auto; z-index: 2;}
.dm-offcanvas-menu-wrapper{width: 100%;}
.dm-offcanvas-eyebrow{display: inline-flex; align-items: center; gap: 11px; margin-bottom: 26px; color: #a78a54; font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: 0.22em; text-transform: uppercase;}
.dm-offcanvas-eyebrow::before{display: block; width: 32px; height: 1px; content: ""; background: currentColor;}
/* =========================================================
   OFFCANVAS MENU
========================================================= */
.dm-offcanvas-menu{display: flex; flex-direction: column; width: 100%; margin: 0; padding: 0; list-style: none;}
.dm-offcanvas-menu-item{position: relative; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.09);}
.dm-offcanvas-link{position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr) 32px; align-items: center; gap: 12px; width: 100%; min-height: 63px; padding: 7px 0; color: #8b8686; text-decoration: none; overflow: hidden; transition: color 0.35s ease, padding-left 0.35s ease;}
.dm-offcanvas-link::before{position: absolute; top: 50%; left: -20px; width: 10px; height: 10px; content: ""; background: var(--dm-nav-gold); border-radius: 50%; opacity: 0; transform: translateY(-50%) scale(0); transition: left 0.35s ease, opacity 0.35s ease, transform 0.35s ease;}
.dm-menu-number{color: rgba(207, 184, 141, 0.72); font-size: 12px; font-weight: 700; letter-spacing: 0.15em;}
.dm-menu-label{font-size: clamp(20px, 2.1vw, 29px); font-weight: 500; line-height: 1.15; letter-spacing: -0.025em;}
.dm-menu-arrow{display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; color:#484848; font-size: 15px; border: 1px solid rgba(207, 184, 141, 0.22); border-radius: 50%; opacity: 0.45; transform: rotate(0deg); transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease, opacity 0.35s ease, transform 0.35s ease;}
.dm-offcanvas-link:hover, .dm-offcanvas-link:focus-visible, .dm-offcanvas-link.active{color: #8b8686; padding-left: 18px;}
.dm-offcanvas-link:hover::before, .dm-offcanvas-link:focus-visible::before, .dm-offcanvas-link.active::before{left: 0; opacity: 1; transform: translateY(-50%) scale(1);}
.dm-offcanvas-link:hover .dm-menu-arrow, .dm-offcanvas-link:focus-visible .dm-menu-arrow, .dm-offcanvas-link.active .dm-menu-arrow{color: var(--dm-nav-dark); background: var(--dm-nav-gold); border-color: var(--dm-nav-gold); opacity: 1; transform: rotate(45deg);}
/* =========================================================
   MENU OPENING ANIMATION
========================================================= */
.dm-main-offcanvas .dm-offcanvas-eyebrow, .dm-main-offcanvas .dm-offcanvas-menu-item, .dm-main-offcanvas .dm-offcanvas-footer{opacity: 0; transform: translateX(30px);}
.dm-main-offcanvas.show .dm-offcanvas-eyebrow{animation: dmMenuReveal 0.55s ease 0.14s forwards;}
.dm-main-offcanvas.show .dm-offcanvas-menu-item:nth-child(1){animation: dmMenuReveal 0.55s ease 0.18s forwards;}
.dm-main-offcanvas.show .dm-offcanvas-menu-item:nth-child(2){animation: dmMenuReveal 0.55s ease 0.23s forwards;}
.dm-main-offcanvas.show .dm-offcanvas-menu-item:nth-child(3){animation: dmMenuReveal 0.55s ease 0.28s forwards;}
.dm-main-offcanvas.show .dm-offcanvas-menu-item:nth-child(4){animation: dmMenuReveal 0.55s ease 0.33s forwards;}
.dm-main-offcanvas.show .dm-offcanvas-menu-item:nth-child(5){animation: dmMenuReveal 0.55s ease 0.38s forwards;}
.dm-main-offcanvas.show .dm-offcanvas-menu-item:nth-child(6){animation: dmMenuReveal 0.55s ease 0.43s forwards;}
.dm-main-offcanvas.show .dm-offcanvas-menu-item:nth-child(7){animation: dmMenuReveal 0.55s ease 0.48s forwards;}
.dm-main-offcanvas.show .dm-offcanvas-footer{animation: dmMenuReveal 0.55s ease 0.54s forwards;}
@keyframes dmMenuReveal{
  from{opacity: 0; transform: translateX(30px);}
  to{opacity: 1; transform: translateX(0);}
}
/* =========================================================
   OFFCANVAS FOOTER
========================================================= */
.dm-offcanvas-footer{display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--dm-nav-border);}
.dm-offcanvas-contact{display: flex; flex-direction: column; gap: 7px;}
.dm-offcanvas-contact > span{color: rgba(255, 255, 255, 0.47); font-size: 9px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase;}
.dm-offcanvas-contact > a{display: inline-flex; align-items: center; gap: 9px; color: #ad986d; font-size: 14px; font-weight: 600; text-decoration: none; transition: color 0.3s ease;}
.dm-offcanvas-contact > a i{font-style: normal; transition: transform 0.3s ease;}
.dm-offcanvas-contact > a:hover{color: var(--dm-nav-white);}
.dm-offcanvas-contact > a:hover i{transform: translate(3px, -3px);}
.dm-offcanvas-socials{display: flex; align-items: center; gap: 15px;}
.dm-offcanvas-socials a{position: relative; color: rgba(255, 255, 255, 0.5); font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; transition: color 0.3s ease;}
.dm-offcanvas-socials a::after{position: absolute; right: 0; bottom: -4px; left: 0; height: 1px; content: ""; background: var(--dm-nav-gold); transform: scaleX(0); transform-origin: right; transition: transform 0.35s ease;}
.dm-offcanvas-socials a:hover{color: var(--dm-nav-gold);}
.dm-offcanvas-socials a:hover::after{transform: scaleX(1); transform-origin: left;}
/* =========================================================
   SCROLLBAR
========================================================= */
.dm-offcanvas-body{scrollbar-width: thin; scrollbar-color: rgba(207, 184, 141, 0.5) rgba(255, 255, 255, 0.04);}
.dm-offcanvas-body::-webkit-scrollbar{width: 5px;}
.dm-offcanvas-body::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.04);}
.dm-offcanvas-body::-webkit-scrollbar-thumb{background: rgba(207, 184, 141, 0.5); border-radius: 20px;}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  .dm-scroll-navbar{padding: 12px 0;}
  .dm-navbar-brand img{height: 49px;}
  .dm-main-offcanvas{--bs-offcanvas-width: min(500px, 100vw);}
  .dm-menu-label{font-size: 23px;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 575.98px){
  .dm-scroll-navbar{padding: 10px 0;}
  .dm-navbar-container{padding-right: 17px; padding-left: 17px;}
  .dm-navbar-brand img{height: 43px;}
  .dm-offcanvas-toggler{min-width: 50px; min-height: 44px; padding: 9px 12px;}
  .dm-toggler-text{display: none;}
  .dm-main-offcanvas{--bs-offcanvas-width: 100%;}
  .dm-offcanvas-header{min-height: 84px; padding: 16px 20px;}
  .dm-offcanvas-logo img{height: 45px;}
  .dm-offcanvas-close{width: 43px; height: 43px;}
  .dm-offcanvas-body{padding: 27px 20px 22px;}
  .dm-offcanvas-eyebrow{margin-bottom: 18px; font-size: 8px;}
  .dm-offcanvas-link{grid-template-columns: 29px minmax(0, 1fr) 29px; gap: 8px; min-height: 58px;}
  .dm-menu-number{font-size: 13px;}
  .dm-menu-label{font-size: clamp(18px, 5.2vw, 23px);}
  .dm-menu-arrow{width: 28px; height: 28px; font-size: 13px;}
  .dm-offcanvas-footer{flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 36px;}
  .dm-offcanvas-socials{flex-wrap: wrap; gap: 11px 16px;}
}
/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 375px){
  .dm-offcanvas-header{padding-right: 16px; padding-left: 16px;}
  .dm-offcanvas-body{padding-right: 16px; padding-left: 16px;}
  .dm-menu-label{font-size: 17px;}
  .dm-offcanvas-link{grid-template-columns: 25px minmax(0, 1fr) 27px;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dm-offcanvas-glow, .dm-main-offcanvas.show .dm-offcanvas-eyebrow, .dm-main-offcanvas.show .dm-offcanvas-menu-item, .dm-main-offcanvas.show .dm-offcanvas-footer{animation: none !important;}
  .dm-main-offcanvas .dm-offcanvas-eyebrow, .dm-main-offcanvas .dm-offcanvas-menu-item, .dm-main-offcanvas .dm-offcanvas-footer{opacity: 1; transform: none;}
  .dm-offcanvas-toggler, .dm-offcanvas-toggler::before, .dm-offcanvas-link, .dm-menu-arrow, .dm-offcanvas-close{transition-duration: 0.01ms !important;}
}
/* =========================================================
   INNER PAGE MOBILE MENU TOGGLE
========================================================= */
.dmi-inner-menu-toggle{position: relative; display: none; flex: 0 0 auto; flex-direction: column; align-items: flex-end; justify-content: center; gap: 5px; width: 47px; height: 47px; margin: 0; padding: 0 11px; color: #171717; background: transparent; border: 1px solid rgba(23, 23, 23, 0.18); border-radius: 50%; box-shadow: none; outline: none; appearance: none; -webkit-appearance: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;}
.dmi-inner-menu-toggle span{display: block; height: 1.5px; background: currentColor; border-radius: 20px; transition: width 0.3s ease;}
.dmi-inner-menu-toggle span:nth-child(1){width: 22px;}
.dmi-inner-menu-toggle span:nth-child(2){width: 15px;}
.dmi-inner-menu-toggle span:nth-child(3){width: 19px;}
.dmi-inner-menu-toggle:hover, .dmi-inner-menu-toggle:focus-visible{color: #ffffff; background: #171717; border-color: #171717;}
.dmi-inner-menu-toggle:hover span:nth-child(2), .dmi-inner-menu-toggle:focus-visible span:nth-child(2){width: 22px;}
/* =========================================================
   FULL-VIEWPORT OFFCANVAS
========================================================= */
#dmiInnerMobileMenu.dmi-inner-mobile-menu{--bs-offcanvas-width: min(500px, 100vw); position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: var(--bs-offcanvas-width) !important; height: 100vh !important; height: 100dvh !important; min-height: 100vh !important; max-height: none !important; margin: 0 !important; padding: 0 !important; color: #ffffff; /*background:
    linear-gradient(
      145deg,
      #1d1c19 0%,
      #121210 52%,
      #090909 100%
    );*/ border: 0 !important; border-left: 1px solid rgba(207, 184, 141, 0.22) !important; border-radius: 0 !important; box-shadow: -30px 0 80px rgba(0, 0, 0, 0.3); overflow: hidden !important; z-index: 1060 !important;}
#dmiInnerMobileMenu.offcanvas-end{transform: translateX(100%);}
#dmiInnerMobileMenu.offcanvas-end.showing, #dmiInnerMobileMenu.offcanvas-end.show{transform: none;}
#dmiInnerMobileMenu.hiding{transform: translateX(100%);}
/* =========================================================
   OFFCANVAS DECORATION
========================================================= */
#dmiInnerMobileMenu .dmi-inner-mobile-menu__decor{position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__decor::before{position: absolute; inset: 0; content: ""; opacity: 0.045; background-image: linear-gradient( rgba(255, 255, 255, 0.25) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.25) 1px, transparent 1px ); background-size: 42px 42px;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__glow{position: absolute; top: -160px; right: -140px; width: 410px; height: 410px; background: rgba(207, 184, 141, 0.2); border-radius: 50%; filter: blur(85px);}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__circle{position: absolute; right: -180px; bottom: -190px; width: 450px; height: 450px; border: 1px solid rgba(207, 184, 141, 0.13); border-radius: 50%;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__line{position: absolute; top: 28%; left: -20%; width: 140%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(207, 184, 141, 0.45), transparent ); transform: rotate(-18deg);}
/* =========================================================
   OFFCANVAS HEADER
========================================================= */
#dmiInnerMobileMenu .dmi-inner-mobile-menu__header{position: relative; display: flex !important; flex: 0 0 auto; align-items: center; justify-content: space-between; width: 100%; min-height: 94px; margin: 0; padding: 18px 28px; background: transparent; border-bottom: 1px solid rgba(207, 184, 141, 0.2); z-index: 2;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__logo{display: inline-flex; align-items: center; max-width: calc(100% - 65px); margin: 0; padding: 0; text-decoration: none;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__logo img{display: block; width: auto; max-width: 300px; height: 70px; margin: 0; padding: 0; object-fit: contain;}
/*
Do not add:
filter: brightness(0) invert(1);
Your logo already contains its proper branding and that filter
causes the white circular appearance shown in the screenshot.
*/
#dmiInnerMobileMenu .dmi-inner-mobile-menu__close{position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 46px; height: 46px; margin: 0; padding: 0; color: #625b5b; background: rgba(255, 255, 255, 0.04); border: 1px solid rgb(37 34 34 / 30%); border-radius: 50%; box-shadow: none; outline: none;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__close span{position: absolute; display: block; width: 18px; height: 1.5px; background: currentColor; border-radius: 20px;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__close span:first-child{transform: rotate(45deg);}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__close span:last-child{transform: rotate(-45deg);}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__close:hover, #dmiInnerMobileMenu .dmi-inner-mobile-menu__close:focus-visible{color: #101010; background: #cfb88d; border-color: #cfb88d;}
/* =========================================================
   OFFCANVAS BODY
========================================================= */
#dmiInnerMobileMenu .dmi-inner-mobile-menu__body{position: relative; display: flex !important; flex: 1 1 auto; flex-direction: column; width: 100%; min-height: 0; margin: 0; padding: 30px 28px 24px; overflow-x: hidden !important; overflow-y: auto !important; background: transparent; z-index: 2;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__intro{flex: 0 0 auto; margin: 0 0 22px;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__intro > span{display: inline-flex; align-items: center; gap: 10px; margin: 0 0 10px; color: #cfb88d; font-size: 9px; font-weight: 700; line-height: 1.4; letter-spacing: 0.2em; text-transform: uppercase;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__intro > span::before{display: block; width: 28px; height: 1px; content: ""; background: currentColor;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__intro h2{margin: 0; color: #6c6c6c; font-size: clamp(25px, 4vw, 40px); font-weight: 500; line-height: 1.08; letter-spacing: -0.04em;}
/* =========================================================
   NAVIGATION LINKS
========================================================= */
#dmiInnerMobileMenu .dmi-inner-mobile-menu__nav{display: block; width: 100%; margin: 0; padding: 0; list-style: none;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li{display: block; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.09);}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a{position: relative; display: grid; grid-template-columns: 35px minmax(0, 1fr) 32px; align-items: center; gap: 10px; width: 100%; min-height: 61px; margin: 0; padding: 7px 0; color: rgb(100 100 100 / 73%); text-decoration: none; transition: color 0.3s ease, padding-left 0.3s ease;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a::before{position: absolute; top: 50%; left: -12px; width: 6px; height: 6px; content: ""; background: #cfb88d; border-radius: 50%; opacity: 0; transform: translateY(-50%) scale(0); transition: left 0.3s ease, opacity 0.3s ease, transform 0.3s ease;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__number{color: rgb(159 139 103 / 70%); font-size: 12px; font-weight: 700; letter-spacing: 0.14em;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__label{min-width: 0; color: inherit; font-size: clamp(19px, 3.4vw, 25px); font-weight: 500; line-height: 1.15; letter-spacing: -0.025em;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a > i{display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; color: #cfb88d; font-size: 13px; border: 1px solid rgba(207, 184, 141, 0.25); border-radius: 50%; opacity: 0.5; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a:hover, #dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a:focus-visible, #dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a.active{color: rgb(100 100 100 / 73%); padding-left: 15px;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a:hover::before, #dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a:focus-visible::before, #dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a.active::before{left: 0; opacity: 1; transform: translateY(-50%) scale(1);}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a:hover > i, #dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a:focus-visible > i, #dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a.active > i{color: #111111; background: #cfb88d; border-color: #cfb88d; opacity: 1; transform: rotate(45deg);}
/* =========================================================
   FOOTER
========================================================= */
#dmiInnerMobileMenu .dmi-inner-mobile-menu__footer{display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-start; gap: 7px; margin: auto 0 0; padding: 24px 0 0; border-top: 1px solid rgba(207, 184, 141, 0.2);}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__footer > span{color: rgba(255, 255, 255, 0.45); font-size: 8px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__footer > a{display: inline-flex; align-items: center; gap: 8px; color: #a79064; font-size: 14px; font-weight: 600; text-decoration: none;}
#dmiInnerMobileMenu .dmi-inner-mobile-menu__footer > a:hover{color: #ffffff;}
/* =========================================================
   TABLET AND MOBILE VISIBILITY
========================================================= */
@media (max-width: 991.98px){
  .dmi-inner-menu-toggle{display: inline-flex;}
  .dmi-inner-navbar .dmi-container{display: flex; align-items: center; justify-content: space-between;}
}
@media (min-width: 992px){
  #dmiInnerMobileMenu{display: none !important;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 575.98px){
  #dmiInnerMobileMenu.dmi-inner-mobile-menu{--bs-offcanvas-width: 100vw;}
  #dmiInnerMobileMenu .dmi-inner-mobile-menu__header{min-height: 82px; padding: 14px 18px;}
  #dmiInnerMobileMenu .dmi-inner-mobile-menu__logo img{max-width: 180px; height: 45px;}
  #dmiInnerMobileMenu .dmi-inner-mobile-menu__close{width: 42px; height: 42px;}
  #dmiInnerMobileMenu .dmi-inner-mobile-menu__body{padding: 24px 18px 20px;}
  #dmiInnerMobileMenu .dmi-inner-mobile-menu__intro{margin-bottom: 16px;}
  #dmiInnerMobileMenu .dmi-inner-mobile-menu__intro h2{font-size: clamp(27px, 8vw, 34px);}
  #dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a{grid-template-columns: 27px minmax(0, 1fr) 29px; gap: 8px; min-height: 56px;}
  #dmiInnerMobileMenu .dmi-inner-mobile-menu__label{font-size: clamp(17px, 5vw, 21px);}
  #dmiInnerMobileMenu .dmi-inner-mobile-menu__nav > li > a > i{width: 28px; height: 28px;}
}
/* =========================================================
   BACKDROP
========================================================= */
body:has(#dmiInnerMobileMenu.show) > .offcanvas-backdrop{z-index: 1055; background: #080808;}
body:has(#dmiInnerMobileMenu.show) > .offcanvas-backdrop.show{opacity: 0.7;}
/* =========================================================
   DESIGN MASTER EVENTS
   INTERACTIVE SERVICE ORBIT
   Fully isolated namespace: dme-os-
========================================================= */
.dme-os{--dme-os-ivory: #f5f0e6; --dme-os-ivory-light: #fcfaf5; --dme-os-white: #ffffff; --dme-os-dark: #171713; --dme-os-dark-soft: #37342e; --dme-os-muted: #777168; --dme-os-gold: #cfb88d; --dme-os-gold-light: #eadbbc; --dme-os-gold-deep: #a8793d; --dme-os-border: rgba(168, 121, 61, 0.2); --dme-os-progress: 9.09%; --dme-os-core-x: 0px; --dme-os-core-y: 0px; position: relative; width: 100%; padding: clamp(60px, 4vw, 60px) 0; color: var(--dme-os-dark); background: linear-gradient( 180deg, #fcfaf6 0%, #f5f0e6 46%, #fbf9f4 100% ); overflow: hidden; isolation: isolate;}
.dme-os *, .dme-os *::before, .dme-os *::after{box-sizing: border-box;}
.dme-os__container{position: relative; z-index: 3; width: min(1600px, calc(100% - 70px)); margin: 0 auto; padding: 0;}
/* =========================================================
   BACKGROUND
========================================================= */
.dme-os__background{position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;}
.dme-os__background-grid{position: absolute; inset: 0; opacity: 0.5; background-image: linear-gradient( rgba(168, 121, 61, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(168, 121, 61, 0.035) 1px, transparent 1px ); background-size: 72px 72px; mask-image: linear-gradient( to bottom, transparent, #000 16%, #000 86%, transparent ); -webkit-mask-image: linear-gradient( to bottom, transparent, #000 16%, #000 86%, transparent );}
.dme-os__background-glow{position: absolute; display: block; border-radius: 50%; filter: blur(15px);}
.dme-os__background-glow--one{top: -330px; right: -260px; width: 780px; height: 780px; background: radial-gradient( circle, rgba(207, 184, 141, 0.32), rgba(207, 184, 141, 0.1) 42%, transparent 72% ); animation: dmeOsBackgroundGlowOne 11s ease-in-out infinite;}
.dme-os__background-glow--two{bottom: -420px; left: -310px; width: 900px; height: 900px; background: radial-gradient( circle, rgba(168, 121, 61, 0.17), transparent 70% ); animation: dmeOsBackgroundGlowTwo 14s ease-in-out infinite;}
.dme-os__background-line{position: absolute; display: block; height: 1px; background: linear-gradient( 90deg, transparent, rgba(168, 121, 61, 0.33), transparent );}
.dme-os__background-line--one{top: 20%; left: -15%; width: 80%; transform: rotate(-14deg); animation: dmeOsBackgroundLine 8s ease-in-out infinite;}
.dme-os__background-line--two{right: -20%; bottom: 15%; width: 85%; transform: rotate(17deg); animation: dmeOsBackgroundLine 10s ease-in-out infinite reverse;}
.dme-os__background-ring{position: absolute; display: block; border: 1px solid rgba(168, 121, 61, 0.1); border-radius: 50%;}
.dme-os__background-ring--one{top: 8%; right: -250px; width: 560px; height: 560px; animation: dmeOsRotate 35s linear infinite;}
.dme-os__background-ring--two{top: 11%; right: -135px; width: 330px; height: 330px; border-style: dashed; animation: dmeOsRotateReverse 26s linear infinite;}
/* =========================================================
   HEADING
========================================================= */
.dme-os__heading{position: relative; margin-bottom: clamp(60px, 7vw, 105px);}
.dme-os__heading-top{display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 30px;}
.dme-os__eyebrow{display: inline-flex; align-items: center; gap: 13px; color: var(--dme-os-gold-deep); font-family: "Manrope", Arial, sans-serif; font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: 0.31em; text-transform: uppercase;}
.dme-os__eyebrow-symbol{position: relative; display: inline-grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(168, 121, 61, 0.29); border-radius: 50%;}
.dme-os__eyebrow-symbol::before{position: absolute; inset: 5px; content: ""; border: 1px dashed rgba(168, 121, 61, 0.34); border-radius: inherit; animation: dmeOsRotate 10s linear infinite;}
.dme-os__eyebrow-symbol i, .dme-os__eyebrow-symbol b{position: absolute; display: block; width: 11px; height: 1px; background: var(--dme-os-gold-deep);}
.dme-os__eyebrow-symbol i{transform: rotate(45deg);}
.dme-os__eyebrow-symbol b{transform: rotate(-45deg);}
.dme-os__eyebrow-line{display: block; width: 55px; height: 1px; background: linear-gradient( 90deg, var(--dme-os-gold-deep), transparent );}
.dme-os__heading-status{display: inline-flex; align-items: center; gap: 10px; color: rgba(55, 52, 46, 0.56); font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 700; line-height: 1; letter-spacing: 0.16em; text-transform: uppercase;}
.dme-os__heading-status-dot{position: relative; display: block; width: 8px; height: 8px; background: var(--dme-os-gold-deep); border-radius: 50%; box-shadow: 0 0 0 5px rgba(168, 121, 61, 0.1);}
.dme-os__heading-status-dot::before{position: absolute; inset: -7px; content: ""; border: 1px solid rgba(168, 121, 61, 0.4); border-radius: 50%; animation: dmeOsStatusPulse 2.2s ease-out infinite;}
.dme-os__heading-main{display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 430px); align-items: end; gap: clamp(50px, 7vw, 120px);}
.dme-os__title-wrap{position: relative; padding-left: clamp(22px, 2vw, 34px);}
.dme-os__title-accent{position: absolute; top: 4px; bottom: 5px; left: 0; width: 3px; overflow: hidden; background: rgba(168, 121, 61, 0.12);}
.dme-os__title-accent::before{position: absolute; top: -45%; left: 0; width: 100%; height: 44%; content: ""; background: linear-gradient( to bottom, transparent, var(--dme-os-gold-deep), transparent ); animation: dmeOsHeadingAccent 3.5s ease-in-out infinite;}
.dme-os__title{margin: 0; color: var(--dme-os-dark); font-family: "Oswald", Arial, sans-serif; font-size: clamp(62px, 7vw, 116px); font-weight: 500; line-height: 0.87; letter-spacing: -0.045em; text-transform: uppercase;}
.dme-os__title > span{display: block; overflow: hidden;}
.dme-os__title > span i{display: block; font-style: normal; transform: translateY(115%); transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os__heading.is-visible .dme-os__title > span:nth-child(1) i{transform: translateY(0); transition-delay: 0.08s;}
.dme-os__heading.is-visible .dme-os__title > span:nth-child(2) i{transform: translateY(0); transition-delay: 0.18s;}
.dme-os__heading.is-visible .dme-os__title > span:nth-child(3) i{transform: translateY(0); transition-delay: 0.28s;}
.dme-os__title-gold{color: var(--dme-os-gold-deep);}
.dme-os__heading-intro{display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 28px; padding-bottom: 7px;}
.dme-os__heading-count{position: relative; display: grid; width: 118px; height: 118px; flex: 0 0 auto; place-items: center;}
.dme-os__heading-count strong{position: relative; z-index: 2; color: var(--dme-os-dark); font-family: "Oswald", Arial, sans-serif; font-size: 41px; font-weight: 500; line-height: 1;}
.dme-os__heading-count svg{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; transform: rotate(-90deg);}
.dme-os__heading-count circle{fill: none; stroke-width: 1.2;}
.dme-os__heading-count circle:first-child{stroke: rgba(168, 121, 61, 0.17);}
.dme-os__heading-count circle:last-child{stroke: var(--dme-os-gold-deep); stroke-dasharray: 371; stroke-dashoffset: 371; stroke-linecap: round; transition: stroke-dashoffset 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;}
.dme-os__heading.is-visible .dme-os__heading-count circle:last-child{stroke-dashoffset: 62;}
.dme-os__heading-copy > span{display: block; margin-bottom: 11px; color: var(--dme-os-gold-deep); font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase;}
.dme-os__heading-copy p{margin: 0; color: var(--dme-os-muted); font-family: "Manrope", Arial, sans-serif; font-size: 13px; font-weight: 500; line-height: 1.85;}
.dme-os__heading-footer{display: grid; grid-template-columns: minmax(70px, 155px) minmax(0, 650px); align-items: center; gap: 18px; margin-top: 35px; padding-left: clamp(22px, 2vw, 34px);}
.dme-os__heading-footer-line{display: block; width: 100%; height: 1px; overflow: hidden; background: rgba(168, 121, 61, 0.17);}
.dme-os__heading-footer-line::before{display: block; width: 42%; height: 100%; content: ""; background: var(--dme-os-gold-deep); animation: dmeOsHeadingFooterLine 3s ease-in-out infinite;}
.dme-os__heading-footer p{margin: 0; color: rgba(55, 52, 46, 0.62); font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 700; line-height: 1.7; letter-spacing: 0.14em; text-transform: uppercase;}
/* =========================================================
   STAGE LAYOUT
========================================================= */
.dme-os__stage{position: relative; display: grid; grid-template-columns: minmax(275px, 1fr) minmax(530px, 620px) minmax(275px, 1fr); align-items: center; gap: clamp(20px, 2.3vw, 38px);}
.dme-os__rail{position: relative; z-index: 4; display: grid; gap: 14px;}
.dme-os__rail--left{grid-template-rows: repeat(5, minmax(90px, auto));}
.dme-os__rail--right{grid-template-rows: repeat(6, minmax(82px, auto));}
/* =========================================================
   SERVICE SELECTORS
========================================================= */
.dme-os__service{position: relative; display: grid; min-width: 0; width: 100%; min-height: 84px; align-items: center; gap: 14px; margin: 0; padding: 14px 17px; color: var(--dme-os-dark); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.91), rgba(249, 245, 237, 0.78) ); border: 1px solid rgba(168, 121, 61, 0.17); border-radius: 20px 5px 20px 5px; box-shadow: 0 15px 38px rgba(56, 44, 28, 0.065), inset 0 1px 0 rgba(255, 255, 255, 0.85); outline: none; overflow: visible; text-align: left; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: color 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer;}
.dme-os__rail--left .dme-os__service{grid-template-columns: 30px minmax(0, 1fr) 50px; grid-template-areas: "number copy icon";}
.dme-os__rail--right .dme-os__service{grid-template-columns: 50px minmax(0, 1fr) 30px; grid-template-areas: "icon copy number";}
.dme-os__service::before{position: absolute; inset: 0; z-index: -1; content: ""; opacity: 0; background: radial-gradient( circle at 50% 50%, rgba(207, 184, 141, 0.26), transparent 68% ); border-radius: inherit; transition: opacity 0.4s ease;}
.dme-os__service::after{position: absolute; top: 50%; width: clamp(22px, 2.3vw, 38px); height: 1px; content: ""; background: linear-gradient( 90deg, rgba(168, 121, 61, 0.12), rgba(168, 121, 61, 0.4) ); transform: translateY(-50%) scaleX(0.45); transition: background 0.4s ease, box-shadow 0.4s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os__rail--left .dme-os__service::after{left: calc(100% + 1px); transform-origin: left;}
.dme-os__rail--right .dme-os__service::after{right: calc(100% + 1px); background: linear-gradient( 90deg, rgba(168, 121, 61, 0.4), rgba(168, 121, 61, 0.12) ); transform-origin: right;}
.dme-os__service-icon{grid-area: icon; position: relative; display: grid; width: 50px; height: 50px; place-items: center; color: var(--dme-os-gold-deep); background: rgba(207, 184, 141, 0.13); border: 1px solid rgba(168, 121, 61, 0.2); border-radius: 50%; box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.42); transition: color 0.4s ease, background 0.4s ease, border-color 0.4s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os__service-icon::before{position: absolute; inset: -5px; content: ""; border: 1px dashed rgba(168, 121, 61, 0.2); border-radius: inherit; opacity: 0; transition: opacity 0.4s ease;}
.dme-os__service-icon i{font-size: 16px;}
.dme-os__service-copy{grid-area: copy; display: block; min-width: 0;}
.dme-os__rail--left .dme-os__service-copy{text-align: right;}
.dme-os__service-copy small{display: block; margin-bottom: 5px; color: rgba(55, 52, 46, 0.48); font-family: "Manrope", Arial, sans-serif; font-size: 7px; font-weight: 800; line-height: 1.35; letter-spacing: 0.14em; text-transform: uppercase; transition: color 0.35s ease;}
.dme-os__service-copy strong{display: block; color: inherit; font-family: "Oswald", Arial, sans-serif; font-size: clamp(15px, 1.15vw, 19px); font-weight: 500; line-height: 1.18; letter-spacing: -0.015em; text-transform: uppercase;}
.dme-os__service-number{grid-area: number; display: block; color: rgba(168, 121, 61, 0.62); font-family: "Oswald", Arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.05em; transition: color 0.35s ease;}
.dme-os__rail--left .dme-os__service-number{text-align: left;}
.dme-os__rail--right .dme-os__service-number{text-align: right;}
.dme-os__service-signal{position: absolute; top: 50%; width: 7px; height: 7px; background: var(--dme-os-gold-deep); border-radius: 50%; opacity: 0; transform: translateY(-50%) scale(0); box-shadow: 0 0 0 6px rgba(168, 121, 61, 0.09), 0 0 15px rgba(168, 121, 61, 0.45); transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os__rail--left .dme-os__service-signal{right: -4px;}
.dme-os__rail--right .dme-os__service-signal{left: -4px;}
.dme-os__service:hover, .dme-os__service:focus-visible, .dme-os__service.is-active{color: var(--dme-os-dark); background: linear-gradient( 135deg, rgba(255, 255, 255, 0.99), rgba(238, 225, 201, 0.88) ); border-color: rgba(168, 121, 61, 0.42); box-shadow: 0 24px 55px rgba(58, 44, 26, 0.13), 0 0 0 1px rgba(207, 184, 141, 0.1);}
.dme-os__rail--left .dme-os__service:hover, .dme-os__rail--left .dme-os__service:focus-visible, .dme-os__rail--left .dme-os__service.is-active{transform: translateX(-10px);}
.dme-os__rail--right .dme-os__service:hover, .dme-os__rail--right .dme-os__service:focus-visible, .dme-os__rail--right .dme-os__service.is-active{transform: translateX(10px);}
.dme-os__service:hover::before, .dme-os__service:focus-visible::before, .dme-os__service.is-active::before{opacity: 1;}
.dme-os__service:hover::after, .dme-os__service:focus-visible::after, .dme-os__service.is-active::after{background: var(--dme-os-gold-deep); box-shadow: 0 0 12px rgba(168, 121, 61, 0.55); transform: translateY(-50%) scaleX(1);}
.dme-os__service:hover .dme-os__service-icon, .dme-os__service:focus-visible .dme-os__service-icon, .dme-os__service.is-active .dme-os__service-icon{color: #ffffff; background: linear-gradient( 145deg, var(--dme-os-gold-deep), var(--dme-os-gold) ); border-color: var(--dme-os-gold-deep); transform: scale(1.07) rotate(-5deg);}
.dme-os__service:hover .dme-os__service-icon::before, .dme-os__service:focus-visible .dme-os__service-icon::before, .dme-os__service.is-active .dme-os__service-icon::before{opacity: 1; animation: dmeOsRotate 9s linear infinite;}
.dme-os__service:hover .dme-os__service-copy small, .dme-os__service:focus-visible .dme-os__service-copy small, .dme-os__service.is-active .dme-os__service-copy small{color: var(--dme-os-gold-deep);}
.dme-os__service:hover .dme-os__service-number, .dme-os__service:focus-visible .dme-os__service-number, .dme-os__service.is-active .dme-os__service-number{color: var(--dme-os-gold-deep);}
.dme-os__service.is-active .dme-os__service-signal{opacity: 1; transform: translateY(-50%) scale(1); animation: dmeOsServiceSignal 1.8s ease-in-out infinite;}
/* =========================================================
   CENTRAL CORE
========================================================= */
.dme-os__core-column{position: relative; z-index: 3; min-width: 0;}
.dme-os__core-scene{position: relative; width: 100%; max-width: 620px; aspect-ratio: 1; margin: 0 auto; transform: translate3d( var(--dme-os-core-x), var(--dme-os-core-y), 0 ); transition: transform 0.25s ease-out;}
.dme-os__core-orbit{position: absolute; display: block; border-radius: 50%; pointer-events: none;}
.dme-os__core-orbit--outer{inset: 0; border: 1px solid rgba(168, 121, 61, 0.18); animation: dmeOsRotate 28s linear infinite;}
.dme-os__core-orbit--outer::before, .dme-os__core-orbit--outer::after{position: absolute; content: ""; border-radius: 50%;}
.dme-os__core-orbit--outer::before{top: 7%; left: 17%; width: 9px; height: 9px; background: var(--dme-os-gold-deep); box-shadow: 0 0 0 7px rgba(168, 121, 61, 0.08), 0 0 18px rgba(168, 121, 61, 0.45);}
.dme-os__core-orbit--outer::after{right: 9%; bottom: 21%; width: 5px; height: 5px; background: var(--dme-os-gold);}
.dme-os__core-orbit--middle{inset: 6%; border: 1px dashed rgba(168, 121, 61, 0.22); animation: dmeOsRotateReverse 20s linear infinite;}
.dme-os__core-orbit--inner{inset: 12%; border: 1px solid rgba(168, 121, 61, 0.1); animation: dmeOsRotate 15s linear infinite;}
.dme-os__core-node{position: absolute; z-index: 4; display: grid; width: 32px; height: 32px; place-items: center; background: #ffffff; border: 1px solid rgba(168, 121, 61, 0.25); border-radius: 50%; box-shadow: 0 10px 25px rgba(58, 44, 27, 0.11);}
.dme-os__core-node::before{width: 6px; height: 6px; content: ""; background: var(--dme-os-gold-deep); border-radius: 50%;}
.dme-os__core-node--one{top: 13%; right: 13%; animation: dmeOsNodeFloat 3.4s ease-in-out infinite;}
.dme-os__core-node--two{bottom: 13%; left: 10%; animation: dmeOsNodeFloat 3.8s ease-in-out 0.6s infinite;}
.dme-os__core-node--three{top: 44%; left: -6px; animation: dmeOsNodeFloat 3.2s ease-in-out 1.1s infinite;}
.dme-os__progress-ring{position: absolute; inset: 8%; z-index: 1; padding: 2px; background: conic-gradient( from -90deg, var(--dme-os-gold-deep) 0 var(--dme-os-progress), rgba(168, 121, 61, 0.08) var(--dme-os-progress) 100% ); border-radius: 50%; box-shadow: 0 0 55px rgba(168, 121, 61, 0.09); transition: background 0.65s cubic-bezier(0.16, 1, 0.3, 1); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; -webkit-mask-composite: xor;}
.dme-os__active-panel{position: absolute; inset: 13%; z-index: 3; display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; padding: clamp(38px, 4vw, 58px); text-align: center; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.96), rgba(244, 237, 224, 0.94) ); border: 1px solid rgba(168, 121, 61, 0.23); border-radius: 50%; box-shadow: 0 35px 85px rgba(58, 44, 27, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.9); overflow: hidden; isolation: isolate; transition: opacity 0.2s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease;}
.dme-os__active-panel.is-changing{opacity: 0.3; filter: blur(4px); transform: scale(0.965);}
.dme-os__panel-grid{position: absolute; inset: 0; z-index: -2; opacity: 0.32; background-image: linear-gradient( rgba(168, 121, 61, 0.045) 1px, transparent 1px ), linear-gradient( 90deg, rgba(168, 121, 61, 0.045) 1px, transparent 1px ); background-size: 40px 40px; mask-image: radial-gradient(circle, #000 15%, transparent 78%); -webkit-mask-image: radial-gradient(circle, #000 15%, transparent 78%);}
.dme-os__panel-glow{position: absolute; top: -30%; left: 50%; z-index: -2; width: 85%; height: 85%; background: radial-gradient( circle, rgba(207, 184, 141, 0.28), transparent 70% ); border-radius: 50%; transform: translateX(-50%);}
.dme-os__panel-scan{position: absolute; top: -25%; bottom: -25%; left: -35%; z-index: 5; width: 16%; opacity: 0; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.9), rgba(207, 184, 141, 0.45), transparent ); filter: blur(5px); transform: skewX(-18deg); pointer-events: none;}
.dme-os__active-panel.is-updated .dme-os__panel-scan{animation: dmeOsPanelScan 0.95s ease forwards;}
.dme-os__panel-top{position: absolute; top: 11%; right: 15%; left: 15%; display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.dme-os__panel-progress{display: inline-flex; align-items: center; gap: 7px; color: var(--dme-os-gold-deep); font-family: "Oswald", Arial, sans-serif; line-height: 1;}
.dme-os__panel-progress > span{font-size: 15px;}
.dme-os__panel-progress i{display: block; width: 24px; height: 1px; background: linear-gradient( 90deg, var(--dme-os-gold-deep), transparent );}
.dme-os__panel-progress small{color: rgba(55, 52, 46, 0.42); font-size: 10px;}
.dme-os__panel-status{display: inline-flex; align-items: center; gap: 7px; color: rgba(55, 52, 46, 0.53); font-family: "Manrope", Arial, sans-serif; font-size: 7px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;}
.dme-os__panel-status i{position: relative; display: block; width: 6px; height: 6px; background: var(--dme-os-gold-deep); border-radius: 50%;}
.dme-os__panel-status i::before{position: absolute; inset: -5px; content: ""; border: 1px solid rgba(168, 121, 61, 0.37); border-radius: inherit; animation: dmeOsStatusPulse 2s ease-out infinite;}
.dme-os__panel-icon-wrap{position: relative; display: grid; width: 100px; height: 100px; flex: 0 0 auto; margin-bottom: 23px; place-items: center;}
.dme-os__panel-icon-orbit{position: absolute; inset: 0; border: 1px dashed rgba(168, 121, 61, 0.29); border-radius: 50%; animation: dmeOsRotate 13s linear infinite;}
.dme-os__panel-icon-orbit::before{position: absolute; top: 7px; left: 18px; width: 7px; height: 7px; content: ""; background: var(--dme-os-gold-deep); border-radius: 50%; box-shadow: 0 0 0 5px rgba(168, 121, 61, 0.08), 0 0 14px rgba(168, 121, 61, 0.5);}
.dme-os__panel-icon{position: relative; z-index: 2; display: grid; width: 72px; height: 72px; place-items: center; color: #ffffff; background: linear-gradient( 145deg, var(--dme-os-gold-deep), var(--dme-os-gold) ); border-radius: 50%; box-shadow: 0 17px 35px rgba(168, 121, 61, 0.25), 0 0 0 9px rgba(207, 184, 141, 0.11);}
.dme-os__panel-icon i{font-size: 23px; transition: opacity 0.25s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os__active-panel.is-updated .dme-os__panel-icon i{animation: dmeOsIconUpdate 0.65s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os__panel-content{position: relative; z-index: 2; width: 100%; max-width: 410px;}
.dme-os__panel-category{display: inline-block; margin-bottom: 11px; color: var(--dme-os-gold-deep); font-family: "Manrope", Arial, sans-serif; font-size: 8px; font-weight: 800; line-height: 1.4; letter-spacing: 0.18em; text-transform: uppercase;}
.dme-os__panel-content h3{margin: 0 0 15px; color: var(--dme-os-dark); font-family: "Oswald", Arial, sans-serif; font-size: clamp(28px, 2.8vw, 43px); font-weight: 500; line-height: 1.03; letter-spacing: -0.035em; text-transform: uppercase;}
.dme-os__panel-content p{max-width: 380px; margin: 0 auto; color: var(--dme-os-muted); font-family: "Manrope", Arial, sans-serif; font-size: 12px; font-weight: 500; line-height: 1.75;}
.dme-os__panel-watermark{position: absolute; right: 10%; bottom: 7%; z-index: -1; color: rgba(168, 121, 61, 0.07); font-family: "Oswald", Arial, sans-serif; font-size: clamp(75px, 7vw, 110px); font-weight: 600; line-height: 1; letter-spacing: -0.06em;}
/* =========================================================
   PREMIUM READ MORE BUTTON
========================================================= */
.dme-os__read-more{position: relative; display: inline-grid; grid-template-columns: auto minmax(28px, 48px) 38px; align-items: center; gap: 11px; min-height: 48px; margin-top: 25px; padding: 5px 5px 5px 21px; color: var(--dme-os-dark); background: rgba(255, 255, 255, 0.62); border: 1px solid rgba(168, 121, 61, 0.32); border-radius: 100px; box-shadow: 0 12px 30px rgba(58, 44, 27, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.85); overflow: hidden; isolation: isolate; text-decoration: none; transition: color 0.4s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os__read-more::before{position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient( 110deg, var(--dme-os-dark), #28251f ); border-radius: inherit; transform: translateX(-102%); transition: transform 0.55s cubic-bezier(0.76, 0, 0.24, 1);}
.dme-os__read-more-label{position: relative; z-index: 2; font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase;}
.dme-os__read-more-line{position: relative; z-index: 2; display: block; width: 100%; height: 1px; overflow: hidden; background: rgba(168, 121, 61, 0.32);}
.dme-os__read-more-line::before{display: block; width: 45%; height: 100%; content: ""; background: var(--dme-os-gold-deep); transition: background-color 0.4s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os__read-more-icon{position: relative; z-index: 2; display: grid; width: 38px; height: 38px; place-items: center; color: #ffffff; background: linear-gradient( 145deg, var(--dme-os-gold-deep), var(--dme-os-gold) ); border-radius: 50%; box-shadow: 0 7px 18px rgba(168, 121, 61, 0.22); transition: color 0.4s ease, background 0.4s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os__read-more-icon i{font-size: 11px;}
.dme-os__read-more:hover, .dme-os__read-more:focus-visible{color: #ffffff; border-color: var(--dme-os-dark); box-shadow: 0 18px 38px rgba(35, 31, 24, 0.2); transform: translateY(-3px);}
.dme-os__read-more:hover::before, .dme-os__read-more:focus-visible::before{transform: translateX(0);}
.dme-os__read-more:hover .dme-os__read-more-line, .dme-os__read-more:focus-visible .dme-os__read-more-line{background: rgba(255, 255, 255, 0.22);}
.dme-os__read-more:hover .dme-os__read-more-line::before, .dme-os__read-more:focus-visible .dme-os__read-more-line::before{background: var(--dme-os-gold); transform: translateX(120%);}
.dme-os__read-more:hover .dme-os__read-more-icon, .dme-os__read-more:focus-visible .dme-os__read-more-icon{color: var(--dme-os-dark); background: var(--dme-os-gold); transform: rotate(45deg);}
/* =========================================================
   CORE CAPTION
========================================================= */
.dme-os__core-caption{display: grid; grid-template-columns: minmax(25px, 1fr) auto minmax(25px, 1fr); align-items: center; gap: 13px; width: min(470px, 90%); margin: 22px auto 0;}
.dme-os__core-caption span{display: block; height: 1px; background: linear-gradient( 90deg, transparent, rgba(168, 121, 61, 0.4) );}
.dme-os__core-caption span:last-child{background: linear-gradient( 90deg, rgba(168, 121, 61, 0.4), transparent );}
.dme-os__core-caption p{margin: 0; color: rgba(55, 52, 46, 0.5); font-family: "Manrope", Arial, sans-serif; font-size: 7px; font-weight: 800; line-height: 1.5; letter-spacing: 0.14em; text-align: center; text-transform: uppercase;}
/* =========================================================
   SIGNATURE
========================================================= */
.dme-os__signature{display: grid; grid-template-columns: minmax(50px, 1fr) auto auto minmax(50px, 1fr); align-items: center; gap: 22px; max-width: 1150px; margin: clamp(65px, 8vw, 110px) auto 0;}
.dme-os__signature-line{display: block; width: 100%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(168, 121, 61, 0.44) );}
.dme-os__signature-line--reverse{background: linear-gradient( 90deg, rgba(168, 121, 61, 0.44), transparent );}
.dme-os__signature-symbol{position: relative; display: grid; width: 55px; height: 55px; place-items: center; color: var(--dme-os-dark); background: linear-gradient( 145deg, var(--dme-os-gold-light), var(--dme-os-gold) ); border-radius: 50%; box-shadow: 0 13px 30px rgba(168, 121, 61, 0.2);}
.dme-os__signature-symbol::before{position: absolute; inset: -7px; content: ""; border: 1px dashed rgba(168, 121, 61, 0.3); border-radius: 50%; animation: dmeOsRotate 12s linear infinite;}
.dme-os__signature-symbol i{font-size: 16px;}
.dme-os__signature-copy{text-align: center;}
.dme-os__signature-copy small{display: block; margin-bottom: 7px; color: var(--dme-os-gold-deep); font-family: "Manrope", Arial, sans-serif; font-size: 8px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase;}
.dme-os__signature-copy p{margin: 0; color: var(--dme-os-muted); font-family: "Manrope", Arial, sans-serif; font-size: 13px; line-height: 1.65;}
.dme-os__signature-copy strong{color: var(--dme-os-dark); font-weight: 800;}
/* =========================================================
   REVEAL
========================================================= */
.dme-os [data-dme-os-reveal]{opacity: 0; transform: translateY(45px); transition: opacity 0.85s ease, transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);}
.dme-os [data-dme-os-reveal].is-visible{opacity: 1; transform: translateY(0);}
.dme-os__stage[data-dme-os-reveal]{transition-delay: 0.14s;}
.dme-os__signature[data-dme-os-reveal]{transition-delay: 0.2s;}
/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes dmeOsRotate{
  to{transform: rotate(360deg);}
}
@keyframes dmeOsRotateReverse{
  to{transform: rotate(-360deg);}
}
@keyframes dmeOsBackgroundGlowOne{
  0%, 100%{opacity: 0.62; transform: translate3d(0, 0, 0) scale(0.94);}
  50%{opacity: 1; transform: translate3d(-55px, 45px, 0) scale(1.08);}
}
@keyframes dmeOsBackgroundGlowTwo{
  0%, 100%{opacity: 0.48; transform: translate3d(0, 0, 0) scale(0.94);}
  50%{opacity: 0.85; transform: translate3d(65px, -40px, 0) scale(1.07);}
}
@keyframes dmeOsBackgroundLine{
  0%, 100%{opacity: 0.35; translate: -3% 0;}
  50%{opacity: 0.9; translate: 4% 0;}
}
@keyframes dmeOsStatusPulse{
  0%{opacity: 0.7; transform: scale(0.65);}
  100%{opacity: 0; transform: scale(1.8);}
}
@keyframes dmeOsHeadingAccent{
  0%{top: -45%;}
  58%, 100%{top: 110%;}
}
@keyframes dmeOsHeadingFooterLine{
  0%, 100%{transform: translateX(-30%);}
  50%{transform: translateX(145%);}
}
@keyframes dmeOsServiceSignal{
  0%, 100%{box-shadow: 0 0 0 5px rgba(168, 121, 61, 0.08), 0 0 12px rgba(168, 121, 61, 0.35);}
  50%{box-shadow: 0 0 0 9px rgba(168, 121, 61, 0.03), 0 0 22px rgba(168, 121, 61, 0.65);}
}
@keyframes dmeOsNodeFloat{
  0%, 100%{transform: translateY(0);}
  50%{transform: translateY(-9px);}
}
@keyframes dmeOsPanelScan{
  0%{left: -35%; opacity: 0;}
  15%{opacity: 0.75;}
  100%{left: 130%; opacity: 0;}
}
@keyframes dmeOsIconUpdate{
  0%{opacity: 0; transform: scale(0.55) rotate(-25deg);}
  100%{opacity: 1; transform: scale(1) rotate(0);}
}
/* =========================================================
   LARGE LAPTOP
========================================================= */
@media (max-width: 1499.98px){
  .dme-os__container{width: min(1420px, calc(100% - 52px));}
  .dme-os__stage{grid-template-columns: minmax(260px, 1fr) minmax(490px, 545px) minmax(260px, 1fr); gap: 25px;}
  .dme-os__service{padding: 12px 14px;}
  .dme-os__service-copy strong{font-size: clamp(14px, 1.2vw, 17px);}
  .dme-os__panel-content h3{font-size: clamp(27px, 2.7vw, 37px);}
}
/* =========================================================
   STANDARD LAPTOP
========================================================= */
@media (max-width: 1299.98px){
  .dme-os__container{width: min(1240px, calc(100% - 44px));}
  .dme-os__heading-main{grid-template-columns: minmax(0, 1fr) 360px; gap: 55px;}
  .dme-os__heading-count{width: 100px; height: 100px;}
  .dme-os__heading-count strong{font-size: 35px;}
  .dme-os__stage{grid-template-columns: minmax(235px, 1fr) minmax(455px, 495px) minmax(235px, 1fr); gap: 21px;}
  .dme-os__rail{gap: 11px;}
  .dme-os__service{min-height: 77px;}
  .dme-os__service-icon{width: 45px; height: 45px;}
  .dme-os__rail--left .dme-os__service{grid-template-columns: 27px minmax(0, 1fr) 45px;}
  .dme-os__rail--right .dme-os__service{grid-template-columns: 45px minmax(0, 1fr) 27px;}
}
/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */
@media (max-width: 1199.98px){
  .dme-os__stage{grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 22px;}
  .dme-os__core-column{grid-column: 1 / -1; grid-row: 1; width: min(680px, 100%); margin: 0 auto 35px;}
  .dme-os__rail--left{grid-column: 1; grid-row: 2;}
  .dme-os__rail--right{grid-column: 2; grid-row: 2;}
  .dme-os__rail--left .dme-os__service, .dme-os__rail--right .dme-os__service{grid-template-columns: 49px minmax(0, 1fr) 30px; grid-template-areas: "icon copy number";}
  .dme-os__rail--left .dme-os__service-copy, .dme-os__rail--right .dme-os__service-copy{text-align: left;}
  .dme-os__rail--left .dme-os__service-number, .dme-os__rail--right .dme-os__service-number{text-align: right;}
  .dme-os__rail--left .dme-os__service:hover, .dme-os__rail--left .dme-os__service:focus-visible, .dme-os__rail--left .dme-os__service.is-active, .dme-os__rail--right .dme-os__service:hover, .dme-os__rail--right .dme-os__service:focus-visible, .dme-os__rail--right .dme-os__service.is-active{transform: translateY(-5px);}
  .dme-os__service::after, .dme-os__service-signal{display: none;}
  .dme-os__service-copy strong{font-size: 17px;}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  .dme-os{padding: 90px 0;}
  .dme-os__container{width: min(100% - 36px, 900px);}
  .dme-os__heading-main{grid-template-columns: 1fr; gap: 38px;}
  .dme-os__title{font-size: clamp(61px, 10vw, 92px);}
  .dme-os__heading-intro{max-width: 630px; padding-left: clamp(22px, 2vw, 34px);}
  .dme-os__heading-count{width: 95px; height: 95px;}
  .dme-os__core-column{width: min(640px, 100%);}
  .dme-os__core-scene{max-width: 590px;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 575.98px){
  .dme-os{padding: 70px 0;}
  .dme-os__container{width: calc(100% - 26px);}
  .dme-os__heading{margin-bottom: 48px;}
  .dme-os__heading-top{display: block; margin-bottom: 24px;}
  .dme-os__heading-status{margin-top: 18px;}
  .dme-os__title-wrap{padding-left: 18px;}
  .dme-os__title{font-size: clamp(48px, 14.8vw, 67px); line-height: 0.89;}
  .dme-os__heading-intro{grid-template-columns: 75px minmax(0, 1fr); gap: 18px; padding-left: 18px;}
  .dme-os__heading-count{width: 75px; height: 75px;}
  .dme-os__heading-count strong{font-size: 27px;}
  .dme-os__heading-copy > span{font-size: 7px;}
  .dme-os__heading-copy p{font-size: 11px; line-height: 1.7;}
  .dme-os__heading-footer{grid-template-columns: 48px minmax(0, 1fr); gap: 13px; margin-top: 25px; padding-left: 18px;}
  .dme-os__heading-footer p{font-size: 7px; letter-spacing: 0.1em;}
  .dme-os__stage{display: flex; flex-direction: column; gap: 15px;}
  .dme-os__core-column{order: 1; width: 100%; margin: 0 0 20px;}
  .dme-os__rail--left{order: 2; width: 100%;}
  .dme-os__rail--right{order: 3; width: 100%;}
  .dme-os__core-scene{width: 100%; max-width: none; min-height: 535px; aspect-ratio: auto;}
  .dme-os__core-orbit, .dme-os__core-node{display: none;}
  .dme-os__progress-ring{inset: 0; padding: 2px; border-radius: 31px;}
  .dme-os__active-panel{inset: 7px; padding: 72px 24px 40px; border-radius: 26px;}
  .dme-os__panel-top{top: 28px; right: 24px; left: 24px;}
  .dme-os__panel-icon-wrap{width: 88px; height: 88px; margin-bottom: 22px;}
  .dme-os__panel-icon{width: 64px; height: 64px;}
  .dme-os__panel-icon i{font-size: 20px;}
  .dme-os__panel-content h3{max-width: 310px; margin-right: auto; margin-left: auto; font-size: clamp(30px, 9vw, 39px);}
  .dme-os__panel-content p{max-width: 310px; font-size: 11px;}
  .dme-os__panel-watermark{right: 7%; bottom: 4%; font-size: 90px;}
  .dme-os__read-more{margin-top: 26px;}
  .dme-os__core-caption{display: none;}
  .dme-os__rail{gap: 12px;}
  .dme-os__service{min-height: 78px; padding: 13px 14px;}
  .dme-os__rail--left .dme-os__service, .dme-os__rail--right .dme-os__service{grid-template-columns: 47px minmax(0, 1fr) 27px;}
  .dme-os__service-icon{width: 45px; height: 45px;}
  .dme-os__service-copy strong{font-size: 16px;}
  .dme-os__signature{grid-template-columns: auto minmax(0, 1fr); gap: 15px; margin-top: 55px;}
  .dme-os__signature-line{display: none;}
  .dme-os__signature-copy{text-align: left;}
  .dme-os__signature-copy p{font-size: 11px;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 375px){
  .dme-os__container{width: calc(100% - 20px);}
  .dme-os__title{font-size: 45px;}
  .dme-os__active-panel{padding-right: 19px; padding-left: 19px;}
  .dme-os__service{padding-right: 12px; padding-left: 12px;}
  .dme-os__service-copy strong{font-size: 14px;}
  .dme-os__service-copy small{font-size: 6px;}
  .dme-os__read-more{grid-template-columns: auto 30px 36px; padding-left: 17px;}
  .dme-os__read-more-icon{width: 36px; height: 36px;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dme-os *, .dme-os *::before, .dme-os *::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important;}
  .dme-os [data-dme-os-reveal], .dme-os__title > span i{opacity: 1; transform: none;}
}
/* =========================================================
   DESIGN MASTER EVENTS
   PREMIUM MAIN CIRCLE ANIMATION UPGRADE
   Add after the existing dme-os CSS.
   No HTML or JavaScript changes required.
========================================================= */
/* =========================================================
   OUTER ENERGY RIPPLES
========================================================= */
.dme-os__core-scene::before, .dme-os__core-scene::after{position: absolute; z-index: 0; content: ""; border-radius: 50%; pointer-events: none;}
.dme-os__core-scene::before{inset: 6.5%; border: 1px solid rgba(168, 121, 61, 0.18); box-shadow: 0 0 35px rgba(168, 121, 61, 0.07), inset 0 0 35px rgba(207, 184, 141, 0.05); animation: dmeOsCoreRippleOne 4.8s ease-out infinite;}
.dme-os__core-scene::after{inset: 10%; border: 1px solid rgba(207, 184, 141, 0.2); box-shadow: 0 0 45px rgba(207, 184, 141, 0.08), inset 0 0 45px rgba(207, 184, 141, 0.06); animation: dmeOsCoreRippleTwo 4.8s ease-out 2.4s infinite;}
/* =========================================================
   MAIN CIRCLE FLOATING AND BREATHING MOTION
========================================================= */
.dme-os__active-panel{animation: dmeOsMainCircleFloat 6.4s ease-in-out infinite; will-change: translate, box-shadow;}
/* =========================================================
   INTERNAL BREATHING AURA
========================================================= */
.dme-os__active-panel::before{position: absolute; inset: 0; z-index: -1; content: ""; border-radius: 50%; background: radial-gradient( circle at 50% 18%, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.25) 18%, transparent 42% ), radial-gradient( circle at 50% 50%, rgba(207, 184, 141, 0.16) 0%, rgba(207, 184, 141, 0.07) 39%, transparent 70% ); opacity: 0.62; transform: scale(0.94); animation: dmeOsMainCircleAura 5.6s ease-in-out infinite; pointer-events: none;}
/* =========================================================
   ROTATING PREMIUM GOLD EDGE
========================================================= */
.dme-os__active-panel::after{position: absolute; inset: 0; z-index: 8; padding: 2px; content: ""; border-radius: 50%; background: conic-gradient( from 0deg, transparent 0deg, transparent 42deg, rgba(207, 184, 141, 0.2) 65deg, rgba(168, 121, 61, 0.85) 88deg, rgba(235, 218, 185, 0.95) 104deg, rgba(168, 121, 61, 0.35) 124deg, transparent 153deg, transparent 250deg, rgba(207, 184, 141, 0.12) 278deg, rgba(168, 121, 61, 0.65) 305deg, transparent 335deg, transparent 360deg ); opacity: 0.72; pointer-events: none; animation: dmeOsMainCircleEdgeRotate 11s linear infinite; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; -webkit-mask-composite: xor;}
/* =========================================================
   MOVING LIGHT INSIDE MAIN CIRCLE
========================================================= */
.dme-os__panel-glow{animation: dmeOsPanelGlowBreath 5.2s ease-in-out infinite;}
.dme-os__panel-glow::before{position: absolute; top: -45%; bottom: -45%; left: -85%; width: 22%; content: ""; opacity: 0; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.9), rgba(232, 217, 187, 0.48), transparent ); filter: blur(6px); transform: skewX(-20deg); animation: dmeOsMainCircleLightSweep 7.5s ease-in-out infinite; pointer-events: none;}
/* =========================================================
   PREMIUM CENTER ICON MOVEMENT
========================================================= */
.dme-os__panel-icon-wrap{animation: dmeOsMainIconFloat 4.2s ease-in-out infinite;}
.dme-os__panel-icon{animation: dmeOsMainIconGlow 3.6s ease-in-out infinite;}
.dme-os__panel-icon-orbit{box-shadow: 0 0 25px rgba(168, 121, 61, 0.08), inset 0 0 25px rgba(207, 184, 141, 0.05);}
/* =========================================================
   ACTIVE SERVICE CHANGE ENERGY EFFECT
========================================================= */
.dme-os__active-panel.is-updated{animation: dmeOsMainCircleUpdate 0.9s cubic-bezier(0.16, 1, 0.3, 1), dmeOsMainCircleFloat 6.4s ease-in-out 0.9s infinite;}
.dme-os__active-panel.is-updated .dme-os__panel-glow{animation: dmeOsPanelUpdateGlow 1.1s ease-out, dmeOsPanelGlowBreath 5.2s ease-in-out 1.1s infinite;}
.dme-os__active-panel.is-updated .dme-os__panel-icon-orbit{animation: dmeOsIconOrbitUpdate 0.9s cubic-bezier(0.16, 1, 0.3, 1), dmeOsRotate 13s linear 0.9s infinite;}
/* =========================================================
   ENHANCED MAIN ORBITS
========================================================= */
.dme-os__core-orbit--outer{box-shadow: 0 0 38px rgba(168, 121, 61, 0.07), inset 0 0 38px rgba(207, 184, 141, 0.04);}
.dme-os__core-orbit--middle{animation: dmeOsRotateReverse 20s linear infinite, dmeOsMiddleOrbitBreath 4.8s ease-in-out infinite;}
.dme-os__core-orbit--inner{animation: dmeOsRotate 15s linear infinite, dmeOsInnerOrbitBreath 3.8s ease-in-out infinite;}
/* =========================================================
   MAIN CIRCLE ANIMATIONS
========================================================= */
@keyframes dmeOsMainCircleFloat{
  0%, 100%{translate: 0 0; box-shadow: 0 35px 85px rgba(58, 44, 27, 0.13), 0 0 0 0 rgba(207, 184, 141, 0), inset 0 1px 0 rgba(255, 255, 255, 0.9);}
  50%{translate: 0 -7px; box-shadow: 0 48px 105px rgba(58, 44, 27, 0.17), 0 0 55px rgba(207, 184, 141, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);}
}
@keyframes dmeOsMainCircleAura{
  0%, 100%{opacity: 0.48; transform: scale(0.94);}
  50%{opacity: 0.9; transform: scale(1.06);}
}
@keyframes dmeOsMainCircleEdgeRotate{
  to{transform: rotate(360deg);}
}
@keyframes dmeOsMainCircleLightSweep{
  0%, 28%{left: -85%; opacity: 0;}
  38%{opacity: 0.55;}
  65%{opacity: 0.22;}
  78%, 100%{left: 155%; opacity: 0;}
}
@keyframes dmeOsPanelGlowBreath{
  0%, 100%{opacity: 0.7; transform: translateX(-50%) scale(0.92);}
  50%{opacity: 1; transform: translateX(-50%) scale(1.08);}
}
@keyframes dmeOsMainCircleUpdate{
  0%{translate: 0 0; transform: scale(0.965);}
  42%{translate: 0 -5px; transform: scale(1.018);}
  100%{translate: 0 0; transform: scale(1);}
}
@keyframes dmeOsPanelUpdateGlow{
  0%{opacity: 0.25; transform: translateX(-50%) scale(0.65);}
  45%{opacity: 1; transform: translateX(-50%) scale(1.28);}
  100%{opacity: 0.72; transform: translateX(-50%) scale(0.95);}
}
/* =========================================================
   OUTER RIPPLE ANIMATIONS
========================================================= */
@keyframes dmeOsCoreRippleOne{
  0%{opacity: 0.65; transform: scale(0.91);}
  70%, 100%{opacity: 0; transform: scale(1.12);}
}
@keyframes dmeOsCoreRippleTwo{
  0%{opacity: 0.52; transform: scale(0.92);}
  70%, 100%{opacity: 0; transform: scale(1.16);}
}
/* =========================================================
   ICON ANIMATIONS
========================================================= */
@keyframes dmeOsMainIconFloat{
  0%, 100%{translate: 0 0;}
  50%{translate: 0 -5px;}
}
@keyframes dmeOsMainIconGlow{
  0%, 100%{box-shadow: 0 17px 35px rgba(168, 121, 61, 0.25), 0 0 0 9px rgba(207, 184, 141, 0.11), 0 0 0 rgba(207, 184, 141, 0);}
  50%{box-shadow: 0 22px 42px rgba(168, 121, 61, 0.32), 0 0 0 13px rgba(207, 184, 141, 0.08), 0 0 35px rgba(207, 184, 141, 0.28);}
}
@keyframes dmeOsIconOrbitUpdate{
  0%{opacity: 0; transform: scale(0.65) rotate(-90deg);}
  100%{opacity: 1; transform: scale(1) rotate(0deg);}
}
/* =========================================================
   ORBIT BREATHING ANIMATIONS
========================================================= */
@keyframes dmeOsMiddleOrbitBreath{
  0%, 100%{opacity: 0.55; box-shadow: 0 0 0 rgba(168, 121, 61, 0);}
  50%{opacity: 1; box-shadow: 0 0 28px rgba(168, 121, 61, 0.08);}
}
@keyframes dmeOsInnerOrbitBreath{
  0%, 100%{opacity: 0.48;}
  50%{opacity: 0.9;}
}
/* =========================================================
   MOBILE ADJUSTMENTS
========================================================= */
@media (max-width: 575.98px){
  .dme-os__core-scene::before, .dme-os__core-scene::after{border-radius: 34px;}
  .dme-os__core-scene::before{inset: -5px;}
  .dme-os__core-scene::after{inset: 1px;}
  .dme-os__active-panel::before, .dme-os__active-panel::after{border-radius: 26px;}
  .dme-os__active-panel{animation: dmeOsMobileCoreFloat 6.4s ease-in-out infinite;}
  .dme-os__active-panel.is-updated{animation: dmeOsMainCircleUpdate 0.9s cubic-bezier(0.16, 1, 0.3, 1), dmeOsMobileCoreFloat 6.4s ease-in-out 0.9s infinite;}
  @keyframes dmeOsMobileCoreFloat{
    0%, 100%{translate: 0 0; box-shadow: 0 25px 60px rgba(58, 44, 27, 0.12), 0 0 0 rgba(207, 184, 141, 0);}
    50%{translate: 0 -4px; box-shadow: 0 35px 75px rgba(58, 44, 27, 0.16), 0 0 35px rgba(207, 184, 141, 0.1);}
  }
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dme-os__core-scene::before, .dme-os__core-scene::after, .dme-os__active-panel, .dme-os__active-panel::before, .dme-os__active-panel::after, .dme-os__panel-glow, .dme-os__panel-glow::before, .dme-os__panel-icon-wrap, .dme-os__panel-icon, .dme-os__core-orbit--outer, .dme-os__core-orbit--middle, .dme-os__core-orbit--inner{animation: none !important;}
  .dme-os__active-panel{translate: 0 0;}
}
/* =========================================================
   DME SERVICE ORBIT
   CONTENT VISIBILITY + RESPONSIVE CIRCLE FIX
   Add after all existing dme-os CSS.
========================================================= */
/* =========================================================
   EXPAND THE USABLE AREA OF THE MAIN CIRCLE
========================================================= */
.dme-os__active-panel{inset: 11%; padding: clamp(78px, 8vw, 105px) clamp(40px, 5vw, 70px) clamp(38px, 4vw, 58px); justify-content: center;}
/* =========================================================
   TOP PROGRESS AND STATUS
   Moves both elements away from the curved edges.
========================================================= */
.dme-os__panel-top{top: clamp(34px, 11.5%, 68px); right: clamp(62px, 20%, 125px); left: clamp(62px, 20%, 125px); display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; justify-content: initial; gap: clamp(16px, 2vw, 28px); width: auto; min-width: 0;}
.dme-os__panel-progress{display: inline-flex; min-width: max-content; flex: 0 0 auto; align-items: center; justify-content: flex-start; white-space: nowrap;}
.dme-os__panel-progress > span, .dme-os__panel-progress > small{display: inline-block; flex: 0 0 auto; white-space: nowrap;}
.dme-os__panel-progress > span{min-width: 18px; text-align: left;}
.dme-os__panel-progress > small{min-width: 15px; text-align: right;}
.dme-os__panel-progress i{width: clamp(18px, 2vw, 28px); flex: 0 0 auto;}
.dme-os__panel-status{display: inline-flex; min-width: max-content; max-width: 100%; justify-self: end; white-space: nowrap; overflow: visible; text-overflow: clip;}
/* =========================================================
   MAIN ICON POSITIONING
========================================================= */
.dme-os__panel-icon-wrap{width: clamp(82px, 7vw, 100px); height: clamp(82px, 7vw, 100px); margin-top: clamp(4px, 1vw, 13px); margin-bottom: clamp(17px, 2vw, 23px);}
.dme-os__panel-icon{width: clamp(62px, 5.2vw, 72px); height: clamp(62px, 5.2vw, 72px);}
.dme-os__panel-icon i{font-size: clamp(20px, 1.8vw, 23px);}
/* =========================================================
   COMPLETE TEXT VISIBILITY
========================================================= */
.dme-os__panel-content{width: min(100%, 430px); max-width: 430px; min-width: 0; margin: 0 auto;}
.dme-os__panel-category{display: block; width: 100%; max-width: 100%; margin-bottom: clamp(9px, 1vw, 12px); white-space: normal; overflow-wrap: anywhere; text-align: center;}
.dme-os__panel-content h3{width: 100%; max-width: 430px; margin-right: auto; margin-left: auto; font-size: clamp(27px, 2.65vw, 43px); line-height: 1.05; text-align: center; text-wrap: balance; overflow-wrap: anywhere; word-break: normal;}
.dme-os__panel-content p{width: min(100%, 390px); max-width: 390px; margin-right: auto; margin-left: auto; font-size: clamp(10px, 0.9vw, 12px); line-height: 1.72; text-align: center; text-wrap: pretty; overflow-wrap: anywhere;}
/* =========================================================
   READ MORE BUTTON VISIBILITY
========================================================= */
.dme-os__read-more{flex: 0 0 auto; min-width: 190px; max-width: 100%; min-height: 48px; margin-top: clamp(19px, 2vw, 26px);}
.dme-os__read-more-label{white-space: nowrap;}
/* =========================================================
   WATERMARK
   Keeps the large number behind the content.
========================================================= */
.dme-os__panel-watermark{right: 10%; bottom: 6%; max-width: 36%; overflow: hidden; line-height: 0.85; pointer-events: none;}
/* =========================================================
   LARGE LAPTOP
========================================================= */
@media (max-width: 1499.98px){
  .dme-os__active-panel{inset: 10.5%; padding: clamp(70px, 7vw, 92px) clamp(34px, 4vw, 56px) 36px;}
  .dme-os__panel-top{top: 11%; right: 19%; left: 19%;}
  .dme-os__panel-icon-wrap{width: 88px; height: 88px; margin-bottom: 18px;}
  .dme-os__panel-icon{width: 65px; height: 65px;}
  .dme-os__panel-content h3{font-size: clamp(25px, 2.45vw, 37px);}
  .dme-os__panel-content p{max-width: 350px; font-size: 11px; line-height: 1.68;}
  .dme-os__read-more{min-width: 180px; min-height: 46px; margin-top: 20px;}
}
/* =========================================================
   STANDARD LAPTOP
========================================================= */
@media (max-width: 1299.98px){
  .dme-os__active-panel{inset: 9.5%; padding: 70px 34px 32px;}
  .dme-os__panel-top{top: 10.5%; right: 18%; left: 18%; gap: 15px;}
  .dme-os__panel-status{font-size: 6.5px; letter-spacing: 0.11em;}
  .dme-os__panel-progress > span{font-size: 13px;}
  .dme-os__panel-progress > small{font-size: 9px;}
  .dme-os__panel-icon-wrap{width: 80px; height: 80px; margin-bottom: 16px;}
  .dme-os__panel-icon{width: 59px; height: 59px;}
  .dme-os__panel-icon i{font-size: 19px;}
  .dme-os__panel-category{margin-bottom: 8px; font-size: 7px;}
  .dme-os__panel-content h3{max-width: 350px; margin-bottom: 11px; font-size: clamp(23px, 2.35vw, 32px); line-height: 1.05;}
  .dme-os__panel-content p{max-width: 320px; font-size: 10px; line-height: 1.62;}
  .dme-os__read-more{grid-template-columns: auto 30px 36px; min-width: 167px; min-height: 43px; margin-top: 17px; padding-left: 17px;}
  .dme-os__read-more-icon{width: 34px; height: 34px;}
}
/* =========================================================
   TABLET
   The center becomes wider, so spacing can increase again.
========================================================= */
@media (max-width: 1199.98px){
  .dme-os__active-panel{inset: 11%; padding: 84px 48px 40px;}
  .dme-os__panel-top{top: 11%; right: 20%; left: 20%;}
  .dme-os__panel-status{font-size: 7px;}
  .dme-os__panel-icon-wrap{width: 92px; height: 92px; margin-bottom: 20px;}
  .dme-os__panel-icon{width: 67px; height: 67px;}
  .dme-os__panel-content h3{max-width: 390px; font-size: clamp(27px, 4vw, 39px);}
  .dme-os__panel-content p{max-width: 360px; font-size: 11px; line-height: 1.7;}
  .dme-os__read-more{min-width: 180px; min-height: 46px; margin-top: 21px;}
}
/* =========================================================
   SMALL TABLET
========================================================= */
@media (max-width: 767.98px) and (min-width: 576px){
  .dme-os__core-scene{max-width: 570px;}
  .dme-os__active-panel{inset: 9.5%; padding: 78px 40px 36px;}
  .dme-os__panel-top{top: 10%; right: 18%; left: 18%;}
  .dme-os__panel-content h3{max-width: 355px; font-size: clamp(26px, 5vw, 35px);}
  .dme-os__panel-content p{max-width: 330px;}
}
/* =========================================================
   MOBILE
   Mobile panel is rectangular, so use normal safe spacing.
========================================================= */
@media (max-width: 575.98px){
  .dme-os__active-panel{inset: 7px; min-height: 520px; padding: 86px 22px 35px; justify-content: center;}
  .dme-os__panel-top{top: 25px; right: 22px; left: 22px; grid-template-columns: auto minmax(0, 1fr); gap: 12px;}
  .dme-os__panel-progress{justify-self: start;}
  .dme-os__panel-status{justify-self: end; font-size: 6.5px; letter-spacing: 0.1em;}
  .dme-os__panel-progress > span{font-size: 14px;}
  .dme-os__panel-progress > small{font-size: 9px;}
  .dme-os__panel-icon-wrap{width: 88px; height: 88px; margin-top: 4px; margin-bottom: 22px;}
  .dme-os__panel-icon{width: 64px; height: 64px;}
  .dme-os__panel-category{max-width: 280px; margin-right: auto; margin-left: auto; font-size: 7px;}
  .dme-os__panel-content{max-width: 100%;}
  .dme-os__panel-content h3{max-width: 330px; margin-bottom: 14px; font-size: clamp(28px, 8.7vw, 39px); line-height: 1.07;}
  .dme-os__panel-content p{max-width: 315px; font-size: 11px; line-height: 1.7;}
  .dme-os__read-more{grid-template-columns: auto minmax(25px, 42px) 37px; min-width: 176px; min-height: 46px; margin-top: 25px; padding-left: 18px;}
  .dme-os__read-more-icon{width: 36px; height: 36px;}
  .dme-os__panel-watermark{right: 5%; bottom: 3%; max-width: 42%; font-size: 82px;}
}
/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 375px){
  .dme-os__core-scene{min-height: 540px;}
  .dme-os__active-panel{min-height: 525px; padding: 84px 17px 32px;}
  .dme-os__panel-top{right: 16px; left: 16px; gap: 8px;}
  .dme-os__panel-progress{gap: 5px;}
  .dme-os__panel-progress i{width: 15px;}
  .dme-os__panel-status{gap: 5px; font-size: 5.7px; letter-spacing: 0.07em;}
  .dme-os__panel-content h3{max-width: 290px; font-size: clamp(26px, 8.5vw, 33px);}
  .dme-os__panel-content p{max-width: 285px; font-size: 10.5px;}
}
/* =========================================================
   DESIGN MASTER EVENTS
   PREMIUM TABLET + MOBILE EXPERIENCE
   Desktop and laptop remain unchanged.
   Applies only below 992px.
========================================================= */
.dme-os__responsive-nav{display: none;}
/* =========================================================
   TABLET EXPERIENCE
========================================================= */
@media (max-width: 991.98px){
  /* -------------------------------------------------------
       SECTION AND STAGE
    ------------------------------------------------------- */
  .dme-os{padding: 82px 0;}
  .dme-os__container{width: min(100% - 36px, 900px);}
  .dme-os__stage{display: block;}
  /*
     * The original two side rails remain untouched on desktop
     * but are replaced by the responsive navigator here.
     */
  .dme-os__rail{display: none !important;}
  .dme-os__core-column{width: 100%; max-width: none; margin: 0;}
  .dme-os__core-scene{width: 100%; max-width: none; min-height: 0; aspect-ratio: auto; margin: 0; transform: none !important;}
  /* -------------------------------------------------------
       REMOVE THE LARGE CIRCULAR ORBIT ON TABLET/MOBILE
    ------------------------------------------------------- */
  .dme-os__core-orbit, .dme-os__core-node, .dme-os__progress-ring{display: none !important;}
  .dme-os__core-scene::before, .dme-os__core-scene::after{display: none !important;}
  /* -------------------------------------------------------
       PREMIUM RESPONSIVE DETAIL PANEL
    ------------------------------------------------------- */
  .dme-os__active-panel{position: relative !important; inset: auto !important; display: grid; grid-template-columns: 145px minmax(0, 1fr); grid-template-areas: "top top" "icon content" "icon action"; align-items: center; justify-items: start; column-gap: 34px; row-gap: 0; width: 100%; min-height: 410px; padding: 30px 36px 34px; color: var(--dme-os-dark); text-align: left; background: radial-gradient( circle at 14% 22%, rgba(207, 184, 141, 0.2), transparent 29% ), linear-gradient( 135deg, rgba(255, 255, 255, 0.98), rgba(244, 237, 224, 0.96) ); border: 1px solid rgba(168, 121, 61, 0.25); border-radius: 34px; box-shadow: 0 30px 75px rgba(58, 44, 27, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.95); overflow: hidden; animation: dmeOsResponsivePanelFloat 7s ease-in-out infinite;}
  .dme-os__active-panel::before, .dme-os__active-panel::after{border-radius: inherit !important;}
  /*
     * Conic premium border from the existing animation remains,
     * but follows the new rounded panel shape.
     */
  .dme-os__active-panel::after{opacity: 0.58;}
  /* -------------------------------------------------------
       RESPONSIVE PANEL BACKGROUND DETAILS
    ------------------------------------------------------- */
  .dme-os__panel-grid{opacity: 0.42; background-size: 44px 44px; mask-image: linear-gradient( 90deg, #000 0%, rgba(0, 0, 0, 0.65) 46%, transparent 100% ); -webkit-mask-image: linear-gradient( 90deg, #000 0%, rgba(0, 0, 0, 0.65) 46%, transparent 100% );}
  .dme-os__panel-glow{top: -55%; left: 3%; width: 58%; height: 150%; transform: none; border-radius: 50%; animation: dmeOsResponsiveGlow 6s ease-in-out infinite;}
  /* -------------------------------------------------------
       TOP STATUS
    ------------------------------------------------------- */
  .dme-os__panel-top{position: relative; top: auto; right: auto; left: auto; grid-area: top; display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; margin: 0 0 30px; padding: 0 0 20px; border-bottom: 1px solid rgba(168, 121, 61, 0.16);}
  .dme-os__panel-progress{display: inline-flex; min-width: 0; align-items: center; gap: 9px;}
  .dme-os__panel-progress > span{min-width: 20px; font-size: 17px;}
  .dme-os__panel-progress > small{min-width: 17px; font-size: 10px;}
  .dme-os__panel-progress i{width: 38px;}
  .dme-os__panel-status{min-width: max-content; font-size: 7px; letter-spacing: 0.15em; white-space: nowrap;}
  /* -------------------------------------------------------
       LARGE RESPONSIVE ICON
    ------------------------------------------------------- */
  .dme-os__panel-icon-wrap{grid-area: icon; width: 125px; height: 125px; margin: 0; justify-self: center;}
  .dme-os__panel-icon{width: 88px; height: 88px; box-shadow: 0 20px 42px rgba(168, 121, 61, 0.27), 0 0 0 12px rgba(207, 184, 141, 0.1);}
  .dme-os__panel-icon i{font-size: 28px;}
  .dme-os__panel-icon-orbit{inset: 0;}
  /* -------------------------------------------------------
       COMPLETE CONTENT AREA
    ------------------------------------------------------- */
  .dme-os__panel-content{grid-area: content; width: 100%; max-width: 100%; min-width: 0; margin: 0; text-align: left;}
  .dme-os__panel-category{display: block; width: 100%; margin: 0 0 11px; font-size: 8px; letter-spacing: 0.18em; text-align: left; white-space: normal;}
  .dme-os__panel-content h3{width: 100%; max-width: 620px; margin: 0 0 17px; font-size: clamp(35px, 5.8vw, 50px); line-height: 1.02; text-align: left; text-wrap: balance; overflow-wrap: anywhere;}
  .dme-os__panel-content p{width: 100%; max-width: 590px; margin: 0; font-size: 13px; line-height: 1.78; text-align: left; text-wrap: pretty; overflow-wrap: anywhere;}
  /* -------------------------------------------------------
       READ MORE BUTTON
    ------------------------------------------------------- */
  .dme-os__read-more{grid-area: action; justify-self: start; min-width: 195px; min-height: 49px; margin: 23px 0 0;}
  /* -------------------------------------------------------
       PANEL WATERMARK
    ------------------------------------------------------- */
  .dme-os__panel-watermark{right: 25px; bottom: 4px; max-width: none; overflow: visible; color: rgba(168, 121, 61, 0.055); font-size: 125px; line-height: 0.9;}
  .dme-os__core-caption{display: none;}
  /* -------------------------------------------------------
       RESPONSIVE SERVICE NAVIGATOR
    ------------------------------------------------------- */
  .dme-os__responsive-nav{position: relative; display: block; width: 100%; margin-top: 26px; padding: 25px; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.82), rgba(246, 240, 228, 0.76) ); border: 1px solid rgba(168, 121, 61, 0.19); border-radius: 28px; box-shadow: 0 22px 55px rgba(58, 44, 27, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.85); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); overflow: hidden;}
  .dme-os__responsive-nav::before{position: absolute; top: -80%; bottom: -80%; left: -25%; width: 13%; content: ""; opacity: 0.5; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.9), rgba(207, 184, 141, 0.28), transparent ); filter: blur(4px); transform: skewX(-18deg); animation: dmeOsResponsiveNavSweep 8s ease-in-out infinite; pointer-events: none;}
  /* -------------------------------------------------------
       NAVIGATOR HEADING
    ------------------------------------------------------- */
  .dme-os__responsive-nav-head{position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px;}
  .dme-os__responsive-nav-title{display: flex; align-items: center; gap: 15px;}
  .dme-os__responsive-nav-title small{color: var(--dme-os-gold-deep); font-family: "Manrope", Arial, sans-serif; font-size: 8px; font-weight: 800; line-height: 1.4; letter-spacing: 0.19em; text-transform: uppercase;}
  .dme-os__responsive-nav-title strong{display: inline-flex; align-items: baseline; gap: 5px; color: var(--dme-os-dark); font-family: "Oswald", Arial, sans-serif; font-weight: 500; line-height: 1;}
  .dme-os__responsive-nav-title strong span{min-width: 23px; color: var(--dme-os-gold-deep); font-size: 24px;}
  .dme-os__responsive-nav-title strong i, .dme-os__responsive-nav-title strong em{color: rgba(55, 52, 46, 0.37); font-size: 12px; font-style: normal;}
  /* -------------------------------------------------------
       PREVIOUS / NEXT CONTROLS
    ------------------------------------------------------- */
  .dme-os__responsive-controls{display: flex; align-items: center; gap: 8px;}
  .dme-os__responsive-controls button{display: inline-grid; width: 43px; height: 43px; margin: 0; padding: 0; place-items: center; color: var(--dme-os-gold-deep); background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(168, 121, 61, 0.23); border-radius: 50%; box-shadow: 0 8px 20px rgba(58, 44, 27, 0.07); outline: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.35s ease;}
  .dme-os__responsive-controls button i{font-size: 12px;}
  .dme-os__responsive-controls button:hover, .dme-os__responsive-controls button:focus-visible{color: #ffffff; background: var(--dme-os-gold-deep); border-color: var(--dme-os-gold-deep); transform: translateY(-2px);}
  /* -------------------------------------------------------
       TABLET SERVICE GRID
    ------------------------------------------------------- */
  .dme-os__responsive-track{position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%;}
  .dme-os__responsive-card{position: relative; display: grid; grid-template-columns: 43px minmax(0, 1fr) 25px; align-items: center; gap: 11px; width: 100%; min-width: 0; min-height: 105px; margin: 0; padding: 15px 13px; color: var(--dme-os-dark); background: linear-gradient( 145deg, rgba(255, 255, 255, 0.9), rgba(249, 245, 237, 0.78) ); border: 1px solid rgba(168, 121, 61, 0.15); border-radius: 18px 5px 18px 5px; box-shadow: 0 12px 28px rgba(58, 44, 27, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.86); outline: none; overflow: hidden; text-align: left; transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.4s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);}
  .dme-os__responsive-card::before{position: absolute; top: 0; left: 0; width: 0; height: 3px; content: ""; background: linear-gradient( 90deg, var(--dme-os-gold-deep), var(--dme-os-gold), transparent ); transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
  .dme-os__responsive-card-icon{display: grid; width: 43px; height: 43px; place-items: center; color: var(--dme-os-gold-deep); background: rgba(207, 184, 141, 0.12); border: 1px solid rgba(168, 121, 61, 0.19); border-radius: 50%; transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease, transform 0.4s ease;}
  .dme-os__responsive-card-icon i{font-size: 14px;}
  .dme-os__responsive-card-copy{min-width: 0;}
  .dme-os__responsive-card-copy small{display: block; margin-bottom: 5px; color: rgba(55, 52, 46, 0.48); font-family: "Manrope", Arial, sans-serif; font-size: 6px; font-weight: 800; line-height: 1.35; letter-spacing: 0.12em; text-transform: uppercase;}
  .dme-os__responsive-card-copy strong{display: block; color: inherit; font-family: "Oswald", Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 1.15; letter-spacing: -0.015em; text-transform: uppercase; overflow-wrap: anywhere;}
  .dme-os__responsive-card-number{color: rgba(168, 121, 61, 0.62); font-family: "Oswald", Arial, sans-serif; font-size: 12px; font-weight: 500; text-align: right;}
  .dme-os__responsive-card:hover, .dme-os__responsive-card:focus-visible, .dme-os__responsive-card.is-active{color: var(--dme-os-dark); background: linear-gradient( 145deg, rgba(255, 255, 255, 0.98), rgba(236, 222, 197, 0.88) ); border-color: rgba(168, 121, 61, 0.4); box-shadow: 0 19px 38px rgba(58, 44, 27, 0.11), 0 0 0 1px rgba(207, 184, 141, 0.1); transform: translateY(-5px);}
  .dme-os__responsive-card:hover::before, .dme-os__responsive-card:focus-visible::before, .dme-os__responsive-card.is-active::before{width: 100%;}
  .dme-os__responsive-card:hover .dme-os__responsive-card-icon, .dme-os__responsive-card:focus-visible .dme-os__responsive-card-icon, .dme-os__responsive-card.is-active .dme-os__responsive-card-icon{color: #ffffff; background: linear-gradient( 145deg, var(--dme-os-gold-deep), var(--dme-os-gold) ); border-color: var(--dme-os-gold-deep); transform: rotate(-5deg) scale(1.06);}
  /* -------------------------------------------------------
       NAVIGATOR PROGRESS
    ------------------------------------------------------- */
  .dme-os__responsive-progress{position: relative; z-index: 2; width: 100%; height: 3px; margin-top: 20px; background: rgba(168, 121, 61, 0.11); border-radius: 50px; overflow: hidden;}
  .dme-os__responsive-progress span{display: block; width: 9.09%; height: 100%; background: linear-gradient( 90deg, var(--dme-os-gold-deep), var(--dme-os-gold), var(--dme-os-gold-light) ); border-radius: inherit; box-shadow: 0 0 14px rgba(168, 121, 61, 0.42); transition: width 0.7s cubic-bezier(0.16, 1, 0.3, 1);}
  .dme-os__responsive-hint{position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 15px 0 0; color: rgba(55, 52, 46, 0.45); font-family: "Manrope", Arial, sans-serif; font-size: 7px; font-weight: 800; line-height: 1.4; letter-spacing: 0.13em; text-align: center; text-transform: uppercase;}
  .dme-os__responsive-hint i{color: var(--dme-os-gold-deep); font-size: 10px;}
  /* -------------------------------------------------------
       SIGNATURE
    ------------------------------------------------------- */
  .dme-os__signature{margin-top: 65px;}
}
/* =========================================================
   MOBILE EXPERIENCE
========================================================= */
@media (max-width: 767.98px){
  .dme-os{padding: 66px 0;}
  .dme-os__container{width: calc(100% - 26px);}
  /* -------------------------------------------------------
       MOBILE DETAIL PANEL
    ------------------------------------------------------- */
  .dme-os__active-panel{display: grid; grid-template-columns: 1fr; grid-template-areas: "top" "icon" "content" "action"; justify-items: center; min-height: 0; padding: 23px 21px 30px; text-align: center; border-radius: 27px; animation: dmeOsResponsiveMobileFloat 7s ease-in-out infinite;}
  .dme-os__panel-grid{background-size: 36px 36px; mask-image: linear-gradient( to bottom, #000, rgba(0, 0, 0, 0.5) 55%, transparent ); -webkit-mask-image: linear-gradient( to bottom, #000, rgba(0, 0, 0, 0.5) 55%, transparent );}
  .dme-os__panel-glow{top: -35%; left: 50%; width: 115%; height: 90%; transform: translateX(-50%);}
  /* -------------------------------------------------------
       MOBILE TOP STATUS
    ------------------------------------------------------- */
  .dme-os__panel-top{width: 100%; margin-bottom: 27px; padding-bottom: 17px;}
  .dme-os__panel-progress > span{font-size: 15px;}
  .dme-os__panel-progress i{width: 25px;}
  .dme-os__panel-status{gap: 6px; font-size: 6px; letter-spacing: 0.1em;}
  /* -------------------------------------------------------
       MOBILE ICON
    ------------------------------------------------------- */
  .dme-os__panel-icon-wrap{width: 94px; height: 94px; margin: 0 0 23px;}
  .dme-os__panel-icon{width: 68px; height: 68px;}
  .dme-os__panel-icon i{font-size: 21px;}
  /* -------------------------------------------------------
       MOBILE CONTENT
    ------------------------------------------------------- */
  .dme-os__panel-content{max-width: 100%; text-align: center;}
  .dme-os__panel-category{max-width: 280px; margin: 0 auto 10px; font-size: 7px; text-align: center;}
  .dme-os__panel-content h3{max-width: 340px; margin: 0 auto 15px; font-size: clamp(30px, 9.5vw, 42px); line-height: 1.04; text-align: center;}
  .dme-os__panel-content p{max-width: 330px; margin: 0 auto; font-size: 11px; line-height: 1.72; text-align: center;}
  .dme-os__read-more{justify-self: center; min-width: 184px; min-height: 47px; margin-top: 25px;}
  .dme-os__panel-watermark{right: 8px; bottom: -4px; font-size: 90px; opacity: 0.8;}
  /* -------------------------------------------------------
       MOBILE NAVIGATOR
    ------------------------------------------------------- */
  .dme-os__responsive-nav{margin-top: 18px; padding: 21px 16px 18px; border-radius: 24px;}
  .dme-os__responsive-nav-head{margin-bottom: 17px;}
  .dme-os__responsive-nav-title{display: block;}
  .dme-os__responsive-nav-title small{display: block; margin-bottom: 7px; font-size: 7px;}
  .dme-os__responsive-nav-title strong span{font-size: 22px;}
  .dme-os__responsive-controls button{width: 40px; height: 40px;}
  /* -------------------------------------------------------
       SWIPEABLE MOBILE SERVICE CAROUSEL
    ------------------------------------------------------- */
  .dme-os__responsive-track{display: flex; grid-template-columns: none; gap: 12px; width: calc(100% + 16px); margin-right: -16px; padding-right: 16px; padding-bottom: 8px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-left: 0; overscroll-behavior-inline: contain; scrollbar-width: none; -ms-overflow-style: none;}
  .dme-os__responsive-track::-webkit-scrollbar{display: none;}
  .dme-os__responsive-card{flex: 0 0 min(82vw, 315px); width: min(82vw, 315px); min-height: 104px; grid-template-columns: 48px minmax(0, 1fr) 27px; gap: 12px; padding: 15px; border-radius: 19px 6px 19px 6px; scroll-snap-align: start;}
  .dme-os__responsive-card-icon{width: 48px; height: 48px;}
  .dme-os__responsive-card-icon i{font-size: 15px;}
  .dme-os__responsive-card-copy small{font-size: 6px;}
  .dme-os__responsive-card-copy strong{font-size: 17px;}
  .dme-os__responsive-progress{margin-top: 13px;}
  .dme-os__responsive-hint{margin-top: 13px; font-size: 6px;}
  /* -------------------------------------------------------
       MOBILE SIGNATURE
    ------------------------------------------------------- */
  .dme-os__signature{grid-template-columns: auto minmax(0, 1fr); gap: 14px; margin-top: 48px;}
  .dme-os__signature-line{display: none;}
  .dme-os__signature-copy{text-align: left;}
  .dme-os__signature-copy p{font-size: 11px;}
}
/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 375px){
  .dme-os__container{width: calc(100% - 20px);}
  .dme-os__active-panel{padding: 20px 16px 27px;}
  .dme-os__panel-top{gap: 8px;}
  .dme-os__panel-status{font-size: 5.4px; letter-spacing: 0.07em;}
  .dme-os__panel-progress{gap: 5px;}
  .dme-os__panel-progress i{width: 18px;}
  .dme-os__panel-content h3{max-width: 290px; font-size: clamp(27px, 9.2vw, 34px);}
  .dme-os__panel-content p{max-width: 285px; font-size: 10.5px;}
  .dme-os__responsive-card{flex-basis: 86vw; width: 86vw; max-width: 290px;}
  .dme-os__responsive-card-copy strong{font-size: 15px;}
}
/* =========================================================
   RESPONSIVE ANIMATIONS
========================================================= */
@keyframes dmeOsResponsivePanelFloat{
  0%, 100%{transform: translateY(0); box-shadow: 0 30px 75px rgba(58, 44, 27, 0.13), 0 0 0 rgba(207, 184, 141, 0);}
  50%{transform: translateY(-5px); box-shadow: 0 39px 88px rgba(58, 44, 27, 0.16), 0 0 38px rgba(207, 184, 141, 0.1);}
}
@keyframes dmeOsResponsiveMobileFloat{
  0%, 100%{transform: translateY(0); box-shadow: 0 24px 58px rgba(58, 44, 27, 0.11), 0 0 0 rgba(207, 184, 141, 0);}
  50%{transform: translateY(-3px); box-shadow: 0 31px 68px rgba(58, 44, 27, 0.14), 0 0 29px rgba(207, 184, 141, 0.09);}
}
@keyframes dmeOsResponsiveGlow{
  0%, 100%{opacity: 0.62; transform: scale(0.92);}
  50%{opacity: 1; transform: scale(1.08);}
}
@keyframes dmeOsResponsiveNavSweep{
  0%, 25%{left: -25%;}
  72%, 100%{left: 125%;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dme-os__active-panel, .dme-os__responsive-nav::before{animation: none !important;}
  .dme-os__responsive-track{scroll-behavior: auto;}
}
/* =========================================================
   DESIGN MASTER EVENTS
   LIVE Q&A VIA QR CODE
   Fully isolated namespace: dmqa-
========================================================= */
.dmqa-live{--dmqa-ivory: #f7f2e8; --dmqa-ivory-light: #fcfaf6; --dmqa-white: #ffffff; --dmqa-dark: #191814; --dmqa-dark-soft: #3c3932; --dmqa-muted: #746f65; --dmqa-gold: #cfb88d; --dmqa-gold-light: #eadbbc; --dmqa-gold-deep: #c98528; --dmqa-gold-dark: #9b671f; --dmqa-border: rgba(155, 103, 31, 0.2); position: relative; width: 100%; padding: clamp(80px, 8vw, 135px) 0; color: var(--dmqa-dark); background: linear-gradient( 180deg, #fcfaf6 0%, var(--dmqa-ivory) 50%, #faf7f1 100% ); overflow: hidden; isolation: isolate;}
.dmqa-live *, .dmqa-live *::before, .dmqa-live *::after{box-sizing: border-box;}
.dmqa-live__container{position: relative; z-index: 3; width: min(1540px, calc(100% - 70px)); margin: 0 auto; padding: 0;}
/* =========================================================
   BACKGROUND
========================================================= */
.dmqa-live__background{position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;}
.dmqa-live__grid{position: absolute; inset: 0; opacity: 0.42; background-image: linear-gradient( rgba(155, 103, 31, 0.034) 1px, transparent 1px ), linear-gradient( 90deg, rgba(155, 103, 31, 0.034) 1px, transparent 1px ); background-size: 70px 70px; mask-image: linear-gradient( to bottom, transparent, #000 16%, #000 86%, transparent ); -webkit-mask-image: linear-gradient( to bottom, transparent, #000 16%, #000 86%, transparent );}
.dmqa-live__glow{position: absolute; display: block; border-radius: 50%; filter: blur(12px);}
.dmqa-live__glow--one{top: -300px; right: -240px; width: 720px; height: 720px; background: radial-gradient( circle, rgba(207, 184, 141, 0.27), transparent 70% ); animation: dmqaGlowOne 11s ease-in-out infinite;}
.dmqa-live__glow--two{bottom: -370px; left: -300px; width: 820px; height: 820px; background: radial-gradient( circle, rgba(201, 133, 40, 0.13), transparent 70% ); animation: dmqaGlowTwo 14s ease-in-out infinite;}
.dmqa-live__line{position: absolute; display: block; height: 1px; background: linear-gradient( 90deg, transparent, rgba(155, 103, 31, 0.24), transparent );}
.dmqa-live__line--one{top: 19%; left: -18%; width: 75%; transform: rotate(-14deg);}
.dmqa-live__line--two{right: -19%; bottom: 17%; width: 80%; transform: rotate(17deg);}
.dmqa-live__circle{position: absolute; display: block; border: 1px solid rgba(155, 103, 31, 0.09); border-radius: 50%;}
.dmqa-live__circle--one{top: 8%; right: -220px; width: 500px; height: 500px;}
.dmqa-live__circle--two{top: 12%; right: -115px; width: 290px; height: 290px; border-style: dashed;}
/* =========================================================
   LAYOUT
========================================================= */
.dmqa-live__layout{display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(430px, 0.92fr); align-items: center; gap: clamp(55px, 7vw, 120px);}
/* =========================================================
   VISUAL AREA
========================================================= */
.dmqa-live__visual{position: relative; min-width: 0;}
.dmqa-console{--dmqa-mouse-x: 50%; --dmqa-mouse-y: 50%; --dmqa-rotate-x: 0deg; --dmqa-rotate-y: 0deg; position: relative; width: 100%; padding: clamp(20px, 2vw, 30px); background: linear-gradient( 145deg, rgba(255, 255, 255, 0.96), rgba(246, 239, 226, 0.94) ); border: 1px solid rgba(155, 103, 31, 0.2); border-radius: 34px 8px 34px 8px; box-shadow: 0 35px 90px rgba(62, 45, 24, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.92); overflow: hidden; isolation: isolate; transform: perspective(1300px) rotateX(var(--dmqa-rotate-x)) rotateY(var(--dmqa-rotate-y)); transform-style: preserve-3d; transition: transform 0.18s ease-out, box-shadow 0.45s ease; will-change: transform;}
.dmqa-console::before{position: absolute; inset: 0; z-index: -2; content: ""; opacity: 0.66; background-image: linear-gradient( rgba(155, 103, 31, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(155, 103, 31, 0.035) 1px, transparent 1px ); background-size: 42px 42px; mask-image: radial-gradient( circle at 28% 35%, #000 5%, transparent 72% ); -webkit-mask-image: radial-gradient( circle at 28% 35%, #000 5%, transparent 72% );}
.dmqa-console::after{position: absolute; inset: 0; z-index: -1; content: ""; opacity: 0; background: radial-gradient( circle 260px at var(--dmqa-mouse-x) var(--dmqa-mouse-y), rgba(207, 184, 141, 0.23), transparent 70% ); transition: opacity 0.35s ease; pointer-events: none;}
.dmqa-console:hover::after{opacity: 1;}
.dmqa-console__border{position: absolute; inset: 0; z-index: 10; padding: 1px; content: ""; opacity: 0.7; background: conic-gradient( from 210deg, transparent, transparent 48%, rgba(201, 133, 40, 0.18), var(--dmqa-gold-deep), rgba(207, 184, 141, 0.22), transparent 75% ); border-radius: inherit; pointer-events: none; animation: dmqaBorderRotate 13s linear infinite; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; -webkit-mask-composite: xor;}
.dmqa-console__light{position: absolute; top: -55%; bottom: -55%; left: -35%; z-index: 8; width: 15%; opacity: 0; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.94), rgba(207, 184, 141, 0.42), transparent ); filter: blur(5px); transform: skewX(-18deg); animation: dmqaConsoleSweep 7s ease-in-out infinite; pointer-events: none;}
/* =========================================================
   CONSOLE TOP BAR
========================================================= */
.dmqa-console__topbar{position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid rgba(155, 103, 31, 0.14);}
.dmqa-console__brand{display: flex; align-items: center; gap: 13px; min-width: 0;}
.dmqa-console__brand-icon{display: grid; width: 43px; height: 43px; flex: 0 0 auto; place-items: center; color: #ffffff; background: linear-gradient( 145deg, var(--dmqa-gold-deep), #daa253 ); border-radius: 50%; box-shadow: 0 10px 24px rgba(201, 133, 40, 0.24), 0 0 0 6px rgba(201, 133, 40, 0.08);}
.dmqa-console__brand-icon i{font-size: 15px;}
.dmqa-console__brand div{min-width: 0;}
.dmqa-console__brand small, .dmqa-console__brand strong{display: block;}
.dmqa-console__brand small{margin-bottom: 4px; color: rgba(60, 57, 50, 0.48); font-family: "Manrope", Arial, sans-serif; font-size: 7px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase;}
.dmqa-console__brand strong{color: var(--dmqa-dark); font-family: "Manrope", Arial, sans-serif; font-size: 12px; font-weight: 800;}
.dmqa-console__status{display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 9px 12px; color: var(--dmqa-gold-dark); background: rgba(201, 133, 40, 0.08); border: 1px solid rgba(201, 133, 40, 0.16); border-radius: 100px; font-family: "Manrope", Arial, sans-serif; font-size: 7px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;}
.dmqa-console__status span{position: relative; display: block; width: 7px; height: 7px; background: var(--dmqa-gold-deep); border-radius: 50%;}
.dmqa-console__status span::before{position: absolute; inset: -5px; content: ""; border: 1px solid rgba(201, 133, 40, 0.4); border-radius: inherit; animation: dmqaStatusPulse 2s ease-out infinite;}
/* =========================================================
   DASHBOARD
========================================================= */
.dmqa-console__dashboard{position: relative; z-index: 3; display: grid; grid-template-columns: minmax(230px, 0.78fr) minmax(0, 1.22fr); gap: 18px;}
/* =========================================================
   QR MODULE
========================================================= */
.dmqa-console__qr-module{position: relative; display: flex; min-height: 435px; flex-direction: column; padding: 22px; background: linear-gradient( 150deg, rgba(248, 242, 231, 0.95), rgba(255, 255, 255, 0.86) ); border: 1px solid rgba(155, 103, 31, 0.16); border-radius: 25px 7px 25px 7px; overflow: hidden;}
.dmqa-console__qr-module::before{position: absolute; right: -80px; bottom: -100px; width: 220px; height: 220px; content: ""; border: 1px solid rgba(201, 133, 40, 0.1); border-radius: 50%;}
.dmqa-console__qr-head span, .dmqa-console__qr-head small{display: block;}
.dmqa-console__qr-head span{margin-bottom: 5px; color: var(--dmqa-gold-dark); font-family: "Manrope", Arial, sans-serif; font-size: 8px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase;}
.dmqa-console__qr-head small{color: var(--dmqa-muted); font-family: "Manrope", Arial, sans-serif; font-size: 10px;}
.dmqa-console__qr-stage{position: relative; display: grid; width: min(230px, 90%); aspect-ratio: 1; margin: auto; place-items: center;}
.dmqa-console__qr-orbit{position: absolute; display: block; border-radius: 50%;}
.dmqa-console__qr-orbit--one{inset: 0; border: 1px dashed rgba(201, 133, 40, 0.24); animation: dmqaRotate 17s linear infinite;}
.dmqa-console__qr-orbit--two{inset: 12%; border: 1px solid rgba(155, 103, 31, 0.13); animation: dmqaRotateReverse 11s linear infinite;}
.dmqa-console__qr-code{position: relative; z-index: 3; display: grid; width: 128px; height: 128px; place-items: center; color: #ffffff; background: linear-gradient( 145deg, var(--dmqa-gold-deep), #dda756 ); border-radius: 29px 8px 29px 8px; box-shadow: 0 24px 45px rgba(201, 133, 40, 0.26), 0 0 0 11px rgba(201, 133, 40, 0.08); overflow: hidden; animation: dmqaQrFloat 4.5s ease-in-out infinite;}
.dmqa-console__qr-code i{font-size: 67px;}
.dmqa-console__qr-scan{position: absolute; top: -20%; right: 9px; left: 9px; height: 3px; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.96), transparent ); box-shadow: 0 0 18px rgba(255, 255, 255, 0.9); animation: dmqaQrScan 3s ease-in-out infinite;}
.dmqa-console__qr-node{position: absolute; z-index: 4; display: block; width: 9px; height: 9px; background: var(--dmqa-gold-deep); border-radius: 50%; box-shadow: 0 0 0 6px rgba(201, 133, 40, 0.07), 0 0 14px rgba(201, 133, 40, 0.4);}
.dmqa-console__qr-node--one{top: 12%; left: 17%; animation: dmqaNodeFloat 3.4s ease-in-out infinite;}
.dmqa-console__qr-node--two{right: 9%; bottom: 22%; animation: dmqaNodeFloat 3.8s ease-in-out .7s infinite;}
.dmqa-console__qr-footer{display: grid; gap: 9px; margin-top: auto;}
.dmqa-console__qr-footer span{display: flex; align-items: center; gap: 9px; color: var(--dmqa-dark-soft); font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 700;}
.dmqa-console__qr-footer i{color: var(--dmqa-gold-deep); font-size: 13px;}
/* =========================================================
   QUESTION QUEUE
========================================================= */
.dmqa-console__queue{position: relative; display: flex; min-width: 0; min-height: 435px; flex-direction: column; padding: 22px; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(155, 103, 31, 0.15); border-radius: 8px 25px 8px 25px;}
.dmqa-console__queue-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 17px;}
.dmqa-console__queue-head small, .dmqa-console__queue-head strong{display: block;}
.dmqa-console__queue-head small{margin-bottom: 5px; color: var(--dmqa-gold-dark); font-family: "Manrope", Arial, sans-serif; font-size: 7px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase;}
.dmqa-console__queue-head strong{color: var(--dmqa-dark); font-family: "Cormorant Garamond", Georgia, serif; font-size: 23px; font-weight: 700; line-height: 1;}
.dmqa-console__queue-count{display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; color: rgba(60, 57, 50, 0.5); background: rgba(201, 133, 40, 0.07); border-radius: 100px; font-family: "Manrope", Arial, sans-serif; font-size: 7px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;}
.dmqa-console__queue-count b{color: var(--dmqa-gold-dark); font-size: 10px;}
.dmqa-console__questions{display: grid; gap: 10px;}
.dmqa-console__question{position: relative; display: grid; grid-template-columns: 39px minmax(0, 1fr) 27px; align-items: center; gap: 11px; min-width: 0; padding: 11px; background: rgba(248, 244, 236, 0.8); border: 1px solid rgba(155, 103, 31, 0.12); border-radius: 15px 4px 15px 4px; animation: dmqaQuestionFloat 5s ease-in-out var(--dmqa-question-delay, 0s) infinite;}
.dmqa-console__question.is-priority{background: linear-gradient( 115deg, rgba(242, 228, 202, 0.94), rgba(255, 255, 255, 0.85) ); border-color: rgba(201, 133, 40, 0.28);}
.dmqa-console__avatar{display: grid; width: 39px; height: 39px; place-items: center; color: var(--dmqa-gold-dark); background: rgba(201, 133, 40, 0.1); border: 1px solid rgba(201, 133, 40, 0.16); border-radius: 50%;}
.dmqa-console__avatar i{font-size: 14px;}
.dmqa-console__question-copy{min-width: 0;}
.dmqa-console__question-copy small{display: block; margin-bottom: 4px; color: var(--dmqa-gold-dark); font-family: "Manrope", Arial, sans-serif; font-size: 6px; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase;}
.dmqa-console__question-copy p{margin: 0; color: var(--dmqa-dark-soft); font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 600; line-height: 1.45;}
.dmqa-console__question-action{display: grid; width: 27px; height: 27px; place-items: center; color: var(--dmqa-gold-dark); border: 1px solid rgba(201, 133, 40, 0.2); border-radius: 50%;}
.dmqa-console__question-action i{font-size: 9px;}
/* =========================================================
   SPEAKER CONTROL
========================================================= */
.dmqa-console__speaker{display: grid; grid-template-columns: 43px minmax(0, 1fr) 35px; align-items: center; gap: 12px; margin-top: auto; padding: 12px; color: #ffffff; background: linear-gradient( 115deg, #26231e, #181713 ); border-radius: 16px 5px 16px 5px; box-shadow: 0 15px 35px rgba(24, 23, 19, 0.18);}
.dmqa-console__speaker-icon{position: relative; display: grid; width: 43px; height: 43px; place-items: center; color: var(--dmqa-dark); background: linear-gradient( 145deg, var(--dmqa-gold-light), var(--dmqa-gold) ); border-radius: 50%;}
.dmqa-console__speaker-icon i{font-size: 14px;}
.dmqa-console__speaker-icon span{position: absolute; inset: -5px; border: 1px dashed rgba(207, 184, 141, 0.37); border-radius: inherit; animation: dmqaRotate 10s linear infinite;}
.dmqa-console__speaker-copy{min-width: 0;}
.dmqa-console__speaker-copy small, .dmqa-console__speaker-copy strong{display: block;}
.dmqa-console__speaker-copy small{margin-bottom: 4px; color: rgba(255, 255, 255, 0.45); font-family: "Manrope", Arial, sans-serif; font-size: 6px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;}
.dmqa-console__speaker-copy strong{color: #ffffff; font-family: "Manrope", Arial, sans-serif; font-size: 10px; font-weight: 700;}
.dmqa-console__speaker-read{display: grid; width: 35px; height: 35px; margin: 0; padding: 0; place-items: center; color: var(--dmqa-dark); background: var(--dmqa-gold); border: 0; border-radius: 50%; outline: none; transition: background-color 0.3s ease, transform 0.35s ease;}
.dmqa-console__speaker-read:hover, .dmqa-console__speaker-read:focus-visible{background: var(--dmqa-gold-light); transform: scale(1.08);}
.dmqa-console__speaker-read i{font-size: 12px;}
/* =========================================================
   CONSOLE FOOTER
========================================================= */
.dmqa-console__footer{position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(155, 103, 31, 0.14);}
.dmqa-console__footer > div{display: flex; align-items: center; gap: 11px;}
.dmqa-console__footer-icon{display: grid; width: 37px; height: 37px; flex: 0 0 auto; place-items: center; color: var(--dmqa-gold-dark); background: rgba(201, 133, 40, 0.09); border-radius: 50%;}
.dmqa-console__footer-icon i{font-size: 13px;}
.dmqa-console__footer p{margin: 0;}
.dmqa-console__footer small, .dmqa-console__footer strong{display: block;}
.dmqa-console__footer small{margin-bottom: 4px; color: rgba(60, 57, 50, 0.45); font-family: "Manrope", Arial, sans-serif; font-size: 6px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;}
.dmqa-console__footer strong{color: var(--dmqa-dark); font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 700;}
.dmqa-console__footer-signal{display: flex; align-items: flex-end; justify-content: center; gap: 3px; width: 30px; height: 28px;}
.dmqa-console__footer-signal i{display: block; width: 2px; height: 7px; background: var(--dmqa-gold-deep); border-radius: 20px; animation: dmqaSignal 1.15s ease-in-out infinite;}
.dmqa-console__footer-signal i:nth-child(2){animation-delay: 0.12s;}
.dmqa-console__footer-signal i:nth-child(3){animation-delay: 0.24s;}
.dmqa-console__footer-signal i:nth-child(4){animation-delay: 0.36s;}
.dmqa-console__footer-signal i:nth-child(5){animation-delay: 0.48s;}
/* =========================================================
   FLOATING CARD
========================================================= */
.dmqa-live__floating-card{position: absolute; right: -22px; bottom: -28px; z-index: 8; display: flex; align-items: center; gap: 12px; max-width: 260px; padding: 14px 18px 14px 14px; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(155, 103, 31, 0.19); border-radius: 19px 5px 19px 5px; box-shadow: 0 20px 45px rgba(62, 45, 24, 0.13); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); animation: dmqaFloatingCard 4.5s ease-in-out infinite;}
.dmqa-live__floating-icon{display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; color: #ffffff; background: linear-gradient( 145deg, var(--dmqa-gold-deep), #dda756 ); border-radius: 50%;}
.dmqa-live__floating-icon i{font-size: 14px;}
.dmqa-live__floating-card small, .dmqa-live__floating-card strong{display: block;}
.dmqa-live__floating-card small{margin-bottom: 4px; color: var(--dmqa-gold-dark); font-family: "Manrope", Arial, sans-serif; font-size: 6px; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase;}
.dmqa-live__floating-card strong{color: var(--dmqa-dark); font-family: "Manrope", Arial, sans-serif; font-size: 10px; font-weight: 800;}
/* =========================================================
   CONTENT
========================================================= */
.dmqa-live__content{position: relative; min-width: 0;}
.dmqa-live__eyebrow{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 20px; color: var(--dmqa-gold-dark); font-family: "Manrope", Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase;}
.dmqa-live__eyebrow i{display: block; width: 42px; height: 1px; background: linear-gradient( 90deg, var(--dmqa-gold-deep), transparent );}
.dmqa-live__title{max-width: 690px; margin: 0; color: var(--dmqa-dark); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(52px, 5.4vw, 86px); font-weight: 700; line-height: 0.92; letter-spacing: -0.045em;}
.dmqa-live__title span{display: block; color: var(--dmqa-gold-deep); font-weight: 600;}
.dmqa-live__title-line{position: relative; display: block; width: 100px; height: 4px; margin: 27px 0; overflow: hidden; background: rgba(201, 133, 40, 0.15);}
.dmqa-live__title-line i{display: block; width: 55%; height: 100%; background: linear-gradient( 90deg, var(--dmqa-gold-deep), var(--dmqa-gold) ); animation: dmqaTitleLine 3s ease-in-out infinite;}
.dmqa-live__lead{max-width: 680px; margin: 0 0 34px; color: var(--dmqa-dark-soft); font-family: "Manrope", Arial, sans-serif; font-size: clamp(14px, 1.15vw, 17px); font-style: italic; font-weight: 500; line-height: 1.8;}
/* =========================================================
   FEATURES
========================================================= */
.dmqa-live__features{display: grid; gap: 12px;}
.dmqa-live__feature{position: relative; display: grid; grid-template-columns: 31px 48px minmax(0, 1fr) 31px; align-items: center; gap: 15px; min-width: 0; padding: 16px; background: linear-gradient( 110deg, rgba(255, 255, 255, 0.8), rgba(248, 243, 233, 0.68) ); border: 1px solid rgba(155, 103, 31, 0.14); border-radius: 17px 4px 17px 4px; overflow: hidden; transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);}
.dmqa-live__feature::before{position: absolute; top: 0; left: 0; width: 0; height: 3px; content: ""; background: linear-gradient( 90deg, var(--dmqa-gold-deep), var(--dmqa-gold), transparent ); transition: width 0.55s cubic-bezier(0.16, 1, 0.3, 1);}
.dmqa-live__feature-number{color: rgba(155, 103, 31, 0.52); font-family: "Cormorant Garamond", Georgia, serif; font-size: 17px; font-weight: 700;}
.dmqa-live__feature-icon{display: grid; width: 48px; height: 48px; place-items: center; color: var(--dmqa-gold-dark); background: rgba(201, 133, 40, 0.09); border: 1px solid rgba(201, 133, 40, 0.16); border-radius: 50%; transition: color 0.35s ease, background 0.35s ease, transform 0.4s ease;}
.dmqa-live__feature-icon i{font-size: 16px;}
.dmqa-live__feature div{min-width: 0;}
.dmqa-live__feature strong{display: block; margin-bottom: 5px; color: var(--dmqa-dark); font-family: "Manrope", Arial, sans-serif; font-size: 12px; font-weight: 800;}
.dmqa-live__feature p{margin: 0; color: var(--dmqa-muted); font-family: "Manrope", Arial, sans-serif; font-size: 10px; font-weight: 500; line-height: 1.6;}
.dmqa-live__feature-check{display: grid; width: 31px; height: 31px; place-items: center; color: var(--dmqa-gold-dark); border: 1px solid rgba(201, 133, 40, 0.2); border-radius: 50%; transition: color 0.35s ease, background-color 0.35s ease, transform 0.4s ease;}
.dmqa-live__feature-check i{font-size: 13px;}
.dmqa-live__feature:hover{background: linear-gradient( 110deg, rgba(255, 255, 255, 0.98), rgba(241, 228, 205, 0.84) ); border-color: rgba(201, 133, 40, 0.32); box-shadow: 0 18px 38px rgba(62, 45, 24, 0.1); transform: translateX(8px);}
.dmqa-live__feature:hover::before{width: 100%;}
.dmqa-live__feature:hover .dmqa-live__feature-icon{color: #ffffff; background: linear-gradient( 145deg, var(--dmqa-gold-deep), #dda756 ); transform: rotate(-5deg) scale(1.06);}
.dmqa-live__feature:hover .dmqa-live__feature-check{color: #ffffff; background: var(--dmqa-gold-deep); transform: rotate(360deg);}
/* =========================================================
   STATEMENT
========================================================= */
.dmqa-live__statement{display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 17px; margin-top: 28px; padding: 21px; background: linear-gradient( 110deg, #24211c, #171713 ); border-radius: 20px 5px 20px 5px; box-shadow: 0 20px 45px rgba(24, 23, 19, 0.16);}
.dmqa-live__statement-icon{position: relative; display: grid; width: 54px; height: 54px; place-items: center; color: var(--dmqa-dark); background: linear-gradient( 145deg, var(--dmqa-gold-light), var(--dmqa-gold) ); border-radius: 50%;}
.dmqa-live__statement-icon::before{position: absolute; inset: -6px; content: ""; border: 1px dashed rgba(207, 184, 141, 0.32); border-radius: inherit; animation: dmqaRotate 12s linear infinite;}
.dmqa-live__statement-icon i{font-size: 17px;}
.dmqa-live__statement small{display: block; margin-bottom: 6px; color: var(--dmqa-gold); font-family: "Manrope", Arial, sans-serif; font-size: 7px; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase;}
.dmqa-live__statement p{margin: 0; color: rgba(255, 255, 255, 0.65); font-family: "Manrope", Arial, sans-serif; font-size: 11px; line-height: 1.65;}
.dmqa-live__statement strong{display: block; margin-bottom: 3px; color: #ffffff; font-weight: 800;}
/* =========================================================
   REVEAL
========================================================= */
.dmqa-live [data-dmqa-reveal]{opacity: 0; transform: translateY(45px); transition: opacity 0.85s ease var(--dmqa-delay, 0ms), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1) var(--dmqa-delay, 0ms);}
.dmqa-live.is-visible [data-dmqa-reveal]{opacity: 1; transform: translateY(0);}
.dmqa-live [data-dmqa-feature]{opacity: 0; transform: translateX(24px); transition: opacity 0.65s ease var(--dmqa-feature-delay, 0ms), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) var(--dmqa-feature-delay, 0ms);}
.dmqa-live.is-visible [data-dmqa-feature]{opacity: 1; transform: translateX(0);}
/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes dmqaRotate{
  to{transform: rotate(360deg);}
}
@keyframes dmqaRotateReverse{
  to{transform: rotate(-360deg);}
}
@keyframes dmqaBorderRotate{
  to{transform: rotate(360deg);}
}
@keyframes dmqaStatusPulse{
  0%{opacity: 0.7; transform: scale(0.7);}
  100%{opacity: 0; transform: scale(1.9);}
}
@keyframes dmqaConsoleSweep{
  0%, 28%{left: -35%; opacity: 0;}
  40%{opacity: 0.62;}
  72%, 100%{left: 130%; opacity: 0;}
}
@keyframes dmqaQrFloat{
  0%, 100%{transform: translateY(0) rotate(0);}
  50%{transform: translateY(-7px) rotate(-1.5deg);}
}
@keyframes dmqaQrScan{
  0%{top: 8%; opacity: 0;}
  16%{opacity: 1;}
  84%{opacity: 1;}
  100%{top: 88%; opacity: 0;}
}
@keyframes dmqaNodeFloat{
  0%, 100%{transform: translateY(0);}
  50%{transform: translateY(-8px);}
}
@keyframes dmqaQuestionFloat{
  0%, 100%{transform: translateY(0);}
  50%{transform: translateY(-2px);}
}
@keyframes dmqaSignal{
  0%, 100%{height: 6px; opacity: 0.4;}
  50%{height: 22px; opacity: 1;}
}
@keyframes dmqaFloatingCard{
  0%, 100%{transform: translateY(0);}
  50%{transform: translateY(-7px);}
}
@keyframes dmqaTitleLine{
  0%, 100%{transform: translateX(-20%);}
  50%{transform: translateX(95%);}
}
@keyframes dmqaGlowOne{
  0%, 100%{opacity: 0.6; transform: translate3d(0, 0, 0) scale(0.94);}
  50%{opacity: 1; transform: translate3d(-45px, 35px, 0) scale(1.08);}
}
@keyframes dmqaGlowTwo{
  0%, 100%{opacity: 0.5; transform: translate3d(0, 0, 0) scale(0.95);}
  50%{opacity: 0.85; transform: translate3d(55px, -35px, 0) scale(1.06);}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1399.98px){
  .dmqa-live__container{width: min(1320px, calc(100% - 52px));}
  .dmqa-live__layout{grid-template-columns: minmax(0, 1.05fr) minmax(400px, 0.95fr); gap: 65px;}
  .dmqa-console__dashboard{grid-template-columns: minmax(205px, 0.75fr) minmax(0, 1.25fr);}
  .dmqa-console__qr-module, .dmqa-console__queue{min-height: 410px;}
  .dmqa-console__qr-code{width: 115px; height: 115px;}
  .dmqa-console__qr-code i{font-size: 60px;}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  .dmqa-live{padding: 85px 0;}
  .dmqa-live__container{width: min(100% - 38px, 900px);}
  .dmqa-live__layout{grid-template-columns: 1fr; gap: 72px;}
  .dmqa-live__visual{order: 2;}
  .dmqa-live__content{order: 1; max-width: 780px;}
  .dmqa-live__title{max-width: 720px; font-size: clamp(56px, 9vw, 78px);}
  .dmqa-live__lead{max-width: 760px;}
  .dmqa-live__features{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .dmqa-live__feature{grid-template-columns: 27px 45px minmax(0, 1fr); align-items: start; min-height: 145px;}
  .dmqa-live__feature-check{position: absolute; top: 12px; right: 12px; width: 27px; height: 27px;}
  .dmqa-console{max-width: 860px; margin: 0 auto;}
  .dmqa-live__floating-card{right: 18px;}
}
/* =========================================================
   SMALL TABLET
========================================================= */
@media (max-width: 767.98px){
  .dmqa-console__dashboard{grid-template-columns: 1fr;}
  .dmqa-console__qr-module, .dmqa-console__queue{min-height: auto;}
  .dmqa-console__qr-module{padding-bottom: 25px;}
  .dmqa-console__qr-stage{width: min(250px, 70vw); margin: 28px auto;}
  .dmqa-console__qr-footer{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .dmqa-console__queue{gap: 16px;}
  .dmqa-live__floating-card{position: relative; right: auto; bottom: auto; width: min(100%, 330px); max-width: none; margin: 16px 0 0 auto;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 575.98px){
  .dmqa-live{padding: 68px 0;}
  .dmqa-live__container{width: calc(100% - 28px);}
  .dmqa-live__layout{gap: 50px;}
  .dmqa-live__eyebrow{gap: 9px; margin-bottom: 17px; font-size: 8px; letter-spacing: 0.16em;}
  .dmqa-live__eyebrow i{width: 28px;}
  .dmqa-live__title{font-size: clamp(45px, 13vw, 61px); line-height: 0.94;}
  .dmqa-live__title-line{width: 80px; height: 3px; margin: 22px 0;}
  .dmqa-live__lead{margin-bottom: 27px; font-size: 13px; line-height: 1.75;}
  .dmqa-live__features{grid-template-columns: 1fr;}
  .dmqa-live__feature{grid-template-columns: 26px 44px minmax(0, 1fr); gap: 12px; min-height: 0; padding: 15px 45px 15px 13px;}
  .dmqa-live__feature strong{font-size: 11px;}
  .dmqa-live__feature p{font-size: 9px;}
  .dmqa-live__feature:hover{transform: translateY(-4px);}
  .dmqa-live__statement{grid-template-columns: 47px minmax(0, 1fr); gap: 14px; padding: 18px;}
  .dmqa-live__statement-icon{width: 47px; height: 47px;}
  .dmqa-console{padding: 15px; border-radius: 25px 7px 25px 7px;}
  .dmqa-console__topbar{gap: 12px; margin-bottom: 15px; padding-bottom: 15px;}
  .dmqa-console__brand-icon{width: 38px; height: 38px;}
  .dmqa-console__brand strong{font-size: 10px;}
  .dmqa-console__status{gap: 6px; padding: 7px 9px; font-size: 6px;}
  .dmqa-console__qr-module, .dmqa-console__queue{padding: 17px;}
  .dmqa-console__qr-stage{width: min(225px, 68vw);}
  .dmqa-console__qr-code{width: 105px; height: 105px;}
  .dmqa-console__qr-code i{font-size: 55px;}
  .dmqa-console__qr-footer{grid-template-columns: 1fr;}
  .dmqa-console__queue-head strong{font-size: 21px;}
  .dmqa-console__question{grid-template-columns: 36px minmax(0, 1fr) 25px; gap: 9px; padding: 10px;}
  .dmqa-console__avatar{width: 36px; height: 36px;}
  .dmqa-console__question-copy p{font-size: 8.5px;}
  .dmqa-console__speaker{grid-template-columns: 40px minmax(0, 1fr) 33px;}
  .dmqa-console__speaker-icon{width: 40px; height: 40px;}
  .dmqa-console__footer{align-items: flex-start;}
  .dmqa-console__footer-signal{flex: 0 0 auto;}
  .dmqa-live__floating-card{margin-right: auto;}
}
/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 375px){
  .dmqa-live__container{width: calc(100% - 22px);}
  .dmqa-live__title{font-size: 43px;}
  .dmqa-console{padding: 12px;}
  .dmqa-console__brand small{display: none;}
  .dmqa-console__status{padding-right: 7px; padding-left: 7px; letter-spacing: 0.08em;}
  .dmqa-console__qr-module, .dmqa-console__queue{padding: 14px;}
  .dmqa-console__question-copy p{font-size: 8px;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dmqa-live *, .dmqa-live *::before, .dmqa-live *::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}
  .dmqa-live [data-dmqa-reveal], .dmqa-live [data-dmqa-feature]{opacity: 1; transform: none;}
  .dmqa-console{transform: none !important;}
}
/* ============================================================
   SOLUTIONS SECTION
============================================================ */
.dm-solutions, .dm-solutions *{box-sizing: border-box;}
.dm-solutions{--dm-solutions-gold: #cfb88d; --dm-solutions-gold-light: #e3cb93; --dm-solutions-text: #6c6862; --dm-solutions-ease: cubic-bezier(.22, 1, .36, 1); position: relative; width: 100%; margin: 0; padding: clamp(18px, 3vw, 48px); overflow: hidden; background: radial-gradient( circle at 50% 0%, rgba(207, 184, 141, .11), transparent 36% ), #f7f6f2;}
/* ============================================================
   NATURAL-HEIGHT MOSAIC
============================================================ */
.dm-solutions-grid{position: relative; display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); align-items: start; gap: 0; width: min(100%, 1600px); margin-inline: auto; overflow: hidden; background: #0c0e10; border: 1px solid rgba(190, 159, 103, .18); box-shadow: 0 34px 90px rgba(31, 24, 15, .12), 0 8px 26px rgba(31, 24, 15, .07); isolation: isolate;}
.dm-solutions-primary, .dm-solutions-secondary{min-width: 0; margin: 0; padding: 0;}
.dm-solutions-primary{display: flex; flex-direction: column;}
.dm-solutions-secondary{display: flex; flex-direction: column;}
.dm-solutions-pair{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 0; min-width: 0;}
/* ============================================================
   INTRODUCTION PANEL
============================================================ */
.dm-intro{position: relative; z-index: 2; display: flex; align-self: stretch; min-width: 0; min-height: 100%; overflow: hidden; background: radial-gradient( circle at 100% 100%, rgba(207, 184, 141, .14), transparent 43% ), linear-gradient( 145deg, #ffffff 0%, #faf8f3 100% ); box-shadow: inset 0 0 0 1px rgba(42, 35, 26, .08);}
.dm-intro::before{position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ""; background: linear-gradient( to bottom, transparent 8%, rgba(207, 184, 141, .95) 35%, rgba(207, 184, 141, .38) 68%, transparent 94% );}
.dm-intro::after{position: absolute; right: -88px; bottom: -94px; width: 225px; height: 225px; border: 1px solid rgba(207, 184, 141, .15); border-radius: 50%; content: ""; pointer-events: none;}
.dm-intro-inner{position: relative; z-index: 2; width: 100%; margin: auto 0; padding: clamp(26px, 3.1vw, 54px) clamp(24px, 2.7vw, 48px);}
.dm-intro-eyebrow{display: inline-flex; align-items: center; gap: 9px; margin-bottom: clamp(12px, 1.2vw, 18px); color: #967d51; font-family: "Roboto Condensed", Arial, sans-serif; font-size: clamp(8px, .58vw, 10px); font-weight: 500; line-height: 1; letter-spacing: .18em; text-transform: uppercase;}
.dm-intro-eyebrow::before{width: 24px; height: 1px; background: var(--dm-solutions-gold); content: "";}
.dm-intro-title{max-width: 430px; margin: 0 0 clamp(16px, 1.6vw, 25px); color: #292929; font-family: "Oswald", sans-serif; font-size: clamp(27px, 2.05vw, 40px); font-weight: 200; line-height: .97; letter-spacing: -.045em; text-transform: uppercase; perspective: 1000px;}
.dm-intro-title > span{display: block; opacity: 0; filter: blur(8px); transform: translateY(62px) rotateX(-78deg) scale(.92); transform-origin: 50% 100%; translate: 0 0; backface-visibility: hidden; will-change: transform, translate, opacity, filter;}
.dm-intro.is-visible .dm-intro-title > span:nth-child(1){animation: dmSolutionsTitleReveal .9s var(--dm-solutions-ease) .08s forwards, dmSolutionsTitleFloat 4.5s ease-in-out 1.05s infinite;}
.dm-intro.is-visible .dm-intro-title > span:nth-child(2){animation: dmSolutionsTitleReveal .9s var(--dm-solutions-ease) .27s forwards, dmSolutionsTitleFloat 4.5s ease-in-out 1.24s infinite;}
.dm-intro.is-visible .dm-intro-title > span:nth-child(3){animation: dmSolutionsTitleReveal .9s var(--dm-solutions-ease) .46s forwards, dmSolutionsTitleFloat 4.5s ease-in-out 1.43s infinite;}
.dm-intro p{max-width: 440px; margin: 0; color: var(--dm-solutions-text); font-family: "Roboto Condensed", Arial, sans-serif; font-size: clamp(11px, .82vw, 14px); font-weight: 300; line-height: 1.58; opacity: 0; translate: 0 18px;}
.dm-intro.is-visible p{animation: dmSolutionsCopyReveal .85s var(--dm-solutions-ease) .68s forwards;}
.dm-intro-signature{display: flex; align-items: center; gap: 12px; margin-top: clamp(18px, 1.7vw, 26px); color: #948774; font-family: "Roboto Condensed", Arial, sans-serif; font-size: clamp(8px, .57vw, 10px); font-weight: 400; letter-spacing: .08em; text-transform: uppercase; opacity: 0; translate: 0 14px;}
.dm-intro.is-visible .dm-intro-signature{animation: dmSolutionsCopyReveal .85s var(--dm-solutions-ease) .88s forwards;}
.dm-intro-signature i{width: 34px; height: 1px; background: var(--dm-solutions-gold);}
/* ============================================================
   SERVICE CARDS
============================================================ */
.dm-card{position: relative; z-index: 1; display: block; min-width: 0; min-height: 0; margin: 0; padding: 0; overflow: hidden; color: inherit; background: #0d0f11; text-decoration: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10); isolation: isolate;}
.dm-card::before{position: absolute; z-index: 7; inset: 0; border: 1px solid transparent; content: ""; pointer-events: none; transition: border-color .45s ease, box-shadow .45s ease;}
.dm-card::after{position: absolute; z-index: 2; inset: 0; content: ""; pointer-events: none; background: linear-gradient( 120deg, transparent 22%, rgba(255, 255, 255, .08) 47%, transparent 69% ); opacity: 0; translate: -55% 0; transition: opacity .6s ease, translate 1.1s var(--dm-solutions-ease);}
/* ============================================================
   CARD OVERLAYS
============================================================ */
.dm-card-shade{position: absolute; z-index: 3; inset: 0; pointer-events: none; background: linear-gradient( to top, rgba(3, 5, 8, .88) 0%, rgba(3, 5, 8, .60) 22%, rgba(3, 5, 8, .28) 43%, rgba(3, 5, 8, .06) 64%, transparent 82% ); transition: opacity .5s ease;}
.dm-card-shade-dark{background: linear-gradient( to top, rgba(2, 4, 7, .94) 0%, rgba(2, 4, 7, .69) 23%, rgba(2, 4, 7, .34) 45%, rgba(2, 4, 7, .08) 65%, transparent 83% );}
.dm-card-shade-soft{background: linear-gradient( to top, rgba(2, 4, 7, .90) 0%, rgba(2, 4, 7, .62) 23%, rgba(2, 4, 7, .29) 44%, rgba(2, 4, 7, .06) 65%, transparent 84% );}
.dm-card-registration .dm-card-shade{background: linear-gradient( to top, rgba(3, 4, 6, .88) 0%, rgba(3, 4, 6, .58) 23%, rgba(3, 4, 6, .23) 44%, rgba(3, 4, 6, .04) 64%, transparent 82% );}
/* ============================================================
   PREMIUM GOLD LINE
============================================================ */
.dm-card-line{position: absolute; z-index: 6; bottom: 0; left: 0; width: 0; height: 2px; background: var(--dm-solutions-gold); pointer-events: none; transition: width .75s var(--dm-solutions-ease);}
/* ============================================================
   CARD CONTENT
============================================================ */
.dm-card-content{position: absolute; z-index: 5; right: clamp(18px, 2vw, 36px); bottom: clamp(18px, 1.9vw, 32px); left: clamp(18px, 2vw, 36px); display: grid; align-content: end; justify-items: start; gap: clamp(10px, .9vw, 15px); max-width: min(88%, 520px); min-height: clamp(60px, 6vw, 102px); pointer-events: none; opacity: 0; translate: 0 22px; transition: opacity .75s ease, translate .85s var(--dm-solutions-ease);}
.dm-card.is-visible .dm-card-content{opacity: 1; translate: 0 0; transition-delay: .26s;}
.dm-card-content strong{display: block; width: 100%; margin: 0; color: #ffffff; font-family: "Oswald", sans-serif; font-size: clamp(16px, 1.25vw, 23px); font-weight: 300; line-height: 1.06; letter-spacing: -.035em; text-wrap: balance; text-transform: uppercase; text-shadow: 0 2px 5px rgba(0, 0, 0, .92), 0 9px 25px rgba(0, 0, 0, .62);}
.dm-card-content-gold strong{color: var(--dm-solutions-gold-light);}
.dm-card-content-white strong{color: #ffffff;}
/* ============================================================
   INDIVIDUAL CONTENT SIZING
============================================================ */
.dm-card-registration .dm-card-content strong{font-size: clamp(15px, 1.14vw, 21px);}
.dm-card-conference .dm-card-content{right: clamp(22px, 2.3vw, 42px); bottom: clamp(24px, 2.4vw, 42px); left: clamp(22px, 2.3vw, 42px); max-width: 330px;}
.dm-card-conference .dm-card-content strong{font-size: clamp(20px, 1.52vw, 28px); line-height: 1.04;}
.dm-card-wide .dm-card-content{max-width: 570px;}
.dm-card-wide .dm-card-content strong{font-size: clamp(17px, 1.3vw, 24px);}
.dm-card-poster .dm-card-content{max-width: 330px;}
/* ============================================================
   KNOW MORE LINK
============================================================ */
.dm-card-link{display: inline-flex; align-items: center; gap: clamp(9px, .8vw, 13px); min-height: 17px; color: #ffffff; font-family: Arial, sans-serif; font-size: clamp(8px, .52vw, 10px); font-weight: 600; line-height: 1; letter-spacing: .035em; white-space: nowrap; text-transform: uppercase; text-shadow: 0 2px 6px rgba(0, 0, 0, .88);}
.dm-card-link i{position: relative; display: block; flex: 0 0 auto; width: clamp(38px, 3vw, 54px); height: 1px; background: currentColor; transform-origin: left center; transition: width .5s var(--dm-solutions-ease), translate .5s var(--dm-solutions-ease);}
.dm-card-link i::after{position: absolute; top: 50%; right: 0; width: 8px; height: 8px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; content: ""; transform: translateY(-50%) rotate(45deg);}
/* ============================================================
   REVEAL ANIMATION
============================================================ */
.dm-reveal{opacity: 0; clip-path: inset(5% 0 5% 0); transform: translateY(28px) scale(.992); transition: opacity .85s ease, clip-path 1.05s var(--dm-solutions-ease), transform 1.05s var(--dm-solutions-ease);}
.dm-reveal.is-visible{opacity: 1; clip-path: inset(0); transform: translateY(0) scale(1);}
.dm-intro.dm-reveal{transition-delay: .02s;}
.dm-card-registration.dm-reveal{transition-delay: .08s;}
.dm-card-led.dm-reveal{transition-delay: .14s;}
.dm-card-response.dm-reveal{transition-delay: .20s;}
.dm-card-booth.dm-reveal{transition-delay: .26s;}
.dm-card-it.dm-reveal{transition-delay: .32s;}
.dm-card-app.dm-reveal{transition-delay: .38s;}
.dm-card-conference.dm-reveal{transition-delay: .12s;}
.dm-card-kiosk.dm-reveal{transition-delay: .20s;}
.dm-card-poster.dm-reveal{transition-delay: .28s;}
.dm-card-gala.dm-reveal{transition-delay: .36s;}
/* ============================================================
   HOVER AND FOCUS
============================================================ */
@media (hover: hover) and (pointer: fine){
  .dm-card:hover::before, .dm-card:focus-visible::before{border-color: rgba(226, 201, 134, .74); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13);}
  .dm-card:hover::after, .dm-card:focus-visible::after{opacity: 1; translate: 60% 0;}
  .dm-card:hover .dm-card-content, .dm-card:focus-visible .dm-card-content{translate: 0 -5px;}
  .dm-card:hover .dm-card-link i, .dm-card:focus-visible .dm-card-link i{width: clamp(50px, 4vw, 70px); translate: 4px 0;}
  .dm-card:hover .dm-card-line, .dm-card:focus-visible .dm-card-line{width: 100%;}
  .dm-card:hover .dm-card-shade, .dm-card:focus-visible .dm-card-shade{opacity: 1;}
}
.dm-card:focus-visible{z-index: 8; outline: 2px solid var(--dm-solutions-gold); outline-offset: -2px;}
/* ============================================================
   LAPTOP
============================================================ */
@media (max-width: 1399.98px){
  .dm-solutions{padding: clamp(15px, 2vw, 30px) clamp(14px, 2vw, 30px);}
  .dm-solutions-grid{grid-template-columns: minmax(0, 1.9fr) minmax(260px, 1.1fr);}
  .dm-intro-inner{padding: clamp(24px, 3vw, 44px) clamp(22px, 2.5vw, 40px);}
  .dm-card-content{right: clamp(16px, 1.7vw, 28px); bottom: clamp(16px, 1.7vw, 28px); left: clamp(16px, 1.7vw, 28px);}
}
/* ============================================================
   TABLET
============================================================ */
@media (max-width: 991.98px){
  .dm-solutions{padding: clamp(12px, 2.4vw, 24px);}
  .dm-solutions-grid{display: block; width: 100%;}
  .dm-solutions-secondary{display: block; columns: 2; column-gap: 0; background: #0c0e10;}
  .dm-solutions-secondary .dm-card{display: inline-block; width: 100%; vertical-align: top; break-inside: avoid; page-break-inside: avoid;}
  .dm-intro-inner{padding: clamp(32px, 5vw, 56px);}
  .dm-intro-title{font-size: clamp(31px, 4.7vw, 47px);}
  .dm-intro p{font-size: clamp(12px, 1.65vw, 15px);}
  .dm-card-content, .dm-card-conference .dm-card-content{right: clamp(20px, 3vw, 34px); bottom: clamp(20px, 3vw, 34px); left: clamp(20px, 3vw, 34px); max-width: min(88%, 460px); min-height: 80px;}
  .dm-card-content strong, .dm-card-registration .dm-card-content strong, .dm-card-conference .dm-card-content strong, .dm-card-wide .dm-card-content strong{font-size: clamp(18px, 2.45vw, 25px);}
  .dm-card-link{font-size: 9px;}
}
/* ============================================================
   MOBILE
============================================================ */
@media (max-width: 767.98px){
  .dm-solutions{padding: 0;}
  .dm-solutions-grid{border: 0; box-shadow: none;}
  .dm-intro{min-height: 410px;}
  .dm-intro-inner{padding: clamp(48px, 12vw, 72px) clamp(24px, 7vw, 38px);}
  .dm-intro-title{margin-bottom: 24px; font-size: clamp(38px, 10.8vw, 57px);}
  .dm-intro p{max-width: 540px; font-size: clamp(14px, 3.9vw, 16px); line-height: 1.62;}
  .dm-solutions-pair{grid-template-columns: 1fr;}
  .dm-solutions-secondary{columns: 1;}
  .dm-card-content, .dm-card-conference .dm-card-content{right: clamp(22px, 6vw, 34px); bottom: clamp(22px, 6vw, 34px); left: clamp(22px, 6vw, 34px); max-width: min(88%, 440px); min-height: 0; gap: 13px;}
  .dm-card-content strong, .dm-card-registration .dm-card-content strong, .dm-card-conference .dm-card-content strong, .dm-card-wide .dm-card-content strong{font-size: clamp(22px, 6.5vw, 32px); line-height: 1.07;}
  .dm-card-link{gap: 12px; font-size: 10px;}
  .dm-card-link i{width: 52px;}
  .dm-card-shade, .dm-card-shade-dark, .dm-card-shade-soft, .dm-card-registration .dm-card-shade{background: linear-gradient( to top, rgba(2, 4, 7, .95) 0%, rgba(2, 4, 7, .72) 25%, rgba(2, 4, 7, .37) 47%, rgba(2, 4, 7, .09) 68%, transparent 86% );}
}
/* ============================================================
   SMALL MOBILE
============================================================ */
@media (max-width: 390px){
  .dm-intro{min-height: 430px;}
  .dm-intro-inner{padding: 46px 22px;}
  .dm-intro-title{font-size: clamp(35px, 10.8vw, 44px);}
  .dm-intro p{font-size: 14px;}
  .dm-card-content, .dm-card-conference .dm-card-content{right: 20px; bottom: 21px; left: 20px;}
  .dm-card-content strong, .dm-card-registration .dm-card-content strong, .dm-card-conference .dm-card-content strong, .dm-card-wide .dm-card-content strong{font-size: clamp(20px, 7vw, 28px);}
}
/* ============================================================
   REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion: reduce){
  .dm-reveal, .dm-card, .dm-card-content, .dm-intro-title > span, .dm-intro p, .dm-intro-signature{animation: none !important; transition: none !important;}
  .dm-reveal, .dm-reveal.is-visible, .dm-card-content, .dm-card.is-visible .dm-card-content, .dm-intro-title > span, .dm-intro p, .dm-intro-signature{opacity: 1; clip-path: none; filter: none; transform: none; translate: 0 0;}
}
/* ============================================================
   KEYFRAMES
============================================================ */
@keyframes dmSolutionsTitleReveal{
  0%{opacity: 0; filter: blur(8px); transform: translateY(62px) rotateX(-78deg) scale(.92);}
  60%{opacity: 1;}
  100%{opacity: 1; filter: blur(0); transform: translateY(0) rotateX(0) scale(1);}
}
@keyframes dmSolutionsTitleFloat{
  0%, 100%{translate: 0 0;}
  50%{translate: 0 -4px;}
}
@keyframes dmSolutionsCopyReveal{
  to{opacity: 1; translate: 0 0;}
}
/* =========================================================
   DESIGN MASTER MULTI-SOLUTION SHOWCASE
   Fully scoped under .dmsx-suite to prevent conflicts
========================================================= */
.dmsx-suite{--dmsx-bg: #f7f3e9; --dmsx-bg-light: #fbf8f1; --dmsx-white: #ffffff; --dmsx-dark: #181917; --dmsx-dark-soft: #252622; --dmsx-text: #54564f; --dmsx-muted: #7d7f77; --dmsx-gold: #cf8a29; --dmsx-gold-dark: #ad6f1e; --dmsx-gold-light: #e9cf9f; --dmsx-border: rgba(28, 29, 26, 0.12); --dmsx-shadow: 0 30px 70px rgba(43, 37, 27, 0.12); --dmsx-heading-font: "Playfair Display", Georgia, "Times New Roman", serif; position: relative; isolation: isolate; width: 100%; overflow: hidden; background: linear-gradient( 180deg, var(--dmsx-bg-light) 0%, var(--dmsx-bg) 48%, #f9f5ed 100% );}
.dmsx-suite, .dmsx-suite *, .dmsx-suite *::before, .dmsx-suite *::after{box-sizing: border-box;}
/* =========================================================
   BACKGROUND
========================================================= */
.dmsx-suite__background{position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none;}
.dmsx-suite__grid{position: absolute; inset: 0; opacity: 0.22; background-image: linear-gradient( rgba(37, 38, 34, 0.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(37, 38, 34, 0.035) 1px, transparent 1px ); background-size: 72px 72px; mask-image: linear-gradient( to bottom, transparent, #000 12%, #000 88%, transparent );}
.dmsx-suite__glow{position: absolute; width: 620px; height: 620px; border-radius: 50%; filter: blur(5px);}
.dmsx-suite__glow--one{top: -200px; left: -260px; background: radial-gradient( circle, rgba(207, 138, 41, 0.12) 0%, rgba(207, 138, 41, 0) 70% );}
.dmsx-suite__glow--two{right: -260px; bottom: 8%; background: radial-gradient( circle, rgba(207, 138, 41, 0.09) 0%, rgba(207, 138, 41, 0) 70% );}
/* =========================================================
   MAIN CONTAINER
========================================================= */
.dmsx-suite__container{position: relative; z-index: 2; width: min(100%, 1640px); margin-inline: auto; padding-inline: clamp(22px, 4.5vw, 86px);}
/* =========================================================
   INDIVIDUAL SERVICE
========================================================= */
.dmsx-service{position: relative; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr); align-items: center; gap: clamp(48px, 6.2vw, 112px); min-height: 760px; padding-block: clamp(85px, 9vw, 150px);}
.dmsx-service:not(:last-child)::after{content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: linear-gradient( 90deg, transparent 0%, rgba(24, 25, 23, 0.12) 18%, rgba(207, 138, 41, 0.48) 50%, rgba(24, 25, 23, 0.12) 82%, transparent 100% );}
/* Alternate the desktop layout */
.dmsx-service:nth-child(even) .dmsx-service__visual{order: 2;}
.dmsx-service:nth-child(even) .dmsx-service__content{order: 1;}
/* =========================================================
   IMAGE COLUMN
========================================================= */
.dmsx-service__visual{position: relative; min-width: 0;}
.dmsx-service__image-wrap{position: relative; isolation: isolate; width: 100%; padding: clamp(9px, 1vw, 14px); border: 1px solid rgba(44, 40, 32, 0.14); background: rgba(255, 255, 255, 0.72); box-shadow: var(--dmsx-shadow);}
.dmsx-service__image-wrap::before{content: ""; position: absolute; z-index: -1; top: clamp(16px, 2vw, 28px); right: clamp(-14px, -1.3vw, -24px); bottom: clamp(-14px, -1.3vw, -24px); left: clamp(16px, 2vw, 28px); border: 1px solid rgba(207, 138, 41, 0.5); transition: transform 700ms cubic-bezier(0.2, 0.75, 0.25, 1), border-color 350ms ease;}
.dmsx-service:nth-child(even) .dmsx-service__image-wrap::before{right: clamp(16px, 2vw, 28px); left: clamp(-14px, -1.3vw, -24px);}
.dmsx-service__image-wrap:hover::before{transform: translate3d(6px, 6px, 0); border-color: rgba(207, 138, 41, 0.82);}
.dmsx-service__image-wrap img{position: relative; z-index: 1; display: block; width: 100%; max-width: 100%; height: auto; margin: 0; transform: scale(1); transition: transform 1.1s cubic-bezier(0.2, 0.75, 0.25, 1), filter 600ms ease;}
.dmsx-service__image-wrap:hover img{transform: scale(1.018); filter: contrast(1.025) saturate(1.025);}
.dmsx-service__image-shade{position: absolute; z-index: 2; inset: clamp(9px, 1vw, 14px); pointer-events: none; background: linear-gradient( 180deg, rgba(15, 16, 14, 0.1) 0%, rgba(15, 16, 14, 0) 34%, rgba(15, 16, 14, 0.08) 100% );}
.dmsx-service__image-line{position: absolute; z-index: 3; top: clamp(23px, 2.2vw, 36px); right: clamp(23px, 2.2vw, 36px); left: clamp(23px, 2.2vw, 36px); height: 1px; pointer-events: none; background: linear-gradient( 90deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.06) );}
/* Image number */
.dmsx-service__number{position: absolute; z-index: 4; top: clamp(28px, 2.8vw, 46px); right: clamp(28px, 2.8vw, 46px); display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; padding: 9px; color: var(--dmsx-white); border: 1px solid rgba(255, 255, 255, 0.48); background: rgba(20, 21, 19, 0.42); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); font-size: 0.78rem; font-weight: 700; line-height: 1; letter-spacing: 0.13em;}
/* Image icon */
.dmsx-service__icon{position: absolute; z-index: 5; bottom: clamp(-28px, -2vw, -34px); left: clamp(28px, 3.4vw, 58px); display: inline-flex; align-items: center; justify-content: center; width: clamp(64px, 5.2vw, 82px); height: clamp(64px, 5.2vw, 82px); color: var(--dmsx-white); border: 6px solid var(--dmsx-bg); border-radius: 50%; background: linear-gradient( 145deg, #dc962f 0%, #bd761e 100% ); box-shadow: 0 15px 30px rgba(74, 47, 12, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.28);}
.dmsx-service:nth-child(even) .dmsx-service__icon{right: clamp(28px, 3.4vw, 58px); left: auto;}
.dmsx-service__icon i{font-size: clamp(1.55rem, 2vw, 2.15rem); line-height: 1;}
/* Decorative corners */
.dmsx-service__corner{position: absolute; z-index: 4; width: 42px; height: 42px; pointer-events: none;}
.dmsx-service__corner--top{top: clamp(18px, 1.8vw, 28px); left: clamp(18px, 1.8vw, 28px); border-top: 2px solid rgba(207, 138, 41, 0.9); border-left: 2px solid rgba(207, 138, 41, 0.9);}
.dmsx-service__corner--bottom{right: clamp(18px, 1.8vw, 28px); bottom: clamp(18px, 1.8vw, 28px); border-right: 2px solid rgba(207, 138, 41, 0.9); border-bottom: 2px solid rgba(207, 138, 41, 0.9);}
/* =========================================================
   CONTENT COLUMN
========================================================= */
.dmsx-service__content{position: relative; min-width: 0; padding-block: 20px;}
.dmsx-service__heading{position: relative;}
.dmsx-service__heading-number{display: inline-block; margin-bottom: 20px; color: var(--dmsx-gold-dark); font-size: 0.72rem; font-weight: 800; line-height: 1; letter-spacing: 0.28em;}
.dmsx-service__heading-number::after{content: ""; display: inline-block; width: 52px; height: 1px; margin-left: 14px; vertical-align: middle; background: var(--dmsx-gold);}
.dmsx-service__heading h2{max-width: 830px; margin: 0; color: var(--dmsx-dark); font-family: var(--dmsx-heading-font); font-size: clamp(2.75rem, 4.6vw, 5.55rem); font-weight: 700; line-height: 0.96; letter-spacing: -0.045em;}
.dmsx-service__heading h2 span{display: block; color: var(--dmsx-gold-dark);}
.dmsx-service__separator{display: block; width: clamp(72px, 7vw, 110px); height: 4px; margin-block: clamp(28px, 3vw, 44px); background: linear-gradient( 90deg, var(--dmsx-gold) 0%, var(--dmsx-gold) 72%, transparent 72% );}
.dmsx-service__description{max-width: 780px; margin: 0; color: #4f4b43; font-size: clamp(1.02rem, 1.23vw, 1.28rem); font-style: italic; font-weight: 400; line-height: 1.65;}
/* =========================================================
   FEATURE LIST
========================================================= */
.dmsx-service__features{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; width: 100%; margin: clamp(34px, 4vw, 58px) 0 0; padding: 1px; list-style: none; border: 1px solid rgba(24, 25, 23, 0.12); background: rgba(24, 25, 23, 0.12);}
.dmsx-service__features li{position: relative; display: flex; align-items: flex-start; gap: 15px; min-height: 92px; margin: 0; padding: 23px 22px; overflow: hidden; color: var(--dmsx-dark-soft); background: rgba(255, 255, 255, 0.76); transition: color 350ms ease, background-color 350ms ease, transform 350ms ease;}
.dmsx-service__features li::before{content: ""; position: absolute; inset: 0; z-index: 0; transform: translateX(-102%); background: linear-gradient( 105deg, var(--dmsx-dark) 0%, #2c2d29 100% ); transition: transform 500ms cubic-bezier(0.2, 0.75, 0.25, 1);}
.dmsx-service__features li:hover{z-index: 2; color: var(--dmsx-white); transform: translateY(-3px);}
.dmsx-service__features li:hover::before{transform: translateX(0);}
.dmsx-service__features li i, .dmsx-service__features li span{position: relative; z-index: 1;}
.dmsx-service__features li i{flex: 0 0 30px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-top: 1px; color: var(--dmsx-white); border-radius: 50%; background: var(--dmsx-gold); font-size: 0.92rem; line-height: 1; transition: color 350ms ease, background-color 350ms ease, transform 350ms ease;}
.dmsx-service__features li:hover i{color: var(--dmsx-dark); background: var(--dmsx-white); transform: rotate(-8deg) scale(1.05);}
.dmsx-service__features li span{align-self: center; font-size: clamp(0.93rem, 1vw, 1.04rem); font-weight: 500; line-height: 1.48;}
/* =========================================================
   REVEAL ANIMATIONS
========================================================= */
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal]{opacity: 0; transform: translateY(62px); transition: opacity 900ms ease, transform 1000ms cubic-bezier(0.18, 0.78, 0.22, 1);}
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__visual{opacity: 0; transform: translateX(-48px); transition: opacity 900ms ease 120ms, transform 1100ms cubic-bezier(0.18, 0.78, 0.22, 1) 120ms;}
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal]:nth-child(even) .dmsx-service__visual{transform: translateX(48px);}
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__content{opacity: 0; transform: translateY(38px); transition: opacity 850ms ease 260ms, transform 1000ms cubic-bezier(0.18, 0.78, 0.22, 1) 260ms;}
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__features li{opacity: 0; transform: translateY(18px); transition: opacity 600ms ease, transform 700ms cubic-bezier(0.18, 0.78, 0.22, 1), color 350ms ease, background-color 350ms ease;}
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__features li:nth-child(1){transition-delay: 400ms, 400ms, 0ms, 0ms;}
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__features li:nth-child(2){transition-delay: 490ms, 490ms, 0ms, 0ms;}
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__features li:nth-child(3){transition-delay: 580ms, 580ms, 0ms, 0ms;}
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__features li:nth-child(4){transition-delay: 670ms, 670ms, 0ms, 0ms;}
/* Visible state */
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal].is-dmsx-visible{opacity: 1; transform: translateY(0);}
.dmsx-suite.dmsx-motion-ready [data-dmsx-reveal].is-dmsx-visible .dmsx-service__visual, .dmsx-suite.dmsx-motion-ready [data-dmsx-reveal].is-dmsx-visible .dmsx-service__content, .dmsx-suite.dmsx-motion-ready [data-dmsx-reveal].is-dmsx-visible .dmsx-service__features li{opacity: 1; transform: translate3d(0, 0, 0);}
/* =========================================================
   LARGE LAPTOP
========================================================= */
@media (max-width: 1399.98px){
  .dmsx-service{grid-template-columns: minmax(0, 1fr) minmax(390px, 0.95fr); gap: clamp(42px, 5vw, 76px); min-height: 680px;}
  .dmsx-service__heading h2{font-size: clamp(2.7rem, 4.25vw, 4.7rem);}
  .dmsx-service__features li{min-height: 88px; padding: 20px 18px;}
}
/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */
@media (max-width: 1199.98px){
  .dmsx-suite__container{padding-inline: clamp(24px, 4.5vw, 58px);}
  .dmsx-service{grid-template-columns: minmax(0, 1fr); gap: 62px; min-height: auto; padding-block: clamp(78px, 9vw, 110px);}
  .dmsx-service:nth-child(even) .dmsx-service__visual, .dmsx-service:nth-child(even) .dmsx-service__content{order: initial;}
  .dmsx-service__visual{order: 1 !important; width: min(100%, 900px); margin-inline: auto;}
  .dmsx-service__content{order: 2 !important; width: min(100%, 900px); margin-inline: auto; padding-block: 0;}
  .dmsx-service:nth-child(even) .dmsx-service__image-wrap::before{right: clamp(-14px, -1.3vw, -24px); left: clamp(16px, 2vw, 28px);}
  .dmsx-service:nth-child(even) .dmsx-service__icon{right: auto; left: clamp(28px, 3.4vw, 58px);}
  .dmsx-service__heading h2{max-width: 760px; font-size: clamp(3rem, 7.5vw, 5.2rem);}
  .dmsx-service__description{max-width: 820px;}
}
/* =========================================================
   MOBILE LANDSCAPE / TABLET PORTRAIT
========================================================= */
@media (max-width: 767.98px){
  .dmsx-suite__container{padding-inline: 20px;}
  .dmsx-suite__grid{background-size: 46px 46px;}
  .dmsx-service{gap: 50px; padding-block: 72px;}
  .dmsx-service__image-wrap{padding: 7px;}
  .dmsx-service__image-shade{inset: 7px;}
  .dmsx-service__image-wrap::before, .dmsx-service:nth-child(even) .dmsx-service__image-wrap::before{top: 12px; right: -9px; bottom: -9px; left: 12px;}
  .dmsx-service__number{top: 20px; right: 20px; min-width: 40px; min-height: 40px; font-size: 0.67rem;}
  .dmsx-service__icon, .dmsx-service:nth-child(even) .dmsx-service__icon{bottom: -26px; left: 22px; width: 62px; height: 62px; border-width: 5px;}
  .dmsx-service__icon i{font-size: 1.55rem;}
  .dmsx-service__corner{width: 30px; height: 30px;}
  .dmsx-service__corner--top{top: 16px; left: 16px;}
  .dmsx-service__corner--bottom{right: 16px; bottom: 16px;}
  .dmsx-service__heading-number{margin-bottom: 16px; font-size: 0.68rem;}
  .dmsx-service__heading h2{font-size: clamp(2.55rem, 12vw, 4.3rem); line-height: 1;}
  .dmsx-service__separator{height: 3px; margin-block: 25px 28px;}
  .dmsx-service__description{font-size: 1rem; line-height: 1.62;}
  .dmsx-service__features{grid-template-columns: 1fr; margin-top: 34px;}
  .dmsx-service__features li{min-height: 76px; padding: 18px 17px;}
  .dmsx-service__features li i{flex-basis: 27px; width: 27px; height: 27px; font-size: 0.82rem;}
  .dmsx-service__features li span{font-size: 0.94rem;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  .dmsx-suite__container{padding-inline: 16px;}
  .dmsx-service{gap: 45px; padding-block: 62px;}
  .dmsx-service__heading h2{font-size: clamp(2.3rem, 12.7vw, 3.45rem); letter-spacing: -0.04em;}
  .dmsx-service__heading-number::after{width: 38px; margin-left: 10px;}
  .dmsx-service__description{font-size: 0.96rem;}
  .dmsx-service__features li{gap: 12px; min-height: 72px; padding: 16px 14px;}
  .dmsx-service__features li span{font-size: 0.9rem; line-height: 1.45;}
}
/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dmsx-suite *, .dmsx-suite *::before, .dmsx-suite *::after{scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; transition-delay: 0ms !important;}
  .dmsx-suite.dmsx-motion-ready [data-dmsx-reveal], .dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__visual, .dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__content, .dmsx-suite.dmsx-motion-ready [data-dmsx-reveal] .dmsx-service__features li{opacity: 1; transform: none;}
}
/* =========================================================
   DMR REG MULTI-SERVICE SLIDER
   Existing .dmr-reg design remains unchanged
========================================================= */
.dmr-reg-slider{--dmr-slider-gold: #b18d4e; --dmr-slider-gold-dark: #927039; --dmr-slider-dark: #1d211f; --dmr-slider-light: #f8f5ee; --dmr-slider-border: rgba(29, 33, 31, 0.14); --dmr-slider-duration: 850ms; padding-top: 2rem!important; position: relative;}
.dmr-reg-slider, .dmr-reg-slider *, .dmr-reg-slider *::before, .dmr-reg-slider *::after{box-sizing: border-box;}
/* =========================================================
   VIEWPORT AND SLIDES
========================================================= */
.dmr-reg-slider .dmr-reg-slider__viewport{position: relative; display: grid; width: 100%;}
.dmr-reg-slider .dmr-reg__slide{grid-area: 1 / 1; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(36px, 0, 0); transition: opacity var(--dmr-slider-duration) ease, visibility var(--dmr-slider-duration) ease, transform var(--dmr-slider-duration) cubic-bezier(0.22, 0.78, 0.22, 1);}
.dmr-reg-slider .dmr-reg__slide.is-active{z-index: 2; opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(0, 0, 0);}
.dmr-reg-slider .dmr-reg__slide.is-leaving-left{transform: translate3d(-36px, 0, 0);}
.dmr-reg-slider .dmr-reg__slide.is-leaving-right{transform: translate3d(36px, 0, 0);}
/* Smooth internal content movement */
.dmr-reg-slider .dmr-reg__slide .dmr-reg__visual{opacity: 0; transform: translate3d(-30px, 0, 0); transition: opacity 700ms ease 120ms, transform 850ms cubic-bezier(0.22, 0.78, 0.22, 1) 120ms;}
.dmr-reg-slider .dmr-reg__slide .dmr-reg__content{opacity: 0; transform: translate3d(30px, 0, 0); transition: opacity 700ms ease 180ms, transform 850ms cubic-bezier(0.22, 0.78, 0.22, 1) 180ms;}
.dmr-reg-slider .dmr-reg__slide.is-active .dmr-reg__visual, .dmr-reg-slider .dmr-reg__slide.is-active .dmr-reg__content{opacity: 1; transform: translate3d(0, 0, 0);}
/* Preserve full image display */
.dmr-reg-slider .dmr-reg__image-frame img{display: block; width: 100%; max-width: 100%; height: auto;}
/* =========================================================
   SLIDER CONTROLS
========================================================= */
.dmr-reg-slider .dmr-reg-slider__controls{position: relative; z-index: 10; display: grid; grid-template-columns: 54px minmax(0, 1fr) 54px; align-items: stretch; gap: 12px; width: 100%; margin-top: clamp(34px, 4vw, 60px);}
.dmr-reg-slider .dmr-reg-slider__tabs{display: grid; grid-template-columns: repeat(6, minmax(100px, 1fr)); min-width: 0; border: 1px solid var(--dmr-slider-border); background: rgba(255, 255, 255, 0.55);}
.dmr-reg-slider .dmr-reg-slider__tab{position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 76px; padding: 13px 15px; overflow: hidden; color: #777a75; text-align: left; border: 0; border-right: 1px solid var(--dmr-slider-border); border-radius: 0; outline: none; background: #020200ab; cursor: pointer; transition: color 350ms ease, background-color 350ms ease, box-shadow 350ms ease;}
.dmr-reg-slider .dmr-reg-slider__tab:last-child{border-right: 0;}
.dmr-reg-slider .dmr-reg-slider__tab::before{content: ""; position: absolute; inset: auto 0 0; height: 3px; transform: scaleX(0); transform-origin: left center; background: var(--dmr-slider-gold); transition: transform 450ms cubic-bezier(0.22, 0.78, 0.22, 1);}
.dmr-reg-slider .dmr-reg-slider__tab span, .dmr-reg-slider .dmr-reg-slider__tab strong{position: relative; z-index: 1;}
.dmr-reg-slider .dmr-reg-slider__tab span{display: block; margin-bottom: 6px; color: var(--dmr-slider-gold); font-size: 0.68rem; font-weight: 700; line-height: 1; letter-spacing: 0.14em;}
.dmr-reg-slider .dmr-reg-slider__tab strong{display: block; overflow: hidden; font-size: clamp(0.72rem, 0.82vw, 0.9rem); font-weight: 600; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap;}
.dmr-reg-slider .dmr-reg-slider__tab:hover{color: var(--dmr-slider-dark); background: #000;}
.dmr-reg-slider .dmr-reg-slider__tab.is-active{color: #ffffff; background: var(--dmr-slider-dark); box-shadow: 0 12px 30px rgba(29, 33, 31, 0.14);}
.dmr-reg-slider .dmr-reg-slider__tab.is-active::before{transform: scaleX(1);}
.dmr-reg-slider .dmr-reg-slider__tab:focus-visible, .dmr-reg-slider .dmr-reg-slider__arrow:focus-visible{outline: 3px solid rgba(177, 141, 78, 0.38); outline-offset: 3px;}
/* Arrows */
.dmr-reg-slider .dmr-reg-slider__arrow{display: inline-flex; align-items: center; justify-content: center; width: 54px; min-width: 54px; min-height: 76px; padding: 0; color: #ffffff; border: 1px solid var(--dmr-slider-dark); border-radius: 0; background: var(--dmr-slider-dark); cursor: pointer; transition: color 350ms ease, border-color 350ms ease, background-color 350ms ease, transform 350ms ease;}
.dmr-reg-slider .dmr-reg-slider__arrow i{font-size: 1.1rem; line-height: 1;}
.dmr-reg-slider .dmr-reg-slider__arrow:hover{color: #ffffff; border-color: var(--dmr-slider-gold-dark); background: var(--dmr-slider-gold-dark); transform: translateY(-3px);}
/* =========================================================
   AUTOPLAY PROGRESS
========================================================= */
.dmr-reg-slider .dmr-reg-slider__progress{position: relative; z-index: 10; width: 100%; height: 2px; margin-top: 14px; margin-bottom: 2rem; overflow: hidden; background: rgba(29, 33, 31, 0.1);}
.dmr-reg-slider .dmr-reg-slider__progress span{display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; background: var(--dmr-slider-gold);}
.dmr-reg-slider.is-autoplaying .dmr-reg-slider__progress span.is-running{animation: dmrSliderProgress var(--dmr-autoplay-delay, 7000ms) linear forwards;}
@keyframes dmrSliderProgress{
  from{transform: scaleX(0);}
  to{transform: scaleX(1);}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1399.98px){
  .dmr-reg-slider .dmr-reg-slider__tabs{grid-template-columns: repeat(7, minmax(90px, 1fr));}
  .dmr-reg-slider .dmr-reg-slider__tab{padding-inline: 11px;}
  .dmr-reg-slider .dmr-reg-slider__tab strong{font-size: 0.72rem;}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 1199.98px){
  .dmr-reg-slider .dmr-reg-slider__controls{grid-template-columns: 50px minmax(0, 1fr) 50px;}
  .dmr-reg-slider .dmr-reg-slider__tabs{display: flex; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: var(--dmr-slider-gold) rgba(29, 33, 31, 0.08);}
  .dmr-reg-slider .dmr-reg-slider__tab{flex: 0 0 150px;}
  .dmr-reg-slider .dmr-reg-slider__tab strong{font-size: 0.78rem;}
  .dmr-reg-slider .dmr-reg-slider__arrow{width: 50px; min-width: 50px;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  .dmr-reg-slider .dmr-reg__slide{transform: translate3d(22px, 0, 0);}
  .dmr-reg-slider .dmr-reg__slide.is-leaving-left{transform: translate3d(-22px, 0, 0);}
  .dmr-reg-slider .dmr-reg__slide.is-leaving-right{transform: translate3d(22px, 0, 0);}
  .dmr-reg-slider .dmr-reg__slide .dmr-reg__visual, .dmr-reg-slider .dmr-reg__slide .dmr-reg__content{transform: translate3d(0, 22px, 0);}
  .dmr-reg-slider .dmr-reg-slider__controls{grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 8px; margin-top: 36px;}
  .dmr-reg-slider .dmr-reg-slider__arrow{width: 44px; min-width: 44px; min-height: 68px;}
  .dmr-reg-slider .dmr-reg-slider__tab{flex-basis: 130px; min-height: 68px; padding: 11px 12px;}
  .dmr-reg-slider .dmr-reg-slider__tab span{margin-bottom: 5px; font-size: 0.63rem;}
  .dmr-reg-slider .dmr-reg-slider__tab strong{font-size: 0.74rem;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  .dmr-reg-slider .dmr-reg-slider__controls{grid-template-columns: 42px minmax(0, 1fr) 42px; gap: 6px;}
  .dmr-reg-slider .dmr-reg-slider__arrow{width: 42px; min-width: 42px; min-height: 64px;}
  .dmr-reg-slider .dmr-reg-slider__tab{flex-basis: 115px; min-height: 64px; padding-inline: 10px;}
  .dmr-reg-slider .dmr-reg-slider__tab strong{font-size: 0.7rem;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dmr-reg-slider .dmr-reg__slide, .dmr-reg-slider .dmr-reg__slide .dmr-reg__visual, .dmr-reg-slider .dmr-reg__slide .dmr-reg__content, .dmr-reg-slider .dmr-reg-slider__tab, .dmr-reg-slider .dmr-reg-slider__arrow{transition: none !important;}
  .dmr-reg-slider .dmr-reg-slider__progress span{animation: none !important;}
}
.dmr-reg__eyebrow{display:none;}
/* =========================================================
   PREMIUM CONFERENCE SERVICES NAVIGATION
   FINAL TRANSPARENT VERSION
   Inactive:
   - Transparent background
   - Dark readable text
   - Dark arrows
   Active:
   - Dark background
   - White text
   - White corner arrow
   Previous / Next:
   - Transparent background
   - Dark arrows at all times
========================================================= */
.dmr-premium-service-nav{--dmr-psn-gold: #cfb88d; --dmr-psn-gold-dark: #9d814d; --dmr-psn-dark: #181914; --dmr-psn-dark-secondary: #24251f; --dmr-psn-text: #24251f; --dmr-psn-heading: #171815; --dmr-psn-muted: #6e7069; --dmr-psn-white: #ffffff; --dmr-psn-border: rgba(31, 32, 28, 0.14); --dmr-psn-border-strong: rgba(31, 32, 28, 0.22); --dmr-psn-border-gold: rgba(207, 184, 141, 0.9); --dmr-psn-shadow: 0 20px 55px rgba(30, 29, 24, 0.07); --dmr-psn-hover-shadow: 0 12px 28px rgba(30, 29, 24, 0.08); --dmr-psn-active-shadow: 0 18px 38px rgba(20, 21, 17, 0.24); position: relative; width: 100%; margin: 35px 0; isolation: isolate;}
.dmr-premium-service-nav, .dmr-premium-service-nav *, .dmr-premium-service-nav *::before, .dmr-premium-service-nav *::after{box-sizing: border-box;}
/* =========================================================
   MAIN CONTROL CONTAINER
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__controls{position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: stretch; gap: 12px; width: 100%; padding: 12px; background: transparent; border: 1px solid var(--dmr-psn-border); border-radius: 28px; box-shadow: var(--dmr-psn-shadow); overflow: hidden;}
.dmr-premium-service-nav .dmr-premium-service-nav__controls::before{content: ""; position: absolute; top: 0; left: 8%; right: 8%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(207, 184, 141, 0.9), transparent ); pointer-events: none;}
/* =========================================================
   TABS OUTER WRAPPER
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tabs-wrap{position: relative; min-width: 0; background: transparent; border-radius: 19px; overflow: hidden;}
/* No light fade overlay */
.dmr-premium-service-nav .dmr-premium-service-nav__tabs-wrap::before, .dmr-premium-service-nav .dmr-premium-service-nav__tabs-wrap::after{display: none;}
/* =========================================================
   TABS CONTAINER
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tabs{display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; width: 100%; height: 100%; background: transparent; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x proximity; scrollbar-width: none; -ms-overflow-style: none;}
.dmr-premium-service-nav .dmr-premium-service-nav__tabs::-webkit-scrollbar{display: none;}
/* =========================================================
   INDIVIDUAL TAB
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tab{position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; min-width: 0; min-height: 94px; padding: 15px 14px; appearance: none; -webkit-appearance: none; background: transparent; border: 1px solid var(--dmr-psn-border); border-radius: 17px; color: var(--dmr-psn-text); -webkit-text-fill-color: var(--dmr-psn-text); font-family: inherit; text-align: left; cursor: pointer; overflow: hidden; scroll-snap-align: start; box-shadow: none; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, color 0.35s ease;}
/* Bottom gold active/hover line */
.dmr-premium-service-nav .dmr-premium-service-nav__tab::before{content: ""; position: absolute; right: 15px; bottom: 0; left: 15px; height: 3px; background: linear-gradient( 90deg, transparent, var(--dmr-psn-gold), transparent ); opacity: 0; transform: scaleX(0.25); transform-origin: center; transition: opacity 0.35s ease, transform 0.35s ease; pointer-events: none;}
/* Decorative corner */
.dmr-premium-service-nav .dmr-premium-service-nav__tab::after{content: ""; position: absolute; top: 0; right: 0; width: 42px; height: 42px; background: transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-radius: 0 17px 0 30px; opacity: 0; transition: opacity 0.35s ease, border-color 0.35s ease; pointer-events: none;}
/* =========================================================
   TAB NUMBER
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tab-number{position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; background: transparent; border: 1px solid var(--dmr-psn-border-gold); border-radius: 50%; color: var(--dmr-psn-gold-dark); -webkit-text-fill-color: var(--dmr-psn-gold-dark); font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: 0.08em; transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease, transform 0.35s ease;}
/* =========================================================
   TAB TEXT CONTENT
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tab-content{position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; gap: 4px; min-width: 0;}
/* Small category text */
.dmr-premium-service-nav .dmr-premium-service-nav__tab-content small{display: block; margin: 0; color: var(--dmr-psn-muted); -webkit-text-fill-color: var(--dmr-psn-muted); font-size: 9px; font-weight: 700; line-height: 1.25; letter-spacing: 0.11em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 1; transition: color 0.35s ease, opacity 0.35s ease;}
/* Main service title */
.dmr-premium-service-nav .dmr-premium-service-nav__tab-content strong{display: block; margin: 0; color: var(--dmr-psn-heading); -webkit-text-fill-color: var(--dmr-psn-heading); font-size: 13px; font-weight: 750; line-height: 1.3; letter-spacing: -0.01em; overflow-wrap: anywhere; transition: color 0.35s ease;}
/* =========================================================
   TAB CORNER ARROW
   Dark on all inactive tabs
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tab-arrow{position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; flex: 0 0 27px; background: transparent; border: 1px solid var(--dmr-psn-border-strong); border-radius: 50%; color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark); font-size: 11px; line-height: 1; opacity: 1; transition: border-color 0.35s ease, color 0.35s ease, transform 0.35s ease;}
.dmr-premium-service-nav .dmr-premium-service-nav__tab-arrow i{display: inline-flex; color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark); line-height: 1; transition: color 0.35s ease;}
/* =========================================================
   INACTIVE TAB STATE
   Force readable dark colors
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ){background: transparent; color: var(--dmr-psn-text); -webkit-text-fill-color: var(--dmr-psn-text);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ) .dmr-premium-service-nav__tab-content small{color: var(--dmr-psn-muted); -webkit-text-fill-color: var(--dmr-psn-muted);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ) .dmr-premium-service-nav__tab-content strong{color: var(--dmr-psn-heading); -webkit-text-fill-color: var(--dmr-psn-heading);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ) .dmr-premium-service-nav__tab-arrow, .dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ) .dmr-premium-service-nav__tab-arrow i{color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark);}
/* =========================================================
   INACTIVE TAB HOVER
   Remains transparent
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ):hover{background: transparent; border-color: var(--dmr-psn-border-gold); color: var(--dmr-psn-text); -webkit-text-fill-color: var(--dmr-psn-text); transform: translateY(-3px); box-shadow: var(--dmr-psn-hover-shadow), inset 0 0 0 1px rgba(207, 184, 141, 0.08);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ):hover::before{opacity: 0.9; transform: scaleX(1);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ):hover::after{opacity: 1; border-color: rgba(207, 184, 141, 0.75);}
/* Hover number remains transparent */
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ):hover .dmr-premium-service-nav__tab-number{background: transparent; border-color: var(--dmr-psn-gold); color: var(--dmr-psn-gold-dark); -webkit-text-fill-color: var(--dmr-psn-gold-dark); transform: rotate(-5deg) scale(1.05);}
/* Hover title remains dark */
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ):hover .dmr-premium-service-nav__tab-content strong{color: var(--dmr-psn-heading); -webkit-text-fill-color: var(--dmr-psn-heading);}
/* Hover category remains dark */
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ):hover .dmr-premium-service-nav__tab-content small{color: var(--dmr-psn-muted); -webkit-text-fill-color: var(--dmr-psn-muted);}
/* Hover arrow remains dark */
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ):hover .dmr-premium-service-nav__tab-arrow{background: transparent; border-color: var(--dmr-psn-dark); color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark); transform: translate(2px, -2px);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab:not(.is-active):not( [aria-selected="true"] ):hover .dmr-premium-service-nav__tab-arrow i{color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark);}
/* =========================================================
   ACTIVE TAB
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"]{background: radial-gradient( circle at top right, rgba(207, 184, 141, 0.22), transparent 44% ), linear-gradient( 145deg, var(--dmr-psn-dark-secondary), var(--dmr-psn-dark) ); border-color: rgba(207, 184, 141, 0.72); color: var(--dmr-psn-white); -webkit-text-fill-color: var(--dmr-psn-white); box-shadow: var(--dmr-psn-active-shadow);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active::before, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"]::before{opacity: 1; transform: scaleX(1);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active::after, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"]::after{opacity: 1; border-color: rgba(207, 184, 141, 0.55);}
/* Active tab number */
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active .dmr-premium-service-nav__tab-number, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"] .dmr-premium-service-nav__tab-number{background: var(--dmr-psn-gold); border-color: var(--dmr-psn-gold); color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark);}
/* Active category */
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active .dmr-premium-service-nav__tab-content small, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"] .dmr-premium-service-nav__tab-content small{color: rgba(255, 255, 255, 0.68); -webkit-text-fill-color: rgba(255, 255, 255, 0.68); opacity: 1;}
/* Active title */
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active .dmr-premium-service-nav__tab-content strong, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"] .dmr-premium-service-nav__tab-content strong{color: var(--dmr-psn-white); -webkit-text-fill-color: var(--dmr-psn-white);}
/* Active arrow becomes white */
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active .dmr-premium-service-nav__tab-arrow, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"] .dmr-premium-service-nav__tab-arrow{background: transparent; border-color: rgba(255, 255, 255, 0.62); color: var(--dmr-psn-white); -webkit-text-fill-color: var(--dmr-psn-white); opacity: 1;}
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active .dmr-premium-service-nav__tab-arrow i, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"] .dmr-premium-service-nav__tab-arrow i{color: var(--dmr-psn-white); -webkit-text-fill-color: var(--dmr-psn-white);}
/* =========================================================
   ACTIVE TAB HOVER
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active:hover, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"]:hover{background: radial-gradient( circle at top right, rgba(207, 184, 141, 0.28), transparent 44% ), linear-gradient( 145deg, #292a24, #141512 ); border-color: var(--dmr-psn-gold); color: var(--dmr-psn-white); -webkit-text-fill-color: var(--dmr-psn-white); transform: translateY(-3px); box-shadow: 0 21px 42px rgba(20, 21, 17, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active:hover .dmr-premium-service-nav__tab-arrow, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"]:hover .dmr-premium-service-nav__tab-arrow{border-color: var(--dmr-psn-white); color: var(--dmr-psn-white); -webkit-text-fill-color: var(--dmr-psn-white); transform: translate(2px, -2px);}
.dmr-premium-service-nav .dmr-premium-service-nav__tab.is-active:hover .dmr-premium-service-nav__tab-arrow i, .dmr-premium-service-nav .dmr-premium-service-nav__tab[aria-selected="true"]:hover .dmr-premium-service-nav__tab-arrow i{color: var(--dmr-psn-white); -webkit-text-fill-color: var(--dmr-psn-white);}
/* =========================================================
   PREVIOUS AND NEXT BUTTONS
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__arrow{position: relative; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-width: 82px; min-height: 94px; padding: 12px 10px; appearance: none; -webkit-appearance: none; background: transparent; border: 1px solid var(--dmr-psn-border); border-radius: 18px; color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark); font-family: inherit; cursor: pointer; box-shadow: none; transition: border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;}
/* Previous / Next circular arrow */
.dmr-premium-service-nav .dmr-premium-service-nav__arrow-icon{display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: transparent; border: 1px solid var(--dmr-psn-border-gold); border-radius: 50%; color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark); font-size: 15px; line-height: 1; transition: border-color 0.35s ease, color 0.35s ease, transform 0.35s ease;}
.dmr-premium-service-nav .dmr-premium-service-nav__arrow-icon i{display: inline-flex; color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark); line-height: 1;}
/* Previous / Next label */
.dmr-premium-service-nav .dmr-premium-service-nav__arrow-text{color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark); font-size: 8px; font-weight: 800; line-height: 1; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.72; transition: color 0.35s ease, opacity 0.35s ease;}
/* =========================================================
   PREVIOUS / NEXT HOVER
   Stays transparent and dark
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__arrow:hover{background: transparent; border-color: var(--dmr-psn-border-gold); color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark); transform: translateY(-3px); box-shadow: var(--dmr-psn-hover-shadow), inset 0 0 0 1px rgba(207, 184, 141, 0.08);}
.dmr-premium-service-nav .dmr-premium-service-nav__arrow:hover .dmr-premium-service-nav__arrow-icon{background: transparent; border-color: var(--dmr-psn-dark); color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark);}
.dmr-premium-service-nav .dmr-premium-service-nav__arrow:hover .dmr-premium-service-nav__arrow-icon i{color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark);}
.dmr-premium-service-nav .dmr-premium-service-nav__arrow:hover .dmr-premium-service-nav__arrow-text{color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark); opacity: 1;}
.dmr-premium-service-nav .dmr-premium-service-nav__arrow--previous:hover .dmr-premium-service-nav__arrow-icon{transform: translateX(-4px);}
.dmr-premium-service-nav .dmr-premium-service-nav__arrow--next:hover .dmr-premium-service-nav__arrow-icon{transform: translateX(4px);}
/* =========================================================
   FOCUS STATE
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__tab:focus-visible, .dmr-premium-service-nav .dmr-premium-service-nav__arrow:focus-visible{outline: 3px solid rgba(207, 184, 141, 0.46); outline-offset: 3px;}
/* =========================================================
   CLICK STATE
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__arrow:active, .dmr-premium-service-nav .dmr-premium-service-nav__tab:active{transform: translateY(0) scale(0.98);}
/* =========================================================
   DISABLED ARROW
========================================================= */
.dmr-premium-service-nav .dmr-premium-service-nav__arrow:disabled{opacity: 0.4; cursor: not-allowed; pointer-events: none;}
.dmr-premium-service-nav .dmr-premium-service-nav__arrow:disabled .dmr-premium-service-nav__arrow-icon, .dmr-premium-service-nav .dmr-premium-service-nav__arrow:disabled .dmr-premium-service-nav__arrow-icon i, .dmr-premium-service-nav .dmr-premium-service-nav__arrow:disabled .dmr-premium-service-nav__arrow-text{color: var(--dmr-psn-dark); -webkit-text-fill-color: var(--dmr-psn-dark);}
/* =========================================================
   LARGE LAPTOP
========================================================= */
@media (max-width: 1440px){
  .dmr-premium-service-nav .dmr-premium-service-nav__controls{gap: 10px; padding: 10px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tabs{grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab{gap: 7px; padding: 13px 8px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-number{width: 34px; height: 34px; flex-basis: 34px; font-size: 10px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-content small{font-size: 8px; letter-spacing: 0.08em;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-content strong{font-size: 11px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-arrow{width: 24px; height: 24px; flex-basis: 24px; font-size: 10px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__arrow{min-width: 72px;}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1279.98px){
  .dmr-premium-service-nav .dmr-premium-service-nav__controls{gap: 9px; padding: 10px; border-radius: 24px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tabs{display: flex; gap: 8px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab{flex: 0 0 190px; min-height: 90px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__arrow{min-width: 70px; min-height: 90px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__arrow-text{display: none;}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  .dmr-premium-service-nav{margin: 28px 0;}
  .dmr-premium-service-nav .dmr-premium-service-nav__controls{grid-template-columns: 52px minmax(0, 1fr) 52px; gap: 7px; padding: 8px; border-radius: 21px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__arrow{min-width: 52px; min-height: 86px; padding: 8px 5px; border-radius: 15px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__arrow-icon{width: 34px; height: 34px; font-size: 14px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab{flex-basis: 190px; min-height: 86px; padding: 13px 12px; border-radius: 15px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-number{width: 36px; height: 36px; flex-basis: 36px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tabs-wrap{border-radius: 15px;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  .dmr-premium-service-nav{margin: 22px 0;}
  .dmr-premium-service-nav .dmr-premium-service-nav__controls{grid-template-columns: 45px minmax(0, 1fr) 45px; gap: 5px; padding: 6px; border-radius: 18px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__arrow{min-width: 45px; min-height: 80px; padding: 6px 3px; border-radius: 13px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__arrow-icon{width: 32px; height: 32px; font-size: 13px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tabs{gap: 6px; scroll-snap-type: x mandatory;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab{flex: 0 0 calc(100% - 18px); grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; min-height: 80px; padding: 12px; scroll-snap-align: center;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-content small{font-size: 8px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-content strong{font-size: 13px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-arrow{width: 25px; height: 25px; flex-basis: 25px;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  .dmr-premium-service-nav .dmr-premium-service-nav__controls{grid-template-columns: 40px minmax(0, 1fr) 40px; gap: 4px; padding: 5px; border-radius: 16px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__arrow{min-width: 40px; min-height: 76px; border-radius: 12px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__arrow-icon{width: 29px; height: 29px; font-size: 12px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab{flex-basis: calc(100% - 10px); min-height: 76px; gap: 8px; padding: 10px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-number{width: 33px; height: 33px; flex-basis: 33px; font-size: 10px;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-content small{display: none;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab-content strong{font-size: 12px; line-height: 1.3;}
}
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce){
  .dmr-premium-service-nav .dmr-premium-service-nav__tabs{scroll-behavior: auto;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab, .dmr-premium-service-nav .dmr-premium-service-nav__arrow, .dmr-premium-service-nav .dmr-premium-service-nav__tab::before, .dmr-premium-service-nav .dmr-premium-service-nav__tab::after, .dmr-premium-service-nav .dmr-premium-service-nav__tab-number, .dmr-premium-service-nav .dmr-premium-service-nav__tab-arrow, .dmr-premium-service-nav .dmr-premium-service-nav__arrow-icon{transition: none;}
}
/* =========================================================
   DESIGN MASTER HERO TAGLINE
   Premium readable responsive styling
   Strictly scoped to #home.dm-hero
========================================================= */
#home.dm-hero{--dm-hero-tagline-gold: #cfb88d; --dm-hero-tagline-white: #ffffff; --dm-hero-tagline-dark: #171814; --dm-hero-tagline-border: rgba(207, 184, 141, 0.42); --dm-hero-tagline-shadow: rgba(11, 12, 10, 0.24);}
/* =========================================================
   TAGLINE CONTAINER
========================================================= */
#home.dm-hero .dm-hero-tagline{position: absolute; right: clamp(32px, 4.8vw, 92px); bottom: clamp(42px, 6vh, 76px); z-index: 20; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; width: clamp(285px, 25vw, 390px); min-height: 130px; margin: 0; padding: 24px 30px 24px 34px; background: linear-gradient( 135deg, rgba(23, 24, 20, 0.9) 0%, rgba(23, 24, 20, 0.76) 58%, rgba(23, 24, 20, 0.66) 100% ); border: 1px solid var(--dm-hero-tagline-border); border-radius: 4px 28px 4px 28px; color: var(--dm-hero-tagline-white); text-align: left; box-shadow: 0 24px 55px var(--dm-hero-tagline-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); isolation: isolate; overflow: hidden;}
/* Gold vertical accent */
#home.dm-hero .dm-hero-tagline::before{content: ""; position: absolute; top: 22px; bottom: 22px; left: 0; width: 4px; background: linear-gradient( 180deg, transparent 0%, var(--dm-hero-tagline-gold) 18%, var(--dm-hero-tagline-gold) 82%, transparent 100% ); box-shadow: 0 0 18px rgba(207, 184, 141, 0.45); pointer-events: none;}
/* Decorative corner */
#home.dm-hero .dm-hero-tagline::after{content: ""; position: absolute; top: 13px; right: 14px; width: 38px; height: 38px; border-top: 1px solid rgba(207, 184, 141, 0.72); border-right: 1px solid rgba(207, 184, 141, 0.72); pointer-events: none;}
/* =========================================================
   GENERAL TAGLINE LINES
========================================================= */
#home.dm-hero .dm-hero-tagline > span{position: relative; z-index: 2; display: block; width: 100%; margin: 0; color: var(--dm-hero-tagline-white) !important; -webkit-text-fill-color: var(--dm-hero-tagline-white) !important; font-size: clamp(16px, 1.2vw, 20px); font-weight: 500; line-height: 1.28; letter-spacing: 0.01em; opacity: 1 !important; visibility: visible !important; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.34);}
/* First line */
#home.dm-hero .dm-hero-tagline > span:first-child{font-size: clamp(18px, 1.42vw, 23px); font-weight: 700; letter-spacing: -0.015em;}
/* Second line */
#home.dm-hero .dm-hero-tagline > span:nth-child(2){color: rgba(255, 255, 255, 0.82) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important; font-size: clamp(14px, 1vw, 17px); font-weight: 500;}
/* =========================================================
   GOLD STANDARDS
   Always remains gold
========================================================= */
#home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{display: inline-flex; align-items: center; gap: 12px; margin-top: 7px; color: var(--dm-hero-tagline-gold) !important; -webkit-text-fill-color: var(--dm-hero-tagline-gold) !important; font-size: clamp(23px, 2vw, 34px); font-weight: 800; line-height: 1.08; letter-spacing: -0.035em; text-shadow: 0 3px 18px rgba(0, 0, 0, 0.4), 0 0 18px rgba(207, 184, 141, 0.15);}
/* Gold decorative line */
#home.dm-hero .dm-hero-tagline .dm-tagline-emphasis::before{content: ""; display: inline-block; flex: 0 0 25px; width: 25px; height: 2px; background: var(--dm-hero-tagline-gold); box-shadow: 0 0 10px rgba(207, 184, 141, 0.42);}
/* Ensure hover never changes the gold wording */
#home.dm-hero .dm-hero-tagline:hover .dm-tagline-emphasis, #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis:hover{color: var(--dm-hero-tagline-gold) !important; -webkit-text-fill-color: var(--dm-hero-tagline-gold) !important;}
/* =========================================================
   LARGE DESKTOP
========================================================= */
@media (min-width: 1600px){
  #home.dm-hero .dm-hero-tagline{right: clamp(70px, 5.5vw, 115px); bottom: clamp(56px, 7vh, 92px); width: 410px; min-height: 142px; padding: 27px 34px 27px 39px;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{font-size: 36px;}
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1366px){
  #home.dm-hero .dm-hero-tagline{right: 32px; bottom: 42px; width: 315px; min-height: 118px; padding: 20px 24px 20px 29px;}
  #home.dm-hero .dm-hero-tagline > span:first-child{font-size: 19px;}
  #home.dm-hero .dm-hero-tagline > span:nth-child(2){font-size: 14px;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{margin-top: 5px; font-size: 27px;}
}
/* =========================================================
   SMALL LAPTOP AND LANDSCAPE TABLET
========================================================= */
@media (max-width: 1199.98px){
  #home.dm-hero .dm-hero-tagline{right: 24px; bottom: 34px; width: 295px; min-height: 110px; padding: 18px 21px 18px 27px; border-radius: 4px 22px 4px 22px;}
  #home.dm-hero .dm-hero-tagline::before{top: 18px; bottom: 18px;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{font-size: 25px;}
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px){
  #home.dm-hero .dm-hero-tagline{right: 26px; bottom: 30px; width: min(340px, 43vw); min-height: 105px; padding: 17px 20px 17px 26px;}
  #home.dm-hero .dm-hero-tagline > span:first-child{font-size: 17px;}
  #home.dm-hero .dm-hero-tagline > span:nth-child(2){font-size: 13px;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{font-size: 23px;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis::before{flex-basis: 19px; width: 19px;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  #home.dm-hero .dm-hero-tagline{right: 18px; bottom: 28px; left: 18px; align-items: center; width: auto; min-height: auto; padding: 17px 20px 18px; border-radius: 3px 20px 3px 20px; text-align: center; background: linear-gradient( 135deg, rgba(20, 21, 17, 0.92), rgba(20, 21, 17, 0.79) );}
  #home.dm-hero .dm-hero-tagline::before{top: auto; right: 22px; bottom: 0; left: 22px; width: auto; height: 3px; background: linear-gradient( 90deg, transparent, var(--dm-hero-tagline-gold), transparent );}
  #home.dm-hero .dm-hero-tagline::after{top: 10px; right: 11px; width: 27px; height: 27px;}
  #home.dm-hero .dm-hero-tagline > span{text-align: center;}
  #home.dm-hero .dm-hero-tagline > span:first-child{font-size: clamp(16px, 4.7vw, 19px);}
  #home.dm-hero .dm-hero-tagline > span:nth-child(2){font-size: clamp(12px, 3.7vw, 14px);}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{justify-content: center; margin-top: 5px; font-size: clamp(22px, 7vw, 29px); text-align: center;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis::before{display: none;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  #home.dm-hero .dm-hero-tagline{right: 12px; bottom: 20px; left: 12px; padding: 15px 16px 16px;}
  #home.dm-hero .dm-hero-tagline > span:first-child{font-size: 16px;}
  #home.dm-hero .dm-hero-tagline > span:nth-child(2){font-size: 12px;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{font-size: clamp(21px, 7.5vw, 27px);}
}
/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 359.98px){
  #home.dm-hero .dm-hero-tagline{right: 9px; bottom: 15px; left: 9px; padding: 13px 12px 14px;}
  #home.dm-hero .dm-hero-tagline > span:first-child{font-size: 15px;}
  #home.dm-hero .dm-hero-tagline > span:nth-child(2){font-size: 11px;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{font-size: 21px;}
}
/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */
@media (prefers-reduced-motion: reduce){
  #home.dm-hero .dm-hero-tagline, #home.dm-hero .dm-hero-tagline > span, #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{animation: none !important; transition: none !important;}
}
/* =========================================================
   DESIGN MASTER EVENTS HERO
   NEW TABLET + MOBILE DESIGN
   IMPORTANT:
   1. Remove the previous tablet/mobile hero CSS.
   2. Add this CSS at the END of your stylesheet.
   3. All styling is scoped only to #home.dm-hero.
========================================================= */
/* =========================================================
   TABLET AND MOBILE SHARED DESIGN
   Up to 991.98px
========================================================= */
@media (max-width: 991.98px){
  #home.dm-hero{--dm-rsp-gold: #cfb88d; --dm-rsp-gold-dark: #a88d5a; --dm-rsp-dark: #1c1d19; --dm-rsp-dark-soft: #272821; --dm-rsp-white: #ffffff; --dm-rsp-text: #22231f; --dm-rsp-muted: #707169; --dm-rsp-border: rgba(207, 184, 141, 0.48); position: relative !important; display: block !important; width: 100% !important; min-height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important;}
  #home.dm-hero, #home.dm-hero *, #home.dm-hero *::before, #home.dm-hero *::after{box-sizing: border-box;}
  /* =======================================================
       MAIN HERO FRAME
    ======================================================= */
  #home.dm-hero .dm-hero-frame{position: relative !important; inset: auto !important; z-index: 2; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto auto !important; grid-template-areas: "dm-topbar" "dm-heading" "dm-artwork" "dm-tagline" !important; align-items: start !important; align-content: start !important; width: 100% !important; min-width: 0 !important; min-height: auto !important; height: auto !important; margin: 0 !important; padding: max(22px, env(safe-area-inset-top)) clamp(24px, 4vw, 42px) max(30px, env(safe-area-inset-bottom)) !important; overflow: hidden !important;}
  /* =======================================================
       HIDE DESKTOP-ONLY ELEMENTS
    ======================================================= */
  #home.dm-hero .dm-hero-logo, #home.dm-hero .dm-hero-sidebar{display: none !important;}
  /* =======================================================
       MOBILE / TABLET TOP BAR
    ======================================================= */
  #home.dm-hero .dm-mobile-topbar{position: relative !important; inset: auto !important; z-index: 50; grid-area: dm-topbar !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 58px !important; margin: 0 0 clamp(34px, 5vh, 52px) !important; padding: 0 !important; transform: none !important;}
  /* Logo */
  #home.dm-hero .dm-mobile-logo-link{position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: 190px !important; height: 54px !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important;}
  #home.dm-hero .dm-mobile-logo-link img{display: block !important; width: auto !important; max-width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: contain !important; object-position: left center !important;}
  /* Menu button */
  #home.dm-hero .dm-mobile-menu-button{position: relative !important; inset: auto !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: 52px !important; height: 52px !important; flex: 0 0 52px !important; margin: 0 !important; padding: 0 !important; appearance: none !important; -webkit-appearance: none !important; background: rgba(255, 255, 255, 0.78) !important; border: 1px solid rgba(207, 184, 141, 0.72) !important; border-radius: 50% !important; box-shadow: 0 13px 32px rgba(32, 30, 24, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transform: none !important; cursor: pointer !important;}
  #home.dm-hero .dm-mobile-menu-button span{position: relative !important; inset: auto !important; display: block !important; width: 21px !important; height: 2px !important; margin: 0 !important; padding: 0 !important; background: var(--dm-rsp-dark) !important; border: 0 !important; border-radius: 20px !important; opacity: 1 !important; transform: none !important;}
  /* =======================================================
       HERO HEADING
    ======================================================= */
  #home.dm-hero .dm-mobile-heading{position: relative !important; inset: auto !important; z-index: 20; grid-area: dm-heading !important; display: block !important; width: 100% !important; max-width: 760px !important; margin: 0 0 clamp(28px, 4.5vh, 42px) !important; padding: 0 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; transform: none !important;}
  /* Small premium heading accent */
  #home.dm-hero .dm-mobile-heading .dm-title-accent{position: relative !important; inset: auto !important; display: block !important; width: 78px !important; height: 2px !important; margin: 0 0 20px !important; padding: 0 !important; background: linear-gradient( 90deg, var(--dm-rsp-gold) 0%, rgba(207, 184, 141, 0.08) 100% ) !important; border: 0 !important;}
  #home.dm-hero .dm-mobile-heading .dm-title-accent::before{content: ""; position: absolute; top: 50%; left: 0; width: 9px; height: 9px; background: var(--dm-rsp-gold); border-radius: 50%; box-shadow: 0 0 16px rgba(207, 184, 141, 0.72); transform: translateY(-50%);}
  /* Main heading */
  #home.dm-hero .dm-mobile-heading h1{position: relative !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--dm-rsp-dark) !important; font-size: clamp(54px, 8vw, 78px) !important; font-weight: 750 !important; line-height: 0.93 !important; letter-spacing: -0.06em !important; text-align: left !important; text-transform: uppercase !important;}
  #home.dm-hero .dm-mobile-heading h1 > span{position: relative !important; display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--dm-rsp-dark) !important; -webkit-text-fill-color: var(--dm-rsp-dark) !important; font: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; white-space: normal !important; opacity: 1 !important; visibility: visible !important; transform: none !important;}
  #home.dm-hero .dm-mobile-heading h1 > span:last-child{color: var(--dm-rsp-gold) !important; -webkit-text-fill-color: var(--dm-rsp-gold) !important;}
  /* =======================================================
       EVENT IMAGE CARD
    ======================================================= */
  #home.dm-hero .dm-art-stage{position: relative !important; inset: auto !important; z-index: 15; grid-area: dm-artwork !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; margin: 0 !important; padding: 10px !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.92), rgba(248, 245, 237, 0.72) ) !important; border: 1px solid rgba(207, 184, 141, 0.48) !important; border-radius: 32px 5px 32px 5px !important; box-shadow: 0 24px 60px rgba(35, 32, 24, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important; overflow: hidden !important; opacity: 1 !important; transform: none !important; pointer-events: none !important;}
  /* Decorative gold corner */
  #home.dm-hero .dm-art-stage::before{content: ""; position: absolute; top: 0; left: 0; z-index: 8; width: 95px; height: 4px; background: linear-gradient( 90deg, var(--dm-rsp-gold), transparent ); pointer-events: none;}
  #home.dm-hero .dm-art-stage::after{content: ""; position: absolute; right: 0; bottom: 0; z-index: 8; width: 95px; height: 4px; background: linear-gradient( 270deg, var(--dm-rsp-gold), transparent ); pointer-events: none;}
  /* Hide rotating decorative artwork elements */
  #home.dm-hero .dm-art-ring, #home.dm-hero .dm-art-light{display: none !important;}
  /* Main conference image */
  #home.dm-hero .dm-hero-art{position: relative !important; inset: auto !important; z-index: 5; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; border: 0 !important; border-radius: 25px 3px 25px 3px !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; filter: none !important; transform: none !important;}
  /* =======================================================
       TAGLINE PANEL
    ======================================================= */
  #home.dm-hero .dm-hero-tagline{position: relative !important; inset: auto !important; z-index: 22; grid-area: dm-tagline !important; display: grid !important; grid-template-columns: auto auto minmax(220px, 1fr) !important; align-items: center !important; justify-content: start !important; gap: 12px 18px !important; width: 100% !important; max-width: none !important; min-height: auto !important; margin: 18px 0 0 !important; padding: 20px 26px !important; background: linear-gradient( 120deg, var(--dm-rsp-dark-soft) 0%, var(--dm-rsp-dark) 100% ) !important; border: 1px solid rgba(207, 184, 141, 0.56) !important; border-radius: 5px 27px 5px 27px !important; color: var(--dm-rsp-white) !important; box-shadow: 0 20px 48px rgba(27, 27, 23, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important; text-align: left !important; overflow: hidden !important; opacity: 1 !important; visibility: visible !important; transform: none !important;}
  /* Gold left edge */
  #home.dm-hero .dm-hero-tagline::before{content: ""; position: absolute; top: 16px; bottom: 16px; left: 0; width: 4px; height: auto; background: linear-gradient( 180deg, transparent, var(--dm-rsp-gold) 18%, var(--dm-rsp-gold) 82%, transparent ); box-shadow: 0 0 15px rgba(207, 184, 141, 0.48);}
  /* Premium corner */
  #home.dm-hero .dm-hero-tagline::after{content: ""; position: absolute; top: 12px; right: 13px; width: 30px; height: 30px; border-top: 1px solid rgba(207, 184, 141, 0.64); border-right: 1px solid rgba(207, 184, 141, 0.64); pointer-events: none;}
  /* Tagline general text */
  #home.dm-hero .dm-hero-tagline > span{position: relative !important; inset: auto !important; z-index: 2; display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: var(--dm-rsp-white) !important; -webkit-text-fill-color: var(--dm-rsp-white) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-align: left !important; text-transform: none !important; opacity: 1 !important; visibility: visible !important; text-shadow: 0 2px 9px rgba(0, 0, 0, 0.25) !important; transform: none !important;}
  /* Elevating Your Event */
  #home.dm-hero .dm-hero-tagline > span:first-child{font-size: 17px !important; font-weight: 750 !important; white-space: nowrap !important;}
  /* Experience with */
  #home.dm-hero .dm-hero-tagline > span:nth-child(2){color: rgba(255, 255, 255, 0.68) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap !important;}
  /* Gold Standards */
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{justify-self: end !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; margin: 0 !important; color: var(--dm-rsp-gold) !important; -webkit-text-fill-color: var(--dm-rsp-gold) !important; font-size: clamp(27px, 4.1vw, 38px) !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.04em !important; white-space: nowrap !important; text-align: right !important; text-shadow: 0 3px 15px rgba(0, 0, 0, 0.34), 0 0 14px rgba(207, 184, 141, 0.12) !important;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis::before{content: ""; display: block; width: 32px; height: 2px; flex: 0 0 32px; background: var(--dm-rsp-gold); box-shadow: 0 0 10px rgba(207, 184, 141, 0.44);}
  #home.dm-hero .dm-hero-tagline:hover .dm-tagline-emphasis, #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis:hover{color: var(--dm-rsp-gold) !important; -webkit-text-fill-color: var(--dm-rsp-gold) !important;}
  /* =======================================================
       SCROLL CUE
    ======================================================= */
  #home.dm-hero .dm-scroll-cue{display: none !important;}
  /* =======================================================
       BACKGROUND DECORATIONS
    ======================================================= */
  #home.dm-hero .dm-hero-backdrop{overflow: hidden !important;}
  #home.dm-hero .dm-backdrop-grid{opacity: 0.16 !important;}
  #home.dm-hero .dm-backdrop-orbit-one{width: 620px !important; height: 620px !important; opacity: 0.25 !important;}
  #home.dm-hero .dm-backdrop-orbit-two{display: none !important;}
  #home.dm-hero .dm-backdrop-glow{opacity: 0.42 !important;}
  /* =======================================================
       OUTER FRAME CORNERS
    ======================================================= */
  #home.dm-hero .dm-frame-corner{width: 25px !important; height: 25px !important; opacity: 0.68 !important;}
  #home.dm-hero .dm-frame-corner-tl, #home.dm-hero .dm-frame-corner-bl{left: 10px !important;}
  #home.dm-hero .dm-frame-corner-tr, #home.dm-hero .dm-frame-corner-br{right: 10px !important;}
  #home.dm-hero .dm-frame-corner-tl, #home.dm-hero .dm-frame-corner-tr{top: 10px !important;}
  #home.dm-hero .dm-frame-corner-bl, #home.dm-hero .dm-frame-corner-br{bottom: 10px !important;}
}
/* =========================================================
   TABLET PORTRAIT ADJUSTMENT
   768px – 991.98px
========================================================= */
@media (min-width: 768px) and (max-width: 991.98px){
  #home.dm-hero .dm-hero-frame{padding-right: clamp(34px, 5vw, 52px) !important; padding-left: clamp(34px, 5vw, 52px) !important;}
  #home.dm-hero .dm-mobile-heading{max-width: 700px !important;}
  #home.dm-hero .dm-mobile-heading h1{font-size: clamp(58px, 8vw, 76px) !important;}
  #home.dm-hero .dm-art-stage{padding: 11px !important;}
  #home.dm-hero .dm-hero-tagline{grid-template-columns: auto auto minmax(260px, 1fr) !important;}
}
/* =========================================================
   MOBILE DESIGN
   Up to 767.98px
========================================================= */
@media (max-width: 767.98px){
  #home.dm-hero .dm-hero-frame{padding: max(17px, env(safe-area-inset-top)) 17px max(22px, env(safe-area-inset-bottom)) !important;}
  /* Top bar */
  #home.dm-hero .dm-mobile-topbar{min-height: 50px !important; margin-bottom: 30px !important;}
  #home.dm-hero .dm-mobile-logo-link{max-width: 150px !important; height: 46px !important;}
  #home.dm-hero .dm-mobile-menu-button{width: 45px !important; height: 45px !important; flex-basis: 45px !important;}
  #home.dm-hero .dm-mobile-menu-button span{width: 19px !important;}
  /* Mobile heading */
  #home.dm-hero .dm-mobile-heading{max-width: 100% !important; margin-bottom: 24px !important;}
  #home.dm-hero .dm-mobile-heading .dm-title-accent{width: 58px !important; margin-bottom: 15px !important;}
  #home.dm-hero .dm-mobile-heading h1{font-size: clamp(39px, 11.7vw, 58px) !important; line-height: 0.95 !important; letter-spacing: -0.055em !important;}
  /* Mobile image */
  #home.dm-hero .dm-art-stage{padding: 7px !important; border-radius: 22px 4px 22px 4px !important;}
  #home.dm-hero .dm-art-stage::before, #home.dm-hero .dm-art-stage::after{width: 65px !important; height: 3px !important;}
  #home.dm-hero .dm-hero-art{border-radius: 17px 3px 17px 3px !important;}
  /* Mobile tagline becomes centered vertical panel */
  #home.dm-hero .dm-hero-tagline{display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; margin-top: 14px !important; padding: 18px 18px 19px !important; border-radius: 4px 22px 4px 22px !important; text-align: center !important;}
  #home.dm-hero .dm-hero-tagline::before{top: auto !important; right: 25px !important; bottom: 0 !important; left: 25px !important; width: auto !important; height: 3px !important; background: linear-gradient( 90deg, transparent, var(--dm-rsp-gold), transparent ) !important;}
  #home.dm-hero .dm-hero-tagline::after{top: 10px !important; right: 11px !important; width: 25px !important; height: 25px !important;}
  #home.dm-hero .dm-hero-tagline > span{width: 100% !important; text-align: center !important;}
  #home.dm-hero .dm-hero-tagline > span:first-child{font-size: clamp(17px, 4.8vw, 20px) !important; white-space: normal !important;}
  #home.dm-hero .dm-hero-tagline > span:nth-child(2){margin-top: 1px !important; font-size: clamp(12px, 3.6vw, 14px) !important; white-space: normal !important;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{align-self: center !important; justify-self: auto !important; justify-content: center !important; width: 100% !important; margin-top: 8px !important; font-size: clamp(25px, 7.5vw, 32px) !important; white-space: normal !important; text-align: center !important;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis::before{display: none !important;}
  /* Background */
  #home.dm-hero .dm-backdrop-orbit-one{width: 430px !important; height: 430px !important; opacity: 0.2 !important;}
  #home.dm-hero .dm-frame-corner{width: 21px !important; height: 21px !important;}
  #home.dm-hero .dm-frame-corner-tl, #home.dm-hero .dm-frame-corner-bl{left: 7px !important;}
  #home.dm-hero .dm-frame-corner-tr, #home.dm-hero .dm-frame-corner-br{right: 7px !important;}
  #home.dm-hero .dm-frame-corner-tl, #home.dm-hero .dm-frame-corner-tr{top: 7px !important;}
  #home.dm-hero .dm-frame-corner-bl, #home.dm-hero .dm-frame-corner-br{bottom: 7px !important;}
}
/* =========================================================
   SMALL MOBILE
   Up to 479.98px
========================================================= */
@media (max-width: 479.98px){
  #home.dm-hero .dm-hero-frame{padding: max(14px, env(safe-area-inset-top)) 13px max(17px, env(safe-area-inset-bottom)) !important;}
  #home.dm-hero .dm-mobile-topbar{margin-bottom: 25px !important;}
  #home.dm-hero .dm-mobile-logo-link{max-width: 130px !important; height: 42px !important;}
  #home.dm-hero .dm-mobile-menu-button{width: 42px !important; height: 42px !important; flex-basis: 42px !important;}
  #home.dm-hero .dm-mobile-heading{margin-bottom: 20px !important;}
  #home.dm-hero .dm-mobile-heading .dm-title-accent{width: 50px !important; margin-bottom: 13px !important;}
  #home.dm-hero .dm-mobile-heading h1{font-size: clamp(36px, 11.2vw, 49px) !important;}
  #home.dm-hero .dm-art-stage{padding: 5px !important; border-radius: 18px 3px 18px 3px !important;}
  #home.dm-hero .dm-hero-art{border-radius: 14px 2px 14px 2px !important;}
  #home.dm-hero .dm-hero-tagline{margin-top: 11px !important; padding: 16px 13px 17px !important;}
  #home.dm-hero .dm-hero-tagline > span:first-child{font-size: 16px !important;}
  #home.dm-hero .dm-hero-tagline > span:nth-child(2){font-size: 12px !important;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{font-size: clamp(23px, 7.3vw, 29px) !important;}
}
/* =========================================================
   VERY SMALL MOBILE
   Up to 359.98px
========================================================= */
@media (max-width: 359.98px){
  #home.dm-hero .dm-hero-frame{padding-right: 10px !important; padding-left: 10px !important;}
  #home.dm-hero .dm-mobile-logo-link{max-width: 116px !important; height: 39px !important;}
  #home.dm-hero .dm-mobile-menu-button{width: 39px !important; height: 39px !important; flex-basis: 39px !important;}
  #home.dm-hero .dm-mobile-menu-button span{width: 17px !important;}
  #home.dm-hero .dm-mobile-heading h1{font-size: clamp(33px, 10.8vw, 42px) !important;}
  #home.dm-hero .dm-hero-tagline{padding-right: 10px !important; padding-left: 10px !important;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{font-size: 22px !important;}
}
/* =========================================================
   TABLET AND MOBILE LANDSCAPE
========================================================= */
@media (max-width: 991.98px) and (orientation: landscape) and (max-height: 600px){
  #home.dm-hero .dm-hero-frame{grid-template-columns: minmax(245px, 0.82fr) minmax(360px, 1.18fr) !important; grid-template-rows: auto auto auto !important; grid-template-areas: "dm-topbar dm-topbar" "dm-heading dm-artwork" "dm-tagline dm-artwork" !important; column-gap: 25px !important; row-gap: 14px !important; padding: 14px 24px 20px !important;}
  #home.dm-hero .dm-mobile-topbar{margin-bottom: 5px !important;}
  #home.dm-hero .dm-mobile-logo-link{height: 43px !important;}
  #home.dm-hero .dm-mobile-menu-button{width: 43px !important; height: 43px !important; flex-basis: 43px !important;}
  #home.dm-hero .dm-mobile-heading{align-self: center !important; margin: 0 !important;}
  #home.dm-hero .dm-mobile-heading .dm-title-accent{margin-bottom: 12px !important;}
  #home.dm-hero .dm-mobile-heading h1{font-size: clamp(38px, 6vw, 54px) !important;}
  #home.dm-hero .dm-art-stage{align-self: center !important; margin: 0 !important;}
  #home.dm-hero .dm-hero-tagline{align-self: end !important; align-items: flex-start !important; margin: 0 !important; padding: 14px 17px 15px 21px !important; text-align: left !important;}
  #home.dm-hero .dm-hero-tagline::before{top: 13px !important; right: auto !important; bottom: 13px !important; left: 0 !important; width: 3px !important; height: auto !important; background: linear-gradient( 180deg, transparent, var(--dm-rsp-gold), transparent ) !important;}
  #home.dm-hero .dm-hero-tagline > span, #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{text-align: left !important;}
  #home.dm-hero .dm-hero-tagline .dm-tagline-emphasis{align-self: flex-start !important; justify-content: flex-start !important; margin-top: 5px !important; font-size: 24px !important;}
}
/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce){
  #home.dm-hero .dm-mobile-heading, #home.dm-hero .dm-mobile-heading h1, #home.dm-hero .dm-mobile-heading h1 > span, #home.dm-hero .dm-art-stage, #home.dm-hero .dm-hero-art, #home.dm-hero .dm-hero-tagline, #home.dm-hero .dm-mobile-menu-button{animation: none !important; transition: none !important;}
}
/* =========================================================
   PREMIUM SERVICE NAVIGATION
   TABLET AND MOBILE HORIZONTAL SCROLL FIX
========================================================= */
@media (max-width: 1279.98px){
  .dmr-premium-service-nav .dmr-premium-service-nav__tabs-wrap{position: relative; min-width: 0; width: 100%; overflow: hidden;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tabs{display: flex !important; flex-wrap: nowrap !important; align-items: stretch; width: 100%; min-width: 0; overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; -ms-overflow-style: none; touch-action: pan-x; -webkit-overflow-scrolling: touch;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tabs::-webkit-scrollbar{display: none; width: 0; height: 0;}
  .dmr-premium-service-nav .dmr-premium-service-nav__tab{flex: 0 0 190px !important; width: 190px; min-width: 190px; scroll-snap-align: center; scroll-snap-stop: always;}
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 767.98px){
  .dmr-premium-service-nav .dmr-premium-service-nav__tab{flex: 0 0 calc(100% - 18px) !important; width: calc(100% - 18px); min-width: calc(100% - 18px); scroll-snap-align: center;}
}
/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 479.98px){
  .dmr-premium-service-nav .dmr-premium-service-nav__tab{flex-basis: calc(100% - 10px) !important; width: calc(100% - 10px); min-width: calc(100% - 10px);}
}
/* ============================================================
   DESIGN MASTER EVENTS
   FEATURED VIDEOS - MANUAL SCROLL OVERRIDE
   Unique Class: .dm-manual-video-scroll
   This CSS ONLY affects the Featured Event Videos section.
   Existing layout / cards / images / Fancybox remain unchanged.
============================================================ */
/* ============================================================
   MANUAL SCROLL COLUMN
============================================================ */
.dm-manual-video-scroll .dm-video-column {
    position: relative;
    /* Manual scrolling */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    /* Smooth native scrolling */
    scroll-behavior: smooth;
    /* Smooth scrolling on iPhone / iPad */
    -webkit-overflow-scrolling: touch;
    /* Prevent page scroll chain when column reaches the end */
    overscroll-behavior-y: contain;
    /* Allow vertical touch gesture */
    touch-action: pan-y;
    /* Stop any animation being applied directly to column */
    animation: none !important;
    transform: none !important;
}
/* ============================================================
   STOP EXISTING AUTO MOVEMENT
============================================================ */
.dm-manual-video-scroll .dm-video-track {
    position: relative;
    /*
       Important:
       Overrides the existing JavaScript/CSS auto scrolling
       without affecting the card design.
    */
    transform: none !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
    top: auto !important;
    bottom: auto !important;
}
/* ============================================================
   KEEP VIDEO GROUP STATIC
============================================================ */
.dm-manual-video-scroll .dm-video-group {
    position: relative;
    transform: none !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
}
/* ============================================================
   MANUAL SCROLLBAR
   Very subtle so original design remains unchanged
============================================================ */
.dm-manual-video-scroll .dm-video-column {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}
/* Chrome / Edge / Safari */
.dm-manual-video-scroll .dm-video-column::-webkit-scrollbar {
    width: 5px;
}
.dm-manual-video-scroll .dm-video-column::-webkit-scrollbar-track {
    background: transparent;
}
.dm-manual-video-scroll .dm-video-column::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.20);
    border-radius: 50px;
}
.dm-manual-video-scroll .dm-video-column::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.42);
}
.mobile-03{display: none!important;}
@media only screen and (max-width:475px){
.mobile-03{display: block!important;}
.desktop-03{display:none!important;}
.padding-left-right{padding-left: 0%;padding-right: 0%;}}
/* ============================================================
   KEEP VIDEO BUTTON / FANCYBOX CLICK NORMAL
============================================================ */
.dm-manual-video-scroll .dm-video-card,
.dm-manual-video-scroll .dm-video-card__button {
    transform: none;
}
/* ============================================================
   MOBILE / TABLET
============================================================ */
@media (max-width: 991.98px) {
    .dm-manual-video-scroll .dm-video-column {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
    }
}
@media (max-width: 767.98px) {
    .dm-manual-video-scroll .dm-video-column {
        scroll-behavior: smooth;
    }
}
/* =========================================================
   ANIMATED HORIZONTAL LINE
   BLACK BACKGROUND
========================================================= */
.hr-animated-contact {
    position: relative;
    width: 100%;
    height: 2px;
    margin: 35px 0;
    border: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.10);
}
/* Animated light beam */
.hr-animated-contact::before {
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    width: 35%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.25) 25%,
        #ffffff 50%,
        rgba(255, 255, 255, 0.25) 75%,
        transparent 100%
    );
    box-shadow:
        0 0 8px rgba(255, 255, 255, 0.7),
        0 0 18px rgba(255, 255, 255, 0.35);
    animation: dmContactLineMove 3.2s linear infinite;
}
/* =========================================================
   ANIMATION
========================================================= */
@keyframes dmContactLineMove {
    0% {
        left: -35%;
    }
    100% {
        left: 100%;
    }
}
/* =========================================================
   OFFICE TITLE WITH COUNTRY FLAG
========================================================= */
.dm-office-title {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 0;
    line-height: 1.2;
}
/* Flag */
.dm-office-title__flag {
    display: block;
    /*width: 34px;*/
    height: 34px;
    flex: 0 0 34px;
    /*object-fit: cover;
    border-radius: 50%;
    background: #ffffff;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.16),
        0 0 0 2px rgba(255, 255, 255, 0.12);
    */
}
/* =========================================================
   LAPTOP
========================================================= */
@media (max-width: 1199.98px) {
    .dm-office-title {
        gap: 9px;
    }
    .dm-office-title__flag {
        /*width: 32px;*/
        height: 32px;
        flex-basis: 32px;
    }
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 991.98px) {
    .dm-office-title__flag {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }
}
/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 575.98px) {
    .dm-office-title {
        gap: 8px;
    }
    .dm-office-title__flag {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }
}
/* ============================================================
   DESIGN MASTER
   PARTICIPANTS APP + WEBINAR / VIRTUAL BOOTH
   FINAL RESPONSIVE LAYOUT
============================================================ */
/* ============================================================
   DIGITAL SERVICES ROW
============================================================ */
.dm-solutions-pair--digital {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
    overflow: hidden;
}
/* ============================================================
   DIGITAL CARDS
============================================================ */
.dm-solutions-pair--digital > .dm-card {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 420px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    isolation: isolate;
}
/* ============================================================
   DIGITAL CARD IMAGES
============================================================ */
.dm-solutions-pair--digital > .dm-card > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    display: block;
    object-fit: cover;
    object-position: center center;
    transition:
        transform 0.85s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.85s ease;
}
/* ============================================================
   PARTICIPANTS APP IMAGE POSITION
============================================================ */
.dm-solutions-pair--digital .dm-card-app > img {
    object-position: center center;
}
/* ============================================================
   WEBINAR IMAGE POSITION
============================================================ */
.dm-solutions-pair--digital .dm-card-webinar > img {
    object-position: center center;
}
/* ============================================================
   ENSURE OVERLAYS STAY ABOVE IMAGE
============================================================ */
.dm-solutions-pair--digital .dm-card-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}
.dm-solutions-pair--digital .dm-card-line {
    z-index: 2;
}
.dm-solutions-pair--digital .dm-card-content {
    z-index: 3;
}
/* ============================================================
   HOVER IMAGE EFFECT
============================================================ */
@media (hover: hover) and (pointer: fine) {
    .dm-solutions-pair--digital > .dm-card:hover > img {
        transform: scale(1.045);
    }
}
/* ============================================================
   LARGE DESKTOP
   1600px +
============================================================ */
@media (min-width: 1600px) {
    .dm-solutions-pair--digital > .dm-card {
        height: 460px;
    }
}
/* ============================================================
   STANDARD DESKTOP
   1400px - 1599px
============================================================ */
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dm-solutions-pair--digital > .dm-card {
        height: 430px;
    }
}
/* ============================================================
   LAPTOP
   1200px - 1399px
============================================================ */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dm-solutions-pair--digital > .dm-card {
        height: 400px;
    }
}
/* ============================================================
   SMALL LAPTOP
   992px - 1199px
============================================================ */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .dm-solutions-pair--digital {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);
    }
    .dm-solutions-pair--digital > .dm-card {
        height: 360px;
    }
    .dm-solutions-pair--digital .dm-card-content strong {
        line-height: 1.15;
    }
}
/* ============================================================
   TABLET
   768px - 991px
============================================================ */
@media (min-width: 768px) and (max-width: 991.98px) {
    .dm-solutions-pair--digital {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);
        width: 100%;
    }
    .dm-solutions-pair--digital > .dm-card {
        width: 100%;
        height: 340px;
    }
    .dm-solutions-pair--digital .dm-card-content {
        max-width: calc(100% - 30px);
    }
    .dm-solutions-pair--digital .dm-card-content strong {
        line-height: 1.18;
    }
}
/* ============================================================
   MOBILE
   BELOW 768px
============================================================ */
@media (max-width: 767.98px) {
    .dm-solutions-pair--digital {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        gap: 0;
    }
    .dm-solutions-pair--digital > .dm-card {
        width: 100%;
        height: 380px;
    }
    .dm-solutions-pair--digital > .dm-card > img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    .dm-solutions-pair--digital .dm-card-content {
        max-width: calc(100% - 40px);
    }
}
/* ============================================================
   MOBILE
   576px - 767px
============================================================ */
@media (min-width: 576px) and (max-width: 767.98px) {
    .dm-solutions-pair--digital > .dm-card {
        height: 360px;
    }
}
/* ============================================================
   SMALL MOBILE
   BELOW 576px
============================================================ */
@media (max-width: 575.98px) {
    .dm-solutions-pair--digital > .dm-card {
        height: 330px;
    }
    .dm-solutions-pair--digital .dm-card-content {
        max-width: calc(100% - 30px);
    }
    .dm-solutions-pair--digital .dm-card-content strong {
        line-height: 1.2;
    }
}
/* ============================================================
   SMALL PHONES
   BELOW 480px
============================================================ */
@media (max-width: 479.98px) {
    .dm-solutions-pair--digital > .dm-card {
        height: 310px;
    }
}
/* ============================================================
   VERY SMALL PHONES
   BELOW 400px
============================================================ */
@media (max-width: 399.98px) {
    .dm-solutions-pair--digital > .dm-card {
        height: 290px;
    }
    .dm-solutions-pair--digital .dm-card-content {
        max-width: calc(100% - 24px);
    }
}
/* ============================================================
   VERY NARROW PHONES
============================================================ */
@media (max-width: 359.98px) {
    .dm-solutions-pair--digital > .dm-card {
        height: 270px;
    }
}
/* ============================================================
   DESIGN MASTER
   DIGITAL & HYBRID CONFERENCES
   PREMIUM EDITORIAL CONTENT
   UNIQUE PREFIX: dm-dhc
============================================================ */
/* ============================================================
   MAIN WRAPPER
============================================================ */
.dm-dhc-list {
    position: relative;
    width: 100%;
    margin: 30px 0 0;
    background: #ffffff;
    border-top: 1px solid rgba(18, 18, 18, 0.12);
    border-bottom: 1px solid rgba(18, 18, 18, 0.12);
}
/* ============================================================
   SINGLE ROW
============================================================ */
.dm-dhc-item {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(190px, 31%)
        minmax(0, 69%);
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border-bottom: 1px solid rgba(18, 18, 18, 0.10);
    overflow: hidden;
    transition:
        background-color 0.4s ease,
        box-shadow 0.4s ease;
}
.dm-dhc-item:last-child {
    border-bottom: 0;
}
/* subtle premium hover */
@media (hover: hover) and (pointer: fine) {
    .dm-dhc-item:hover {
        background: #fafafa;
    }
}
/* ============================================================
   TITLE COLUMN
============================================================ */
.dm-dhc-item__title {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 30px 30px 30px 4px;
}
/* subtle accent */
.dm-dhc-item__title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 32px;
    width: 3px;
    height: 0;
    background: #191919;
    transition:
        height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
    .dm-dhc-item:hover
    .dm-dhc-item__title::before {
        height: 36px;
    }
}
/* ============================================================
   TITLE
============================================================ */
.dm-dhc-item__title h3 {
    position: relative;
    margin: 0 !important;
    padding: 0 0 0 18px !important;
    max-width: 260px;
    font-size: clamp(17px, 1.15vw, 21px) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px;
    color: #181818 !important;
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
    .dm-dhc-item:hover
    .dm-dhc-item__title h3 {
        transform: translateX(4px);
    }
}
/* ============================================================
   CONTENT COLUMN
============================================================ */
.dm-dhc-item__content {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 28px 10px 28px 34px;
    border-left: 1px solid rgba(18, 18, 18, 0.09);
}
/* ============================================================
   DESCRIPTION
============================================================ */
.dm-dhc-item__content p {
    width: 100%;
    max-width: 920px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.78 !important;
    font-weight: 400 !important;
    letter-spacing: 0;
    color: #626262 !important;
}
/* ============================================================
   LARGE DESKTOP
============================================================ */
@media (min-width: 1600px) {
    .dm-dhc-item {
        grid-template-columns:
            minmax(220px, 30%)
            minmax(0, 70%);
    }
    .dm-dhc-item__title {
        padding-top: 34px;
        padding-bottom: 34px;
    }
    .dm-dhc-item__content {
        padding-top: 32px;
        padding-bottom: 32px;
        padding-left: 38px;
    }
    .dm-dhc-item__content p {
        font-size: 15px !important;
    }
}
/* ============================================================
   LAPTOP
============================================================ */
@media (min-width: 992px) and (max-width: 1399.98px) {
    .dm-dhc-item {
        grid-template-columns:
            minmax(180px, 32%)
            minmax(0, 68%);
    }
    .dm-dhc-item__title {
        padding: 26px 24px 26px 4px;
    }
    .dm-dhc-item__content {
        padding: 25px 5px 25px 28px;
    }
    .dm-dhc-item__content p {
        font-size: 14px !important;
        line-height: 1.72 !important;
    }
}
/* ============================================================
   TABLET
============================================================ */
@media (min-width: 768px) and (max-width: 991.98px) {
    .dm-dhc-list {
        margin-top: 25px;
    }
    .dm-dhc-item {
        grid-template-columns:
            minmax(165px, 32%)
            minmax(0, 68%);
    }
    .dm-dhc-item__title {
        padding: 24px 20px 24px 4px;
    }
    .dm-dhc-item__title h3 {
        padding-left: 15px !important;
        font-size: 16px !important;
    }
    .dm-dhc-item__content {
        padding: 22px 5px 22px 24px;
    }
    .dm-dhc-item__content p {
        font-size: 13.5px !important;
        line-height: 1.7 !important;
    }
}
/* ============================================================
   MOBILE
============================================================ */
@media (max-width: 767.98px) {
    .dm-dhc-list {
        margin-top: 22px;
    }
    .dm-dhc-item {
        display: block;
        padding: 0;
    }
    .dm-dhc-item__title {
        display: block;
        padding: 21px 18px 9px;
    }
    .dm-dhc-item__title::before {
        left: 18px;
        top: 24px;
        width: 3px;
        height: 24px;
    }
    .dm-dhc-item__title h3 {
        max-width: 100%;
        padding-left: 16px !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
    .dm-dhc-item__content {
        display: block;
        padding: 0 18px 22px 37px;
        border-left: 0;
    }
    .dm-dhc-item__content p {
        font-size: 13.5px !important;
        line-height: 1.72 !important;
    }
}
/* ============================================================
   SMALL MOBILE
============================================================ */
@media (max-width: 479.98px) {
    .dm-dhc-item__title {
        padding:
            19px
            15px
            8px;
    }
    .dm-dhc-item__title::before {
        left: 15px;
        top: 22px;
        height: 22px;
    }
    .dm-dhc-item__title h3 {
        padding-left: 14px !important;
        font-size: 17px !important;
    }
    .dm-dhc-item__content {
        padding:
            0
            15px
            20px
            32px;
    }
    .dm-dhc-item__content p {
        font-size: 13px !important;
        line-height: 1.68 !important;
    }
}	
/* ============================================================
   3D VIRTUAL BOOTH EXPANDABLE GALLERY
   UNIQUE PREFIX: dm-dhc-booth
============================================================ */
.dm-dhc-booth-content {
    width: 100%;
}
/* ============================================================
   VIEW BUTTON
============================================================ */
.dm-dhc-booth-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 18px 0 0;
    padding: 0 0 7px;
    border: 0;
    border-bottom: 1px solid #1c1c1c;
    color: #1d1d1d;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        padding-right 0.35s ease;
}
.dm-dhc-booth-toggle::after {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    margin-left: 12px;
    background: #1c1c1c;
    transition:
        width 0.35s ease,
        transform 0.35s ease;
}
.dm-dhc-booth-toggle:hover {
    padding-right: 5px;
}
.dm-dhc-booth-toggle:hover::after {
    width: 34px;
}
/* ============================================================
   OPEN / CLOSE TEXT
============================================================ */
.dm-dhc-booth-toggle__hide {
    display: none;
}
.dm-dhc-booth-toggle[aria-expanded="true"]
.dm-dhc-booth-toggle__show {
    display: none;
}
.dm-dhc-booth-toggle[aria-expanded="true"]
.dm-dhc-booth-toggle__hide {
    display: inline;
}
.dm-dhc-booth-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}
/* ============================================================
   COLLAPSE AREA
============================================================ */
.dm-dhc-booth-collapse {
    width: 100%;
}
/* ============================================================
   GALLERY
============================================================ */
.dm-dhc-booth-gallery {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    margin-top: 25px;
    padding-top: 24px;
    border-top: 1px solid rgba(20, 20, 20, 0.10);
}
/* ============================================================
   SINGLE BOOTH
============================================================ */
.dm-dhc-booth {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f2f2f2;
    aspect-ratio: 16 / 10;
}
.dm-dhc-booth img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition:
        transform 0.65s cubic-bezier(.16, 1, .3, 1),
        filter 0.45s ease;
}
/* ============================================================
   SUBTLE HOVER
============================================================ */
@media (hover: hover) and (pointer: fine) {
    .dm-dhc-booth:hover img {
        transform: scale(1.045);
    }
}
/* ============================================================
   TABLET
============================================================ */
@media (max-width: 991.98px) {
    .dm-dhc-booth-gallery {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}
/* ============================================================
   MOBILE
============================================================ */
@media (max-width: 575.98px) {
    .dm-dhc-booth-toggle {
        margin-top: 15px;
        font-size: 11px;
    }
    .dm-dhc-booth-gallery {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 20px;
        padding-top: 20px;
    }
    .dm-dhc-booth {
        aspect-ratio: 16 / 10;
    }
}
.dm-dhc-booth-toggle__show{color:#633b2c;}
..dm-dhc-booth-toggle__hide{color:#000!important;}
/* ============================================================
   VIRTUAL 360 / 3D BOOTH LINKS
============================================================ */
.dm-dhc-booth-gallery {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 22px;
    border-top: 1px solid rgba(20, 20, 20, 0.12);
}
/* ============================================================
   LINK
============================================================ */
.dm-dhc-booth-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 68px;
    padding: 14px 5px;
    border-bottom: 1px solid rgba(20, 20, 20, 0.10);
    color: #1d1d1d;
    text-decoration: none;
    transition:
        padding-left 0.4s cubic-bezier(.16, 1, .3, 1),
        padding-right 0.4s cubic-bezier(.16, 1, .3, 1),
        background-color 0.35s ease;
}
/* LEFT ACCENT */
.dm-dhc-booth-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 0;
    background: #1d1d1d;
    transform: translateY(-50%);
    transition: height 0.4s cubic-bezier(.16, 1, .3, 1);
}
/* ============================================================
   LEFT SIDE
============================================================ */
.dm-dhc-booth-link__left {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}
/* ============================================================
   VIRTUAL / 3D ICON
============================================================ */
.dm-dhc-booth-link__virtual-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(20, 20, 20, 0.12);
    border-radius: 50%;
    color: #1d1d1d;
    background: #f7f7f7;
    transition:
        color 0.35s ease,
        background-color 0.35s ease,
        border-color 0.35s ease,
        transform 0.4s cubic-bezier(.16, 1, .3, 1);
}
.dm-dhc-booth-link__virtual-icon i {
    font-size: 18px;
    line-height: 1;
    color: inherit;
}
/* ============================================================
   NAME
============================================================ */
.dm-dhc-booth-link__name {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.035em;
    color: #1d1d1d;
}
/* ============================================================
   OPEN PAGE ICON
============================================================ */
.dm-dhc-booth-link__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    margin-left: 15px;
    border: 1px solid rgba(20, 20, 20, 0.18);
    border-radius: 50%;
    color: #1d1d1d;
    transition:
        transform 0.4s cubic-bezier(.16, 1, .3, 1),
        background-color 0.35s ease,
        color 0.35s ease,
        border-color 0.35s ease;
}
.dm-dhc-booth-link__icon i {
    font-size: 13px;
    line-height: 1;
}
/* ============================================================
   HOVER
============================================================ */
@media (hover: hover) and (pointer: fine) {
    .dm-dhc-booth-link:hover {
        padding-left: 14px;
        padding-right: 9px;
        background: rgba(0, 0, 0, 0.018);
        color: #1d1d1d;
    }
    .dm-dhc-booth-link:hover::before {
        height: 34px;
    }
    .dm-dhc-booth-link:hover
    .dm-dhc-booth-link__virtual-icon {
        color: #ffffff;
        background: #1d1d1d;
        border-color: #1d1d1d;
        transform: rotateY(180deg);
    }
    .dm-dhc-booth-link:hover
    .dm-dhc-booth-link__icon {
        color: #ffffff;
        background: #1d1d1d;
        border-color: #1d1d1d;
        transform: rotate(45deg);
    }
}
/* ============================================================
   MOBILE
============================================================ */
@media (max-width: 575.98px) {
    .dm-dhc-booth-gallery {
        margin-top: 18px;
    }
    .dm-dhc-booth-link {
        min-height: 62px;
        padding: 12px 2px;
    }
    .dm-dhc-booth-link__left {
        gap: 10px;
    }
    .dm-dhc-booth-link__virtual-icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }
    .dm-dhc-booth-link__virtual-icon i {
        font-size: 16px;
    }
    .dm-dhc-booth-link__name {
        font-size: 14px;
    }
    .dm-dhc-booth-link__icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        margin-left: 10px;
    }
}
/* ============================================================
   DESIGN MASTER ABOUT PAGE
   PREMIUM FOUNDER / CO-FOUNDER EXPERIENCE
============================================================ */
.dm-about-premium {
    --dmab-dark: #191d1b;
    --dmab-dark-soft: #272b29;
    --dmab-gold: #b28f53;
    --dmab-gold-light: #d2b273;
    --dmab-gold-soft: rgba(178, 143, 83, 0.13);
    --dmab-text: #666d69;
    --dmab-muted: #919692;
    --dmab-paper: #f8f5ef;
    --dmab-paper-light: #fcfaf6;
    --dmab-border: rgba(23, 28, 25, 0.11);
    position: relative;
    width: 100%;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(
            135deg,
            #f8f5ef 0%,
            #faf8f4 48%,
            #f5f2ec 100%
        );
}
/* ============================================================
   CONTAINER
============================================================ */
.dm-about-premium .dm-about-premium__container {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding-left:
        clamp(25px, 6vw, 120px);
    padding-right:
        clamp(25px, 6vw, 120px);
}
/* ============================================================
   BACKGROUND
============================================================ */
.dm-about-premium .dm-about-premium__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}
.dm-about-premium .dm-about-premium__grid {
    position: absolute;
    inset: 0;
    opacity: 0.24;
    background-image:
        linear-gradient(
            rgba(25, 29, 27, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(25, 29, 27, 0.035) 1px,
            transparent 1px
        );
    background-size:
        64px
        64px;
    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 8%,
            #000 92%,
            transparent
        );
}
.dm-about-premium .dm-about-premium__glow {
    position: absolute;
    width: 780px;
    height: 780px;
    right: -360px;
    top: 120px;
    border-radius: 50%;
    opacity: 0.08;
    filter: blur(100px);
    background:
        var(--dmab-gold);
}
.dm-about-premium .dm-about-premium__line {
    position: absolute;
    left: 0;
    top: 43%;
    width: 100%;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(178, 143, 83, 0.12),
            transparent
        );
}
/* ============================================================
   EXTRA BACKGROUND ORBS
============================================================ */
.dm-about-premium .dmab-bg-orb {
    position: absolute;
    display: block;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(120px);
}
.dm-about-premium .dmab-bg-orb--one {
    width: 500px;
    height: 500px;
    left: -260px;
    top: 120px;
    opacity: 0.08;
    background:
        var(--dmab-gold);
}
.dm-about-premium .dmab-bg-orb--two {
    width: 600px;
    height: 600px;
    right: -300px;
    bottom: 0;
    opacity: 0.05;
    background:
        var(--dmab-dark);
}
/* ============================================================
   SECTION 01
   LEADERSHIP
============================================================ */
.dm-about-premium .dmab-leadership {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(520px, 0.95fr)
        minmax(480px, 1.05fr);
    gap:
        clamp(70px, 7vw, 140px);
    align-items: center;
    padding-top:
        clamp(90px, 8vw, 145px);
    padding-bottom:
        clamp(60px, 8vw, 60px);
}
/* ============================================================
   FOUNDER / CO-FOUNDER WRAPPER
============================================================ */
.dm-about-premium .dmab-leadership__people {
    position: relative;
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap:
        clamp(22px, 2.2vw, 38px);
    align-items: start;
}
/* ============================================================
   PERSON CARD
============================================================ */
.dm-about-premium .dmab-person {
    position: relative;
    min-width: 0;
    transition:
        transform
        900ms
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium .dmab-person--cofounder {
    margin-top:
        clamp(55px, 5.5vw, 100px);
}
.dm-about-premium .dmab-person:hover {
    transform:
        translateY(-12px);
}
/* ============================================================
   VISUAL
============================================================ */
.dm-about-premium .dmab-person__visual {
    position: relative;
}
/* ============================================================
   IMAGE FRAME
============================================================ */
.dm-about-premium .dmab-person__image-frame {
    position: relative;
    width: 100%;
    padding:
        9px;
    background:
        rgba(255, 255, 255, 0.58);
    border:
        1px solid
        rgba(25, 29, 27, 0.09);
    box-shadow:
        0 35px 80px
        rgba(18, 22, 20, 0.09);
    transition:
        box-shadow
        800ms
        cubic-bezier(.16, 1, .3, 1),
        border-color
        600ms ease;
}
.dm-about-premium
.dmab-person:hover
.dmab-person__image-frame {
    border-color:
        rgba(178, 143, 83, 0.34);
    box-shadow:
        0 45px 100px
        rgba(18, 22, 20, 0.15);
}
/* ============================================================
   IMAGE INNER
============================================================ */
.dm-about-premium .dmab-person__image-inner {
    position: relative;
    width: 100%;
    aspect-ratio:
        0.78 / 1;
    overflow: hidden;
    background:
        #dedbd5;
}
/* ============================================================
   IMAGE
============================================================ */
.dm-about-premium .dmab-person__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:
        center top;
    transform:
        scale(1.015);
    filter:
        saturate(0.9)
        contrast(1.025);
    transition:
        transform
        1.6s
        cubic-bezier(.16, 1, .3, 1),
        filter
        900ms ease;
}
.dm-about-premium
.dmab-person:hover
.dmab-person__image {
    transform:
        scale(1.075);
    filter:
        saturate(1)
        contrast(1.04);
}
/* ============================================================
   IMAGE OVERLAY
============================================================ */
.dm-about-premium .dmab-person__image-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(19, 22, 20, 0) 35%,
            rgba(19, 22, 20, 0.04) 58%,
            rgba(19, 22, 20, 0.45) 100%
        );
}
/* ============================================================
   MOVING LIGHT
============================================================ */
.dm-about-premium .dmab-person__image-light {
    position: absolute;
    z-index: 3;
    top: -25%;
    left: -75%;
    width: 38%;
    height: 150%;
    transform:
        rotate(16deg);
    pointer-events: none;
    opacity: 0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.32),
            transparent
        );
}
.dm-about-premium
.dmab-person:hover
.dmab-person__image-light {
    animation:
        dmabPersonLight
        1.25s
        cubic-bezier(.16, 1, .3, 1)
        forwards;
}
@keyframes dmabPersonLight {
    0% {
        left: -75%;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        left: 140%;
        opacity: 0;
    }
}
/* ============================================================
   SUBTLE IMAGE SCAN
============================================================ */
.dm-about-premium .dmab-person__image-scan {
    position: absolute;
    z-index: 4;
    left: 0;
    top: -15%;
    width: 100%;
    height: 14%;
    opacity: 0.14;
    pointer-events: none;
    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(255, 255, 255, 0.8),
            transparent
        );
    animation:
        dmabImageScan
        7s
        ease-in-out
        infinite;
}
@keyframes dmabImageScan {
    0%,
    18% {
        top: -16%;
        opacity: 0;
    }
    28% {
        opacity: 0.13;
    }
    68% {
        top: 105%;
        opacity: 0.13;
    }
    74%,
    100% {
        top: 105%;
        opacity: 0;
    }
}
/* ============================================================
   CORNERS
============================================================ */
.dm-about-premium .dmab-person__corner {
    position: absolute;
    z-index: 8;
    width: 22px;
    height: 22px;
    pointer-events: none;
    transition:
        width
        600ms
        cubic-bezier(.16, 1, .3, 1),
        height
        600ms
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium .dmab-person__corner--tl {
    left: -5px;
    top: -5px;
    border-left:
        1px solid
        var(--dmab-gold);
    border-top:
        1px solid
        var(--dmab-gold);
}
.dm-about-premium .dmab-person__corner--tr {
    right: -5px;
    top: -5px;
    border-right:
        1px solid
        var(--dmab-gold);
    border-top:
        1px solid
        var(--dmab-gold);
}
.dm-about-premium .dmab-person__corner--bl {
    left: -5px;
    bottom: -5px;
    border-left:
        1px solid
        var(--dmab-gold);
    border-bottom:
        1px solid
        var(--dmab-gold);
}
.dm-about-premium .dmab-person__corner--br {
    right: -5px;
    bottom: -5px;
    border-right:
        1px solid
        var(--dmab-gold);
    border-bottom:
        1px solid
        var(--dmab-gold);
}
.dm-about-premium
.dmab-person:hover
.dmab-person__corner {
    width: 35px;
    height: 35px;
}
/* ============================================================
   FLOATING NUMBER
============================================================ */
.dm-about-premium .dmab-person__number {
    position: absolute;
    z-index: 12;
    left: -17px;
    top: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 59px;
    height: 59px;
    border-radius: 50%;
    color: #ffffff;
    background:
        var(--dmab-dark);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.14em;
    box-shadow:
        0 16px 35px
        rgba(18, 22, 20, 0.19);
    transition:
        transform
        900ms
        cubic-bezier(.16, 1, .3, 1),
        background
        500ms ease;
}
.dm-about-premium
.dmab-person:hover
.dmab-person__number {
    transform:
        rotate(360deg);
    background:
        var(--dmab-gold);
}
/* ============================================================
   VERTICAL LABEL
============================================================ */
.dm-about-premium .dmab-person__vertical {
    position: absolute;
    z-index: 10;
    right: -22px;
    top: 32px;
    writing-mode:
        vertical-rl;
    transform:
        rotate(180deg);
    font-size: 8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color:
        rgba(25, 29, 27, 0.46);
}
/* ============================================================
   PERSON CONTENT
============================================================ */
.dm-about-premium .dmab-person__content {
    position: relative;
    padding:
        26px 8px 0;
}
.dm-about-premium .dmab-person__role {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color:
        var(--dmab-gold);
    font-size: 9px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.19em;
    text-transform: uppercase;
}
.dm-about-premium .dmab-person__role::before {
    content: "";
    width: 30px;
    height: 1px;
    flex: 0 0 auto;
    background:
        var(--dmab-gold);
}
.dm-about-premium .dmab-person__content h3 {
    margin: 0;
    color:
        var(--dmab-dark);
    font-size:
        clamp(22px, 1.9vw, 31px);
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -0.03em;
}
.dm-about-premium .dmab-person__divider {
    position: relative;
    display: block;
    width: 42px;
    height: 1px;
    margin:
        17px 0;
    overflow: hidden;
    background:
        var(--dmab-border);
    transition:
        width
        700ms
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium
.dmab-person:hover
.dmab-person__divider {
    width: 100%;
}
.dm-about-premium
.dmab-person__divider::after {
    content: "";
    position: absolute;
    inset: 0;
    transform:
        translateX(-100%);
    background:
        var(--dmab-gold);
    transition:
        transform
        750ms
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium
.dmab-person:hover
.dmab-person__divider::after {
    transform:
        translateX(0);
}
.dm-about-premium .dmab-person__content p {
    margin: 0;
    color:
        var(--dmab-text);
    font-size:
        clamp(12px, 0.95vw, 14px);
    line-height: 1.75;
}
/* ============================================================
   RIGHT STORY
============================================================ */
.dm-about-premium .dmab-leadership__story {
    position: relative;
    display: grid;
    grid-template-columns:
        108px
        minmax(0, 1fr);
    gap:
        clamp(32px, 3.5vw, 65px);
    align-items: start;
}
/* ============================================================
   STORY NUMBER
============================================================ */
.dm-about-premium .dmab-story-number {
    position: relative;
    padding-top: 5px;
}
.dm-about-premium .dmab-story-number span {
    display: block;
    margin-bottom: 14px;
    color:
        var(--dmab-gold);
    font-size:
        clamp(46px, 4vw, 67px);
    font-weight: 300;
    line-height: 0.9;
    letter-spacing: -0.06em;
}
.dm-about-premium .dmab-story-number small {
    display: block;
    max-width: 105px;
    color:
        var(--dmab-muted);
    font-size: 9px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}
/* ============================================================
   STORY EYEBROW
============================================================ */
.dm-about-premium .dmab-story-eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom:
        clamp(22px, 2.5vw, 34px);
    color:
        var(--dmab-muted);
    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.21em;
    text-transform: uppercase;
}
.dm-about-premium .dmab-story-eyebrow i {
    display: block;
    width: 38px;
    height: 2px;
    background:
        var(--dmab-dark);
}
/* ============================================================
   LEAD TEXT
============================================================ */
.dm-about-premium .dmab-story-lead {
    margin:
        0
        0
        clamp(30px, 3vw, 44px) !important;
color: var(--dm-about-ink);
    font-family: "Oswald", sans-serif;
    font-size: clamp(1.75rem, 2.45vw, 2.75rem);
    font-weight: 400;
    letter-spacing: -0.022em;
    line-height: 1.25;
}	
/* ============================================================
   STORY PARAGRAPHS
============================================================ */
.dm-about-premium
.dmab-story-content > p:not(.dmab-story-lead) {
margin-top:22px;color:var(--dm-about-copy);font-family:"Manrope",sans-serif;font-size:clamp(0.91rem,1vw,1rem);font-weight:500;line-height:1.95;
}
.dm-about-premium__lead{color:var(--dm-about-ink);font-family:"Oswald",sans-serif;font-size:clamp(1.75rem,2.45vw,2.75rem);font-weight:400;letter-spacing:-0.022em;line-height:1.25;}
.dm-about-premium__story-copy p:not(.dm-about-premium__lead){margin-top:22px;color:var(--dm-about-copy);font-family:"Manrope",sans-serif;font-size:clamp(0.91rem,1vw,1rem);font-weight:500;line-height:1.95;}
/* ============================================================
   STORY SEPARATOR
============================================================ */
.dm-about-premium .dmab-story-separator {
    display: flex;
    align-items: center;
    gap: 0;
    width:
        min(180px, 100%);
    margin-bottom:
        clamp(29px, 3vw, 42px);
}
.dm-about-premium .dmab-story-separator span {
    display: block;
    width: 100%;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            var(--dmab-gold),
            rgba(178, 143, 83, 0.08)
        );
}
.dm-about-premium .dmab-story-separator i {
    display: block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background:
        var(--dmab-gold);
    box-shadow:
        0 0 0 6px
        rgba(178, 143, 83, 0.08);
    animation:
        dmabStoryDot
        2.6s
        ease-in-out
        infinite;
}
@keyframes dmabStoryDot {
    0%,
    100% {
        box-shadow:
            0 0 0 4px
            rgba(178, 143, 83, 0.07);
    }
    50% {
        box-shadow:
            0 0 0 11px
            rgba(178, 143, 83, 0);
    }
}
/* ============================================================
   STORY SIGNATURE
============================================================ */
.dm-about-premium .dmab-story-signature {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top:
        clamp(34px, 4vw, 56px);
}
.dm-about-premium
.dmab-story-signature__line {
    position: relative;
    display: block;
    width:
        clamp(55px, 5vw, 90px);
    height: 1px;
    overflow: hidden;
    background:
        rgba(25, 29, 27, 0.13);
}
.dm-about-premium
.dmab-story-signature__line::before {
    content: "";
    position: absolute;
    inset: 0;
    transform:
        translateX(-100%);
    background:
        var(--dmab-gold);
    animation:
        dmabSignatureLine
        4s
        cubic-bezier(.16, 1, .3, 1)
        infinite;
}
@keyframes dmabSignatureLine {
    0% {
        transform:
            translateX(-100%);
    }
    42%,
    68% {
        transform:
            translateX(0);
    }
    100% {
        transform:
            translateX(105%);
    }
}
.dm-about-premium .dmab-story-signature small {
    color:
        var(--dmab-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
/* ============================================================
   SECTION BREAK
============================================================ */
.dm-about-premium .dmab-section-break {
    position: relative;
    display: grid;
    grid-template-columns:
        1fr
        auto
        1fr;
    align-items: center;
    gap: 18px;
    width: 100%;
}
.dm-about-premium
.dmab-section-break span {
    display: block;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(25, 29, 27, 0.14)
        );
}
.dm-about-premium
.dmab-section-break span:last-child {
    transform:
        scaleX(-1);
}
.dm-about-premium
.dmab-section-break i {
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    border:
        1px solid
        var(--dmab-gold);
    transform:
        rotate(45deg);
}
/* ============================================================
   EXISTING LOWER LAYOUT
============================================================ */
.dm-about-premium .dm-about-premium__layout {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(370px, 0.72fr)
        minmax(550px, 1.28fr);
    gap:
        clamp(80px, 9vw, 165px);
    align-items: start;
    padding-top:
        clamp(60px, 8vw, 60px);
    padding-bottom:
        clamp(100px, 9vw, 160px);
}
/* ============================================================
   LOWER INTRO
============================================================ */
.dm-about-premium .dm-about-premium__intro {
    position: relative;
}
.dm-about-premium
.dm-about-premium__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom:
        30px;
    color:
        var(--dmab-muted);
    font-size:
        9px;
    line-height: 1;
    font-weight:
        700;
    letter-spacing:
        0.2em;
    text-transform:
        uppercase;
}
.dm-about-premium
.dm-about-premium__eyebrow i {
    display: block;
    width: 36px;
    height: 2px;
    background:
        var(--dmab-dark);
}
.dm-about-premium
.dm-about-premium__intro h2 {
    margin:
        0 0 28px;
    max-width:
        540px;
    color:
        var(--dmab-dark);
    font-size:
        clamp(47px, 4.8vw, 76px);
    line-height:
        1.02;
    font-weight:
        600;
    letter-spacing:
        -0.045em;
    text-transform:
        uppercase;
}
.dm-about-premium
.dm-about-premium__intro h2 span {
    display: block;
    color:
        var(--dmab-gold);
}
.dm-about-premium
.dm-about-premium__intro-text {
    max-width:
        525px;
    margin:
        0 0 34px;
    color:
        var(--dmab-text);
    font-size:
        clamp(14px, 1.1vw, 17px);
    line-height:
        1.75;
}
/* ============================================================
   BUTTON
============================================================ */
.dm-about-premium
.dm-about-premium__button {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding:
        10px 10px 10px 22px;
    border-radius:
        50px;
    overflow: hidden;
    text-decoration: none;
    color:
        #ffffff;
    background:
        var(--dmab-dark);
    transition:
        transform
        500ms
        cubic-bezier(.16, 1, .3, 1),
        box-shadow
        500ms ease;
}
.dm-about-premium
.dm-about-premium__button span {
    position: relative;
    z-index: 2;
    font-size:
        9px;
    font-weight:
        700;
    letter-spacing:
        0.11em;
    text-transform:
        uppercase;
}
.dm-about-premium
.dm-about-premium__button > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius:
        50%;
    color:
        var(--dmab-dark);
    background:
        var(--dmab-gold-light);
    transition:
        transform
        600ms
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium
.dm-about-premium__button:hover {
    transform:
        translateY(-4px);
    box-shadow:
        0 18px 40px
        rgba(18, 22, 20, 0.17);
}
.dm-about-premium
.dm-about-premium__button:hover > i {
    transform:
        rotate(45deg);
}
/* ============================================================
   LOWER CONTENT
============================================================ */
.dm-about-premium
.dm-about-premium__content {
    min-width: 0;
}
/* ============================================================
   STORY
============================================================ */
.dm-about-premium
.dm-about-premium__story {
    display: grid;
    grid-template-columns:
        120px
        minmax(0, 1fr);
    gap:
        clamp(30px, 4vw, 70px);
    align-items: start;
}
.dm-about-premium
.dm-about-premium__story-meta span {
    display: block;
    margin-bottom:
        12px;
    color:
        var(--dmab-gold);
    font-size:
        clamp(46px, 4vw, 64px);
    line-height:
        0.95;
    font-weight:
        300;
    letter-spacing:
        -0.06em;
}
.dm-about-premium
.dm-about-premium__story-meta small {
    display: block;
    max-width:
        110px;
    color:
        var(--dmab-muted);
    font-size:
        9px;
    line-height:
        1.5;
    font-weight:
        600;
    letter-spacing:
        0.16em;
    text-transform:
        uppercase;
}
/* ============================================================
   STORY COPY
============================================================ */
.dm-about-premium
.dm-about-premium__story-copy {
    min-width: 0;
}
.dm-about-premium
.dm-about-premium__lead {
color: var(--dm-about-ink);
    font-family: "Oswald", sans-serif;
    font-size: clamp(1.75rem, 2.45vw, 2.75rem);
    font-weight: 400;
    letter-spacing: -0.022em;
    line-height: 1.25;
}
.dm-about-premium
.dm-about-premium__story-copy > p:not(.dm-about-premium__lead) {
    max-width:
        820px;
    margin:
        0 0 22px;
    color:
        var(--dmab-text);
    font-size:
        clamp(14px, 1.05vw, 17px);
    line-height:
        1.85;
}
/* ============================================================
   STATEMENT
============================================================ */
.dm-about-premium
.dm-about-premium__statement {
    position: relative;
    display: flex;
    align-items: center;
    gap:
        clamp(18px, 2vw, 30px);
    margin-top:
        clamp(65px, 7vw, 105px);
    padding:
        clamp(28px, 3vw, 40px);
    overflow: hidden;
    border:
        1px solid
        var(--dmab-border);
    background:
        rgba(255, 255, 255, 0.4);
    backdrop-filter:
        blur(12px);
    box-shadow:
        0 25px 70px
        rgba(18, 22, 20, 0.055);
    transition:
        transform
        650ms
        cubic-bezier(.16, 1, .3, 1),
        box-shadow
        650ms ease;
}
.dm-about-premium
.dm-about-premium__statement:hover {
    transform:
        translateY(-6px);
    box-shadow:
        0 35px 80px
        rgba(18, 22, 20, 0.1);
}
.dm-about-premium
.dm-about-premium__statement-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex:
        0 0 auto;
    width: 55px;
    height: 55px;
    border-radius:
        50%;
    color:
        var(--dmab-gold-light);
    background:
        var(--dmab-dark);
}
.dm-about-premium
.dm-about-premium__statement-icon i {
    animation:
        dmabStatementIcon
        3.5s
        ease-in-out
        infinite;
}
@keyframes dmabStatementIcon {
    0%,
    100% {
        transform:
            rotate(0deg)
            scale(1);
    }
    50% {
        transform:
            rotate(8deg)
            scale(1.12);
    }
}
.dm-about-premium
.dm-about-premium__statement small {
    display: block;
    margin-bottom:
        7px;
    color:
        var(--dmab-muted);
    font-size:
        8px;
    line-height:
        1;
    font-weight:
        700;
    letter-spacing:
        0.18em;
    text-transform:
        uppercase;
}
.dm-about-premium
.dm-about-premium__statement strong {
    display: block;
    color:
        var(--dmab-dark);
    font-size:
        clamp(20px, 2vw, 30px);
    line-height:
        1.2;
    font-weight:
        600;
    letter-spacing:
        -0.025em;
}
.dm-about-premium
.dm-about-premium__statement-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height: 2px;
    background:
        var(--dmab-gold);
    animation:
        dmabStatementLine
        6s
        ease-in-out
        infinite alternate;
}
@keyframes dmabStatementLine {
    from {
        width:
            90px;
    }
    to {
        width:
            40%;
    }
}
/* ============================================================
   SCROLL REVEAL
============================================================ */
.dm-about-premium [data-dmab-reveal],
.dm-about-premium [data-dm-about-reveal] {
    opacity: 0;
    transform:
        translateY(45px);
    transition:
        opacity
        1.05s
        cubic-bezier(.16, 1, .3, 1),
        transform
        1.05s
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium
[data-dmab-reveal].dmab-visible,
.dm-about-premium
[data-dm-about-reveal].dmab-visible {
    opacity: 1;
    transform:
        translateY(0);
}
.dm-about-premium
.dmab-person--cofounder {
    transition-delay:
        140ms;
}
.dm-about-premium
.dmab-leadership__story {
    transition-delay:
        240ms;
}
/* ============================================================
   LARGE LAPTOP
============================================================ */
@media (max-width: 1499.98px) {
    .dm-about-premium .dmab-leadership {
        grid-template-columns:
            minmax(470px, 0.92fr)
            minmax(450px, 1.08fr);
        gap:
            70px;
    }
    .dm-about-premium .dmab-leadership__story {
        grid-template-columns:
            90px
            minmax(0, 1fr);
        gap:
            35px;
    }
    .dm-about-premium .dm-about-premium__layout {
        grid-template-columns:
            minmax(330px, 0.7fr)
            minmax(500px, 1.3fr);
        gap:
            80px;
    }
}
/* ============================================================
   LAPTOP
============================================================ */
@media (max-width: 1199.98px) {
    .dm-about-premium .dmab-leadership {
        grid-template-columns:
            1fr;
        gap:
            90px;
    }
    .dm-about-premium .dmab-leadership__people {
        width: 100%;
        max-width:
            840px;
        margin:
            0 auto;
    }
    .dm-about-premium .dmab-leadership__story {
        width: 100%;
        max-width:
            1000px;
        margin:
            0 auto;
        grid-template-columns:
            100px
            minmax(0, 1fr);
    }
    .dm-about-premium .dm-about-premium__layout {
        grid-template-columns:
            1fr;
        gap:
            80px;
    }
    .dm-about-premium
    .dm-about-premium__intro {
        max-width:
            850px;
    }
    .dm-about-premium
    .dm-about-premium__content {
        width: 100%;
    }
}
/* ============================================================
   TABLET
============================================================ */
@media (max-width: 767.98px) {
    .dm-about-premium
    .dm-about-premium__container {
        padding-left:
            22px;
        padding-right:
            22px;
    }
    .dm-about-premium .dmab-leadership {
        padding-top:
            80px;
        padding-bottom:
            80px;
        gap:
            75px;
    }
    .dm-about-premium
    .dmab-leadership__people {
        gap:
            20px;
    }
    .dm-about-premium
    .dmab-person--cofounder {
        margin-top:
            45px;
    }
    .dm-about-premium
    .dmab-person__number {
        left:
            -8px;
        top:
            -14px;
        width:
            50px;
        height:
            50px;
    }
    .dm-about-premium
    .dmab-person__vertical {
        display:
            none;
    }
    .dm-about-premium
    .dmab-leadership__story {
        grid-template-columns:
            1fr;
        gap:
            30px;
    }
    .dm-about-premium
    .dmab-story-number {
        display:
            flex;
        align-items:
            center;
        gap:
            20px;
    }
    .dm-about-premium
    .dmab-story-number span {
        margin:
            0;
    }
    .dm-about-premium
    .dmab-story-number small {
        max-width:
            170px;
    }
    .dm-about-premium
    .dm-about-premium__layout {
        padding-top:
            80px;
        padding-bottom:
            90px;
        gap:
            65px;
    }
    .dm-about-premium
    .dm-about-premium__story {
        grid-template-columns:
            1fr;
        gap:
            28px;
    }
    .dm-about-premium
    .dm-about-premium__story-meta {
        display:
            flex;
        align-items:
            center;
        gap:
            20px;
    }
    .dm-about-premium
    .dm-about-premium__story-meta span {
        margin:
            0;
    }
    .dm-about-premium
    .dm-about-premium__story-meta small {
        max-width:
            170px;
    }
}
/* ============================================================
   MOBILE
============================================================ */
@media (max-width: 575.98px) {
    .dm-about-premium
    .dm-about-premium__container {
        padding-left:
            17px;
        padding-right:
            17px;
    }
    .dm-about-premium
    .dmab-leadership {
        padding-top:
            65px;
        padding-bottom:
            65px;
        gap:
            65px;
    }
    /* Founder cards become full-width */
    .dm-about-premium
    .dmab-leadership__people {
        grid-template-columns:
            1fr;
        gap:
            55px;
    }
    .dm-about-premium
    .dmab-person {
        width:
            100%;
        max-width:
            440px;
        margin-left:
            auto;
        margin-right:
            auto;
    }
    .dm-about-premium
    .dmab-person--cofounder {
        margin-top:
            0;
    }
    .dm-about-premium
    .dmab-person__image-inner {
        aspect-ratio:
            0.88 / 1;
    }
    .dm-about-premium
    .dmab-person__content {
        padding-top:
            23px;
    }
    .dm-about-premium
    .dmab-person__content h3 {
        font-size:
            26px;
    }
    .dm-about-premium
    .dmab-person__content p {
        font-size:
            14px;
        line-height:
            1.75;
    }
    .dm-about-premium
    .dmab-story-lead {
        font-size:
            clamp(31px, 9.5vw, 43px) !important;
        line-height:
            1.07 !important;
    }
    .dm-about-premium
    .dmab-story-content > p:not(.dmab-story-lead) {
        font-size:
            15px;
        line-height:
            1.75;
    }
    .dm-about-premium
    .dmab-section-break {
        gap:
            11px;
    }
    .dm-about-premium
    .dm-about-premium__layout {
        padding-top:
            65px;
        padding-bottom:
            75px;
        gap:
            55px;
    }
    .dm-about-premium
    .dm-about-premium__intro h2 {
        font-size:
            clamp(40px, 12vw, 57px);
        line-height:
            1.02;
    }
    .dm-about-premium
    .dm-about-premium__lead {
        font-size:
            clamp(31px, 9vw, 42px);
    }
    .dm-about-premium
    .dm-about-premium__statement {
        align-items:
            flex-start;
        padding:
            25px 21px;
    }
    .dm-about-premium
    .dm-about-premium__statement-icon {
        width:
            48px;
        height:
            48px;
    }
    .dm-about-premium
    .dm-about-premium__statement strong {
        font-size:
            20px;
    }
}
/* ============================================================
   VERY SMALL MOBILE
============================================================ */
@media (max-width: 389.98px) {
    .dm-about-premium
    .dm-about-premium__container {
        padding-left:
            14px;
        padding-right:
            14px;
    }
    .dm-about-premium
    .dmab-story-lead {
        font-size:
            30px !important;
    }
    .dm-about-premium
    .dm-about-premium__intro h2 {
        font-size:
            39px;
    }
    .dm-about-premium
    .dm-about-premium__statement {
        gap:
            14px;
    }
}
/* ============================================================
   REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion: reduce) {
    .dm-about-premium *,
    .dm-about-premium *::before,
    .dm-about-premium *::after {
        animation-duration:
            0.01ms !important;
        animation-iteration-count:
            1 !important;
        transition-duration:
            0.01ms !important;
    }
    .dm-about-premium
    [data-dmab-reveal],
    .dm-about-premium
    [data-dm-about-reveal] {
        opacity:
            1;
        transform:
            none;
    }
}
/* ============================================================
   DESIGN MASTER
   EXECUTIVE FOUNDER / CO-FOUNDER SHOWCASE
   ISOLATED PREMIUM DESIGN
============================================================ */
.dm-about-premium .dmab-exec {
    --dmab-exec-dark: #181c1a;
    --dmab-exec-dark-soft: #262a28;
    --dmab-exec-gold: #b28f53;
    --dmab-exec-gold-light: #d6b875;
    --dmab-exec-text: #686d6a;
    --dmab-exec-muted: #929793;
    --dmab-exec-white: #ffffff;
    --dmab-exec-border:
        rgba(24, 28, 26, 0.11);
    --dmab-exec-gold-border:
        rgba(178, 143, 83, 0.34);
    --dmab-exec-mx: 0px;
    --dmab-exec-my: 0px;
    position: relative;
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap:
        clamp(32px, 3vw, 52px);
    align-items: start;
    perspective: 1500px;
}
/* ============================================================
   EXECUTIVE CARD
============================================================ */
.dm-about-premium .dmab-exec__card {
    position: relative;
    min-width: 0;
    isolation: isolate;
    transform:
        translate3d(0, 0, 0);
    transition:
        transform
        900ms
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium
.dmab-exec__card--cofounder {
    margin-top:
        clamp(65px, 6vw, 110px);
}
.dm-about-premium
.dmab-exec__card:hover {
    transform:
        translateY(-12px);
}
/* ============================================================
   BACKGROUND GHOST NUMBER
============================================================ */
.dm-about-premium
.dmab-exec__ghost-number {
    position: absolute;
    z-index: -1;
    right: -6px;
    top: 37px;
    color:
        rgba(178, 143, 83, 0.055);
    font-size:
        clamp(105px, 10vw, 170px);
    line-height: 0.8;
    font-weight: 300;
    letter-spacing: -0.09em;
    pointer-events: none;
    transition:
        transform
        1.1s
        cubic-bezier(.16, 1, .3, 1),
        color
        700ms ease;
}
.dm-about-premium
.dmab-exec__card:hover
.dmab-exec__ghost-number {
    transform:
        translate3d(0, -15px, 0);
    color:
        rgba(178, 143, 83, 0.09);
}
/* ============================================================
   AMBIENT GLOW
============================================================ */
.dm-about-premium
.dmab-exec__ambient {
    position: absolute;
    z-index: -2;
    left: 7%;
    right: 7%;
    top: 15%;
    height: 66%;
    border-radius: 50%;
    opacity: 0;
    filter: blur(45px);
    background:
        rgba(178, 143, 83, 0.22);
    transform:
        scale(0.85);
    transition:
        opacity
        900ms ease,
        transform
        1.1s
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium
.dmab-exec__card:hover
.dmab-exec__ambient {
    opacity: 0.44;
    transform:
        scale(1);
}
/* ============================================================
   TOP IDENTITY LINE
============================================================ */
.dm-about-premium
.dmab-exec__topline {
    display: grid;
    grid-template-columns:
        auto
        1fr
        auto;
    align-items: center;
    gap: 11px;
    margin:
        0 7px 15px;
}
.dm-about-premium
.dmab-exec__index,
.dm-about-premium
.dmab-exec__position {
    font-size: 8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.19em;
    text-transform: uppercase;
}
.dm-about-premium
.dmab-exec__index {
    color:
        var(--dmab-exec-gold);
}
.dm-about-premium
.dmab-exec__position {
    color:
        var(--dmab-exec-muted);
}
.dm-about-premium
.dmab-exec__topline-line {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background:
        rgba(24, 28, 26, 0.1);
}
.dm-about-premium
.dmab-exec__topline-line::before {
    content: "";
    position: absolute;
    inset: 0;
    transform:
        translateX(-100%);
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--dmab-exec-gold),
            transparent
        );
    animation:
        dmabExecTopLine
        4.8s
        ease-in-out
        infinite;
}
@keyframes dmabExecTopLine {
    0%,
    18% {
        transform:
            translateX(-100%);
    }
    60% {
        transform:
            translateX(100%);
    }
    100% {
        transform:
            translateX(100%);
    }
}
/* ============================================================
   PORTRAIT SHELL
============================================================ */
.dm-about-premium
.dmab-exec__portrait-shell {
    position: relative;
    padding:
        clamp(9px, 0.8vw, 13px);
    background:
        rgba(255, 255, 255, 0.42);
    border:
        1px solid
        rgba(24, 28, 26, 0.08);
    backdrop-filter:
        blur(12px);
    box-shadow:
        0 30px 65px
        rgba(18, 21, 19, 0.08);
    transform-style:
        preserve-3d;
    transform:
        rotateX(
            calc(var(--dmab-exec-my) * -0.22deg)
        )
        rotateY(
            calc(var(--dmab-exec-mx) * 0.22deg)
        );
    transition:
        transform
        240ms ease-out,
        box-shadow
        800ms
        cubic-bezier(.16, 1, .3, 1),
        border-color
        700ms ease;
}
.dm-about-premium
.dmab-exec__card:hover
.dmab-exec__portrait-shell {
    border-color:
        var(--dmab-exec-gold-border);
    box-shadow:
        0 48px 100px
        rgba(18, 21, 19, 0.15);
}
/* ============================================================
   PORTRAIT
============================================================ */
.dm-about-premium
.dmab-exec__portrait {
    position: relative;
    width: 100%;
    aspect-ratio:
        0.79 / 1;
    overflow: hidden;
    background:
        linear-gradient(
            145deg,
            #f5f2ec,
            #eae5db
        );
}
/* ============================================================
   IMAGE
============================================================ */
.dm-about-premium
.dmab-exec__image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:
        center top;
    transform:
        translate3d(
            calc(var(--dmab-exec-mx) * -0.45px),
            calc(var(--dmab-exec-my) * -0.35px),
            0
        )
        scale(1.025);
    filter:
        saturate(0.91)
        contrast(1.025);
    transition:
        transform
        300ms ease-out,
        filter
        900ms ease;
}
.dm-about-premium
.dmab-exec__card:hover
.dmab-exec__image {
    filter:
        saturate(1)
        contrast(1.04);
}
/* ============================================================
   SPECIAL HANDLING FOR TRANSPARENT FOUNDER PNG
============================================================ */
.dm-about-premium
.dmab-exec__card--founder
.dmab-exec__image {
    object-fit: contain;
    object-position:
        center;
    transform:
        translate3d(
            calc(var(--dmab-exec-mx) * -0.4px),
            calc(var(--dmab-exec-my) * -0.3px),
            0
        )
        scale(0.97);
}
.dm-about-premium
.dmab-exec__card--founder:hover
.dmab-exec__image {
    transform:
        translate3d(
            calc(var(--dmab-exec-mx) * -0.4px),
            calc(var(--dmab-exec-my) * -0.3px),
            0
        )
        scale(1.015);
}
/* ============================================================
   IMAGE SHADE
============================================================ */
.dm-about-premium
.dmab-exec__portrait-shade {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            transparent 42%,
            rgba(18, 21, 19, 0.03) 64%,
            rgba(18, 21, 19, 0.25) 100%
        );
}
/* ============================================================
   MOVING LIGHT REFLECTION
============================================================ */
.dm-about-premium
.dmab-exec__portrait-light {
    position: absolute;
    z-index: 5;
    top: -20%;
    left: -72%;
    width: 34%;
    height: 145%;
    pointer-events: none;
    transform:
        rotate(16deg);
    opacity: 0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.33),
            transparent
        );
}
.dm-about-premium
.dmab-exec__card:hover
.dmab-exec__portrait-light {
    animation:
        dmabExecLight
        1.35s
        cubic-bezier(.16, 1, .3, 1)
        forwards;
}
@keyframes dmabExecLight {
    0% {
        left: -72%;
        opacity: 0;
    }
    17% {
        opacity: 0.85;
    }
    100% {
        left: 140%;
        opacity: 0;
    }
}
/* ============================================================
   SUBTLE VERTICAL SCAN
============================================================ */
.dm-about-premium
.dmab-exec__portrait-scan {
    position: absolute;
    z-index: 4;
    left: 0;
    top: -16%;
    width: 100%;
    height: 12%;
    pointer-events: none;
    opacity: 0;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(214, 184, 117, 0.14),
            transparent
        );
    animation:
        dmabExecScan
        8s
        ease-in-out
        infinite;
}
.dm-about-premium
.dmab-exec__card--cofounder
.dmab-exec__portrait-scan {
    animation-delay:
        1.9s;
}
@keyframes dmabExecScan {
    0%,
    18% {
        top: -16%;
        opacity: 0;
    }
    28% {
        opacity: 1;
    }
    66% {
        top: 105%;
        opacity: 1;
    }
    75%,
    100% {
        top: 105%;
        opacity: 0;
    }
}
/* ============================================================
   SUBTLE FILM TEXTURE
============================================================ */
.dm-about-premium
.dmab-exec__portrait-grain {
    position: absolute;
    z-index: 6;
    inset: 0;
    pointer-events: none;
    opacity: 0.075;
    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,0.08) 0,
            rgba(255,255,255,0.08) 1px,
            transparent 1px,
            transparent 4px
        );
}
/* ============================================================
   ANIMATED FRAME
============================================================ */
.dm-about-premium
.dmab-exec__frame {
    position: absolute;
    z-index: 12;
    pointer-events: none;
}
.dm-about-premium
.dmab-exec__frame--outer {
    inset: -6px;
    border:
        1px solid
        rgba(178, 143, 83, 0.2);
    transform:
        scale(1);
    transition:
        inset
        800ms
        cubic-bezier(.16, 1, .3, 1),
        border-color
        700ms ease;
}
.dm-about-premium
.dmab-exec__card:hover
.dmab-exec__frame--outer {
    inset: -11px;
    border-color:
        rgba(178, 143, 83, 0.52);
}
.dm-about-premium
.dmab-exec__frame--inner {
    inset: 20px;
    border:
        1px solid
        rgba(255, 255, 255, 0.28);
    transition:
        inset
        800ms
        cubic-bezier(.16, 1, .3, 1),
        border-color
        600ms ease;
}
.dm-about-premium
.dmab-exec__card:hover
.dmab-exec__frame--inner {
    inset: 27px;
    border-color:
        rgba(255, 255, 255, 0.46);
}
/* ============================================================
   ROTATING ORBIT
============================================================ */
.dm-about-premium
.dmab-exec__orbit {
    position: absolute;
    z-index: 16;
    right: -15px;
    top: 23%;
    width: 39px;
    height: 39px;
    border:
        1px solid
        rgba(178, 143, 83, 0.35);
    border-radius: 50%;
    animation:
        dmabExecOrbitRotate
        9s
        linear
        infinite;
}
.dm-about-premium
.dmab-exec__orbit::before {
    content: "";
    position: absolute;
    inset: 6px;
    border:
        1px solid
        rgba(178, 143, 83, 0.14);
    border-radius: inherit;
}
.dm-about-premium
.dmab-exec__orbit i {
    position: absolute;
    left: 50%;
    top: -3px;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    border-radius: 50%;
    background:
        var(--dmab-exec-gold);
    box-shadow:
        0 0 0 5px
        rgba(178, 143, 83, 0.08);
}
@keyframes dmabExecOrbitRotate {
    to {
        transform:
            rotate(360deg);
    }
}
/* ============================================================
   FLOATING GLASS BADGE
============================================================ */
.dm-about-premium
.dmab-exec__badge {
    position: absolute;
    z-index: 20;
    left:
        clamp(14px, 1.4vw, 24px);
    bottom:
        clamp(14px, 1.4vw, 23px);
    display: flex;
    align-items: center;
    gap: 11px;
    min-width:
        135px;
    padding:
        11px 14px;
    border:
        1px solid
        rgba(255, 255, 255, 0.2);
    background:
        rgba(20, 24, 22, 0.69);
    backdrop-filter:
        blur(15px);
    box-shadow:
        0 15px 35px
        rgba(10, 12, 11, 0.18);
    transform:
        translateZ(50px);
    transition:
        transform
        750ms
        cubic-bezier(.16, 1, .3, 1),
        background
        600ms ease;
}
.dm-about-premium
.dmab-exec__card:hover
.dmab-exec__badge {
    transform:
        translate3d(5px, -5px, 50px);
    background:
        rgba(20, 24, 22, 0.8);
}
.dm-about-premium
.dmab-exec__badge-dot {
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background:
        var(--dmab-exec-gold-light);
    box-shadow:
        0 0 0 0
        rgba(214, 184, 117, 0.28);
    animation:
        dmabExecBadgePulse
        2.8s
        ease-out
        infinite;
}
@keyframes dmabExecBadgePulse {
    0% {
        box-shadow:
            0 0 0 0
            rgba(214, 184, 117, 0.28);
    }
    65% {
        box-shadow:
            0 0 0 10px
            rgba(214, 184, 117, 0);
    }
    100% {
        box-shadow:
            0 0 0 0
            rgba(214, 184, 117, 0);
    }
}
.dm-about-premium
.dmab-exec__badge small {
    display: block;
    margin-bottom: 3px;
    color:
        rgba(255, 255, 255, 0.54);
    font-size: 7px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.dm-about-premium
.dmab-exec__badge strong {
    display: block;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0.04em;
}
/* ============================================================
   VERTICAL DESIGN MASTER LABEL
============================================================ */
.dm-about-premium
.dmab-exec__vertical {
    position: absolute;
    z-index: 19;
    right: -34px;
    bottom: 55px;
    color:
        rgba(24, 28, 26, 0.42);
    writing-mode:
        vertical-rl;
    transform:
        rotate(180deg);
    font-size: 7px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.3em;
    text-transform: uppercase;
	display: none;
}
/* ============================================================
   INFORMATION AREA
============================================================ */
.dm-about-premium
.dmab-exec__content {
    position: relative;
    padding:
        30px
        9px
        0;
}
/* ============================================================
   ROLE
============================================================ */
.dm-about-premium
.dmab-exec__role {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color:
        var(--dmab-exec-gold);
    font-size: 8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}
.dm-about-premium
.dmab-exec__role::before {
    content: "";
    width: 29px;
    height: 1px;
    background:
        var(--dmab-exec-gold);
}
/* ============================================================
   NAME
============================================================ */
.dm-about-premium
.dmab-exec__title-area h3 {
    margin: 0;
    color:
        var(--dmab-exec-dark);
    font-size:
        clamp(24px, 2.05vw, 34px);
    line-height: 1.04;
    font-weight: 600;
    letter-spacing: -0.035em;
}
/* ============================================================
   ANIMATED RULE
============================================================ */
.dm-about-premium
.dmab-exec__animated-rule {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin:
        19px 0 18px;
}
.dm-about-premium
.dmab-exec__animated-rule span {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background:
        rgba(24, 28, 26, 0.11);
}
.dm-about-premium
.dmab-exec__animated-rule span::before {
    content: "";
    position: absolute;
    inset: 0;
    transform:
        translateX(-100%);
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--dmab-exec-gold),
            transparent
        );
    transition:
        transform
        1.1s
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium
.dmab-exec__card:hover
.dmab-exec__animated-rule span::before {
    transform:
        translateX(100%);
}
.dm-about-premium
.dmab-exec__animated-rule i {
    display: block;
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    margin-left: -1px;
    border-radius: 50%;
    background:
        var(--dmab-exec-gold);
}
/* ============================================================
   DESCRIPTION
============================================================ */
.dm-about-premium
.dmab-exec__content > p {
    max-width: 350px;
    margin: 0;
    color:
        var(--dmab-exec-text);
    font-size:
        clamp(12px, 0.92vw, 14px);
    line-height: 1.8;
}
/* ============================================================
   FOOTER MICRO DETAILS
============================================================ */
.dm-about-premium
.dmab-exec__footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
    color:
        var(--dmab-exec-muted);
}
.dm-about-premium
.dmab-exec__footer span {
    font-size: 7px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.dm-about-premium
.dmab-exec__footer i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background:
        var(--dmab-exec-gold);
}
/* ============================================================
   INITIAL SCROLL REVEAL
============================================================ */
.dm-about-premium
.dmab-exec__card[data-dmab-reveal] {
    opacity: 0;
    transform:
        translateY(65px)
        scale(0.975);
    transition:
        opacity
        1.15s
        cubic-bezier(.16, 1, .3, 1),
        transform
        1.15s
        cubic-bezier(.16, 1, .3, 1);
}
.dm-about-premium
.dmab-exec__card--cofounder[data-dmab-reveal] {
    transition-delay:
        160ms;
}
.dm-about-premium
.dmab-exec__card.dmab-visible {
    opacity: 1;
    transform:
        translateY(0)
        scale(1);
}
/* ============================================================
   LARGE LAPTOP
============================================================ */
@media (max-width: 1399.98px) {
    .dm-about-premium
    .dmab-exec {
        gap: 30px;
    }
    .dm-about-premium
    .dmab-exec__vertical {
        right: -28px;
    }
}
/* ============================================================
   TABLET
============================================================ */
@media (max-width: 991.98px) {
    .dm-about-premium
    .dmab-exec {
        width: 100%;
        max-width: 820px;
        margin:
            0 auto;
        gap:
            28px;
    }
    .dm-about-premium
    .dmab-exec__card--cofounder {
        margin-top:
            55px;
    }
    .dm-about-premium
    .dmab-exec__vertical {
        display: none;
    }
}
/* ============================================================
   SMALL TABLET
============================================================ */
@media (max-width: 767.98px) {
    .dm-about-premium
    .dmab-exec {
        gap: 20px;
    }
    .dm-about-premium
    .dmab-exec__card--cofounder {
        margin-top:
            38px;
    }
    .dm-about-premium
    .dmab-exec__portrait-shell {
        padding: 7px;
    }
    .dm-about-premium
    .dmab-exec__badge {
        left: 11px;
        bottom: 11px;
        min-width: 120px;
        padding:
            9px 11px;
    }
    .dm-about-premium
    .dmab-exec__orbit {
        display: none;
    }
    .dm-about-premium
    .dmab-exec__content {
        padding-top: 23px;
    }
}
/* ============================================================
   MOBILE
============================================================ */
@media (max-width: 575.98px) {
    .dm-about-premium
    .dmab-exec {
        grid-template-columns:
            1fr;
        gap: 65px;
    }
    .dm-about-premium
    .dmab-exec__card {
        width: 100%;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }
    .dm-about-premium
    .dmab-exec__card--cofounder {
        margin-top: 0;
    }
    .dm-about-premium
    .dmab-exec__portrait {
        aspect-ratio:
            0.86 / 1;
    }
    .dm-about-premium
    .dmab-exec__ghost-number {
        right: 0;
        font-size:
            120px;
    }
    .dm-about-premium
    .dmab-exec__title-area h3 {
        font-size:
            27px;
    }
    .dm-about-premium
    .dmab-exec__content > p {
        max-width: 100%;
        font-size:
            14px;
    }
}
/* ============================================================
   VERY SMALL MOBILE
============================================================ */
@media (max-width: 389.98px) {
    .dm-about-premium
    .dmab-exec__badge {
        min-width:
            110px;
    }
    .dm-about-premium
    .dmab-exec__badge strong {
        font-size:
            11px;
    }
    .dm-about-premium
    .dmab-exec__ghost-number {
        font-size:
            105px;
    }
}
/* ============================================================
   REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion: reduce) {
    .dm-about-premium
    .dmab-exec *,
    .dm-about-premium
    .dmab-exec *::before,
    .dm-about-premium
    .dmab-exec *::after {
        animation-duration:
            0.01ms !important;
        animation-iteration-count:
            1 !important;
        transition-duration:
            0.01ms !important;
    }
    .dm-about-premium
    .dmab-exec__card[data-dmab-reveal] {
        opacity: 1;
        transform: none;
    }
}
/* ============================================================
   EXECUTIVE PROFILE - PREMIUM EDITORIAL LINK
============================================================ */
.dm-about-premium
.dmab-exec__profile-link {
    position: relative;
    display: grid;
    grid-template-columns:
        auto
        auto
        minmax(40px, 1fr)
        auto;
    align-items: center;
    gap:
        clamp(10px, 1.2vw, 17px);
    width: 100%;
    margin-top:
        clamp(25px, 2.5vw, 34px);
    padding:
        16px 0 5px;
    color:
        var(--dmab-exec-dark);
    text-decoration: none;
    border-top:
        1px solid
        rgba(24, 28, 26, 0.11);
    transition:
        border-color 500ms ease;
}
/* ============================================================
   SMALL INDEX
============================================================ */
.dm-about-premium
.dmab-exec__profile-link-index {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    border:
        1px solid
        rgba(178, 143, 83, 0.32);
    border-radius: 50%;
    color:
        var(--dmab-exec-gold);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    transition:
        color 500ms ease,
        background-color 500ms ease,
        border-color 500ms ease,
        transform 650ms cubic-bezier(.16, 1, .3, 1);
}
/* ============================================================
   CTA TEXT
============================================================ */
.dm-about-premium
.dmab-exec__profile-link-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: max-content;
}
.dm-about-premium
.dmab-exec__profile-link-main small {
    display: block;
    color:
        var(--dmab-exec-muted);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    transition:
        color 450ms ease;
}
.dm-about-premium
.dmab-exec__profile-link-main strong {
    display: block;
    color:
        var(--dmab-exec-dark);
    font-size:
        clamp(13px, 1vw, 15px);
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition:
        transform 600ms cubic-bezier(.16, 1, .3, 1),
        color 450ms ease;
}
/* ============================================================
   CENTER LINE
============================================================ */
.dm-about-premium
.dmab-exec__profile-link-line {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background:
        rgba(24, 28, 26, 0.1);
}
.dm-about-premium
.dmab-exec__profile-link-line i {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 38%;
    height: 1px;
    transform:
        translateX(-105%);
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--dmab-exec-gold),
            var(--dmab-exec-gold-light)
        );
    transition:
        transform 850ms cubic-bezier(.16, 1, .3, 1),
        width 850ms cubic-bezier(.16, 1, .3, 1);
}
/* ============================================================
   ARROW
============================================================ */
.dm-about-premium
.dmab-exec__profile-link-arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    overflow: hidden;
    border:
        1px solid
        rgba(24, 28, 26, 0.13);
    border-radius: 50%;
    color:
        var(--dmab-exec-dark);
    background:
        rgba(255, 255, 255, 0.25);
    transition:
        color 500ms ease,
        background-color 500ms ease,
        border-color 500ms ease,
        transform 700ms cubic-bezier(.16, 1, .3, 1),
        box-shadow 600ms ease;
}
.dm-about-premium
.dmab-exec__profile-link-arrow::before {
    content: "";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    border:
        1px solid
        rgba(178, 143, 83, 0);
    transform:
        scale(0.7);
    transition:
        transform 650ms cubic-bezier(.16, 1, .3, 1),
        border-color 500ms ease;
}
.dm-about-premium
.dmab-exec__profile-link-arrow > i {
    position: relative;
    z-index: 2;
    font-size: 13px;
    transition:
        transform 700ms cubic-bezier(.16, 1, .3, 1);
}
/* ============================================================
   HOVER
============================================================ */
.dm-about-premium
.dmab-exec__profile-link:hover {
    border-top-color:
        rgba(178, 143, 83, 0.38);
}
.dm-about-premium
.dmab-exec__profile-link:hover
.dmab-exec__profile-link-index {
    color:
        #ffffff;
    border-color:
        var(--dmab-exec-gold);
    background:
        var(--dmab-exec-gold);
    transform:
        rotate(360deg);
}
.dm-about-premium
.dmab-exec__profile-link:hover
.dmab-exec__profile-link-main small {
    color:
        var(--dmab-exec-gold);
}
.dm-about-premium
.dmab-exec__profile-link:hover
.dmab-exec__profile-link-main strong {
    color:
        var(--dmab-exec-dark);
    transform:
        translateX(4px);
}
.dm-about-premium
.dmab-exec__profile-link:hover
.dmab-exec__profile-link-line i {
    width: 100%;
    transform:
        translateX(0);
}
.dm-about-premium
.dmab-exec__profile-link:hover
.dmab-exec__profile-link-arrow {
    color:
        #ffffff;
    border-color:
        var(--dmab-exec-dark);
    background:
        var(--dmab-exec-dark);
    transform:
        translateY(-2px);
    box-shadow:
        0 12px 26px
        rgba(18, 21, 19, 0.16);
}
.dm-about-premium
.dmab-exec__profile-link:hover
.dmab-exec__profile-link-arrow::before {
    border-color:
        rgba(214, 184, 117, 0.45);
    transform:
        scale(1);
}
.dm-about-premium
.dmab-exec__profile-link:hover
.dmab-exec__profile-link-arrow > i {
    transform:
        rotate(45deg);
}
/* ============================================================
   FOCUS
============================================================ */
.dm-about-premium
.dmab-exec__profile-link:focus-visible {
    outline:
        2px solid
        var(--dmab-exec-gold);
    outline-offset: 5px;
}
/* ============================================================
   MOBILE
============================================================ */
@media (max-width: 575.98px) {
    .dm-about-premium
    .dmab-exec__profile-link {
        grid-template-columns:
            auto
            auto
            1fr
            auto;
        gap: 10px;
        margin-top: 25px;
        padding-top: 15px;
    }
    .dm-about-premium
    .dmab-exec__profile-link-index {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }
    .dm-about-premium
    .dmab-exec__profile-link-arrow {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
    }
    .dm-about-premium
    .dmab-exec__profile-link-main strong {
        font-size: 14px;
    }
}
/* ============================================================
   VERY SMALL MOBILE
============================================================ */
@media (max-width: 389.98px) {
    .dm-about-premium
    .dmab-exec__profile-link {
        grid-template-columns:
            auto
            1fr
            auto;
    }
    .dm-about-premium
    .dmab-exec__profile-link-line {
        display: none;
    }
}
/* ============================================================
   DESIGN MASTER EVENTS
   ELITE EXECUTIVE BIOGRAPHY MODAL
   FULLY ISOLATED PREFIX:
   dmelitebio-
============================================================ */
.dmelitebio-modal {
    --dmeb-black: #090b0a;
    --dmeb-black-2: #101310;
    --dmeb-black-3: #171b17;
    --dmeb-ivory: #f5f0e6;
    --dmeb-ivory-soft: #dcd5c8;
    --dmeb-gold: #b99455;
    --dmeb-gold-light: #d8bc79;
    --dmeb-gold-pale: #ead7a6;
    --dmeb-text: #bbb9b1;
    --dmeb-muted: #777d77;
    --dmeb-border:
        rgba(216, 188, 121, 0.17);
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100dvh;
    padding:
        clamp(14px, 2vw, 34px);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition:
        opacity 650ms ease,
        visibility 0s linear 900ms;
}
/* ============================================================
   OPEN
============================================================ */
.dmelitebio-modal.dmelitebio-modal--open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
}
/* ============================================================
   BACKDROP
============================================================ */
.dmelitebio-modal__backdrop {
    position: absolute;
    inset: 0;
    background:
        rgba(3, 5, 4, 0.88);
    backdrop-filter:
        blur(20px)
        saturate(0.75);
    opacity: 0;
    transition:
        opacity 700ms ease;
}
.dmelitebio-modal--open
.dmelitebio-modal__backdrop {
    opacity: 1;
}
/* ============================================================
   AMBIENT
============================================================ */
.dmelitebio-modal__ambient {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}
.dmelitebio-modal__grid {
    position: absolute;
    inset: 0;
    opacity: 0.12;
    background-image:
        linear-gradient(
            rgba(216, 188, 121, 0.04) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(216, 188, 121, 0.04) 1px,
            transparent 1px
        );
    background-size:
        72px 72px;
    mask-image:
        radial-gradient(
            circle at center,
            #000 20%,
            transparent 78%
        );
}
.dmelitebio-modal__glow {
    position: absolute;
    border-radius: 50%;
    filter:
        blur(140px);
    opacity: 0;
    transform:
        scale(0.65);
}
.dmelitebio-modal__glow--left {
    width: 520px;
    height: 520px;
    left: -230px;
    top: -150px;
    background:
        rgba(185, 148, 85, 0.25);
}
.dmelitebio-modal__glow--right {
    width: 600px;
    height: 600px;
    right: -280px;
    bottom: -250px;
    background:
        rgba(185, 148, 85, 0.16);
}
.dmelitebio-modal--open
.dmelitebio-modal__glow {
    animation:
        dmelitebioGlowIn
        1.8s
        500ms
        ease
        forwards;
}
@keyframes dmelitebioGlowIn {
    to {
        opacity: 1;
        transform:
            scale(1);
    }
}
/* ============================================================
   MOVING BACKGROUND BEAM
============================================================ */
.dmelitebio-modal__beam {
    position: absolute;
    top: -30%;
    left: -20%;
    width: 18%;
    height: 170%;
    transform:
        rotate(17deg);
    opacity: 0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(216,188,121,0.035),
            transparent
        );
}
.dmelitebio-modal--open
.dmelitebio-modal__beam {
    animation:
        dmelitebioBeam
        9s
        1.5s
        ease-in-out
        infinite;
}
@keyframes dmelitebioBeam {
    0%,
    14% {
        left: -30%;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    70% {
        left: 120%;
        opacity: 1;
    }
    86%,
    100% {
        left: 120%;
        opacity: 0;
    }
}
/* ============================================================
   MAIN PANEL
============================================================ */
.dmelitebio-modal__panel {
    position: relative;
    z-index: 5;
    width:
        min(1560px, 100%);
    height:
        min(920px, calc(100dvh - 48px));
    min-height: 0;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(125deg, #000000 0%, #322804fc 43%, #000000 100%);
    border:
        1px solid
        rgba(216, 188, 121, 0.18);
    box-shadow:
        0 70px 190px
        rgba(0, 0, 0, 0.67),
        inset 0 0 0 1px
        rgba(255, 255, 255, 0.015);
    opacity: 0;
    transform:
        translateY(45px)
        scale(0.965);
    clip-path:
        polygon(
            50% 0,
            50% 0,
            50% 100%,
            50% 100%
        );
    transition:
        opacity
        700ms
        cubic-bezier(.16, 1, .3, 1),
        transform
        950ms
        cubic-bezier(.16, 1, .3, 1),
        clip-path
        1.15s
        cubic-bezier(.16, 1, .3, 1);
}
.dmelitebio-modal--open
.dmelitebio-modal__panel {
    opacity: 1;
    transform:
        translateY(0)
        scale(1);
    clip-path:
        polygon(
            0 0,
            100% 0,
            100% 100%,
            0 100%
        );
}
/* ============================================================
   TOP LINE
============================================================ */
.dmelitebio-modal__top-line {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 0;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            var(--dmeb-gold),
            var(--dmeb-gold-pale),
            transparent
        );
}
.dmelitebio-modal--open
.dmelitebio-modal__top-line {
    animation:
        dmelitebioTopLine
        1.8s
        700ms
        cubic-bezier(.16,1,.3,1)
        forwards;
}
@keyframes dmelitebioTopLine {
    to {
        width: 76%;
    }
}
/* ============================================================
   MONOGRAM
============================================================ */
.dmelitebio-modal__monogram {
    position: absolute;
    z-index: 0;
    right: 35px;
    bottom: -50px;
    color: rgb(216 188 121 / 5%);
    font-size:
        clamp(220px, 24vw, 430px);
    line-height: 0.78;
    font-weight: 700;
    letter-spacing: -0.11em;
    pointer-events: none;
    user-select: none;
}
/* ============================================================
   CLOSE
============================================================ */
.dmelitebio-modal__close {
    position: absolute;
    z-index: 100;
    right:
        clamp(18px, 2.5vw, 38px);
    top:
        clamp(17px, 2.2vw, 32px);
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0;
    border: 0;
    color:
        rgba(255,255,255,0.58);
    background: transparent;
    cursor: pointer;
}
.dmelitebio-modal__close-text {
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.19em;
    text-transform: uppercase;
    transition:
        color 400ms ease;
}
.dmelitebio-modal__close-ring {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border:
        1px solid
        rgba(216,188,121,0.27);
    background:
        rgba(255,255,255,0.015);
    transition:
        transform 700ms
        cubic-bezier(.16,1,.3,1),
        background-color 500ms ease,
        border-color 500ms ease;
}
.dmelitebio-modal__close-ring i {
    position: absolute;
    width: 14px;
    height: 1px;
    background:
        var(--dmeb-gold-light);
}
.dmelitebio-modal__close-ring i:first-child {
    transform:
        rotate(45deg);
}
.dmelitebio-modal__close-ring i:last-child {
    transform:
        rotate(-45deg);
}
.dmelitebio-modal__close:hover
.dmelitebio-modal__close-ring {
    transform:
        rotate(90deg);
    border-color:
        var(--dmeb-gold);
    background:
        rgba(185,148,85,0.1);
}
.dmelitebio-modal__close:hover
.dmelitebio-modal__close-text {
    color:
        var(--dmeb-gold-light);
}
/* ============================================================
   MAIN LAYOUT
============================================================ */
.dmelitebio-modal__layout {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns:
        minmax(390px, 0.84fr)
        minmax(0, 1.16fr);
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}
/* ============================================================
   LEFT VISUAL
============================================================ */
.dmelitebio-modal__visual {
    position: relative;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding:
        clamp(76px, 6vw, 110px)
        clamp(42px, 4vw, 76px)
        clamp(42px, 4vw, 65px);
    border-right:
        1px solid
        rgba(216,188,121,0.1);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.022),
            transparent
        );
}
/* ============================================================
   CLASSIFICATION
============================================================ */
.dmelitebio-modal__classification {
    position: absolute;
    left: 20px;
    top: 50%;
    display: flex;
    align-items: center;
    gap: 14px;
    writing-mode:
        vertical-rl;
    transform:
        translateY(-50%)
        rotate(180deg);
    color:
        rgba(216,188,121,0.35);
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}
.dmelitebio-modal__classification i {
    width: 1px;
    height: 42px;
    background:
        rgba(216,188,121,0.25);
}
/* ============================================================
   PORTRAIT STAGE
============================================================ */
.dmelitebio-modal__portrait-stage {
    position: relative;
    width:
        min(100%, 475px);
    margin:
        0 auto;
}
/* ============================================================
   FRAMES
============================================================ */
.dmelitebio-modal__frame {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.dmelitebio-modal__frame--outer {
    z-index: 1;
    inset: -15px;
    border:
        1px solid
        rgba(216,188,121,0.26);
    transform:
        scale(0.95);
}
.dmelitebio-modal__frame--middle {
    z-index: 2;
    inset: -7px;
    border:
        1px solid
        rgba(216,188,121,0.10);
    transform:
        scale(0.97);
}
.dmelitebio-modal__frame--inner {
    z-index: 5;
    inset: 20px;
    border:
        1px solid
        rgba(255,255,255,0.15);
    transform:
        scale(1.03);
}
.dmelitebio-modal--open
.dmelitebio-modal__frame--outer {
    animation:
        dmelitebioFrameIn
        1s
        700ms
        cubic-bezier(.16,1,.3,1)
        forwards;
}
.dmelitebio-modal--open
.dmelitebio-modal__frame--middle {
    animation:
        dmelitebioFrameIn
        1s
        850ms
        cubic-bezier(.16,1,.3,1)
        forwards;
}
.dmelitebio-modal--open
.dmelitebio-modal__frame--inner {
    animation:
        dmelitebioFrameIn
        1s
        1s
        cubic-bezier(.16,1,.3,1)
        forwards;
}
@keyframes dmelitebioFrameIn {
    to {
        opacity: 1;
        transform:
            scale(1);
    }
}
/* ============================================================
   CORNERS
============================================================ */
.dmelitebio-modal__corner {
    position: absolute;
    z-index: 12;
    width: 28px;
    height: 28px;
    pointer-events: none;
}
.dmelitebio-modal__corner--tl {
    left: -21px;
    top: -21px;
    border-left:
        2px solid
        var(--dmeb-gold);
    border-top:
        2px solid
        var(--dmeb-gold);
}
.dmelitebio-modal__corner--tr {
    right: -21px;
    top: -21px;
    border-right:
        2px solid
        var(--dmeb-gold);
    border-top:
        2px solid
        var(--dmeb-gold);
}
.dmelitebio-modal__corner--bl {
    left: -21px;
    bottom: -21px;
    border-left:
        2px solid
        var(--dmeb-gold);
    border-bottom:
        2px solid
        var(--dmeb-gold);
}
.dmelitebio-modal__corner--br {
    right: -21px;
    bottom: -21px;
    border-right:
        2px solid
        var(--dmeb-gold);
    border-bottom:
        2px solid
        var(--dmeb-gold);
}
/* ============================================================
   PORTRAIT
============================================================ */
.dmelitebio-modal__portrait {
    position: relative;
    z-index: 4;
    width: 100%;
    aspect-ratio:
        0.82 / 1;
    overflow: hidden;
    background:
        #20251f;
    clip-path:
        inset(100% 0 0 0);
}
.dmelitebio-modal--open
.dmelitebio-modal__portrait {
    animation:
        dmelitebioPortraitReveal
        1.25s
        450ms
        cubic-bezier(.16,1,.3,1)
        forwards;
}
@keyframes dmelitebioPortraitReveal {
    to {
        clip-path:
            inset(0 0 0 0);
    }
}
/* ============================================================
   IMAGE
============================================================ */
.dmelitebio-modal__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:
        center top;
    transform:
        scale(1.12);
    filter:
        saturate(0.88)
        contrast(1.04);
    transition:
        transform
        2s
        cubic-bezier(.16,1,.3,1),
        filter
        1s ease;
}
.dmelitebio-modal--open
.dmelitebio-modal__image {
    transform:
        scale(1.025);
}
/* ============================================================
   VIGNETTE
============================================================ */
.dmelitebio-modal__portrait-vignette {
    position: absolute;
    z-index: 5;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            transparent 38%,
            rgba(7,9,8,0.03) 60%,
            rgba(7,9,8,0.6) 100%
        );
}
/* ============================================================
   PORTRAIT LIGHT
============================================================ */
.dmelitebio-modal__portrait-light {
    position: absolute;
    z-index: 7;
    top: -20%;
    left: -65%;
    width: 34%;
    height: 150%;
    opacity: 0;
    pointer-events: none;
    transform:
        rotate(16deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.30),
            transparent
        );
}
.dmelitebio-modal--open
.dmelitebio-modal__portrait-light {
    animation:
        dmelitebioPortraitLight
        1.55s
        1.2s
        cubic-bezier(.16,1,.3,1)
        forwards;
}
@keyframes dmelitebioPortraitLight {
    0% {
        left: -65%;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        left: 140%;
        opacity: 0;
    }
}
/* ============================================================
   PORTRAIT SCAN
============================================================ */
.dmelitebio-modal__portrait-scan {
    position: absolute;
    z-index: 6;
    left: 0;
    top: -12%;
    width: 100%;
    height: 10%;
    opacity: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(216,188,121,0.15),
            transparent
        );
}
.dmelitebio-modal--open
.dmelitebio-modal__portrait-scan {
    animation:
        dmelitebioScan
        7.5s
        2.2s
        ease-in-out
        infinite;
}
@keyframes dmelitebioScan {
    0%,
    20% {
        top: -12%;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    68% {
        top: 105%;
        opacity: 1;
    }
    75%,
    100% {
        top: 105%;
        opacity: 0;
    }
}
/* ============================================================
   FINE LINES
============================================================ */
.dmelitebio-modal__portrait-lines {
    position: absolute;
    z-index: 8;
    inset: 0;
    pointer-events: none;
    opacity: 0.045;
    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,0.12) 0,
            rgba(255,255,255,0.12) 1px,
            transparent 1px,
            transparent 4px
        );
}
/* ============================================================
   EXECUTIVE SEAL
============================================================ */
.dmelitebio-modal__seal {
    position: absolute;
    z-index: 20;
    left: -22px;
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding:
        12px
        18px
        12px
        11px;
    border:
        1px solid
        rgba(216,188,121,0.18);
    background:
        rgba(10,12,10,0.82);
    backdrop-filter:
        blur(18px);
    box-shadow:
        0 22px 50px
        rgba(0,0,0,0.35);
    opacity: 0;
    transform:
        translateX(-25px);
}
.dmelitebio-modal--open
.dmelitebio-modal__seal {
    animation:
        dmelitebioSealIn
        900ms
        1.15s
        cubic-bezier(.16,1,.3,1)
        forwards;
}
@keyframes dmelitebioSealIn {
    to {
        opacity: 1;
        transform:
            translateX(0);
    }
}
/* ============================================================
   SEAL ORBIT
============================================================ */
.dmelitebio-modal__seal-orbit {
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border:
        1px solid
        rgba(216,188,121,0.34);
    border-radius: 50%;
    animation:
        dmelitebioOrbit
        10s
        linear
        infinite;
}
.dmelitebio-modal__seal-orbit::before {
    content: "";
    position: absolute;
    inset: 7px;
    border-radius: 50%;
    border:
        1px solid
        rgba(216,188,121,0.1);
}
.dmelitebio-modal__seal-orbit i {
    position: absolute;
    left: 50%;
    top: -3px;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    border-radius: 50%;
    background:
        var(--dmeb-gold-light);
    box-shadow:
        0 0 0 5px
        rgba(216,188,121,0.07);
}
@keyframes dmelitebioOrbit {
    to {
        transform:
            rotate(360deg);
    }
}
/* ============================================================
   SEAL COPY
============================================================ */
.dmelitebio-modal__seal-copy small {
    display: block;
    margin-bottom: 4px;
    color:
        var(--dmeb-muted);
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}
.dmelitebio-modal__seal-copy strong {
    display: block;
    color:
        var(--dmeb-ivory);
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
}
/* ============================================================
   VERTICAL BRAND
============================================================ */
.dmelitebio-modal__vertical-brand {
    position: absolute;
    right: -38px;
    bottom: 55px;
    color:
        rgba(216,188,121,0.4);
    writing-mode:
        vertical-rl;
    transform:
        rotate(180deg);
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.26em;
    text-transform: uppercase;
}
/* ============================================================
   PORTRAIT FOOTER
============================================================ */
.dmelitebio-modal__portrait-footer {
    display: grid;
    grid-template-columns:
        auto
        minmax(35px, 1fr)
        auto;
    align-items: center;
    gap: 14px;
    width:
        min(100%, 475px);
    margin:
        31px
        auto
        0;
}
.dmelitebio-modal__portrait-index {
    color:
        var(--dmeb-gold-light);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
}
.dmelitebio-modal__portrait-divider {
    display: block;
    height: 1px;
    background:
        rgba(216,188,121,0.18);
}
.dmelitebio-modal__portrait-footer small {
    display: block;
    margin-bottom: 4px;
    color:
        var(--dmeb-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
.dmelitebio-modal__portrait-footer strong {
    display: block;
    /*max-width: 240px;*/
    color:
        rgba(255,255,255,0.55);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    text-align: right;
}
/* ============================================================
   RIGHT CONTENT
============================================================ */
.dmelitebio-modal__content {
    position: relative;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color:
        rgba(185,148,85,0.42)
        transparent;
}
/* ============================================================
   SCROLLBAR
============================================================ */
.dmelitebio-modal__content::-webkit-scrollbar {
    width: 5px;
}
.dmelitebio-modal__content::-webkit-scrollbar-track {
    background:
        rgba(255,255,255,0.015);
}
.dmelitebio-modal__content::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background:
        linear-gradient(
            180deg,
            var(--dmeb-gold-light),
            rgba(185,148,85,0.22)
        );
}
/* ============================================================
   CONTENT INNER
============================================================ */
.dmelitebio-modal__content-inner {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin:
        0 auto;
    padding:
        clamp(90px, 7vw, 125px)
        clamp(45px, 5vw, 85px)
        clamp(70px, 6vw, 100px);
}
/* ============================================================
   META
============================================================ */
.dmelitebio-modal__meta {
    display: grid;
    grid-template-columns:
        40px
        auto
        1fr;
    align-items: center;
    gap: 13px;
    margin-bottom:
        clamp(28px, 3vw, 42px);
    color:
        var(--dmeb-gold-light);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.21em;
    text-transform: uppercase;
}
.dmelitebio-modal__meta-line {
    display: block;
    height: 1px;
    background:
        var(--dmeb-gold);
}
.dmelitebio-modal__meta-number {
    justify-self: end;
    color:
        rgba(255,255,255,0.27);
    font-size: 7px;
}
/* ============================================================
   COMPANY
============================================================ */
.dmelitebio-modal__company {
    display: block;
    margin-bottom: 13px;
    color:
        rgba(255,255,255,0.33);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
/* ============================================================
   NAME
============================================================ */
.dmelitebio-modal__header h2 {
    margin: 0;
    color:
        var(--dmeb-ivory);
    font-size:
        clamp(55px, 5vw, 84px);
    line-height: 0.9;
    font-weight: 500;
	font-family: "Oswald", sans-serif;
}
.dmelitebio-modal__header h2 span {
    display: block;
    margin-left:
        clamp(18px, 3vw, 45px);
    color:
        var(--dmeb-gold-light);
}
/* ============================================================
   DESIGNATION
============================================================ */
.dmelitebio-modal__designation {
    margin:
        23px
        0
        0;
    color:
        rgba(255,255,255,0.57);
    font-size:
        clamp(11px, 1vw, 14px);
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
/* ============================================================
   CHAPTER
============================================================ */
.dmelitebio-modal__chapter {
    display: grid;
    grid-template-columns:
        minmax(30px, 85px)
        auto
        auto
        auto
        1fr;
    align-items: center;
    gap: 11px;
    margin:
        clamp(38px, 4.5vw, 58px)
        0;
}
.dmelitebio-modal__chapter > span {
    height: 1px;
    background:
        linear-gradient(
            90deg,
            var(--dmeb-gold),
            rgba(185,148,85,0.04)
        );
}
.dmelitebio-modal__chapter > span:last-child {
    opacity: 0.35;
}
.dmelitebio-modal__chapter > i {
    width: 5px;
    height: 5px;
    transform:
        rotate(45deg);
    border:
        1px solid
        var(--dmeb-gold-light);
}
.dmelitebio-modal__chapter strong {
    color:
        var(--dmeb-gold-light);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    white-space: nowrap;
}
/* ============================================================
   BIO
============================================================ */
.dmelitebio-modal__bio {
    position: relative;
    width: 100%;
}
/* ============================================================
   BIO BLOCK
============================================================ */
.dmelitebio-modal__bio-block {
    position: relative;
    display: grid;
    grid-template-columns:
        42px
        minmax(0, 1fr);
    gap:
        clamp(18px, 2vw, 30px);
    align-items: start;
    padding:
        clamp(26px, 3vw, 36px)
        0;
    border-top:
        1px solid
        rgba(255,255,255,0.065);
}
.dmelitebio-modal__bio-block:first-child {
    padding-top: 0;
    border-top: 0;
}
/* ============================================================
   BIO NUMBER
============================================================ */
.dmelitebio-modal__bio-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border:
        1px solid
        rgba(216,188,121,0.25);
    border-radius: 50%;
    color:
        var(--dmeb-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
}
/* ============================================================
   BIO TEXT
============================================================ */
.dmelitebio-modal__bio-block p {
    width: 100%;
    margin: 0;
    color:
        var(--dmeb-text);
    font-size:
        clamp(14px, 1.08vw, 17px);
    line-height: 1.9;
    font-weight: 400;
    overflow: visible;
}
.dmelitebio-modal__bio-block--lead p {
    color:
        var(--dmeb-ivory);
    font-size:
        clamp(18px, 1.4vw, 22px);
    line-height: 1.7;
    font-weight: 400;
}
/* ============================================================
   PRINCIPLES
============================================================ */
.dmelitebio-modal__principles {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top:
        clamp(45px, 5vw, 68px);
    border:
        1px solid
        rgba(216,188,121,0.13);
    background:
        rgba(216,188,121,0.13);
}
.dmelitebio-modal__principle {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding:
        21px
        18px;
    background:
        rgba(17,20,17,0.96);
    transition:
        background-color 500ms ease;
}
.dmelitebio-modal__principle:hover {
    background:
        rgba(185,148,85,0.08);
}
.dmelitebio-modal__principle > span {
    color:
        var(--dmeb-gold);
    font-size: 8px;
    font-weight: 700;
}
.dmelitebio-modal__principle small {
    display: block;
    margin-bottom: 4px;
    color:
        var(--dmeb-muted);
    font-size: 6px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
.dmelitebio-modal__principle strong {
    display: block;
    color:
        var(--dmeb-ivory);
    font-size:
        clamp(14px, 1.2vw, 18px);
    line-height: 1;
    font-weight: 500;
}
/* ============================================================
   SIGNATURE
============================================================ */
.dmelitebio-modal__signature {
    display: grid;
    grid-template-columns:
        auto
        minmax(0, 1fr)
        minmax(50px, 110px);
    align-items: center;
    gap:
        clamp(14px, 2vw, 24px);
    margin-top:
        clamp(45px, 5vw, 70px);
    padding-top:
        clamp(28px, 3vw, 38px);
    border-top:
        1px solid
        rgba(255,255,255,0.07);
}
/* ============================================================
   SIGNATURE MARK
============================================================ */
.dmelitebio-modal__signature-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border:
        1px solid
        rgba(216,188,121,0.26);
    color:
        var(--dmeb-gold-light);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.12em;
}
.dmelitebio-modal__signature-copy small {
    display: block;
    margin-bottom: 6px;
    color:
        var(--dmeb-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}
.dmelitebio-modal__signature-copy strong {
    display: block;
    color:
        var(--dmeb-ivory-soft);
    font-size:
        clamp(14px, 1.2vw, 18px);
    line-height: 1.35;
    font-weight: 500;
}
/* ============================================================
   SIGNATURE LINE
============================================================ */

.dmelitebio-modal__signature-line {
    position: relative;
    display: block;
    height: 1px;
    overflow: hidden;
    background:
        rgba(216,188,121,0.13);
}
.dmelitebio-modal__signature-line i {
    position: absolute;
    inset: 0;
    transform:
        translateX(-100%);
    background:
        var(--dmeb-gold);
    animation:
        dmelitebioSignatureLine
        4.5s
        ease-in-out
        infinite;
}
@keyframes dmelitebioSignatureLine {
    0% {
        transform:
            translateX(-100%);
    }
    45%,
    70% {
        transform:
            translateX(0);
    }
    100% {
        transform:
            translateX(105%);
    }
}
/* ============================================================
   STAGGERED CONTENT REVEALS
============================================================ */
.dmelitebio-modal
[data-dmelitebio-reveal] {
    opacity: 0;
    transform:
        translateY(24px);
    transition:
        opacity
        800ms
        cubic-bezier(.16,1,.3,1),
        transform
        900ms
        cubic-bezier(.16,1,.3,1);
}
.dmelitebio-modal--open
[data-dmelitebio-reveal="1"] {
    opacity: 1;
    transform: none;
    transition-delay: 520ms;
}
.dmelitebio-modal--open
[data-dmelitebio-reveal="2"] {
    opacity: 1;
    transform: none;
    transition-delay: 650ms;
}
.dmelitebio-modal--open
[data-dmelitebio-reveal="3"] {
    opacity: 1;
    transform: none;
    transition-delay: 780ms;
}
.dmelitebio-modal--open
[data-dmelitebio-reveal="4"] {
    opacity: 1;
    transform: none;
    transition-delay: 900ms;
}
.dmelitebio-modal--open
[data-dmelitebio-reveal="5"] {
    opacity: 1;
    transform: none;
    transition-delay: 1020ms;
}
.dmelitebio-modal--open
[data-dmelitebio-reveal="6"] {
    opacity: 1;
    transform: none;
    transition-delay: 1140ms;
}
.dmelitebio-modal--open
[data-dmelitebio-reveal="7"] {
    opacity: 1;
    transform: none;
    transition-delay: 1260ms;
}
.dmelitebio-modal--open
[data-dmelitebio-reveal="8"] {
    opacity: 1;
    transform: none;
    transition-delay: 1380ms;
}
/* ============================================================
   LARGE DESKTOP
============================================================ */
@media (min-width: 1600px) {
    .dmelitebio-modal__layout {
        grid-template-columns:
            minmax(440px, 0.86fr)
            minmax(0, 1.14fr);
    }
}
/* ============================================================
   LAPTOP
============================================================ */
@media (max-width: 1399.98px) {
    .dmelitebio-modal {
        padding: 18px;
    }
    .dmelitebio-modal__panel {
        height:
            calc(100dvh - 36px);
    }
    .dmelitebio-modal__layout {
        grid-template-columns:
            minmax(350px, 0.78fr)
            minmax(0, 1.22fr);
    }
    .dmelitebio-modal__visual {
        padding-left: 48px;
        padding-right: 48px;
    }
    .dmelitebio-modal__content-inner {
        padding-left: 58px;
        padding-right: 58px;
    }
    .dmelitebio-modal__classification {
        left: 13px;
    }
}
/* ============================================================
   SMALL LAPTOP
============================================================ */
@media (max-width: 1199.98px) {
    .dmelitebio-modal__layout {
        grid-template-columns:
            minmax(310px, 0.72fr)
            minmax(0, 1.28fr);
    }
    .dmelitebio-modal__visual {
        padding:
            78px
            34px
            44px;
    }
    .dmelitebio-modal__content-inner {
        padding:
            84px
            45px
            65px;
    }
    .dmelitebio-modal__portrait-stage {
        max-width: 410px;
    }
    .dmelitebio-modal__portrait-footer {
        max-width: 410px;
    }
    .dmelitebio-modal__vertical-brand {
        display: none;
    }
}
/* ============================================================
   TABLET
   ONE NATURAL SCROLLABLE EXPERIENCE
============================================================ */
@media (max-width: 991.98px) {
    .dmelitebio-modal {
        display: block;
        height: 100dvh;
        padding: 14px;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .dmelitebio-modal__panel {
        width: 100%;
        height: auto;
        min-height:
            calc(100dvh - 28px);
        overflow: visible;
    }
    .dmelitebio-modal__layout {
        display: block;
        height: auto;
    }
    /* ------------------------------------------
       Visual
    ------------------------------------------ */
    .dmelitebio-modal__visual {
        min-height: auto;
        overflow: visible;
        border-right: 0;
        border-bottom:
            1px solid
            rgba(216,188,121,0.1);
        padding:
            90px
            55px
            50px;
    }
    .dmelitebio-modal__portrait-stage {
        max-width: 500px;
    }
    .dmelitebio-modal__portrait {
        aspect-ratio:
            0.9 / 1;
    }
    .dmelitebio-modal__portrait-footer {
        max-width: 500px;
    }
    .dmelitebio-modal__classification {
        display: none;
    }
    /* ------------------------------------------
       Biography
    ------------------------------------------ */
    .dmelitebio-modal__content {
        height: auto;
        overflow: visible;
    }
    .dmelitebio-modal__content-inner {
        width: 100%;
        max-width: 820px;
        padding:
            65px
            55px
            80px;
    }
}
/* ============================================================
   MOBILE
============================================================ */
@media (max-width: 575.98px) {
    .dmelitebio-modal {
        padding: 0;
        background:
            var(--dmeb-black);
    }
    .dmelitebio-modal__panel {
        width: 100%;
        min-height: 100dvh;
        border:
            0;
    }
    /* ------------------------------------------
       Close
    ------------------------------------------ */
    .dmelitebio-modal__close {
        position: fixed;
        z-index: 200;
        right: 14px;
        top: 14px;
    }
    .dmelitebio-modal__close-text {
        display: none;
    }
    .dmelitebio-modal__close-ring {
        width: 42px;
        height: 42px;
        background:
            rgba(9,11,10,0.78);
        backdrop-filter:
            blur(14px);
    }
    /* ------------------------------------------
       Portrait
    ------------------------------------------ */
    .dmelitebio-modal__visual {
        padding:
            78px
            23px
            42px;
    }
    .dmelitebio-modal__portrait-stage {
        width:
            calc(100% - 14px);
        max-width: 420px;
    }
    .dmelitebio-modal__portrait {
        aspect-ratio:
            0.87 / 1;
    }
    .dmelitebio-modal__frame--outer {
        inset: -8px;
    }
    .dmelitebio-modal__frame--middle {
        inset: -3px;
    }
    .dmelitebio-modal__frame--inner {
        inset: 13px;
    }
    .dmelitebio-modal__corner {
        width: 18px;
        height: 18px;
    }
    .dmelitebio-modal__corner--tl {
        left: -11px;
        top: -11px;
    }
    .dmelitebio-modal__corner--tr {
        right: -11px;
        top: -11px;
    }
    .dmelitebio-modal__corner--bl {
        left: -11px;
        bottom: -11px;
    }
    .dmelitebio-modal__corner--br {
        right: -11px;
        bottom: -11px;
    }
    /* ------------------------------------------
       Seal
    ------------------------------------------ */
    .dmelitebio-modal__seal {
        left: -7px;
        bottom: 16px;
        padding:
            9px
            12px
            9px
            8px;
    }
    .dmelitebio-modal__seal-orbit {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
    }
    /* ------------------------------------------
       Portrait footer
    ------------------------------------------ */
    .dmelitebio-modal__portrait-footer {
        grid-template-columns:
            auto
            1fr;
        width: 100%;
        margin-top: 27px;
    }
    .dmelitebio-modal__portrait-footer > div {
        grid-column:
            1 / -1;
    }
    .dmelitebio-modal__portrait-footer strong {
        max-width: none;
        text-align: left;
    }
    /* ------------------------------------------
       Content
    ------------------------------------------ */
    .dmelitebio-modal__content-inner {
        width: 100%;
        padding:
            55px
            21px
            70px;
    }
    .dmelitebio-modal__meta {
        grid-template-columns:
            28px
            1fr
            auto;
        gap: 9px;
    }
    .dmelitebio-modal__meta-number {
        font-size: 10px;
    }
    /* ------------------------------------------
       Name
    ------------------------------------------ */
    .dmelitebio-modal__header h2 {
        font-size:
            clamp(49px, 15.5vw, 68px);
    }
    .dmelitebio-modal__header h2 span {
        margin-left: 15px;
    }
    .dmelitebio-modal__designation {
        max-width: 320px;
        font-size: 10px;
        line-height: 1.55;
    }
    /* ------------------------------------------
       Chapter
    ------------------------------------------ */
    .dmelitebio-modal__chapter {
        grid-template-columns:
            35px
            auto
            auto
            auto
            1fr;
        margin:
            34px
            0;
    }
    /* ------------------------------------------
       Biography
    ------------------------------------------ */
    .dmelitebio-modal__bio-block {
        grid-template-columns:
            31px
            minmax(0, 1fr);
        gap: 14px;
        padding:
            25px
            0;
    }
    .dmelitebio-modal__bio-number {
        width: 29px;
        height: 29px;
        font-size: 10px;
    }
    .dmelitebio-modal__bio-block p {
        font-size: 15px;
        line-height: 1.8;
    }
    .dmelitebio-modal__bio-block--lead p {
        font-size: 18px;
        line-height: 1.66;
    }
    /* ------------------------------------------
       Principles
    ------------------------------------------ */
    .dmelitebio-modal__principles {
        grid-template-columns: 1fr;
        margin-top: 45px;
    }
    .dmelitebio-modal__principle {
        padding:
            18px
            17px;
    }
    /* ------------------------------------------
       Signature
    ------------------------------------------ */
    .dmelitebio-modal__signature {
        grid-template-columns:
            auto
            1fr;
        gap: 14px;
    }
    .dmelitebio-modal__signature-line {
        grid-column:
            1 / -1;
        margin-top: 7px;
    }
}
/* ============================================================
   SMALL MOBILE
============================================================ */
@media (max-width: 389.98px) {
    .dmelitebio-modal__visual {
        padding-left: 17px;
        padding-right: 17px;
    }
    .dmelitebio-modal__content-inner {
        padding-left: 17px;
        padding-right: 17px;
    }
    .dmelitebio-modal__header h2 {
        font-size: 47px;
    }
    .dmelitebio-modal__bio-block {
        grid-template-columns: 1fr;
    }
    .dmelitebio-modal__bio-number {
        margin-bottom: 2px;
    }
    .dmelitebio-modal__bio-block p {
        font-size: 14.5px;
    }
    .dmelitebio-modal__bio-block--lead p {
        font-size: 17px;
    }
    .dmelitebio-modal__chapter strong {
        font-size: 6px;
    }
}
/* ============================================================
   REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion: reduce) {
    .dmelitebio-modal *,
    .dmelitebio-modal *::before,
    .dmelitebio-modal *::after {
        animation-duration:
            0.01ms !important;
        animation-iteration-count:
            1 !important;
        transition-duration:
            0.01ms !important;
    }
    .dmelitebio-modal__panel,
    .dmelitebio-modal__portrait,
    .dmelitebio-modal [data-dmelitebio-reveal] {
        opacity: 1;
        transform: none;
        clip-path: none;
    }
}
/* ============================================================
   HASHIM FOUNDER MODAL
   FULL PORTRAIT PNG HANDLING
============================================================ */
#hashimEliteBio
.dmelitebio-modal__portrait {
    background:
        linear-gradient(
            145deg,
            #f1eee7 0%,
            #e4dfd4 100%
        );
}
#hashimEliteBio
.dmelitebio-modal__image {
    object-fit: contain;
    object-position: center bottom;
    transform:
        scale(0.96);
    filter:
        saturate(0.92)
        contrast(1.025);
    transition:
        transform 2s cubic-bezier(.16,1,.3,1),
        filter 1s ease;
}
#hashimEliteBio.dmelitebio-modal--open
.dmelitebio-modal__image {
    transform:
        scale(1);
}
/* Maintain good full-image presentation on tablet */
@media (max-width: 991.98px) {
    #hashimEliteBio
    .dmelitebio-modal__portrait {
        aspect-ratio:
            0.9 / 1;
    }
    #hashimEliteBio
    .dmelitebio-modal__image {
        object-fit: contain;
        object-position:
            center bottom;
    }
}
/* Mobile */
@media (max-width: 575.98px) {
    #hashimEliteBio
    .dmelitebio-modal__portrait {
        aspect-ratio:
            0.88 / 1;
    }
    #hashimEliteBio
    .dmelitebio-modal__image {
        object-fit: contain;
        object-position:
            center bottom;
        transform:
            scale(0.97);
    }
    #hashimEliteBio.dmelitebio-modal--open
    .dmelitebio-modal__image {
        transform:
            scale(1);
    }
}