/*
Theme Name: CEO Japan Careers
Theme URI: https://example.com/
Author: Custom Studio
Description: Responsive Vietnamese Japan careers and education landing page theme.
Version: 1.0.0
Requires at least: 5.8
Text Domain: ceo-japan
*/
:root{--orange:#f99509;--deep:#e88000;--green:#08643c;--ink:#171717}*{box-sizing:border-box}body{margin:0;font:16px/1.65 Arial,sans-serif;color:#222}a{text-decoration:none;color:inherit}.wrap{max-width:1140px;margin:auto;padding:0 20px}.top{background:var(--orange);color:#fff;font-size:12px}.top .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:6px;padding-bottom:6px}.head{background:#fff}.head .wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:35px;font-weight:900;letter-spacing:-3px;line-height:1}.logo span:nth-child(1){color:#087044}.logo span:nth-child(2){color:var(--orange)}.logo span:nth-child(3){color:#0d5194}.logo small{display:block;font-size:11px;letter-spacing:7px;text-align:center;color:#333;margin-top:8px}.nav{display:flex;flex-wrap:wrap;gap:22px;font-weight:bold;font-size:13px}.nav a:hover,.nav a:first-child{color:var(--orange)}.hero{min-height:460px;background:linear-gradient(90deg,rgba(10,26,35,.68),rgba(10,26,35,.08)),url('assets/hero.jpg') center 42%/cover;position:relative;color:white;display:flex;align-items:center}.hero h1{font-size:clamp(32px,4vw,53px);line-height:1.16;max-width:670px;margin:0 0 20px}.hero p{max-width:560px;font-size:19px}.btn{display:inline-block;background:var(--orange);color:white;padding:12px 25px;border-radius:4px;font-weight:bold;border:0;cursor:pointer}.btn:hover{background:var(--deep)}.hero-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(20,20,20,.75);margin-top:48px;border-radius:6px;overflow:hidden}.hero-cards a{padding:18px 16px;background:rgba(255,255,255,.07);font-weight:bold}.hero-cards a:hover{background:var(--orange)}.section{padding:70px 0}.section h2{font-size:32px;margin:0 0 18px}.eyebrow{color:var(--orange);font-weight:bold;text-transform:uppercase;letter-spacing:2px}.about{background:#f6f7f8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about img{width:100%;height:350px;object-fit:cover;border-radius:10px;box-shadow:0 14px 30px #0002}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.service{background:white;border:1px solid #eee;border-radius:10px;overflow:hidden;box-shadow:0 6px 24px #0000000c}.service img{width:100%;height:195px;object-fit:cover}.service .pad{padding:20px}.service h3{margin:0 0 8px}.service p{margin:0;color:#555}.why{background:#fff8ed}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.why article{background:white;padding:24px;border-radius:8px;border-top:4px solid var(--orange)}.why strong{color:var(--green);font-size:25px}.cta{background:var(--orange);color:white;padding:32px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0}.cta .btn{background:#b8240a}.footer{background:#191919;color:#eee;padding:55px 0}.footgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.footer h3{color:#fff}.footer a{display:block;color:#ccc;margin:9px 0}.footer a:hover{color:var(--orange)}.copy{background:#0d0d0d;color:#aaa;padding:13px 0;font-size:13px}.form input,.form textarea{width:100%;padding:13px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;font:inherit}.form textarea{min-height:90px}.notice{font-size:13px;color:#666}@media(max-width:850px){.head .wrap{display:block;padding-top:20px;padding-bottom:20px}.nav{margin-top:22px;gap:14px}.hero-cards,.footgrid{grid-template-columns:repeat(2,1fr)}.services,.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.top .wrap{display:block}.hero{min-height:520px}.hero-cards,.about-grid,.services,.why-grid,.footgrid{grid-template-columns:1fr}.hero-cards{margin-top:25px}.cta .wrap{display:block}.section{padding:45px 0}}