:root{
    --ink:#0C0C0B;
    --char:#161513;
    --gold:#B8985A;
    --gold-light:#D9BC85;
    --cream:#EDE8DD;
    --stone:#93897A;
    --line:#2A2823;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{
    background:var(--ink);
    color:var(--cream);
    font-family:'Jost',sans-serif;
    font-weight:300;
    line-height:1.65;
    position:relative;
  }
  h1,h2,h3{font-family:'Cormorant',serif;font-weight:500;}
  a{color:inherit;text-decoration:none;}

  nav{
    position:fixed;top:0;left:0;right:0;z-index:50;
    display:flex;justify-content:space-between;align-items:center;
    padding:26px 6%;
    background:linear-gradient(to bottom, rgba(12,12,11,0.92), transparent);
  }
  nav .brand{font-family:'Cormorant',serif;font-size:1.3rem;letter-spacing:1px;display:flex;align-items:center;gap:10px;}
  nav .nav-logo{height:34px;width:auto;display:block;}
  nav .brand em{font-style:italic;color:var(--gold-light);}
  nav ul{list-style:none;display:flex;gap:36px;font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;}
  nav ul a{opacity:0.75;transition:opacity 0.25s;}
  nav ul a:hover{opacity:1;color:var(--gold-light);}

  .hero{
    min-height:100vh;position:relative;z-index:2;
    display:flex;flex-direction:column;justify-content:center;align-items:center;
    text-align:center;padding:0 6%;
    background:
      linear-gradient(to bottom, rgba(12,12,11,0.55) 0%, rgba(12,12,11,0.75) 55%, var(--ink) 96%),
      url('immagini/hero.jpg') center 30% / cover no-repeat;
  }
  .hero-eyebrow{font-size:0.72rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:26px;}
  .hero h1{font-size:clamp(2.8rem,7.5vw,5.6rem);line-height:1.02;font-weight:500;}
  .hero h1 em{font-style:italic;color:var(--gold-light);}
  .hero p.sub{max-width:480px;margin:30px auto 0;font-size:1.05rem;color:var(--stone);}
  .hero .cta-row{margin-top:44px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;}
  .btn{padding:15px 36px;border:1px solid var(--gold);font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;transition:all 0.25s;}
  .btn.solid{background:var(--gold);color:var(--ink);}
  .btn.solid:hover{background:var(--gold-light);}
  .btn.ghost:hover{background:rgba(184,152,90,0.1);}

  .collections{padding:120px 6% 130px;position:relative;z-index:2;}
  .section-head{text-align:center;margin-bottom:70px;}
  .section-head .eyebrow{font-size:0.72rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
  .section-head h2{font-size:clamp(2rem,4vw,3rem);}
  .coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;}
  .coll-card{background:var(--char);border:1px solid var(--line);transition:transform 0.35s, border-color 0.35s;}
  .coll-card:hover{transform:translateY(-8px);border-color:var(--gold);}
  .coll-img{
    aspect-ratio:5/4;
    overflow:hidden;
    background:#141311;
  }
  .coll-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.92) contrast(1.03);}
  .coll-body{padding:28px 26px 32px;}
  .coll-tag{font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;display:block;}
  .coll-card h3{font-size:1.7rem;margin-bottom:10px;}
  .coll-card p{font-size:0.9rem;color:var(--stone);margin-bottom:20px;}
  .coll-card .link{font-size:0.72rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-light);border-bottom:1px solid var(--gold-light);padding-bottom:2px;}
  .coll-card .link.pending{color:var(--stone);border-bottom:1px dashed var(--stone);cursor:default;}

  .about{padding:120px 6%;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1200px;margin:0 auto;}
  .about-img{aspect-ratio:5/4;overflow:hidden;background:#121110;}
  .about-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.92) contrast(1.03);}
  .about-text .eyebrow{font-size:0.72rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;}
  .about-text h2{font-size:clamp(1.9rem,3.5vw,2.7rem);margin-bottom:26px;line-height:1.2;}
  .about-text p{color:var(--stone);margin-bottom:16px;max-width:460px;}

  .inka-banner{padding:90px 6%;position:relative;z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;}
  .inka-banner .eyebrow{font-size:0.72rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;}
  .inka-banner h3{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:24px;}

  footer{padding:90px 6% 50px;position:relative;z-index:2;}
  .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px;max-width:1200px;margin:0 auto 60px;}
  footer h4{font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;}
  footer .brand-mark{font-family:'Cormorant',serif;font-size:1.6rem;margin-bottom:16px;}
  footer p{color:var(--stone);font-size:0.9rem;max-width:280px;}
  footer form{display:flex;flex-direction:column;gap:12px;max-width:280px;}
  footer input{background:transparent;border:1px solid var(--line);color:var(--cream);padding:12px 14px;font-family:inherit;font-size:0.85rem;}
  footer input:focus{outline:none;border-color:var(--gold);}
  footer ul{list-style:none;}
  footer ul li{margin-bottom:10px;font-size:0.9rem;color:var(--stone);}
  .footer-bottom{max-width:1200px;margin:0 auto;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:0.75rem;color:var(--stone);flex-wrap:wrap;gap:10px;}

  @media(max-width:860px){
    .coll-grid{grid-template-columns:1fr;}
    .about{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    nav ul{display:none;}
  }