:root {
  --atci-bg: #0b0c0e;
  --atci-bg-soft: #121417;
  --atci-panel: #181a1e;
  --atci-text: #f5f4f1;
  --atci-muted: #b8b8b4;
  --atci-gold: #d89a58;
  --atci-gold-light: #f0bd7c;
  --atci-line: rgba(216,154,88,.35);
  --atci-white: #ffffff;
  --atci-shadow: 0 24px 60px rgba(0,0,0,.28);
  --atci-radius: 26px;
  --atci-container: 1240px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--atci-bg); color: var(--atci-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; }
body.admin-bar .site-header { top: 32px; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(calc(100% - 40px), var(--atci-container)); margin-inline: auto; }
.section { padding: 105px 0; }
.section--soft { background: var(--atci-bg-soft); }
.eyebrow { display: inline-flex; align-items: center; gap: 12px; color: var(--atci-gold-light); text-transform: uppercase; letter-spacing: .16em; font-size: .77rem; font-weight: 800; margin-bottom: 18px; }
.eyebrow::before { content: ""; width: 42px; height: 1px; background: var(--atci-gold); }
.section-title { font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.2rem, 5vw, 4.8rem); line-height: 1.03; margin: 0 0 24px; letter-spacing: -.035em; }
.section-lead { color: var(--atci-muted); font-size: clamp(1rem, 1.8vw, 1.22rem); max-width: 760px; margin: 0; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 26px; border-radius: 999px; font-weight: 800; letter-spacing: .02em; transition: .25s ease; border: 1px solid transparent; }
.btn--gold { background: var(--atci-gold); color: #111; }
.btn--gold:hover { transform: translateY(-2px); background: var(--atci-gold-light); }
.btn--ghost { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.05); }
.btn--ghost:hover { border-color: var(--atci-gold); color: var(--atci-gold-light); }
.btn--dark { background: #0d0e10; color: #fff; }
.link-arrow { display: inline-flex; align-items: center; gap: 10px; color: var(--atci-gold-light); font-weight: 800; }
.link-arrow::after { content: "→"; transition: transform .2s ease; }
.link-arrow:hover::after { transform: translateX(4px); }

/* Header */
.site-topbar { background: #070809; border-bottom: 1px solid rgba(255,255,255,.06); color: #cacaca; font-size: .82rem; }
.site-topbar__inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.site-topbar__links { display: flex; gap: 22px; flex-wrap: wrap; }
.site-topbar a:hover { color: var(--atci-gold-light); }
.site-header { position: sticky; top: 0; z-index: 1000; background: rgba(11,12,14,.88); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.08); }
.site-header__inner { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.site-brand { flex: 0 0 auto; display: flex; align-items: center; }
.site-brand img { width: 174px; height: 62px; object-fit: cover; object-position: center; border-radius: 12px; box-shadow: 0 0 0 1px rgba(216,154,88,.2); }
.custom-logo-link img { width: auto; max-width: 190px; height: 64px; object-fit: contain; background: transparent; box-shadow: none; }
.primary-nav ul { display: flex; align-items: center; gap: 30px; list-style: none; margin: 0; padding: 0; }
.primary-nav a { font-size: .9rem; font-weight: 700; color: #e6e6e4; position: relative; }
.primary-nav a::after { content: ""; position: absolute; left: 0; bottom: -8px; width: 0; height: 2px; background: var(--atci-gold); transition: width .22s ease; }
.primary-nav a:hover::after, .primary-nav .current-menu-item > a::after { width: 100%; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.menu-toggle { display: none; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); color: white; }
.menu-toggle span { display: block; width: 19px; height: 2px; background: currentColor; margin: 4px auto; }

/* Hero slider */
.home-hero { position: relative; overflow: hidden; min-height: 760px; background: #070809; }
.hero-slider { position: relative; min-height: 760px; }
.hero-slide { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; pointer-events: none; transition: opacity .65s ease; }
.hero-slide.is-active { opacity: 1; pointer-events: auto; }
.hero-slide__blur { position: absolute; inset: -60px; background-image: var(--slide-image); background-size: cover; background-position: center; filter: blur(34px) brightness(.35) saturate(.85); transform: scale(1.12); }
.hero-slide__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,5,6,.92), rgba(4,5,6,.45) 48%, rgba(4,5,6,.74)), radial-gradient(circle at 70% 45%, rgba(216,154,88,.14), transparent 40%); }
.hero-slide__content { position: relative; z-index: 2; width: min(calc(100% - 40px), var(--atci-container)); display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 70px; padding: 72px 0; }
.hero-copy h1, .hero-copy h2 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(3rem, 6vw, 6.5rem); line-height: .97; margin: 0 0 24px; letter-spacing: -.045em; }
.hero-copy p { color: #d0cfcb; font-size: 1.15rem; max-width: 540px; margin: 0 0 30px; }
.hero-copy__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-art { display: flex; justify-content: center; }
.hero-art img { width: min(100%, 590px); aspect-ratio: 1; object-fit: cover; border-radius: 28px; box-shadow: 0 38px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(216,154,88,.42); }
.hero-controls { position: absolute; z-index: 5; left: 50%; bottom: 28px; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; }
.hero-dot { width: 11px; height: 11px; border-radius: 50%; border: 0; background: rgba(255,255,255,.35); padding: 0; }
.hero-dot.is-active { background: var(--atci-gold); transform: scale(1.25); }
.hero-arrow { width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); color: #fff; background: rgba(11,12,14,.72); display: grid; place-items: center; }
.hero-arrow:hover { border-color: var(--atci-gold); color: var(--atci-gold-light); }

/* Intro / stats */
.intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 90px; align-items: center; }
.intro-visual { position: relative; }
.intro-visual img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--atci-radius); box-shadow: var(--atci-shadow); }
.intro-badge { position: absolute; right: -30px; bottom: -30px; background: var(--atci-gold); color: #101112; width: 180px; height: 180px; border-radius: 50%; display: grid; place-items: center; text-align: center; font-weight: 900; box-shadow: var(--atci-shadow); }
.intro-badge strong { display: block; font-family: Georgia, serif; font-size: 3.3rem; line-height: .9; }
.intro-content p { color: var(--atci-muted); font-size: 1.08rem; }
.stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin-top: 78px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; overflow: hidden; background: rgba(255,255,255,.08); }
.stat { padding: 34px; background: var(--atci-panel); }
.stat strong { display: block; color: var(--atci-gold-light); font-family: Georgia, serif; font-size: 3rem; line-height: 1; margin-bottom: 8px; }
.stat span { color: var(--atci-muted); }

