/* ── SK GROUP SHARED STYLES ── */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,300;1,9..144,400;1,9..144,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --red:#c0392b;--red2:#e74c3c;
  --red-dim:rgba(192,57,43,0.08);
  --red-border:rgba(192,57,43,0.2);
  --dark:#0f1a1a;--dark2:#1a2e2e;
  --text:#111827;--muted:#6b7280;--muted2:#9ca3af;
  --border:#e5e7eb;
  --bg:#ffffff;--bg2:#f9fafb;--bg3:#f3f4f6;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;background:rgba(255,255,255,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo-mark{width:32px;height:32px;background:var(--red);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:13px;font-weight:800;color:#fff}
.nav-logo-text{font-family:'Fraunces',serif;font-size:17px;font-weight:800;color:var(--dark)}
.nav-links{display:flex;gap:32px}
.nav-links a{color:var(--muted);font-size:13px;text-decoration:none;font-weight:500;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--red)}
.nav-cta{background:var(--red);color:#fff;border:none;padding:10px 24px;font-size:13px;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;transition:background .2s;text-decoration:none;display:inline-block}
.nav-cta:hover{background:var(--dark2)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--dark);transition:all .3s}
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:20px;flex-direction:column;gap:16px;z-index:99}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:15px;color:var(--muted);text-decoration:none;font-weight:500;padding:8px 0;border-bottom:1px solid var(--bg3)}
.mobile-menu a:hover{color:var(--red)}

/* PAGE HEADER */
.page-header{padding:140px 60px 80px;background:var(--bg2);border-bottom:1px solid var(--border);text-align:center}
.page-header .sec-eyebrow{margin-bottom:16px}
.page-header h1{font-family:'Fraunces',serif;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.06;letter-spacing:-1.5px;color:var(--dark);margin-bottom:16px}
.page-header h1 em{color:var(--red);font-style:italic;font-family:'DM Sans',sans-serif;font-weight:300;letter-spacing:0}
.page-header p{color:var(--muted);font-size:16px;max-width:560px;margin:0 auto;line-height:1.75}

/* SECTION COMMONS */
.sec-eyebrow{font-size:11px;color:var(--red);font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px}
h2{font-family:'Fraunces',serif;font-size:clamp(30px,3.5vw,46px);font-weight:800;line-height:1.1;letter-spacing:-1px;color:var(--dark);margin-bottom:16px}
h2 em{color:var(--red);font-style:italic;font-family:'DM Sans',sans-serif;font-weight:300;letter-spacing:0}
.sec-sub{color:var(--muted);font-size:15px;line-height:1.8;max-width:520px;margin-bottom:48px}

/* BUTTONS */
.btn-primary{background:var(--red);color:#fff;border:none;padding:13px 30px;font-size:13px;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.btn-primary:hover{background:var(--dark2);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);padding:13px 30px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.btn-ghost:hover{border-color:var(--red);color:var(--red)}

/* MARQUEE */
.marquee{background:var(--dark);padding:14px 0;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-flex;gap:48px;animation:scroll 22s linear infinite}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.m-item{font-size:11px;color:rgba(255,255,255,.3);font-weight:700;text-transform:uppercase;letter-spacing:3px;display:flex;align-items:center;gap:14px}
.m-sep{color:var(--red);font-size:14px}

/* FOOTER */
footer{background:var(--dark);padding:60px 60px 40px;color:rgba(255,255,255,.7)}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:48px}
.footer-brand p{font-size:14px;color:rgba(255,255,255,.4);line-height:1.7;margin-top:16px;max-width:280px}
.footer-col h4{font-family:'Fraunces',serif;font-size:13px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul li a{font-size:13px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.footer-col ul li a:hover{color:var(--red)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:12px;color:rgba(255,255,255,.2)}
.footer-sk{font-size:11px;color:rgba(255,255,255,.15)}
.footer-sk span{color:var(--red)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* MOBILE */
@media(max-width:900px){
  nav{padding:0 20px}
  .nav-links,.nav-cta{display:none}
  .nav-hamburger{display:flex}
  .page-header{padding:110px 20px 60px}
  footer{padding:40px 20px}
  .footer-top{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
}