:root{
      --bg:#0e0e0e;          /* near-black */
      --panel:#111214;       /* panels/cards */
      --ink:#fff;         /* primary text */
      --muted:#aaaaaf;       /* muted text */
      --brand:#c2a97b;       /* warm sand / gold */
      --brand-2:#8a6f40;     /* darker accent */
      --accent:#ffffff;      /* white lines */
      --danger:#b22222;      /* thorn accent */
      --maxw:1200px;
      --radius:18px;
      --shadow:0 6px 30px rgba(0,0,0,.35);
    }
    *{box-sizing:border-box}
    html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
    /* NAV */
    .nav{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(14,14,14,.95),rgba(14,14,14,.70));backdrop-filter:blur(6px);border-bottom:1px solid #1c1c20}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
    .brand{display:flex;align-items:center;gap:12px}
    .brand-mark{width:34px;height:34px;border:2px solid var(--brand);border-radius:50%;position:relative}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px dashed var(--danger);filter:drop-shadow(0 0 8px rgba(178,34,34,.25))}
    .brand h1{font:700 18px Oswald,Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0}
    .nav a{opacity:.9}
    .nav-links{display:flex;gap:22px}
    .cta{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#0c0c0c;padding:10px 16px;border-radius:999px;font-weight:700;border:1px solid var(--brand-2)}
    .cta:hover{transform:translateY(-1px)}
    /* HERO */
    .hero{position:relative;isolation:isolate}
    .hero-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch;padding:42px 0}
    .hero-card{background:linear-gradient(180deg,#141416,#0f1012);border:1px solid #1d1f22;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative}
    .hero-card.media{min-height:420px}
    .hero-card.media .tag{position:absolute;top:16px;left:16px;background:rgba(194,169,123,.15);color:var(--brand);padding:6px 10px;border-radius:999px;border:1px solid rgba(194,169,123,.35);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
    .hero-card.media .image{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1520975922284-7b1ff6b2f33f?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat}
    .hero-card.copy{padding:36px}
    .eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:12px;margin-bottom:10px}
    .headline{font:800 clamp(28px,3.6vw,48px)/1.05 Oswald,Inter,sans-serif;letter-spacing:.02em;margin:6px 0 14px}
    .sub{color:var(--muted);max-width:52ch}
    .hero-actions{display:flex;gap:12px;margin-top:24px}
    .ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid #2a2b2f;background:#15161a;color:var(--ink);font-weight:600}
    .ghost:hover{border-color:#3a3b40}
    /* STRIP */
    .values{border-top:1px solid #1c1d21;border-bottom:1px solid #1c1d21;background:#0f0f10}
    .values .row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px 0}
    .chip{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #242529;border-radius:12px;background:#141519}
    .chip i{width:8px;height:8px;border-radius:50%;background:var(--brand)}
    /* COLLECTIONS */
    .section{padding:42px 0}
    .section h2{font:800 24px Oswald,Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{background:linear-gradient(180deg,#141416,#101114);border:1px solid #1d1f22;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
    .card .thumb{aspect-ratio:4/5;background:#0b0b0c url('https://images.unsplash.com/photo-1503342217505-b0a15cf70489?q=80&w=1200&auto=format&fit=crop') center/cover}
    .card:nth-child(2) .thumb{background-image:url('https://images.unsplash.com/photo-1475178278683-8f21de0f0f3a?q=80&w=1200&auto=format&fit=crop')}
    .card:nth-child(3) .thumb{background-image:url('https://images.unsplash.com/photo-1539533113208-f6df8cc8b543?q=80&w=1200&auto=format&fit=crop')}
    .card .meta{padding:16px;display:flex;justify-content:space-between;align-items:center}
    .pill{font-size:12px;text-transform:uppercase;letter-spacing:.12em;border:1px solid #2b2c30;border-radius:999px;padding:6px 10px;color:var(--muted)}
    .link{font-weight:700}
    .link span{border-bottom:2px solid var(--brand);}
    /* FEATURED PRODUCTS */
    .products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .product{border:1px solid #1d1f22;border-radius:14px;overflow:hidden;background:#111317;transition:transform .2s}
    .product:hover{transform:translateY(-2px)}
    .product .pimg{aspect-ratio:1/1;background:url('https://images.unsplash.com/photo-1520975922284-7b1ff6b2f33f?q=80&w=1200&auto=format&fit=crop') center/cover}
    .product:nth-child(2) .pimg{background-image:url('https://images.unsplash.com/photo-1520974735194-4f61a9a1a0bb?q=80&w=1200&auto=format&fit=crop')}
    .product:nth-child(3) .pimg{background-image:url('https://images.unsplash.com/photo-1549321689-bbd7116ea9c1?q=80&w=1200&auto=format&fit=crop')}
    .product:nth-child(4) .pimg{background-image:url('https://images.unsplash.com/photo-1539533113208-f6df8cc8b543?q=80&w=1200&auto=format&fit=crop')}
    .product .pmeta{padding:12px 14px}
    .product .name{font-weight:700}
    .price{color:var(--brand)}
    /* MISSION */
    .mission{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
    .mission .copy{background:#121316;border:1px solid #1f2024;border-radius:var(--radius);padding:28px}
    .mission .copy h3{font:800 22px Oswald,Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px}
    .mission .copy p{color:var(--muted)}
    .mission .art{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid #1d1f22}
    .mission .art .image{min-height:360px;background:url('https://images.unsplash.com/photo-1529074002873-0557e0f67bd5?q=80&w=1600&auto=format&fit=crop') center/cover}
    .mission .ribbon{position:absolute;left:-60px;bottom:26px;transform:rotate(-8deg);background:linear-gradient(180deg, #18191c,#101113);border:1px solid #2a2b2f;padding:10px 18px;border-radius:10px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow)}
    .ribbon b{color:var(--brand)}
    /* NEWSLETTER */
    .newsletter{background:linear-gradient(180deg,#121316,#0f1012);border:1px solid #202227;border-radius:var(--radius);padding:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
    .newsletter h3{margin:0;font:800 20px Oswald,Inter,sans-serif;letter-spacing:.08em}
    .field{display:flex;gap:8px}
    .field input{background:#0f1012;border:1px solid #24262b;border-radius:999px;padding:12px 14px;color:var(--ink);min-width:260px}
    .field button{background:var(--brand);border:1px solid var(--brand-2);border-radius:999px;padding:12px 16px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
    /* FOOTER */
    footer{border-top:1px solid #1c1d21;padding:28px 0 60px;color:var(--muted)}
    footer .top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
    .logo-row{display:flex;align-items:center;gap:12px}
    .logo-row .brand-mark{flex:0 0 30px;width:30px;height:30px}
    footer h4{margin:0 0 8px;font:700 14px Oswald,Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
    footer ul{list-style:none;margin:0;padding:0}
    footer li{margin:6px 0}
    .small{font-size:12px;margin-top:16px}
    /* RESPONSIVE */
    @media (max-width:1000px){
      .hero-wrap,.mission{grid-template-columns:1fr}
      .products{grid-template-columns:repeat(2,1fr)}
      .grid{grid-template-columns:repeat(2,1fr)}
      footer .top{grid-template-columns:1fr 1fr}
    }
    @media (max-width:640px){
      .nav-inner{gap:10px}
      .nav-links{display:none}
      .hero-card.copy{padding:22px}
      .products{grid-template-columns:1fr}
      .grid{grid-template-columns:1fr}
      .newsletter{flex-direction:column;align-items:flex-start}
      footer .top{grid-template-columns:1fr}
    }

    .header_logo {
        width: 150px;
    }