/* ==========================================================
   THE COLLECTION SHOP
   HOMEPAGE — 2026

   File:
   /css/tcs-home-2026.css

   Full-width homepage system.
   Max canvas: 2400px.
   ========================================================== */

.tcs-home26,
  .tcs-home26 *{
    box-sizing:border-box;
  }

  .tcs-home26{
    --ink:#171717;
    --copy:#625d57;
    --muted:#817970;
    --line:#e5ded6;
    --warm:#f7f4ef;
    --wine:#690034;
    --gold:#8e6e43;

    width:100%;
    overflow-x:hidden;
    color:var(--copy);
    background:#fff;
    font-family:Arial,Helvetica,sans-serif;
  }

  .tcs-home26__wide{
    width:calc(100vw - 28px);
    max-width:2400px;

    position:relative;
    left:50%;

    margin-left:0;
    margin-right:0;

    transform:translateX(-50%);
  }

  .tcs-home26-kicker{
    margin:0 0 9px;
    color:var(--gold);
    font-size:11px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
  }


  /* HERO */

  .tcs-home26-hero{
    padding:34px 0 54px;
    background:#f8f5f1;
    border-bottom:1px solid var(--line);
  }

  .tcs-home26-hero__grid{
    display:grid;
    grid-template-columns:minmax(520px,.9fr) minmax(760px,1.1fr);
    gap:68px;
    align-items:center;
  }

  .tcs-home26-hero h1{
    max-width:980px;
    margin:0;
    color:var(--ink);
    font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size:clamp(44px,4.3vw,78px);
    font-weight:500;
    line-height:1.01;
    letter-spacing:-.035em;
  }

  .tcs-home26-hero__copy{
    max-width:730px;
    margin:20px 0 0;
    color:#645e58;
    font-size:17px;
    line-height:1.72;
  }

  .tcs-home26-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:27px;
  }

  .tcs-home26-button{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 22px;
    border-radius:0;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-decoration:none;
    text-transform:uppercase;
  }

  .tcs-home26-button--primary{
    color:#fff !important;
    background:var(--wine);
    border:1px solid var(--wine);
  }

  .tcs-home26-button--secondary{
    color:#312d29 !important;
    background:#fff;
    border:1px solid #d6ccc2;
  }

  .tcs-home26-trust{
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    margin-top:24px;
    padding-top:17px;
    border-top:1px solid #ded5cd;
    color:#6d665f;
    font-size:12px;
    line-height:1.45;
  }

  .tcs-home26-trust strong{
    color:#302c28;
  }

  .tcs-home26-hero__media{
    position:relative;
    min-height:680px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#f0ebe5;
    border:1px solid #ddd5cd;
  }

  .tcs-home26-hero__media img{
    width:100%;
    height:680px;
    display:block;
    object-fit:contain;
  }

  .tcs-home26-hero__caption{
    position:absolute;
    right:18px;
    bottom:18px;
    left:18px;
    padding:14px 16px;
    color:#fff;
    background:rgba(25,20,17,.82);
  }

  .tcs-home26-hero__caption strong{
    display:block;
    font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size:18px;
    font-weight:600;
  }

  .tcs-home26-hero__caption span{
    display:block;
    margin-top:3px;
    color:#e7dfd7;
    font-size:11px;
  }


  /* SHARED SECTION */

  .tcs-home26-section{
    padding:72px 0;
  }

  .tcs-home26-section--warm{
    background:var(--warm);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }

  .tcs-home26-section__head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:36px;
    margin-bottom:30px;
  }

  .tcs-home26-section__head h2,
  .tcs-home26-story h2{
    max-width:900px;
    margin:0;
    color:var(--ink);
    font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size:clamp(31px,3.5vw,48px);
    font-weight:500;
    line-height:1.08;
    letter-spacing:-.02em;
  }

  .tcs-home26-section__intro{
    max-width:740px;
    margin:11px 0 0;
    color:#6c655e;
    font-size:15px;
    line-height:1.68;
  }

  .tcs-home26-text-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--wine) !important;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-decoration:none;
    text-transform:uppercase;
  }

  .tcs-home26-text-link::after{
    content:"→";
  }


  /* COLLECTION GRID */

  .tcs-home26-collections{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:20px 18px;
  }

  .tcs-home26-collection{
    min-width:0;
    background:#fff;
    border:1px solid var(--line);
  }

  .tcs-home26-collection__media{
    position:relative;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#f4f0eb;
    border-bottom:1px solid var(--line);
  }

  .tcs-home26-collection__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    padding:10px;
  }

  .tcs-home26-collection__body{
    padding:20px 20px 22px;
  }

  .tcs-home26-collection h3{
    margin:0;
    color:#2d2926;
    font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size:23px;
    font-weight:600;
    line-height:1.2;
  }

  .tcs-home26-collection__copy{
    margin:9px 0 0;
    color:#716a63;
    font-size:13px;
    line-height:1.6;
  }

  .tcs-home26-collection__link{
    display:inline-block;
    margin-top:15px;
    color:var(--wine);
    font-size:13px;
    font-weight:700;
    letter-spacing:.05em;
    text-decoration:none;
    text-transform:uppercase;
  }


  /* NEW ARRIVALS */

  .tcs-home26-new{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:20px 18px;
  }

  .tcs-home26-product{
    min-width:0;
    background:#fff;
    border:1px solid var(--line);
  }

  .tcs-home26-product__media{
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#f4f0eb;
  }

  .tcs-home26-product__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    padding:8px;
  }

  .tcs-home26-product__body{
    padding:16px 16px 19px;
  }

  .tcs-home26-product__artist{
    margin:0 0 5px;
    color:var(--gold);
    font-size:10px;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
  }

  .tcs-home26-product h3{
    margin:0;
    color:#302c29;
    font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size:19px;
    font-weight:600;
    line-height:1.25;
  }

  .tcs-home26-product h3 a{
    color:inherit;
    text-decoration:none;
  }

  .tcs-home26-product__meta{
    margin:7px 0 0;
    color:#7c746c;
    font-size:11px;
    line-height:1.4;
  }

  .tcs-home26-product__price{
    margin:12px 0 0;
    color:#25221f;
    font-size:14px;
    font-weight:700;
  }


  /* ARTISTS */

  .tcs-home26-artists{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    border-top:1px solid var(--line);
    border-left:1px solid var(--line);
  }

  .tcs-home26-artist{
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px;
    color:#45403b;
    background:#fff;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size:16px;
    line-height:1.25;
    text-align:center;
    text-decoration:none;
  }

  .tcs-home26-artist:hover{
    color:var(--wine);
    background:#faf7f3;
  }


  .tcs-home26-artist-note{
    max-width:820px;
    margin:18px 0 0;
    color:#7a736c;
    font-size:12px;
    line-height:1.6;
  }


  /* STORY / SEO */

  .tcs-home26-story{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
    gap:72px;
    align-items:start;
  }

  .tcs-home26-story__copy{
    max-width:850px;
    margin-top:17px;
  }

  .tcs-home26-story__copy p{
    margin:0 0 16px;
    color:#655f59;
    font-size:15px;
    line-height:1.75;
  }

  .tcs-home26-story__panel{
    padding:28px 30px;
    background:#fff;
    border:1px solid #ddd4ca;
  }

  .tcs-home26-story__panel h3{
    margin:0 0 12px;
    color:#302c28;
    font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size:24px;
    font-weight:600;
  }

  .tcs-home26-story__panel ul{
    margin:0;
    padding:0;
    list-style:none;
  }

  .tcs-home26-story__panel li{
    position:relative;
    margin:0;
    padding:10px 0 10px 20px;
    color:#665f58;
    border-bottom:1px solid #ece6e0;
    font-size:13px;
    line-height:1.5;
  }

  .tcs-home26-story__panel li::before{
    content:"";
    position:absolute;
    top:17px;
    left:0;
    width:6px;
    height:6px;
    background:var(--gold);
  }

  .tcs-home26-story__panel li:last-child{
    border-bottom:0;
  }


  /* ASSISTANCE */

  .tcs-home26-assistance{
    padding:58px 0;
    color:#fff;
    background:#4b0a2a;
  }

  .tcs-home26-assistance__inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:40px;
    align-items:center;
  }

  .tcs-home26-assistance h2{
    max-width:900px;
    margin:0;
    color:#fff;
    font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    font-size:clamp(30px,3.4vw,46px);
    font-weight:500;
    line-height:1.08;
  }

  .tcs-home26-assistance p{
    max-width:760px;
    margin:12px 0 0;
    color:#eadfe5;
    font-size:14px;
    line-height:1.65;
  }

  .tcs-home26-assistance .tcs-home26-button{
    color:#4b0a2a !important;
    background:#fff;
    border:1px solid #fff;
  }


  @media(min-width:1900px){

    .tcs-home26-collections,
    .tcs-home26-new{
      grid-template-columns:repeat(6,minmax(0,1fr));
    }

    .tcs-home26-artists{
      grid-template-columns:repeat(8,minmax(0,1fr));
    }

  }


  @media(max-width:1350px){

    .tcs-home26-collections{
      grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .tcs-home26-new{
      grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .tcs-home26-artists{
      grid-template-columns:repeat(5,minmax(0,1fr));
    }

  }


  @media(max-width:1050px){

    .tcs-home26-hero__grid{
      grid-template-columns:1fr;
    }

    .tcs-home26-hero__media{
      min-height:520px;
    }

    .tcs-home26-hero__media img{
      height:520px;
    }

    .tcs-home26-collections{
      grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .tcs-home26-new{
      grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .tcs-home26-artists{
      grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .tcs-home26-story{
      grid-template-columns:1fr;
      gap:34px;
    }

  }


  @media(max-width:760px){

    .tcs-home26__wide{
      width:calc(100vw - 20px);
      max-width:none;
    }

    .tcs-home26-hero{
      padding:24px 0 38px;
    }

    .tcs-home26-hero h1{
      font-size:40px;
    }

    .tcs-home26-hero__copy{
      font-size:15px;
    }

    .tcs-home26-hero__media{
      min-height:0;
      aspect-ratio:1/1;
    }

    .tcs-home26-hero__media img{
      height:100%;
    }

    .tcs-home26-section{
      padding:50px 0;
    }

    .tcs-home26-section__head{
      display:block;
    }

    .tcs-home26-section__head .tcs-home26-text-link{
      margin-top:16px;
    }

    .tcs-home26-collections{
      grid-template-columns:1fr 1fr;
      gap:11px;
    }

    .tcs-home26-collection__body{
      padding:15px 13px 17px;
    }

    .tcs-home26-collection h3{
      font-size:19px;
    }

    .tcs-home26-collection__copy{
      font-size:12px;
    }

    .tcs-home26-new{
      grid-template-columns:1fr 1fr;
      gap:11px;
    }

    .tcs-home26-product__body{
      padding:13px 12px 15px;
    }

    .tcs-home26-product h3{
      font-size:16px;
    }

    .tcs-home26-artists{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .tcs-home26-assistance__inner{
      grid-template-columns:1fr;
    }

  }
