/*
Theme Name: Neve Child
Template: neve
Version: 1.0
*/
  <style>
    /* ---------------------------------------------
       JCOLSROCKS – Single-file static homepage
       No frameworks; pure HTML/CSS with a sprinkle of JS.
       --------------------------------------------- */

    :root{
      --ink:#0B1B2B;          /* primary deep navy */
      --gold:#F5B400;         /* accent */
      --paper:#FFFFFF;        /* background */
      --wash:#F7F7F5;         /* soft background */
      --copy:#444444;         /* body text */
      --ring: rgba(0,0,0,.06);/* soft outline */
      --radius: 14px;
    }

    /* CSS reset (minimal) */
    *,*::before,*::after{box-sizing:border-box}
    html,body{height:100%}
    body{margin:0;font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji","Segoe UI Emoji"; color:var(--ink); background:var(--paper); line-height:1.5}
    img{max-width:100%; display:block}
    a{color:inherit; text-decoration:none}
    button,input{font:inherit}

    .container{max-width:1200px; margin-inline:auto; padding:0 20px}
    .shadow{box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.06)}
    .ring{outline:1px solid var(--ring)}
    .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
    .skip-link:focus{position:fixed; left:12px; top:12px; z-index:9999; padding:.5rem .75rem; background:#fff; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,.15)}

    /* Header */
    header{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.8); backdrop-filter:saturate(180%) blur(6px); border-bottom:1px solid rgba(11,27,43,.1)}
    .nav{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
    .brand{display:flex; align-items:center; gap:10px}
    .brand-mark{width:32px; height:32px; border-radius:999px; background:var(--ink)}
    .brand-name{font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size:22px; letter-spacing:.5px}
    .primary-nav{display:none; gap:24px}
    .primary-nav a{font-size:14px; color:var(--copy)}
    .primary-nav a:hover{color:var(--ink)}
    .cta{background:var(--gold); color:var(--ink); font-weight:700; padding:.55rem .95rem; border-radius:999px; box-shadow:0 1px 1px rgba(0,0,0,.06)}
    .cta:focus{outline:2px solid rgba(245,180,0,.5); outline-offset:2px}

    /* Hero */
    .hero{background:var(--wash)}
    .hero-grid{display:grid; grid-template-columns:1fr; gap:28px; padding:48px 0}
    .hero h1{font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size:36px; line-height:1.15; margin:0}
    .hero p{color:var(--copy); font-size:18px; margin:14px 0 0}
    .btn-primary{display:inline-flex; align-items:center; gap:8px; background:var(--ink); color:#fff; padding:.8rem 1.1rem; margin-top:18px; border-radius:999px}
    .media-card{border-radius:20px; overflow:hidden}
    .meta{display:flex; align-items:center; gap:10px; margin-top:14px}
    .pill{display:inline-flex; align-items:center; padding:.25rem .6rem; border-radius:999px; background:var(--wash); color:var(--ink); font-size:12px; border:1px solid rgba(11,27,43,.12)}
    .meta-small{display:inline-flex; align-items:center; gap:6px; color:var(--copy); font-size:14px}
    .post-title{font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size:24px; margin:8px 0 2px}
    .post-dek{color:var(--copy)}

    /* Latest grid */
    section{scroll-margin-top:100px}
    .section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px}
    h2.section-title{font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size:28px; margin:0}
    .section-sub{color:var(--copy)}
    .grid{display:grid; gap:22px}
    .card{display:block}
    .card .thumb{aspect-ratio:3/2; border-radius:16px; overflow:hidden}
    .card-title{font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size:20px; margin:8px 0 4px; line-height:1.25}
    .card-ex{font-size:14px; color:var(--copy); margin:0}
    .link-more{display:inline-block; font-size:14px; color:var(--ink); margin-top:2px}

    /* Quotes carousel */
    .carousel-wrap{position:relative}
    .carousel{display:flex; gap:16px; overflow:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding-bottom:4px}
    .carousel::-webkit-scrollbar{height:8px}
    .carousel::-webkit-scrollbar-thumb{background:rgba(11,27,43,.18); border-radius:999px}
    .q-card{flex:0 0 100%; scroll-snap-align:start; border-radius:18px; overflow:hidden}
    .q-media{position:relative; aspect-ratio:3/2}
    .q-media img{width:100%; height:100%; object-fit:cover}
    .q-media::after{content:""; position:absolute; inset:0; background:rgba(0,0,0,.22)}
    .q-copy{position:absolute; inset:0; display:flex; align-items:flex-end; padding:18px}
    .q-box{background:rgba(255,255,255,.92); border-radius:12px; padding:12px 14px; box-shadow:0 6px 16px rgba(0,0,0,.12)}
    .q-text{font-size:14px; color:var(--ink); margin:0}
    .q-author{font-size:12px; color:var(--copy); margin:.25rem 0 0}
    .dots{display:flex; justify-content:center; gap:6px; margin-top:10px}
    .dot{width:8px; height:8px; border-radius:999px; background:rgba(11,27,43,.3); border:0}
    .dot[aria-current="true"]{background:var(--ink)}

    /* About block */
    .about-grid{display:grid; grid-template-columns:1fr; gap:24px}
    .about-pic{width:220px; aspect-ratio:1/1; border-radius:18px; object-fit:cover}
    .btn-outline{display:inline-block; border:1px solid rgba(11,27,43,.22); border-radius:999px; padding:.55rem .9rem; color:var(--ink)}

    /* Newsletter */
    .subscribe{background:var(--ink); color:#fff; border-radius:24px; padding:28px}
    .subscribe h2{font-family: Georgia, Cambria, "Times New Roman", Times, serif; margin:0 0 6px}
    .form{display:flex; flex-direction:column; gap:10px}
    .field{border:0; border-radius:999px; padding:.8rem 1rem; width:100%; color:var(--ink)}
    .btn-gold{background:var(--gold); color:var(--ink); border:0; border-radius:999px; padding:.8rem 1rem; font-weight:700}

    /* Tabs */
    .tabs{display:inline-flex; background:var(--wash); border:1px solid rgba(11,27,43,.12); border-radius:999px; padding:4px}
    .tabs button{border:0; background:transparent; padding:.5rem .9rem; border-radius:999px; color:var(--copy)}
    .tabs button[aria-selected="true"]{background:#fff; color:var(--ink); box-shadow:0 1px 2px rgba(0,0,0,.06)}

    /* Footer */
    footer{border-top:1px solid rgba(11,27,43,.1); margin-top:20px}
    .f-grid{display:grid; gap:20px}
    .fine{display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(11,27,43,.1); padding-top:12px; font-size:12px; color:var(--copy)}

    /* Responsive */
    @media (min-width: 720px){
      .primary-nav{display:flex}
      .hero-grid{grid-template-columns:1fr 1fr; padding:56px 0}
      .hero h1{font-size:46px}
      .grid.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
      .about-grid{grid-template-columns:220px 1fr; align-items:center}
      .form{flex-direction:row}
      .q-card{flex-basis:48%}
    }
    @media (min-width: 1000px){
      .q-card{flex-basis:32%}
      .f-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}
    }
  </style>