:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#171a2b;background:#fff;--purple:#7851ed;--muted:#777987;--line:#eae9f0}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}header,main,footer{margin-inline:3.5%}.intro{flex:none;display:flex;justify-content:space-between;align-items:center;padding:22px 0 20px;border-bottom:1px solid var(--line);gap:16px}.eyebrow{margin:0 0 6px;font-size:10px;letter-spacing:2px;font-weight:650;color:var(--purple)}h1{font-size:24px;line-height:1.35;letter-spacing:-.7px;margin:0;font-weight:650}h1 span{color:var(--purple)}.lede{color:var(--muted);font-size:13px;line-height:1.6;margin:7px 0 0}.orb{font-size:64px;line-height:1;color:var(--purple);padding-right:6px}main{flex:1;min-height:0;overflow-y:auto;padding:20px 4px 24px;margin-inline:calc(3.5% - 4px)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#c8b7f5;box-shadow:0 6px 24px #7851ed0c}.cover{position:relative;aspect-ratio:1.6;background:#eeedf3;overflow:hidden}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover img{transform:scale(1.025)}.number,.badge{position:absolute;top:15px;font-size:10px;background:#ffffffdd;color:#302d41;padding:7px 10px;border-radius:20px}.number{left:15px;letter-spacing:1.2px}.badge{right:15px}.card-copy{padding:19px 20px}h2{font-size:18px;line-height:1.5;margin:0;font-weight:650}h2 span{font-weight:500}.card-copy p{color:var(--muted);font-size:13px;line-height:1.75;margin:9px 0 19px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.card-bottom>span{color:var(--muted)}.card-bottom strong{color:var(--purple);font-size:12px;font-weight:500;white-space:nowrap}.hint{font-size:12px;line-height:1.7;color:var(--muted);margin:20px 0 0}footer{flex:none;border-top:1px solid var(--line);padding:17px 0 20px;color:var(--muted);font-size:11px}.signature{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-bottom:17px}nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;font-size:12px}nav a:hover,nav [aria-current]{color:var(--purple)}
@media(min-width:1500px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.intro{padding:18px 0 16px}h1{font-size:20px;letter-spacing:-.4px}.orb{font-size:44px}.lede{font-size:12px}.cards{grid-template-columns:1fr;gap:16px}main{padding-top:16px}.card-copy{padding:15px 16px}h2{font-size:17px}.signature span:nth-child(2){display:none}.signature{margin-bottom:12px}footer{padding:12px 0 15px}nav{gap:10px 16px}}
@media(max-height:500px){.intro{padding:10px 0}.eyebrow{margin-bottom:3px}.lede{margin-top:3px}.orb{font-size:40px}footer{padding:10px 0}.signature{display:none}main{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.card,.cover img{transition:none}}