/* Black Copper: rotating photography, angled actions and a browsable gallery. */
body.sc-performance .sc-showroom :is(.scs-button,.scs-start,.scs-actions>.scs-mobile-login),
body.sc-performance #publicLanding .sc-public-promo-copy>button {
 position:relative;isolation:isolate;background:transparent!important;border:0!important;
 border-radius:0!important;color:#edc6a3!important;box-shadow:none!important;
 min-height:48px;padding:13px 22px!important;font-size:11px!important;line-height:1.5;
 text-transform:uppercase;letter-spacing:.035em;transform:none;
}
body.sc-performance .sc-showroom :is(.scs-button,.scs-start,.scs-actions>.scs-mobile-login)::before,
body.sc-performance #publicLanding .sc-public-promo-copy>button::before {
 content:"";position:absolute;inset:0;z-index:-1;background:#12100ef2;
 border:1px solid #7d5a40;border-left:3px solid #c89b73;transform:skewX(-9deg);
 transition:background .2s,border-color .2s;
}
body.sc-performance .sc-showroom :is(.scs-button,.scs-start,.scs-actions>.scs-mobile-login):hover,
body.sc-performance #publicLanding .sc-public-promo-copy>button:hover {background:transparent!important;color:#fff0df!important}
body.sc-performance .sc-showroom :is(.scs-button,.scs-start,.scs-actions>.scs-mobile-login):hover::before,
body.sc-performance #publicLanding .sc-public-promo-copy>button:hover::before {background:#2b1d12;border-color:#d9ad87}
body.sc-performance .sc-showroom .scs-actions>.scs-mobile-login {color:#f2ede6!important}
body.sc-performance .sc-showroom .scs-actions>.scs-mobile-login::before {border-left-width:1px;border-color:#71675e;background:#0c0c0bea}
body.sc-performance .sc-showroom .scs-actions {gap:24px}
body.sc-performance .sc-showroom .scs-looks button {border-radius:0;border-left:3px solid #35302a}
body.sc-performance .sc-showroom .scs-looks button[aria-pressed="true"] {border-left-color:#c89b73;background:#17110c}
body.sc-performance .sc-showroom .scs-hero-media .scs-hero-slide {position:absolute;inset:0;opacity:0;transition:opacity .75s ease;pointer-events:none;filter:saturate(.75) brightness(.85)}
body.sc-performance .sc-showroom .scs-hero-media .scs-hero-slide.is-active {opacity:1}
body.sc-performance .sc-showroom .scs-hero-media::after {background:linear-gradient(90deg,#050505df,transparent 80%),linear-gradient(180deg,#07070735,transparent 65%,#070707)}
body.sc-performance .scs-carousel-controls {position:absolute;right:5%;bottom:74px;z-index:4;display:flex;align-items:center;gap:8px;padding:6px;background:#080808db;border:1px solid #493627}
body.sc-performance .scs-carousel-controls>span {font:700 11px var(--sc-font-ui);color:#d5ad8c;padding:0 12px;font-variant-numeric:tabular-nums}
body.sc-performance .scs-carousel-controls button {display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #4a3b2e;border-radius:0;background:#14100d;color:#f3decb;cursor:pointer}
body.sc-performance .scs-carousel-controls button:hover {background:#302015;border-color:#c89b73}
body.sc-performance .scs-carousel-controls svg {width:20px;height:20px;pointer-events:none}
body.sc-performance .scs-carousel-controls svg[hidden] {display:none}
body.sc-performance .scs-inspiration {background:#070707;padding-top:40px;padding-bottom:70px}
body.sc-performance .scs-gallery-filters {display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 24px}
body.sc-performance .scs-gallery-filters button {background:#0f0e0c;color:#c4b5a8;border:1px solid #3b332c;border-radius:0;min-height:44px;padding:10px 18px;font-size:11px;cursor:pointer}
body.sc-performance .scs-gallery-filters button[aria-pressed="true"] {border-color:#c89b73;color:#edc6a3;box-shadow:inset 0 -2px #c89b73}
body.sc-performance .scs-gallery-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.sc-performance .scs-gallery-card {min-width:0;display:flex;flex-direction:column;padding:0;border:1px solid #38302a;border-radius:0;overflow:hidden;background:#10100e;color:#f5f1eb;text-align:left;cursor:pointer}
body.sc-performance .scs-gallery-card[hidden] {display:none}
body.sc-performance .scs-gallery-card:hover {border-color:#c89b73}
body.sc-performance .scs-gallery-visual {display:block;position:relative;width:100%;aspect-ratio:4/3;background-color:#111;overflow:hidden}
body.sc-performance .scs-gallery-visual img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
body.sc-performance .scs-gallery-card:hover img {transform:scale(1.035)}
body.sc-performance .scs-gallery-part {aspect-ratio:1;background-image:url('assets/parts-v1/style-atlas.png');background-size:400% 400%;background-position:var(--part-x) var(--part-y)}
body.sc-performance .scs-gallery-copy {display:flex;flex-direction:column;flex:1;padding:18px;gap:12px}
body.sc-performance .scs-gallery-copy h3 {font:700 16px/1.4 var(--sc-font-display)!important;letter-spacing:-.03em;margin:0;overflow-wrap:anywhere}
body.sc-performance .scs-gallery-description {font:400 13px/1.6 var(--sc-font-body);color:#bfb8b1}
body.sc-performance .scs-gallery-open {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px;font-size:10px;color:#d4a982}
body.sc-performance .scs-gallery-open svg {width:17px;height:17px;min-width:17px}
body.sc-performance .scs-gallery-note {font:400 12px/1.7 var(--sc-font-body);color:#aaa198;margin:22px 0 0}
body.sc-performance .scs-gallery-dialog {position:fixed;width:min(1000px,94vw);max-height:92svh;margin:auto;overflow:auto;border:1px solid #8e6545;border-radius:0;padding:22px;background:#080807;color:#eee7de}
body.sc-performance .scs-gallery-dialog::backdrop {background:#000d}
body.sc-performance .scs-gallery-dialog>[data-gallery-close] {position:absolute;right:12px;top:12px;z-index:2;width:44px;height:44px;background:#080808e8;color:#edc6a3;border:1px solid #947051;font-size:28px;cursor:pointer}
body.sc-performance .scs-gallery-dialog .scs-gallery-visual {aspect-ratio:auto;max-height:65svh}
body.sc-performance .scs-gallery-dialog .scs-gallery-visual img {max-height:65svh;height:auto;object-fit:contain}
body.sc-performance .scs-gallery-dialog .scs-gallery-part {aspect-ratio:1;width:min(570px,100%);max-height:none;margin:auto}
body.sc-performance .scs-gallery-dialog h2 {font-size:clamp(20px,3vw,32px);margin:24px 0 12px}
body.sc-performance .scs-gallery-dialog p {color:#d6c4b4;line-height:1.7}
body.sc-performance .scs-gallery-dialog small {font:400 12px/1.6 var(--sc-font-body);color:#aaa198}
body.sc-performance:has(.scs-gallery-dialog[open]) {overflow:hidden}
@media(max-width:1000px){body.sc-performance .scs-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 body.sc-performance .sc-showroom .scs-hero-media::after {background:linear-gradient(180deg,#070707,transparent 18%,transparent 82%,#070707)}
 body.sc-performance .scs-carousel-controls {position:static;order:4;margin:10px 6% 0;align-self:center;background:transparent;border:0;padding:0;gap:8px}
 body.sc-performance .sc-showroom .scs-actions {order:5;gap:18px;margin-top:20px}
 body.sc-performance .sc-showroom :is(.scs-button,.scs-start,.scs-actions>.scs-mobile-login) {font-size:10px!important;padding:12px 14px!important;letter-spacing:0}
 body.sc-performance .scs-gallery-filters {gap:8px}
 body.sc-performance .scs-gallery-filters button {padding:10px 12px;font-size:9px}
 body.sc-performance .scs-gallery-grid {gap:12px}
 body.sc-performance .scs-gallery-copy {padding:14px 12px;gap:10px}
 body.sc-performance .scs-gallery-copy h3 {font-size:13px!important}
 body.sc-performance .scs-gallery-description {font-size:12px}
 body.sc-performance .scs-gallery-open {font-size:9px;gap:5px}
 body.sc-performance .scs-gallery-dialog {padding:14px;width:94vw}
}
@media(prefers-reduced-motion:reduce){body.sc-performance .sc-showroom :is(.scs-hero-slide,.scs-gallery-visual img){transition:none!important;transform:none!important}}
