@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,700&family=Unbounded:wght@400;700;900&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --ivory: #F8F3EA;
  --ivory-dark: #EDE6D8;
  --ivory-deep: #DDD3BC;
  --crimson: #8B1A1A;
  --crimson-light: #B02020;
  --crimson-pale: #F5E8E8;
  --gold: #C4921A;
  --gold-light: #E0AD35;
  --gold-pale: #FBF0D4;
  --navy: #1A1E2E;
  --navy-mid: #252A3E;
  --dark: #1C1A16;
  --serif: 'EB Garamond', Georgia, serif;
  --display: 'Unbounded', sans-serif;
  --sans: 'DM Sans', sans-serif;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

.body{cursor: none;}

.w {
  font-family: var(--sans);
  background: var(--ivory);
  color: var(--dark);
  overflow-x: hidden;
  cursor: none;
}

/* ── CURSOR ── */
#cursor {
  position: fixed;
  width: 12px; height: 12px;
  background: var(--crimson);
  transform: translate(-50%,-50%) rotate(45deg);
  pointer-events: none;
  z-index: 9999;
  transition: width .2s, height .2s, background .2s;
  mix-blend-mode: multiply;
  transition: mix-blend-mode 2s ease;
}
#cursor-follower {
  position: fixed;
  width: 36px; height: 36px;
  border: 1px solid var(--crimson);
  transform: translate(-50%,-50%) rotate(45deg);
  pointer-events: none;
  z-index: 9998;
  opacity: 0.4;
  transition: transform .12s ease, width .3s, height .3s, opacity .3s, border-color .3s;
}
.w:has(a:hover) #cursor, .w:has(button:hover) #cursor { width:20px; height:20px; background: var(--gold);}
.w:has(a:hover) #cursor-follower, .w:has(button:hover) #cursor-follower { width:56px; height:56px; opacity:0.2; border-color: var(--gold);}

.w:has(.hero-right:hover) #cursor { mix-blend-mode: difference; }

/* ── MOTIF BORDERS ── */
.mb {
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='28'%3E%3Crect x='0' y='12' width='48' height='4' fill='%238B1A1A' opacity='0.15'/%3E%3Cpolygon points='24,2 30,14 24,26 18,14' fill='%238B1A1A' opacity='0.65'/%3E%3Cpolygon points='0,2 6,14 0,26' fill='%238B1A1A' opacity='0.35'/%3E%3Cpolygon points='48,2 48,26 42,14' fill='%238B1A1A' opacity='0.35'/%3E%3Crect x='8' y='13' width='6' height='2' fill='%23C4921A' opacity='0.7'/%3E%3Crect x='34' y='13' width='6' height='2' fill='%23C4921A' opacity='0.7'/%3E%3Ccircle cx='4' cy='9' r='2' fill='%23C4921A' opacity='0.4'/%3E%3Ccircle cx='44' cy='9' r='2' fill='%23C4921A' opacity='0.4'/%3E%3Ccircle cx='4' cy='19' r='2' fill='%23C4921A' opacity='0.4'/%3E%3Ccircle cx='44' cy='19' r='2' fill='%23C4921A' opacity='0.4'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: 48px 28px;
  transform-origin: center;
}

