body.corporate .company-product-card + .company-product-card { margin-top: 2.5rem; }
body.corporate .groove-feature.company-product-card { border-color: #ad6841; background: #122b32; box-shadow: 0 24px 80px #050e12a6; }
body.corporate .groove-feature.company-product-card::before { content: "RELEASE 002"; }

body.corporate .groove-feature .groove-art {
  position: relative;
  display: block;
  min-height: 585px;
  overflow: hidden;
  isolation: isolate;
  background: radial-gradient(circle at 28% 55%, #3f5557, #0c2028 62%, #08161d);
}
body.corporate .groove-feature .groove-studio {
  position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0;
  object-fit: cover; object-position: 31% center; opacity: .7;
  filter: saturate(.72) contrast(1.18);
  transition: transform .7s ease;
}
body.corporate .groove-feature:hover .groove-studio { transform: scale(1.045); }
body.corporate .groove-feature .groove-art::before {
  content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, #091d27a3 0%, #07172016 42%, #07161ee8 100%),
              linear-gradient(90deg, #122d3399, transparent 55%);
}
body.corporate .groove-feature .groove-art::after {
  content: ""; position: absolute; z-index: 2; inset: 14px; pointer-events: none;
  border: 1px solid #e8b58480;
}
.groove-art-head, .groove-art-caption, .groove-device, .groove-art-foot { position: absolute; z-index: 3; }
.groove-art-head { top: 36px; left: 40px; right: 40px; display: flex; justify-content: space-between; gap: 20px; color: #f4e7d8; font: 700 .68rem/1.4 'DM Mono', monospace; letter-spacing: .18em; }
.groove-art-head span:last-child { color: #e5ad79; text-align: right; }
.groove-art-caption { top: 92px; left: 40px; color: #f7eee6; }
.groove-art-caption strong { display: block; font: 800 clamp(4.4rem, 7.2vw, 7.4rem)/.8 'Barlow Condensed', Impact, sans-serif; letter-spacing: -.035em; text-transform: uppercase; text-shadow: 0 8px 40px #04131c; }
.groove-art-caption strong em { font-style: normal; color: #e9a36f; }
.groove-art-caption span { display: block; margin-top: 18px; font: 700 .68rem/1.4 'DM Mono', monospace; letter-spacing: .15em; color: #d9c5ae; }
.groove-device { left: 7%; right: 6%; bottom: 80px; transform: rotate(-3deg); transition: transform .5s ease; }
body.corporate .groove-feature:hover .groove-device { transform: rotate(-1deg) translateY(-7px); }
body.corporate .groove-feature .groove-device img {
  display: block; width: 100%; height: auto; min-height: 0; object-fit: contain;
  border: 5px solid #242321; border-radius: 10px; box-shadow: 0 26px 65px #000e, 0 0 0 1px #ddaa79;
}
.groove-art-foot { left: 40px; right: 40px; bottom: 32px; display: flex; justify-content: space-between; gap: 16px; color: #efc8a6; font: 700 .62rem/1.4 'DM Mono', monospace; letter-spacing: .13em; }
body.corporate .groove-feature .company-product-copy { position: relative; }
body.corporate .groove-feature .company-product-copy::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, #e8a363, #7db2b5); }
body.corporate .groove-feature .status { color: #eac398; border-color: #c77c4c; }
body.corporate .groove-product-mark { margin: 1.6rem 0 1.8rem; line-height: 1; }
body.corporate .groove-product-mark img { display: block; width: min(100%, 440px); height: auto; min-height: 0; }
body.corporate .groove-feature .groove-demo-note { display: grid; gap: 5px; margin: 1.6rem 0 0; padding: 15px 18px; background: #0b2029; border-left: 3px solid #e9a36f; color: #e9ddd0; }
.groove-demo-note strong { font: 800 .76rem/1.3 'DM Mono', monospace; letter-spacing: .1em; text-transform: uppercase; color: #f2b785; }
.groove-demo-note span { font-size: .9rem; line-height: 1.45; }

@media (max-width: 900px) {
  body.corporate .groove-feature .groove-art { min-height: 500px; }
  .groove-art-caption strong { font-size: clamp(4rem, 8vw, 6rem); }
}
@media (max-width: 700px) {
  body.corporate .groove-feature .groove-art { min-height: 520px; }
  .groove-art-caption strong { font-size: clamp(4.5rem, 14vw, 7rem); }
  .groove-device { left: 6%; right: 6%; bottom: 82px; }
}
@media (max-width: 450px) {
  body.corporate .groove-feature .groove-art { min-height: 540px; }
  .groove-art-head { top: 28px; left: 27px; right: 27px; font-size: .53rem; }
  .groove-art-caption { top: 75px; left: 27px; }
  .groove-art-caption strong { font-size: clamp(3.8rem, 16vw, 5rem); }
  .groove-art-caption span { font-size: .5rem; margin-top: 12px; }
  .groove-device { bottom: 72px; }
  .groove-art-foot { left: 27px; right: 27px; bottom: 25px; font-size: .48rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.corporate .groove-feature .groove-studio, .groove-device { transition: none; }
}