/* Hero recreated from the visible lycan.pl banner, including its two icon glyphs.
   The lower cutout follows the original desktop and mobile theme geometry. */
.heritage-hero { padding: 0 30px 85px; }
.heritage-scene { position: relative; height: 576px; border-radius: 24px; isolation: isolate; }
.heritage-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; border-radius: inherit; z-index: -1; }
.heritage-content { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 20px; padding: 24px 20px 115px; text-align: center; color: #fff; }
.heritage-content h1 { width: 100%; max-width: 920px; font: 400 80px/1 'Russo One', sans-serif; letter-spacing: -3px; }
.heritage-description {
  max-width: 660px;
  padding: 14px 22px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 16px;
  background: rgba(8,26,21,.68);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 8px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.08);
  font-size: 15px;
  line-height: 1.65;
  text-wrap: pretty;
}
.heritage-content h1 { text-shadow: 0 2px 16px rgba(0,0,0,.5); }
.heritage-actions { display: flex; align-items: center; justify-content: center; gap: 20px; }
.heritage-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 11px 15px; border-radius: 24px; color: #171b18; font-size: 14px; line-height: 24px; transition: filter .2s; }
.heritage-button:hover { filter: brightness(.93); }
.heritage-button:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.heritage-button-yellow { background: #f2dd64; }
.heritage-button-white { background: #fff; }
.heritage-button-icon { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; color: #fff; background: #417572; }
.heritage-button-icon .heritage-symbol { width: 10px; height: 10px; }
.heritage-symbol { display: block; flex-shrink: 0; width: 16px; height: 16px; }
.heritage-volume { margin: 0; font: 400 36px/1 'Russo One', sans-serif; letter-spacing: -1px; }
.heritage-volume > span { display: block; }
.heritage-notch { position: absolute; bottom: -85px; left: 50%; transform: translateX(-50%); width: 690px; height: 168.5px; }
.heritage-notch::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--paper); clip-path: polygon(calc(100% - 84.844px) 32.8977px, calc(100% - 87.3392px) 27.1769px, calc(100% - 90.4735px) 21.8917px, calc(100% - 94.1908px) 17.0813px, calc(100% - 98.435px) 12.785px, calc(100% - 103.15px) 9.042px, calc(100% - 108.28px) 5.89153px, calc(100% - 113.769px) 3.37285px, calc(100% - 119.561px) 1.52521px, calc(100% - 125.6px) .387842px, calc(100% - 131.829px) 0px, 132.628px 0px, 126.368px .391652px, 120.302px 1.53996px, 114.486px 3.40496px, 108.977px 5.94667px, 103.832px 9.12514px, 99.1066px 12.9004px, 94.8588px 17.2324px, 91.1449px 22.0813px, 88.0217px 27.4071px, 85.5458px 33.1698px, 84.1544px 37.0623px, 80.6882px 45.1301px, 76.3156px 52.5861px, 71.1162px 59.3746px, 65.1693px 65.4395px, 58.5544px 70.7248px, 51.3509px 75.1747px, 43.6381px 78.7331px, 35.4957px 81.3441px, 27.0028px 82.9517px, 18.2391px 83.5px, 0px 83.5px, 0px 100%, 100% 100%, 100% 83.5px, calc(100% - 18.891px) 83.5px, calc(100% - 27.4687px) 82.802px, calc(100% - 35.7732px) 81.0592px, calc(100% - 43.7298px) 78.3325px, calc(100% - 51.2639px) 74.6827px, calc(100% - 58.301px) 70.1709px, calc(100% - 64.7664px) 64.858px, calc(100% - 70.5855px) 58.8048px, calc(100% - 75.6837px) 52.0724px, calc(100% - 79.9864px) 44.7215px, calc(100% - 83.419px) 36.8133px); }
.heritage-highlights { margin: 0; padding: 30px 70px 0; list-style: none; display: grid; grid-template-columns: auto auto; justify-content: center; gap: 20px 24px; }
.heritage-highlights li { display: flex; align-items: center; gap: 10px; font-size: 10px; line-height: 16px; letter-spacing: 1.2px; text-transform: uppercase; }
.heritage-highlights li:first-child { grid-column: 1 / -1; justify-self: center; }
.heritage-highlights .heritage-symbol { color: #417572; }
@media (max-width: 1000px) and (min-width: 651px) {
  .heritage-content h1 { max-width: 760px; font-size: 64px; letter-spacing: -2px; }
  .heritage-notch { width: min(690px,100%); }
}
@media (max-width: 650px) {
  .heritage-hero { padding: 0 20px 75px; }
  .heritage-scene { height: 600px; border-radius: 24px; }
  .heritage-content { gap: 20px; padding: 0 20px 110px; }
  .heritage-actions { gap: 12px; }
  .heritage-button { gap: 8px; padding-inline: 12px; font-size: 13px; white-space: nowrap; }
  .heritage-button-icon { width: 22px; height: 22px; flex-basis: 22px; }
  .heritage-content h1 { max-width: 360px; font-size: 35px; line-height: 35px; letter-spacing: -1px; }
  .heritage-description { padding: 12px 14px; border-radius: 14px; font-size: 13px; line-height: 1.65; max-width: 400px; }
  .heritage-volume { font-size: 27px; line-height: 27px; letter-spacing: -1px; white-space: nowrap; }
  .heritage-volume > span { display: inline; }
  .heritage-notch { width: 100%; height: 158px; bottom: -75px; }
  .heritage-notch::before { clip-path: polygon(calc(100% - 75.558px) 0px, 73.2587px 0px, 69.6953px .234955px, 66.2542px .922303px, 62.9703px 2.03577px, 59.8783px 3.54909px, 57.0132px 5.43597px, 54.4099px 7.67016px, 52.1031px 10.2254px, 50.1278px 13.0753px, 48.5188px 16.1938px, 47.311px 19.5544px, 45.6201px 24.2593px, 43.3675px 28.6252px, 40.6021px 32.6151px, 37.3727px 36.1925px, 33.728px 39.3203px, 29.7169px 41.962px, 25.3882px 44.0806px, 20.7906px 45.6395px, 15.9731px 46.6018px, 10.9844px 46.9307px, 0px 46.9307px, 0px 100%, 100% 100%, 100% 46.9307px, calc(100% - 13.283px) 46.9307px, calc(100% - 18.2717px) 46.6018px, calc(100% - 23.0892px) 45.6395px, calc(100% - 27.6868px) 44.0806px, calc(100% - 32.0156px) 41.962px, calc(100% - 36.0267px) 39.3203px, calc(100% - 39.6715px) 36.1925px, calc(100% - 42.901px) 32.6151px, calc(100% - 45.6665px) 28.6252px, calc(100% - 47.9191px) 24.2593px, calc(100% - 49.61px) 19.5544px, calc(100% - 50.8179px) 16.1938px, calc(100% - 52.427px) 13.0753px, calc(100% - 54.4023px) 10.2254px, calc(100% - 56.7091px) 7.67016px, calc(100% - 59.3125px) 5.43597px, calc(100% - 62.1776px) 3.54909px, calc(100% - 65.2696px) 2.03577px, calc(100% - 68.5535px) .922303px, calc(100% - 71.9946px) .234955px); }
  .heritage-highlights { display: flex; flex-direction: column; gap: 20px; width: min(205px,calc(100% - 64px)); margin-inline: auto; padding: 20px 0 0; }
  .heritage-highlights li { justify-self: auto; width: 100%; }
}
@media (max-width: 360px) {
  .heritage-content { padding-inline: 14px; }
  .heritage-content h1 { font-size: 30px; line-height: 31px; }
  .heritage-actions { gap: 8px; }
  .heritage-button { min-height: 44px; gap: 6px; padding: 10px 8px; font-size: 12px; }
  .heritage-button-icon { width: 22px; height: 22px; flex-basis: 22px; }
  .heritage-volume { font-size: 24px; line-height: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .heritage-button { transition: none; }
}