*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

body{
    background:#fcfcfa;
    color:#1a1a1a;
    font-family:'Lora',serif;
    font-weight:400;
    font-size:1rem;
    line-height:1.8;
}

/* Side Nav - proximity triggered */
#side-nav{
    position:fixed;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:100;
    opacity:0;
    transition:opacity 0.4s ease;
    padding:1rem;
}
#side-nav ul{list-style:none}
#side-nav li{margin-bottom:0.5rem}
#side-nav a{
    font-family:'Space Grotesk',sans-serif;
    font-weight:300;
    font-size:0.75rem;
    color:#b0b0b0;
    text-decoration:none;
    letter-spacing:0.05em;
    transition:color 0.3s;
}
#side-nav a:hover{color:#d45d00}

/* Hero */
#hero{
    min-height:100vh;
    display:grid;
    place-items:center;
    background:#fcfcfa;
}
.hero-center{text-align:center}
.hero-character{
    font-family:'Cormorant Garamond',serif;
    font-weight:300;
    font-size:clamp(3rem,10vw,8rem);
    color:#1a1a1a;
    display:block;
}
.hero-translation{
    font-family:'Space Grotesk',sans-serif;
    font-weight:300;
    font-size:0.9rem;
    color:#b0b0b0;
    letter-spacing:0.2em;
    text-transform:lowercase;
}

/* Wiki Articles */
.wiki-article{
    max-width:560px;
    margin:6rem auto;
    padding:0 2rem;
    background:#f0ece4;
    padding:2.5rem;
    position:relative;
}

/* Multilingual Header */
.multilingual-header{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:1.5rem;
    flex-wrap:wrap;
}
.lang-term{
    font-family:'Noto Sans KR',sans-serif;
    font-weight:300;
    font-size:0.85rem;
    color:#b0b0b0;
}
.lang-divider{
    width:1px;
    height:14px;
    background:#e8e4dc;
    display:inline-block;
}

/* Article Title */
.article-title{
    font-family:'Cormorant Garamond',serif;
    font-weight:400;
    font-size:1.8rem;
    color:#1a1a1a;
    margin-bottom:1.5rem;
    border-bottom:1px solid #e8e4dc;
    padding-bottom:1rem;
}

/* Article Body */
.article-body p{
    margin-bottom:1.2rem;
    color:#1a1a1a;
}

/* Accent Initial */
.accent-initial{
    font-family:'Cormorant Garamond',serif;
    font-weight:400;
    font-size:2rem;
    float:left;
    line-height:1;
    margin-right:0.3rem;
    margin-top:0.15rem;
    color:#d45d00;
}

/* Footer */
#site-footer{
    text-align:center;
    padding:4rem 2rem;
    margin-top:6rem;
    border-top:1px solid #e8e4dc;
}
.footer-brand{
    font-family:'Cormorant Garamond',serif;
    font-weight:400;
    font-size:1.3rem;
    color:#1a1a1a;
}
.footer-tagline{
    font-family:'Space Grotesk',sans-serif;
    font-weight:300;
    font-size:0.8rem;
    color:#b0b0b0;
    margin-top:0.25rem;
}

@media(max-width:768px){
    .wiki-article{margin:4rem auto;padding:1.5rem}
    #side-nav{display:none}
}