:root{--navy:#062747;--deep:#041b32;--blue:#0a365f;--gold:#d3a525;--gold-light:#efca5e;--ink:#13212f;--muted:#5c6a77;--paper:#f5f7f8;--line:#dce2e7;--white:#fff;--radius:1.15rem;--shadow:0 24px 70px rgba(4,27,50,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}.wrap{width:min(1160px,calc(100% - 2.5rem));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:"";width:2rem;height:2px;background:currentColor}h1,h2,h3{margin:0;color:var(--deep);line-height:1.08;letter-spacing:-.035em}p{margin:0}.site-header{position:absolute;z-index:10;inset:0 0 auto;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{display:block;width:44px;height:44px;flex:0 0 auto;background:#fff url("assets/fullscope-brand-reference.jpeg") no-repeat 28.5% 58%/auto 205%;border:2px solid rgba(255,255,255,.78);border-radius:50%;box-shadow:0 7px 20px rgba(0,0,0,.18)}.wordmark{display:flex;flex-direction:column;line-height:1}.wordmark strong{font-size:1.35rem;letter-spacing:-.035em}.wordmark strong span{color:var(--gold-light)}.wordmark small{margin-top:.34rem;font-size:.57rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:1.1rem}.nav-links a{font-size:.88rem;font-weight:850;text-decoration:none}.nav-links a:hover{color:var(--gold-light)}.nav-call{padding:.65rem .95rem;color:var(--deep);background:var(--gold-light);border-radius:999px}.hero{position:relative;display:grid;align-items:end;min-height:560px;overflow:hidden;color:#fff;background:var(--deep)}.hero:before{content:"";position:absolute;inset:0;background:url("assets/our-work/exterior-coating-1.webp") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,27,50,.97),rgba(4,27,50,.78) 50%,rgba(4,27,50,.28)),linear-gradient(0deg,rgba(4,27,50,.48),transparent 48%)}.hero-content{position:relative;z-index:1;padding:9rem 0 4.5rem}.hero-copy{max-width:760px}.hero .eyebrow{color:var(--gold-light)}h1{color:#fff;font-size:clamp(2.8rem,6vw,5.2rem)}h1 span{color:var(--gold-light)}.hero-lead{max-width:690px;margin-top:1.25rem;color:#edf3f7;font-size:clamp(1.05rem,1.8vw,1.22rem)}section{padding:6rem 0}.intro{background:var(--paper)}.section-head{display:grid;grid-template-columns:1fr .9fr;align-items:end;gap:4rem;margin-bottom:2.7rem}.section-head h2{font-size:clamp(2.1rem,4vw,3.45rem)}.section-head>p{color:var(--muted);font-size:1.05rem}.project-group+.project-group{margin-top:4.5rem}.group-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.4rem}.group-head h2{font-size:clamp(1.8rem,3vw,2.55rem)}.group-head p{max-width:570px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:220px;gap:1rem}.gallery figure{position:relative;overflow:hidden;margin:0;background:#dfe6eb;border-radius:var(--radius);box-shadow:0 14px 34px rgba(4,27,50,.09)}.gallery figure:nth-child(1){grid-column:span 7;grid-row:span 2}.gallery figure:nth-child(2){grid-column:span 5}.gallery figure:nth-child(3){grid-column:span 5}.gallery.two figure:nth-child(1),.gallery.two figure:nth-child(2){grid-column:span 6;grid-row:span 2}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.gallery figure:hover img{transform:scale(1.025)}.gallery figcaption{position:absolute;inset:auto 0 0;padding:3rem 1.15rem 1rem;color:#fff;background:linear-gradient(transparent,rgba(4,27,50,.9));font-size:.9rem;font-weight:850}.cta{padding:4.5rem 0;color:#fff;background:linear-gradient(135deg,var(--deep),var(--blue))}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta-grid h2{max-width:710px;color:#fff;font-size:clamp(2rem,4vw,3.2rem)}.cta-grid p{max-width:660px;margin-top:.8rem;color:#ccd8e1}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.75rem 1.15rem;color:var(--deep);background:var(--gold-light);border:1px solid transparent;border-radius:999px;font-weight:900;text-decoration:none;transition:.2s ease}.button:hover{transform:translateY(-2px)}.footer{padding:2.5rem 0;color:#c8d4de;background:#031625}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer p{max-width:570px;text-align:right;font-size:.86rem}
.gallery.five{grid-template-columns:repeat(6,1fr);grid-auto-rows:250px}.gallery.five figure,.gallery.five figure:nth-child(3){grid-column:span 2;grid-row:auto}.gallery.five figure:nth-child(1),.gallery.five figure:nth-child(2){grid-column:span 3;grid-row:auto}
@media(max-width:900px){.nav-links a:not(.nav-call){display:none}.section-head{grid-template-columns:1fr;gap:1.1rem}.group-head{align-items:flex-start;flex-direction:column;gap:.7rem}.gallery{grid-auto-rows:190px}.gallery.five{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}.gallery.five figure,.gallery.five figure:nth-child(1),.gallery.five figure:nth-child(2),.gallery.five figure:nth-child(3){grid-column:auto;grid-row:auto}.cta-grid{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.wrap{width:min(100% - 1.3rem,1160px)}.nav{min-height:72px;gap:.6rem}.brand{gap:.55rem}.brand-mark{width:37px;height:37px}.wordmark strong{font-size:1.08rem}.wordmark small{display:none}.nav-call{padding:.48rem .72rem;font-size:.76rem}.hero{min-height:600px}.hero-content{padding:8rem 0 3.5rem}h1{font-size:clamp(2.55rem,13vw,4.1rem)}section{padding:4.5rem 0}.gallery,.gallery.two,.gallery.five{display:grid;grid-template-columns:1fr;grid-auto-rows:auto}.gallery figure,.gallery figure:nth-child(1),.gallery figure:nth-child(2),.gallery figure:nth-child(3),.gallery.two figure:nth-child(1),.gallery.two figure:nth-child(2),.gallery.five figure,.gallery.five figure:nth-child(1),.gallery.five figure:nth-child(2),.gallery.five figure:nth-child(3){grid-column:auto;grid-row:auto;aspect-ratio:4/3}.gallery .portrait{aspect-ratio:3/4}.footer-grid{align-items:flex-start;flex-direction:column}.footer p{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}