/* ═══════════════════════════════════════════════════════════════════
   AUREA — Modulo dinamico
   Slider, immagini, parallasse e animazioni avanzate.
   Si appoggia alle variabili definite in .au-page.
   ═══════════════════════════════════════════════════════════════════ */

/* ───────────────────── SLIDER A TUTTO SCHERMO ───────────────────── */
.au-slider{
  /* lo slider vive fuori da .au-page: le variabili vanno ridichiarate qui */
  --ink:#12383C; --ink-soft:#1E5257; --ink-deep:#0C2A2D;
  --brass:#9A7440; --brass-lite:#C8A874; --brass-deep:#84622F;
  --sand:#E9DFCF; --paper:#FBF8F2; --paper-alt:#F2ECE1;
  --body:#2E4245; --muted:#4F6467; --line:#DFD6C6; --line-soft:#EBE4D8;
  --ff:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r-s:10px; --r-m:16px; --r-l:24px;
  --gut:clamp(20px,5vw,44px); --maxw:1200px;
  --ease:cubic-bezier(.2,.7,.3,1);
  font-family:var(--ff);
  position:relative;width:100%;height:min(88vh,860px);min-height:520px;
  overflow:hidden;background:var(--ink-deep);isolation:isolate}
.au-slider *,.au-slider *::before,.au-slider *::after{box-sizing:border-box}
.au-slider .au-shell{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
.au-slider .au-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  display:flex;align-items:center;gap:12px;margin:0 0 15px}
.au-slider .au-eyebrow::before{content:"";width:26px;height:2px;background:currentColor;flex:0 0 26px;border-radius:2px}
.au-slider .au-ctas{display:flex;flex-wrap:wrap;gap:14px}
.au-slider .au-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--ff);font-size:.98rem;font-weight:600;padding:16px 28px;min-height:56px;
  border-radius:var(--r-s);text-decoration:none;cursor:pointer;border:2px solid transparent;line-height:1.3;
  transition:transform .25s var(--ease),background-color .25s ease,color .25s ease,border-color .25s ease}
