/*
Theme Name: Canterior SEO AI Theme V2.1.8
Theme URI: https://www.canterior.com/
Author: Canterior Systems Inc.
Description: A minimalist, image-led WordPress theme for Canterior Systems Inc., optimized for perforated aluminum panels, acoustic panels, seamless ceiling and wall panels, architectural cladding, and AI/search discovery.
Version: 2.1.8
Requires at least: 6.0
Tested up to: 6.6
Text Domain: canterior
*/
:root{--ink:#171717;--muted:#666;--line:#e7e3dc;--paper:#fff;--soft:#f7f5f1;--stone:#d8d3ca;--accent:#b46a2d;--dark:#111;--max:1180px;--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-wrap{max-width:var(--max);margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:17px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.brand span{display:block;font-size:11px;letter-spacing:.18em;font-weight:400;color:var(--muted);margin-top:1px}.menu{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.menu a{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#333}.menu a:hover{color:var(--accent)}.hero{min-height:78vh;display:grid;align-items:end;position:relative;background:#111;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.46));z-index:1}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:2;color:white;max-width:var(--max);margin:0 auto;width:100%;padding:120px 24px 76px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}.hero .eyebrow{color:#f0c28c}.hero h1,.page-hero h1{font-size:clamp(42px,7vw,92px);line-height:.98;letter-spacing:-.055em;margin:14px 0 22px;max-width:980px}.hero p{font-size:clamp(18px,2.2vw,25px);max-width:760px;margin:0 0 26px;color:rgba(255,255,255,.9)}.button-row{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);padding:13px 18px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;background:var(--ink);color:#fff}.button.secondary{background:transparent;color:var(--ink)}.hero .button{background:#fff;color:#111;border-color:#fff}.hero .button.secondary{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.55)}.section{padding:86px 24px}.section.alt{background:var(--soft)}.container{max-width:var(--max);margin:0 auto}.narrow{max-width:860px}.section-title{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:start;margin-bottom:42px}.section-title h2{font-size:clamp(30px,4vw,58px);line-height:1;letter-spacing:-.045em;margin:0}.section-title p{font-size:18px;color:#4b4b4b;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);min-height:100%;display:flex;flex-direction:column}.card figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:#eee}.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover img{transform:scale(1.035)}.card-body{padding:24px}.card .number{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:.14em}.card h3{font-size:23px;line-height:1.12;letter-spacing:-.02em;margin:8px 0 12px}.card p{color:#555;margin:0 0 20px}.learn{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.split.reverse{grid-template-columns:.95fr 1.05fr}.copy h2{font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.045em;margin:10px 0 18px}.copy p.lead{font-size:20px;color:#333}.feature-list{display:grid;gap:10px;margin:26px 0}.feature-list div{border-top:1px solid var(--line);padding-top:12px;color:#333}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.image-grid figure{margin:0;background:#eee;overflow:hidden}.image-grid img{width:100%;height:260px;object-fit:cover}.image-grid .wide{grid-column:span 2}.image-grid .tall img{height:532px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.spec{background:#fff;padding:24px}.spec strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.spec span{color:#555}.page-hero{background:var(--soft);padding:86px 24px 40px;border-bottom:1px solid var(--line)}.page-hero-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:end}.page-hero p{font-size:20px;color:#444}.page-image{aspect-ratio:16/10;overflow:hidden}.page-image img{width:100%;height:100%;object-fit:cover}.content-block{max-width:var(--max);margin:auto;padding:76px 24px}.content-block h2{font-size:clamp(29px,3.5vw,48px);line-height:1.06;letter-spacing:-.035em}.content-block p{font-size:18px;color:#444}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.gallery figure{margin:0;background:#eee}.gallery img{width:100%;height:310px;object-fit:cover}.gallery figcaption{font-size:13px;color:#666;padding:10px 2px}.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq div{background:#fff;border:1px solid var(--line);padding:26px}.faq h3{margin:0 0 8px;font-size:19px}.cta{background:#121212;color:#fff}.cta .section-title p,.cta p{color:rgba(255,255,255,.72)}.footer{border-top:1px solid var(--line);padding:34px 24px;color:#666}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.badge{display:inline-flex;background:#eee4d9;color:#5b351b;padding:5px 9px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:0 7px 7px 0}.coming{filter:saturate(.7);position:relative}.coming:after{content:"Coming soon";position:absolute;top:16px;right:16px;background:#111;color:white;padding:7px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.wp-block-image{margin:24px 0}.admin-bar .site-header{top:32px}@media(max-width:900px){.section-title,.split,.split.reverse,.page-hero-inner{grid-template-columns:1fr}.cards,.spec-grid{grid-template-columns:repeat(2,1fr)}.gallery,.image-grid,.faq{grid-template-columns:1fr}.image-grid .wide{grid-column:auto}.image-grid img,.image-grid .tall img,.gallery img{height:auto}.menu{display:none}.hero{min-height:70vh}}@media(max-width:560px){.cards,.spec-grid{grid-template-columns:1fr}.section{padding:58px 18px}.nav-wrap{padding:16px 18px}.hero-content{padding:90px 18px 54px}.page-hero{padding:58px 18px 28px}}


/* Canterior image lightbox: click any site image to enlarge */
.gallery img,
.image-grid img,
.page-image img,
.hero img,
.card figure img,
.wp-block-image img { cursor: zoom-in; }

.canterior-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background: rgba(8,8,8,.88);
}
.canterior-lightbox.is-open { display: flex; }
.canterior-lightbox img {
  max-width: min(94vw, 1500px);
  max-height: 86vh;
  object-fit: contain;
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
  cursor: zoom-out;
}
.canterior-lightbox-caption {
  position: fixed;
  left: 24px;
  right: 24px;
  bottom: 20px;
  color: rgba(255,255,255,.85);
  text-align: center;
  font-size: 14px;
  letter-spacing: .02em;
}
.canterior-lightbox-close {
  position: fixed;
  top: 18px;
  right: 20px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  background: rgba(0,0,0,.2);
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}
.canterior-lightbox-close:hover { background: rgba(255,255,255,.12); }
body.canterior-lightbox-lock { overflow: hidden; }

/* Acoustic page: solid-looking thumbnails; full technical image still opens in the lightbox */
.gallery img.solid-thumb {
  object-fit: cover;
  background: #f5f4f1;
}