#lv-expose{
  --ex-gold:#d4af37; --ex-gold-l:#f0d879; --ex-cream:#f5f0e8; --ex-grey:#ab9c98;
  --cut:16px;
  width:auto; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:clamp(56px,8vw,110px) clamp(18px,5vw,64px);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--ex-cream);
  position:relative; overflow:hidden;
}
#lv-expose *{ box-sizing:border-box; }

#lv-expose .lv-ex-head{ max-width:820px; margin:0 auto clamp(28px,4vw,46px); text-align:center; }
#lv-expose .lv-ex-kicker{
  display:block; font-family:'Space Grotesk',system-ui,sans-serif; font-weight:600;
  font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--ex-gold);
}
#lv-expose .lv-ex-title, #lv-expose .lv-ex-ci-title{
  font-family:'Space Grotesk',system-ui,sans-serif; font-weight:700;
  font-size:clamp(1.7rem,4.4vw,3.1rem); line-height:1.04; letter-spacing:-.015em;
  text-transform:uppercase; color:var(--ex-cream); margin:14px 0 0;
}
#lv-expose .lv-ex-title span, #lv-expose .lv-ex-ci-title span{
  background-image:linear-gradient(100deg,var(--lvt-gold-tief) 0%,var(--lvt-gold-licht) 22%,var(--lvt-gold-mittel) 46%,var(--lvt-gold-weiss) 68%,var(--lvt-gold-tief) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
#lv-expose .lv-ex-lead{
  font-size:clamp(.95rem,1.5vw,1.05rem); line-height:1.7; color:var(--ex-grey);
  margin:18px auto 0; max-width:68ch;
}

#lv-expose .lv-ex-note{
  display:flex; align-items:flex-start; gap:14px;
  max-width:820px; margin:0 auto clamp(34px,5vw,54px);
  padding:16px 22px;
  background:linear-gradient(150deg,rgba(212,175,55,.10),rgba(212,175,55,.02));
  box-shadow:inset 0 0 0 1px rgba(212,175,55,.30);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
#lv-expose .lv-ex-note p{ margin:0; font-size:.86rem; line-height:1.65; color:var(--ex-grey); }
#lv-expose .lv-ex-note strong{ color:var(--ex-gold-l); font-weight:600; }
#lv-expose .lv-ex-dia{ color:var(--ex-gold); font-size:11px; line-height:1.9; flex:0 0 auto; }

#lv-expose .lv-ex-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(14px,2vw,26px);
  max-width:1280px; margin:0 auto;
}
#lv-expose .lv-ex-card{
  display:block; width:100%; padding:0; border:0; background:none; cursor:pointer;
  font:inherit; color:inherit; text-align:center;
}
#lv-expose .lv-ex-fr{
  display:block; position:relative; padding:6px;
  background:linear-gradient(150deg,rgba(212,175,55,.55),rgba(212,175,55,.12) 48%,rgba(212,175,55,.40));
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  transition:background .4s ease, filter .4s ease, transform .6s var(--lvt-weich);
}
#lv-expose .lv-ex-fr img{
  display:block; width:100%; height:auto; background:#070707;
  filter:brightness(.86) contrast(1.02);
  transition:filter .5s ease;
}
#lv-expose .lv-ex-fr i{ position:absolute; width:14px; height:14px; pointer-events:none; }
#lv-expose .lv-ex-fr i.tl{ left:-3px; top:-3px; border-left:2px solid var(--ex-gold); border-top:2px solid var(--ex-gold); }
#lv-expose .lv-ex-fr i.br{ right:-3px; bottom:-3px; border-right:2px solid var(--ex-gold); border-bottom:2px solid var(--ex-gold); }
#lv-expose .lv-ex-cap{
  display:block; margin-top:11px; font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#8a7a4e;
  transition:color .35s ease;
}
#lv-expose .lv-ex-cap b{ color:var(--ex-gold); font-weight:700; margin-right:6px; }

