*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --white: #ffffff;
  --bg: #FAFAF9;
  --bg-warm: #F5F5F0;
  --bg-cool: #F7F7F5;
  --black: #1C1917;
  --text: #1C1917;
  --text-sec: #44403C;
  --text-muted: #78716C;
  --border: #D6D3D1;
  --border-dark: #A8A29E;
  --accent: #1C1917;
  --accent-dark: #0C0A09;
  --accent-light: #F5F5F0;
  --warm: #A16207;
  --warm-light: #FDF8EF;
  --link: #1C1917;
  --cta: #1C1917;
  --cta-dark: #0C0A09;
  --cta-light: #F5F5F0;
  --success: #059669;
  --destructive: #DC2626;

  --font: 'Inter', -apple-system, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
  --max-w: 720px;
  --max-w-wide: 1080px;
  --nav-h: 58px;
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

html { scroll-behavior:smooth; }
body {
  font-family:var(--font); color:var(--text); background:var(--bg);
  -webkit-font-smoothing:antialiased; line-height:1.75; overflow-x:hidden;
}
a { color:inherit; text-decoration:none; }
button { cursor:pointer; border:none; background:none; font-family:inherit; }

@keyframes fadeUp { from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);} }
@keyframes fadeIn { from{opacity:0;}to{opacity:1;} }
@keyframes ticker { 0%{transform:translateX(0);}100%{transform:translateX(-50%);} }
@keyframes pulse { 0%,100%{opacity:1;}50%{opacity:0.4;} }
@keyframes blink { 0%,100%{opacity:1;}50%{opacity:0;} }

.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; }
:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
.anim { opacity:0; transform:translateY(16px); transition:all 0.5s var(--ease); }
.anim.vis { opacity:1; transform:translateY(0); }

/* ========== NAV ========== */
.nav {
  position:sticky; top:0; z-index:1000;
  background:var(--bg);
  border-bottom:1px solid var(--border);
  height:var(--nav-h);
}
.nav-inner {
  max-width:var(--max-w-wide); margin:0 auto; padding:0 1.5rem;
  height:100%; display:flex; align-items:center; justify-content:space-between;
}
.nav-logo { display:flex; align-items:center; gap:10px; cursor:pointer; }
.nav-center { display:flex; align-items:center; gap:0.15rem; }
.nav-link {
  font-size:0.75rem; font-weight:400; color:var(--text-sec);
  padding:0.4rem 0.75rem; transition:all 0.15s; border-radius:0;
  display:inline-flex; align-items:center; gap:6px;
  letter-spacing:0.05em; text-transform:uppercase;
}
.nav-link svg { flex-shrink:0; opacity:0.5; transition:opacity 0.15s; }
.nav-link:hover { color:var(--black); background:var(--bg-cool); }
.nav-link:hover svg { opacity:0.8; }
.nav-right { display:flex; align-items:center; gap:0.75rem; }
.btn-sub {
  font-family:var(--font); font-size:0.75rem; font-weight:500;
  letter-spacing:0.08em; text-transform:uppercase;
  color:var(--white); background:var(--black);
  padding:0.6rem 1.5rem; border-radius:0; transition:all 0.2s;
}
.btn-sub:hover { background:var(--text-sec); }

.nav-toggle { display:none; flex-direction:column; gap:4px; padding:6px; }
.nav-toggle span { width:18px; height:2px; background:var(--black); }
@media(max-width:768px){
  .nav-toggle{display:flex;}
  .nav-center,.nav-right{display:none;}
  .nav-center.open,.nav-right.open{
    display:flex;position:fixed;top:var(--nav-h);left:0;right:0;
    background:var(--white);flex-direction:column;padding:1rem 1.5rem;
    border-bottom:1px solid var(--border);gap:0.25rem;z-index:999;
  }
  .nav-link{padding:0.6rem 0;width:100%;border-radius:0;border-bottom:1px solid var(--border);}
}

