/*
Theme Name: Tarin Buys
Theme URI: https://tarinbuys.com
Author: Tarin Buys
Author URI: https://tarinbuys.com
Description: This is custom theme designed and developed by Tarin Buys.
Version: 1.0
Text Domain: tarinbuys
*/
:root{
    --bg:#f8f4ec; --bg-alt:#f1ead9; --ink:#201c17; --ink-soft:#5c554b;
    --line:rgba(32,28,23,0.14); --accent:#6b7a4f;
  }
  *{box-sizing:border-box;}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:'Geist',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;}
  a{color:var(--accent);text-decoration:none;}
  a:hover{color:var(--ink);}
  .img-slot{width:100%;background:var(--bg-alt);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:13px;text-align:center;overflow:hidden;}
  .img-slot img{width:100%;height:100%;object-fit:cover;}

  .announce{background:var(--accent);color:var(--bg);padding:11px 48px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:400;text-align:center;flex-wrap:wrap;border-radius:0 0 16px 16px;}
  .announce a{color:var(--bg);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease;}
  .announce a:hover{opacity:.75;}

  header{
    position:sticky;
    top:0;
    z-index:50;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px 48px;
    min-height:78px;
    background:rgba(248,244,236,.8);
    backdrop-filter:blur(10px);
    transition:padding .3s ease, background .3s ease;
}
nav.main-nav{
    display:flex;
    gap:34px;
    font-size:14px;
    font-weight:400;
}

header nav.main-nav a{
    color:var(--ink);
    text-decoration:none;
    transition:color .2s ease;
    padding:10px 0;
}

header nav.main-nav a:hover{
    color:var(--accent);
}

header nav.main-nav a.current{
    color:var(--accent);
    font-weight:500;
}

header nav.main-nav a.current:hover{
    color:var(--ink);
}


.logo{font-family:'Geist',sans-serif;font-weight:300;font-size:26px;letter-spacing:-.8px;color:var(--ink);}
  
  .menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;color:var(--ink);font-family:inherit;cursor:pointer;}

  .eyebrow{font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;}
  .listing-hero{padding:100px 48px 48px;max-width:1280px;margin:0 auto;}
  .listing-hero h1{font-family:'Geist',sans-serif;font-weight:200;font-size:clamp(38px,5vw,64px);letter-spacing:-2px;line-height:1.05;margin:0 0 22px;max-width:760px;}
  .listing-hero p{font-size:18px;line-height:1.6;color:var(--ink-soft);max-width:560px;margin:0;font-weight:300;}

  .grid-section{padding:0 0px 140px;max-width:1280px;margin:0 auto;}
  .pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px;}
  .pill{padding:9px 18px;border-radius:100px;font-size:13.5px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);transition:background .2s ease,color .2s ease,border-color .2s ease;}
  .pill.active{border-color:var(--accent);background:var(--accent);color:var(--bg);}

  .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:start;}
  .post-card{display:flex;flex-direction:column;gap:18px;color:inherit;padding:14px;border-radius:20px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;}
  .post-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px -22px rgba(32,28,23,.25);background:var(--bg-alt);}

  /* =========================
   SELECTED WORK + BLOG IMAGES
========================= */

.post-img{
    height:350px;
    aspect-ratio:auto;
    border-radius:16px;
    overflow:hidden;
}

.post-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}


/* Slightly tighter cards */
.post-card{
    display:flex;
    flex-direction:column;
    gap:18px;
    color:inherit;
    padding:14px;
    border-radius:20px;
    transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
}

  .post-meta{font-size:12.5px;font-weight:500;color:var(--accent);letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;}
  .post-card h2{font-size:21px;font-weight:500;margin:0 0 8px;line-height:1.4;color:var(--ink);}
  .post-card p{font-size:14.5px;color:var(--ink-soft);margin:0;line-height:1.6;font-weight:300;}

  .cta-section{padding:0 48px 120px;max-width:1280px;margin:0 auto;}
  .cta-box{background:var(--ink);color:var(--bg);border-radius:24px;padding:64px 48px;text-align:center;}
  .cta-box h2{font-family:'Geist',sans-serif;font-weight:200;font-size:clamp(28px,3.6vw,42px);letter-spacing:-1px;margin:0 0 18px;}
  .cta-box h2 span{font-style:italic;color:var(--accent);}
  .cta-box p{font-size:16px;color:rgba(248,244,236,.72);margin:0 0 32px;font-weight:300;}
  .cta-box a{display:inline-block;padding:15px 28px;background:var(--accent);color:var(--bg);border-radius:100px;font-size:15px;font-weight:500;transition:opacity .25s ease;}
  .cta-box a:hover{opacity:.85;color:var(--bg);}
footer{
  padding:44px 48px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  border-top:1px solid var(--line);
}

.footer-logo{
  font-family:'Geist',sans-serif;
  font-weight:300;
  font-size:19px;
  color:var(--ink);
}

.footer-copy{
  font-size:13px;
  color:var(--ink-soft);
  font-weight:300;
}

.footer-links{
  display:flex;
  gap:22px;
  font-size:13px;
  font-weight:500;
}

html,
body{
    overflow-x:hidden;
}

/* Footer links */
footer .footer-links a {
    color: var(--ink);
    text-decoration: none;
    transition: color 0.2s ease;
}

footer .footer-links a:hover {
    color: var(--accent);
}


  @media (max-width:1024px){ .post-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:680px){
    .announce,header,.listing-hero,.grid-section,.cta-section{padding-left:20px;padding-right:20px;}
    header{padding-top:16px;padding-bottom:16px;}
    .menu-btn{display:flex;}
    nav.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;gap:2px;padding:8px 20px 24px;border-bottom:1px solid var(--line);box-shadow:0 24px 48px -24px rgba(32,28,23,.18);z-index:60;}
    nav.main-nav.open{display:flex;}
    .listing-hero{padding:48px 20px 32px;}
    .post-grid{grid-template-columns:1fr;}
    footer{padding:32px 20px;}
  }

html,
body{
    overflow-x:hidden;
}