@font-face{font-family:"Poppins";src:url("/assets/fonts/poppins-latin-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url("/assets/fonts/poppins-latin-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Poppins";src:url("/assets/fonts/poppins-latin-800-normal.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-latin-500-normal.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-latin-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-latin-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}

:root {
  --brand-primary: #2563eb;
  --brand-primary-dark: #1749bd;
  --ink: #0b1220;
  --ink-soft: #1c1f26;
  --muted: #5c6677;
  --surface: #f7f9fc;
  --surface-clean: #ffffff;
  --surface-soft: #eeece6;
  --surface-dark: #121214;
  --line: #d9d6ce;
  --line-dark: #333338;
  --success: #19734b;
  --error: #b63b3b;
  --font-sans: "Segoe UI Variable", "Inter", "Aptos", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: "Poppins", "Avenir Next", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  --container: 1520px;
  --gutter: clamp(22px, 4.2vw, 80px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--surface);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.container{width:min(var(--container),calc(100% - (var(--gutter) * 2)));margin-inline:auto}
.section{padding:clamp(92px,8vw,150px) 0}
.skip-link{position:fixed;left:18px;top:-90px;z-index:100;background:var(--ink);color:#fff;padding:10px 15px;text-decoration:none}
.skip-link:focus{top:18px}
.section-index{margin:0;color:var(--muted);font-size:.72rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
h1,h2,h3,p{overflow-wrap:break-word}
h1,h2,h3{margin:0}
h2{font-size:clamp(2.65rem,4.55vw,5.3rem);font-weight:520;letter-spacing:-.055em;line-height:1}
h2 em{font-family:var(--font-serif);font-weight:400}
.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:22px;padding:0 23px;border:1px solid transparent;border-radius:3px;background:var(--brand-primary);color:#fff;font-size:.89rem;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:none;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}
.button:hover{background:var(--brand-primary-dark);transform:translateY(-2px)}
.button-small{min-height:44px;padding-inline:18px;background:var(--ink);font-size:.8rem}
.button-small:hover{background:var(--brand-primary)}
.button-light{background:#fff;color:var(--ink)}
.button-light:hover{background:var(--brand-primary);color:#fff}
.text-link{display:inline-flex;align-items:center;gap:11px;width:max-content;color:var(--ink);font-size:.87rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;transition:color .2s ease}
.text-link:hover{color:var(--brand-primary)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(36,73,216,.35);outline-offset:4px}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(246,244,239,.94);border-bottom:1px solid rgba(18,18,18,.06);backdrop-filter:blur(16px)}
.nav-wrap{min-height:94px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:.94rem;font-weight:760;letter-spacing:-.025em;text-decoration:none}
.desktop-nav{display:flex;align-items:center;gap:clamp(22px,2.4vw,42px)}
.desktop-nav>a:not(.button){position:relative;color:#393833;font-size:.82rem;font-weight:600;text-decoration:none}
.desktop-nav>a:not(.button)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--ink);transition:right .2s ease}
.desktop-nav>a:not(.button):hover::after{right:0}
.desktop-nav .header-whatsapp{display:inline-flex;min-height:44px;align-items:center;padding:0 15px;border:1px solid rgba(37,99,235,.3);border-radius:3px;color:var(--brand-primary);font-weight:700}
.desktop-nav .header-whatsapp::after{display:none}
.desktop-nav .header-whatsapp:hover{border-color:var(--brand-primary);background:rgba(37,99,235,.06)}
.menu-toggle,.mobile-nav{display:none}

/* Hero */
.hero{padding:clamp(72px,7vw,130px) 0 clamp(110px,9vw,178px);background:var(--surface)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.87fr) minmax(540px,1.13fr);gap:clamp(56px,6.5vw,124px);align-items:center}
.hero-kicker{margin:0 0 30px;color:var(--muted);font-size:.7rem;font-weight:680;letter-spacing:.14em;text-transform:uppercase}
.hero h1{max-width:790px;font-size:clamp(3.9rem,5.65vw,7rem);font-weight:535;letter-spacing:-.068em;line-height:.93}
.hero h1 em{display:inline;color:var(--brand-primary);font-family:var(--font-serif);font-weight:400}
.hero-lead{max-width:585px;margin:36px 0 31px;color:#585650;font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero .button span{margin-left:22px}
.trust-line{margin:28px 0 0;color:#7a7770;font-size:.76rem}
.site-showcase{position:relative;min-height:clamp(500px,37vw,650px)}
.showcase-window{overflow:hidden;background:#fff;box-shadow:0 28px 70px rgba(18,18,18,.1)}
.showcase-main{position:absolute;top:0;right:0;width:91%;height:86%}
.showcase-toolbar,.project-bar{display:flex;gap:5px;align-items:center;height:30px;padding:0 12px;background:#ecebe8}
.showcase-toolbar span,.project-bar span{width:5px;height:5px;border-radius:50%;background:#b7b5af}
.showcase-page{position:relative;height:calc(100% - 30px);padding:clamp(17px,2vw,31px);overflow:hidden}
.architecture-page{background:#efede7}
.showcase-top,.fake-nav{display:flex;align-items:center;gap:12px;font-size:.52rem;letter-spacing:.09em}
.showcase-top b,.fake-nav b{margin-right:auto}
.showcase-top i,.fake-nav i{width:27px;height:2px;background:currentColor;opacity:.22}
.showcase-hero{position:relative;z-index:2;width:59%;padding-top:clamp(42px,5vw,86px)}
.showcase-hero small{font-size:.47rem;font-weight:700;letter-spacing:.13em}
.showcase-hero strong{display:block;margin:13px 0 25px;font-family:var(--font-serif);font-size:clamp(1.75rem,2.7vw,3.1rem);font-weight:400;line-height:.99}
.showcase-hero button,.showcase-hero .mock-button{display:inline-block;padding:0 0 4px;border:0;border-bottom:1px solid;background:none;font-size:.55rem}
.showcase-photo{position:absolute}
.architecture-photo{right:4%;bottom:6%;width:45%;height:75%;background:#bdb7ac}
.architecture-photo::before{content:"";position:absolute;inset:0 58% 0 20%;background:#d8d4cc;transform:skewX(-8deg)}
.architecture-photo::after{content:"";position:absolute;left:13%;right:8%;bottom:12%;height:42%;background:#66665e;clip-path:polygon(50% 0,100% 100%,0 100%)}
.showcase-secondary{position:absolute;left:0;bottom:2%;z-index:2;width:42%;height:47%;border:7px solid #fff}
.atelier-page{height:100%;padding:17px;background:#d8e0d3}
.atelier-photo{position:relative;width:100%;height:68%;margin:15px 0 12px;background:#7e9177}
.atelier-photo::after{content:"";position:absolute;inset:16% 18% 0;background:#b8c4b1}
.atelier-page>strong{font-family:var(--font-serif);font-size:clamp(.72rem,1.15vw,1.05rem);font-weight:400}
.showcase-phone{position:absolute;right:-9px;bottom:0;z-index:3;width:clamp(120px,10vw,158px);height:clamp(260px,21vw,345px);padding:9px;border:5px solid #171717;border-radius:22px;background:#171717;box-shadow:0 28px 55px rgba(18,18,18,.22)}
.phone-speaker{position:absolute;z-index:4;left:50%;top:6px;width:38px;height:8px;border-radius:0 0 8px 8px;background:#171717;transform:translateX(-50%)}
.phone-content{height:100%;padding:22px 11px 12px;border-radius:11px;background:#faf8f3;overflow:hidden}
.phone-content b{font-size:.46rem;letter-spacing:.1em}
.phone-image{height:48%;margin:18px 0 15px;background:linear-gradient(150deg,#dbc1b4 0 45%,#76594d 46%)}
.phone-content strong{display:block;font-family:var(--font-serif);font-size:clamp(.78rem,1.05vw,1.05rem);font-weight:400;line-height:1.05}
.phone-content span{display:block;margin-top:19px;padding:7px 3px;background:var(--brand-primary);color:#fff;font-size:.42rem;text-align:center}

/* Editorial intro */
.editorial-intro{background:var(--surface-clean)}
.intro-grid{display:grid;grid-template-columns:.42fr 1.15fr .65fr;gap:clamp(44px,7vw,130px);align-items:start}
.intro-statement h2{font-size:clamp(2.85rem,4.25vw,5rem)}
.intro-statement p{max-width:710px;margin:42px 0 0;color:var(--muted);font-size:clamp(1rem,1.25vw,1.2rem)}
.intro-notes{padding-top:3px;border-top:1px solid var(--line)}
.intro-notes>div{display:grid;grid-template-columns:34px 1fr;gap:15px;padding:23px 0;border-bottom:1px solid var(--line)}
.intro-notes span{color:var(--brand-primary);font-size:.66rem;font-weight:750}
.intro-notes p{margin:0;color:#4d4b46;font-size:.86rem;line-height:1.55}

/* Services */
.services-section{background:var(--surface)}
.services-layout{display:grid;grid-template-columns:.7fr 1.1fr;gap:clamp(70px,10vw,190px);align-items:start}
.services-heading{position:sticky;top:142px}
.services-heading h2{margin-top:27px;font-size:clamp(2.95rem,4.15vw,4.9rem)}
.services-heading>p:not(.section-index){max-width:560px;margin:32px 0 28px;color:var(--muted)}
.service-list{border-top:1px solid var(--ink)}
.service-list article{display:grid;grid-template-columns:44px minmax(140px,.7fr) 1fr;gap:22px;align-items:baseline;padding:29px 0;border-bottom:1px solid var(--line)}
.service-list article>span{color:var(--brand-primary);font-size:.64rem;font-weight:750}
.service-list h3{font-size:clamp(1.2rem,1.55vw,1.65rem);font-weight:570;letter-spacing:-.025em}
.service-list p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}

/* Process */
.process-section{background:var(--surface-clean)}
.process-heading{display:grid;grid-template-columns:.38fr 1.62fr;gap:30px;align-items:start}
.process-heading h2{max-width:980px;font-size:clamp(3.05rem,4.5vw,5.35rem)}
.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:86px 0 0;padding:0;border-top:1px solid var(--ink);list-style:none}
.process-list li{min-height:292px;padding:28px clamp(20px,2.6vw,42px) 24px 0;border-right:1px solid var(--line)}
.process-list li+li{padding-left:clamp(20px,2.6vw,42px)}
.process-list li:last-child{border-right:0}
.process-list span{display:block;color:rgba(36,73,216,.82);font-size:clamp(2.85rem,3.75vw,4.7rem);font-weight:320;letter-spacing:-.055em;line-height:1}
.process-list h3{margin:58px 0 12px;font-size:1.12rem;font-weight:620;letter-spacing:-.015em}
.process-list p{max-width:270px;margin:0;color:var(--muted);font-size:.88rem}

/* Portfolio */
.portfolio-section{background:var(--surface)}
.portfolio-heading{display:grid;grid-template-columns:1.25fr .55fr;gap:80px;align-items:end;margin-bottom:clamp(78px,8vw,138px)}
.portfolio-heading .section-index{grid-column:1/-1}
.portfolio-heading h2{font-size:clamp(3.25rem,5.1vw,6rem)}
.portfolio-heading>p:last-child{max-width:500px;margin:0 0 10px;color:var(--muted)}
.project-list{display:grid;gap:clamp(96px,10vw,175px)}
.project-entry{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:clamp(48px,7vw,115px);align-items:center}
.project-reverse{grid-template-columns:minmax(300px,.55fr) minmax(0,1.45fr)}
.project-reverse .project-visual{grid-column:2;grid-row:1}
.project-reverse .project-meta{grid-column:1;grid-row:1}
.project-visual{padding:clamp(28px,4.6vw,76px);transition:transform .35s ease}
.project-entry:hover .project-visual{transform:translateY(-7px)}
.project-one{background:#d9d3c8}
.project-two{background:#a9b7a3}
.project-three{background:#d8c1b4}
.project-browser{overflow:hidden;background:#fff;box-shadow:0 25px 55px rgba(18,18,18,.13)}
.project-placeholder{position:relative;aspect-ratio:1.55;overflow:hidden}
.project-layout-one{padding:4% 5%;background:#f1eee7}
.project-layout-one>small,.project-layout-two small,.project-layout-three small{display:block;margin-top:10%;font-size:.55rem;letter-spacing:.13em}
.project-layout-one>strong,.project-layout-two strong,.project-layout-three strong{display:block;font-family:var(--font-serif);font-size:clamp(2rem,3.25vw,4.2rem);font-weight:400;line-height:.94}
.project-layout-one>strong{position:relative;z-index:2;max-width:48%}
.project-layout-one .fake-image{position:absolute;right:5%;bottom:0;width:43%;height:75%;background:#817b71}
.project-layout-one .fake-image::before{content:"";position:absolute;inset:12% 22% 0;background:#bcb5aa}
.project-layout-two{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:5%;background:#eef0e9}
.project-layout-two .fake-image{height:100%;background:#66725f}
.project-layout-two .fake-nav{position:absolute;left:5%;right:5%;top:5%}
.project-layout-two>div:last-child{align-self:end;padding-bottom:12%}
.project-layout-two strong{font-size:clamp(1.8rem,3vw,4rem)}
.project-layout-three{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:5%;background:#f4ebe5}
.project-layout-three .fake-nav{position:absolute;left:5%;right:5%;top:5%}
.project-layout-three>div:nth-child(2){align-self:center}
.project-layout-three strong{font-size:clamp(1.7rem,3vw,4rem)}
.project-layout-three button,.project-layout-three .mock-button{display:inline-block;margin-top:25px;padding:9px 15px;border:0;background:var(--brand-primary);color:#fff;font-size:.54rem}
.project-layout-three .fake-image{align-self:end;height:79%;background:linear-gradient(155deg,#d2a994 0 52%,#765b50 53%)}
.project-meta>p{display:flex;justify-content:space-between;gap:20px;margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid var(--ink);font-size:.73rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.project-meta>p span{color:var(--muted);font-weight:500}
.project-meta h3{font-family:var(--font-serif);font-size:clamp(1.8rem,2.5vw,3rem);font-weight:400;line-height:1.1}
.project-status{display:block;margin-top:34px;color:var(--muted);font-size:.78rem}

/* First site */
.first-site-section{padding:clamp(100px,9vw,164px) 0;background:var(--surface-dark);color:#fff}
.first-site-grid{display:grid;grid-template-columns:1.08fr .72fr;gap:clamp(80px,12vw,220px);align-items:start}
.first-site-section .section-index{color:#96969c}
.first-site-copy h2{margin:27px 0 34px;font-size:clamp(3.45rem,5.4vw,6.6rem)}
.first-site-copy h2 em{color:#86a0ff}
.first-site-copy>p:not(.section-index){margin:0 0 40px;color:#bdbdc4;font-size:1.05rem}
.technical-list{border-top:1px solid var(--line-dark)}
.technical-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:17px;align-items:baseline;padding:23px 0;border-bottom:1px solid var(--line-dark)}
.technical-list span{color:#86a0ff;font-size:.63rem;font-weight:750}
.technical-list p{margin:0;font-size:1rem;font-weight:600}
.technical-list small{color:#96969c;font-size:.76rem}

/* Local + FAQ */
.local-section{background:var(--surface-clean)}
.local-grid{display:grid;grid-template-columns:.34fr 1.2fr .56fr;gap:clamp(40px,6vw,100px);align-items:start}
.local-grid h2{font-size:clamp(2.6rem,3.8vw,4.5rem)}
.local-grid>div p{margin:0 0 24px;color:var(--muted)}
.faq-section{background:var(--surface)}
.faq-grid{display:grid;grid-template-columns:.68fr 1.12fr;gap:clamp(75px,10vw,190px);align-items:start}
.faq-heading{position:sticky;top:142px}
.faq-heading h2{margin:27px 0 28px;font-size:clamp(3.05rem,4.3vw,5.1rem)}
.faq-heading>p:last-child{max-width:460px;color:var(--muted)}
.accordion{border-top:1px solid var(--ink)}
.accordion details{border-bottom:1px solid var(--line)}
.accordion summary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:27px 0;cursor:pointer;font-size:1rem;font-weight:650;list-style:none}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary span{color:var(--brand-primary);font-size:1.4rem;font-weight:300;transition:transform .2s ease}
.accordion details[open] summary span{transform:rotate(45deg)}
.accordion details p{max-width:710px;margin:0;padding:0 50px 28px 0;color:var(--muted);font-size:.91rem}

/* Contact */
.contact-section{padding:clamp(100px,9vw,164px) 0;background:var(--ink);color:#fff}
.contact-grid{display:grid;grid-template-columns:.72fr 1fr;gap:clamp(80px,10vw,190px);align-items:start}
.contact-section .section-index{color:#96969c}
.contact-copy h2{margin:28px 0 35px;font-size:clamp(3.3rem,4.85vw,5.8rem)}
.contact-copy .accent-word{color:#86a0ff}
.contact-copy>p:not(.section-index){max-width:570px;color:#bdbdc4}
.contact-copy ul{margin:43px 0 0;padding:0;border-top:1px solid var(--line-dark);list-style:none}
.contact-copy li{padding:15px 0;border-bottom:1px solid var(--line-dark);color:#d5d5da;font-size:.83rem}
.contact-whatsapp{margin-top:34px}
.contact-whatsapp p{margin:0 0 14px;color:#bdbdc4;font-size:.84rem}
.button-whatsapp{min-height:48px;border-color:rgba(255,255,255,.28);background:transparent}
.button-whatsapp:hover{border-color:var(--altus-teal);background:rgba(0,194,168,.12)}
.contact-form{margin:0;padding:0;background:none;color:#fff;box-shadow:none}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px 30px}
.field{display:grid;gap:8px}
.field-full{grid-column:1/-1}
.field label,.field legend{font-size:.72rem;font-weight:700;letter-spacing:.035em}
.field label span,.field legend span{color:#86a0ff}
.field label small{color:#96969c;font-weight:500}
.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #48484e;border-radius:0;background:transparent;color:#fff;padding:9px 0 13px;outline:0;transition:border-color .2s ease}
.field input,.field select{height:48px}
.field textarea{min-height:108px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#7d7d83}
.field select{color:#d6d6da}
.field select option{background:#1c1c20;color:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#86a0ff;box-shadow:none}
.radio-field{display:flex;gap:25px;flex-wrap:wrap;margin:0;padding:0;border:0}
.radio-field legend{width:100%;margin-bottom:3px}
.radio-field label{display:flex;gap:8px;align-items:center;color:#d8d8dc}
.radio-field input{width:17px;height:17px;padding:0;accent-color:var(--brand-primary)}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.submit-button{width:100%;justify-content:space-between;margin-top:36px;background:var(--brand-primary)}
.submit-button[disabled]{opacity:.6;cursor:wait;transform:none}
.form-note{margin:11px 0 0;color:#85858b;font-size:.69rem;text-align:center}
.form-status{display:none;margin-top:16px;padding:12px 14px;font-size:.83rem}
.form-status.visible{display:block}
.form-status.success{background:#dff3e8;color:var(--success)}
.form-status.error{background:#f9e4e4;color:var(--error)}

/* Footer */
.site-footer{padding:56px 0 25px;background:#09090a;color:#c8c8cc}
.footer-top{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;padding-bottom:42px;border-bottom:1px solid #28282c}
.brand-light{color:#fff}
.footer-top p{margin:0;color:#929298;font-size:.83rem}
.footer-contacts{display:grid;gap:6px;justify-items:start}
.footer-contacts a{min-height:30px;color:#fff;font-size:.82rem;font-weight:700;text-underline-offset:5px}
.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:23px;color:#74747a;font-size:.72rem}
.footer-bottom p{margin:0}

.floating-whatsapp{position:fixed;right:clamp(18px,2vw,30px);bottom:clamp(18px,2vw,30px);z-index:35;display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#128c7e;color:#fff;box-shadow:0 10px 28px rgba(11,18,32,.25);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.floating-whatsapp svg{width:28px;height:28px}
.floating-whatsapp:hover{background:#0e756a;transform:translateY(-2px)}
.floating-whatsapp.is-hidden{visibility:hidden;opacity:0;transform:translateY(16px);pointer-events:none}

/* Reveal */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.js .reveal.is-visible{opacity:1;transform:none}

/* Tablet */
@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr;gap:70px}.hero-copy{max-width:850px}.site-showcase{width:min(860px,100%);margin-inline:auto;min-height:590px}
  .intro-grid{grid-template-columns:.3fr 1fr}.intro-notes{grid-column:2}
  .services-layout{gap:70px}.service-list article{grid-template-columns:38px 170px 1fr}
  .project-entry,.project-reverse{grid-template-columns:1.25fr .75fr;gap:55px}.project-reverse{grid-template-columns:.75fr 1.25fr}
  .first-site-grid{gap:80px}.local-grid{grid-template-columns:.3fr 1fr}.local-grid>div{grid-column:2}
  .contact-grid{gap:80px}
}

@media(max-width:900px){
  .section{padding-block:98px}.desktop-nav>a:not(.button):not(.header-whatsapp){display:none}
  .hero{padding-top:76px}.hero h1{max-width:760px;font-size:clamp(4rem,9.3vw,5.5rem)}.site-showcase{min-height:540px}
  .intro-grid,.services-layout,.process-heading,.portfolio-heading,.first-site-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}
  .intro-grid{gap:35px}.intro-notes{grid-column:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:0}.intro-notes>div{display:block;border-top:1px solid var(--line)}.intro-notes p{margin-top:15px}
  .services-layout{gap:65px}.services-heading,.faq-heading{position:static}.services-heading{max-width:760px}
  .process-heading{gap:24px}.process-list{grid-template-columns:1fr 1fr;margin-top:64px}.process-list li{min-height:260px}.process-list li:nth-child(2){border-right:0}.process-list li:nth-child(n+3){border-top:1px solid var(--line)}.process-list li:nth-child(3){padding-left:0}
  .portfolio-heading{gap:30px}.portfolio-heading .section-index{grid-column:auto}.portfolio-heading>p:last-child{margin-top:10px}.project-entry,.project-reverse{grid-template-columns:1fr;gap:42px}.project-reverse .project-visual,.project-reverse .project-meta{grid-column:auto;grid-row:auto}.project-meta{max-width:680px}
  .first-site-grid{gap:70px}.technical-list{max-width:760px}.local-grid{grid-template-columns:1fr;gap:30px}.local-grid>div{grid-column:auto;max-width:600px}
  .faq-grid{gap:60px}.faq-heading{max-width:670px}.contact-grid{gap:70px}.contact-copy{max-width:760px}
  .footer-top{grid-template-columns:1fr auto}.footer-top p{grid-row:2}.footer-contacts{grid-row:1/3;grid-column:2}
}

/* Mobile */
@media(max-width:680px){
  :root{--gutter:20px}.section{padding-block:78px}html{scroll-padding-top:78px}
  .nav-wrap{min-height:72px}.desktop-nav{display:none}.menu-toggle{display:grid;width:40px;height:40px;gap:4px;place-content:center;padding:0;border:0;background:none;cursor:pointer}.menu-toggle span{display:block;width:23px;height:1px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  .mobile-nav{position:absolute;left:0;right:0;top:72px;display:grid;padding:8px var(--gutter) 24px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(18,18,18,.08)}.mobile-nav[hidden]{display:none}.mobile-nav>a:not(.button){padding:13px 0;border-bottom:1px solid var(--line);font-size:.86rem;font-weight:650;text-decoration:none}.mobile-nav .button{margin-top:15px}
  .hero{padding:56px 0 82px}.hero-grid{gap:55px}.hero-kicker{margin-bottom:21px}.hero h1{font-size:clamp(2.72rem,12vw,3.65rem);line-height:.96;letter-spacing:-.058em}.hero-lead{margin:25px 0 24px;font-size:.98rem;line-height:1.55}.hero-actions{gap:19px}.hero .button{min-height:50px;padding-inline:18px}.hero .button span{margin-left:8px}.trust-line{margin-top:22px}
  .site-showcase{min-height:380px}.showcase-main{width:94%;height:330px}.showcase-toolbar{height:22px}.showcase-page{height:calc(100% - 22px);padding:14px}.showcase-hero{padding-top:38px}.showcase-hero strong{font-size:1.42rem}.showcase-hero button{font-size:.42rem}.architecture-photo{right:3%;bottom:5%;width:45%;height:74%}.showcase-secondary{width:44%;height:177px;border-width:4px}.atelier-page{padding:10px}.atelier-photo{margin:9px 0 7px}.showcase-phone{right:-3px;width:92px;height:205px;padding:5px;border-width:3px;border-radius:14px}.phone-speaker{top:3px;height:5px}.phone-content{padding:13px 7px 7px;border-radius:8px}.phone-image{margin:11px 0 9px}.phone-content strong{font-size:.64rem}.phone-content span{margin-top:10px;padding:4px 2px;font-size:.28rem}
  h2{font-size:clamp(2.4rem,10.3vw,3.2rem)}.intro-statement h2,.services-heading h2,.process-heading h2,.portfolio-heading h2,.first-site-copy h2,.faq-heading h2,.contact-copy h2{font-size:clamp(2.45rem,10.5vw,3.4rem)}
  .intro-grid{gap:30px}.intro-statement p{margin-top:28px;font-size:.98rem}.intro-notes{grid-template-columns:1fr;gap:0}.intro-notes>div{display:grid;grid-template-columns:34px 1fr;padding-block:20px}.intro-notes p{margin-top:0}
  .services-layout{gap:48px}.services-heading h2{margin-top:22px}.services-heading>p:not(.section-index){margin-top:25px}.service-list article{grid-template-columns:32px 1fr;gap:14px;padding:24px 0}.service-list p{grid-column:2}.service-list h3{font-size:1.2rem}
  .process-list{grid-template-columns:1fr;margin-top:50px}.process-list li,.process-list li+li{min-height:0;padding:25px 0 29px;border-right:0;border-top:1px solid var(--line)}.process-list li:first-child{border-top:0}.process-list span{font-size:3rem}.process-list h3{margin:22px 0 7px}.process-list p{max-width:none}
  .portfolio-heading{margin-bottom:70px}.portfolio-heading>p:last-child{font-size:.92rem}.project-list{gap:92px}.project-entry{gap:30px}.project-visual{padding:18px 13px}.project-bar{height:21px}.project-placeholder{aspect-ratio:1.28}.project-layout-one,.project-layout-two,.project-layout-three{padding:5%}.project-layout-one>small,.project-layout-two small,.project-layout-three small{font-size:.37rem}.project-layout-one>strong,.project-layout-two strong,.project-layout-three strong{font-size:1.65rem}.project-meta>p{margin-bottom:20px;font-size:.64rem}.project-meta h3{font-size:1.75rem}.project-status{margin-top:23px}
  .first-site-section{padding-block:82px}.first-site-grid{gap:52px}.first-site-copy h2{margin-block:23px 28px}.technical-list>div{grid-template-columns:31px 1fr}.technical-list small{grid-column:2;margin-top:-10px}.local-grid{gap:24px}.local-grid h2{font-size:2.4rem}
  .faq-grid{gap:48px}.faq-heading h2{margin-block:22px}.accordion summary{padding:23px 0;font-size:.93rem}.accordion details p{padding-right:20px}
  .contact-section{padding-block:82px}.contact-grid{gap:54px}.contact-copy h2{margin-block:23px 28px}.contact-copy ul{margin-top:34px}.form-grid{grid-template-columns:1fr;gap:23px}.field-full{grid-column:auto}.submit-button{margin-top:30px}
  .footer-top{grid-template-columns:1fr;gap:22px}.footer-top p{grid-row:auto}.footer-contacts{grid-row:auto;grid-column:auto}.footer-contacts a{min-height:44px;display:flex;align-items:center}.footer-bottom{flex-direction:column;gap:5px}.floating-whatsapp{width:50px;height:50px;right:16px;bottom:16px}.floating-whatsapp svg{width:26px;height:26px}
}

@media(max-width:390px){
  :root{--gutter:17px}.hero h1{font-size:2.62rem}.hero-actions{gap:14px}.hero .text-link{font-size:.8rem}.site-showcase{min-height:350px}.showcase-main{height:304px}.showcase-secondary{height:160px}.showcase-phone{width:84px;height:188px}.project-layout-one>strong,.project-layout-two strong,.project-layout-three strong{font-size:1.42rem}.technical-list p{font-size:.94rem}
}

@media(min-width:1800px){
  .hero-grid{grid-template-columns:.92fr 1.08fr}.site-showcase{min-height:680px}.showcase-main{max-width:860px}.hero h1{font-size:6.2rem}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation:none!important;transition:none!important}
}

/* Altus Web Studio brand system */
:root{
  --altus-navy:#0b1220;
  --altus-charcoal:#1c1f26;
  --altus-blue:#2563eb;
  --altus-electric:#00a3ff;
  --altus-teal:#00c2a8;
  --altus-light:#f2f4f7;
  --brand-primary:var(--altus-blue);
  --brand-primary-dark:#1749bd;
  --ink:var(--altus-navy);
  --ink-soft:var(--altus-charcoal);
  --muted:#5c6677;
  --surface:#f7f9fc;
  --surface-clean:#fff;
  --surface-soft:var(--altus-light);
  --surface-dark:var(--altus-navy);
  --line:#dce2eb;
  --line-dark:#263349;
  --font-sans:"Inter","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --font-serif:"Poppins","Avenir Next","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --container:1480px;
}
body{background:var(--surface);font-family:var(--font-sans);color:var(--ink)}
h1,h2,h3{font-family:"Poppins","Avenir Next","Segoe UI Variable","Segoe UI",Arial,sans-serif}
h2{font-weight:700;letter-spacing:-.045em;line-height:1.03}
.section{padding:clamp(92px,7.4vw,140px) 0}
.section-index{color:#6c7789;font-weight:700;letter-spacing:.15em}
.button{min-height:54px;border-radius:8px;background:linear-gradient(135deg,var(--altus-blue),#167ef4);font-weight:700;box-shadow:0 12px 28px rgba(37,99,235,.2)}
.button:hover{background:linear-gradient(135deg,#1e55d2,var(--altus-blue));box-shadow:0 16px 34px rgba(37,99,235,.27)}
.button-secondary{border-color:rgba(255,255,255,.28);background:transparent;box-shadow:none}
.button-secondary:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.07)}
.text-link{color:var(--altus-blue);text-decoration-color:rgba(37,99,235,.4)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:rgba(0,163,255,.5)}

.site-header{background:rgba(255,255,255,.96);border-color:rgba(11,18,32,.08);backdrop-filter:blur(18px)}
.nav-wrap{min-height:84px}
.brand{position:relative;width:205px;height:60px;overflow:hidden}
.brand-logo{display:block;width:100%;height:100%}
.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.desktop-nav>a:not(.button){color:#263349}
.desktop-nav>a:not(.button)::after{background:var(--altus-electric)}
.button-small{background:var(--altus-blue);box-shadow:none}

.hero{position:relative;isolation:isolate;padding:clamp(78px,7vw,126px) 0 clamp(108px,9vw,164px);overflow:hidden;background:var(--altus-navy);color:#fff}
.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 82% 22%,rgba(0,163,255,.18),transparent 32%),linear-gradient(135deg,#07101e 0%,#0b1830 62%,#0d2342 100%)}
.hero::after{content:"";position:absolute;z-index:-1;right:-12%;top:-40%;width:56%;aspect-ratio:1;border:1px solid rgba(0,163,255,.17);border-radius:50%;box-shadow:0 0 0 90px rgba(37,99,235,.025),0 0 0 180px rgba(0,163,255,.018)}
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)}
.hero-kicker{display:flex;align-items:center;gap:11px;color:#a9bad1}
.hero-kicker span{width:34px;height:2px;background:linear-gradient(90deg,var(--altus-blue),var(--altus-electric))}
.hero h1{max-width:820px;font-size:clamp(4rem,5.7vw,7rem);font-weight:750;letter-spacing:-.06em;line-height:.94}
.hero h1 span{color:var(--altus-electric)}
.hero-tagline{margin:25px 0 0;color:#8ea4c2;font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.hero-lead{margin-top:28px;color:#bdc9da}
.trust-line{color:#8293aa;letter-spacing:.06em}
.site-showcase{filter:drop-shadow(0 34px 44px rgba(0,0,0,.3))}
.showcase-window{border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.showcase-toolbar,.project-bar{background:#101b2d}
.showcase-toolbar span,.project-bar span{background:#4c607d}
.architecture-page{background:linear-gradient(145deg,#eef5ff,#dcecff)}
.showcase-top{color:#34435a}
.showcase-hero small{color:var(--altus-blue)}
.showcase-hero strong{font-family:"Poppins",var(--font-sans);font-weight:700;color:var(--altus-navy)}
.showcase-hero button,.showcase-hero .mock-button{border-radius:5px;border:0;padding:8px 12px;background:var(--altus-blue);color:#fff}
.architecture-photo{background:linear-gradient(155deg,#172944,#0b1220)}
.architecture-photo::before{background:linear-gradient(var(--altus-electric),var(--altus-blue));opacity:.62}
.architecture-photo::after{background:#f5f9ff}
.showcase-secondary{border-color:var(--altus-navy);border-radius:10px}
.atelier-page{background:#eaf3ff}
.atelier-photo{background:linear-gradient(145deg,#0b1220,#18355d)}
.atelier-photo::after{background:linear-gradient(145deg,var(--altus-blue),var(--altus-electric))}
.atelier-page>strong,.phone-content strong{font-family:"Poppins",var(--font-sans);font-weight:650}
.showcase-phone{border-color:#050a12;background:#050a12}
.phone-content{background:#f5f8fc;color:var(--altus-navy)}
.phone-image{background:linear-gradient(155deg,#112541 0 48%,var(--altus-blue) 49% 72%,var(--altus-electric) 73%)}

.editorial-intro,.process-section,.local-section{background:#fff}
.services-section,.portfolio-section,.faq-section{background:var(--altus-light)}
.intro-notes span,.service-list article>span,.process-list span{color:var(--altus-blue)}
.service-list{border-top-color:var(--altus-navy)}
.service-list article{transition:padding .25s ease,background .25s ease}
.service-list article:hover{padding-inline:16px;background:#fff}
.service-list h3{font-weight:650}
.process-list{border-top:2px solid var(--altus-blue)}
.process-list li{position:relative}
.process-list li::before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--altus-electric);box-shadow:0 0 0 6px rgba(0,163,255,.12)}
.process-list h3{font-weight:700}
.project-visual{border-radius:14px;box-shadow:0 24px 65px rgba(11,18,32,.12)}
.project-one{background:linear-gradient(145deg,#dbeafe,#9acbff)}
.project-two{background:linear-gradient(145deg,#d8f8f3,#8fe0d3)}
.project-three{background:linear-gradient(145deg,#dfe7f4,#a7b9d5)}
.project-browser{border-radius:8px;box-shadow:0 25px 55px rgba(11,18,32,.2)}
.project-screenshot{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center;background:#fff}
.project-layout-one,.project-layout-two,.project-layout-three{background:#f7f9fc}
.project-layout-one .fake-image,.project-layout-two .fake-image{background:linear-gradient(145deg,#0b1220,#1f4679)}
.project-layout-three .fake-image{background:linear-gradient(155deg,var(--altus-blue) 0 52%,#0b264a 53%)}
.project-meta h3,.project-layout-one>strong,.project-layout-two strong,.project-layout-three strong{font-family:"Poppins",var(--font-sans);font-weight:650}
.project-status{color:var(--altus-blue)}
.project-meta h3{font-size:clamp(2rem,2.7vw,3.35rem);line-height:1.04}
.project-description{margin-top:24px;color:var(--muted);font-size:.94rem;line-height:1.7}
.project-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 0;padding:0;list-style:none}
.project-capabilities li{padding:7px 10px;border:1px solid #cdd8e8;border-radius:999px;background:rgba(255,255,255,.6);color:#41516a;font-size:.69rem;font-weight:600}
.project-link{display:inline-flex;align-items:center;gap:11px;margin-top:30px;color:var(--altus-blue);font-size:.85rem;font-weight:700;text-decoration:none}
.project-link::after{content:"";display:block;width:34px;height:1px;background:currentColor;transition:width .2s ease}
.project-link:hover::after{width:48px}

.first-site-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b1220,#10284a)}
.first-site-section::after{content:"";position:absolute;right:-8%;bottom:-55%;width:48%;aspect-ratio:1;border:1px solid rgba(0,163,255,.18);border-radius:50%}
.first-site-copy,.technical-list{position:relative;z-index:1}
.first-site-copy h2{font-weight:700}
.first-site-copy>p:not(.section-index){color:#bdc9da}
.technical-list span{color:var(--altus-electric)}
.technical-list>div{transition:padding .2s ease,background .2s ease}
.technical-list>div:hover{padding-inline:12px;background:rgba(255,255,255,.035)}

.accordion{border-top:2px solid var(--altus-navy)}
.accordion summary span{color:var(--altus-blue)}
.contact-section{position:relative;overflow:hidden;background:var(--altus-charcoal)}
.contact-section::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.11),transparent 50%)}
.contact-grid{position:relative}
.contact-copy h2{font-weight:700}
.contact-copy .accent-word,.field label span,.field legend span{color:var(--altus-electric)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--altus-electric)}
.submit-button{background:linear-gradient(135deg,var(--altus-blue),var(--altus-electric))}

.site-footer{background:#060b14}
.footer-top .brand{width:205px;height:66px;border-radius:8px;background:#fff}
.footer-top{grid-template-columns:240px 1fr auto}
.footer-bottom{color:#8290a4}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}.hero-copy{max-width:820px}.hero::after{width:90%;right:-45%}
  .brand{width:205px}.footer-top{grid-template-columns:210px auto}.footer-top p{grid-column:1/-1}
}
@media(max-width:680px){
  .nav-wrap{min-height:78px}.brand{width:162px;height:56px}.menu-toggle{width:44px;height:44px}.menu-toggle span{background:var(--altus-navy)}.mobile-nav{top:78px;background:var(--altus-navy);border-color:rgba(255,255,255,.12);color:#fff}.mobile-nav>a:not(.button){border-color:rgba(255,255,255,.12)}
  .hero{padding-top:66px}.hero h1{font-size:clamp(2.8rem,12.5vw,3.8rem)}.hero-tagline{font-size:.64rem;line-height:1.6}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}
  .process-list li::before{top:21px}.project-visual{border-radius:10px}
  .footer-top{grid-template-columns:1fr}.footer-top .brand{width:205px;height:66px}.footer-top p{grid-column:auto}
}