@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v3.2.1/dist/web/static/pretendard.css";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&display=swap";:root{--color-bg:#f5f4f0;--color-text:#1a1a1a;--color-primary:#1a3626;--color-accent:#c25934;--color-white:#fff;--color-gray-light:#e0dfdb;--color-gray-dark:#4a4a4a;--font-serif:"Playfair Display", "Noto Serif KR", serif;--font-sans:"Pretendard", "Inter", sans-serif;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--z-background:-1;--z-base:1;--z-header:100;--z-modal:999;--z-cursor:9999}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;line-height:1.6}h1,h2,h3,.serif{font-family:var(--font-serif);font-weight:600}a{color:inherit;text-decoration:none}ul,li{list-style:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.custom-cursor{background-color:var(--color-accent);pointer-events:none;width:12px;height:12px;z-index:var(--z-cursor);mix-blend-mode:difference;border-radius:50%;transition:width .3s,height .3s,background-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.is-hover{background-color:var(--color-white);width:40px;height:40px}@media (hover:none) and (pointer:coarse){.custom-cursor{display:none!important}}.header{width:100%;padding:var(--spacing-md) var(--spacing-lg);z-index:var(--z-header);color:var(--color-white);pointer-events:none;transition:color .5s;position:fixed;top:0;left:0}.header.is-dark-text{color:var(--color-text)}.header__inner>*{pointer-events:auto}.header__inner{justify-content:space-between;align-items:center;display:flex}.header__logo{letter-spacing:-.02em;z-index:1002;font-size:1.5rem;position:relative}.header__toggle{cursor:pointer;z-index:1002;background:0 0;border:none;width:32px;height:24px;display:none;position:relative}.header__toggle span{background-color:currentColor;width:100%;height:2px;transition:transform .3s,background-color .5s}.nav-overlay{display:none}.header__nav ul{gap:var(--spacing-md);display:flex}.header__nav a{text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;transition:opacity .3s}.header__nav a:hover{opacity:.6}.marginalia{transform-origin:100%;letter-spacing:.25em;color:var(--color-white);mix-blend-mode:difference;z-index:var(--z-header);pointer-events:none;opacity:.8;white-space:nowrap;font-size:.75rem;position:fixed;top:50%;right:1.5vw;transform:translateY(-50%)rotate(90deg)}.footer{padding:var(--spacing-md);text-align:center;background-color:var(--color-text);color:var(--color-bg);font-size:.875rem}.horizontal-stage{background-color:var(--color-bg);width:100vw;height:100vh;position:relative;overflow:hidden}.horizontal-track{will-change:transform;width:max-content;height:100%;display:flex}.panel{flex-shrink:0;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0 5vw;display:flex;position:relative}.panel__watermark{color:var(--color-text);opacity:.03;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:35vw;line-height:.7;position:absolute;bottom:-6vh;right:2vw}.panel--contact .panel__watermark{color:var(--color-white);opacity:.04}.section-tag{background-color:var(--color-accent);color:var(--color-white);letter-spacing:.15em;writing-mode:vertical-rl;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 15px),0 100%);z-index:10;padding:3rem .5rem 1.5rem;font-size:.8rem;transition:background-color .3s;position:absolute;top:0;left:22vw;box-shadow:inset 0 -5px 15px #00000026}.panel--philosophy .section-tag{background-color:#b4a28f}.panel--expertise .section-tag{color:#14281c;background-color:#8ba895}.panel--project:nth-of-type(4) .section-tag{background-color:var(--color-accent)}.panel--project:nth-of-type(5) .section-tag{background-color:#a36b5e}.panel--project:nth-of-type(6) .section-tag{background-color:#c08a64}.panel--history .section-tag{background-color:#6c7a89}.panel--contact .section-tag{color:var(--color-primary);background-color:#efece6}.panel--hero{background-color:var(--color-text);padding:0}.hero__slider{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero__media{object-fit:cover;opacity:0;will-change:opacity, transform;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}img.hero__media{transition:opacity 1s ease-in-out,transform 0s 1s;transform:scale(1.1)}.hero__media.active{opacity:.6;z-index:1}img.hero__media.active{transition:opacity 1s ease-in-out,transform 4s ease-out;transform:scale(1)}.hero__content{z-index:2;text-align:center;color:var(--color-white);pointer-events:none;position:relative}.hero__title{letter-spacing:-.02em;margin-bottom:var(--spacing-sm);font-size:clamp(3rem,7vw,6.5rem);font-weight:400;line-height:1.1}.hero__scroll-indicator{letter-spacing:.1em;flex-direction:column;align-items:center;gap:10px;font-size:.8rem;display:flex;position:absolute;bottom:-15vh;left:50%;transform:translate(-50%)}.hero__scroll-indicator .line{background-color:var(--color-white);width:1px;height:50px;animation:1.5s cubic-bezier(.65,0,.35,1) infinite scrollDown}@keyframes scrollDown{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}50.1%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.panel--philosophy{background-color:#efece6}.philosophy__inner{max-width:800px;padding:var(--spacing-lg);z-index:1;text-align:center}.philosophy__title{letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:400;line-height:1.3}.philosophy__desc{color:var(--color-gray-dark);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.8}.panel--expertise{background-color:var(--color-text);color:var(--color-white);justify-content:flex-start;padding-left:15vw}.expertise__bg-video{object-fit:cover;opacity:.5;z-index:0;width:60%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.expertise__inner{z-index:1;position:relative}.expertise__list{flex-direction:column;gap:3rem;margin-top:3rem;display:flex}.expertise__item h3{margin-bottom:.5rem;font-size:2rem;font-weight:400}.expertise__item p{color:var(--color-gray-light)}.panel--project{justify-content:center}.project-card{z-index:1;position:relative}.fig-caption{transform-origin:0 0;letter-spacing:.1em;color:var(--color-gray-dark);font-size:.75rem;position:absolute;top:0;left:-2.5rem;transform:rotate(-90deg)}.project-card__image{contain:paint;width:100%;height:100%;position:relative;overflow:hidden}.image-box{contain:paint;position:relative;overflow:hidden}.flip-target{cursor:pointer;transition:transform .4s}.flip-target:hover{transform:scale(1.03)}.project-card img{object-fit:cover;width:100%;height:100%;display:block}.project-card__info{margin-top:1.5rem}.project-card__num{color:var(--color-accent);margin-bottom:.3rem;font-size:.8rem;display:block}.project-card__info h3{margin-bottom:.2rem;font-size:2.2rem;font-weight:400}.project-card__info p{color:var(--color-gray-dark);font-size:.95rem}.project-card--large{width:42vw;height:70vh}.project-card--staggered{flex-direction:column;justify-content:center;width:35vw;height:75vh;display:flex}.project-card--staggered .project-card__image-group{height:100%;position:relative}.project-card--staggered .box-top{width:80%;height:50%;position:absolute;top:0;left:0}.project-card--staggered .box-bottom{width:70%;height:40%;position:absolute;bottom:0;right:0}.project-card--staggered .fig-caption{left:-1.5rem}.project-card--panorama{width:65vw;height:55vh}.panel--history{background-color:var(--color-bg)}.history__inner{max-width:900px;padding:var(--spacing-lg);z-index:1;width:100%}.history__inner h2{margin-bottom:2.5rem;font-size:clamp(2.2rem,3.5vw,3.5rem);font-weight:400;line-height:1.1}.history__timeline{border-top:1px solid var(--color-gray-light);flex-direction:column;gap:1.2rem;padding-top:2rem;display:flex}.history__timeline li{grid-template-columns:80px 1fr;align-items:baseline;font-size:1.05rem;display:grid}.history__timeline .year{color:var(--color-accent);font-size:1.2rem;font-weight:700}.history__timeline p{color:var(--color-text);line-height:1.4}.panel--contact{background-color:var(--color-primary);color:var(--color-white);flex-direction:column;justify-content:center;padding:0 10vw;position:relative}.contact__container{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:4rem;width:100%;display:grid}.contact__left h2{margin-bottom:1.5rem;font-size:clamp(3rem,5vw,5rem);font-weight:400;line-height:1.05}.contact__copy{color:#ffffffb3;font-size:1.1rem;line-height:1.6}.footer-info{justify-content:flex-end;gap:4rem;display:flex}.footer-col h4{color:#8ba895;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:.9rem}.footer-col p{color:#ffffffb3;margin-bottom:1rem;font-size:1rem;line-height:1.6}.info-link{color:#ffffffe6;margin-bottom:.5rem;font-size:1rem;transition:opacity .3s;display:block}.info-link:hover{opacity:1;color:var(--color-white);text-decoration:underline}.footer-bottom{z-index:1;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;padding-top:1.5rem;display:flex;position:absolute;bottom:40px;left:10vw;right:10vw}.footer-legal{color:#ffffff80;flex-wrap:wrap;gap:1.5rem;font-size:.85rem;display:flex}.legal-links{margin-left:auto}.legal-links a{color:#ffffffb3;text-decoration:underline;transition:color .3s}.legal-links a:hover{color:var(--color-white)}.copyright{color:#ffffff80;font-size:.85rem}.pagination{z-index:var(--z-header);opacity:1;gap:12px;transition:opacity .3s;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.pagination .dot{background-color:var(--color-gray-light);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .4s cubic-bezier(.25,1,.5,1)}.pagination .dot:hover{background-color:var(--color-primary);opacity:.5}.pagination .dot.active{background-color:var(--color-primary);opacity:1;border-radius:4px;width:24px}.pagination.is-dark .dot{background-color:#fff6}.pagination.is-dark .dot:hover{background-color:var(--color-white);opacity:.5}.pagination.is-dark .dot.active{background-color:var(--color-white);opacity:1}@media screen and (width<=1024px){.pagination{display:none}}.project-modal{width:100vw;height:100vh;z-index:var(--z-modal);pointer-events:none;visibility:hidden;opacity:0;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.project-modal.is-active{pointer-events:auto}.project-modal__overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#f5f4f0f2;width:100%;height:100%;position:absolute;top:0;left:0}.project-modal__inner{z-index:1;gap:var(--spacing-lg);width:90vw;max-width:1200px;height:85vh;display:flex;position:relative}.project-modal__image-placeholder{flex:1.5;height:100%;position:relative;overflow:hidden;background:0 0!important;border-radius:0!important}.modal-main-img{object-fit:cover;will-change:transform;width:100%;height:100%;display:block}.project-modal__details{flex-direction:column;flex:1;justify-content:center;display:flex}.modal-title{margin-bottom:1rem;font-size:2.5rem;font-weight:400}.modal-desc{color:var(--color-gray-dark);margin-bottom:2.5rem;font-size:1.05rem}.material-palette{margin-bottom:3rem}.material-palette h4{border-bottom:1px solid var(--color-gray-light);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:400}.material-palette__grid{gap:1.5rem;display:flex}.material-item{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:75px;display:flex}.material-item img{object-fit:cover;border-radius:50%;width:70px;height:70px;box-shadow:0 4px 10px #0000001a}.material-item span{color:var(--color-gray-dark);word-break:keep-all;font-size:.75rem;line-height:1.3}.btn-back{color:var(--color-text);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;padding:10px 0;font-size:1rem;font-weight:600;transition:opacity .3s,transform .3s;display:flex}.btn-back:hover{opacity:.6}.btn-back:hover .arrow{transform:translate(-5px)}.btn-back .arrow{transition:transform .3s}.panel--philosophy .panel__watermark{bottom:2vh;right:2vw}.project-1 .panel__watermark{bottom:4vh;right:2vw}.project-2 .panel__watermark{bottom:3vh;right:2vw}.project-3 .panel__watermark{bottom:6vh;right:2vw}.panel--history .panel__watermark,.panel--contact .panel__watermark{bottom:3vh;right:2vw}@media screen and (width<=1024px){.header{padding:var(--spacing-sm) var(--spacing-md)}.header__toggle{flex-direction:column;justify-content:center;gap:6px;display:flex}.header__toggle.is-active span:first-child{transform:translateY(8px)rotate(45deg)}.header__toggle.is-active span:nth-child(2){transform:translateY(-8px)rotate(-45deg)}.nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:1000;background:#0006;width:100vw;height:100dvh;transition:opacity .5s;display:block;position:fixed;top:0;left:0}.nav-overlay.is-active{opacity:1;pointer-events:auto}.header__nav{opacity:1;pointer-events:none;z-index:1001;background-color:#14281c;justify-content:flex-start;align-items:center;width:75vw;max-width:320px;height:100dvh;padding-left:2.5rem;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:auto;right:0;transform:translate(100%);box-shadow:-15px 0 40px #00000080;mix-blend-mode:normal!important}.header__nav:before{content:"";background-color:var(--color-accent);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 12px),0 100%);z-index:-1;width:28px;height:65px;position:absolute;top:0;left:2rem;box-shadow:inset 0 -5px 10px #0003}.header__nav.is-active{pointer-events:auto;transform:translate(0)}.header__nav ul{flex-direction:column;align-items:flex-start;gap:3rem;width:100%}.header__nav a{font-family:var(--font-serif);font-weight:400;color:var(--color-white)!important;font-size:clamp(1.6rem,7vw,2.2rem)!important}.marginalia{display:none}.panel__watermark{opacity:.05;font-size:40vw;line-height:1}.fig-caption{color:var(--color-accent);margin-bottom:.8rem;font-size:.85rem;font-weight:600;display:block;position:relative;transform:none;top:0!important;left:0!important}.section-tag{padding:2.5rem .5rem 1rem;left:auto;right:5vw}html,body{background-color:var(--color-bg);width:100%;overflow-x:hidden}.horizontal-stage{width:100%;height:auto;overflow-x:hidden}.horizontal-track{flex-direction:column;width:100%;height:auto;display:flex;transform:none!important}.pagination{display:none}.panel{flex-direction:column;justify-content:center;width:100%;height:auto;min-height:100vh;padding:10vh 5vw}.panel--hero{min-height:100vh;padding:0}.expertise__bg-video{opacity:.2;width:100%;-webkit-mask-image:none;mask-image:none}.panel--expertise{text-align:center;align-items:center}.project-card--large,.project-card--staggered,.project-card--panorama{width:100%;height:auto}.project-card--large .project-card__image{height:60vh}.project-card--panorama .project-card__image{height:40vh}.project-card--staggered .project-card__image-group{flex-direction:column;gap:10px;height:auto;display:flex}.project-card--staggered .box-top,.project-card--staggered .box-bottom{width:100%;height:40vh;position:static}.panel--history{align-items:flex-start;padding-top:15vh}.history__inner{text-align:left;width:100%;padding:0}.history__inner h2{text-align:left;margin-bottom:2rem}.history__timeline{padding-top:1.5rem}.history__timeline li{text-align:left;grid-template-columns:60px 1fr;font-size:.95rem}.panel--contact{background-color:var(--color-primary);justify-content:flex-start;min-height:100dvh;padding:12vh 5vw 6vh}.contact__container{text-align:left;grid-template-columns:1fr;gap:3rem}.footer-info{flex-direction:column;justify-content:flex-start;gap:3rem}.footer-bottom{text-align:left;flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%;margin-top:4rem;padding-bottom:2rem;position:relative;bottom:auto;left:auto;right:auto}.footer-legal{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.legal-links{flex-direction:column;gap:.5rem;width:100%;margin-left:0}.project-modal__inner{border-radius:0;flex-direction:column;justify-content:flex-start;width:100%;height:100dvh;margin:0;padding:0;overflow-y:auto}.project-modal__image-placeholder{border-radius:0;flex:none;width:100%;height:45vh;min-height:45vh}.project-modal__details{padding:2rem 5vw 4rem}.material-palette__grid{flex-wrap:wrap;justify-content:center}.panel--philosophy .panel__watermark{top:83vh;bottom:auto;right:2vw}.project-1 .panel__watermark{top:70vh;bottom:auto;right:2vw}.project-2 .panel__watermark{top:91vh;bottom:auto;right:2vw}.project-3 .panel__watermark{top:58vh;bottom:auto;right:2vw}.panel--history .panel__watermark{top:89vh;bottom:auto;right:5vw}.panel--contact .panel__watermark{top:42vh;bottom:auto;right:9vw}}