/*
Theme Name: Winners Customs
Theme URI: https://www.emskorea.com/
Author: Winners Customs
Description: 위너스관세법인 V5 기업 홈페이지 테마. 관세소식은 워드프레스 글로 관리합니다.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: winners-customs
*/

    :root { --navy:#17324d; --ink:#1e2935; --muted:#617080; --line:#e1e7ed; --paper:#fff; --soft:#f5f8fa; --accent:#b99a62; --max:1120px; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:var(--paper); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",Arial,sans-serif; line-height:1.7; word-break:keep-all; }
    a { color:inherit; text-decoration:none; }
    .wrap { width:min(var(--max),calc(100% - 40px)); margin:0 auto; }
    header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
    .nav { height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .brand { display:flex; align-items:center; gap:12px; color:var(--navy); }
    .brand-mark { width:38px; height:38px; border:2px solid var(--navy); border-radius:9px; display:grid; place-items:center; font-weight:800; letter-spacing:-1px; }
    .brand-name { font-size:17px; font-weight:800; letter-spacing:-.4px; line-height:1.25; }
    .brand-sub { font-size:10px; color:var(--muted); letter-spacing:1.5px; margin-top:3px; }
    .nav-links { display:flex; align-items:center; gap:28px; font-size:14px; color:#465565; }
    .nav-links a:hover { color:var(--navy); }
    .nav-cta { background:var(--navy); color:white !important; padding:10px 16px; border-radius:6px; }
    .menu-toggle { display:none; background:none; border:0; font-size:25px; color:var(--navy); }
    .hero { background:linear-gradient(115deg,#f5f8fa 0%,#fff 62%); border-bottom:1px solid var(--line); overflow:hidden; }
    .hero-inner { min-height:510px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:48px; padding-top:54px; padding-bottom:64px; }
    .eyebrow { color:#8a7044; font-size:12px; letter-spacing:2px; font-weight:800; text-transform:uppercase; }
    h1 { color:var(--navy); font-size:clamp(34px,4.5vw,54px); line-height:1.25; letter-spacing:-1.8px; margin:18px 0; }
    .hero p { color:var(--muted); font-size:17px; max-width:540px; margin:0 0 28px; }
    .actions { display:flex; flex-wrap:wrap; gap:12px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; padding:13px 20px; border-radius:6px; font-weight:700; font-size:14px; border:1px solid var(--navy); }
    .btn-primary { background:var(--navy); color:white; }
    .btn-secondary { color:var(--navy); background:transparent; }
    .hero-card { background:var(--navy); color:white; border-radius:12px; padding:34px; min-height:300px; position:relative; overflow:hidden; box-shadow:0 22px 50px rgba(23,50,77,.13); }
    .hero-card:after { content:""; position:absolute; width:230px; height:230px; border:1px solid rgba(255,255,255,.16); border-radius:50%; right:-68px; bottom:-86px; box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025); }
    .card-label { color:#d9c49b; font-size:11px; letter-spacing:2px; font-weight:800; }
    .hero-card h2 { font-size:27px; line-height:1.45; margin:22px 0 12px; letter-spacing:-.6px; }
    .hero-card p { color:#d4dde6; font-size:14px; margin:0; max-width:280px; }
    .card-rule { width:42px; height:3px; background:var(--accent); margin-top:26px; }
    section { padding:88px 0; }
    .section-head { max-width:670px; margin-bottom:36px; }
    .section-kicker { color:#8a7044; font-size:12px; font-weight:800; letter-spacing:1.8px; }
    h2.section-title { color:var(--navy); font-size:clamp(28px,3vw,38px); letter-spacing:-1px; line-height:1.35; margin:10px 0 12px; }
    .section-desc { color:var(--muted); margin:0; }
    .services { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .service { border:1px solid var(--line); border-radius:9px; padding:27px 25px; background:white; transition:transform .2s ease,box-shadow .2s ease; }
    .service:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(23,50,77,.07); }
    .service-no { color:#a78a55; font-size:12px; letter-spacing:1px; font-weight:800; }
    .service h3 { color:var(--navy); font-size:19px; margin:15px 0 8px; }
    .service p { color:var(--muted); font-size:14px; margin:0; }
    .about { background:var(--soft); }
    .about-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:72px; align-items:start; }
    .about-statement { color:var(--navy); font-size:25px; font-weight:750; line-height:1.55; letter-spacing:-.5px; }
    .about-copy { color:var(--muted); margin:0 0 16px; }
    .values { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }
    .value { border-top:2px solid var(--accent); padding-top:12px; }
    .value strong { display:block; color:var(--navy); font-size:15px; }
    .value span { display:block; color:var(--muted); font-size:12px; margin-top:3px; }
    .contact { background:var(--navy); color:white; }
    .contact .section-kicker { color:#d9c49b; }
    .contact h2.section-title { color:white; }
    .contact .section-desc { color:#d4dde6; }
    .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; }
    .contact-panel { border:1px solid rgba(255,255,255,.2); border-radius:9px; padding:26px; }
    .contact-row { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.15); font-size:14px; }
    .contact-row:last-child { border-bottom:0; }
    .contact-row span:first-child { color:#c7d3df; }
    .contact-row span:first-child { flex: 0 0 76px; white-space: nowrap; }
    .contact-row span:last-child { text-align:right; min-width:0; overflow-wrap:anywhere; }
    .contact-note { font-size:12px; color:#b9c7d4; margin-top:14px; }
    footer { background:#10273b; color:#b9c7d4; padding:24px 0; font-size:12px; }
    .footer-inner { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
    .footer-brand { color:white; font-weight:700; }
    @media (max-width:800px) {
      .nav { height:68px; } .menu-toggle { display:block; }
      .nav-links { display:none; position:absolute; top:68px; left:0; right:0; padding:18px 20px 22px; background:white; border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; gap:0; }
      .nav-links.open { display:flex; } .nav-links a { padding:12px 0; } .nav-links .nav-cta { text-align:center; margin-top:8px; }
      .hero-inner { grid-template-columns:1fr; gap:28px; min-height:auto; padding-top:58px; padding-bottom:52px; }
      .hero-card { min-height:250px; } section { padding:64px 0; } .services { grid-template-columns:1fr; }
      .about-grid,.contact-grid { grid-template-columns:1fr; gap:28px; } .values { grid-template-columns:1fr; gap:18px; }
    }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; } }
  
/* WordPress integration and news section */
.news-section{background:#f5f8fa}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{background:#fff;border:1px solid #e1e7ed;border-radius:10px;padding:22px;transition:transform .2s,border-color .2s}.news-card:hover{transform:translateY(-3px);border-color:#b99a62}.news-meta{font-size:12px;color:#718091;margin-bottom:10px}.news-card h3{font-size:18px;line-height:1.45;margin:0 0 10px;color:#17324d}.news-card p{font-size:14px;color:#617080;margin:0 0 14px}.news-more{font-size:13px;font-weight:700;color:#17324d}.news-empty{padding:24px;background:#fff;border:1px dashed #cbd5df;border-radius:8px;color:#617080}.single-news{padding:70px 0}.single-news .entry-content{font-size:16px;line-height:1.9}.single-news .entry-content img{max-width:100%;height:auto}.news-attachments{margin-top:28px;padding:20px;background:#f5f8fa;border:1px solid #e1e7ed;border-radius:8px}.news-attachments h3{margin-top:0;color:#17324d}.news-attachments ul{padding-left:20px}.pagination{margin-top:24px}.pagination a,.pagination span{padding:8px 12px;border:1px solid #dbe3ea;margin-right:4px;border-radius:4px}.admin-note{font-size:12px;color:#718091;margin-top:12px}@media(max-width:800px){.news-grid{grid-template-columns:1fr}.news-card{padding:18px}}