:root{--bg: #0c0c0b;--fg: #f3efe6;--muted: #8a8478;--line: rgba(243, 239, 230, .12);--accent: #d8c4a0}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--fg);font-family:IBM Plex Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{min-height:100%;display:grid;place-items:center;padding:2rem;position:relative;overflow:hidden;animation:rise .48s ease both}.page:before{content:"";position:absolute;inset:1.25rem;border:1px solid var(--line);pointer-events:none}.page[data-group=a]{--bg: #16110d;--fg: #f6eee4;--muted: #9a7f68;--line: rgba(246, 238, 228, .12);--accent: #e8a87c}.page[data-group=b]{--bg: #0c1116;--fg: #eaf0f6;--muted: #6d8494;--line: rgba(234, 240, 246, .12);--accent: #7eb8d4}.page[data-group=a],.page[data-group=b]{background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),var(--bg)}.meta{position:absolute;top:2.5rem;left:2.5rem;right:2.5rem;display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.home{display:flex;flex-direction:column;align-items:center;gap:3.5rem}.wordmark{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}.groups{display:flex;gap:1.5rem}.groups a{color:inherit;text-decoration:none;width:min(38vw,14rem);aspect-ratio:3 / 4;display:grid;place-items:center;border:1px solid var(--line);transition:border-color .2s ease,transform .2s ease}.groups a:hover{border-color:var(--accent);transform:translateY(-2px)}.groups a[data-group=a]{--accent: #e8a87c;--line: rgba(232, 168, 124, .28)}.groups a[data-group=b]{--accent: #7eb8d4;--line: rgba(126, 184, 212, .28)}.groups span{font-family:Fraunces,Georgia,serif;font-size:clamp(4rem,12vw,7rem);font-weight:300;font-optical-sizing:auto;line-height:1}.stage{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.group{font-family:Fraunces,Georgia,serif;font-size:clamp(8rem,32vw,22rem);font-weight:300;font-optical-sizing:auto;line-height:.8;letter-spacing:-.04em}.tag{font-size:clamp(.85rem,1.6vw,1.05rem);letter-spacing:.18em;color:var(--accent)}.hint{position:absolute;bottom:2.5rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hint a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:640px){.page:before,.meta,.hint{inset:auto;position:static}.page{gap:2.5rem;padding:2.25rem 1.5rem}.meta,.groups,.groups a{width:100%}}