/* Shared interaction rules; Swinger copper/serif and Domina leather/Barlow remain distinct. */
.sc-site,.d-body{overflow-x:clip}
.sc-image-notice,.d-image-notice{margin:0;padding:7px 12px;text-align:center;font:500 11px/1.4 Arial,sans-serif;letter-spacing:.01em;color:#d9cbc4;background:#21171b}
.d-image-notice{background:#211c1e}
.sc-site>.sc-header,.d-body>.d-header{position:sticky;top:0;z-index:50;background:#110d0ff5;border-bottom:1px solid #60504b;box-shadow:0 4px 18px #0003}
.sc-site>.sc-header{background:transparent;border-bottom:0;box-shadow:none}
.d-body>.d-header{background:#171719f7}
.sc-header:before{content:"";position:absolute;top:0;bottom:-32px;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:-1;background:linear-gradient(180deg,#110d0ff2 0%,#110d0fe6 68%,transparent 100%);pointer-events:none}
.d-header:before{content:"";position:absolute;inset:0 calc((100vw - 100%) / -2);z-index:-1;background:inherit;border-bottom:inherit}
.sc-site>.sc-header.dh-integrated-header,.d-body>.d-header.dh-integrated-header{min-height:80px;padding-block:10px!important}
.sc-preview,.d-preview{display:none}
.sc-header nav a,.d-header nav a{display:inline-flex;align-items:center;min-height:44px}
.sc-site :is(a,button):focus-visible,.d-body :is(a,button):focus-visible{outline:2px solid #f6b5a0;outline-offset:4px}
.d-skip{position:fixed;left:12px;top:-100px;z-index:100;background:#eee6dc;color:#171719;padding:14px}
.d-skip:focus{top:12px}
.sc-site [id],.d-body [id]{scroll-margin-top:135px}
.sc-breadcrumb,.d-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-block:18px 0;font:400 12px/1.5 Arial,sans-serif;color:#cdbbb2}
.sc-breadcrumb a,.d-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.sc-breadcrumb i,.d-breadcrumb i{font-style:normal;color:#bd9988}
.sc-subhero{padding-block:46px 54px;min-height:0}
.sc-subhero h1{font-size:clamp(48px,6.5vw,88px)}
.sc-city-orbit{max-height:250px;min-height:230px;aspect-ratio:auto}
.sc-city-orbit strong{font-size:86px}
.sc-city-body{padding-block:44px 52px;gap:55px}
.sc-profiles{padding-block:55px 65px}
.sc-profiles .sc-section-heading{margin-bottom:26px}
.sc-guide-hero{min-height:0;padding-block:40px 50px}
.sc-guide-steps article{gap:30px}
.sc-photo-mark,.d-photo-mark{display:block;position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(130px,29%,265px);aspect-ratio:645/158;background:url('/assets/brand/desirehub-logo.webp') center/contain no-repeat;opacity:.32;filter:saturate(.48);pointer-events:none}
.sc-hero-art .sc-photo-mark{top:82%;left:73%;width:clamp(160px,28%,300px)}
.sc-interlude-art .sc-photo-mark{left:30%;width:25%}
.sc-last,.d-scene{position:relative}
.sc-last>.sc-photo-mark{left:76%;top:78%;width:22%}
.d-photo{position:relative;display:block;min-width:0}
.d-materials .d-photo{height:100%}
.d-photo-mark-hero{top:83%;left:74%;width:26%}
.d-editorial>.d-photo-mark{left:17%;top:68%;width:23%}
.d-scene>.d-photo-mark,.d-presence>.d-photo-mark{left:75%;top:62%;width:24%}
.d-guide-hero>.d-photo-mark{top:85%;left:80%;width:20%}
.d-directory{padding-block:65px 75px}
.d-directory h2{font:700 clamp(48px,5vw,76px)/.94 Barlow,Impact,sans-serif;text-transform:uppercase;margin:0 0 25px}
.d-directory-lead{max-width:760px;font-size:17px;line-height:1.65;color:#c9c0b8}
.d-directory-next{font-size:15px;line-height:1.6;color:#c9c0b8}
.d-city-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.d-city-shortcuts a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #655853;color:#eedacf;font-size:13px;text-decoration:none}
.d-city-shortcuts a:hover{background:#352428}
@media(max-width:1050px){
 .sc-site>.sc-header.dh-integrated-header,.d-body>.d-header.dh-integrated-header{gap:4px 12px!important;padding-block:8px 0!important}
 .sc-header nav,.d-header nav{padding:0!important;border:0;margin:0!important;gap:8px!important;justify-content:space-between!important}
}
@media(max-width:720px){
 .sc-site>.sc-header.dh-integrated-header,.d-body>.d-header.dh-integrated-header{min-height:0}
 .sc-header nav a,.d-header nav a{font-size:11px;letter-spacing:0;text-align:center!important;justify-content:center}
 .sc-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .d-header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
 .sc-site>.sc-header>.dh-brand-bar .dh-brand-link,.d-body>.d-header>.dh-brand-bar .dh-brand-link{width:116px}
 .sc-brand{font-size:18px;gap:8px}.sc-brand-mark{font-size:26px}
 .d-logo{font-size:22px;gap:8px}.d-logo-mark{width:38px;height:38px;font-size:32px}
 .sc-subhero{padding-block:30px;gap:26px}.sc-subhero h1{font-size:clamp(42px,11vw,66px)}
 .sc-city-orbit{max-height:none;min-height:0;display:flex;flex-direction:row;gap:16px;align-items:center;padding:20px;aspect-ratio:auto;text-align:left}
 .sc-city-orbit small{margin-top:0;letter-spacing:0}
 .sc-city-orbit>div{display:none}.sc-city-orbit strong{font-size:48px}.sc-city-orbit span{font-size:10px}.sc-city-orbit small{max-width:95px;font-size:10px}
 .sc-city-body{padding-block:28px 35px}.sc-city-checks{margin-top:25px}
 .sc-site .sc-city-question h2{font-size:35px}.sc-city-question>p:last-child{font-size:15px}
 .sc-profiles{padding-block:35px 45px}.sc-site .sc-profiles h2{font-size:39px}
 .sc-hero{min-height:0}.sc-hero-copy{padding-top:38px;padding-bottom:265px}
 .sc-hero h1{margin-top:25px}.sc-night-route{margin-top:24px}
 .sc-hero-art .sc-photo-mark{left:50%;top:auto;bottom:105px;transform:translateX(-50%);width:46%}
 .sc-interlude-art .sc-photo-mark{left:50%;width:46%}
 .sc-last>.sc-photo-mark{left:50%;top:27vw;width:46%}
 .sc-guide-hero{padding-block:28px 40px}
 .d-hero{min-height:715px;padding-top:38px;padding-bottom:130px}
 .d-photo-mark-hero{left:50%;top:auto;bottom:56px;transform:translateX(-50%);width:46%}
 .d-editorial>.d-photo-mark{left:50%;top:95%;width:44%}
 .d-scene>.d-photo-mark{left:50%;top:82%;width:44%}
 .d-presence>.d-photo-mark{left:50%;top:240px;width:44%}
 .d-guide-hero>.d-photo-mark{left:78%;top:92%;width:32%}
 .d-directory{padding-block:40px 45px}.d-directory h2{font-size:clamp(43px,11vw,62px)}
 .d-directory-lead{font-size:16px}.d-materials-grid .d-photo-mark{width:48%}
 .d-guide-hero{padding-block:36px 50px}.d-guide-hero>p:last-child{font-size:18px}
 .d-guide-next{flex-wrap:wrap;gap:16px}.d-guide-next>span{width:100%}
}
@media(prefers-reduced-motion:reduce){.sc-site,.d-body{scroll-behavior:auto}}
