/* Urban Luksus Studio teaser (ul-studio-v1). Loads after Tailwind, ul-chrome.css and ul-royal.css.
   Only .uls-* classes, the Primary-nav Studio link and the phone-menu Studio row. Ink + gold only. */
:root{--uls-ink:#0b0b0a;--uls-ink2:#11110f;--uls-paper:#e9e2d4;--uls-p80:rgba(233,226,212,.82);--uls-gold:#c4a46a;--uls-gold2:#d4b87f;--uls-g50:rgba(196,164,106,.5);--uls-g25:rgba(196,164,106,.25);--uls-serif:var(--font-heading,"Cinzel"),Georgia,serif}

/* announcement bar: one link, full-width tap target */
.uls-announce{position:relative;z-index:45;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:44px;padding:8px 14px;background:linear-gradient(90deg,#b8955a,#d4b87f 50%,#b8955a);color:#14120c!important;text-align:center;font-family:var(--font-outfit,"Outfit"),system-ui,sans-serif;font-size:.72rem;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;font-weight:500;text-decoration:none}
.uls-announce b{font-weight:600;margin-right:.5em}
.uls-sep{opacity:.5;margin:0 10px}
.uls-go{border-bottom:1px solid rgba(20,18,12,.5);padding-bottom:1px;margin-left:12px}
a.uls-announce:hover .uls-go,a.uls-announce:focus-visible .uls-go{border-bottom-color:#14120c}
a.uls-announce:focus-visible{outline:2px solid #14120c;outline-offset:-4px}

/* desktop nav item */
.uls-navlink{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--uls-gold)!important;text-decoration:none;white-space:nowrap}
.uls-navlink:hover{color:var(--uls-gold2)!important}
.uls-navlink.uls-on{box-shadow:inset 0 -1px 0 var(--uls-gold);padding-bottom:4px}
.uls-new{position:absolute;top:-4px;left:0;font-size:.55rem;letter-spacing:.24em;color:var(--uls-gold2)}
.uls-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--uls-gold);box-shadow:0 0 0 4px rgba(196,164,106,.18);margin-left:8px;flex:none}
@media (min-width:1024px) and (max-width:1199px){nav[aria-label="Primary"]{gap:1rem!important}}

/* phone: gold dot on the menu button, "New" tag in the menu row */
[data-slot="sheet-trigger"][data-new]{position:relative}
[data-slot="sheet-trigger"][data-new]::after{content:"";position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:var(--uls-gold);border:2px solid var(--uls-ink)}
#ul-mobile-menu > a.uls-mrow{color:var(--uls-gold)!important}
.uls-mnew{display:inline-block;margin-left:.75rem;padding:2px 7px;border:1px solid var(--uls-g50);font-family:var(--font-outfit,"Outfit"),system-ui,sans-serif;font-size:.6rem;letter-spacing:.22em;vertical-align:2px;color:var(--uls-gold2)}

/* shared */
.uls-wrap{max-width:var(--ul-max,72rem);margin:0 auto;padding:0 var(--ul-pad,1.5rem)}
.uls-label{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--uls-gold)}
.uls-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--uls-gold);text-decoration:none;transition:background .2s,color .2s}
.uls-btn-gold{background:var(--uls-gold);color:var(--uls-ink)!important}
.uls-btn-gold:hover{background:var(--uls-gold2)}
.uls-btn:focus-visible,.uls-call:focus-visible,.uls-more:focus-visible{outline:1px solid var(--uls-gold2);outline-offset:3px}
.uls-btn svg{width:16px;height:16px;flex:none}

