/*
Theme Name: AS-PL Signal
Description: A non-commerce information theme for AS-PL Korea.
Version: 1.0.0
Template: neokorea-renewal
Text Domain: aspl-signal
*/

:root { --as-ink:#06182b; --as-red:#ef171c; --as-paper:#f7f9fc; --as-blue:#eaf2f9; --as-line:#d7e0e9; --as-muted:#5b6c7c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.aspl-site { margin:0; background:var(--as-paper); color:var(--as-ink); font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif; }
.aspl-shell { overflow:hidden; }
.aspl-wrap { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.aspl-header { position:relative; z-index:5; height:82px; background:#fff; border-bottom:1px solid var(--as-line); }
.aspl-header .aspl-wrap { height:100%; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.aspl-brand { display:flex; align-items:center; text-decoration:none; }
.aspl-brand img { display:block; width:128px; height:auto; }
.aspl-nav { display:flex; align-items:center; gap:32px; }
.aspl-nav a { color:var(--as-ink); font-size:15px; font-weight:750; text-decoration:none; white-space:nowrap; }
.aspl-nav a:hover,.aspl-nav a:focus-visible { color:var(--as-red); }
.aspl-hero { min-height:670px; display:grid; align-items:center; position:relative; background:#06182b url('assets/aspl-exploded-alternator-hero.png') center/cover no-repeat; }
.aspl-hero::before { content:""; position:absolute; inset:0; background:rgba(3,16,30,.46); }
.aspl-hero-copy { position:relative; max-width:540px; padding:88px 0; color:#fff; }
.aspl-eyebrow { margin:0 0 22px; color:#fb5257; font-size:12px; font-weight:800; letter-spacing:.18em; }
.aspl-hero h1 { margin:0; font-size:clamp(48px,6vw,78px); line-height:1.1; letter-spacing:-.07em; }
.aspl-hero p { max-width:410px; margin:28px 0 35px; color:#d6e0ea; font-size:18px; line-height:1.75; }
.aspl-actions { display:flex; flex-wrap:wrap; gap:12px; }
.aspl-button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; color:#fff; background:var(--as-red); border:1px solid var(--as-red); font-weight:800; font-size:15px; text-decoration:none; transition:transform .18s ease,background .18s ease; }
.aspl-button:hover { transform:translateY(-2px); background:#c80f17; }
.aspl-button--outline { background:transparent; border-color:#fff; }
.aspl-section { padding:108px 0; }
.aspl-label { margin:0 0 16px; color:var(--as-red); font-size:12px; font-weight:850; letter-spacing:.18em; }
.aspl-title { max-width:670px; margin:0; font-size:clamp(36px,4.3vw,58px); line-height:1.18; letter-spacing:-.065em; }
.aspl-lead { max-width:620px; margin:22px 0 0; color:var(--as-muted); font-size:17px; line-height:1.8; }
.aspl-products { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:48px; background:var(--as-line); border:1px solid var(--as-line); }
.aspl-product { display:block; min-height:350px; padding:26px; background:#fff; color:var(--as-ink); text-decoration:none; }
.aspl-product img { display:block; width:100%; height:215px; object-fit:contain; mix-blend-mode:multiply; }
.aspl-product strong { display:flex; align-items:center; justify-content:space-between; margin-top:20px; font-size:22px; letter-spacing:-.04em; }
.aspl-product span { color:var(--as-red); font-size:21px; }
.aspl-product:hover { background:#f0f6fb; }
.aspl-quality { color:#fff; background:#07192b; }
.aspl-quality-grid { display:grid; grid-template-columns:1fr 1.35fr; align-items:stretch; margin-top:54px; }
.aspl-quality-copy { padding:54px; background:#0b253f; }
.aspl-quality-copy .aspl-label { color:#fb5257; }
.aspl-quality-copy h2 { margin:0; font-size:clamp(35px,4vw,54px); line-height:1.18; letter-spacing:-.065em; }
.aspl-quality-copy p { margin:25px 0 0; color:#d3e1ec; line-height:1.8; }
.aspl-quality-image { min-height:420px; background:url('/wp-content/uploads/2020/08/Change-new-car-alternator-with-hand-in-the-garage-or-auto-repair-service-center-as-background-automotive-concept.-Dark-tone-2048x1365.jpg') center/cover no-repeat; }
.aspl-library { display:grid; grid-template-columns:1fr 1fr; min-height:360px; margin-top:54px; background:#fff; }
.aspl-library-copy { padding:54px; }
.aspl-library-copy h2 { margin:0; font-size:42px; letter-spacing:-.06em; }
.aspl-library-copy p { max-width:390px; color:var(--as-muted); line-height:1.75; }
.aspl-library-image { background:url('/wp-content/uploads/2020/08/ALTERNATOR_EN.jpg') center/cover no-repeat; }
.aspl-contact { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; }
.aspl-contact p { max-width:510px; margin:20px 0 0; color:var(--as-muted); line-height:1.8; }
.aspl-footer { padding:42px 0; background:#06182b; color:#d7e0e9; }
.aspl-footer-inner { display:flex; align-items:end; justify-content:space-between; gap:28px; }
.aspl-footer img { display:block; width:116px; height:auto; filter:brightness(0) invert(1); }
.aspl-footer p { margin:14px 0 0; font-size:13px; color:#aebdcb; }
.aspl-footer-nav { display:flex; gap:18px; flex-wrap:wrap; }
.aspl-footer-nav a { color:#d7e0e9; font-size:13px; text-decoration:none; }
.aspl-page { min-height:70vh; padding:100px 0; }
.aspl-page h1 { margin:0 0 28px; font-size:clamp(40px,5vw,64px); letter-spacing:-.07em; }
.aspl-page-content { max-width:800px; color:#3f5568; line-height:1.85; }
.aspl-page-content a { color:#0c2a47; }
.aspl-page-content input,.aspl-page-content textarea { width:100%; border:1px solid var(--as-line); padding:12px; font:inherit; }
.aspl-page-content input[type=submit] { width:auto; color:#fff; background:var(--as-red); border-color:var(--as-red); font-weight:800; cursor:pointer; }
@media(max-width:760px){
  .aspl-wrap { width:min(100% - 32px,1180px); }
  .aspl-header { height:72px; }
  .aspl-brand img { width:104px; }
  .aspl-nav { gap:15px; }
  .aspl-nav a { font-size:12px; }
  .aspl-nav a:nth-child(1),.aspl-nav a:nth-child(3),.aspl-nav a:nth-child(4) { display:none; }
  .aspl-hero { min-height:650px; background-position:62% center; align-items:end; }
  .aspl-hero::before { background:rgba(3,16,30,.66); }
  .aspl-hero-copy { padding:90px 0 54px; }
  .aspl-hero h1 { font-size:49px; }
  .aspl-hero p { font-size:16px; }
  .aspl-section { padding:78px 0; }
  .aspl-products,.aspl-quality-grid,.aspl-library,.aspl-contact { grid-template-columns:1fr; }
  .aspl-product { min-height:270px; }
  .aspl-product img { height:160px; }
  .aspl-quality-copy,.aspl-library-copy { padding:36px 28px; }
  .aspl-quality-image { min-height:300px; }
  .aspl-library-image { min-height:260px; }
  .aspl-footer-inner { align-items:start; flex-direction:column; }
}