@font-face{font-family:Barlow;src:url('assets/fonts/barlow-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/barlow-medium.ttf') format('truetype');font-weight:500 700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/barlow-condensed-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#171918;--surface:#222523;--ink:#f5f5f1;--muted:#b6bcb7;--accent:#c0a263;--line:#454a46;--light:#e9ebe7;--dark-ink:#202520;--pad:clamp(22px,5vw,96px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,Arial,sans-serif;font-size:17px;line-height:1.55;-webkit-tap-highlight-color:#c0a26340}a{color:inherit;text-decoration:none;text-underline-offset:5px}a,button,summary{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:600;line-height:1.02;letter-spacing:-.012em;text-wrap:balance}h1{font-size:clamp(52px,6.8vw,96px)}h2{font-size:clamp(38px,4.1vw,62px)}h3{font-weight:500;font-size:25px;line-height:1.2}em{font-style:normal}p{max-width:70ch;text-wrap:pretty}svg{width:22px;height:22px;flex-shrink:0}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.section{padding:100px var(--pad)}.skip{position:fixed;top:10px;left:20px;transform:translateY(-200%);z-index:100;background:var(--accent);color:var(--bg);padding:14px}.skip:focus{transform:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header{min-height:94px;padding:20px var(--pad);display:flex;gap:38px;align-items:center;justify-content:space-between;position:relative;z-index:20;background:var(--bg)}.logo{width:170px;display:block;flex-shrink:0}.logo img{width:100%;height:auto}.logo:hover{opacity:.85}nav{display:flex;gap:32px;margin-left:auto}nav a{display:flex;align-items:center;min-height:44px;font-size:16px}.nav-cta{min-height:44px;border-bottom:1px solid var(--accent);display:flex;gap:20px;align-items:center;font-size:16px}.nav-cta:hover,nav a:hover{color:var(--accent)}.menu{display:none;width:44px;height:44px;border:0;background:none;padding:10px}.menu svg{width:24px;height:24px}.text-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor;font-size:16px}.text-link:hover{color:var(--accent)}
.hero{padding:28px var(--pad) 0}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding-bottom:40px}.hero h1{max-width:840px}.hero-intro{padding-bottom:4px;min-width:240px}.hero-intro p{font-size:17px;color:var(--muted);line-height:1.55}.hero-intro .text-link{margin-top:14px}.hero-visual{display:block;position:relative;overflow:hidden;background:var(--surface);aspect-ratio:2.35}.hero-visual picture,.hero-visual img{display:block;width:100%;height:100%}.hero-visual img{object-fit:cover;object-position:50% 54%}.hero-visual:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.hero-caption{position:absolute;left:28px;bottom:24px;z-index:1;display:flex;flex-direction:column;gap:3px;color:#fff}.hero-caption strong{font-weight:500;font-size:22px}.hero-caption>span{font-size:15px;color:#eee}.photo-action{position:absolute;bottom:26px;right:28px;z-index:1;background:var(--ink);color:var(--bg);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;transition:background .2s}.hero-visual:hover .photo-action{background:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:16px}.hero-bottom p>span{display:inline-block;margin-left:22px;color:var(--muted)}.hero-watch{display:flex;align-items:center;gap:12px;min-height:44px}.hero-watch>span{color:var(--muted);margin-left:10px;font-variant-numeric:tabular-nums}.hero-watch:hover{color:var(--accent)}
.work{background:var(--light);color:var(--dark-ink);position:relative;color-scheme:light}.work-sticky{padding:64px var(--pad) 42px;overflow:hidden}.section-head{display:flex;align-items:center;gap:30px;margin-bottom:36px}.section-head h2{margin-right:auto}.work-controls{display:flex;gap:14px;align-items:center}.work-controls button{border:1px solid #868e85;border-radius:50%;width:46px;height:46px;background:none;display:grid;place-items:center;color:var(--dark-ink)}.work-controls button:hover{background:#d1d6ce}.work-controls button:disabled{opacity:.35;cursor:default}.work-count{font-size:16px;font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.section-head .text-link{margin-left:30px}.work-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#969f94 transparent;overscroll-behavior-x:contain;scroll-padding-left:0;padding-bottom:6px}.work-track{display:flex;gap:28px}.project{flex:0 0 70%;min-width:0;scroll-snap-align:start;color:var(--dark-ink)}.project-photo{position:relative;overflow:hidden;aspect-ratio:1.7;background:#ccd0c8}.project-photo img{height:100%;object-fit:cover}.project-photo .photo-action{bottom:20px;right:20px}.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:20px 0 5px}.project-caption h3{font-size:26px}.project-caption>span{font-size:15px;color:#505a50;text-align:right}.project:hover h3{text-decoration:underline;text-underline-offset:5px}.work-progress{height:2px;background:#c3c9bf;margin-top:26px}.work-progress span{display:block;width:25%;height:100%;background:#5c654f}.work.motion{height:280vh}.work.motion .work-sticky{position:sticky;top:0;height:100vh;min-height:640px;display:flex;flex-direction:column;justify-content:center}.work.motion .work-window{overflow:hidden;scroll-snap-type:none}.work.motion .project-photo{height:min(52vh,560px);aspect-ratio:auto}.work:not(.motion) .work-progress{display:none}
.services{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw}.services-heading p{color:var(--muted);max-width:320px;margin:28px 0 15px}.service-list details{border-bottom:1px solid var(--line)}.service-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;min-height:64px}summary::-webkit-details-marker{display:none}summary:hover{color:var(--accent)}summary h3{font-size:29px}.plus{width:18px;height:18px;position:relative;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;background:currentColor;left:0;top:8px;width:18px;height:1px}.plus:after{transform:rotate(90deg)}details[open] .plus:after{display:none}.service-body{padding:0 40px 28px 0;color:var(--muted)}.service-body a{display:inline-flex;gap:15px;align-items:center;min-height:44px;margin-top:15px;color:var(--ink);font-size:16px}.service-body a:hover{color:var(--accent)}
.process{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:0;align-items:center}.process-image{min-height:600px;align-self:stretch;background:var(--surface)}.process-image img{width:100%;height:100%;object-fit:cover;object-position:40% 50%}.process-copy>p{color:var(--muted);margin:28px 0;max-width:480px}.process ol{list-style:decimal-leading-zero;padding-left:30px;margin:0;color:var(--accent)}.process li{padding:16px 0 18px 12px;border-top:1px solid var(--line)}.process li h3{font-size:19px;color:var(--ink);margin-bottom:5px}.process li p{font-size:16px;color:var(--muted)}.process .text-link{margin-top:10px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--light);color:var(--dark-ink);align-items:center}.contact h2{font-size:clamp(48px,5vw,76px)}.contact p{margin-top:28px;color:#505a50;font-size:17px}.contact-links>a{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid #a9b0a5;padding:22px 0}.contact-links>a>span{grid-column:1;font-size:15px;color:#505a50}.contact-links strong{grid-column:1;font-size:30px;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums}.contact-links svg{grid-row:1/3;grid-column:2}.contact-links a:hover strong{text-decoration:underline;text-underline-offset:6px}.contact-links p{font-size:15px;margin-top:22px}footer{padding:38px var(--pad);display:flex;flex-wrap:wrap;align-items:center;gap:26px;font-size:15px}footer .logo{width:150px;margin-right:auto}footer>a{min-height:44px;display:flex;align-items:center}footer>a:hover{color:var(--accent)}.review-link{display:inline-flex;margin:0 var(--pad) 24px;color:var(--muted);font-size:13px;min-height:44px;align-items:center}.review-link:hover{color:var(--accent)}
.page-intro{padding:60px var(--pad) 50px;max-width:1300px}.page-intro h1{margin:25px 0}.page-intro>p:last-child{color:var(--muted);font-size:20px;max-width:760px}.eyebrow{font-size:15px;color:var(--muted);margin:0 0 12px}.breadcrumbs{font-size:15px;color:var(--muted);margin-bottom:32px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}.content-grid{padding:20px var(--pad) 90px;display:grid;grid-template-columns:1fr 1fr;gap:46px 7vw}.content-grid h2{font-size:36px;margin:0 0 20px}.content-grid p,.content-grid li{font-size:18px;color:var(--muted)}.content-grid article{border-top:1px solid var(--line);padding-top:26px}.content-grid p>a{display:inline-flex;min-height:44px;align-items:center;color:var(--ink);text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 24px;background:var(--accent);color:var(--bg);font-size:17px}.button:hover{background:#d3b779}.project-grid{padding:20px var(--pad) 80px;display:grid;grid-template-columns:1fr 1fr;gap:44px 28px}.project-card .frame{overflow:hidden;aspect-ratio:1.5}.project-card img{height:100%;object-fit:cover}.project-card h2{font-size:35px;margin:16px 0 8px}.project-card p{color:var(--muted);font-size:16px}.project-card:hover h2{text-decoration:underline}.project-grid-heading{padding:10px var(--pad) 20px;font-size:38px}.project-gallery{padding:0 var(--pad) 90px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-gallery button{padding:0;border:0;background:var(--surface)}.project-gallery img{height:460px;object-fit:cover}.project-gallery button:first-child{grid-column:1/-1}.project-gallery button:first-child img{height:min(70vw,750px);object-fit:contain}.compact-cta{margin:0 var(--pad) 70px;border-top:1px solid var(--line);padding-top:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.compact-cta h2{font-size:42px}.faq{padding:0 var(--pad) 80px;max-width:1100px}.faq details{border-bottom:1px solid var(--line)}.faq summary{font-size:24px}.faq p{padding:0 0 24px;color:var(--muted);font-size:18px}.faq summary:after{content:'+';font-size:24px}.faq details[open] summary:after{content:'−'}dialog{background:var(--bg);color:var(--ink);padding:0;border:1px solid var(--line);max-width:95vw;max-height:94vh;overscroll-behavior:contain}dialog::backdrop{background:#000e}dialog img{width:auto;max-width:93vw;max-height:80vh;object-fit:contain}dialog p{padding:15px 20px;font-size:16px}.close{position:absolute;right:12px;top:12px;background:var(--bg);border:1px solid var(--muted);color:var(--ink);font-size:26px;border-radius:50%;width:46px;height:46px}
@media(min-width:1500px){.hero-visual{max-height:650px}.hero-heading{padding-top:15px;padding-bottom:48px}}
@media(max-width:1000px){header{gap:25px}nav{gap:22px}.hero-heading{gap:25px}.hero-intro{min-width:210px}.hero h1{font-size:7vw}.services,.process,.contact{gap:5vw}.process-image{min-height:530px}.contact-links strong{font-size:26px}.section{padding-top:76px;padding-bottom:76px}.process{padding-top:0}.section-head .text-link{margin-left:0}.project{flex-basis:85%}}
@media(max-width:700px){header{min-height:80px;padding-top:15px;padding-bottom:15px;gap:14px}.logo{width:135px}.nav-cta{font-size:14px;margin-left:auto;gap:0}.nav-cta svg{display:none}.menu{display:grid;place-items:center;margin-right:-10px}nav{display:none;position:absolute;left:0;right:0;top:100%;padding:18px var(--pad) 26px;background:var(--bg);border-bottom:1px solid var(--line)}header.open nav{display:flex;flex-direction:column;gap:5px}nav a{font-size:20px}.hero{padding-top:22px}.hero-heading{display:block;padding-bottom:26px}.hero h1{font-size:clamp(48px,8vw,64px)}.hero-intro{margin-top:20px;display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.hero-intro p{font-size:16px}.hero-intro .text-link{margin-top:0;font-size:15px;max-width:125px;line-height:1.35}.hero-visual{aspect-ratio:1.1;margin:0 calc(-1 * var(--pad))}.hero-visual img{object-position:center 53%}.hero-caption{left:var(--pad);bottom:20px}.hero-caption strong{font-size:20px}.hero-caption>span{font-size:14px}.photo-action{right:var(--pad);bottom:22px;width:44px;height:44px}.hero-bottom{display:block;padding:18px 0}.hero-bottom p{font-size:15px;display:flex;justify-content:space-between;gap:8px}.hero-bottom p>span{margin:0}.hero-watch{margin-top:12px;font-size:16px}.hero-watch>span{margin-left:auto}.section{padding:64px var(--pad)}.section-head{flex-wrap:wrap;gap:20px;margin-bottom:25px}.section-head h2{font-size:42px}.section-head .text-link{order:3;margin:0}.work-controls{gap:8px}.work-controls button{width:44px;height:44px}.work-count{font-size:14px}.work-sticky{padding:50px var(--pad) 30px}.work-window{margin-right:calc(-1 * var(--pad));padding-right:var(--pad)}.work-track{gap:18px}.project{flex-basis:90%}.project-photo{aspect-ratio:1.13}.project-caption{display:block;padding-top:16px}.project-caption h3{font-size:24px;margin-bottom:7px}.project-caption>span{font-size:15px;text-align:left;display:block}.services,.process,.contact{grid-template-columns:1fr;gap:36px}.services-heading p{margin:22px 0 10px;max-width:410px}summary h3{font-size:27px}.service-body{padding-right:15px}.process{padding-top:0}.process-image{min-height:0;aspect-ratio:1.1}.process-copy>p{margin:23px 0}.process ol{padding-left:26px}.process li{padding-left:8px}.contact h2{font-size:58px}.contact p{margin-top:23px}.contact-links strong{font-size:29px}.contact-links>a:first-child{padding-top:0}.contact-links p{font-size:15px}footer{gap:12px 24px;padding-top:28px;padding-bottom:15px}footer .logo{flex-basis:100%;width:140px}footer .logo img{width:140px}footer>a{font-size:15px}.page-intro{padding-top:36px;padding-bottom:32px}.page-intro h1{font-size:54px;overflow-wrap:anywhere}.page-intro>p:last-child{font-size:18px}.content-grid,.project-grid,.project-gallery{grid-template-columns:1fr}.content-grid{padding-bottom:60px;gap:35px}.content-grid p,.content-grid li{font-size:17px}.project-card h2{font-size:32px}.project-gallery{padding-bottom:60px}.project-gallery img,.project-gallery button:first-child img{height:auto;max-height:650px;object-fit:contain}.compact-cta{display:block;margin-bottom:50px}.compact-cta .button{margin-top:24px}.compact-cta h2{font-size:38px}.faq summary{font-size:21px}.faq p{font-size:17px}}
.logo{min-height:44px;display:flex;align-items:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-action{transition:none}}

/* Preserve full project frames; captions identify the process shot. */
.project-gallery button{align-self:start;text-align:left;background:transparent}.project-gallery img,.project-gallery button:first-child img{height:auto;max-height:none;object-fit:contain}.gallery-caption{display:block;padding:14px 0 8px;color:var(--muted);font-size:16px}

/* Preserve complete showroom and installation frames in the expanded Revuelto gallery. */
.project-gallery--complete-frames img{object-fit:contain}