/* CyTech Philippines page styles. Owned here only. */
.ph-shot{margin-top:44px;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(16,32,47,.18);border:1px solid rgba(42,52,58,.08)}
.ph-shot img{display:block;width:100%;height:auto}
.ph-cap{margin-top:12px;font-size:13px;color:var(--muted)}
.ph-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.ph-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:26px;border-left:3px solid var(--orange-d);text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.ph-card b{font-size:19px;font-weight:800;color:var(--ink);margin-bottom:8px}
.ph-card p{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 16px;flex:1}
.ph-card i{font-style:normal;font-size:13px;font-weight:700;color:var(--orange-d)}
a.ph-card:hover{box-shadow:0 14px 34px rgba(16,32,47,.10);transform:translateY(-2px)}
.ph-rep{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.ph-lockup{background:#fff;border-radius:16px;padding:40px 36px;display:flex;align-items:center;justify-content:center;gap:28px;border-left:3px solid var(--orange-d)}
.ph-lockup img{height:46px;width:auto}
.ph-lockup .bar{width:1px;height:56px;background:rgba(42,52,58,.18)}
.ph-lockup .abba-mark{height:110px;width:auto}
.ph-lock{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;white-space:nowrap}
.ph-div{width:1px;height:30px;background:rgba(255,255,255,.3)}
.ph-abba-logo{display:inline-flex}.ph-abba-logo img{height:52px;width:auto;display:block}
@media (max-width:900px){.ph-g3{grid-template-columns:1fr}.ph-rep{grid-template-columns:1fr;gap:28px}}
.ph-card.ph-info{background:transparent;border:1px solid rgba(42,52,58,.14);border-left:3px solid var(--orange-d)}
.ph-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.ph-g4c{display:flex;flex-wrap:wrap;justify-content:center}.ph-g4c>*{flex:0 0 calc((100% - 54px)/4)}
@media (max-width:1100px){.ph-g4c>*{flex-basis:calc((100% - 18px)/2)}}
@media (max-width:900px){.ph-g4c>*{flex-basis:100%}}
.ph-panel{background:#FAF7F2;padding:40px 38px 34px;border-radius:16px;border-left:4px solid var(--orange-d)}
.ph-panel h3{font-size:28px;font-weight:800;color:var(--ink);margin:4px 0 12px;line-height:1.2}
.ph-panel h4{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange-d);margin:22px 0 8px}
.ph-panel .what{font-size:17px;color:var(--ink);line-height:1.6}.ph-panel p{color:var(--muted);line-height:1.6;margin:0}
.ph-panel ul{margin:0;padding-left:20px;color:var(--ink);line-height:1.8}.ph-panel .cta-row{margin-top:26px}.ph-panel .eyebrow{margin-bottom:6px}
.ph-steps{font-size:13px!important;font-weight:700;color:var(--ink)!important;flex:0!important;margin:0!important}
.ph-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:30px;max-width:860px}
.ph-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
.ph-form input,.ph-form select,.ph-form textarea{font:500 15px Montserrat,sans-serif;padding:12px 14px;border:1px solid rgba(42,52,58,.2);border-radius:8px;background:#fff;color:var(--ink)}
.ph-form textarea,.ph-form .ph-consent,.ph-form button{grid-column:1/-1}.ph-form label:has(textarea){grid-column:1/-1}
.ph-form .ph-consent{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;color:var(--muted)}.ph-form button{justify-self:start;border:0;cursor:pointer}
.ph-done{margin-top:30px;background:#fff;border-left:3px solid var(--orange-d);border-radius:14px;padding:26px;max-width:620px}.ph-done b{font-size:19px;color:var(--ink)}.ph-done p{color:var(--muted);margin:8px 0 0}
.ph-words{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
.ph-word{margin:0;background:#fff;border-radius:16px;padding:32px;border-left:3px solid var(--orange-d);display:flex;flex-direction:column}
.ph-word img{width:84px;height:84px;border-radius:50%;object-fit:cover;margin-bottom:18px}
.ph-word blockquote{margin:0 0 20px;font-size:17px;line-height:1.7;color:var(--ink);flex:1}
.ph-word figcaption{font-size:13px;color:var(--muted)}.ph-word figcaption b{display:block;font-size:16px;color:var(--ink);margin-bottom:2px}
.ph-people{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.ph-person{background:#fff;border-radius:14px;padding:26px;border-left:3px solid var(--orange-d)}
.ph-person img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:14px}
.ph-person b{display:block;font-size:18px;color:var(--ink)}.ph-person span{display:block;font-size:13px;font-weight:700;color:var(--orange-d);margin:4px 0 8px}.ph-person p{color:var(--muted);font-size:14px;margin:0}
.ph-eco{background:#fff;border-radius:14px;overflow:hidden;border:1px solid rgba(42,52,58,.08)}
.ph-eco img{display:block;width:100%;height:190px;object-fit:cover;object-position:top}
.ph-eco b,.ph-eco p,.ph-eco a{display:block;margin:0 22px}.ph-eco b{margin-top:18px;font-size:18px;color:var(--ink)}.ph-eco p{color:var(--muted);font-size:14px;margin-top:6px}
.ph-eco a{margin:14px 22px 22px;font-size:13px;font-weight:700;color:var(--orange-d);text-decoration:none}
.ph-legal{max-width:820px;background:#fff;border-radius:16px;padding:40px}.ph-legal h3{font-size:19px;color:var(--ink);margin:24px 0 6px}.ph-legal h3:first-child{margin-top:0}.ph-legal p{color:var(--muted);line-height:1.7;margin:0}
@media (max-width:1100px){.ph-g4{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.ph-g4,.ph-words,.ph-people,.ph-form{grid-template-columns:1fr}}
.ph-form input,.ph-form select,.ph-form textarea{min-width:0;max-width:100%;box-sizing:border-box}.ph-form label{min-width:0}
.ph-lang{display:flex;gap:2px;padding:3px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(42,52,58,.16);margin-left:4px}
.ph-lang a{font:700 11.5px Montserrat,sans-serif;color:var(--fam-mut);text-decoration:none;padding:6px 10px;border-radius:999px}
.ph-lang a.on{background:#2A343A;color:#FAF7F2}
@media (max-width:980px){.ph-lang{margin:8px 0}}
.fam-nav .ph-lang a.on{color:#FAF7F2!important;box-shadow:none!important;background:#2A343A}.fam-nav .ph-lang a{padding:6px 10px}

/* Careers: open positions (2026-10-28) */
.jd-list{margin-top:30px;display:grid;gap:12px}
.jd{background:#fff;border-radius:14px;border-left:3px solid var(--orange-d);transition:box-shadow .2s}
.jd[open],.jd:hover{box-shadow:0 14px 34px rgba(16,32,47,.10)}
.jd summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(220px,1fr) 2fr 24px;gap:22px;align-items:center;padding:20px 24px}
.jd summary::-webkit-details-marker{display:none}
.jd summary:after{content:"";width:9px;height:9px;border-right:2px solid var(--orange-d);border-bottom:2px solid var(--orange-d);transform:rotate(45deg);justify-self:end;transition:transform .2s}
.jd[open] summary:after{transform:rotate(225deg)}
.jd-h b{display:block;font-size:18px;font-weight:800;color:var(--ink)}
.jd-h em{display:block;font-style:normal;font-size:12.5px;font-weight:700;color:var(--orange-d);margin-top:4px}
.jd-s{font-size:15px;line-height:1.55;color:var(--muted)}
.jd-b{padding:0 24px 24px}
.jd-rep{font-size:14.5px;color:var(--muted);margin:0 0 14px}.jd-rep b{color:var(--ink)}
.jd-2{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid rgba(42,52,58,.1);padding-top:18px}
.jd-2 h4{font-size:14px;font-weight:800;color:var(--ink);margin:0 0 10px}
.jd-2 ul{margin:0 0 18px;padding-left:18px}.jd-2 li{font-size:14.5px;line-height:1.55;color:var(--muted);margin-bottom:6px}
@media (max-width:900px){.jd summary{grid-template-columns:1fr 24px}.jd-s{grid-column:1}.jd summary:after{grid-row:1;grid-column:2}.jd-2{grid-template-columns:1fr}}
/* Internship: intern photos; empty slots remove themselves, an empty strip stays hidden */
.ip-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.ip-photos:not(:has(img)){display:none}
.ip-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;cursor:zoom-in;display:block}
@media (max-width:700px){.ip-photos{grid-template-columns:repeat(2,1fr)}}
.jd-h em.jd-loc{color:var(--muted);font-weight:600;margin-top:2px}
.ph-lead>.ph-person:first-child{grid-column:1/-1;display:grid;grid-template-columns:96px 1fr;column-gap:24px;align-items:center}
.ph-lead>.ph-person:first-child img{grid-row:1/4;margin:0}
@media (max-width:760px){.ph-lead>.ph-person:first-child{display:block}.ph-lead>.ph-person:first-child img{margin-bottom:14px}}