@media (hover:hover){
  #lv-expose .lv-ex-grid:hover .lv-ex-card{ opacity:.42; transition:opacity .4s ease; }
  #lv-expose .lv-ex-grid:hover .lv-ex-card:hover{ opacity:1; }
  #lv-expose .lv-ex-card:hover .lv-ex-fr{
    background:linear-gradient(150deg,rgba(212,175,55,1),rgba(240,216,121,.55) 45%,rgba(212,175,55,.92));
    filter:drop-shadow(0 16px 34px rgba(0,0,0,.6));
    transform:translateY(-4px);
  }
  #lv-expose .lv-ex-card:hover .lv-ex-fr img{ filter:brightness(1) contrast(1); }
  #lv-expose .lv-ex-card:hover .lv-ex-cap{ color:var(--ex-cream); }
}
#lv-expose .lv-ex-card:focus-visible .lv-ex-fr{
  background:linear-gradient(150deg,rgba(212,175,55,1),rgba(240,216,121,.55) 45%,rgba(212,175,55,.92));
  outline:2px solid var(--ex-gold-l); outline-offset:6px;
}
#lv-expose .lv-ex-card:focus{ outline:none; }

#lv-expose .lv-ex-ci{ max-width:1120px; margin:clamp(56px,8vw,104px) auto 0; }
#lv-expose .lv-ex-ci-head{ text-align:center; max-width:820px; margin:0 auto clamp(32px,4vw,52px); }
#lv-expose .lv-ex-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.4vw,30px); }
#lv-expose .lv-ex-col{
  position:relative; padding:30px 26px 28px;
  background:
    repeating-linear-gradient(45deg,rgba(212,175,55,.05) 0px,rgba(212,175,55,.05) 1px,transparent 1px,transparent 14px),
    linear-gradient(180deg,var(--lvt-karte-hell) 0%,var(--lvt-karte) 60%,var(--lvt-karte-tief) 100%);
  box-shadow:inset 0 0 0 1px rgba(212,175,55,.22);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  transition:box-shadow .4s ease, transform .6s var(--lvt-weich);
}
@media (hover:hover){
  #lv-expose .lv-ex-col:hover{ box-shadow:inset 0 0 0 1px rgba(212,175,55,.6); transform:translateY(-3px); }
}
#lv-expose .lv-ex-num{
  display:block; font-family:'Space Grotesk',system-ui,sans-serif; font-weight:700;
  font-size:13px; letter-spacing:.2em; color:var(--ex-gold); margin-bottom:16px;
}
#lv-expose .lv-ex-col h4{
  font-family:'Space Grotesk',system-ui,sans-serif; font-weight:600;
  font-size:1.02rem; line-height:1.25; letter-spacing:-.01em; text-transform:uppercase;
  color:var(--ex-cream); margin:0 0 12px;
}
#lv-expose .lv-ex-col p{ margin:0; font-size:.88rem; line-height:1.68; color:var(--ex-grey); }

#lv-expose .lv-ex-cta{ text-align:center; margin-top:clamp(34px,5vw,52px); }
#lv-expose .lv-ex-btn{
  display:inline-block; padding:15px 40px; text-decoration:none;
  font-family:'Space Grotesk',system-ui,sans-serif; font-weight:600;
  font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--lvt-schwarz);
  background:linear-gradient(120deg,var(--lvt-gold-tief) 0%,var(--lvt-gold-licht) 22%,var(--lvt-gold-mittel) 48%,var(--lvt-gold-weiss) 72%,var(--lvt-gold-tief) 100%);
  background-size:200% 100%; background-position:0 0;
  clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);
  transition:background-position .7s ease, transform .4s var(--lvt-weich);
}
@media (hover:hover){
  #lv-expose .lv-ex-btn:hover{ background-position:100% 0; transform:translateY(-2px); }
}
#lv-expose .lv-ex-btn:focus-visible{ outline:2px solid var(--ex-gold-l); outline-offset:5px; }

#lv-expose .lv-ex-rev{ opacity:0; transform:translateY(28px);
  transition:opacity .7s ease, transform .8s var(--lvt-weich); }
