:root{--bg-cream: #F5F0E8;--bg-dark: #0D1117;--accent-warm: #E06B45;--accent-bordeaux: #5C1E1E;--accent-teal: #0D7377;--text-primary: #15130F;--text-white: #FFFFFF;--text-muted: #8B8680;--grid-line: rgba(0,0,0,.06);--font-body: "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif;--font-serif: "DM Serif Display", serif;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-cream);color:var(--text-primary);min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:80px 80px;z-index:0}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}header{padding:clamp(24px,4vw,48px);display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none}.status{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-teal);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vw,120px) clamp(24px,6vw,80px);max-width:1400px;margin:0 auto;width:100%}.intro{margin-bottom:clamp(48px,8vw,96px)}.eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-warm);margin-bottom:1rem}h1{font-family:var(--font-serif);font-size:clamp(2.5rem,7vw,5.5rem);line-height:1.05;letter-spacing:-.03em;font-weight:400;max-width:900px;margin-bottom:1.5rem}h1 em{font-style:italic;color:var(--accent-bordeaux)}.subtitle{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--text-muted);max-width:560px}.sites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2.5vw,32px)}.site-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;padding:clamp(24px,3vw,36px);border-radius:20px;text-decoration:none;color:var(--text-primary);background:#ffffff73;border:1px solid rgba(0,0,0,.06);overflow:hidden;transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}.site-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--card-accent) 0%,transparent 60%);opacity:.08;transition:opacity .6s var(--ease-out)}.site-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #00000014}.site-card:hover:before{opacity:.16}.site-card.accent-warm{--card-accent: #E06B45}.site-card.accent-bordeaux{--card-accent: #5C1E1E}.site-card.accent-teal{--card-accent: #0D7377}.site-card.accent-gold{--card-accent: #C9A227}.site-card>*{position:relative;z-index:1}.site-meta{display:flex;justify-content:space-between;align-items:flex-start}.site-number{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--text-muted)}.site-arrow{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--text-primary);color:var(--text-white);transition:transform .4s var(--ease-out),background .3s ease}.site-card:hover .site-arrow{transform:rotate(45deg);background:var(--card-accent)}.site-info{margin-top:auto;padding-top:80px}.site-tag{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:6px 10px;border-radius:100px;background:#0000000d;margin-bottom:12px}.site-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.site-desc{font-size:.9375rem;color:var(--text-muted);line-height:1.5}footer{padding:clamp(24px,4vw,48px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--grid-line)}footer p{font-size:.875rem;color:var(--text-muted)}footer a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s ease}footer a:hover{color:var(--accent-warm)}@media(max-width:640px){.sites-grid{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}}