@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/dm-sans-latin-variable.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/manrope-latin-variable.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--ink:#102d3d;--text:#435965;--blue:#00a7d8;--orange:#ef5b18;--orange-dark:#b63e05;--paper:#fff;--pale:#f2f6f8;--line:#dce5e9;--green:#107c47;--max:1280px;--radius:12px;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.6}body.menu-open{overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.14;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,5.1vw,5rem)}h2{font-size:clamp(2rem,3.2vw,3.05rem)}h3{font-size:1.3rem;letter-spacing:-.025em}p{color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}img{display:block;width:100%;height:100%;object-fit:cover}svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}::selection{background:#c8effa}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #00759f;outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.16em;color:#007caa;margin-bottom:16px}.eyebrow:before{content:'';width:22px;height:3px;background:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 23px;border:1px solid transparent;border-radius:6px;font-weight:700;font-size:.95rem;line-height:1.35;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-orange{background:var(--orange);color:white}.btn-orange:hover{background:var(--orange-dark)}.btn-outline{border-color:#a9bbc6;background:white;color:var(--ink)}.btn-outline:hover{background:var(--pale)}.btn-dark{background:var(--ink);color:white}.btn-green{background:var(--green);color:white}.btn-small{min-height:43px;padding:10px 17px;font-size:.875rem}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:700;font-size:.95rem;padding:10px 0;border-bottom:1px solid var(--line)}.text-link:hover{color:var(--orange-dark)}.skip{position:fixed;top:8px;left:8px;background:var(--ink);color:white;padding:12px;z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{height:91px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:block;flex-shrink:0;width:217px;height:67px}.logo img{object-fit:contain}.nav{display:flex;align-items:center;gap:31px;margin-left:auto}.nav a{position:relative;font-size:.9rem;font-weight:600;white-space:nowrap;padding:12px 0}.nav a:hover,.nav a[aria-current=page]{color:var(--orange-dark)}.nav a[aria-current=page]:after{content:'';position:absolute;height:2px;background:var(--orange);bottom:5px;left:0;right:0}.header-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px;border-radius:5px;color:var(--ink)}.mobile-menu{display:none}.hero{padding:44px 0 36px}.hero-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:54px;align-items:center}.hero-copy{padding:30px 0}.hero h1{max-width:650px;font-size:clamp(3rem,5.4vw,5.45rem);line-height:1.055;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--orange)}.hero .lead{max-width:475px;font-size:1.13rem;line-height:1.75;margin:23px 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:8px;margin-top:28px;font-size:.875rem;color:var(--text)}.hero-note svg{color:#0083aa;width:17px}.hero-visual{position:relative;min-width:0}.hero-main{height:505px;border-radius:12px;overflow:hidden;background:var(--pale)}.hero-main img{object-position:center}.image-tag{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:8px;background:rgba(255,255,255,.96);padding:17px 20px;box-shadow:0 6px 28px #102d3d15}.image-tag span{font-size:.77rem;color:var(--text);display:block;letter-spacing:.04em}.image-tag strong{font-size:1.05rem;font-weight:700}.image-tag svg{color:var(--orange)}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:10px}.trust-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0}.trust-item{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 28px;border-right:1px solid var(--line)}.trust-item:first-child{justify-content:flex-start;padding-left:0}.trust-item:last-child{border:0}.trust-item strong{font-weight:800;font-family:var(--display);font-size:1.1rem}.trust-item span{font-size:.85rem;display:block;color:var(--text)}.trust-item svg{color:#0084ae;width:30px;height:30px}.section{padding:88px 0}.section-soft{background:var(--pale)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-head p{max-width:470px;margin-top:17px}.section-head .text-link{flex-shrink:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 25px}.service-card{display:block;min-width:0}.service-card figure{margin:0;height:242px;overflow:hidden;border-radius:8px;background:#eaf0f3}.service-card img{transition:transform .5s}.service-card:hover img{transform:scale(1.045)}.service-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.service-title svg{width:20px;color:#71828c;transition:color .2s,transform .2s}.service-card:hover .service-title svg{color:var(--orange);transform:translateX(4px)}.service-card p{font-size:.925rem;margin-top:7px;max-width:360px}.work-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}.work-card{min-width:0}.work-image{position:relative;display:block;border:0;background:#dde7ec;border-radius:8px;padding:0;width:100%;height:302px;overflow:hidden}.work-image img{transition:transform .4s}.work-image:hover img{transform:scale(1.04)}.work-image .expand{position:absolute;bottom:14px;right:14px;border-radius:50%;background:white;width:37px;height:37px;display:flex;align-items:center;justify-content:center}.work-card h3{margin-top:15px;font-size:1.08rem}.work-card p{font-size:.875rem;margin-top:4px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.process-item{border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:flex-start;gap:21px}.step-number{font-family:var(--display);font-size:2.8rem;font-weight:800;line-height:1;color:var(--blue);letter-spacing:-.05em}.process-item p{font-size:.95rem;line-height:1.65;margin-top:10px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.story-image{height:430px;border-radius:10px;overflow:hidden;background:var(--pale)}.story-copy p{margin-top:20px;max-width:550px}.story-copy .text-link{margin-top:20px}.cta{background:var(--ink);color:white;padding:64px 0;position:relative;overflow:hidden}.cta:before{content:'';width:9px;position:absolute;left:0;top:0;bottom:0;background:var(--orange)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:clamp(2rem,3.5vw,3.1rem)}.cta p{margin-top:12px;color:#c7d9e1;max-width:600px}.cta .actions{flex-shrink:0}.cta .btn-outline{color:white;background:transparent;border-color:#75919e}.cta .btn-outline:hover{background:#284758}.footer{padding:53px 0 24px;background:white}.footer-grid{display:grid;grid-template-columns:1.4fr .85fr 1.1fr 1fr;gap:42px;padding-bottom:39px}.footer .logo{width:216px;height:70px;margin-top:-9px;margin-bottom:15px}.footer h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-family:var(--font)}.footer p,.footer a{font-size:.875rem}.footer a:hover{color:var(--orange-dark)}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--text);font-size:.78rem}.socials{display:flex;gap:20px}.float-wa{position:fixed;right:24px;bottom:24px;z-index:15;display:flex;align-items:center;gap:9px;background:var(--green);color:white;box-shadow:0 5px 22px #102d3d30;border-radius:30px;padding:13px 19px;font-size:.875rem;font-weight:700}.mobile-contact{display:none}.page-intro{padding:64px 0 49px}.page-intro h1{max-width:860px}.page-intro .lead{font-size:1.13rem;margin-top:20px;max-width:690px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--text);margin-bottom:29px}.breadcrumb a:hover{color:var(--orange-dark)}.breadcrumb svg{width:15px}.service-detail{padding:12px 0 75px}.detail-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:64px;align-items:center}.detail-image{height:510px;border-radius:10px;overflow:hidden;background:var(--pale)}.detail-image img{object-fit:contain}.detail-copy h1{font-size:clamp(2.4rem,4.3vw,4rem)}.detail-copy .lead{margin-top:24px;font-size:1.1rem;line-height:1.75}.detail-copy .actions{margin-top:28px}.detail-list{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:10px}.detail-list li{display:flex;gap:10px;align-items:flex-start;color:var(--text);font-size:.95rem}.detail-list svg{color:#0082aa;width:18px;margin-top:3px}.detail-note{margin-top:18px;font-size:.875rem;color:var(--text)}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:80px}.detail-info p{margin-top:18px}.detail-info h2{font-size:2.1rem}.use-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.use-grid span{background:white;border:1px solid var(--line);padding:8px 15px;border-radius:5px;font-size:.875rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.gallery-grid .work-image{height:320px}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 31px}.filter{background:white;border:1px solid var(--line);border-radius:5px;color:var(--ink);padding:9px 16px;min-height:44px;font-size:.875rem;font-weight:600}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.gallery-status{margin-bottom:18px;font-size:.875rem}.gallery-grid [hidden]{display:none}.lightbox{border:0;padding:0;border-radius:12px;width:min(1050px,calc(100vw - 36px));max-height:calc(100dvh - 36px);color:var(--ink);overflow:auto;background:white}.lightbox::backdrop{background:#071924de}.lightbox-photo{height:65vh;background:#f0f4f5}.lightbox-photo img{object-fit:contain}.lightbox-bottom{padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox-close{position:absolute;top:12px;right:12px;background:white;border:1px solid var(--line);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;z-index:2}.quote-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:55px;align-items:start}.quote-form{border:1px solid var(--line);padding:35px;border-radius:12px;background:white}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.form-heading h2{font-size:1.4rem}.form-heading span{font-size:.8rem;color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}.field{min-width:0}.field-full{grid-column:1/-1}.field label{display:block;margin-bottom:7px;font-size:.9rem;font-weight:600}.field label span{font-weight:400;color:#596d78;font-size:.85rem}input,select,textarea{border:1px solid #b8c9d2;border-radius:5px;background:white;color:var(--ink);width:100%;min-height:49px;padding:11px 13px}textarea{resize:vertical;min-height:119px}input::placeholder,textarea::placeholder{color:#70818a}input:focus,textarea:focus,select:focus{border-color:#008ab8}.form-hint{font-size:.82rem;color:var(--text);margin-top:6px}.form-divider{height:1px;background:var(--line);margin:29px 0}.quote-form .btn{width:100%;margin-top:24px}.form-disclosure{font-size:.85rem;text-align:center;margin-top:13px}.quote-aside{display:grid;gap:24px}.aside-panel{background:var(--pale);border-radius:10px;padding:30px}.aside-panel h3{font-size:1.25rem;margin-bottom:17px}.aside-panel p{font-size:.95rem}.aside-panel .text-link{margin-top:15px}.aside-list{list-style:none;padding:0;margin:0;display:grid;gap:18px}.aside-list li{display:flex;gap:13px;font-size:.95rem}.aside-list svg{color:#0081ad;margin-top:3px}.aside-list p{font-size:.875rem;margin-top:2px}.quote-ready{background:#f0f9f4;border:1px solid #aed6bc;padding:23px;border-radius:8px;margin-top:25px}.quote-ready[hidden]{display:none}.quote-ready h3{font-size:1.2rem}.quote-ready p{margin-top:8px}.quote-ready .actions{margin-top:18px}.quote-ready .btn{width:auto;margin:0}.quote-ready pre{font-family:var(--font);font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:16px;border-radius:5px;margin:17px 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-methods{display:grid;gap:21px}.contact-method{padding:26px;border:1px solid var(--line);border-radius:8px;display:flex;gap:21px;align-items:flex-start}.contact-method>svg{width:25px;height:25px;color:#0084ae;margin-top:3px}.contact-method h2{font-size:1.25rem;margin-bottom:10px}.contact-method p{font-size:.95rem}.contact-method .contact-link{display:block;font-weight:650;margin:5px 0}.contact-method .contact-link:hover{color:var(--orange-dark)}.contact-panel{background:var(--ink);border-radius:12px;padding:44px;color:white;align-self:start}.contact-panel p{color:#c5d8e1;margin:20px 0 28px}.contact-panel .eyebrow{color:#73d1ec}.contact-panel h2{font-size:2.5rem}.contact-panel .btn{margin-top:12px}.about-lead{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.about-lead h1{font-size:clamp(2.7rem,4.5vw,4.3rem)}.about-lead p{margin-top:25px;line-height:1.8}.about-photo{height:530px;border-radius:10px;overflow:hidden;background:var(--pale)}.story-long{max-width:760px}.story-long h2{margin-bottom:28px}.story-long p+p{margin-top:22px}.faq-wrap{max-width:870px}.faq-list{margin-top:31px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:650;font-size:1.03rem;list-style:none;display:flex;gap:22px;align-items:center;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.45rem;font-weight:400;color:#007eac}details[open] summary:after{content:'−'}details p{margin:15px 40px 3px 0;font-size:.96rem}.empty{padding:60px 0;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nojs{padding:15px;background:#fff4df;color:var(--ink)}
@media(min-width:1500px){.hero-main{height:545px}.hero{padding-top:55px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.header-inner{gap:20px}.logo{width:187px}.nav{gap:22px}.hero-grid{gap:32px}.hero-main{height:480px}.hero h1{font-size:4.1rem}.trust-item{padding:0 15px;gap:10px}.services-grid{gap:30px 20px}.service-card figure{height:205px}.work-image{height:260px}.footer-grid{gap:27px}.story-grid{gap:40px}.cta-inner{align-items:flex-start}.cta .actions{flex-direction:column}.gallery-grid .work-image{height:260px}.quote-layout{gap:30px}.quote-form{padding:28px}.detail-grid{gap:38px}.detail-image{height:455px}}
@media(max-width:820px){.wrap{width:calc(100% - 40px)}.header-inner{height:77px}.logo{width:180px;height:59px}.nav{display:none}.menu-toggle{display:grid;place-items:center}.header-actions>.btn{min-height:43px;font-size:.85rem;padding:10px 14px}.mobile-menu:not([hidden]){display:block;position:fixed;top:77px;inset-inline:0;background:white;padding:20px 24px 28px;box-shadow:0 20px 30px #102d3d1c;border-top:1px solid var(--line);max-height:calc(100dvh - 77px);overflow:auto}.mobile-menu a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-weight:600}.mobile-menu .btn{margin-top:20px;border:0;color:white;display:flex}.hero{padding:20px 0 28px}.hero-grid{grid-template-columns:1fr 1fr;gap:23px}.hero h1{font-size:3.25rem}.hero .lead{font-size:1rem;margin:18px 0 22px}.hero-main{height:415px}.hero .actions .btn{min-height:46px;font-size:.875rem;padding:11px 15px}.hero-note{margin-top:20px}.image-tag{left:12px;right:12px;bottom:12px;padding:13px}.image-tag strong{font-size:.85rem}.image-tag span{font-size:.72rem}.trust-inner{padding:20px 0}.trust-item{display:block;text-align:center}.trust-item:first-child{padding-left:10px}.trust-item>svg{display:none}.trust-item strong{font-size:.95rem}.trust-item span{font-size:.75rem}.section{padding:65px 0}.section-head{gap:25px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card figure{height:230px}.work-grid{grid-template-columns:repeat(3,1fr);gap:17px}.work-image{height:225px}.work-card h3{font-size:1rem}.process-grid{gap:25px}.process-item{display:block}.step-number{display:block;margin-bottom:15px}.process-item h3{font-size:1.13rem}.story-grid{gap:28px}.story-image{height:400px}.story-copy h2{font-size:2.2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 50px}.detail-grid{grid-template-columns:1fr 1fr;gap:26px}.detail-copy h1{font-size:2.65rem}.detail-image{height:465px}.detail-copy .lead{font-size:1rem}.gallery-grid{grid-template-columns:repeat(2,1fr)}.quote-layout{grid-template-columns:1fr}.quote-aside{grid-template-columns:1fr 1fr}.contact-layout{gap:30px}.contact-panel{padding:30px}.contact-panel h2{font-size:2rem}.about-lead{gap:30px}.about-photo{height:440px}.about-lead h1{font-size:3rem}.detail-info{gap:35px}}
@media(max-width:600px){body{padding-bottom:75px}.wrap{width:calc(100% - 36px)}.header-inner{height:74px;gap:10px}.logo{width:174px;height:58px}.header-actions>.btn{display:none}.mobile-menu:not([hidden]){top:74px}.hero{padding-top:10px}.hero-grid{grid-template-columns:1fr;gap:5px}.hero-copy{padding:22px 0 23px}.eyebrow{font-size:.74rem;margin-bottom:17px}.hero h1{font-size:clamp(3rem,12vw,4.2rem);max-width:500px}.hero .lead{font-size:1.02rem;max-width:410px;margin:20px 0 23px}.hero .actions{gap:10px}.hero .actions .btn{min-height:49px;font-size:.92rem;padding:12px 18px;flex:1}.hero-note{font-size:.82rem;margin-top:20px}.hero-main{height:320px}.image-tag{padding:13px 16px}.image-tag strong{font-size:.96rem}.hero-visual{margin-top:0}.trust{margin-top:0}.trust-inner{grid-template-columns:1fr 1fr;padding:18px 0}.trust-item{padding:0 10px}.trust-item strong{font-size:.88rem}.trust-item span{font-size:.74rem}.trust-item:nth-child(2){border:0}.trust-item:last-child{display:none}.section{padding:53px 0}.section-head{display:block;margin-bottom:27px}.section-head p{font-size:.96rem;margin-top:14px}.section-head .text-link{margin-top:13px}.section-head h2{font-size:2.05rem}.services-grid{gap:25px 14px}.service-card figure{height:160px}.service-title{align-items:flex-start;gap:7px;margin-top:12px}.service-title h3{font-size:1rem;line-height:1.3}.service-title svg{width:16px;margin-top:1px}.service-card p{font-size:.85rem;line-height:1.6;margin-top:5px}.work-grid{grid-template-columns:1fr;gap:28px}.work-image{height:300px}.work-card h3{font-size:1.08rem}.process-grid{grid-template-columns:1fr;gap:23px;margin-top:28px}.process-item{display:flex;gap:23px;padding-top:24px}.step-number{font-size:2.5rem;margin:0;min-width:48px}.process-item h3{font-size:1.23rem}.process-item p{margin-top:7px;font-size:.93rem}.story-grid{grid-template-columns:1fr;gap:30px}.story-image{height:310px}.story-copy h2{font-size:2.1rem}.story-copy p{font-size:.96rem}.cta{padding:43px 0}.cta-inner{display:block}.cta h2{font-size:2.13rem}.cta p{font-size:.95rem}.cta .actions{margin-top:26px;flex-direction:row}.cta .btn{flex:1;min-width:140px;font-size:.88rem;padding:12px 15px}.footer{padding:36px 0 23px}.footer-grid{gap:30px 20px}.footer-brand{grid-column:1/-1}.footer-grid>:last-child{grid-column:1/-1}.footer h3{font-size:.83rem}.footer-bottom{font-size:.75rem;gap:14px}.float-wa{display:none}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:10px 15px max(10px,env(safe-area-inset-bottom));gap:10px;box-shadow:0 -3px 16px #102d3d0a}.mobile-contact .btn{flex:1;min-height:47px;font-size:.875rem;padding:10px}.page-intro{padding:35px 0 32px}.page-intro h1{font-size:2.7rem}.page-intro .lead{font-size:1.02rem;margin-top:17px}.breadcrumb{margin-bottom:24px;font-size:.8rem}.detail-grid{display:flex;flex-direction:column-reverse;gap:33px;align-items:stretch}.detail-image{height:350px}.detail-copy h1{font-size:2.8rem}.detail-copy .lead{font-size:1.02rem;margin-top:18px}.detail-copy .actions .btn{flex:1}.detail-info{grid-template-columns:1fr;gap:35px}.detail-info h2{font-size:1.8rem}.detail-info p{font-size:.95rem}.service-detail{padding-top:0;padding-bottom:45px}.gallery-grid{gap:24px 14px}.gallery-grid .work-image{height:200px}.gallery-grid .work-card h3{font-size:.97rem}.gallery-grid .work-card p{font-size:.81rem}.filter-row{gap:8px;margin-bottom:20px}.filter{font-size:.82rem;padding:8px 11px}.lightbox-photo{height:55vh}.lightbox-bottom{display:block;padding:19px}.lightbox-bottom .btn{margin-top:16px}.lightbox-bottom h3{font-size:1.15rem}.quote-form{padding:22px 18px}.form-grid{gap:20px 15px}.field-full-mobile{grid-column:1/-1}.quote-aside{grid-template-columns:1fr}.aside-panel{padding:25px}.form-heading{align-items:flex-start;gap:14px}.form-heading span{text-align:right;max-width:95px;font-size:.75rem}.form-disclosure{font-size:.8rem}.quote-ready{padding:20px 15px}.quote-ready .actions{display:grid}.quote-ready .btn{width:100%;font-size:.9rem}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-method{padding:22px 18px;gap:15px}.contact-panel{padding:29px}.contact-panel h2{font-size:2.1rem}.about-lead{grid-template-columns:1fr;gap:32px}.about-lead h1{font-size:2.8rem}.about-photo{height:340px}.about-lead p{font-size:1rem;margin-top:20px}.faq-list summary{font-size:.97rem}.faq-list p{font-size:.93rem;margin-right:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-main{height:360px;position:relative}.hero-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.hero-mini{height:145px;border-radius:8px;overflow:hidden;background:var(--pale);display:block}.hero-mini img{transition:transform .4s}.hero-mini:hover img{transform:scale(1.04)}.hero-main .image-tag{bottom:15px;left:15px;right:15px}.hero-main img{object-position:35% 45%}.service-card.example figure img{object-fit:contain;background:#f6f8fa}.service-card.example .form-hint{margin-top:8px}.gallery-grid .work-image img{object-position:center}.quote-form select{padding-right:25px}.photo-caption{font-size:.8rem;color:var(--text);margin-top:9px}.about-photo img{object-position:57% center}
.btn-orange{background:#cb460f}.btn-orange:hover{background:var(--orange-dark)}
@media(max-width:1100px){.hero-main{height:330px}.hero-mini{height:137px}}
@media(max-width:820px){.hero-main{height:290px}.hero-mini{height:114px}.hero-main .image-tag{padding:10px 12px}}
@media(max-width:600px){.hero-main{height:263px}.hero-mini{height:118px}.hero-main .image-tag{padding:12px 14px}.hero-duo{gap:10px;margin-top:10px}}

/* Branded page loading: keep the logo visible until primary assets are ready. */
.opening{display:none;position:fixed;inset:0;z-index:90;background:#fff;place-items:center;pointer-events:auto}
.opening-brand{width:min(70vw,460px);transform:translateY(-4vh)}
.opening-brand img{width:100%;height:auto;object-fit:contain}
.opening-rule{display:flex;gap:7px;margin:23px auto 0;width:42%;height:4px;overflow:hidden}
.opening-rule span{display:block;background:var(--blue);flex:3;transform-origin:left}
.opening-rule span+span{background:var(--orange);flex:1}
html[data-opening] .opening{display:grid}
html[data-opening="loading"] .opening-brand img{animation:opening-logo .45s ease both}
html[data-opening] .opening-rule span{animation:opening-line .85s ease-in-out infinite alternate}
html[data-opening] .opening-rule span+span{animation-delay:.2s}
html[data-opening="ready"] .opening{opacity:0;transition:opacity .22s ease;pointer-events:none}
@keyframes opening-logo{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes opening-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes opening-away{0%{opacity:1;visibility:visible}99%{visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes opening-content{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html[data-opening] .opening-brand img,html[data-opening] .opening-rule span{animation:none!important}html[data-opening="ready"] .opening{transition:none}}
@media print{.opening{display:none!important}}

/* Complete project photos remain visible in catalogue and gallery frames. */
.service-card figure{background:var(--pale)}
.service-card img,.work-image img{object-fit:contain}
.service-card:hover img,.work-image:hover img{transform:none}
.service-title{align-items:flex-start}
.service-title svg{margin-top:4px;flex-shrink:0}
.detail-enlarge{position:relative;display:block;width:100%;padding:0;border:0;color:var(--ink)}
.detail-expand{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;background:#fff;padding:9px 13px;border-radius:5px;box-shadow:0 3px 12px #102d3d20;font-size:.875rem;font-weight:600}
.detail-expand svg{width:17px;height:17px}
.detail-copy h1{overflow-wrap:break-word}
.detail-grid>*{min-width:0}
.gallery-grid .work-image{background:var(--pale)}
@media(max-width:600px){.detail-expand{font-size:.8125rem;padding:8px 11px}}

/* The supplied emblem and lettering, framed side by side without redrawing. */
.header{opacity:1;visibility:visible;transition:opacity .35s ease,transform .35s ease,visibility 0s linear 0s}
.header.header-hidden{opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition-delay:0s,0s,.35s}
body.menu-open .header{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition-delay:0s}
.header-inner{height:96px;gap:26px}
.logo-landscape{display:flex;align-items:center;gap:8px;width:286px;height:68px}
.brand-emblem,.brand-wordmark{display:block;position:relative;overflow:hidden;flex-shrink:0}
.brand-emblem{width:31.9%;aspect-ratio:1200/737}
.brand-wordmark{flex:1;aspect-ratio:1664/497}
.logo-landscape .brand-emblem img{position:absolute;width:138.666667%;max-width:none;height:auto;left:-19.333333%;top:0}
.logo-landscape .brand-wordmark img{position:absolute;width:100%;max-width:none;height:auto;left:0;top:-157.746479%}
.footer .logo-full{display:block;width:210px;height:auto;aspect-ratio:1664/1281;margin:0 0 18px}
.footer .logo-full img{width:100%;height:auto;object-fit:contain}
.opening-brand{width:min(76vw,420px,80svh);transform:translateY(-2vh)}
.header-actions{gap:18px}
.nav{gap:25px}

/* Direct social links stay easy to spot and comfortable to tap. */
.social-links{display:flex;align-items:center;gap:8px}
.social-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;color:#fff;box-shadow:0 2px 6px #102d3d15;transition:transform .2s,box-shadow .2s}
.social-button svg{width:23px;height:23px;stroke-width:1.9}
.social-instagram{background:linear-gradient(135deg,#6339c7 0%,#c62363 56%,#d14b24 100%)}
.social-facebook{background:#0866d9}
.social-wa{background:var(--green)}
.social-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 5px 12px #102d3d30}
.social-label{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:6px 11px;border-radius:5px;background:var(--ink);color:#fff;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}
.social-button:hover .social-label,.social-button:focus-visible .social-label{opacity:1;visibility:visible}
.header-socials .social-label{right:auto;left:50%;top:calc(100% + 10px);transform:translateX(-50%)}
.social-dock{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:24px;z-index:15;flex-direction:column;padding:8px;border:1px solid var(--line);border-radius:36px;background:#fff;box-shadow:0 5px 24px #102d3d22;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}
.social-dock.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.social-dock .social-button{width:48px;height:48px}
.footer-socials{gap:22px;flex-wrap:wrap}
.footer-socials .social-button{width:auto;height:auto;min-height:44px;gap:8px;background:transparent;box-shadow:none;border-radius:0;color:var(--ink)}
.footer-socials .social-label{position:static;opacity:1;visibility:visible;transform:none;padding:0;background:none;color:inherit}
.footer-socials .social-instagram svg{color:#b82467}
.footer-socials .social-facebook svg{color:#0866d9}
.footer-socials .social-button:hover{color:var(--orange-dark)}
body.menu-open .social-dock{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,.35s}

@media(max-width:1100px){
  .header-inner{height:84px;gap:18px}
  .logo-landscape{width:260px;height:64px}
  .header-actions{gap:12px}
  .nav{display:none}
  .menu-toggle{display:grid;place-items:center;min-width:44px;min-height:44px}
  .mobile-menu:not([hidden]){display:block;position:absolute;top:100%;inset-inline:0;background:#fff;padding:20px 24px 28px;box-shadow:0 20px 30px #102d3d1c;border-top:1px solid var(--line);max-height:calc(100dvh - 84px);overflow:auto}
  .mobile-menu a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-weight:600}
  .mobile-menu .btn{margin-top:20px;border:0;color:#fff;display:flex}
}
@media(max-width:760px){.header-actions>.btn{display:none}}
@media(max-width:600px){
  html{scroll-padding-top:146px}
  .header-inner{height:132px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:78px 54px;column-gap:12px;row-gap:0}
  .logo-landscape{grid-column:1;grid-row:1;width:min(246px,calc(100vw - 104px));height:62px;gap:7px}
  .header-actions{display:contents}
  .header-socials{display:flex;grid-column:1/-1;grid-row:2;justify-content:flex-end;align-self:start}
  .menu-toggle{grid-column:2;grid-row:1;justify-self:end}
  .header-socials .social-label{left:auto;right:0;transform:none}
  .mobile-menu:not([hidden]){max-height:calc(100dvh - 212px - env(safe-area-inset-bottom))}
  .social-dock{right:max(14px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));flex-direction:row;padding:6px;gap:8px}
  .social-dock .social-button{width:44px;height:44px}
  .social-dock .social-label{right:0;top:auto;bottom:calc(100% + 14px);transform:none}
  .footer-socials{gap:20px}
}
@media print{.social-dock,.mobile-contact,.header-socials{display:none!important}}
@media print{.header{position:static;transform:none!important;opacity:1!important;visibility:visible!important}}

/* Portrait feature with three proportional landscape projects alongside it. */
.hero-visual{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;align-items:center}
.hero-main.hero-main-guytrac{height:auto;min-width:0;background:#05070d}
.hero-main-guytrac>img{height:auto;width:100%;aspect-ratio:0.82;object-fit:cover;object-position:50% 40%}
.hero-main-guytrac .image-tag{position:static;margin:10px;padding:12px;gap:8px}
.hero-main-guytrac .image-tag strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.hero-main-guytrac .image-tag span{font-size:12px}
.hero-visual .hero-duo{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;min-width:0}
.hero-duo .hero-mini{height:auto;aspect-ratio:4/3}
.hero-duo .hero-mini:last-child{aspect-ratio:16/9}
.hero-duo .hero-mini img{object-fit:contain;object-position:center}
/* Gallery thumbnails remain complete; the lightbox retains the full image. */
.work-image[data-image="/assets/guytrac-illuminated-sign.webp"]{background:#05070d}
.work-image[data-image="/assets/guytrac-illuminated-sign.webp"] img{object-fit:contain}
.about-photo.about-brand{display:flex;align-items:center;justify-content:center;background:#fff;padding:20px}
.about-photo.about-brand img{width:100%;height:100%;object-fit:contain;object-position:center}
.banner-type-image{display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--pale)}
.banner-type-image img{width:100%;height:auto;object-fit:contain}
.banner-type-copy article{margin-top:28px}
.banner-type-copy article p{margin-top:10px}
.banner-type-copy .banner-types-note{margin:24px 0}
@media(max-width:1000px) and (min-width:601px){.hero-grid{grid-template-columns:1fr}.hero-visual{width:100%;max-width:660px;margin:16px auto 0}}
@media(max-width:600px){.hero-visual{gap:10px}.hero-visual .hero-duo{gap:10px}.hero-main-guytrac .image-tag{margin:8px;padding:10px}.hero-main-guytrac .image-tag>svg{display:none}}

/* A short, low-friction path from the homepage to a relevant quote. */
.quick-start{background:var(--ink);color:#fff;padding:34px 0}
.quick-start-inner{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(520px,1.15fr);gap:42px;align-items:center}
.quick-start .eyebrow{color:#73d1ec;margin-bottom:9px}
.quick-start h2{font-size:clamp(1.65rem,2.6vw,2.35rem)}
.quick-start p{color:#c5d8e1;margin-top:9px;max-width:560px}
.quick-start-form{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;gap:10px;align-items:stretch}
.quick-start-form select{min-width:0;min-height:50px;border:1px solid #6a8591;border-radius:6px;background:#fff;color:var(--ink);padding:10px 38px 10px 14px;font:inherit}
.quick-start-form .btn{white-space:nowrap;min-height:50px}
.story-copy a:not(.text-link){color:var(--blue-dark);font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.story-copy a:not(.text-link):hover{color:var(--orange-dark)}
@media(max-width:1000px){.quick-start-inner{grid-template-columns:1fr;gap:22px}.quick-start-form{grid-template-columns:minmax(220px,1fr) auto auto}}
@media(max-width:760px){.quick-start-form{grid-template-columns:1fr 1fr}.quick-start-form select{grid-column:1/-1}}
@media(max-width:520px){.quick-start{padding:29px 0}.quick-start-form{grid-template-columns:1fr}.quick-start-form select{grid-column:auto}.quick-start-form .btn{width:100%}}