:root{
  --baguio-navy:#071b34;
  --baguio-deep:#0a2343;
  --baguio-blue:#17355f;
  --baguio-sky:#1ba0e8;
  --baguio-accent:#1ba0e8;
  --baguio-accent-dark:#0d73d0;
  --baguio-accent-soft:#eef7fd;
  --baguio-text:#21384f;
  --baguio-muted:#667b91;
  --baguio-line:rgba(21,54,95,.13);
}
body{background:linear-gradient(180deg,#f7f9fc 0,#eef3f8 100%)}
.navbar{box-shadow:0 10px 32px rgba(7,27,52,.18)}
.menu a{position:relative}
.menu a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--baguio-accent),rgba(255,255,255,.75));transform:scaleX(0);transform-origin:left;transition:.25s ease}
.menu a.active:after,.menu a:hover:after{transform:scaleX(1)}
.eyebrow{color:var(--baguio-accent)!important;font-weight:800;letter-spacing:.18em}
.btn{border-radius:999px!important;background:linear-gradient(135deg,var(--baguio-accent),var(--baguio-accent-dark))!important;box-shadow:0 15px 32px rgba(27,160,232,.28);transition:.3s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 22px 34px rgba(27,160,232,.32)}
.btn-ghost,.btn-dark{background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important}
.btn-secondary{background:#071b34!important;box-shadow:none!important}
.section-title,.serif{letter-spacing:.01em}
.section-title{color:var(--baguio-navy)!important}
.section-sub{color:var(--baguio-muted)!important}
.card,.profile-media,.media-panel,.vision-media,.office,.client-country,.content-card,.side-card,.product-visual,.detail-panel,.related-card,.category-panel,.catalog-intro,.contact-panel,.office-card,.feature-box{
  border-radius:0!important;
  border-color:var(--baguio-line)!important;
}
.cta{border-radius:0!important;background:linear-gradient(135deg,#071b34,#123c6b)!important;border:1px solid rgba(255,255,255,.08)}
.footer{background:#071b34!important}
.social-list a{display:inline-flex;align-items:center;gap:8px}
.social-list img{width:18px;height:18px;object-fit:contain;flex:none}
.reveal{will-change:transform,opacity}
@media(max-width:680px){
  .container{width:min(100% - 28px,var(--max))}
}