@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101110;--panel:#1a1b19;--gold:#d8ba83;--text:#f7f7f1;--muted:#a6aaa1;--line:#ffffff20;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.75 Manrope,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;text-wrap:balance}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:#101110}em{font-style:normal;color:var(--gold)}.skip{position:fixed;top:-100px;background:var(--gold);color:black;padding:12px;z-index:100}.skip:focus{top:5px}.header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;height:116px;max-width:1600px;margin:auto;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{width:144px;height:99px;object-fit:contain;display:block}.header nav{display:flex;align-items:center;gap:35px;font-size:14px;font-weight:500}.header nav>a:not(.nav-contact){color:#c5c8c0;transition:color .25s}.header nav>a:hover{color:var(--gold)}.nav-contact{display:flex;align-items:center;gap:25px;padding:12px 14px 12px 22px;border:1px solid #ffffff40;border-radius:40px;margin-left:18px}.nav-contact span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--gold);color:#111;font-size:21px}.menu-button{display:none}.hero{position:relative;max-width:1600px;margin:0 auto;min-height:750px;overflow:hidden;padding:65px 5% 115px}.hero-image{position:absolute;right:4%;top:40px;width:55%;height:calc(100% - 140px);background:url('assets/architecture.jpg') center/cover;border-radius:12px;animation:picture-in 1.5s var(--ease) both}.hero-shade{position:absolute;right:4%;top:40px;width:55%;height:calc(100% - 140px);background:linear-gradient(90deg,#101110 0%,#10111045 43%,transparent 85%),linear-gradient(0deg,#101110ab,transparent 50%);border-radius:12px}.hero-content{position:relative;z-index:1;padding-top:22px;max-width:920px}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--gold);font-size:12px;font-weight:600;letter-spacing:2px;margin-bottom:28px}.hero .eyebrow{font-size:11px}.eyebrow>span{width:24px;height:1px;background:currentColor}.hero h1{font-size:clamp(64px,7.8vw,112px);font-weight:500;letter-spacing:-6px;line-height:1.02;max-width:900px;margin-bottom:28px}.hero h1 em{font-weight:400}.hero-desc{font-size:16px;line-height:1.85;color:#bbc0b4;margin:0 0 28px;max-width:390px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;font-weight:700;border-radius:50px;padding:9px 9px 9px 25px;min-height:58px;transition:transform .3s,background .3s,box-shadow .3s}.light{background:var(--gold);color:#161914}.button>span{display:grid;place-items:center;border-radius:50%;background:#171a16;color:#e5cc9d;width:40px;height:40px;font-size:25px;transition:transform .35s}.button:hover{background:#ebd5ad;transform:translateY(-3px);box-shadow:0 10px 30px #0003}.button:hover>span{transform:rotate(45deg)}.hero-secondary{font-size:13px;color:#e3e5dc;border-bottom:1px solid #7f8871;padding:8px 0}.hero-bottom{position:absolute;left:5%;right:5%;bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:22px;color:#adb4a4;font-size:11px;letter-spacing:1.2px}.hero-bottom a{color:#dfe4d6}.hero-bottom a span{margin-left:18px}.image-note{font-size:10px;letter-spacing:.3px}.hero-index{position:absolute;right:7%;bottom:145px;border:1px solid #ffffff30;background:#161b16aa;backdrop-filter:blur(12px);padding:17px 24px;font-size:24px;border-radius:9px;color:var(--gold)}.hero-index span{font-size:11px;letter-spacing:1.7px;color:#f1f2eb;margin-left:15px}.section{padding:100px max(6%,calc((100vw - 1400px)/2))}.intro{background:#181a17;border-top:1px solid var(--line)}.intro-top{display:flex;justify-content:space-between;margin-bottom:36px}.intro-top .eyebrow{margin:0}.intro-location{font-size:13px;color:#989e90}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%}h2{font-size:clamp(40px,4.3vw,65px);font-weight:500;letter-spacing:-2.8px}.intro-copy{color:#a6ad9e;max-width:530px}.intro-copy p:first-child{font-size:20px;color:#e1e6d9;line-height:1.7;margin-bottom:19px}.intro-copy p+p{font-size:15px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:13px 0;color:var(--gold);background:none;border:0;border-bottom:1px solid #b69f704a;font-size:14px;font-weight:600;min-height:50px;margin-top:17px}.text-link>span{font-size:24px;transition:transform .25s}.text-link:hover>span{transform:translate(4px,-4px)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.principles>span{border:1px solid #ffffff1a;border-radius:8px;padding:24px;font-size:14px;background:#ffffff02;display:flex;align-items:center;gap:20px}.principles b{font-size:12px;color:var(--gold);font-weight:500}.project{background:#f2f1ec;color:#181c17}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.project .eyebrow,.contact .eyebrow,dialog .eyebrow{color:#7c653e}.project h2 em{color:#8c754c}.outline-label{border-radius:30px;border:1px solid #c4c7b8;padding:10px 17px;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:1px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border-radius:16px;background:#fff;border:1px solid #dfe0d7}.project-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 25%,#393a30,#1a2019 75%);overflow:hidden}.project-visual::before{content:'';position:absolute;inset:24px;border:1px solid #d8ba8333;border-radius:8px;pointer-events:none}.project-visual img{width:68%;height:270px;object-fit:contain;z-index:1;filter:drop-shadow(0 18px 20px #0005);transition:transform .65s var(--ease)}.project-visual:hover img{transform:translateY(-7px)}.project-visual-label{font-size:11px;letter-spacing:2.5px;color:var(--gold);margin-top:30px;z-index:1}.project-copy{padding:48px}.project-copy .eyebrow{font-size:11px;letter-spacing:1.3px;margin-bottom:25px}.project-copy h3{font-size:38px;font-weight:500;letter-spacing:-1.8px;margin-bottom:22px}.project-copy>p:not(.eyebrow){font-size:15px;color:#67705e;line-height:1.8}.project-facts{display:flex;gap:50px;margin:28px 0 20px;border-top:1px solid #e0e3d8;padding-top:20px}.project-facts strong{display:block;font-size:32px;font-weight:500;line-height:1.3;letter-spacing:-1px}.project-facts span{font-size:12px;color:#6c755f}.project-status{font-size:12px;color:#52713e;display:flex;gap:8px;align-items:center}.project-status>span{width:6px;height:6px;border-radius:50%;background:#688449}.project-copy .text-link{border:0;background:#1b2219;color:#f2f4eb;border-radius:40px;padding:12px 19px;gap:28px;width:100%;margin-top:25px}.project-copy .text-link>span{background:#d8ba83;color:#111;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.services{background:#101110}.services .section-heading>p{font-size:15px;color:#999f93;max-width:310px;line-height:1.8}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.service{position:relative;background:#1a1d18;border:1px solid #ffffff14;border-radius:12px;padding:30px;transition:background .3s,border-color .3s}.service:hover,.service[open]{border-color:#bba16f60;background:#20251d}.service summary{list-style:none;display:grid;grid-template-columns:48px 1fr 32px;align-items:center;gap:18px;cursor:pointer;min-height:105px}.service summary::-webkit-details-marker{display:none}.service-number{position:absolute;top:15px;right:22px;color:#858e7a;font-size:11px;letter-spacing:1px}.service svg{width:42px;height:42px;fill:none;stroke:var(--gold);stroke-width:1.2}.service h3{font-size:23px;font-weight:500;letter-spacing:-.7px;line-height:1.3}.plus{width:32px;height:32px;border:1px solid #a08d6855;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--gold);transition:transform .3s}.service[open] .plus{transform:rotate(45deg)}.service>p{font-size:15px;color:#abb4a0;line-height:1.85;padding-top:15px;margin-top:8px;border-top:1px solid var(--line);animation:fade .4s}.contact{background:#d5bd90;color:#171c14;position:relative;overflow:hidden}.contact .eyebrow{color:#574b32}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14%;align-items:center}.contact h2{font-size:clamp(46px,5.3vw,78px);font-weight:500;letter-spacing:-3.2px}.contact h2 em{color:#5d604a}.contact-grid>div>p{font-size:17px;line-height:1.8;color:#3d442f}.contact-signature{display:inline-flex;margin:25px 0 8px;background:#20251a;border-radius:10px;padding:15px 30px}.contact-signature img{display:block;width:175px;height:125px;object-fit:contain}.contact-region{display:block;font-size:12px;color:#4c513c}footer{padding:45px 6% 25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;background:#101110}footer .brand-logo{width:155px;height:112px}footer>p{font-size:14px;color:#9ba18f}footer>a:last-of-type{font-size:13px;color:var(--gold)}.footer-bottom{display:flex;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:22px;gap:20px;font-size:11px;color:#8b9480}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}dialog{max-width:580px;width:calc(100% - 32px);max-height:90svh;border:1px solid #c5b18a;background:#f2f1eb;color:#20261b;border-radius:16px;padding:55px;box-shadow:0 35px 100px #0008}dialog::backdrop{background:#0a100cbb;backdrop-filter:blur(12px)}dialog h2{font-size:43px;margin-bottom:24px}dialog>p{color:#667259}dialog dl{margin:25px 0}dialog dl>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #d7dbcf;font-size:14px}dialog dd{margin:0;text-align:right}.dialog-note{font-size:13px}.dialog-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:1px solid #bfc8b3;border-radius:50%;font-size:25px;background:transparent;color:#25331e}@keyframes picture-in{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.hero{min-height:840px}.hero-content{padding-top:45px}.hero-desc{margin:32px 0}.hero h1{font-size:118px}}
@media(max-width:1100px){.header nav{gap:21px;font-size:13px}.nav-contact{margin-left:0;padding-left:16px;gap:12px}.hero{min-height:700px}.hero h1{font-size:82px}.hero-content{padding-top:20px}.hero-image,.hero-shade{width:62%}.project-copy{padding:35px}.project-copy h3{font-size:32px}.project-visual{min-height:480px}.service{padding:24px}.service summary{gap:13px;grid-template-columns:40px 1fr 30px}.service h3{font-size:21px}.service svg{width:34px;height:34px}}
@media(max-width:760px){html{scroll-padding-top:30px}.header{height:95px;padding:0 6%;border-bottom:0}.header .brand-logo{width:125px;height:88px}.menu-button{display:flex;flex-direction:column;gap:6px;justify-content:center;width:45px;height:45px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff04;padding:13px}.menu-button span{height:1px;width:100%;background:#e2c894}.header nav{display:none;position:absolute;top:95px;left:4%;right:4%;padding:20px;background:#20241dfa;border:1px solid #af986950;border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;font-size:15px;box-shadow:0 20px 45px #0009}.header nav.open{display:flex}.header nav>a{padding:14px}.nav-contact{margin-top:8px;justify-content:space-between}.hero{padding:30px 6% 86px;min-height:940px}.hero-content{padding:0;max-width:none}.hero .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:25px;gap:8px}.hero .eyebrow>span{width:16px}.hero h1{font-size:clamp(53px,14vw,83px);letter-spacing:-3px;line-height:1.04;margin-bottom:22px}.hero-desc{font-size:15px;line-height:1.8;max-width:330px;margin-bottom:23px}.hero-actions{gap:20px;flex-wrap:wrap}.button{font-size:13px;min-height:53px;padding:7px 7px 7px 20px;gap:24px}.button>span{width:38px;height:38px}.hero-secondary{font-size:12px}.hero-image{top:410px;left:6%;right:6%;width:auto;height:390px;background-position:60% center;border-radius:10px}.hero-shade{top:410px;left:6%;right:6%;width:auto;height:390px;background:linear-gradient(0deg,#1011109c,transparent 70%);border-radius:10px}.hero-index{bottom:165px;right:10%;font-size:21px;padding:10px 15px;border-radius:7px}.hero-index span{font-size:9px;margin-left:8px}.hero-bottom{left:6%;right:6%;bottom:23px;display:grid;grid-template-columns:1fr auto;gap:9px;font-size:9px;letter-spacing:.7px;padding-top:15px}.hero-bottom a{font-size:9px}.hero-bottom a span{margin-left:4px}.hero-bottom .image-note{grid-column:1/-1;font-size:10px}.section{padding:70px 6%}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.intro-top{margin-bottom:26px}.intro-location{display:none}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:28px}h2{font-size:42px;letter-spacing:-1.8px;line-height:1.13}.intro-copy p:first-child{font-size:19px}.intro-copy p+p{font-size:15px}.principles{grid-template-columns:1fr;gap:9px;margin-top:32px}.principles>span{padding:18px 21px;font-size:14px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px}.outline-label{font-size:10px}.project-grid{grid-template-columns:1fr;border-radius:12px}.project-visual{min-height:350px}.project-visual img{height:205px;width:65%}.project-visual-label{font-size:10px;margin-top:20px;letter-spacing:2px}.project-copy{padding:28px 24px}.project-copy h3{font-size:33px}.project-copy .eyebrow{font-size:10px}.project-facts{gap:50px}.project-facts strong{font-size:30px}.project-copy .text-link{font-size:12px;padding:10px 13px 10px 18px}.service-list{grid-template-columns:1fr;gap:12px}.service{padding:24px}.service summary{min-height:90px;grid-template-columns:36px 1fr 30px;gap:15px}.service h3{font-size:23px}.service>p{font-size:15px}.services .section-heading>p{font-size:15px}.contact h2{font-size:49px;letter-spacing:-2.3px}.contact-grid>div>p{font-size:16px}.contact-signature{padding:12px 25px}.contact-signature img{width:160px;height:114px}footer{padding:30px 6% 24px;gap:20px}footer .brand-logo{width:140px;height:100px}footer>a:last-of-type{margin-left:auto}footer>p{order:2;width:100%;font-size:13px}.footer-bottom{order:3;flex-direction:column;gap:7px;margin-top:6px;font-size:10px}dialog{padding:55px 25px 30px}dialog h2{font-size:36px}dialog dl>div{font-size:13px}}
@media(max-width:360px){.hero h1{font-size:49px}.hero-actions{gap:13px}.hero-secondary{font-size:11px}.hero{min-height:965px}.hero-image,.hero-shade{top:445px;height:360px}.hero-index{bottom:174px}.hero-bottom{grid-template-columns:1fr}.service{padding:22px 18px}.service h3{font-size:21px}h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}