.au-slider .au-btn svg{width:16px;height:16px;flex:0 0 16px;transition:transform .3s var(--ease)}
.au-slider .au-btn:hover svg{transform:translateX(5px)}
.au-slider .au-btn--onink{background:#fff;color:var(--ink)}
.au-slider .au-btn--onink:hover{background:var(--brass-lite);color:var(--ink-deep);transform:translateY(-3px)}
.au-slider .au-btn--light{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}
.au-slider .au-btn--light:hover{background:#fff;color:var(--ink);border-color:#fff;transform:translateY(-3px)}
.au-slider :focus-visible{outline:3px solid var(--brass-lite);outline-offset:3px;border-radius:6px}
@media(max-width:780px){.au-slider{height:min(86vh,700px);min-height:480px}}

.au-slide{position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity 1.1s var(--ease),visibility 1.1s}
.au-slide.is-on{opacity:1;visibility:visible;z-index:2}

/* immagine con lento zoom (effetto Ken Burns) */
.au-slide__bg{position:absolute;inset:0;overflow:hidden}
.au-slide__bg img{width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.06);transition:transform 9s linear}
.au-slide.is-on .au-slide__bg img{transform:scale(1.16)}
/* senza foto: sfondo grafico di riserva */
.au-slide__bg--art{background:
  radial-gradient(70% 90% at 18% 22%,rgba(46,113,118,.55),transparent 62%),
  radial-gradient(60% 80% at 82% 78%,rgba(200,168,116,.30),transparent 60%),
  linear-gradient(135deg,#0A2426,#12383C 48%,#1E5257)}
.au-slide__bg--art::after{content:"";position:absolute;inset:0;opacity:.25;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:68px 68px}

/* velatura che garantisce la leggibilità del testo */
.au-slide::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(95deg,rgba(10,36,38,.93) 0%,rgba(10,36,38,.78) 42%,rgba(10,36,38,.34) 100%)}
@media(max-width:780px){
  .au-slide::after{background:linear-gradient(180deg,rgba(10,36,38,.74) 0%,rgba(10,36,38,.92) 72%)}
}

.au-slide__in{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.au-slide__box{max-width:min(720px,100%)}
.au-slide .au-eyebrow{color:var(--brass-lite)}
.au-slide h2,.au-slide h1{color:#fff;font-size:clamp(2.1rem,4.8vw,3.6rem);line-height:1.1;
  letter-spacing:-.025em;margin:0}
.au-slide p{color:#C6D7D5;font-size:clamp(1.02rem,1.4vw,1.18rem);margin:18px 0 0;max-width:56ch}
.au-slide .au-ctas{margin-top:30px}

/* ingresso scaglionato del testo */
.au-slide__box > *{opacity:0;transform:translateY(26px)}
.au-slide.is-on .au-slide__box > *{animation:au-up .9s var(--ease) forwards}
.au-slide.is-on .au-slide__box > *:nth-child(1){animation-delay:.18s}
.au-slide.is-on .au-slide__box > *:nth-child(2){animation-delay:.30s}
.au-slide.is-on .au-slide__box > *:nth-child(3){animation-delay:.42s}
.au-slide.is-on .au-slide__box > *:nth-child(4){animation-delay:.54s}
@keyframes au-up{to{opacity:1;transform:none}}

/* comandi */
.au-sl-nav{position:absolute;z-index:6;bottom:30px;right:clamp(20px,5vw,44px);display:flex;gap:10px}
.au-sl-nav button{width:50px;height:50px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#fff;display:grid;place-items:center;
  transition:background-color .25s ease,border-color .25s ease,transform .25s var(--ease)}
.au-sl-nav button:hover{background:#fff;color:var(--ink);border-color:#fff;transform:translateY(-3px)}
.au-sl-nav svg{width:18px;height:18px}
@media(max-width:780px){.au-sl-nav{bottom:22px}}

.au-sl-dots{position:absolute;z-index:6;bottom:44px;left:clamp(20px,5vw,44px);display:flex;gap:9px}
.au-sl-dots button{width:34px;height:4px;border-radius:3px;border:0;cursor:pointer;padding:0;
  background:rgba(255,255,255,.30);position:relative;overflow:hidden;transition:background-color .3s ease}
.au-sl-dots button::after{content:"";position:absolute;inset:0;width:0;background:var(--brass-lite)}
.au-sl-dots button[aria-current="true"]::after{width:100%;transition:width var(--au-dur,7s) linear}
@media(max-width:780px){.au-sl-dots{bottom:38px}.au-sl-dots button{width:26px}}

/* invito a scorrere */
.au-scroll{position:absolute;z-index:6;left:50%;bottom:26px;transform:translateX(-50%);
  color:rgba(255,255,255,.72);display:grid;place-items:center;gap:6px;
  font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.au-scroll svg{width:17px;height:17px;animation:au-bob 2.1s ease-in-out infinite}
@keyframes au-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(max-width:980px){.au-scroll{display:none}}

/* ───────────────────── IMMAGINI ───────────────────── */
.au-img{position:relative;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--sh-2);background:var(--sand);
  transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.au-img:hover{transform:translateY(-6px);box-shadow:0 36px 72px rgba(18,56,60,.18)}
.au-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.au-img:hover img{transform:scale(1.045)}
.au-img--wide img{aspect-ratio:16/9}
.au-img--photo img{aspect-ratio:4/5}
.au-img--square img{aspect-ratio:1/1}
.au-cap{font-size:.86rem;color:var(--muted);margin-top:12px;line-height:1.5}
.au-band--ink .au-cap{color:#9FB7B5}

.au-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,60px);align-items:center}
.au-split--solo{grid-template-columns:1fr}
.au-split--solo > *{max-width:72ch}
@media(max-width:900px){.au-split{grid-template-columns:1fr;gap:32px}}
@media(min-width:901px){
  .au-split--flip > *:first-child{order:2}
  .au-split--flip > *:last-child{order:1}
}
.au-framed{position:relative}
.au-framed::after{content:"";position:absolute;top:20px;right:-20px;width:100%;height:100%;
  border:2px solid var(--brass-lite);border-radius:var(--r-l);z-index:-1;opacity:.7;
  transition:transform .5s var(--ease)}
.au-framed:hover::after{transform:translate(6px,6px)}
@media(max-width:900px){.au-framed::after{display:none}}

/* fascia con foto di sfondo */
.au-cover{position:relative;overflow:hidden;background:var(--ink-deep)}
.au-cover > .au-cover__bg{position:absolute;inset:0;z-index:0}
.au-cover > .au-cover__bg img{width:100%;height:120%;object-fit:cover;will-change:transform}
.au-cover::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg,rgba(12,42,45,.93) 18%,rgba(12,42,45,.60) 100%)}
.au-cover .au-shell{position:relative;z-index:2}

/* ───────────────────── TESTATA DI PAGINA ───────────────────── */
.au-phead{position:relative;overflow:hidden;background:var(--ink);
  padding-block:clamp(72px,10vw,132px) clamp(56px,7vw,96px)}
.au-phead__bg{position:absolute;inset:0;z-index:0}
.au-phead__bg img{width:100%;height:118%;object-fit:cover;opacity:.34;will-change:transform}
.au-phead::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg,rgba(10,36,38,.94) 20%,rgba(10,36,38,.62) 100%)}
.au-phead::after{content:"";position:absolute;z-index:1;top:-34%;right:-10%;width:52%;height:150%;
  background:radial-gradient(closest-side,rgba(200,168,116,.17),transparent 70%)}
.au-phead .au-shell{position:relative;z-index:2}
.au-phead h1{color:#fff;max-width:19ch}
.au-phead .au-eyebrow{color:var(--brass-lite)}
.au-phead p{color:#B7CBC9;font-size:clamp(1.02rem,1.35vw,1.16rem);max-width:62ch;margin-top:18px}
.au-phead--plain{background:var(--paper);padding-block:clamp(56px,7vw,96px) clamp(44px,5vw,70px)}
.au-phead--plain::before,.au-phead--plain::after{display:none}
.au-phead--plain h1{color:var(--ink)}
.au-phead--plain p{color:var(--muted)}
.au-phead--plain .au-eyebrow{color:var(--brass)}

/* blocco pulsanti subito sotto la testata: deve respirare prima della fascia successiva */
.au-headcta{position:relative;z-index:3;margin-top:-14px;
  padding-bottom:clamp(40px,5vw,66px)}
.au-headcta .au-ctas{margin-top:0}

/* l'ultimo gruppo di pulsanti di una fascia non deve toccare il bordo */
.au-band > .au-shell > .au-ctas:last-child,
.au-band > .au-shell > div:last-child > .au-ctas:last-child{margin-bottom:6px}

/* briciole di pane */
.au-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.84rem;
  color:#9FB7B5;margin-bottom:18px}
.au-crumbs a{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}
.au-crumbs a:hover{border-bottom-color:var(--brass-lite)}
.au-crumbs span{opacity:.55}
.au-phead--plain .au-crumbs{color:var(--muted)}

/* ───────────────────── ANIMAZIONI ───────────────────── */
.au-rv{opacity:0;transform:translateY(26px);
  transition:opacity .8s var(--ease),transform .8s var(--ease)}
.au-rv.au-in{opacity:1;transform:none}
.au-rv--left{transform:translateX(-32px)}
.au-rv--right{transform:translateX(32px)}
.au-rv--zoom{transform:scale(.95)}
.au-rv--left.au-in,.au-rv--right.au-in,.au-rv--zoom.au-in{transform:none}
.au-d1{transition-delay:.08s}.au-d2{transition-delay:.16s}
.au-d3{transition-delay:.24s}.au-d4{transition-delay:.32s}

/* le card entrano a cascata */
.au-grid.au-stagger > *{opacity:0;transform:translateY(30px);
  transition:opacity .75s var(--ease),transform .75s var(--ease)}
.au-grid.au-stagger.au-in > *{opacity:1;transform:none}
.au-grid.au-stagger.au-in > *:nth-child(1){transition-delay:.05s}
.au-grid.au-stagger.au-in > *:nth-child(2){transition-delay:.13s}
.au-grid.au-stagger.au-in > *:nth-child(3){transition-delay:.21s}
.au-grid.au-stagger.au-in > *:nth-child(4){transition-delay:.29s}
.au-grid.au-stagger.au-in > *:nth-child(5){transition-delay:.37s}
.au-grid.au-stagger.au-in > *:nth-child(6){transition-delay:.45s}
.au-grid.au-stagger.au-in > *:nth-child(7){transition-delay:.53s}
.au-grid.au-stagger.au-in > *:nth-child(8){transition-delay:.61s}

/* barra di avanzamento della lettura */
.au-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;
  background:linear-gradient(90deg,var(--brass-lite),var(--brass));
  transition:width .1s linear}

/* titolo che si rivela riga per riga */
.au-reveal span{display:block;overflow:hidden}
.au-reveal span > i{display:block;font-style:inherit;transform:translateY(102%);
  transition:transform .9s var(--ease)}
.au-reveal.au-in span > i{transform:none}
.au-reveal.au-in span:nth-child(2) > i{transition-delay:.09s}
.au-reveal.au-in span:nth-child(3) > i{transition-delay:.18s}

/* numeri animati */
.au-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border-block:1px solid var(--line)}
@media(max-width:860px){.au-stats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.au-stats{grid-template-columns:1fr}}
.au-stat{background:var(--paper-alt);padding:30px 22px;text-align:center;
  transition:background-color .35s ease,transform .35s var(--ease)}
.au-stat:hover{background:#fff;transform:translateY(-3px)}
.au-stat b{display:block;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600;color:var(--ink);line-height:1.1}
.au-stat b .au-sm{font-size:.56em;font-weight:500}
.au-stat > span{display:block;font-size:.9rem;color:var(--muted);margin-top:5px}

@media(prefers-reduced-motion:reduce){
  .au-page *,.au-slider *,.au-progress{
    animation:none!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .au-rv,.au-grid.au-stagger > *{opacity:1;transform:none}
  .au-reveal span > i{transform:none}
  .au-slide__bg img{transform:none}
}

/* ═══════════════════════════════════════════════════════════════════
   SCHEDE INFORMATIVE — blocchi "Durata", "Aggiornamento", ecc.
   Sostituiscono i vecchi riquadri a filetto, troppo spogli.
   ═══════════════════════════════════════════════════════════════════ */
.au-facts{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);align-items:stretch}
@media(max-width:1040px){.au-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.au-facts{grid-template-columns:1fr}}

.au-fact{position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-l);
  padding:clamp(26px,2.8vw,32px);box-shadow:var(--sh-1);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s ease}
.au-fact:hover{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:var(--sand)}

/* barra d'accento che si riempie dall'alto */
.au-fact::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--brass-lite),rgba(200,168,116,0));
  transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
