@import "tailwindcss";
:root { --navy:#062c49; --navy-2:#001b2d; --copper:#a8411f; --cream:#f4f1e9; --ink:#0c2232; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:#fff; color:var(--ink); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.topbar { background:var(--navy-2); color:#c9d8e1; font-size:12px; letter-spacing:.03em; }.topbar-inner { min-height:36px; display:flex; align-items:center; gap:28px; }.top-social { margin-left:auto; display:flex; gap:18px; }.top-social a { color:#fff; }
.site-header { position:sticky; z-index:40; top:0; left:0; right:0; margin-bottom:-98px; border-bottom:1px solid rgba(255,255,255,.2); background:linear-gradient(90deg,rgba(0,27,45,.88),rgba(22,56,78,.80)); backdrop-filter:blur(12px) saturate(1.12); -webkit-backdrop-filter:blur(12px) saturate(1.12); box-shadow:0 8px 30px rgba(0,20,32,.12); }.site-header.inner-header { margin-bottom:0; }.header-inner { height:98px; display:flex; align-items:center; gap:38px; }
.brand { align-self:stretch; width:245px; display:flex; align-items:center; padding:9px 22px; background:#fff; clip-path:polygon(0 0,100% 0,92% 100%,0 100%); }.brand img { width:190px; height:auto; }
.nav { display:flex; align-items:center; gap:28px; margin-left:auto; color:#fff; font-size:14px; font-weight:700; }.nav a { padding:15px 0; }.nav a:hover { color:#eaa58a; }
.header-cta { display:inline-flex; align-items:center; gap:20px; padding:15px 18px; color:#fff; background:var(--copper); font-size:13px; font-weight:800; }
.hero { --hero-x:0px; --hero-y:0px; --hero-scroll:0px; min-height:760px; position:relative; display:flex; align-items:center; color:#fff; overflow:hidden; isolation:isolate; }.hero-image { object-fit:cover; object-position:center; transform:translate3d(var(--hero-x),calc(var(--hero-y) + var(--hero-scroll)),0) scale(1.09); transition:transform .7s cubic-bezier(.2,.7,.2,1); animation:hero-breathe 12s ease-in-out infinite alternate; will-change:transform; }.hero-light { position:absolute; z-index:1; width:52vw; height:52vw; right:-18vw; top:-24vw; border-radius:50%; background:radial-gradient(circle,rgba(116,171,205,.2),transparent 68%); filter:blur(20px); animation:hero-light-drift 9s ease-in-out infinite alternate; pointer-events:none; }.hero-overlay { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(0,20,35,.96) 0%,rgba(0,31,52,.82) 47%,rgba(0,26,43,.18) 100%),linear-gradient(0deg,rgba(0,19,31,.75),transparent 45%); }
.hero-content { position:relative; z-index:2; margin-top:-42px; padding-top:100px; padding-bottom:126px; animation:hero-copy-in 1s cubic-bezier(.2,.8,.2,1) both; }.eyebrow { margin:0 0 23px; display:flex; align-items:center; gap:12px; color:#efb29c; text-transform:uppercase; font-size:12px; letter-spacing:.22em; font-weight:800; }.eyebrow::before { content:""; width:42px; height:2px; background:var(--copper); animation:eyebrow-line 1.2s .35s cubic-bezier(.2,.8,.2,1) both; transform-origin:left; }
h1 { max-width:770px; margin:0; font-size:clamp(52px,6.4vw,88px); line-height:.96; letter-spacing:-.055em; font-weight:800; }.hero-copy { max-width:620px; margin:28px 0 34px; color:#d4e0e7; font-size:19px; line-height:1.6; }
.hero-actions { display:flex; gap:12px; }.button { min-height:56px; display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:0 24px; font-size:14px; font-weight:800; }.button-primary { background:var(--copper); color:#fff; }.button-ghost { border:1px solid rgba(255,255,255,.5); color:#fff; }
.hero-proof { position:absolute; z-index:2; left:50%; bottom:0; transform:translateX(-50%); display:grid; grid-template-columns:repeat(3,1fr); background:rgba(0,25,42,.88); backdrop-filter:blur(12px); border-top:1px solid rgba(255,255,255,.15); }.hero-proof div { min-height:106px; padding:24px 28px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(255,255,255,.14); }.hero-proof strong { font-size:17px; }.hero-proof span { margin-top:7px; color:#aebfca; font-size:12px; }
@keyframes hero-breathe { from { filter:saturate(.9) contrast(1.02); } to { filter:saturate(1.08) contrast(1.07); } }
@keyframes hero-light-drift { from { transform:translate3d(-3%,0,0) scale(.95); opacity:.45; } to { transform:translate3d(8%,10%,0) scale(1.12); opacity:.9; } }
@keyframes hero-copy-in { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }
@keyframes eyebrow-line { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(prefers-reduced-motion:reduce){.hero-image,.hero-light,.hero-content,.eyebrow::before,.project-photo,.project-panel{animation:none!important;transition:none!important;transform:none!important}}
.section { padding:120px 0; }.section-kicker { margin:0 0 20px; color:var(--copper); text-transform:uppercase; letter-spacing:.2em; font-size:11px; font-weight:900; }.section-kicker.light { color:#e4a18a; }.section h2,.system h2,.projects h2,.cta-section h2 { margin:0; font-size:clamp(38px,4.7vw,66px); line-height:1.03; letter-spacing:-.045em; }.intro-grid { display:grid; grid-template-columns:1.05fr .75fr; gap:120px; }.intro-copy { padding-top:34px; }.intro-copy p { color:#536574; font-size:18px; line-height:1.75; }.text-link,.product-card a,.location-grid a { display:inline-flex; gap:20px; align-items:center; margin-top:16px; color:var(--copper); font-size:13px; font-weight:900; }
.system { display:grid; grid-template-columns:1fr 1fr; min-height:710px; background:var(--navy-2); color:#fff; }.system-visual { min-height:600px; position:relative; }.system-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 60%,var(--navy-2)); }.system-visual img { object-fit:cover; }.system-content { display:flex; flex-direction:column; justify-content:center; padding:80px max(7vw,70px); }.system-content p:not(.section-kicker) { color:#b9c8d1; font-size:17px; line-height:1.7; }.system-content ul { margin:24px 0 34px; padding:0; list-style:none; }.system-content li { padding:15px 0; border-bottom:1px solid rgba(255,255,255,.12); }.system-content li span { margin-right:18px; color:#d7886c; font:12px monospace; }
.section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:60px; margin-bottom:58px; }.section-head h2 { max-width:720px; }.section-head>p { width:360px; color:#657684; line-height:1.65; }.product-grid { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid #dfe4e6; border-top:1px solid #dfe4e6; }.product-card { position:relative; min-height:420px; padding:24px; border-right:1px solid #dfe4e6; border-bottom:1px solid #dfe4e6; transition:.25s; }.product-card:hover { background:#f4f1e9; transform:translateY(-3px); }.product-number { color:#98a5ad; font:11px monospace; }.product-image { height:190px; display:flex; justify-content:center; align-items:center; }.product-image img { width:170px; height:170px; object-fit:contain; }.product-card h3 { margin:6px 0 10px; font-size:23px; }.product-card p { min-height:48px; color:#687985; font-size:14px; line-height:1.55; }
.applications { background:#082d49; color:#fff; }.applications-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }.app-list { display:grid; grid-template-columns:1fr 1fr; }.app-list div { min-height:210px; padding:12px 36px 30px; border-left:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }.app-list b { color:#d98668; font:11px monospace; }.app-list h3 { margin:36px 0 10px; font-size:20px; }.app-list p { color:#b9c7cf; font-size:14px; line-height:1.6; }
.why-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }.why-title { position:sticky; top:30px; align-self:start; }.why-title p:last-child { color:#657684; line-height:1.7; font-size:17px; }.why-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.why-cards article { min-height:260px; padding:34px; background:#f3f1ea; }.why-cards article:nth-child(2),.why-cards article:nth-child(3) { background:#e7ecef; }.why-cards span { color:var(--copper); font-size:25px; }.why-cards h3 { margin:48px 0 12px; font-size:21px; }.why-cards p { color:#657684; line-height:1.6; font-size:14px; }
.why.section { padding-bottom:68px; }.projects { --projects-image-y:0px; --projects-copy-y:0px; position:relative; min-height:660px; display:flex; align-items:center; color:#fff; overflow:hidden; }.project-photo { position:absolute; inset:-45px 0; transform:translate3d(0,var(--projects-image-y),0); transition:transform .25s linear; will-change:transform; }.project-photo img { object-fit:cover; }.project-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,23,38,.94),rgba(0,23,38,.65) 55%,rgba(0,23,38,.2)); }.project-panel { position:relative; z-index:1; transform:translate3d(0,var(--projects-copy-y),0); transition:transform .25s linear; will-change:transform; }.project-panel h2 { max-width:720px; }.project-panel p:not(.section-kicker) { max-width:560px; color:#cfdae0; font-size:17px; line-height:1.7; }.location-grid { display:grid; grid-template-columns:1fr 1fr; margin-top:55px; }.location-grid article { padding:46px; border:1px solid #dbe1e4; }.location-grid small { color:var(--copper); text-transform:uppercase; letter-spacing:.18em; font-weight:900; }.location-grid h3 { margin:26px 0 14px; font-size:34px; }.location-grid p { color:#657684; line-height:1.7; }
.cta-section { padding:90px 0; background:var(--copper); color:#fff; }.cta-inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }.cta-inner>div:first-child { max-width:720px; }.cta-inner p:not(.section-kicker) { color:#f2d3c8; }.cta-actions { display:flex; flex-direction:column; gap:18px; min-width:250px; }.button-light { background:#fff; color:var(--navy-2); }.cta-actions>a:last-child { font-size:13px; text-align:center; }
footer { padding:76px 0 24px; background:#001a2a; color:#fff; }.footer-grid { display:grid; grid-template-columns:1.7fr 1fr 1fr; gap:80px; }.footer-grid img { width:210px; height:auto; padding:8px; background:#fff; }.footer-grid p { max-width:320px; color:#9fb0ba; line-height:1.6; }.footer-grid h3 { font-size:14px; }.footer-grid>div { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }.footer-grid a { color:#afbec7; font-size:13px; }.footer-bottom { margin-top:60px; padding-top:24px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(255,255,255,.12); color:#718793; font-size:11px; }.footer-bottom a { color:#c9d4da; font-size:12px; }.footer-bottom strong { color:#fff; }.menu-toggle { display:none; background:none; border:0; padding:10px; }.menu-toggle span { display:block; width:24px; height:2px; background:#fff; margin:5px; }
.whatsapp-float { position:fixed; z-index:50; right:24px; bottom:24px; display:flex; align-items:center; gap:10px; padding:9px 14px 9px 9px; color:#fff; background:#183e2b; border-radius:999px; box-shadow:0 12px 35px rgba(0,0,0,.28); font-size:13px; font-weight:800; transition:transform .25s,box-shadow .25s; }.whatsapp-float:hover { transform:translateY(-4px); box-shadow:0 17px 38px rgba(0,0,0,.34); }.whatsapp-float img { width:46px; height:46px; }
.locations.section { padding-top:76px; }
.footer-social { display:flex!important; flex-direction:row!important; gap:18px!important; margin-top:8px; }.footer-social a { color:#fff!important; }.footer-bottom { position:relative; min-height:62px; }.agency-credit { position:absolute; left:50%; top:10px; transform:translateX(-50%); display:flex; align-items:center; gap:6px; white-space:nowrap; }.agency-credit img { width:48px; height:48px; object-fit:contain; border-radius:50%; }
.inner-hero { min-height:430px; display:flex; align-items:center; color:#fff; background:linear-gradient(100deg,rgba(0,24,40,.98),rgba(4,47,74,.78)),url('../images/hero-piso-elevado.jpg') center/cover; }.inner-hero .shell { padding:78px 0; }.inner-hero h1 { max-width:900px; font-size:clamp(48px,6vw,82px); }.inner-hero p:last-child { max-width:680px; color:#c7d5dd; font-size:18px; line-height:1.65; }.inner-section { padding:100px 0; }.editorial-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }.editorial-grid h2,.related h2,.inner-cta h2,.cert-note h2 { margin:0 0 24px; font-size:clamp(38px,4.5vw,62px); line-height:1.05; letter-spacing:-.04em; }.editorial-grid p { color:#596c79; font-size:17px; line-height:1.75; }.editorial-grid h3 { margin-top:34px; font-size:24px; }.editorial-photo { position:relative; min-height:580px; overflow:hidden; }.editorial-photo img { object-fit:cover; }.inner-dark { padding:80px 0; color:#fff; background:#062c49; }.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); }.stat-grid article { min-height:230px; padding:36px; border-left:1px solid rgba(255,255,255,.15); }.stat-grid b { color:#e09275; font:12px monospace; }.stat-grid h3 { margin:45px 0 12px; font-size:23px; }.stat-grid p { color:#b7c6cf; line-height:1.6; }.inner-product-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.inner-product-card { min-height:300px; display:grid; grid-template-columns:220px 1fr; align-items:center; padding:30px; background:#f1f3f2; transition:.25s; }.inner-product-card:hover { transform:translateY(-4px); background:#e7ecef; }.inner-product-card img { width:200px; height:200px; object-fit:contain; }.inner-product-card h2 { margin:0 0 10px; font-size:26px; }.inner-product-card p { color:#657684; line-height:1.6; }.inner-product-card span { color:var(--copper); font-size:13px; font-weight:800; }.product-detail { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:center; }.detail-image { display:flex; align-items:center; justify-content:center; min-height:520px; background:#f3f1ea; }.detail-image img { width:82%; height:auto; object-fit:contain; }.product-detail h2 { margin:0 0 22px; font-size:clamp(38px,4.5vw,60px); line-height:1.06; letter-spacing:-.04em; }.product-detail p { color:#5d6e7a; font-size:17px; line-height:1.75; }.product-detail ul { margin:28px 0; padding:0; list-style:none; }.product-detail li { padding:14px 0; border-bottom:1px solid #dce2e5; }.related { padding:85px 0; background:#edf1f2; }.related-links { display:grid; grid-template-columns:repeat(4,1fr); margin-top:38px; }.related-links a { min-height:110px; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:22px; border:1px solid #d4dcdf; font-weight:800; }.works-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.works-grid figure { position:relative; min-height:420px; margin:0; overflow:hidden; }.works-grid .work-wide { grid-column:1/-1; min-height:620px; }.works-grid img { object-fit:cover; transition:transform .5s; }.works-grid figure:hover img { transform:scale(1.03); }.inner-cta { padding:90px 0; color:#fff; background:var(--copper); }.contact-section { background:#f3f1ea; }.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.contact-grid article { padding:38px; background:#fff; }.contact-grid small { color:var(--copper); text-transform:uppercase; letter-spacing:.18em; font-weight:900; }.contact-grid h2 { margin:20px 0 12px; font-size:38px; }.contact-grid p { color:#637580; line-height:1.7; }.contact-grid article>a { display:inline-block; margin:10px 0 28px; color:var(--copper); font-weight:800; }.contact-grid iframe { width:100%; height:330px; border:0; }.contact-email { margin-top:22px; padding:34px; display:flex; justify-content:space-between; gap:30px; background:#062c49; color:#fff; }.contact-email a { font-size:clamp(18px,2.2vw,30px); font-weight:800; }.cert-note { padding:90px 0; color:#fff; background:#001b2d; }.cert-note p:last-child { max-width:720px; color:#b8c7d0; font-size:18px; line-height:1.7; }
@media(max-width:900px){.topbar-inner span:nth-child(2),.topbar-inner a{display:none}.header-inner{height:82px}.brand{width:205px}.brand img{width:160px}.menu-toggle{display:block;margin-left:auto}.header-cta{margin-left:0}.nav{display:none;position:absolute;top:82px;left:24px;right:24px;padding:24px;background:#fff;color:var(--ink);flex-direction:column;align-items:flex-start;gap:4px}.nav.nav-open{display:flex}.nav a{width:100%;border-bottom:1px solid #e4e8ea}.hero{min-height:790px}.hero-content{padding-top:90px;padding-bottom:120px}.hero-proof{grid-template-columns:1fr;width:100%}.hero-proof div{min-height:auto;padding:14px 24px}.hero-proof div:nth-child(n+2){display:none}.section{padding:80px 0}.intro-grid,.applications-grid,.why-grid{grid-template-columns:1fr;gap:45px}.system{grid-template-columns:1fr}.system-content{padding:70px 32px}.system-visual{min-height:380px}.system-visual::after{background:linear-gradient(0deg,var(--navy-2),transparent 40%)}.product-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.section-head>p{width:auto}.why-title{position:static}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.shell{width:min(100% - 32px,1180px)}.header-cta{font-size:0;gap:0}.header-cta::before{content:"Orçamento";font-size:12px}.header-cta span{font-size:14px;margin-left:10px}h1{font-size:50px}.hero-content{margin-top:-20px;padding-bottom:145px}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between}.intro-grid{gap:20px}.section h2,.system h2,.projects h2,.cta-section h2{font-size:40px}.system-content{padding:60px 20px}.product-grid,.app-list,.why-cards,.location-grid,.footer-grid{grid-template-columns:1fr}.product-card{min-height:390px}.why-cards article{min-height:220px}.why-cards article:nth-child(3){background:#f3f1ea}.location-grid article{padding:30px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{gap:20px;align-items:flex-start;flex-direction:column}.cta-actions{width:100%;min-width:0}.whatsapp-float{right:14px;bottom:14px;padding:7px}.whatsapp-float img{width:48px;height:48px}.whatsapp-float span{display:none}}
@media(max-width:900px){.site-header{margin-bottom:-82px}.site-header.inner-header{margin-bottom:0}.inner-hero{min-height:390px}.inner-hero .shell{padding:62px 0}.editorial-grid,.product-detail,.contact-grid{grid-template-columns:1fr}.editorial-photo{min-height:430px}.inner-product-grid{grid-template-columns:1fr}.related-links{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr}.stat-grid article{min-height:auto}.agency-credit{position:static;transform:none}.footer-bottom{min-height:0}.works-grid .work-wide{min-height:480px}}
@media(max-width:560px){.inner-section{padding:70px 0}.inner-hero h1{font-size:46px}.inner-product-card{grid-template-columns:110px 1fr;padding:20px}.inner-product-card img{width:105px;height:105px}.inner-product-card h2{font-size:21px}.related-links,.works-grid{grid-template-columns:1fr}.works-grid .work-wide{grid-column:auto;min-height:370px}.works-grid figure{min-height:330px}.contact-grid article{padding:25px}.contact-email{align-items:flex-start;flex-direction:column}.editorial-photo{min-height:360px}}

.pillar-nav{position:sticky;top:98px;z-index:25;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #dce3e6}.pillar-nav .shell{display:flex;gap:26px;overflow-x:auto;padding-top:16px;padding-bottom:16px}.pillar-nav a{flex:0 0 auto;color:#405765;font-size:12px;font-weight:800}.pillar-lead{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.pillar-lead h2,.pillar-heading h2,.pillar-load h2,.pillar-service h2,.pillar-commercial h2,.pillar-conclusion h2{margin:0;font-size:clamp(38px,4.5vw,64px);line-height:1.04;letter-spacing:-.045em}.pillar-lead p,.pillar-heading>p:last-child,.pillar-columns p,.pillar-load p,.pillar-service p,.pillar-commercial p,.faq-grid p,.pillar-conclusion p{color:#5b6d79;font-size:16px;line-height:1.75}.pillar-band{padding:100px 0;background:#062c49;color:#fff}.pillar-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.pillar-photo{position:relative;min-height:650px;overflow:hidden}.pillar-photo img{object-fit:cover}.pillar-split h2{margin:0 0 28px;font-size:clamp(38px,4.5vw,62px);line-height:1.04}.pillar-split p,.pillar-service p{color:#bdcbd3;line-height:1.75}.pillar-split h3{margin:34px 0 8px;font-size:25px}.pillar-split a{color:#f0a78e;text-decoration:underline}.pillar-heading{max-width:850px;margin-bottom:50px}.pillar-heading>p:last-child{max-width:700px}.pillar-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pillar-card-grid article{min-height:310px;padding:34px;background:#f0f3f4}.pillar-card-grid span{color:var(--copper);font:12px monospace}.pillar-card-grid h3{margin:48px 0 14px;font-size:22px}.pillar-card-grid p{color:#5e707b;line-height:1.65}.pillar-neutral{padding:100px 0;background:#f2f1ec}.pillar-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d9dfe1}.pillar-columns article{padding:42px;background:#fff}.pillar-columns h3{margin:0 0 18px;font-size:25px}.pillar-columns h3 a{color:var(--copper)}.pillar-load{display:grid;grid-template-columns:1fr 1fr;gap:90px}.load-cards{display:grid;gap:14px}.load-cards article{padding:34px;background:#edf1f2}.load-cards h3{font-size:23px}.pillar-service{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.service-list{display:grid;gap:1px;background:rgba(255,255,255,.15)}.service-list article{padding:28px;background:#062c49}.service-list h3{margin:0 0 8px}.pillar-commercial{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.pillar-commercial aside{padding:42px;background:#f2f1ec}.pillar-commercial aside h3{margin-top:0;font-size:26px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d7dddf}.faq-grid article{padding:30px;background:#fff}.faq-grid h3{margin:0 0 10px;font-size:19px}.pillar-conclusion{padding:100px 0;background:var(--copper);color:#fff}.pillar-conclusion .shell{max-width:900px;text-align:center}.pillar-conclusion p{color:#f2d5cb}.pillar-conclusion .button{margin-top:20px}
@media(max-width:900px){.pillar-nav{top:82px}.pillar-lead,.pillar-split,.pillar-load,.pillar-service,.pillar-commercial{grid-template-columns:1fr}.pillar-card-grid{grid-template-columns:1fr 1fr}.pillar-photo{min-height:480px}.pillar-lead,.pillar-split,.pillar-load,.pillar-service,.pillar-commercial{gap:48px}}
@media(max-width:560px){.pillar-nav .shell{gap:18px}.pillar-card-grid,.faq-grid{grid-template-columns:1fr}.pillar-card-grid article{min-height:0}.pillar-photo{min-height:360px}.pillar-band,.pillar-neutral,.pillar-conclusion{padding:72px 0}.pillar-columns article,.pillar-commercial aside{padding:28px}}

.hero-image,.system-visual>img,.project-photo>img,.editorial-photo>img,.works-grid figure>img,.pillar-photo>img{position:absolute;inset:0;width:100%;height:100%}