#oferte-stan {
  max-width: 48rem;
  margin: 2.5rem auto;
  padding-inline: 1rem;
  color: inherit;
}
#oferte-stan .stan-lista {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: 1rem;
}
#oferte-stan article {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: .75rem;
  min-width: 0;
  padding: 1rem;
  text-align: start;
  border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
  border-radius: 1rem;
  overflow-wrap: anywhere;
}
#oferte-stan article img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: .6rem;
}
#oferte-stan article h3, #oferte-stan article p { margin: 0; }
#oferte-stan .stan-actiune {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  min-height: 44px;
  width: 100%;
  margin-top: auto;
  padding: .65rem;
  border: 1px solid currentColor;
  border-radius: .6rem;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: center;
}
#oferte-stan .stan-actiune:disabled { opacity: .65; }

body {
  margin: 0;
  background: #fbf8f4;
  color: #37263a;
  font: 1rem/1.6 system-ui, sans-serif;
}
.studio {
  padding: clamp(3rem, 9vw, 7rem) 1.25rem;
  text-align: center;
  background: #f0e5eb;
  border-bottom: 1px solid #e0d0da;
}
.studio-name {
  margin: 0 0 1rem;
  font-size: .82rem;
  font-weight: 650;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.studio h1, #oferte-stan h2, #oferte-stan h3 {
  font-family: Georgia, serif;
  line-height: 1.14;
}
.studio h1 {
  max-width: 17ch;
  margin: 0 auto;
  font-size: clamp(2.6rem, 7vw, 5.5rem);
  font-weight: 400;
}
.studio-intro { margin: 1.25rem auto; max-width: 40ch; }
.studio a {
  display: inline-block;
  padding: .7rem 1.25rem;
  border-radius: 99rem;
  background: #50344e;
  color: white;
  text-decoration: none;
}
#oferte-stan {
  max-width: 68rem;
  margin-block: clamp(2rem, 6vw, 5rem);
}
#oferte-stan h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 400; }
#oferte-stan .stan-lista {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 3vw, 2rem);
}
#oferte-stan article {
  padding: clamp(1rem, 2.4vw, 1.6rem);
  gap: 1rem;
  background: #fffdfa;
  border-color: #e5d8e0;
  box-shadow: 0 .5rem 2rem #37263a0a;
}
#oferte-stan article img {
  display: block;
  aspect-ratio: 1;
  object-fit: contain;
  background: #f3eaf0;
  border-radius: .7rem;
}
#oferte-stan h3 { font-size: clamp(1.35rem, 2.4vw, 1.9rem); }
#oferte-stan .stan-actiune {
  border-color: #50344e;
  border-radius: 99rem;
  background: #50344e;
  color: white;
  text-decoration: none;
}
.studio a:hover, #oferte-stan a.stan-actiune:hover { background: #6a4966; }
a:focus-visible { outline: 3px solid #88567a; outline-offset: 4px; }

@media (max-width: 42rem) {
  #oferte-stan .stan-lista { grid-template-columns: minmax(0, 1fr); }
}

.studio {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 75% 50%, #f3dfc9, transparent 65%), #f0e5eb;
}
.studio::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("./logo-lant.png") center / min(94vw, 46rem) auto no-repeat;
  opacity: .12;
  pointer-events: none;
}

.studio-name {
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  font-size: clamp(1.6rem, 3.6vw, 2.45rem);
  font-style: italic;
  font-weight: 400;
  letter-spacing: .025em;
  line-height: 1.2;
  text-transform: none;
}

