/* ==========================================================================
   Vicente Lusitano · Arte Minima
   vicentelusitano.org — static site, no build tools
   Palette derived from the Liber Primus Epigramatum album covers
   ========================================================================== */

:root{
  --ink:        #101128;   /* page ground */
  --ink-2:      #1f2045;   /* the navy of the 2026 cover */
  --ink-3:      #282a58;   /* raised surface */
  --wine:       #7d2b3e;   /* accent, from the 2025 cover */
  --gold:       #c2a15f;
  --gold-dim:   #8d7440;
  --ivory:      #efe9dc;
  --muted:      #a8adc8;
  --rule:       rgba(194,161,95,.22);
  --rule-soft:  rgba(239,233,220,.10);

  --serif: 'EB Garamond', 'Iowan Old Style', Palatino, Georgia, serif;
  --sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --gutter: clamp(1.25rem, 5vw, 4.5rem);
  --measure: 64ch;
  --page: 1240px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  background:var(--ink);
  color:var(--ivory);
  font-family:var(--serif);
  font-size:clamp(1.05rem,.98rem + .35vw,1.22rem);
  line-height:1.62;
  font-feature-settings:"kern" 1,"liga" 1,"onum" 1;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;}
::selection{background:var(--gold);color:var(--ink);}

/* ---------- utility type ------------------------------------------------ */
.label{
  font-family:var(--sans);
  font-size:.66rem;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--gold);
}
.label-muted{color:var(--muted);}
.small-caps{font-variant:small-caps;letter-spacing:.045em;}

/* ---------- navigation -------------------------------------------------- */
.nav{
  position:sticky;top:0;z-index:200;
  background:rgba(16,17,40,.94);
  -webkit-backdrop-filter:saturate(160%) blur(12px);
  backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid var(--rule-soft);
}
.nav-inner{
  max-width:var(--page);margin:0 auto;
  padding:.95rem var(--gutter);
  display:flex;align-items:center;justify-content:space-between;gap:2rem;
}
.nav-name{
  font-family:var(--serif);
  font-variant:small-caps;
  font-size:1.05rem;letter-spacing:.08em;
  text-decoration:none;color:var(--ivory);white-space:nowrap;
}
.nav-links{display:flex;gap:1.55rem;list-style:none;flex-wrap:wrap;justify-content:flex-end;}
.nav-links a{
  font-family:var(--sans);
  font-size:.665rem;font-weight:500;letter-spacing:.155em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;
  padding-bottom:.28rem;border-bottom:1px solid transparent;
  transition:color .18s,border-color .18s;
}
.nav-links a:hover{color:var(--ivory);}
.nav-links a[aria-current="page"]{color:var(--gold);border-bottom-color:var(--gold);}

.nav-toggle{
  display:none;background:none;border:1px solid var(--rule);
  color:var(--ivory);font-family:var(--sans);font-size:.66rem;
  letter-spacing:.18em;text-transform:uppercase;
  padding:.5rem .85rem;cursor:pointer;
}
@media (max-width:1080px){
  .nav-toggle{display:block;}
  .nav-links{
    display:none;width:100%;order:3;
    flex-direction:column;align-items:flex-start;gap:0;
    padding:.6rem 0 1rem;
  }
  .nav-inner{flex-wrap:wrap;}
  .nav[data-open="true"] .nav-links{display:flex;}
  .nav-links li{width:100%;}
  .nav-links a{display:block;padding:.72rem 0;border-bottom:1px solid var(--rule-soft);font-size:.72rem;}
}

/* ---------- layout primitives ------------------------------------------ */
.wrap{max-width:var(--page);margin:0 auto;padding-inline:var(--gutter);}
.wrap-narrow{max-width:880px;margin:0 auto;padding-inline:var(--gutter);}

section{padding-block:clamp(3.4rem,7vw,6.5rem);}
section.tight{padding-block:clamp(2.4rem,4vw,3.6rem);}

/* asymmetric editorial grid: marginal column + main column */
.spread{
  max-width:var(--page);margin:0 auto;padding-inline:var(--gutter);
  display:grid;
  grid-template-columns:minmax(0,15rem) minmax(0,1fr);
  gap:clamp(1.4rem,4vw,4.5rem);
  align-items:start;
}
.spread > .aside{position:sticky;top:6rem;}
.spread > .main > * + *{margin-top:1.15em;}
.spread .main{max-width:var(--measure);}
@media (max-width:920px){
  .spread{grid-template-columns:1fr;gap:1.1rem;}
  .spread > .aside{position:static;}
}

