:root{--green:#172a25;--cream:#f6f3eb;--gold:#e9b85e;--ink:#202922}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--cream);border-bottom:1px solid #d6d7cb} .brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:900;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:3px}.mark{font-size:45px;letter-spacing:-7px;color:var(--green)}.mark span{color:#ba8b38}nav{display:flex;gap:32px;font-size:14px}.header-call{font-size:16px;font-weight:bold}.header-call span{margin-left:20px}.hero{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:64px 8% 44px 10%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px;line-height:1.8}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%}h1{font-size:clamp(64px,6.8vw,108px);line-height:.98;letter-spacing:-5px;margin:35px 0 25px;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.hero-sub{max-width:380px;line-height:1.7;color:#d4dcd3;font-size:16px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;gap:25px;align-items:center;padding:18px 21px;font-size:13px;font-weight:bold}.gold{background:var(--gold);color:var(--green)}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding:6px 0;display:inline-block}.motto{border-top:1px solid #476057;padding-top:25px;margin-top:45px;color:#b4c2b7;font-family:Georgia,serif;font-style:italic;font-size:15px}.hero-image{position:relative;min-width:0}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:57% center}.hero-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#102118b3)}.photo-note{position:absolute;bottom:35px;left:35px;z-index:1}.photo-note span{font-size:10px;letter-spacing:2px}.photo-note p{font-family:Georgia,serif;font-size:24px;max-width:230px;margin:12px 0}.service-strip{display:flex;justify-content:space-around;align-items:center;background:var(--gold);padding:25px 5%;gap:15px;font-size:12px;font-weight:bold;letter-spacing:1.5px}.service-strip b{font-size:20px;font-weight:400}.section{padding:100px 6%}.services{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%}.dark{color:#737c65}h2{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:23px 0}p{line-height:1.7}.section-intro>p:last-child{max-width:350px;color:#677061;font-size:15px}.service-list article{display:flex;gap:22px;padding:28px 0;border-top:1px solid #cccfc1}.service-list article:first-child{padding-top:10px;border:0}.service-list article>span:first-child{color:#8b947d;font-size:11px;padding-top:7px}.service-list h3{font-size:20px;font-weight:500;margin:0 0 10px}.service-list p{font-size:14px;color:#6c7365;margin:0;max-width:400px}.plus{margin-left:auto;color:#8d987b}.work{background:#eaece2}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.work-heading>p{font-size:14px;color:#69725e;margin-bottom:27px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.filters button{border:1px solid #bcc4b2;background:transparent;color:#45513e;border-radius:30px;padding:10px 20px;font-size:12px}.filters button.selected{background:var(--green);color:white;border-color:var(--green)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 23px}.project{padding:0;border:0;text-align:left;background:transparent;color:inherit;min-width:0}.project-image{overflow:hidden;position:relative;aspect-ratio:4/3;background:#d0d5c8}.project img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project:hover img{transform:scale(1.04)}.project-image>span{position:absolute;bottom:13px;right:13px;background:var(--cream);border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.project small{display:block;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#768269;margin-top:16px}.project h3{font-size:18px;font-weight:500;margin:7px 0}.gallery-hint{color:#707966;font-size:12px;text-align:center;margin:35px 0 0}.area{background:var(--green);color:var(--cream);padding:85px 9%;display:grid;grid-template-columns:1fr 1fr;gap:13%}.area h2{margin-top:0}.area p:not(.eyebrow){color:#c4cfc2;font-size:15px;max-width:440px}.area .text-link{color:var(--gold);margin-top:15px}.area-symbol{font-size:80px;letter-spacing:-5px;font-weight:bold;margin-top:38px;color:#e8b75e}.area-symbol span{font-size:35px;vertical-align:middle;margin:0 14px;color:#718579}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.contact h2{font-size:45px}.contact p{font-size:14px;color:#6c7566}.contact-links a{display:block;border-bottom:1px solid #bdc5b3;position:relative;padding:26px 30px 26px 0}.contact-links a span{display:block;color:#7a846c;letter-spacing:1.5px;font-size:9px;margin-bottom:12px}.contact-links strong{font-weight:400;font-size:clamp(17px,2vw,28px);overflow-wrap:anywhere}.contact-links b{position:absolute;right:0;top:50%;font-weight:400}footer{padding:32px 6%;border-top:1px solid #d4d8ca;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:16px}footer .mark{font-size:33px}footer .brand small{font-size:8px}footer p{font-size:12px;color:#6f7865;font-style:italic}footer>small{font-size:10px;color:#6f7865}dialog{border:0;padding:0;max-width:min(95vw,1100px);max-height:95dvh;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#07150fea}dialog>img{display:block;width:100%;max-height:75dvh;object-fit:contain;background:#102018}dialog>div{padding:10px 25px}dialog h3{font-weight:500;margin:8px 0}dialog p{font-size:13px;margin:4px 0 12px}.close{position:absolute;right:12px;top:12px;background:var(--cream);border:0;border-radius:50%;height:40px;width:40px;z-index:2}.skip{position:fixed;left:10px;top:-70px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid #c38c22;outline-offset:5px}.mobile-call{display:none}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:850px){header{height:80px}nav{gap:15px;font-size:12px}.header-call{display:none}.hero{min-height:600px}.hero-copy{padding:45px 8%}h1{font-size:73px}.hero-sub{font-size:14px}.section{padding:70px 6%}.services{gap:6%}.gallery{grid-template-columns:repeat(2,1fr)}.contact{gap:5%}.contact h2{font-size:36px}footer p{display:none}}@media(max-width:580px){html{scroll-padding-top:20px}.brand{font-size:17px}.mark{font-size:36px}header{height:76px;padding:0 6%}nav a:last-child{display:none}nav{gap:18px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 7% 20px}h1{font-size:72px;margin-top:26px;letter-spacing:-4px}.hero-sub{max-width:350px;font-size:15px}.actions{gap:15px;margin-top:24px}.button{font-size:12px;padding:17px}.motto{margin-top:30px;padding-top:20px}.hero-image{height:310px}.hero-image>img{object-position:center 53%}.photo-note{bottom:20px;left:25px}.photo-note p{font-size:22px}.service-strip{flex-wrap:wrap;justify-content:center;padding:20px 5%;gap:12px;font-size:9px;letter-spacing:1px}.service-strip b{font-size:14px}.section{padding:60px 7%}.services,.area,.contact{grid-template-columns:1fr;gap:30px}.section-intro>p:last-child{max-width:none}h2{font-size:42px}.service-list h3{font-size:18px}.service-list article{gap:16px;padding:23px 0}.service-list article:first-child{border-top:1px solid #cccfc1;padding-top:23px}.work-heading{display:block}.work-heading>p{font-size:14px}.gallery{gap:26px 13px}.project h3{font-size:15px;line-height:1.3}.project small{font-size:8px;letter-spacing:1px}.project-image{aspect-ratio:1}.filters{gap:7px}.filters button{padding:9px 13px;font-size:11px}.area{padding:55px 7%}.area-label{display:flex;align-items:center;justify-content:space-between}.area-symbol{font-size:40px;margin:0;letter-spacing:-2px}.area-symbol span{font-size:22px;margin:0 8px}.area h2{font-size:43px}.contact{gap:5px}.contact h2{font-size:38px}.contact p br{display:none}.contact-links strong{font-size:24px}footer{padding:25px 7% 90px;align-items:start}footer>small{max-width:115px;text-align:right;line-height:1.6}.mobile-call{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--gold);text-align:center;padding:17px;font-size:15px;font-weight:bold;z-index:4;box-shadow:0 -3px 20px #0001}dialog>img{max-height:70dvh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project img{transition:none}}

.brand-logo{width:82px;height:82px;object-fit:contain;background:white;border-radius:3px;flex-shrink:0}.contact-logo{display:block;width:220px;height:220px;object-fit:contain;margin:0 0 12px;background:white}footer .brand-logo{width:68px;height:68px}@media(max-width:850px){header .brand-logo{width:64px;height:64px}}@media(max-width:580px){header .brand-logo{width:58px;height:58px}.brand{gap:8px;font-size:14px}.brand small{font-size:8px;letter-spacing:2px}footer .brand-logo{width:52px;height:52px}.contact-logo{width:200px;height:200px;margin-top:20px}.filters{max-width:100%}}

.service-list ul{margin:12px 0 0;padding-left:17px;color:#626d59;font-size:14px;line-height:1.75}.service-list li{padding-left:3px}.service-list article>div{min-width:0}.services{align-items:start}.section-intro{position:sticky;top:35px}@media(max-width:580px){.section-intro{position:static}.service-list ul{font-size:14px}}

.mission{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;border-bottom:1px solid #d4d8ca}.mission h2{margin-bottom:0}.mission-copy{max-width:650px}.mission-copy p{font-size:16px;color:#53604e;line-height:1.85;margin:0 0 20px}.mission-copy p:first-child{color:var(--green);font-size:20px;line-height:1.65}.mission-copy .mission-signature{font-family:Georgia,serif;font-style:italic;font-size:23px;color:var(--green);margin:25px 0 0}@media(max-width:580px){.mission{grid-template-columns:1fr;gap:25px}.mission-copy p{font-size:15px}.mission-copy p:first-child{font-size:18px}}

/* Logo backgrounds for the introduction and service-area sections. */
.hero{background:#fff;color:#252525}.hero-copy,.area{position:relative;isolation:isolate;background:#fff}.hero-copy::before,.area::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url('assets/gullett-logo.png');background-repeat:no-repeat;background-position:center;background-size:min(95%,650px);opacity:.11;pointer-events:none}.hero h1 em{color:#956a17}.hero-sub{color:#424242}.hero .eyebrow{color:#464646}.hero .eyebrow>span{background:#a47721}.hero .motto{color:#545454;border-top-color:#c9c4b9}.hero .gold{color:#252525}.hero .text-link{color:#333}.hero-image{color:#fff}.area{color:#252525;border-top:1px solid #ddd7cb;border-bottom:1px solid #ddd7cb}.area::before{background-position:12% center;background-size:420px;opacity:.1}.area p:not(.eyebrow){color:#424242}.area .eyebrow{color:#565656}.area .text-link{color:#76500c}.area-symbol{color:#966b1c}.area-symbol span{color:#727272}@media(max-width:580px){.hero-copy::before{background-size:105%;background-position:center 45%}.area::before{background-position:center;background-size:90%;opacity:.08}}