:root{--bg:#071522;--ink:#0d2436;--paper:#fff;--soft:#eef5f8;--cyan:#1bb7ee;--muted:#94a4b3;--white:#f7fbff;--line:#dce6ed}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}.shell{width:min(1250px,calc(100% - 76px));margin-inline:auto}.skip{position:absolute;top:-120px;left:15px;z-index:1000;background:#fff;padding:12px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:60;background:rgba(7,21,34,.97);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px)}.nav{height:88px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:9px;color:#fff}.brand-mark{width:71px;height:51px;overflow:hidden;display:block;border-radius:3px}.brand-mark img{width:94px;max-width:none;height:auto;transform:translate(-12px,-2px);filter:saturate(1.15)}.brand-type{display:flex;flex-direction:column;gap:2px}.brand-type b{font-size:24px;font-weight:900;font-style:italic;letter-spacing:-1.4px;white-space:nowrap}.brand-type em,.footer-brand em{color:var(--cyan);font-style:italic}.brand-type small{font-size:9px;letter-spacing:2.3px;color:#e4f3fb;font-weight:800}.menu{display:flex;align-items:center;gap:30px;color:#d3e0ec;font-size:13px;font-weight:700}.menu a:hover,.menu a:focus-visible{color:var(--cyan)}.menu .nav-call{background:var(--cyan);color:#042236;padding:14px 18px;border-radius:2px;font-weight:900}.menu .nav-call:hover{color:#071522;background:#76dcff}.nav-call span{margin-left:9px}.nav-toggle{display:none}.hero{min-height:658px;display:grid;grid-template-columns:46% 54%;padding-top:48px;padding-bottom:55px;gap:14px;align-items:stretch}.hero-copy{padding:80px 10px 28px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#007fb4;display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,5.6vw,83px);letter-spacing:-4.2px;line-height:1.04;margin:30px 0 22px;font-weight:900}.hero h1 i,h2 i{color:#079ed5;font-style:normal}.hero-copy>p{font-size:19px;color:#566a79;line-height:1.66;max-width:440px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:22px;justify-content:space-between;border:1px solid var(--ink);padding:16px 19px;font-size:13px;font-weight:800;min-width:162px}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:#0b5072}.btn.secondary{background:#fff}.btn.secondary:hover{background:var(--soft)}.experience{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:27px;margin-top:48px}.experience strong{font-size:46px;letter-spacing:-2px}.experience span{font-size:12px;letter-spacing:.2px;line-height:1.55;color:#556a7a;font-weight:700}.hero-gallery{position:relative;min-width:0;display:grid;grid-template-columns:57% 43%;grid-template-rows:53% 47%;gap:8px;padding-right:8px}.hero-photo{overflow:hidden;background:#dee9ed}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo-main{grid-row:1/3;grid-column:1}.hero-photo-main img{object-position:center}.hero-photo-two{grid-row:1;grid-column:2}.hero-photo-three{grid-row:2;grid-column:2}.hero-caption{position:absolute;bottom:17px;left:17px;background:#fff;padding:11px 14px;color:#0b273a;font-size:10px;letter-spacing:1.2px;font-weight:900}.proof-strip{background:var(--bg);color:white}.strip-inner{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:75px;flex-wrap:wrap;padding-block:18px}.strip-inner span{font-size:11px;letter-spacing:1.5px;font-weight:800}.strip-inner b{color:var(--cyan);font-size:12px}.section{padding-top:112px;padding-bottom:112px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-head h2,h2{font-weight:900;font-size:clamp(34px,4.2vw,59px);letter-spacing:-2.5px;line-height:1.12;margin:16px 0 0}.section-head p{max-width:350px;font-size:15px;color:#617485;line-height:1.7;margin:0 0 2px}.filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:4px 0 16px;white-space:nowrap}.filter{border:1px solid #cad6df;color:#344d5e;background:white;padding:10px 15px;font-size:12px;font-weight:800;transition:.2s}.filter.active,.filter:hover{background:var(--ink);border-color:var(--ink);color:white}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 18px;margin-top:10px}.project{background:transparent;border:0;padding:0;color:inherit;text-align:left;display:block;min-width:0}.project[hidden]{display:none}.project-img{position:relative;display:block;overflow:hidden;background:#dce5e9;aspect-ratio:1.35}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.project:hover .project-img img,.project:focus-visible .project-img img{transform:scale(1.045)}.open-icon{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.9);font-size:23px;width:34px;height:34px;display:grid;place-items:center;opacity:0;transition:opacity .2s}.project:hover .open-icon,.project:focus-visible .open-icon{opacity:1}.project-meta{padding:14px 1px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.project-meta strong{font-size:15px;font-weight:800;display:block}.project-meta small{display:block;color:#748898;margin-top:5px;font-size:12px}.project-arrow{color:#159ed2;font-size:22px}.portfolio-note{font-size:12px;color:#758998;border-top:1px solid #e6eef2;margin:34px 0 0;padding-top:16px;line-height:1.7}.capabilities-section{background:#edf5f9}.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cap-card{background:#fff;padding:29px 22px;min-height:245px;border-top:3px solid var(--cyan)}.cap-card span{font-size:12px;color:#0798cf;font-weight:900}.cap-card h3{margin-top:50px;font-size:19px;line-height:1.18;letter-spacing:-.4px}.cap-card p{color:#687b89;font-size:13px;line-height:1.7;margin:0}.about-section{display:grid;grid-template-columns:50% 50%;align-items:center;gap:62px}.about-photo{position:relative;min-height:470px}.about-photo img{width:100%;height:470px;object-fit:cover}.about-tag{position:absolute;bottom:-16px;right:-16px;background:var(--cyan);padding:16px 18px;font-size:11px;letter-spacing:1px;font-weight:900}.about-copy{padding:18px 55px 18px 0}.about-copy h2{margin-bottom:24px}.about-copy p{font-size:15px;color:#566c7c;line-height:1.8}.text-link{display:inline-flex;border-bottom:2px solid var(--cyan);font-weight:800;font-size:13px;margin-top:15px;padding-bottom:10px;gap:40px}.text-link:hover{color:#009dce}.contact-section{background:#061523;color:#fff}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.contact-section .eyebrow{color:var(--cyan)}.contact-section h2{font-size:clamp(52px,6vw,88px);margin:35px 0 25px}.contact-section h2 i{color:var(--cyan)}.contact-section p{color:#a6b8c6;line-height:1.75;font-size:16px;max-width:440px}.contact-card{border:1px solid #355066;padding:20px 30px;background:#0c2131}.contact-row{border-bottom:1px solid #2f475a;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:23px 2px}.contact-row:last-of-type{border-bottom:0}.contact-row small{color:#6bcdef;font-size:10px;font-weight:900;letter-spacing:2px;display:block;margin-bottom:7px}.contact-row strong{font-size:19px;font-weight:800}.contact-row b{color:var(--cyan);font-size:25px}.contact-row:hover strong{color:var(--cyan)}.visit{border-top:1px solid #2f475a;margin-top:22px;padding:26px 2px 6px}.visit strong{font-size:15px}.visit p{font-size:13px;line-height:1.7;margin:9px 0}.site-footer{background:#04101b;color:#d3dce3;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner>div:first-child{display:flex;flex-direction:column;gap:5px}.footer-brand{font-size:21px;font-weight:900;font-style:italic}.footer-inner>div:first-child span{font-size:9px;letter-spacing:1.8px}.footer-inner p,.footer-end{color:#8da0af;font-size:12px;margin:0}.footer-end{display:flex;flex-direction:column;gap:9px}.footer-end a:hover{color:var(--cyan)}.mobile-contact{display:none}.lightbox{position:fixed;inset:0;z-index:200;background:rgba(3,11,19,.96);display:none;align-items:center;justify-content:center;color:#fff;padding:45px 76px}.lightbox[aria-hidden="false"]{display:flex}.lightbox figure{max-width:min(1150px,100%);margin:0;display:flex;flex-direction:column;align-items:center}.lightbox figure img{max-height:75vh;max-width:100%;width:auto;height:auto;object-fit:contain}.lightbox figcaption{max-width:900px;text-align:center;padding-top:16px;display:flex;gap:8px;flex-direction:column}.lightbox figcaption strong{font-size:18px}.lightbox figcaption span{font-size:13px;color:#adc0cc}.lightbox button{border:0;background:transparent;color:#fff;position:absolute;font-weight:300}.lightbox button:hover{color:var(--cyan)}.lightbox-close{top:15px;right:35px;font-size:46px}.lightbox-prev{left:22px;font-size:65px}.lightbox-next{right:22px;font-size:65px}body.modal-open{overflow:hidden}
@media(max-width:1000px){.shell{width:min(100% - 44px,1250px)}.nav{height:76px}.menu{gap:16px}.hero{grid-template-columns:45% 55%;min-height:560px;padding-top:32px}.hero-copy{padding-top:48px}.hero h1{font-size:55px;letter-spacing:-3px}.hero-gallery{min-height:480px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section{gap:32px}.about-copy{padding:15px 10px}}
@media(max-width:720px){html{scroll-padding-top:75px}.shell{width:calc(100% - 32px)}.nav{height:70px}.brand-mark{width:52px;height:41px}.brand-mark img{width:76px;transform:translate(-10px,-2px)}.brand-type b{font-size:21px}.brand-type small{font-size:8px;letter-spacing:1.7px}.nav-toggle{display:flex;flex-direction:column;gap:4px;background:transparent;border:0;padding:10px}.nav-toggle span{width:23px;height:2px;background:#fff}.menu{position:absolute;top:70px;left:0;right:0;background:#091a28;padding:15px 20px 24px;display:none;flex-direction:column;align-items:stretch;gap:0}.menu.open{display:flex}.menu>a{display:block;padding:12px 9px}.menu .nav-call{text-align:center;margin-top:9px}.hero{display:flex;flex-direction:column;padding-top:30px;padding-bottom:42px;gap:20px}.hero-copy{padding:14px 0 0}.hero h1{font-size:clamp(49px,11vw,72px);letter-spacing:-3px;margin:22px 0 16px}.hero-copy>p{font-size:16px;max-width:570px}.hero-actions{margin-top:24px}.experience{margin-top:30px;padding-top:17px}.experience strong{font-size:39px}.hero-gallery{min-height:300px;height:330px;grid-template-columns:58% 42%}.hero-caption{font-size:8px;left:8px;bottom:8px;padding:8px}.strip-inner{gap:12px;justify-content:center;min-height:55px}.strip-inner span{font-size:9px}.section{padding-top:76px;padding-bottom:76px}.section-head{display:block;margin-bottom:24px}.section-head h2,h2{font-size:40px;letter-spacing:-1.8px}.section-head p{margin-top:21px}.project-grid{gap:24px 12px}.project-meta strong{font-size:13px}.project-meta small{font-size:11px}.project-arrow{display:none}.cap-card{min-height:200px;padding:18px}.cap-card h3{font-size:17px;margin-top:35px}.cap-card p{font-size:12px}.about-section{display:block}.about-photo{min-height:0}.about-photo img{height:300px}.about-tag{right:0;bottom:-12px}.about-copy{padding:55px 0 0}.contact-wrap{display:block}.contact-section h2{font-size:58px}.contact-section p{font-size:15px}.contact-card{margin-top:34px;padding:12px 20px}.footer-inner{align-items:flex-start;flex-direction:column;gap:18px}.footer-end{flex-direction:row;justify-content:space-between;width:100%}.mobile-contact{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;z-index:55;background:#0b1f30;border-top:1px solid #3a596e;color:#fff}.mobile-contact a{text-align:center;padding:14px 0;font-size:13px;font-weight:900}.mobile-contact a+a{border-left:1px solid #3a596e}.site-footer{padding-bottom:90px}.lightbox{padding:55px 14px 65px}.lightbox figure img{max-height:69vh}.lightbox-prev,.lightbox-next{bottom:6px;top:auto;font-size:50px}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-close{right:16px;top:6px}.lightbox figcaption{padding:10px 38px}.lightbox figcaption strong{font-size:15px}.lightbox figcaption span{font-size:11px}}
@media(max-width:420px){.project-grid{grid-template-columns:1fr}.hero-gallery{height:290px;min-height:290px}.cap-grid{grid-template-columns:1fr}.cap-card{min-height:0}.cap-card h3{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-img img{transition:none}}


/* Eye D Sign v2 — readability and mobile contact improvements */
body{font-size:18px;line-height:1.55}
.site-header{box-shadow:0 3px 16px rgba(3,12,20,.14)}
.nav{height:100px;gap:20px}
.brand{gap:13px}
.brand-mark{width:90px;height:63px}
.brand-mark img{width:120px;transform:translate(-15px,-4px)}
.brand-type b{font-size:29px;letter-spacing:-1.2px}
.brand-type small{font-size:11px;letter-spacing:2.1px}
.header-phone{display:flex;flex-direction:column;align-items:flex-end;gap:1px;color:#fff;white-space:nowrap}
.header-phone-label{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#71d7ff}
.header-phone strong{font-size:21px;line-height:1.3;letter-spacing:.2px}
.header-phone:hover{color:var(--cyan)}
.menu{gap:18px;font-size:15px}
.menu .nav-call{padding:13px 15px;font-size:15px}
.mobile-header-contact{display:none}
.eyebrow{font-size:13px}
.hero-copy>p{font-size:21px;max-width:520px;line-height:1.55}
.hero{grid-template-columns:44% 56%;min-height:670px}
.hero-copy{padding-top:55px}
.hero h1{font-size:clamp(54px,5.6vw,82px)}
.hero-quick-contact{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:25px}
.hero-quick-contact>span{font-size:12px;letter-spacing:1.4px;color:#50677a;font-weight:850}
.hero-quick-contact>a:not(.hero-email){font-size:30px;font-weight:900;letter-spacing:-.6px;color:#09304a;line-height:1.25}
.hero-quick-contact>a:not(.hero-email) span{color:#079ed5;margin-left:8px}
.hero-quick-contact .hero-email{font-size:17px;color:#166d94;text-decoration:underline;text-underline-offset:3px}
.hero-actions{margin-top:22px}
.btn{font-size:16px;padding:17px 19px}
.experience span{font-size:14px}
.hero-gallery{grid-template-columns:1fr 1fr;grid-template-rows:60% 40%}
.hero-photo-main{grid-row:1;grid-column:1/3}
.hero-photo-two{grid-row:2;grid-column:1}
.hero-photo-three{grid-row:2;grid-column:2}
.hero-photo-main img{object-position:center 43%}
.hero-caption{font-size:12px;letter-spacing:1.15px}
.strip-inner span{font-size:13px;letter-spacing:1.1px}
.section-head p{font-size:18px;max-width:410px}
.filters{gap:10px}
.filter{font-size:15px;padding:13px 16px}
.project-img{aspect-ratio:1.35}
.project-meta strong{font-size:19px;line-height:1.35}
.project-meta small{font-size:15px;margin-top:6px}
.portfolio-note{font-size:15px}
.cap-card span{font-size:14px}
.cap-card h3{font-size:23px}
.cap-card p{font-size:17px;line-height:1.6}
.about-copy p{font-size:18px;line-height:1.72}
.text-link{font-size:17px}
.about-tag{font-size:13px}
.contact-section p{font-size:19px;line-height:1.65}
.contact-row small{font-size:13px}
.contact-row strong{font-size:24px;overflow-wrap:anywhere}
.contact-card{padding:25px 28px}
.visit strong{font-size:18px}
.visit p{font-size:16px}
.footer-brand{font-size:26px}
.footer-inner>div:first-child span{font-size:11px}
.footer-inner p,.footer-end{font-size:15px}
.lightbox figcaption strong{font-size:21px}
.lightbox figcaption span{font-size:16px}
@media(max-width:1175px){
 .menu{gap:12px;font-size:14px}
 .menu .nav-call{display:none}
 .header-phone strong{font-size:19px}
 .brand-type b{font-size:26px}
}
@media(max-width:1000px){
 .nav{height:86px}
 .hero{grid-template-columns:43% 57%}
 .hero-copy{padding-top:30px}
 .hero h1{font-size:52px}
 .hero-quick-contact>a:not(.hero-email){font-size:25px}
 .hero-copy>p{font-size:19px}
 .cap-card p{font-size:16px}
}
@media(max-width:720px){
 html{scroll-padding-top:126px}
 .nav{height:77px;gap:10px}
 .brand-mark{width:66px;height:51px}
 .brand-mark img{width:90px;transform:translate(-12px,-2px)}
 .brand-type b{font-size:25px;letter-spacing:-.8px}
 .brand-type small{font-size:9px;letter-spacing:1.5px}
 .header-phone{display:none}
 .nav-toggle{padding:12px;margin-left:auto}
 .nav-toggle span{width:26px;height:3px}
 .menu{top:124px;padding:12px 18px 20px;font-size:18px;box-shadow:0 15px 25px rgba(0,0,0,.2)}
 .menu>a{padding:15px 11px}
 .menu .nav-call{display:block;font-size:18px;margin-top:7px}
 .mobile-header-contact{height:47px;display:grid;grid-template-columns:1fr 63px 73px;background:#122b3e;border-top:1px solid #335164;color:white}
 .mobile-header-contact a{display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:800;gap:5px;min-width:0;padding:0 5px}
 .mobile-header-contact a:first-child{font-size:13px;white-space:nowrap}
 .mobile-header-contact a strong{color:#80dcff;font-size:17px;letter-spacing:-.3px}
 .mobile-header-contact a+a{border-left:1px solid #335164}
 .hero{padding-top:30px;gap:28px}
 .hero-copy{padding-top:4px}
 .hero h1{font-size:clamp(49px,10.6vw,69px);letter-spacing:-2.7px}
 .hero-copy>p{font-size:19px;line-height:1.55}
 .eyebrow{font-size:12px;letter-spacing:1.1px}
 .hero-quick-contact{margin-top:19px}
 .hero-quick-contact>span{font-size:12px}
 .hero-quick-contact>a:not(.hero-email){font-size:32px}
 .hero-quick-contact .hero-email{font-size:19px}
 .hero-actions{gap:10px}
 .btn{font-size:16px;min-width:0;flex:1 1 auto;padding:16px}
 .experience span{font-size:15px}
 .hero-gallery{height:380px;min-height:380px;grid-template-columns:1fr 1fr;grid-template-rows:60% 40%}
 .hero-photo-main{grid-column:1/3;grid-row:1}
 .hero-photo-two{grid-column:1;grid-row:2}
 .hero-photo-three{grid-column:2;grid-row:2}
 .hero-caption{font-size:10px}
 .strip-inner{gap:12px}
 .strip-inner span{font-size:12px;letter-spacing:.65px}
 .section-head p{font-size:18px;line-height:1.6;margin-top:20px}
 .section-head h2,h2{font-size:clamp(36px,8.5vw,46px)}
 .filter{font-size:15px;padding:12px 14px}
 .project-grid{gap:30px 14px}
 .project-meta strong{font-size:18px}
 .project-meta small{font-size:14px}
 .portfolio-note{font-size:15px}
 .cap-card h3{font-size:22px}
 .cap-card p{font-size:17px}
 .about-copy p{font-size:18px}
 .about-photo img{height:340px}
 .about-tag{font-size:12px}
 .contact-section h2{font-size:clamp(47px,11vw,68px)}
 .contact-section p{font-size:18px}
 .contact-card{padding:12px 16px}
 .contact-row strong{font-size:clamp(18px,5.2vw,24px)}
 .contact-row small{font-size:13px}
 .visit p{font-size:16px}
 .footer-inner p,.footer-end{font-size:14px}
 .footer-brand{font-size:26px}
 .mobile-contact{grid-template-columns:repeat(3,1fr)}
 .mobile-contact a{font-size:17px;padding:16px 0}
 .lightbox figcaption strong{font-size:18px}
 .lightbox figcaption span{font-size:15px}
}
@media(max-width:420px){
 .brand-mark{width:58px;height:48px}
 .brand-mark img{width:82px}
 .brand-type b{font-size:24px}
 .mobile-header-contact{grid-template-columns:1fr 57px 65px}
 .mobile-header-contact a strong{font-size:16px}
 .hero-quick-contact>a:not(.hero-email){font-size:30px}
 .project-grid{grid-template-columns:1fr}
 .cap-grid{grid-template-columns:1fr}
 .cap-card h3{margin-top:22px}
 .hero-gallery{height:330px;min-height:330px}
}


/* VERSION 3 — adaptations of the customer's two CorelDRAW revision pages. */
:root{--ink:#15191d;--cyan:#2497d3;--nav-blue:#2d3190;--nav-gray:#cecece}
.site-header{background:#cecece;border-bottom:0;box-shadow:none;backdrop-filter:none}
.nav{min-height:88px;height:auto;gap:22px}
.brand{flex:0 1 435px;min-width:0;display:flex}
.site-logo{width:min(100%,435px);height:auto;max-height:75px;object-fit:contain;object-position:left center}
.menu{gap:22px;color:#272a89;font-size:17px;font-weight:700;white-space:nowrap}
.menu a:hover,.menu a:focus-visible{color:#097fb5}
.menu .nav-call{display:none!important}
.header-phone{background:#2d3190;color:white;padding:12px 14px;border:0;align-items:center;justify-content:center}
.header-phone strong{font-size:16px;letter-spacing:.1px}
.header-phone:hover{background:#202477;color:#fff}
.hero{padding-top:70px;padding-bottom:38px;min-height:0;grid-template-columns:44% 56%;gap:20px;align-items:center}
.hero-copy{padding:0 0 10px}
.hero h1{font-size:clamp(48px,4.5vw,67px);font-weight:800;letter-spacing:-1.8px;line-height:1.07;color:#17191c;margin:0 0 14px;max-width:510px}
.hero-copy>p{font-size:19px;max-width:460px;color:#4c6480;line-height:1.35;margin-bottom:0}
.hero-quick-contact{margin-top:40px;gap:5px;display:flex;align-items:flex-start}
.hero-quick-contact>span{font-size:15px;letter-spacing:.1px;color:#52657d}
.hero-quick-contact>a:not(.hero-email){font-size:44px;font-weight:850;letter-spacing:-1px;color:#11191f;line-height:1.23}
.hero-quick-contact .hero-email{font-size:20px;color:#1999dd;text-decoration:none;overflow-wrap:anywhere}
.hero-actions{margin-top:24px;gap:8px}
.btn{font-size:16px;padding:13px 17px;border-radius:0;min-width:170px;justify-content:flex-start}
.btn.primary{background:#111820;border-color:#111820}
.experience{margin-top:20px;padding:0;border:0;gap:15px}
.experience strong{font-size:43px;letter-spacing:-1px;color:#121b21}
.experience span{font-size:18px;letter-spacing:0;color:#586f8b;font-weight:500}
.hero-gallery{height:470px;grid-template-columns:1fr 1fr;grid-template-rows:60% 40%;gap:8px;padding-right:0}
.hero-photo-main{grid-row:1;grid-column:1/3}
.hero-photo-two{grid-row:2;grid-column:1}
.hero-photo-three{grid-row:2;grid-column:2}
.hero-photo-main img{object-position:center 42%}
.hero-photo-two img{object-position:50% 45%}
.hero-photo-three img{object-position:50% 45%}
.proof-strip{background:#111315;color:white}
.strip-inner{min-height:65px;padding:15px 0;justify-content:center}
.strip-inner p{margin:0;font-size:18px;font-weight:650;line-height:1.4;letter-spacing:.25px;text-align:center}
.work-section{padding-top:75px}
.work-section .section-head{align-items:end;margin-bottom:27px}
.work-section .eyebrow{font-size:14px;letter-spacing:0;color:#188ccd}
.work-section h2{font-size:clamp(38px,4vw,52px);letter-spacing:-1.5px;margin-top:12px}
.work-section .section-head p{font-size:16px;max-width:390px;line-height:1.5}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}
.project{display:flex;flex-direction:column;min-width:0}
.project-img{aspect-ratio:1.65;background:#eef0f1}
.project-img img{width:100%;height:100%;object-fit:contain;object-position:center center;transition:transform .35s}
.project:hover .project-img img,.project:focus-visible .project-img img{transform:scale(1.025)}
.project-meta{padding:11px 1px 0;align-items:start}
.project-meta strong{font-size:18px;line-height:1.25;color:#12171c}
.project-meta small{font-size:13px;color:#4c657f;line-height:1.45;font-weight:650;text-transform:uppercase;letter-spacing:.15px;white-space:normal}
.project-arrow{font-size:19px}
.lightbox figcaption span{font-size:16px}
@media(max-width:1200px){.menu{gap:13px;font-size:15px}.brand{flex-basis:360px}.header-phone strong{font-size:15px}.hero h1{font-size:clamp(44px,4.6vw,60px)}}
@media(max-width:950px){.brand{flex-basis:310px}.nav{gap:11px}.menu{gap:9px;font-size:14px}.header-phone{padding:10px}.header-phone strong{font-size:14px}.hero{grid-template-columns:45% 55%}.hero-gallery{height:380px}.hero h1{font-size:clamp(39px,4.9vw,49px)}.hero-quick-contact>a:not(.hero-email){font-size:34px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 .site-header{background:#cecece}
 .nav{height:75px;min-height:75px;gap:10px}
 .brand{flex:1 1 auto;min-width:0;max-width:320px}
 .site-logo{max-height:60px;width:100%;object-fit:contain}
 .nav-toggle{display:flex;flex:none;margin-left:auto;border:1px solid #878bc2;background:#2d3190;border-radius:3px;padding:10px}
 .nav-toggle span{background:white}
 .menu{position:absolute;top:75px;background:#e7e7ee;box-shadow:0 10px 25px rgba(10,20,35,.14);color:#252980;font-size:17px}
 .menu>a{color:#252980}
 .menu .nav-call{display:none!important}
 .header-phone{display:none}
 .mobile-header-contact{background:#2b2f88;border-top:0;box-shadow:0 2px 10px rgba(0,0,0,.15)}
 .mobile-header-contact a strong{color:#fff}
 .mobile-header-contact a+a{border-left:1px solid rgba(255,255,255,.25)}
 .hero{padding-top:34px;display:flex;flex-direction:column;gap:25px;padding-bottom:30px}
 .hero-copy{width:100%;padding:0}
 .hero h1{font-size:clamp(40px,9vw,60px);letter-spacing:-1.2px;line-height:1.09;margin-bottom:13px;max-width:580px}
 .hero-copy>p{font-size:18px;line-height:1.45;max-width:560px}
 .hero-quick-contact{margin-top:24px}
 .hero-quick-contact>span{font-size:13px}
 .hero-quick-contact>a:not(.hero-email){font-size:clamp(33px,8vw,43px)}
 .hero-quick-contact .hero-email{font-size:19px}
 .hero-actions{margin-top:20px}
 .btn{font-size:16px;padding:14px 15px}
 .experience{margin-top:18px;gap:12px}
 .experience strong{font-size:38px}
 .experience span{font-size:16px}
 .hero-gallery{width:100%;height:335px;min-height:335px;grid-template-rows:60% 40%;gap:6px}
 .strip-inner{padding:13px 0;min-height:0}
 .strip-inner p{font-size:13px;line-height:1.7}
 .work-section{padding-top:62px}
 .work-section .section-head p{font-size:16px}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}
 .project-img{aspect-ratio:1.2}
 .project-meta strong{font-size:17px}
 .project-meta small{font-size:12px;line-height:1.4}
}
@media(max-width:480px){.nav{height:70px;min-height:70px}.menu{top:70px}.site-logo{max-height:55px}.hero-gallery{height:290px;min-height:290px}.project-grid{grid-template-columns:1fr}.project-img{aspect-ratio:1.65}.project-meta strong{font-size:19px}.project-meta small{font-size:14px}}
/* final responsive and header ordering refinements */
.site-header{background:#cacaca}
.brand{order:1}
.menu{order:2}
.header-phone{order:3}
.nav-toggle{order:4}
.hero h1{font-size:clamp(45px,4.2vw,59px)}
.about-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.about-copy{min-width:0}
.filters{max-width:100%}
@media(max-width:720px){
 .site-header{background:#cacaca}
 .hero h1{font-size:clamp(40px,9vw,60px)}
 .about-section{display:block}
 .mobile-contact{display:none!important}
 .site-footer{padding-bottom:35px}
}
@media(max-width:950px) and (min-width:721px){
 .about-section{grid-template-columns:1fr 1fr;gap:20px}
 .about-copy{padding-right:0}
}