.offer-choice {
  max-width: 68rem;
  margin: 3rem auto;
  padding-inline: 1rem;
}
.offer-choice h2 {
  font: 400 clamp(2rem, 4vw, 3rem)/1.14 Georgia, serif;
}
.offer-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.offer-options a {
  display: grid;
  align-content: start;
  gap: .6rem;
  padding: clamp(1.15rem, 3vw, 2rem);
  border: 2px solid #e5d8e0;
  border-radius: 1rem;
  background: #fffdfa;
  color: inherit;
  text-decoration: none;
}
.offer-options a:hover, .offer-options a[aria-current] {
  border-color: #a8792a;
  background: #fff8ec;
}
.offer-options small { color: #775424; font-weight: 700; }
.offer-options strong { font: 400 clamp(1.35rem, 3vw, 2rem)/1.15 Georgia, serif; }
@media (max-width: 42rem) {
  .offer-options { grid-template-columns: 1fr; }
}

#gratuit > p { max-width: 66ch; }
#gratuit h3 { margin-top: 2rem; font: 400 1.65rem/1.2 Georgia, serif; }
.free-topic {
  margin: .75rem 0;
  padding: 1rem 1.2rem;
  border: 1px solid #e5d8e0;
  border-radius: .85rem;
  background: #fffdfa;
}
.free-topic summary { cursor: pointer; font-weight: 650; }
.free-topic li + li { margin-top: .9rem; }
.free-topic li p { margin: .25rem 0 0; }

.free-booking {
  display: inline-block;
  padding: .7rem 1.25rem;
  border-radius: 99rem;
  background: #50344e;
  color: white;
  text-decoration: none;
}
.free-booking:hover { background: #6a4966; }

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem max(1.25rem, calc((100vw - 70rem) / 2));
  background: #222;
  color: #fffaf2;
  font-family: Cardo, Georgia, serif;
}
.site-brand { display: grid; color: inherit; text-decoration: none; flex-shrink: 0; }
.site-brand > span { font-size: 2rem; line-height: 1.2; }
.site-brand small { font-size: 1.1rem; }
.site-header > p { max-width: 39ch; margin: 0; font-size: 1.05rem; }
.video-hero { background: #222; }
.video-hero video {
  display: block;
  width: 100%;
  height: min(78vh, 54rem);
  object-fit: cover;
}
@media (max-width: 42rem) {
  .site-header { align-items: flex-start; flex-direction: column; gap: .7rem; }
  .site-header > p { font-size: .95rem; }
  .video-hero video { height: auto; min-height: 0; object-fit: contain; }
}

/* The following panel scrolls over the pinned video. */
body { background: #22221f; }
.video-hero {
  position: sticky;
  top: 0;
  z-index: 0;
}
main {
  position: relative;
  z-index: 1;
  background: transparent;
  color: #f8f0e6;
}
#alege {
  box-sizing: border-box;
  max-width: none;
  min-height: 100svh;
  margin: 0;
  padding: clamp(3rem, 8vw, 7rem) max(1.25rem, calc((100vw - 68rem) / 2));
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(145deg, rgba(54, 51, 45, .78), rgba(34, 34, 31, .84) 70%);
}
#alege h2 {
  max-width: 19ch;
  margin: 0 0 clamp(2rem, 5vw, 4rem);
  font-family: Cardo, Georgia, serif;
  font-size: clamp(2.4rem, 5.5vw, 5rem);
}
.offer-options a {
  background: #e9dfd1;
  color: #292724;
  border: 1px solid #c6b9a6;
  border-radius: .35rem;
  min-height: 13rem;
  transition: background .2s ease, border-color .2s ease;
}
.offer-options a:last-child {
  background: #34342f;
  color: #f8f0e6;
  border-color: #807869;
}
.offer-options a:hover, .offer-options a[aria-current] {
  background: #f4e6ce;
  color: #292724;
  border-color: #c8a975;
}
.offer-options small {
  color: inherit;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.offer-options strong { font-family: Cardo, Georgia, serif; }
.offer-options a::after {
  content: "Explorează →";
  margin-top: auto;
  padding-top: 1.5rem;
  font-size: .9rem;
}
#gratuit, #cu-plata { color: #37263a; background: #fbf8f4; }
#gratuit {
  box-sizing: border-box;
  max-width: none;
  margin: 0;
  padding: 3rem max(1.25rem, calc((100vw - 68rem) / 2));
}
#cu-plata { display: flow-root; }
#cu-plata[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .video-hero { position: relative; }
  .offer-options a { transition: none; }
}
@media (max-width: 42rem) {
  #alege { min-height: 100svh; padding-block: 2.5rem; }
  .offer-options a { min-height: 10rem; }
}