.au-fact:hover::before{transform:scaleY(1)}

/* numero in filigrana */
.au-fact__n{position:absolute;top:10px;right:18px;
  font-size:clamp(3rem,4.4vw,3.9rem);font-weight:700;line-height:1;
  color:var(--ink);opacity:.055;letter-spacing:-.04em;pointer-events:none;
  transition:opacity .4s ease,transform .5s var(--ease)}
.au-fact:hover .au-fact__n{opacity:.10;transform:translateY(-3px)}

/* trattino dorato sopra il titolo */
.au-fact__k{display:block;width:26px;height:2px;border-radius:2px;
  background:var(--brass-lite);margin-bottom:16px;
  transition:width .45s var(--ease),background-color .3s ease}
.au-fact:hover .au-fact__k{width:44px;background:var(--brass)}

.au-fact h3{position:relative;z-index:1;margin:0 0 10px;padding-right:46px;
  font-size:clamp(1.06rem,1.5vw,1.22rem);line-height:1.3}
.au-fact p{position:relative;z-index:1;margin:0;font-size:.95rem;color:var(--muted);line-height:1.62}
.au-fact p + p{margin-top:10px}

/* versione per le fasce scure */
.au-band--ink .au-fact{--strong:#fff;background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.14);box-shadow:none}
.au-band--ink .au-fact:hover{background:rgba(255,255,255,.1);border-color:rgba(200,168,116,.42)}
.au-band--ink .au-fact h3{color:#fff}
.au-band--ink .au-fact p{color:#A8BFBD}
.au-band--ink .au-fact__n{color:#fff;opacity:.09}
.au-band--ink .au-fact:hover .au-fact__n{opacity:.16}

/* entrata a cascata */
.au-facts.au-stagger > *{opacity:0;transform:translateY(28px);
  transition:opacity .7s var(--ease),transform .7s var(--ease)}
.au-facts.au-stagger.au-in > *{opacity:1;transform:none}
.au-facts.au-stagger.au-in > *:nth-child(1){transition-delay:.05s}
.au-facts.au-stagger.au-in > *:nth-child(2){transition-delay:.12s}
.au-facts.au-stagger.au-in > *:nth-child(3){transition-delay:.19s}
.au-facts.au-stagger.au-in > *:nth-child(4){transition-delay:.26s}
.au-facts.au-stagger.au-in > *:nth-child(5){transition-delay:.33s}
.au-facts.au-stagger.au-in > *:nth-child(6){transition-delay:.40s}
.au-facts.au-stagger.au-in > *:nth-child(7){transition-delay:.47s}
.au-facts.au-stagger.au-in > *:nth-child(8){transition-delay:.54s}

/* ═══════════════════════════════════════════════════════════════════
   GALLERIA DEI SETTORI — fotografia con didascalia sovrapposta
   ═══════════════════════════════════════════════════════════════════ */
.au-sectors{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.au-sectors{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.au-sectors{grid-template-columns:1fr}}

.au-sector{position:relative;margin:0;overflow:hidden;border-radius:var(--r-l);
  border:1px solid var(--line);background:var(--ink-deep);box-shadow:var(--sh-1);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.au-sector:hover{transform:translateY(-6px);box-shadow:var(--sh-2)}
.au-sector img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;
  transition:transform .9s var(--ease),opacity .45s ease;opacity:.92}
.au-sector:hover img{transform:scale(1.06);opacity:1}

.au-sector figcaption{position:absolute;inset:auto 0 0 0;padding:52px 22px 20px;
  background:linear-gradient(180deg,rgba(10,36,38,0),rgba(10,36,38,.62) 42%,rgba(10,36,38,.93));
  color:#fff}
.au-sector figcaption b{display:block;font-size:1.06rem;font-weight:600;line-height:1.3;
  letter-spacing:-.01em;margin-bottom:5px}
.au-sector figcaption span{display:block;font-size:.88rem;line-height:1.5;color:#C3D4D2;
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .45s var(--ease),opacity .35s ease}
.au-sector:hover figcaption span,
.au-sector:focus-within figcaption span{max-height:5.5em;opacity:1}
/* su schermi senza passaggio del mouse la didascalia resta sempre visibile */
@media(hover:none){
  .au-sector figcaption span{max-height:5.5em;opacity:1}
}

/* ═══════════════════════════════════════════════════════════════════
   SCHEDA CON FOTOGRAFIA — immagine sopra, testo sotto
   ═══════════════════════════════════════════════════════════════════ */
.au-medias{display:grid;gap:22px;grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){.au-medias{grid-template-columns:1fr}}

.au-media{display:flex;flex-direction:column;overflow:hidden;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .4s ease}
.au-media:hover{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:var(--sand)}
.au-media__img{overflow:hidden;background:var(--sand)}
.au-media__img img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;
  transition:transform .9s var(--ease)}
.au-media:hover .au-media__img img{transform:scale(1.05)}
.au-media__txt{padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:9px}
.au-media__txt h3{margin:0;font-size:clamp(1.08rem,1.5vw,1.24rem)}
.au-media__txt p{margin:0;font-size:.95rem;color:var(--muted);line-height:1.62}
.au-band--ink .au-media{--strong:var(--ink)}

/* ─── versione affiancata, per i blocchi testo+foto ─── */
.au-medias--wide{grid-template-columns:1fr}
.au-medias--wide .au-media{flex-direction:row;align-items:stretch}
.au-medias--wide .au-media__img{flex:0 0 44%}
.au-medias--wide .au-media__img img{height:100%;aspect-ratio:auto;min-height:260px}
.au-medias--wide .au-media__txt{justify-content:center}
@media(max-width:820px){
  .au-medias--wide .au-media{flex-direction:column}
  .au-medias--wide .au-media__img{flex:none}
  .au-medias--wide .au-media__img img{aspect-ratio:3/2;min-height:0}
}

/* ═══════════════════════════════════════════════════════════════════
   GALLERIA DEI DOCUMENTI — copertine quadrate
   ═══════════════════════════════════════════════════════════════════ */
.au-docs{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
@media(max-width:940px){.au-docs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.au-docs{grid-template-columns:1fr}}

.au-doc{display:flex;flex-direction:column;overflow:hidden;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .4s ease}
.au-doc:hover{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:var(--sand)}
.au-doc__img{position:relative;overflow:hidden;background:var(--paper-alt)}
.au-doc__img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 62%,rgba(12,42,45,.07));pointer-events:none}
.au-doc__img img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
  transition:transform .9s var(--ease)}
.au-doc:hover .au-doc__img img{transform:scale(1.05)}
.au-doc__txt{padding:20px 22px 22px;display:flex;flex-direction:column;gap:5px}
.au-doc__txt b{font-size:1.02rem;font-weight:600;color:var(--ink);line-height:1.3}
.au-doc__txt span{font-size:.9rem;color:var(--muted);line-height:1.55}

.au-band--ink .au-doc{--strong:var(--ink);border-color:rgba(255,255,255,.14)}
.au-band--alt .au-doc__img{background:#fff}