/* Selected reference: user-supplied Sep 5 00:54 hero. Four real image layers. */
body[data-hero-scene="hidden-current"] #top {
  position: relative;
  width: calc(100% - 32px);
  min-height: 0;
  height: auto;
  aspect-ratio: 1344 / 752;
  margin: 16px auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 30px;
  background: #f5e7d2;
  box-shadow: none;
  animation: none;
  isolation: isolate;
}
body[data-hero-scene="hidden-current"] #top::before,
body[data-hero-scene="hidden-current"] #top::after,
body[data-hero-scene="hidden-current"] #top > .hero-variant { display: none; }
.hc-scene { position: relative; width: 100%; height: 100%; min-height: inherit; }
.hc-visual { position: absolute; z-index: 2; inset: 0; overflow: hidden; }
.hc-layer { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: fill; pointer-events: none; }
.hc-background { z-index: 0; filter: brightness(1.03) saturate(.8); }
.hc-background, .hc-video { transform: translateX(-12%) scaleX(1.15); }
.hc-video { z-index: 1; opacity: 0; filter: brightness(1.03) saturate(.8); transition: opacity 800ms ease; }
.hc-video.is-ready { opacity: 1; }
.hc-wine { z-index: 2; filter: drop-shadow(-14px -8px 22px rgb(58 3 23 / .18)); }
.hc-portrait { z-index: 3; }
.hc-portrait > img { display: block; width: 100%; height: 100%; max-width: none; object-fit: fill; }
.hc-filter-defs { position: absolute; pointer-events: none; }
.hc-current-plane { z-index: 4; mix-blend-mode: screen; }
.hc-current-window { position: absolute; left: 80.357143%; top: 0; width: 19.642857%; height: 100%; opacity: .34; mask-image: linear-gradient(to right, transparent 3.3%, black 29%); -webkit-mask-image: linear-gradient(to right, transparent 3.3%, black 29%); }
.hc-current { display: block; width: 100%; height: 100%; max-width: none; object-fit: fill; transform: translate(var(--hc-light-x,0px),var(--hc-light-y,0px)) scale(1.04,1.025) skewX(var(--hc-light-skew,0deg)); transform-origin: center; pointer-events: none; }
@media (pointer:fine) { .hc-current { filter: url(#hc-soft-refraction); } }
.hc-copy { position: absolute; z-index: 5; left: 8%; top: 18.3%; width: 39%; color: #3a0317; }
#top .hc-eyebrow { margin: 0 0 24px; color: #946127; font: 500 10px/1.5 var(--font-ui); letter-spacing: 0; text-transform: uppercase; }
#top .hc-copy h1 { margin: 0; width: 100%; max-width: none; color: #3a0317; font: 400 54px/1.02 var(--font-display); letter-spacing: 0; }
#top .hc-copy h1 em { color: #93622d; font-weight: 400; }
.hc-hairline { display: block; width: 36px; height: 1px; margin: 20px 0 16px; background: #b58b4d; }
#top .hc-lead { margin: 0; max-width: 365px; color: #625347; font: 400 13px/1.8 var(--font-ui); }
.hc-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }
.hc-cta { display: inline-flex; align-items: center; justify-content: center; gap: 25px; min-width: 144px; min-height: 44px; padding: 12px 24px; border: 1px solid #a77c43; border-radius: 999px; font: 500 10px/1.3 var(--font-ui); letter-spacing: 0; text-transform: uppercase; text-decoration: none; transition: background-color 180ms ease, border-color 180ms ease; }
.hc-cta-primary { color: #f0cd8e; background: #3a0317; }
.hc-cta-secondary { color: #3a0317; background: rgb(255 248 232 / .15); }
.hc-cta:focus-visible { outline: 2px solid #3a0317; outline-offset: 4px; }
.hc-cta span { font-size: 16px; line-height: 1; }
.hc-signature { position: absolute; z-index: 5; left: 8%; bottom: 9%; color: #a7753b; font: italic 400 30px/1 var(--font-display); }
.hc-note { position: absolute; z-index: 5; top: 71%; left: 47%; width: 15%; min-height: 128px; padding: 20px; border: 1px solid rgb(212 169 99 / .55); border-radius: 18px; color: #f6e2c0; background: rgb(57 18 19 / .24); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 10px 25px rgb(30 8 13 / .12); }
.hc-motion-toggle { position: absolute; z-index: 5; right: 18px; bottom: 18px; min-width: 68px; min-height: 44px; padding: 10px 16px; border: 1px solid rgb(239 210 166 / .5); border-radius: 999px; background: rgb(36 15 17 / .7); color: #f5dfb9; font: 500 10px/1.4 var(--font-ui); letter-spacing: 0; text-transform: uppercase; cursor: pointer; }
.hc-motion-toggle[hidden] { display: none; }
.hc-motion-toggle:focus-visible { outline: 2px solid #f5dfb9; outline-offset: 3px; }
.hc-note-label { display: block; margin-bottom: 12px; color: #d7ad6f; font: 500 9px/1.4 var(--font-ui); letter-spacing: 0; text-transform: uppercase; }
#top .hc-note p { margin: 0; color: inherit; font: italic 400 15px/1.45 var(--font-display); }
body[data-hero-scene="hidden-current"] .site-header { position: fixed; top: 32px; left: 56px; right: 56px; width: auto; max-width: none; min-height: 48px; margin: 0; padding: 0; gap: 0; transition: background-color 320ms ease, border-color 320ms ease, box-shadow 320ms ease, transform 320ms ease; }
body[data-hero-scene="hidden-current"] .site-header:not(.is-scrolled) { border-color: transparent; background: transparent; color: #3a0317; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
body[data-hero-scene="hidden-current"] .site-header .brand { padding-left: 12px; font-size: 20px; }
body[data-hero-scene="hidden-current"] .site-header .nav-links { gap: 34px; margin-left: 95px; margin-right: auto; color: inherit; }
body[data-hero-scene="hidden-current"] .site-header .nav-links a { color: inherit; font: 500 10px/1.5 var(--font-ui); letter-spacing: 0; text-transform: uppercase; }
body[data-hero-scene="hidden-current"] .site-header > .button { min-height: 42px; margin-right: 10px; padding: 11px 22px; border: 1px solid #967143; color: #e6bf85; background: rgb(44 25 16 / .2); font: 500 10px/1.4 var(--font-ui); letter-spacing: 0; text-transform: uppercase; box-shadow: none; }
body[data-hero-scene="hidden-current"] .site-header.is-scrolled { color: #f7e3ca; background: rgb(58 3 23 / .88); }
@media (hover:hover) {
  .hc-cta-primary:hover { background: #53112a; }
  .hc-cta-secondary:hover { background: rgb(255 248 232 / .65); }
}
@media (min-width:1650px) {
  #top .hc-copy h1 { font-size: 68px; }
  #top .hc-lead { font-size: 15px; max-width: 430px; }
  .hc-actions { margin-top: 34px; }
}
@media (min-width:901px) and (max-width:1279px) {
  #top .hc-copy h1 { font-size: 46px; }
  #top .hc-eyebrow { margin-bottom: 18px; }
  .hc-actions { gap: 10px; margin-top: 20px; }
  .hc-cta { padding-inline: 18px; min-width: 128px; }
  .hc-note { top: 73%; padding: 16px; min-height: 110px; }
}
@media (max-width:900px) {
  body[data-hero-scene="hidden-current"] #top { width: calc(100% - 28px); aspect-ratio: auto; height: auto; min-height: 0; margin: 14px auto; border-radius: 28px; background: #f5e7d2 url("imgs/generated/dari-hero-hidden-current-20261012/background/DARI-HERO-SEC-HIDDEN-CURRENT-20261012-BG.webp") center / cover; }
  .hc-scene { display: flex; flex-direction: column; height: auto; }
  .hc-copy { position: relative; order: 0; top: auto; left: auto; width: auto; padding: 104px 26px 28px; }
  #top .hc-eyebrow { font-size: 9px; margin-bottom: 22px; }
  #top .hc-copy h1 { font-size: 40px; line-height: 1.06; }
  #top .hc-lead { font-size: 14px; line-height: 1.65; max-width: 440px; }
  .hc-actions { gap: 12px; margin-top: 24px; }
  .hc-cta { min-width: 126px; padding-inline: 17px; gap: 14px; }
  .hc-visual { position: relative; order: 2; inset: auto; width: 100%; height: 526px; }
  .hc-visual .hc-layer { width: 940px; height: 526px; left: max(calc(50% - 698px), calc(100% - 940px)); }
  .hc-scene > .hc-background, .hc-scene > .hc-video { object-fit: cover; }
  .hc-background, .hc-video { transform: translateX(-6%) scaleX(1.18); }
  .hc-current-window { opacity: .29; }
  .hc-motion-toggle { position: fixed; top: auto; bottom: 18px; right: 20px; }
  .hc-note { position: relative; order: 1; top: auto; left: auto; width: auto; min-height: 0; margin: 0 26px 28px; padding: 15px 18px; color: #3a0317; background: rgb(255 248 232 / .34); }
  .hc-note-label { margin-bottom: 6px; color: #93622d; }
  #top .hc-note p { font-size: 16px; }
  .hc-signature { display: none; }
  body[data-hero-scene="hidden-current"] .site-header { top: 26px; left: 28px; right: 28px; }
  body[data-hero-scene="hidden-current"] .site-header .brand { font-size: 21px; }
  body[data-hero-scene="hidden-current"] .site-header .nav-links { display: none; }
  body[data-hero-scene="hidden-current"] .site-header > .button { background: #3a0317; color: #f7e3ca; font-size: 10px; min-height: 44px; }
}
@media (max-width:359px) {
  .hc-copy { padding-inline: 22px; }
  #top .hc-copy h1 { font-size: 35px; }
  .hc-actions { gap: 10px; }
  .hc-cta { min-width: 0; padding-inline: 14px; }
}
@media (prefers-reduced-motion:reduce) {
  .hc-cta, body[data-hero-scene="hidden-current"] .site-header { transition: none; }
  .hc-video, .hc-motion-toggle { display: none; }
  .hc-current { filter: none; transform: none; }
}
.hc-scene[hidden] { display: none !important; }