:root{--ink:#17211e;--cream:#f5f3ee;--lime:#c6d843;--muted:#66716c;--line:#d8d9d3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,96px);border-bottom:1px solid var(--line);background:rgba(245,243,238,.95);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.brand-mark{height:39px;width:39px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font:800 13px Manrope;border-radius:50%}.brand strong,.brand small{display:block}.brand strong{font:700 14px Manrope}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.nav{display:flex;align-items:center;gap:29px}.nav a{color:var(--ink);font-size:14px;text-decoration:none}.nav-cta{background:var(--ink);color:white!important;padding:12px 18px;border-radius:4px}.menu-toggle{display:none;border:0;background:none}.hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr}.hero-copy{padding:clamp(55px,10vw,150px) clamp(24px,8vw,130px);align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:#5e6e26;margin:0 0 19px}.hero h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(42px,5.2vw,76px);line-height:1.04;letter-spacing:-.06em;margin:0;max-width:670px}.hero h1 em{font-style:normal;color:#7c8b2d}.hero-text{font-size:18px;line-height:1.55;max-width:470px;margin:25px 0 33px;color:#46524d}.hero-actions{display:flex;gap:24px;align-items:center}.button{font-weight:700;text-decoration:none;display:inline-flex;gap:23px;align-items:center;padding:16px 19px;border-radius:4px}.button span{font-size:22px;line-height:12px}.button-dark{background:var(--ink);color:#fff}.text-link{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700}.text-link span{margin-left:7px}.hero-photo{position:relative;min-height:550px}.hero-photo img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-card{position:absolute;bottom:31px;left:-29px;background:var(--lime);padding:20px 24px;min-width:194px}.hero-card strong,.hero-card span{display:block}.hero-card strong{font:700 17px Manrope}.hero-card span{font-size:12px;margin-top:3px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 clamp(24px,6vw,96px)}.numbers div{display:flex;gap:20px;padding:25px 25px 25px 0}.numbers div+div{border-left:1px solid var(--line);padding-left:29px}.numbers strong{font:800 25px Manrope;color:#91a01d}.numbers span{font-size:14px;line-height:1.35}.section-pad{padding:clamp(68px,10vw,140px) clamp(24px,6vw,96px)}.section-heading h2{font-size:clamp(30px,3.8vw,54px);line-height:1.12;letter-spacing:-.05em;margin:0}.service-grid{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-grid article{padding:26px 25px 22px 0;border-bottom:1px solid var(--line)}.service-grid article+article{padding-left:24px;border-left:1px solid var(--line)}.number{font:700 13px Manrope;color:#8a972d}.service-grid h3{font-size:19px;letter-spacing:-.04em;margin:45px 0 10px}.service-grid p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.portfolio{background:var(--ink);color:#f8f8f5}.portfolio .eyebrow{color:var(--lime)}.portfolio-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.portfolio-top>p{max-width:300px;line-height:1.55;font-size:14px;color:#c4cac7;margin:0}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-top:60px}.gallery figure{margin:0;position:relative;min-height:360px;overflow:hidden}.gallery-main{min-height:510px!important}.gallery img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.gallery figure:hover img{transform:scale(1.04)}figcaption{position:absolute;left:20px;bottom:17px;text-shadow:0 1px 15px #000;color:white}figcaption span,figcaption strong{display:block}figcaption span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:4px}figcaption strong{font:700 16px Manrope}.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,9vw,140px);align-items:center}.about-photo{height:520px}.about-photo img{height:100%;width:100%;object-fit:cover}.about-copy h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.055em;line-height:1.1;margin:0}.about-copy>p:not(.eyebrow){max-width:490px;line-height:1.65;color:#53605a;margin:27px 0}.about ul{padding:0;list-style:none;margin:0}.about li{border-top:1px solid var(--line);padding:14px 0;font-weight:600;font-size:14px}.about li:before{content:'↗';color:#859422;margin-right:14px}.contact{display:flex;justify-content:space-between;gap:40px;background:var(--lime);padding:clamp(55px,7vw,98px) clamp(24px,6vw,96px)}.contact h2{font-size:clamp(32px,4vw,56px);letter-spacing:-.055em;margin:0}.contact p:not(.eyebrow){max-width:530px;line-height:1.55;margin:17px 0 0}.contact-actions{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:15px}.button-light{background:var(--ink);color:white}.mail-link{color:var(--ink);font-weight:700;text-underline-offset:4px}.contact small{font-size:11px;max-width:290px;color:#4e5918}footer{display:flex;justify-content:space-between;padding:23px clamp(24px,6vw,96px);background:var(--ink);color:#c7cfca;font-size:12px}
@media(max-width:760px){.site-header{height:72px}.nav{display:none;position:absolute;left:0;right:0;top:71px;padding:22px 24px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:19px}.nav.open{display:flex}.menu-toggle{display:grid;gap:4px}.menu-toggle span{height:2px;width:23px;background:var(--ink);display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 24px 55px}.hero-photo{min-height:410px}.hero-card{left:17px}.numbers{grid-template-columns:1fr;padding:0 24px}.numbers div,.numbers div+div{padding:19px 0;border-left:0}.numbers div+div{border-top:1px solid var(--line)}.service-grid{grid-template-columns:1fr 1fr;margin-top:38px}.service-grid article:nth-child(3){padding-left:0;border-left:0}.service-grid h3{margin-top:32px}.portfolio-top,.contact{display:block}.portfolio-top>p{margin-top:22px}.gallery{grid-template-columns:1fr;margin-top:37px}.gallery figure,.gallery-main{min-height:360px!important}.about{grid-template-columns:1fr}.about-photo{height:370px}.contact-actions{margin-top:35px}footer{gap:15px;flex-direction:column}}
