*{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;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-page{background-color:#fff;width:100%;min-height:100vh;font-family:Helvetica Neue,Helvetica,Inter,sans-serif}.sub-nav-bar{z-index:10;position:relative}.sub-nav{z-index:10;background:#fff;border-bottom:none;justify-content:center;align-items:center;gap:2rem;width:100%;margin-top:-1rem;padding:0 0 1rem;display:flex}.sub-nav-btn{color:#000;text-transform:capitalize;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400}.sub-nav-btn:hover{color:#555}.sub-nav-btn.active{font-weight:500}.projects-feed{width:100%;padding:0 0 5rem}.feed-section,.feed-subsection{flex-direction:column;display:flex;border:none!important;outline:none!important}.project-row{cursor:pointer;background-color:#0000;justify-content:space-between;align-items:flex-start;width:100%;max-width:620px;margin:0 auto;padding:0 1rem 10px;display:flex;position:relative}.project-info{text-align:right;flex-direction:column;flex:0 0 25%;align-items:flex-end;margin-top:0;padding-right:20px;display:flex}.project-row.expanded .project-info{justify-content:space-between;height:70vh}.project-icon{color:#fff;background:#000;justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:8px;display:flex}.project-icon svg{width:14px;height:14px}.project-name{color:#000;max-width:100%;margin:0 0 10px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.25}.project-location{color:#777;text-transform:uppercase;letter-spacing:.04em;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:400}.project-image-wrap{flex:0 0 70%;position:relative;overflow:hidden}.project-row.expanded{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:60px;max-width:100%;padding:40px 4rem;overflow-x:auto}.project-row.expanded::-webkit-scrollbar{display:none}.project-row.expanded .project-info{flex:0 0 300px}.horizontal-gallery{flex-wrap:nowrap;flex-shrink:0;gap:20px;display:flex;overflow:visible}.gallery-main-image{object-fit:cover;flex-shrink:0;width:auto;height:70vh}.gallery-block{flex-shrink:0;gap:20px;display:flex}.gallery-image{object-fit:contain;width:auto;height:70vh}.gallery-text-block{white-space:normal;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:250px;padding-top:0;display:flex}.gallery-desc{color:#000;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4}.project-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:12px;width:100%;margin-top:20px;display:flex}.meta-item{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.year-item{margin-bottom:8px}.meta-label{color:#a0a0a0;letter-spacing:.1em;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600}.meta-value{color:#111;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:12px}.share-section{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.share-text{color:#999;letter-spacing:.1em;font-family:Arial,Helvetica,sans-serif;font-size:9px}.share-icons{gap:12px;display:flex}.share-icons .icon{cursor:pointer;font-size:14px}.credits-block{gap:20px}.credits-block .meta-item{text-align:left;align-items:flex-start}.project-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;box-shadow:none;border:none;border-radius:0;display:block}.project-row:hover .project-image{transition:transform .6s cubic-bezier(.16,1,.3,1);transform:scale(1.02)}@media (width<=480px){.projects-feed{padding:1rem 1rem 4rem}.project-row{flex-direction:column;align-items:flex-start;padding:1.5rem 0}.project-info{flex:unset;text-align:left;align-items:flex-start;width:100%;padding-bottom:1rem;padding-left:.5rem;padding-right:0}.project-image-wrap{flex:unset;width:100%}.sub-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:0 1rem}}.about-page{color:#000;background-color:#fff;flex-direction:column;width:100%;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.about-content{width:100%;max-width:1200px;margin:0 auto;padding:8rem 4rem 4rem}.about-title{margin:0 0 4rem;font-size:7rem;font-weight:400;line-height:1}.about-text-columns{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.about-column p{color:#333;margin-bottom:1.5rem;font-size:14px;line-height:1.6}.about-author{color:#000;margin-top:3rem}.about-grid-section{width:100%;margin-top:auto;padding:4rem}.about-projects-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.about-grid-img-wrap{aspect-ratio:16/9;width:100%;margin-bottom:1rem;overflow:hidden}.about-grid-img-wrap img{object-fit:cover;width:100%;height:100%}.about-grid-label{text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.about-grid-icon{font-size:12px}.about-grid-plus{color:#888;margin-left:4px}.about-footer{flex-direction:column;align-items:center;gap:12rem;width:100%;padding:4rem;display:flex}.footer-links{gap:8rem;display:flex}.footer-btn{color:#888;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:Arial,Helvetica,sans-serif;font-size:11px;display:flex}.footer-btn:hover{color:#000}.footer-btn .plus{font-size:12px}.back-to-top{color:#000;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:1rem;font-family:Arial,Helvetica,sans-serif;font-size:11px}.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:0;padding:1.5rem 3rem;display:flex}.nav-left{align-items:center;gap:1.5rem;display:flex}.brand-toggle{cursor:pointer;z-index:60;justify-content:flex-end;align-items:center;width:130px;height:30px;display:flex;position:relative}.brand-text{letter-spacing:.1em;color:#111;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;right:0}.brand-dots{opacity:0;pointer-events:none;flex-direction:row;gap:8px;transition:opacity .3s,transform .3s;display:flex;position:absolute;right:0;transform:translateY(-10px)}.brand-dots .dot{background-color:#111;border-radius:50%;width:8px;height:8px}.brand-toggle:hover .brand-text,.brand-toggle.menu-mode .brand-text{opacity:0;pointer-events:none;transform:translateY(10px)}.brand-toggle:hover .brand-dots,.brand-toggle.menu-mode .brand-dots{opacity:1;transform:translateY(0)}.nav-search{color:#333;cursor:pointer;align-items:center;display:flex}.header-main-nav{align-items:center;gap:40px;display:flex;position:static;transform:none}.header-nav-btn{color:#888;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;transition:color .3s;position:relative}.header-nav-btn:hover,.header-nav-btn.active{color:#000}.header-nav-btn.active{font-weight:500}.header-nav-btn.active:before{content:"";background-color:#000;width:5px;height:5px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.inline-menu{opacity:0;visibility:hidden;z-index:40;flex-direction:column;align-items:flex-end;gap:1.2rem;padding-top:2rem;transition:opacity .4s,transform .4s,visibility .4s;display:flex;position:absolute;top:100%;left:auto;right:0;transform:translateY(-10px)}.inline-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.inline-menu a{letter-spacing:.05em;color:#888;text-transform:uppercase;text-align:right;font-size:1.2rem;font-weight:400;text-decoration:none;transition:color .3s,padding-right .3s}.inline-menu a:hover{color:#111;padding-right: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(1.05)}.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%;left:0;right:auto;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:#fff;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}}
