:root{--text:#100b0a;--text-h:#100b0a;--bg:#ff854c;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{width:100%;min-height:100vh}body{-webkit-user-select:none;user-select:none;margin:0}*{scrollbar-width:thin;scrollbar-color:#100b0a73 transparent}:root[data-theme=dark]{scrollbar-color:#ff854c8c #100b0a}:root[data-theme=dark]::-webkit-scrollbar-track{background:#100b0a}:root[data-theme=dark]::-webkit-scrollbar-thumb{background-color:#ff854c8c}:root[data-theme=dark]::-webkit-scrollbar-thumb:hover{background-color:#ff854cbf}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-thumb{background-color:#100b0a73;background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#100b0aa6}p{font-style:italic}.top-nav{z-index:20;letter-spacing:.04em;visibility:hidden;gap:clamp(1.25rem,3.25vw,3.25rem);font-family:Pretendard Variable,sans-serif;font-size:1.3rem;font-weight:400;display:flex;position:fixed;top:1.75rem;right:3vw}.top-nav a{color:#100b0a;font-weight:400;text-decoration:none;transition:font-weight .18s}.top-nav a:hover,.top-nav a:focus-visible{font-weight:900}.top-nav a:focus-visible{outline-offset:4px;outline:2px solid #100b0a}@media (width<=600px){.top-nav{gap:1.1rem;font-size:1rem;top:1.1rem;right:5vw}}.top-nav{justify-content:space-between;align-items:center;width:94vw;left:3vw;right:3vw}.nav-controls,.nav-links{align-items:center;gap:clamp(1rem,2.5vw,2rem);display:flex}.nav-controls button{color:#100b0a;cursor:pointer;background:0 0;border:0;padding:0;font:500 1em/1 Pretendard Variable,sans-serif;transition:font-weight .18s}.nav-controls button:hover,.nav-controls button:focus-visible{font-weight:800}.dark-mode .nav-controls button,.dark-mode .top-nav a{color:#ff854c}@media (width<=600px){.top-nav{width:90vw;font-size:1rem;left:5vw;right:5vw}.nav-controls,.nav-links{gap:.8rem}}@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations")}.landing{z-index:1;box-sizing:border-box;color:#100b0a;background:0 0;min-height:100vh;padding-top:20vh;animation:.8s cubic-bezier(.33,1,.68,1) both page-fade-in;position:relative;overflow:hidden}.dark-mode{color:#ff854c;background:#100b0a;min-height:100vh}.dark-mode .landing,.dark-mode .intro{color:#ff854c}.dark-mode .title-frame{border-color:#ff854c}.dark-mode .scroll-cue{color:#ff854c}.tagline{animation:1.2s cubic-bezier(.33,1,.68,1) .2s both tagline-drop}.hex{font-family:Pretendard Variable;font-size:clamp(1.5rem,2vw,3rem);font-weight:150;line-height:1;position:absolute;top:5.3vh;right:3vw}.title-frame{border-top:1px solid #100b0a;border-bottom:1px solid #100b0a}.landing h1{letter-spacing:-.055em;margin:-.15em 0 -.145em;padding-left:5vw;font-family:Pretendard Variable;font-size:clamp(5rem,15vw,15rem);font-weight:900;line-height:1;animation:.85s cubic-bezier(.2,.75,.25,1) .1s both title-weight}.landing h1.title-korean{margin:-.05em 0}.tagline{font-synthesis:style;margin:5vh 0 0 6.5vw;font-family:Pretendard Variable;font-size:clamp(1.5rem,3vw,3rem);font-style:italic;font-weight:150}.scroll-cue{z-index:10;letter-spacing:.14em;align-items:center;gap:.75rem;font-family:Pretendard Variable,sans-serif;font-size:.75rem;font-weight:500;display:flex;position:fixed;bottom:3vh;right:3vw}.scroll-arrow{flex-direction:column;font-size:1.15rem;line-height:.65;animation:1.2s ease-in-out infinite arrow-bob;display:flex}.intro-scroll{background:0 0;min-height:150vh;position:relative}.intro{z-index:1;box-sizing:border-box;color:#100b0a;background:0 0;flex-direction:column;place-content:start flex-start;height:100vh;padding:28vh 6.5vw 4vh;font-family:Pretendard Variable,sans-serif;font-size:clamp(1.5rem,4vw,4rem);font-weight:300;line-height:1.25;display:flex;position:sticky;top:0}.intro p{margin:0 0 .35em}.intro b{font-weight:800}@keyframes page-fade-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes tagline-drop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes title-weight{0%{font-weight:100}to{font-weight:900}}@media (reduced-motion:true){.landing,.title-frame,.landing h1,.tagline{animation:none}}@keyframes arrow-bob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@media (width<=600px){.landing{padding-top:24vh}.color-value{top:7vh;right:6vw}.landing h1{padding-left:4vw;font-size:17vw}.tagline{margin:2.5vh 4vw 0;font-size:6vw}.scroll-cue{bottom:3vh;right:5vw}}