/*
Theme Name: REZA & CO V8
Theme URI: https://rezaco.au/
Author: REZA & CO
Description: Luxury WordPress theme for REZA & CO — manufacturer, wholesaler and retail boutique.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: rezaco-v8
Tags: custom-logo, custom-menu, featured-images, woocommerce
*/

    :root{
      --accent:#007a63;
      --accent-dark:#004c3f;
      --accent-deep:#00362d;
      --accent-soft:#d9eee8;
      --accent-pale:#eef7f4;
      --accent-glow:rgba(0,122,99,.22);
      --champagne:#c8a96a;
      --black:#080808;
      --black-2:#111111;
      --white:#ffffff;
      --ivory:#f4f1ec;
      --silver:#d8d8d8;
      --ink:#171717;
      --muted:#6e6e6e;
      --gold:#b69152;
      --gold-light:#d7bd86;
      --line:rgba(0,0,0,.14);
      --display:"Cinzel",serif;
      --serif:"Cormorant Garamond",Georgia,serif;
      --sans:"Montserrat",Arial,sans-serif;
      --max:1460px;
    }

    body.red-theme{
      --accent:#b3202a;
      --accent-dark:#7f1119;
      --accent-soft:#f3dfe1;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--white);
      color:var(--ink);
      font-family:var(--sans);
      font-weight:300;
      overflow-x:hidden;
    }

    img{display:block;width:100%;height:100%;object-fit:cover}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}

    .container{
      width:min(calc(100% - 48px),var(--max));
      margin:0 auto;
    }

    .eyebrow{
      margin:0 0 12px;
      color:var(--accent);
      font-size:.63rem;
      font-weight:600;
      letter-spacing:.22em;
      text-transform:uppercase;
    }

    .title{
      margin:0;
      font-family:var(--serif);
      font-size:clamp(2.8rem,5vw,5.6rem);
      font-weight:700;
      line-height:.96;
    }

    .body-copy{
      color:var(--muted);
      line-height:1.95;
      font-size:.9rem;
    }

    .btn{
      min-height:49px;
      padding:0 29px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid currentColor;
      background:transparent;
      color:inherit;
      cursor:pointer;
      font-size:.64rem;
      font-weight:600;
      letter-spacing:.16em;
      text-transform:uppercase;
      transition:.28s ease;
    }

    .btn:hover{background:currentColor;color:white}
    .btn-light{color:white;border-color:rgba(255,255,255,.78)}
    .btn-light:hover{background:white;color:var(--black)}
    .btn-accent{color:var(--accent)}
    .btn-accent:hover{background:var(--accent);color:white}

    .ornament{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:11px;
      margin-top:22px;
      color:var(--accent);
    }

    .ornament:before,.ornament:after{
      content:"";
      width:70px;
      height:1px;
      background:rgba(0,0,0,.18);
    }

    .ornament span{font-size:.44rem}

    /* THEME SWITCH */
    .theme-switch{
      position:fixed;
      z-index:90;
      right:14px;
      bottom:14px;
      display:flex;
      gap:6px;
      padding:7px;
      background:rgba(255,255,255,.95);
      border:1px solid rgba(0,0,0,.12);
      box-shadow:0 10px 28px rgba(0,0,0,.13);
      backdrop-filter:blur(8px);
    }

    .theme-switch button{
      width:30px;
      height:30px;
      border:1px solid rgba(0,0,0,.12);
      cursor:pointer;
    }

    .green-chip{background:#006d5b}
    .red-chip{background:#b3202a}

    /* HEADER */
    .header{
      position:absolute;
      inset:0 0 auto 0;
      z-index:40;
      color:white;
    }

    .nav{
      min-height:94px;
      display:grid;
      grid-template-columns:1fr auto 1fr;
      align-items:center;
      gap:24px;
    }

    .nav-left,.nav-right{
      display:flex;
      align-items:center;
      gap:28px;
    }

    .nav-right{justify-content:flex-end}

    .nav-link{
      font-size:.61rem;
      font-weight:600;
      letter-spacing:.16em;
      text-transform:uppercase;
    }

    .logo{
      text-align:center;
      line-height:1;
    }

    .logo strong{
      display:block;
      font-family:var(--display);
      font-size:1.88rem;
      letter-spacing:.12em;
      font-weight:600;
    }

    .logo span{
      display:block;
      margin-top:8px;
      color:var(--accent-soft);
      font-size:.44rem;
      letter-spacing:.27em;
      text-transform:uppercase;
    }

    .icon-btn{
      width:40px;
      height:40px;
      padding:0;
      border:0;
      display:grid;
      place-items:center;
      color:inherit;
      background:transparent;
      cursor:pointer;
    }

    .icon-btn svg{
      width:19px;
      height:19px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.5;
    }

    /* HERO */
    .hero{
      position:relative;
      min-height:880px;
      height:100vh;
      display:grid;
      align-items:center;
      color:white;
      overflow:hidden;
      isolation:isolate;
      background:var(--black);
    }

    .hero:before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-3;
      background:
        url("https://images.unsplash.com/photo-1617038220319-276d3cfab638?auto=format&fit=crop&w=2400&q=92")
        center 47%/cover no-repeat;
      transform:scale(1.03);
      animation:zoom 18s ease-in-out infinite alternate;
    }

    .hero:after{
      content:"";
      position:absolute;
      inset:0;
      z-index:-2;
      background:
        linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 48%,rgba(0,0,0,.3) 100%),
        linear-gradient(180deg,rgba(0,0,0,.5),transparent 30%,rgba(0,0,0,.58));
    }

    @keyframes zoom{to{transform:scale(1.095)}}

    .hero-frame{
      position:absolute;
      inset:112px 34px 34px;
      border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);
      pointer-events:none;
    }

    .hero-content{
      width:min(760px,58%);
      padding-top:75px;
    }

    .hero-kicker{
      color:var(--accent-soft);
      font-size:.63rem;
      font-weight:500;
      letter-spacing:.27em;
      text-transform:uppercase;
    }

    .hero h1{
      margin:20px 0 0;
      font-family:var(--serif);
      font-size:clamp(4rem,7vw,7.4rem);
      line-height:.86;
      font-weight:700;
      text-shadow:0 5px 30px rgba(0,0,0,.55);
    }

    .hero p{
      max-width:610px;
      margin:28px 0 31px;
      color:rgba(255,255,255,.78);
      font-size:.79rem;
      line-height:1.95;
      letter-spacing:.05em;
    }

    .hero-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    /* POSITIONING STRIP */
    .positioning{
      padding:36px 0;
      background:var(--black-2);
      color:white;
      border-top:1px solid color-mix(in srgb,var(--accent) 34%,transparent);
      border-bottom:1px solid color-mix(in srgb,var(--accent) 34%,transparent);
    }

    .positioning-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
    }

    .positioning-item{
      padding:8px 24px;
      text-align:center;
      border-right:1px solid rgba(255,255,255,.12);
    }

    .positioning-item:last-child{border-right:0}

    .positioning-item strong{
      display:block;
      margin-bottom:7px;
      font-family:var(--display);
      color:var(--accent-soft);
      font-size:.8rem;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    .positioning-item span{
      color:rgba(255,255,255,.63);
      font-size:.68rem;
      line-height:1.7;
    }

    /* BUSINESS INTRO */
    .business{
      padding:118px 0 124px;
      background:var(--white);
    }

    .business-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:center;
    }

    .business-copy{
      max-width:620px;
    }

    .business-image{
      position:relative;
      min-height:620px;
      background:#ddd;
    }

    .business-image:before{
      content:"";
      position:absolute;
      z-index:2;
      inset:18px;
      border:1px solid rgba(255,255,255,.45);
    }

    .business-badge{
      position:absolute;
      z-index:3;
      right:-34px;
      bottom:42px;
      width:210px;
      padding:22px;
      background:var(--black);
      color:white;
      border-left:5px solid var(--accent);
      box-shadow:0 20px 45px rgba(0,0,0,.18);
    }

    .business-badge strong{
      display:block;
      font-family:var(--display);
      font-size:.9rem;
      letter-spacing:.08em;
      color:var(--accent-soft);
      text-transform:uppercase;
    }

    .business-badge span{
      display:block;
      margin-top:9px;
      color:rgba(255,255,255,.65);
      font-size:.7rem;
      line-height:1.7;
    }

    /* CAPABILITIES */
    .capabilities{
      padding:118px 0 126px;
      background:var(--ivory);
    }

    .section-head{
      text-align:center;
      margin-bottom:48px;
    }

    .capability-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
    }

    .capability-card{
      padding:38px 28px;
      background:var(--white);
      border:1px solid rgba(0,0,0,.1);
      position:relative;
      transition:.28s ease;
    }

    .capability-card:before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:4px;
      background:var(--accent);
    }

    .capability-card:hover{
      transform:translateY(-4px);
      box-shadow:0 18px 42px rgba(0,0,0,.08);
    }

    .capability-number{
      color:var(--accent);
      font-family:var(--display);
      font-size:.8rem;
      letter-spacing:.12em;
    }

    .capability-card h3{
      margin:19px 0 10px;
      font-family:var(--serif);
      font-size:1.75rem;
      font-weight:700;
    }

    .capability-card p{
      margin:0;
      color:var(--muted);
      font-size:.8rem;
      line-height:1.85;
    }

    /* MANUFACTURING */
    .manufacturing{
      background:var(--black);
      color:white;
      padding:0 0 124px;
    }

    .manufacturing-shell{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      min-height:720px;
    }

    .manufacturing-image{
      min-height:620px;
    }

    .manufacturing-copy{
      position:relative;
      padding:92px max(42px,7vw);
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .manufacturing-copy:before{
      content:"";
      position:absolute;
      inset:26px;
      border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);
    }

    .manufacturing-copy .eyebrow{color:var(--accent-soft)}

    .manufacturing-copy p:not(.eyebrow){
      color:rgba(255,255,255,.66);
      font-size:.86rem;
      line-height:1.95;
    }

    /* WHOLESALE */
    .wholesale{
      padding:118px 0 126px;
      background:var(--white);
    }

    .wholesale-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }

    .wholesale-card{
      padding:38px 30px;
      border:1px solid rgba(0,0,0,.1);
      background:#fff;
    }

    .wholesale-card h3{
      margin:0 0 10px;
      font-family:var(--serif);
      font-size:1.8rem;
      font-weight:700;
    }

    .wholesale-card p{
      color:var(--muted);
      font-size:.8rem;
      line-height:1.85;
    }

    .wholesale-card a{
      display:inline-block;
      margin-top:8px;
      color:var(--accent);
      font-size:.61rem;
      font-weight:600;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    /* COLLECTIONS */
    .collections{
      padding:118px 0 126px;
      background:var(--ivory);
    }

    .collection-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
    }

    .collection-card{
      position:relative;
      min-height:520px;
      overflow:hidden;
      color:white;
      background:#222;
    }

    .collection-card:before{
      content:"";
      position:absolute;
      z-index:2;
      inset:13px;
      border:1px solid rgba(255,255,255,.24);
    }

    .collection-card:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,transparent 32%,rgba(0,0,0,.82) 100%);
    }

    .collection-card img{transition:transform .7s ease}
    .collection-card:hover img{transform:scale(1.05)}

    .collection-copy{
      position:absolute;
      z-index:3;
      left:30px;
      right:30px;
      bottom:34px;
      text-align:center;
    }

    .collection-copy span{
      color:var(--accent-soft);
      font-size:.58rem;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    .collection-copy h3{
      margin:9px 0 12px;
      font-family:var(--serif);
      font-size:2rem;
      font-weight:700;
    }

    .collection-copy small{
      font-size:.57rem;
      letter-spacing:.15em;
      text-transform:uppercase;
    }

    /* CTA */
    .cta{
      position:relative;
      min-height:650px;
      display:grid;
      align-items:center;
      color:white;
      background:
        linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 44%,rgba(0,0,0,.18) 78%),
        url("https://images.unsplash.com/photo-1611652022419-a9419f74343d?auto=format&fit=crop&w=2200&q=92")
        center/cover no-repeat;
    }

    .cta:before{
      content:"";
      position:absolute;
      inset:26px;
      border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);
    }

    .cta-copy{
      position:relative;
      z-index:2;
      max-width:640px;
      padding:105px 0;
    }

    .cta .eyebrow{color:var(--accent-soft)}

    .cta p{
      max-width:530px;
      color:rgba(255,255,255,.72);
      font-size:.85rem;
      line-height:1.95;
    }

    /* FOOTER */
    .footer{
      padding:74px 0 27px;
      background:var(--black);
      color:white;
    }

    .footer-grid{
      display:grid;
      grid-template-columns:1.3fr repeat(3,1fr) 1.2fr;
      gap:42px;
    }

    .footer-logo{
      font-family:var(--display);
      font-size:1.72rem;
      letter-spacing:.1em;
    }

    .footer h4{
      margin:0 0 19px;
      color:var(--accent-soft);
      font-size:.61rem;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    .footer p,.footer a{
      color:rgba(255,255,255,.62);
      font-size:.7rem;
      line-height:1.95;
    }

    .newsletter{
      display:flex;
      margin-top:16px;
      border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
    }

    .newsletter input{
      min-width:0;
      flex:1;
      padding:13px;
      border:0;
      outline:0;
      color:white;
      background:transparent;
      font-size:.7rem;
    }

    .newsletter button{
      width:46px;
      border:0;
      border-left:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
      color:white;
      background:transparent;
      cursor:pointer;
    }

    .footer-bottom{
      margin-top:50px;
      padding-top:22px;
      border-top:1px solid rgba(255,255,255,.12);
      display:flex;
      justify-content:space-between;
      gap:18px;
      color:rgba(255,255,255,.42);
      font-size:.6rem;
    }

    /* DRAWER + MODAL */
    .drawer{
      position:fixed;
      z-index:100;
      inset:0 auto 0 0;
      width:min(430px,92vw);
      padding:30px;
      background:var(--white);
      transform:translateX(-101%);
      transition:.35s ease;
      box-shadow:20px 0 70px rgba(0,0,0,.25);
    }

    .drawer.open{transform:translateX(0)}

    .drawer-overlay{
      position:fixed;
      z-index:90;
      inset:0;
      background:rgba(0,0,0,.58);
      opacity:0;
      pointer-events:none;
      transition:.35s ease;
    }

    .drawer-overlay.open{
      opacity:1;
      pointer-events:auto;
    }

    .drawer-top{
      display:flex;
      justify-content:space-between;
      align-items:center;
    }

    .drawer nav{
      margin-top:56px;
      display:grid;
    }

    .drawer nav a{
      padding:17px 0;
      border-bottom:1px solid var(--line);
      font-family:var(--serif);
      font-size:2rem;
      font-weight:700;
    }

    .modal{
      position:fixed;
      z-index:120;
      inset:0;
      padding:20px;
      display:none;
      align-items:center;
      justify-content:center;
      background:rgba(0,0,0,.74);
    }

    .modal.open{display:flex}

    .modal-card{
      position:relative;
      width:min(790px,100%);
      max-height:92vh;
      overflow:auto;
      padding:48px;
      background:var(--white);
      border:1px solid var(--accent);
      outline:1px solid color-mix(in srgb,var(--accent) 22%,transparent);
      outline-offset:-10px;
    }

    .modal-close{
      position:absolute;
      top:15px;
      right:16px;
      border:0;
      background:transparent;
      font-size:1.55rem;
      cursor:pointer;
    }

    .inquiry-form{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      margin-top:26px;
    }

    .inquiry-form .full{grid-column:1/-1}

    .inquiry-form input,
    .inquiry-form select,
    .inquiry-form textarea{
      width:100%;
      padding:14px 15px;
      border:1px solid var(--line);
      background:white;
      outline:none;
    }

    .inquiry-form textarea{
      min-height:110px;
      resize:vertical;
    }

    .reveal{
      opacity:0;
      transform:translateY(20px);
      transition:opacity .7s ease,transform .7s ease;
    }

    .reveal.visible{
      opacity:1;
      transform:none;
    }



    /* LUXURY ENHANCEMENTS */
    body{
      letter-spacing:.005em;
    }

    ::selection{
      background:var(--accent);
      color:#fff;
    }

    .header{
      transition:background .35s ease,box-shadow .35s ease,transform .35s ease;
    }

    .header.scrolled{
      position:fixed;
      background:rgba(8,8,8,.92);
      box-shadow:0 8px 30px rgba(0,0,0,.18);
      backdrop-filter:blur(14px);
    }

    .header.scrolled .nav{
      min-height:72px;
    }

    .hero-lustre{
      position:absolute;
      z-index:-1;
      inset:auto -12% -35% auto;
      width:58vw;
      height:58vw;
      border-radius:50%;
      background:radial-gradient(circle,var(--accent-glow),transparent 66%);
      filter:blur(10px);
      pointer-events:none;
    }

    .hero-seal{
      width:88px;
      height:88px;
      margin-bottom:24px;
      display:grid;
      place-items:center;
      border:1px solid rgba(255,255,255,.52);
      outline:1px solid color-mix(in srgb,var(--accent) 60%,transparent);
      outline-offset:7px;
      border-radius:50%;
      font-family:var(--display);
      font-size:.92rem;
      letter-spacing:.08em;
      color:var(--accent-soft);
    }

    .hero-proof{
      display:flex;
      flex-wrap:wrap;
      gap:22px;
      margin-top:30px;
      color:rgba(255,255,255,.62);
      font-size:.57rem;
      letter-spacing:.15em;
      text-transform:uppercase;
    }

    .hero-proof span{
      position:relative;
      padding-left:15px;
    }

    .hero-proof span:before{
      content:"";
      position:absolute;
      left:0;
      top:50%;
      width:5px;
      height:5px;
      border-radius:50%;
      background:var(--accent);
      transform:translateY(-50%);
    }

    .marquee{
      overflow:hidden;
      padding:15px 0;
      background:var(--accent-deep);
      color:white;
      border-top:1px solid rgba(255,255,255,.08);
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .marquee-track{
      width:max-content;
      display:flex;
      gap:40px;
      animation:marquee 26s linear infinite;
      font-family:var(--display);
      color:rgba(255,255,255,.74);
      font-size:.62rem;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    .marquee-track span:after{
      content:"◆";
      margin-left:40px;
      color:var(--champagne);
      font-size:.42rem;
    }

    @keyframes marquee{
      to{transform:translateX(-50%)}
    }

    .pathways{
      padding:110px 0;
      background:#fff;
    }

    .pathway-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }

    .pathway{
      position:relative;
      min-height:460px;
      overflow:hidden;
      color:white;
      background:#111;
    }

    .pathway:before{
      content:"";
      position:absolute;
      z-index:2;
      inset:14px;
      border:1px solid rgba(255,255,255,.27);
      pointer-events:none;
    }

    .pathway:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.8));
    }

    .pathway img{
      transition:transform .75s ease;
    }

    .pathway:hover img{
      transform:scale(1.055);
    }

    .pathway-copy{
      position:absolute;
      z-index:3;
      left:42px;
      right:42px;
      bottom:42px;
    }

    .pathway-copy .eyebrow{
      color:var(--accent-soft);
    }

    .pathway-copy h3{
      margin:0 0 11px;
      font-family:var(--serif);
      font-size:clamp(2.4rem,4vw,4.1rem);
      line-height:.92;
    }

    .pathway-copy p{
      max-width:470px;
      color:rgba(255,255,255,.7);
      font-size:.76rem;
      line-height:1.8;
    }

    .metrics{
      padding:80px 0;
      background:var(--black);
      color:white;
    }

    .metrics-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
    }

    .metric{
      padding:36px 24px;
      text-align:center;
      border-right:1px solid color-mix(in srgb,var(--accent) 26%,transparent);
    }

    .metric:last-child{
      border-right:0;
    }

    .metric strong{
      display:block;
      font-family:var(--serif);
      color:var(--accent-soft);
      font-size:2.5rem;
      line-height:1;
    }

    .metric span{
      display:block;
      margin-top:10px;
      color:rgba(255,255,255,.56);
      font-size:.58rem;
      letter-spacing:.16em;
      text-transform:uppercase;
    }

    .process{
      padding:118px 0 126px;
      background:#fff;
    }

    .process-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      margin-top:48px;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }

    .process-step{
      position:relative;
      padding:36px 24px 40px;
      border-right:1px solid var(--line);
    }

    .process-step:last-child{
      border-right:0;
    }

    .process-step:before{
      content:"";
      position:absolute;
      top:-4px;
      left:24px;
      width:7px;
      height:7px;
      border-radius:50%;
      background:var(--accent);
      box-shadow:0 0 0 7px var(--accent-pale);
    }

    .process-step span{
      color:var(--accent);
      font-family:var(--display);
      font-size:.7rem;
    }

    .process-step h3{
      margin:16px 0 9px;
      font-family:var(--serif);
      font-size:1.55rem;
    }

    .process-step p{
      margin:0;
      color:var(--muted);
      font-size:.74rem;
      line-height:1.75;
    }

    .editorial-quote{
      padding:100px 0;
      background:var(--accent-deep);
      color:white;
      text-align:center;
    }

    .editorial-quote blockquote{
      max-width:980px;
      margin:0 auto;
      font-family:var(--serif);
      font-size:clamp(2.4rem,4vw,4.6rem);
      line-height:1.03;
      font-weight:600;
    }

    .editorial-quote p{
      margin:22px 0 0;
      color:var(--accent-soft);
      font-size:.6rem;
      letter-spacing:.2em;
      text-transform:uppercase;
    }

    .capability-card,
    .wholesale-card,
    .collection-card,
    .retail-shell,
    .business-image{
      transition:box-shadow .35s ease,transform .35s ease;
    }

    .business-image:hover,
    .retail-shell:hover{
      box-shadow:0 32px 80px rgba(0,0,0,.16);
    }

    .collection-card:hover{
      box-shadow:0 24px 60px rgba(0,0,0,.14);
    }

    .btn{
      position:relative;
      overflow:hidden;
    }

    .btn:after{
      content:"";
      position:absolute;
      top:0;
      left:-140%;
      width:70%;
      height:100%;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
      transform:skewX(-18deg);
      transition:left .6s ease;
    }

    .btn:hover:after{
      left:140%;
    }

    /* RETAIL BOUTIQUE */
    .retail{
      padding:118px 0 126px;
      background:
        linear-gradient(180deg,var(--accent-pale),#ffffff 72%);
      border-top:1px solid color-mix(in srgb,var(--accent) 24%,transparent);
      border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,transparent);
    }

    .retail-shell{
      display:grid;
      grid-template-columns:.95fr 1.05fr;
      min-height:700px;
      background:var(--black);
      color:white;
      box-shadow:0 28px 70px rgba(0,0,0,.12);
      overflow:hidden;
    }

    .retail-copy{
      position:relative;
      padding:92px max(42px,7vw);
      display:flex;
      flex-direction:column;
      justify-content:center;
      background:
        radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 30%),
        linear-gradient(145deg,var(--accent-deep),var(--black) 72%);
    }

    .retail-copy:before{
      content:"";
      position:absolute;
      inset:26px;
      border:1px solid color-mix(in srgb,var(--accent-soft) 32%,transparent);
      pointer-events:none;
    }

    .retail-copy .eyebrow{color:var(--accent-soft)}

    .retail-copy p:not(.eyebrow){
      color:rgba(255,255,255,.68);
      font-size:.86rem;
      line-height:1.95;
    }

    .retail-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:24px;
    }

    .retail-image{
      position:relative;
      min-height:620px;
      overflow:hidden;
    }

    .retail-image:after{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(0,0,0,.24),transparent 32%),
        linear-gradient(180deg,transparent 55%,rgba(0,0,0,.42));
    }

    .retail-ribbon{
      position:absolute;
      z-index:3;
      left:24px;
      bottom:24px;
      padding:14px 17px;
      background:rgba(255,255,255,.94);
      color:var(--ink);
      border-left:4px solid var(--accent);
      box-shadow:0 14px 36px rgba(0,0,0,.18);
      font-size:.68rem;
      line-height:1.6;
    }

    .retail-ribbon strong{
      display:block;
      margin-bottom:3px;
      font-family:var(--display);
      color:var(--accent-dark);
      font-size:.73rem;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    /* stronger Persian Green brand presence */
    .capability-card:nth-child(2),
    .wholesale-card:nth-child(2){
      background:linear-gradient(180deg,var(--accent-pale),#fff);
    }

    .collection-card:nth-child(2):before,
    .collection-card:nth-child(4):before{
      border-color:color-mix(in srgb,var(--accent-soft) 58%,transparent);
    }

    .collection-card:nth-child(2) .collection-copy,
    .collection-card:nth-child(4) .collection-copy{
      text-shadow:0 2px 18px rgba(0,0,0,.5);
    }

    .business{
      background:
        linear-gradient(90deg,var(--white) 0%,var(--white) 68%,var(--accent-pale) 100%);
    }

    .wholesale{
      background:
        linear-gradient(180deg,#fff 0%,var(--accent-pale) 100%);
    }

    .footer{
      border-top:5px solid var(--accent);
    }

    @media(max-width:1080px){
      .nav-link{display:none}
      .business-grid{grid-template-columns:1fr}
      .capability-grid{grid-template-columns:repeat(2,1fr)}
      .manufacturing-shell{grid-template-columns:1fr}
      .wholesale-grid{grid-template-columns:1fr}
      .collection-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:repeat(3,1fr)}
    }

    @media(max-width:720px){
      .container{width:min(calc(100% - 24px),var(--max))}

      .nav{
        min-height:72px;
        grid-template-columns:48px 1fr 48px;
        gap:6px;
      }

      .nav-left,.nav-right{gap:0}
      .nav-right .icon-btn:last-child{display:none}

      .logo strong{
        font-size:1.16rem;
        letter-spacing:.1em;
      }

      .logo span{
        margin-top:6px;
        font-size:.34rem;
      }

      .hero{
        min-height:760px;
        height:auto;
        padding:116px 0 48px;
        align-items:end;
      }

      .hero:before{background-position:58% center}

      .hero:after{
        background:
          linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.12) 28%,rgba(0,0,0,.93) 77%,var(--black) 100%);
      }

      .hero-frame{inset:84px 12px 14px}

      .hero-content{
        width:100%;
        padding:0 12px 18px;
        text-align:center;
      }

      .hero-kicker{
        font-size:.54rem;
        letter-spacing:.2em;
      }

      .hero h1{
        font-size:clamp(3.55rem,16vw,5rem);
        line-height:.89;
      }

      .hero p{
        max-width:92%;
        margin:20px auto 25px;
        font-size:.71rem;
        line-height:1.75;
      }

      .hero-actions{
        display:grid;
        grid-template-columns:1fr;
        width:min(100%,330px);
        margin:0 auto;
      }


      .hero-seal{
        width:70px;
        height:70px;
        margin:0 auto 20px;
      }

      .hero-proof{
        justify-content:center;
        gap:12px 18px;
      }

      .pathways{
        padding:84px 0;
      }

      .pathway{
        min-height:500px;
      }

      .pathway-copy{
        left:26px;
        right:26px;
        bottom:28px;
        text-align:center;
      }

      .pathway-copy p{
        margin-left:auto;
        margin-right:auto;
      }

      .metrics{
        padding:56px 0;
      }

      .process{
        padding:84px 0 90px;
      }

      .editorial-quote{
        padding:78px 0;
      }

      .positioning-grid{grid-template-columns:1fr 1fr}
      .positioning-item{padding:18px 12px}
      .positioning-item:nth-child(2){border-right:0}
      .positioning-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}

      .business,.capabilities,.wholesale,.collections{
        padding:84px 0 90px;
      }

      .business-grid{gap:34px}
      .business-copy{text-align:center}
      .business-image{min-height:470px}
      .business-badge{
        right:16px;
        bottom:16px;
        width:min(78%,240px);
      }

      .capability-grid{grid-template-columns:1fr}

      .manufacturing{
        padding-bottom:90px;
      }

      .manufacturing-image{min-height:470px}

      .manufacturing-copy{
        padding:74px 28px;
        text-align:center;
      }

      .manufacturing-copy:before{inset:18px}

      .collection-grid{grid-template-columns:1fr}
      .collection-card{min-height:460px}

      .cta{
        min-height:720px;
        background-position:65% center;
        align-items:end;
      }

      .cta:after{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(180deg,transparent 26%,var(--black) 100%);
      }

      .cta:before{inset:14px}

      .cta-copy{
        padding:315px 8px 72px;
        text-align:center;
      }

      .cta-copy p{
        margin-left:auto;
        margin-right:auto;
      }



      .pathway-grid{
        grid-template-columns:1fr;
      }

      .metrics-grid{
        grid-template-columns:1fr 1fr;
      }

      .metric:nth-child(2){
        border-right:0;
      }

      .metric:nth-child(-n+2){
        border-bottom:1px solid color-mix(in srgb,var(--accent) 26%,transparent);
      }

      .process-grid{
        grid-template-columns:1fr;
        border:1px solid var(--line);
      }

      .process-step{
        border-right:0;
        border-bottom:1px solid var(--line);
      }

      .process-step:last-child{
        border-bottom:0;
      }

      .retail{
        padding:84px 0 90px;
      }

      .retail-shell{
        grid-template-columns:1fr;
      }

      .retail-copy{
        padding:74px 28px;
        text-align:center;
      }

      .retail-copy:before{
        inset:18px;
      }

      .retail-image{
        min-height:470px;
      }

      .retail-actions{
        display:grid;
        grid-template-columns:1fr;
      }

      .retail-actions .btn{
        width:100%;
      }

      .retail-ribbon{
        left:16px;
        right:16px;
        bottom:16px;
        width:auto;
      }

      .footer-grid{
        grid-template-columns:1fr;
        gap:30px;
        text-align:center;
      }

      .newsletter{
        max-width:360px;
        margin-left:auto;
        margin-right:auto;
      }

      .footer-bottom{
        flex-direction:column;
        text-align:center;
      }

      .inquiry-form{grid-template-columns:1fr}
      .modal-card{padding:42px 20px 24px}
      .theme-switch{right:8px;bottom:8px}
    }

    @media(max-width:420px){
      .hero h1{font-size:3.3rem}
      .positioning-grid{grid-template-columns:1fr}
      .positioning-item{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.12);
      }
      .collection-card{min-height:430px}
    }

    @media(prefers-reduced-motion:reduce){
      *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    }