/* ── NAV ── */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  background: rgba(248,243,234,0); 
  padding: 0 56px; height: 64px;
  display: flex; align-items: center; justify-content: space-between;
  transition: background .4s, box-shadow .4s, border-bottom .4s;
}
.nav.scrolled {
  background: rgba(248,243,234,0.96);
  box-shadow: 0 1px 0 var(--ivory-deep);
  backdrop-filter: blur(12px);
}
.nav-logo { display:flex; align-items:center; gap:14px; }
.nav-emblem {
  width: 34px; height: 34px;
  background: var(--crimson);
  display:flex; align-items:center; justify-content:center;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1);
}
.nav-emblem:hover { transform: rotate(90deg) scale(1.1); }
.nav-emblem svg { width:20px; height:20px; }
.nav-name {
  font-family: var(--display); font-size:13px; font-weight:700;
  color: var(--dark); letter-spacing:.04em; text-transform:uppercase;
}
.nav-name span { color: var(--crimson); }
.nav-links { display:flex; gap:32px; list-style:none; align-items:center; }
.nav-links a {
  font-family: var(--sans); font-size:13px; font-weight:500;
  color: var(--dark); text-decoration:none; opacity:.55;
  transition: opacity .2s, color .2s;
  position: relative;
  cursor: none;
}
.nav-links a::after {
  content:''; position:absolute; bottom:-3px; left:0;
  width:0; height:1px; background: var(--crimson);
  transition: width .3s cubic-bezier(.4,0,.2,1);
}
.nav-links a:hover { opacity:1; color:var(--crimson); }
.nav-links a:hover::after { width:100%; }
.nav-cta {
  background: var(--crimson) !important; color: var(--ivory) !important;
  opacity:1 !important; padding:8px 22px; font-size:12px !important;
  letter-spacing:.08em !important; transition: transform .2s, background .2s !important;
}
.nav-cta:hover { background: var(--crimson-light) !important; transform:translateY(-1px) !important; }
.nav-cta::after { display:none !important; }

/* ── HERO ── */
.hero {
  min-height: 100vh;
  display: grid; grid-template-columns: 54% 46%;
  position: relative; overflow: hidden;
  padding-top: 64px;
}
.hero-left {
  padding: 80px 56px;
  display:flex; flex-direction:column; justify-content:center;
  position:relative; z-index:2; background: var(--ivory);
}
.hero-stripe {
  position:absolute; top:0; left:0; width:5px; height:100%;
  background: repeating-linear-gradient(180deg,
    var(--crimson) 0,var(--crimson) 14px,
    var(--gold) 14px,var(--gold) 28px,
    var(--ivory-dark) 28px,var(--ivory-dark) 42px
  );
  opacity:.7;
}
.hero-eyebrow {
  display:flex; align-items:center; gap:12px;
  font-family:var(--display); font-size:10px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--crimson);
  margin-bottom:40px;
  opacity:0; transform:translateX(-20px);
  animation: slideInLeft .8s .3s cubic-bezier(.4,0,.2,1) forwards;
}
.eyebrow-bar {
  width:32px; height:3px;
  background: repeating-linear-gradient(90deg,
    var(--crimson) 0,var(--crimson) 8px,
    var(--gold) 8px,var(--gold) 16px
  );
}

@keyframes slideInLeft { to { opacity:1; transform:translateX(0); } }
@keyframes slideInUp   { to { opacity:1; transform:translateY(0); } }
@keyframes fadeIn      { to { opacity:1; } }
@keyframes drawLine    { to { stroke-dashoffset:0; } }
@keyframes scaleIn     { to { opacity:1; transform:scale(1); } }

.hero-title-line {
  font-family: var(--serif);
  font-weight:700; line-height:.98;
  color:var(--dark); letter-spacing:-.02em;
}
.hero-title-line span {
  display:block;
  opacity:0; transform:translateY(100%);
}
.ht1 { font-size: clamp(48px,6vw,88px); }
.ht2 { font-size: clamp(48px,6vw,88px); font-style:italic; color:var(--crimson); font-weight:400; }
.ht3 { font-size: clamp(48px,6vw,88px); }
.ht1 span { animation: titleReveal .9s .5s cubic-bezier(.16,1,.3,1) forwards; }
.ht2 span { animation: titleReveal .9s .65s cubic-bezier(.16,1,.3,1) forwards; }
.ht3 span { animation: titleReveal .9s .8s cubic-bezier(.16,1,.3,1) forwards; }
@keyframes titleReveal { to { opacity:1; transform:translateY(0); } }

