/* Second local concept: the site's cream product stage above a rounded ink category panel.
   The original hero.css and 3D lighting remain the comparison baseline. */
body:has([data-discovery-landing-host]:not([hidden]) .selector-discovery-landing--light){background:var(--paper)}
body:has([data-discovery-landing-host]:not([hidden]) .selector-discovery-landing--light) .site-header{background:var(--paper)}
.selector-discovery-landing--light{gap:36px}
.selector-discovery-landing--light .discovery-hero{background:var(--paper);color:var(--ink)}
.selector-discovery-landing--light .discovery-breadcrumb{color:var(--muted)}
.selector-discovery-landing--light .discovery-breadcrumb a:hover{color:var(--red)}
.selector-discovery-landing--light .discovery-hero a:focus-visible{outline-color:var(--red)}
.selector-discovery-landing--light .motor-hero-copy>.eyebrow,
.selector-discovery-landing--light .motor-hero-identity,
.selector-discovery-landing--light .motor-hero-loading,
.selector-discovery-landing--light .motor-hero-drag,
.selector-discovery-landing--light .motor-hero-figure figcaption,
.selector-discovery-landing--light .motor-feature-number,
.selector-discovery-landing--light .motor-hero-features small{color:var(--muted)}
.selector-discovery-landing--light .motor-hero-deck,
.selector-discovery-landing--light .motor-hero-copy h1,
.selector-discovery-landing--light .motor-hero-identity strong,
.selector-discovery-landing--light .motor-hero-callout strong,
.selector-discovery-landing--light .motor-hero-play,
.selector-discovery-landing--light .motor-hero-drag span,
.selector-discovery-landing--light .motor-hero-turn button,
.selector-discovery-landing--light .motor-hero-features button{color:var(--ink)}
.selector-discovery-landing--light .motor-hero-explore span,
.selector-discovery-landing--light .motor-hero-callout span,
.selector-discovery-landing--light .motor-feature-mark,
.selector-discovery-landing--light .motor-hero-features button[aria-pressed=true] .motor-feature-number{color:var(--red)}
.selector-discovery-landing--light .motor-hero-play,
.selector-discovery-landing--light .motor-hero-turn button,
.selector-discovery-landing--light .motor-hero-features button{border-color:#c9cecc}
.selector-discovery-landing--light .motor-hero-play:hover,
.selector-discovery-landing--light .motor-hero-turn button:hover{border-color:var(--ink);background:var(--media)}
.selector-discovery-landing--light .motor-hero-features button::before{background:var(--red)}
.selector-discovery-landing--light .motor-hero button:focus-visible,
.selector-discovery-landing--light .motor-hero-canvas canvas:focus-visible{outline-color:var(--red)}
.selector-discovery-landing--light .motor-hero-leader path{stroke:#a9412c}
.selector-discovery-landing--light .motor-hero-leader circle{fill:var(--paper);stroke:var(--red)}

/* One continuous ink section, with light image wells to keep the real product
   photographs readable against it. Match the site's inset and rounded corners. */
.selector-discovery-landing--light .discovery-category-panel{
 --panel-inset:16px;width:min(calc(100% - var(--panel-inset)*2),1408px);
 border-radius:64px;padding:56px calc(var(--gutter) - var(--panel-inset)) 40px;
}
.discovery-category-heading{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}
.discovery-category-heading h2{font-size:56px;line-height:1.07;text-wrap:balance}
.selector-discovery-landing--light .discovery-features{gap:40px 48px}
.selector-discovery-landing--light .discovery-feature{
 background:transparent;border-radius:0;padding:0 0 32px;border-bottom:1px solid var(--paper);gap:18px;
 transition:border-color .16s ease-out;
}
.selector-discovery-landing--light .discovery-feature:hover{box-shadow:none}
.selector-discovery-landing--light .discovery-feature:is(:hover,:focus-visible){border-bottom-color:var(--red)}
.selector-discovery-landing--light .discovery-feature h2{color:var(--paper)}
.selector-discovery-landing--light .discovery-feature>img{background:var(--paper);border-radius:28px;padding:24px;height:280px}
.selector-discovery-landing--light .discovery-feature p{color:var(--light-muted);font-size:17px;line-height:25px}
.selector-discovery-landing--light .discovery-feature-link{color:#f28a70;display:flex;gap:8px;align-items:center}
.selector-discovery-landing--light .discovery-feature-link>span{display:inline-block;transition:transform .16s ease-out}
.selector-discovery-landing--light .discovery-feature:is(:hover,:focus-visible) .discovery-feature-link>span{transform:translateX(2px)}
.selector-discovery-landing--light .discovery-features a:focus-visible{outline-color:var(--paper);outline-offset:8px}
@media(prefers-reduced-motion:reduce){
 .selector-discovery-landing--light .discovery-feature:is(:hover,:focus-visible) .discovery-feature-link>span{transform:none}
}
@media(min-width:768px) and (max-width:1100px){
 .selector-discovery-landing--light .discovery-features{gap:32px}
 .selector-discovery-landing--light .discovery-feature>img{height:240px}
}
@media(max-width:767px){
 .selector-discovery-landing--light{gap:24px}
 .selector-discovery-landing--light .discovery-category-panel{--panel-inset:12px;border-radius:32px;padding:32px 20px 20px}
 .discovery-category-heading{gap:12px;margin-bottom:28px}
 .discovery-category-heading h2{font-size:38px;line-height:42px}
 .selector-discovery-landing--light .discovery-features{gap:28px}
 .selector-discovery-landing--light .discovery-feature{padding-bottom:24px;gap:16px}
 .selector-discovery-landing--light .discovery-feature>img{height:220px;border-radius:20px;padding:20px}
 .selector-discovery-landing--light .discovery-feature p{font-size:16px;line-height:24px}
}

/* Shared photo stage while category-specific CAD heroes are prepared. */
.category-photo-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center;padding-block:36px 32px}
.category-photo-copy h1{font-size:clamp(64px,7.5vw,112px);line-height:1;margin:20px 0 26px;letter-spacing:-.025em;overflow-wrap:break-word}
.category-photo-deck{font-size:25px;line-height:1.3;max-width:340px;text-wrap:balance}
.category-photo-figure{min-width:0}
.category-photo-figure img{width:100%;height:480px;object-fit:contain;mix-blend-mode:multiply}
.category-photo-figure figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:16px}
.category-photo-hero .motor-hero-explore span{color:var(--red)}
@media(max-width:767px){
 .category-photo-hero{grid-template-columns:1fr;gap:28px;padding-block:0}
 .category-photo-copy h1{font-size:64px;margin-block:16px 20px}
 .category-photo-deck{font-size:22px;max-width:300px}
 .category-photo-figure img{height:290px}
}

.selector-discovery-landing--light .motor-hero-callout{background:color-mix(in srgb,var(--paper) 94%,transparent);padding:6px 8px;border-radius:6px}
