.brand{background:var(--purple);padding:7px 12px;border-radius:4px}
.hero-logo{padding:22px;background:#452669}
.showcase{display:grid;grid-template-columns:38% 62%;min-height:650px;background:#4b1d61;color:#fff}
.showcase-copy{padding:95px 5vw 70px 8vw;display:flex;flex-direction:column;justify-content:center}
.showcase h2{font:400 clamp(40px,4vw,62px)/1.08 Georgia,serif;margin:0 0 24px}
.showcase-copy p{color:#d7c8dc;line-height:1.7;font-size:17px}
.slider-controls{display:flex;align-items:center;gap:18px;margin-top:35px}
.slider-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff55;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.slider-controls button:hover{background:#fff;color:var(--purple)}
.slider-controls span{font-size:12px;letter-spacing:.18em}
.slider-frame{position:relative;min-height:650px;overflow:hidden;background:#231128}
.slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 1s ease;pointer-events:none}
.slide.active{opacity:1;transform:scale(1);pointer-events:auto}
.slide img{width:100%;height:100%;object-fit:cover}
.slide:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1d0a2899)}
.slide figcaption{position:absolute;z-index:2;left:42px;bottom:42px;display:flex;flex-direction:column}
.slide figcaption span{font:italic 22px Georgia,serif}
.slide figcaption strong{text-transform:uppercase;letter-spacing:.15em;font-size:11px;margin-top:7px}
.slider-dots{position:absolute;z-index:3;left:50%;bottom:22px;display:flex;gap:10px;transform:translateX(-50%)}
.slider-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#ffffff66;cursor:pointer}
.slider-dots button.active{background:#fff;transform:scale(1.35)}
footer img{width:min(440px,82vw);padding:0;background:transparent;border:0}
footer nav ul.menu{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 34px;width:100%;margin:0;padding:0;list-style:none}
@media(max-width:900px){.showcase{grid-template-columns:1fr}.showcase-copy{padding:75px 7vw}.slider-frame{min-height:620px}}
@media(max-width:560px){.brand{padding:5px 8px}.showcase-copy{padding:65px 7vw}.slider-frame{min-height:450px}}

/* Match the framing of the site to the plum field used by the Dochlaggie logo. */
:root{--logo-plum:#452669}
.site-header{background:var(--logo-plum);color:#fff;border-bottom-color:#ffffff24;box-shadow:0 5px 22px #25102f24}
.brand{background:transparent}
.site-header nav a:hover{color:#e2c7eb}
.nav-cta{border-color:#ffffffa8;color:#fff}
.nav-cta:hover{background:#fff;color:var(--logo-plum)}
footer{background:var(--logo-plum);color:#e7dce9;border-top:1px solid #ffffff24}
footer img{background:transparent}