/* Shared service pages: readable content and unframed photography. */
.art-secondary main { background: #fff; color: #242424; }
.art-secondary main > section { padding-block: 64px; }
.art-secondary .hero-section { min-height: 0; padding-block: 64px; }
.art-secondary .hero-background-wrapper { position: relative; inset: auto; order: 2; width: 45%; margin: 0 4vw 0 0; }
.art-secondary .hero-section { display: flex; gap: 40px; }
.art-secondary .hero-section > .container { flex: 1; min-width: 0; }
.art-secondary .hero-bg-image { width: 100%; height: auto; opacity: 1; object-fit: contain; }
.art-secondary .hero-vignette { display: none; }
.art-secondary h1 { font-size: clamp(34px, 4vw, 56px) !important; line-height: 1.1 !important; max-width: 20ch; text-wrap: balance; }
.art-secondary h2 { font-size: clamp(28px, 3vw, 42px) !important; line-height: 1.18 !important; text-wrap: balance; }
.art-secondary h3 { font-size: clamp(22px, 2.1vw, 28px); line-height: 1.25; }
.art-secondary p { line-height: 1.65; max-width: 70ch; }
.art-secondary .card { border-radius: 0 !important; box-shadow: none !important; border: 0 !important; background: transparent !important; padding-inline: 0 !important; }
.art-secondary main img { object-fit: contain; border-radius: 0 !important; box-shadow: none !important; }
.art-secondary .material-showcase-grid { display: block; }
.art-secondary .material-showcase-card { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding-block: 36px; border-bottom: 1px solid #ddd; border-radius: 0; box-shadow: none; background: transparent; }
.art-secondary .grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.art-secondary .grid-2 > * { min-width: 0; max-width: 100%; }
.art-secondary .grid-2 img { display: block; max-width: 100%; min-width: 0; }
.art-secondary .material-showcase-media { aspect-ratio: auto; height: auto; }
.art-secondary .material-showcase-media img { max-height: 440px; width: 100%; height: auto; }
.art-secondary .material-spec-chips,
.art-secondary .material-showcase-badge { display: none; }
.art-automotive .material-showcase-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); }
.art-automotive .material-showcase-media { display: none; }
.art-automotive .material-showcase-card { min-height: 0; }
.art-automotive .hero-background-wrapper { display: none; }
.art-automotive .hero-section { min-height: 0 !important; }
.art-secondary .btn-primary { background: #b94212; color: #fff; border-radius: 6px; box-shadow: none; }
.art-secondary .btn-primary:hover { background: #96350d; }
.art-secondary .section-stone { background: #f5f3ef; }
.art-secondary .section-alt { background: #f5f3ef; color: #242424; }
.art-secondary .result-pairs { display: block; }
.art-secondary .result-pairs article { margin-bottom: 64px; }
.art-secondary .result-pairs > .case-card:not(.result-case--interactive) { display: none; }
.art-secondary .result-case--interactive { display: block; max-width: 1120px; border: 0; border-top: 1px solid #d9dad5; border-radius: 0; box-shadow: none; background: transparent; padding-top: 28px; }
.art-secondary .result-case--interactive:hover { transform: none; border-color: #d9dad5; box-shadow: none; }
.art-secondary .result-case--interactive h3 { margin-bottom: 18px; font-size: clamp(1.2rem, 2vw, 1.7rem); }
.results-slider { --split: 50%; max-width: 1040px; }
.results-slider__stage { position: relative; width: 100%; aspect-ratio: var(--slider-ratio, 16 / 10); overflow: hidden; background: #171717; cursor: ew-resize; touch-action: none; user-select: none; }
.results-slider[data-ratio="square"] { --slider-ratio: 1 / 1; }
.results-slider[data-ratio="portrait"] { --slider-ratio: 5 / 9; }
.results-slider[data-ratio="wide"] { --slider-ratio: 2 / 1; }
.results-slider[data-ratio="panorama"] { --slider-ratio: 3 / 1; }
.results-slider[data-before*="cinemark"], .results-slider[data-before*="car-seat"] { --slider-ratio: 1 / 1; }
.results-slider[data-before*="sofa-close"], .results-slider[data-before*="red-sofa"], .results-slider[data-before*="black-chair"], .results-slider[data-before*="mattress"], .results-slider[data-before*="carpet-hall"], .results-slider[data-before*="leather-brown"] { --slider-ratio: 5 / 9; }
.results-slider[data-before*="sofa-wide"], .results-slider[data-before*="sofa-2x2"] { --slider-ratio: 2 / 1; }
.results-slider[data-before*="chairs-beige"] { --slider-ratio: 3 / 1; }
.results-slider__stage img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.results-slider__before-wrap { position: absolute; inset: 0; z-index: 2; overflow: hidden; width: 100%; pointer-events: none; clip-path: inset(0 calc(100% - var(--split)) 0 0); -webkit-clip-path: inset(0 calc(100% - var(--split)) 0 0); will-change: clip-path; }
.results-slider__before-wrap img { width: 100%; min-width: 100%; max-width: none; }
.results-slider__handle { position: absolute; z-index: 5; top: 0; bottom: 0; left: var(--split); width: 2px; background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.18), 0 0 20px rgba(0,0,0,.25); transform: translateX(-50%); pointer-events: none; }
.results-slider__handle span { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 44px; height: 44px; transform: translate(-50%, -50%); border: 1px solid #fff; border-radius: 50%; background: #f05a24; color: #fff; font-size: 1.2rem; line-height: 1; box-shadow: 0 7px 20px rgba(0,0,0,.22); }
.results-slider__label { position: absolute; z-index: 6; top: 14px; padding: 5px 8px; background: rgba(13,13,13,.7); color: #fff; font: 700 .66rem/1.1 'Sora', sans-serif; letter-spacing: .12em; text-transform: uppercase; pointer-events: none; }
.results-slider__label--before { left: 14px; }
.results-slider__label--after { right: 14px; }
.results-slider__hint { margin: 10px 0 0; color: #676a66; font-size: .73rem; letter-spacing: .03em; }
.results-slider__stage:focus-visible { outline: 3px solid #f05a24; outline-offset: 5px; }
.art-secondary .result-pairs h3 { margin-bottom: 24px; }
.art-secondary .result-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.art-secondary .result-pair figure { margin: 0; }
.art-secondary .result-pair img { width: 100%; height: auto; }
.art-secondary .result-pair figcaption { padding-top: 12px; color: #555; }
.art-secondary .result-pair--board { display: block; }
.art-secondary .result-pair--board figure { max-width: 960px; }
.art-secondary .result-pair--board img { display: block; width: 100%; height: auto; background: #080808; }
.art-secondary .comparison-wrapper { max-width: 1000px; margin-inline: auto; box-shadow: none; }
.art-secondary .comparison-stage { max-height: 600px; }
.art-secondary .comparison-wrapper[data-case-layout="portrait"] { max-width: 720px; }
.art-secondary .comparison-wrapper[data-case-layout="portrait"] .comparison-stage { background: #fff; }
.art-secondary .comparison-wrapper[data-case-layout="portrait"] .comparison-image-before,
.art-secondary .comparison-wrapper[data-case-layout="portrait"] .comparison-image-after { object-fit: cover; }
.art-secondary .comparison-wrapper[data-case-layout="board"] { max-width: 1000px; }
.art-secondary .comparison-wrapper[data-case-layout="board"] .comparison-stage { max-height: none; }
.art-secondary .comparison-case-pills .comparison-tab-btn {
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #5f625f;
  box-shadow: none;
}
.art-secondary .comparison-case-pills .comparison-tab-btn:hover,
.art-secondary .comparison-case-pills .comparison-tab-btn.active {
  border-bottom-color: #f05a24;
  background: transparent;
  color: #f05a24;
  box-shadow: none;
}
.art-secondary a:focus-visible,.art-secondary button:focus-visible { outline: 3px solid #b94212; outline-offset: 4px; }
@media(max-width: 800px) {
 .art-secondary main > section,.art-secondary .hero-section { padding-block: 40px; }
 .art-secondary .hero-section { flex-direction: column; gap: 28px; }
 .art-secondary .hero-background-wrapper { width: calc(100% - 40px); max-width: 520px; margin: 0 auto; }
 .art-secondary .material-showcase-card { grid-template-columns: 1fr; gap: 24px; }
 .art-automotive .material-showcase-grid { grid-template-columns: 1fr; }
 .art-secondary .result-pair { gap: 12px; }
 .results-slider__stage { aspect-ratio: var(--slider-ratio, 4 / 3); }
 .results-slider__handle span { width: 40px; height: 40px; }
 .results-slider__label { top: 10px; }
 .art-secondary main .grid-2,.art-secondary main .grid-3 { grid-template-columns: 1fr; }
 .art-secondary main img { max-height: 520px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior: auto; }
 .art-secondary *, .art-secondary *::before,.art-secondary *::after { transition: none !important; animation: none !important; }
}

/* Own composition for the public company video; no copied reference layout. */
.art-video-proof {
  background: #fff;
  border-top: 1px solid #d7d8d3;
  border-bottom: 1px solid #d7d8d3;
}

.art-video-proof__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 7rem);
}

.art-video-proof__media {
  position: relative;
  max-width: 720px;
  overflow: hidden;
  background: #ecece8;
}

.art-video-proof__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 58% center;
}

.art-video-proof__play {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 16px;
  background: #f05a24;
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
  text-decoration: none;
}

.art-video-proof__play:hover,
.art-video-proof__play:focus-visible {
  background: #171717;
  color: #fff;
}

.art-video-proof__play span { font-size: .75rem; }

.art-video-proof__copy { max-width: 34rem; }
.art-video-proof__eyebrow {
  margin: 0 0 16px;
  color: #f05a24;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.art-video-proof__copy h2 { margin-bottom: 20px; }
.art-video-proof__note {
  margin-top: 24px;
  color: #6a6c68;
  font-size: .75rem;
}

@media(max-width: 800px) {
  .art-video-proof__grid { grid-template-columns: 1fr; gap: 28px; }
  .art-video-proof__media { max-width: none; }
  .art-video-proof__play { left: 12px; bottom: 12px; max-width: calc(100% - 24px); }
}