/* XERF campaign extension to the existing Detroit Beauty Connect design system. */
.xerf-home-feature,.xerf-services-feature,.xerf-intro-grid,.xerf-city-intro,.xerf-editorial{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,7rem);align-items:center}
.xerf-home-hero{isolation:isolate}
.xerf-home-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(33,31,28,.82),rgba(33,31,28,.43) 62%,rgba(33,31,28,.18));pointer-events:none}
.xerf-home-hero .hero-copy{max-width:880px}
.xerf-home-hero h1{font-size:clamp(3.2rem,6.5vw,6.3rem)}
.xerf-home-hero .site-header,.xerf-home-hero .hero-copy,.xerf-home-hero .hero-note{z-index:2}
.xerf-home-feature{background:var(--cream);padding-top:4.5rem;padding-bottom:4.5rem}
.xerf-home-feature h2,.xerf-services-feature h2,.xerf-intro-grid h2,.xerf-facts h2,.xerf-editorial h2,.xerf-next h2,.xerf-city-section h2,.xerf-city-planning h2,.xerf-cta-panel h2,.xerf-location-note h2,.xerf-related-note h2{font-family:var(--serif);font-weight:500;letter-spacing:-.055em;line-height:1.02;font-size:clamp(2.4rem,5vw,4.7rem);margin:.25rem 0 1.2rem}
.xerf-home-feature p:not(.eyebrow),.xerf-services-feature p:not(.eyebrow),.xerf-intro-grid p:not(.eyebrow),.xerf-editorial p:not(.eyebrow),.xerf-city-intro p:not(.eyebrow){max-width:66ch;color:var(--muted)}
.xerf-inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:2rem}
.xerf-home-visual,.xerf-machine{background:#e6ded6;border-radius:1.2rem;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:450px}
.xerf-home-visual{background:radial-gradient(circle at 50% 42%,#d9d0c9,#9f8f84);height:460px}
.xerf-home-visual img{height:94%;max-width:90%;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(20,15,12,.25))}
.xerf-machine{background:radial-gradient(circle at 50% 43%,#f4efea,#d2c6bc);padding:1rem 1rem .7rem;min-height:650px}
.xerf-machine img{width:100%;height:610px;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(20,15,12,.18))}
.xerf-machine p{margin:.5rem 1rem;color:var(--muted);font-size:.75rem;text-align:center}
.xerf-services-feature{background:var(--paper)}
.xerf-services-feature .xerf-machine{min-height:720px}
.xerf-services-feature .xerf-machine img{height:700px}
.xerf-services-hero{isolation:isolate;background-position:center}
.xerf-services-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(33,31,28,.78),rgba(33,31,28,.28) 72%,rgba(33,31,28,.17));pointer-events:none}
.xerf-services-hero .site-header,.xerf-services-hero .hero-copy,.xerf-services-hero .hero-note{z-index:2}
.xerf-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
.video-toggle{position:absolute;right:clamp(1.2rem,5vw,5rem);bottom:4rem;z-index:3;border:1px solid rgba(255,250,244,.7);border-radius:999px;background:rgba(33,31,28,.72);color:var(--white);font:600 .76rem var(--sans);padding:.7rem 1rem;cursor:pointer;min-width:110px;min-height:44px}
.video-toggle:hover,.video-toggle:focus-visible{background:var(--accent);outline:2px solid var(--white);outline-offset:3px}
.xerf-page-hero{min-height:72dvh}
.xerf-page-hero .hero-copy{max-width:800px}
.xerf-page-hero h1{font-size:clamp(3.3rem,7.2vw,6.6rem)}
.xerf-city-hero{min-height:62dvh}
.xerf-lead{font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.25;letter-spacing:-.025em;color:var(--ink)!important}
.xerf-intro-grid{align-items:start}
.xerf-intro-grid .xerf-machine{min-height:620px}
.xerf-facts,.xerf-city-planning{background:var(--paper)}
.xerf-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}
.xerf-fact-grid article{border-top:2px solid var(--accent);padding-top:1.25rem}
.xerf-fact-grid article span,.xerf-trip-note span{display:block;color:var(--accent);font:500 .67rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.xerf-fact-grid h3{font-family:var(--serif);font-size:clamp(1.6rem,2.5vw,2.3rem);font-weight:500;letter-spacing:-.04em;margin:.9rem 0 .55rem}
.xerf-fact-grid p{color:var(--muted);margin:0;max-width:42ch}
.xerf-editorial{align-items:start}
.xerf-editorial a:not(.button){text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.xerf-callout,.xerf-trip-note,.xerf-article-aside{background:#e9dfd7;border:1px solid #d9c9bf;padding:clamp(1.5rem,3vw,3rem);border-radius:.4rem}
.xerf-callout p:last-of-type{font-family:var(--serif);font-size:clamp(1.3rem,2.1vw,1.9rem);line-height:1.26;color:var(--ink)}
.xerf-gallery-section{background:var(--paper)}
.xerf-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.7rem}
.xerf-gallery figure{margin:0;background:var(--white);border:1px solid var(--line)}
.xerf-gallery img{width:100%;aspect-ratio:1.22;object-fit:contain;background:#f5f1ed}
.xerf-gallery figcaption{padding:.85rem 1rem;color:var(--muted);font-size:.78rem}
.xerf-next{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}
.xerf-article-links{border-top:1px solid var(--line)}
.xerf-article-links a{display:flex;flex-direction:column;gap:.35rem;padding:1.3rem 0;border-bottom:1px solid var(--line)}
.xerf-article-links strong{font:500 clamp(1.5rem,2.4vw,2.1rem) var(--serif);letter-spacing:-.04em}
.xerf-article-links span{color:var(--muted);font-size:.85rem}
.xerf-city-section{background:var(--paper)}
.xerf-city-section>p:not(.eyebrow){max-width:64ch;color:var(--muted)}
.xerf-city-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2rem;margin-top:2rem;border-top:1px solid var(--line)}
.xerf-city-links a{border-bottom:1px solid var(--line);padding:1rem 0;display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:1.35rem}
.xerf-city-links a span{font-family:var(--sans);font-size:.9rem;color:var(--accent)}
.xerf-cta-panel{background:var(--dark);color:var(--white);max-width:none}
.xerf-cta-panel>div{max-width:850px;margin:auto}
.xerf-cta-panel .eyebrow{color:#f1c6bb}
.xerf-cta-panel p:not(.eyebrow){color:rgba(255,250,244,.75);max-width:65ch}
.xerf-source-wrap{padding-top:3.5rem;padding-bottom:3.5rem}
.xerf-sources{border-top:1px solid var(--line);padding-top:1.5rem;color:var(--muted);font-size:.85rem}
.xerf-sources ul{padding-left:1.4rem;columns:2;column-gap:3rem}
.xerf-sources li{break-inside:avoid;margin-bottom:.45rem}
.xerf-sources a,.xerf-article-main a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.xerf-article{max-width:1240px}
.xerf-article>.xerf-lead{max-width:950px;margin:3rem 0 3.5rem}
.xerf-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(2rem,7vw,7rem);align-items:start}
.xerf-article-main{max-width:730px}
.xerf-article-main h2{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,3vw,2.9rem);line-height:1.06;letter-spacing:-.045em;margin:2.7rem 0 1rem}
.xerf-article-main h2:first-child{margin-top:0}
.xerf-article-main p,.xerf-article-main li{color:#514a44;line-height:1.76}
.xerf-article-main li{margin-bottom:.6rem}
.xerf-article-aside{position:sticky;top:1.5rem}
.xerf-article-aside h3{font:500 1.8rem var(--serif);line-height:1.08;margin:0 0 1rem}
.xerf-article-aside p:not(.eyebrow){color:var(--muted)}
.xerf-article .xerf-sources{margin-top:4rem}
.xerf-comparison{border-top:1px solid var(--line)}
.xerf-comparison>div{display:grid;grid-template-columns:170px 1fr;gap:1.3rem;border-bottom:1px solid var(--line);padding:1.3rem 0}
.xerf-comparison strong{font-family:var(--serif);font-size:1.4rem;line-height:1.1}
.xerf-comparison p{margin:0}
.xerf-trip-note{display:grid;gap:.3rem}
.xerf-trip-note strong{font:500 2rem var(--serif);margin-bottom:1.2rem}
.xerf-trip-note p{margin:0}
.xerf-guide-image{background-image:url('/images/xerf/xerf-hero-poster.jpg');background-position:center;background-size:cover}
.xerf-directory-row{background:#eee5dd;padding-left:1rem;padding-right:1rem}
.xerf-location-note{background:var(--paper)}
.xerf-location-note p:not(.eyebrow){color:var(--muted);max-width:65ch}
.xerf-related-note{border-top:1px solid var(--line)}
@media(max-width:900px){.xerf-home-feature,.xerf-services-feature,.xerf-intro-grid,.xerf-city-intro,.xerf-editorial,.xerf-next{grid-template-columns:1fr}.xerf-home-visual{height:380px}.xerf-services-feature .xerf-machine,.xerf-intro-grid .xerf-machine{min-height:450px}.xerf-services-feature .xerf-machine img,.xerf-intro-grid .xerf-machine img{height:450px}.xerf-fact-grid{grid-template-columns:1fr 1fr}.xerf-gallery{grid-template-columns:1fr 1fr}.xerf-article-grid{grid-template-columns:1fr}.xerf-article-aside{position:static}.xerf-city-links{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.xerf-home-hero{min-height:85dvh}.xerf-home-hero:before{background:linear-gradient(90deg,rgba(33,31,28,.85),rgba(33,31,28,.53))}.xerf-home-hero h1{font-size:clamp(3rem,12vw,4.6rem)}.xerf-home-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.xerf-home-feature,.xerf-services-feature,.xerf-intro-grid,.xerf-city-intro,.xerf-editorial{gap:2rem}.xerf-home-visual{height:310px}.xerf-home-visual img{height:93%}.xerf-fact-grid,.xerf-gallery,.xerf-city-links{grid-template-columns:1fr}.xerf-gallery img{aspect-ratio:1.4}.xerf-page-hero,.xerf-city-hero{min-height:76dvh}.xerf-services-hero{min-height:78dvh}.xerf-page-hero h1{font-size:clamp(3rem,14vw,4.8rem)}.video-toggle{right:1.2rem;bottom:1.2rem}.xerf-comparison>div{grid-template-columns:1fr;gap:.5rem}.xerf-sources ul{columns:1}.xerf-machine,.xerf-services-feature .xerf-machine{min-height:420px}.xerf-machine img,.xerf-services-feature .xerf-machine img{height:410px}.xerf-inline-actions{align-items:stretch}.xerf-inline-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.xerf-background-video{display:none}}

.xerf-form-note{max-width:620px;margin:1.5rem 0;padding:1rem 1.2rem;border-left:3px solid var(--accent);background:var(--paper);color:var(--ink)}