:root{--color-beige: #f5f1eb;--color-sand: #e8ddd4;--color-warm-gray: #d4ccc4;--color-warm-brown: #c8a88e;--color-brown: #cfac73;--color-light-beige: #faf8f5;--color-white: #ffffff;--color-gray: #888888;--color-gray-dark: #555555;--color-dark: #333333;--font-sans: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--spacing-xxl: 8rem;--spacing-xxxl: 10rem;--transition: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.8;color:var(--color-dark);background:var(--color-light-beige);-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.container{max-width:1440px;margin:0 auto;padding:0 4rem}.container-wide{max-width:1600px;margin:0 auto;padding:0 4rem;width:100%}@media (max-width: 1024px){.container,.container-wide{padding:0 2rem}}@media (max-width: 768px){.container,.container-wide{padding:0 1.5rem}}.header{position:fixed;top:0;left:0;right:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10000;padding:0;border-bottom:none;transition:background .6s cubic-bezier(.4,0,.2,1),backdrop-filter .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);height:80px;overflow:visible;display:flex;align-items:center}.header.scrolled{background:#faf8f5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:none;box-shadow:0 2px 20px #0000000d}.header.scrolled .logo,.header.scrolled .logo a,.header.scrolled .nav-link{color:var(--color-dark)}.header.scrolled .nav-link:hover,.header.scrolled .nav-link.active{color:var(--color-brown)}.header.scrolled .cta-btn{background:var(--color-brown);color:var(--color-white)}.header .container{height:100%;width:100%;display:flex;align-items:center}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.1em;transition:all var(--transition);display:flex;align-items:center;justify-content:center;height:100%;overflow:visible}.logo a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all var(--transition);height:100%;overflow:visible;border-radius:4px;padding:.5rem}.logo a:focus{outline:2px solid var(--color-brown);outline-offset:2px}.logo a:focus:not(:focus-visible){outline:none}.logo a:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px;background-color:#ffffff1a}.header.scrolled .logo a:focus-visible{outline:2px solid var(--color-brown);background-color:#cfac731a}.logo-container{position:relative;display:inline-block;height:5.5rem;transition:height .4s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.4,0,.2,1)}.logo-container:hover{transform:scale(1.05)}.logo-container:active{transform:scale(.98)}.logo-image{height:5.5rem;width:auto;display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:opacity .6s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:opacity,height}.logo-white{position:absolute;top:0;left:0;opacity:1;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.logo-black{position:absolute;top:0;left:0;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}@media (min-width: 481px) and (max-width: 768px){.nav,.nav-list{gap:2rem}.logo-container,.logo-image{height:4.5rem}.logo-container:hover{transform:scale(1.03)}}@media (min-width: 769px) and (max-width: 1024px){.nav,.nav-list{gap:2.5rem}}@media (max-width: 480px){.header{height:64px}.logo-container,.logo-image{height:3.5rem}.logo-container:hover{transform:scale(1.02)}.mobile-menu{top:64px;max-height:calc(100vh - 64px)}.mobile-menu-overlay{top:64px}}@media (max-width: 768px){.logo-container,.logo-image{height:3.5rem}}.nav{display:flex;align-items:center;gap:3rem;height:100%;transition:gap .3s cubic-bezier(.4,0,.2,1)}.nav-list{display:flex;list-style:none;gap:3rem;align-items:center;height:100%;margin:0;padding:0;transition:gap .3s cubic-bezier(.4,0,.2,1)}.nav-list li{display:flex;align-items:center;height:100%}@media (hover: none) and (pointer: coarse){.nav-link{min-height:44px;padding:.75rem 1rem}}.nav-link{color:#ffffffe6;text-decoration:none;font-size:.95rem;letter-spacing:.02em;transition:color .3s cubic-bezier(.4,0,.2,1);position:relative;font-weight:400;display:flex;align-items:center;height:100%;border-radius:4px;padding:.5rem .75rem}.nav-link:focus{outline:2px solid var(--color-brown);outline-offset:2px}.nav-link:focus:not(:focus-visible){outline:none}.nav-link:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px;background-color:#ffffff1a}.header.scrolled .nav-link:focus-visible{outline:2px solid var(--color-brown);background-color:#cfac731a}.nav-link:hover{color:#fff}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-brown);transition:width .4s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.nav-link.active{color:#fff;font-weight:500}.nav-link:hover:after,.nav-link.active:after{width:100%;background:#fffc;transition:width .4s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1)}.header.scrolled .nav-link:hover:after,.header.scrolled .nav-link.active:after{background:var(--color-brown)}.nav-link.active:before{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#fff3;border-radius:2px}.header.scrolled .nav-link.active:before{background:#cfac7333}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;align-items:center;justify-content:center;height:100%;width:44px;min-width:44px;z-index:10001;position:relative;border-radius:8px;transition:background-color .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle:hover,.header.scrolled .mobile-menu-toggle:hover{background-color:#0000000d}.mobile-menu-toggle:focus{outline:2px solid var(--color-brown);outline-offset:2px}.mobile-menu-toggle:focus:not(:focus-visible){outline:none}.mobile-menu-toggle:focus-visible{outline:2px solid var(--color-brown);outline-offset:2px;background-color:#cfac731a}.mobile-menu-toggle span{width:24px;height:2.5px;background:#ffffffe6;transition:all .4s cubic-bezier(.23,1,.32,1),background-color .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);border-radius:2px;display:block;position:relative}.header.scrolled .mobile-menu-toggle span{background:var(--color-dark);transition:all .4s cubic-bezier(.23,1,.32,1),background-color .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-toggle.active span{background:var(--color-dark);transition:all .4s cubic-bezier(.23,1,.32,1)}.header.scrolled .mobile-menu-toggle.active span{background:var(--color-dark)}.header.scrolled .mobile-menu-toggle{opacity:1}.mobile-menu-toggle.active{background-color:transparent}.mobile-menu-toggle.active span{background:var(--color-dark)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .2s ease,width .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:scale(0);transition:opacity .2s ease,transform .3s cubic-bezier(.23,1,.32,1)}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px);transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .2s ease,width .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-toggle:hover span{background:#fff}.header.scrolled .mobile-menu-toggle:hover span,.mobile-menu-toggle.active:hover span,.header.scrolled .mobile-menu-toggle.active:hover span{background:var(--color-brown)}.mobile-menu-toggle.active:hover span:nth-child(1),.mobile-menu-toggle.active:hover span:nth-child(3){width:22px}.mobile-menu-overlay{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;opacity:0;transition:opacity .5s cubic-bezier(.23,1,.32,1),background .4s ease,top .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.mobile-menu.dark-theme~.mobile-menu-overlay,.mobile-menu-overlay.dark-theme{background:#0009}.mobile-menu.light-theme~.mobile-menu-overlay,.mobile-menu-overlay.light-theme{background:#0006}.mobile-menu-overlay.active{display:block;opacity:1;pointer-events:auto}.mobile-menu{position:fixed;top:80px;left:0;right:0;width:100%;max-height:calc(100vh - 80px);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);z-index:1001;transform:translateY(-100%);transition:transform .5s cubic-bezier(.23,1,.32,1),opacity .5s cubic-bezier(.23,1,.32,1),background .4s ease,top .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 40px #00000040;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;opacity:0;pointer-events:none;visibility:hidden}.mobile-menu.dark-theme{border-top:1px solid rgba(207,172,115,.15)}.mobile-menu.light-theme{background:#faf8f5f2;border-top:1px solid rgba(207,172,115,.1);box-shadow:0 8px 32px #0000001a}.mobile-menu.active{transform:translateY(0);opacity:1;pointer-events:auto;visibility:visible}.mobile-menu-content{flex:1;padding:16px 0;display:flex;flex-direction:column;background:transparent;position:relative}.mobile-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mobile-nav-list li{margin:0;padding:0}.mobile-nav-link{display:flex;align-items:center;padding:20px 24px;text-decoration:none;font-size:1rem;font-weight:400;letter-spacing:.02em;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);position:relative;min-height:56px;line-height:1.6;margin:0 16px;border-radius:8px;opacity:0;transform:translateY(-10px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-menu.active .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-menu.active .mobile-nav-link:nth-child(1){transition-delay:.05s}.mobile-menu.active .mobile-nav-link:nth-child(2){transition-delay:.1s}.mobile-menu.active .mobile-nav-link:nth-child(3){transition-delay:.15s}.mobile-menu.active .mobile-nav-link:nth-child(4){transition-delay:.2s}.mobile-menu.active .mobile-nav-link:nth-child(5){transition-delay:.25s}.mobile-menu.active .mobile-nav-link:nth-child(6){transition-delay:.3s}.mobile-nav-link:focus{outline:2px solid var(--color-brown);outline-offset:2px}.mobile-nav-link:focus:not(:focus-visible){outline:none}.mobile-nav-link:focus-visible{outline:2px solid var(--color-brown);outline-offset:2px;background-color:#cfac7326}.mobile-menu.dark-theme .mobile-nav-link:focus-visible{outline:2px solid rgba(207,172,115,.8);background-color:#ffffff26}.mobile-menu.light-theme .mobile-nav-link:focus-visible{outline:2px solid var(--color-brown);background-color:#cfac7326}.mobile-menu.dark-theme .mobile-nav-link{color:#ffffffe6}.mobile-menu.light-theme .mobile-nav-link{color:var(--color-dark)}.mobile-menu.dark-theme .mobile-nav-link:hover{background-color:#ffffff14;color:#fff}.mobile-menu.light-theme .mobile-nav-link:hover{background-color:#cfac7314;color:var(--color-brown)}.mobile-menu.dark-theme .mobile-nav-link:active{background-color:#ffffff1f}.mobile-menu.light-theme .mobile-nav-link:active{background-color:#cfac731f}.mobile-nav-link.active{color:var(--color-brown);font-weight:600;padding-left:28px}.mobile-menu.dark-theme .mobile-nav-link.active{background-color:#cfac731f;color:var(--color-brown)}.mobile-menu.light-theme .mobile-nav-link.active{background-color:#cfac731a;color:var(--color-brown)}.mobile-nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:linear-gradient(180deg,var(--color-brown) 0%,rgba(207,172,115,.8) 100%);border-radius:0 2px 2px 0;transition:height .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #cfac734d}.mobile-nav-link.active:hover:before{height:32px;box-shadow:0 0 16px #cfac7366}.mobile-nav-link.active:hover{background-color:#cfac7326}.mobile-menu.dark-theme .mobile-nav-link.active:hover{background-color:#cfac732e}.mobile-menu.light-theme .mobile-nav-link.active:hover{background-color:#cfac7326}@media (max-width: 768px){.nav-list,.cta-btn{display:none}.mobile-menu-toggle{display:flex!important;opacity:1!important;visibility:visible!important}.mobile-menu-toggle span{background:#ffffffe6!important}.header.scrolled .mobile-menu-toggle span{background:var(--color-dark)!important}.nav-list.mobile-active{display:none}.mobile-menu{top:80px;max-height:calc(100vh - 80px)}.mobile-menu-overlay{top:80px}}@media (max-width: 480px){.mobile-menu{top:64px;max-height:calc(100vh - 64px)}.mobile-menu-overlay{top:64px}.mobile-nav-link{padding:20px;min-height:60px;font-size:1rem}.mobile-nav-link.active{padding-left:24px}.mobile-nav-link.active:before{height:28px}.mobile-nav-link.active:hover:before{height:32px}}@media (max-width: 360px){.mobile-nav-link{padding:16px 18px;min-height:52px;font-size:.95rem}}.footer{background:var(--color-dark);color:var(--color-white);padding:5rem 0 2rem;margin-top:2rem}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.2)}.footer-logo{margin-bottom:1.5rem}.footer-logo a{display:inline-block;text-decoration:none;transition:opacity var(--transition)}.footer-logo a:hover{opacity:.8}.footer-logo a:focus{outline:2px solid var(--color-white);outline-offset:4px;border-radius:4px}.footer-logo-image{height:auto;max-width:150px;width:auto;display:block}.footer-address,.footer-contact{font-size:.95rem;color:#ffffffb3;line-height:1.9;margin-bottom:.75rem;font-weight:300}.footer-social{display:flex;gap:1.5rem}.social-link{color:var(--color-white);text-decoration:none;font-size:1rem;font-weight:500;transition:opacity var(--transition)}.social-link:hover{opacity:.7}.footer-copyright{text-align:center;font-size:.875rem;color:#ffffff80;font-weight:300}@media (max-width: 768px){.footer-content{flex-direction:column;gap:2.5rem}.footer-logo-image{max-width:120px}}.cta-btn{background:#8b7355e6;color:var(--color-white);border:none;padding:.65rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:20px;cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.cta-btn:hover{background:var(--color-brown);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.btn{padding:.875rem 2rem;font-size:.95rem;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:all var(--transition);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;border-radius:30px;font-family:var(--font-sans)}.btn-primary{background:var(--color-beige);color:var(--color-dark)}.btn-primary:hover{background:var(--color-brown);color:var(--color-white);transform:translateY(-2px);box-shadow:0 6px 20px #8b73554d}.btn-primary-large{padding:1.25rem 3rem;font-size:.95rem}.btn-secondary{background:var(--color-dark);color:var(--color-white);border:2px solid var(--color-dark)}.btn-secondary:hover{background:transparent;color:var(--color-dark);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-brown);border:2px solid var(--color-brown)}.btn-outline:hover{background:var(--color-brown);color:var(--color-white);transform:translateY(-2px)}.cta-section .btn-primary-large{background:var(--color-brown);color:var(--color-white);padding:1.125rem 3.5rem;font-size:.95rem;font-weight:500;border-radius:50px;box-shadow:0 4px 20px #8b735533;transition:all var(--transition)}.cta-section .btn-primary-large:hover{background:var(--color-warm-brown);color:var(--color-white);transform:translateY(-3px);box-shadow:0 8px 30px #8b73554d}.scroll-to-top{position:fixed;bottom:3rem;right:3rem;width:50px;height:50px;background:var(--color-brown);color:var(--color-white);border:none;border-radius:50%;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition);box-shadow:0 4px 15px #8b73554d}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:var(--color-warm-brown);transform:translateY(-5px);box-shadow:0 6px 20px #8b735566}@media (max-width: 768px){.scroll-to-top{bottom:2rem;right:2rem;width:45px;height:45px}}.contact-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-dark);margin-bottom:.625rem;letter-spacing:.01em;text-transform:uppercase}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem 1.25rem;border:1px solid rgba(160,139,122,.2);background:var(--color-white);font-family:var(--font-sans);font-size:.95rem;color:var(--color-dark);border-radius:8px;transition:all var(--transition)}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#a08b7a66}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-brown);box-shadow:0 0 0 3px #8b73551a}.form-group textarea{resize:vertical;min-height:140px;line-height:1.6}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238b7355' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.25rem center;padding-right:2.5rem}.contact-form .btn-primary-large{margin-top:.5rem;align-self:flex-start}.portfolio-item-large,.portfolio-item-card{text-decoration:none;color:var(--color-dark);transition:transform var(--transition);border-radius:20px;overflow:hidden}.portfolio-item-large:hover,.portfolio-item-card:hover{transform:translateY(-8px)}.portfolio-item-card.hidden{display:none}.portfolio-image{width:100%;aspect-ratio:4 / 5;overflow:hidden;margin-bottom:1.5rem;border-radius:20px;box-shadow:0 4px 15px #00000014}.portfolio-image .image-frame{width:100%;height:100%;display:block}.portfolio-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform var(--transition)}.portfolio-item-large:hover .portfolio-image img,.portfolio-item-card:hover .portfolio-image img{transform:scale(1.05)}.portfolio-info{text-align:left}.portfolio-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;letter-spacing:.02em;color:var(--color-dark)}.portfolio-category{font-size:1rem;color:var(--color-brown);font-weight:400}.value-item{display:flex;gap:2.5rem;padding:3rem 0;border-bottom:1px solid rgba(160,139,122,.15);transition:all var(--transition);opacity:0;transform:translate(-30px);animation:fadeInLeft .6s ease-out forwards}.value-item:nth-child(1){animation-delay:.1s}.value-item:nth-child(2){animation-delay:.2s}.value-item:nth-child(3){animation-delay:.3s}.value-item:nth-child(4){animation-delay:.4s;border-bottom:none}.value-item:hover{padding-left:1rem}.value-number{font-size:2.5rem;font-weight:700;color:var(--color-brown);opacity:.3;line-height:1;min-width:60px;font-variant-numeric:tabular-nums;transition:opacity var(--transition)}.value-item:hover .value-number{opacity:.5}.value-content{flex:1}.value-title{font-size:1.125rem;font-weight:600;margin-bottom:.875rem;color:var(--color-dark);letter-spacing:.01em}.value-text{font-size:.95rem;line-height:1.8;color:var(--color-gray-dark);font-weight:300}.stat-item{text-align:center;padding:2rem;background:var(--color-white);border-radius:20px}.stat-number{font-size:3rem;font-weight:600;color:var(--color-brown);margin-bottom:.5rem;letter-spacing:.02em}.stat-label{font-size:.875rem;color:var(--color-gray);letter-spacing:.1em;text-transform:uppercase}@media (max-width: 375px){.value-item{flex-direction:column;gap:1.5rem;padding:2rem 0}.value-number{min-width:auto;font-size:2rem}}.image-frame{position:relative;background:#f2f0ed;overflow:hidden}.image-frame.image-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f2f0ed00,#fff9,#f2f0ed00);transform:translate(-100%);animation:imageShimmer 1.4s ease-in-out infinite;pointer-events:none}.image-frame img{opacity:0;transition:opacity .35s ease,filter .35s ease,transform .35s ease}.image-frame.image-loaded img{opacity:1}.image-blur{filter:blur(18px);transform:scale(1.03)}@keyframes imageShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-slider{position:relative;width:100%;height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--transition-slow);display:none;align-items:center;justify-content:center;pointer-events:none;visibility:hidden}.hero-slide.active{opacity:1;z-index:1;display:flex;pointer-events:auto;visibility:visible}.hero-image-full{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f0e8df,#e8ddd4,#e0d2c8);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000004d,#00000080)}.hero-content{position:relative;z-index:2;text-align:center;color:var(--color-dark);max-width:1000px;padding:0 2rem;animation:fadeInUp .8s ease-out}.hero-title-large{font-size:clamp(2rem,6vw,4rem);font-weight:600;letter-spacing:.02em;line-height:1.3;margin-bottom:1.5rem;color:var(--color-light-beige)}.hero-title-large .line{display:block;margin-bottom:.5rem}.hero-subtitle{font-size:1rem;font-weight:400;margin-bottom:3rem;color:var(--color-beige);letter-spacing:.02em}.hero-buttons{display:flex;gap:1.5rem;justify-content:center}.hero-buttons .btn-secondary{background:var(--color-brown);color:var(--color-white);border:2px solid var(--color-brown)}.hero-buttons .btn-secondary:hover{background:var(--color-warm-brown);color:var(--color-white);border-color:var(--color-warm-brown);transform:translateY(-2px);box-shadow:0 6px 20px #cfac7366}.hero-buttons .btn-primary{background:var(--color-beige);color:var(--color-dark)}.hero-buttons .btn-primary:hover{background:var(--color-white);color:var(--color-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.hero-slider-controls{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:2rem}.slider-indicators{display:flex;gap:.75rem}.indicator{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:1px solid rgba(139,115,85,.3);cursor:pointer;transition:all var(--transition)}.indicator.active{background:var(--color-brown);border-color:var(--color-brown);transform:scale(1.2)}.slider-container{position:relative;max-width:1600px;margin:0 auto;border-radius:25px;overflow:hidden}.slider-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease;pointer-events:none;visibility:hidden}.slide.active{opacity:1;pointer-events:auto;visibility:visible;z-index:1}.slide-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,#e8ddd4,#e0d2c8);pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:1px solid rgba(207,172,115,.2);width:56px;height:56px;font-size:1.75rem;font-weight:300;color:var(--color-brown);cursor:pointer;z-index:10;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #00000014;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-btn:hover{background:var(--color-brown);color:var(--color-white);border-color:var(--color-brown);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 20px #cfac7359}.slider-btn:active{transform:translateY(-50%) scale(.98);box-shadow:0 2px 10px #cfac7340}.slider-btn:focus-visible{outline:2px solid var(--color-brown);outline-offset:2px}.slider-btn.prev{left:2rem}.slider-btn.next{right:2rem}.slider-dots{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all var(--transition)}.dot.active{background:var(--color-brown);border-color:var(--color-brown)}@media (max-width: 768px){.hero-buttons{flex-direction:column;align-items:center}.hero-slider-controls{bottom:2rem;gap:1rem}.slider-btn{width:48px;height:48px;font-size:1.5rem}.slider-btn.prev{left:1rem}.slider-btn.next{right:1rem}}@media (max-width: 480px){.slider-btn{width:44px;height:44px;font-size:1.25rem}.slider-btn.prev{left:.75rem}.slider-btn.next{right:.75rem}}.image-viewer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.image-viewer.active{opacity:1;visibility:visible}.image-viewer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.image-viewer-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4rem;box-sizing:border-box;cursor:zoom-in;overflow:hidden}.image-viewer-container:active{cursor:grabbing}.image-viewer-image{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto;transition:transform .2s ease-out;transform-origin:center center;cursor:zoom-in}.image-viewer-image.loading{opacity:.5}.image-viewer-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);width:56px;height:56px;border-radius:50%;color:var(--color-white, #ffffff);font-size:2rem;font-weight:300;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;line-height:1;outline:none}.image-viewer-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.image-viewer-btn:active{transform:translateY(-50%) scale(.95)}.image-viewer-btn:focus-visible{outline:2px solid var(--color-white, #ffffff);outline-offset:2px}.image-viewer-prev{left:2rem}.image-viewer-next{right:2rem}.image-viewer-close{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);width:48px;height:48px;border-radius:50%;color:var(--color-white, #ffffff);font-size:2rem;font-weight:300;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;line-height:1;outline:none}.image-viewer-close:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.image-viewer-close:active{transform:scale(.95)}.image-viewer-close:focus-visible{outline:2px solid var(--color-white, #ffffff);outline-offset:2px}.image-viewer-counter{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#0009;color:var(--color-white, #ffffff);padding:.75rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:500;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.image-viewer-container{padding:2rem 1rem}.image-viewer-btn{width:48px;height:48px;font-size:1.5rem}.image-viewer-prev{left:1rem}.image-viewer-next{right:1rem}.image-viewer-close{top:1rem;right:1rem;width:44px;height:44px;font-size:1.75rem}.image-viewer-counter{bottom:1rem;padding:.5rem 1rem;font-size:.85rem}.image-viewer-image{max-width:100vw;max-height:100vh}}@media (max-width: 480px){.image-viewer-container{padding:1rem .5rem}.image-viewer-btn{width:44px;height:44px;font-size:1.25rem}.image-viewer-prev{left:.5rem}.image-viewer-next{right:.5rem}.image-viewer-close{top:.5rem;right:.5rem;width:40px;height:40px;font-size:1.5rem}.image-viewer-counter{bottom:.5rem;padding:.4rem .8rem;font-size:.8rem}}@media (hover: none) and (pointer: coarse){.image-viewer-btn,.image-viewer-close{background:#fff3;border-color:#fff6}}.hero-home{position:relative;height:100vh;overflow:hidden;margin-top:0}.philosophy-values-section{padding:var(--spacing-xxxl) 0;background:var(--color-light-beige)}.philosophy-values-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;max-width:1400px;margin:0 auto;align-items:start}.philosophy-block{position:sticky;top:120px}.philosophy-block .section-label{display:block;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-brown);margin-bottom:2rem;font-weight:500}.philosophy-heading{font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.3;color:var(--color-dark);margin-bottom:2.5rem;letter-spacing:-.02em}.philosophy-body{font-size:1rem;line-height:1.9;color:var(--color-gray-dark);margin-bottom:1.5rem;font-weight:300}.philosophy-body:last-child{margin-bottom:0}.values-block{display:flex;flex-direction:column;gap:0}.works-preview{padding:var(--spacing-xxxl) 0;background:var(--color-white)}.section-header-inline{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4rem}.section-title-large{font-size:clamp(1.75rem,4vw,3rem);font-weight:600;letter-spacing:.02em;color:var(--color-dark)}.link-view-all{color:var(--color-gray-dark);text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.02em;transition:color var(--transition)}.link-view-all:hover{color:var(--color-brown)}.portfolio-grid-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.cta-section{padding:var(--spacing-xxl) 0;background:var(--color-light-beige);text-align:center;margin:var(--spacing-xl) 0;position:relative}.cta-content{max-width:700px;margin:0 auto;padding:0 2rem}.cta-title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:600;color:var(--color-dark);margin-bottom:1.5rem;letter-spacing:-.01em;line-height:1.4}.cta-text{font-size:1rem;color:var(--color-gray-dark);margin-bottom:2.5rem;font-weight:300;line-height:1.7}@media (max-width: 1024px){.philosophy-values-layout{grid-template-columns:1fr;gap:4rem}.philosophy-block{position:static}}@media (max-width: 768px){.philosophy-values-section,.works-preview{padding:4rem 0}.cta-section{padding:4rem 0;margin:4rem 0}.portfolio-grid-featured{grid-template-columns:1fr;gap:2rem}.section-header-inline{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 480px){.philosophy-values-section,.works-preview{padding:3rem 0}.cta-section{padding:3rem 0;margin:3rem 0}}@media (max-width: 375px){.philosophy-heading{font-size:1.75rem}}.page-hero{padding:12rem 0 6rem;margin-top:80px;background:var(--color-light-beige);color:var(--color-dark);position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.page-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#faf8f5d9;z-index:1}.page-hero .container-wide{position:relative;z-index:2}.page-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:.02em;color:var(--color-dark);margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.1)}.page-subtitle{font-size:1.125rem;font-weight:300;color:var(--color-gray-dark);letter-spacing:.02em;text-shadow:0 1px 5px rgba(0,0,0,.1)}.about-philosophy{padding:var(--spacing-xxl) 0;background:var(--color-white);border-radius:30px;margin:2rem 0}.philosophy-content{max-width:1000px;margin:0 auto}.philosophy-text{margin-bottom:4rem}.section-heading{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;letter-spacing:.02em;color:var(--color-dark);margin-bottom:3rem}.large-text{font-size:clamp(1.5rem,3.5vw,2.25rem);line-height:1.7;margin-bottom:3rem;color:var(--color-dark);font-weight:500}.text-block{max-width:850px}.text-block p{font-size:1rem;line-height:1.9;color:var(--color-gray-dark);margin-bottom:2rem;font-weight:300}.about-story{padding:var(--spacing-xxl) 0;background:var(--color-light-beige)}.story-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:6rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.about-values{padding:var(--spacing-xxl) 0;background:var(--color-white)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;max-width:1200px;margin:0 auto}.value-item{padding:2rem;background:var(--color-light-beige);border-radius:20px}@media (max-width: 1024px){.story-content{grid-template-columns:1fr;gap:4rem}.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-hero{padding:6rem 0 3rem;margin-top:64px}.about-philosophy{padding:4rem 0;margin:1.5rem 0}.about-story,.about-values{padding:4rem 0}.stats-grid,.values-grid{grid-template-columns:1fr}}@media (max-width: 480px){.page-hero{padding:5rem 0 2.5rem}.about-philosophy{padding:3rem 0;margin:1rem 0}.about-story,.about-values{padding:3rem 0}}.page-hero{z-index:1;position:relative}.works-filter{padding:3rem 0;background:var(--color-light-beige);border-bottom:1px solid rgba(160,139,122,.2);overflow-x:hidden;width:100%}.filter-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;overflow-x:hidden}.filter-btn{background:var(--color-white);border:2px solid var(--color-sand);color:var(--color-dark);padding:.75rem 2rem;font-size:.95rem;font-weight:500;border-radius:25px;cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0;min-width:0}.filter-btn:hover,.filter-btn.active{background:var(--color-brown);color:var(--color-white);border-color:var(--color-brown)}.works-grid-section{padding:var(--spacing-xl) 0;background:var(--color-light-beige)}.portfolio-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}@media (min-width: 1025px){.works-filter .container-wide,.works-grid-section .container-wide{padding-left:2.5rem;padding-right:2.5rem}}@media (max-width: 768px){.works-filter{padding:2rem 0}.filter-buttons{gap:1rem;padding:0 1rem}.filter-btn{padding:.625rem 1.5rem;font-size:.875rem}.portfolio-grid-full{grid-template-columns:1fr;gap:2rem}.works-grid-section{padding:4rem 0}}@media (max-width: 480px){.works-grid-section{padding:3rem 0}}.project-header{padding:4rem 0;margin-top:80px;background:var(--color-light-beige);position:relative}.project-header .container{position:relative}.back-button{position:fixed;top:calc(80px + 1.5rem);left:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;color:var(--color-dark);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 16px #0000001a}.back-button:hover{background:var(--color-white);color:var(--color-brown);transform:translate(-4px);box-shadow:0 4px 16px #cfac7333}.back-button:active{transform:translate(-2px) scale(.95)}.back-button:focus-visible{outline:2px solid var(--color-brown);outline-offset:2px}.back-button svg{width:20px;height:20px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.back-button:hover svg{transform:translate(-2px)}.project-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:.02em;color:var(--color-dark);text-align:center;margin-top:1rem}.project-slider{margin-bottom:var(--spacing-xxxl)}.project-description{padding:var(--spacing-xxxl) 0;background:var(--color-white);border-radius:30px;margin:2rem 0}.project-content{display:grid;grid-template-columns:2fr 1fr;gap:6rem;max-width:1400px;margin:0 auto}.description-text h2{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:600;margin-bottom:2rem;letter-spacing:.02em;color:var(--color-dark)}.description-text p{font-size:1rem;line-height:1.9;color:var(--color-gray-dark);margin-bottom:2rem;font-weight:300}.project-meta{display:flex;flex-direction:column;gap:2rem;padding:2rem;background:var(--color-light-beige);border-radius:20px}.meta-item strong{display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-brown)}.meta-item p{font-size:1rem;line-height:1.8;color:var(--color-gray-dark);font-weight:300}.slide-image{cursor:pointer;transition:transform .3s ease}.slide-image:hover{transform:scale(1.02)}@media (max-width: 768px){.project-header{padding:4rem 0 2rem;margin-top:64px}.back-button{top:calc(80px + 1rem);left:1rem;width:44px;height:44px}.back-button svg{width:18px;height:18px}.project-title{margin-top:.5rem;text-align:left}.project-slider{margin-bottom:4rem}.project-description{padding:4rem 0;margin:1.5rem 0}.project-content{grid-template-columns:1fr;gap:3rem}}@media (max-width: 480px){.project-header{padding:4rem 0 2rem}.back-button{top:calc(64px + 1rem);left:.75rem;width:40px;height:40px}.back-button svg{width:16px;height:16px}.project-title{font-size:clamp(1.5rem,5vw,2rem)}.project-slider{margin-bottom:3rem}.project-description{padding:3rem 0;margin:1rem 0}}.inquiry-main{padding:var(--spacing-xl) 0;background:transparent;margin:2rem 0}.inquiry-form-section{max-width:700px;margin:0 auto}.inquiry-form-section .section-heading{margin-bottom:1rem}.form-intro{font-size:.95rem;color:var(--color-gray-dark);margin-bottom:2.5rem;font-weight:300;line-height:1.7}.form-message{padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:4px;font-size:.95rem;line-height:1.6;animation:slideDown .3s ease}.form-message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-message-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.inquiry-form-section{max-width:100%}}@media (max-width: 768px){.inquiry-main{padding:4rem 0;margin:1.5rem 0}}@media (max-width: 480px){.inquiry-main{padding:3rem 0;margin:1rem 0}}.location-main{padding:var(--spacing-xxl) 0;background:var(--color-white);margin:2rem 0}.location-info-section{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.location-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.location-map-column{width:100%;display:flex;height:100%}.location-info-column{width:100%;display:flex;flex-direction:column;min-height:500px}.location-info-section .section-heading{margin-bottom:2.5rem;font-size:1.5rem;font-weight:500;color:var(--color-dark);letter-spacing:-.01em}.info-list{display:flex;flex-direction:column;gap:1rem;flex:1}.info-block{display:flex;gap:1.7rem;padding:1.5rem;background:var(--color-white);border-radius:8px;border:1px solid rgba(160,139,122,.12);transition:border-color var(--transition);align-items:center}.info-block:hover{border-color:#a08b7a40}.info-icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.info-icon{width:100%;height:100%;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--color-light-beige);color:var(--color-brown);position:relative;font-size:1.125rem;line-height:1}.info-icon-phone:after{content:"☎";display:block;font-size:1rem}.info-icon-fax:after{content:"📠";display:block;font-size:1rem}.info-icon-email:after{content:"✉";display:block;font-size:1rem}.info-icon-location:after{content:"📍";display:block;font-size:1rem}.info-content-wrapper{flex:1;min-width:0}.info-block h3{font-size:.8125rem;font-weight:700;margin-bottom:.5rem;color:var(--color-gray);letter-spacing:.03em;text-transform:uppercase}.info-content{font-size:1rem;line-height:1.6;color:var(--color-dark);font-weight:400;margin-bottom:0;word-break:break-word}.info-subtext{margin:0;font-size:.8125rem;color:var(--color-gray);margin-top:.375rem;font-weight:300}.map-placeholder{width:100%;height:100%;background:var(--color-light-beige);border-radius:8px;overflow:hidden;border:1px solid rgba(160,139,122,.12);position:sticky;top:var(--spacing-md);display:flex;align-items:stretch}.map-iframe{width:100%;height:100%;min-height:500px;border:none;border-radius:8px}@media (max-width: 1024px){.location-layout{gap:var(--spacing-md);align-items:stretch}.map-iframe{min-height:400px}.info-block{padding:1.25rem}.info-icon-wrapper{width:36px;height:36px}.info-icon{font-size:.9375rem}}@media (max-width: 768px){.location-main{padding:var(--spacing-lg) 0;margin:1rem 0;background:var(--color-white)}.location-info-section{padding:0 var(--spacing-sm)}.location-layout{grid-template-columns:1fr;gap:var(--spacing-md);align-items:stretch}.location-map-column{order:1}.location-info-column{order:2}.map-placeholder{position:static}.map-iframe{min-height:300px}.location-info-section .section-heading{margin-bottom:2rem;font-size:1.25rem}.info-list{gap:1rem}.info-block{padding:1.25rem;gap:1.5rem}.info-icon-wrapper{width:36px;height:36px}.info-icon,.info-content{font-size:.9375rem}}#app{opacity:1;transition:opacity .3s ease-in-out}.page-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.loader-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--color-brown, #a08b7a);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}