@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--wine:#742a38;--ink:#252827;--muted:#666b67;--paper:#faf9f5;--line:#dcded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #be8550;outline-offset:5px}header{min-height:100px;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column}.brand-name{font-size:22px;font-family:Georgia,serif;letter-spacing:1px;color:var(--wine);font-weight:700}.amp{font-size:20px;padding:0 6px;font-style:italic;font-weight:400}.brand-sub{font-size:8px;letter-spacing:2px;font-weight:700;margin-top:4px}nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--wine)}.nav-contact{border:1px solid var(--wine);padding:10px 19px;color:var(--wine)}.nav-contact span{margin-left:16px}.hero{display:grid;grid-template-columns:43% 57%;min-height:690px}.hero-copy{padding:78px 10% 65px 11.65%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;margin:0 0 25px;color:var(--wine)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.13;letter-spacing:-1.7px;margin:0;font-weight:500}h1{font-size:clamp(47px,4.9vw,78px);letter-spacing:-3.6px}em{font-family:Georgia,serif;font-weight:400;color:var(--wine)}.hero-intro{font-size:18px;max-width:340px;line-height:1.65;margin:27px 0 30px}.button{display:inline-flex;justify-content:space-between;gap:25px;align-items:center;padding:15px 21px;background:var(--wine);color:white;font-size:13px;font-weight:600;transition:background .2s}.button:hover{background:#51202a}.text-link{font-size:12px;border-bottom:1px solid var(--line);margin-top:23px;padding-bottom:4px}.text-link span{padding-left:20px}figure{margin:0}.hero-photo{position:relative;min-width:0;overflow:hidden;background:#c4c6a1}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:47% center;position:absolute}.hero-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#111a16a6)}figcaption{position:absolute;z-index:1;bottom:32px;left:32px;color:white;font-size:12px}figcaption span{display:block;letter-spacing:2px;font-size:9px;margin-bottom:6px}.section{padding:100px 8%}.intro{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid var(--line);gap:6%}.intro>.eyebrow{padding-top:10px}.intro h2{font-size:43px;margin-bottom:30px}.intro p:not(.eyebrow){max-width:640px;color:var(--muted)}.intro .large-copy{font-size:22px;color:var(--ink)!important;line-height:1.5}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:52px}.section-heading h2{font-size:43px}.section-heading>p{font-size:14px;color:var(--muted);margin-bottom:0}.services{background:#f0f0e9}.service-list article{display:grid;grid-template-columns:50px 1fr 1.35fr;gap:24px;border-top:1px solid #cdd0c5;padding:27px 0;align-items:start}.service-list article:last-child{border-bottom:1px solid #cdd0c5}.number{font-size:12px;color:var(--wine);padding-top:3px}.service-list h3{font-size:22px;letter-spacing:-.6px}.service-list p{margin:0;font-size:14px;color:#555e57;max-width:490px}.featured-project{display:grid;grid-template-columns:1.4fr 1fr;background:#eeeee7}.featured-project figure{min-height:410px}.featured-project img{width:100%;height:100%;object-fit:cover;display:block}.featured-project>div{padding:43px}.featured-project h3{font-size:34px}.featured-project p:not(.eyebrow){font-size:14px;color:var(--muted)}.project-caption{border-top:1px solid #d2d5c9;padding-top:18px;font-weight:600}.project-caption span{font-weight:400;font-size:11px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:32px}.project-grid article{border-bottom:1px solid var(--line);padding:35px 0}.project-grid .eyebrow{margin-bottom:14px;font-size:9px}.project-grid h3{font-size:27px;letter-spacing:-.8px}.project-grid p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:450px}.tag{font-size:9px;font-weight:700;letter-spacing:1.5px}.approach{display:grid;grid-template-columns:1fr 2fr;gap:6%;background:#eceee7}.approach h2{font-size:42px;line-height:1.3}.approach-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:27px;margin-top:45px}.approach-steps h3{font-size:16px;line-height:1.4;letter-spacing:-.3px}.approach-steps p{font-size:13px;color:var(--muted)}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;background:var(--wine);color:white}.contact .eyebrow{color:#e6c6cd}.contact h2{font-size:61px;letter-spacing:-2.5px}.contact p{font-size:15px;max-width:420px;color:#eadbdf;margin:25px 0 30px}.light{background:var(--paper);color:var(--wine)}.light:hover{background:#e9dadd}address{font-style:normal;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:16px}address .phone{font-size:32px;letter-spacing:-1px;margin-bottom:10px}address a:hover{text-decoration:underline}address p{margin-bottom:27px!important}address span{font-size:12px;color:#e6c6cd}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 5%;font-size:11px;color:var(--muted)}.skip{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:800px}}@media(max-width:1000px){nav{gap:16px}.brand-name{font-size:18px}.hero-copy{padding-top:60px;padding-bottom:50px}h1{font-size:52px}.hero{min-height:650px}.section{padding:75px 6%}.featured-project>div{padding:30px}.intro,.approach{grid-template-columns:1fr 2.5fr;gap:4%}.approach-steps{grid-template-columns:1fr}.approach-steps p{margin:8px 0}.contact{gap:7%}.contact h2{font-size:52px}}@media(max-width:700px){header{padding:20px 6%;align-items:flex-start;gap:18px;flex-direction:column}.brand-name{font-size:23px}nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}.nav-contact{padding:7px 10px}.nav-contact span{margin-left:5px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7% 40px}h1{font-size:60px;letter-spacing:-3px}.hero-intro{max-width:390px;font-size:17px}.hero-photo{height:360px}.hero-photo img{object-position:center}.section{padding:60px 7%}.intro,.approach,.contact{grid-template-columns:1fr;gap:25px}.intro h2,.section-heading h2,.approach h2{font-size:34px;letter-spacing:-1.3px}.intro .large-copy{font-size:20px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:20px}.service-list article{grid-template-columns:28px 1fr;gap:9px 15px;padding:24px 0}.service-list p{grid-column:2}.service-list h3{font-size:20px}.featured-project{grid-template-columns:1fr}.featured-project figure{min-height:0}.featured-project img{height:auto}.featured-project>div{padding:30px}.project-grid{grid-template-columns:1fr;margin-top:10px}.project-grid article{padding:30px 0}.approach-steps{margin-top:28px;gap:17px}.contact h2{font-size:53px}.contact address{padding-top:20px;border-top:1px solid #a36170}.contact p{margin:20px 0 28px}footer{flex-wrap:wrap;padding:25px 7%;font-size:10px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Project photography */
.gallery{min-width:0;position:relative;background:#e7e8e0;align-self:start}.gallery-slide{display:block;cursor:zoom-in}.gallery-slide[hidden]{display:none}.gallery img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}.gallery-controls{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f0f0e9}.gallery-controls[hidden]{display:none}.gallery button,.close-photo{font:inherit;cursor:pointer;border:1px solid #c5c9bf;background:var(--paper);color:var(--ink);min-width:44px;min-height:44px;padding:7px 12px}.gallery button:hover{background:#e0e3d8}.gallery button:focus-visible,summary:focus-visible,.close-photo:focus-visible{outline:3px solid var(--wine);outline-offset:3px}.gallery-count{font-size:12px;min-width:44px;text-align:center}.gallery .enlarge{margin-left:auto;font-size:12px}.featured-project>.gallery{padding:0;align-self:center}.featured-project .gallery img{height:auto}.project-grid .gallery{margin-bottom:24px}.area-details{border:1px solid var(--line);border-top:0;padding:0 24px}.area-details summary{padding:20px 0;cursor:pointer;font-weight:600;font-size:14px}.area-details summary span{float:right;font-weight:400;color:var(--muted);font-size:12px}.area-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:8px 0 24px}.area-projects h3{font-size:18px;letter-spacing:-.4px;line-height:1.4;min-height:52px;margin-bottom:14px}.photo-dialog{border:0;background:#18201e;color:white;padding:16px;max-width:95vw;max-height:94vh;width:1200px}.photo-dialog::backdrop{background:#000c}.photo-dialog img{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:12px auto}.photo-dialog p{font-size:13px;margin:8px 0}.close-photo{display:block;margin-left:auto}.hero-photo img{object-position:50% center}@media(max-width:900px){.area-projects{grid-template-columns:1fr}.area-projects h3{min-height:0}.area-details summary span{float:none;display:block;margin-top:4px}.hero-photo img{object-fit:contain;background:#303b30}}

/* Official company logo */
header .brand{flex:0 1 330px;min-width:0;max-width:100%}header .brand-logo{display:block;width:330px;max-width:100%;height:auto}
@media(max-width:1000px){header .brand{flex-basis:280px}.brand-logo{width:280px}}
@media(max-width:700px){header .brand{flex:none;width:300px;max-width:100%}}

/* Shared readability and portfolio system */
:root{--body-size:18px;--copy-size:18px;--label-size:14px;--control-size:16px;--title-size:28px;--muted:#535b55}
body{font-size:var(--body-size);line-height:1.65}h1,h2,h3{font-weight:600}p{max-width:72ch}header{gap:28px;flex-wrap:wrap}header .brand{flex:0 0 300px}nav{font-size:var(--control-size);gap:22px;flex-wrap:wrap}nav a{display:inline-flex;align-items:center;min-height:44px}nav [aria-current=page]{color:var(--wine);text-decoration:underline;text-underline-offset:6px}.nav-contact{padding:10px 16px;white-space:nowrap}.nav-contact span{margin-left:10px}
.eyebrow,.project-grid .eyebrow{font-size:var(--label-size);letter-spacing:1.3px;font-weight:700}.hero-intro{font-size:20px;max-width:34ch}.button,.text-link{font-size:var(--control-size);min-height:44px}.button{font-weight:600}.text-link{display:inline-flex;align-items:center}.hero-copy{padding-left:10%;padding-right:8%}.hero-photo figcaption{font-size:16px;left:24px;right:24px;bottom:24px;max-width:calc(100% - 48px);background:#19251ee8;padding:12px 16px;border-radius:2px}.hero-photo figcaption span{font-size:14px;letter-spacing:1px}.hero-photo:after{pointer-events:none}
.section-heading>p,.service-list p,.featured-project p:not(.eyebrow),.project-grid p:not(.eyebrow),.approach-steps p,.contact p{font-size:var(--copy-size)}.service-list h3,.project-grid h3{font-size:var(--title-size);line-height:1.25;letter-spacing:-.5px}.number,.tag,.project-caption span{font-size:var(--label-size)}.tag{letter-spacing:1px}.approach-steps{gap:30px}.approach-steps h3{font-size:22px;line-height:1.35}.area-projects h3{font-size:24px;line-height:1.3;min-height:64px}.area-details summary{font-size:18px;min-height:48px}.area-details summary span{font-size:14px}.gallery-count,.gallery .enlarge,.photo-dialog p{font-size:16px}.gallery-controls{flex-wrap:wrap}.gallery-count{min-width:46px}.gallery button,.close-photo{font-size:16px}.contact address{font-size:20px}.contact address span,footer{font-size:14px}footer{align-items:center;flex-wrap:wrap}footer a{min-height:44px;display:inline-flex;align-items:center}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a95520;outline-offset:5px}.contact a:focus-visible{outline-color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.recent-projects{background:#f0f0e9;border-top:1px solid var(--line)}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.recent-card{min-width:0;padding:30px;background:var(--paper);border:1px solid #cdd0c5;border-top:3px solid var(--wine);display:flex;flex-direction:column;align-items:flex-start;scroll-margin-top:30px}.recent-card h3{font-size:var(--title-size);line-height:1.25;letter-spacing:-.7px;overflow-wrap:break-word}.project-location{font-size:var(--label-size);font-weight:600;color:var(--muted);margin:0 0 16px}.project-category{font-size:var(--label-size);font-weight:600;color:var(--wine);line-height:1.5;margin:16px 0 0}.project-status{display:inline-block;font-size:14px;font-weight:600;color:#394c40;background:#e6ece5;padding:4px 10px;margin-top:14px;border-radius:3px}.project-description{font-size:var(--copy-size);line-height:1.65;margin:20px 0 24px;color:var(--muted)}.project-more{font-size:16px;font-weight:600;color:var(--wine);min-height:44px;display:inline-flex;align-items:center;gap:10px;margin-top:auto;text-decoration:underline;text-underline-offset:5px}.portfolio-action{margin-top:36px}.portfolio-intro{padding-top:75px;padding-bottom:65px;border-bottom:1px solid var(--line)}.portfolio-intro h1{font-size:clamp(48px,5vw,76px);letter-spacing:-2.5px}.portfolio-lead{font-size:22px;max-width:60ch;margin:28px 0}.portfolio-jumps{display:flex;flex-wrap:wrap;gap:12px 30px}.portfolio-jumps a{min-height:44px;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.full-portfolio{background:#f0f0e9}.full-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.full-grid .recent-card{padding:36px}.full-grid .project-description{margin-bottom:0}.full-grid .project-more{margin-top:20px}.portfolio-intro+.section{padding-top:65px}
@media(max-width:1150px){header .brand{flex-basis:280px}header{gap:20px}nav{gap:16px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach{grid-template-columns:1fr}.approach-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading{align-items:flex-start}.section-heading>p{max-width:30ch}}
@media(max-width:900px){header{align-items:flex-start;flex-direction:column}header .brand{flex:none;width:300px}nav{width:100%;justify-content:space-between}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7%}.hero-intro{max-width:42ch}.hero-photo{height:440px}.hero-photo img{object-fit:cover}.area-projects h3{min-height:0}.section-heading{display:block}.section-heading>p{max-width:60ch}.intro{grid-template-columns:1fr}.service-list article{grid-template-columns:36px 1fr}.service-list p{grid-column:2}.featured-project{grid-template-columns:1fr}.featured-project figure{min-height:0}.approach-steps{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){:root{--body-size:17px;--copy-size:17px;--title-size:24px}header{padding:20px 6%;gap:16px}nav{justify-content:flex-start;gap:8px 18px;font-size:16px}.nav-contact{padding:8px 12px}.hero-copy{padding:42px 7%}.hero-intro{font-size:18px}h1{font-size:clamp(44px,10vw,60px)}.hero-photo{height:360px}.hero-photo figcaption{left:16px;right:16px;bottom:16px;max-width:calc(100% - 32px);font-size:14px}.hero-photo figcaption span{font-size:14px;letter-spacing:.5px}.recent-grid,.full-grid{grid-template-columns:1fr;gap:22px}.recent-card,.full-grid .recent-card{padding:26px}.featured-project>div{padding:26px}.area-details{padding:0 16px}.area-projects h3{font-size:24px}.project-grid h3,.service-list h3{font-size:24px}.contact h2{font-size:clamp(40px,10vw,53px)}address .phone{font-size:30px}.contact address{font-size:18px}.contact address a{overflow-wrap:anywhere}.section-heading h2{overflow-wrap:break-word}.portfolio-intro{padding-top:45px;padding-bottom:45px}.portfolio-intro h1{font-size:clamp(43px,10vw,58px)}.portfolio-lead{font-size:19px}.area-details summary span{float:none;display:block}footer{font-size:14px}footer>span:nth-child(2){display:block}.photo-dialog{padding:12px;max-width:96vw}.project-description{margin-bottom:18px}}

/* Constrain branding independently of intrinsic image dimensions. */
header .brand{width:300px;max-width:100%;flex:0 1 300px}header .brand-logo{width:100%;max-width:300px;height:auto;max-height:72px;object-fit:contain;object-position:left center}
@media(max-width:900px){header .brand{flex:none;width:300px;max-width:100%}}
