/* Editorial gallery: the facade sets the color, with space for the architecture. */
.header{z-index:25;transition:height .35s ease,background .35s ease,box-shadow .35s ease}.header.header-compact{height:70px;background:#0b2235f5;box-shadow:0 10px 40px #07182625}.header .brand{transition:transform .35s;transform-origin:left center}.header-compact .brand{transform:scale(.86)}.header-compact .header-cta{min-height:39px}.button{transition:background .3s,transform .3s,box-shadow .3s}.button-green:hover{box-shadow:0 9px 30px #00d6a02b}.button span{transition:transform .3s}.button:hover>span{transform:translate(3px,-2px)}
.facades{--gallery-tone:#321d24;--gallery-accent:#f8c863;background:var(--gallery-tone);color:#fff;padding-top:112px;padding-bottom:90px;transition:background .7s ease}.facades[data-theme=horta]{--gallery-tone:#14372c;--gallery-accent:#c9df87}.facades[data-theme=sorvete]{--gallery-tone:#173644;--gallery-accent:#ffc1ad}.facades .section-heading h2{font-size:clamp(60px,6.4vw,100px);letter-spacing:-1.5px}.facades .section-heading .eyebrow{color:var(--gallery-accent)}.facades .section-intro{color:#e0e6e5;font-size:16px;max-width:355px}.facade-tabs{gap:0;margin:45px 0 28px;border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29}.facade-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#d5d9d9;padding:20px 18px;gap:17px;transition:background .35s,color .35s,border-color .35s;transform:none!important}.facade-tabs button+button{border-left:1px solid #ffffff20}.facade-tabs button[aria-selected=true]{background:#ffffff0c;color:#fff;border-color:var(--gallery-accent)}.facade-tabs button:hover{background:#ffffff0b}.facade-tabs small{color:#d0d7d7;font-size:12px}.facade-thumb{width:90px;height:60px;object-fit:cover;opacity:.64;transition:opacity .35s,transform .5s}.facade-tabs button[aria-selected=true] .facade-thumb{opacity:1;transform:scale(1.04)}.facade-tabs button:focus-visible{outline-color:var(--gallery-accent)}.facade-tab-arrow{color:var(--gallery-accent)}
.facade-panel{display:block;background:transparent;border:0;color:#fff;overflow:visible}.facade-visual{height:clamp(320px,55vw,730px);display:block;background:#eef0ef;overflow:hidden}.facade-visual img{height:100%;width:100%;object-fit:contain;aspect-ratio:auto;transform-origin:center}.facade-visual figcaption{left:22px;bottom:19px;font-size:12px;letter-spacing:.8px;background:#ffffffeb;padding:9px 13px}.facade-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:44px 0 0;align-items:start}.facade-title .eyebrow{color:var(--gallery-accent);font-size:12px;margin-bottom:20px}.facade-copy h3{font-size:clamp(70px,7.4vw,112px);line-height:.92;margin:0;letter-spacing:-1.5px}.facade-story>p{font-size:16px;line-height:1.85;color:#e0e6e5;margin:0}.facade-specs{border-color:#ffffff29;margin:24px 0 18px;justify-content:space-between;padding:17px 0}.facade-specs>span:first-child{font-size:29px;color:#fff}.facade-specs>span:last-child{font-size:13px;color:#d0dada}.facade-story .facade-finish{color:#cad5d5;font-size:13px!important;margin-bottom:22px}.facade-story .text-link{color:var(--gallery-accent);font-size:15px}.facade-note{color:#becdcd;border-color:#ffffff3b;font-size:12px;max-width:940px;margin-top:40px}
.transformation{background:#f1f5f4;padding-top:115px;padding-bottom:105px}.transformation h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(58px,6vw,92px);font-weight:500;line-height:1;letter-spacing:-1.6px}.transformation h2 em{font-style:normal;color:#577684}.transformation .eyebrow{color:#56727b}.transformation .section-intro{font-size:16px;max-width:350px}.comparison{margin-top:48px}.comparison-images{position:relative;aspect-ratio:3/2;overflow:hidden;background:#e9eeee;isolation:isolate}.comparison-images>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.comparison-neutral{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-labels{position:absolute;top:23px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.comparison-labels>span{font-size:12px;font-weight:600;letter-spacing:1px;padding:9px 12px;background:#ffffffde;color:#183449}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 12px #12293740;pointer-events:none;z-index:2}.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:50px;height:50px;border:2px solid #fff;border-radius:50%;background:var(--navy);color:#fff;font-size:26px;box-shadow:0 5px 22px #0c20313d}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}.comparison-images:has(.comparison-range:focus-visible){outline:3px solid #007e63;outline-offset:5px}.comparison-help{display:flex;justify-content:space-between;gap:25px;font-size:12px;line-height:1.7;color:#597580;padding:17px 0;border-bottom:1px solid #c6d5d7}.project-hotspot{position:absolute;z-index:4;width:38px;height:38px;border:1px solid #ffffffcf;border-radius:50%;background:#15384cda;color:#fff;cursor:pointer;box-shadow:0 0 0 6px #ffffff28,0 4px 18px #112c3c28;backdrop-filter:blur(8px);font-size:12px;transition:background .25s,transform .25s,box-shadow .25s;transform:translate(-50%,-50%)}.project-hotspot:hover,.project-hotspot[aria-expanded=true]{background:#00a67f;box-shadow:0 0 0 8px #ffffff42,0 4px 18px #112c3c28}.hotspot-finish{left:87%;top:42%}.hotspot-openings{left:29%;top:58%}.hotspot-power{left:65%;top:66%}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:32px}.detail-picks{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-content:start}.detail-picks button{text-align:left;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #c6d5d7;background:transparent;padding:18px 0;color:#718992;cursor:pointer;font-size:12px;transition:color .25s,border-color .25s}.detail-picks span{font-size:14px;color:#48626e}.detail-picks button[aria-expanded=true],.detail-picks button[aria-expanded=true] span{color:#00765a;border-color:#008966}.project-detail h3{font-size:25px;font-weight:500;line-height:1.35;letter-spacing:-.6px;margin:10px 0 15px}.project-detail p{color:#58717d;font-size:16px;line-height:1.85;margin:0}.comparison-note{font-size:12px;line-height:1.8;color:#657d85;margin:35px 0 0;max-width:900px}
@media(max-width:1000px){.facade-thumb{width:68px;height:47px}.facade-tabs button{gap:12px;padding:18px 13px}.facade-copy{gap:5%}.facade-copy h3{font-size:82px}.facade-visual{height:60vw;max-height:640px}.project-details{gap:5%}.project-detail h3{font-size:23px}}
@media(max-width:760px){.header.header-compact{height:68px}.header-compact .brand{transform:scale(.91)}.facades{padding-top:75px;padding-bottom:68px}.facades .section-heading h2{font-size:62px}.facade-tabs{margin-top:30px;gap:0}.facade-tabs button{flex-direction:column;align-items:flex-start;padding:14px 10px;font-size:14px;gap:11px}.facade-thumb{width:100%;height:auto;aspect-ratio:3/2}.facade-tabs small{font-size:12px}.facade-visual{height:auto;aspect-ratio:3/2;margin-left:-6.82%;margin-right:-6.82%;width:auto}.facade-visual figcaption{bottom:10px;left:12px;font-size:10px;padding:6px 8px}.facade-copy{grid-template-columns:1fr;gap:25px;padding-top:32px}.facade-copy h3{font-size:71px}.facade-copy h3 br{display:none}.facade-title .eyebrow{margin-bottom:14px}.facade-specs{margin-top:20px}.facade-story>p{font-size:16px}.facade-note{margin-top:30px}.transformation{padding-top:76px;padding-bottom:72px}.transformation h2{font-size:60px}.comparison{margin-top:30px}.comparison-images{margin-left:-6.82%;margin-right:-6.82%}.comparison-labels{top:12px;left:12px;right:12px}.comparison-labels>span{font-size:9px;letter-spacing:.6px;padding:7px 8px}.comparison-divider>span{width:39px;height:39px;font-size:23px}.comparison-help{flex-direction:column;gap:4px;font-size:12px}.project-hotspot{width:34px;height:34px;font-size:11px}.project-details{grid-template-columns:1fr;gap:24px;padding-top:16px}.detail-picks{gap:0 20px}.project-detail{min-height:160px}.project-detail h3{font-size:24px}.comparison-note{margin-top:15px}}
@media(max-width:380px){.facades .section-heading h2,.transformation h2{font-size:52px}.facade-copy h3{font-size:62px}.facade-tabs button{font-size:13px;padding:12px 8px}.detail-picks span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.header,.header .brand,.facades,.facade-tabs button,.facade-thumb,.project-hotspot,.detail-picks button{transition:none}}

/* Five facade concepts, all choices remain visible on small screens. */
.facades[data-theme=cafe]{--gallery-tone:#3c2925;--gallery-accent:#efc3a1}.facades[data-theme=barbearia]{--gallery-tone:#24282c;--gallery-accent:#ddc6a2}
.facade-panel[data-theme=cafe]{--facade-accent:#b66848}.facade-panel[data-theme=barbearia]{--facade-accent:#b9a078}
@media(min-width:1001px){.facade-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.facade-tabs button{position:relative;flex-direction:column;align-items:flex-start;padding:16px;gap:13px}.facade-thumb{width:100%;height:auto;aspect-ratio:3/2}.facade-tab-arrow{position:absolute;right:16px;bottom:24px}.facade-tabs button>span:not(.facade-tab-arrow){padding-right:18px}}
@media(max-width:1000px){.facade-tabs button:nth-child(4){border-left:0}.facade-tabs button:nth-child(n+4){border-top:1px solid #ffffff29}}