:root{--ink:#242824;--paper:#faf9f6;--gold:#c5a260;--muted:#666d66;--line:#dadbd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(34px,3.7vw,54px)}h3{font-size:26px}.wrap{width:min(1240px,88%);margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:600;line-height:1.5}.skip{position:absolute;top:-80px;padding:15px;background:white;z-index:20}.skip:focus{top:0}header{height:110px;background:#191c19;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:35px;color:#fff}header .brand{width:130px;height:94px;overflow:hidden;flex-shrink:0}.brand img{height:100%;object-fit:contain}nav{display:flex;gap:36px;font-size:13px}nav a{position:relative}nav a:after{content:'';display:block;height:1px;background:var(--gold);width:0;transition:width .25s}nav a:hover:after{width:100%}.header-cta{font-size:13px;border-bottom:1px solid #7b8074;padding:9px 0;display:flex;gap:32px}.header-cta span{color:var(--gold)}.menu-toggle{display:none}.hero{height:calc(100svh - 110px);min-height:620px;max-height:950px;position:relative;color:#fff;isolation:isolate}.hero>img{height:100%;position:absolute;inset:0;object-position:center 51%;z-index:-2}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,12,.66),rgba(9,16,12,.04) 85%),linear-gradient(0deg,rgba(9,16,12,.4),transparent 50%);z-index:-1}.hero-copy{position:absolute;left:6%;top:28%;max-width:850px}.hero-copy .eyebrow{color:#e1dac9;margin-bottom:25px}h1{font-size:clamp(52px,6.4vw,94px);line-height:1.03;letter-spacing:-.06em}.hero-copy>p:not(.eyebrow){margin-top:28px;color:#f4f3eb;font-size:16px;line-height:1.7}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:15px 24px;border:1px solid;background:transparent;font-size:13px;transition:background .2s}.button.light{border-color:#e3e0d3;color:white}.hero .button{margin-top:33px}.button.light:hover{background:#ffffff22}.button.dark{color:var(--ink);border-color:#aaa999}.button.dark:hover{background:#e8e6dd}.hero-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff50;padding-top:18px;font-size:10px;letter-spacing:.15em}.slide-buttons{display:flex;gap:16px}.slide-buttons button{border:0;border-bottom:1px solid transparent;background:none;color:#ffffff99;padding:9px 3px;font-size:12px}.slide-buttons button[aria-pressed=true]{color:white;border-color:var(--gold)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-block:110px}.intro .eyebrow{padding-top:10px;color:#797650}.intro h2{max-width:780px}.intro div>p{max-width:620px;margin:28px 0;color:var(--muted)}.text-link{display:inline-flex;gap:40px;align-items:center;font-size:13px;border-bottom:1px solid #aaa999;padding-bottom:8px}.text-link span{color:#8d794a}.work{padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.section-head h2{margin-top:16px}.section-head>p{font-size:14px;color:var(--muted)}.filters{display:flex;gap:25px;margin-bottom:35px;border-bottom:1px solid var(--line)}.filters button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px}.filters .active{color:var(--ink);border-bottom-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.project{display:block;text-align:left;background:none;border:0;padding:0;color:var(--ink)}.project[hidden]{display:none}.project-image{height:390px;overflow:hidden;position:relative}.project-image img{height:100%;transition:transform .6s}.project:hover img{transform:scale(1.035)}.project-open{position:absolute;right:18px;bottom:18px;width:40px;height:40px;border-radius:50%;background:var(--paper);display:grid;place-items:center}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px}.project-caption h3{font-size:23px}.project-caption p{font-size:9px;letter-spacing:.13em;color:var(--muted)}.tall img{object-position:center 48%}.services{background:#eaece5;padding:95px 0}.services-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:110px}.services-heading h2{margin-top:24px}.services-heading>p:not(.eyebrow){margin:25px 0 30px;max-width:350px;color:var(--muted)}.service-list details{border-top:1px solid #b9beb1}.service-list details:last-child{border-bottom:1px solid #b9beb1}.service-list summary{list-style:none;display:flex;align-items:center;gap:24px;padding:24px 0;font-size:22px;letter-spacing:-.03em;cursor:pointer}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font-size:10px;letter-spacing:0;color:var(--muted)}.service-list summary b{margin-left:auto;font-size:20px;font-weight:400}.service-list details[open] summary b{transform:rotate(45deg)}.service-list details p{margin:0 25px 24px 40px;color:var(--muted);font-size:14px;max-width:450px}.about{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;padding-block:110px}.about-photo{position:relative}.about-photo img{height:530px}.about-photo>p{position:absolute;bottom:20px;left:20px;color:white;background:#242824bb;font-size:9px;letter-spacing:.16em;padding:10px 14px}.about h2{margin:22px 0 25px}.about div>p:not(.eyebrow){color:var(--muted);margin-bottom:22px}.about .text-link{margin-top:10px}.process{padding-bottom:100px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:35px}.steps span{font-size:10px;letter-spacing:.15em;color:#78744f}.steps h3{font-size:27px;margin:20px 0 17px}.steps p{font-size:14px;color:var(--muted);max-width:300px}.contact{padding:90px 0;background:#272f29;color:#f8f8ef}.contact-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.contact h2{font-size:clamp(40px,4.3vw,64px);margin:23px 0}.contact p:not(.eyebrow){color:#c2c7bb}.contact .location{font-size:10px;letter-spacing:.12em;margin-top:45px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{display:block;font-size:11px;margin-bottom:25px;letter-spacing:.03em}input,select,textarea{display:block;border:0;border-bottom:1px solid #899181;background:transparent;border-radius:0;width:100%;padding:12px 0;color:white;font-size:14px;outline-offset:4px}input::placeholder,textarea::placeholder{color:#a8b09f}select option{background:#272f29}textarea{resize:vertical}form .button{margin-top:0}.form-note{font-size:10px!important;max-width:370px;margin-top:16px!important;line-height:1.5}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:45px;gap:30px}.footer-brand{font-family:Georgia,serif;font-size:48px;line-height:.9;letter-spacing:-.06em}.footer-brand span{display:block;font:8px Arial;letter-spacing:.3em;margin-top:10px}.footer-brand+p{font-size:13px;color:var(--muted)}footer>a{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding:22px 0;font-size:10px;color:var(--muted)}.footer-bottom span:last-child{letter-spacing:.12em}dialog{border:0;padding:0;max-width:900px;width:90%;background:var(--paper);color:var(--ink);max-height:90svh}dialog::backdrop{background:#0c140fbd}dialog>img{max-height:55svh;object-fit:contain;background:#171a16}.dialog-content{padding:35px 45px}.dialog-content h2{font-size:36px;margin:12px 0 20px}.dialog-content>p:not(.eyebrow){color:var(--muted);margin-bottom:20px;white-space:pre-line}.close{position:absolute;right:12px;top:12px;border:0;background:var(--paper);width:38px;height:38px;font-size:25px;border-radius:50%;z-index:2}#inquiry-dialog{max-width:650px}.demo-note{font-size:12px}.scroll-link{font-size:9px}@media(min-width:1700px){.hero-copy{left:max(6%,calc((100vw - 1500px)/2))}}@media(max-width:1000px){.intro{gap:40px;grid-template-columns:1fr 2fr}.services-inner,.about,.contact-inner{gap:45px}.project-caption{display:block}.project-caption p{margin-top:9px}.project-image{height:330px}.services-heading .button{gap:15px}.brand{width:110px!important}header{gap:20px}nav{gap:22px}.header-cta{gap:15px}}@media(max-width:700px){header{height:90px;padding:0 6%;position:relative;z-index:10}.brand{height:78px!important;width:100px!important}.header-cta{display:none}.menu-toggle{display:flex;border:0;background:none;color:white;gap:20px;align-items:center;font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:90px;background:#191c19;padding:25px 6%;flex-direction:column;gap:25px}header.expanded nav{display:flex}.hero{height:calc(88svh - 90px);min-height:590px}.hero-copy{top:25%;right:6%}h1{font-size:51px}.hero-copy .eyebrow{font-size:9px;margin-bottom:22px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:300px}.hero-copy br:not(h1 br){display:none}.hero-bottom{bottom:20px;letter-spacing:.08em}.scroll-link{display:none}.hero-bottom>p{font-size:9px}.intro,.services-inner,.about,.contact-inner{grid-template-columns:1fr;gap:32px}.intro{padding-block:65px}.intro h2{font-size:36px}.intro div>p{font-size:15px}.section-head{display:block;margin-bottom:22px}.section-head>p{margin-top:20px}.section-head>p br{display:none}.work{padding-bottom:60px}.filters{gap:20px;overflow-x:auto;white-space:nowrap}.filters button{font-size:11px}.project-grid{grid-template-columns:1fr;gap:32px}.project-image{height:320px}.project.tall .project-image{height:440px}.project-caption{display:flex}.project-caption h3{font-size:23px}.project-caption p{font-size:8px;margin:0}.services{padding:60px 0}.services-heading>p:not(.eyebrow){max-width:100%}.service-list summary{font-size:21px}.about{padding-block:65px}.about-photo img{height:390px}.steps{grid-template-columns:1fr;gap:30px}.steps article{border-bottom:1px solid var(--line);padding-bottom:25px}.steps p{max-width:100%}.steps h3{margin:12px 0}.process{padding-bottom:60px}.contact{padding:60px 0}.contact-inner{gap:35px}.contact .location{margin-top:25px}.form-row{grid-template-columns:1fr;gap:0}.contact h2{font-size:48px}footer{gap:28px}footer>p{max-width:170px;font-size:12px!important}footer>a{margin-left:auto}.footer-bottom{font-size:9px}.dialog-content{padding:30px 24px}.dialog-content h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.portfolio-link{margin-top:40px}.filters{gap:25px;overflow-x:auto}.filters button{white-space:nowrap}nav [aria-current=page]{color:var(--gold)}.portfolio-intro{padding-block:90px 65px}.portfolio-intro h1{font-size:clamp(50px,6vw,82px);margin:24px 0 30px}.portfolio-intro>p:last-child{max-width:600px;color:var(--muted)}.portfolio-cta{padding:70px 0;background:#eaece5}.portfolio-cta h2{margin:20px 0 30px}@media(max-width:700px){.portfolio-intro{padding-block:60px 40px}.portfolio-intro h1{font-size:46px}.filters{gap:20px}.portfolio-intro>p:last-child{font-size:15px}}

/* Navigation and portfolio additions preserve the existing design system. */
header{position:sticky;top:0;z-index:20;gap:24px}
html{scroll-padding-top:134px}
#home{scroll-margin-top:-24px}
.header-phone{white-space:nowrap}
.service-portfolio{margin:0 25px 24px 40px;font-size:12px;gap:28px}
.portfolio-sections{display:flex;position:static;padding:0;background:none;gap:25px;font-size:12px;overflow-x:auto;margin-bottom:65px}
.portfolio-sections a{white-space:nowrap;padding:12px 0;color:var(--muted)}
.portfolio-sections a:hover{color:var(--ink)}
.portfolio-section .section-head>p{max-width:350px}
@media(max-width:1100px) and (min-width:701px){.header-cta:not(.header-phone){display:none}}
@media(max-width:700px){header{position:sticky;top:0;z-index:20;gap:15px}.header-phone{display:flex;font-size:11px;padding:8px 0;margin-left:auto}.menu-toggle{gap:8px}html{scroll-padding-top:114px}.portfolio-sections{display:flex;position:static;flex-direction:row;padding:0;gap:20px;margin-bottom:40px;font-size:11px}.portfolio-section .section-head>p{max-width:none}.service-portfolio{margin-left:40px}}

header{height:98px}header .brand{height:84px}.hero{height:calc(100svh - 98px);overflow:hidden}html{scroll-padding-top:122px}@media(max-width:700px){header{height:82px}header .brand{height:70px!important}header nav{top:82px}.hero{height:calc(88svh - 82px)}html{scroll-padding-top:106px}}

/* Shared footer, matching the reference layout in the GRV palette. */
footer.site-footer{display:block;width:100%;padding:65px 0 0;background:#191c19;color:var(--paper)}
.footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:85px;padding-bottom:40px}
.footer-company{font-size:13px;line-height:1.8;color:#c2c7bb;max-width:370px}
.footer-company p{margin:0}
.footer-logo{width:115px;height:80px;object-fit:contain;margin:0 0 18px}
.footer-phone{text-decoration:underline;text-underline-offset:3px}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.footer-links h3{font-family:inherit;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:#c2c7bb;margin:7px 0 4px}
.footer-links a{font-size:14px;line-height:1.6}
.footer-links a:hover,.site-footer .footer-bottom a:hover{color:var(--gold)}
.site-footer .footer-bottom{border-top-color:#ffffff25;color:#c2c7bb;font-size:11px;align-items:center;gap:20px}
.blank-blog{min-height:60svh}
@media(max-width:1000px){.footer-columns{gap:45px;grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:700px){footer.site-footer{padding-top:45px}.footer-columns{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-company{grid-column:1 / -1;max-width:370px}.footer-links{gap:13px}.footer-links a{font-size:13px}.site-footer .footer-bottom{font-size:10px;flex-wrap:wrap}.blank-blog{min-height:55svh}}