.hero-rule {
  width:0; height:2px;
  background: repeating-linear-gradient(90deg,var(--crimson) 0,var(--crimson) 6px,var(--gold) 6px,var(--gold) 12px);
  margin:28px 0;
  animation: ruleExpand 1s 1s ease forwards;
}
@keyframes ruleExpand { to { width:64px; } }

.hero-sub {
  font-size:16px; line-height:1.8;
  color:#2C2B28; opacity:0;
  max-width:420px; margin-bottom:52px;
  animation: slideInUp .8s 1.1s ease forwards;
  transform:translateY(16px);
}
.hero-ctas {
  display:flex; gap:16px; flex-wrap:wrap;
  opacity:0; transform:translateY(16px);
  animation: slideInUp .8s 1.3s ease forwards;
}
.btn-crimson {
  background:var(--crimson); color:var(--ivory);
  font-family:var(--display); font-size:10px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  padding:15px 36px; border:none; cursor:none;
  position:relative; overflow:hidden;
  transition: transform .2s;
}
.btn-crimson::before {
  content:''; position:absolute; inset:0;
  background:var(--gold);
  transform:translateX(-101%);
  transition: transform .4s cubic-bezier(.4,0,.2,1);
  z-index:0;
}
.btn-crimson:hover::before { transform:translateX(0); }
.btn-crimson:hover { transform:translateY(-2px); }
.btn-crimson span { position:relative; z-index:1; }
.btn-outline {
  background:transparent; color:var(--dark);
  font-family:var(--display); font-size:10px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  padding:14px 36px; border:1.5px solid var(--ivory-deep); cursor:none;
  transition: all .25s;
}
.btn-outline:hover { border-color:var(--crimson); color:var(--crimson); transform:translateY(-2px); }

/* ── HERO RIGHT ── */
.hero-right {
  background:var(--navy);
  position:relative; display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.ovide-bg {
    position: absolute;
    inset: 0;
    background-image: url("images/ovide.png");
    background-size: cover;
    background-position: center top;
    opacity: 0;

    animation: slideUpOv 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1s forwards;
}

@keyframes slideUpOv {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0%);
        opacity: 1;
    }
}
.hero-pattern {
  position:absolute; inset:0; opacity:.05;
  background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Crect x='28' y='4' width='8' height='8' fill='%23F8F3EA'/%3E%3Crect x='4' y='28' width='8' height='8' fill='%23F8F3EA'/%3E%3Crect x='52' y='28' width='8' height='8' fill='%23F8F3EA'/%3E%3Crect x='28' y='52' width='8' height='8' fill='%23F8F3EA'/%3E%3Crect x='28' y='28' width='8' height='8' fill='%23C4921A'/%3E%3C/svg%3E");
  background-size:64px 64px;
}
.hero-right-inner { padding:64px 0px 64px 48px; width:100%; position:relative; z-index:2; }
.hero-right-label {
  font-family:var(--display);
  font-size:9px; font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold-light);
  opacity:0;
  margin-bottom:32px;
  animation: fadeInHrl 0.5s linear 1.3s forwards;
}

@keyframes fadeInHrl { 
    to { 
        opacity:0.5;
    }
}