.rule{border:none;height:1px;background:var(--rule-soft);margin-block:clamp(2.5rem,5vw,4rem);}

/* ---------- headings ---------------------------------------------------- */
h1,h2,h3,h4{font-weight:400;line-height:1.08;text-wrap:balance;}
.display{
  font-size:clamp(3rem,10vw,7.2rem);
  line-height:.94;letter-spacing:-.012em;
}
.display em{font-style:italic;color:var(--gold);}
.page-title{
  font-size:clamp(2.3rem,5.4vw,4rem);
  line-height:1.04;letter-spacing:-.01em;
}
.page-title em{font-style:italic;color:var(--gold);}
h2.section-head{
  font-size:clamp(1.6rem,2.6vw,2.15rem);
  font-variant:small-caps;letter-spacing:.04em;
  margin-bottom:1.1rem;
}
h3.sub-head{
  font-size:1.28rem;font-style:italic;color:var(--gold);
  margin-top:2.2rem;margin-bottom:.55rem;
}
.aside h2, .aside .aside-head{
  font-family:var(--sans);font-size:.66rem;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gold);
  padding-top:.5rem;border-top:1px solid var(--rule);
}
.aside p{
  font-family:var(--sans);font-size:.78rem;line-height:1.7;
  color:var(--muted);margin-top:.8rem;
}

/* ---------- text -------------------------------------------------------- */
p{max-width:var(--measure);}
.lede{
  font-size:clamp(1.28rem,1.05rem + .95vw,1.72rem);
  line-height:1.42;color:var(--ivory);max-width:34ch;
  text-wrap:pretty;
}
.dek{
  font-style:italic;color:var(--muted);
  font-size:clamp(1.1rem,1rem + .4vw,1.32rem);
  max-width:48ch;line-height:1.5;
}
em.work{font-style:italic;}
.gold{color:var(--gold);}

blockquote{
  border-left:2px solid var(--wine);
  padding-left:clamp(1rem,2vw,1.8rem);
  margin-block:2.2rem;max-width:52ch;
  font-style:italic;font-size:1.18rem;line-height:1.5;
}
blockquote cite{
  display:block;margin-top:.9rem;
  font-family:var(--sans);font-style:normal;
  font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
}

.link{
  color:var(--gold);text-decoration:none;
  border-bottom:1px solid var(--gold-dim);
  transition:border-color .18s,color .18s;
}
.link:hover{border-bottom-color:var(--gold);color:var(--ivory);}

.btn{
  display:inline-block;
  font-family:var(--sans);font-size:.68rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--ivory);text-decoration:none;
  border:1px solid var(--rule);
  padding:.85rem 1.6rem;
  transition:background .2s,border-color .2s,color .2s;
}
.btn:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}

/* ---------- hero -------------------------------------------------------- */
.hero{
  position:relative;
  padding-block:0;
  aspect-ratio:16/9;
  min-height:min(66vh,620px);
  display:flex;align-items:flex-end;
  overflow:hidden;
  background:var(--ink-2);
}
.hero-img{position:absolute;inset:0;}
/* the photograph is never cropped: it is fitted whole inside the frame */
.hero-img img{width:100%;height:100%;object-fit:contain;object-position:center bottom;}
.hero-img::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(to right, rgba(11,12,30,.90) 0%, rgba(11,12,30,.66) 34%, rgba(11,12,30,.10) 62%, rgba(11,12,30,.28) 100%),
    linear-gradient(to top, rgba(11,12,30,.96) 0%, rgba(11,12,30,.55) 30%, rgba(11,12,30,.08) 62%, rgba(11,12,30,.55) 100%);
}
.hero-inner{
  position:relative;z-index:2;
  max-width:var(--page);margin:0 auto;width:100%;
  padding:clamp(3rem,10vw,7rem) var(--gutter) clamp(2.2rem,4vw,3.2rem);
}
.hero .display{margin-block:1.3rem 1.5rem;text-shadow:0 2px 26px rgba(11,12,30,.55);}
.hero-tag{
  font-size:clamp(1.15rem,1rem + .7vw,1.5rem);
  line-height:1.42;max-width:36ch;color:var(--ivory);
  text-shadow:0 1px 14px rgba(11,12,30,.6);
}
.hero-meta{
  margin-top:2rem;padding-top:1.1rem;
  border-top:1px solid rgba(239,233,220,.18);
  max-width:44rem;
  display:flex;flex-wrap:wrap;gap:.5rem 2rem;
  font-family:var(--sans);font-size:.66rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);
}
/* on narrow screens the hero stacks: whole photograph, then the title block */
@media (max-width:820px){
  .hero{aspect-ratio:auto;min-height:0;display:block;}
  .hero-img{position:relative;inset:auto;}
  .hero-img img{height:auto;object-fit:contain;}
  .hero-img::after{display:none;}
  .hero-inner{padding-top:clamp(2rem,7vw,3rem);}
  .hero .display{text-shadow:none;}
  .hero-tag{text-shadow:none;}
}

