/* Genesis HTML Concept Archive — WEB6 Living Design */
.ch-hero{background:radial-gradient(ellipse at 72% 20%,rgba(0,221,255,.14),transparent 39%),radial-gradient(ellipse at 15% 80%,rgba(213,69,248,.15),transparent 48%),#020915;padding:84px 0 58px;overflow:hidden}
.ch-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:52px}
.ch-hero h1{font-size:clamp(2.45rem,5.3vw,5rem);line-height:1.04;letter-spacing:-.045em;margin:15px 0 23px;background:linear-gradient(105deg,#f6fdff,#71f6ff 50%,#d998ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.ch-intro{color:#c5d9ed;line-height:1.8;font-size:1.02rem;max-width:650px}
.ch-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:25px 0}.ch-light-button{border:1px solid #518ca8;color:#afe8f4;border-radius:12px;padding:12px 18px;font-weight:700}
.ch-mosaic{min-height:320px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:145px 145px;gap:13px;transform:rotate(3deg)}
.ch-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:16px;border:1px solid #286785;box-shadow:0 10px 35px rgba(0,3,16,.8)}.ch-mosaic img:first-child{grid-row:1/3}.ch-mosaic img:nth-child(2){transform:translateY(-11px)}
.ch-stats{margin:-20px auto 0;position:relative;background:rgba(6,23,46,.95);border:1px solid #2b506d;border-radius:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:10px;padding:18px 20px;font-size:.78rem;color:#aec7e1}.ch-stats b{font-size:1.15rem;color:#72e8f5;margin-right:5px}
.ch-section{padding-top:69px;padding-bottom:90px}.ch-heading{margin:0 0 30px;max-width:860px}.ch-heading h2{font-size:clamp(1.7rem,3.3vw,2.85rem);margin:12px 0}.ch-heading p{color:#bdd1e3;line-height:1.7}
.ch-controls{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.ch-filter{border:1px solid #345677;background:#0b203b;color:#d1e9fa;padding:12px 17px;cursor:pointer;border-radius:999px;font-weight:650}.ch-filter:hover,.ch-filter[aria-pressed="true"]{color:#05202c;background:#60e7ef;border-color:#60e7ef}
.ch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ch-card{background:linear-gradient(146deg,rgba(11,29,52,.94),rgba(4,13,30,.96));border:1px solid rgba(104,168,223,.24);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 14px 50px rgba(0,2,13,.23)}.ch-card:hover{border-color:#70b5cb;transform:translateY(-2px)}.ch-card[hidden]{display:none}
.ch-visual{height:230px;position:relative;overflow:hidden;background:#020f22}.ch-visual:after{content:'';position:absolute;inset:auto 0 0;height:44px;background:linear-gradient(transparent,rgba(0,9,20,.8))}.ch-visual img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.ch-image-label{position:absolute;top:13px;left:13px;z-index:1;background:rgba(1,15,30,.84);border:1px solid #2f7a91;padding:6px 9px;border-radius:8px;font-size:.61rem;letter-spacing:.09em;color:#87f5ff;font-weight:800}
.ch-card-info{padding:22px;flex:1;display:flex;flex-direction:column}.ch-datemark{display:flex;justify-content:space-between;gap:8px;color:#8de7f4;font-weight:800;font-size:.69rem;letter-spacing:.07em}.ch-index{color:#6f88a8}.ch-card h3{margin:10px 0 12px;font-size:1.28rem;color:#f4faff;line-height:1.35}.ch-card-info>p{color:#b8cce1;font-size:.83rem;line-height:1.7;flex:1}.ch-proof{color:#9dc7de;border-top:1px solid #23415e;margin-top:14px;padding-top:12px;font-size:.75rem}.ch-proof summary{color:#8deafa;font-weight:700;cursor:pointer}.ch-proof p{line-height:1.6}.ch-proof code{display:block;word-break:break-all;color:#8aa5bd;font-size:.67rem}
.ch-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.ch-open{cursor:pointer;background:#54dce7;color:#02172c;border:0;padding:10px 12px;border-radius:10px;font-size:.72rem;font-weight:800}.ch-card-actions a{color:#9bdcff;font-size:.75rem;text-decoration:none}
.ch-provenance{border:1px solid #245b74;background:radial-gradient(circle at 100% 0,rgba(122,59,188,.14),transparent 40%),#061b32;border-radius:18px;margin-top:42px;padding:28px}.ch-provenance h2{font-size:1.3rem;margin:0 0 14px}.ch-provenance p{font-size:.87rem;color:#b5cce1;line-height:1.7}.ch-provenance a{color:#74deeb}
.ch-modal{width:min(96vw,1250px);height:min(94vh,940px);border-radius:16px;border:1px solid #4893a8;background:#041329;color:#e4f6ff;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.8);overflow:hidden}.ch-modal::backdrop{background:rgba(0,4,14,.86);backdrop-filter:blur(5px)}.ch-modal-top{padding:13px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #24506d}.ch-modal-top button{padding:10px 14px;background:#163650;color:#fff;border:1px solid #4f849f;border-radius:9px;cursor:pointer}.ch-modal>p{padding:5px 20px;color:#b4d7e6;font-size:.75rem;margin:7px 0}.ch-modal iframe{height:calc(100% - 110px);width:100%;border:0;background:#020b18}
@media(max-width:1050px){.ch-hero-grid{gap:24px}.ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ch-hero{padding:45px 0 30px}.ch-hero-grid{grid-template-columns:1fr;gap:25px}.ch-mosaic{min-height:210px;grid-template-rows:110px 110px}.ch-grid{grid-template-columns:1fr}.ch-section{padding-top:46px}.ch-stats{margin-top:0}.ch-card{border-radius:14px}.ch-visual{height:215px}.ch-modal{height:97vh;width:99vw}.ch-modal iframe{height:calc(100% - 122px)}}
@media(prefers-reduced-motion:reduce){.ch-card,.ch-mosaic *{transition:none!important;transform:none!important}}

.ch-pathways{margin:20px 0 38px;border:1px solid rgba(88,200,221,.28);border-radius:20px;padding:24px;background:radial-gradient(circle at 96% 9%,rgba(209,75,216,.12),transparent 49%),#06152b}.ch-path-head h2{margin:0 0 12px;font-size:1.5rem;color:#f2fbff}.ch-path-head p{color:#a5bfda;font-size:.83rem;line-height:1.65;margin:0 0 20px}.ch-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ch-path{border:1px solid #245071;background:rgba(3,14,32,.78);border-radius:14px;padding:17px;min-width:0}.ch-path h3{color:#83e7f6;font-size:.94rem;margin:0 0 13px}.ch-stages{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ch-stages a{font-size:.72rem;color:#d7e9f7;border-radius:8px;background:#112946;padding:7px 10px;text-decoration:none}.ch-stages a:hover{background:#205a72;color:#fff}.ch-arrow{color:#86edf8}.ch-path:nth-child(2) h3{color:#c4a4ff}.ch-path:nth-child(3) h3{color:#ffcc94}@media(max-width:1050px){.ch-path-grid{grid-template-columns:1fr}}

/* v4.3.4: native links: the archive opens without JavaScript or a modal. */
.ch-visual-link{display:block;width:100%;height:100%;position:relative;z-index:1}
.ch-visual-link img{width:100%;height:100%}
.ch-visual:after,.ch-image-label{pointer-events:none}
.ch-card-actions a.ch-open{color:#02172c;background:#54dce7;text-decoration:none;font-weight:800;font-size:.72rem;display:inline-flex;align-items:center;line-height:1.35}
.ch-card-actions a.ch-open:hover,.ch-card-actions a.ch-open:focus-visible{background:#83f1f6;color:#02172c;text-decoration:underline}
.ch-visual-link:focus-visible,.ch-card-actions a.ch-open:focus-visible{outline:3px solid #ffdc71;outline-offset:2px}