/* feature band (home, under the hero) and the /studio page */
.uls-feature{position:relative;background:radial-gradient(70% 90% at 80% 40%,rgba(196,164,106,.10),transparent 60%),var(--uls-ink2);border-top:1px solid var(--uls-g50);border-bottom:1px solid var(--uls-g25);overflow:hidden;color:var(--uls-paper)}
.uls-feature::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--uls-gold) 20%,var(--uls-gold2) 50%,var(--uls-gold) 80%,transparent)}
.uls-feature .uls-wrap{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(40px,5vw,72px);align-items:center;padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(64px,7.5vw,108px)}
.uls-ribbon{display:inline-flex;border:1px solid var(--uls-gold);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase}
.uls-n{background:var(--uls-gold);color:var(--uls-ink);padding:9px 14px;font-weight:600}
.uls-t{color:var(--uls-gold);padding:9px 16px}
.uls-h{font-family:var(--uls-serif)!important;font-weight:400;font-size:clamp(2.5rem,1.5rem + 3.4vw,4.25rem)!important;line-height:1.08!important;letter-spacing:.015em;margin-top:28px;color:var(--uls-paper);text-wrap:balance}
.uls-h em{font-style:normal;color:var(--uls-gold2)}
.uls-sub{margin-top:22px;font-size:clamp(17px,1rem + .3vw,20px);font-weight:300;color:var(--uls-p80);display:flex;align-items:center;gap:14px}
.uls-loading{display:inline-block;width:70px;height:2px;background:rgba(233,226,212,.15);position:relative;flex:none}
.uls-loading::after{content:"";position:absolute;left:0;top:0;bottom:0;width:64%;background:linear-gradient(90deg,rgba(196,164,106,.2),var(--uls-gold))}
.uls-lede{margin-top:18px;font-size:17px;line-height:1.65;color:var(--uls-p80);max-width:470px}
.uls-actions{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:36px;align-items:center}
.uls-call{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 4px;font-size:.95rem;color:var(--uls-paper)!important;border-bottom:1px solid var(--uls-g50);text-decoration:none}
.uls-call svg{width:16px;height:16px;color:var(--uls-gold)}
.uls-human{margin-top:22px;font-size:.95rem;line-height:1.65;color:var(--uls-p80);max-width:500px}
.uls-sign{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--uls-g25);max-width:500px}
.uls-sign img{width:30px!important;height:auto!important}
.uls-sign-plain{border:0;padding-top:0;margin-top:16px}
.uls-who{font-family:var(--uls-serif);font-size:1rem;letter-spacing:.06em;color:var(--uls-paper)}
.uls-where{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--uls-gold);margin-top:3px}
.uls-panel{position:relative;aspect-ratio:4/4.3;max-height:620px}
.uls-frame{position:absolute;inset:0;transform:translate(22px,22px);border:1px solid var(--uls-gold)}
.uls-img{position:absolute;inset:0;background:#0b0b0a url("/brand/studio-feature.jpg") 30% center/cover;box-shadow:0 40px 90px rgba(0,0,0,.55)}
.uls-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,10,.7),transparent 38%)}
.uls-edge{position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,var(--uls-gold2),var(--uls-gold) 60%,transparent);box-shadow:0 0 16px rgba(212,184,127,.5)}
.uls-tag{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:10px;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--uls-paper);background:rgba(11,11,10,.6);border:1px solid var(--uls-g50);padding:10px 14px}
.uls-pulse{width:8px;height:8px;border-radius:50%;background:var(--uls-gold);box-shadow:0 0 0 5px rgba(196,164,106,.2)}
.uls-corner{position:absolute;right:20px;top:20px;font-family:var(--uls-serif);font-size:.8rem;letter-spacing:.2em;color:var(--uls-gold2);text-shadow:0 1px 8px rgba(0,0,0,.6)}

/* /studio page: talk-to-us cards */
.uls-talk{padding:clamp(56px,6vw,90px) 0;border-bottom:1px solid rgba(196,164,106,.15);color:var(--uls-paper);background:var(--uls-ink)}
.uls-talk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.uls-talk-head{grid-column:1/-1;margin-bottom:10px}
.uls-talk-head h2{font-family:var(--uls-serif)!important;font-weight:400;font-size:clamp(1.8rem,1.3rem + 1.6vw,2.4rem)!important;margin-top:12px;color:var(--uls-paper)}
.uls-card{border:1px solid var(--uls-g25);background:var(--uls-ink2);padding:30px 28px 24px}
.uls-card h3{font-family:var(--uls-serif)!important;font-weight:400;font-size:1.35rem;margin-top:14px;color:var(--uls-paper)}
.uls-card p:not(.uls-label){margin-top:10px;font-size:.92rem;line-height:1.6;color:var(--uls-p80)}
.uls-note{background:transparent}
.uls-more{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--uls-gold)!important;text-decoration:none;box-shadow:inset 0 -12px 0 -11px var(--uls-g50)}

@media (max-width:1023px){
 .uls-feature .uls-wrap{grid-template-columns:1fr;gap:0;padding-top:40px;padding-bottom:60px}
 .uls-panel{order:-1;aspect-ratio:4/3.3;margin:0 14px 40px 0}
 .uls-frame{transform:translate(14px,14px)}
 .uls-talk-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 .uls-announce{font-size:.62rem;letter-spacing:.14em;padding:8px 10px}
 .uls-sep{margin:0 7px}
 .uls-go{margin-left:8px}
 .uls-h{margin-top:22px}
 .uls-actions{flex-direction:column;align-items:stretch}
 .uls-btn{white-space:normal;text-align:center;line-height:1.5;padding:14px 18px}
 .uls-call{justify-content:center;border:1px solid var(--uls-g50)}
 .uls-talk-grid{grid-template-columns:1fr}
 .uls-tag{left:16px;bottom:16px}
}
@media (max-width:380px){ .uls-announce .uls-sep,.uls-announce .uls-mid{display:none} }
@media (prefers-reduced-motion:reduce){.uls-btn,.uls-announce{transition:none}}