
:root{--metal-1:#efe4d2;--metal-2:#d3b38b;--metal-3:#f8efe4;--metal-4:#c68f58;}
.art-banner{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#faf5ee 0%,#f2e7db 26%,#f7f0e7 52%,#ecd8c2 100%);min-height:168px;padding:34px 40px;display:grid;grid-template-columns:minmax(250px,1.1fr) minmax(260px,.9fr);gap:28px;align-items:center;box-shadow:0 8px 30px rgba(128,98,79,.08)}
.art-banner::before{content:'';position:absolute;inset:auto -12% -45% auto;width:55%;height:160%;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.84) 0 18%, rgba(214,160,77,.22) 20%, rgba(232,160,120,.24) 38%, rgba(203,112,71,.14) 57%, transparent 67%);transform:rotate(-10deg)}
.art-banner::after{content:'';position:absolute;left:-5%;top:-55%;width:48%;height:190%;background:linear-gradient(135deg, rgba(255,255,255,.66), rgba(255,255,255,0) 45%);transform:rotate(10deg)}
.art-banner .banner-copy{position:relative;z-index:1;max-width:470px}
.art-banner .banner-copy h2{margin:0 0 10px;font-size:38px;line-height:1.06;color:var(--tea)}
.art-banner .banner-copy p{margin:0;color:var(--muted);font-size:15px;max-width:420px}
.art-banner .banner-kicker{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin-bottom:14px}
.art-banner .banner-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:110px}
.art-banner .banner-visual .ribbon{width:min(360px,100%);height:104px;border-radius:18px;background:linear-gradient(90deg, rgba(214,160,77,.95), rgba(232,160,120,.75) 28%, rgba(255,255,255,.9) 56%, rgba(203,112,71,.55) 78%, rgba(128,98,79,.9));filter:saturate(92%);opacity:.95;box-shadow:0 10px 24px rgba(128,98,79,.12);position:relative;overflow:hidden}
.art-banner .banner-visual .ribbon::before{content:'';position:absolute;inset:20px auto 20px 18px;width:54%;border-radius:999px;background:linear-gradient(90deg, rgba(255,255,255,.7), rgba(255,255,255,0));}
.art-banner .banner-visual .ribbon::after{content:'';position:absolute;right:14px;top:18px;width:82px;height:68px;border-radius:14px;background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.45)}
.art-banner .banner-visual .swatches{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);margin:0;height:8px;width:122px}
.banner-pad{padding-top:22px}
.banner-pad .wrap > .button{margin-top:22px}

.video-grid-6{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.video-column{background:var(--paper);border:1px solid var(--line);padding:24px 22px 18px}
.video-column h3{margin:0 0 6px;font-size:26px;color:var(--tea)}
.video-column .section-sub{margin-bottom:18px;font-size:14px}
.video-stack{display:grid;gap:16px}
.video-card{display:grid;grid-template-columns:114px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line);align-items:center}
.video-card:first-child{border-top:1px solid var(--line)}
.video-thumb{width:114px;height:114px;border:1px solid var(--line);background:linear-gradient(135deg,#f5e6d7,#fff8f1 46%,#edd9c3);position:relative;border-radius:6px;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;padding:12px}
.video-thumb::before{content:'';position:absolute;inset:10px auto auto 10px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.8);box-shadow:0 6px 12px rgba(128,98,79,.12)}
.video-thumb::after{content:'▶';position:absolute;left:26px;top:17px;font-size:18px;color:var(--coral)}
.video-thumb span{position:relative;z-index:1;font:italic 14px Georgia,serif;color:var(--tea)}
.video-card h4{font:400 23px/1.2 Georgia,"Songti SC",serif;margin:0 0 6px;color:var(--tea)}
.video-card p{font-size:14px;color:var(--muted);margin:0 0 8px}
.video-card .text-link{margin-top:0}
.video-pager{display:flex;justify-content:flex-end;margin-top:18px}
.video-pager a{font-size:13px}

.insight-tile{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:18px;align-items:center}
.insight-tile .tile-copy{min-width:0}
.insight-tile .tile-thumb{height:132px;border:1px solid var(--line);border-radius:6px;position:relative;background:linear-gradient(145deg, #f5eadf, #fffaf4 46%, #ead5bf);overflow:hidden}
.insight-tile .tile-thumb::before{content:'';position:absolute;inset:16px 18px;background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.95) 0 15%, rgba(232,160,120,.36) 17%, rgba(214,160,77,.28) 38%, rgba(128,98,79,.16) 58%, transparent 65%)}
.insight-tile .tile-thumb::after{content:'Image';position:absolute;right:12px;bottom:10px;font:italic 14px Georgia,serif;color:var(--tea);opacity:.8}

.social-links.social-links-3 .social-link{min-width:172px;text-align:center}

@media(max-width:980px){
  .art-banner{grid-template-columns:1fr;min-height:auto;padding:28px 24px}
  .video-grid-6{grid-template-columns:1fr}
}
@media(max-width:740px){
  .video-card{grid-template-columns:92px 1fr;gap:12px}
  .video-thumb{width:92px;height:92px}
  .video-card h4{font-size:20px}
  .insight-tile{grid-template-columns:1fr}
  .insight-tile .tile-thumb{height:118px}
}
@media(max-width:630px){
  .art-banner .banner-copy h2{font-size:32px}
  .video-column{padding:18px 16px}
}
