/*
Theme Name: Sirenyte Base
Theme URI: https://sirenyte.com/
Author: IConvertiX
Author URI: https://iconvertix.com/
Description: White-label editorial fashion and lifestyle catalogue theme. Built from the SIRENYTE/NOVIKIM concept with centralized brand settings.
Version: 0.4.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: sirenyte-base
*/
/* ===== SOURCE: HOME ===== */
:root{
      --paper:#f7f4ee;
      --paper-2:#ece7de;
      --white:#fff;
      --ink:#12110f;
      --muted:#706c65;
      --line:rgba(18,17,15,.15);
      --dark:#11100e;
      --serif:"Playfair Display", Georgia, serif;
      --sans:"DM Sans", Arial, sans-serif;
      --max:1520px;
      --ease:cubic-bezier(.22,1,.36,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
    body.loading{overflow:hidden}
    img,video{display:block;width:100%;height:100%;object-fit:cover}
    a{text-decoration:none;color:inherit}
    button,input{font:inherit}
    button{cursor:pointer}
    ::selection{background:var(--ink);color:white}
    .shell{width:min(calc(100% - 52px),var(--max));margin-inline:auto}
    .eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.19em}
    .display{margin:0;font:500 clamp(50px,7.5vw,124px)/.9 var(--serif);letter-spacing:-.048em}
    .headline{margin:0;font:500 clamp(39px,5vw,82px)/.96 var(--serif);letter-spacing:-.04em}
    .body-lg{font-size:clamp(18px,1.7vw,25px);line-height:1.5;max-width:720px}
    .link{display:inline-flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px}

    .intro{position:fixed;inset:0;z-index:9999;background:#11100e;color:#f7f4ee;display:grid;place-items:center;transition:transform 1.1s var(--ease)}
    .intro.exit{transform:translateY(-100%)}
    .intro-inner{width:min(620px,calc(100% - 48px));text-align:center}
    .intro-brand{font:500 clamp(58px,11vw,132px)/1 var(--serif);letter-spacing:.08em;opacity:0;transform:translateY(30px);animation:introText 1.1s .1s var(--ease) forwards}
    .intro-line{height:1px;margin:26px 0 17px;background:rgba(255,255,255,.18);overflow:hidden}
    .intro-line::before{content:"";display:block;width:100%;height:100%;background:white;transform:translateX(-100%);animation:loadLine 1.7s .15s var(--ease) forwards}
    .intro-caption{opacity:0;font-size:10px;text-transform:uppercase;letter-spacing:.25em;animation:fade .8s .6s forwards}
    @keyframes introText{to{opacity:1;transform:none}}
    @keyframes loadLine{to{transform:none}}
    @keyframes fade{to{opacity:1}}

    .header{position:fixed;inset:0 0 auto;z-index:100;color:white;transition:.4s ease}
    .header.scrolled{background:rgba(248,246,240,.9);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
    .nav{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
    .nav-left,.nav-right{display:flex;gap:26px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.09em}
    .nav-right{justify-content:flex-end}
    .brand{font:500 26px/1 var(--serif);letter-spacing:.13em}
    .menu-toggle{display:none;border:0;background:none;color:inherit;padding:0}

    .hero{min-height:100svh;position:relative;overflow:hidden;background:#111;color:white}
    .hero-media{position:absolute;inset:-2%;transform:scale(1.05);transition:transform 1.8s var(--ease)}
    body.loaded .hero-media{transform:scale(1)}
    .hero video{filter:brightness(.68) saturate(.92)}
    .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.63),rgba(0,0,0,.09) 57%,rgba(0,0,0,.18))}
    .hero-content{position:relative;z-index:3;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:64px}
    .hero-kicker,.hero-title,.hero-copy,.hero-actions{opacity:0;transform:translateY(38px)}
    body.loaded .hero-kicker{animation:heroIn .9s .1s var(--ease) forwards}
    body.loaded .hero-title{animation:heroIn 1.1s .2s var(--ease) forwards}
    body.loaded .hero-copy{animation:heroIn 1s .36s var(--ease) forwards}
    body.loaded .hero-actions{animation:heroIn 1s .48s var(--ease) forwards}
    @keyframes heroIn{to{opacity:1;transform:none}}
    .hero-title{max-width:1100px;margin-top:14px}
    .hero-copy{max-width:570px;margin:20px 0 0;color:rgba(255,255,255,.84);font-size:16px;line-height:1.6}
    .hero-actions{margin-top:26px;display:flex;gap:28px;flex-wrap:wrap}

    .marquee{overflow:hidden;background:var(--white);border-bottom:1px solid var(--line)}
    .marquee-track{display:flex;width:max-content;gap:50px;padding:14px 0;animation:marquee 30s linear infinite;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.18em}
    @keyframes marquee{to{transform:translateX(-50%)}}

    section.pad{padding:130px 0}
    .section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:48px}
    .section-head p{margin:0;max-width:520px;color:var(--muted);line-height:1.7}
    .reveal{opacity:0;transform:translateY(42px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
    .reveal.in{opacity:1;transform:none}
    .clip{overflow:hidden}
    .clip img,.clip video{transform:scale(1.07);transition:transform 1.5s var(--ease)}
    .clip.in img,.clip.in video{transform:scale(1)}

    .brand-intro{background:var(--white)}
    .intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:start}
    .intro-copy{position:sticky;top:120px}
    .intro-copy h2{margin:14px 0 22px}
    .intro-copy p{color:var(--muted);line-height:1.75}
    .intro-visuals{display:grid;gap:24px}
    .intro-img-a{height:720px}
    .intro-img-b{height:420px;width:70%;margin-left:auto}

    .categories{background:var(--paper-2)}
    .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .category-card{position:relative;min-height:640px;overflow:hidden;color:white;background:#ccc}
    .category-card img{position:absolute;inset:0;transition:transform .8s var(--ease)}
    .category-card:hover img{transform:scale(1.028)}
    .category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 62%)}
    .category-copy{position:absolute;z-index:2;inset:auto 24px 24px}
    .category-copy h3{margin:9px 0 10px;font:500 clamp(30px,3vw,50px)/.98 var(--serif)}
    .category-copy p{margin:0 0 18px;color:rgba(255,255,255,.8);font-size:13px}
    .status{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px;backdrop-filter:blur(8px)}

    .brand-film{min-height:92vh;position:relative;color:white;overflow:hidden;background:#111}
    .brand-film video{position:absolute;inset:0;filter:brightness(.72)}
    .brand-film::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.55),rgba(0,0,0,.05))}
    .brand-film-inner{position:relative;z-index:2;min-height:92vh;display:flex;align-items:flex-end;padding-bottom:70px}
    .brand-film-copy{max-width:760px}
    .brand-film-copy h2{margin:14px 0 18px}
    .brand-film-copy p{max-width:560px;color:rgba(255,255,255,.82)}

    .featured-products{background:var(--white)}
    .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .product-card{min-width:0}
    .product-media{aspect-ratio:3/4;overflow:hidden;background:#e5e0d8;position:relative}
    .product-media img{position:absolute;inset:0;transition:opacity .45s ease,transform .8s var(--ease)}
    .product-media .alt{opacity:0}
    .product-card:hover .main{opacity:0}
    .product-card:hover .alt{opacity:1}
    .product-card:hover img{transform:scale(1.025)}
    .product-info{padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:12px}
    .product-info span:last-child{color:var(--muted)}
    .marketplace-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .marketplace-links a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);padding:8px 10px;transition:.25s ease}
    .marketplace-links a:hover{background:var(--ink);color:white}

    .marketplace{background:#171612;color:white}
    .marketplace-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
    .marketplace-copy h2{margin:14px 0 22px}
    .marketplace-copy p{max-width:590px;color:rgba(255,255,255,.68);line-height:1.75}
    .marketplace-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .market-btn{border:1px solid rgba(255,255,255,.4);padding:14px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;transition:.25s ease}
    .market-btn:hover{background:white;color:var(--ink)}
    .marketplace-visual{height:700px;overflow:hidden}

    .story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
    .story-main{height:840px}
    .story-side{display:grid;gap:24px}
    .story-small{height:480px}
    .story-copy{padding:18px 0 42px}
    .story-copy h3{margin:10px 0 16px;font:500 clamp(33px,4vw,61px)/.98 var(--serif)}
    .story-copy p{color:var(--muted);max-width:520px}

    .growth{background:var(--paper-2)}
    .growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .phase{min-height:330px;padding:34px;border:1px solid var(--line);background:rgba(255,255,255,.42);display:flex;flex-direction:column;justify-content:space-between}
    .phase-num{font:500 56px/1 var(--serif);color:#aaa49b}
    .phase h3{margin:0 0 12px;font:500 34px/1 var(--serif)}
    .phase p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}

    .statement{padding:180px 0;text-align:center;background:var(--white)}
    .statement p{max-width:1120px;margin:14px auto 0;font:500 clamp(42px,5.6vw,88px)/1.02 var(--serif);letter-spacing:-.035em}

    .newsletter{background:#201f1b;color:white;padding:120px 0}
    .newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
    .newsletter h2{margin:12px 0 0}
    .email{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.4)}
    .email input{flex:1;border:0;outline:0;background:none;color:white;padding:16px 0;font-size:16px}
    .email button{border:0;background:none;color:white;font-size:24px}

    footer{background:#11100e;color:white;padding:72px 0 28px}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;padding-bottom:65px}
    .footer-brand{font:500 42px/1 var(--serif);letter-spacing:.08em}
    .footer-col h4{margin:0 0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.17em}
    .footer-col a{display:block;margin:8px 0;color:#b9b5ae;font-size:13px}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#89857e;font-size:11px}

    @media(max-width:1100px){
      .category-grid{grid-template-columns:repeat(2,1fr)}
      .product-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:980px){
      .shell{width:min(calc(100% - 34px),var(--max))}
      .nav-left a,.nav-right a{display:none}
      .menu-toggle{display:block}
      section.pad{padding:92px 0}
      .section-head,.intro-grid,.marketplace-grid,.newsletter-grid{grid-template-columns:1fr;gap:34px}
      .intro-copy{position:static}
      .story-grid{grid-template-columns:1fr}
      .story-main{height:70vh}
      .story-small{height:54vh}
      .growth-grid{grid-template-columns:1fr}
      .marketplace-visual{height:62vh}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-brand{grid-column:span 2}
    }
    @media(max-width:620px){
      .nav{height:68px}
      .brand{font-size:21px}
      .hero-content{padding-bottom:42px}
      .hero-title{font-size:clamp(48px,17vw,78px)}
      .category-grid{grid-template-columns:1fr}
      .category-card{min-height:70vh}
      .product-grid{gap:28px 10px}
      .product-info{display:block}
      .product-info span{display:block;margin-bottom:4px}
      .intro-img-a{height:64vh}
      .intro-img-b{height:48vh;width:100%}
      .statement{padding:110px 0}
      .newsletter{padding:90px 0}
      .footer-grid{grid-template-columns:1fr}
      .footer-brand{grid-column:auto}
      .footer-bottom{flex-direction:column}
    }
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
      .intro{display:none}
      .reveal{opacity:1;transform:none}
    }


    /* =========================================================
       STORY BEHIND THE SERIES
       Raw MP4 video, autoplay, muted, loop, no controls/branding
       ========================================================= */
    .series-stories{
      background:#f8f5ef;
      padding:140px 0;
    }

    .series-stories-head{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:70px;
      align-items:end;
      margin-bottom:72px;
    }

    .series-stories-head p{
      margin:0;
      max-width:560px;
      color:var(--muted);
      line-height:1.75;
    }

    .series-story-list{
      display:grid;
      gap:110px;
    }

    .series-story{
      display:grid;
      grid-template-columns:1.12fr .88fr;
      gap:72px;
      align-items:center;
    }

    .series-story.reverse{
      grid-template-columns:.88fr 1.12fr;
    }

    .series-story.reverse .series-story-media{
      order:2;
    }

    .series-story.reverse .series-story-copy{
      order:1;
    }

    .series-story-media{
      position:relative;
      height:720px;
      overflow:hidden;
      background:#171612;
    }

    .series-story-media video{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      filter:brightness(.82) saturate(.92);
      transform:scale(1.02);
    }

    .series-story-media::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(to top,rgba(0,0,0,.28),transparent 42%);
    }

    .series-number{
      position:absolute;
      z-index:2;
      left:22px;
      bottom:20px;
      color:white;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.18em;
    }

    .series-story-copy{
      max-width:620px;
    }

    .series-story-copy h3{
      margin:13px 0 18px;
      font:500 clamp(42px,5vw,78px)/.95 var(--serif);
      letter-spacing:-.04em;
    }

    .series-story-lead{
      margin:0 0 20px;
      font:500 clamp(21px,2vw,30px)/1.35 var(--serif);
      color:#2a2824;
    }

    .series-story-copy p:not(.series-story-lead){
      margin:0 0 22px;
      color:var(--muted);
      line-height:1.8;
      font-size:15px;
    }

    .series-meaning{
      margin-top:30px;
      padding-top:22px;
      border-top:1px solid var(--line);
      display:grid;
      grid-template-columns:120px 1fr;
      gap:24px;
      font-size:12px;
    }

    .series-meaning span:first-child{
      color:var(--muted);
      text-transform:uppercase;
      letter-spacing:.12em;
      font-size:10px;
    }

    .series-meaning span:last-child{
      line-height:1.65;
    }

    .series-story-link{
      display:inline-flex;
      margin-top:28px;
      padding-bottom:4px;
      border-bottom:1px solid currentColor;
      font-size:12px;
    }

    .product-story-link{
      display:inline-flex;
      margin-top:11px;
      padding-bottom:3px;
      border-bottom:1px solid var(--line);
      color:#494640;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.1em;
    }

    @media(max-width:980px){
      .series-stories{
        padding:95px 0;
      }

      .series-stories-head,
      .series-story,
      .series-story.reverse{
        grid-template-columns:1fr;
        gap:36px;
      }

      .series-story-list{
        gap:84px;
      }

      .series-story.reverse .series-story-media,
      .series-story.reverse .series-story-copy{
        order:initial;
      }

      .series-story-media{
        height:68vh;
      }
    }

    @media(max-width:620px){
      .series-stories{
        padding:82px 0;
      }

      .series-story-list{
        gap:70px;
      }

      .series-story-media{
        height:58vh;
      }

      .series-meaning{
        grid-template-columns:1fr;
        gap:8px;
      }
    }
/* ===== SOURCE: PRODUCT ===== */
:root{
      --paper:#f7f4ee;
      --paper-2:#ece7de;
      --white:#fff;
      --ink:#12110f;
      --muted:#706c65;
      --line:rgba(18,17,15,.15);
      --dark:#11100e;
      --serif:"Playfair Display", Georgia, serif;
      --sans:"DM Sans", Arial, sans-serif;
      --max:1520px;
      --ease:cubic-bezier(.22,1,.36,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
    body.loading{overflow:hidden}
    img,video{display:block;width:100%;height:100%;object-fit:cover}
    a{text-decoration:none;color:inherit}
    button,input{font:inherit}
    button{cursor:pointer}
    ::selection{background:var(--ink);color:white}
    .shell{width:min(calc(100% - 52px),var(--max));margin-inline:auto}
    .eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.19em}
    .display{margin:0;font:500 clamp(50px,7.5vw,124px)/.9 var(--serif);letter-spacing:-.048em}
    .headline{margin:0;font:500 clamp(39px,5vw,82px)/.96 var(--serif);letter-spacing:-.04em}
    .body-lg{font-size:clamp(18px,1.7vw,25px);line-height:1.5;max-width:720px}
    .link{display:inline-flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px}

    .intro{position:fixed;inset:0;z-index:9999;background:#11100e;color:#f7f4ee;display:grid;place-items:center;transition:transform 1.1s var(--ease)}
    .intro.exit{transform:translateY(-100%)}
    .intro-inner{width:min(620px,calc(100% - 48px));text-align:center}
    .intro-brand{font:500 clamp(58px,11vw,132px)/1 var(--serif);letter-spacing:.08em;opacity:0;transform:translateY(30px);animation:introText 1.1s .1s var(--ease) forwards}
    .intro-line{height:1px;margin:26px 0 17px;background:rgba(255,255,255,.18);overflow:hidden}
    .intro-line::before{content:"";display:block;width:100%;height:100%;background:white;transform:translateX(-100%);animation:loadLine 1.7s .15s var(--ease) forwards}
    .intro-caption{opacity:0;font-size:10px;text-transform:uppercase;letter-spacing:.25em;animation:fade .8s .6s forwards}
    @keyframes introText{to{opacity:1;transform:none}}
    @keyframes loadLine{to{transform:none}}
    @keyframes fade{to{opacity:1}}

    .header{position:fixed;inset:0 0 auto;z-index:100;color:white;transition:.4s ease}
    .header.scrolled{background:rgba(248,246,240,.9);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
    .nav{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
    .nav-left,.nav-right{display:flex;gap:26px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.09em}
    .nav-right{justify-content:flex-end}
    .brand{font:500 26px/1 var(--serif);letter-spacing:.13em}
    .menu-toggle{display:none;border:0;background:none;color:inherit;padding:0}

    .hero{min-height:100svh;position:relative;overflow:hidden;background:#111;color:white}
    .hero-media{position:absolute;inset:-2%;transform:scale(1.05);transition:transform 1.8s var(--ease)}
    body.loaded .hero-media{transform:scale(1)}
    .hero video{filter:brightness(.68) saturate(.92)}
    .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.63),rgba(0,0,0,.09) 57%,rgba(0,0,0,.18))}
    .hero-content{position:relative;z-index:3;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:64px}
    .hero-kicker,.hero-title,.hero-copy,.hero-actions{opacity:0;transform:translateY(38px)}
    body.loaded .hero-kicker{animation:heroIn .9s .1s var(--ease) forwards}
    body.loaded .hero-title{animation:heroIn 1.1s .2s var(--ease) forwards}
    body.loaded .hero-copy{animation:heroIn 1s .36s var(--ease) forwards}
    body.loaded .hero-actions{animation:heroIn 1s .48s var(--ease) forwards}
    @keyframes heroIn{to{opacity:1;transform:none}}
    .hero-title{max-width:1100px;margin-top:14px}
    .hero-copy{max-width:570px;margin:20px 0 0;color:rgba(255,255,255,.84);font-size:16px;line-height:1.6}
    .hero-actions{margin-top:26px;display:flex;gap:28px;flex-wrap:wrap}

    .marquee{overflow:hidden;background:var(--white);border-bottom:1px solid var(--line)}
    .marquee-track{display:flex;width:max-content;gap:50px;padding:14px 0;animation:marquee 30s linear infinite;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.18em}
    @keyframes marquee{to{transform:translateX(-50%)}}

    section.pad{padding:130px 0}
    .section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:48px}
    .section-head p{margin:0;max-width:520px;color:var(--muted);line-height:1.7}
    .reveal{opacity:0;transform:translateY(42px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
    .reveal.in{opacity:1;transform:none}
    .clip{overflow:hidden}
    .clip img,.clip video{transform:scale(1.07);transition:transform 1.5s var(--ease)}
    .clip.in img,.clip.in video{transform:scale(1)}

    .brand-intro{background:var(--white)}
    .intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:start}
    .intro-copy{position:sticky;top:120px}
    .intro-copy h2{margin:14px 0 22px}
    .intro-copy p{color:var(--muted);line-height:1.75}
    .intro-visuals{display:grid;gap:24px}
    .intro-img-a{height:720px}
    .intro-img-b{height:420px;width:70%;margin-left:auto}

    .categories{background:var(--paper-2)}
    .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .category-card{position:relative;min-height:640px;overflow:hidden;color:white;background:#ccc}
    .category-card img{position:absolute;inset:0;transition:transform .8s var(--ease)}
    .category-card:hover img{transform:scale(1.028)}
    .category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 62%)}
    .category-copy{position:absolute;z-index:2;inset:auto 24px 24px}
    .category-copy h3{margin:9px 0 10px;font:500 clamp(30px,3vw,50px)/.98 var(--serif)}
    .category-copy p{margin:0 0 18px;color:rgba(255,255,255,.8);font-size:13px}
    .status{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px;backdrop-filter:blur(8px)}

    .brand-film{min-height:92vh;position:relative;color:white;overflow:hidden;background:#111}
    .brand-film video{position:absolute;inset:0;filter:brightness(.72)}
    .brand-film::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.55),rgba(0,0,0,.05))}
    .brand-film-inner{position:relative;z-index:2;min-height:92vh;display:flex;align-items:flex-end;padding-bottom:70px}
    .brand-film-copy{max-width:760px}
    .brand-film-copy h2{margin:14px 0 18px}
    .brand-film-copy p{max-width:560px;color:rgba(255,255,255,.82)}

    .featured-products{background:var(--white)}
    .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .product-card{min-width:0}
    .product-media{aspect-ratio:3/4;overflow:hidden;background:#e5e0d8;position:relative}
    .product-media img{position:absolute;inset:0;transition:opacity .45s ease,transform .8s var(--ease)}
    .product-media .alt{opacity:0}
    .product-card:hover .main{opacity:0}
    .product-card:hover .alt{opacity:1}
    .product-card:hover img{transform:scale(1.025)}
    .product-info{padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:12px}
    .product-info span:last-child{color:var(--muted)}
    .marketplace-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .marketplace-links a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);padding:8px 10px;transition:.25s ease}
    .marketplace-links a:hover{background:var(--ink);color:white}

    .marketplace{background:#171612;color:white}
    .marketplace-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
    .marketplace-copy h2{margin:14px 0 22px}
    .marketplace-copy p{max-width:590px;color:rgba(255,255,255,.68);line-height:1.75}
    .marketplace-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .market-btn{border:1px solid rgba(255,255,255,.4);padding:14px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;transition:.25s ease}
    .market-btn:hover{background:white;color:var(--ink)}
    .marketplace-visual{height:700px;overflow:hidden}

    .story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
    .story-main{height:840px}
    .story-side{display:grid;gap:24px}
    .story-small{height:480px}
    .story-copy{padding:18px 0 42px}
    .story-copy h3{margin:10px 0 16px;font:500 clamp(33px,4vw,61px)/.98 var(--serif)}
    .story-copy p{color:var(--muted);max-width:520px}

    .growth{background:var(--paper-2)}
    .growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .phase{min-height:330px;padding:34px;border:1px solid var(--line);background:rgba(255,255,255,.42);display:flex;flex-direction:column;justify-content:space-between}
    .phase-num{font:500 56px/1 var(--serif);color:#aaa49b}
    .phase h3{margin:0 0 12px;font:500 34px/1 var(--serif)}
    .phase p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}

    .statement{padding:180px 0;text-align:center;background:var(--white)}
    .statement p{max-width:1120px;margin:14px auto 0;font:500 clamp(42px,5.6vw,88px)/1.02 var(--serif);letter-spacing:-.035em}

    .newsletter{background:#201f1b;color:white;padding:120px 0}
    .newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
    .newsletter h2{margin:12px 0 0}
    .email{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.4)}
    .email input{flex:1;border:0;outline:0;background:none;color:white;padding:16px 0;font-size:16px}
    .email button{border:0;background:none;color:white;font-size:24px}

    footer{background:#11100e;color:white;padding:72px 0 28px}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;padding-bottom:65px}
    .footer-brand{font:500 42px/1 var(--serif);letter-spacing:.08em}
    .footer-col h4{margin:0 0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.17em}
    .footer-col a{display:block;margin:8px 0;color:#b9b5ae;font-size:13px}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#89857e;font-size:11px}

    @media(max-width:1100px){
      .category-grid{grid-template-columns:repeat(2,1fr)}
      .product-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:980px){
      .shell{width:min(calc(100% - 34px),var(--max))}
      .nav-left a,.nav-right a{display:none}
      .menu-toggle{display:block}
      section.pad{padding:92px 0}
      .section-head,.intro-grid,.marketplace-grid,.newsletter-grid{grid-template-columns:1fr;gap:34px}
      .intro-copy{position:static}
      .story-grid{grid-template-columns:1fr}
      .story-main{height:70vh}
      .story-small{height:54vh}
      .growth-grid{grid-template-columns:1fr}
      .marketplace-visual{height:62vh}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-brand{grid-column:span 2}
    }
    @media(max-width:620px){
      .nav{height:68px}
      .brand{font-size:21px}
      .hero-content{padding-bottom:42px}
      .hero-title{font-size:clamp(48px,17vw,78px)}
      .category-grid{grid-template-columns:1fr}
      .category-card{min-height:70vh}
      .product-grid{gap:28px 10px}
      .product-info{display:block}
      .product-info span{display:block;margin-bottom:4px}
      .intro-img-a{height:64vh}
      .intro-img-b{height:48vh;width:100%}
      .statement{padding:110px 0}
      .newsletter{padding:90px 0}
      .footer-grid{grid-template-columns:1fr}
      .footer-brand{grid-column:auto}
      .footer-bottom{flex-direction:column}
    }
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
      .intro{display:none}
      .reveal{opacity:1;transform:none}
    }
  

    /* =========================================================
       SINGLE PRODUCT PAGE — NOVIKIM
       ========================================================= */
    .product-page{
      background:var(--paper);
    }

    .product-page .header{
      color:var(--ink);
      background:rgba(248,246,240,.92);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(18px);
    }

    .pdp{
      padding:118px 0 0;
      background:var(--paper);
    }

    .pdp-grid{
      display:grid;
      grid-template-columns:minmax(0,1.35fr) minmax(380px,.65fr);
      gap:0;
      align-items:start;
    }

    .pdp-gallery{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:2px;
      background:var(--line);
    }

    .pdp-image{
      aspect-ratio:3/4;
      overflow:hidden;
      background:#e8e3db;
      position:relative;
    }

    .pdp-image.wide{
      grid-column:1/-1;
      aspect-ratio:16/11;
    }

    .pdp-image img{
      transition:transform 1.1s var(--ease);
    }

    .pdp-image:hover img{
      transform:scale(1.018);
    }

    .pdp-info-wrap{
      min-height:100%;
      background:var(--paper);
      border-left:1px solid var(--line);
    }

    .pdp-info{
      position:sticky;
      top:118px;
      padding:44px 44px 56px;
    }

    .pdp-breadcrumb{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      color:var(--muted);
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.12em;
      margin-bottom:34px;
    }

    .pdp-breadcrumb span:not(:last-child)::after{
      content:"/";
      margin-left:8px;
      opacity:.5;
    }

    .pdp-title{
      margin:0;
      font:500 clamp(42px,4.2vw,68px)/.98 var(--serif);
      letter-spacing:-.04em;
    }

    .pdp-subtitle{
      margin:12px 0 0;
      color:var(--muted);
      font-size:13px;
    }

    .pdp-price{
      margin-top:22px;
      font-size:15px;
      letter-spacing:.02em;
    }

    .pdp-description{
      margin:28px 0 0;
      max-width:560px;
      color:#45423d;
      line-height:1.75;
      font-size:14px;
    }

    .option-block{
      padding:28px 0;
      border-top:1px solid var(--line);
    }

    .option-block.first{
      margin-top:34px;
    }

    .option-head{
      display:flex;
      justify-content:space-between;
      gap:20px;
      align-items:center;
      margin-bottom:14px;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.12em;
    }

    .option-head span:last-child{
      color:var(--muted);
      text-transform:none;
      letter-spacing:0;
      font-size:12px;
    }

    .swatches{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }

    .swatch{
      width:28px;
      height:28px;
      border-radius:50%;
      border:1px solid rgba(18,17,15,.2);
      padding:3px;
      background:transparent;
    }

    .swatch::before{
      content:"";
      display:block;
      width:100%;
      height:100%;
      border-radius:50%;
      background:var(--swatch,#ddd);
    }

    .swatch.active{
      outline:1px solid var(--ink);
      outline-offset:2px;
    }

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

    .size-btn{
      border:1px solid var(--line);
      background:transparent;
      padding:12px 8px;
      font-size:11px;
      transition:.25s ease;
    }

    .size-btn:hover,
    .size-btn.active{
      background:var(--ink);
      color:white;
      border-color:var(--ink);
    }

    .availability{
      display:flex;
      gap:10px;
      align-items:center;
      color:#4c5544;
      font-size:12px;
      margin-top:18px;
    }

    .availability::before{
      content:"";
      width:7px;
      height:7px;
      border-radius:50%;
      background:#6f8064;
    }

    .marketplace-block{
      padding:28px 0 0;
      border-top:1px solid var(--line);
    }

    .marketplace-label{
      display:block;
      margin-bottom:14px;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.12em;
    }

    .marketplace-buttons{
      display:grid;
      gap:9px;
    }

    .marketplace-primary{
      display:flex;
      justify-content:space-between;
      align-items:center;
      border:1px solid var(--ink);
      background:var(--ink);
      color:white;
      padding:15px 16px;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.12em;
      transition:.25s ease;
    }

    .marketplace-primary:hover{
      background:#2b2925;
    }

    .marketplace-secondary{
      display:flex;
      justify-content:space-between;
      align-items:center;
      border:1px solid var(--line);
      padding:14px 16px;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.12em;
      transition:.25s ease;
    }

    .marketplace-secondary:hover{
      background:#ebe6de;
    }

    .pdp-note{
      margin-top:14px;
      color:var(--muted);
      font-size:10px;
      line-height:1.6;
    }

    .pdp-accordions{
      margin-top:28px;
      border-top:1px solid var(--line);
    }

    .accordion-item{
      border-bottom:1px solid var(--line);
    }

    .accordion-button{
      width:100%;
      border:0;
      background:none;
      color:var(--ink);
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:18px 0;
      text-align:left;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.12em;
    }

    .accordion-content{
      display:none;
      padding:0 0 20px;
      color:var(--muted);
      font-size:12px;
      line-height:1.7;
    }

    .accordion-item.open .accordion-content{
      display:block;
    }

    .accordion-item.open .accordion-button span:last-child{
      transform:rotate(45deg);
    }

    /* STORY SECTION */
    .product-story{
      padding:140px 0;
      background:var(--white);
    }

    .product-story-grid{
      display:grid;
      grid-template-columns:.75fr 1.25fr;
      gap:10vw;
      align-items:start;
    }

    .product-story-copy{
      position:sticky;
      top:120px;
    }

    .product-story-copy h2{
      margin:14px 0 22px;
    }

    .product-story-copy p{
      color:var(--muted);
      line-height:1.75;
      max-width:560px;
    }

    .product-story-media{
      display:grid;
      gap:22px;
    }

    .story-product-a{
      height:740px;
      overflow:hidden;
    }

    .story-product-b{
      height:430px;
      width:72%;
      margin-left:auto;
      overflow:hidden;
    }

    /* MATERIAL SECTION */
    .material-section{
      padding:130px 0;
      background:var(--paper-2);
    }

    .material-grid{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:24px;
      align-items:stretch;
    }

    .material-image{
      min-height:720px;
      overflow:hidden;
    }

    .material-copy{
      padding:70px;
      background:var(--paper);
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .material-copy h2{
      margin:14px 0 22px;
    }

    .material-copy p{
      color:var(--muted);
      line-height:1.75;
      max-width:520px;
    }

    .material-list{
      margin-top:28px;
      border-top:1px solid var(--line);
    }

    .material-row{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:24px;
      padding:16px 0;
      border-bottom:1px solid var(--line);
      font-size:12px;
    }

    .material-row span:first-child{
      color:var(--muted);
      text-transform:uppercase;
      letter-spacing:.09em;
      font-size:10px;
    }

    /* MARKETPLACE EXPLANATION */
    .buy-section{
      padding:140px 0;
      background:#191815;
      color:white;
      text-align:center;
    }

    .buy-section .headline{
      max-width:980px;
      margin:14px auto 0;
    }

    .buy-section p{
      max-width:680px;
      margin:24px auto 0;
      color:rgba(255,255,255,.64);
      line-height:1.75;
    }

    .buy-marketplaces{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:10px;
      margin-top:34px;
    }

    .buy-marketplaces a{
      border:1px solid rgba(255,255,255,.4);
      padding:14px 18px;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.13em;
      transition:.25s ease;
    }

    .buy-marketplaces a:hover{
      background:white;
      color:var(--ink);
    }

    /* RELATED */
    .related{
      padding:130px 0;
      background:var(--paper);
    }

    .related-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:30px;
      margin-bottom:44px;
    }

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

    .related-card .related-media{
      aspect-ratio:3/4;
      overflow:hidden;
      background:#e6e1d9;
    }

    .related-card img{
      transition:transform .8s var(--ease);
    }

    .related-card:hover img{
      transform:scale(1.025);
    }

    .related-info{
      display:flex;
      justify-content:space-between;
      gap:12px;
      padding-top:12px;
      font-size:12px;
    }

    .related-info span:last-child{
      color:var(--muted);
    }

    @media(max-width:1100px){
      .pdp-grid{
        grid-template-columns:1fr;
      }

      .pdp-info-wrap{
        border-left:0;
        border-top:1px solid var(--line);
      }

      .pdp-info{
        position:static;
        max-width:760px;
        margin:auto;
      }

      .related-grid{
        grid-template-columns:repeat(2,1fr);
      }
    }

    @media(max-width:980px){
      .product-story-grid,
      .material-grid{
        grid-template-columns:1fr;
        gap:36px;
      }

      .product-story-copy{
        position:static;
      }

      .story-product-a{height:68vh}
      .story-product-b{height:52vh;width:100%;margin:0}
      .material-image{min-height:60vh}
      .material-copy{padding:50px 28px}
    }

    @media(max-width:620px){
      .pdp{padding-top:68px}

      .pdp-gallery{
        grid-template-columns:1fr;
      }

      .pdp-image,
      .pdp-image.wide{
        grid-column:auto;
        aspect-ratio:4/5;
      }

      .pdp-info{
        padding:34px 17px 48px;
      }

      .pdp-breadcrumb{
        margin-bottom:24px;
      }

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

      .product-story,
      .material-section,
      .buy-section,
      .related{
        padding:90px 0;
      }

      .story-product-a{height:58vh}
      .story-product-b{height:46vh}

      .material-row{
        grid-template-columns:100px 1fr;
      }

      .related-grid{
        gap:28px 10px;
      }

      .related-info{
        display:block;
      }

      .related-info span{
        display:block;
        margin-bottom:3px;
      }
    }



    /* =========================================================
       PRODUCT VIDEO STORY — NOVIKIM
       ========================================================= */
    .pdp-image video,
    .story-product-a video,
    .series-film video{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .pdp-image.video-frame{
      position:relative;
      background:#171612;
    }

    .pdp-image.video-frame video{
      position:absolute;
      inset:0;
      filter:brightness(.82) saturate(.92);
    }

    .video-label{
      position:absolute;
      z-index:3;
      left:18px;
      bottom:16px;
      padding:8px 10px;
      background:rgba(17,16,14,.55);
      color:white;
      backdrop-filter:blur(8px);
      font-size:9px;
      text-transform:uppercase;
      letter-spacing:.14em;
    }

    .story-product-a{
      position:relative;
      background:#171612;
    }

    .story-product-a video{
      position:absolute;
      inset:0;
      filter:brightness(.78) saturate(.9);
    }

    .story-product-a::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(to top,rgba(0,0,0,.28),transparent 50%);
    }

    .story-film-label{
      position:absolute;
      z-index:3;
      left:20px;
      bottom:18px;
      color:white;
      font-size:9px;
      text-transform:uppercase;
      letter-spacing:.16em;
    }

    .series-film{
      position:relative;
      min-height:88vh;
      overflow:hidden;
      background:#111;
      color:white;
    }

    .series-film video{
      position:absolute;
      inset:0;
      filter:brightness(.64) saturate(.9);
    }

    .series-film::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,.06) 58%);
    }

    .series-film-inner{
      position:relative;
      z-index:2;
      min-height:88vh;
      display:flex;
      align-items:flex-end;
      padding-bottom:72px;
    }

    .series-film-copy{
      max-width:790px;
    }

    .series-film-copy h2{
      margin:14px 0 18px;
    }

    .series-film-copy p{
      max-width:620px;
      margin:0;
      color:rgba(255,255,255,.8);
      line-height:1.75;
      font-size:15px;
    }

    .series-film-meta{
      display:grid;
      grid-template-columns:120px 1fr;
      gap:24px;
      margin-top:28px;
      padding-top:20px;
      border-top:1px solid rgba(255,255,255,.25);
      max-width:620px;
      font-size:12px;
    }

    .series-film-meta span:first-child{
      color:rgba(255,255,255,.55);
      text-transform:uppercase;
      letter-spacing:.12em;
      font-size:10px;
    }

    .pdp-story-jump{
      display:inline-flex;
      margin-top:16px;
      padding-bottom:3px;
      border-bottom:1px solid var(--line);
      color:#4a4741;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.1em;
    }

    @media(max-width:620px){
      .series-film,
      .series-film-inner{
        min-height:72vh;
      }

      .series-film-inner{
        padding-bottom:42px;
      }

      .series-film-meta{
        grid-template-columns:1fr;
        gap:8px;
      }
    }