/* page header for interior pages */
.page-header{
  padding-block:clamp(3rem,7vw,5.5rem) clamp(1.8rem,3vw,2.6rem);
  border-bottom:1px solid var(--rule-soft);
}
.page-header .label{display:block;margin-bottom:1.1rem;}
.page-header .dek{margin-top:1.4rem;}

/* ---------- figures ----------------------------------------------------- */
figure{margin:0;}
figcaption{
  font-family:var(--sans);font-size:.68rem;letter-spacing:.05em;
  color:var(--muted);margin-top:.7rem;line-height:1.55;
}
/* plate: a photograph shown whole, framed to the page measure — never cropped */
.plate{
  max-width:var(--page);margin-inline:auto;
  padding-inline:var(--gutter);
  padding-block:clamp(1rem,2.5vw,2rem);
}
.plate img{
  width:100%;height:auto;display:block;
  background:var(--ink-2);
  border:1px solid var(--rule-soft);
}
.plate figcaption{margin-top:.7rem;}

/* ---------- feature band (image + text side by side) -------------------- */
.feature{
  max-width:var(--page);margin:0 auto;padding-inline:var(--gutter);
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(1.6rem,4vw,4rem);align-items:center;
}
.feature.flip .feature-text{order:-1;}
.feature-text > * + *{margin-top:1.1em;}
@media (max-width:860px){
  .feature{grid-template-columns:1fr;}
  .feature.flip .feature-text{order:0;}
}

/* ---------- three-column notes ------------------------------------------ */
.triptych{
  max-width:var(--page);margin:0 auto;padding-inline:var(--gutter);
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3vw,3rem);
}
@media (max-width:860px){.triptych{grid-template-columns:1fr;gap:2.2rem;}}
.triptych .item{border-top:1px solid var(--rule);padding-top:1.1rem;}
.triptych .item h3{
  font-size:1.4rem;font-style:italic;margin:.7rem 0 .5rem;color:var(--ivory);
}
.triptych .item p{font-size:.98rem;color:var(--muted);line-height:1.62;max-width:none;}

/* ---------- roster ------------------------------------------------------ */
.roster-group + .roster-group{margin-top:2.8rem;}
.roster-group > h3{
  font-family:var(--sans);font-size:.66rem;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gold);
  padding-bottom:.8rem;border-bottom:1px solid var(--rule);
}
.roster{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
  gap:0 clamp(1.5rem,4vw,3.5rem);
}
.roster .row{
  display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding:.62rem 0;border-bottom:1px solid var(--rule-soft);
}
.roster .row .n{font-size:1.06rem;}
.roster .row .r{
  font-family:var(--sans);font-size:.63rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap;
}
.roster .row.lead .n{color:var(--gold);}

/* ---------- credits ----------------------------------------------------- */
.credits{
  display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);
  gap:.35rem clamp(1rem,3vw,2.5rem);
  font-family:var(--sans);font-size:.83rem;line-height:1.7;
}
.credits dt{
  font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);padding-top:.35rem;
}
.credits dd{color:var(--muted);padding-bottom:.6rem;border-bottom:1px solid var(--rule-soft);}
@media (max-width:640px){
  .credits{grid-template-columns:1fr;gap:0;}
  .credits dt{padding-top:1rem;}
  .credits dd{border:none;padding-bottom:0;}
}