.stat-card {
  background:rgba(248,243,234,.05);
  border:1px solid rgba(248,243,234,.08);
  border-left:3px solid var(--crimson);
  padding:24px 28px; margin-bottom:14px;
  transition: all .35s cubic-bezier(.4,0,.2,1);
  opacity:0; transform:translateX(30px);
  position:relative; overflow:hidden; cursor:none;
  background: linear-gradient(
  to right,
  rgba(10, 12, 30, 0.85) 40%,
  rgba(10, 12, 30, 0.3) 100%
);
}
.stat-card::after {
  content:''; position:absolute; inset:0;
  background:rgba(248,243,234,.04);
  transform:translateX(-100%);
  transition:transform .3s ease;
}
.stat-card:hover::after { transform:translateX(0); }
.stat-card:hover { transform:translateX(8px) !important; border-left-color:var(--gold); }
.stat-card.s1 { animation:slideInRight .7s 1.2s ease forwards; }
.stat-card.s2 { animation:slideInRight .7s 1.4s ease forwards; }
.stat-card.s3 { animation:slideInRight .7s 1.6s ease forwards; }
@keyframes slideInRight { to { opacity:1; transform:translateX(0); } }
.stat-n {
  font-family:var(--serif); font-size:54px; font-style:italic;
  color:var(--ivory); line-height:1; margin-bottom:4px;
}
.stat-card:nth-child(3) .stat-n { color:var(--gold-light); }
.stat-l {
  font-family:var(--display); font-size:11px; font-weight:300;
  letter-spacing:.12em; text-transform:uppercase; color:rgba(248,243,234,.4);
}

/* ── SECTIONS ── */
.sec { padding:96px 56px; }
.sec-alt { padding:96px 56px; background:var(--ivory-dark); }
.sec-dark { padding:96px 56px; background:var(--navy); }

.sec-label {
  font-family:var(--display); font-size:10px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--crimson);
  margin-bottom:18px;
  display:flex; align-items:center; gap:10px;
}
.sec-label-sq { width:8px;height:8px;background:var(--crimson);transform:rotate(45deg);flex-shrink:0; }
.sec-title {
  font-family:var(--serif); font-size:clamp(34px,4vw,56px);
  font-weight:700; line-height:1.08; color:var(--dark); margin-bottom:8px;
}
.sec-title em { font-style:italic; color:var(--crimson); font-weight:400; }
.sec-title-light { color:var(--ivory) !important; }
.sec-title-light em { color:var(--gold-light) !important; }

/* ── OFFRES ── */
.offres { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--ivory-deep); margin-top:56px; }
.offre {
  background:var(--ivory); padding:44px 32px;
  position:relative; overflow:hidden; cursor:none;
  transition:background .3s;
}
.offre-topbar {
  position:absolute; top:0; left:0; right:0; height:4px;
  background: repeating-linear-gradient(90deg,
    var(--crimson) 0,var(--crimson) 10px,
    var(--ivory) 10px,var(--ivory) 14px,
    var(--gold) 14px,var(--gold) 24px,
    var(--ivory) 24px,var(--ivory) 28px
  );
}
.offre-spotlight {
  position:absolute;
  width:200px; height:200px;
  background:radial-gradient(circle,rgba(139,26,26,.12) 0%,transparent 70%);
  border-radius:50%; pointer-events:none;
  transform:translate(-50%,-50%);
  opacity:0; transition:opacity .3s;
}
.offre:hover .offre-spotlight { opacity:1; }
.offre:hover { background:var(--crimson-pale); }
.offre-inner { position:relative; z-index:1; }
.offre-num {
  font-family:var(--serif); font-size:72px; font-style:italic;
  color:var(--ivory-deep); line-height:1; margin-bottom:20px;
  transition:color .35s, transform .35s;
}
.offre:hover .offre-num { color:rgba(139,26,26,.15); transform:translateX(6px); }
.offre-type {
  font-family:var(--display); font-size:9px; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:var(--crimson);
  margin-bottom:12px;
}
.offre-title {
  font-family:var(--serif); font-size:24px; font-weight:700;
  color:var(--dark); margin-bottom:14px; line-height:1.25;
  transition:color .3s;
}
.offre:hover .offre-title { color:var(--crimson); }
.offre-desc { font-size:14px; line-height:1.75; color:#3A3630; opacity:.7; margin-bottom:24px; }
.offre-pill {
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--display); font-size:9px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
  color:#3A3630; opacity:.5; padding:5px 12px;
  border:1px solid var(--ivory-deep);
  transition:all .3s;
}
.offre:hover .offre-pill { border-color:var(--crimson); color:var(--crimson); opacity:1; }

