.nav-group{position:relative}.nav-group>button{border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:15px 0}.nav-group>button span{color:#a27618;font-size:11px}.nav-dropdown{position:absolute;left:50%;top:calc(100% + 14px);width:330px;padding:10px;transform:translate(-50%,8px);border:1px solid #e5e1d7;border-radius:16px;background:#fff;box-shadow:0 20px 50px #1112;opacity:0;visibility:hidden;transition:.2s}.nav-group:hover .nav-dropdown,.nav-group.open .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-dropdown:before{content:"";position:absolute;left:50%;top:-8px;width:14px;height:14px;transform:translateX(-50%) rotate(45deg);border-left:1px solid #e5e1d7;border-top:1px solid #e5e1d7;background:#fff}.nav-dropdown>a{display:flex!important;align-items:center;gap:12px;padding:12px;border-radius:11px}.nav-dropdown>a:hover{background:#faf5e8;color:#111!important}.nav-dropdown>a>b{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f7efd9;color:#a46f00}.nav-dropdown span,.nav-dropdown strong,.nav-dropdown small{display:block}.nav-dropdown strong{font-size:13px}.nav-dropdown small{margin-top:4px;color:#89867e;font-size:10px;font-weight:500}.company-menu{width:300px}
.info-hero{min-height:650px;padding:80px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:linear-gradient(115deg,#fff 67%,#f8f1dc)}.info-hero>div:first-child{max-width:640px}.info-hero small,.info-heading>small,.company-hero small,.location-info>small{color:#d89a16;font-weight:900;letter-spacing:2.2px}.info-hero h1{font-size:clamp(52px,5vw,76px);line-height:1.06;letter-spacing:-4px;margin:18px 0}.info-hero p{color:#747168;line-height:1.8;font-size:17px}.design-cube{height:460px;position:relative;display:grid;place-items:center;border-radius:28px;background:#11110f;color:#fff;overflow:hidden}.design-cube:before,.design-cube:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #d89a1670;transform:rotate(30deg) skew(-5deg)}.design-cube:after{transform:rotate(75deg) skew(-5deg)}.design-cube>span{z-index:2;font-size:110px;font-weight:950;color:#d89a16}.design-cube>b{position:absolute;left:28px;bottom:25px;font-size:11px;letter-spacing:2px}.info-section,.design-gallery,.live-section,.company-values,.process-page,.location-page{padding:100px clamp(24px,7vw,110px)}.info-heading{max-width:720px;margin-bottom:40px}.info-heading h2{font-size:43px;letter-spacing:-2px;line-height:1.2;margin:14px 0}.info-heading p{color:#77736b}.feature-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-three article{padding:28px;border:1px solid #e4e0d6;border-radius:18px}.feature-three b{color:#d89a16}.feature-three h3{font-size:21px;margin:30px 0 10px}.feature-three p{color:#78756d;line-height:1.7}.design-gallery{background:#f5f3ed}.info-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.info-project-grid article{overflow:hidden;border-radius:18px;background:#fff}.info-project-grid img{width:100%;height:360px;object-fit:cover}.info-project-grid article>div{padding:20px}.info-project-grid h3{margin:7px 0}.info-empty{grid-column:1/-1;padding:70px;border:1px solid #dedad0;border-radius:18px;text-align:center;background:#fff;color:#817e76}.floorplan-art{height:460px;display:grid;grid-template:1.3fr .7fr/1.4fr .8fr;gap:8px;padding:25px;border:2px solid #111;background:#fff;transform:rotate(-2deg);box-shadow:18px 18px 0 #d89a16}.room{display:grid;place-items:center;border:2px solid #111;font-size:11px;font-weight:900;letter-spacing:1px}.room-a{grid-row:1/3}.dark-contact{margin:0 clamp(24px,7vw,110px) 100px;padding:50px;border-radius:24px;background:#11110f;color:#fff;display:flex;justify-content:space-between;align-items:center}.dark-contact small{color:#d89a16}.dark-contact h2{font-size:34px;margin:12px 0}.dark-contact p{color:#aaa69d}.dark-contact>a{padding:16px 20px;border-radius:10px;background:#d89a16;font-weight:900}.live-section{background:#f5f3ed}.live-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.live-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#d44130;box-shadow:0 0 0 5px #d4413018}.live-head p{color:#7b786f}.live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.live-grid article{overflow:hidden;border:1px solid #e1ddd2;border-radius:18px;background:#fff}.live-image{height:330px;position:relative}.live-image img{width:100%;height:100%;object-fit:cover}.live-image span{position:absolute;left:15px;top:15px;padding:7px 9px;border-radius:20px;background:#111;color:#fff;font-size:10px}.live-grid article>div:last-child{padding:20px}.live-grid h3{font-size:22px;margin:8px 0}.live-grid p{color:#77736b}.progress-track{height:6px;margin-top:18px;border-radius:20px;background:#e8e4da}.progress-track i{display:block;height:100%;border-radius:20px;background:#d89a16}.live-grid article b{display:block;margin-top:7px;text-align:right;font-size:11px}.company-hero{min-height:650px;padding:80px clamp(24px,9vw,150px);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;background:#11110f;color:#fff}.company-letter{width:min(420px,100%);aspect-ratio:1;display:grid;place-items:center;border:1px solid #d89a1660;border-radius:80px;color:#d89a16;font-size:160px;font-weight:950;background:#ffffff05}.company-hero h1{font-size:76px;line-height:1.03;margin:18px 0}.company-hero p{max-width:580px;color:#aaa69d;line-height:1.8}.company-values{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.value-list article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #e0dcd2}.value-list span{color:#d89a16;font-weight:900}.value-list h3{font-size:23px;margin:0 0 8px}.value-list p{margin:0;color:#79766e}.process-page ol{list-style:none;margin:0;padding:0}.process-page li{display:grid;grid-template-columns:90px 1fr auto;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid #dedad0}.process-page li>b{font-size:35px;color:#d89a16}.process-page li small{color:#9a6a00;font-weight:900;letter-spacing:1px}.process-page li h2{font-size:29px;margin:7px 0}.process-page li p{margin:0;color:#77736b}.process-page li>span{padding:9px 12px;border-radius:20px;background:#f4eedf;font-size:12px}.location-page{display:grid;grid-template-columns:1.3fr .7fr;gap:50px}.location-map{height:520px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:#ece9df}.map-grid{position:absolute;inset:-50px;background-image:linear-gradient(#cbc6b8 1px,transparent 1px),linear-gradient(90deg,#cbc6b8 1px,transparent 1px);background-size:55px 55px;transform:rotate(12deg)}.location-map>span{z-index:2;width:75px;height:75px;display:grid;place-items:center;border-radius:24px;background:#111;color:#d89a16;font-size:32px;font-weight:900;box-shadow:0 12px 30px #0003}.location-map>p{position:absolute;z-index:2;bottom:120px;font-size:11px;font-weight:900;letter-spacing:2px}.location-info{padding:30px 0}.location-info h2{font-size:38px;margin:15px 0 30px}.location-info dl>div{padding:17px 0;border-bottom:1px solid #e0dcd2}.location-info dt{color:#8b877e;font-size:11px}.location-info dd{margin:7px 0 0;line-height:1.6}.location-info>a{display:inline-block;margin-top:25px;padding:14px 18px;border-radius:10px;background:#d89a16;color:#fff;font-weight:900}
@media(max-width:1000px){.info-hero,.company-values,.location-page{grid-template-columns:1fr}.company-hero{grid-template-columns:1fr}.company-letter{max-width:320px}.nav{position:relative}.nav nav{align-items:flex-end;flex-direction:column}.nav-group>button{display:none}.nav-dropdown{display:none}.feature-three{grid-template-columns:1fr}.info-project-grid,.live-grid{grid-template-columns:1fr}}
@media(max-width:650px){.info-hero{min-height:auto;padding-block:60px}.info-hero h1,.company-hero h1{font-size:48px}.design-cube,.floorplan-art{height:350px}.info-section,.design-gallery,.live-section,.company-values,.process-page,.location-page{padding-block:70px}.dark-contact{align-items:flex-start;flex-direction:column;padding:32px}.process-page li{grid-template-columns:55px 1fr}.process-page li>span{grid-column:2}.company-letter{border-radius:50px;font-size:110px}.location-map{height:380px}}