@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@1,600&display=swap');
@import "tailwindcss";
:root{--ink:#101213;--charcoal:#181b1d;--paper:#f2f0eb;--gold:#c79635;--muted:#6e7274}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:var(--ink);color:#afb2b3;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.topbar p{margin:0}.topbar div{display:flex;gap:28px}.header{height:88px;display:flex;align-items:center;gap:48px;padding:0 5vw;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6e4df}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-weight:600;letter-spacing:.14em;font-size:12px}.brand img{width:34px;height:42px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand small{font-size:7px;letter-spacing:.26em;color:var(--gold);margin-top:4px}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{transition:.2s}nav a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 22px;background:var(--gold);color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.button:hover{background:#a9781e}.button-small{padding:13px 18px;font-size:10px}.hero{min-height:690px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;background:url('https://ob1prod.com/images/2022/04/03/home-2.jpeg') center 46%/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,15,.94) 0%,rgba(7,12,15,.72) 48%,rgba(7,12,15,.15) 100%),linear-gradient(0deg,rgba(5,8,10,.55),transparent 55%)}.hero-content{position:relative;z-index:1;width:min(760px,82vw);margin-left:8vw;padding:90px 0}.eyebrow{font-size:10px;letter-spacing:.3em;font-weight:600;margin:0 0 26px}.eyebrow.gold{color:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,6.2vw,88px);line-height:.98;letter-spacing:-.055em;margin:0 0 30px;max-width:920px}.hero h1 em{color:#d7ad59;font-family:'Playfair Display',Georgia,serif;font-weight:600}.hero-copy{max-width:650px;color:#d2d5d5;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:40px}.text-link{font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.45);padding:8px 0}.text-link span{margin-left:16px}.hero-stat{position:absolute;right:5vw;bottom:46px;z-index:2;border-left:1px solid rgba(255,255,255,.4);padding-left:22px;display:flex;align-items:center;gap:14px}.hero-stat strong{font-size:42px;font-weight:500}.hero-stat span{font-size:10px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#d4d4d4}.section{padding:110px 7vw}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;margin-bottom:60px}.section-heading h2,.approach h2,.capabilities h2,.contact h2{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:500px;margin-bottom:6px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#c9c7c0}.service-card{height:520px;position:relative;overflow:hidden;color:#fff;background:#222}.service-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.service-card:hover img{transform:scale(1.04)}.service-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.82))}.service-number{position:absolute;top:24px;left:24px;font-size:10px;letter-spacing:.18em;border:1px solid rgba(255,255,255,.55);padding:8px 9px;border-radius:50%}.service-text{position:absolute;left:28px;right:28px;bottom:30px}.service-text h3{font-size:25px;margin-bottom:12px}.service-text p{color:#d7d8d8;font-size:12px;line-height:1.7;margin:0}.approach{display:grid;grid-template-columns:1fr 1fr;background:var(--charcoal);color:#fff}.approach-image{min-height:780px;background:url('https://ob1prod.com/images/2022/04/03/diseno.jpg') center/cover no-repeat}.approach-copy{padding:100px 8vw 80px 7vw}.approach-copy>p:not(.eyebrow){color:#aeb2b3;line-height:1.8;margin:32px 0 44px}.approach ol{list-style:none;padding:0;margin:0;border-top:1px solid #3c4142}.approach li{display:grid;grid-template-columns:55px 1fr;padding:22px 0;border-bottom:1px solid #3c4142}.approach li>span{color:var(--gold);font-size:11px;letter-spacing:.12em}.approach li strong{font-size:16px}.approach li p{margin:6px 0 0;color:#8e9394;font-size:12px}.projects{background:#fff}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:340px 340px;gap:14px}.project-card{position:relative;overflow:hidden;color:#fff}.project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 65%)}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.035)}.project-card>div{position:absolute;z-index:2;bottom:25px;left:28px}.project-card span{color:#d5ad5c;font-size:9px;letter-spacing:.24em}.project-card h3{margin:8px 0 0;font-size:20px}.project-1{grid-row:1/3}.project-4{display:none}.capabilities{padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:#e7e3db}.capability-copy>p{color:#5d6263;line-height:1.8}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.pills span{padding:10px 13px;border:1px solid #b8b4ac;font-size:9px;letter-spacing:.13em}.contact{padding:105px 6vw;text-align:center;color:#fff;background:var(--gold)}.contact h2{font-size:clamp(50px,6vw,80px)}.contact>p:not(.eyebrow){max-width:550px;margin:25px auto 32px;line-height:1.7;color:#fff7e7}.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:var(--ink);color:#fff}footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px;align-items:center;padding:55px 6vw 32px;background:#101213;color:#a9acad;font-size:11px}.footer-brand{color:#fff}footer>div{display:flex;flex-direction:column;gap:7px;text-align:right}footer>small{grid-column:1/-1;border-top:1px solid #292c2d;padding-top:24px;margin-top:18px;color:#666a6b}
@media(max-width:900px){.topbar p,nav{display:none}.topbar{justify-content:center}.header{height:74px;padding:0 22px}.button-small{display:none}.hero{min-height:660px}.hero-content{margin-left:7vw}.hero-stat{display:none}.section{padding:80px 6vw}.section-heading{grid-template-columns:1fr;gap:24px}.service-grid{grid-template-columns:1fr 1fr}.service-card{height:430px}.approach{grid-template-columns:1fr}.approach-image{min-height:440px}.approach-copy{padding:75px 7vw}.capabilities{grid-template-columns:1fr;gap:35px}}
@media(max-width:560px){.topbar{height:auto;padding:9px 14px}.topbar div{gap:12px;flex-wrap:wrap;justify-content:center}.header{position:relative}.hero{min-height:640px}.hero h1{font-size:49px}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.service-grid{grid-template-columns:1fr;gap:8px;background:transparent}.service-card{height:420px}.project-grid{display:flex;flex-direction:column}.project-card{height:360px}.project-4{display:block}footer{grid-template-columns:1fr;text-align:left}footer>div{text-align:left}footer>small{grid-column:1}}
.logo-mark{width:42px;height:42px;object-fit:cover;flex:0 0 42px;border-radius:50%}
.brand>span{font-size:14px;font-weight:700;letter-spacing:.13em}.brand small{font-size:8px;font-weight:600;letter-spacing:.25em}
.hero{background-image:url('/hero.png')}
.approach-image{background-image:url('/our-approach-enhanced.png')}
.service-card:nth-child(2) img{object-position:65% center}.service-card:nth-child(3) img{object-position:center}.service-card:nth-child(4) img{object-position:center}
.approach-image{position:relative}.approach-location{position:absolute;left:34px;bottom:32px;display:flex;flex-direction:column;gap:7px;padding:16px 19px 15px;border-left:3px solid var(--gold);background:rgba(10,12,13,.84);box-shadow:0 12px 34px rgba(0,0,0,.3);backdrop-filter:blur(8px)}.approach-location span{color:#d5ad5c;font-size:8px;letter-spacing:.24em}.approach-location strong{color:#fff;font-size:16px;letter-spacing:.02em}.project-grid{grid-template-columns:repeat(12,1fr);grid-template-rows:none;grid-auto-rows:290px}.project-1{grid-column:span 7;grid-row:span 2}.project-2,.project-3{grid-column:span 5}.project-4,.project-5,.project-6,.project-7{display:block;grid-column:span 3}
@media(max-width:900px){.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:340px}.project-1,.project-2,.project-3,.project-4,.project-5,.project-6,.project-7{grid-column:span 1;grid-row:span 1}.approach-location{left:24px;bottom:24px}}
@media(max-width:560px){.project-grid{display:flex}.approach-location{left:18px;right:18px;bottom:18px}}
.active-nav{color:var(--gold)}.brands-page{background:#0d0f10;color:#fff}.brands-hero{padding:110px 7vw 90px;background:radial-gradient(circle at 84% 14%,rgba(199,150,53,.24),transparent 29%),linear-gradient(135deg,#1a1e20,#08090a)}.brands-hero h1{font-size:clamp(52px,7vw,94px);line-height:.96;letter-spacing:-.055em;margin:0 0 32px}.brands-hero h1 em{font-family:'Playfair Display',Georgia,serif;color:#d8ae58}.brands-hero>p:not(.eyebrow){max-width:720px;color:#b8bcbd;font-size:17px;line-height:1.75}.brands-directory{padding:85px 7vw 115px;background:#111416}.featured-wrap{padding-bottom:84px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.featured-logo{height:165px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#252a2c,#171a1c);border:1px solid #343a3c;color:#f5f3ed;font-size:clamp(24px,2.7vw,40px);font-weight:600;letter-spacing:.05em;box-shadow:0 20px 46px rgba(0,0,0,.24);transition:.25s}.featured-logo:hover{transform:translateY(-3px);border-color:#a77d30}.featured-logo.control4{color:#f1f1ef;text-decoration:underline;text-decoration-color:#c92134;text-underline-offset:9px}.featured-logo.lutron{letter-spacing:.1em}.featured-logo.crestron{font-style:italic}.featured-logo.sonos{letter-spacing:.28em}.featured-logo.sonance{font-weight:400;letter-spacing:.16em}.featured-logo.techled{color:#d8ae58}.directory-title{display:flex;justify-content:space-between;gap:35px;align-items:end;padding-top:72px;margin-bottom:42px;border-top:1px solid #353a3c}.directory-title .eyebrow{margin-bottom:18px}.directory-title h2{font-size:clamp(40px,5vw,64px);line-height:1;margin:0;letter-spacing:-.045em}.directory-title>span{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.2em}.brands-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.brand-card{min-height:108px;display:flex;align-items:center;justify-content:center;padding:22px 14px;text-align:center;background:#1a1e20;border:1px solid #303537;color:#dce0e1;font-size:13px;font-weight:600;letter-spacing:.03em;transition:.25s}.brand-card:hover{background:#24292b;border-color:#9e762c;color:#d8ae58;transform:translateY(-2px)}.legal-note{max-width:780px;margin:38px 0 0;color:#767c7e;font-size:12px;line-height:1.75}.brands-page footer{background:#08090a}
@media(max-width:1000px){.brands-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.brands-hero{padding:72px 22px 62px}.brands-hero h1{font-size:48px}.brands-directory{padding:60px 20px 85px}.featured-grid{grid-template-columns:1fr 1fr;gap:8px}.featured-logo{height:110px;font-size:20px}.directory-title{display:block;padding-top:54px}.directory-title>span{display:block;margin-top:18px}.brands-grid{grid-template-columns:1fr 1fr;gap:7px}.brand-card{min-height:86px;font-size:11px}}
.brand-category{padding:0 0 78px;margin-bottom:78px;border-bottom:1px solid #353a3c}.category-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.category-heading .eyebrow{margin:0}.category-heading h2{font-size:clamp(30px,3.4vw,48px);line-height:1;margin:0;letter-spacing:-.04em}.five-grid{grid-template-columns:repeat(5,1fr)}.video-grid{grid-template-columns:repeat(3,1fr)}.automation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.logo-card{min-height:170px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(145deg,#252a2c,#171a1c);border:1px solid #343a3c;color:#f5f3ed;padding:24px;text-align:center;transition:.25s}.logo-card:hover{transform:translateY(-3px);border-color:#a77d30}.logo-card img{width:58px;height:58px;object-fit:contain;border-radius:12px}.logo-card strong{font-size:17px;letter-spacing:.03em}.logo-card>span,.brand-card>span{position:absolute;right:13px;top:11px;color:#8b9092;font-size:11px}.compact-category{padding-bottom:55px;margin-bottom:70px}.compact-logo{min-height:112px;flex-direction:row;gap:12px;padding:16px}.compact-logo img{width:36px;height:36px}.compact-logo strong{font-size:13px}.brands-page .directory-title{padding-top:0;border-top:0}.brands-page .brand-card{min-height:112px;position:relative;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:20px 14px}.brand-card img{width:34px;height:34px;object-fit:contain;border-radius:7px}.brand-card strong{font-size:12px;letter-spacing:.025em}
@media(max-width:1000px){.five-grid{grid-template-columns:repeat(3,1fr)}.automation-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.category-heading{display:block}.category-heading h2{margin-top:15px}.five-grid,.video-grid{grid-template-columns:1fr 1fr}.automation-grid{grid-template-columns:1fr 1fr}.logo-card{min-height:125px;padding:16px}.logo-card img{width:42px;height:42px}.compact-logo{min-height:90px}.brands-page .directory-title{padding-top:0}.brands-page .brand-card{min-height:96px}}
.logo-shell{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#f7f6f2;border:1px solid rgba(255,255,255,.22);border-radius:15px;box-shadow:0 8px 22px rgba(0,0,0,.22);font-style:normal}.logo-card .logo-shell img{width:42px;height:42px;image-rendering:auto}.compact-logo .logo-shell{width:50px;height:50px;border-radius:11px}.compact-logo .logo-shell img{width:30px;height:30px}.small-shell{width:48px;height:48px;border-radius:10px}.brand-card .small-shell img{width:28px;height:28px}.brand-card img{border-radius:0}
@media(max-width:700px){.logo-shell{width:58px;height:58px}.logo-card .logo-shell img{width:34px;height:34px}.compact-logo .logo-shell{width:44px;height:44px}.compact-logo .logo-shell img{width:27px;height:27px}}
.brands-page .automation-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.brands-page .automation-grid .logo-card{min-height:170px}
@media(max-width:700px){.brands-page .automation-grid{grid-template-columns:1fr}.brands-page .automation-grid .logo-card{min-height:125px}}
.mobile-nav-link{display:none;color:var(--gold);border:1px solid rgba(199,150,53,.65);padding:10px 13px;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
@media(max-width:900px){.mobile-nav-link{display:inline-flex;margin-left:auto}.header .brand{margin-right:0}}
@media(max-width:600px){
html,body,.brands-page{max-width:100%;overflow-x:hidden}.brands-page .topbar{padding:8px 12px}.brands-page .topbar div{gap:10px}.brands-page .topbar a{font-size:8px;letter-spacing:.08em}.brands-page .header{height:68px;padding:0 14px;gap:10px}.brands-page .header .logo-mark{width:34px;height:34px;flex-basis:34px}.brands-page .header .brand{gap:8px}.brands-page .header .brand>span{font-size:10px;letter-spacing:.08em}.brands-page .header .brand small{font-size:6px;letter-spacing:.16em}.brands-page .mobile-nav-link{padding:8px 10px;font-size:8px;letter-spacing:.12em}.brands-page .brands-hero{padding:56px 20px 52px}.brands-page .brands-hero .eyebrow{font-size:8px;letter-spacing:.22em;margin-bottom:18px}.brands-page .brands-hero h1{font-size:clamp(36px,11vw,44px);line-height:1.01;letter-spacing:-.045em;margin-bottom:24px}.brands-page .brands-hero>p:not(.eyebrow){font-size:14px;line-height:1.65}.brands-page .brands-directory{padding:50px 16px 72px}.brands-page .brand-category{padding-bottom:52px;margin-bottom:52px}.brands-page .category-heading{margin-bottom:24px}.brands-page .category-heading .eyebrow{font-size:8px;letter-spacing:.22em;margin-bottom:0}.brands-page .category-heading h2{font-size:30px;line-height:1.06;margin-top:12px}.brands-page .automation-grid,.brands-page .five-grid,.brands-page .video-grid{grid-template-columns:1fr;gap:10px}.brands-page .logo-card,.brands-page .automation-grid .logo-card{min-height:116px;flex-direction:row;justify-content:flex-start;gap:16px;padding:18px 42px 18px 18px;text-align:left}.brands-page .logo-card .logo-shell{width:54px;height:54px;flex:0 0 54px}.brands-page .logo-card .logo-shell img{width:33px;height:33px}.brands-page .logo-card strong{font-size:16px;line-height:1.25}.brands-page .directory-title{margin-bottom:26px}.brands-page .directory-title .eyebrow{font-size:8px;letter-spacing:.22em;margin-bottom:14px}.brands-page .directory-title h2{font-size:34px;line-height:1.05}.brands-page .directory-title>span{font-size:8px;letter-spacing:.14em;margin-top:14px}.brands-page .brands-grid{grid-template-columns:1fr 1fr;gap:7px}.brands-page .brand-card{min-width:0;min-height:106px;padding:15px 8px 12px;gap:9px}.brands-page .brand-card .small-shell{width:42px;height:42px;flex:0 0 42px}.brands-page .brand-card .small-shell img{width:25px;height:25px}.brands-page .brand-card strong{max-width:100%;font-size:10px;line-height:1.25;overflow-wrap:anywhere}.brands-page .brand-card>span{right:8px;top:7px;font-size:9px}.brands-page .legal-note{font-size:10px;line-height:1.6;margin-top:28px}.brands-page footer{padding:42px 20px 26px;gap:20px}.brands-page footer .brand{margin-right:0}.brands-page footer>p{margin:0}.brands-page footer>div{text-align:left}.brands-page footer>small{margin-top:4px}
}

/* Expanded project portfolio */
.projects .project-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:290px}
.projects .project-card{display:block;grid-column:span 4;grid-row:span 1}
.projects .project-card:nth-child(1){grid-column:span 7;grid-row:span 2}
.projects .project-card:nth-child(2),.projects .project-card:nth-child(3){grid-column:span 5}
@media(max-width:900px){.projects .project-grid{grid-template-columns:1fr 1fr;grid-auto-rows:330px}.projects .project-card,.projects .project-card:nth-child(1),.projects .project-card:nth-child(2),.projects .project-card:nth-child(3){grid-column:span 1;grid-row:span 1}}
@media(max-width:560px){.projects .project-grid{display:flex;flex-direction:column}.projects .project-card{height:340px;min-height:340px}.projects .project-card h3{font-size:18px;line-height:1.25;max-width:86%}}

/* Upcoming project feature */
.upcoming-project{position:relative;min-height:700px;overflow:hidden;background:#111;color:#fff}.upcoming-visual,.upcoming-visual img,.upcoming-shade{position:absolute;inset:0;width:100%;height:100%}.upcoming-visual img{object-fit:cover;object-position:center;transition:transform 1s ease}.upcoming-project:hover .upcoming-visual img{transform:scale(1.025)}.upcoming-shade{background:linear-gradient(90deg,rgba(7,9,10,.88) 0%,rgba(7,9,10,.5) 43%,rgba(7,9,10,.08) 72%),linear-gradient(0deg,rgba(7,9,10,.55),transparent 52%)}.upcoming-copy{position:absolute;z-index:2;left:7vw;bottom:76px;max-width:640px;padding-left:26px;border-left:3px solid var(--gold)}.upcoming-copy .eyebrow{color:#d9b86f;margin-bottom:20px}.upcoming-copy h2{font-size:clamp(52px,7vw,94px);line-height:.95;letter-spacing:-.055em;margin:0 0 20px}.upcoming-copy>p:not(.eyebrow){font-size:18px;letter-spacing:.04em;margin-bottom:20px}.upcoming-copy>span{display:inline-block;padding:9px 12px;border:1px solid rgba(255,255,255,.42);color:#d5d8d8;font-size:9px;letter-spacing:.18em;text-transform:uppercase}
@media(max-width:900px){.upcoming-project{min-height:580px}.upcoming-shade{background:linear-gradient(0deg,rgba(7,9,10,.9) 0%,rgba(7,9,10,.3) 70%,rgba(7,9,10,.08))}.upcoming-copy{left:6vw;right:6vw;bottom:52px;max-width:none}}
@media(max-width:560px){.upcoming-project{min-height:520px}.upcoming-visual img{object-position:57% center}.upcoming-copy{left:22px;right:22px;bottom:36px;padding-left:18px}.upcoming-copy h2{font-size:46px}.upcoming-copy>p:not(.eyebrow){font-size:15px}}
.brands-page .header .brand{color:var(--ink);min-width:max-content;flex-shrink:0}.brands-page footer .brand{color:#fff}
.brands-page .header .brand,.brands-page .header .brand>span{color:#101213!important}.brands-page .header .brand small{color:var(--gold)!important}

/* Project photo viewer */
.projects .project-card{cursor:zoom-in}.projects .project-card:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.project-lightbox{position:fixed;z-index:1000;inset:0;padding:52px 78px 34px;display:none;align-items:center;justify-content:center;background:rgba(4,5,6,.96);backdrop-filter:blur(10px)}.project-lightbox.is-open{display:flex}.project-lightbox figure{width:min(1280px,86vw);height:calc(100vh - 86px);margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-lightbox figure img{max-width:100%;max-height:calc(100% - 62px);width:auto;height:auto;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.55)}.project-lightbox figcaption{align-self:stretch;padding-top:18px;color:#fff;font-size:16px}.project-lightbox figcaption span{display:block;margin-bottom:5px;color:#d5ad5c;font-size:9px;letter-spacing:.24em}.lightbox-close,.lightbox-arrow{position:absolute;border:0;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}.lightbox-close:hover,.lightbox-arrow:hover{background:var(--gold)}.lightbox-close{top:18px;right:22px;width:46px;height:46px;border-radius:50%;font-size:31px}.lightbox-arrow{top:50%;transform:translateY(-50%);width:48px;height:70px;font-size:46px}.lightbox-prev{left:18px}.lightbox-next{right:18px}
@media(max-width:700px){.project-lightbox{padding:58px 14px 22px}.project-lightbox figure{width:100%;height:calc(100vh - 80px)}.project-lightbox figure img{max-height:calc(100% - 76px)}.project-lightbox figcaption{padding:15px 48px 0 4px;font-size:14px}.lightbox-close{top:10px;right:12px;width:42px;height:42px}.lightbox-arrow{top:auto;bottom:18px;transform:none;width:40px;height:40px;border-radius:50%;font-size:34px}.lightbox-prev{left:14px}.lightbox-next{right:14px}}

/* Project inquiry form */
.contact button{border:0;cursor:pointer}.contact-email{display:block;width:max-content;max-width:100%;margin:20px auto 0;color:#fff7e7;font-size:11px;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.48);padding-bottom:5px}.inquiry-overlay[hidden]{display:none}.inquiry-overlay{position:fixed;z-index:1200;inset:0;padding:24px;overflow-y:auto;background:rgba(3,5,6,.94);backdrop-filter:blur(12px)}.inquiry-panel{position:relative;width:min(1240px,100%);min-height:calc(100vh - 48px);margin:auto;display:grid;grid-template-columns:380px 1fr;background:#f4f1eb;box-shadow:0 35px 100px rgba(0,0,0,.55)}.inquiry-close{position:fixed;z-index:4;top:40px;right:max(40px,calc((100vw - 1240px)/2 + 18px));width:46px;height:46px;border:1px solid rgba(16,18,19,.18);border-radius:50%;background:#fff;color:#101213;font-size:30px;line-height:1;cursor:pointer;transition:.2s}.inquiry-close:hover{background:var(--gold);color:#fff}.inquiry-intro{position:relative;min-height:100%;padding:48px 42px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 18% 72%,rgba(199,150,53,.22),transparent 27%),linear-gradient(160deg,#202426,#0b0d0e)}.inquiry-brand{margin:0;color:#fff}.inquiry-intro h2{font-size:48px;line-height:.98;letter-spacing:-.045em;margin:0 0 25px}.inquiry-intro h2 em{font-family:'Playfair Display',Georgia,serif;color:#d8ae58}.inquiry-intro>div>p:not(.eyebrow){color:#adb2b3;font-size:14px;line-height:1.75}.inquiry-contact{display:flex;flex-direction:column;gap:8px;padding-top:28px;border-top:1px solid #373c3e}.inquiry-contact span{margin-bottom:8px;color:#8d9294;font-size:8px;letter-spacing:.24em}.inquiry-contact a{font-size:13px}.inquiry-form{padding:74px 62px 54px}.website-field{position:absolute!important;left:-9999px!important}.form-status{display:none;margin:0 56px 35px 0;padding:14px 16px;font-size:12px;line-height:1.5}.form-status.is-error{display:block;border:1px solid #b84b4b;background:#fff0f0;color:#8d2424}.form-status.is-success{display:block;border:1px solid #83a67e;background:#eff8ed;color:#305d2c}.form-section{display:flex;align-items:center;gap:15px;margin:38px 0 22px;padding-bottom:18px;border-bottom:1px solid #d7d2c9}.form-section:first-of-type{margin-top:0}.form-step{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #c7a25a;border-radius:50%;color:#a97924;font-size:9px;letter-spacing:.1em}.form-section h3{margin:0 0 3px;font-size:18px}.form-section p{margin:0;color:#818586;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px}.form-grid label{display:flex;flex-direction:column;gap:9px}.form-grid label>span,.systems-field legend{color:#4f5354;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:0;border-bottom:1px solid #bfc0bc;border-radius:0;padding:10px 2px 12px;background:transparent;color:#101213;font:14px 'DM Sans',Arial,sans-serif;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--gold)}.form-grid textarea{resize:vertical;min-height:112px}.full-field{grid-column:1/-1}.systems-field{margin:28px 0 0;padding:0;border:0}.systems-field legend{margin-bottom:13px}.system-options{display:flex;flex-wrap:wrap;gap:8px}.system-options label{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #c9c6bf;background:transparent;color:#373b3c;font:11px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:.2s}.system-options input{position:absolute;opacity:0;pointer-events:none}.system-options label>span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #aaa;font-size:11px}.system-options label:hover,.system-options label:has(input:checked){border-color:#b6852d;background:#fff;color:#8b641c}.system-options label:has(input:checked)>span{border-color:var(--gold);background:var(--gold);color:transparent}.system-options label:has(input:checked)>span::after{content:'✓';color:#fff}.file-field{position:relative}.file-field input{font-size:11px}.file-field small{color:#999;font-size:9px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px;padding-top:28px;border-top:1px solid #d7d2c9}.form-footer p{max-width:340px;margin:0;color:#85898a;font-size:10px;line-height:1.6}.inquiry-submit{border:0;cursor:pointer;white-space:nowrap}.inquiry-submit:disabled{opacity:.55;cursor:wait}
@media(max-width:900px){.inquiry-overlay{padding:0}.inquiry-panel{min-height:100vh;grid-template-columns:1fr}.inquiry-close{position:absolute;top:18px;right:18px}.inquiry-intro{min-height:420px;padding:38px 7vw}.inquiry-intro h2{font-size:52px}.inquiry-form{padding:58px 7vw}.form-status{margin-right:55px}}
@media(max-width:560px){.inquiry-intro{min-height:390px;padding:30px 22px}.inquiry-intro h2{font-size:42px}.inquiry-form{padding:42px 22px}.form-grid{grid-template-columns:1fr;gap:19px}.full-field{grid-column:auto}.system-options{display:grid;grid-template-columns:1fr 1fr}.system-options label{padding:10px 9px;font-size:9px}.form-footer{align-items:stretch;flex-direction:column}.inquiry-submit{width:100%}.contact-email{font-size:10px}.form-status{margin-right:48px}}