:root{--navy:#07152c;--deep:#050e20;--silver:#d3dbea;--ink:#13233b;--paper:#f7f7f5;--line:#d9dfe7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-9999px;top:0;background:white;color:#111;padding:1rem;z-index:30}.skip:focus{left:0}.site-header{height:105px;position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5.2%;border-bottom:1px solid #ffffff2b}.brand{width:260px;display:block}.brand img{width:100%;height:78px;object-fit:contain;filter:brightness(0) invert(1);object-position:left center}.desktop-nav{display:flex;gap:30px;align-items:center}.desktop-nav a{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#edf2fb;transition:color .2s}.desktop-nav a:hover{color:#9fb8e3}.menu-toggle{display:none;background:none;border:0;width:45px;height:45px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:white;margin:9px 0}.mobile-nav{position:absolute;z-index:25;top:105px;left:0;right:0;background:#091932;padding:24px 6%}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:20px}.mobile-nav a{color:white;text-transform:uppercase;letter-spacing:.15em;font-size:13px}.hero{height:min(920px,100svh);min-height:670px;position:relative;overflow:hidden;background:var(--deep);color:white}.hero-image{position:absolute;inset:0;background-image:url('assets/urban-architecture.jpg');background-size:cover;background-position:center;animation:cameraMove 16s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061328cc 0%,#06132855 45%,transparent 85%),linear-gradient(0deg,#051022bb,transparent 33%)}.hero-blueprint{position:absolute;inset:0;pointer-events:none;opacity:.36;mask-image:linear-gradient(90deg,transparent 45%,black 85%);animation:blueprintFade 7s ease-in-out infinite alternate}.plan{position:absolute;border:1px solid #a8c7ed6b;transform:skewY(-12deg) rotate(-2deg)}.plan-one{width:23%;height:44%;top:25%;right:12%}.plan-two{width:14%;height:30%;top:31%;right:23%}.plan-three{width:29%;height:2px;top:55%;right:5%}.hero-content{position:absolute;z-index:3;left:6%;top:31%;max-width:650px}.eyebrow{font-size:11px;letter-spacing:.3em;font-weight:600;color:#bccae0}.hero-intro{animation:riseIn 1s .1s both}.hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(70px,8.4vw,145px);font-weight:400;line-height:.95;letter-spacing:-.05em;margin:24px 0}.headline-line{display:block;animation:riseIn 1.1s .3s both}.headline-line.metallic{color:#d5dfed;background:linear-gradient(110deg,#fff 10%,#9daecb 45%,#eef3fb 68%,#8fa0c0 95%);background-clip:text;-webkit-text-fill-color:transparent;animation:riseIn 1.1s .55s both}.hero-description{max-width:480px;font-size:16px;line-height:1.85;font-weight:300;color:#e0e7f2;animation:riseIn 1s .85s both}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px;animation:riseIn 1s 1.05s both}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:600;transition:background .25s,color .25s,transform .25s}.button:hover{transform:translateY(-3px)}.button-light{border:1px solid white;color:#fff;background:#ffffff12}.button-light:hover{background:white;color:var(--navy)}.text-link{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e8eef9}.text-link span{margin-left:10px}.hero-rail{position:absolute;right:5%;top:32%;display:flex;flex-direction:column;gap:43px;font-size:10px;letter-spacing:.2em;color:#f1f4fa}.hero-rail span{border-right:1px solid #c4d5ef7a;padding-right:14px;text-align:right}.scroll-prompt{position:absolute;bottom:115px;right:5%;font-size:10px;letter-spacing:.17em;display:flex;gap:20px;align-items:center}.scroll-prompt span{font-size:22px}.hero-bottom{position:absolute;z-index:3;bottom:0;left:0;right:0;min-height:90px;background:#061126b8;border-top:1px solid #c4d5ed44;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 5%;backdrop-filter:blur(10px)}.hero-bottom span{font-size:11px;letter-spacing:.14em;padding:17px 22px;border-right:1px solid #ffffff35}.hero-bottom span:last-child{border-right:0}.section{padding:110px 7%}.section-marker{font-size:10px;letter-spacing:.2em;color:#71809a;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:75px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}.navy{color:#506b9a}.section h2,.development-section h2,.contact-section h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,5.3vw,78px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:15px 0}.section h2 em,.development-section h2 em,.contact-section h2 em{font-weight:400;color:#6f84a6}.intro-copy p{font-size:17px;line-height:1.9;color:#53627a;margin:0 0 20px}.under-link{display:inline-block;margin-top:16px;border-bottom:1px solid #8798b4;padding-bottom:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.under-link span{margin-left:35px}.statement{border-top:1px solid var(--line);margin-top:110px;padding-top:45px;display:flex;gap:12%;align-items:start}.statement span{font-size:10px;letter-spacing:.2em;color:#71809a;white-space:nowrap}.statement strong{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3.7vw,55px);font-weight:400;line-height:1.35}.expertise-section{background:#081830;color:white}.expertise-section .section-marker{border-color:#ffffff2e;color:#afbed5}.section-heading{margin-bottom:55px}.expertise-section h2 em{color:#9bafcf}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff32}.service-card{padding:40px 27px 25px;border-right:1px solid #ffffff32;min-height:350px;transition:background .25s}.service-card:hover{background:#ffffff0c}.service-card:first-child{padding-left:0}.service-card:last-child{border-right:0}.service-index{font-size:11px;color:#a5b8d6}.service-icon{font-size:45px;color:#b4c5e0;margin:45px 0 25px}.service-card h3{font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:400}.service-card p{font-size:13px;line-height:1.9;color:#b5c0d0}.projects-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:65px}.projects-heading>p{max-width:310px;font-size:15px;line-height:1.8;color:#66748a}.project-row{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:20px;border-top:1px solid var(--line);padding:30px 0}.project-row:last-child{border-bottom:1px solid var(--line)}.project-num{font-size:12px;color:#8b9bb1}.project-row h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(25px,3vw,39px);font-weight:400;margin:0 0 9px}.project-row p{font-size:13px;color:#687992;margin:0}.project-arrow{font-size:27px;color:#7d90b1}.project-note{font-size:12px;color:#7e8999;margin-top:25px}.development-section{min-height:570px;background:#101f39;color:white;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.development-art{position:relative;min-height:500px;background:radial-gradient(ellipse at 55% 65%,#3c587a,#10203b 60%,#081327)}.wireframe{position:absolute;inset:13%;border:1px solid #94b6df77;transform:perspective(700px) rotateY(-22deg) rotateX(12deg);box-shadow:40px -30px 0 -1px #142a48,40px -30px 0 0 #94b6df88,80px -60px 0 -1px #142a48,80px -60px 0 0 #94b6df66;background:repeating-linear-gradient(90deg,transparent 0 18%,#a5c5eb33 18.1% 18.4%,transparent 18.5% 36%),repeating-linear-gradient(0deg,transparent 0 19%,#a5c5eb33 19.1% 19.4%,transparent 19.5% 38%);animation:float 9s ease-in-out infinite alternate}.development-copy{padding:105px 12% 95px 9%;align-self:center}.development-copy h2 em{color:#aebfdb}.development-copy>p:not(.eyebrow){color:#b6c3d7;line-height:1.9;max-width:490px}.button-outline{border:1px solid #9dafca;margin-top:25px;color:white}.button-outline:hover{background:white;color:#081830}.contact-section{background:#edf0f4;text-align:center;padding:120px 20px}.contact-section h2{max-width:850px;margin:20px auto}.contact-section>p:not(.eyebrow){color:#68788e}.contact-section .button{background:var(--navy);margin-top:30px}.contact-section .button:hover{background:#1f3b64;color:white}.contact-section .contact-disclaimer{font-size:11px;margin-top:15px}.footer{padding:42px 7%;background:#061126;color:#b4c1d5;display:flex;justify-content:space-between;gap:30px;font-size:12px}.footer>div{display:flex;flex-direction:column;gap:12px}.footer strong{color:white;letter-spacing:.1em}.footer>div:last-child{text-align:right}.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:none}@keyframes riseIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes cameraMove{from{transform:scale(1.09) translateX(1.5%)}to{transform:scale(1) translateX(0)}}@keyframes blueprintFade{from{opacity:.07}to{opacity:.4}}@keyframes float{to{transform:perspective(700px) rotateY(-17deg) rotateX(10deg) translateY(-15px)}}@media(max-width:1000px){.desktop-nav{gap:17px}.desktop-nav a{font-size:10px}.brand{width:205px}.hero-rail{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid #ffffff32}}@media(max-width:720px){.site-header{height:84px;padding:8px 6%}.brand{width:185px}.brand img{height:70px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{top:84px}.hero{min-height:720px;height:100svh;max-height:900px}.hero-image{background-position:57% center}.hero-shade{background:linear-gradient(90deg,#061328df 0%,#061328a8 65%,#06132855),linear-gradient(0deg,#051022e6,transparent 35%)}.hero-content{left:7%;right:7%;top:29%}.hero h1{font-size:clamp(65px,14vw,105px)}.hero-description{font-size:14px;max-width:400px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-bottom{grid-template-columns:repeat(2,1fr);padding:8px 4%;min-height:92px}.hero-bottom span{font-size:9px;padding:9px 8px}.hero-bottom span:nth-child(2){border-right:0}.scroll-prompt{bottom:120px;font-size:9px}.section{padding:75px 7%}.section-marker{margin-bottom:45px}.intro-grid{grid-template-columns:1fr;gap:22px}.statement{margin-top:60px;display:block}.statement strong{display:block;margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:25px 0!important;border-right:0;border-bottom:1px solid #ffffff32}.service-icon{margin:15px 0;font-size:35px}.projects-heading{display:block}.projects-heading>p{max-width:100%}.project-row{grid-template-columns:40px 1fr 20px;gap:8px}.development-section{grid-template-columns:1fr}.development-art{min-height:270px}.development-copy{padding:55px 8% 75px}.footer{flex-direction:column}.footer>div:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Landing page revision: obscure the redundant logo printed on the conceptual site fence. */
.hero-image::after{content:"";position:absolute;right:0;bottom:0;width:29%;height:32%;background:linear-gradient(90deg,transparent 0%,#081226c9 36%,#081226e8 100%);pointer-events:none}

/* Expertise — image-first service cards (photography placeholders pending approved project photos) */
.expertise-section .service-grid{gap:18px;border-top:0;align-items:stretch}
.expertise-section .service-card,.expertise-section .service-card:first-child{padding:0;border:1px solid #ffffff29;min-height:0;overflow:hidden;background:#10233e}
.expertise-section .service-card:hover{background:#172d4d}
.service-photo-placeholder{height:190px;background:linear-gradient(135deg,#1e3b60,#09182d 58%,#345476);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;overflow:hidden;transition:transform .45s ease}
.service-photo-placeholder:before{content:"";position:absolute;inset:12%;border:1px solid #a7bfd24d;transform:skew(-14deg);background:repeating-linear-gradient(90deg,transparent 0 32px,#a7bfd225 33px 34px),repeating-linear-gradient(0deg,transparent 0 26px,#a7bfd225 27px 28px)}
.service-card:hover .service-photo-placeholder{transform:scale(1.025)}
.service-photo-placeholder span,.service-photo-placeholder small{position:relative;z-index:1;background:#081830c9;padding:6px 10px;letter-spacing:.14em;font-size:10px;color:#e0e9f5}
.service-photo-placeholder small{font-size:9px;color:#a9bcd4;text-transform:uppercase}
.service-card-body{padding:24px 20px 30px}
.expertise-section .service-card h3{font-size:24px;line-height:1.22;margin:22px 0 15px}
.expertise-section .service-card p{font-size:13px;line-height:1.8;margin:0}
@media(max-width:1000px){.expertise-section .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.expertise-section .service-grid{grid-template-columns:1fr}.expertise-section .service-card,.expertise-section .service-card:first-child{padding:0!important}.service-photo-placeholder{height:220px}}

/* Real project photography — portfolio update */
.service-photo{height:190px;overflow:hidden;background:#172a46}
.service-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.service-card:hover .service-photo img{transform:scale(1.055)}
.about-photo{position:relative;margin:60px 0 0;overflow:hidden;max-height:450px}
.about-photo img{display:block;width:100%;height:450px;object-fit:cover;object-position:center 48%}
.about-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 35px;color:white;font-family:'Playfair Display',Georgia,serif;font-size:clamp(18px,2.4vw,30px);background:linear-gradient(transparent,#061328d9)}
.project-row:has(.project-thumb){grid-template-columns:55px 145px 1fr 50px}
.project-thumb{width:145px;height:92px;object-fit:cover}
@media(max-width:720px){.service-photo{height:220px}.about-photo img{height:260px}.project-row:has(.project-thumb){grid-template-columns:28px 88px 1fr 16px;gap:9px}.project-thumb{width:88px;height:70px}}

/* Version 6: concise portfolio and Beyond Construction */
.portfolio-inquiry{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:32px}.portfolio-inquiry p{color:#60718a;font-size:15px}.beyond-section{background:#edf1f6}.beyond-heading{max-width:800px;margin-bottom:52px}.beyond-heading>p:last-child{color:#5b6d86;line-height:1.8;max-width:650px}.beyond-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.beyond-card{background:#fff;padding:38px 32px;min-height:360px;border-top:3px solid #203e70;display:flex;flex-direction:column}.beyond-symbol{font-size:40px;color:#294977}.beyond-card h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:29px;margin:20px 0 10px}.beyond-card p{font-size:14px;line-height:1.8;color:#586a83}.beyond-detail{margin-top:auto;padding-top:22px;color:#637895;font-size:11px;line-height:1.6;letter-spacing:.03em}.beyond-action{margin-top:35px}@media(max-width:800px){.beyond-grid{grid-template-columns:1fr}.beyond-card{min-height:0}.portfolio-inquiry{display:block}}

.hero-image{inset:0;background-image:url('assets/urban-architecture-clean.png');background-size:cover;background-position:center;animation:none}.hero-image::after{display:none}.hero-description{text-transform:capitalize}.draft-version{position:absolute;top:112px;right:5%;z-index:5;color:#b5c0d0;font-size:9px;letter-spacing:.18em}.museum-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding-bottom:32px}.museum-gallery figure{margin:0}.museum-gallery img{width:100%;height:240px;object-fit:cover;display:block}.credential-logos{display:flex;align-items:center;gap:12px;height:82px}.credential-logos img{width:calc((100% - 24px)/3);height:72px;object-fit:contain}.recognition-logo img{width:240px;max-width:100%;height:82px;object-fit:contain}@media(max-width:720px){.museum-gallery{grid-template-columns:1fr 1fr}.museum-gallery figure:first-child{grid-column:1/-1}.museum-gallery img{height:190px}.draft-version{top:92px}}

/* Persistent branding throughout the site. */
.site-header{position:fixed;background:rgba(7,21,44,.97);box-shadow:0 3px 18px #0002;backdrop-filter:blur(12px)}.mobile-nav{position:fixed}html{scroll-padding-top:105px}section[id]{scroll-margin-top:0}@media(max-width:720px){html{scroll-padding-top:84px}}