/* ========== HEADLINE ROTATOR ========== */
.headline-bar {
  border-bottom:1px solid var(--border);
  height:36px; overflow:hidden; position:relative;
  display:flex; align-items:center; justify-content:center;
}
.headline-bar-inner {
  max-width:var(--max-w-wide); width:100%; margin:0 auto;
  padding:0 1.5rem; position:relative; height:100%;
  display:flex; align-items:center; justify-content:center;
}
.headline-slide {
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center; gap:8px;
  opacity:0; transition:opacity 0.6s ease;
  pointer-events:none;
}
.headline-slide.active { opacity:1; pointer-events:auto; }
.headline-cat {
  font-family:var(--font); font-size:0.62rem; font-weight:600;
  text-transform:uppercase; letter-spacing:0.08em;
  color:var(--text-muted);
}
.headline-text {
  font-family:var(--font-display); font-size:0.75rem; font-weight:500;
  color:var(--text-sec); letter-spacing:0.01em;
}
.headline-sep {
  width:3px; height:3px; border-radius:50%; background:var(--border-dark);
  flex-shrink:0;
}

/* ========== HERO ========== */
.hero {
  position:relative;
  min-height:85vh;
  display:flex; align-items:center; justify-content:center;
  background:url('/sketch-bg.png') center center / cover no-repeat;
  animation:fadeUp 0.6s var(--ease) both;
}
.hero-inner {
  max-width:600px; margin:0 auto; text-align:center;
  padding:4rem 1.5rem;
}

.hero h1 {
  font-family:var(--font-display);
  font-size:clamp(2.4rem,5.5vw,3.8rem);
  font-weight:700; line-height:1.15;
  letter-spacing:-0.01em;
  color:var(--black); margin:0;
  font-style:italic;
}

@media (max-width:768px) {
  .hero { min-height:60vh; }
  .hero-inner { padding:3rem 1.5rem; }
}

/* ========== SUBSCRIBE HERO ========== */
.subscribe-hero {
  padding:4.5rem 1.5rem;
  background:var(--bg);
  border-bottom:1px solid var(--border);
}
.subscribe-hero-inner {
  max-width:var(--max-w-wide); margin:0 auto;
  display:flex; gap:4rem; align-items:flex-start;
}
.subscribe-left {
  flex:1; min-width:0;
}
.subscribe-right {
  flex:0 0 45%; max-width:45%;
}
.subscribe-right h3 {
  font-family:var(--font-display); font-size:1.1rem; font-weight:700;
  color:var(--black); margin-bottom:1.5rem;
}
.subscribe-right-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:0.75rem;
}
.subscribe-right-card {
  padding:0.9rem; border:1px solid var(--border);
}
.subscribe-right-card .card-num {
  font-family:var(--font-display); font-size:0.6rem; font-weight:700;
  color:var(--text-muted); margin-bottom:0.35rem; letter-spacing:0.04em;
}
.subscribe-right-card h4 {
  font-family:var(--font-display); font-size:0.82rem; font-weight:700;
  color:var(--black); margin-bottom:0.2rem;
}
.subscribe-right-card p {
  font-size:0.72rem; color:var(--text-sec); line-height:1.55;
}
.subscribe-hero-label {
  font-family:var(--font); font-size:0.7rem; font-weight:400;
  text-transform:uppercase; letter-spacing:0.15em;
  color:var(--text-muted); margin-bottom:1.2rem;
}
.subscribe-hero-sub {
  font-size:1.05rem; color:var(--text-sec);
  max-width:480px; margin-bottom:2.5rem; line-height:1.85;
  font-weight:300;
}
.subscribe-hero .cta-note { font-size:0.75rem; color:var(--text-muted); }

@media (max-width:768px) {
  .subscribe-hero-inner { flex-direction:column; gap:2.5rem; }
  .subscribe-left { text-align:center; }
  .subscribe-right { flex:0 0 auto; max-width:100%; }
  .subscribe-hero-sub { margin-left:auto; margin-right:auto; }
  .subscribe-right-grid { grid-template-columns:1fr; }
}

