/* Shared final typography and restrained gold dust */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&display=swap');
:root{--gold:#c8a151;--gold-dust:radial-gradient(circle at 18% 22%,#fff7d530 0 .6px,transparent .9px),radial-gradient(circle at 72% 67%,#fff8de30 0 .5px,transparent .9px),linear-gradient(115deg,#b99248,#ead5a0 42%,#c3a05b 67%,#e2c990)}
h1.hh,.hh,header h1,.gt,.ctt,.cta h2,.section-heading h2{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;line-height:1.38!important}
h1.hh{font-size:clamp(29px,4.5vw,43px)!important;max-width:680px;margin:0 auto 30px}
header h1{font-size:clamp(32px,5vw,49px)!important}.gt,.ctt{font-size:30px!important}
.btn,.fs,.pill{background-image:var(--gold-dust);background-size:7px 9px,11px 13px,100% 100%;color:#292116!important}
.stars{color:var(--gold)}.social-icon{display:inline-flex!important;align-items:center;justify-content:center;width:42px!important;height:42px!important;padding:9px!important;border:0!important;border-radius:50%;color:#cda954!important;background:transparent!important;vertical-align:middle;line-height:1}
.social-icon svg{width:24px;height:24px;filter:drop-shadow(0 .4px .35px #f8dda7)}
.social-icon:hover{color:#ebd399!important}.social-icon:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
body{background-color:#faf9f7}.dark{background-color:#121212}.dark .gc img{filter:none}
@media(max-width:550px){h1.hh{font-size:29px!important}header h1{font-size:34px!important}}

[hidden]{display:none!important}

/* A single stationary backdrop; all page content scrolls above it. */
body{position:relative;isolation:isolate;min-height:100vh}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}
body::before{background:url('dj-bg.jpg') center center/cover no-repeat}
body::after{z-index:-1;background:rgba(250,249,247,.68)}
body.dark::before{filter:grayscale(1) invert(1) brightness(.85)}
body.dark::after{background:rgba(0,0,0,.32)}
.hero-bg,.hero-ol{display:none!important}
header::before,header::after{display:none!important}
header,.hero{background:transparent!important}
h1.hh{font-size:clamp(39px,5.5vw,56px)!important;line-height:1.18!important}
header h1{font-size:clamp(43px,6vw,64px)!important;line-height:1.15!important}
.gt,.ctt,.cta h2{font-size:40px!important;line-height:1.2!important}
@media(max-width:550px){h1.hh{font-size:39px!important}header h1{font-size:44px!important}.gt,.ctt,.cta h2{font-size:35px!important}}

/* Serif headings with comfortable reading sizes. */
h1.hh{font-size:clamp(29px,4vw,42px)!important;line-height:1.3!important}
header h1{font-size:clamp(32px,4.5vw,48px)!important;line-height:1.25!important}
.gt,.ctt,.cta h2{font-size:30px!important;line-height:1.3!important}
@media(max-width:550px){h1.hh{font-size:29px!important}header h1{font-size:34px!important}.gt,.ctt,.cta h2{font-size:27px!important}}

/* Six typographic points (8 CSS pixels) smaller than the previous headings. */
h1.hh{font-size:clamp(21px,calc(4vw - 8px),34px)!important}
header h1{font-size:clamp(24px,calc(4.5vw - 8px),40px)!important}
.gt,.ctt,.cta h2{font-size:22px!important}
@media(max-width:550px){h1.hh{font-size:21px!important}header h1{font-size:26px!important}.gt,.ctt,.cta h2{font-size:19px!important}}
/* Let the approved logo backgrounds blend into the stationary photograph. */
body>header{isolation:auto!important}
body:not(.dark)>header>a{mix-blend-mode:multiply}
body.dark>header>a{mix-blend-mode:screen}
body.dark>header img[src^="serenity-logo-"]{mix-blend-mode:screen!important}
body:not(.dark)>header img[src^="serenity-logo-"]{mix-blend-mode:multiply!important}
.review blockquote{font:20px/1.5 'Playfair Display',Georgia,serif;margin:20px 0 24px}
.review cite{font:12px/1.65 Arial,sans-serif;color:#726a60;margin-top:auto}
.review cite time{font-size:11px}
.review-featured{grid-column:1/-1;text-align:center;align-items:center}
.review-featured blockquote{font-size:28px;max-width:720px}
@media(max-width:550px){.review-featured blockquote{font-size:23px}}