*{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf6f0;font-family:Outfit,sans-serif;overflow-x:hidden}.arch-text-sm{letter-spacing:.25em;text-transform:uppercase;color:#555;margin-bottom:.2rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:400}.arch-title{letter-spacing:.15em;text-transform:uppercase;color:#111;margin:.5rem 0 1rem;font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:500}.arch-desc{letter-spacing:.1em;text-transform:uppercase;color:#888;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300;line-height:1.8}.arch-line{opacity:.5;background-color:#a3a692;position:absolute}.arch-dot{background-color:#697352;border-radius:50%;width:6px;height:6px;position:absolute}.arch-circle{border:1px solid #a3a69266;border-radius:50%;position:absolute}.projects-list-container{background-color:#fff;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:1rem 2rem 4rem;display:flex}.projects-nav-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background-color:#fffffff2;justify-content:center;width:100%;padding:1rem 0 2rem;display:flex;position:sticky;top:0}.projects-nav-inner{flex-direction:column;align-items:center;display:flex}.projects-sub-nav{align-items:center;gap:4rem;display:flex}.sub-nav-btn{letter-spacing:.12em;text-transform:uppercase;color:#999;cursor:pointer;background:0 0;border:none;padding:.15rem 0;font-family:inherit;font-size:.95rem;font-weight:400;transition:color .3s;position:relative}.sub-nav-btn:hover{color:#333}.sub-nav-btn.active{color:#111;font-weight:500}.sub-nav-btn.active:after{content:"";background-color:#111;width:100%;height:1.5px;position:absolute;bottom:0;left:0}.no-projects{text-align:center;color:#777;letter-spacing:.05em;padding:4rem}.projects-list{flex-direction:column;gap:8rem;width:100%;max-width:1200px;padding-top:2rem;display:flex}.project-list-row{cursor:pointer;opacity:0;justify-content:center;align-items:center;gap:4rem;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(60px)}.project-list-row.in-view{opacity:1;transform:translateY(0)}.project-list-row.is-scrolling .list-thumbnail{transform:scale(1.03)}.project-list-row:hover .list-thumbnail{transform:scale(.98)}.project-list-row:hover .list-title{color:#555}.list-info{text-align:right;flex-direction:column;flex:1;align-items:flex-end;max-width:300px;display:flex}.list-icon{color:#fff;background:#000;justify-content:center;align-items:center;width:48px;height:36px;margin-bottom:2rem;display:flex}.list-icon svg{width:20px;height:20px}.list-title{color:#111;margin:0 0 .5rem;font-size:1.2rem;font-weight:500;transition:color .3s}.list-location{color:#888;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.75rem}.list-thumbnail-wrapper{flex:2;max-width:800px;overflow:hidden}.list-thumbnail{object-fit:cover;width:100%;height:auto;max-height:500px;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}@media (width<=768px){.project-list-row{flex-direction:column;gap:2rem}.list-info{text-align:left;align-items:flex-start;max-width:100%}.list-icon{margin-bottom:1rem}}.project-detail-page{opacity:0;transform-origin:50%;background:#faf6f0;width:100%;height:100vh;transition:opacity .6s ease-out,transform .6s cubic-bezier(.16,1,.3,1);overflow:hidden}.project-detail-page.visible{opacity:1;transform:scale(1)}.project-detail-page.closing{opacity:0;transform:scale(.9)}.project-detail-layout{height:100vh;display:flex;overflow:hidden}.project-sidebar{z-index:10;background:#faf6f0;border-right:1px solid #0000000d;flex-direction:column;width:320px;min-width:320px;height:100%;padding:4rem 2rem;display:flex}.back-btn{color:#777;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:3rem;padding:0;font-family:Outfit,sans-serif;font-size:.75rem;transition:color .3s}.back-btn:hover{color:#000}.project-meta{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.meta-item{flex-direction:column;gap:.3rem;display:flex}.meta-label{color:#a0a0a0;letter-spacing:.2em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:.55rem;font-weight:600}.meta-value{color:#111;text-transform:uppercase;letter-spacing:.05em;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:400}.share-section{flex-direction:column;gap:.8rem;display:flex}.share-text{color:#999;letter-spacing:.1em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:.65rem}.share-icons{gap:1rem;display:flex}.share-icons .icon{cursor:pointer;color:#222;font-size:1.1rem;transition:color .3s}.share-icons .icon:hover{color:#888}.project-horizontal-track{scroll-behavior:auto;flex-grow:1;align-items:center;gap:8rem;height:100%;padding:0 4rem;display:flex;overflow:auto hidden}.project-horizontal-track::-webkit-scrollbar{display:none}.project-horizontal-track{-ms-overflow-style:none;scrollbar-width:none}.h-block{align-items:center;gap:4rem;height:100%;display:flex}.h-image{object-fit:cover;width:auto;max-width:75vw;height:75vh}.h-text-block{flex-direction:column;justify-content:center;min-width:300px;max-width:400px;display:flex}.credits-section{align-items:center;min-width:600px;height:100%;padding-right:8rem;display:flex}.credits-grid{gap:6rem;display:flex}.credit-col{flex-direction:column;display:flex}.credit-role{color:#a0a0a0;letter-spacing:.2em;text-transform:uppercase;margin-top:2rem;margin-bottom:.8rem;font-family:Outfit,sans-serif;font-size:.55rem;font-weight:600}.credit-col .credit-role:first-child{margin-top:0}.credit-name{color:#111;letter-spacing:.02em;margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:400}@media (width<=768px){.project-detail-layout{flex-direction:column;overflow:auto}.project-sidebar{border-bottom:1px solid #0000000d;border-right:none;width:100%;height:auto;padding:2rem;position:relative}.project-horizontal-track{flex-direction:column;gap:4rem;height:auto;padding:2rem;overflow:hidden visible}.h-block{flex-direction:column;gap:2rem}.h-image{width:100%;max-width:100%;height:auto}.credits-grid{flex-direction:column;gap:2rem}}.app-wrapper{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:1vw;display:flex;overflow:hidden}.top-nav{z-index:50;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding:1.5rem 3rem;display:flex}.nav-left{align-items:center;gap:1.5rem;display:flex}.hamburger-menu{cursor:pointer;z-index:60;flex-direction:column;gap:6px;padding:5px 0;display:flex}.hamburger-menu .bar{background-color:#111;width:26px;height:2px;transition:all .3s}.hamburger-menu:hover .bar{background-color:#666}.nav-logo{letter-spacing:.1em;color:#222;cursor:pointer;align-items:center;font-size:.85rem;font-weight:500;display:flex}.nav-search{color:#333;cursor:pointer;align-items:center;display:flex}.header-main-nav{align-items:center;gap:3.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.header-nav-btn{letter-spacing:.15em;text-transform:uppercase;color:#888;cursor:pointer;background:0 0;border:none;padding:.15rem 0;font-family:inherit;font-size:1.1rem;font-weight:500;transition:color .3s;position:relative}.header-nav-btn:hover{color:#222}.header-nav-btn.active{color:#111;font-weight:600}.header-nav-btn.active:after{content:"";background-color:#111;width:100%;height:2px;position:absolute;bottom:0;left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:900;background-color:#0006;width:100vw;height:100vh;transition:all .4s;position:fixed;top:0;left:0}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar{z-index:1000;background-color:#faf6f0;flex-direction:column;width:450px;max-width:80vw;height:100vh;padding:2.5rem 3rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:-450px;box-shadow:4px 0 25px #0000001a}.sidebar.open{left:0}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.close-btn{color:#333;cursor:pointer;background:0 0;border:none;padding:0;font-size:2.5rem;line-height:1;transition:color .3s}.close-btn:hover{color:#000}.sidebar-links{flex-direction:column;gap:2.5rem;display:flex}.sidebar-links a{letter-spacing:.05em;color:#333;text-transform:uppercase;font-size:1.8rem;font-weight:300;text-decoration:none;transition:color .3s,padding-left .3s}.sidebar-links a:hover{color:#000;padding-left:15px}.collage-container{aspect-ratio:16/9;background-color:#0000;width:100%;max-width:calc(177.778vh - 213.333px);margin:auto;position:relative}.image-wrapper{flex-direction:column;display:flex;position:absolute}.image-wrapper img{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);-webkit-mask-image:radial-gradient(#000 40%,#0000 70%);mask-image:radial-gradient(#000 40%,#0000 70%)}.image-wrapper:hover img{transform:scale(.92)}.text-content{z-index:10;cursor:pointer;flex-direction:column;max-width:260px;display:flex;position:absolute}.section-architecture{width:25%;height:48%;top:10%;left:26%}.text-architecture{top:15%;left:8%}.section-interior{width:30%;height:30%;top:28%;left:62%}.text-interior{top:3%;left:62%}.section-landscape{width:25%;height:32%;top:62%;left:22%}.section-landscape img{clip-path:inset(0 round 50% 50% 0 0)}.text-landscape{top:72%;left:4%}.section-products{width:26%;height:32%;top:58%;left:68%}.text-products{top:68%;left:48%}.line-1{width:1px;height:80%;top:10%;left:10%}.line-2{width:70%;height:1px;top:25%;left:10%}.line-3{width:1px;height:80%;top:10%;left:85%}.line-4{width:50%;height:1px;top:75%;left:35%}.line-5{width:1px;height:30%;top:45%;left:46%}.arc-1{border-top:1px solid #a3a69280;border-right:1px solid #a3a69280;border-top-right-radius:100%;width:30%;height:30%;top:35%;left:0}.arc-2{border-bottom:1px solid #a3a69280;border-left:1px solid #a3a69280;border-bottom-left-radius:100%;width:20%;height:20%;top:-5%;left:65%}.dot-1{top:24.5%;left:9.7%}.dot-2{top:24.5%;left:79.7%}.dot-3{top:74.5%;left:84.7%}.dot-4{top:44.5%;left:45.7%}@media (width<=768px){.top-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.collage-container{flex-direction:column;width:100%;height:auto;display:flex}.image-wrapper,.text-content{margin-bottom:2rem;position:relative;width:100%!important;height:auto!important;top:0!important;left:0!important}.arch-line,.arch-dot,.arch-circle,.arc-1,.arc-2{display:none}.text-content{margin-top:1rem;padding:0 1rem}}.search-dropdown{z-index:100;background:#fff;border:1px solid #eaeaea;border-radius:6px;width:320px;padding:1.5rem;animation:.2s ease-out forwards dropdownFadeIn;position:absolute;top:150%;right:0;box-shadow:0 10px 40px #00000014}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-input{color:#111;border:none;border-bottom:1.5px solid #111;outline:none;width:100%;padding:.5rem 0;font-family:inherit;font-size:1rem}.search-dropdown-input::placeholder{color:#bbb}.search-dropdown-results{flex-direction:column;gap:.5rem;max-height:350px;margin-top:1rem;display:flex;overflow-y:auto}.search-dropdown-results::-webkit-scrollbar{width:4px}.search-dropdown-results::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:4px}.search-dropdown-item{cursor:pointer;border-radius:4px;align-items:center;gap:1rem;padding:.75rem;transition:background .2s;display:flex}.search-dropdown-item:hover{background:#f7f7f7}.search-dropdown-img{object-fit:cover;border-radius:3px;width:48px;height:48px}.search-dropdown-info{flex-direction:column;justify-content:center;display:flex}.search-dropdown-title{color:#111;margin-bottom:.15rem;font-size:.9rem;font-weight:500}.search-dropdown-cat{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.page-container{background-color:#faf6f0;flex-direction:column;width:100%;min-height:calc(100vh - 120px);padding:4rem 10%;display:flex}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}.about-text{max-width:500px}.about-image img{object-fit:cover;border-radius:4px;width:100%;height:60vh}.people-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4rem;display:grid}.person-card{flex-direction:column;display:flex}.person-img-wrapper{aspect-ratio:3/4;border-radius:4px;width:100%;overflow:hidden}.person-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.person-card:hover .person-img-wrapper img{transform:scale(1.05)}.careers-content{width:100%;max-width:800px;margin:0 auto}.jobs-list{flex-direction:column;gap:2rem;display:flex}.job-row{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:2rem 0;display:flex}.job-apply-btn{color:#111;text-transform:uppercase;letter-spacing:.1em;background-color:#0000;border:1px solid #111;border-radius:2px;padding:.8rem 2rem;font-size:.8rem;text-decoration:none;transition:all .3s}.job-apply-btn:hover{color:#fff;background-color:#111}.contact-grid{grid-template-columns:1fr 1.5fr;gap:6rem;display:grid}.contact-form{flex-direction:column;gap:2rem;display:flex}.contact-input{color:#111;background:0 0;border:none;border-bottom:1px solid #0003;outline:none;width:100%;padding:1rem 0;font-family:inherit;font-size:1.1rem;transition:border-color .3s}.contact-input:focus{border-bottom-color:#111}.contact-input::placeholder{color:#999}.submit-btn{color:#fff;cursor:pointer;background-color:#111;border:none;border-radius:2px;align-self:flex-start;margin-top:1rem;padding:1rem 3rem;transition:background-color .3s}.submit-btn:hover{background-color:#333}@media (width<=768px){.about-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.job-row{flex-direction:column;align-items:flex-start;gap:1.5rem}}