/* yongjoon.xyz - Cool slate coordinate space */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{--deep-slate:#1A2332;--mid-slate:#2B3544;--blue-gray:#5C6B7F;--silver:#D5DBE3;--mauve:#9B7A8A;}
body{font-family:'Inter',sans-serif;font-weight:300;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.8;color:var(--silver);background:var(--deep-slate);overflow-x:hidden;}
.hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;}
.hero-name{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(4rem,10vw,8rem);letter-spacing:0.02em;color:var(--silver);opacity:0;animation:fadeUp .8s ease forwards .3s;}
@keyframes fadeUp{from{opacity:0;transform:translateY(15px);}to{opacity:1;transform:translateY(0);}}
.hero-line{width:clamp(40px,8vw,60px);height:1px;background:var(--mauve);margin:1.5rem 0;opacity:0;animation:fadeUp .8s ease forwards .8s;}
.hero-coord{font-family:'IBM Plex Mono',monospace;font-weight:300;font-size:clamp(1rem,2vw,1.4rem);letter-spacing:.2em;color:var(--blue-gray);opacity:0;animation:fadeUp .8s ease forwards 1.2s;}
.content-section{max-width:700px;margin:0 auto clamp(60px,8vw,100px);padding:0 clamp(20px,5vw,40px);opacity:0;transform:translateY(20px);transition:opacity 600ms ease,transform 600ms ease;}
.content-section.visible{opacity:1;transform:translateY(0);}
.content-section h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--silver);margin-bottom:1rem;}
.content-section p{color:var(--blue-gray);margin-bottom:.75rem;}
.content-quote blockquote{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.3rem,2.5vw,2rem);color:var(--mauve);text-align:center;line-height:1.6;padding:clamp(20px,4vw,40px) 0;border-top:1px solid rgba(155,122,138,.15);border-bottom:1px solid rgba(155,122,138,.15);}
.dim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,24px);margin-top:1.5rem;}
.dim-card{padding:clamp(20px,3vw,32px);border:1px solid rgba(92,107,127,.15);background:rgba(43,53,68,.3);}
.dim-axis{display:block;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:clamp(2rem,4vw,3rem);color:var(--mauve);margin-bottom:.5rem;}
.dim-label{display:block;font-family:'Playfair Display',serif;font-weight:700;font-size:1.1rem;color:var(--silver);margin-bottom:.5rem;}
.dim-card p{font-size:clamp(.85rem,1.2vw,.95rem);color:var(--blue-gray);}
.site-footer{text-align:center;padding:clamp(40px,8vw,80px);}
.footer-mark{font-family:'IBM Plex Mono',monospace;font-weight:300;font-size:.8rem;letter-spacing:.15em;color:var(--blue-gray);opacity:.5;}
@media(max-width:600px){.dim-grid{grid-template-columns:1fr;}}