/* ===========================================================
   Escape Hatch — Services overview page (services.php)
   Site-wide base styles/components remain in styles.css.
   =========================================================== */
.services-page{color:var(--ink)}
.services-page .eyebrow{margin:0 0 12px;color:var(--orange);font:800 12px/1.3 'Archivo','Manrope','Segoe UI',sans-serif;letter-spacing:.13em;text-transform:uppercase}
#packages,#explore,#settle,#settle-plus,#why-philippines,#why-escape-hatch{scroll-margin-top:86px}

/* ---------- hero ---------- */
.svc-hero{position:relative;overflow:hidden;background:var(--navy);min-height:clamp(480px,40vw,560px)}
.svc-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 45%}
.svc-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(94deg,rgba(251,251,243,.95) 0%,rgba(251,251,243,.88) 30%,rgba(251,251,243,.5) 52%,rgba(251,251,243,0) 74%)}
.svc-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:inherit;padding:70px 0 60px}
.svc-hero h1{font-family:'Manrope','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:800;font-size:clamp(36px,4.9vw,58px);line-height:1.05;letter-spacing:-.02em;color:var(--navy);margin:0 0 18px}
.svc-lead{font-size:16.5px;line-height:1.65;color:#2c4256;max-width:min(560px,calc(50vw - 52px));margin:0 0 26px}
.svc-hero-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- shared heading ---------- */
.pkgs-heading{max-width:780px;text-align:center;padding-top:clamp(44px,6vw,72px)}
.pkgs-heading h2{font-family:'Manrope','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,39px);line-height:1.12;letter-spacing:-.025em;color:var(--navy);margin:0 0 12px}
.pkgs-heading p:last-child{margin:0;color:#56687a;font-size:15px;line-height:1.6}

.pkgs-showcase{padding:clamp(28px,4vw,44px) 0 8px;text-align:center}
.pkgs-showcase-title{font-family:'Manrope','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px);line-height:1.15;letter-spacing:-.02em;color:var(--navy);margin:0 0 18px}
.pkgs-showcase img{width:min(100%,980px);height:auto;display:block;margin:0 auto;border-radius:14px;box-shadow:0 18px 42px rgba(11,32,52,.16)}

/* ---------- package sections ---------- */
.pkg{padding:clamp(42px,6vw,72px) 0}
.pkg--explore{--pkg-accent:var(--orange);--pkg-accent-dark:var(--orange-dark);--pkg-btn:var(--orange);background:#fff}
.pkg--settle{--pkg-accent:#b17f14;--pkg-accent-dark:#8a6410;--pkg-btn:var(--gold);background:#fff8ef}
.pkg--settle-plus{--pkg-accent:#0089a0;--pkg-accent-dark:#0a6f82;--pkg-btn:var(--teal);background:#fff}
.pkg-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,58px);align-items:center}
.pkg--settle .pkg-inner{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.pkg--settle .pkg-photo{order:2}
.pkg-photo{margin:0 auto;border-radius:14px;overflow:hidden;background:#f3f1e8;box-shadow:0 18px 42px rgba(11,32,52,.16);max-width:460px;width:100%}
.pkg-photo img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center;display:block}
.pkg-kicker{margin:0 0 9px;font-style:italic;font-weight:700;font-size:15px;color:var(--pkg-accent-dark)}
.pkg-headline{font-family:'Manrope','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:800;font-size:clamp(30px,3.6vw,42px);line-height:1.05;letter-spacing:-.02em;color:var(--pkg-accent);margin:0 0 6px}
.pkg-headline span{display:block;font-size:clamp(20px,2.3vw,25px);line-height:1.2;letter-spacing:-.015em;color:var(--navy);margin-top:6px}
.pkg-headline .plus::after{content:'';position:absolute;left:2px;bottom:6px;width:calc(100% - 6px);height:4px;border-radius:2px;background:rgba(0,182,206,.45)}
.pkg-position{margin:10px 0 0;font:800 13px/1.3 'Archivo','Manrope','Segoe UI',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--pkg-accent-dark)}
.pkg-desc{font-size:15.5px;line-height:1.65;color:#46596b;margin:14px 0 0}
.pkg-points{margin:18px 0 0;display:grid;gap:9px}
.pkg-points li{position:relative;padding-left:29px;font-size:14px;line-height:1.45;color:#40566a}
.pkg-points li::before{content:'';position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--pkg-accent) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 8'/%3E%3C/svg%3E") center/contain no-repeat}
.pkg-cta{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.pkg-cta .btn{background:var(--pkg-btn)}
.pkg--explore .pkg-cta .btn{color:#fff;box-shadow:0 6px 16px rgba(244,91,36,.32)}
.pkg--settle-plus .pkg-cta .btn{color:#fff;box-shadow:0 6px 16px rgba(0,182,206,.32)}
.pkg--settle .pkg-cta .btn{color:var(--navy);box-shadow:0 6px 16px rgba(255,190,57,.35)}
.pkg-fineprint{margin:0;font-size:11.5px;line-height:1.55;color:#71839a;max-width:520px}
.pkg-alt-link{display:inline-flex;align-items:center;gap:6px;font:700 13px/1 'Manrope','Segoe UI',sans-serif;color:var(--pkg-accent-dark)}
.pkg-alt-link:hover{text-decoration:underline}
.pkg-alt-link span{color:var(--pkg-accent)}

/* ---------- pricing approach note ---------- */
.pkgs-pricing{margin:0 auto clamp(48px,6vw,76px);padding:26px 30px;text-align:center;background:linear-gradient(120deg,#fffdf8,#fdf3e2);border:1px solid #f2e5cf;border-radius:14px;box-shadow:0 10px 26px rgba(11,32,52,.07)}
.pkgs-pricing h3{font:800 22px/1.3 'Manrope','Segoe UI',sans-serif;color:var(--navy);margin:0 0 8px}
.pkgs-pricing p{margin:0;color:#4c5e72;font-size:15px;line-height:1.6;max-width:680px;margin-inline:auto}
.pkgs-pricing-fine{margin-top:8px!important;font-size:12px!important;color:#78889a!important;line-height:1.55}

/* ---------- why the Philippines (thrive) ---------- */
.thrive{background:linear-gradient(180deg,#eefaff,#f6fcff);padding:clamp(44px,6vw,72px) 0}
.thrive-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,5vw,54px);align-items:center}
.thrive-media{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 16px 38px rgba(11,32,52,.15)}
.thrive-media img{width:100%;height:auto;aspect-ratio:960/640;object-fit:cover;display:block}
.thrive-copy .eyebrow{color:var(--teal)}
.thrive-copy h2{font-family:'Manrope','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:800;font-size:clamp(27px,3.2vw,36px);line-height:1.12;letter-spacing:-.025em;color:var(--navy);margin:0 0 12px}
.thrive-intro{margin:0 0 22px;color:#4c5e72;font-size:15px;line-height:1.6}
.thrive-list{display:grid;gap:16px}
.thrive-list li{display:flex;align-items:flex-start;gap:14px}
.thrive-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e6faff;color:var(--teal)}
.thrive-list li:nth-child(2n) .thrive-icon{background:#fff1df;color:var(--orange)}
.thrive-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.thrive-list strong{display:block;font:800 15.5px/1.3 'Manrope','Segoe UI',sans-serif;color:var(--navy)}
.thrive-list li > div > span{display:block;font-size:13px;line-height:1.5;color:#536476;margin-top:2px}
.thrive-more{margin:22px 0 10px;color:#4c5e72;font-size:15px;line-height:1.6}
.thrive-more-link{display:inline-flex;align-items:center;gap:6px;font:700 15px/1 'Manrope','Segoe UI',sans-serif;color:var(--teal)}
.thrive-more-link:hover{text-decoration:underline}

/* ---------- why Escape Hatch (team) ---------- */
.team{background:#fff;padding:clamp(46px,6vw,76px) 0}
.team-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,60px);align-items:start}
.team-copy h2{font-family:'Manrope','Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:800;font-size:clamp(26px,3vw,34px);line-height:1.14;letter-spacing:-.02em;color:var(--navy);margin:0 0 16px}
.team-copy p{margin:0 0 14px;font-size:15px;line-height:1.65;color:#46596b}
.team-mascot{width:100%;height:auto;margin:0 0 16px;display:block;border-radius:14px;box-shadow:0 18px 42px rgba(11,32,52,.16)}
.team-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px;margin:0;padding:0;list-style:none}
.team-list li{display:flex;align-items:flex-start;gap:13px}
.team-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e6faff;color:var(--teal)}
.team-list li:nth-child(2n) .team-icon{background:#fff1df;color:var(--orange)}
.team-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.team-list strong{display:block;font:800 14.5px/1.3 'Manrope','Segoe UI',sans-serif;color:var(--navy)}
.team-list li > div > span{display:block;font-size:12.5px;line-height:1.5;color:#536476;margin-top:3px}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .pkg-inner,.pkg--settle .pkg-inner{grid-template-columns:minmax(0,1fr);gap:24px}
  .pkg--settle .pkg-photo{order:0}
  .pkg-photo{max-width:460px;margin-inline:auto}
  .thrive-grid,.team-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .team-mascot{margin-top:18px}
}
@media(max-width:560px){
  .svc-hero{min-height:520px}
  .svc-hero::after{background:linear-gradient(180deg,rgba(251,251,243,.55) 0%,rgba(251,251,243,.92) 52%,rgba(251,251,243,.75) 100%)}
  .svc-hero-copy{padding:150px 0 54px;justify-content:flex-end}
  .svc-lead{max-width:none}
  .svc-hero-actions{width:100%}
  .svc-hero-actions .btn{flex:1 1 230px;min-width:230px;max-width:100%}
  .team-list{grid-template-columns:1fr;gap:16px}
  .pkgs-pricing{padding:22px 20px}
  .pkg-cta .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}