/* Projects */
.section-head { display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 54px; }
.projects-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; }
.project-card { position: relative; min-height: 570px; border-radius: var(--atci-radius); overflow: hidden; background: #181a1d; box-shadow: var(--atci-shadow); border: 1px solid rgba(255,255,255,.08); }
.project-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.project-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(4,5,6,.94) 100%); }
.project-card__content { position: absolute; z-index: 2; left: 28px; right: 28px; bottom: 28px; }
.project-card__tag { color: var(--atci-gold-light); text-transform: uppercase; font-size: .72rem; font-weight: 900; letter-spacing: .15em; }
.project-card h3 { font-family: Georgia, serif; font-size: 2.05rem; margin: 9px 0 8px; }
.project-card p { color: #c8c7c3; margin: 0 0 18px; }
.project-card:hover img { transform: scale(1.045); }

/* Features */
.features-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.feature { padding: 38px; border: 1px solid rgba(255,255,255,.09); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); }
.feature__num { color: var(--atci-gold); font-size: .8rem; font-weight: 900; letter-spacing: .12em; }
.feature h3 { font-family: Georgia, serif; font-size: 1.7rem; margin: 18px 0 12px; }
.feature p { color: var(--atci-muted); margin: 0; }

/* Gallery */
.gallery-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 16px; }
.gallery-item { grid-column: span 4; border: 0; padding: 0; background: transparent; border-radius: 20px; overflow: hidden; position: relative; min-height: 250px; }
.gallery-item:nth-child(1), .gallery-item:nth-child(6) { grid-column: span 8; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: .5s ease; }
.gallery-item::after { content: "+"; position: absolute; right: 18px; bottom: 18px; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: rgba(11,12,14,.82); color: var(--atci-gold-light); font-size: 1.35rem; opacity: 0; transform: translateY(10px); transition: .25s ease; }
.gallery-item:hover img { transform: scale(1.04); }
.gallery-item:hover::after { opacity: 1; transform: translateY(0); }
.lightbox { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,.94); display: none; place-items: center; padding: 40px; }
.lightbox.is-open { display: grid; }
.lightbox img { max-width: min(1400px, 94vw); max-height: 88vh; border-radius: 16px; }
.lightbox__close { position: fixed; top: 24px; right: 24px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.5); color: #fff; font-size: 1.6rem; }

