:root{--ink:#06090e;--panel:#0a1724;--paper:#f1f4f7;--muted:#9daab7;--blue:#075ca8;--cyan:#49b9e8;--gold:#e3a32c;--line:rgba(73,185,232,.22);--max:1260px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--max),calc(100% - 42px));margin:auto}.top{padding:8px 18px;border-bottom:1px solid var(--line);text-align:center;color:var(--gold);font:500 10px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.nav{min-height:136px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand-logo{display:block;width:190px;height:122px;background:url('/assets/tampa-bay-quartz-logo.webp') center/contain no-repeat}.navlinks{display:flex;gap:24px;align-items:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.navlinks a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border:0;background:linear-gradient(135deg,#075ca8,#0b74c8);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.button:hover{background:linear-gradient(135deg,#e3a32c,#f4c45a);color:#09111a}.hero{position:relative;min-height:680px;display:grid;align-items:end;isolation:isolate;overflow:hidden;border-top:1px solid var(--line)}.hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 38%}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,9,14,.96),rgba(6,9,14,.68) 52%,rgba(6,9,14,.12)),linear-gradient(0deg,rgba(6,9,14,.9),transparent 62%)}.crumbs{padding-top:18px;color:var(--muted);font-size:12px}.crumbs a{color:var(--cyan)}.hero-copy{padding:72px 0;max-width:850px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font:500 11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.13em}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}h1{max-width:900px;margin:20px 0 22px;font-size:clamp(3.4rem,7vw,7.2rem);line-height:.92;letter-spacing:-.07em}.lead{max-width:690px;margin:0;color:#d6dde4;font-size:18px;line-height:1.7}.story{padding:90px 0}.story-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:end;margin-bottom:42px}.story h2{margin:14px 0 0;font-size:clamp(2.4rem,4.5vw,4.8rem);line-height:1;letter-spacing:-.06em}.story-copy{color:#c8d0d8;font-size:16px;line-height:1.8}.story-copy p{margin:0 0 16px}.details{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:14px}.details div{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.details span{display:block;color:var(--gold);font:500 9px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.details strong{display:block;margin-top:8px;font-size:15px}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:12px;margin-top:46px}.shot{position:relative;grid-column:span 4;min-height:360px;margin:0;overflow:hidden;background:var(--panel)}.shot.wide{grid-column:span 8}.shot.tall{grid-row:span 2;min-height:732px}.shot button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:zoom-in;text-align:left}.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.shot button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,10,.92),transparent 62%)}.shot button:hover img,.shot button:focus-visible img{transform:scale(1.025);filter:brightness(.84)}.shot button:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.caption{position:absolute;z-index:1;left:22px;right:22px;bottom:20px}.caption span{display:block;color:var(--gold);font:500 9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.13em}.caption strong{display:block;margin-top:7px;font-size:20px;letter-spacing:-.035em}.note{margin:28px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.next{padding:80px 0;background:linear-gradient(120deg,#063f74,#075ca8 58%,#0a1724)}.next-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}.next h2{margin:0 0 14px;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1;letter-spacing:-.055em}.next p{margin:0;color:#d6e5ef;line-height:1.7}footer{padding:42px 0;color:var(--muted);font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid a{color:var(--cyan)}.lightbox{position:fixed;z-index:50;inset:0;display:none;place-items:center;padding:32px;background:rgba(2,4,7,.96)}.lightbox.open{display:grid}.lightbox figure{width:min(1120px,100%);margin:0}.lightbox img{display:block;width:100%;max-height:80vh;object-fit:contain}.lightbox figcaption{padding-top:13px;color:#fff;font-size:14px}.close{position:fixed;top:20px;right:24px;border:0;background:transparent;color:#fff;font-size:36px;cursor:pointer}@media(max-width:820px){.navlinks a:not(.button){display:none}.nav{min-height:108px}.brand-logo{width:150px;height:96px}.hero{min-height:620px}.story-head{grid-template-columns:1fr;gap:25px}.details{grid-template-columns:1fr 1fr}.shot,.shot.wide{grid-column:span 6;min-height:300px}.shot.tall{grid-row:auto;min-height:300px}.next-inner{grid-template-columns:1fr}}@media(max-width:520px){.shell{width:calc(100% - 30px)}h1{font-size:3.4rem}.lead{font-size:16px}.details{grid-template-columns:1fr}.shot,.shot.wide{grid-column:span 12;min-height:310px}.lightbox{padding:16px}.footer-grid{display:block}.footer-grid div+div{margin-top:20px}}
.project-separator{height:1px;margin:90px 0;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.customer-lead{display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;margin-bottom:12px;border:1px solid var(--line);background:linear-gradient(135deg,#0b1a28,#0a2236)}.customer-lead figure{min-height:610px;margin:0;overflow:hidden}.customer-lead img{display:block;width:100%;height:100%;object-fit:cover}.customer-lead-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,6vw,78px)}.customer-lead-copy h2{margin:15px 0 22px}.customer-lead-copy p{max-width:580px;margin:0 0 26px;color:#c8d0d8;font-size:16px;line-height:1.8}.gallery.compact{grid-template-columns:1fr 1fr;margin-top:12px}.gallery.compact .shot{grid-column:auto;min-height:410px}@media(max-width:820px){.customer-lead{grid-template-columns:1fr}.customer-lead figure{min-height:0;aspect-ratio:3/4}.gallery.compact{grid-template-columns:1fr}.gallery.compact .shot{min-height:330px}.project-separator{margin:65px 0}}