/* Five photographic themes settle into a shared baseline as they enter view. */
.topics-gallery { --scatter: 1; display:grid; align-items:start; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; padding:2rem 0 3rem; }
.topic-card { padding:0; border:0; background:transparent; color:#302b28; text-align:left; font:inherit; cursor:pointer; transform:translateY(calc(var(--offset) * var(--scatter))); }
.topic-card img { width:100%; aspect-ratio:3/4; object-fit:cover; display:block; border-radius:.3rem; filter:saturate(.7); }
.topic-card > span { display:block; position:relative; padding:1rem 1.3rem 1rem 0; font:400 clamp(1rem,1.6vw,1.3rem)/1.25 Cardo,Georgia,serif; }
.topic-card small { display:block; margin-bottom:.65rem; font: .7rem system-ui,sans-serif; color:#786d5d; letter-spacing:.1em; }
.topic-card b { position:absolute; right:0; top:1rem; font:400 1.3rem system-ui,sans-serif; }
.topic-card[aria-expanded="true"] img { outline:2px solid #8b7353; outline-offset:4px; }
.topic-card:focus-visible { outline:2px solid #8b7353; outline-offset:5px; }
.topic-content { margin-top:1.5rem; color:#302b28; border-color:#d5cbbd; }
.topic-content[hidden] { display:none; }
@media(max-width:60rem) { .topics-gallery {grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem;} .topic-card {transform:translateY(calc(var(--offset) * var(--scatter) * .3));} }
@media(max-width:42rem) { .topics-gallery {grid-template-columns:repeat(2,minmax(0,1fr));} .topic-card {transform:translateY(calc(var(--offset) * var(--scatter) * .15));} .topic-card > span {font-size:1.1rem;} }
@media(prefers-reduced-motion:reduce) { .topic-card {transform:none;} }

/* Give the scroll-driven alignment a visible runway. */
.topics-scroll { min-height:170svh; position:relative; }
.topics-gallery { position:sticky; top:10svh; grid-template-columns:repeat(5,minmax(0,1fr)); padding-bottom:8rem; }
.topic-card { --scatter:1; transform:translateY(calc(var(--offset) * var(--scatter))); position:relative; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; touch-action:pan-y; }
.topic-card img { pointer-events:none; }
.topic-card::after {content:""; position:absolute; top:0; left:0; width:0; height:4px; background:#b39b72; border-radius:4px; }
.topic-card.is-holding::after {width:100%; transition:width 3s linear;}
.topic-card.is-holding img {filter:saturate(1);}
.topics-hint {color:#786d5d; font-size:.85rem; max-width:65ch;}
.topic-dialog {position:fixed; inset:0; box-sizing:border-box; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:clamp(1.5rem,6vw,5rem); border:0; background:rgba(29,28,25,.78); color:#302b28; overflow:auto;}
.topic-dialog[open] {display:flex; flex-direction:column; align-items:center; animation:topic-emerge .5s cubic-bezier(.2,.7,.2,1);}
.topic-dialog::backdrop {background:rgba(20,18,16,.4);}
.topic-dialog-body {box-sizing:border-box; width:min(100%,52rem); padding:clamp(1.5rem,4vw,3rem); background:#fbf8f4; border-radius:.6rem;}
.topic-dialog-body h2 {font:400 clamp(1.8rem,4vw,2.8rem)/1.15 Cardo,Georgia,serif; margin:0 0 1.5rem;}
.topic-dialog-body li {margin-bottom:1.5rem; animation:topic-option .6s both;}
.topic-dialog-body li:nth-child(2n) {animation-delay:.1s;}
.topic-dialog-body li p {line-height:1.6; margin:.4rem 0;}
.topic-close {align-self:center; margin:0 0 1rem; padding:.7rem 1.2rem; border:1px solid #c7bcab; border-radius:99rem; background:#fbf8f4; color:#302b28; cursor:pointer; font:inherit;}
@keyframes topic-emerge {from{clip-path:circle(0 at var(--origin-x) var(--origin-y));}to{clip-path:circle(150vmax at var(--origin-x) var(--origin-y));}}
@keyframes topic-option {from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
@media(max-width:42rem){
 .topics-scroll {min-height:0; padding-bottom:7rem;}
 .topics-gallery {position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:6rem;padding-bottom:3rem;}
 .topic-card {transform:translateY(calc(var(--offset) * var(--scatter) * .65));}
}
@media(prefers-reduced-motion:reduce){.topic-card{transform:none;} .topics-scroll{min-height:0;} .topic-dialog[open],.topic-dialog-body li{animation:none;}}

/* Keep each moving cover independently interactive throughout alignment. */
.topics-gallery { z-index:2; overflow:visible; }
.topic-card { pointer-events:auto; }
.topic-card img { pointer-events:auto; }
.topic-card:hover, .topic-card:focus-within { z-index:3; }

/* Selected brand palette: plum, dusty rose and warm ivory. */
:root {
  --brand-plum:#50384d;
  --brand-plum-deep:#382535;
  --brand-rose:#d6b7be;
  --brand-ivory:#faf4ef;
  --brand-ink:#382c35;
}
body,.video-hero {background:var(--brand-plum);color:var(--brand-ink);}
.site-header {background:var(--brand-plum);color:var(--brand-ivory);}
main {color:var(--brand-ivory);}
#alege {background:linear-gradient(145deg,rgba(80,56,77,.78),rgba(56,37,53,.86) 70%);}
.offer-options a {background:var(--brand-ivory);color:var(--brand-ink);border-color:#e7d5d8;}
.offer-options a:last-child {background:var(--brand-rose);color:var(--brand-plum-deep);border-color:#d6b7be;}
.offer-options a:hover,.offer-options a[aria-current] {background:#e8cdd3;color:var(--brand-plum-deep);border-color:#aa7e91;}
#gratuit,#cu-plata {background:var(--brand-ivory);color:var(--brand-ink);}
.free-booking,#oferte-stan .stan-actiune {background:var(--brand-plum);color:var(--brand-ivory);border-color:var(--brand-plum);text-decoration:none;}
.free-booking:hover,#oferte-stan .stan-actiune:hover {background:var(--brand-plum-deep);}
#oferte-stan article,.topic-content {background:#fffaf7;border-color:#e2cdd4;color:var(--brand-ink);}
.topic-card {color:var(--brand-ink);}
.topic-card small,.topics-hint {color:#755b6c;}
.topic-card::after {background:var(--brand-rose);}
.topic-card[aria-expanded="true"] img,.topic-card:focus-visible {outline-color:#956d83;}
.topic-dialog {background:rgba(56,37,53,.82);color:var(--brand-ink);}
.topic-dialog::backdrop {background:rgba(56,37,53,.4);}
.topic-dialog-body,.topic-close {background:var(--brand-ivory);color:var(--brand-ink);border-color:var(--brand-rose);}

/* Original logo beside the two-line brand name. */
.site-brand {grid-template-columns:auto minmax(0,1fr);column-gap:1rem;align-items:center;flex-shrink:1;}
.site-logo {grid-column:1;grid-row:1 / 3;width:4.5rem;height:4.5rem;object-fit:contain;display:block;}
.site-brand > span,.site-brand > small {grid-column:2;}
.site-brand > span {align-self:end;}
.site-brand > small {align-self:start;}
@media(max-width:42rem){.site-logo{width:3.5rem;height:3.5rem;}.site-brand{column-gap:.75rem;}.site-brand > span{font-size:clamp(1.4rem,6vw,2rem);}.site-brand > small{font-size:1rem;}}

/* Full-bleed hero, centered invitation, original uploaded logo. */
.video-hero {height:100svh;min-height:38rem;isolation:isolate;overflow:hidden;}
.video-hero video {position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 44%;z-index:-2;}
.hero-brand {position:absolute;z-index:2;left:clamp(1.25rem,4vw,4rem);top:1.25rem;display:block;width:10rem;background:rgba(250,244,239,.94);border-radius:.5rem;}
.hero-brand img {display:block;width:100%;height:auto;}
.hero-shade {position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(56,37,53,.08) 25%,transparent 43%,rgba(56,37,53,.55) 66%,rgba(56,37,53,.97) 100%);}
.hero-message {position:absolute;bottom:clamp(4.5rem,10vh,7rem);left:1.25rem;right:1.25rem;text-align:center;color:var(--brand-ivory);}
.hero-message h1 {font:400 italic clamp(2.4rem,5.2vw,5rem)/1.1 Cardo,Georgia,serif;margin:0 0 .8rem;text-wrap:balance;outline-offset:.4rem;}
.hero-message p {font:400 clamp(1.15rem,2vw,1.7rem)/1.4 Cardo,Georgia,serif;margin:0 0 1.65rem;}
.hero-actions {display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}
.hero-choice {display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;padding:.7rem 1.8rem;border:1px solid var(--brand-ivory);border-radius:99rem;color:var(--brand-ivory);text-decoration:none;font:400 1.1rem/1.3 Cardo,Georgia,serif;background:rgba(80,56,77,.25);}
.hero-primary {color:var(--brand-plum);background:var(--brand-ivory);}
.hero-choice:hover {background:var(--brand-rose);color:var(--brand-plum-deep);border-color:var(--brand-rose);}
.sound-toggle {position:fixed;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));z-index:8;display:flex;align-items:center;gap:.5rem;min-height:44px;max-width:calc(100vw - 2rem);border:1px solid var(--brand-rose);border-radius:99rem;padding:.6rem 1rem;background:var(--brand-ivory);color:var(--brand-plum);font: .85rem/1.3 system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 12px #38253522;}
.sound-toggle[hidden] {display:none;}
.sound-toggle > span:first-child {font-size:1.4rem;}
.visually-hidden {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.welcome-open {overflow:hidden;}
.welcome {box-sizing:border-box;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:2rem 1.25rem;background:rgba(56,37,53,.94);color:var(--brand-ivory);backdrop-filter:blur(14px);transition:opacity .55s ease;overflow:auto;}
.welcome[open] {display:grid;place-items:center;}
.welcome::backdrop {background:rgba(56,37,53,.35);}
.welcome.is-leaving {opacity:0;pointer-events:none;}
.welcome-inner {text-align:center;width:min(100%,40rem);}
.welcome-eyebrow {font:.7rem/1.4 system-ui,sans-serif;letter-spacing:.3em;color:var(--brand-rose);margin:0 0 2rem;}
.welcome h2 {font:400 clamp(2.6rem,6vw,4.7rem)/1.1 Cardo,Georgia,serif;margin:0 0 1.5rem;}
.welcome h2 em {font-weight:400;color:#eed9de;}
#welcome-description {font:400 clamp(1.05rem,2vw,1.3rem)/1.65 Cardo,Georgia,serif;color:#eedde3;margin:0 0 2rem;}
.welcome-enter {display:inline-flex;align-items:center;gap:1.1rem;min-height:80px;padding:1rem 1.5rem;background:transparent;color:var(--brand-ivory);border:1px solid #d6b7be66;border-radius:99rem;font:400 1.25rem/1.3 Cardo,Georgia,serif;cursor:pointer;transition:background .25s,box-shadow .25s;}
.breathing-circle {width:2.2rem;height:2.2rem;border:1px solid var(--brand-rose);border-radius:50%;box-shadow:0 0 20px #d6b7be22;animation:breathe 6s ease-in-out infinite;flex-shrink:0;}
.welcome-enter:hover,.welcome-enter:focus-visible {background:#d6b7be15;box-shadow:0 0 35px #d6b7be20;}
.welcome-arrow {display:inline-block;transition:transform .25s;}
.welcome-enter:hover .welcome-arrow {transform:translateX(5px);}
.welcome-note {font:.8rem/1.5 system-ui,sans-serif;color:#d6b7be;margin:1.2rem 0;}
.welcome-silent {background:none;border:0;border-bottom:1px solid #d6b7be66;color:#eedde3;cursor:pointer;padding:.5rem .1rem;font:.85rem/1.4 system-ui,sans-serif;min-height:44px;}
@keyframes breathe {0%,100%{transform:scale(.8);opacity:.6;}50%{transform:scale(1.1);opacity:1;}}
@media(max-width:42rem){
 .video-hero {height:100svh;min-height:40rem;}
 .video-hero video {inset:auto;top:18%;height:auto;width:100%;object-fit:contain;}
 .hero-brand {width:7.4rem;left:1.25rem;top:1.1rem;}
 .hero-shade {background:linear-gradient(to bottom,transparent 25%,rgba(56,37,53,.04) 42%,rgba(56,37,53,.92) 63%,var(--brand-plum-deep) 100%);}
 .hero-message {bottom:5.5rem;}
 .hero-message h1 {font-size:clamp(2.1rem,8vw,3rem);max-width:16ch;margin-inline:auto;}
 .hero-message p {font-size:1.2rem;max-width:25ch;margin-inline:auto;}
 .hero-actions {gap:.65rem;}
 .hero-choice {font-size:1rem;padding:.7rem 1.2rem;}
}
@media(prefers-reduced-motion:reduce){.breathing-circle{animation:none;}.welcome{transition:none;}.welcome-arrow{transition:none;}}
.hero-message h1:focus {outline:none;}
.welcome-enter:focus-visible,.welcome-silent:focus-visible,.hero-choice:focus-visible,.sound-toggle:focus-visible {outline:2px solid var(--brand-rose);outline-offset:5px;}

/* Gold logo directly on the video; no backing or header strip. */
.hero-brand {background:transparent;border-radius:0;width:12rem;}
.hero-brand img {filter:url(#logo-gold) drop-shadow(0 1px 2px rgba(35,20,30,.35));}
@media(max-width:42rem){.hero-brand{width:8.5rem;top:.75rem;}.video-hero video{top:0;height:auto;min-height:0;}.hero-brand{top:.65rem;left:1rem;}}

/* Clear plum lettering and a continuous blend at every video edge. */
.hero-brand {width:19rem;max-width:calc(100% - 2.5rem);background:transparent;}
.hero-brand img {filter:none;width:100%;height:auto;}
.video-hero {background:var(--brand-plum);}
@media(max-width:42rem){
 .video-hero {height:auto;min-height:0;padding-bottom:5.5rem;}
 .video-hero video {position:relative;inset:auto;top:auto;width:100%;height:auto;object-fit:contain;z-index:0;mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);}
 .hero-shade {background:none;}
 .hero-brand {width:15.3rem;top:.65rem;left:1rem;z-index:2;}
 .hero-message {position:relative;bottom:auto;left:auto;right:auto;z-index:1;margin-top:-.5rem;padding:0 1.25rem;}
 .hero-message h1 {max-width:16ch;}
}
.hero-brand {left:clamp(2.5rem,9vw,8rem);}
.hero-brand img {filter:drop-shadow(0 1px 1px rgba(250,244,239,.45));}
@media(max-width:42rem){.hero-brand{left:2.5rem;max-width:calc(100% - 3.5rem);}}
/* Center the transparent brand over the video. */
.hero-brand {left:50%;transform:translateX(-50%);}
@media(max-width:42rem){.hero-brand{left:50%;}}