@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191b19;--paper:#f7f7f2;--yellow:#f2cf48;--muted:#666963;--line:#dedfd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #967400;outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--yellow);z-index:20}.skip:focus{top:10px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:white;gap:25px}.brand{display:block;flex-shrink:0}.logo{display:block;width:216px;height:88px;overflow:hidden;position:relative}.logo img{position:absolute;width:402px;height:auto;max-width:none;left:-12px;top:-19px}.header nav{display:flex;gap:36px;font-size:14px;font-weight:700}.header nav a:hover{color:#8a6b00}.header-call{font-size:16px;font-weight:800;border:1px solid var(--line);padding:12px 20px}.header-call span{margin-right:10px}.hero{position:relative;min-height:660px;color:white;background:#292e2c;overflow:hidden}.hero-image{position:absolute;inset:0;background-size:cover;background-position:center 56%;background-image:linear-gradient(90deg,rgba(13,20,18,.9),rgba(13,20,18,.55) 55%,rgba(13,20,18,.13)),url('assets/construction.jpg')}.hero-content{position:relative;padding:74px 5.5% 106px;max-width:1000px}.eyebrow{font-size:12px;letter-spacing:2.1px;font-weight:800;margin:0 0 23px}.hero .eyebrow{display:flex;align-items:center;gap:12px;color:var(--yellow)}.eyebrow span{width:25px;height:2px;background:var(--yellow)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,7.8vw,112px);line-height:1.02;letter-spacing:-5px;margin-bottom:27px;font-weight:800}h1 em{font-style:normal;color:var(--yellow)}.hero-copy{max-width:420px;color:#e0e2dd;font-size:17px;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;padding:17px 23px;font-weight:800;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#ffe477;transform:translateY(-2px)}.yellow{background:var(--yellow);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:800}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;padding:20px 0;font-size:12px;letter-spacing:1.3px;color:#e0e2dd}.hero-bottom span:last-child{letter-spacing:0}.section{padding:90px 5.5%}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:46px}.section-heading>p{max-width:350px;color:var(--muted);margin-bottom:5px}.section .eyebrow{color:#686b61}h2{font-size:clamp(36px,4vw,56px);line-height:1.13;letter-spacing:-2px;margin-bottom:0;font-weight:800}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 30px 26px;min-height:320px;display:flex;flex-direction:column;transition:background .2s}.service:hover{background:#eeeee7}.number{color:#7a7d70;font-size:14px;font-weight:600;margin-bottom:26px}.service h3{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin-bottom:14px}.service p{color:var(--muted);font-size:15px;line-height:1.75;max-width:340px;margin-bottom:28px}.service-tag{margin-top:auto;font-size:11px;letter-spacing:1.3px;font-weight:700}.service-cta,.service-cta:hover{background:var(--yellow);justify-content:space-between}.service-cta p{font-size:36px;line-height:1.16;font-weight:800;letter-spacing:-1px;color:var(--ink);margin-top:32px}.service-cta a{display:flex;justify-content:space-between;font-size:14px;font-weight:800;border-top:1px solid #191b1940;padding-top:20px}.about{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%}.about .eyebrow{color:#b6bbae}.about h2{font-size:clamp(44px,5vw,68px)}.about h2 span{color:var(--yellow)}.about-copy>p{color:#b9bdb6;margin-bottom:20px}.about-copy .large-copy{font-size:25px;line-height:1.5;font-weight:600;color:white;letter-spacing:-.5px}.about-copy .text-link{color:var(--yellow);margin-top:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.contact-heading>p:last-child{color:var(--muted);margin:24px 0 0}.contact-details{padding-top:30px}.contact-label{font-size:12px;font-weight:800;letter-spacing:1.4px;margin-bottom:12px}.phone{font-size:clamp(30px,3.6vw,52px);letter-spacing:-1.5px;display:flex;justify-content:space-between;align-items:center;font-weight:800;padding-bottom:25px;border-bottom:1px solid var(--line);white-space:nowrap}.phone span{font-weight:400}.email-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:24px}.email-row span{display:block;font-size:11px;letter-spacing:1.5px;font-weight:700;margin-bottom:8px;color:var(--muted)}.email-row a{font-size:clamp(14px,1.4vw,19px);font-weight:600;overflow-wrap:anywhere}.email-row button{padding:7px 10px;border:1px solid var(--line);background:transparent;font-size:12px;cursor:pointer}.email-row button:hover{background:var(--yellow)}.copy-status{font-size:12px;min-height:20px;margin:8px 0 0}footer{margin:0 5.5%;padding:32px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.footer-brand{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.5px}.footer-brand span{display:block;font-size:9px;letter-spacing:1px;margin-top:3px}footer p{margin:0}footer>a:last-child{font-weight:700}@media(min-width:1600px){.header,.section{padding-left:calc((100vw - 1420px)/2);padding-right:calc((100vw - 1420px)/2)}.hero-content{margin-left:calc((100vw - 1600px)/2)}}@media(max-width:900px){.header{height:90px;padding:0 5%}.header nav{gap:20px}.header-call{padding:9px 12px;font-size:14px}.logo{width:180px;height:78px}.logo img{width:338px;left:-10px;top:-15px}.hero{min-height:650px}.hero-content{padding-top:70px}h1{letter-spacing:-3px}.section{padding:65px 5%}.section-heading{align-items:flex-start}.section-heading>p{max-width:260px}.service-grid{grid-template-columns:repeat(2,1fr)}.about,.contact{gap:7%}.phone{font-size:32px}.email-row{align-items:flex-start;flex-wrap:wrap}footer{flex-wrap:wrap}}@media(max-width:600px){html{scroll-padding-top:20px}.header{height:auto;min-height:90px;flex-wrap:wrap;gap:0;padding:8px 5% 13px}.logo{height:70px;width:177px}.logo img{top:-20px}.header-call{font-size:13px;padding:9px}.header-call span{display:none}.header nav{order:3;justify-content:space-between;width:100%;border-top:1px solid #eee;padding-top:10px;font-size:13px}.hero{min-height:640px}.hero-image{background-position:62% center}.hero-content{padding:51px 6% 110px}.hero .eyebrow{font-size:11px}h1{font-size:68px;letter-spacing:-3px}.hero-copy{font-size:16px;max-width:330px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.button{font-size:13px;padding:16px 18px;gap:15px}.hero-bottom{left:6%;right:6%;font-size:10px;padding:18px 0}.hero-bottom span:last-child{display:none}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:100%;margin-top:22px;font-size:15px}h2{font-size:38px;letter-spacing:-1.5px}.section .eyebrow{font-size:11px;margin-bottom:18px}.service-grid{grid-template-columns:1fr}.service{min-height:260px;padding:25px}.number{margin-bottom:18px}.service h3{font-size:25px}.service p{max-width:100%}.service-cta{min-height:230px}.service-cta p{margin-top:10px}.about,.contact{grid-template-columns:1fr;gap:30px}.about h2{font-size:48px}.about-copy .large-copy{font-size:22px}.contact-details{padding-top:0}.phone{font-size:40px}.email-row a{font-size:16px}.email-row{align-items:center}.contact-heading>p:last-child{font-size:15px}footer{margin:0 6%;padding:28px 0;gap:22px}footer .footer-brand{width:100%}footer p{font-size:11px}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.logo img{top:-31px}@media(max-width:900px){.logo img{top:-24px}}@media(max-width:600px){.logo img{width:320px;top:-24px}}

