@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--ink:#171b1b;--ink2:#232828;--cream:#f1eee7;--gold:#b9a07a;--muted:#a8aaa5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{outline-offset:4px}.skip{position:absolute;left:-9999px;top:0;z-index:20;background:#fff;padding:12px}.skip:focus{left:12px}.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:31px clamp(24px,6vw,100px);color:#fff;border-bottom:1px solid #ffffff30}.brand{display:flex;align-items:center;gap:15px}.brand-mark{font-family:Georgia,serif;font-size:24px;letter-spacing:-3px;border:1px solid #b9a07a8a;width:51px;height:51px;display:flex;align-items:center;justify-content:center;gap:3px}.mark-rule{height:23px;width:1px;background:var(--gold);transform:rotate(25deg)}.brand-name{font-size:15px;font-weight:700;letter-spacing:.16em}.brand-name span,.footer-brand span{font-weight:400}.site-header nav{display:flex;gap:36px;font-size:12px;letter-spacing:.04em;color:#e5e3df}.site-header nav a:hover,.header-cta:hover{color:#d9bb91}.header-cta{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:9px}.header-cta span{margin-left:16px;color:var(--gold)}.hero{position:relative;min-height:760px;height:93svh;max-height:1040px;background:#262d2d;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#111817aa,#11181728),url('architecture.svg');background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0d1415a8,transparent 35%)}.hero-inner{position:relative;z-index:1;max-width:1450px;margin:auto;padding:clamp(235px,30vh,350px) clamp(24px,8vw,130px) 120px}.eyebrow,.kicker,.section-index{font-size:11px;letter-spacing:.24em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:14px;color:#f0e8dd}.gold-line{display:inline-block;width:36px;height:1px;background:var(--gold)}h1,h2,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(72px,10.5vw,166px);line-height:1.02;margin:30px 0}h1 em,h2 em{color:var(--gold);font-weight:400}.hero-description{font-size:15px;line-height:1.9;color:#d2d6d3;max-width:460px}.hero-link{display:inline-flex;gap:70px;border-bottom:1px solid var(--gold);padding:20px 0;margin-top:35px;font-size:12px;letter-spacing:.07em}.hero-link span{color:var(--gold)}.hero-bottom{position:absolute;bottom:40px;left:clamp(24px,8vw,130px);right:clamp(24px,8vw,130px);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#ddd}.section-shell{max-width:1500px;margin:auto;padding:120px clamp(24px,8vw,130px)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;min-height:550px}.section-index{display:flex;align-items:center;gap:17px;color:#746c61;white-space:nowrap}.section-index span{width:45px;height:1px;background:#ad9d89}.intro-content{max-width:760px}.kicker{color:#9d8465;margin-bottom:30px}h2{font-size:clamp(45px,5vw,78px);line-height:1.18;margin-bottom:35px}h2 em{color:#9d8465}.intro-content>p:last-child{font-size:15px;line-height:2;color:#6b6d68;max-width:580px}.financials{background:var(--ink);color:#f4f0e9}.financials .section-shell{padding-top:105px;padding-bottom:120px}.section-index.light{color:#b8b0a5}.financials-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:65px;margin-bottom:45px}.financials-heading h2{margin-bottom:0}.financials-heading>p{color:#b6b8b3;max-width:300px;line-height:1.9;font-size:14px}.document-list{border-top:1px solid #535956}.empty-doc{display:flex;gap:26px;align-items:center;padding:42px 0;border-bottom:1px solid #535956}.empty-icon{font-family:Georgia,serif;font-size:33px;color:var(--gold);border:1px solid #535956;width:65px;height:65px;display:grid;place-items:center;flex:none}.empty-doc strong{font-size:16px;font-weight:500}.empty-doc p{font-size:13px;color:#9ea5a1;margin:10px 0 0}.document-item{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0;border-bottom:1px solid #535956}.document-item small{display:block;color:var(--gold);letter-spacing:.15em;font-size:10px;margin-bottom:9px}.document-item strong{font-size:16px;font-weight:500}.doc-link{border:1px solid #7e7468;padding:13px 18px;font-size:12px;white-space:nowrap}.doc-link:hover{background:var(--gold);color:#171b1b}.file-note{font-size:11px;line-height:1.8;color:#929b97;margin-top:27px}.closing{min-height:470px}.closing h2{margin-top:30px}.closing-rule{height:1px;background:#d1c9bd;margin-top:80px}footer{background:#e8e3d9;padding:48px clamp(24px,8vw,130px)}.footer-brand{font-size:18px;letter-spacing:.17em;font-weight:700}.footer-meta{display:flex;gap:30px;justify-content:space-between;margin-top:36px;padding-top:23px;border-top:1px solid #c8c0b3;color:#77746e;font-size:11px}@media(max-width:850px){.site-header nav{display:none}.site-header{padding:20px 22px}.brand-name{font-size:12px}.brand-mark{width:40px;height:40px;font-size:19px}.header-cta{font-size:10px}.hero{min-height:680px;height:85svh}.hero-inner{padding:240px 26px 100px}.hero h1{font-size:clamp(65px,13vw,110px)}.section-shell{padding:85px 26px}.intro{grid-template-columns:1fr;gap:60px}.financials-heading{display:block}.financials-heading>p{margin-top:28px}.footer-meta{flex-direction:column;gap:15px}}@media(max-width:480px){.brand-name{letter-spacing:.07em}.header-cta{display:none}.hero h1{font-size:62px}.hero-description{font-size:13px}.document-item{align-items:start;flex-direction:column}.hero-bottom{left:26px;right:26px}}

