*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ed;color:#142033;font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;background:#101a29;color:#fff;border-bottom:3px solid #f4c400}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:900;letter-spacing:.02em}.brand b,.footer-brand b{color:#f4c400}.brand small{display:block;font-size:9px;letter-spacing:.3em;color:#aab4c3;margin-top:2px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:#f4c400;color:#101a29;border-radius:50%;font-size:25px;font-weight:900}.top-call{background:#f4c400;color:#101a29;padding:12px 20px;border-radius:5px;font-weight:900}.hero{position:relative;min-height:610px;background:#101a29;color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;padding:60px max(7vw,28px)}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,#263b50 0,#101a29 58%)}.hero-content{position:relative;z-index:2;max-width:570px}.availability{display:inline-flex;align-items:center;gap:9px;border:1px solid #526174;border-radius:30px;padding:9px 14px;color:#f4c400;font-size:11px;font-weight:900;letter-spacing:.1em}.availability span{width:8px;height:8px;background:#f4c400;border-radius:50%;box-shadow:0 0 0 4px #f4c42222}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.2em;color:#bd9200;margin:28px 0 13px}.hero h1{font-size:clamp(43px,5.5vw,74px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:900}.hero h1 em,.about h2 em{font-style:normal;color:#f4c400}.intro{font-size:17px;line-height:1.7;color:#c7d0db;max-width:460px;margin:23px 0}.call-button{display:inline-flex;align-items:center;gap:15px;background:#f4c400;color:#101a29;padding:15px 20px;border-radius:7px;box-shadow:0 10px 30px #0003}.phone-icon{font-size:27px}.call-button small{display:block;font-size:9px;font-weight:900;letter-spacing:.15em}.call-button strong{display:block;font-size:23px;font-weight:900;letter-spacing:.02em}.arrow{font-size:25px;margin-left:10px}.call-note{font-size:12px;color:#9eabba;margin-top:12px}.hero-photo{position:relative;z-index:1;justify-self:end;width:min(100%,590px);border:8px solid #ffffff12;border-radius:18px;overflow:hidden;box-shadow:0 25px 65px #0007;transform:rotate(1deg)}.hero-photo img{display:block;width:100%;height:390px;object-fit:cover}.service-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#f4c400;padding:24px max(7vw,28px);gap:20px}.service-strip div{display:grid;grid-template-columns:40px 1fr;align-items:center;column-gap:10px}.service-strip span{grid-row:span 2;font-size:30px}.service-strip b{font-size:16px}.service-strip small{font-size:11px;opacity:.7}.about{padding:100px max(8vw,28px);display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.about h2,.section-heading h2,.contact h2{font-size:clamp(32px,4vw,49px);line-height:1.1;letter-spacing:-.04em;margin:0}.about-copy>p:not(.eyebrow){max-width:510px;line-height:1.8;color:#5b6572}.text-call{display:inline-block;margin-top:16px;font-weight:900;border-bottom:2px solid #e5b800;padding-bottom:8px}.text-call span{margin-left:18px}.about-image{max-width:390px;justify-self:end}.about-image img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:18px 18px 0 #f4c400}.services{background:#e9e7df;padding:85px max(8vw,28px)}.section-heading{text-align:center}.section-heading .eyebrow{margin-top:0}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.service-cards article{background:#fff;padding:28px;border-radius:9px;border-top:4px solid #f4c400}.service-cards article span{color:#b58b00;font-weight:900;font-size:12px}.service-cards h3{font-size:20px;margin:18px 0 8px}.service-cards p{font-size:14px;line-height:1.6;color:#66717f;margin:0}.contact{background:#101a29;color:#fff;padding:65px max(8vw,28px);display:flex;justify-content:space-between;align-items:center;gap:30px}.contact .eyebrow{margin-top:0}.contact h2{font-size:42px}.contact p:last-child{color:#aeb9c8}.call-button.light{flex-shrink:0}footer{padding:36px max(7vw,28px) 85px;background:#0b1320;color:#aab4c3;text-align:center}footer .footer-brand{font-size:21px;font-weight:900;color:#fff}footer p{font-size:13px}footer>a{display:inline-block;color:#f4c400;font-weight:700;margin:5px 0 18px}footer small{display:block;font-size:10px}.brand-gallery{padding:85px max(8vw,28px);background:#101a29;color:#fff}.brand-gallery .section-heading h2{max-width:760px;margin:0 auto}.gallery-intro{color:#b9c3d0;line-height:1.7;margin:16px auto 0;max-width:600px}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center;max-width:1050px;margin:42px auto 0}.gallery-grid figure{margin:0;overflow:hidden;border-radius:12px;background:#202d3d;box-shadow:0 18px 45px #0005}.gallery-feature img{display:block;width:100%;height:auto}.gallery-poster{max-width:390px;justify-self:center;border:5px solid #f4c400}.gallery-poster img{display:block;width:100%;height:auto}.floating-call{display:none}
@media(max-width:760px){.topbar{height:70px;padding:0 16px}.brand{font-size:17px}.top-call{padding:11px 12px;font-size:13px}.hero{grid-template-columns:1fr;padding:45px 22px 35px;gap:34px}.hero h1{font-size:49px}.intro{font-size:15px}.hero-photo{justify-self:stretch;width:100%;transform:none}.hero-photo img{height:auto;max-height:320px;object-fit:cover}.service-strip{padding:20px 18px;gap:10px}.service-strip div{grid-template-columns:28px 1fr}.service-strip span{font-size:22px}.service-strip b{font-size:12px}.service-strip small{font-size:9px}.about{padding:65px 24px;grid-template-columns:1fr;gap:35px}.about-image{justify-self:center;width:min(100%,360px)}.services{padding:65px 22px}.service-cards{grid-template-columns:1fr;gap:12px}.service-cards article{padding:22px}.brand-gallery{padding:62px 22px}.gallery-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.gallery-poster{max-width:330px}.contact{padding:50px 22px;display:block}.contact h2{font-size:36px}.contact .call-button{margin-top:16px}.floating-call{display:flex;position:fixed;z-index:10;bottom:12px;left:12px;right:12px;align-items:center;justify-content:center;gap:10px;background:#f4c400;color:#101a29;padding:15px;border-radius:8px;font-weight:900;box-shadow:0 5px 25px #0005}footer{padding-bottom:100px}}
@media(max-width:390px){.top-call span{font-size:11px}.brand{font-size:15px}.hero h1{font-size:43px}.call-button strong{font-size:19px}}
