/*
Theme Name: Muhaf - Thiera Fashion
Theme URI: https://muhaf.com/
Author: Muhaf
Description: Website generated by Muhaf AI.
Version: 1.0.0
Text Domain: muhaf-generated
*/

:root{
      --bg:#f5f0e8;
      --bg2:#fbf8f3;
      --surface:#fffaf3;
      --text:#1f221c;
      --muted:#6a655c;
      --line:rgba(31,34,28,.12);
      --line-strong:rgba(31,34,28,.2);
      --accent:#6d7352;
      --accent2:#9b8a76;
      --shadow:0 18px 60px rgba(41,34,24,.08);
      --radius:24px;
      --radius-sm:16px;
      --max:1240px;
      --ease:cubic-bezier(.2,.8,.2,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif;
      color:var(--text);
      background:
        radial-gradient(1200px 500px at 70% 0%, rgba(255,255,255,.55), transparent 60%),
        linear-gradient(180deg, #f5f0e8 0%, #f8f4ee 18%, #fbf8f3 100%);
      overflow-x:hidden;
    }
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    .wrap{width:min(var(--max), calc(100% - 40px)); margin:0 auto}
    .eyebrow{
      letter-spacing:.24em;
      text-transform:uppercase;
      font-size:.72rem;
      color:#7a766b;
    }
    h1,h2,h3,p{margin:0}
    h1,h2,h3{
      font-family: ui-serif, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
      font-weight:500;
      line-height:.95;
      letter-spacing:-.03em;
    }
    h1{font-size:clamp(3rem, 7vw, 6.4rem)}
    h2{font-size:clamp(2rem, 4vw, 3.7rem)}
    h3{font-size:clamp(1.3rem, 2vw, 2rem)}
    p{line-height:1.55;color:var(--muted)}
    .btn, .btn-ghost, .mini-link{
      display:inline-flex;align-items:center;gap:.65rem;
      border-radius:999px;
      transition:transform .35s var(--ease), background .35s var(--ease), border-color .35s var(--ease), color .35s var(--ease);
      will-change:transform;
    }
    .btn{
      background:var(--accent);
      color:#f7f4ef;
      padding:.98rem 1.4rem;
      border:1px solid rgba(255,255,255,.1);
      box-shadow:0 10px 30px rgba(109,115,82,.22);
    }
    .btn:hover,.btn-ghost:hover,.mini-link:hover{transform:translateY(-2px)}
    .btn-ghost{
      background:transparent;
      color:var(--text);
      border:1px solid var(--line-strong);
      padding:.9rem 1.25rem;
    }
    .mini-link{font-size:.94rem;color:var(--text)}
    .mini-link span{font-size:1.1em}
    .nav{
      position:sticky;top:0;z-index:50;
      backdrop-filter:saturate(140%) blur(18px);
      background:rgba(248,243,236,.76);
      border-bottom:1px solid rgba(31,34,28,.08);
    }
    .nav-inner{
      min-height:72px;
      display:grid;grid-template-columns:1fr auto 1fr;
      align-items:center;gap:18px;
    }
    .brand{display:flex;flex-direction:column;line-height:1}
    .brand b{font-family:ui-serif, Georgia, serif;font-size:1.8rem;font-weight:500;letter-spacing:-.03em}
    .brand small{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;margin-top:.2rem;color:#5d584f}
    .nav-links{
      display:flex;align-items:center;gap:1.9rem;justify-content:center;
      font-size:.98rem;color:#3a392f;
    }
    .nav-links a{position:relative;padding:.3rem 0}
    .nav-links a::after{
      content:"";position:absolute;left:0;bottom:-.1rem;width:100%;height:1px;
      background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);
    }
    .nav-links a:hover::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1)}
    .nav-icons{display:flex;justify-content:flex-end;gap:.7rem;color:#2f2d27}
    .icon{
      width:42px;height:42px;border-radius:999px;
      display:grid;place-items:center;border:1px solid transparent;
      transition:background .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease);
    }
    .icon:hover{background:rgba(255,255,255,.7);border-color:var(--line);transform:translateY(-2px)}
    .hero{
      position:relative;
      min-height:calc(100svh - 72px);
      display:grid;
      align-items:stretch;
      overflow:hidden;
      border-bottom:1px solid rgba(31,34,28,.08);
    }
    .hero-bg{
      position:absolute;inset:0;
      background:
        linear-gradient(90deg, rgba(244,236,223,.94) 0%, rgba(244,236,223,.84) 38%, rgba(243,233,219,.25) 62%, rgba(242,233,219,.08) 100%),
        url("https://images.unsplash.com/photo-1496747611176-843222e1e57c?auto=format&fit=crop&w=2200&q=80") center/cover;
      transform:scale(1.04);
    }
    .hero::after{
      content:"";position:absolute;inset:0;
      background:radial-gradient(700px 380px at 75% 22%, rgba(255,255,255,.18), transparent 60%);
      pointer-events:none;
    }
    .hero-grid{
      position:relative;z-index:1;
      width:min(var(--max), calc(100% - 40px));
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
      min-height:calc(100svh - 72px);
      gap:2rem;
      align-items:center;
    }
    .hero-copy{
      max-width:640px;padding:4rem 0 5rem;
    }
    .hero-copy p{max-width:30rem;font-size:1.06rem;margin:1.1rem 0 1.7rem}
    .hero-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
    .hero-note{
      margin-top:1.4rem;color:#5f5a50;font-size:.94rem;display:flex;gap:.75rem;align-items:center
    }
    .hero-note::before{
      content:"";width:42px;height:1px;background:rgba(31,34,28,.25)
    }
    .hero-visual{
      position:relative;
      display:flex;align-items:flex-end;justify-content:flex-end;
      min-height:100%;
    }
    .hero-portrait{
      width:min(560px, 100%);
      aspect-ratio: 4/5.2;
      object-fit:cover;
      object-position:center top;
      border-radius:28px 28px 0 0;
      box-shadow:var(--shadow);
      transform:translateY(24px);
      border:1px solid rgba(255,255,255,.35);
    }
    .section{
      padding:clamp(4rem, 8vw, 8rem) 0;
      position:relative;
    }
    .story-shell{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:clamp(1rem, 3vw, 2rem);
      align-items:stretch;
    }
    .story-image{
      min-height:600px;
      border-radius:var(--radius);
      overflow:hidden;
      box-shadow:var(--shadow);
      position:relative;
    }
    .story-image img{width:100%;height:100%;object-fit:cover}
    .story-panel{
      background:rgba(255,255,255,.46);
      border:1px solid rgba(31,34,28,.08);
      border-radius:var(--radius);
      padding:clamp(1.25rem, 3vw, 2.4rem);
      display:grid;gap:1.2rem;
      align-content:center;
    }
    .badges{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:.6rem}
    .badge{
      padding:1rem .9rem;border-top:1px solid var(--line);
      background:rgba(255,255,255,.36);border-radius:18px
    }
    .badge b{display:block;font-size:.95rem;margin-top:.45rem}
    .feature-bar{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:clamp(1rem, 2.2vw, 2rem);
      align-items:stretch;
      margin-top:1.1rem;
    }
    .feature-block{
      border-radius:var(--radius);
      overflow:hidden;
      min-height:360px;
      position:relative;
      box-shadow:var(--shadow);
    }
    .feature-block img{width:100%;height:100%;object-fit:cover}
    .feature-block .overlay{
      position:absolute;inset:auto 0 0 0;padding:1.6rem;
      background:linear-gradient(180deg, transparent, rgba(0,0,0,.28));
      color:#fff;
      display:flex;justify-content:space-between;align-items:end;gap:1rem
    }
    .feature-block .overlay p{color:rgba(255,255,255,.8)}
    .products{
      display:grid;
      grid-template-columns:1fr 1.2fr;
      gap:clamp(1.2rem, 3vw, 2rem);
      align-items:start;
    }
    .product-list{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:1rem;
    }
    .product{
      background:rgba(255,255,255,.45);
      border:1px solid rgba(31,34,28,.08);
      border-radius:22px;
      overflow:hidden;
      transition:transform .35s var(--ease), box-shadow .35s var(--ease);
    }
    .product:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .product img{aspect-ratio:4/5;object-fit:cover;width:100%}
    .product figcaption{padding:1rem}
    .product figcaption p{font-size:.92rem}
    .split{
      display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch
    }
    .quote{
      padding:clamp(1.3rem, 3vw, 2.4rem);
      border-radius:var(--radius);
      background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.46));
      border:1px solid rgba(31,34,28,.08);
    }
    .quote p{font-size:1.1rem;color:#434036;max-width:36rem}
    .quote strong{display:block;margin-top:1rem}
    .faq{
      display:grid;grid-template-columns:1fr 1fr;gap:1rem
    }
    details{
      background:rgba(255,255,255,.48);
      border:1px solid rgba(31,34,28,.08);
      border-radius:18px;
      padding:1rem 1.1rem;
    }
    summary{cursor:pointer;list-style:none;font-weight:600;color:#2c2b24}
    summary::-webkit-details-marker{display:none}
    details p{margin-top:.8rem}
    .cta{
      padding:0 0 5rem;
    }
    .cta-box{
      border-radius:32px;
      background:
        linear-gradient(135deg, rgba(109,115,82,.94), rgba(145,126,103,.92)),
        url("https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1800&q=80") center/cover;
      color:#f7f3ec;
      padding:clamp(1.5rem, 4vw, 3.5rem);
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:1rem;
      align-items:center;
      box-shadow:0 20px 50px rgba(82,76,57,.22);
    }
    .cta-box p{color:rgba(247,243,236,.85);max-width:34rem}
    .footer{
      border-top:1px solid rgba(31,34,28,.08);
      padding:2rem 0 2.5rem;
      color:#565046;
    }
    .footer-grid{
      display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;align-items:start
    }
    .footer a{color:#464238}
    .small{font-size:.9rem;color:#6d685f}
    .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease), transform .7s var(--ease)}
    .reveal.in{opacity:1;transform:none}
    .parallax{will-change:transform}
    @media (max-width: 980px){
      .nav-inner{grid-template-columns:1fr auto}
      .nav-links{display:none}
      .hero-grid,.story-shell,.products,.split,.cta-box,.footer-grid,.feature-bar{grid-template-columns:1fr}
      .hero{min-height:auto}
      .hero-grid{padding:2rem 0 3rem;min-height:auto}
      .hero-visual{justify-content:center}
      .hero-portrait{transform:none;max-width:560px}
      .story-image{min-height:420px}
      .product-list{grid-template-columns:1fr 1fr}
      .faq{grid-template-columns:1fr}
    }
    @media (max-width: 640px){
      .wrap{width:min(var(--max), calc(100% - 24px))}
      .brand b{font-size:1.55rem}
      h1{font-size:clamp(2.5rem, 12vw, 4.4rem)}
      .product-list{grid-template-columns:1fr}
      .badges{grid-template-columns:1fr}
      .hero-copy{padding-top:1rem}
    }
    @media (prefers-reduced-motion: reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{animation:none!important;transition:none!important}
      .reveal{opacity:1;transform:none}
    }