:root{--ink:#080f11;--gold:#caa46a;--white:#f4f3ed;--muted:#a5acae}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}a:hover{color:#e6c58f}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:10px;left:-9999px;z-index:50;padding:12px;background:#fff;color:#000}.skip:focus{left:10px}
.composition{position:relative;width:100%;height:max(100svh,56.28vw);background:#080f11 url('assets/reference-background.webp') center/100% 100% no-repeat;overflow:hidden}.identity{position:absolute;left:3.7%;top:4.6%;z-index:2}.wordmark{display:flex;align-items:baseline;gap:1.05vw;font-family:Georgia,'Times New Roman',serif;color:var(--gold);line-height:1.05;white-space:nowrap}.wordmark strong{font-size:5.4vw;font-weight:500;letter-spacing:.005em}.wordmark span{font-size:2.5vw}.brand-line{margin:1.05vw 0 0;font-size:.97vw;line-height:1.8;letter-spacing:.42em;color:var(--muted)}.identity:after{content:'';display:block;width:4.1vw;height:1px;background:var(--gold);margin-top:1.45vw}
.hero-copy{position:absolute;left:3.7%;top:26.4%;z-index:2}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:3.28vw;font-weight:400;line-height:1.08;letter-spacing:-.023em;margin:0}.hero-copy h1 span{display:block}.hero-copy h1 .gold{color:var(--gold)}.hero-copy h1 .final-line{font-size:2.97vw;letter-spacing:-.03em;white-space:nowrap}.values{margin:1.48vw 0 0;font-size:.69vw;letter-spacing:.33em;color:var(--muted);white-space:nowrap}.promise{position:absolute;left:3.8%;top:52.75%;border-left:1px solid var(--gold);padding-left:1.08vw;margin:0;font-size:.7vw;letter-spacing:.33em;line-height:2.05;color:var(--muted)}
.project-nav{position:absolute;left:70.7%;top:5.85%;z-index:5;display:flex;flex-direction:column;gap:.74vw;align-items:flex-start}.project-nav a{font-size:.7vw;letter-spacing:.38em;color:#b6bcbf;transition:color .25s,transform .25s}.project-nav a:hover{color:#e6c58f;transform:translateX(4px)}.project-nav:after{content:'';width:2.9vw;height:1px;background:var(--gold);margin-top:.35vw}.menu-button{display:none}
.panel-caption{position:absolute;font-size:.71vw;line-height:2.48;letter-spacing:.29em;color:#b6babb;margin:0;z-index:2}.panel-caption:after{content:'';display:block;width:1.35vw;height:1px;background:var(--gold);margin-top:.65vw}.construction-caption{left:45.65%;top:34.35%}.detail-caption{left:93.4%;top:50.6%}.partner-caption{left:84.6%;top:69.4%;line-height:2.2;font-size:.71vw;letter-spacing:.33em}.community-caption{left:3.3%;top:78.8%;line-height:1.85;font-size:.7vw;letter-spacing:.33em}.skyline-caption{left:91.7%;top:81.3%;line-height:1.65;font-size:.59vw;letter-spacing:.25em}
.services{position:absolute;left:20.7%;top:67.05%;width:58%;height:10.15%;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;z-index:3}.service{display:flex;gap:1.05vw;align-items:center;border-right:1px solid #ffffff26;padding:.4vw 1.2vw .4vw .75vw;transition:background .3s}.service:first-child{padding-left:.5vw}.service:last-child{border-right:0}.service:hover{background:linear-gradient(110deg,#caa46a12,transparent)}.service svg{width:3.1vw;height:3.45vw;color:var(--gold);flex:none;transition:transform .3s}.service:hover svg{transform:translateY(-4px)}.service h2{font:400 1.22vw/1.24 Georgia,'Times New Roman',serif;margin:0;white-space:nowrap}.service h2:after{content:'';display:block;width:2.4vw;height:1px;background:var(--gold);margin-top:.8vw}.mobile-gallery{display:none}
.contact-bar{position:absolute;left:3.25%;right:3.1%;top:92.15%;height:7.6%;display:flex;align-items:center;justify-content:space-between;gap:1.4vw;z-index:3}.contact-link{display:flex;align-items:center;gap:1.16vw;white-space:nowrap;font:400 1.05vw/1.4 Georgia,'Times New Roman',serif}.contact-link svg{color:var(--gold);width:1.85vw;height:1.85vw;flex:none}.contact-link.address{gap:1.22vw}.contact-cta{display:flex;align-items:center;justify-content:center;gap:.9vw;border:1px solid var(--gold);padding:.85vw .94vw;color:var(--white);font-size:.64vw;letter-spacing:.19em;white-space:nowrap;transition:background .25s,color .25s}.contact-cta span{font-size:1.6vw;color:var(--gold);line-height:.5}.contact-cta:hover{background:#caa46a20}
@media(prefers-reduced-motion:no-preference){.identity,.hero-copy,.project-nav,.services,.contact-bar{animation:enter .8s ease both}.hero-copy{animation-delay:.12s}.services{animation-delay:.2s}.contact-bar{animation-delay:.3s}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:2200px){.composition{max-width:2400px;margin:auto}}
@media(max-width:1100px){.composition{height:auto;min-height:100svh;overflow:visible;background:none;display:flex;flex-direction:column}.mobile-hero{position:relative;min-height:750px;height:92svh;max-height:950px;background:linear-gradient(90deg,#070e10f0 0%,#070e10be 37%,#070e103b 100%),linear-gradient(0deg,#080f11 0%,transparent 55%),url('assets/reference-construction.webp') center/cover}.identity{left:6%;top:6%}.wordmark{gap:16px}.wordmark strong{font-size:clamp(55px,9vw,86px)}.wordmark span{font-size:28px}.brand-line{font-size:12px;letter-spacing:.32em;line-height:1.85;margin-top:15px}.identity:after{width:54px;margin-top:22px}.hero-copy{left:6%;right:4%;top:37%}.hero-copy h1{font-size:clamp(37px,6.5vw,64px);line-height:1.16}.hero-copy h1 .final-line{font-size:clamp(30px,5.4vw,54px);white-space:normal;max-width:90%}.values{font-size:10px;letter-spacing:.21em;white-space:normal;max-width:340px;line-height:2;margin-top:25px}.promise{left:6%;top:auto;bottom:8%;font-size:10px;padding-left:15px;line-height:2;letter-spacing:.28em}.menu-button{display:grid;place-items:center;position:absolute;right:6%;top:7%;z-index:10;width:46px;height:46px;border:1px solid #caa46a80;background:#080f1190;color:var(--gold);cursor:pointer}.menu-button svg{width:25px;height:25px}.project-nav{left:auto;right:6%;top:calc(7% + 60px);padding:22px;background:#080f11f5;border:1px solid #caa46a70;gap:19px;visibility:hidden;opacity:0;pointer-events:none;animation:none}.project-nav.open{visibility:visible;opacity:1;pointer-events:auto}.project-nav a{font-size:11px;letter-spacing:.25em}.project-nav:after{width:45px;margin-top:3px}.construction-caption,.detail-caption,.skyline-caption{display:none}.mobile-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:var(--gold)}.mobile-gallery a{position:relative;height:300px;background:#080f11;overflow:hidden}.mobile-gallery img{height:100%;width:100%;object-fit:cover;opacity:.72;transition:transform .5s}.mobile-gallery a:hover img{transform:scale(1.025)}.mobile-gallery span{position:absolute;left:22px;right:20px;bottom:25px;color:var(--white);font:25px/1.18 Georgia,serif}.services{position:static;width:100%;height:auto;grid-template-columns:1fr 1fr;padding:20px 4%;border-bottom:1px solid #caa46a70;background:#080f11}.service{padding:22px!important;gap:20px;border:0;border-bottom:1px solid #ffffff20}.service:nth-child(odd){border-right:1px solid #ffffff20}.service:nth-child(n+3){border-bottom:0}.service svg{width:44px;height:54px}.service h2{font-size:21px;white-space:normal}.service h2:after{width:40px;margin-top:15px}.partner-caption{position:static;padding:27px 6%;font-size:11px;letter-spacing:.28em;line-height:1.85;border-bottom:1px solid #caa46a70}.partner-caption br{display:none}.partner-caption:after{width:35px;margin-top:12px}.community-caption{position:relative;left:auto;top:auto;padding:55px 6%;height:220px;background:linear-gradient(90deg,#080f11cc,transparent),url('assets/reference-skyline.webp') center/cover;font-size:11px;line-height:1.8;letter-spacing:.3em}.community-caption:after{width:40px;margin-top:16px}.contact-bar{position:static;display:grid;grid-template-columns:1fr 1fr;padding:32px 6%;gap:25px;width:100%;height:auto;border-top:1px solid #caa46a70}.contact-link{font-size:17px;gap:14px!important;white-space:normal}.contact-link svg{width:28px;height:28px}.contact-cta{grid-column:1/-1;padding:18px 20px;font-size:11px;gap:22px;width:100%;letter-spacing:.16em}.contact-cta span{font-size:26px}}
@media(max-width:540px){.mobile-hero{min-height:710px;height:100svh;max-height:850px}.identity{top:5%}.wordmark strong{font-size:61px}.wordmark span{font-size:25px}.brand-line{font-size:10px}.hero-copy{top:35.5%}.hero-copy h1{font-size:38px}.hero-copy h1 .final-line{font-size:33px;max-width:330px}.promise{bottom:8%}.values{max-width:300px;font-size:9px;letter-spacing:.22em}.mobile-gallery a{height:235px}.mobile-gallery span{font-size:22px;left:18px;bottom:20px}.services{padding:16px 3%}.service{padding:18px 10px!important;gap:12px}.service svg{width:36px;height:46px}.service h2{font-size:18px}.contact-bar{grid-template-columns:1fr;gap:24px}.contact-cta{grid-column:auto}.contact-link{font-size:18px}.menu-button{top:6%}.project-nav{top:calc(6% + 60px)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}