:root {
        --black: #080909;
        --ink: #101111;
        --line: #292b2b;
        --white: #f4f2ed;
        --muted: #aaa9a3;
        --gold: #b99b64;
        --gold2: #d3b77f;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        background: var(--black);
        color: var(--white);
        font-family: "Manrope", sans-serif;
      }
      h1,
      h2,
      h3,
      .brand-text,
      nav,
      .btn,
      .kicker,
      .eyebrow,
      .float,
      .back-to-top,
      button,
      label {
        font-family: "Space Grotesk", sans-serif;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      .wrap {
        width: min(1180px, 92%);
        margin: auto;
      }
      header {
        position: fixed;
        z-index: 50;
        top: 0;
        left: 0;
        right: 0;
        padding: 12px 0;
        background: rgba(43, 46, 42, 0.96);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        box-shadow: 0 10px 24px rgba(12, 14, 12, 0.2);
      }
      .nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .brand {
        display: flex;
        align-items: center;
        gap: 14px;
        transition: opacity 0.25s ease;
      }
      .brand:hover {
        opacity: 0.86;
      }
      .brand-mark {
        width: 52px;
        height: 52px;
        border: 0;
        display: block;
        object-fit: contain;
      }
      .brand-text {
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0.13em;
      }
      .brand-text small {
        display: block;
        font-size: 7px;
        letter-spacing: 0.2em;
        color: #8d8c86;
        margin-top: 4px;
      }
      nav {
        display: flex;
        gap: 4px;
        font-size: 11px;
        color: #d8d6d0;
      }
      nav a {
        padding: 10px 12px;
        border: 1px solid transparent;
        transition:
          color 0.25s ease,
          background 0.25s ease,
          border-color 0.25s ease;
      }
      nav a:hover,
      nav a:focus-visible {
        color: var(--gold2);
        background: rgba(211, 183, 127, 0.08);
        border-color: rgba(211, 183, 127, 0.28);
        outline: none;
      }
      section {
        padding: 100px 0;
      }
      .hero {
        min-height: 820px;
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
      }
      .hero-media {
        position: absolute;
        inset: 0;
        background: url("assets/trabalho-01.jpeg") center 42% / cover no-repeat;
        transform: scale(1.025);
      }
      .hero-shade {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          90deg,
          rgba(4, 5, 5, 0.96),
          rgba(4, 5, 5, 0.72) 43%,
          rgba(4, 5, 5, 0.18)
        );
      }
      .hero-inner {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 850px);
        align-items: center;
        padding-top: 65px;
      }
      .hero-copy {
        max-width: 850px;
      }
      .eyebrow,
      .kicker {
        color: var(--gold2);
        font-size: 10px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        font-weight: 800;
      }
      .faq-kicker {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        opacity: 1;
        animation: faq-kicker-in 0.7s 0.12s ease forwards;
      }
      .faq-kicker::before {
        content: "";
        width: 34px;
        height: 1px;
        background: var(--gold2);
        animation: faq-kicker-line 0.65s 0.28s ease forwards;
      }
      .faq-kicker::after {
        content: "◆";
        color: var(--gold);
        font-size: 6px;
        transform: scale(1);
        animation: faq-kicker-mark 0.45s 0.62s ease forwards;
      }
      @keyframes faq-kicker-in {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      @keyframes faq-kicker-line {
        to {
          width: 34px;
        }
      }
      @keyframes faq-kicker-mark {
        to {
          transform: scale(1);
        }
      }
      .hero h1 {
        font-size: clamp(50px, 7.2vw, 88px);
        line-height: 0.94;
        letter-spacing: -0.055em;
        margin: 16px 0 25px;
      }
      .hero h1 em,
      .drone-copy h2 em {
        font-style: normal;
        color: var(--gold2);
      }
      .hero p {
        max-width: 720px;
        color: #d0cec7;
        font-size: 18px;
        line-height: 1.65;
      }
      .hero-note {
        display: flex;
        align-items: center;
        gap: 8px;
        max-width: 720px;
        margin-top: 24px;
        padding-top: 16px;
        border-top: 1px solid rgba(255, 255, 255, 0.18);
        color: #aaa;
        font-size: 11px;
        letter-spacing: 0.02em;
      }
      .hero-note span {
        color: var(--gold2);
      }
      .buttons {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 30px;
      }
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 14px 20px;
        border: 1px solid #5a5b57;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 0.08em;
      }
      .btn.primary {
        background: var(--gold);
        border-color: var(--gold);
        color: #0a0a09;
      }
      .btn:hover {
        transform: translateY(-1px);
      }
      .whatsapp-form-btn {
        width: 100%;
        margin-top: 12px;
        padding: 14px 20px;
        background: #25d366;
        border-color: #25d366;
        color: #07120d;
        cursor: pointer;
      }
      .logo-card {
        position: relative;
        padding: 22px 20px 17px;
        text-align: center;
        background: rgba(8, 9, 9, 0.22);
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(9px);
        box-shadow: 0 24px 70px #0004;
      }
      .logo-card img {
        width: 100%;
        max-height: 235px;
        object-fit: contain;
        opacity: 0.76;
      }
      .logo-card p {
        margin: 4px 0;
        color: #d8d4ca;
        font-size: 8px;
        letter-spacing: 0.18em;
        font-weight: 900;
      }
      .strip {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: #0d0e0e;
        padding: 76px 0 0;
      }
      .strip-grid {
        display: block;
      }
      .strip-heading {
        display: grid;
        grid-template-columns: 1fr 420px;
        gap: 50px;
        align-items: end;
        margin-bottom: 42px;
      }
      .strip-heading h2 {
        max-width: 620px;
        margin: 10px 0 0;
        font-size: 36px;
        line-height: 1.05;
        letter-spacing: -0.04em;
      }
      .strip-heading p {
        margin: 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.7;
      }
      .strip-items,
      .facts,
      .drone-points {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
      }
      .strip-items {
        border-top: 1px solid var(--line);
      }
      .strip-item {
        padding: 22px 18px;
        border-right: 1px solid var(--line);
      }
      .strip-item:first-child {
        border-left: 1px solid var(--line);
      }
      .strip-item strong {
        display: block;
        color: var(--gold);
        font-size: 10px;
      }
      .strip-item span {
        font-size: 13px;
        color: #ddd;
      }
      .section-head {
        display: grid;
        grid-template-columns: 1fr 420px;
        gap: 50px;
        align-items: end;
        margin-bottom: 42px;
      }
      .section-head h2,
      .area h2 {
        font-size: 45px;
        line-height: 1.02;
        letter-spacing: -0.04em;
        margin: 9px 0;
      }
      .section-head p,
      .about-copy p,
      .area p,
      .condo-copy p {
        color: var(--muted);
        line-height: 1.75;
        font-size: 14px;
      }
      .services {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1px;
        background: var(--line);
        border: 1px solid var(--line);
      }
      .service {
        background: var(--ink);
        padding: 30px;
        min-height: 270px;
        display: flex;
        flex-direction: column;
      }
      .service .no {
        color: var(--gold);
        font-size: 10px;
      }
      .service h3 {
        font-size: 21px;
        margin: 38px 0 9px;
      }
      .service p {
        color: var(--muted);
        font-size: 13px;
        line-height: 1.65;
        margin: 0;
        flex: 1;
      }
      .service b {
        font-size: 10px;
        color: var(--gold2);
        letter-spacing: 0.1em;
        margin-top: 22px;
      }
      .service-action {
        cursor: pointer;
      }
      .service-action:hover,
      .service-action:focus-visible {
        color: var(--white);
        outline: none;
      }
      .service-dialog {
        position: fixed;
        inset: 0;
        z-index: 100;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background: rgba(0, 0, 0, 0.72);
      }
      .service-dialog.is-open {
        display: flex;
      }
      .service-dialog-panel {
        position: relative;
        width: min(560px, 100%);
        padding: 38px;
        background: #151616;
        border: 1px solid var(--line);
        box-shadow: 0 25px 80px rgba(0, 0, 0, 0.45);
      }
      .service-dialog-panel h2 {
        margin: 12px 40px 16px 0;
        font-size: 38px;
        line-height: 1.04;
        letter-spacing: -0.04em;
      }
      .service-dialog-panel p {
        max-width: 470px;
        margin: 0;
        color: var(--muted);
        font-size: 15px;
        line-height: 1.75;
      }
      .service-dialog-close {
        position: absolute;
        top: 16px;
        right: 18px;
        width: 36px;
        height: 36px;
        border: 1px solid var(--line);
        background: transparent;
        color: var(--white);
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
      }
      .service-dialog-close:hover {
        color: var(--gold2);
        border-color: var(--gold);
      }
      .service-dialog-actions {
        margin-top: 28px;
      }
      .about,
      .why {
        background: #0d0e0e;
      }
      .about-grid,
      .area-grid,
      .contact,
      .condo-grid,
      .problem-inner,
      .drone-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 70px;
        align-items: center;
      }
      .about-photo {
        min-height: 560px;
        background: url("assets/trabalho-03.jpeg") center/cover;
        border: 1px solid var(--line);
      }
      .condos {
        background: #0b0c0c;
      }
      .condo-photo {
        min-height: 500px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border: 1px solid var(--line);
      }
      .condo-list {
        margin: 28px 0;
      }
      .condo-list div {
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 13px 0;
        border-top: 1px solid var(--line);
        font-size: 13px;
      }
      .condo-list b {
        color: var(--gold);
        font-size: 10px;
      }
      .about-copy h2,
      .condo-copy h2,
      .problem h2 {
        font-size: 43px;
        line-height: 1.03;
        letter-spacing: -0.04em;
        margin: 10px 0 18px;
      }
      .facts {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-top: 28px;
      }
      .fact {
        border-top: 1px solid var(--line);
        padding: 15px 0;
      }
      .fact b {
        display: block;
        color: var(--gold2);
        font-size: 12px;
      }
      .fact span {
        font-size: 12px;
        color: #d4d2cc;
      }
      .why-grid,
      .process-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1px;
        background: var(--line);
        border: 1px solid var(--line);
      }
      .why-grid > div,
      .step {
        background: #111212;
        padding: 27px;
        min-height: 190px;
      }
      .why-grid span,
      .step strong {
        font-size: 10px;
        color: var(--gold);
      }
      .why-grid h3,
      .step h3 {
        font-size: 19px;
        margin: 37px 0 8px;
      }
      .why-grid p,
      .step p {
        color: var(--muted);
        font-size: 13px;
        line-height: 1.6;
        margin: 0;
      }
      .drone-section {
        background: #0b0c0c;
        border-block: 1px solid var(--line);
      }
      .drone-grid {
        grid-template-columns: 1.05fr 0.95fr;
        gap: 55px;
      }
      .drone-visual {
        position: relative;
        min-height: 520px;
        border: 1px solid var(--line);
        background: #111;
      }
      .drone-visual video {
        width: 100%;
        height: 100%;
        min-height: 520px;
        display: block;
        object-fit: cover;
      }
      .drone-copy h2 {
        font-size: clamp(38px, 4.5vw, 66px);
        line-height: 0.98;
      }
      .drone-copy p {
        max-width: 560px;
        color: var(--muted);
        font-size: 15px;
        line-height: 1.8;
      }
      .drone-callout {
        display: flex;
        flex-direction: column;
        gap: 5px;
        max-width: 560px;
        margin: 25px 0 0;
        padding: 16px 18px;
        border-left: 2px solid var(--gold);
        background: rgba(185, 155, 100, 0.08);
      }
      .drone-callout strong {
        color: var(--gold2);
        font-size: 14px;
      }
      .drone-callout span {
        color: #c7c4bc;
        font-size: 12px;
        line-height: 1.5;
      }
      .drone-points {
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        background: var(--line);
        border: 1px solid var(--line);
        margin-top: 30px;
      }
      .drone-point {
        background: #101111;
        padding: 20px;
      }
      .drone-point b,
      .drone-point span {
        display: block;
      }
      .drone-point span {
        color: var(--muted);
        font-size: 12px;
        line-height: 1.5;
      }
      .drone-tag {
        position: absolute;
        left: 18px;
        top: 18px;
        z-index: 3;
        color: var(--gold2);
        font-size: 9px;
        letter-spacing: 0.18em;
      }
      .video-section {
        background: #090a0a;
      }
      .video-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
      }
      .video-card {
        position: relative;
        border: 1px solid var(--line);
        background: #111;
        overflow: hidden;
        height: 420px;
      }
      .video-card video {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #080808;
      }
      .video-caption {
        position: absolute;
        left: 18px;
        bottom: 48px;
        z-index: 2;
      }
      .video-caption span,
      .video-caption b {
        display: block;
      }
      .video-caption span {
        color: var(--gold2);
        font-size: 9px;
      }
      .gallery {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr 0.9fr;
        grid-auto-rows: 260px;
        gap: 13px;
      }
      .gallery figure {
        margin: 0;
        position: relative;
        overflow: hidden;
        border: 1px solid var(--line);
      }
      .gallery figure:first-child {
        grid-row: span 2;
      }
      .gallery figure:nth-child(4) {
        grid-column: span 2;
      }
      .gallery figure::after {
        content: "";
        position: absolute;
        inset: 35% 0 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(
          to bottom,
          rgba(8, 9, 9, 0),
          rgba(8, 9, 9, 0.88) 78%,
          rgba(8, 9, 9, 0.96)
        );
      }
      .gallery img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .gallery figcaption {
        position: absolute;
        z-index: 2;
        left: 17px;
        right: 17px;
        bottom: 15px;
      }
      .gallery figcaption b,
      .gallery figcaption span {
        display: block;
      }
      .gallery figcaption b {
        color: var(--white);
        font-size: 14px;
        line-height: 1.25;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85);
      }
      .gallery figcaption span {
        color: #c5b99f;
        font-size: 9px;
        letter-spacing: 0.12em;
        margin-top: 4px;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.85);
      }
      .area {
        background: #101111;
      }
      .chips {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 25px;
      }
      .chips span {
        border: 1px solid #383a38;
        padding: 9px 12px;
        font-size: 11px;
      }
      .radius {
        height: 390px;
        border: 1px solid var(--line);
        position: relative;
        background: radial-gradient(circle, #2a2823, #151616 35%, #0b0c0c 70%);
      }
      .radius i,
      .radius i:before,
      .radius i:after {
        content: "";
        position: absolute;
        border: 1px solid #3b382f;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }
      .radius i {
        width: 330px;
        height: 330px;
        border-style: dashed;
      }
      .radius i:before {
        width: 210px;
        height: 210px;
      }
      .radius i:after {
        width: 90px;
        height: 90px;
        background: var(--gold);
        border: 0;
      }
      .radius strong {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #101010;
      }
      .radius label {
        position: absolute;
        left: 22px;
        bottom: 18px;
        color: #85847e;
        font-size: 9px;
      }
      .problem {
        background: #14120f;
        border-block: 1px solid #342d23;
      }
      .problem-inner {
        gap: 70px;
      }
      .problem p {
        color: #aaa69d;
        line-height: 1.75;
        font-size: 14px;
      }
      .text-link {
        color: var(--gold2);
        font-size: 10px;
        font-weight: 900;
      }
      .faq {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        animation: faq-reveal 0.7s ease both;
      }
      @keyframes faq-reveal {
        from {
          opacity: 0;
          transform: translateY(18px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .faq-layout {
        display: grid;
        grid-template-columns: 0.72fr 1.28fr;
        gap: 42px;
        align-items: start;
      }
      .faq-aside {
        min-height: 100%;
        padding: 30px;
        background: linear-gradient(145deg, #1b1915, #111212);
        border: 1px solid #3a3326;
        animation: faq-reveal 0.7s 0.08s ease both;
      }
      .faq-aside-number {
        display: block;
        color: var(--gold2);
        font-size: 11px;
        letter-spacing: 0.18em;
      }
      .faq-aside h3 {
        margin: 72px 0 12px;
        font-size: 25px;
        line-height: 1.08;
      }
      .faq-aside p {
        margin: 0;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.7;
      }
      .faq-aside .text-link {
        display: inline-block;
        margin-top: 28px;
      }
      .faq details {
        background: #121313;
        border: 1px solid var(--line);
        padding: 19px;
        animation: faq-reveal 0.55s ease both;
        transition: border-color 0.25s ease, background 0.25s ease;
      }
      .faq details:nth-child(2) { animation-delay: 0.06s; }
      .faq details:nth-child(3) { animation-delay: 0.12s; }
      .faq details:nth-child(4) { animation-delay: 0.18s; }
      .faq details:nth-child(5) { animation-delay: 0.24s; }
      .faq details:nth-child(6) { animation-delay: 0.30s; }
      .faq details:hover {
        border-color: #4b4232;
        background: #171817;
      }
      .faq details[open] {
        background: #171817;
        border-color: #514632;
      }
      .faq summary {
        cursor: pointer;
        font-weight: 800;
        font-size: 13px;
        list-style: none;
      }
      .faq summary::-webkit-details-marker {
        display: none;
      }
      .faq summary::after {
        content: "+";
        float: right;
        color: var(--gold2);
        font-size: 18px;
        font-weight: 400;
      }
      .faq details[open] summary::after {
        content: "−";
      }
      .faq p {
        max-height: 0;
        overflow: hidden;
        margin: 0;
        opacity: 0;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.65;
        transition: max-height 0.35s ease, opacity 0.35s ease, margin 0.35s ease;
      }
      .faq details[open] p {
        max-height: 220px;
        margin: 13px 0 0;
        opacity: 1;
      }
      .cta {
        position: relative;
        overflow: hidden;
        background:
          linear-gradient(115deg, rgba(185, 155, 100, 0.12), transparent 42%),
          linear-gradient(100deg, #1a1814, #0d0e0e);
        border-block: 1px solid #3a3326;
      }
      .cta::after {
        content: "";
        position: absolute;
        top: 0;
        right: 8%;
        width: 1px;
        height: 100%;
        background: linear-gradient(transparent, #8d754a, transparent);
        opacity: 0.65;
      }
      .cta-inner {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 80px;
        align-items: center;
      }
      .cta-copy {
        animation: cta-rise 0.7s ease both;
      }
      @keyframes cta-rise {
        from { opacity: 0; transform: translateY(16px); }
        to { opacity: 1; transform: translateY(0); }
      }
      .cta-kicker {
        display: inline-flex;
        align-items: center;
        gap: 10px;
      }
      .cta-kicker::before {
        content: "";
        width: 34px;
        height: 1px;
        background: var(--gold2);
      }
      .cta h2 {
        max-width: 720px;
        margin: 12px 0 18px;
        font-size: clamp(40px, 5vw, 64px);
        line-height: 1.02;
      }
      .cta p {
        max-width: 650px;
        color: var(--muted);
        font-size: 15px;
        line-height: 1.75;
      }
      .cta-brief {
        padding: 28px;
        background: rgba(8, 9, 9, 0.34);
        border: 1px solid rgba(211, 183, 127, 0.28);
        animation: cta-rise 0.7s 0.12s ease both;
      }
      .cta-brief-number {
        display: block;
        color: var(--gold2);
        font-size: 11px;
        letter-spacing: 0.18em;
      }
      .cta-brief strong {
        display: block;
        margin: 42px 0 22px;
        color: var(--white);
        font-family: "Space Grotesk", sans-serif;
        font-size: 20px;
        line-height: 1.2;
      }
      .cta-brief-list {
        display: grid;
        gap: 12px;
      }
      .cta-brief-list span {
        padding-top: 12px;
        border-top: 1px solid var(--line);
        color: #c7c4bc;
        font-size: 12px;
      }
      .contact {
        align-items: start;
      }
      .contact h2 {
        font-size: 45px;
      }
      .form {
        background: #121313;
        border: 1px solid var(--line);
        padding: 28px;
      }
      label {
        display: block;
        color: #aaa;
        font-size: 10px;
        text-transform: uppercase;
        margin-bottom: 7px;
      }
      input,
      textarea,
      select {
        width: 100%;
        background: #0a0b0b;
        color: #eee;
        border: 1px solid #303230;
        padding: 13px;
        margin: 0 0 16px;
        font: inherit;
      }
      textarea {
        min-height: 120px;
      }
      .brandbar {
        padding: 48px 0;
        background: #0a0b0b;
        border-block: 1px solid var(--line);
      }
      .brandbar .wrap {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 28px;
      }
      .brandbar-center {
        display: flex;
        align-items: center;
        gap: 18px;
      }
      .brandbar-center img {
        width: 90px;
        height: 58px;
        object-fit: contain;
        opacity: 0.72;
      }
      .brandbar-center span,
      .brandbar-center b,
      .brandbar-side span,
      .brandbar-side small {
        display: block;
      }
      .brandbar-center span {
        font-size: 14px;
        font-weight: 900;
      }
      .brandbar-center b {
        font-size: 8px;
        color: var(--gold2);
      }
      .brandbar-side {
        color: #c7c4bc;
        font-size: 10px;
        letter-spacing: 0.14em;
      }
      .brandbar-side small {
        margin-top: 8px;
        color: #777;
        font-size: 8px;
        letter-spacing: 0.12em;
      }
      .brandbar-left {
        text-align: left;
      }
      .brandbar-right {
        text-align: right;
      }
      footer {
        border-top: 1px solid var(--line);
        padding: 30px 0;
        color: #777;
        font-size: 11px;
      }
      .foot {
        display: flex;
        justify-content: space-between;
      }
      .float {
        position: fixed;
        right: 18px;
        bottom: 72px;
        z-index: 60;
        background: var(--gold);
        color: #080908;
        padding: 13px 17px;
        font-weight: 900;
        font-size: 10px;
      }
      .back-to-top {
        position: fixed;
        right: 18px;
        bottom: 18px;
        z-index: 60;
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--gold);
        color: #080908;
        border: 1px solid var(--gold);
        font-size: 22px;
        font-weight: 900;
        line-height: 1;
        box-shadow: 0 15px 35px #0008;
        transition: transform 0.25s ease, background 0.25s ease;
      }
      .back-to-top:hover {
        transform: translateY(-2px);
        background: var(--gold2);
      }
      @media (max-width: 850px) {
        nav {
          display: none;
        }
        .hero {
          min-height: 760px;
        }
        .hero-inner,
        .about-grid,
        .area-grid,
        .contact,
        .condo-grid,
        .problem-inner,
        .drone-grid {
          grid-template-columns: 1fr;
          gap: 35px;
        }
        .logo-card {
          display: none;
        }
        .strip-grid {
          display: block;
        }
        .strip-heading {
          grid-template-columns: 1fr;
          gap: 12px;
        }
        .strip-items {
          grid-template-columns: 1fr 1fr;
        }
        .section-head {
          grid-template-columns: 1fr;
          gap: 10px;
        }
        .cta-inner {
          grid-template-columns: 1fr;
          gap: 35px;
        }
        .services,
        .process-grid,
        .why-grid {
          grid-template-columns: 1fr 1fr;
        }
        .video-grid {
          grid-template-columns: 1fr;
        }
        .video-card {
          height: 380px;
        }
        .gallery {
          grid-template-columns: 1fr 1fr;
        }
        .gallery figure:first-child {
          grid-row: span 1;
        }
        .gallery figure:nth-child(4) {
          grid-column: span 2;
        }
        .faq {
          grid-template-columns: 1fr;
        }
        .faq-layout {
          grid-template-columns: 1fr;
          gap: 24px;
        }
        .faq-aside h3 {
          margin-top: 34px;
        }
        .about-photo {
          min-height: 380px;
        }
        .condo-photo {
          min-height: 350px;
        }
        .brandbar p {
          display: none;
        }
        .brandbar .wrap {
          grid-template-columns: 1fr;
          gap: 24px;
          justify-items: center;
        }
        .brandbar-side,
        .brandbar-right,
        .brandbar-left {
          text-align: center;
        }
        .brandbar-center {
          order: -1;
        }
      }
      @media (max-width: 560px) {
        .services,
        .process-grid,
        .strip-grid,
        .why-grid {
          grid-template-columns: 1fr;
        }
        .gallery {
          grid-template-columns: 1fr;
          grid-auto-rows: 260px;
        }
        .gallery figure:nth-child(4) {
          grid-column: auto;
        }
        .hero h1 {
          font-size: 50px;
        }
        .facts,
        .drone-points {
          grid-template-columns: 1fr;
        }
      }

      /* Warm architectural palette: lighter surfaces with the brand gold retained. */
      :root {
        --black: #292c29;
        --ink: #343833;
        --line: #50534b;
        --white: #f1eee6;
        --muted: #b5b3a9;
        --gold: #c39a56;
        --gold2: #e1bc73;
      }
      body {
        background: var(--black);
        color: var(--white);
      }
      header {
        background: rgba(43, 46, 42, 0.96);
        border-bottom-color: rgba(255, 255, 255, 0.1);
      }
      .brand-text,
      nav {
        color: #f1eee6;
      }
      .brand-text small {
        color: #aaa99f;
      }
      nav a:hover,
      nav a:focus-visible {
        background: rgba(177, 138, 77, 0.1);
        border-color: rgba(141, 107, 50, 0.3);
      }
      .hero-shade {
        background: linear-gradient(
          90deg,
          rgba(10, 12, 11, 0.88),
          rgba(10, 12, 11, 0.62) 48%,
          rgba(10, 12, 11, 0.12)
        );
      }
      .hero h1,
      .hero p,
      .hero-note,
      .hero .eyebrow {
        color: #f6f3ec;
      }
      .strip {
        background: #30332f;
      }
      .strip-item span {
        color: #e1ded5;
      }
      .about {
        background: #363a35;
      }
      .why {
        background: #2f332f;
      }
      .services,
      .why-grid,
      .process-grid {
        background: #50534b;
        border-color: #50534b;
      }
      .service,
      .why-grid > div,
      .step {
        background: #3d413b;
      }
      .service:hover {
        background: #464a43;
      }
      .drone-section {
        background: #303833;
      }
      .drone-point {
        background: #39413b;
      }
      .video-section {
        background: #252b28;
      }
      .video-caption b {
        color: #f6f3ec;
      }
      .condos,
      .area {
        background: #363a35;
      }
      .problem {
        background: #40392f;
        border-color: #62533b;
      }
      .dark {
        background: #30332f;
      }
      .faq-section {
        background: #2f332f;
      }
      .faq details {
        background: #3c403a;
      }
      .faq details:hover,
      .faq details[open] {
        background: #464a43;
      }
      .faq-aside {
        background: linear-gradient(145deg, #403a30, #343833);
        border-color: #79633d;
      }
      .form {
        background: #3c403a;
        border-color: #50534b;
      }
      input,
      textarea,
      select {
        background: #2c302c;
        color: #f1eee6;
        border-color: #5b5e55;
      }
      .brandbar {
        background: #30332f;
        border-color: #50534b;
      }
      .brandbar-side {
        color: #c8c5bb;
      }
      .brandbar-side small,
      footer {
        color: #96958c;
      }
      footer {
        background: #30332f;
        border-top-color: #50534b;
      }
      .cta {
        background:
          linear-gradient(115deg, rgba(177, 138, 77, 0.18), transparent 42%),
          linear-gradient(100deg, #3a3831, #252824);
      }
      .cta-brief {
        background: rgba(20, 23, 21, 0.34);
        border-color: rgba(216, 193, 145, 0.48);
      }
      .logo-card {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }