/* ======================================================
   FINAL EDITION
   - Components organized
   - Shared utilities introduced
   - Safe duplicate cleanup
   - Safe CSS variable adoption
   - Safe !important reduction
   ====================================================== */
:root{--radius-md:16px;--radius-lg:20px;--img-fit:contain;--img-bg:transparent;--tr-fast:.25s ease}

/* ===== 03 DESKTOP LAYOUT OVERRIDES (ORDER PRESERVED) ===== */
@media (min-width:1024px){.hero,.hero-cover-new{width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;overflow:hidden !important}.top-left-darumon-logo{width:min(1400px,88vw) !important;max-width:none !important;position:absolute !important;top:-140px !important;left:-180px !important;transform:rotate(-16deg) !important;z-index:9999 !important}.sparkle,.star,.glitter,[class*="spark"],[class*="star"]{z-index:1 !important}img.hero-peek-new-righttop{position:absolute !important;top:-230px !important;right:-340px !important;width:min(500px,32vw) !important;height:auto !important;z-index:950 !important;visibility:visible !important;opacity:1 !important;display:block !important;animation-name:pcDarumonPeekFromRight !important;animation-duration:3.6s !important;animation-timing-function:ease-in-out !important;animation-iteration-count:infinite !important;animation-fill-mode:both !important;will-change:margin-right !important}@keyframes pcDarumonPeekFromRight{0%,100%{margin-right:-90px}45%,60%{margin-right:20px}}}
@media (min-width:1024px){img.hero-peek-new-righttop{animation:peekRightTopNew 3s ease-in-out infinite !important;transform-origin:center center !important}@keyframes peekRightTopNew{0%,100%{transform:translateX(8px) rotate(1deg)}50%{transform:translateX(-12px) rotate(-1deg)}}}
@media (min-width:1024px){img.hero-peek-new-righttop{right:-390px !important}}
@media (min-width:1024px){img.hero-peek-new-righttop{width:min(580px,37vw) !important;height:auto !important}}
@media (min-width:1024px){.top-left-darumon-logo{left:-130px !important}}
@media (min-width:1024px){.top-left-darumon-logo{width:min(1550px,96vw) !important;max-width:none !important}}
@media (min-width:1024px){.top-left-logo-sparkles,.cover-sparkles{transform:translateY(120px) !important;z-index:2 !important}.top-left-darumon-logo{z-index:99999 !important}}

@media (min-width:1024px){.hero-cover-new::before,.hero-peek-wrap::before{display:none !important;content:none !important;opacity:0 !important;visibility:hidden !important}.top-left-darumon-logo{z-index:99999 !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom{left:-300px !important;top:84% !important}img.hero-peek-new-leftbottom,.hero-peek-new-leftbottom img{width:min(700px,45vw) !important;height:auto !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom{left:-420px !important;top:92% !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom{top:98% !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom{top:calc(98% + 180px) !important}}
@media (min-width:1024px){img.hero-peek-new-leftbottom,.hero-peek-new-leftbottom img{width:min(520px,34vw) !important;height:auto !important}}
@media (min-width:1024px){img.hero-peek-new-leftbottom,.hero-peek-new-leftbottom img{width:min(580px,38vw) !important;height:auto !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom{left:-360px !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom{left:-220px !important}img.hero-peek-new-leftbottom{left:-220px !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom,img.hero-peek-new-leftbottom{left:-280px !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom,img.hero-peek-new-leftbottom{left:-320px !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom,img.hero-peek-new-leftbottom{left:-350px !important}}
@media (min-width:1024px){.hero-peek-new-leftbottom,img.hero-peek-new-leftbottom{left:-380px !important}}
@media (min-width:1024px){.hero-cover-new{position:relative !important}.hero-cover-new::before,.hero-cover-new::after{content:"" !important;position:absolute !important;display:block !important;pointer-events:none !important;z-index:6 !important;width:16px !important;height:16px !important;background:linear-gradient(135deg,#fff9c7 0%,#ffd75f 52%,#fff2a8 100%) !important;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%) !important;filter:drop-shadow(0 0 7px rgba(255,215,95,.62)) !important;opacity:.86 !important;animation:pcCssSparkleTwinkle 3.4s ease-in-out infinite !important}.hero-cover-new::before{left:66% !important;top:60% !important;box-shadow:150px 45px 0 -2px #ffd75f,60px 135px 0 -4px #ffd75f,250px 165px 0 -3px #ffd75f !important}.hero-cover-new::after{left:76% !important;top:72% !important;width:20px !important;height:20px !important;animation-delay:.7s !important;box-shadow:-95px 75px 0 -5px #ffd75f,115px 100px 0 -7px #ffd75f !important}@keyframes pcCssSparkleTwinkle{0%,100%{opacity:.42;transform:scale(.78) rotate(0deg)}50%{opacity:1;transform:scale(1.18) rotate(18deg)}}}@media (max-width:1023px){.hero-cover-new::before,.hero-cover-new::after{all:revert-layer}}