/* Architectural Luxury — expanded navigation and projects */
.brand-mark{font-family:Georgia,serif;font-size:18px;letter-spacing:.06em;white-space:nowrap;min-width:auto}
.site-header nav{display:flex;gap:clamp(12px,2vw,32px);align-items:center;flex-wrap:wrap}
.site-header nav a{white-space:nowrap}
.projects{padding-top:115px;padding-bottom:125px;background:#f1eee8;color:#202323}
.projects-content,.contact-content{max-width:1100px;margin:40px auto 0}
.projects h2,.contact h2{font-family:Georgia,serif;font-size:clamp(44px,6vw,88px);font-weight:400;line-height:1.07;margin:12px 0 20px}
.projects h2 em,.contact h2 em{color:#a78b69;font-weight:400}
.projects-lead{color:#666;line-height:1.8;margin-bottom:42px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.project-card{background:#fff;border:1px solid #ddd8d0;min-width:0}
.project-visual{height:290px;display:flex;align-items:flex-end;justify-content:flex-end;padding:28px;position:relative;overflow:hidden}
.visual-one{background:linear-gradient(145deg,#393b38,#77766e 55%,#bbb4a7)}
.visual-two{background:linear-gradient(145deg,#a29a8d,#595952 58%,#262a29)}
.project-visual:before{content:'';position:absolute;inset:12% 25%;border:1px solid #ffffff66;transform:skew(-14deg)}
.project-visual:after{content:'';position:absolute;inset:30% 10% 18% 60%;border-left:10px solid #ffffff33;border-top:2px solid #ffffff55}
.project-visual span{color:#f3ede4;font-family:Georgia,serif;font-size:48px;position:relative;z-index:1}
.project-copy{padding:32px}
.project-no{font-size:11px;letter-spacing:.2em;color:#a78b69}
.project-copy h3{font-family:Georgia,serif;font-size:clamp(23px,2.7vw,34px);font-weight:400;line-height:1.25;margin:16px 0}
.project-copy p{color:#73716d;font-size:14px}
.contact{padding-top:100px;padding-bottom:110px;background:#e8e3da;color:#202323}
.contact-content p:last-child{max-width:620px;line-height:1.8;color:#5d5d59}
@media(max-width:900px){.site-header{flex-wrap:wrap;gap:12px}.site-header nav{order:3;width:100%;justify-content:center;gap:12px}.project-grid{grid-template-columns:1fr}.projects,.contact{padding-top:70px;padding-bottom:70px}}
@media(max-width:480px){.site-header nav{font-size:11px;gap:10px}.project-visual{height:220px}}

.version-ribbon{position:fixed;right:12px;bottom:12px;z-index:100;background:#b9a07a;color:#151919;padding:10px 16px;font:700 11px Manrope,sans-serif;letter-spacing:.12em;box-shadow:0 4px 20px #0004}

/* V3 — final navigation and square 2×2 DAMF monogram */
.brand-monogram{display:grid!important;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:48px!important;height:48px!important;min-width:48px;align-items:center;justify-items:center;border:1px solid rgba(218,200,161,.75);font-family:Georgia,serif;font-size:17px!important;line-height:1;letter-spacing:0!important;padding:4px;box-sizing:border-box;background:rgba(17,20,19,.35)}
.brand-monogram span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.brand-monogram span:nth-child(odd){border-right:1px solid rgba(218,200,161,.4)}
.brand-monogram span:nth-child(-n+2){border-bottom:1px solid rgba(218,200,161,.4)}
.site-header{overflow:visible!important;z-index:1000!important}
.primary-nav{display:flex!important;align-items:center;gap:clamp(16px,3vw,46px)!important}
.nav-dropdown{position:relative;color:#e9e4da}
.nav-dropdown summary{list-style:none;cursor:pointer;font-size:12px;letter-spacing:.06em;white-space:nowrap;padding:14px 2px;user-select:none}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary::marker{content:''}
.nav-chevron{color:#c1a981;margin-left:7px;font-size:15px}
.nav-dropdown[open] .nav-chevron{display:inline-block;transform:rotate(180deg)}
.dropdown-panel{position:absolute;top:calc(100% + 4px);right:0;min-width:290px;max-width:min(90vw,380px);background:#1c211f;border:1px solid rgba(209,188,148,.35);box-shadow:0 18px 40px #0008;padding:10px;z-index:2000}
.dropdown-panel a{display:block!important;color:#eee8dc!important;text-decoration:none;padding:15px 14px!important;font-size:12px!important;line-height:1.5;letter-spacing:.025em;white-space:normal!important;border-bottom:1px solid #ffffff17}
.dropdown-panel a:last-child{border-bottom:0}
.dropdown-panel a:hover,.dropdown-panel a:focus-visible{background:#ffffff13;color:#dfc49b!important}
#project-residences,#project-athens,#financials,#contact{scroll-margin-top:110px}
@media(max-width:650px){.site-header{gap:12px!important;flex-wrap:wrap}.brand-monogram{width:42px!important;height:42px!important;min-width:42px;font-size:15px!important}.primary-nav{gap:18px!important}.nav-dropdown summary{font-size:11px}.dropdown-panel{min-width:230px}}
