:root{--ink:#101010;--paper:#f4f1eb;--soft:#e6e0d7;--muted:#6f6a62;--line:rgba(16,16,16,.14);--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(244,241,235,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,16,16,.08)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1.5px solid currentColor;border-radius:50%;font:700 20px/1 "Manrope",sans-serif}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font:700 15px/1.1 "Manrope",sans-serif;letter-spacing:.22em}.brand-text small{font-size:8px;letter-spacing:.28em;margin-top:4px}.main-nav{display:flex;align-items:center;gap:27px}.main-nav a{color:var(--ink);text-decoration:none;font-size:14px}.main-nav a:hover{opacity:.6}.nav-social{border-left:1px solid var(--line);padding-left:27px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 12px}.hero{min-height:94vh;background:#111;color:white;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:150px 0 90px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(255,255,255,.12),transparent 33%),linear-gradient(130deg,#0c0c0c 25%,#202020 70%,#0c0c0c)}.hero-art{position:absolute;inset:0;opacity:.95}.house-line{position:absolute;border:1px solid rgba(255,255,255,.16);transform:skewX(-18deg)}.line-one{width:560px;height:320px;right:8%;top:22%}.line-two{width:430px;height:250px;right:24%;top:36%}.line-three{width:680px;height:1px;right:2%;top:63%;border-top:1px solid rgba(255,255,255,.16)}.hero-content{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600;margin:0 0 24px}.eyebrow.dark{color:var(--muted)}h1,h2,h3{font-family:"Manrope",sans-serif;margin-top:0}h1{font-size:clamp(52px,7.2vw,108px);letter-spacing:-.055em;line-height:.92;max-width:1050px;margin-bottom:34px}h1 em{font-family:Georgia,serif;font-weight:400}.hero-copy{font-size:18px;max-width:650px;color:rgba(255,255,255,.74);margin:0 0 36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;text-decoration:none;font-weight:600;font-size:14px}.btn-light{background:white;color:#111}.btn-outline{border:1px solid rgba(255,255,255,.5);color:white}.hero-note{position:absolute;right:48px;bottom:30px;font:italic 16px Georgia,serif;color:rgba(255,255,255,.7)}.section-pad{padding:110px 0}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:90px}.statement h2,.section-head h2,.contact h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.045em;line-height:1.02;margin-bottom:0}.body-copy{font-size:18px;color:#403d38}.body-copy p:first-child{font-size:25px;color:var(--ink);line-height:1.35}.text-link{display:inline-block;margin-top:20px;color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}.services{background:#fff}.section-head{margin-bottom:55px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-grid article{padding:28px 28px 55px 0;border-right:1px solid var(--line);min-height:290px}.service-grid article+article{padding-left:28px}.service-grid article:last-child{border-right:0}.service-grid span,.process-list span{font-size:12px;color:var(--muted)}.service-grid h3{font-size:24px;margin:80px 0 16px}.service-grid p{color:var(--muted)}.signature{background:#121212;color:white}.signature-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.18)}.signature-grid div{padding:30px 30px 10px 0;border-right:1px solid rgba(255,255,255,.18)}.signature-grid div+div{padding-left:30px}.signature-grid div:last-child{border-right:0}.signature-grid strong{font:600 22px "Manrope",sans-serif}.signature-grid p{color:rgba(255,255,255,.65)}.split-head{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:end}.split-head>p{color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:22px}.project-card{background:white}.project-card.tall{grid-row:span 2}.project-visual{min-height:360px;position:relative;overflow:hidden}.tall .project-visual{height:100%;min-height:742px}.project-visual:before,.project-visual:after{content:"";position:absolute;inset:auto}.visual-a{background:linear-gradient(145deg,#cbc4b7,#786e62)}.visual-a:before{width:72%;height:48%;left:16%;bottom:20%;background:#262626;clip-path:polygon(0 28%,55% 0,100% 28%,100% 100%,0 100%)}.visual-a:after{width:48%;height:18%;left:29%;bottom:26%;border:1px solid rgba(255,255,255,.45)}.visual-b{background:linear-gradient(145deg,#ddd7cc,#9b9185)}.visual-b:before{width:72%;height:44%;left:14%;bottom:20%;background:#ece8df;box-shadow:inset -90px 0 0 #2a2a2a}.visual-c{background:linear-gradient(145deg,#b5b0a6,#68635b)}.visual-c:before{width:76%;height:48%;left:12%;bottom:18%;background:#ded8ce;clip-path:polygon(0 20%,30% 0,100% 0,100% 100%,0 100%)}.project-meta{padding:22px 24px 26px}.project-meta h3{margin-bottom:5px;font-size:20px}.project-meta span{color:var(--muted);font-size:13px}.process{background:white}.process-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-list div{padding:28px 26px 0 0}.process-list h3{font-size:23px;margin-top:44px}.process-list p{color:var(--muted)}.contact{background:#171717;color:white}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:start}.contact h2{margin-bottom:28px}.contact p{color:rgba(255,255,255,.67);max-width:620px}.contact-card{border-top:1px solid rgba(255,255,255,.18)}.contact-card a{display:flex;flex-direction:column;color:white;text-decoration:none;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.18)}.contact-card span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.5);margin-bottom:6px}.contact-card strong{font-size:18px}footer{background:#0e0e0e;color:rgba(255,255,255,.58);padding:55px 0}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .7fr 1.2fr;gap:35px;font-size:13px}.footer-brand{color:white}.footer-grid p{margin:0 0 6px}.footer-grid a{display:block;color:rgba(255,255,255,.68);text-decoration:none;margin-bottom:7px}.copyright{text-align:right}
@media(max-width:900px){.container{width:min(calc(100% - 32px),var(--max))}.nav-wrap{height:72px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:25px 16px 30px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.nav-social{border-left:0;padding-left:0}.hero{min-height:88vh;padding:130px 0 70px}.hero-note{right:16px}.two-col,.contact-grid,.split-head{grid-template-columns:1fr;gap:35px}.service-grid,.signature-grid,.process-list{grid-template-columns:1fr 1fr}.service-grid article:nth-child(2){border-right:0}.signature-grid div:nth-child(2){border-right:0}.project-grid{grid-template-columns:1fr}.tall .project-visual{min-height:520px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{text-align:left}}
@media(max-width:600px){.section-pad{padding:78px 0}.hero{padding-bottom:55px}.hero-copy{font-size:16px}.service-grid,.signature-grid,.process-list{grid-template-columns:1fr}.service-grid article,.service-grid article+article,.signature-grid div,.signature-grid div+div{border-right:0;padding-left:0;border-bottom:1px solid var(--line)}.signature-grid div,.signature-grid div+div{border-color:rgba(255,255,255,.18)}.service-grid h3{margin-top:40px}.project-visual,.tall .project-visual{min-height:380px}.footer-grid{grid-template-columns:1fr}.copyright{text-align:left}.hero-note{display:none}}

/* Official Sleek Building Group logo */
.brand-logo { display:block; width:210px; max-height:72px; object-fit:contain; object-position:left center; }
.footer-logo { width:190px; }
@media (max-width: 700px) { .brand-logo { width:160px; max-height:58px; } }