/* Photographic service cards */
.service-with-photo{padding:0 0 26px;overflow:hidden;min-width:0}
.service-photo{position:relative;aspect-ratio:3/2;overflow:hidden;margin-bottom:26px;background:#d5d7cf}
.service-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .45s ease,filter .45s ease}
.service-with-photo:hover .service-photo img{transform:scale(1.035);filter:saturate(1)}
.service-photo .number{position:absolute;left:22px;bottom:20px;display:grid;place-items:center;width:42px;height:42px;margin:0;background:var(--yellow);color:var(--ink);font-weight:800;font-size:14px}
.service-with-photo>div:not(.service-photo){padding:0 28px}
.service-with-photo>.service-tag{padding:0 28px}
.service-with-photo p{font-size:16px}
.service-cta{min-height:400px}
@media(max-width:600px){.service-photo{aspect-ratio:3/2;margin-bottom:24px}.service-with-photo>div:not(.service-photo),.service-with-photo>.service-tag{padding-left:25px;padding-right:25px}.service-cta{min-height:260px}}
.service-photo img[src$="bazeni.jpg"]{object-position:center 82%}

.cta-brand-mark{display:block;width:92px;height:92px;object-fit:contain;mix-blend-mode:multiply;margin:4px 0 14px}
.service-cta p{margin-top:12px}
@media(max-width:600px){.cta-brand-mark{width:72px;height:72px;margin-bottom:18px}}

.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand-mark{display:block;flex:0 0 44px;width:44px;height:44px;mix-blend-mode:multiply}
.footer-brand .footer-brand-copy{font-size:17px;letter-spacing:-.5px;margin:0}
.footer-brand .footer-brand-copy>span{font-size:9px;letter-spacing:1px;margin-top:3px}