/* ── CITATION ── */
.citation-section {
  padding:88px 56px;
  background:var(--gold-pale);
  position:relative; overflow:hidden;
}
.citation-bg-text {
  position:absolute; top:-40px; left:-20px;
  font-family:var(--serif); font-size:280px; font-weight:900;
  color:var(--gold-light); opacity:.08; line-height:1;
  pointer-events:none; user-select:none;
}
.citation-inner { position:relative; z-index:2; max-width:820px; margin:0 auto; }
.citation-ornament {
  display:flex; align-items:center; justify-content:center; gap:16px;
  margin-bottom:36px;
}
.orn-diamond { width:12px;height:12px;background:var(--crimson);transform:rotate(45deg); }
.orn-line {
  height:2px; width:60px;
  background:repeating-linear-gradient(90deg,var(--crimson) 0,var(--crimson) 6px,transparent 6px,transparent 10px);
}
.citation-text {
  font-family:var(--serif); font-size:clamp(22px,2.8vw,36px);
  font-style:italic; color:var(--dark); line-height:1.6; text-align:center;
  overflow:hidden;
}
.citation-text .word {
  display:inline-block; opacity:0; transform:translateY(20px);
  transition:opacity .4s, transform .4s;
}
.citation-text .word.revealed { opacity:1; transform:translateY(0); }

/* ── GEO ── */
.geo-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; margin-top:56px; }
.geo-col-head {
  font-family:var(--display); font-size:10px; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:var(--gold-light);
  opacity:.55; margin-bottom:28px; padding-bottom:16px;
  border-bottom:1px solid rgba(248,243,234,.1);
}
.geo-row {
  display:flex; align-items:center; gap:16px;
  padding:16px 0; border-bottom:1px solid rgba(248,243,234,.06);
  font-family:var(--serif); font-size:24px; font-style:italic; color:var(--ivory);
  transition:all .3s cubic-bezier(.4,0,.2,1); cursor:default;
  position:relative; overflow:hidden;
}
.geo-row::after {
  content:''; position:absolute; left:0; bottom:0;
  width:0; height:1px; background:var(--gold-light);
  transition:width .4s ease;
}
.geo-row:hover::after { width:100%; }
.geo-row:hover { color:var(--gold-light); padding-left:12px; }
.geo-diamond { width:10px;height:10px;background:var(--crimson);transform:rotate(45deg);flex-shrink:0;transition:background .3s,transform .3s; }
.geo-row.sec .geo-diamond { background:rgba(196,146,26,.35); }
.geo-row:hover .geo-diamond { background:var(--gold-light);transform:rotate(135deg); }

