.ug-eco-intro .ug-about-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 90px); }
.ug-eco-intro .ug-about-image { height: clamp(320px, 38vw, 530px); }
.ug-eco-catalog { padding: clamp(30px, 6vw, 76px) 0 clamp(60px, 8vw, 112px); background: #050505; }
.ug-eco-catalog h2, .ug-eco-detail h2 { color: var(--offwhite); font: 400 clamp(32px, 4vw, 58px)/1.05 var(--serif); }
.ug-eco-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 30px; }
.ug-eco-card { display: flex; flex-direction: column; align-items: flex-start; padding: clamp(24px, 3.5vw, 46px); border: 1px solid var(--line); border-radius: 8px; background: linear-gradient(145deg, #17140f, #0d0d0d 65%); }
.ug-eco-logo { width: 140px; height: 90px; object-fit: contain; object-position: left center; }
.ug-eco-card h3 { margin: 22px 0 8px; color: var(--offwhite); font: 400 clamp(26px, 3vw, 40px)/1.1 var(--serif); }
.ug-eco-card .ug-eco-subtitle { color: var(--gold-soft); font-weight: 700; }
.ug-eco-card p, .ug-eco-detail p { margin: 0 0 14px; color: var(--muted); line-height: 1.75; }
.ug-eco-card p:last-of-type { margin-bottom: 24px; }
.ug-eco-link { display: inline-flex; gap: .65em; align-items: center; margin-top: auto; padding: 11px 18px; border: 1px solid var(--gold-soft); border-radius: 4px; color: var(--champagne); font-weight: 700; }
.ug-eco-link:hover { background: var(--gold-soft); color: var(--black); }
.ug-eco-link:focus-visible { outline: 2px solid var(--offwhite); outline-offset: 4px; }
.ug-eco-closing { padding: 0 0 clamp(56px, 8vw, 108px); background: #050505; }
.ug-eco-statement { position: relative; isolation: isolate; overflow: hidden; padding: clamp(32px, 8vw, 108px); border: 1px solid var(--line); border-radius: 8px; background: radial-gradient(ellipse at 80% 20%, #292016 0, #13120f 42%, #0b0b0b 85%); }
.ug-eco-statement::after { content: ""; position: absolute; z-index: -1; inset: -35% -10% -50% 45%; background: repeating-linear-gradient(130deg, transparent 0 35px, rgba(199, 168, 120, .12) 36px, transparent 37px 72px); }
.ug-eco-statement p { max-width: 22ch; color: var(--offwhite); font: 400 clamp(30px, 5vw, 70px)/1.06 var(--serif); }
.ug-eco-statement em { color: var(--gold-soft); }
.ug-eco-detail { padding: clamp(60px, 9vw, 120px) 0; }
.ug-eco-detail-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: clamp(24px, 7vw, 90px); }
.ug-eco-detail h2 { margin-bottom: 24px; }
.ug-eco-detail-logo { display: block; width: min(65%, 250px); height: auto; margin: 0 auto; }
.ug-eco-detail .ug-eco-link { margin-top: 12px; }
@media (max-width: 991px) {
  .ug-eco-intro .ug-about-grid { grid-template-columns: 1fr; }
  .ug-eco-intro .ug-about-image { order: 0; height: clamp(240px, 56vw, 440px); }
}
@media (max-width: 700px) {
  .ug-eco-cards, .ug-eco-detail-grid { grid-template-columns: 1fr; }
  .ug-eco-detail-logo { max-width: 170px; }
}
@media (prefers-reduced-motion: reduce) {
  .ug-eco-intro .ug-about-copy, .ug-eco-intro .ug-about-image { opacity: 1; transform: none; filter: none; transition: none; }
  .ug-eco-intro.active .ug-about-image::after { animation: none; }
}