/* yongzoon.com - Crimson-teal identity */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{--deep-wine:#4A0E1B;--crimson:#7B2D3E;--rose:#C4727E;--parchment:#F5E8D4;--teal:#00E5CC;}
body{font-family:'Inter',sans-serif;font-weight:300;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.8;color:var(--parchment);background:var(--deep-wine);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);color:var(--parchment);opacity:0;animation:fadeUp .8s ease forwards .3s;}
@keyframes fadeUp{from{opacity:0;transform:translateY(15px);}to{opacity:1;transform:translateY(0);}}
.hero-accent{width:60px;height:2px;background:var(--teal);margin:1.5rem 0;opacity:0;animation:fadeUp .8s ease forwards .8s;}
.hero-sub{font-family:'IBM Plex Mono',monospace;font-weight:300;font-size:clamp(.85rem,1.4vw,1rem);letter-spacing:.12em;color:var(--rose);opacity:0;animation:fadeUp .8s ease forwards 1.2s;}
.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;}
.section.visible{opacity:1;transform:translateY(0);}
.section h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--parchment);margin-bottom:1rem;}
.section p{color:var(--rose);}
.split-block{display:flex;gap:clamp(30px,6vw,80px);justify-content:center;align-items:center;padding:clamp(30px,5vw,60px) 0;}
.split-char{display:block;font-family:'Playfair Display',serif;font-size:clamp(5rem,12vw,10rem);color:var(--parchment);line-height:1;}
.split-label{display:block;font-family:'IBM Plex Mono',monospace;font-weight:300;font-size:.8rem;letter-spacing:.15em;color:var(--teal);text-transform:uppercase;margin-top:.5rem;text-align:center;}
.section-quote blockquote{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.3rem,2.5vw,2rem);color:var(--teal);text-align:center;line-height:1.6;padding:clamp(20px,4vw,40px) 0;border-top:1px solid rgba(0,229,204,.15);border-bottom:1px solid rgba(0,229,204,.15);}
.site-footer{text-align:center;padding:clamp(40px,8vw,80px);}
.site-footer p{font-family:'IBM Plex Mono',monospace;font-weight:300;font-size:.8rem;letter-spacing:.15em;color:var(--crimson);}