/* ========== SUBSCRIBE ========== */
.subscribe-section {
  background:var(--bg-warm); padding:3rem 1.5rem;
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
.subscribe-inner {
  max-width:560px; margin:0 auto; text-align:center;
}
.subscribe-inner h2 {
  font-family:var(--font-display); font-size:1.3rem; font-weight:700;
  color:var(--black); margin-bottom:0.4rem;
}
.subscribe-inner > p {
  font-size:0.88rem; color:var(--text-sec); margin-bottom:1.5rem;
}
#sub-email:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-light); }

/* ========== SECTIONS ========== */
.section { padding:4.5rem 1.5rem; }
.section-inner { max-width:var(--max-w-wide); margin:0 auto; }
.section-hdr { margin-bottom:2.5rem; display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.section-hdr h2 {
  font-family:var(--font-display); font-size:1.3rem; font-weight:700;
  color:var(--black);
}
.section-hdr .view-all {
  font-family:var(--font); font-size:0.72rem; font-weight:500;
  color:var(--link); cursor:pointer; white-space:nowrap;
  letter-spacing:0.05em; text-transform:uppercase;
}
.section-hdr .view-all:hover { text-decoration:underline; }

/* ========== FEATURES ========== */
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
@media(max-width:768px){ .features-grid{grid-template-columns:1fr;} }
.feature-card {
  padding:1.35rem; border:1px solid var(--border); border-radius:0;
  transition:all 0.2s var(--ease);
}
.feature-card:hover { border-color:var(--border-dark); box-shadow:0 2px 12px rgba(0,0,0,0.04); }
.feature-icon {
  width:34px; height:34px; border-radius:0; background:var(--warm-light);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:0.75rem; font-size:1rem;
}
.feature-card h3 {
  font-family:var(--font-display); font-size:0.9rem; font-weight:700;
  color:var(--black); margin-bottom:0.3rem;
}
.feature-card p { font-size:0.8rem; color:var(--text-sec); line-height:1.6; }

/* ========== POST CARDS ========== */
.posts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
@media(max-width:900px){ .posts-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .posts-grid{grid-template-columns:1fr;} }
.post-card {
  border:1px solid var(--border); border-radius:0; overflow:hidden;
  transition:all 0.2s var(--ease); display:flex; flex-direction:column;
}
.post-card:hover { border-color:var(--border-dark); box-shadow:0 4px 20px rgba(0,0,0,0.06); transform:translateY(-2px); }
.post-card-img {
  height:150px; background:var(--bg-cool);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.post-card-img img { width:100%; height:100%; object-fit:cover; }
.post-card-img .placeholder-icon {
  font-family:var(--font-display); font-size:1.6rem; font-weight:700;
  color:var(--border-dark); opacity:0.4;
}
.post-card-body { padding:1rem 1.15rem 1.15rem; flex:1; display:flex; flex-direction:column; }
.post-card-tag {
  font-family:var(--font-display); font-size:0.62rem; font-weight:600;
  text-transform:uppercase; letter-spacing:0.08em;
  color:var(--text-muted); margin-bottom:0.35rem;
}
.post-card-body h3 {
  font-family:var(--font-display); font-size:0.92rem; font-weight:700;
  color:var(--black); line-height:1.3; margin-bottom:0.35rem;
}
.post-card-body p {
  font-size:0.78rem; color:var(--text-sec); line-height:1.55;
  margin-bottom:0.65rem; flex:1;
}
.post-card-meta {
  font-size:0.68rem; color:var(--text-muted);
  display:flex; justify-content:space-between; align-items:center;
  padding-top:0.55rem; border-top:1px solid var(--border);
}
.post-card-meta .read-link {
  font-family:var(--font-display); font-weight:600; color:var(--link); font-size:0.72rem;
}

/* ========== STORY SECTION ========== */
.story-section { border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--bg-cool); }
.story-box {
  max-width:960px; margin:0 auto;
  padding:2rem 2.5rem; border-radius:0;
  background:var(--white); border:1px solid var(--border);
}
.story-box h2 { font-family:var(--font-display); font-size:1.15rem; font-weight:700; color:var(--black); margin-bottom:0.4rem; }
.story-box > p { font-size:0.88rem; color:var(--text-sec); line-height:1.65; margin-bottom:1rem; max-width:680px; }
.story-cta {
  font-family:var(--font-display); font-size:0.82rem; font-weight:600;
  color:var(--link); cursor:pointer;
}
.story-cta:hover { text-decoration:underline; }

/* ========== CTA ========== */
.cta-section { padding:0; }
.cta-box {
  background:var(--accent); border-radius:0;
  padding:4.5rem 2rem; text-align:center; color:var(--white);
}
.cta-box h2 {
  font-family:var(--font-display); font-size:1.6rem; font-weight:600;
  margin-bottom:0.6rem; font-style:italic;
}
.cta-box p {
  font-size:0.88rem; color:rgba(255,255,255,0.7); max-width:420px;
  margin:0 auto 1.8rem; line-height:1.7; font-weight:300;
}
.btn-sub-light {
  font-family:var(--font); font-size:0.72rem; font-weight:500;
  letter-spacing:0.08em; text-transform:uppercase;
  color:var(--black); background:var(--white);
  padding:0.65rem 2rem; border-radius:0; transition:all 0.2s;
  display:inline-block;
}
.btn-sub-light:hover { background:#e8e8e6; }

/* ========== ARCHIVE ========== */
.arch-header { padding:3rem 1.5rem 1.5rem; max-width:var(--max-w-wide); margin:0 auto; }
.arch-header h1 {
  font-family:var(--font-display); font-size:1.6rem; font-weight:700;
  color:var(--black); margin-bottom:0.2rem;
}
.arch-header p { color:var(--text-sec); font-size:0.88rem; }
.arch-filters {
  padding:0 1.5rem; position:sticky; top:var(--nav-h);
  background:var(--white); z-index:100; border-bottom:1px solid var(--border);
}
.arch-chips {
  max-width:var(--max-w-wide); margin:0 auto;
  display:flex; gap:0.3rem; flex-wrap:wrap; padding:0.6rem 0;
}
.ac {
  font-family:var(--font-display); font-size:0.68rem; font-weight:600;
  color:var(--text-sec); padding:5px 12px; cursor:pointer;
  transition:all 0.15s; border-radius:20px;
  border:1px solid var(--border); background:var(--white);
  text-transform:uppercase; letter-spacing:0.04em;
}
.ac:hover { color:var(--black); border-color:var(--border-dark); }
.ac.act { background:var(--black); color:var(--white); border-color:var(--black); }
.arch-results { padding:1rem 1.5rem 4rem; }
.arch-grid { max-width:var(--max-w-wide); margin:0 auto; display:flex; flex-direction:column; }
.acard {
  padding:1rem 0; display:flex; gap:1rem; align-items:flex-start;
  border-bottom:1px solid var(--border); cursor:pointer; transition:all 0.15s;
}
.acard:hover { background:var(--bg-cool); margin:0 -1rem; padding-left:1rem; padding-right:1rem; border-radius:0; }
.acard-num {
  font-family:var(--font-display); font-size:0.72rem; font-weight:700;
  color:var(--text-muted); min-width:35px; padding-top:2px;
}
.acard-c h3 { font-family:var(--font-display); font-size:0.88rem; font-weight:700; color:var(--black); line-height:1.3; margin-bottom:0.1rem; }
.acard-c .am { font-size:0.7rem; color:var(--text-muted); }
.acard-c .am span { color:var(--link); font-weight:500; }
.acard-c p { font-size:0.8rem; color:var(--text-sec); line-height:1.5; margin-top:0.2rem; }

/* ========== ADVERTISE ========== */
.adv-header { padding:3rem 1.5rem 1.5rem; max-width:var(--max-w-wide); margin:0 auto; }
.adv-header h1 { font-family:var(--font-display); font-size:1.6rem; font-weight:700; color:var(--black); margin-bottom:0.4rem; }
.adv-header p { color:var(--text-sec); font-size:0.92rem; max-width:520px; line-height:1.65; }
.adv-content { padding:1rem 1.5rem 4rem; }
.adv-grid { max-width:var(--max-w-wide); margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:3rem; }
@media(max-width:768px){ .adv-grid{grid-template-columns:1fr;} }
.adv-bens h2 { font-family:var(--font-display); font-size:1.05rem; font-weight:700; color:var(--black); margin-bottom:1.25rem; }
.adv-item { display:flex; gap:0.75rem; margin-bottom:1.25rem; align-items:flex-start; }
.adv-num {
  font-family:var(--font-display); font-size:0.68rem; font-weight:700;
  width:24px; height:24px; border-radius:0; background:var(--cta-light);
  color:var(--cta); display:flex; align-items:center; justify-content:center;
  flex-shrink:0; margin-top:2px;
}
.adv-item h3 { font-family:var(--font-display); font-size:0.85rem; font-weight:700; color:var(--black); margin-bottom:2px; }
.adv-item p { font-size:0.8rem; color:var(--text-sec); line-height:1.55; }
.adv-form { background:var(--bg-cool); border-radius:0; padding:1.75rem; border:1px solid var(--border); }
.adv-form h2 { font-family:var(--font-display); font-size:1rem; font-weight:700; color:var(--black); margin-bottom:1rem; }
.fg { margin-bottom:0.75rem; }
.fg label { display:block; font-family:var(--font-display); font-size:0.68rem; font-weight:600; color:var(--text-sec); margin-bottom:4px; }
.fg input,.fg select,.fg textarea {
  width:100%; padding:0.55rem 0.75rem; font-family:var(--font); font-size:0.85rem;
  color:var(--text); border:1.5px solid var(--border-dark); background:var(--white);
  outline:none; transition:border-color 0.15s; border-radius:0;
}
.fg input:focus,.fg select:focus,.fg textarea:focus { border-color:var(--accent); }
.fg textarea { resize:vertical; min-height:80px; }
.form-btn {
  width:100%; padding:0.75rem; font-family:var(--font); font-size:0.72rem; font-weight:500;
  letter-spacing:0.08em; text-transform:uppercase;
  color:var(--white); background:var(--black); border-radius:0;
  transition:background 0.2s; margin-top:0.4rem;
}
.form-btn:hover { background:var(--cta-dark); }

/* ========== ABOUT ========== */
.about-header { padding:3rem 1.5rem 1.5rem; max-width:var(--max-w-wide); margin:0 auto; }
.about-header h1 { font-family:var(--font-display); font-size:1.6rem; font-weight:700; color:var(--black); margin-bottom:0.4rem; }
.about-header p { color:var(--text-sec); font-size:0.92rem; max-width:580px; line-height:1.65; }

.about-section { padding:4rem 1.5rem; }
.about-section-inner { max-width:var(--max-w-wide); margin:0 auto; }
.about-section-inner h2 {
  font-family:var(--font-display); font-size:1.2rem; font-weight:700;
  color:var(--black); margin-bottom:1.5rem;
}

.mission-box {
  max-width:960px; margin:0 auto;
  padding:2rem 2.5rem; border-radius:0;
  background:var(--bg-cool); border:1px solid var(--border);
}
.mission-box p {
  font-size:0.95rem; color:var(--text-sec); line-height:1.7;
  margin-bottom:1rem;
}
.mission-box p:last-child { margin-bottom:0; }

/* ========== PILLARS ========== */
.pillars-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
@media(max-width:768px){ .pillars-grid{grid-template-columns:1fr;} }
.pillar-card {
  padding:1.5rem; border:1px solid var(--border); border-radius:0;
  background:var(--white);
  transition:all 0.2s var(--ease);
}
.pillar-card:hover { border-color:var(--border-dark); box-shadow:0 2px 12px rgba(0,0,0,0.04); }
.pillar-num {
  font-family:var(--font-display); font-size:0.68rem; font-weight:700;
  width:26px; height:26px; border-radius:0; background:var(--cta-light);
  color:var(--cta); display:flex; align-items:center; justify-content:center;
  margin-bottom:0.85rem;
}
.pillar-card h3 {
  font-family:var(--font-display); font-size:0.95rem; font-weight:700;
  color:var(--black); margin-bottom:0.4rem;
}
.pillar-card p { font-size:0.83rem; color:var(--text-sec); line-height:1.6; }

/* ========== TEAM ========== */
.team-section { background:var(--bg-cool); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.team-grid { display:flex; flex-direction:column; gap:1.5rem; max-width:960px; margin:0 auto; }
.team-card {
  background:var(--white);
  border:1px solid var(--border); border-radius:0;
  padding:1.75rem 1.5rem; text-align:left;
  transition:all 0.2s var(--ease);
  display:flex; flex-direction:row; align-items:center; gap:1.5rem;
}
.team-card:hover { border-color:var(--border-dark); box-shadow:0 4px 20px rgba(0,0,0,0.06); transform:translateY(-2px); }
@media(max-width:700px){
  .team-card { flex-direction:column; align-items:center; text-align:center; }
}
.team-left {
  display:flex; flex-direction:column; align-items:center;
  text-align:center; flex-shrink:0; min-width:140px;
}
.team-photo {
  width:110px; height:110px; border-radius:50%;
  background:var(--bg-warm); border:1px solid var(--border);
  overflow:hidden; margin-bottom:0.75rem;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.team-photo img { width:100%; height:100%; object-fit:cover; }
.team-photo-placeholder {
  font-family:var(--font-display); font-size:1.6rem; font-weight:700;
  color:var(--border-dark); opacity:0.5;
}
.team-card h3 {
  font-family:var(--font-display); font-size:1rem; font-weight:700;
  color:var(--black); margin-bottom:0.15rem;
}
.team-role {
  font-family:var(--font-display); font-size:0.7rem; font-weight:600;
  text-transform:uppercase; letter-spacing:0.08em;
  color:var(--accent); margin-bottom:0.85rem;
}
.team-bio {
  font-size:0.82rem; color:var(--text-sec); line-height:1.6;
}
.team-social {
  display:inline-flex; align-items:center; gap:6px;
  margin-top:0.85rem; padding:0.4rem 0.75rem;
  font-family:var(--font-display); font-size:0.72rem; font-weight:600;
  color:var(--text-sec); background:var(--bg-cool);
  border:1px solid var(--border); border-radius:0;
  transition:all 0.15s;
}
.team-social:hover { color:var(--accent); border-color:var(--accent); background:var(--accent-light); }
.team-social svg { flex-shrink:0; }

/* ========== FOOTER ========== */
.footer { border-top:1px solid var(--border); padding:2rem 1.5rem; }
.footer-inner {
  max-width:var(--max-w-wide); margin:0 auto;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem;
}
.footer-brand { display:flex; align-items:center; gap:8px; }
.footer-brand span { font-family:var(--font-display); font-size:0.85rem; color:var(--text-sec); font-weight:600; }
.footer-links { display:flex; gap:1.5rem; }
.footer-links a { font-size:0.75rem; color:var(--text-muted); transition:color 0.15s; font-weight:500; cursor:pointer; }
.footer-links a:hover { color:var(--black); }
.footer-copy {
  width:100%; text-align:center; font-size:0.65rem; color:var(--text-muted);
  margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border);
}

/* Empty states */
.empty-state {
  text-align:center; padding:3rem 2rem;
  display:flex; flex-direction:column; align-items:center; gap:0.5rem;
}
.empty-state h3 { font-family:var(--font-display); font-size:1.05rem; font-weight:700; color:var(--text); }
.empty-state p { font-size:0.85rem; color:var(--text-muted); max-width:380px; line-height:1.6; }
.empty-state a { color:var(--link); font-weight:600; cursor:pointer; }

/* ========== WHAT'S INSIDE ========== */
.inside-header {
  padding:3.5rem 1.5rem 0;
  max-width:var(--max-w-wide); margin:0 auto;
}
.inside-header h1 {
  font-family:var(--font-display); font-size:1.6rem; font-weight:700;
  color:var(--black); margin-bottom:0.4rem;
}
.inside-layout {
  max-width:var(--max-w-wide); margin:0 auto;
  padding:2.5rem 1.5rem 4rem;
  display:grid; grid-template-columns:1fr 1.2fr; gap:3.5rem;
  align-items:start;
}
@media(max-width:768px){ .inside-layout{grid-template-columns:1fr; gap:2rem;} }
.inside-intro p {
  font-size:0.95rem; color:var(--text-sec); line-height:1.75; margin-bottom:1.25rem;
}
.inside-intro p:last-of-type { margin-bottom:2rem; }
.inside-intro .inside-stat {
  font-family:var(--font-display); font-size:0.78rem; font-weight:600;
  color:var(--text-muted); letter-spacing:0.03em;
  padding-top:1.25rem; border-top:1px solid var(--border);
}
.inside-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:1rem;
}
@media(max-width:480px){ .inside-grid{grid-template-columns:1fr;} }
.inside-card {
  padding:1.25rem 1.35rem;
  border:1px solid var(--border);
  background:var(--white);
  transition:all 0.2s var(--ease);
}
.inside-card:hover {
  border-color:var(--border-dark);
  box-shadow:0 2px 12px rgba(0,0,0,0.04);
}
.inside-card-num {
  font-family:var(--font-display); font-size:0.68rem; font-weight:700;
  color:var(--text-muted); margin-bottom:0.6rem;
  letter-spacing:0.04em;
}
.inside-card h3 {
  font-family:var(--font-display); font-size:0.95rem; font-weight:700;
  color:var(--black); margin-bottom:0.35rem;
}
.inside-card p {
  font-size:0.8rem; color:var(--text-sec); line-height:1.6;
}