/* ---------- discography ------------------------------------------------- */
.release{
  display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);
  gap:clamp(1.6rem,4vw,3.5rem);
  padding-block:clamp(2.4rem,5vw,4rem);
  border-top:1px solid var(--rule);
}
.release:last-child{border-bottom:1px solid var(--rule);}
.release-cover img{border:1px solid var(--rule-soft);}
.release h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.1;margin-bottom:.4rem;}
.release h2 em{font-style:italic;}
.release .sub{font-style:italic;color:var(--muted);margin-bottom:1.2rem;}
.player{margin-block:1.6rem;}
.player iframe{width:100%;border:0;border-radius:12px;}
.tracklist{
  list-style:none;font-family:var(--sans);font-size:.82rem;color:var(--muted);
  columns:2;column-gap:2.5rem;margin-top:1.4rem;
}
.tracklist li{
  display:flex;justify-content:space-between;gap:.8rem;
  padding:.32rem 0;border-bottom:1px dotted var(--rule-soft);
  break-inside:avoid;
}
.tracklist li .t{color:var(--ivory);}
@media (min-width:861px){.release-cover{position:sticky;top:6rem;}}
@media (max-width:860px){
  .release{grid-template-columns:1fr;}
  .release-cover{max-width:320px;}
  .tracklist{columns:1;}
}

/* ---------- motet texts ------------------------------------------------- */
.motet-index{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));
  gap:.2rem 2rem;list-style:none;
  font-family:var(--sans);font-size:.8rem;
}
.motet-index a{
  display:flex;gap:.6rem;padding:.4rem 0;color:var(--muted);text-decoration:none;
  border-bottom:1px solid var(--rule-soft);transition:color .18s;
}
.motet-index a:hover{color:var(--gold);}
.motet-index .num{color:var(--gold-dim);min-width:1.6rem;}

.motet{
  padding-block:clamp(2rem,4vw,3.2rem);
  border-top:1px solid var(--rule-soft);
  scroll-margin-top:6rem;
}
.motet-head{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.2rem;
  margin-bottom:1.5rem;
}
.motet-head .num{
  font-family:var(--sans);font-size:.66rem;letter-spacing:.18em;color:var(--gold-dim);
}
.motet-head h3{font-size:clamp(1.45rem,2.4vw,1.95rem);font-style:italic;}
.motet-head .voices{
  font-family:var(--sans);font-size:.63rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);
}
.motet-head .score{margin-left:auto;}
.score-link{
  font-family:var(--sans);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;color:var(--gold);border:1px solid var(--rule);
  padding:.42rem .85rem;white-space:nowrap;transition:background .2s,color .2s;
}
.score-link:hover{background:var(--gold);color:var(--ink);}
.score-link[aria-disabled="true"]{
  color:var(--muted);opacity:.45;pointer-events:none;border-style:dashed;
}
.motet-part{margin-top:1.4rem;}
.motet-part > .part-label{
  font-family:var(--sans);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-dim);margin-bottom:.5rem;
}
.bilingual{
  display:grid;grid-template-columns:1fr 1fr;
  gap:.4rem clamp(1.5rem,4vw,3.5rem);
}
.bilingual .lat{font-style:italic;color:var(--ivory);line-height:1.55;}
.bilingual .eng{color:var(--muted);line-height:1.55;}
.bilingual p{max-width:none;}
@media (max-width:760px){
  .bilingual{grid-template-columns:1fr;gap:.7rem;}
  .bilingual .eng{padding-left:1rem;border-left:1px solid var(--rule-soft);}
}

/* ---------- video facades ----------------------------------------------- */
.video-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
  gap:clamp(1.5rem,2.4vw,2.2rem);
}
.video{margin:0;}
.video-frame{
  position:relative;aspect-ratio:16/9;overflow:hidden;
  background:var(--ink-2);border:1px solid var(--rule-soft);
  cursor:pointer;display:block;width:100%;padding:0;
}
.video-frame img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s;}
.video-frame:hover img{transform:scale(1.03);opacity:.82;}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.play{
  position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;
}
.play span{
  display:grid;place-items:center;
  width:74px;height:74px;border-radius:50%;
  border:1px solid rgba(239,233,220,.8);
  background:rgba(16,17,40,.45);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  transition:background .25s,border-color .25s;
}
.video-frame:hover .play span{background:var(--gold);border-color:var(--gold);}
.play svg{width:20px;height:22px;fill:var(--ivory);margin-left:4px;}
.video-frame:hover .play svg{fill:var(--ink);}

