*{box-sizing:border-box}body{margin:0;font-family:Quicksand,sans-serif;color:#604d40;background:linear-gradient(135deg,#ffe68b,#ffc20d 40%,#fff0b7)}
.family-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:20px}
.family-choice{display:block;overflow:hidden;border-radius:14px;background:#fff8df;color:#b90036;text-decoration:none;border:1px solid #7d002730}
.family-choice img{display:block;width:100%;height:230px;object-fit:cover}
.family-choice h2{font-size:22px;margin:0!important;padding:18px}
.family-choice:focus-visible{outline:3px solid #b90036;outline-offset:4px}
@media(max-width:600px){.family-choice-grid{gap:12px}.family-choice img{height:180px}.family-choice h2{font-size:18px;padding:12px}}
.origins-page{width:min(1180px,calc(100% - 40px));margin:auto;padding:112px 0 48px;min-height:80vh}
.origins-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.origins-head h1{margin:0;color:#b90036}.origins-head a{color:#b90036;font-size:14px;flex-shrink:0}
.family-hub .origins-head{padding-bottom:28px;border-bottom:1px solid #b9003626;margin-bottom:clamp(28px,4vw,52px)}
body[data-nav-active="family"]>.family-hub h1{margin:0!important;text-align:left;font-weight:600!important}
.family-hub .family-choice-grid{width:min(100%,960px);margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.family-hub .family-choice{position:relative;isolation:isolate;aspect-ratio:1.08;border-radius:20px;border:1px solid #fff8df80;box-shadow:0 16px 36px #603c0029;transition:transform .2s ease,box-shadow .2s ease}
.family-hub .family-choice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.family-hub .family-choice::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 35%,#20160f40 58%,#20160feb 100%)}
.family-hub .family-choice-caption{position:absolute;z-index:1;inset:auto 0 0;padding:clamp(20px,3vw,34px);color:#fff8df}
.family-hub .family-choice h2{padding:0;color:#fff8df;font-size:clamp(25px,2.5vw,34px);line-height:1.15;letter-spacing:-.03em}
.family-hub .family-choice-caption>span{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:13px;font-weight:600}
.family-hub .family-choice-caption>span>span{font-size:24px;line-height:1}
@media(hover:hover){.family-hub .family-choice:hover{transform:translateY(-4px);box-shadow:0 22px 42px #603c0038}}
@media(max-width:600px){.family-hub .family-choice-grid{grid-template-columns:1fr;max-width:420px;gap:22px}.family-hub .family-choice{aspect-ratio:1.22}.family-hub .origins-head{padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.family-hub .family-choice{transition:none}}
.origins-cover{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border:12px solid #fff8df}
.origins-page h2,.origins-page h3{color:#b90036}.origins-page h2{margin-top:36px}
.origins-page .year-albums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.origins-page .album{min-width:0;text-decoration:none}.origins-page .album-cover{position:relative}.origins-page .album-cover img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
@media(max-width:760px){.origins-page{padding-top:90px;width:calc(100% - 24px)}.origins-head{gap:12px}.origins-head a{font-size:12px;max-width:100px}.origins-page .year-albums{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.origins-cover{border-width:8px}}