/* ===== SOURCE: SHOP ===== */
:root{
      --paper:#f7f4ee;
      --paper-2:#ece7de;
      --white:#fff;
      --ink:#12110f;
      --muted:#706c65;
      --line:rgba(18,17,15,.15);
      --dark:#11100e;
      --serif:"Playfair Display", Georgia, serif;
      --sans:"DM Sans", Arial, sans-serif;
      --max:1520px;
      --ease:cubic-bezier(.22,1,.36,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
    body.loading{overflow:hidden}
    img,video{display:block;width:100%;height:100%;object-fit:cover}
    a{text-decoration:none;color:inherit}
    button,input{font:inherit}
    button{cursor:pointer}
    ::selection{background:var(--ink);color:white}
    .shell{width:min(calc(100% - 52px),var(--max));margin-inline:auto}
    .eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.19em}
    .display{margin:0;font:500 clamp(50px,7.5vw,124px)/.9 var(--serif);letter-spacing:-.048em}
    .headline{margin:0;font:500 clamp(39px,5vw,82px)/.96 var(--serif);letter-spacing:-.04em}
    .body-lg{font-size:clamp(18px,1.7vw,25px);line-height:1.5;max-width:720px}
    .link{display:inline-flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px}

    .intro{position:fixed;inset:0;z-index:9999;background:#11100e;color:#f7f4ee;display:grid;place-items:center;transition:transform 1.1s var(--ease)}
    .intro.exit{transform:translateY(-100%)}
    .intro-inner{width:min(620px,calc(100% - 48px));text-align:center}
    .intro-brand{font:500 clamp(58px,11vw,132px)/1 var(--serif);letter-spacing:.08em;opacity:0;transform:translateY(30px);animation:introText 1.1s .1s var(--ease) forwards}
    .intro-line{height:1px;margin:26px 0 17px;background:rgba(255,255,255,.18);overflow:hidden}
    .intro-line::before{content:"";display:block;width:100%;height:100%;background:white;transform:translateX(-100%);animation:loadLine 1.7s .15s var(--ease) forwards}
    .intro-caption{opacity:0;font-size:10px;text-transform:uppercase;letter-spacing:.25em;animation:fade .8s .6s forwards}
    @keyframes introText{to{opacity:1;transform:none}}
    @keyframes loadLine{to{transform:none}}
    @keyframes fade{to{opacity:1}}

    .header{position:fixed;inset:0 0 auto;z-index:100;color:white;transition:.4s ease}
    .header.scrolled{background:rgba(248,246,240,.9);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
    .nav{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
    .nav-left,.nav-right{display:flex;gap:26px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.09em}
    .nav-right{justify-content:flex-end}
    .brand{font:500 26px/1 var(--serif);letter-spacing:.13em}
    .menu-toggle{display:none;border:0;background:none;color:inherit;padding:0}

    .hero{min-height:100svh;position:relative;overflow:hidden;background:#111;color:white}
    .hero-media{position:absolute;inset:-2%;transform:scale(1.05);transition:transform 1.8s var(--ease)}
    body.loaded .hero-media{transform:scale(1)}
    .hero video{filter:brightness(.68) saturate(.92)}
    .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.63),rgba(0,0,0,.09) 57%,rgba(0,0,0,.18))}
    .hero-content{position:relative;z-index:3;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:64px}
    .hero-kicker,.hero-title,.hero-copy,.hero-actions{opacity:0;transform:translateY(38px)}
    body.loaded .hero-kicker{animation:heroIn .9s .1s var(--ease) forwards}
    body.loaded .hero-title{animation:heroIn 1.1s .2s var(--ease) forwards}
    body.loaded .hero-copy{animation:heroIn 1s .36s var(--ease) forwards}
    body.loaded .hero-actions{animation:heroIn 1s .48s var(--ease) forwards}
    @keyframes heroIn{to{opacity:1;transform:none}}
    .hero-title{max-width:1100px;margin-top:14px}
    .hero-copy{max-width:570px;margin:20px 0 0;color:rgba(255,255,255,.84);font-size:16px;line-height:1.6}
    .hero-actions{margin-top:26px;display:flex;gap:28px;flex-wrap:wrap}

    .marquee{overflow:hidden;background:var(--white);border-bottom:1px solid var(--line)}
    .marquee-track{display:flex;width:max-content;gap:50px;padding:14px 0;animation:marquee 30s linear infinite;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.18em}
    @keyframes marquee{to{transform:translateX(-50%)}}

    section.pad{padding:130px 0}
    .section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:48px}
    .section-head p{margin:0;max-width:520px;color:var(--muted);line-height:1.7}
    .reveal{opacity:0;transform:translateY(42px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
    .reveal.in{opacity:1;transform:none}
    .clip{overflow:hidden}
    .clip img,.clip video{transform:scale(1.07);transition:transform 1.5s var(--ease)}
    .clip.in img,.clip.in video{transform:scale(1)}

    .brand-intro{background:var(--white)}
    .intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:start}
    .intro-copy{position:sticky;top:120px}
    .intro-copy h2{margin:14px 0 22px}
    .intro-copy p{color:var(--muted);line-height:1.75}
    .intro-visuals{display:grid;gap:24px}
    .intro-img-a{height:720px}
    .intro-img-b{height:420px;width:70%;margin-left:auto}

    .categories{background:var(--paper-2)}
    .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .category-card{position:relative;min-height:640px;overflow:hidden;color:white;background:#ccc}
    .category-card img{position:absolute;inset:0;transition:transform .8s var(--ease)}
    .category-card:hover img{transform:scale(1.028)}
    .category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 62%)}
    .category-copy{position:absolute;z-index:2;inset:auto 24px 24px}
    .category-copy h3{margin:9px 0 10px;font:500 clamp(30px,3vw,50px)/.98 var(--serif)}
    .category-copy p{margin:0 0 18px;color:rgba(255,255,255,.8);font-size:13px}
    .status{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px;backdrop-filter:blur(8px)}

    .brand-film{min-height:92vh;position:relative;color:white;overflow:hidden;background:#111}
    .brand-film video{position:absolute;inset:0;filter:brightness(.72)}
    .brand-film::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.55),rgba(0,0,0,.05))}
    .brand-film-inner{position:relative;z-index:2;min-height:92vh;display:flex;align-items:flex-end;padding-bottom:70px}
    .brand-film-copy{max-width:760px}
    .brand-film-copy h2{margin:14px 0 18px}
    .brand-film-copy p{max-width:560px;color:rgba(255,255,255,.82)}

    .featured-products{background:var(--white)}
    .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .product-card{min-width:0}
    .product-media{aspect-ratio:3/4;overflow:hidden;background:#e5e0d8;position:relative}
    .product-media img{position:absolute;inset:0;transition:opacity .45s ease,transform .8s var(--ease)}
    .product-media .alt{opacity:0}
    .product-card:hover .main{opacity:0}
    .product-card:hover .alt{opacity:1}
    .product-card:hover img{transform:scale(1.025)}
    .product-info{padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:12px}
    .product-info span:last-child{color:var(--muted)}
    .marketplace-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .marketplace-links a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);padding:8px 10px;transition:.25s ease}
    .marketplace-links a:hover{background:var(--ink);color:white}

    .marketplace{background:#171612;color:white}
    .marketplace-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
    .marketplace-copy h2{margin:14px 0 22px}
    .marketplace-copy p{max-width:590px;color:rgba(255,255,255,.68);line-height:1.75}
    .marketplace-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .market-btn{border:1px solid rgba(255,255,255,.4);padding:14px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;transition:.25s ease}
    .market-btn:hover{background:white;color:var(--ink)}
    .marketplace-visual{height:700px;overflow:hidden}

    .story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
    .story-main{height:840px}
    .story-side{display:grid;gap:24px}
    .story-small{height:480px}
    .story-copy{padding:18px 0 42px}
    .story-copy h3{margin:10px 0 16px;font:500 clamp(33px,4vw,61px)/.98 var(--serif)}
    .story-copy p{color:var(--muted);max-width:520px}

    .growth{background:var(--paper-2)}
    .growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .phase{min-height:330px;padding:34px;border:1px solid var(--line);background:rgba(255,255,255,.42);display:flex;flex-direction:column;justify-content:space-between}
    .phase-num{font:500 56px/1 var(--serif);color:#aaa49b}
    .phase h3{margin:0 0 12px;font:500 34px/1 var(--serif)}
    .phase p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}

    .statement{padding:180px 0;text-align:center;background:var(--white)}
    .statement p{max-width:1120px;margin:14px auto 0;font:500 clamp(42px,5.6vw,88px)/1.02 var(--serif);letter-spacing:-.035em}

    .newsletter{background:#201f1b;color:white;padding:120px 0}
    .newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
    .newsletter h2{margin:12px 0 0}
    .email{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.4)}
    .email input{flex:1;border:0;outline:0;background:none;color:white;padding:16px 0;font-size:16px}
    .email button{border:0;background:none;color:white;font-size:24px}

    footer{background:#11100e;color:white;padding:72px 0 28px}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;padding-bottom:65px}
    .footer-brand{font:500 42px/1 var(--serif);letter-spacing:.08em}
    .footer-col h4{margin:0 0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.17em}
    .footer-col a{display:block;margin:8px 0;color:#b9b5ae;font-size:13px}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#89857e;font-size:11px}

    @media(max-width:1100px){
      .category-grid{grid-template-columns:repeat(2,1fr)}
      .product-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:980px){
      .shell{width:min(calc(100% - 34px),var(--max))}
      .nav-left a,.nav-right a{display:none}
      .menu-toggle{display:block}
      section.pad{padding:92px 0}
      .section-head,.intro-grid,.marketplace-grid,.newsletter-grid{grid-template-columns:1fr;gap:34px}
      .intro-copy{position:static}
      .story-grid{grid-template-columns:1fr}
      .story-main{height:70vh}
      .story-small{height:54vh}
      .growth-grid{grid-template-columns:1fr}
      .marketplace-visual{height:62vh}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-brand{grid-column:span 2}
    }
    @media(max-width:620px){
      .nav{height:68px}
      .brand{font-size:21px}
      .hero-content{padding-bottom:42px}
      .hero-title{font-size:clamp(48px,17vw,78px)}
      .category-grid{grid-template-columns:1fr}
      .category-card{min-height:70vh}
      .product-grid{gap:28px 10px}
      .product-info{display:block}
      .product-info span{display:block;margin-bottom:4px}
      .intro-img-a{height:64vh}
      .intro-img-b{height:48vh;width:100%}
      .statement{padding:110px 0}
      .newsletter{padding:90px 0}
      .footer-grid{grid-template-columns:1fr}
      .footer-brand{grid-column:auto}
      .footer-bottom{flex-direction:column}
    }
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
      .intro{display:none}
      .reveal{opacity:1;transform:none}
    }
  

    /* SHOP PAGE — NOVIKIM */
    .shop-page{
      background:var(--paper);
    }

    .shop-page .header{
      color:var(--ink);
      background:rgba(248,246,240,.9);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(18px);
    }

    .shop-hero{
      padding:158px 0 72px;
      background:var(--paper);
    }

    .shop-hero-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:80px;
      align-items:end;
    }

    .shop-hero h1{
      margin:14px 0 0;
      font:500 clamp(64px,8vw,128px)/.88 var(--serif);
      letter-spacing:-.052em;
    }

    .shop-hero p{
      margin:0;
      max-width:600px;
      color:var(--muted);
      font-size:16px;
      line-height:1.75;
    }

    .shop-category-nav{
      position:sticky;
      top:78px;
      z-index:40;
      background:rgba(248,246,240,.93);
      backdrop-filter:blur(16px);
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }

    .shop-category-inner{
      min-height:68px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:30px;
    }

    .shop-tabs{
      display:flex;
      align-items:center;
      gap:28px;
      overflow-x:auto;
      white-space:nowrap;
      scrollbar-width:none;
    }

    .shop-tabs::-webkit-scrollbar{display:none}

    .shop-tab{
      border:0;
      background:none;
      color:var(--muted);
      padding:0;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.14em;
    }

    .shop-tab.active{
      color:var(--ink);
      border-bottom:1px solid var(--ink);
      padding-bottom:5px;
    }

    .shop-tools{
      display:flex;
      align-items:center;
      gap:22px;
      flex-shrink:0;
    }

    .shop-count{
      color:var(--muted);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.1em;
    }

    .shop-tool{
      border:0;
      background:none;
      color:var(--ink);
      padding:0;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.12em;
    }

    .catalog-section{
      padding:56px 0 130px;
      background:var(--paper);
    }

    .catalog-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:38px 16px;
    }

    .catalog-card{
      min-width:0;
    }

    .catalog-media{
      position:relative;
      aspect-ratio:3/4;
      overflow:hidden;
      background:#e9e4dc;
    }

    .catalog-media img{
      position:absolute;
      inset:0;
      transition:opacity .45s ease,transform .8s var(--ease);
    }

    .catalog-media .alt{opacity:0}
    .catalog-card:hover .catalog-media .main{opacity:0}
    .catalog-card:hover .catalog-media .alt{opacity:1}
    .catalog-card:hover .catalog-media img{transform:scale(1.025)}

    .catalog-badge{
      position:absolute;
      left:12px;
      top:12px;
      z-index:3;
      padding:7px 9px;
      background:rgba(248,246,240,.88);
      backdrop-filter:blur(8px);
      font-size:9px;
      text-transform:uppercase;
      letter-spacing:.13em;
    }

    .catalog-wishlist{
      position:absolute;
      right:12px;
      top:12px;
      z-index:3;
      width:34px;
      height:34px;
      border:0;
      border-radius:50%;
      background:rgba(248,246,240,.88);
      display:grid;
      place-items:center;
      color:var(--ink);
    }

    .catalog-info{
      padding-top:13px;
    }

    .catalog-title{
      display:flex;
      justify-content:space-between;
      gap:14px;
      font-size:12px;
    }

    .catalog-subtitle{
      margin-top:5px;
      color:var(--muted);
      font-size:11px;
    }

    .catalog-actions{
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      margin-top:12px;
    }

    .catalog-actions a{
      border:1px solid var(--line);
      padding:8px 10px;
      font-size:9px;
      text-transform:uppercase;
      letter-spacing:.1em;
      transition:.25s ease;
    }

    .catalog-actions a:hover{
      background:var(--ink);
      color:white;
    }

    .editorial-tile{
      grid-column:span 2;
      min-height:690px;
      position:relative;
      overflow:hidden;
      color:white;
    }

    .editorial-tile img{
      position:absolute;
      inset:0;
    }

    .editorial-tile::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.03) 62%);
    }

    .editorial-tile-copy{
      position:absolute;
      z-index:2;
      left:30px;
      right:30px;
      bottom:30px;
      max-width:650px;
    }

    .editorial-tile h2{
      margin:10px 0 15px;
      font:500 clamp(40px,4.5vw,72px)/.96 var(--serif);
      letter-spacing:-.04em;
    }

    .editorial-tile p{
      margin:0 0 18px;
      color:rgba(255,255,255,.82);
      max-width:520px;
      line-height:1.6;
      font-size:13px;
    }

    .category-banner{
      grid-column:1/-1;
      display:grid;
      grid-template-columns:1fr 1fr;
      min-height:590px;
      background:var(--paper-2);
      margin:34px 0 10px;
    }

    .category-banner-image{
      min-height:590px;
      overflow:hidden;
    }

    .category-banner-copy{
      padding:70px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .category-banner-copy h2{
      margin:12px 0 18px;
      font:500 clamp(42px,4.6vw,74px)/.97 var(--serif);
      letter-spacing:-.04em;
    }

    .category-banner-copy p{
      max-width:520px;
      color:var(--muted);
      line-height:1.75;
    }

    .coming-grid{
      padding:120px 0;
      background:#181713;
      color:white;
    }

    .coming-head{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:70px;
      align-items:end;
      margin-bottom:48px;
    }

    .coming-head p{
      color:rgba(255,255,255,.62);
      max-width:520px;
      line-height:1.7;
      margin:0;
    }

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

    .future-card{
      min-height:520px;
      position:relative;
      overflow:hidden;
      color:white;
    }

    .future-card img{
      position:absolute;
      inset:0;
      filter:brightness(.75);
      transition:transform .8s var(--ease);
    }

    .future-card:hover img{transform:scale(1.025)}

    .future-card::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top,rgba(0,0,0,.62),transparent 62%);
    }

    .future-copy{
      position:absolute;
      z-index:2;
      left:24px;
      right:24px;
      bottom:24px;
    }

    .future-copy h3{
      margin:9px 0 10px;
      font:500 38px/1 var(--serif);
    }

    .future-copy p{
      margin:0;
      color:rgba(255,255,255,.73);
      font-size:12px;
      line-height:1.6;
    }

    .filter-drawer{
      position:fixed;
      inset:0;
      z-index:500;
      pointer-events:none;
      visibility:hidden;
    }

    .filter-drawer.open{
      pointer-events:auto;
      visibility:visible;
    }

    .filter-backdrop{
      position:absolute;
      inset:0;
      background:rgba(0,0,0,.3);
      opacity:0;
      transition:.35s ease;
    }

    .filter-drawer.open .filter-backdrop{opacity:1}

    .filter-panel{
      position:absolute;
      top:0;
      right:0;
      width:min(460px,100%);
      height:100%;
      background:var(--paper);
      padding:34px;
      transform:translateX(100%);
      transition:transform .65s var(--ease);
      overflow:auto;
    }

    .filter-drawer.open .filter-panel{transform:none}

    .filter-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding-bottom:24px;
      border-bottom:1px solid var(--line);
    }

    .filter-head h3{
      margin:0;
      font:500 32px/1 var(--serif);
    }

    .filter-close{
      border:0;
      background:none;
      font-size:24px;
    }

    .filter-group{
      padding:26px 0;
      border-bottom:1px solid var(--line);
    }

    .filter-group h4{
      margin:0 0 15px;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.15em;
    }

    .filter-options{
      display:grid;
      gap:11px;
    }

    .filter-options label{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:13px;
      color:#34312e;
    }

    .filter-apply{
      width:100%;
      margin-top:28px;
      border:0;
      background:var(--ink);
      color:white;
      padding:16px;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.14em;
    }

    @media(max-width:1100px){
      .catalog-grid{grid-template-columns:repeat(2,1fr)}
      .future-grid{grid-template-columns:1fr}
      .future-card{min-height:60vh}
    }

    @media(max-width:980px){
      .shop-hero-grid,
      .coming-head{
        grid-template-columns:1fr;
        gap:30px;
      }

      .category-banner{
        grid-template-columns:1fr;
      }

      .category-banner-image{min-height:60vh}
      .category-banner-copy{padding:50px 28px}
    }

    @media(max-width:620px){
      .shop-hero{padding:120px 0 48px}
      .shop-category-nav{top:68px}
      .shop-category-inner{
        min-height:auto;
        padding:14px 0;
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
      }
      .shop-tabs{width:100%}
      .shop-tools{
        width:100%;
        justify-content:space-between;
      }
      .catalog-section{padding-top:34px}
      .catalog-grid{gap:28px 10px}
      .catalog-title{display:block}
      .catalog-title span{display:block;margin-bottom:3px}
      .catalog-actions{gap:5px}
      .catalog-actions a{padding:7px 8px;font-size:8px}
      .editorial-tile{min-height:64vh}
      .editorial-tile-copy{left:20px;right:20px;bottom:22px}
      .category-banner-image{min-height:52vh}
      .future-card{min-height:64vh}
    }
