/**
 * AA Modules — Можно начать с одного инструмента (pack aa-antiquity)
 * Etched from /glavnaya-eksperementy-1/ #modules
 * Do NOT use graphite Style_Card_Controls.
 */
.aa-modules{

    --amd-bg:#090706;

    --amd-bg-2:#150b08;

    --amd-panel:rgba(255,255,255,.052);

    --amd-line:rgba(255,255,255,.13);

    --amd-text:#fff8f2;

    --amd-muted:rgba(255,248,242,.63);

    --amd-orange:var(--aa-gold,#e6c98a);

    --amd-gold:var(--aa-gold-2,#c9a85a);

    position:relative;

    overflow:hidden;

    color:var(--amd-text);

    background:

      radial-gradient(circle at 12% 18%,rgba(255,116,20,.13),transparent 30%),

      radial-gradient(circle at 84% 76%,rgba(255,165,75,.10),transparent 34%),

      linear-gradient(145deg,var(--amd-bg),var(--amd-bg-2));

    padding:116px 28px 108px;

    font-family:Inter,Manrope,Arial,sans-serif;

    isolation:isolate;

  }



  .aa-modules *{box-sizing:border-box}

  .aa-modules.is-bg-transparent{
    background:transparent !important;
    background-image:none !important;
  }
  .aa-modules.is-bg-transparent::before,
  .aa-modules.is-bg-transparent::after{
    content:none !important;
    display:none !important;
  }

  .aa-modules::before{

    content:"";

    position:absolute;

    inset:0;

    background:

      linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),

      linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);

    background-size:76px 76px;

    mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 84%,transparent);

    z-index:-3;

  }



  .aa-modules::after{

    content:"";

    position:absolute;

    inset:0;

    opacity:.05;

    z-index:-2;

    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='mn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23mn)' opacity='.72'/%3E%3C/svg%3E");

  }



  .amd-container{width:min(1500px,100%);margin:0 auto}



  .amd-head{

    display:grid;

    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);

    gap:60px;

    align-items:end;

    margin-bottom:42px;

  }



  .amd-kicker{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:22px;

    color:rgba(255,255,255,.68);

    font-size:11px;

    font-weight:800;

    letter-spacing:.16em;

  }

  .amd-kicker::before{

    content:"";

    width:36px;height:1px;

    background:var(--amd-orange);

    box-shadow:0 0 14px rgba(255,120,24,.85);

  }



  .amd-title{

    margin:0;

    font-size:clamp(52px,5.4vw,88px);

    line-height:.93;

    letter-spacing:-.07em;

    font-weight:500;

  }

  .amd-title em{font-style:normal;color:var(--amd-orange)}



  .amd-intro p{

    margin:0 0 20px;

    color:var(--amd-muted);

    font-size:17px;

    line-height:1.68;

  }



  .amd-intro strong{

    display:block;

    color:#fff;

    font-size:14px;

    line-height:1.5;

  }



  .amd-filters{

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-bottom:24px;

  }



  .amd-filter{

    border:1px solid var(--amd-line);

    background:rgba(255,255,255,.04);

    color:rgba(255,255,255,.68);

    padding:10px 14px;

    border-radius:999px;

    cursor:pointer;

    font:inherit;

    font-size:12px;

    transition:.25s ease;

  }



  .amd-filter:hover,

  .amd-filter.is-active{

    color:#2c1106;

    border-color:transparent;

    background:linear-gradient(135deg,var(--amd-orange),var(--amd-gold));

  }



  .amd-rail{

    position:relative;

    overflow:hidden;

    border-radius:30px;

  }



  .amd-track{

    display:flex;

    gap:16px;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    padding:3px 2px 16px;

    scrollbar-width:none;

  }

  .amd-track::-webkit-scrollbar{display:none}



  .amd-card{
    --amd-card-blur:12px;
    --amd-card-tint:rgba(8,12,24,.42);
    --amd-card-border:rgba(255,255,255,.18);
    --amd-card-glow:rgba(230,201,138,.12);
    --amd-card-radius:28px;
    flex:0 0 min(340px,85vw);
    min-height:380px;
    scroll-snap-align:start;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border:1px solid var(--amd-card-border);
    border-radius:var(--amd-card-radius);
    padding:24px;
    background:
      radial-gradient(circle at 100% 0%,var(--amd-card-glow),transparent 42%),
      linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
      var(--amd-card-tint);
    -webkit-backdrop-filter:blur(var(--amd-card-blur));
    backdrop-filter:blur(var(--amd-card-blur));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 14px 36px rgba(0,0,0,.24);
    transition:.3s ease;
  }

  .amd-card:hover{
    transform:translateY(-6px);
    border-color:rgba(230,201,138,.48);
    --amd-card-glow:rgba(230,201,138,.2);
    background:
      radial-gradient(circle at 100% 0%,var(--amd-card-glow),transparent 44%),
      linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03)),
      var(--amd-card-tint);
  }

  .aa-modules.is-card-glass-off .amd-card,
  .aa-modules.is-card-glass-off .amd-card:hover{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }



  .amd-card-top{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:16px;

  }



  .amd-icon{
    width:52px;height:52px;
    border-radius:17px;
    display:grid;
    place-items:center;
    color:var(--amd-orange);
    background:rgba(230,201,138,.12);
    border:1px solid rgba(230,201,138,.22);
    font-size:20px;
  }

  .amd-index{
    color:var(--amd-index, rgba(255,255,255,.24));
    font-size:24px;
  }

  .amd-type{
    display:block;
    margin:26px 0 9px;
    color:var(--amd-type, var(--amd-orange));
    font-size:9px;
    font-weight:900;
    letter-spacing:.16em;
  }

  .amd-card h3{
    margin:0 0 12px;
    font-family:"Unbounded",Manrope,sans-serif;
    font-size:30px;
    line-height:1;
    letter-spacing:-.045em;
    color:var(--amd-card-title, var(--amd-text));
  }

  .amd-card p{
    margin:0;
    color:var(--amd-card-text, var(--amd-muted));
    font-size:13px;
    line-height:1.65;
  }

  .amd-list{
    display:grid;
    gap:8px;
    margin:22px 0 24px;
  }

  .amd-list span{
    position:relative;
    padding-left:16px;
    color:var(--amd-list-text, rgba(255,255,255,.72));
    font-size:11px;
    line-height:1.45;
  }

  .amd-list span::before{
    content:"";
    position:absolute;
    left:0;top:.55em;
    width:5px;height:5px;
    border-radius:50%;
    background:var(--amd-orange);
    box-shadow:0 0 8px rgba(230,201,138,.45);
  }

  .amd-card-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding-top:17px;
    border-top:1px solid rgba(255,255,255,.09);
  }

  .amd-card-bottom small{
    color:var(--amd-card-meta, rgba(255,255,255,.44));
    font-size:10px;
  }

  .amd-more{

    width:42px;height:42px;

    border-radius:50%;

    display:grid;

    place-items:center;

    color:#fff;

    text-decoration:none;

    border:1px solid rgba(255,255,255,.14);

    background:rgba(255,255,255,.04);

    transition:.25s ease;

  }

  .amd-card:hover .amd-more{
    color:#1a1208;
    border-color:transparent;
    background:linear-gradient(135deg,var(--amd-orange),var(--amd-gold));
  }



  .amd-controls{

    display:flex;

    justify-content:flex-end;

    gap:9px;

    margin-top:10px;

  }



  .amd-control{

    width:48px;height:48px;

    border-radius:50%;

    border:1px solid var(--amd-line);

    background:rgba(255,255,255,.04);

    color:#fff;

    font-size:19px;

    cursor:pointer;

    transition:.25s ease;

  }

  .amd-control:hover{

    color:#2b1005;

    border-color:transparent;

    background:linear-gradient(135deg,var(--amd-orange),var(--amd-gold));

  }



  .amd-bottom{

    margin-top:26px;

    display:grid;

    grid-template-columns:minmax(0,1fr) auto;

    gap:30px;

    align-items:center;

    padding:26px 28px;

    border-radius:25px;

    border:1px solid rgba(255,120,24,.18);

    background:

      radial-gradient(circle at 0 100%,rgba(255,120,24,.10),transparent 35%),

      rgba(255,255,255,.03);

  }



  .amd-bottom strong{

    display:block;

    margin-bottom:8px;

    font-size:22px;

    letter-spacing:-.035em;

  }



  .amd-bottom p{

    margin:0;

    color:var(--amd-muted);

    font-size:13px;

    line-height:1.58;

  }



  .amd-actions{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

  }



  .amd-btn{

    min-height:48px;

    padding:0 18px;

    border-radius:999px;

    border:1px solid var(--amd-line);

    background:rgba(255,255,255,.045);

    color:#fff;

    text-decoration:none;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    font-size:13px;

    font-weight:750;

    transition:.25s ease;

  }



  .amd-btn-primary{

    color:#2a1005;

    border-color:transparent;

    background:linear-gradient(135deg,var(--amd-orange),var(--amd-gold));

  }



  .amd-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.10)}

  .amd-btn-primary:hover{background:linear-gradient(135deg,#c9a24a,#e8d48b)}



  @media(max-width:1000px){

    .amd-head{grid-template-columns:1fr;gap:28px}

    .amd-bottom{grid-template-columns:1fr}

  }



  @media(max-width:640px){

    .aa-modules{padding:84px 16px}

    .amd-title{font-size:clamp(46px,14vw,68px)}

    .amd-card{flex-basis:86vw}

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

    .amd-btn{width:100%}

  }