@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Serif+KR:wght@300;400;600;700&display=swap";:root{--accent-color: #A68A64;--accent-hover: #8C7352;--bg-color: #fdfcf8;--bg-surface: #ffffff;--bg-section: #f4f3ef;--text-main: #1a1a1a;--text-muted: #555555;--text-light: #777777;--footer-bg: #1e1e1e;--footer-text: #cccccc;--line-color: #e5e5e5;--font-sans: "Noto Sans KR", sans-serif;--font-serif: "Noto Serif KR", serif;--font-size-base: 18px;--font-size-lg: 20px;--font-size-xl: 26px;--font-size-2xl: 36px;--font-size-3xl: 48px;--spacing-unit: 1rem;--container-width: 1200px;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--transition-fast: .2s ease}@media(max-width:768px){:root{--font-size-base: 16px;--font-size-3xl: 32px}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-main);background-color:var(--bg-color);line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1rem;line-height:1.2}h2{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:.8rem}h3{font-size:var(--font-size-xl);font-weight:500;margin-bottom:.6rem}p{margin-bottom:1rem}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.text-center{text-align:center}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.btn{display:inline-block;padding:14px 28px;background-color:var(--accent-color);color:#fff;border-radius:4px;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;font-size:1rem}.btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #a68a644d}.btn-outline{display:inline-block;padding:12px 0;color:#555;font-weight:500;transition:all .2s ease}.btn-outline:hover{color:var(--accent-color);transform:translate(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s var(--ease-out-expo) forwards;opacity:0}header{position:fixed;top:0;left:0;width:100%;padding:1.2rem 0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05);background-color:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}header.scrolled{padding:.8rem 0;background-color:#fffffff2;box-shadow:0 4px 20px #0000000d}.header-inner{display:flex;justify-content:space-between;align-items:center}.brand{font-family:var(--font-sans);font-size:1.8rem;font-weight:700;color:#000;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.brand:before{content:"";display:block;width:24px;height:24px;background-color:var(--accent-color);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 0%)}.brand strong{font-weight:700;color:var(--accent-color)}.nav-list{display:flex;gap:2rem;list-style:none}.nav-link{cursor:pointer;font-weight:500;color:#333;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.hero{height:80vh;min-height:600px;background-color:#333;background-image:linear-gradient(#0006,#0006),url(/data/images/main_background.png);background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.hero-content{position:relative;z-index:10;color:#fff}.hero-title{font-family:var(--font-serif);font-size:48px;font-weight:700;margin-bottom:24px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:24px;font-weight:400;margin-bottom:40px;opacity:.9;line-height:1.6}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;border-bottom:2px solid #333;padding-bottom:16px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:80px}.project-card{display:block;background:var(--bg-surface);border-radius:0;overflow:hidden;box-shadow:0 4px 20px #00000008;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.card-image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#eee}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:saturate(.95)}.project-card:hover .card-image{transform:scale(1.05);filter:saturate(1.1)}.card-content{padding:24px}.card-category{display:inline-block;font-size:14px;color:var(--accent-color);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.card-title{font-size:22px;color:#222;margin-bottom:8px;line-height:1.4;font-weight:700}.card-date{font-size:14px;color:#888}footer{background-color:var(--footer-bg);padding:80px 0 40px;color:var(--footer-text);border-top:none}.footer-grid{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:768px){.footer-grid{grid-template-columns:1fr 2fr}}.footer-logo h2{font-size:24px;font-weight:700;margin-bottom:16px;color:#fff}.footer-contact-list{list-style:none}.footer-contact-list li{margin-bottom:12px;display:flex;align-items:center;color:#bbb}.footer-label{font-weight:700;width:80px;color:var(--accent-color);font-size:14px}.copyright{margin-top:60px;padding-top:20px;border-top:1px solid #333;text-align:center;color:#666;font-size:14px}@media(max-width:768px){.header-inner{flex-wrap:wrap;gap:1rem;justify-content:center}.brand{font-size:1.4rem}.nav-list{gap:1.2rem}.nav-link{font-size:.95rem}.hero{min-height:500px}.hero-title{font-size:32px}.hero-subtitle{font-size:18px}.project-grid{gap:24px;grid-template-columns:1fr}footer{padding:60px 0 30px}.footer-grid{gap:30px}}