body.discovery { height: auto; overflow: auto; }
.discovery a { color: inherit; }
.discovery-head { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px max(20px, calc((100vw - 1200px) / 2)); border-bottom:1px solid var(--line); }
.discovery-head nav { display:flex; align-items:center; gap:24px; }
.discovery-head nav > a:first-child { text-decoration:none; }
.discovery-hero { background:#f4e8ce; }
.hero-inner { max-width:1240px; margin:auto; padding:64px 20px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; }
.discovery h1, .discovery h2, .discovery h3 { font-family:var(--font); font-weight:500; letter-spacing:-.025em; }
.discovery h1 { font-size:clamp(44px,6vw,76px); line-height:1.02; margin:16px 0 24px; }
.discovery h1 span { display:block; font-size:clamp(27px,3.5vw,42px); margin-top:18px; line-height:1.1; }
.discovery h2 { font-size:clamp(28px,3vw,40px); line-height:1.15; margin:0 0 24px; }
.discovery h3 { font-size:23px; margin:16px 0 8px; }
.discovery p, .discovery li { line-height:1.7; color:var(--ink-2); }
.discovery .intro { font-size:19px; max-width:490px; margin-bottom:28px; }
.discovery .eyebrow { text-transform:uppercase; letter-spacing:.1em; font-size:12px; font-weight:800; }
.discovery .quiet { font-size:13px; margin-top:20px; }
.hero-model { display:block; text-align:center; text-decoration:none; animation:model-arrive .6s ease-out both; }
.hero-model img { display:block; width:100%; height:auto; transition:transform .25s ease; }
a.hero-model:hover img { transform:translateY(-6px) rotate(1deg); }
.hero-model span { display:block; font-size:14px; margin-top:8px; }
.discovery-section { max-width:1240px; margin:auto; padding:72px 20px; scroll-margin-top:24px; }
.how { display:grid; grid-template-columns:1fr 2fr; gap:48px; border-bottom:1px solid var(--line); }
.how ol { margin:0; padding-left:22px; display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.how h3 { margin-top:0; }
.model-shelf { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 32px; margin:32px 0; }
.model-link { display:block; text-decoration:none; }
.model-link img { width:100%; height:auto; background:#f4e8ce; border-radius:12px; transition:transform .2s ease; }
.model-link:hover img { transform:translateY(-5px); }
.model-link p { margin:0 0 8px; }
.model-link span { font-size:13px; color:var(--ink-2); }
.free-build { border-block:1px solid var(--line); }
.free-build p { max-width:640px; margin-bottom:28px; }
.questions { max-width:840px; }
.questions details { border-bottom:1px solid var(--line); padding:20px 0; }
.questions summary { cursor:pointer; font-size:18px; font-weight:800; min-height:28px; }
.questions details p { max-width:680px; }
.discovery-footer { padding:40px max(20px, calc((100vw - 1200px) / 2)); border-top:1px solid var(--line); display:flex; gap:32px; align-items:center; flex-wrap:wrap; }
.discovery-footer > a:last-child { margin-left:auto; }
.back-link { display:inline-block; margin-bottom:24px; }
.set-details { display:grid; grid-template-columns:1fr 1fr; gap:80px; border-bottom:1px solid var(--line); }
.set-details li { padding-left:4px; margin-bottom:12px; }
.discovery a:focus-visible, .discovery summary:focus-visible { outline:3px solid var(--blue-d); outline-offset:5px; }
@keyframes model-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:760px) {
  .discovery-head { padding:20px; gap:12px; }
  .discovery-head nav { gap:12px; }
  .discovery-head nav > a:first-child { font-size:13px; }
  .discovery-head .logo { font-size:22px; }
  .discovery-head .logo-brick { display:none; }
  .hero-inner { grid-template-columns:1fr; padding:40px 20px 32px; gap:16px; }
  .hero-model { max-width:480px; width:100%; margin:auto; }
  .discovery-section { padding:48px 20px; }
  .how, .set-details { grid-template-columns:1fr; gap:24px; }
  .how ol { grid-template-columns:1fr; gap:16px; }
  .model-shelf { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; }
  .discovery-footer { gap:16px; }
}
@media(max-width:420px) { .model-shelf { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .discovery *, .discovery *::before, .discovery *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }