/* Silk is the public homepage; Midnight remains a local comparison. */
.concept-switcher{position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border:1px solid #e8dfed;border-radius:30px;background:#fffcffed;box-shadow:0 6px 25px #40234115;backdrop-filter:blur(16px);white-space:nowrap}
.concept-switcher a{min-height:36px;padding:8px 15px;border-radius:24px;font-size:12px;color:#766280;display:flex;align-items:center}
.concept-switcher a[aria-current]{background:#765987;color:#fff}
.hero-concept .discovery{position:relative;isolation:isolate;border-radius:28px;margin-top:18px;background-size:cover;background-position:center;overflow:hidden}
.hero-concept .discover-layout{padding:26px 30px 22px;max-width:900px}
.hero-concept .home-hero-controls{max-width:640px;margin-bottom:18px}
.hero-concept .home-hero-top{position:relative;justify-content:center;max-width:none;margin-bottom:12px;text-align:center;padding:0 42px}
.hero-concept .home-hero-top .discover-heading{max-width:100%}
.hero-concept .home-hero-top h1{font:normal 44px/1.12 Georgia,'Times New Roman',serif;letter-spacing:-1.8px}
.hero-concept .home-hero-top .discover-heading p{font-size:13px;line-height:1.5;margin:10px 0 0}
.hero-concept .home-hero-bar{display:flex;align-items:center;justify-content:center;gap:12px}
.hero-concept .home-tuning{position:relative;text-align:left}
.hero-concept .home-tuning>summary{font:400 12px/1.4 var(--sans);padding:8px 18px;justify-content:center;gap:6px;min-height:38px;border:1px solid #a98cbb60;border-radius:24px;background:#ffffff70;color:#614069;white-space:nowrap}
.hero-concept .home-tuning>summary:hover,.hero-concept .home-tuning[open]>summary{background:#ffffffd9}
.hero-concept .home-tuning>summary>svg{flex:none;transition:transform .15s}
.hero-concept .home-tuning[open]>summary>svg{transform:rotate(180deg)}
.hero-concept .home-tuning-panel{z-index:7;color:#302b38}
.hero-concept .home-hero-topics .topic-choices{justify-content:center;gap:6px}
.hero-concept .home-hero-topics .topic-choices span{display:flex;align-items:center;justify-content:center;border-radius:24px;border:1px solid #9d7ca82b;background:transparent;color:#765c86;font-size:12px;min-height:38px;padding:8px 18px}
.hero-concept .swipe-category,.hero-concept .round-panel{border-radius:20px;backdrop-filter:blur(8px);font-size:10px;padding:5px 9px}
.hero-concept .swipe-under{margin-top:10px;max-width:620px;justify-content:center;gap:20px}
.hero-concept .swipe-undo{font-size:12px;min-height:44px;padding:8px 4px}
.hero-concept .swipe-help{font-size:11px;text-align:center;margin:0}
.hero-concept .secret-trigger{border:0;background:transparent}
.hero-concept .swipe-undo:hover:not(:disabled){color:#42284e;text-decoration:none}
.hero-concept .discovery-status{font-size:12px}
.hero-concept .home-library{margin-top:30px;border:0;padding-top:10px}
.concept-preview .site-footer{padding-bottom:90px}

/* 01: soft editorial light, a wide card with a compact image. */
.hero-silk .discovery{background-color:#e8deef;background-image:linear-gradient(#efe5f425,#f0e9f03b),url("../images/concepts/hero-lavender-silk.e75315c9f549.png")}
.hero-silk .home-hero-top h1{color:#58395f;font-style:italic}
.hero-silk .home-hero-top .discover-heading p{color:#785c82}
.hero-silk .home-hero-topics .topic-choices :checked+span{background:#fff9;color:#614069;border-color:#fff9;box-shadow:0 2px 12px #60366709}
.hero-silk .swipe-stage{max-width:670px;padding:0}
.hero-silk .swipe-stack:before{border-color:#fff8;background:#f4ecf89c;transform:rotate(-1.7deg);inset:12px 9px 3px}
.hero-silk .swipe-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:300px;border-radius:24px;border:1px solid #fffb;background:#fffbfa;box-shadow:0 14px 44px #6540721a}
.hero-silk .swipe-visual{height:auto;min-height:300px;background:#f1e9f0}
.hero-silk .swipe-copy{padding:28px 26px 92px}
.hero-silk .swipe-copy h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;color:#4c3554}
.hero-silk .swipe-copy>p:not(.swipe-meta){font-size:14px;color:#837080;margin:15px 0 18px;-webkit-line-clamp:3}
.hero-silk .swipe-copy dl{margin:15px 0}
.hero-silk .swipe-copy dl div{font-size:13px;grid-template-columns:70px 1fr}
.hero-silk .swipe-copy>a{font-size:12px;color:#765186}
.hero-silk .swipe-actions{top:auto;bottom:27px;left:18px;right:18px;transform:none}
.hero-silk .swipe-actions button{border-radius:28px;min-height:50px;min-width:154px;font-size:14px;font-weight:600;padding:12px 20px;box-shadow:0 5px 16px #4c285626}
.hero-silk .swipe-actions .swipe-like{background:#654273;border-color:#654273;color:#fff}
.hero-silk .swipe-actions .swipe-like:hover{background:#50305e;box-shadow:0 6px 20px #4c285638}
.hero-silk .swipe-actions .swipe-pass{background:#fffafc;border-color:#a68cad;color:#644970}
.hero-silk .swipe-actions .swipe-pass:hover{background:#f2e8f6;box-shadow:0 6px 20px #4c28562b}
.hero-silk .swipe-actions button:focus-visible{outline:3px solid #553165;outline-offset:4px}
.hero-silk .swipe-actions .swipe-action-icon{width:22px;height:22px;stroke-width:2}
.hero-silk .swipe-help,.hero-silk .swipe-undo{color:#7a5d86}
.hero-silk .swipe-under{width:fit-content;max-width:100%;padding:0 14px;border:1px solid #ffffff70;border-radius:28px;background:#ffffffa6}
.hero-silk .swipe-help{color:#644a70;margin-top:4px}
.hero-silk .swipe-finish{background:#fffb;min-height:320px;box-shadow:0 14px 44px #6540721a}

/* 02: a plum backdrop, luminous typography and a vertical collector's card. */
.hero-midnight .discovery{background-color:#211420;background-image:linear-gradient(#1d112025,#1d112040),url("../images/concepts/hero-dark-plum-satin.bde5069f23a0.png")}
.hero-midnight .discover-layout{padding-top:24px}
.hero-midnight .home-hero-top h1{font:500 36px/1.15 var(--sans);letter-spacing:-1.25px;color:#f5e6f1}
.hero-midnight .home-hero-top .discover-heading p{color:#bca4ba;font-size:12px}
.hero-midnight .home-tuning>summary{background:#ffffff08;border-color:#ceb0ca40;color:#d9bcd1}
.hero-midnight .home-tuning-panel{background:#fbf6fc;box-shadow:0 12px 40px #0b061b40}
.hero-midnight .home-hero-topics .topic-choices span{border-color:#d4b8d125;color:#bba1bb}
.hero-midnight .home-hero-topics .topic-choices :checked+span{background:#dfc4df16;color:#e2c6dc;border-color:#d4b8d149}
.hero-midnight .swipe-stage{max-width:440px;--swipe-image-height:clamp(120px,calc(100svh - 540px),175px)}
.hero-midnight .swipe-card{border-radius:22px;background:#332330;border:1px solid #c59abc3d;box-shadow:0 22px 60px #08000e55}
.hero-midnight .swipe-stack:before{border-color:#c394bd38;background:#5c395440}
.hero-midnight .swipe-visual{background:#e9dce8}
.hero-midnight .swipe-category,.hero-midnight .round-panel{background:#fef1f4e8;color:#78546d}
.hero-midnight .swipe-copy{padding:22px 26px 24px}
.hero-midnight .swipe-copy h2{font-size:23px;line-height:1.28;color:#f1dfed;letter-spacing:-.5px}
.hero-midnight .swipe-copy>p:not(.swipe-meta){font-size:14px;line-height:1.5;color:#c8b1c2;margin:13px 0 16px}
.hero-midnight .swipe-copy>a{font-size:12px;color:#e5bad4}
.hero-midnight .swipe-copy dl div{font-size:13px;color:#ddc6d8}.hero-midnight .swipe-copy dt{color:#b897ae}
.hero-midnight .swipe-actions button{border-radius:24px;min-width:120px;font-size:12px;min-height:42px}
.hero-midnight .swipe-actions .swipe-like{background:#e4b9ce;border-color:#e4b9ce;color:#503341;box-shadow:0 3px 14px #32162c25}
.hero-midnight .swipe-actions .swipe-like:hover{background:#f0cadc}
.hero-midnight .swipe-actions .swipe-pass{background:#382338e8;color:#f3deee;border-color:#b987af42}
.hero-midnight .swipe-actions .swipe-pass:hover{background:#4b304a}
.hero-midnight .swipe-under{max-width:440px;justify-content:center;gap:18px}
.hero-midnight .swipe-undo,.hero-midnight .swipe-help,.hero-midnight .discovery-status{color:#bfa3bc}
.hero-midnight .swipe-finish{background:#332330;color:#eed9e8;min-height:355px;border:1px solid #c59abc3d}
.hero-midnight .swipe-finish p:not(.eyebrow),.hero-midnight .swipe-finish>a,.hero-midnight .finish-symbol{color:#c9abc2}

@media(max-width:700px){
.hero-silk .swipe-card{grid-template-columns:1fr 1.1fr}.hero-silk .swipe-copy{padding:23px 22px 90px}.hero-silk .swipe-copy h2{font-size:21px}
}
@media(max-width:600px){
.concept-switcher{bottom:12px;max-width:calc(100% - 24px)}.concept-switcher a{padding-inline:13px;font-size:11px}
.hero-concept .discovery{margin-top:12px;border-radius:22px}
.hero-concept .discover-layout{padding:18px 14px 14px}
.hero-concept .home-hero-controls{padding:0;margin-bottom:12px}
.hero-concept .home-hero-top{padding:0 22px;margin-bottom:10px}
.hero-concept .home-hero-top h1{font-size:29px;letter-spacing:-1px}
.hero-concept .home-hero-top .discover-heading p{font-size:11px;line-height:1.5;margin-top:7px}
.hero-concept .home-hero-top{padding:0}
.hero-concept .home-hero-bar{gap:7px}
.hero-concept .home-tuning>summary{padding:10px 7px;font-size:11px;gap:4px;min-height:44px}
.hero-concept .home-tuning-panel{right:0;width:265px;max-width:calc(100vw - 56px)}
.hero-concept .home-hero-topics .topic-choices{gap:4px}.hero-concept .home-hero-topics .topic-choices span{padding:10px 7px;min-height:44px;font-size:11px}
.hero-concept .swipe-stage{padding:0;--swipe-image-height:clamp(108px,calc(100svh - 550px),145px)}
.hero-concept .swipe-card{display:block;border-radius:18px;min-height:0}
.hero-concept .swipe-visual{height:var(--swipe-image-height);min-height:0}
.hero-concept .swipe-copy{padding:22px 21px 23px}
.hero-concept .swipe-copy h2{font-size:21px;line-height:1.28}
.hero-concept .swipe-copy>p:not(.swipe-meta){font-size:13px;line-height:1.5;margin:12px 0 14px;-webkit-line-clamp:2}
.hero-concept .swipe-copy dl{margin:13px 0}.hero-concept .swipe-copy dl div{font-size:12px}
.hero-concept .swipe-actions{top:calc(var(--swipe-image-height) - 10px);bottom:auto;transform:translateY(-100%);left:10px;right:10px;gap:8px}
.hero-concept .swipe-actions button{min-width:122px;min-height:46px;font-size:12px;padding:10px 12px;gap:7px}
.hero-concept .swipe-actions .swipe-action-icon{width:19px;height:19px}
.hero-concept .swipe-under{margin-top:6px;justify-content:center;gap:0 14px;flex-wrap:nowrap}
.hero-concept .swipe-undo{font-size:11px;min-height:44px;white-space:nowrap;padding:8px 0}
.hero-concept .swipe-help{font-size:10px}
.hero-midnight .home-hero-top h1{font-size:28px;font-weight:450;letter-spacing:-1px}
.hero-concept .home-library{margin-top:26px}
}