/* Bravura inner pages — extends style.css */
.page-hero{position:relative;color:#fff;background:var(--dark);padding:clamp(64px,8vw,110px) 0 clamp(56px,7vw,92px);overflow:hidden}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,26,25,.94),rgba(25,26,25,.6))}
.page-hero .container{position:relative}
.page-hero h1{font-size:clamp(32px,4.4vw,56px);line-height:1.1;font-weight:800;max-width:880px;margin-bottom:18px}
.page-hero .lead{max-width:680px;font-size:17px;color:#e4e4dc}
.page-hero .eyebrow{color:#fff}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;font-size:13px;color:#cfcfc6}
.breadcrumb a:hover{color:var(--amber)}
.breadcrumb [aria-current]{color:var(--amber)}
.section.alt{background:var(--soft)}
.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}
.prose h2{font-size:clamp(24px,2.4vw,32px);margin:38px 0 14px}
.prose h2:first-child{margin-top:0}
.prose p{margin-bottom:16px;color:#3b3c39}
.prose .note{font-size:14px;color:var(--muted);border-left:3px solid var(--amber);padding-left:14px;margin-top:20px}
.tick-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.tick-list li{display:flex;gap:12px;align-items:flex-start}
.tick-list .icon{width:20px;height:20px;margin-top:4px;color:var(--amber);stroke-width:2.4}
.detail-side{position:sticky;top:110px;display:grid;gap:22px}
.side-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff}
.side-card h3{font-size:20px;margin-bottom:14px}
.side-card.dark{background:var(--dark);color:#fff;border-color:var(--dark)}
.side-card.dark p{color:#d6d6cf;font-size:15px;margin-bottom:18px}
.side-card .button{width:100%;justify-content:center}
.side-phone{display:flex;gap:10px;align-items:center;margin-top:16px;font-weight:800}
.side-links{display:grid}
.side-links a{padding:11px 0;border-top:1px solid var(--line);font-size:15px;font-weight:600}
.side-links a:first-child{border-top:0}
.side-links a:hover,.side-links a.current{color:var(--amber)}
.mini-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:12px}
.mini-steps div{border:1px solid var(--line);padding:20px;border-radius:var(--radius);background:#fff}
.mini-steps b{color:var(--amber);font-size:14px}
.mini-steps h3{font-size:17px;margin:4px 0 6px}
.mini-steps p{font-size:14px;margin:0;color:var(--muted)}
.card-grid{display:grid;gap:26px}
.card-grid.three{grid-template-columns:repeat(3,1fr)}
.card-grid.five{grid-template-columns:repeat(5,1fr);gap:18px}
.info-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.info-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1)}
.info-photo{display:block;aspect-ratio:16/10;overflow:hidden}
.info-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.info-card:hover .info-photo img{transform:scale(1.05)}
.info-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.info-body h3{font-size:20px;line-height:1.3}
.info-body p{font-size:15px;color:var(--muted);margin:0}
.tag{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--amber)}
.more{margin-top:auto;display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:14px}
.more .icon{width:18px;height:18px}
.more:hover{color:var(--amber)}
.value-card,.team-card,.vm-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff}
.value-card b{color:var(--amber)}
.value-card .icon{color:var(--amber);margin-bottom:10px}
.value-card h3,.team-card h3{font-size:19px;margin:6px 0}
.value-card p,.team-card p{font-size:15px;color:var(--muted);margin:0}
.team-card{text-align:center}
.avatar{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 14px;border-radius:50%;background:var(--dark);color:var(--amber);font-size:28px;font-weight:800}
.vm-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:26px}
.vm-card h3{font-size:24px;margin:10px 0 14px}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted);margin-bottom:20px;font-weight:700}
.post-meta span:first-child{color:var(--amber)}
.post-image{width:100%;border-radius:var(--radius);margin-bottom:28px;aspect-ratio:16/9;object-fit:cover}
.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-weight:700}
.post-nav a:hover,.pager a:hover{color:var(--amber)}
.pager{border-top:1px solid var(--line);padding:22px 0;text-align:right;font-weight:800}
.center{text-align:center;margin-top:34px}
.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.dropdown-toggle.active{color:var(--amber)}
.dropdown-menu{max-height:80vh;overflow:auto}
.inspection-section .form-panel{margin:0}
@media (max-width:980px){
 .detail-grid,.two-col,.vm-grid{grid-template-columns:1fr;gap:36px}
 .detail-side{position:static}
 .card-grid.three{grid-template-columns:repeat(2,1fr)}
 .card-grid.five{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
 .card-grid.three,.card-grid.five,.mini-steps{grid-template-columns:1fr}
 .post-nav{flex-direction:column}
 .pager{text-align:left}
}
.portfolio-names a{font-size:11px;font-weight:700;padding:8px 12px;border:1px solid #deded5;border-radius:3px;transition:background .3s,border-color .3s}
.portfolio-names a:hover{background:var(--amber);border-color:var(--amber)}
.blog-home{background:var(--soft)}
@media (max-width:640px){.portfolio-names a{font-size:10px;padding:7px 9px}}