:root{--ink:#1f2624;--ink-2:#2c3531;--paper:#f5f4ef;--paper-2:#e9ece7;--white:#fff;--muted:#69736e;--line:#d8ddd8;--accent:#5b7068;--accent-dark:#40534d;--max:1240px;--shadow:0 18px 50px rgba(24,31,28,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.eyebrow,.nav a,.btn,.tag,.meta{font-size:11px;letter-spacing:.15em;text-transform:uppercase}.topline{background:var(--ink);color:#e9ece9}.topline .container{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topline span{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.site-header{position:absolute;z-index:20;left:0;right:0;top:38px;color:#fff}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.11em}

/* CORRECTED DYNAMIC LOGO SCALING */
.official-logo {
  height: 2.3em;
  width: auto;
  object-fit: contain;
  display: block;
  margin-right: 4px;
  
  /* CRUISE CONTROL: CUTS AWAY THE BLACK PADDING IMMEDIATELY */
  mix-blend-mode: screen; 
  transform: scale(2.2);    /* Blows up the inner graphic to fill the frame */
}

Use code with caution..logo-mark{width:48px;height:48px;border:1px solid rgba(255,255,255,.65);display:grid;place-items:center;font-family:Georgia,serif;font-size:18px}.logo-copy{font-size:14px;line-height:1.1}.logo-copy small{display:block;font-size:8px;letter-spacing:.22em;font-weight:500;margin-top:5px;opacity:.85}.nav{display:flex;align-items:center;gap:27px}.nav a{font-weight:650;color:#fff}.nav a:hover{opacity:.75}.nav .cta{border:1px solid rgba(255,255,255,.75);padding:11px 14px}.hero{min-height:820px;position:relative;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,rgba(13,20,18,.82) 0%,rgba(13,20,18,.45) 48%,rgba(13,20,18,.1) 100%),url('../images/deck_9_after2.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(transparent,var(--paper));opacity:.9}.hero .container{position:relative;z-index:2;padding-top:85px}.hero-content{max-width:790px}.hero .eyebrow{margin-bottom:20px;color:#e7ece9}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(54px,7.5vw,92px);line-height:.95;letter-spacing:-.045em;margin:0 0 28px}.hero p{font-size:19px;max-width:610px;color:#edf0ee;margin:0 0 34px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;font-weight:750;border:1px solid transparent;transition:.2s}.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:#e9eeeb}.btn-outline{border-color:rgba(255,255,255,.75);color:#fff}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--ink-2)}.trust{position:absolute;left:0;right:0;bottom:42px;z-index:3}.trust .container{display:flex;gap:30px;flex-wrap:wrap}.trust-item{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.trust-item:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#fff;margin:0 11px 2px 0}.section{padding:110px 0}.section-white{background:#fff}.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.eyebrow-dark{color:var(--accent);font-weight:750}.display{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.04;letter-spacing:-.035em}.intro h2{font-size:52px;margin:14px 0}.lead{font-size:19px;color:var(--muted);max-width:700px}.body{color:var(--muted);font-size:16px}.rule{height:1px;background:var(--line);margin-top:32px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-head h2{font-size:50px;margin:10px 0 0}.section-head p{max-width:470px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{background:#fff;padding:30px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s}.service:hover{transform:translateY(-3px);box-shadow:var(--shadow);position:relative;z-index:1}.service .num{color:var(--accent);font-size:11px;letter-spacing:.15em}.service h3{font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.08;font-weight:500;margin:58px 0 10px}.service p{color:var(--muted);font-size:14px;margin:0}.service .arrow{display:inline-block;margin-top:22px;color:var(--accent);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.featured-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.project{position:relative;overflow:hidden;background:#dfe3df}.project img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.03)}.project-main{height:650px}.project-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px}.project-small{height:315px}.project-label{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.94);padding:11px 14px}.project-label strong{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.project-label span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.before-after{background:var(--ink);color:#fff}.ba-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}.before-after .body{color:#cbd2ce}.compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare figure{position:relative;margin:0}.compare img{width:100%;height:460px;object-fit:cover}.compare figcaption{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.55);padding:6px 9px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid var(--line)}.step{padding:28px 25px 10px 0;border-right:1px solid var(--line);margin-right:25px}.step:last-child{border:0;margin-right:0}.step .num{color:var(--accent);font-size:11px;letter-spacing:.15em}.step h3{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500;margin:50px 0 10px}.step p{font-size:14px;color:var(--muted);max-width:240px}.area{background:var(--paper-2)}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.area h2{font-size:54px;margin:14px 0}.area-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}.area-list div{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.cta-section{background:#fff;padding:115px 0}.cta-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px}.cta-section h2{font-size:64px;margin:12px 0 22px}.contact-details{border-top:1px solid var(--line)}.contact-details div{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.form{display:grid;gap:14px}.form label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid var(--line);background:var(--paper);font:inherit;color:var(--ink)}.form textarea{min-height:150px;resize:vertical}.footer{background:var(--ink);color:#dce2df;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:50px}.footer h4{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px}.footer p,.footer a{font-size:13px;color:#b8c0bc}.footer a{display:block;margin:7px 0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;font-size:10px;color:#89938e;display:flex;justify-content:space-between;gap:20px}.page-hero{background:var(--ink);color:#fff;padding:190px 0 95px}.page-hero h1{font-size:72px;margin:12px 0 15px}.page-hero p{max-width:700px;color:#cdd4d0;font-size:18px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery figure{margin:0;background:#ddd}.gallery img{width:100%;height:330px;object-fit:cover}.gallery figcaption{padding:15px;background:#fff}.gallery strong{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.gallery span{font-size:12px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-grid img{height:600px;width:100%;object-fit:cover}.about-card{background:#fff;padding:45px;box-shadow:var(--shadow)}.about-card h2{font-size:46px;margin:12px 0 18px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:80px 0;border-bottom:1px solid var(--line)}.service-detail:nth-child(even) img{order:2}.service-detail img{height:470px;width:100%;object-fit:cover}.service-detail h2{font-size:46px;margin:12px 0}.mobile-menu{display:none}.featured-story{margin-top:95px;padding-top:95px;border-top:1px solid var(--line)}.featured-story-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:end;margin-bottom:38px}.featured-story-head h2{font-size:52px;margin:12px 0 0}.featured-story-copy{max-width:720px}.featured-story-grid{display:grid;grid-template-columns:1.1fr .95fr .95fr;grid-template-rows:210px 210px;gap:14px}.featured-story-grid figure{margin:0;overflow:hidden;background:#ddd;position:relative}.featured-story-grid figure:first-child{grid-row:span 2}.featured-story-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.featured-story-grid figure:hover img{transform:scale(1.025)}.featured-story-grid figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.93);padding:7px 10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.project-story{margin-bottom:90px}.project-story-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:34px}.project-story-copy h2{font-size:54px;margin:12px 0}.project-story-copy .lead{margin:0}.project-story-images{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:220px 220px;gap:14px}.project-story-images figure{margin:0;position:relative;overflow:hidden;background:#ddd}.project-story-images figure:first-child{grid-row:span 2}.project-story-images img{width:100%;height:100%;object-fit:cover}.project-story-images figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.93);padding:7px 10px}.project-story-images strong{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.project-story-images span{font-size:10px;color:var(--muted)}.scope-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;margin-top:24px;border-top:1px solid var(--line)}.scope-list span{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}@media(max-width:900px){.featured-story-head,.project-story-copy{grid-template-columns:1fr;gap:25px}.featured-story-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.featured-story-grid figure:first-child{grid-row:auto;grid-column:span 2}.featured-story-grid figure:last-child{grid-column:auto}.project-story-images{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.project-story-images figure:first-child{grid-row:auto;grid-column:span 2}.nav{display:none}.mobile-menu{display:block;color:#fff;border:1px solid rgba(255,255,255,.6);padding:9px 12px;font-size:11px;text-transform:uppercase}.intro-grid,.ba-grid,.area-grid,.cta-grid,.about-grid,.service-detail{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:1fr 1fr}.featured-grid{grid-template-columns:1fr}.project-main{height:480px}.project-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}.project-small{height:270px}.process-grid{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.gallery{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:58px}}@media(max-width:600px){.container{width:min(var(--max),calc(100% - 36px))}.topline{display:none}.site-header{top:0}.site-header .container{padding-top:12px}.logo{gap:9px}.logo-copy{font-size:12px}.logo-copy small{font-size:7px;letter-spacing:.16em}.hero{min-height:740px;background-position:64% center}.hero .container{padding-top:120px}.hero h1{font-size:51px}.hero p{font-size:17px}.trust{bottom:28px}.trust .container{gap:10px}.trust-item{font-size:9px}.section{padding:78px 0}.intro h2,.section-head h2,.area h2{font-size:38px}.section-head{display:block}.section-head p{margin-top:18px}.service-grid,.process-grid,.gallery,.project-stack,.featured-story-grid,.project-story-images{grid-template-columns:1fr}.project-main{height:390px}.featured-story{margin-top:70px;padding-top:70px}.featured-story-head h2,.project-story-copy h2{font-size:39px}.featured-story-grid{grid-auto-rows:240px}.featured-story-grid figure:first-child,.project-story-images figure:first-child,.featured-story-grid figure:last-child,.project-story-images figure:last-child{grid-column:auto}.project-story-images{grid-template-rows:240px 240px 240px}.scope-list{grid-template-columns:1fr}.project-small{height:260px}.compare{grid-template-columns:1fr}.compare img{height:300px}.cta-section h2{font-size:48px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:8px}.page-hero{padding:145px 0 70px}.page-hero h1{font-size:47px}.about-grid img{height:400px}.service-detail img{height:340px}.service-detail:nth-child(even) img{order:0}}@media(max-width:900px){.nav.mobile-open{display:flex!important;position:absolute;top:76px;left:18px;right:18px;background:rgba(31,38,36,.98);padding:18px;flex-direction:column;align-items:stretch;box-shadow:0 16px 40px rgba(0,0,0,.2)}.nav.mobile-open a{padding:11px 4px}.nav.mobile-open .cta{margin-top:6px;text-align:center}}@media(max-width:600px){.site-header .container{padding-top:12px}.logo{gap:9px}.logo-copy{font-size:12px}.logo-copy small{font-size:7px;letter-spacing:.16em}.featured-story{margin-top:70px;padding-top:70px}.featured-story-head h2,.project-story-copy h2{font-size:39px}.featured-story-grid{grid-template-columns:1fr;grid-auto-rows:240px}.featured-story-grid figure:first-child,.featured-story-grid figure:last-child{grid-column:auto}.project-story-images{grid-template-columns:1fr;grid-template-rows:repeat(5,240px)}.project-story-images figure:first-child,.project-story-images figure:last-child{grid-column:auto}}.form-note{font-size:12px;line-height:1.6;color:var(--muted);margin:4px 0 6px}.mobile-lead{display:none}@media(max-width:700px){.mobile-lead{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;gap:8px;background:rgba(20,22,20,.96);padding:8px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.mobile-lead a{flex:1;text-align:center;padding:11px 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.mobile-lead .call{background:#fff;color:#161816}.mobile-lead .consult{background:#7f8a76;color:#fff}.footer{padding-bottom:92px}}
/* Mobile navigation refinement — keep hamburger closed/open; do not transform to X */
@media (max-width: 900px) {
  .site-header .container {
    position: relative;
  }

  .mobile-menu {
    position: relative;
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
  }

  .mobile-menu::before {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    box-shadow: 0 -7px 0 #fff, 0 7px 0 #fff;
  }

  .nav.mobile-open {
    display: flex !important;
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    right: 0;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    background: rgba(31, 38, 36, .98);
    padding: 14px 18px 18px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .25);
    border: 1px solid rgba(255, 255, 255, .12);
  }

  .nav.mobile-open a {
    display: block;
    padding: 13px 4px;
    color: #fff;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
  }

  .nav.mobile-open a:last-child {
    border-bottom: 0;
  }

  .nav.mobile-open .cta {
    margin-top: 12px;
    padding: 13px 14px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .65);
  }
}

@media (max-width: 600px) {
  .mobile-menu {
    width: 42px;
    height: 42px;
  }

  .mobile-menu::before {
    width: 21px;
  }

  .nav.mobile-open {
    left: 0;
    right: 0;
    max-height: calc(100vh - 105px);
  }
}

/* =========================================================
   FINAL HERO BUTTON + MOBILE REFINEMENTS
   - Keeps desktop hero buttons clickable
   - Prevents decorative hero overlays from intercepting clicks
   - Removes hero buttons on mobile; mobile lead bar remains
   ========================================================= */

.hero {
  position: relative;
}

.hero::before,
.hero::after {
  pointer-events: none;
}

.hero .container {
  position: relative;
  z-index: 10;
  pointer-events: auto;
}

.hero-content {
  position: relative;
  z-index: 11;
  pointer-events: auto;
}

.hero .actions {
  position: relative;
  z-index: 12;
  pointer-events: auto;
}

.hero .actions a {
  position: relative;
  z-index: 13;
  pointer-events: auto;
}

/* On phones, keep the hero clean and use the fixed mobile lead bar instead. */
@media (max-width: 700px) {
  .hero .actions {
    display: none;
  }
}