/* CTA / Contact */
.cta-panel { position: relative; overflow: hidden; border-radius: 34px; background: linear-gradient(135deg, #d89a58, #f0bd7c); color: #111; padding: clamp(42px,7vw,90px); }
.cta-panel::after { content: ""; position: absolute; right: -90px; top: -120px; width: 440px; height: 440px; border: 1px solid rgba(0,0,0,.15); border-radius: 50%; box-shadow: 0 0 0 55px rgba(0,0,0,.04), 0 0 0 110px rgba(0,0,0,.03); }
.cta-panel__inner { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 50px; }
.cta-panel h2 { font-family: Georgia, serif; font-size: clamp(2.3rem,5vw,4.6rem); line-height: 1; margin: 0 0 16px; }
.cta-panel p { max-width: 650px; margin: 0; font-size: 1.08rem; }
.contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; }
.contact-cards { display: grid; gap: 16px; margin-top: 36px; }
.contact-card { border: 1px solid rgba(255,255,255,.09); border-radius: 20px; padding: 24px; background: rgba(255,255,255,.03); }
.contact-card small { display: block; color: var(--atci-gold-light); text-transform: uppercase; font-weight: 900; letter-spacing: .12em; margin-bottom: 6px; }
.contact-card strong { font-size: 1.14rem; }
.whatsapp-form { border-radius: 28px; padding: 34px; background: #181a1e; border: 1px solid rgba(255,255,255,.09); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-field { margin-bottom: 16px; }
.form-field label { display: block; font-size: .84rem; font-weight: 800; margin-bottom: 8px; color: #ddd; }
.form-field input, .form-field textarea, .form-field select { width: 100%; border: 1px solid rgba(255,255,255,.12); background: #0e1012; color: #fff; border-radius: 14px; padding: 15px 16px; outline: none; }
.form-field input:focus, .form-field textarea:focus, .form-field select:focus { border-color: var(--atci-gold); }
.form-field textarea { min-height: 145px; resize: vertical; }

/* Page heroes */
.page-hero { position: relative; min-height: 520px; display: grid; align-items: end; overflow: hidden; }
.page-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.page-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,6,7,.25), rgba(5,6,7,.94)); }
.page-hero__content { position: relative; z-index: 2; padding: 115px 0 72px; }
.page-hero h1 { font-family: Georgia, serif; font-size: clamp(3rem, 7vw, 7rem); line-height: .95; margin: 0 0 18px; }
.page-hero p { color: #d4d3cf; font-size: 1.15rem; max-width: 720px; }
.project-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin: 46px 0; }
.project-fact { border-radius: 20px; background: #181a1e; border: 1px solid rgba(255,255,255,.09); padding: 26px; }
.project-fact span { display: block; color: var(--atci-gold-light); font-weight: 900; margin-bottom: 6px; }
.project-fact strong { font-size: 1.15rem; }
.project-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: start; }
.project-overview__image { position: sticky; top: 125px; }
.project-overview__image img { border-radius: 26px; box-shadow: var(--atci-shadow); }
.project-overview__text p { color: var(--atci-muted); font-size: 1.08rem; }
.bullet-list { list-style: none; margin: 32px 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; }
.bullet-list li { position: relative; padding: 13px 14px 13px 42px; background: rgba(255,255,255,.035); border-radius: 12px; }
.bullet-list li::before { content: "✓"; position: absolute; left: 15px; color: var(--atci-gold-light); font-weight: 900; }

/* Generic content */
.entry-content { max-width: 850px; margin: 0 auto; padding: 90px 0; color: #d7d7d3; }
.entry-content h1, .entry-content h2, .entry-content h3 { font-family: Georgia, serif; color: #fff; }
.entry-content a { color: var(--atci-gold-light); }
.empty-state { text-align: center; padding: 120px 0; }

/* Footer */
.site-footer { background: #070809; border-top: 1px solid rgba(255,255,255,.08); padding: 72px 0 24px; }
.footer-grid { display: grid; grid-template-columns: 1.3fr .7fr .8fr; gap: 60px; }
.footer-brand img { width: 185px; height: 105px; object-fit: cover; border-radius: 14px; margin-bottom: 20px; }
.footer-brand p { color: #9f9f9b; max-width: 440px; }
.footer-title { color: var(--atci-gold-light); text-transform: uppercase; font-size: .78rem; font-weight: 900; letter-spacing: .14em; margin: 0 0 20px; }
.footer-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; color: #d1d1ce; }
.footer-links a:hover { color: var(--atci-gold-light); }
.footer-bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 28px; margin-top: 52px; border-top: 1px solid rgba(255,255,255,.08); color: #888; font-size: .84rem; }
.floating-whatsapp { position: fixed; right: 22px; bottom: 22px; z-index: 900; width: 62px; height: 62px; border-radius: 50%; display: grid; place-items: center; background: #25d366; color: #fff; box-shadow: 0 14px 34px rgba(0,0,0,.35); font-weight: 900; font-size: 1.5rem; }
.floating-whatsapp:hover { transform: translateY(-3px); }

@media (max-width: 1050px) {
  .primary-nav, .header-actions .btn { display: none; }
  .menu-toggle { display: block; }
  .primary-nav.is-open { display: block; position: fixed; left: 20px; right: 20px; top: 104px; background: #111316; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; padding: 24px; box-shadow: var(--atci-shadow); }
  .primary-nav.is-open ul { display: grid; gap: 18px; }
  .hero-slide__content { grid-template-columns: 1fr 1fr; gap: 35px; }
  .projects-grid { grid-template-columns: 1fr 1fr; }
  .project-card:last-child { grid-column: 1 / -1; }
  .features-grid { grid-template-columns: 1fr 1fr; }
  .stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 780px) {
  body.admin-bar .site-header { top: 46px; }
  .site-topbar { display: none; }
  .site-header__inner { min-height: 74px; }
  .site-brand img { width: 145px; height: 52px; }
  .home-hero, .hero-slider { min-height: 850px; }
  .hero-slide__content { grid-template-columns: 1fr; gap: 28px; padding: 50px 0 90px; text-align: center; }
  .hero-copy { order: 2; }
  .hero-art { order: 1; }
  .hero-art img { width: min(78vw, 430px); }
  .hero-copy p { margin-inline: auto; }
  .hero-copy__actions { justify-content: center; }
  .section { padding: 78px 0; }
  .intro-grid, .contact-grid, .project-overview { grid-template-columns: 1fr; gap: 46px; }
  .intro-badge { width: 135px; height: 135px; right: 10px; bottom: -30px; }
  .intro-badge strong { font-size: 2.5rem; }
  .section-head { display: block; }
  .section-head .link-arrow { margin-top: 22px; }
  .projects-grid, .features-grid { grid-template-columns: 1fr; }
  .project-card, .project-card:last-child { grid-column: auto; min-height: 500px; }
  .gallery-item, .gallery-item:nth-child(1), .gallery-item:nth-child(6) { grid-column: span 12; min-height: 240px; }
  .cta-panel__inner { display: block; }
  .cta-panel .btn { margin-top: 28px; }
  .footer-grid { grid-template-columns: 1fr; gap: 38px; }
  .footer-bottom { display: block; }
  .project-facts { grid-template-columns: 1fr; }
  .project-overview__image { position: static; }
}
@media (max-width: 540px) {
  .container { width: min(calc(100% - 28px), var(--atci-container)); }
  .home-hero, .hero-slider { min-height: 790px; }
  .hero-copy h1, .hero-copy h2 { font-size: 2.65rem; }
  .hero-copy p { font-size: 1rem; }
  .hero-art img { width: min(86vw, 390px); border-radius: 20px; }
  .stats { grid-template-columns: 1fr; }
  .stat { padding: 26px; }
  .form-row, .bullet-list { grid-template-columns: 1fr; }
  .whatsapp-form { padding: 24px; }
  .page-hero { min-height: 430px; }
  .page-hero__content { padding-bottom: 46px; }
  .floating-whatsapp { width: 56px; height: 56px; right: 16px; bottom: 16px; }
}

/* Version 1.1 additions */
.site-topbar__links a { display: inline-flex; align-items: center; gap: 7px; }
.site-topbar__links svg { width: 14px; height: 14px; fill: currentColor; flex: 0 0 auto; }
.header-social { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; display: grid; place-items: center; color: var(--atci-gold-light); background: rgba(255,255,255,.035); transition: .22s ease; }
.header-social:hover { transform: translateY(-2px); border-color: var(--atci-gold); }
.header-social svg { width: 20px; height: 20px; fill: currentColor; }

.projects-grid--page { grid-template-columns: repeat(3, 1fr); }
.projects-grid--page .project-card h2 { font-family: Georgia, serif; font-size: 2.05rem; margin: 9px 0 8px; }
.body-copy { color: var(--atci-muted); font-size: 1.08rem; }
.editable-content { color: var(--atci-muted); font-size: 1.08rem; }
.editable-content--wide { max-width: 920px; margin: 0 auto 60px; }
.editable-content h2, .editable-content h3, .editable-content h4 { color: #fff; font-family: Georgia, serif; }
.editable-content a { color: var(--atci-gold-light); text-decoration: underline; }
.editable-content img { border-radius: 20px; }
.gallery-section-block + .gallery-section-block { margin-top: 90px; }

.contact-card { display: flex; align-items: center; gap: 18px; transition: .25s ease; }
.contact-card:hover { border-color: rgba(216,154,88,.6); transform: translateY(-2px); }
.contact-card__icon { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: var(--atci-gold-light); background: rgba(216,154,88,.11); flex: 0 0 auto; }
.contact-card__icon svg { width: 23px; height: 23px; fill: currentColor; }
.whatsapp-form h2 { font-family: Georgia, serif; font-size: 2.2rem; margin: 0 0 8px; }
.whatsapp-form > p { color: var(--atci-muted); margin: 0 0 28px; }
.whatsapp-form .btn svg { width: 20px; height: 20px; fill: currentColor; }

.footer-socials { display: flex; gap: 10px; margin-top: 24px; }
.footer-socials a { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); color: var(--atci-gold-light); transition: .22s ease; }
.footer-socials a:hover { transform: translateY(-2px); border-color: var(--atci-gold); }
.footer-socials svg { width: 20px; height: 20px; fill: currentColor; }
.footer-contact-list a { display: flex; align-items: flex-start; gap: 10px; }
.footer-contact-list svg { width: 18px; height: 18px; fill: var(--atci-gold-light); flex: 0 0 auto; margin-top: 4px; }

.floating-socials { position: fixed; right: 22px; bottom: 22px; z-index: 900; display: grid; gap: 10px; }
.floating-social { width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; color: #fff; box-shadow: 0 14px 34px rgba(0,0,0,.35); transition: .23s ease; }
.floating-social:hover { transform: translateY(-3px) scale(1.02); }
.floating-social svg { width: 28px; height: 28px; fill: currentColor; }
.floating-social--whatsapp { background: #25d366; }
.floating-social--instagram { background: radial-gradient(circle at 30% 105%, #fdf497 0 5%, #fd5949 42%, #d6249f 62%, #285aeb 90%); }
.floating-whatsapp { display: none; }

@media (max-width: 1050px) {
  .header-social { display: none; }
  .projects-grid--page { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 780px) {
  .projects-grid--page { grid-template-columns: 1fr; }
  .projects-grid--page .project-card { min-height: 500px; }
  .floating-socials { right: 16px; bottom: 16px; }
  .floating-social { width: 54px; height: 54px; }
}