:root{--ink:#123b27;--deep:#09291b;--leaf:#1b5538;--sage:#b8c9ad;--cream:#f1eddf;--paper:#faf8f1;--line:rgba(18,59,39,.17);--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site-header{height:92px;display:flex;align-items:center;gap:36px;padding:0 4vw;background:rgba(250,248,241,.94);backdrop-filter:blur(14px);position:relative;z-index:20;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;min-width:265px}.brand-symbol{width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--cream);position:relative;box-shadow:inset 0 0 0 1px var(--line)}.brand-symbol img{position:absolute;width:132px;max-width:none;height:180px;object-fit:cover;left:50%;top:48%;transform:translate(-50%,-50%)}.brand-name{display:flex;flex-direction:column;gap:3px}.brand-name strong{text-transform:uppercase;letter-spacing:.055em;font-family:var(--display);font-size:.88rem}.brand-name small{text-transform:uppercase;letter-spacing:.15em;font-size:.48rem;font-weight:700}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{font-size:.86rem;font-weight:600;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--ink);transition:right .3s}.site-header nav a:hover:after{right:0}.header-cta{background:var(--ink);color:white;padding:14px 18px;font-size:.84rem;font-weight:700}.header-cta span{margin-left:18px}.menu{display:none;background:none;border:1px solid var(--line);padding:10px 14px;color:var(--ink)}
.hero{height:calc(100svh - 92px);min-height:650px;position:relative;overflow:hidden;color:white}.hero-image{width:100%;height:100%;object-fit:cover;animation:heroZoom 16s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,29,18,.88),rgba(5,29,18,.28) 62%,rgba(5,29,18,.12)),linear-gradient(0deg,rgba(5,29,18,.48),transparent 55%)}.motion-mesh{position:absolute;right:-5vw;top:0;width:min(60vw,900px);height:100%;overflow:visible;opacity:.36}.motion-mesh path{fill:none;stroke:#e8efdf;stroke-width:1.25;stroke-dasharray:1300;stroke-dashoffset:1300;animation:drawMesh 2.8s cubic-bezier(.3,.7,.2,1) forwards}.motion-mesh path:nth-child(2){animation-delay:.25s}.motion-mesh path:nth-child(3){animation-delay:.5s}.hero-copy{position:absolute;left:7vw;bottom:13%;max-width:780px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:700}.hero-copy>*{opacity:0;transform:translateY(22px);animation:riseIn .8s ease forwards}.hero-copy .eyebrow{animation-delay:.15s}.hero-copy h1{animation-delay:.28s}.hero-copy>p:not(.eyebrow){animation-delay:.42s}.hero-actions{animation-delay:.56s}.hero h1{font-family:var(--display);font-size:clamp(4rem,7.2vw,7.6rem);line-height:.86;letter-spacing:-.065em;margin:24px 0 28px}.hero h1 em,.intro h2 em,.projects h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy>p:not(.eyebrow){max-width:520px;font-size:1.08rem;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;padding:16px 23px;font-weight:700}.button.light{background:var(--cream);color:var(--ink)}.text-link{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.55)}.scroll-note{position:absolute;right:4vw;bottom:40px;text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;display:flex;align-items:center;gap:12px}.scroll-note span{width:42px;height:1px;background:white;transform-origin:left;animation:pulseLine 2s ease infinite}
.intro,.services,.projects,.contact{padding:110px 7vw}.intro{display:grid;grid-template-columns:1.15fr .75fr;gap:8vw;align-items:start}.intro h2,.service-head h2,.projects h2,.contact h2{font-family:var(--display);font-size:clamp(2.8rem,5vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:24px 0}.intro-copy{padding-top:44px}.intro-copy p{font-size:1.06rem;line-height:1.75;margin:0 0 18px}.inline-link{display:inline-block;margin-top:22px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-weight:700;font-size:.88rem}.feature-image{position:relative;margin:0 4vw;height:min(62vw,710px);overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.feature-image.visible img{transform:scale(1.025)}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,35,22,.5),transparent 45%)}.feature-image div{position:absolute;z-index:1;left:3vw;right:3vw;bottom:28px;display:flex;justify-content:space-between;color:white;text-transform:uppercase;letter-spacing:.15em;font-size:.68rem}
.services{background:var(--cream)}.service-head{display:grid;grid-template-columns:1fr .42fr;gap:8vw;align-items:end}.service-head>p{line-height:1.7;margin-bottom:30px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:56px}.service-grid article{padding:30px 26px 25px 0;border-right:1px solid var(--line);margin-right:26px}.service-grid article:last-child{border:0}.service-grid article>span{font-size:.68rem}.service-grid h3{font-family:var(--display);font-size:1.24rem;margin:58px 0 12px}.service-grid p{color:#496555;line-height:1.58;font-size:.91rem}
.projects-head{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:50px}.projects-head>p{max-width:355px;line-height:1.65}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{border:0;padding:0;background:#173d2a;color:white;position:relative;overflow:hidden;cursor:pointer;text-align:left;aspect-ratio:4/5}.project-card:nth-child(1),.project-card:nth-child(6){grid-column:span 2;aspect-ratio:8/5}.project-cover,.project-overlay{position:absolute;inset:0}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-overlay{background:linear-gradient(0deg,rgba(4,25,15,.84),transparent 64%),linear-gradient(90deg,rgba(4,25,15,.18),transparent)}.project-index{position:absolute;left:22px;top:20px;font-size:.68rem;letter-spacing:.15em}.project-copy{position:absolute;left:22px;right:22px;bottom:22px;display:flex;flex-direction:column}.project-copy small{text-transform:uppercase;letter-spacing:.13em;font-size:.58rem;margin-bottom:9px}.project-copy strong{font-family:var(--display);font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.05}.project-copy>span{font-size:.75rem;margin-top:7px;opacity:.78}.project-open{position:absolute;right:22px;top:19px;font-size:.66rem;opacity:0;transform:translateY(5px);transition:.3s}.project-card:hover .project-cover img{transform:scale(1.045)}.project-card:hover .project-open{opacity:1;transform:none}.project-card:focus-visible{outline:3px solid var(--sage);outline-offset:3px}
.contact{background:var(--deep);color:white}.contact-grid{display:grid;grid-template-columns:1.2fr .62fr;gap:8vw;align-items:end}.contact-grid p{font-size:1.05rem;line-height:1.7;margin-bottom:30px}.contact-details{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:34px;border-top:1px solid rgba(255,255,255,.2);margin-top:90px;padding-top:30px}.contact-details a{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:9px;align-self:start}address{font-style:normal;line-height:1.6}footer{display:flex;align-items:center;gap:18px;padding:20px 4vw;background:var(--cream);font-size:.78rem}.footer-symbol{width:34px;height:34px;border-radius:50%;overflow:hidden}.footer-symbol img{width:100%;height:100%;object-fit:cover}.footer-brand{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em}footer p{margin-right:auto}
dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0}dialog::backdrop{background:rgba(0,0,0,.8)}.viewer-bar{position:sticky;top:0;z-index:3;background:rgba(250,248,241,.96);backdrop-filter:blur(12px);padding:26px 5vw;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.viewer-bar p{margin:0 0 5px;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.viewer-bar h3{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.8rem);line-height:1;margin:10px 0}.viewer-close{align-self:start;background:var(--ink);color:white;border:0;padding:13px 18px;cursor:pointer}.viewer-gallery{padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.viewer-gallery figure{margin:0;position:relative;background:var(--cream)}.viewer-gallery img{width:100%;height:auto;min-height:350px;object-fit:cover}.viewer-gallery figcaption{position:absolute;right:12px;bottom:12px;background:var(--paper);padding:7px 9px;font-size:.65rem}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}@keyframes drawMesh{to{stroke-dashoffset:0}}@keyframes riseIn{to{opacity:1;transform:none}}@keyframes pulseLine{0%,100%{transform:scaleX(.45);opacity:.5}50%{transform:scaleX(1);opacity:1}}
@media(max-width:900px){.site-header{height:76px;padding:0 5vw}.brand{min-width:0}.brand-symbol{width:42px;height:42px}.brand-name small{display:none}.menu{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px 6vw;flex-direction:column}.site-header nav.open{display:flex}.header-cta{display:none}.hero{height:calc(100svh - 76px);min-height:580px}.motion-mesh{width:100vw;opacity:.25}.hero-copy{left:6vw;right:6vw}.hero h1{font-size:clamp(3.6rem,15vw,6.5rem)}.intro,.services,.projects,.contact{padding:82px 6vw}.intro,.service-head,.contact-grid{grid-template-columns:1fr;gap:22px}.intro-copy{padding-top:0}.feature-image{margin:0;height:68vw}.service-grid{grid-template-columns:1fr 1fr}.projects-head{display:block}.project-grid{grid-template-columns:repeat(2,1fr)}.project-card:nth-child(n){grid-column:span 1;aspect-ratio:4/5}.contact-details{grid-template-columns:1fr}.viewer-gallery img{min-height:250px}}
@media(max-width:560px){.brand-name strong{font-size:.73rem}.scroll-note{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.feature-image{height:84vw}.feature-image div span:last-child{display:none}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid var(--line);margin:0}.service-grid h3{margin-top:32px}.project-grid{gap:7px}.project-copy{left:14px;right:14px;bottom:14px}.project-copy strong{font-size:1.05rem}.project-copy>span{display:none}.project-index{left:14px;top:13px}.project-open{display:none}.viewer-bar{padding:20px}.viewer-gallery{grid-template-columns:1fr;padding:10px;gap:10px}.viewer-gallery img{min-height:0}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.motion-mesh path,.hero-copy>*,.scroll-note span{animation:none}.hero-copy>*{opacity:1;transform:none}.reveal,.feature-image img,.project-cover img{transition:none}}