/* ===== SOURCE: ABOUT ===== */
:root{
      --paper:#f7f4ee;
      --paper-2:#ece7de;
      --white:#fff;
      --ink:#12110f;
      --muted:#706c65;
      --line:rgba(18,17,15,.15);
      --dark:#11100e;
      --serif:"Playfair Display", Georgia, serif;
      --sans:"DM Sans", Arial, sans-serif;
      --max:1520px;
      --ease:cubic-bezier(.22,1,.36,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
    body.loading{overflow:hidden}
    img,video{display:block;width:100%;height:100%;object-fit:cover}
    a{text-decoration:none;color:inherit}
    button,input{font:inherit}
    button{cursor:pointer}
    ::selection{background:var(--ink);color:white}
    .shell{width:min(calc(100% - 52px),var(--max));margin-inline:auto}
    .eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.19em}
    .display{margin:0;font:500 clamp(50px,7.5vw,124px)/.9 var(--serif);letter-spacing:-.048em}
    .headline{margin:0;font:500 clamp(39px,5vw,82px)/.96 var(--serif);letter-spacing:-.04em}
    .body-lg{font-size:clamp(18px,1.7vw,25px);line-height:1.5;max-width:720px}
    .link{display:inline-flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px}

    .intro{position:fixed;inset:0;z-index:9999;background:#11100e;color:#f7f4ee;display:grid;place-items:center;transition:transform 1.1s var(--ease)}
    .intro.exit{transform:translateY(-100%)}
    .intro-inner{width:min(620px,calc(100% - 48px));text-align:center}
    .intro-brand{font:500 clamp(58px,11vw,132px)/1 var(--serif);letter-spacing:.08em;opacity:0;transform:translateY(30px);animation:introText 1.1s .1s var(--ease) forwards}
    .intro-line{height:1px;margin:26px 0 17px;background:rgba(255,255,255,.18);overflow:hidden}
    .intro-line::before{content:"";display:block;width:100%;height:100%;background:white;transform:translateX(-100%);animation:loadLine 1.7s .15s var(--ease) forwards}
    .intro-caption{opacity:0;font-size:10px;text-transform:uppercase;letter-spacing:.25em;animation:fade .8s .6s forwards}
    @keyframes introText{to{opacity:1;transform:none}}
    @keyframes loadLine{to{transform:none}}
    @keyframes fade{to{opacity:1}}

    .header{position:fixed;inset:0 0 auto;z-index:100;color:white;transition:.4s ease}
    .header.scrolled{background:rgba(248,246,240,.9);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
    .nav{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
    .nav-left,.nav-right{display:flex;gap:26px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.09em}
    .nav-right{justify-content:flex-end}
    .brand{font:500 26px/1 var(--serif);letter-spacing:.13em}
    .menu-toggle{display:none;border:0;background:none;color:inherit;padding:0}

    .hero{min-height:100svh;position:relative;overflow:hidden;background:#111;color:white}
    .hero-media{position:absolute;inset:-2%;transform:scale(1.05);transition:transform 1.8s var(--ease)}
    body.loaded .hero-media{transform:scale(1)}
    .hero video{filter:brightness(.68) saturate(.92)}
    .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.63),rgba(0,0,0,.09) 57%,rgba(0,0,0,.18))}
    .hero-content{position:relative;z-index:3;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:64px}
    .hero-kicker,.hero-title,.hero-copy,.hero-actions{opacity:0;transform:translateY(38px)}
    body.loaded .hero-kicker{animation:heroIn .9s .1s var(--ease) forwards}
    body.loaded .hero-title{animation:heroIn 1.1s .2s var(--ease) forwards}
    body.loaded .hero-copy{animation:heroIn 1s .36s var(--ease) forwards}
    body.loaded .hero-actions{animation:heroIn 1s .48s var(--ease) forwards}
    @keyframes heroIn{to{opacity:1;transform:none}}
    .hero-title{max-width:1100px;margin-top:14px}
    .hero-copy{max-width:570px;margin:20px 0 0;color:rgba(255,255,255,.84);font-size:16px;line-height:1.6}
    .hero-actions{margin-top:26px;display:flex;gap:28px;flex-wrap:wrap}

    .marquee{overflow:hidden;background:var(--white);border-bottom:1px solid var(--line)}
    .marquee-track{display:flex;width:max-content;gap:50px;padding:14px 0;animation:marquee 30s linear infinite;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.18em}
    @keyframes marquee{to{transform:translateX(-50%)}}

    section.pad{padding:130px 0}
    .section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:48px}
    .section-head p{margin:0;max-width:520px;color:var(--muted);line-height:1.7}
    .reveal{opacity:0;transform:translateY(42px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
    .reveal.in{opacity:1;transform:none}
    .clip{overflow:hidden}
    .clip img,.clip video{transform:scale(1.07);transition:transform 1.5s var(--ease)}
    .clip.in img,.clip.in video{transform:scale(1)}

    .brand-intro{background:var(--white)}
    .intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:start}
    .intro-copy{position:sticky;top:120px}
    .intro-copy h2{margin:14px 0 22px}
    .intro-copy p{color:var(--muted);line-height:1.75}
    .intro-visuals{display:grid;gap:24px}
    .intro-img-a{height:720px}
    .intro-img-b{height:420px;width:70%;margin-left:auto}

    .categories{background:var(--paper-2)}
    .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .category-card{position:relative;min-height:640px;overflow:hidden;color:white;background:#ccc}
    .category-card img{position:absolute;inset:0;transition:transform .8s var(--ease)}
    .category-card:hover img{transform:scale(1.028)}
    .category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 62%)}
    .category-copy{position:absolute;z-index:2;inset:auto 24px 24px}
    .category-copy h3{margin:9px 0 10px;font:500 clamp(30px,3vw,50px)/.98 var(--serif)}
    .category-copy p{margin:0 0 18px;color:rgba(255,255,255,.8);font-size:13px}
    .status{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px;backdrop-filter:blur(8px)}

    .brand-film{min-height:92vh;position:relative;color:white;overflow:hidden;background:#111}
    .brand-film video{position:absolute;inset:0;filter:brightness(.72)}
    .brand-film::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.55),rgba(0,0,0,.05))}
    .brand-film-inner{position:relative;z-index:2;min-height:92vh;display:flex;align-items:flex-end;padding-bottom:70px}
    .brand-film-copy{max-width:760px}
    .brand-film-copy h2{margin:14px 0 18px}
    .brand-film-copy p{max-width:560px;color:rgba(255,255,255,.82)}

    .featured-products{background:var(--white)}
    .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .product-card{min-width:0}
    .product-media{aspect-ratio:3/4;overflow:hidden;background:#e5e0d8;position:relative}
    .product-media img{position:absolute;inset:0;transition:opacity .45s ease,transform .8s var(--ease)}
    .product-media .alt{opacity:0}
    .product-card:hover .main{opacity:0}
    .product-card:hover .alt{opacity:1}
    .product-card:hover img{transform:scale(1.025)}
    .product-info{padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:12px}
    .product-info span:last-child{color:var(--muted)}
    .marketplace-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .marketplace-links a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);padding:8px 10px;transition:.25s ease}
    .marketplace-links a:hover{background:var(--ink);color:white}

    .marketplace{background:#171612;color:white}
    .marketplace-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
    .marketplace-copy h2{margin:14px 0 22px}
    .marketplace-copy p{max-width:590px;color:rgba(255,255,255,.68);line-height:1.75}
    .marketplace-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .market-btn{border:1px solid rgba(255,255,255,.4);padding:14px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;transition:.25s ease}
    .market-btn:hover{background:white;color:var(--ink)}
    .marketplace-visual{height:700px;overflow:hidden}

    .story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
    .story-main{height:840px}
    .story-side{display:grid;gap:24px}
    .story-small{height:480px}
    .story-copy{padding:18px 0 42px}
    .story-copy h3{margin:10px 0 16px;font:500 clamp(33px,4vw,61px)/.98 var(--serif)}
    .story-copy p{color:var(--muted);max-width:520px}

    .growth{background:var(--paper-2)}
    .growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .phase{min-height:330px;padding:34px;border:1px solid var(--line);background:rgba(255,255,255,.42);display:flex;flex-direction:column;justify-content:space-between}
    .phase-num{font:500 56px/1 var(--serif);color:#aaa49b}
    .phase h3{margin:0 0 12px;font:500 34px/1 var(--serif)}
    .phase p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}

    .statement{padding:180px 0;text-align:center;background:var(--white)}
    .statement p{max-width:1120px;margin:14px auto 0;font:500 clamp(42px,5.6vw,88px)/1.02 var(--serif);letter-spacing:-.035em}

    .newsletter{background:#201f1b;color:white;padding:120px 0}
    .newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
    .newsletter h2{margin:12px 0 0}
    .email{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.4)}
    .email input{flex:1;border:0;outline:0;background:none;color:white;padding:16px 0;font-size:16px}
    .email button{border:0;background:none;color:white;font-size:24px}

    footer{background:#11100e;color:white;padding:72px 0 28px}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;padding-bottom:65px}
    .footer-brand{font:500 42px/1 var(--serif);letter-spacing:.08em}
    .footer-col h4{margin:0 0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.17em}
    .footer-col a{display:block;margin:8px 0;color:#b9b5ae;font-size:13px}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#89857e;font-size:11px}

    @media(max-width:1100px){
      .category-grid{grid-template-columns:repeat(2,1fr)}
      .product-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:980px){
      .shell{width:min(calc(100% - 34px),var(--max))}
      .nav-left a,.nav-right a{display:none}
      .menu-toggle{display:block}
      section.pad{padding:92px 0}
      .section-head,.intro-grid,.marketplace-grid,.newsletter-grid{grid-template-columns:1fr;gap:34px}
      .intro-copy{position:static}
      .story-grid{grid-template-columns:1fr}
      .story-main{height:70vh}
      .story-small{height:54vh}
      .growth-grid{grid-template-columns:1fr}
      .marketplace-visual{height:62vh}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-brand{grid-column:span 2}
    }
    @media(max-width:620px){
      .nav{height:68px}
      .brand{font-size:21px}
      .hero-content{padding-bottom:42px}
      .hero-title{font-size:clamp(48px,17vw,78px)}
      .category-grid{grid-template-columns:1fr}
      .category-card{min-height:70vh}
      .product-grid{gap:28px 10px}
      .product-info{display:block}
      .product-info span{display:block;margin-bottom:4px}
      .intro-img-a{height:64vh}
      .intro-img-b{height:48vh;width:100%}
      .statement{padding:110px 0}
      .newsletter{padding:90px 0}
      .footer-grid{grid-template-columns:1fr}
      .footer-brand{grid-column:auto}
      .footer-bottom{flex-direction:column}
    }
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
      .intro{display:none}
      .reveal{opacity:1;transform:none}
    }
  

    /* =========================================================
       ABOUT PAGE — NOVIKIM
       ========================================================= */
    .about-page{
      background:var(--paper);
      color:var(--ink);
    }

    .about-page .header{
      color:white;
      background:transparent;
      border-bottom:0;
    }

    .about-page .header.scrolled{
      color:var(--ink);
      background:rgba(248,246,240,.92);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(18px);
    }

    .about-hero{
      min-height:100svh;
      position:relative;
      overflow:hidden;
      color:white;
      background:#111;
    }

    .about-hero-media{
      position:absolute;
      inset:0;
    }

    .about-hero-media img{
      filter:brightness(.62);
    }

    .about-hero::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.08) 56%,rgba(0,0,0,.16));
    }

    .about-hero-content{
      position:relative;
      z-index:2;
      min-height:100svh;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      padding-bottom:72px;
    }

    .about-hero h1{
      margin:14px 0 20px;
      max-width:1150px;
    }

    .about-hero p{
      max-width:620px;
      margin:0;
      color:rgba(255,255,255,.83);
      font-size:17px;
      line-height:1.65;
    }

    /* MANIFESTO */
    .manifesto{
      padding:160px 0;
      background:var(--white);
    }

    .manifesto-grid{
      display:grid;
      grid-template-columns:.7fr 1.3fr;
      gap:10vw;
      align-items:start;
    }

    .manifesto-label{
      position:sticky;
      top:120px;
    }

    .manifesto-copy p{
      margin:0;
      font:500 clamp(40px,5vw,78px)/1.05 var(--serif);
      letter-spacing:-.035em;
      max-width:1050px;
    }

    .manifesto-copy .small{
      margin-top:34px;
      max-width:700px;
      font:400 17px/1.75 var(--sans);
      letter-spacing:0;
      color:var(--muted);
    }

    /* STORY SPLIT */
    .about-story{
      padding:130px 0;
      background:var(--paper);
    }

    .about-story-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:24px;
      align-items:start;
    }

    .about-story-main{
      height:860px;
      overflow:hidden;
    }

    .about-story-side{
      display:grid;
      gap:24px;
    }

    .about-story-small{
      height:480px;
      overflow:hidden;
    }

    .about-story-copy{
      padding:20px 0 44px;
    }

    .about-story-copy h2{
      margin:12px 0 18px;
    }

    .about-story-copy p{
      color:var(--muted);
      line-height:1.75;
      max-width:540px;
    }

    /* VALUES */
    .values{
      padding:140px 0;
      background:var(--paper-2);
    }

    .values-head{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:70px;
      align-items:end;
      margin-bottom:54px;
    }

    .values-head p{
      margin:0;
      color:var(--muted);
      line-height:1.75;
      max-width:520px;
    }

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

    .value-card{
      min-height:370px;
      padding:34px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.42);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }

    .value-num{
      font:500 58px/1 var(--serif);
      color:#aaa49b;
    }

    .value-card h3{
      margin:0 0 12px;
      font:500 36px/1 var(--serif);
    }

    .value-card p{
      margin:0;
      color:var(--muted);
      line-height:1.7;
      font-size:14px;
      max-width:360px;
    }

    /* FILM */
    .about-film{
      min-height:92vh;
      position:relative;
      color:white;
      overflow:hidden;
      background:#111;
    }

    .about-film video{
      position:absolute;
      inset:0;
      filter:brightness(.7);
    }

    .about-film::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to right,rgba(0,0,0,.52),rgba(0,0,0,.05));
    }

    .about-film-inner{
      position:relative;
      z-index:2;
      min-height:92vh;
      display:flex;
      align-items:flex-end;
      padding-bottom:72px;
    }

    .about-film-copy{
      max-width:760px;
    }

    .about-film-copy h2{
      margin:14px 0 18px;
    }

    .about-film-copy p{
      max-width:570px;
      color:rgba(255,255,255,.8);
      line-height:1.7;
    }

    /* EVOLUTION */
    .evolution{
      padding:150px 0;
      background:var(--white);
    }

    .evolution-head{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:70px;
      align-items:end;
      margin-bottom:60px;
    }

    .evolution-head p{
      margin:0;
      color:var(--muted);
      line-height:1.75;
      max-width:540px;
    }

    .evolution-list{
      border-top:1px solid var(--line);
    }

    .evolution-row{
      display:grid;
      grid-template-columns:110px 1fr 1fr;
      gap:30px;
      padding:28px 0;
      border-bottom:1px solid var(--line);
      align-items:center;
    }

    .evolution-num{
      font:500 34px/1 var(--serif);
      color:#aaa49b;
    }

    .evolution-title{
      font:500 clamp(30px,3vw,48px)/1 var(--serif);
    }

    .evolution-desc{
      color:var(--muted);
      line-height:1.7;
      font-size:14px;
    }

    /* CATEGORY IMAGE STRIP */
    .world-strip{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      min-height:650px;
    }

    .world-panel{
      position:relative;
      overflow:hidden;
      color:white;
    }

    .world-panel img{
      position:absolute;
      inset:0;
      filter:brightness(.76);
      transition:transform .9s var(--ease);
    }

    .world-panel:hover img{
      transform:scale(1.025);
    }

    .world-panel::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top,rgba(0,0,0,.6),transparent 62%);
    }

    .world-panel-copy{
      position:absolute;
      z-index:2;
      left:24px;
      right:24px;
      bottom:24px;
    }

    .world-panel-copy h3{
      margin:9px 0 0;
      font:500 clamp(30px,3vw,48px)/1 var(--serif);
    }

    /* BRAND PRINCIPLE */
    .principle{
      padding:170px 0;
      text-align:center;
      background:#181713;
      color:white;
    }

    .principle p{
      max-width:1050px;
      margin:14px auto 0;
      font:500 clamp(42px,5.5vw,86px)/1.03 var(--serif);
      letter-spacing:-.035em;
    }

    .principle .sub{
      margin:28px auto 0;
      max-width:680px;
      color:rgba(255,255,255,.62);
      font:400 15px/1.75 var(--sans);
      letter-spacing:0;
    }

    /* CTA */
    .about-cta{
      padding:130px 0;
      background:var(--paper);
    }

    .about-cta-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:end;
    }

    .about-cta h2{
      margin:12px 0 0;
    }

    .about-cta-right{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:24px;
    }

    .about-cta-right p{
      margin:0;
      color:var(--muted);
      line-height:1.75;
      max-width:560px;
    }

    @media(max-width:1100px){
      .values-grid{
        grid-template-columns:1fr;
      }

      .world-strip{
        grid-template-columns:repeat(2,1fr);
      }

      .world-panel{
        min-height:520px;
      }
    }

    @media(max-width:980px){
      .manifesto-grid,
      .about-story-grid,
      .values-head,
      .evolution-head,
      .about-cta-grid{
        grid-template-columns:1fr;
        gap:36px;
      }

      .manifesto-label{
        position:static;
      }

      .about-story-main{
        height:68vh;
      }

      .about-story-small{
        height:52vh;
      }

      .evolution-row{
        grid-template-columns:80px 1fr;
      }

      .evolution-desc{
        grid-column:2;
      }
    }

    @media(max-width:620px){
      .about-hero-content{
        padding-bottom:44px;
      }

      .manifesto,
      .about-story,
      .values,
      .evolution,
      .principle,
      .about-cta{
        padding:95px 0;
      }

      .about-story-main{
        height:58vh;
      }

      .about-story-small{
        height:44vh;
      }

      .world-strip{
        grid-template-columns:1fr;
      }

      .world-panel{
        min-height:64vh;
      }

      .evolution-row{
        grid-template-columns:52px 1fr;
        gap:16px;
      }

      .evolution-num{
        font-size:26px;
      }

      .value-card{
        min-height:300px;
      }
    }