#lv-expose.is-in .lv-ex-rev{ opacity:1; transform:none; }
#lv-expose.is-in .lv-ex-note{ transition-delay:.09s; }
#lv-expose.is-in .lv-ex-grid{ transition-delay:.16s; }
#lv-expose.is-in .lv-ex-ci{ transition-delay:.22s; }

.lv-ex-box{
  position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center;
  padding:clamp(16px,4vw,54px);
  opacity:0; transition:opacity .32s ease;
}
.lv-ex-box.is-open{ opacity:1; }
.lv-ex-box[hidden]{ display:none; }
.lv-ex-box-bg{ position:absolute; inset:0; background:rgba(4,4,4,.93); }
.lv-ex-box-fig{
  position:relative; margin:0; max-width:min(760px,92vw); max-height:92vh;
  display:flex; flex-direction:column; align-items:center;
  transform:scale(.97); transition:transform .38s var(--lvt-weich);
}
.lv-ex-box.is-open .lv-ex-box-fig{ transform:none; }
.lv-ex-box-fig img{
  display:block; max-width:100%; max-height:84vh; width:auto; height:auto;
  box-shadow:0 0 0 1px rgba(212,175,55,.5), 0 30px 70px rgba(0,0,0,.75);
}
.lv-ex-box-fig figcaption{
  margin-top:16px; font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#8a7a4e; text-align:center;
}
.lv-ex-nav, .lv-ex-close{
  position:absolute; z-index:2; width:46px; height:46px; padding:0; border:0; cursor:pointer;
  background:rgba(6,6,6,.72); box-shadow:inset 0 0 0 1px rgba(212,175,55,.45);
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
  transition:background .3s ease;
}
.lv-ex-nav:hover, .lv-ex-close:hover{ background:rgba(212,175,55,.20); }
.lv-ex-nav:focus-visible, .lv-ex-close:focus-visible{ outline:2px solid var(--ex-gold-l,var(--lvt-gold-hell)); outline-offset:3px; }
.lv-ex-nav:after{
  content:''; position:absolute; top:50%; left:50%; width:10px; height:10px;
  border-top:1.6px solid var(--lvt-gold); border-right:1.6px solid var(--lvt-gold);
}
.lv-ex-nav.next{ right:clamp(8px,2vw,26px); top:50%; margin-top:-23px; }
.lv-ex-nav.prev{ left:clamp(8px,2vw,26px); top:50%; margin-top:-23px; }
.lv-ex-nav.next:after{ transform:translate(-65%,-50%) rotate(45deg); }
.lv-ex-nav.prev:after{ transform:translate(-35%,-50%) rotate(-135deg); }
.lv-ex-close{ top:clamp(8px,2vw,26px); right:clamp(8px,2vw,26px); }
.lv-ex-close:before, .lv-ex-close:after{
  content:''; position:absolute; top:50%; left:50%; width:15px; height:1.6px; background:var(--lvt-gold);
}
.lv-ex-close:before{ transform:translate(-50%,-50%) rotate(45deg); }
.lv-ex-close:after{ transform:translate(-50%,-50%) rotate(-45deg); }

@media (max-width:1100px){
  #lv-expose .lv-ex-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:860px){
  #lv-expose{ --cut:12px; }
  #lv-expose .lv-ex-grid{ grid-template-columns:repeat(2,1fr); }
  #lv-expose .lv-ex-cols{ grid-template-columns:1fr; }
  #lv-expose .lv-ex-fr img{ filter:none; }
  #lv-expose .lv-ex-grid:hover .lv-ex-card{ opacity:1; }
}
@media (max-width:520px){
  #lv-expose .lv-ex-note{ flex-direction:column; gap:8px; }
}
@media (prefers-reduced-motion:reduce){
  #lv-expose .lv-ex-rev{ opacity:1; transform:none; transition:none; }
  #lv-expose .lv-ex-fr, #lv-expose .lv-ex-col, #lv-expose .lv-ex-btn,
  .lv-ex-box, .lv-ex-box-fig{ transition:none; }
}
