.ud-hero{--udg-hero-header-h:86px;--udg-hero-intro-h:36px;position:relative;width:100%;margin:0;padding:0;background:#0B0A0A;overflow:hidden;isolation:isolate;box-sizing:border-box}
#udgoon-home-hero{padding:0!important;margin:0!important;background:#0B0A0A}
#udgoon-home-hero .elementor-widget-html{margin:0}
#udgoon-home-hero .elementor-widget-container{padding:0;margin:0;max-width:none;width:100%}
.ud-hero *{box-sizing:border-box}
.ud-hero__media-viewport{position:relative;width:100%;height:calc(100svh - var(--udg-hero-header-h) - var(--udg-hero-intro-h));min-height:320px;overflow:hidden;background:#0B0A0A}
.ud-hero__media-link{display:block;position:absolute;inset:0;z-index:0;color:inherit}
.ud-hero__track{display:flex;width:max-content;height:100%;will-change:transform}
.ud-hero__cycle{display:flex;flex:none;height:100%}
.ud-hero__panel{position:relative;flex:none;height:100%;overflow:hidden;background:#0B0A0A;margin:0}
.ud-hero__panel img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.ud-hero__panel--p1{width:18vw}.ud-hero__panel--p2{width:24vw}.ud-hero__panel--p3{width:25vw}.ud-hero__panel--p4{width:24vw}
.ud-hero__panel--p5{width:21vw}.ud-hero__panel--p6{width:26vw}.ud-hero__panel--p7{width:20vw}.ud-hero__panel--p8{width:24vw}
.ud-hero__panel--p9{width:22vw}.ud-hero__panel--p10{width:25vw}.ud-hero__panel--p11{width:21vw}.ud-hero__panel--p12{width:24vw}
.ud-hero__tone-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:rgb(11 10 10 / 14%)}
.ud-hero__contrast{position:absolute;left:50%;top:50%;z-index:2;width:min(70vw,1344px);height:62%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgb(11 10 10 / 30%) 0%,rgb(11 10 10 / 26%) 22%,rgb(11 10 10 / 18%) 46%,rgb(11 10 10 / 9%) 68%,rgb(11 10 10 / 0%) 84%)}
.ud-hero__foreground{position:absolute;inset:0;z-index:3;pointer-events:none}
.ud-hero__title,.ud-hero__separator,.ud-hero__subtitle,.ud-hero__cta{position:absolute;left:50%;transform:translateX(-50%)}
.ud-hero__title{top:30.2%;width:100%;text-align:center;margin:0}
.ud-hero__title .ud-hero__line{display:block;margin:0 auto;font-family:"Bodoni Moda",serif;font-weight:500;color:#FFFDFC;font-size:clamp(72px,5.35vw,104px);line-height:.92;letter-spacing:-.020em;text-align:center;white-space:nowrap}
.ud-hero__title .ud-hero__line--m{display:none}
.ud-hero__separator{top:65.6%;width:min(35.2vw,676px);height:1.25px;background:rgb(255 253 252 / 88%);border:0}
.ud-hero__subtitle{top:69.2%;font-family:"DM Sans",sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(18px,1.30vw,24px);line-height:1;letter-spacing:.090em;color:#FFFDFC;text-align:center;opacity:1}
.ud-hero__cta{top:86.1%;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:clamp(112px,7.3vw,140px);height:clamp(42px,2.7vw,52px);background:#FFFDFC;color:#0B0A0A;border:0;border-radius:2px;font-family:"DM Sans",sans-serif;font-size:14px;line-height:18px;font-weight:500;text-transform:uppercase;text-decoration:none}
.ud-hero__cta:hover{background:#F7F2EC}
.ud-hero__cta:active{background:#F7F2EC;opacity:.90}
.ud-hero__cta:focus-visible{outline:2px solid #5A1027;outline-offset:3px}
.ud-hero__intro{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:var(--udg-hero-intro-h);background:#5A1027;color:#FFFDFC;font-family:"DM Sans",sans-serif;font-size:14px;line-height:18px;font-weight:500}
.ud-hero__intro a{color:#FFFDFC;text-decoration:underline;text-underline-offset:3px}
.ud-hero__intro a:hover{color:#D8C4CA}
@media (max-width:1279px) and (min-width:768px){
 .ud-hero{--udg-hero-intro-h:36px}
 .ud-hero__panel--p1{width:30vw}.ud-hero__panel--p2{width:39vw}.ud-hero__panel--p3{width:41vw}.ud-hero__panel--p4{width:39vw}
 .ud-hero__panel--p5{width:34vw}.ud-hero__panel--p6{width:42vw}.ud-hero__panel--p7{width:33vw}.ud-hero__panel--p8{width:39vw}
 .ud-hero__panel--p9{width:36vw}.ud-hero__panel--p10{width:41vw}.ud-hero__panel--p11{width:34vw}.ud-hero__panel--p12{width:39vw}
}
@media (max-width:767px){
 .ud-hero{--udg-hero-intro-h:44px}
 .ud-hero__intro{flex-direction:column;gap:3px}
 .ud-hero__panel--p1{width:66vw}.ud-hero__panel--p2{width:88vw}.ud-hero__panel--p3{width:92vw}.ud-hero__panel--p4{width:88vw}
 .ud-hero__panel--p5{width:77vw}.ud-hero__panel--p6{width:95vw}.ud-hero__panel--p7{width:73vw}.ud-hero__panel--p8{width:88vw}
 .ud-hero__panel--p9{width:81vw}.ud-hero__panel--p10{width:92vw}.ud-hero__panel--p11{width:77vw}.ud-hero__panel--p12{width:88vw}
 .ud-hero__title .ud-hero__line--d{display:none}.ud-hero__title .ud-hero__line--m{display:block}
 .ud-hero__title .ud-hero__line{font-size:clamp(44px,11.4vw,60px);line-height:.92;letter-spacing:-.018em;max-width:92vw}
 .ud-hero__cta{min-height:44px}
}
@media (prefers-reduced-motion: reduce){
 .ud-hero__track{transform:none!important}
}

/* === Editable foreground overlay — Elementor-native widgets (additive, scoped to #udgoon-home-hero) === */
#udgoon-home-hero{position:relative}
.udg-hero-editable-foreground{position:absolute;top:0;left:0;right:0;z-index:4;height:calc(100svh - 86px - 36px);min-height:320px;width:100%;margin:0;padding:0;gap:0;--widgets-spacing:0px;pointer-events:none;overflow:visible}
.udg-hero-editable-foreground>.elementor-widget{position:absolute;left:50%;transform:translateX(-50%);margin:0;padding:0;width:auto;max-width:none}
.udg-hero-editable-foreground .elementor-widget-container{margin:0;padding:0}
.udg-hero-editable-line1{top:30.2%}
.udg-hero-editable-line2{top:calc(30.2% + clamp(66px,4.92vw,96px))}
.udg-hero-editable-subtitle{top:69.2%}
.udg-hero-editable-cta{top:86.1%;pointer-events:auto}
.udg-hero-editable-line1 .elementor-heading-title,.udg-hero-editable-line2 .elementor-heading-title{display:block;margin:0 auto;padding:0;font-family:"Bodoni Moda",serif;font-weight:500;color:#FFFDFC;font-size:clamp(72px,5.35vw,104px);line-height:.92;letter-spacing:-.020em;text-align:center;white-space:nowrap}
.udg-hero-editable-subtitle .elementor-heading-title{margin:0;padding:0;font-family:"DM Sans",sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(18px,1.30vw,24px);line-height:1;letter-spacing:.090em;color:#FFFDFC;text-align:center}
.udg-hero-editable-cta .elementor-button{display:inline-flex;align-items:center;justify-content:center;width:clamp(112px,7.3vw,140px);height:clamp(42px,2.7vw,52px);margin:0;padding:0;background:#FFFDFC;color:#0B0A0A;border:0;border-radius:2px;font-family:"DM Sans",sans-serif;font-size:14px;line-height:18px;font-weight:500;text-transform:uppercase;text-decoration:none}
.udg-hero-editable-cta .elementor-button:hover,.udg-hero-editable-cta .elementor-button:focus{background:#F7F2EC;color:#0B0A0A}
.udg-hero-editable-cta .elementor-button:active{background:#F7F2EC;opacity:.90}
.udg-hero-editable-cta .elementor-button:focus-visible{outline:2px solid #5A1027;outline-offset:3px}
.udg-hero-editable-cta .elementor-button .elementor-button-text{line-height:1}
/* In the Elementor editor the overlay must accept clicks so widgets remain editable */
.elementor-editor-active .udg-hero-editable-foreground,
.elementor-editor-active .udg-hero-editable-foreground>.elementor-widget{pointer-events:auto}
@media (max-width:767px){
.udg-hero-editable-foreground{height:calc(100svh - 86px - 44px)}
.udg-hero-editable-line1 .elementor-heading-title,.udg-hero-editable-line2 .elementor-heading-title{font-size:clamp(30px,9.4vw,56px);letter-spacing:-.018em}
.udg-hero-editable-line2{top:calc(30.2% + clamp(28px,8.7vw,52px))}
.udg-hero-editable-cta .elementor-button{min-height:44px}
}