/* ── ANALYSES ── */
.analyse-row {
  display:grid; grid-template-columns:88px 1fr 88px;
  gap:28px; align-items:start;
  padding:32px 0; border-bottom:1px solid var(--ivory-deep);
  cursor:none; position:relative;
  transition:all .35s cubic-bezier(.4,0,.2,1);
}
.analyse-bar {
  position:absolute; left:-56px; top:0;
  width:3px; height:0; 
  background:repeating-linear-gradient(180deg,var(--crimson) 0,var(--crimson) 8px,var(--gold) 8px,var(--gold) 16px);
  transition:height .35s ease;
}
.analyse-row:hover .analyse-bar { height:100%; }
.analyse-row:hover { padding-left:12px; background:rgba(139,26,26,.03); }
.a-date { font-family:var(--display);font-size:11px;letter-spacing:.06em;color:#8A7E6A;line-height:1.7;padding-top:4px; }
.a-ref { font-family:var(--display);font-size:9px;letter-spacing:.12em;color:var(--crimson);margin-top:4px; }
.a-tags { display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap; }
.tag { font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px; }
.tag-ro { background:var(--crimson-pale);color:var(--crimson); }
.tag-md { background:rgba(26,30,46,.06);color:var(--navy);border:1px solid rgba(26,30,46,.15); }
.tag-th { background:var(--gold-pale);color:var(--gold);border:1px solid rgba(196,146,26,.2); }
.a-title {
  font-family:var(--serif);font-size:22px;font-weight:700;
  color:var(--dark);margin-bottom:8px;line-height:1.3;
  transition:color .25s;
}
.analyse-row:hover .a-title { color:var(--crimson); }
.a-excerpt { font-size:13px;line-height:1.7;color:#3A3630;opacity:.65; }
.a-link {
  font-family:var(--display);font-size:10px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--crimson);text-decoration:none;padding-top:4px;
  display:flex;align-items:center;gap:6px;white-space:nowrap;
  transition:gap .3s;
}
.analyse-row:hover .a-link { gap:10px; }

/* ── LIVE STRIP ── */
.live {
  background:var(--dark);
  padding:20px 56px;
  display:flex;align-items:center;gap:40px;
  border-top:2px solid var(--crimson);
}
.live-badge {
  display:flex;align-items:center;gap:8px;
  font-family:var(--display);font-size:10px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);flex-shrink:0;
}
.live-dot { width:7px;height:7px;background:var(--gold-light);animation:pulse 1.6s infinite; }
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
.live-stats { display:flex;gap:40px; }
.live-stat { font-family:var(--display);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(248,243,234,.35); }
.live-stat strong { color:rgba(248,243,234,.8);font-weight:700; }

/* ── FOOTER ── */
.footer { background:var(--navy); padding:64px 56px; }
.footer-top {
  display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:56px;
  padding-bottom:48px;border-bottom:1px solid rgba(248,243,234,.08);
  margin-bottom:32px;
}
.footer-name { font-family:var(--display);font-size:16px;font-weight:900;color:var(--ivory);margin-bottom:6px;letter-spacing:.06em;text-transform:uppercase; }
.footer-name span { color:var(--crimson-light); }
.footer-sub { font-family:var(--display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(248,243,234,.3);margin-bottom:22px; }
.footer-contact { font-family:var(--sans);font-size:13px;color:rgba(248,243,234,.4);line-height:2; }
.footer-col-head { font-family:var(--display);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);opacity:.55;margin-bottom:20px; }
.footer-links { list-style:none;display:flex;flex-direction:column;gap:12px; }
.footer-links a {
  font-family:var(--sans);font-size:13px;
  color:rgba(248,243,234,.4);text-decoration:none;
  transition:all .25s;display:inline-flex;align-items:center;gap:0;
}
.footer-links a::before { content:'—'; color:var(--crimson);margin-right:0;width:0;overflow:hidden;transition:width .3s,margin .3s; }
.footer-links a:hover { color:var(--ivory);padding-left:4px; }
.footer-links a:hover::before { width:16px;margin-right:8px; }
.footer-copy { display:flex;justify-content:space-between; }
.fc { font-family:var(--display);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(248,243,234,.2); }

/* ── REVEAL ── */
.r { opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease; }
.r.v { opacity:1;transform:translateY(0); }
.r.rx { opacity:0;transform:translateX(-24px);transition:opacity .7s,transform .7s; }
.r.rx.v { opacity:1;transform:translateX(0); }
.rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}

  .statue-img {
    position: absolute;
    right: -60px;
    bottom: -20px;
    /* width: 10%; */
    height: 110%;
    /* aspect-ratio: 2 / 3; */
    object-fit: cover;
    object-position: center top;
    opacity: 1;
    transform: translateY(20px) scale(0.95);
    transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
    mask-image: linear-gradient(to right, rgba(139, 26, 26, 1) 0%, rgba(139, 26, 26, 0.8) 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, rgba(139, 26, 26, 1) 0%, rgba(139, 26, 26, 0.8) 80%, transparent 100%);
}