*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080712;--text:#e8e4f0;--muted:#e8e4f073;--border:#e8e4f014}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:JetBrains Mono,monospace;font-weight:300;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.blobs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(120px);opacity:.12;border-radius:50%;position:absolute}.blob-red{background:#c0392b;width:600px;height:600px;top:-200px;left:-150px}.blob-gold{background:#c9a96e;width:500px;height:500px;top:30%;right:-100px}.blob-teal{background:#4fc3c3;width:400px;height:400px;bottom:-100px;left:35%}.constellation{pointer-events:none;z-index:0;position:fixed;inset:0}.star{animation:twinkle var(--dur,3s) ease-in-out infinite var(--delay,0s);background:#e8e4f099;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:var(--min-op,.2);transform:scale(1)}50%{opacity:var(--max-op,.8);transform:scale(1.4)}}.page{z-index:1;flex-direction:column;min-height:100vh;padding:0 clamp(1.5rem,5vw,4rem);display:flex;position:relative}.hero{padding:clamp(4rem,10vh,7rem) 0 clamp(3rem,6vh,5rem);animation:.9s cubic-bezier(.16,1,.3,1) both fadeDown}.site-title{letter-spacing:-.02em;font-family:Cormorant Garamond,serif;font-size:clamp(44px,8vw,80px);font-style:italic;font-weight:400;line-height:1}.site-title .prefix{color:var(--text)}.site-title .strikethrough{color:#ffffff38;-webkit-text-decoration:line-through #ffffff4d;text-decoration:line-through #ffffff4d;text-decoration-thickness:2px}.site-title .suffix{color:#fff}.site-subtitle{letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-top:1rem;font-size:.75rem}.grid{grid-template-columns:repeat(6,1fr);gap:1.25rem;display:grid}.grid .card{grid-column:span 2}.grid .card:last-child:nth-child(3n+1){grid-column:3/span 2}.grid .card:nth-last-child(2):nth-child(3n+1),.grid .card:last-child:nth-child(3n+2){grid-column:span 3}@media (max-width:1023px){.grid{grid-template-columns:repeat(2,1fr)}.grid .card{grid-column:span 1}.grid .card:nth-last-child(2):nth-child(3n+1),.grid .card:last-child:nth-child(3n+2){grid-column:span 1}.grid .card:last-child:nth-child(odd){grid-column:span 2}}@media (max-width:639px){.grid{grid-template-columns:1fr}.grid .card{grid-column:span 1}}.section-divider{align-items:center;gap:1.25rem;margin:3rem 0 2rem;display:flex}.section-divider-line{background:linear-gradient(90deg,#0000,#e8e4f01f,#0000);flex:1;height:1px}.section-divider-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.65rem}.card{color:inherit;border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:12px;padding:2rem;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:block;position:relative;overflow:hidden}.card:hover{border-color:rgba(var(--accent-rgb), .35);box-shadow:0 20px 60px rgba(var(--accent-rgb), .08);transform:translateY(-6px)}.card-glow{background:radial-gradient(ellipse at var(--glow-x,30%) var(--glow-y,40%), rgba(var(--accent-rgb), .14) 0%, transparent 70%);opacity:0;pointer-events:none;border-radius:12px;transition:opacity .35s;position:absolute;inset:0}.card:hover .card-glow{opacity:1}.card-icon{color:var(--accent);opacity:.85;margin-bottom:1.25rem;font-family:Noto Serif SC,serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;line-height:1;transition:opacity .35s;display:block}.card:hover .card-icon{opacity:1}.card-name{letter-spacing:.05em;margin-bottom:.35rem;font-family:Noto Serif SC,serif;font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:700;line-height:1.2}.card-tagline{color:var(--accent);letter-spacing:.01em;margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic}.card-desc{color:var(--muted);letter-spacing:.03em;font-size:.8rem;line-height:1.65}.card-footer{border-top:1px solid rgba(var(--accent-rgb), .15);justify-content:space-between;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;display:flex}.card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.card-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#ffffff0d;border-radius:3px;padding:.25rem .5rem;font-size:.65rem}.card-arrow{color:var(--accent);opacity:.6;flex-shrink:0;transition:transform .3s,opacity .3s}.card:hover .card-arrow{opacity:1;transform:translate(4px)}.card:focus-visible{outline:2px solid rgba(var(--accent-rgb), .7);outline-offset:3px}.card{animation:.7s cubic-bezier(.16,1,.3,1) both fadeUp}.card:first-child{animation-delay:.15s}.card:nth-child(2){animation-delay:.25s}.card:nth-child(3){animation-delay:.35s}.card:nth-child(4){animation-delay:.45s}.card:nth-child(5){animation-delay:.55s}.grid-disabled .card:first-child{animation-delay:.6s}.grid-disabled .card:nth-child(2){animation-delay:.68s}.grid-disabled .card:nth-child(3){animation-delay:.76s}.grid-disabled .card:nth-child(4){animation-delay:.84s}.grid-disabled .card:nth-child(5){animation-delay:.92s}.card-disabled{cursor:default;pointer-events:none}.card-disabled .card-icon,.card-disabled .card-name,.card-disabled .card-tagline,.card-disabled .card-desc,.card-disabled .card-footer{opacity:.35}.card-banner{z-index:2;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .2);border-radius:4px;margin-bottom:1rem;padding:.3rem .65rem;font-size:.65rem;display:inline-block;position:relative}.site-footer{text-align:center;padding:clamp(3rem,6vh,5rem) 0 clamp(2rem,4vh,3rem);animation:.7s cubic-bezier(.16,1,.3,1) .7s both fadeUp}.footer-text{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.footer-text a{color:#e8e4f099;text-decoration:none;transition:color .2s}.footer-text a:hover{color:var(--text)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
