.values-premium {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 70px 0 64px;
  background: radial-gradient(ellipse at 50% 65%, #20190d 0, #0b0c0e 54%, #08090b 100%);
}
.values-premium .values-container { position: relative; width: min(1480px, 92%); max-width: 1480px; z-index: 1; }
.values-backdrop {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(90deg, rgba(8,9,11,.55), #08090b 58%), url('/images/optimized/regie-a5542fa593d5.webp') left top / 58% auto no-repeat;
  opacity: .16;
  pointer-events: none;
}
.values-premium::after {
  content: '';
  position: absolute;
  width: 130%;
  height: 230px;
  bottom: -195px;
  left: -15%;
  border-top: 1px solid rgba(233,188,99,.8);
  border-radius: 50%;
  box-shadow: 0 -5px 22px rgba(222,167,66,.2), 0 -1px 4px #d1a45b;
  background: radial-gradient(ellipse at 50% 0, rgba(201,162,75,.1), transparent 65%);
  pointer-events: none;
}
.values-heading { text-align: center; margin: 0 auto 36px; max-width: 780px; }
.values-heading .eyebrow { margin-bottom: 18px; font-size: .68rem; letter-spacing: .55em; color: #d1a757; }
.values-heading h2 { margin: 0; font: 400 clamp(23px,2.6vw,38px)/1.2 var(--font-body); letter-spacing: .035em; text-transform: uppercase; color: #e7e7e9; }
.values-heading h2 strong { display: inline-block; margin-top: 3px; font-weight: 800; font-size: 1.2em; letter-spacing: .08em; background: linear-gradient(110deg,#bb8836,#ffe2a0 45%,#c99b47); background-clip: text; -webkit-background-clip: text; color: transparent; }
.values-intro { margin: 18px auto 0; color: #b6b5b8; font-size: .87rem; line-height: 1.65; }
.values-signature { position: absolute; top: 2px; right: 35px; color: #bb9149; font: italic 32px/.95 Georgia,serif; transform: rotate(-12deg); opacity: .8; }
.values-signature em { display: block; padding: 9px 0 13px 20px; font-weight: 400; border-bottom: 1px solid #bb9149; }
.values-premium-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.values-premium-card {
  position: relative;
  min-height: 340px;
  overflow: hidden;
  border: 1px solid rgba(213,171,91,.27);
  border-radius: 15px;
  background: #101012;
  box-shadow: inset 0 1px 0 rgba(255,225,166,.08), 0 20px 40px rgba(0,0,0,.25);
  transition: opacity .7s ease var(--value-delay), transform .5s ease, border-color .35s ease, box-shadow .35s ease;
}
.values-art { position: absolute; inset: 0; background: url('/images/optimized/values-premium-0ee90cd513e2.webp') var(--value-position) center / 300% 100% no-repeat; opacity: .85; transition: transform .7s ease, opacity .5s ease; }
.values-premium-card::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg,rgba(8,9,11,.97) 0%,rgba(8,9,11,.91) 33%,rgba(8,9,11,.5) 61%,transparent 85%); pointer-events: none; }
.values-premium-card::after { content: ''; position: absolute; inset: -50%; z-index: 1; background: linear-gradient(115deg,transparent 43%,rgba(247,210,138,.08) 49%,transparent 55%); transform: translateX(-35%); animation: values-light 10s ease-in-out infinite; animation-delay: var(--value-delay); pointer-events: none; }
.values-card-content { position: relative; z-index: 2; padding: 27px 25px 24px; min-height: 340px; display: flex; flex-direction: column; align-items: flex-start; }
.values-number { display: flex; align-items: center; gap: 14px; margin-bottom: 17px; color: #d6ae62; font: 500 15px/1 var(--font-body); letter-spacing: .15em; }
.values-number::after { content: ''; width: 44px; height: 1px; background: #bc934c; }
.values-card-content h3 { margin: 0 0 14px; font: 800 clamp(19px,1.65vw,25px)/1.22 var(--font-body); text-transform: uppercase; letter-spacing: .005em; color: #f5f5f6; }
.values-card-content h3 span { color: #edc577; }
.values-card-content p { margin: 0 0 20px; max-width: 66%; color: #c9c7c5; font-size: .8rem; line-height: 1.75; }
.values-arrow { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin-top: auto; border: 1px solid #d0aa61; border-radius: 50%; background: rgba(10,10,12,.6); color: #f2e8d3; font: 24px/1 var(--font-body); transition: background .25s, color .25s, box-shadow .25s; }
.values-arrow span { transition: transform .25s; }
.values-arrow:focus-visible { outline: 2px solid white; outline-offset: 5px; }
.values-premium-card:focus-within { border-color: #edc577; }
.values-manifesto { margin: 42px 0 0; text-align: center; text-transform: uppercase; color: #c9a460; font-size: .62rem; font-weight: 500; letter-spacing: .45em; line-height: 2; }
.values-manifesto::before { content: ''; display: block; width: 42px; height: 1px; margin: 0 auto 18px; background: #d5ad58; box-shadow: 0 0 10px rgba(213,173,88,.5); }
@keyframes values-light { 0%,100% { transform: translateX(-35%) rotate(-4deg); } 50% { transform: translateX(35%) rotate(4deg); } }
.values-premium:not(.is-in-view) .values-premium-card::after { animation-play-state: paused; }
@media (hover: hover) {
  .values-premium-card.visible:hover { transform: translateY(-6px); border-color: rgba(238,195,113,.75); box-shadow: 0 15px 45px rgba(0,0,0,.5),0 0 26px rgba(201,162,75,.13); }
  .values-premium-card:hover .values-art { transform: scale(1.035); opacity: 1; }
  .values-arrow:hover { background: #e5be72; color: #15110a; box-shadow: 0 0 20px rgba(229,190,114,.3); }
  .values-arrow:hover span { transform: translate(2px,-2px); }
}
@media (max-width: 1150px) {
  .values-signature { display: none; }
  .values-premium-grid { gap: 14px; }
  .values-card-content { padding: 24px 19px; }
  .values-card-content p { max-width: 77%; font-size: .76rem; }
}
@media (max-width: 850px) {
  .values-premium { padding: 52px 0; }
  .values-premium-grid { grid-template-columns: 1fr; max-width: 570px; margin: auto; gap: 20px; }
  .values-card-content { padding: 28px; }
  .values-card-content h3 { font-size: 24px; }
  .values-card-content p { max-width: 65%; font-size: .86rem; }
  .values-art { background-size: 300% 100%; }
  .values-manifesto { letter-spacing: .28em; }
  .values-desktop-break { display: none; }
}
@media (max-width: 400px) {
  .values-card-content { padding: 25px 21px; }
  .values-card-content h3 { font-size: 21px; }
  .values-card-content p { max-width: 72%; font-size: .79rem; }
}
@media (prefers-reduced-motion: reduce) {
  .values-premium-card, .values-art, .values-arrow, .values-arrow span { transition: none; }
  .values-premium-card::after { animation: none; }
  .values-premium-card.visible:hover, .values-premium-card:hover .values-art, .values-arrow:hover span { transform: none; }
}

@media(max-width:760px){
 .values-premium{padding-bottom:162px}
 .values-premium::after{width:150%;left:-25%;height:230px;bottom:-85px;border-top-color:rgba(233,188,99,.65);box-shadow:0 -3px 18px rgba(222,167,66,.24),0 -12px 46px rgba(222,167,66,.1),0 -1px 4px rgba(209,164,91,.65);background:radial-gradient(ellipse at 50% 0,rgba(201,162,75,.09),rgba(201,162,75,.025) 35%,transparent 68%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 12%,rgba(0,0,0,.78) 28%,rgba(0,0,0,.28) 45%,transparent 63%);mask-image:linear-gradient(to bottom,#000 0%,#000 12%,rgba(0,0,0,.78) 28%,rgba(0,0,0,.28) 45%,transparent 63%)}
 .values-premium .values-backdrop{-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
}