@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap";:root{--ink:#183b70;--cream:#fbf7ee;--blue:#cbdcf2;--blue-deep:#b8ceed;--sand:#f3df9c;--warm:#f8edcf;--max:1040px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max), calc(100% - 46px));margin:auto}.nav{border-bottom:1px solid #183b7052;justify-content:space-between;align-items:center;height:70px;display:flex}.brand img,.footer img{width:auto;height:41px;display:block}.menu{gap:23px;font-size:.82rem;font-weight:600;display:flex}.button{background:var(--ink);color:#fff;padding:12px 19px;font-size:.8rem;font-weight:800;display:inline-block}.button.small{padding:9px 15px}.eyebrow{letter-spacing:.15em;margin-bottom:13px;font-size:.66rem;font-weight:850}h1,h2,h3{letter-spacing:-.028em;margin:0;font-family:Playfair Display,Georgia,Times New Roman,serif;font-weight:400;line-height:1.16}h1{font-size:clamp(2.05rem,3.7vw,3.2rem)}h2{font-size:clamp(1.72rem,3.1vw,2.5rem)}h3{font-size:1.16rem}p{margin:0}.hero{background:var(--blue);padding:56px 0}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hero-copy{text-align:center;max-width:520px;margin:auto}.hero-copy p{max-width:480px;margin:21px auto 0;font-size:.9rem}.hero-copy .button{margin-top:25px}.hero-image{background-position:50%;background-size:cover;height:370px;box-shadow:12px 12px #183b701f}.intro,.projects,.about{text-align:center;padding:102px 0}.intro,.services,.projects,.about,.contact{border-top:22px solid var(--cream)}.projects:after{display:none}.split{grid-template-columns:.85fr 1.15fr;align-items:center;gap:64px;display:grid}.split p{max-width:610px;margin-left:auto;margin-right:auto;font-size:.88rem}.split p+p{margin-top:15px}.intro .split>div:last-child{background:#fffdf8;border:1px solid #183b701f;border-radius:0;padding:27px 30px}.text-link{border-bottom:1px solid var(--ink);margin-top:23px;font-size:.82rem;font-weight:700;display:inline-block}.services{background:var(--warm);text-align:center;padding:98px 0}.section-lead{max-width:560px;margin:19px auto 40px;font-size:.94rem}.service-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.service-grid article{text-align:center;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:235px;padding:27px 20px}.service-grid article:nth-child(2){background:var(--blue)}.service-grid article:nth-child(3){background:var(--sand)}.service-grid span{font-size:.66rem;font-weight:800}.service-grid h3{margin:20px 0 13px}.service-grid p{font-size:.85rem}.service-grid details{margin-top:17px}.service-grid summary{cursor:pointer;font-size:.76rem;font-weight:800}.service-grid details p{margin-top:11px;font-size:.79rem}.project-heading{text-align:center;justify-content:space-between;align-items:end;gap:52px;margin-bottom:28px;display:flex}.project-heading>div,.project-heading p{flex:1}.project-heading p{display:none}.project-grid{text-align:center;grid-template-rows:205px 205px 205px;grid-template-columns:1.1fr .45fr .45fr;gap:12px;display:grid}.project-grid>div{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover}.project-grid .large{grid-area:span 2/1}.project-grid>div:nth-child(2){grid-area:1/2/auto/4}.project-grid>div:nth-child(3){grid-area:2/2/auto/4}.project-copy{background:#c5d8ef;border:6px solid #c5d8ef;flex-direction:column;grid-area:3/1;justify-content:center;padding:27px;display:flex}.project-grid:before{content:"";background:url(/boterapi-assets/image-5-c93c8d087edd.jpg) 50%/cover no-repeat;grid-area:3/2}.project-grid:after{content:"";background:url(/boterapi-assets/image-6-df200c29249d.jpg) 50%/cover no-repeat;grid-area:3/3}.project-copy span{letter-spacing:.12em;font-size:.62rem;font-weight:800}.project-copy h3{margin:12px 0}.about{background:var(--cream)}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:64px;display:grid}.about img{aspect-ratio:4/5;object-fit:cover;width:100%;max-width:300px;margin:0 auto}.about p{max-width:560px;margin:17px auto 0;font-size:.92rem}.about-grid>div{background:#fffdf8;border:1px solid #183b701f;border-radius:0;padding:29px 33px}.signature{font-family:Playfair Display,Georgia,serif;font-size:1.25rem!important}.signature small{font-family:Manrope,Arial,sans-serif;font-size:.72rem}.contact{background:var(--blue-deep);text-align:center;padding:100px 0}.contact p{max-width:530px;margin:20px auto 0;font-size:.94rem}.contact .button{margin-top:27px}.footer{justify-content:space-between;align-items:center;min-height:100px;font-size:.8rem;display:flex}@media (width<=800px){.intro,.services,.projects,.about,.contact{border-top-width:16px}.wrap{width:min(var(--max), calc(100% - 34px))}.nav{height:62px}.brand img{height:35px}.menu{display:none}.hero{padding:36px 0}.hero-grid,.split,.about-grid{grid-template-columns:1fr;gap:28px}.hero-copy{text-align:center;margin:auto}.hero-image{aspect-ratio:4/5;background-repeat:no-repeat;background-size:cover;height:auto}.intro .split>div:last-child,.about-grid>div{padding:22px 20px}.project-heading p{padding:18px 20px}h1{font-size:clamp(1.6rem,7.2vw,1.95rem);line-height:1.1}h2{font-size:clamp(1.48rem,6.5vw,1.8rem);line-height:1.13}h3{font-size:1.06rem}.hero-copy p,.section-lead,.split p,.project-heading p,.about p,.contact p{font-size:.82rem}.eyebrow{font-size:.59rem}.button{padding:11px 15px;font-size:.72rem}.intro,.projects,.about,.services{padding:72px 0}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{min-height:210px}.project-heading{display:block}.project-heading p{margin-top:22px;transform:none}.project-grid{flex-direction:column;gap:14px;display:flex}.project-grid>div:not(.project-copy),.project-grid:before,.project-grid:after{aspect-ratio:4/5;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.project-grid .large{order:1}.project-grid>div:nth-child(2){order:2}.project-grid>div:nth-child(3){order:3}.project-copy{order:4}.project-grid:before{order:5}.project-grid:after{order:6}.about img{aspect-ratio:4/5;object-fit:cover;height:auto}.contact{padding:74px 0}.footer img{height:33px}}@media (width<=470px){.service-grid{grid-template-columns:1fr}.service-grid article{min-height:0;padding:22px 18px}}
