:root{--bg:#0d0d0d;--bg-2:#111;--bg-card:#161616;--text:#e4e4e4;--text-2:#888;--text-muted:#444;--accent:#c8a97e;--accent-dim:#c8a97e26;--border:#ffffff12;--sidebar-w:220px;--social-w:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:18px}body{background:var(--bg);color:var(--text);font-family:Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;font-size:1rem;font-weight:300;line-height:1.75;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-muted)}.portfolio-root{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg);border-right:1px solid var(--border);z-index:100;flex-direction:column;align-items:flex-start;height:100vh;padding:2.5rem 1.75rem;display:flex;position:fixed;top:0;left:0}.logo-mark{letter-spacing:.12em;color:var(--text);border:1px solid var(--border);justify-content:center;align-items:center;width:48px;height:40px;margin-bottom:3rem;font-family:Cormorant Garamond,serif;font-size:.8rem;font-weight:500;transition:border-color .3s;display:flex}.logo-mark:hover{border-color:var(--accent)}.sidebar-nav{flex-direction:column;flex:1;gap:.15rem;width:100%;display:flex}.nav-btn{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.65rem .5rem;font-family:Noto Sans KR,sans-serif;font-size:.8rem;font-weight:400;transition:color .3s;display:flex}.nav-btn:hover{color:var(--text-2)}.nav-btn.active{color:var(--accent)}.nav-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:4px;height:4px;transition:background .3s,transform .3s}.nav-btn.active .nav-dot{background:var(--accent);transform:scale(1.5)}.sidebar-footer{color:var(--text-muted);letter-spacing:.08em;font-size:.65rem;line-height:1.6}.main-content{margin-left:var(--sidebar-w);margin-right:var(--social-w);width:calc(100% - var(--sidebar-w) - var(--social-w))}.section{align-items:center;min-height:100vh;display:flex}.section-inner{width:100%;max-width:860px;margin:0 auto;padding:7rem 4rem}.section-header{align-items:baseline;gap:1rem;margin-bottom:3.5rem;display:flex}.section-num{color:var(--accent);letter-spacing:.12em;font-family:Cormorant Garamond,serif;font-size:.8rem;font-weight:400}.section-title{letter-spacing:.04em;color:var(--text);font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:400;line-height:1}.section-title:after{content:"";background:var(--accent);width:36px;height:1px;margin-top:.85rem;display:block}.hero{background:var(--bg);position:relative;overflow:hidden}.hero-inner{grid-template-columns:1fr 420px;align-items:stretch;gap:0;width:100%;min-height:100vh;display:grid}.hero-text{flex-direction:column;justify-content:center;padding:6rem 4rem;display:flex}.hero-photo-wrap{position:relative;overflow:hidden}.hero-photo-overlay{background:linear-gradient(to right,var(--bg)0%,transparent 18%),linear-gradient(to top,var(--bg)0%,transparent 20%);z-index:1;position:absolute;inset:0}.hero-eyebrow{color:var(--text-2);letter-spacing:.15em;white-space:nowrap;align-items:center;gap:1.5rem;margin-bottom:1.75rem;font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;font-weight:400;display:flex}.hero-line{background:var(--text-muted);width:80px;height:1px;display:inline-block}.hero-title{letter-spacing:-.01em;color:var(--text);margin-bottom:2.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(3rem,6.5vw,5.5rem);font-weight:300;line-height:1.1}.hero-title em{color:var(--text);letter-spacing:.02em;font-family:Cormorant Garamond,serif;font-size:1.05em;font-style:italic;font-weight:300;line-height:1.15;display:block}.hero-desc{color:var(--text-2);max-width:480px;margin-bottom:3rem;font-size:.85rem;line-height:1.85}.cta-btn{color:var(--text);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff40;align-items:center;gap:.75rem;padding:.9rem 2.75rem;font-family:Noto Sans KR,sans-serif;font-size:.7rem;font-weight:400;transition:border-color .3s,background .3s,color .3s;display:inline-flex}.cta-btn:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.about{background:var(--bg-2)}.about-grid{grid-template-columns:1fr .9fr;align-items:start;gap:4rem;display:grid}.about-text{flex-direction:column;gap:1.2rem;display:flex}.about-text p{color:var(--text-2);word-break:keep-all;overflow-wrap:break-word;font-size:.95rem;line-height:1.9}.about-text strong{color:var(--text);font-weight:500}.about-highlight{border:1px solid #c8a97e4d;border-left:3px solid var(--accent);background:#c8a97e0a;padding:1.5rem 1.75rem}.about-highlight-main{margin-bottom:1.1rem;line-height:1.75;color:var(--text)!important;font-size:.92rem!important}.about-highlight-main em{color:var(--accent);font-style:normal;font-weight:500}.about-highlight-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.about-highlight-list li{grid-template-columns:72px 1fr;align-items:baseline;gap:.75rem;font-size:.82rem;line-height:1.6;display:grid}.hl-cat{color:var(--accent);letter-spacing:.06em;white-space:nowrap;flex-shrink:0;font-size:.72rem;font-weight:500}.hl-stack{color:var(--text-2);word-break:keep-all;overflow-wrap:break-word}.about-info{border-left:1px solid var(--border);flex-direction:column;gap:1.75rem;padding-left:2.5rem;display:flex}.info-item{flex-direction:column;gap:.35rem;display:flex}.info-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:500}.info-val{color:var(--text);word-break:keep-all;overflow-wrap:break-word;font-size:.88rem}.info-sub{color:var(--text-muted);letter-spacing:.04em;margin-top:.1rem;font-size:.75rem;font-style:italic}.info-link{color:var(--text);font-size:.84rem;text-decoration:none;transition:color .2s}.info-link:hover{color:var(--accent)}.expo-gallery{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem;display:grid}.expo-photo-wrap{border:1px solid var(--border);height:240px;position:relative;overflow:hidden}.expo-photo-wrap img{transition:transform .5s}.expo-photo-wrap:hover img{transform:scale(1.04)}.expo-photo-label{z-index:2;background:linear-gradient(#0000 0%,#000000d9 100%);flex-direction:column;gap:.2rem;padding:1.5rem 1.25rem 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.expo-label-event{color:var(--accent);letter-spacing:.06em;font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:500}.expo-label-place{color:#ffffffb3;letter-spacing:.08em;font-size:.72rem}.skills{background:var(--bg)}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);padding:2rem;transition:border-color .3s}.skill-card:hover{border-color:#c8a97e40}.skill-cat{color:var(--accent);letter-spacing:.06em;margin-bottom:1.1rem;font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:500}.skill-tags{flex-wrap:wrap;gap:.45rem;display:flex}.skill-tag{border:1px solid var(--border);color:var(--text-2);letter-spacing:.04em;padding:.3rem .75rem;font-size:.7rem;transition:border-color .2s,color .2s}.skill-tag:hover{color:var(--text);border-color:#c8a97e66}.projects{background:var(--bg-2)}.projects-list{flex-direction:column;gap:2rem;display:flex}.project-card{background:var(--bg-card);border:1px solid var(--border);border-left:2px solid var(--accent);padding:2.5rem;transition:transform .3s,border-color .3s}.project-card:hover{border-top-color:#c8a97e4d;transform:translate(5px)}.project-header{flex-wrap:wrap;align-items:baseline;gap:1.25rem;margin-bottom:.5rem;display:flex}.project-name{letter-spacing:.04em;color:var(--text);font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:500}.project-badge{letter-spacing:.12em;color:var(--accent);text-transform:uppercase;border:1px solid #c8a97e4d;padding:.2rem .65rem;font-size:.65rem}.project-role{color:var(--text-muted);letter-spacing:.05em;margin-bottom:1rem;font-size:.75rem;font-style:italic}.project-desc{color:var(--text-2);word-break:keep-all;overflow-wrap:break-word;margin-bottom:1.5rem;font-size:.9rem;line-height:1.85}.project-stacks{flex-wrap:wrap;gap:.5rem;display:flex}.stack-tag{background:var(--accent-dim);color:var(--accent);letter-spacing:.04em;border:1px solid #c8a97e33;padding:.2rem .65rem;font-size:.68rem}.award-banner{background:#c8a97e0f;border:1px solid #c8a97e59;align-items:center;gap:1rem;margin:1.25rem 0;padding:1rem 1.25rem;text-decoration:none;transition:background .3s,border-color .3s;display:flex}.award-banner:hover{background:#c8a97e1f;border-color:#c8a97e99}.award-icon{flex-shrink:0;font-size:1.25rem}.award-text{flex-direction:column;flex:1;gap:.2rem;display:flex}.award-title{color:var(--text-2);letter-spacing:.04em;font-size:.75rem}.award-result{color:var(--accent);letter-spacing:.04em;font-size:.88rem;font-weight:500}.award-arrow{color:var(--accent);flex-shrink:0;font-size:.85rem}.project-images{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.project-img-wrap{border:1px solid var(--border);background:var(--bg-2);overflow:hidden}.project-img-wrap img{width:100%;height:auto;transition:opacity .3s;display:block}.project-img-wrap:hover img{opacity:.85}.project-link{letter-spacing:.15em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border);align-items:center;gap:.5rem;margin-top:1.25rem;padding:.5rem 1.25rem;font-size:.7rem;text-decoration:none;transition:border-color .3s,color .3s,background .3s;display:inline-flex}.project-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.contact{background:var(--bg)}.contact-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-inner .section-header{text-align:center;flex-direction:column;align-items:center}.contact-inner .section-title:after{margin:.85rem auto 0}.contact-sub{color:var(--text-2);max-width:460px;margin-bottom:3rem;font-size:.875rem;line-height:1.9}.contact-links{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.contact-link{border:1px solid var(--border);color:var(--text);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.75rem;padding:1rem 2.25rem;font-size:.72rem;text-decoration:none;transition:border-color .3s,background .3s,color .3s;display:flex}.contact-link:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.contact-icon{color:var(--accent);font-size:1rem;line-height:1}.download-section{text-align:left;width:100%;max-width:560px;margin-top:3rem}.download-title{letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem;font-family:Cormorant Garamond,serif;font-size:.7rem}.download-list{flex-direction:column;gap:.6rem;display:flex}.download-btn{background:var(--bg-card);border:1px solid var(--border);grid-template-columns:44px 1fr 32px;align-items:center;gap:0;padding:0;text-decoration:none;transition:border-color .3s,transform .2s;display:grid;overflow:hidden}.download-btn:hover{border-color:#c8a97e73;transform:translate(3px)}.download-btn:hover .dl-arrow{background:var(--accent);color:var(--bg)}.dl-icon{border-right:1px solid var(--border);height:100%;min-height:56px;color:var(--accent);background:#c8a97e12;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.dl-info{flex-direction:column;gap:.2rem;padding:.85rem 1rem;display:flex}.dl-name{color:var(--text);letter-spacing:.02em;font-size:.83rem;font-weight:400}.dl-sub{color:var(--text-muted);letter-spacing:.04em;font-family:Courier New,monospace;font-size:.63rem}.dl-arrow{border-left:1px solid var(--border);height:100%;min-height:56px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:background .25s,color .25s;display:flex}.social-bar{width:var(--social-w);z-index:100;border-left:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;height:100vh;display:flex;position:fixed;top:0;right:0}.social-label{letter-spacing:.28em;color:var(--text-muted);writing-mode:vertical-lr;text-orientation:mixed;text-transform:uppercase;font-size:.58rem;transform:rotate(180deg)}.social-links{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.social-icon{letter-spacing:.08em;color:var(--text-muted);font-size:.62rem;font-weight:500;text-decoration:none;transition:color .25s}.social-icon:hover{color:var(--accent)}@media (max-width:768px){.sidebar,.social-bar{display:none}.main-content{width:100%;margin-left:0;margin-right:0}.section-inner{padding:5rem 1.75rem}.hero-inner{grid-template-columns:1fr;min-height:100vh}.hero-text{order:2;padding:5rem 1.75rem 3rem}.hero-photo-wrap{order:1;height:55vw;min-height:220px}.hero-photo-overlay{background:linear-gradient(to bottom,transparent 60%,var(--bg)100%)}.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-info{border-left:none;border-top:1px solid var(--border);padding-top:2rem;padding-left:0}.skills-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(2.5rem,10vw,4rem)}.project-images,.expo-gallery{grid-template-columns:1fr}.expo-photo-wrap{height:200px}}