/* ---------- photo grid -------------------------------------------------- */
.photo-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));
  gap:clamp(1rem,2.4vw,1.8rem);
}
/* every photograph fitted whole inside a fixed frame, regardless of orientation */
.photo-grid figure img{
  aspect-ratio:3/2;object-fit:contain;width:100%;
  background:var(--ink-2);
  border:1px solid var(--rule-soft);
}

/* ---------- contact ----------------------------------------------------- */
.contact-lines a{
  display:block;width:fit-content;
  font-size:clamp(1.3rem,3vw,2rem);font-style:italic;
  text-decoration:none;color:var(--ivory);
  border-bottom:1px solid var(--rule);
  padding-bottom:.2rem;margin-bottom:1.4rem;
  transition:color .2s,border-color .2s;
}
.contact-lines a:hover{color:var(--gold);border-color:var(--gold);}

/* ---------- ornament ---------------------------------------------------- */
.ornament{
  width:clamp(52px,6vw,76px);height:auto;opacity:.42;
}
.ornament-rule{
  max-width:var(--page);margin:0 auto;padding-inline:var(--gutter);
  display:flex;align-items:center;gap:clamp(1rem,3vw,2.2rem);
  padding-block:clamp(2rem,4vw,3.2rem);
}
.ornament-rule::before,.ornament-rule::after{
  content:"";flex:1;height:1px;background:var(--rule-soft);
}
.footer-mark{width:54px;height:auto;opacity:.34;margin-bottom:1.2rem;}

/* ---------- supporters -------------------------------------------------- */
.supporters{
  font-family:var(--sans);font-size:.78rem;line-height:2;color:var(--muted);
  max-width:60ch;
}
.support-block{
  margin-top:1.9rem;padding-top:1.5rem;
  border-top:1px solid var(--rule-soft);
}
.support-label{
  font-family:var(--sans);font-size:.6rem;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim);
  margin-bottom:1.2rem;
}
.support-logos{
  list-style:none;
  display:flex;flex-wrap:wrap;align-items:center;
  gap:1.1rem clamp(1.1rem,2.4vw,2.1rem);
}
.support-logos img{
  width:auto;opacity:.72;transition:opacity .25s;
  filter:saturate(0);
}
.support-logos li:hover img{opacity:1;}
.support-logos .lg-tall{height:44px;}
.support-logos .lg-mid{height:28px;}
.support-logos .lg-wide{height:20px;}
@media (max-width:560px){
  .support-logos{gap:1.4rem 2rem;}
  .support-logos .lg-tall{height:36px;}
  .support-logos .lg-mid{height:23px;}
  .support-logos .lg-wide{height:17px;}
}

/* ---------- streaming links --------------------------------------------- */
.listen{
  list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;
  margin-block:1.4rem 1.8rem;
}
.listen a{
  display:inline-block;
  font-family:var(--sans);font-size:.64rem;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--ivory);text-decoration:none;
  border:1px solid var(--rule);padding:.6rem 1.15rem;
  transition:background .2s,border-color .2s,color .2s;
}
.listen a:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}

.source-note{
  font-family:var(--sans);font-size:.74rem;line-height:1.75;
  color:var(--muted);max-width:70ch;margin-bottom:1.4rem;
  padding-left:1rem;border-left:1px solid var(--rule-soft);
}

/* ---------- footer ------------------------------------------------------ */
footer{
  background:var(--ink-2);
  border-top:1px solid var(--rule-soft);
  padding-block:clamp(2.6rem,5vw,4rem);
  margin-top:clamp(3rem,7vw,6rem);
}
.footer-grid{
  max-width:var(--page);margin:0 auto;padding-inline:var(--gutter);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:clamp(1.8rem,4vw,4rem);align-items:start;
}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr;}}
.footer-name{font-variant:small-caps;font-size:1.15rem;letter-spacing:.06em;}
.footer-note{
  font-family:var(--sans);font-size:.72rem;line-height:1.8;color:var(--muted);
  margin-top:.9rem;max-width:34ch;
}
.footer-links{
  list-style:none;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
  gap:.1rem 2rem;
}
.footer-links a{
  display:block;padding:.4rem 0;
  font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;transition:color .18s;
}
.footer-links a:hover{color:var(--gold);}

/* ---------- misc -------------------------------------------------------- */
.skip{
  position:absolute;left:-9999px;
}
.skip:focus{
  left:var(--gutter);top:.6rem;z-index:300;
  background:var(--gold);color:var(--ink);padding:.6rem 1rem;
  font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}