/* Colorbond service page — layout on top of the shared site.css */
  .sv-hero{background:linear-gradient(160deg,var(--navy),var(--navy-ink)); color:#fff; overflow:hidden;}
  .sv-hero .wrap{display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; padding:64px 0 68px;}
  .sv-hero h1{font-size:clamp(34px,5vw,56px); font-weight:900; color:#fff; margin:14px 0 18px;}
  .sv-hero h1 span{color:var(--gold);}
  .sv-hero p.lede{font-size:19px; color:#dfe3f2; max-width:52ch; margin:0 0 26px;}
  .sv-hero .cta-row{display:flex; flex-wrap:wrap; gap:14px;}
  .sv-hero img{width:100%; height:clamp(280px,32vw,380px); border-radius:16px; box-shadow:0 24px 60px rgba(0,0,0,.35); object-fit:cover; object-position:center 60%; align-self:center;}
  .sv-trust{background:var(--navy-ink); color:#cfd5ea; border-top:1px solid rgba(255,255,255,.08);}
  .sv-trust .wrap{display:flex; flex-wrap:wrap; gap:10px 30px; justify-content:center; padding:16px 0; font-size:13.5px; font-weight:600;}
  .sv-trust b{color:var(--gold);}
  .sv-section{padding:66px 0;}
  .sv-section.alt{background:var(--paper-2);}
  .sv-section h2{font-size:clamp(26px,3.4vw,38px); font-weight:800; color:var(--navy); max-width:20ch; margin-bottom:14px;}
  .sv-section .intro{font-size:18px; max-width:60ch; color:#334;}
  .sv-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:20px; margin-top:34px;}
  .sv-card{background:#fff; border:1px solid var(--paper-2); border-radius:14px; padding:24px;}
  .sv-section.alt .sv-card{background:#fff;}
  .sv-card h3{font-size:18px; font-weight:800; color:var(--navy); margin-bottom:8px;}
  .sv-card p{font-size:15px; color:#445; margin:0;}
  .sv-steps{counter-reset:step; display:grid; gap:16px; margin-top:30px;}
  .sv-steps li{list-style:none; display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid var(--paper-2); border-radius:12px; padding:18px 20px;}
  .sv-steps li::before{counter-increment:step; content:counter(step); flex:0 0 auto; width:34px; height:34px; border-radius:50%; background:var(--gold); color:var(--navy-ink); font-weight:900; display:grid; place-items:center;}
  .sv-steps h3{font-size:16.5px; font-weight:800; color:var(--navy); margin:0 0 3px;}
  .sv-steps p{font-size:15px; color:#445; margin:0;}
  .choice-sub{font-size:13px; font-weight:800; color:var(--navy); text-transform:uppercase; letter-spacing:.08em; margin:0 0 14px; display:flex; align-items:center; gap:10px;}
  .choice-sub::after{content:""; flex:1; height:1px; background:var(--paper-2);}
  .choice-note{font-size:14.5px; color:#556; margin-top:24px; max-width:72ch;}
  .choice-note b{color:var(--navy);}
  .choice-cols{display:grid; grid-template-columns:0.72fr 1fr 1fr; grid-template-rows:auto auto auto; gap:0 26px; margin-top:34px;}
  .choice-col{display:grid; grid-row:1 / span 3; grid-template-rows:subgrid; row-gap:16px; min-width:0;}
  .cc-colours > .colour-vscroll{grid-row:2 / 4;}
  .colour-vscroll{overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:thin; cursor:grab; padding-right:4px; height:640px; min-height:0; -webkit-mask-image:linear-gradient(to bottom, transparent, #000 14px, #000 calc(100% - 14px), transparent); mask-image:linear-gradient(to bottom, transparent, #000 14px, #000 calc(100% - 14px), transparent);}
  .colour-vscroll:active{cursor:grabbing;}
  .vtrack{display:flex; flex-direction:column; gap:9px;}
  .vchip{display:flex; align-items:center; gap:11px;}
  .vchip i{width:44px; height:32px; border-radius:7px; border:1px solid rgba(0,0,0,.14); box-shadow:inset 0 -8px 12px rgba(0,0,0,.11); flex:0 0 auto;}
  .vchip b{font-size:13px; font-weight:700; color:var(--navy);}
  .vchip span{font-size:10.5px; color:#8890a3; text-transform:uppercase; letter-spacing:.05em; margin-left:auto;}
  .al-range{grid-template-columns:repeat(4,1fr);}
  @media (max-width:900px){ .al-range{grid-template-columns:1fr 1fr;} }
  @media (max-width:520px){ .al-range{grid-template-columns:1fr;} }
  .mini-card{background:#fff; border:1px solid var(--paper-2); border-radius:12px; padding:14px 15px; display:flex; flex-direction:column;}
  .mini-card svg{width:100%; height:auto; display:block; border-radius:8px; margin-bottom:11px;}
  .prof-img{width:100%; height:auto; display:block; border-radius:8px; margin-bottom:11px; background:#eef1f8;}
  .mini-card h4{font-size:16px; font-weight:800; color:var(--navy); margin:0 0 4px;}
  .mini-card p{font-size:13.5px; color:#556; margin:0; line-height:1.5;}
  .sample-link{margin-top:auto; padding-top:14px; align-self:flex-start; display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; color:var(--navy); text-decoration:none; cursor:pointer;}
  .sample-link span{border-bottom:2px solid var(--gold); padding-bottom:1px;}
  .sample-link:hover{color:var(--gold-deep);}
  .sample-link::after{content:"\2192"; font-weight:800;}
  .lightbox{position:fixed; inset:0; z-index:200; background:rgba(3,10,48,.88); display:flex; align-items:center; justify-content:center; padding:24px;}
  .lightbox[hidden]{display:none;}
  .lb-fig{margin:0; display:flex; flex-direction:column; align-items:center; max-width:min(640px,92vw);}
  .lb-fig img{max-width:100%; max-height:82vh; border-radius:12px; box-shadow:0 30px 80px rgba(0,0,0,.55);}
  .lb-fig figcaption{color:#eef1f8; margin-top:12px; font-size:13.5px; font-weight:600; text-align:center;}
  .lb-close{position:fixed; top:16px; right:20px; width:44px; height:44px; border:none; background:rgba(255,255,255,.16); color:#fff; font-size:26px; line-height:1; border-radius:50%; cursor:pointer;}
  .lb-close:hover{background:rgba(255,255,255,.3);}
  @media (max-width:900px){ .choice-cols{grid-template-columns:1fr; grid-template-rows:none; gap:0;} .choice-col{grid-row:auto; grid-template-rows:none; display:block;} .cc-colours > .colour-vscroll{grid-row:auto; height:300px;} .mini-card{margin-bottom:14px;} }
  .sv-profiles{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:34px;}
  .prof{background:#fff; border:1px solid var(--paper-2); border-radius:14px; overflow:hidden;}
  .prof img{width:100%; aspect-ratio:5/3; object-fit:contain; background:#e9ebf3; display:block; padding:22px;}
  .prof .prof-body{padding:20px 22px;}
  .prof h3{font-size:19px; font-weight:800; color:var(--navy); margin:0 0 6px;}
  .prof p{font-size:14.5px; color:#445; margin:0;}
  @media (max-width:640px){ .sv-profiles{grid-template-columns:1fr;} }
  .sv-work{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:30px;}
  .sv-work figure{margin:0;}
  .sv-work img{width:100%; height:auto; border-radius:12px; aspect-ratio:4/3; object-fit:cover;}
  .sv-work figcaption{font-size:13px; color:#667; margin-top:8px; font-weight:600;}
  .sv-faq{max-width:760px; margin-top:30px;}
  .sv-faq details{background:#fff; border:1px solid var(--paper-2); border-radius:12px; padding:2px 20px; margin-bottom:12px;}
  .sv-faq summary{font-weight:800; color:var(--navy); cursor:pointer; padding:18px 0; list-style:none; font-size:16.5px;}
  .sv-faq summary::-webkit-details-marker{display:none;}
  .sv-faq summary::after{content:"+"; float:right; color:var(--gold); font-size:22px; line-height:1;}
  .sv-faq details[open] summary::after{content:"\2013";}
  .sv-faq p{font-size:15.5px; color:#445; padding:0 0 18px;}
  .sv-band{background:linear-gradient(160deg,var(--navy),var(--navy-ink)); color:#fff; text-align:center;}
  .sv-band .wrap{padding:60px 0;}
  .sv-band h2{color:#fff; font-size:clamp(26px,3.6vw,40px); font-weight:900; max-width:22ch; margin:0 auto 14px;}
  .sv-band p{color:#dfe3f2; font-size:18px; max-width:52ch; margin:0 auto 26px;}
  .sv-band .cta-row{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
  .sv-inline-link{color:var(--navy); font-weight:700; text-decoration:underline; text-decoration-color:var(--gold);}
  @media (max-width:820px){ .sv-hero .wrap{grid-template-columns:1fr; padding:44px 0 48px;} .sv-hero img{order:-1;} .sv-work{grid-template-columns:1fr;} }