/* PhuQuocCareers V6 - living editorial system
   Human hospitality + island warmth + quiet editorial + smart utility + living motion. */

:root{
  --v6-cream:#fffaf3;
  --v6-sand:#f5eadc;
  --v6-sky:#edf7fb;
  --v6-sea:#0c6f91;
  --v6-navy:#0b3557;
  --v6-ink:#17334b;
  --v6-muted:#6c7d89;
  --v6-gold:#e7a53a;
  --v6-line:rgba(20,62,89,.12);
  --v6-shadow:0 16px 38px rgba(20,48,68,.08);
}

body[data-page="home"],body[data-page="jobs"],body[data-page="job"],body[data-page="careers"],body[data-page="compare"],body[data-page="island-now"]{
  background:#fff;color:var(--v6-ink);font-size:16px;line-height:1.58;
}

/* ---- brand + header ---- */
.topbar{height:86px;background:rgba(255,255,255,.96);border-bottom:0;box-shadow:0 1px 0 rgba(15,48,73,.07);backdrop-filter:blur(18px)}
.nav{height:86px;gap:32px}
.brand-lockup{min-width:230px;height:68px;display:flex;align-items:center;gap:12px;padding:0}
.brand-mark{position:relative;width:78px;height:48px;overflow:hidden;flex:0 0 78px}
.brand-mark img{position:absolute;width:98px;max-width:none;height:auto;left:50%;top:-2px;transform:translateX(-50%)}
.brand-type{display:grid;gap:0;line-height:1;color:var(--v6-navy);white-space:nowrap}
.brand-type strong{font-size:12px;letter-spacing:.08em;font-weight:900}
.brand-type>span{margin-top:3px;font-size:15px;letter-spacing:.12em;font-weight:850}
.brand-type small{margin-top:4px;color:#1679ad;font-size:9px;letter-spacing:.03em}
.navlinks{gap:34px;margin-left:4px}
.navlinks a{font-size:15px;font-weight:720;color:#38566d;border-bottom-width:2px}
.navlinks a:hover,.navlinks a.active{color:var(--v6-navy);border-color:#1b7fb2}
.nav-actions{margin-left:auto;gap:10px}
.saved-utility{min-height:42px;padding:0 14px;border:0;background:transparent!important;color:#31536c;font-size:14px;box-shadow:none!important}
.employer-utility{min-height:44px;padding:0 16px;border:1px solid rgba(20,70,104,.18);border-radius:999px;background:#fff;color:#173b58;font-size:13px;font-weight:780;box-shadow:none}

/* readable type - no microcopy */
.eyebrow,.hero-kicker{font-size:12px;letter-spacing:.12em}
.btn{font-size:14px}
.btn-sm{font-size:12.5px}
.job-main h3{font-size:21px;line-height:1.23}
.job-meta{font-size:13px;gap:7px}
.job-pay strong{font-size:21px}
.job-pay span{font-size:12.5px}
.package-chip{min-height:31px;padding:5px 9px;border-radius:999px;font-size:12px;border:0}
.fit-title{font-size:12.5px}
.fit-line{font-size:13px;line-height:1.42}
.freshness{font-size:11.5px}
.save-btn,.compare-btn{height:34px;font-size:12.5px;border-radius:999px}

/* soften all candidate cards */
.job-card{border:0;border-radius:16px;box-shadow:0 8px 28px rgba(19,47,68,.07);background:#fff;overflow:hidden}
.job-card:hover{border:0;box-shadow:0 18px 40px rgba(19,47,68,.11)}
.job-body{padding:18px 20px;gap:20px}
.job-side{border-left:1px solid rgba(25,67,94,.08);padding-left:18px}

/* ---- V6 home rhythm ---- */
body[data-page="home"] .hero-home{min-height:620px;background:#173a52;overflow:hidden}
body[data-page="home"] .hero-bg{transform-origin:center;animation:v6HeroDrift 22s ease-in-out infinite alternate;background-image:linear-gradient(90deg,rgba(4,30,50,.70) 0%,rgba(4,30,50,.46) 38%,rgba(4,30,50,.10) 68%,rgba(4,30,50,.03) 100%),linear-gradient(0deg,rgba(4,28,46,.22),transparent 52%),url('https://images.pexels.com/photos/3051551/pexels-photo-3051551.jpeg?auto=compress&cs=tinysrgb&w=2400');background-position:center 58%}
body[data-page="home"] .hero-inner{min-height:620px;grid-template-columns:minmax(0,720px) 1fr;padding:76px 0 88px;align-items:center}
body[data-page="home"] .hero-copy{max-width:720px}
body[data-page="home"] .hero-copy h1{max-width:650px;margin-bottom:18px;font-size:58px;line-height:1.04;letter-spacing:-.043em;font-weight:620}
body[data-page="home"] .hero-copy>p{max-width:590px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.94)}
body[data-page="home"] .hero-kicker{margin-bottom:16px;color:#fff2dc}
body[data-page="home"] .hero-aside{display:none}

/* Smart search is the second visual anchor */
body[data-page="home"] .search-panel{margin-top:34px;max-width:760px;padding:9px;border:0;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 22px 50px rgba(3,25,42,.24);backdrop-filter:blur(12px)}
body[data-page="home"] .search-tabs{margin:0 0 8px;padding:0 2px 8px;border-bottom:1px solid rgba(20,62,89,.08)}
body[data-page="home"] .search-tab{height:34px;padding:0 14px;font-size:14px;color:#667b8b}
body[data-page="home"] .search-tab.active{background:#eaf6fb;color:#0a648d}
body[data-page="home"] .search-tab[data-mode="smart"]:after{content:"SMART";display:inline-flex;align-items:center;margin-left:8px;padding:3px 7px;border-radius:999px;background:linear-gradient(90deg,#dff6fb,#fff0d6);color:#0c6688;font-size:9px;letter-spacing:.12em;font-weight:900;vertical-align:middle}
body[data-page="home"] .search-body{gap:8px}
body[data-page="home"] .search-input-wrap{height:54px;border:1px solid #d7e2e8;border-radius:10px!important;padding:0 14px}
body[data-page="home"] .search-input-wrap input{height:52px;font-size:16px}
body[data-page="home"] .search-submit{height:54px;min-width:138px;border-radius:10px;font-size:14px}

/* Needs are not cards. They read like six light choices. */
.needs-section{background:#fff;padding:34px 0 40px}
.needs-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}
.needs-head h2{margin:0;font-family:Lora,Georgia,serif;color:var(--v6-navy);font-size:30px;line-height:1.1;letter-spacing:-.025em;font-weight:600}
.needs-head span{font-size:13px;color:#83919a}
.situation-row{max-width:none!important;margin:0!important;display:grid;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border-top:1px solid var(--v6-line);border-bottom:1px solid var(--v6-line)}
.situation{min-height:78px!important;padding:14px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:40px 1fr;justify-content:start!important;gap:12px!important;text-align:left!important;color:var(--v6-navy)!important;transition:background .22s ease,transform .22s ease!important}
.situation:nth-child(-n+3){border-bottom:1px solid var(--v6-line)!important}
.situation:not(:nth-child(3n)){border-right:1px solid var(--v6-line)!important}
.situation:hover{background:var(--v6-cream)!important;transform:none!important}
.situation span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff4df;color:#e58d14!important;font-size:19px!important}
.situation b{max-width:none!important;font-size:14px!important;line-height:1.28;font-weight:760}

/* Live market becomes a strip, not a dashboard */
.market-raised{padding:0;background:#eef7fa!important}
.market-card{transform:none!important;margin:0!important;padding:24px 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center}
.market-head{display:block!important;margin:0!important}
.market-head h2{font-family:Lora,Georgia,serif;font-size:25px!important;line-height:1.15;font-weight:600!important;letter-spacing:-.02em!important}
.market-head p{display:none}
.market-meta{text-align:left!important;margin-top:8px;font-size:12px!important}
.market-grid{grid-template-columns:repeat(5,1fr)!important;gap:0!important}
.market-cell{min-height:72px!important;padding:10px 15px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.market-cell:not(:last-child){border-right:1px solid rgba(20,62,89,.10)!important}
.market-cell i{position:static!important;display:block;margin-bottom:5px;font-size:16px!important}
.market-cell strong{font-size:21px!important}
.market-cell span{font-size:12px!important;margin-top:5px!important}

/* Featured jobs - fewer, larger, softer */
.main-section{padding:72px 0 78px!important;background:#fff!important}
.section-head{margin-bottom:24px!important}
.section-head h2{font-size:34px!important;font-weight:600!important}
.section-head p{display:none}
.text-link{font-size:13px!important}
body[data-page="home"] #featuredJobs .job-card:nth-child(n+4){display:none}
body[data-page="home"] .job-list{gap:18px}
body[data-page="home"] .job-card{grid-template-columns:270px minmax(0,1fr);min-height:206px;border-radius:18px}
body[data-page="home"] .job-photo{min-height:206px}

/* Editorial sections */
.editorial-section{padding:80px 0;overflow:hidden}
.editorial-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center}
.editorial-copy .eyebrow{margin-bottom:12px}
.editorial-copy h2{margin:0 0 16px;max-width:560px;font-family:Lora,Georgia,serif;font-size:42px;line-height:1.08;letter-spacing:-.035em;font-weight:600;color:var(--v6-navy)}
.editorial-copy p{max-width:520px;margin:0 0 24px;font-size:17px;line-height:1.58;color:#607484}
.editorial-link{display:inline-flex;align-items:center;gap:9px;color:#0a688f;font-size:14px;font-weight:800}
.editorial-photo{position:relative;min-height:430px;border-radius:26px;overflow:hidden;background:#d8e5e8 center/cover no-repeat;box-shadow:0 24px 56px rgba(20,48,68,.12)}
.editorial-photo:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(7,31,47,.24))}
.careers-editorial{background:linear-gradient(180deg,#fffaf3,#fff)}
.careers-editorial .editorial-photo{background-image:url('https://images.pexels.com/photos/17748657/pexels-photo-17748657.jpeg?auto=compress&cs=tinysrgb&w=1600')}

.life-section{padding:76px 0 82px;background:#eef7fa}
.life-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.life-head h2{margin:0;font-family:Lora,Georgia,serif;font-size:38px;line-height:1.08;font-weight:600;color:var(--v6-navy)}
.life-head p{max-width:430px;margin:0;color:#6a7b86;font-size:15px}
.life-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:16px}
.life-story{position:relative;min-height:360px;border-radius:22px;overflow:hidden;background:#ccd center/cover no-repeat;color:#fff;box-shadow:0 18px 40px rgba(20,48,68,.08);transition:transform .3s ease,box-shadow .3s ease}
.life-story:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(20,48,68,.13)}
.life-story:nth-child(1){background-image:url('https://images.pexels.com/photos/6481615/pexels-photo-6481615.jpeg?auto=compress&cs=tinysrgb&w=1400')}
.life-story:nth-child(2){background-image:url('https://images.pexels.com/photos/14024057/pexels-photo-14024057.jpeg?auto=compress&cs=tinysrgb&w=1200')}
.life-story:nth-child(3){background-image:url('https://images.pexels.com/photos/3051551/pexels-photo-3051551.jpeg?auto=compress&cs=tinysrgb&w=1200')}
.life-story:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,29,47,.04),rgba(5,29,47,.62))}
.life-story-content{position:absolute;z-index:1;left:22px;right:22px;bottom:20px}
.life-story small{display:block;margin-bottom:7px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffe7bb}
.life-story strong{display:block;font-family:Lora,Georgia,serif;font-size:27px;line-height:1.08;font-weight:600}

/* Open Phu Quoc ecosystem bridge */
.ecosystem-band{position:relative;padding:70px 0;background:linear-gradient(118deg,#0b3557,#0c6682 60%,#16858d);color:#fff;overflow:hidden}
.ecosystem-band:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-100px;top:-180px;background:rgba(255,196,96,.16);filter:blur(2px)}
.ecosystem-inner{position:relative;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.ecosystem-copy small{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#cceef3;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.ecosystem-copy small:before{content:"";width:8px;height:8px;border-radius:50%;background:#f0b34d;box-shadow:0 0 0 6px rgba(240,179,77,.12);animation:v6Pulse 2.4s ease-in-out infinite}
.ecosystem-copy h2{margin:0 0 12px;max-width:720px;font-family:Lora,Georgia,serif;font-size:40px;line-height:1.08;font-weight:600;letter-spacing:-.03em}
.ecosystem-copy p{margin:0;max-width:650px;color:rgba(255,255,255,.78);font-size:16px}
.ecosystem-cta{min-height:50px;padding:0 20px;border-radius:999px;background:#fff;color:#0c4b68;font-size:14px;font-weight:850;display:inline-flex;align-items:center;gap:9px;box-shadow:0 14px 30px rgba(0,0,0,.12)}

/* Island-now bridge page */
.island-now-hero{padding:92px 0 80px;background:linear-gradient(180deg,#fffaf3 0,#eef8fb 100%)}
.island-now-hero h1{max-width:760px;margin:8px 0 16px;font-family:Lora,Georgia,serif;font-size:56px;line-height:1.03;font-weight:600;letter-spacing:-.04em;color:var(--v6-navy)}
.island-now-hero p{max-width:650px;margin:0;color:#657987;font-size:18px}
.island-now-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.island-now-card{min-height:190px;padding:26px;border-radius:20px;background:#fff;box-shadow:var(--v6-shadow);display:flex;flex-direction:column;justify-content:space-between}
.island-now-card span{font-size:28px}.island-now-card strong{display:block;margin:14px 0 5px;font-family:Lora,Georgia,serif;font-size:24px;color:var(--v6-navy)}.island-now-card small{font-size:13px;color:#73838d}
.island-now-open{padding:64px 0 90px;background:#fff;text-align:center}.island-now-open h2{margin:0 0 12px;font-family:Lora,Georgia,serif;font-size:34px;color:var(--v6-navy)}.island-now-open p{margin:0 auto 24px;max-width:560px;color:#697b87;font-size:16px}

/* warm lightweight footer injected by candidate shell */
.pqc-footer{padding:48px 0 34px;background:#fff8ef;border-top:1px solid rgba(32,73,96,.08)}
.pqc-footer-inner{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.pqc-footer-brand strong{display:block;font-family:Lora,Georgia,serif;font-size:24px;color:var(--v6-navy);font-weight:600}.pqc-footer-brand span{display:block;margin-top:6px;color:#74838d;font-size:13px}
.pqc-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px}.pqc-footer-links a{font-size:13px;font-weight:750;color:#35556c}.pqc-footer-links a.eco{color:#0b718e}

/* motion */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
[data-reveal].is-in{opacity:1;transform:none}
@keyframes v6HeroDrift{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.075) translate3d(-.7%,.4%,0)}}
@keyframes v6Pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.72}}

@media(max-width:980px){
  .brand-lockup{min-width:190px}.brand-type small{display:none}.navlinks{gap:20px}.employer-utility{font-size:12px;padding:0 12px}
  body[data-page="home"] .hero-inner{grid-template-columns:1fr}.market-card{grid-template-columns:1fr;gap:16px}.editorial-grid{gap:36px}.life-grid{grid-template-columns:1fr 1fr}.life-story:first-child{grid-column:1/-1;min-height:420px}
}

@media(max-width:760px){
  body[data-page="home"],body[data-page="jobs"],body[data-page="job"],body[data-page="careers"],body[data-page="compare"],body[data-page="island-now"]{font-size:15.5px}
  .topbar,.nav{height:68px}.nav{gap:8px}.brand-lockup{min-width:0;height:58px;gap:7px}.brand-mark{width:60px;height:38px;flex-basis:60px}.brand-mark img{width:76px;top:-1px}.brand-type strong{font-size:9px}.brand-type>span{font-size:11px;margin-top:2px}.brand-type small{display:none}.saved-utility,.employer-utility{display:none!important}
  .job-main h3{font-size:20px}.job-meta{font-size:12.5px}.job-pay strong{font-size:20px}.job-pay span{font-size:12px}.package-chip{font-size:11.5px}.fit-line{font-size:12.5px}.freshness{font-size:11px}

  body[data-page="home"] .hero-home{min-height:0;background:#fff;color:var(--v6-ink)}
  body[data-page="home"] .hero-bg{position:relative;z-index:0;height:310px;animation:v6HeroDrift 24s ease-in-out infinite alternate;background-image:linear-gradient(180deg,rgba(5,29,47,.04) 34%,rgba(5,29,47,.62) 100%),url('https://images.pexels.com/photos/3051551/pexels-photo-3051551.jpeg?auto=compress&cs=tinysrgb&w=1400');background-position:center 60%}
  body[data-page="home"] .hero-inner{min-height:0;display:block;padding:0 0 28px}
  body[data-page="home"] .hero-copy{position:relative;z-index:2;margin-top:-116px;padding-top:0;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.95) 112px,#fff 210px);text-shadow:none}
  body[data-page="home"] .hero-kicker{display:none}
  body[data-page="home"] .hero-copy h1{max-width:345px;margin:0 0 11px;color:#fff;font-size:36px;line-height:1.03;text-shadow:0 2px 18px rgba(4,25,42,.48)}
  body[data-page="home"] .hero-copy>p{max-width:330px;margin:0 0 28px;color:#fff;font-size:15px;line-height:1.45;text-shadow:0 1px 12px rgba(4,25,42,.45)}
  body[data-page="home"] .search-panel{margin-top:0;border:1px solid #e1e8eb;border-radius:14px;padding:7px;box-shadow:0 12px 28px rgba(21,49,69,.12)}
  body[data-page="home"] .search-tab{font-size:12.5px;padding:0 8px}.search-tab[data-mode="smart"]:after{font-size:8px!important;margin-left:5px!important}
  body[data-page="home"] .search-body{display:grid;grid-template-columns:minmax(0,1fr) 52px}.search-input-wrap{height:50px}.search-input-wrap input{font-size:14px!important}.search-submit{width:52px!important;min-width:0!important;height:50px!important;font-size:0!important}.search-submit:before{content:"⌕";font-size:20px}.search-submit span{display:none}

  .needs-section{padding:26px 0 30px}.needs-head{margin-bottom:12px}.needs-head h2{font-size:25px}.needs-head span{display:none}.situation-row{grid-template-columns:1fr 1fr!important}.situation{min-height:72px!important;padding:11px 9px!important;grid-template-columns:34px 1fr;gap:8px!important}.situation:nth-child(-n+3){border-bottom:0!important}.situation:nth-child(-n+4){border-bottom:1px solid var(--v6-line)!important}.situation:not(:nth-child(3n)){border-right:0!important}.situation:nth-child(odd){border-right:1px solid var(--v6-line)!important}.situation span{width:32px;height:32px;font-size:16px!important}.situation b{font-size:12.5px!important}

  .market-card{padding:20px 0!important;gap:14px}.market-head h2{font-size:22px!important}.market-meta{font-size:11px!important}.market-grid{display:flex!important;overflow-x:auto;scrollbar-width:none}.market-grid::-webkit-scrollbar{display:none}.market-cell{min-width:128px!important;flex:0 0 128px;padding:8px 12px!important;text-align:left!important}.market-cell i{font-size:15px!important}.market-cell strong{font-size:20px!important}.market-cell span{font-size:11px!important}

  .main-section{padding:44px 0 54px!important}.section-head h2{font-size:29px!important}body[data-page="home"] .job-card{display:block!important;min-height:0!important;border-radius:15px}body[data-page="home"] .job-photo{height:190px;min-height:190px}body[data-page="home"] .job-body{padding:15px}
  .editorial-section{padding:58px 0}.editorial-grid{grid-template-columns:1fr;gap:26px}.editorial-copy h2{font-size:34px}.editorial-copy p{font-size:15px}.editorial-photo{min-height:310px;border-radius:18px}
  .life-section{padding:55px 0}.life-head{display:block;margin-bottom:18px}.life-head h2{font-size:32px}.life-head p{margin-top:10px;font-size:14px}.life-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:none}.life-grid::-webkit-scrollbar{display:none}.life-story,.life-story:first-child{min-width:82vw;min-height:330px;grid-column:auto;scroll-snap-align:start;border-radius:18px}.life-story strong{font-size:24px}
  .ecosystem-band{padding:52px 0}.ecosystem-inner{grid-template-columns:1fr;gap:24px}.ecosystem-copy h2{font-size:33px}.ecosystem-copy p{font-size:14.5px}.ecosystem-cta{justify-self:start}
  .island-now-hero{padding:58px 0}.island-now-hero h1{font-size:39px}.island-now-hero p{font-size:15.5px}.island-now-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory}.island-now-card{min-width:78vw;scroll-snap-align:start}.island-now-open{padding:50px 0 74px}.island-now-open h2{font-size:29px}
  .pqc-footer{padding:38px 0 80px}.pqc-footer-inner{grid-template-columns:1fr}.pqc-footer-links{justify-content:flex-start;gap:15px}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}.hero-bg,[data-reveal],.ecosystem-copy small:before{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}