/* SCROLLPRISE DISCOVERY ARCHITECTURE LAB 02 · 2026-08-18
   Presentation/navigation only. Buying Engine and catalogue logic remain unchanged. */

/* Homepage: only the seven discovery families. */
.discovery-hub{padding-top:clamp(48px,5vw,78px)!important;padding-bottom:clamp(48px,5vw,78px)!important}
.discovery-hub-rail{display:block!important}
.discovery-hub .discovery-intro{max-width:none!important;margin-bottom:28px!important}
.discovery-hub .discovery-intro .eyebrow{display:inline-flex;align-items:center;gap:12px}
.discovery-hub .discovery-intro h2{max-width:1100px;font-size:clamp(54px,7vw,105px)!important;line-height:.92!important;letter-spacing:-.065em!important;margin:10px 0 18px!important}
.discovery-hub .discovery-intro p{max-width:720px;font-size:16px!important;line-height:1.6!important;color:#676762!important}
.discovery-family-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.discovery-family-overview-card{position:relative;min-height:250px;padding:24px 24px 22px;border:5px solid #fff!important;border-radius:30px!important;background:linear-gradient(180deg,#f2f2f0,#ececea)!important;color:#111!important;text-decoration:none!important;box-shadow:0 22px 36px rgba(0,0,0,.10),0 7px 14px rgba(0,0,0,.05)!important;display:flex!important;flex-direction:column!important;transition:transform .24s cubic-bezier(.22,.8,.22,1)!important;overflow:hidden}
.discovery-family-overview-card:hover{transform:translateY(-6px)!important}
.discovery-family-overview-card .family-num{font-size:11px;font-weight:900;letter-spacing:.14em;color:#555;margin-bottom:22px}
.discovery-family-overview-card .family-micro{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#6c6c67;margin-bottom:8px}
.discovery-family-overview-card h3{font-size:clamp(24px,2.1vw,34px)!important;line-height:.98!important;letter-spacing:-.045em!important;margin:0 0 10px!important;color:#111!important}
.discovery-family-overview-card p{font-size:12px!important;line-height:1.55!important;color:#74746f!important;margin:0!important;max-width:94%}
.discovery-family-overview-card .family-open{margin-top:auto;padding-top:24px;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#5f5f5b}
.discovery-family-overview-card .family-arrow{position:absolute;right:17px;bottom:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d5d5d0;font-size:16px}
.discovery-family-overview-card.family-wide{grid-column:span 2}

/* Family pages: clean, text-led subcategory cards. */
.discovery-family-page main{background:linear-gradient(180deg,#e9e9e6 0%,#e5e5e2 100%);min-height:70vh}
.discovery-family-page .family-page-hero{padding:62px 0 32px}
.discovery-family-page .family-page-back{display:inline-block;margin-bottom:22px;color:#656560;text-decoration:none;font-weight:800}
.discovery-family-page .family-page-hero h1{font-size:clamp(58px,7vw,108px);line-height:.9;letter-spacing:-.07em;margin:8px 0 20px;color:#111}
.discovery-family-page .family-page-hero p{max-width:760px;color:#666661;font-size:17px;line-height:1.65}
.discovery-family-page .family-page-count{display:inline-flex;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #d5d5d0;font-weight:800;color:#656560;margin-top:8px}
.family-subcategory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:64px}
.family-subcategory-card{min-height:245px;padding:24px;border:5px solid #fff;border-radius:30px;background:linear-gradient(180deg,#f2f2f0,#ececea);box-shadow:0 18px 30px rgba(0,0,0,.08);color:#111;text-decoration:none;display:flex;flex-direction:column;transition:transform .24s cubic-bezier(.22,.8,.22,1)}
.family-subcategory-card:hover{transform:translateY(-6px)}
.family-subcategory-card .sub-family-label{font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.12em;color:#74746f;margin-bottom:24px}
.family-subcategory-card h2{font-size:30px;line-height:.98;letter-spacing:-.05em;margin:0 0 12px;color:#111}
.family-subcategory-card .subcategory-tagline{font-size:14px;line-height:1.45;color:#696964;margin:0;max-width:92%}
.family-subcategory-card .subcategory-bottom{margin-top:auto;padding-top:22px;border-top:1px solid #d7d7d3;display:flex;justify-content:space-between;align-items:center;gap:12px}
.family-subcategory-card .subcategory-bottom span:first-child{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#666}
.family-subcategory-card .subcategory-arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d5d5d0;font-size:16px}

/* Individual discovery world: immersive image-led hero + tagline. */
.category-page .category-glow{display:none!important}
.category-page .category-hero{background:linear-gradient(180deg,#e9e9e6 0%,#e5e5e2 100%)!important;padding:44px 0 34px!important}
.category-page .category-hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr)!important;gap:36px!important;align-items:stretch!important}
.category-page .category-hero-grid>div:first-child{display:flex;flex-direction:column;justify-content:center;min-height:500px}
.category-page .category-kicker{color:#60605c!important}
.category-page .category-hero h1{font-size:clamp(58px,6.4vw,104px)!important;line-height:.92!important;letter-spacing:-.065em!important;margin:10px 0 12px!important;color:#111!important}
.category-page .category-tagline{font-size:clamp(21px,2vw,30px)!important;line-height:1.18!important;letter-spacing:-.03em!important;color:#555550!important;font-weight:600!important;margin:0 0 18px!important}
.category-page .category-story{font-size:17px!important;line-height:1.65!important;color:#62625d!important;max-width:760px!important}
.category-vibe-visual{position:relative;min-height:500px;border:5px solid #fff;border-radius:34px;overflow:hidden;background:#ececea;box-shadow:0 28px 46px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.06)}
.category-vibe-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.72) contrast(.96) brightness(1.01)}
.category-vibe-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(232,232,229,.70) 0%,rgba(232,232,229,.12) 32%,transparent 58%),linear-gradient(180deg,transparent 65%,rgba(232,232,229,.28));pointer-events:none}
.category-vibe-match{position:absolute;z-index:2;top:18px;right:18px;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.08);font-size:12px;font-weight:900;color:#5f5f5b}
.category-fit-wrap{margin-top:18px!important}
.category-fit-fullwidth{background:rgba(255,255,255,.52)!important;border:1px solid #d5d5d0!important;border-radius:28px!important;box-shadow:0 18px 30px rgba(0,0,0,.07)!important;padding:24px!important;display:block!important;min-height:0!important}
.category-fit-fullwidth .manifesto-number{color:#222!important;font-size:11px!important;letter-spacing:.13em!important}
.category-fit-fullwidth .fit-points{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:16px!important}
.category-fit-fullwidth .fit-point{background:rgba(255,255,255,.55)!important;border:1px solid #d5d5d0!important;border-radius:20px!important;padding:17px 18px!important;min-height:130px!important}
.category-fit-fullwidth .fit-point strong{color:#222!important;font-size:15px!important}
.category-fit-fullwidth .fit-point p{color:#62625d!important;font-size:13px!important;line-height:1.55!important}
.category-fit-fullwidth .permanent-category-cta{display:none!important}
.category-page .back-to-categories{color:#656560!important}

@media(max-width:1100px){
 .discovery-family-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-family-overview-card.family-wide{grid-column:span 1}
 .family-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-page .category-hero-grid{grid-template-columns:1fr!important}.category-page .category-hero-grid>div:first-child{min-height:0}.category-vibe-visual{min-height:390px}.category-fit-fullwidth .fit-points{grid-template-columns:1fr!important}
}
@media(max-width:700px){
 .discovery-family-overview-grid,.family-subcategory-grid{grid-template-columns:1fr}.discovery-hub .discovery-intro h2{font-size:52px!important}.discovery-family-overview-card{min-height:220px}
 .category-page .category-hero{padding-top:24px!important}.category-vibe-visual{min-height:310px}.category-page .category-hero h1{font-size:52px!important}.category-page .category-story{font-size:15px!important}
}

.family-subcategory-card{position:relative}.family-subcategory-card .subcategory-count{position:absolute;top:17px;right:17px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #d5d5d0;font-size:10px;font-weight:900;color:#666}

.discovery-family-overview-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}