/* ===== SIRENYTE WORDPRESS BRIDGE ===== */
:root{
  --paper:var(--sirenyte-paper,#f7f4ee);
  --paper-2:var(--sirenyte-paper-2,#ece7de);
  --ink:var(--sirenyte-ink,#12110f);
  --dark:var(--sirenyte-dark,#11100e);
}
html{margin-top:0!important}
body{min-height:100vh}
body.admin-bar .header{top:32px}
.sirenyte-mobile-panel{display:none}
.sirenyte-search-label{opacity:.75;cursor:default}
.header a:focus-visible,.header button:focus-visible,footer a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:782px){body.admin-bar .header{top:46px}}
@media(max-width:980px){
  .sirenyte-mobile-panel{position:fixed;inset:0;z-index:95;background:var(--paper);color:var(--ink);padding:96px 22px 32px;display:block;transform:translateY(-110%);transition:transform .55s var(--ease);overflow:auto}
  .sirenyte-mobile-panel.open{transform:none}
  .sirenyte-mobile-links{display:grid;gap:22px;font:500 clamp(34px,9vw,58px)/1 var(--serif)}
  .sirenyte-mobile-meta{display:grid;gap:12px;margin-top:46px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
  body.sirenyte-menu-open{overflow:hidden}
}


/* ===== SIRENYTE CORE v0.2.0 INTEGRATION ===== */
.sirenyte-empty-state{padding:90px 30px;text-align:center;border:1px solid var(--line);background:rgba(255,255,255,.42)}
.sirenyte-empty-state p{color:var(--muted);max-width:620px;margin:14px auto 0;line-height:1.7}
.catalog-card>a.catalog-media,.product-card>a.product-media,.related-card>a.related-media{display:block;color:inherit}
.catalog-card{position:relative}.catalog-card.is-hidden{display:none}
.shop-tab{cursor:pointer}
.shop-tool[data-sort]{min-width:92px;text-align:right}
.filter-option{display:flex;gap:10px;align-items:center;margin:11px 0;font-size:13px}
.filter-option input{accent-color:var(--ink)}
.pdp-description p{margin:0 0 14px}.pdp-description p:last-child{margin-bottom:0}
.pdp-gallery .pdp-image img{background:#e9e4db}
.product-card .product-media img,.catalog-card .catalog-media img{background:#e9e4db}
.marketplace-buttons a[aria-disabled="true"]{opacity:.42;pointer-events:none}
.sirenyte-shortcode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sirenyte-shortcode-grid img{aspect-ratio:3/4;object-fit:cover}.sirenyte-shortcode-grid strong,.sirenyte-shortcode-grid span{display:block;margin-top:8px}
@media(max-width:980px){.sirenyte-shortcode-grid{grid-template-columns:repeat(2,1fr)}}

.filter-backdrop{border:0;padding:0}.filter-close{cursor:pointer}


/* ===== SIRENYTE v0.3 — Campaign + Brand Profile integration ===== */
.brand-logo{display:block;max-height:34px;width:auto;max-width:190px;object-fit:contain}.footer-brand .brand-logo{max-height:48px;max-width:240px}.sirenyte-campaign{position:relative;min-height:72vh;background:#171612;color:#fff;overflow:hidden}.sirenyte-campaign-media{position:absolute;inset:0}.sirenyte-campaign-media img,.sirenyte-campaign-media video{width:100%;height:100%;object-fit:cover;filter:brightness(.64)}.sirenyte-campaign:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.05) 65%)}.sirenyte-campaign-inner{position:relative;z-index:2;min-height:72vh;display:flex;align-items:flex-end;padding:80px 0}.sirenyte-campaign-copy{max-width:850px}.sirenyte-campaign-copy h2{margin:12px 0 18px;font:500 clamp(48px,7vw,105px)/.92 var(--serif);letter-spacing:-.045em}.sirenyte-campaign-copy p{max-width:620px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.82)}.sirenyte-campaign-copy .link{margin-top:18px}.category-card.is-dynamic .category-copy{max-width:90%}@media(max-width:620px){.sirenyte-campaign,.sirenyte-campaign-inner{min-height:62vh}.sirenyte-campaign-inner{padding:55px 0}.brand-logo{max-height:28px;max-width:145px}}

/* SIRENYTE v0.4 — operational UI */
.sirenyte-header-action{border:0;background:none;color:inherit;padding:0;font:inherit;text-transform:uppercase;letter-spacing:.09em;cursor:pointer}.sirenyte-wishlist-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:1px solid currentColor;border-radius:20px;font-size:9px;margin-left:3px}.sirenyte-mobile-actions{display:flex;gap:20px;margin-top:22px}.sirenyte-mobile-actions button{border:0;background:none;padding:0;font:inherit;text-transform:uppercase;letter-spacing:.09em}.sirenyte-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;visibility:hidden}.sirenyte-overlay.is-open{pointer-events:auto;visibility:visible}.sirenyte-overlay-backdrop{position:absolute;inset:0;border:0;background:rgba(17,16,14,.48);opacity:0;transition:opacity .3s ease}.sirenyte-overlay.is-open .sirenyte-overlay-backdrop{opacity:1}.sirenyte-overlay-panel{position:absolute;right:0;top:0;width:min(620px,100%);height:100%;overflow:auto;background:var(--paper,#f7f4ee);padding:34px;transform:translateX(100%);transition:transform .45s var(--ease,cubic-bezier(.22,1,.36,1));box-shadow:-20px 0 60px rgba(0,0,0,.12)}.sirenyte-overlay.is-open .sirenyte-overlay-panel{transform:none}.sirenyte-overlay-panel>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.sirenyte-overlay-panel>header button{border:0;background:none;padding:0;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.sirenyte-overlay-panel h2{font:500 clamp(38px,5vw,64px)/.95 var(--serif);letter-spacing:-.04em;margin:50px 0 26px}.sirenyte-overlay-input{width:100%;border:0;border-bottom:1px solid var(--ink);background:none;border-radius:0;padding:15px 0;font-size:18px;outline:0}.sirenyte-overlay-results{margin-top:28px}.sirenyte-overlay-product{display:grid;grid-template-columns:78px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.sirenyte-overlay-product img,.sirenyte-overlay-product-placeholder{width:78px;height:96px;object-fit:cover;background:var(--paper-2)}.sirenyte-overlay-product strong,.sirenyte-overlay-product small{display:block}.sirenyte-overlay-product small{margin-top:5px;color:var(--muted)}.sirenyte-overlay-product em{font-style:normal;font-size:12px}.sirenyte-overlay-open{overflow:hidden}.sirenyte-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.sirenyte-form-message{min-height:20px;margin:10px 0 0;color:rgba(255,255,255,.72);font-size:12px}.sirenyte-newsletter-wrap{min-width:0}@media(max-width:620px){.sirenyte-overlay-panel{padding:24px}.sirenyte-overlay-product{grid-template-columns:64px 1fr}.sirenyte-overlay-product img,.sirenyte-overlay-product-placeholder{width:64px;height:82px}.sirenyte-overlay-product em{grid-column:2}.nav-right .sirenyte-wishlist-toggle{display:none}.nav-right .sirenyte-search-toggle{display:none}}
@media(max-width:980px){.nav-right .sirenyte-header-action{display:none}}