/*
Theme Name: 올림픽판매 한 페이지
Theme URI:
Author: 올림픽판매
Description: 올림픽판매 회사 소개 한 페이지용 최소 블록 테마. 외부 글꼴·스크립트 없음.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: olympic-onepage
*/

@font-face{
  font-family:"Pretendard Self";
  src:url("assets/PretendardVariable-subset.woff2") format("woff2");
  font-weight:45 920;
  font-display:swap;
}
:root{
  --navy:#14284B; --navy-2:#1B3463;
  --cream:#FBF7EF; --warm:#F1EBDF; --card:#FFFFFF;
  --text:#14284B; --muted:#4A4F5C; --link:#1F3F86;
  --amber-bg:#FBE8B8; --amber-text:#5C3D00; --focus:#B7791F; --line:#CFC6B3;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--cream);color:var(--text);
  font-family:"Pretendard Self",system-ui,-apple-system,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;
  font-size:1rem;line-height:1.75;word-break:keep-all;overflow-wrap:break-word}

/* 아래 규칙은 .wp-site-blocks 로 시작해 블록 간격 기본 규칙보다 우선한다 */
.wp-site-blocks{padding:0}
.wp-site-blocks a{color:var(--link);text-underline-offset:.2em}
.wp-site-blocks a:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}
.wp-site-blocks .skip{position:absolute;left:-999px;top:0;background:var(--navy);color:var(--cream);padding:.5rem 1rem;z-index:10}
.wp-site-blocks .skip:focus{left:0}
.wp-site-blocks .wrap{width:100%;max-width:64rem;margin:0 auto;padding:0 1.25rem}
.wp-site-blocks p{margin:0 0 .75rem;color:var(--muted)}
.wp-site-blocks h1,.wp-site-blocks h2,.wp-site-blocks h3{margin:0;font-family:inherit}
.wp-site-blocks h2{margin:0 0 1.5rem;font-size:1.5rem;line-height:1.35;font-weight:700;color:var(--text)}
.wp-site-blocks h3{margin:0 0 .5rem;font-size:1.125rem;line-height:1.4;font-weight:700;color:var(--navy)}

.wp-site-blocks .topbar{background:var(--cream);border-bottom:1px solid var(--line);margin:0}
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:5}
.wp-site-blocks .topbar__in{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.5rem}
.wp-site-blocks .brand{margin:0;font-weight:700;font-size:1.125rem}
.wp-site-blocks .brand a{color:var(--navy);text-decoration:none}
.wp-site-blocks ul.nav{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}
.wp-site-blocks ul.nav li{margin:0}
.wp-site-blocks ul.nav a{display:block;padding:.5rem .75rem;color:var(--navy);text-decoration:none;font-weight:500}
.wp-site-blocks ul.nav a:hover{text-decoration:underline}

.wp-site-blocks .hero{background:var(--navy);color:var(--cream);padding:3.5rem 0;margin:0}
.wp-site-blocks .hero__in{display:grid;gap:2rem;align-items:center}
.wp-site-blocks .hero h1{margin:0 0 1rem;font-size:2.25rem;line-height:1.25;font-weight:800;letter-spacing:-.01em;color:var(--cream)}
.wp-site-blocks .hero p.hero__lead{margin:0 0 1rem;font-size:1.125rem;color:#D9DEEA}
.wp-site-blocks .hero p.hero__note{display:inline-block;margin:0;padding:.25rem 0;font-weight:600;color:var(--amber-bg);border-bottom:2px solid var(--amber-bg)}
.wp-site-blocks .hero__art{width:100%;max-width:15rem;height:auto}

.wp-site-blocks .section{padding:3.5rem 0;margin:0}
.wp-site-blocks .section--warm{background:var(--warm)}
.wp-site-blocks ul.cards{display:grid;grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none}
.wp-site-blocks .cards .card{margin:0}
.wp-site-blocks div.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.5rem}
.wp-site-blocks .card p:last-child{margin-bottom:0}
.wp-site-blocks .cardgrid{display:grid;grid-template-columns:1fr;gap:1rem}

.wp-site-blocks .facts{margin:0 0 1rem}
.wp-site-blocks .facts__row{display:grid;gap:.125rem;padding:.75rem 0;border-top:1px solid var(--line);margin:0}
.wp-site-blocks .facts__row:last-child{border-bottom:1px solid var(--line)}
.wp-site-blocks .facts__row p{margin:0}
.wp-site-blocks .facts__row p.facts__k{font-size:.875rem;font-weight:700;color:var(--muted)}
.wp-site-blocks .facts__row p.facts__v{color:var(--text)}
.wp-site-blocks p.mail{font-size:1.25rem;font-weight:700}

.wp-site-blocks .footer{background:var(--navy);color:#E8E4DA;padding:2.5rem 0;margin:0}
.wp-site-blocks .footer p{margin:0 0 .5rem;color:#E8E4DA}
.wp-site-blocks .footer a{color:var(--amber-bg)}
.wp-site-blocks .footer a:focus-visible{outline-color:var(--amber-bg)}
.wp-site-blocks .footer p.footer__brand{font-weight:700;font-size:1.125rem}
.wp-site-blocks .footer p.footer__copy{margin-top:1rem;font-size:.875rem}

@media (min-width:48rem){
  .wp-site-blocks .wrap{padding:0 2rem}
  .wp-site-blocks .hero{padding:5.5rem 0}
  .wp-site-blocks .hero__in{grid-template-columns:1.4fr 1fr}
  .wp-site-blocks .hero h1{font-size:3rem}
  .wp-site-blocks .hero p.hero__lead{font-size:1.25rem}
  .wp-site-blocks .hero__art{justify-self:end;max-width:20rem}
  .wp-site-blocks .section{padding:5rem 0}
  .wp-site-blocks h2{font-size:1.75rem}
  .wp-site-blocks .cardgrid{grid-template-columns:repeat(2,1fr);gap:1.25rem}
  .wp-site-blocks .facts__row{grid-template-columns:7rem 1fr;gap:1rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}