/* Secolare Festival – Dossier Partnership 2027 · v1.0.0 */
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url(../fonts/figtree-latin-wght-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url(../fonts/figtree-latin-ext-wght-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
#secd {--ink: #0B0B0D; --ink2: #16161A; --ink3: #1E1E23; --line: #2C2C33; --line2: #3A3A42;
  --muted: #A6A6B0; --soft: #E4E4E8; --white: #FFFFFF;
  --pink: #FF2D6E; --blue: #3C5AE1; --plum: #911E69; --yellow: #FFFF0B;
  --focus: #FFFF0B;
  --gutter: clamp(18px, 5vw, 48px);
  --hdr-h: 68px;
  --top: var(--secd-top, 0px);
  position: relative; isolation: isolate; overflow-x: clip;
  background: var(--ink); color: var(--white);
  font-family: 'Satoshi', 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: clamp(16px, 0.25vw + 15.2px, 18px); line-height: 1.6; font-weight: 400;
  font-variant-numeric: tabular-nums; text-align: left;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-size-adjust: 100%;}
#secd, #secd *, #secd *::before, #secd *::after {box-sizing: border-box;}
#secd :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, figure, figcaption, blockquote, table, form) {margin: 0; padding: 0;}
#secd :where(h1, h2, h3, h4, h5, h6) {font-family: inherit; color: inherit; font-weight: 700; text-transform: none; letter-spacing: normal; line-height: 1.15;}
#secd :where(ul, ol) {list-style: none;}
#secd :where(li)::marker {content: none;}
#secd img {display: block; max-width: 100%; height: auto; border: 0; box-shadow: none; border-radius: 0;}
#secd a {color: inherit; text-decoration: none; box-shadow: none;}
#secd :where(p, li, dd, td) a {text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;}
#secd button {font: inherit; color: inherit; background: none; border: 0; margin: 0; padding: 0; cursor: pointer; text-transform: none; letter-spacing: normal; box-shadow: none; border-radius: 0; min-height: 0; width: auto; line-height: inherit;}
#secd :where(table, th, td, tr) {border: 0; background: none;}
#secd strong {font-weight: 700;}
#secd em {font-style: normal;}
#secd :focus-visible {outline: 3px solid var(--focus); outline-offset: 3px;}
#secd [hidden] {display: none !important;}
#secd .sr {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
#secd .skip {position: fixed; left: 12px; top: 12px; z-index: 100; padding: 12px 18px; background: var(--yellow); color: var(--ink); font-weight: 700; border-radius: 999px;}
#secd .skip:not(:focus) {width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;}
#secd [id] {scroll-margin-top: calc(var(--top) + var(--hdr-h) + 12px);}
#secd .wrap {width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: var(--gutter);}
#secd .sec {position: relative; padding-block: clamp(64px, 9vw, 120px);}
#secd .sec--line {border-top: 1px solid var(--line);}
#secd .sec--gallery {padding-top: 0;}
#secd .sec__in {position: relative; z-index: 2;}
#secd .sec__head {display: flex; flex-direction: column; gap: 16px; max-width: 62rem; margin-bottom: clamp(32px, 5vw, 56px);}
#secd .sec__head--split {display: grid; grid-template-columns: 1fr; gap: 20px 64px; max-width: none; align-items: end;}
#secd .grid2 {display: grid; grid-template-columns: 1fr; gap: 16px;}
#secd .eyebrow {font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.4;}
#secd .eyebrow--pink {color: var(--pink);}
#secd .hero__title {font-size: clamp(42px, 7.4vw, 96px); line-height: 1; letter-spacing: -0.03em; font-weight: 700; text-wrap: balance;}
#secd .h2 {font-size: clamp(32px, 4.8vw, 60px); line-height: 1.04; letter-spacing: -0.02em; font-weight: 700; text-wrap: balance;}
#secd .h2--pink {color: var(--pink);}
#secd .h3 {font-size: clamp(19px, 0.6vw + 16px, 22px); line-height: 1.22; font-weight: 700;}
#secd .h3--pink {color: var(--pink);}
#secd .lead {font-size: clamp(17px, 0.7vw + 14px, 21px); line-height: 1.55; max-width: 62ch; text-wrap: pretty; color: var(--soft);}
#secd .small {font-size: 15px; line-height: 1.55; color: var(--soft); max-width: 75ch;}
#secd .note, #secd .src {font-size: 14px; line-height: 1.5; color: var(--muted); max-width: 80ch;}
#secd .muted {color: var(--muted);}
#secd .label {font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: 16px;}
#secd .btns {display: flex; flex-wrap: wrap; gap: 12px;}
#secd .btn {display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border-radius: 999px; font-size: 15px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.1; text-align: center; text-decoration: none; transition: transform .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease; white-space: normal;}
#secd .btn:hover {transform: translateY(-1px);}
#secd .btn .ico {width: 18px; height: 18px;}
#secd .btn--pink {background: var(--pink); color: var(--ink);}
#secd .btn--pink:hover {background: #ff4f86;}
#secd .btn--blue {background: var(--blue); color: var(--white);}
#secd .btn--blue:hover {background: #4d6aec;}
#secd .btn--line {border: 1.5px solid rgba(255,255,255,.55); color: var(--white);}
#secd .btn--line:hover {border-color: var(--white); background: rgba(255,255,255,.06);}
#secd .btn--ink {background: var(--ink); color: var(--white);}
#secd .btn--ink:hover {background: #24242a;}
#secd .btn--yellow {background: var(--yellow); color: var(--ink);}
#secd .btn--inkline {border: 1.5px solid var(--ink); color: var(--ink);}
#secd .btn--inkline:hover {background: rgba(11,11,13,.08);}
#secd .ico {width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
#secd .btn--line .ico path[d^="M8 5.5"], #secd .artist__play .ico path, #secd .media__ico path[d^="M8 5.5"] {fill: currentColor; stroke: none;}
#secd .hdr {position: sticky; top: var(--top); z-index: 50; background: rgba(11,11,13,.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid transparent; transition: border-color .2s ease;}
#secd .hdr.is-scrolled {border-bottom-color: var(--line);}
#secd .hdr__in {display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: var(--hdr-h);}
#secd .hdr__brand {display: flex; align-items: center; gap: 14px; min-height: 44px;}
#secd .hdr__logo--full {display: block; height: 19px; width: auto;}
#secd .hdr__logo--sec {display: none;}
@media (max-width: 539px) {
#secd .hdr__tag {display: none;}
 }
#secd .hdr__tag {font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);}
#secd .hdr__toggle {display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 48px; min-height: 48px; padding: 0 14px; border-radius: 999px; border: 1.5px solid var(--line2); font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;}
#secd .hdr__toggle .ico--close {display: none;}
#secd .hdr__toggle[aria-expanded="true"] .ico--menu {display: none;}
#secd .hdr__toggle[aria-expanded="true"] .ico--close {display: block;}
#secd .hdr__nav {display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; padding: 8px var(--gutter) 24px; background: var(--ink); border-bottom: 1px solid var(--line); max-height: calc(100dvh - var(--hdr-h) - var(--top)); overflow-y: auto;}
#secd .hdr__nav.is-open {display: flex;}
#secd .hdr__nav a:not(.btn) {display: flex; align-items: center; min-height: 52px; font-size: 20px; font-weight: 600; border-bottom: 1px solid var(--line);}
#secd .hdr__nav a[aria-current="true"]:not(.btn) {color: var(--pink);}
#secd .hdr__cta {margin-top: 20px; align-self: flex-start;}
#secd .progress {position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; pointer-events: none;}
#secd .progress__bar {display: block; height: 100%; width: 100%; background: var(--pink); transform-origin: 0 50%; transform: scaleX(0);}
#secd .hero {padding-bottom: clamp(56px, 8vw, 104px);}
#secd .hero__media {position: relative;}
#secd .hero__media img {width: 100%; height: auto; background: var(--ink2);}
#secd .hero__media figcaption {max-width: 1280px; margin: 10px auto 0; padding-inline: var(--gutter); font-size: 13px; color: var(--muted);}
#secd .hero__grid {display: grid; grid-template-columns: 1fr; gap: 28px 64px; padding-top: clamp(36px, 6vw, 80px); padding-bottom: clamp(32px, 5vw, 56px); align-items: end;}
#secd .hero__main {display: flex; flex-direction: column; gap: 20px;}
#secd .hero__side {display: flex; flex-direction: column; gap: 24px;}
#secd .stats {display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 14px;}
#secd .stats--3 {grid-template-columns: 1fr; margin-bottom: 20px;}
#secd .stat {background: var(--ink2); border-radius: 24px; padding: 22px 20px 24px; display: flex; flex-direction: column; gap: 8px;}
#secd .stat--pink {background: var(--pink); color: var(--ink);}
#secd .stat__num {font-size: clamp(36px, 4.4vw, 60px); font-weight: 700; line-height: 1; letter-spacing: -0.02em; white-space: nowrap;}
#secd .stat__lbl {font-size: 15px; line-height: 1.4; color: var(--muted);}
#secd .stat--pink .stat__lbl {color: var(--ink); font-weight: 500;}
#secd .stat--blue {background: var(--blue); color: var(--white);}
#secd .stat--yellow {background: var(--yellow); color: var(--ink);}
#secd .stat--plum {background: var(--plum); color: var(--white);}
#secd .stat--blue .stat__lbl, #secd .stat--plum .stat__lbl {color: rgba(255,255,255,.9); font-weight: 500;}
#secd .stat--yellow .stat__lbl {color: var(--ink); font-weight: 500;}
#secd .tiles {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-content: start;}
#secd .tile {background: var(--ink2); border-radius: 24px; padding: 20px; display: flex; flex-direction: column; gap: 8px;}
#secd .tile--blue {background: var(--blue);}
#secd .tile__num {font-size: clamp(30px, 3.4vw, 46px); font-weight: 700; line-height: 1; letter-spacing: -0.02em; white-space: nowrap;}
#secd .tile__lbl {font-size: 15px; line-height: 1.4; color: var(--soft);}
#secd .cover {overflow: hidden; background: var(--ink2);}
#secd .cover__bg {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; z-index: 0;}
#secd .cover__bg--low {object-position: 50% 70%;}
#secd .cover::before {content: ""; position: absolute; inset: 0; z-index: 1; background: var(--ov, var(--ink)); opacity: var(--ov-o, .84);}
#secd .cover--pink {--ov: var(--pink); --ov-o: .88; --focus: var(--ink); color: var(--ink);}
#secd .cover--pink .lead, #secd .cover--pink .small {color: var(--ink);}
#secd .cover--blue {--ov: var(--blue); --ov-o: .84;}
#secd .cover--blue .lead, #secd .cover--plum .lead {color: var(--white);}
#secd .cover--plum {--ov: var(--plum); --ov-o: .84;}
#secd .cover__note {margin-top: 28px; font-size: 15px; line-height: 1.55; max-width: 80ch;}
#secd .cards {display: grid; grid-template-columns: 1fr; gap: 12px;}
#secd .card {background: var(--ink2); border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 10px; color: var(--white);}
#secd .card p {font-size: 16px; line-height: 1.55; color: var(--soft);}
#secd .card--ink {background: rgba(11,11,13,.86); --focus: var(--yellow);}
#secd .card__kicker {font-size: 12.5px !important; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--yellow) !important;}
#secd .card__kicker--pink {color: var(--pink) !important;}
#secd .panel {background: var(--ink2); border-radius: 28px; padding: clamp(20px, 3vw, 32px); display: flex; flex-direction: column; gap: 20px; min-width: 0;}
#secd .panel__head {display: flex; flex-direction: column; gap: 4px; font-size: 18px; line-height: 1.3; font-weight: 400;}
#secd .panel__head strong {font-weight: 700;}
#secd .panel__head span {font-size: 14px; color: var(--muted);}
#secd .vbars {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 2vw, 24px); height: clamp(220px, 28vw, 300px); align-items: stretch;}
#secd .vbar {display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0;}
#secd .vbar__val {font-size: 14px; font-weight: 700; white-space: nowrap;}
#secd .vbar__col {flex: 1; width: 100%; display: flex; align-items: flex-end;}
#secd .vbar__bar {display: block; width: 100%; height: calc(var(--v) * 100%); border-radius: 12px 12px 4px 4px; background: rgba(255,45,110,.42); transform-origin: 50% 100%;}
#secd .vbar--hi .vbar__bar {background: var(--pink);}
#secd .vbar--hi .vbar__val {color: var(--pink);}
#secd .vbar__lbl {font-size: 13px; color: var(--muted); white-space: nowrap;}
#secd .tbl-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch; margin-inline: -4px; padding-inline: 4px;}
#secd .tbl {width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.45;}
#secd .tbl th, #secd .tbl td {padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top;}
#secd .tbl thead th {font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); border-bottom-color: var(--line2);}
#secd .tbl tbody th {font-weight: 700;}
#secd .tbl .num {text-align: right; white-space: nowrap;}
#secd .tbl tr.is-hi th, #secd .tbl tr.is-hi td {color: var(--pink); font-weight: 700;}
#secd .tbl tr:last-child th, #secd .tbl tr:last-child td {border-bottom: 0;}
#secd .c-pink {color: var(--pink) !important;}
#secd .hbars {display: flex; flex-direction: column; gap: 14px;}
#secd .hbar {display: grid; grid-template-columns: minmax(7.5em, 10em) 1fr 3.6em; gap: 12px; align-items: center; font-size: 15px;}
#secd .hbar__track {height: 14px; border-radius: 999px; background: var(--ink3); overflow: hidden;}
#secd .hbar__bar {display: block; height: 100%; width: calc(var(--v) * 100%); border-radius: 999px; background: var(--pink); transform-origin: 0 50%;}
#secd .hbar--grey .hbar__bar {background: #8A8A94;}
#secd .hbar__val {text-align: right; font-weight: 700;}
#secd .lineup {margin-top: clamp(56px, 8vw, 96px);}
#secd .lineup__head {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 24px; margin-bottom: 28px;}
#secd .lineup__head .h3 {font-size: clamp(24px, 2.4vw, 32px);}
#secd .artists {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px;}
#secd .artist {display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;}
#secd .artist__ph {position: relative; width: 100%; max-width: 200px;}
#secd .artist__ph img {width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 50%; background: var(--ink3); box-shadow: 0 10px 30px rgba(0,0,0,.45); transition: transform .3s ease;}
#secd .artist.has-video .artist__ph img {cursor: pointer;}
#secd .artist.has-video:hover .artist__ph img {transform: scale(1.03);}
#secd .artist__play {position: absolute; right: 2%; bottom: 2%; width: 52px; height: 52px; border-radius: 50%; background: var(--pink); color: var(--ink); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0,0,0,.4);}
#secd .artist__play .ico {width: 22px; height: 22px; margin-left: 3px;}
#secd .artist__name {font-size: 15.5px; font-weight: 700; line-height: 1.3;}
#secd .artist__name span {display: block; font-size: 13px; font-weight: 500; color: var(--muted); margin-top: 2px;}
#secd .past {margin-top: 40px; display: grid; gap: 10px; font-size: 15.5px; color: var(--soft); max-width: 90ch;}
#secd .past strong {color: var(--pink); margin-right: 8px;}
#secd .partners {margin-top: clamp(40px, 6vw, 64px);}
#secd .partners__list {display: grid; grid-template-columns: 1fr; gap: 12px;}
#secd .partner {display: flex; align-items: center; gap: 16px; background: var(--ink2); border-radius: 999px; padding: 10px 24px 10px 10px;}
#secd .partner__logo {flex: 0 0 auto; width: 120px; height: 68px; border-radius: 999px; background: var(--white); display: flex; align-items: center; justify-content: center; padding: 10px 18px;}
#secd .partner__logo img {max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
#secd .partner__txt {display: flex; flex-direction: column; font-size: 14.5px; line-height: 1.35; color: var(--muted);}
#secd .partner__txt strong {color: var(--white); font-size: 16px;}
#secd .press {margin-top: clamp(40px, 6vw, 64px);}
#secd .press__list {display: grid; grid-template-columns: 1fr; gap: 0 40px; margin-bottom: 20px;}
#secd .press__list li {display: grid; grid-template-columns: 8.5em 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 15.5px; line-height: 1.45;}
#secd .press__list strong {color: var(--pink);}
#secd .band {background: var(--yellow); color: var(--ink); --focus: var(--ink);}
#secd .band__in {display: flex; flex-wrap: wrap; align-items: center; gap: 16px 48px; padding-block: clamp(36px, 5vw, 56px);}
#secd .band__big {font-size: clamp(64px, 11vw, 140px); font-weight: 800; line-height: .9; letter-spacing: -0.04em; white-space: nowrap;}
#secd .band__txt {display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 30em; font-size: clamp(18px, 1.4vw, 22px); font-weight: 600; line-height: 1.35;}
#secd .chain {margin-top: clamp(40px, 6vw, 56px);}
#secd .chips {display: flex; flex-wrap: wrap; gap: 8px;}
#secd .chips li {padding: 8px 14px; border: 1px solid var(--line2); border-radius: 999px; font-size: 14px; line-height: 1.3; color: var(--soft);}
#secd .gal__head {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin-bottom: 24px;}
#secd .gal {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
#secd .gal__item {position: relative; display: block; overflow: hidden; border-radius: 22px; background: var(--ink2);}
#secd .gal__item--wide {grid-column: 1 / -1;}
#secd .gal__item img {width: 100%; height: auto; transition: transform .5s ease;}
#secd .tier__cta {padding: 0 16px; font-size: 14px;}
#secd .gal__item:hover img {transform: scale(1.03);}
#secd .gal__cap {position: absolute; left: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 7px 12px; border-radius: 999px; background: rgba(11,11,13,.8); color: var(--white); font-size: 13px; line-height: 1.3;}
#secd .media {margin-top: 40px;}
#secd .media .h3 {margin-bottom: 16px;}
#secd .media__list {display: grid; grid-template-columns: 1fr; gap: 10px;}
#secd .media__item {display: flex; align-items: center; gap: 16px; width: 100%; min-height: 72px; padding: 14px 20px 14px 14px; border-radius: 20px; background: var(--ink2); text-align: left; text-decoration: none !important; transition: background-color .15s ease;}
#secd .media__item:hover {background: var(--ink3);}
#secd .media__ico {flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--pink); color: var(--ink);}
#secd .media__ico--gal {background: var(--blue); color: var(--white);}
#secd .media__txt {display: flex; flex-direction: column; gap: 2px; min-width: 0;}
#secd .media__txt strong {font-size: 16.5px; line-height: 1.3;}
#secd .media__txt span {font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted);}
#secd .cal {margin-bottom: clamp(40px, 6vw, 56px);}
#secd .cal__body {display: flex; flex-direction: column; gap: 6px;}
#secd .cal__axis {display: grid; grid-template-columns: 1fr;}
#secd .cal__spacer {display: none;}
#secd .cal__scale, #secd .cal__track {display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));}
#secd .cal__year {grid-row: 1; grid-column: var(--s) / var(--e); font-size: 11.5px; font-weight: 700; color: var(--muted); padding-left: 4px;}
#secd .cal__year--b {border-left: 1px solid var(--line2); padding-left: 6px;}
#secd .cal__m {grid-row: 2; grid-column: var(--s); font-size: 11px; color: var(--muted); text-align: center;}
#secd .cal__rows {display: flex; flex-direction: column;}
#secd .cal__row {display: grid; grid-template-columns: 1fr; gap: 6px; padding: 10px 0; border-bottom: 1px solid var(--line);}
#secd .cal__row:last-child {border-bottom: 0;}
#secd .cal__lbl {font-size: 15px; font-weight: 600; line-height: 1.3;}
#secd .cal__lbl em {display: block; font-size: 13px; font-weight: 400; color: var(--muted);}
#secd .cal__row--hi .cal__lbl {color: var(--pink); font-weight: 800;}
#secd .cal__track {height: 22px; align-items: center; background: repeating-linear-gradient(to right, transparent 0 calc(100% / 12 - 1px), rgba(255,255,255,.06) calc(100% / 12 - 1px) calc(100% / 12)); border-radius: 6px;}
#secd .cal__bar {grid-row: 1; grid-column: var(--s) / var(--e); height: 16px; margin: 0 2px; border-radius: 999px; background: var(--blue); transform-origin: 0 50%;}
#secd .cal__bar--soft {background: var(--line2);}
#secd .cal__bar--yellow {background: var(--yellow);}
#secd .cal__mark {grid-row: 1; grid-column: var(--s); justify-self: center; width: 14px; height: 14px; background: var(--white); transform: rotate(45deg);}
#secd .cal__mark--pink {background: var(--pink); width: 18px; height: 18px;}
#secd .cal__mark--end {justify-self: end; margin-right: 4px;}
#secd .where .h3 {margin-bottom: 12px;}
#secd .where__list {display: grid; grid-template-columns: 1fr; gap: 0 40px; margin-bottom: 20px;}
#secd .where__list > div {display: grid; grid-template-columns: 8.5em 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line);}
#secd .where__list dt {font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--pink); padding-top: 2px;}
#secd .where__list dd {font-size: 15.5px; line-height: 1.45;}
#secd .reasons {display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: clamp(28px, 4vw, 44px);}
#secd .reason {display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start; background: rgba(11,11,13,.62); border-radius: 24px; padding: 22px;}
#secd .reason__n {font-size: 36px; font-weight: 800; line-height: .9; color: var(--yellow); min-width: 1ch;}
#secd .reason .h3 {margin-bottom: 6px;}
#secd .reason p {font-size: 16px; line-height: 1.55; color: var(--soft);}
#secd .claim {font-size: clamp(22px, 2.4vw, 30px); font-weight: 700; line-height: 1.25; max-width: 30em; text-wrap: balance;}
#secd .tiers {display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 16px;}
#secd .tier {background: var(--ink2); border-radius: 28px; padding: 26px 24px 24px; display: flex; flex-direction: column; gap: 12px;}
#secd .tier--pink {background: var(--pink); color: var(--ink); --focus: var(--ink);}
#secd .tier__kicker {font-size: 12.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pink);}
#secd .tier--pink .tier__kicker {color: var(--ink);}
#secd .tier__name {font-size: 22px; font-weight: 700; line-height: 1.2;}
#secd .tier__price {font-size: clamp(32px, 2.9vw, 42px); font-weight: 800; line-height: 1; letter-spacing: -0.02em; white-space: nowrap;}
#secd .tier__price span {font-size: 15px; font-weight: 600; letter-spacing: 0; color: var(--muted);}
#secd .tier--pink .tier__price span {color: var(--ink);}
#secd .tier__list {display: flex; flex-direction: column; gap: 8px; margin: 6px 0 8px;}
#secd .tier__list li {position: relative; padding-left: 18px; font-size: 15.5px; line-height: 1.45;}
#secd .tier__list li::before {content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .7;}
#secd .tier__cta {margin-top: auto;}
#secd .cmp {margin-top: clamp(28px, 4vw, 40px);}
#secd .cmp__top {display: flex; flex-direction: column; gap: 14px;}
#secd .seg {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 4px; border-radius: 999px; background: var(--ink); border: 1px solid var(--line2);}
#secd .seg button {min-height: 42px; padding: 0 6px; border-radius: 999px; font-size: 13.5px; font-weight: 700; color: var(--soft);}
#secd .seg button[aria-pressed="true"] {background: var(--pink); color: var(--ink);}
#secd .tbl--cmp th[scope="row"] {min-width: 9em; color: var(--soft);}
#secd .tbl--cmp td {min-width: 8em;}
#secd .artbonus {margin-top: 16px; display: grid; grid-template-columns: 1fr; gap: 12px 48px; align-items: center; background: var(--blue); border-radius: 28px; padding: clamp(22px, 3vw, 32px);}
#secd .artbonus__title {font-size: clamp(24px, 2.2vw, 30px); font-weight: 800; line-height: 1.15; margin-top: 6px;}
#secd .artbonus p:not(.eyebrow) {font-size: 16.5px; line-height: 1.55;}
#secd .fisc {gap: 8px;}
#secd .kv > div {display: grid; grid-template-columns: 1fr; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--line);}
#secd .kv > div:last-child {border-bottom: 0;}
#secd .kv dt {font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted);}
#secd .kv dd {font-size: 15.5px; line-height: 1.5;}
#secd .calc {margin-block: 16px 20px;}
#secd .calc__intro {display: flex; flex-direction: column; gap: 6px;}
#secd .calc__fields {display: grid; grid-template-columns: 1fr; gap: 14px;}
#secd .field {display: flex; flex-direction: column; gap: 8px; font-size: 15px; font-weight: 600;}
#secd .field em {font-weight: 400; color: var(--muted);}
#secd .field input {width: 100%; min-height: 54px; padding: 0 16px; border-radius: 14px; border: 1.5px solid var(--line2); background: var(--ink); color: var(--white); font: inherit; font-size: 19px; font-weight: 700; box-shadow: none; margin: 0;}
#secd .field input:focus {border-color: var(--blue); outline: none; box-shadow: 0 0 0 3px rgba(60,90,225,.45);}
#secd .calc__out {display: grid; grid-template-columns: 1fr; gap: 10px;}
#secd .calc__out > div {background: var(--ink); border-radius: 18px; padding: 16px 18px; display: flex; flex-direction: column; gap: 4px;}
#secd .calc__out dt {font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); font-weight: 700;}
#secd .calc__out dd {font-size: clamp(26px, 2.6vw, 34px); font-weight: 800; line-height: 1.1;}
#secd .calc__out > div:first-child dd {color: var(--pink);}
#secd .calc__cap {font-size: 15px; color: var(--yellow);}
#secd .steps {display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: clamp(32px, 5vw, 48px); counter-reset: none;}
#secd .step {display: flex; flex-direction: column; gap: 6px; background: rgba(11,11,13,.86); color: var(--white); border-radius: 22px; padding: 20px; font-size: 15.5px; line-height: 1.45;}
#secd .step__when {font-size: 12.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--yellow);}
#secd .step__what {font-size: 18px; line-height: 1.25;}
#secd .contact {display: flex; flex-direction: column; gap: 22px;}
#secd .contact__main {display: flex; flex-direction: column; gap: 4px;}
#secd .contact__label, #secd .contact__role {font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;}
#secd .contact {container-type: inline-size;}
#secd .contact__line {font-size: 16px; font-size: min(30px, calc(100cqi / 19.6)); font-weight: 800; line-height: 1.2; white-space: nowrap;}
#secd .contact__line a, #secd .contact__people a {text-decoration: none;}
#secd .contact__line a:hover, #secd .contact__people a:hover {text-decoration: underline; text-underline-offset: 3px;}
#secd .contact__people {display: grid; grid-template-columns: 1fr; gap: 10px;}
#secd .contact__people li {display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 18px; background: rgba(11,11,13,.88); color: var(--white); min-width: 0;}
#secd .contact__people .contact__role {color: var(--pink);}
#secd .contact__people strong {font-size: 18px; line-height: 1.3;}
#secd .contact__people a {font-size: 15px; color: var(--soft); overflow-wrap: anywhere;}
#secd .contact__org {font-size: 14.5px; line-height: 1.5;}
@media (min-width: 760px) {
#secd .contact__people {grid-template-columns: repeat(3, minmax(0, 1fr));}
 }
#secd .follow {display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px;}
#secd .follow__lbl {font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;}
#secd .social {display: flex; flex-wrap: wrap; gap: 10px;}
#secd .social__link {width: 48px; height: 48px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1.5px solid var(--line2); color: var(--white); transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;}
#secd .social__link:hover {background: var(--pink); border-color: var(--pink); color: var(--ink); transform: translateY(-1px);}
#secd .social .ico {width: 22px; height: 22px;}
#secd .social--ink .social__link {border-color: var(--ink); color: var(--ink);}
#secd .social--ink .social__link:hover {background: var(--ink); border-color: var(--ink); color: var(--white);}
#secd .ftr__ist {flex: 0 0 100%; min-width: 0; display: flex; flex-direction: column; gap: 32px; padding-bottom: 32px; border-bottom: 1px solid var(--line);}
#secd .logos {display: flex; flex-direction: column; gap: 14px; min-width: 0;}
#secd .logos__track {--lh: 52px; display: flex; gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin; padding-bottom: 8px;}
#secd .logos__tile {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; padding: 12px 16px; border-radius: 16px; background: #FFFFFF; scroll-snap-align: start;}
#secd .logos__tile img {display: block; height: var(--lh); width: auto; max-width: none;}
@media (min-width: 760px) {
#secd .logos__track {--lh: 62px;}
 }
#secd.is-print .logos__track {flex-wrap: wrap; overflow: visible; --lh: 44px;}
#secd .ftr__ist .label, #secd .logos .label {margin: 0;}
#secd .ftr__ist .note {margin: 0;}
#secd .ftr {border-top: 1px solid var(--line); padding-block: 44px 64px;}
#secd .ftr__in {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 28px 64px; font-size: 13.5px; line-height: 1.55; color: var(--muted);}
#secd .ftr__brand {display: flex; flex-direction: column; gap: 16px; max-width: 44em;}
#secd .ftr__logos {display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px;}
#secd .ftr__logos img {height: 60px; width: auto;}
#secd .ftr__logos img.ftr__spore {height: 19px;}
#secd .ftr__sep {width: 1px; height: 44px; background: var(--line2);}
#secd .ftr__src {max-width: 44em;}
#secd .totop {position: fixed; right: 16px; bottom: 16px; z-index: 40; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--ink2); border: 1px solid var(--line2); color: var(--white); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease, visibility .2s;}
#secd .totop.is-on {opacity: 1; visibility: visible; transform: none;}
#secd .lb, #secd .vd {width: 100vw; height: 100vh; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(6,6,8,.97); color: var(--white); overflow: hidden;}
#secd .lb::backdrop, #secd .vd::backdrop {background: rgba(0,0,0,.85);}
#secd .lb[open], #secd .vd[open] {display: flex; align-items: center; justify-content: center;}
#secd .lb__fig {display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 64px 12px 72px; max-width: 100%; max-height: 100%;}
#secd .lb__img {max-width: min(94vw, 1600px); max-height: calc(100dvh - 170px); width: auto; height: auto; object-fit: contain; border-radius: 10px; user-select: none; touch-action: pan-y;}
#secd .lb__cap {font-size: 15px; color: var(--soft); text-align: center; max-width: 60ch;}
#secd .lb__count {position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); font-size: 13px; color: var(--muted); letter-spacing: .08em;}
#secd .lb__btn {position: absolute; width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(30,30,35,.9); border: 1px solid var(--line2); color: var(--white);}
#secd .lb__btn:hover {background: var(--ink3);}
#secd .lb__close {top: 14px; right: 14px;}
#secd .lb__prev {left: 12px; top: 50%; transform: translateY(-50%);}
#secd .lb__next {right: 12px; top: 50%; transform: translateY(-50%);}
#secd .vd__frame {width: min(94vw, 1280px, calc((100dvh - 140px) * 16 / 9)); aspect-ratio: 16 / 9; background: #000; border-radius: 12px; overflow: hidden;}
#secd .vd__frame iframe {width: 100%; height: 100%; border: 0; display: block;}
#secd .vd--tall .vd__frame {width: min(92vw, 520px, calc((100dvh - 140px) * 9 / 16)); aspect-ratio: 9 / 16;}
#secd.is-js.is-motion [data-reveal] {opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);}
#secd.is-js.is-motion [data-reveal].is-in {opacity: 1; transform: none;}
#secd.is-js.is-motion .vbar__bar {transform: scaleY(0); transition: transform 1.1s cubic-bezier(.2,.7,.2,1);}
#secd.is-js.is-motion .hbar__bar, #secd.is-js.is-motion .cal__bar {transform: scaleX(0); transition: transform 1.1s cubic-bezier(.2,.7,.2,1);}
#secd.is-js.is-motion .is-in .vbar__bar {transform: scaleY(1);}
#secd.is-js.is-motion .is-in .hbar__bar, #secd.is-js.is-motion .is-in .cal__bar {transform: scaleX(1);}
#secd.is-js.is-motion .vbar:nth-child(2) .vbar__bar, #secd.is-js.is-motion .hbar:nth-child(2) .hbar__bar {transition-delay: .08s;}
#secd.is-js.is-motion .vbar:nth-child(3) .vbar__bar, #secd.is-js.is-motion .hbar:nth-child(3) .hbar__bar {transition-delay: .16s;}
#secd.is-js.is-motion .vbar:nth-child(4) .vbar__bar, #secd.is-js.is-motion .hbar:nth-child(4) .hbar__bar {transition-delay: .24s;}
#secd.is-js.is-motion .hbar:nth-child(5) .hbar__bar {transition-delay: .32s;}
#secd.is-js.is-motion .hbar:nth-child(6) .hbar__bar {transition-delay: .4s;}
@media (max-width: 479px) {
#secd .press__list li, #secd .where__list > div {grid-template-columns: 1fr; gap: 4px;}
#secd .hbar {grid-template-columns: 1fr 3.6em; row-gap: 6px;}
#secd .hbar__lbl {grid-column: 1 / -1;}
#secd .partner {border-radius: 24px;}
#secd .btns .btn {flex: 1 1 100%;}
#secd .lb__prev, #secd .lb__next {top: auto; bottom: 10px; transform: none;}
#secd .lb__prev {left: 14px;}
#secd .lb__next {right: 14px;}

}
@media (max-width: 559px) {
#secd .tbl--ed thead {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
#secd .tbl--ed, #secd .tbl--ed tbody {display: block;}
#secd .tbl--ed tr {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 12px; padding: 14px 0; border-bottom: 1px solid var(--line);}
#secd .tbl--ed tr:last-child {border-bottom: 0;}
#secd .tbl.tbl--ed th, #secd .tbl.tbl--ed td {display: block; padding: 0; border: 0; text-align: left !important; white-space: normal;}
#secd .tbl--ed th {grid-column: 1 / -1; font-size: 16px;}
#secd .tbl--ed td::before {content: attr(data-label); display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted);}
#secd .gal__item:not(.gal__item--wide) {overflow: visible; background: none; border-radius: 0;}
#secd .gal__item:not(.gal__item--wide) img {border-radius: 18px;}
#secd .gal__item:not(.gal__item--wide) .gal__cap {position: static; display: block; max-width: none; padding: 8px 2px 0; background: none; border-radius: 0; color: var(--soft); font-size: 13.5px;}
#secd .gal__item:not(.gal__item--wide):hover img {transform: none;}

}
@media (max-width: 759px) {
#secd .tbl--cmp[data-show] th:not(:first-child), #secd .tbl--cmp[data-show] td {display: none;}
#secd .tbl--cmp[data-show="2"] th:nth-child(2), #secd .tbl--cmp[data-show="2"] td:nth-child(2), #secd .tbl--cmp[data-show="3"] th:nth-child(3), #secd .tbl--cmp[data-show="3"] td:nth-child(3), #secd .tbl--cmp[data-show="4"] th:nth-child(4), #secd .tbl--cmp[data-show="4"] td:nth-child(4), #secd .tbl--cmp[data-show="5"] th:nth-child(5), #secd .tbl--cmp[data-show="5"] td:nth-child(5) {display: table-cell;}
#secd .tbl--cmp th[scope="row"] {min-width: 0; width: 42%;}
#secd .tbl--cmp td {min-width: 0;}

}
@media (min-width: 560px) {
#secd .stats--3 {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .cards--3, #secd .cards--4 {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .artists {grid-template-columns: repeat(3, minmax(0, 1fr));}
#secd .steps {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .media__list {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .calc__out {grid-template-columns: repeat(3, minmax(0, 1fr));}

}
@media (min-width: 760px) {
#secd .seg {display: none !important;}
#secd .tiers {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .partners__list {grid-template-columns: repeat(3, minmax(0, 1fr));}
#secd .press__list, #secd .where__list {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .reasons {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .calc__fields {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .kv > div {grid-template-columns: 7.5em 1fr; gap: 16px;}
#secd .cal__axis, #secd .cal__row {grid-template-columns: 15em 1fr; gap: 16px; align-items: center;}
#secd .cal__spacer {display: block;}
#secd .cal__lbl em {display: inline;}
#secd .cal__lbl em::before {content: " · ";}
#secd .gal {grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;}
#secd .gal__cap {font-size: 13.5px;}
#secd .artbonus {grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);}

}
@media (min-width: 960px) {
#secd .hero__grid, #secd .sec__head--split, #secd .grid2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .grid2--wide {grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);}
#secd .stats--4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
#secd .stats--3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
#secd .cards--3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
#secd .artists {grid-template-columns: repeat(4, minmax(0, 1fr));}
#secd .steps {grid-template-columns: repeat(5, minmax(0, 1fr));}
#secd .media__list {grid-template-columns: repeat(3, minmax(0, 1fr));}
#secd .hdr__logo--full {display: block; height: 22px;}
#secd .hdr__logo--sec {display: none;}

}
@media (min-width: 1100px) {
#secd .cards--4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
#secd .tiers {grid-template-columns: repeat(4, minmax(0, 1fr));}
#secd .artists {grid-template-columns: repeat(6, minmax(0, 1fr));}

}
@media (min-width: 1280px) {
#secd .hdr__toggle {display: none;}
#secd .hdr__nav {display: flex; position: static; flex-direction: row; align-items: center; gap: 4px 14px; padding: 0; background: none; border: 0; max-height: none; overflow: visible;}
#secd .hdr__nav a:not(.btn) {min-height: 44px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; border: 0;}
#secd .hdr__nav a:not(.btn):hover {color: var(--pink);}
#secd .hdr__cta {margin: 0 0 0 4px; min-height: 44px; padding-inline: 18px;}

}
#secd .hdr__brand {flex-shrink: 0;}
@media (prefers-reduced-motion: reduce) {
#secd *, #secd *::before, #secd *::after {transition-duration: .01ms !important; animation-duration: .01ms !important;}

}
@media print {
#secd .hdr, #secd .totop, #secd .lb, #secd .vd, #secd .seg, #secd .skip {display: none !important;}
#secd .cover__bg {display: none;}
#secd [data-reveal] {opacity: 1 !important; transform: none !important;}

}
body.secd-lock {overflow: hidden;}
body.admin-bar #secd .hdr {top: calc(var(--top) + 32px);}
@media (max-width: 782px) {
body.admin-bar #secd .hdr {top: calc(var(--top) + 46px);}
 }
@media (max-width: 600px) {
body.admin-bar #secd .hdr {top: var(--top);}
 }
#secd .formats {display: grid; grid-template-columns: 1fr; gap: 10px;}
#secd .format {display: flex; flex-direction: column; gap: 4px; background: rgba(11,11,13,.86); color: var(--white); border-radius: 20px; padding: 18px 20px;}
#secd .format strong {font-size: 18px; line-height: 1.25;}
#secd .format span {font-size: 15px; line-height: 1.45; color: var(--soft);}
#secd .strip {padding-block: clamp(40px, 6vw, 72px) clamp(48px, 7vw, 88px);}
#secd .strip__head {display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px;}
#secd .strip__head .label {margin: 0;}
#secd .strip__nav {display: none; gap: 8px;}
#secd .strip__btn {width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1.5px solid var(--line2); color: var(--white);}
#secd .strip__btn:hover {border-color: var(--white);}
#secd .strip__btn:disabled {opacity: .3; cursor: default; border-color: var(--line2);}
#secd .strip__track {display: flex; gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); padding-inline: var(--gutter); padding-bottom: 8px; scrollbar-width: thin;}
#secd .strip__track:focus-visible {outline-offset: -3px;}
#secd .strip__item {position: relative; flex: 0 0 auto; height: clamp(280px, 40vw, 400px); scroll-snap-align: start; border-radius: 20px; overflow: hidden; background: var(--ink2);}
#secd .strip__item img {height: 100%; width: auto; max-width: none; transition: transform .5s ease;}
#secd .strip__item:hover img {transform: scale(1.03);}
#secd .strip .media {margin-top: 28px;}
@media (max-width: 559px) {
#secd .strip__item--wide {height: clamp(200px, 50vw, 280px); align-self: center;}
 }
#secd .reason__body {display: flex; flex-direction: column; gap: 8px; min-width: 0;}
#secd .reason__body .h3 {margin: 0;}
#secd .more {margin-top: 4px;}
#secd .more summary, #secd .more__link {display: inline-flex; align-items: center; gap: 8px; min-height: 40px; font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--yellow); cursor: pointer; list-style: none; text-decoration: none;}
#secd .more summary::-webkit-details-marker {display: none;}
#secd .more summary::after {content: "+"; font-size: 18px; line-height: 1;}
#secd .more[open] summary::after {content: "–";}
#secd .more__link::after {content: "→"; font-size: 16px;}
#secd .more__list {display: flex; flex-direction: column; gap: 10px; padding-top: 6px;}
#secd .more__list li {font-size: 15px; line-height: 1.5; color: var(--soft);}
#secd .more__list strong {color: var(--white);}
#secd .partners--inline {margin-top: clamp(28px, 4vw, 44px);}
#secd .label--light {color: var(--white);}
#secd .partners--inline .claim {margin-top: 20px;}
#secd .accs {display: flex; flex-direction: column; gap: 10px; margin-top: clamp(20px, 3vw, 32px);}
#secd .acc {background: var(--ink2); border-radius: 22px;}
#secd .acc > summary {display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 14px 22px; cursor: pointer; list-style: none; font-size: 17px; font-weight: 700; line-height: 1.35;}
#secd .acc > summary::-webkit-details-marker {display: none;}
#secd .acc > summary::after {content: ""; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--line2); background: no-repeat center / 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); transition: transform .2s ease;}
#secd .acc[open] > summary::after {transform: rotate(180deg);}
#secd .acc > summary:hover::after {border-color: var(--white);}
#secd .acc__body {display: flex; flex-direction: column; gap: 16px; padding: 0 22px 24px;}
#secd .acc .panel {background: var(--ink);}
#secd .acc .calc {margin: 0;}
#secd .acc .cal {margin-bottom: 0;}
#secd .acc .seg {margin-bottom: 4px;}
#secd .xp {display: flex; flex-direction: column; gap: 20px;}
#secd .xp__tabs {display: flex; gap: 6px; overflow-x: auto; padding: 4px; border-radius: 999px; background: var(--ink2); border: 1px solid var(--line); scrollbar-width: none; align-self: flex-start; max-width: 100%;}
#secd .xp__tabs::-webkit-scrollbar {display: none;}
#secd .xp__tab {flex: 0 0 auto; min-height: 44px; padding: 0 18px; border-radius: 999px; font-size: 15px; font-weight: 700; color: var(--soft); white-space: nowrap;}
#secd .xp__tab[aria-selected="true"] {background: var(--pink); color: var(--ink);}
#secd .xp__tab:hover:not([aria-selected="true"]) {color: var(--white); background: var(--ink3);}
#secd .xp__panel {display: flex; flex-direction: column; gap: 16px;}
#secd .xp__panel:focus-visible {outline-offset: 6px;}
#secd .xp__head {display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px;}
#secd .xp__ed {font-size: clamp(24px, 2.6vw, 32px); font-weight: 800; line-height: 1.1;}
#secd .xp__when {font-size: 15px; color: var(--muted);}
#secd .xp__kpis {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
#secd .xp__kpis--3 .xp__kpi:first-child {grid-column: 1 / -1;}
@media (min-width: 960px) {
#secd .xp__kpis--3 .xp__kpi:first-child {grid-column: auto;}
 }
#secd .xp__kpi {background: var(--ink2); border-radius: 20px; padding: 18px; display: flex; flex-direction: column; gap: 6px;}
#secd .xp__kpi--hi {background: var(--blue);}
#secd .xp__kpi b {font-size: clamp(28px, 3vw, 40px); font-weight: 800; line-height: 1; letter-spacing: -0.02em; white-space: nowrap;}
#secd .xp__kpi span {font-size: 14.5px; line-height: 1.4; color: var(--soft);}
#secd .xp__grid {display: grid; grid-template-columns: 1fr; gap: 10px;}
#secd .xp__block {background: var(--ink2); border-radius: 22px; padding: clamp(18px, 2.4vw, 26px); display: flex; flex-direction: column; gap: 14px; min-width: 0;}
#secd .xp__block h4 {margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3;}
#secd .xp__notes {display: flex; flex-direction: column; gap: 8px;}
#secd .xp__notes li {position: relative; padding-left: 16px; font-size: 15px; line-height: 1.5; color: var(--soft);}
#secd .xp__notes li::before {content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--pink);}
#secd .xp .hbar__bar {background: var(--pink);}
#secd .xp .hbar--soft .hbar__bar {background: var(--line2);}
#secd .xp .hbar--soft .hbar__lbl, #secd .xp .hbar--soft .hbar__val {color: var(--muted);}
#secd .xp__names {display: flex; flex-direction: column;}
#secd .xp__names li {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.4;}
#secd .xp__names li:last-child {border-bottom: 0;}
#secd .xp__names strong {min-width: 0; overflow-wrap: anywhere;}
#secd .xp__names span {margin-left: auto; min-width: 0; color: var(--muted); text-align: right;}
#secd .xp__faces {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 10px;}
#secd .xp__face {display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;}
#secd .xp__face .artist__ph {max-width: 120px;}
#secd .xp__face p {font-size: 13.5px; font-weight: 700; line-height: 1.3;}
#secd .xp__face p span {display: block; font-weight: 500; color: var(--muted); margin-top: 2px;}
#secd .xp .chips li b {color: var(--white); margin-left: 6px;}
#secd .xp__mini {display: flex; flex-direction: column;}
#secd .xp__mini li {display: grid; grid-template-columns: 6.5em minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid var(--line);}
#secd .xp__mini li:last-child {border-bottom: 0;}
#secd .xp__mini b {font-size: 19px; font-weight: 800; white-space: nowrap;}
#secd .xp__mini span {font-size: 15px; line-height: 1.45; color: var(--soft);}
#secd .xp__more {background: var(--ink2);}
#secd .xp__src {font-size: 13.5px; color: var(--muted);}
#secd .xp__metrics {display: flex; flex-wrap: wrap; gap: 8px;}
#secd .xp__metric {min-height: 42px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--line2); font-size: 14.5px; font-weight: 700; color: var(--soft);}
#secd .xp__metric[aria-pressed="true"] {background: var(--white); border-color: var(--white); color: var(--ink);}
#secd .xp__chart .vbars {height: clamp(220px, 26vw, 280px);}
#secd .xp__chart .vbar--na .vbar__bar {background: repeating-linear-gradient(45deg, var(--line) 0 6px, transparent 6px 12px); height: 100%;}
#secd .xp__chart .vbar--na .vbar__val {color: var(--muted);}
#secd .xp__chart .vbar--ref .vbar__bar {background: var(--line2);}
#secd .xp__chart .vbar--ref .vbar__val {color: var(--muted);}
#secd .xp__ctitle {font-size: 18px; font-weight: 700;}
#secd .xp__cnote {font-size: 14px; color: var(--muted); max-width: 70ch;}
#secd .xp__side {display: flex; flex-direction: column; gap: 10px; min-width: 0;}
#secd .xp__grid--more .xp__side {display: grid; grid-template-columns: 1fr; gap: 10px;}
@media (max-width: 559px) {
#secd .xp__tabs {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; width: 100%; gap: 4px;}
#secd .xp__tab {padding: 0 8px; font-size: 14px;}
#secd .xp__kpi b {font-size: clamp(23px, 7vw, 30px);}
#secd .xp__faces {display: flex; align-items: flex-start; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory; padding-bottom: 6px; margin-inline: -4px; padding-inline: 4px;}
#secd .xp__face {flex: 0 0 104px; scroll-snap-align: start;}
#secd .steps {gap: 0;}
#secd .step {background: none; color: var(--ink); border-radius: 0; padding: 10px 0 12px 16px; border-left: 2px solid rgba(11,11,13,.45);}
#secd .step__when {color: var(--ink); opacity: .8;}

}
@media (min-width: 560px) {
#secd .formats {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .xp__faces {grid-template-columns: repeat(4, minmax(0, 1fr));}

}
@media (min-width: 760px) {
#secd .strip__nav {display: flex;}
#secd .xp__grid--more .xp__side {grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column: 1 / -1;}
#secd .xp__faces {grid-template-columns: repeat(3, minmax(0, 1fr));}
#secd .strip__track {padding-inline: max(var(--gutter), calc((100% - 1280px) / 2 + var(--gutter))); scroll-padding-inline: max(var(--gutter), calc((100% - 1280px) / 2 + var(--gutter)));}
#secd .xp__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .acc > summary {padding: 16px 26px; font-size: 18px;}
#secd .acc__body {padding: 0 26px 28px;}

}
@media (min-width: 960px) {
#secd .xp__kpis {grid-template-columns: repeat(4, minmax(0, 1fr));}
#secd .xp__kpis--3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
#secd .xp__block--wide {grid-column: 1 / -1;}

}
@media (min-width: 1100px) {
#secd .formats {grid-template-columns: repeat(4, minmax(0, 1fr));}
#secd .xp__faces {grid-template-columns: repeat(4, minmax(0, 1fr));}

}
#secd .reels {margin-top: clamp(28px, 4vw, 44px);}
#secd .reels .label {margin-bottom: 14px;}
#secd .reels__list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
#secd .reel {display: flex; flex-direction: column; justify-content: space-between; gap: 18px; height: 100%; min-height: 170px; padding: 18px 18px 16px; border-radius: 22px; color: var(--white); text-decoration: none !important; transition: transform .2s ease;}
#secd a.reel:hover {transform: translateY(-3px);}
#secd .reel--pink {background: var(--pink); color: var(--ink);}
#secd .reel--blue {background: var(--blue);}
#secd .reel--plum {background: var(--plum);}
#secd .reel--yellow {background: var(--yellow); color: var(--ink);}
#secd .reel__year {font-size: clamp(40px, 5.4vw, 68px); font-weight: 800; line-height: .9; letter-spacing: -0.03em;}
#secd .reel__foot {display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
#secd .reel__lbl {display: flex; flex-direction: column; font-size: 16px; font-weight: 700; line-height: 1.25;}
#secd .reel__lbl span {font-size: 13.5px; font-weight: 500; opacity: .8;}
#secd .reel__play {flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--ink); color: var(--white);}
#secd .reel__play .ico, #secd .reel__btns .ico, #secd .xp__vid .ico {width: 18px; height: 18px;}
#secd .reel__play .ico path, #secd .reel__btns .ico path, #secd .xp__vid .ico path {fill: currentColor; stroke: none;}
#secd .reel__btns {display: flex; gap: 6px; flex-wrap: wrap;}
#secd .reel__btns a {display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px 0 10px; border-radius: 999px; background: var(--ink); color: var(--white); font-size: 14px; font-weight: 700; text-decoration: none !important;}
#secd .reel__btns a:hover, #secd .reel__play:hover {background: var(--ink3);}
#secd .xp__vids {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; width: 100%;}
#secd .xp__vid {display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px 0 12px; border-radius: 999px; background: var(--pink); color: var(--ink); font-size: 14.5px; font-weight: 700; text-decoration: none !important;}
#secd .xp__vid:hover {background: var(--white);}
#secd .musica .stats {margin-bottom: 12px;}
#secd .med {display: grid; grid-template-columns: 1fr; gap: 20px; background: var(--blue); color: var(--white); border-radius: 28px; padding: clamp(22px, 3.4vw, 44px); margin-bottom: 12px;}
#secd .med .eyebrow {color: var(--yellow);}
#secd .med__txt {display: flex; flex-direction: column; gap: 12px;}
#secd .med__txt p:not(.eyebrow) {font-size: 17px; line-height: 1.6; color: rgba(255,255,255,.92);}
#secd .med__places li {display: flex; flex-direction: column; gap: 2px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.28);}
#secd .med__places li:last-child {border-bottom: 0;}
#secd .med__places strong {font-size: 20px; font-weight: 800;}
#secd .med__places span {font-size: 15px; color: rgba(255,255,255,.88);}
#secd .lineup {background: var(--ink2); border-radius: 28px; padding: clamp(20px, 3vw, 36px); margin-top: 0;}
#secd .lineup__head {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px;}
#secd .lineup__filters {display: flex; flex-wrap: wrap; gap: 8px;}
#secd .lineup__filters button {min-height: 42px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--line2); font-size: 14.5px; font-weight: 700; color: var(--soft);}
#secd .lineup__filters button[aria-pressed="true"] {background: var(--white); border-color: var(--white); color: var(--ink);}
#secd .lineup__grid {display: grid; grid-template-columns: 1fr; gap: 6px 28px;}
#secd .lineup__year {font-size: 26px; font-weight: 800; color: var(--pink); padding: 14px 0 4px; border-top: 2px solid var(--line2);}
#secd .lineup__col li {display: flex; flex-direction: column; gap: 1px; padding: 9px 0; border-bottom: 1px solid var(--line); transition: opacity .2s ease;}
#secd .lineup__col li:last-child {border-bottom: 0;}
#secd .lineup__col li strong {font-size: 16px; line-height: 1.3;}
#secd .lineup__col li span {font-size: 14px; color: var(--muted);}
#secd .lineup__col li[data-area="med"] strong::after, #secd .lineup__dot {content: ""; display: inline-block; width: 9px; height: 9px; margin-left: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 2px rgba(60,90,225,.35); vertical-align: middle;}
#secd .lineup__dot {margin: 0 4px 0 0;}
#secd .lineup.is-filtered li:not(.is-on) {opacity: .2;}
#secd .lineup__note {margin-top: 16px; font-size: 14.5px; line-height: 1.55; color: var(--muted);}
@media (max-width: 759px) {
#secd .musica .stat {padding: 16px 18px 18px; gap: 4px;}
#secd .musica .stat__num {font-size: 36px;}
#secd .med__places li {padding: 9px 0;}
#secd .med__places strong {font-size: 18px;}
#secd .lineup {padding-inline: 0; overflow: hidden;}
#secd .lineup__head, #secd .lineup__note {padding-inline: 20px;}
#secd .lineup__grid {display: flex; align-items: flex-start; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; padding: 0 20px 6px;}
#secd .lineup__col {flex: 0 0 78%; scroll-snap-align: start; background: var(--ink3); border-radius: 20px; padding: 0 16px 6px;}
#secd .lineup__year {border-top: 0; padding-top: 14px;}

}
@media (min-width: 760px) {
#secd .reels__list {grid-template-columns: repeat(4, minmax(0, 1fr));}
#secd .reel {min-height: 210px; padding: 22px 22px 18px;}
#secd .lineup__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

}
@media (min-width: 960px) {
#secd .med {grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 40px;}

}
@media (min-width: 1100px) {
#secd .lineup__grid {grid-template-columns: repeat(4, minmax(0, 1fr));}

}
#secd .strip__filters {display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-bottom: 14px;}
#secd .strip__filters::-webkit-scrollbar {display: none;}
#secd .strip__filters button {flex: 0 0 auto; min-height: 40px; padding: 0 15px; border-radius: 999px; border: 1.5px solid var(--line2); font-size: 14px; font-weight: 700; color: var(--soft); white-space: nowrap;}
#secd .strip__filters button[aria-pressed="true"] {background: var(--white); border-color: var(--white); color: var(--ink);}
#secd .strip__item[hidden] {display: none !important;}
#secd .stat--ink {background: var(--ink); color: var(--white);}
#secd .seeds {background: var(--yellow); color: var(--ink);}
#secd .seeds .eyebrow, #secd .seeds .lead {color: var(--ink);}
#secd .seeds .lead {opacity: .9;}
#secd .seeds__stats .stat {background: var(--ink); color: var(--yellow);}
#secd .seeds__stats .stat__lbl {color: rgba(255,255,255,.88); font-weight: 500;}
#secd .seeds__formats {display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 28px;}
#secd .seeds__formats li {padding: 8px 14px; border-radius: 999px; border: 1.5px solid var(--ink); font-size: 14px; font-weight: 700;}
#secd .seeds__head {display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px;}
#secd .seeds__head .label {margin: 0; color: var(--ink);}
#secd .seeds .strip__btn {border-color: var(--ink); color: var(--ink);}
#secd .seeds .strip__btn:hover {background: var(--ink); color: var(--yellow);}
#secd .seeds__track {display: flex; align-items: stretch; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: max(var(--gutter), calc((100% - 1280px) / 2 + var(--gutter))); padding: 0 max(var(--gutter), calc((100% - 1280px) / 2 + var(--gutter))) 10px; scrollbar-width: thin;}
#secd .seed {flex: 0 0 clamp(250px, 72vw, 290px); scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; padding: 20px 20px 22px; border-radius: 22px; color: var(--white);}
#secd .seed--ink {background: var(--ink);}
#secd .seed--pink {background: var(--pink); color: var(--ink);}
#secd .seed--blue {background: var(--blue);}
#secd .seed--plum {background: var(--plum);}
#secd .seed__date {font-size: 30px; font-weight: 800; line-height: 1; letter-spacing: -0.02em;}
#secd .seed--ink .seed__date {color: var(--yellow);}
#secd .seed__place {font-size: 15.5px; font-weight: 700; line-height: 1.3;}
#secd .seed__place span {display: block; font-weight: 500; opacity: .8;}
#secd .seed__acts {display: flex; flex-direction: column; gap: 4px; padding-top: 10px; border-top: 1px solid currentColor; border-top-color: rgba(255,255,255,.3);}
#secd .seed--pink .seed__acts {border-top-color: rgba(11,11,13,.3);}
#secd .seed__acts li {font-size: 16px; font-weight: 700; line-height: 1.3;}
#secd .seed__note {margin-top: auto; font-size: 13.5px; line-height: 1.4; opacity: .85;}
#secd .seeds__foot {margin-top: 16px; font-size: 13.5px; line-height: 1.5; color: rgba(11,11,13,.75); max-width: 90ch;}
@media (min-width: 760px) {
#secd .seeds .strip__nav {display: flex;}
 }
#secd .hero__name {color: var(--pink);}
@media (min-width: 760px) {
#secd .hero__grid {align-items: start;}
#secd .hero__main {grid-column: 1 / -1;}
#secd .hero__title {font-size: clamp(56px, 6.8vw, 92px); max-width: 15ch;}
#secd .hero__side {grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 64px; align-items: center;}

}
#secd .stat--white {background: var(--white); color: var(--ink);}
#secd .stat--white .stat__lbl {color: var(--ink); font-weight: 500;}
#secd .stats--5 {grid-template-columns: repeat(2, minmax(0, 1fr));}
#secd .stats--5 .stat:first-child {grid-column: 1 / -1;}
#secd .stats__note {margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--muted);}
@media (max-width: 379px) {
#secd .stats:not(.stats--3) .stat, #secd .stats--5 .stat {padding: 18px 16px 20px;}
#secd .stats:not(.stats--3) .stat__num, #secd .stats--5 .stat__num {font-size: 30px;}
#secd .seg button {padding: 0 2px; font-size: 12px; letter-spacing: 0;}

}
@media (max-width: 339px) {
#secd .seg button {font-size: 11px;}
 }
#secd .pbrand {display: none;}
#secd.is-print .pbrand {display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 64px; padding-inline: max(var(--gutter), calc((100% - 1280px) / 2 + var(--gutter))); background: var(--ink); border-bottom: 1px solid var(--line);}
#secd.is-print .pbrand img {height: 22px; width: auto;}
#secd.is-print .pbrand span {font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--muted);}
@media (min-width: 760px) {
#secd .stats--5 {grid-template-columns: repeat(6, minmax(0, 1fr));}
#secd .stats--5 .stat {grid-column: span 2;}
#secd .stats--5 .stat:nth-child(-n+2) {grid-column: span 3;}

}
@media (min-width: 1100px) {
#secd .stats--5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
#secd .stats--5 .stat, #secd .stats--5 .stat:nth-child(-n+2) {grid-column: auto;}
#secd .stats--5 .stat__num {font-size: clamp(40px, 3.7vw, 54px);}

}
#secd .format__link {margin-top: 6px; align-self: flex-start; font-size: 14px; font-weight: 700; color: var(--pink); text-decoration: underline; text-underline-offset: 3px;}
#secd .seeds {padding-bottom: clamp(40px, 6vw, 72px);}
#secd .seeds .sec__head {margin-bottom: 18px;}
#secd .scheda__teaser {font-size: 17px; font-weight: 700;}
#secd .scheda__toggle {display: block; list-style: none; cursor: pointer; margin-top: 24px;}
#secd .scheda__toggle::-webkit-details-marker {display: none;}
#secd .scheda__bar {display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 88px; padding: 18px 18px 18px 26px; border-radius: 24px; background: var(--ink); color: var(--white); transition: background-color .15s ease, transform .15s ease;}
#secd .scheda__toggle:hover .scheda__bar {background: #24242a;}
#secd .scheda__toggle:active .scheda__bar {transform: scale(.995);}
#secd .scheda__bar-txt {display: flex; flex-direction: column; gap: 4px; min-width: 0;}
#secd .scheda__open, #secd .scheda__close {font-size: clamp(19px, 2.4vw, 26px); font-weight: 800; line-height: 1.15; letter-spacing: -0.01em;}
#secd .scheda__bar-sub {font-size: 14.5px; line-height: 1.4; color: var(--muted);}
#secd .scheda__bar-ico {flex: 0 0 auto; width: 54px; height: 54px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--yellow); color: var(--ink);}
#secd .scheda__bar-ico .ico {width: 24px; height: 24px; stroke-width: 2.5; transition: transform .2s ease;}
#secd .scheda__toggle:focus-visible {outline: none;}
#secd .scheda__toggle:focus-visible .scheda__bar {outline: 3px solid var(--ink); outline-offset: 3px;}
#secd .scheda__close {display: none;}
#secd .scheda[open] .scheda__open {display: none;}
#secd .scheda[open] .scheda__close {display: block;}
#secd .scheda[open] .scheda__bar-ico .ico {transform: rotate(180deg);}
#secd .scheda__body {padding-top: 28px;}
#secd.is-print .xp__tabs, #secd.is-print .strip__nav, #secd.is-print .xp__metrics {display: none !important;}
#secd.is-print .hdr, #secd.is-print .progress, #secd.is-print .totop, #secd.is-print .skip, #secd.is-print [data-secd-pdf], #secd.is-print [data-secd-hero-video], #secd.is-print [data-secd-calc], #secd.is-print .seg, #secd.is-print .lb, #secd.is-print .vd {display: none !important;}
#secd.is-print [data-reveal] {opacity: 1 !important; transform: none !important; transition: none !important;}
#secd.is-print .xp__panel .xp__ctitle::before {content: "";}
#secd.is-print .acc > summary::after {display: none;}
#secd.is-print .lineup__filters {display: none !important;}
#secd.is-print .strip__filters, #secd.is-print .seeds .strip__nav, #secd.is-print .scheda__toggle, #secd.is-print .format__link {display: none !important;}
#secd.is-print .scheda__body {padding-top: 6px;}
#secd.is-print .strip__item:nth-child(n+18), #secd.is-print .screen-only {display: none !important;}
#secd.is-print .seeds__track {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; padding-inline: max(var(--gutter), calc((100% - 1280px) / 2 + var(--gutter)));}
#secd.is-print .seed {flex: none;}
#secd.is-print .hero__media picture {display: inline; position: static;}
#secd.is-print .hero__media picture::after {display: none;}
#secd.is-print .strip__track {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; padding-inline: max(var(--gutter), calc((100% - 1280px) / 2 + var(--gutter)));}
#secd.is-print .strip__item {height: 230px; width: auto;}
#secd.is-print .strip__item--wide {grid-column: span 2; height: 230px;}
#secd.is-print .strip__item img {width: 100%; height: 100%; object-fit: cover;}
#secd.is-print .strip__item img {transform: none !important;}
#secd .print-only {display: none;}
#secd.is-print .print-only {display: block;}
#secd.is-print .xp__panel[hidden] {display: flex !important;}
#secd.is-print .xp__panel + .xp__panel {margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--line);}
#secd.is-print .strip__track {flex-wrap: wrap; overflow: visible;}
#secd .discover {background: var(--blue); color: var(--white);}
#secd .discover .eyebrow {color: var(--yellow);}
#secd .discover .lead {color: rgba(255,255,255,.94);}
#secd .disc__stats .stat--ink .stat__lbl {color: rgba(255,255,255,.86); font-weight: 500;}
#secd .disc__grid {display: grid; grid-template-columns: 1fr; gap: 12px;}
#secd .disc__rank {background: var(--ink); border-radius: 28px; padding: clamp(22px, 3vw, 36px);}
#secd .disc__rank .h3 {font-size: clamp(22px, 2.2vw, 28px);}
#secd .disc__unit {margin: 4px 0 20px; font-size: 14px; color: var(--muted);}
#secd .dbars {display: grid; gap: 14px;}
#secd .dbar {display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 7px 16px;}
#secd .dbar__name {display: flex; flex-direction: column; gap: 1px; font-size: 16px; font-weight: 700; line-height: 1.3;}
#secd .dbar__name em {font-style: normal; font-size: 13.5px; font-weight: 500; color: var(--muted);}
#secd .dbar__val {font-size: 22px; font-weight: 800; line-height: 1; color: var(--yellow); font-variant-numeric: tabular-nums;}
#secd .dbar__track {grid-column: 1 / -1; height: 10px; border-radius: 999px; background: rgba(255,255,255,.12); overflow: hidden;}
#secd .dbar__fill {display: block; width: calc(var(--v) * 100%); height: 100%; border-radius: 999px; background: var(--yellow);}
#secd .disc__photo {position: relative; margin: 0; aspect-ratio: 4 / 3; border-radius: 28px; overflow: hidden; background: var(--ink);}
#secd .disc__photo img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%;}
#secd .disc__photo figcaption {position: absolute; left: 14px; bottom: 14px; max-width: calc(100% - 28px); padding: 8px 12px; border-radius: 12px; background: rgba(11,11,13,.74); font-size: 13.5px; font-weight: 600; line-height: 1.35;}
#secd .disc__label {margin: clamp(32px, 4vw, 48px) 0 14px;}
#secd .disc__cats {display: grid; grid-template-columns: 1fr; gap: 12px;}
#secd .dcat {display: flex; flex-direction: column; gap: 10px; padding: 22px 20px 24px; border-radius: 24px; background: var(--ink);}
#secd .dcat__name {font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--yellow);}
#secd .dcat__num {display: flex; flex-direction: column; gap: 6px; font-size: clamp(36px, 3.6vw, 48px); font-weight: 700; line-height: 1; letter-spacing: -.02em;}
#secd .dcat__num span {font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.4; color: var(--muted);}
#secd .dcat__track {display: block; height: 8px; border-radius: 999px; background: rgba(255,255,255,.12); overflow: hidden;}
#secd .dcat__fill {display: block; width: calc(var(--v) * 100%); height: 100%; border-radius: 999px; background: var(--yellow);}
#secd .dcat__meta {font-size: 15px; font-weight: 700;}
#secd .dcat__list {font-size: 14px; line-height: 1.6; color: var(--soft);}
#secd .disc__foot {margin-top: 18px; max-width: 90ch; font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.9);}
@media (min-width: 560px) {
#secd .disc__cats {grid-template-columns: repeat(2, minmax(0, 1fr));}
 }
@media (min-width: 960px) {
#secd .disc__grid {grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);}
#secd .disc__photo {aspect-ratio: auto; min-height: 360px;}

}
@media (min-width: 1100px) {
#secd .disc__cats {grid-template-columns: repeat(4, minmax(0, 1fr));}
 }
#secd .hdr__nav a, #secd .hdr__tag {white-space: nowrap;}
@media (min-width: 1280px) {
#secd .hdr__tag {display: none;}
 }
#secd .mat__intro {margin-top: clamp(32px, 4.5vw, 56px); display: flex; flex-direction: column; gap: 8px;}
#secd .mat__intro .h3 {font-size: clamp(22px, 2.2vw, 28px); max-width: 40ch;}
#secd .mat__intro .small {max-width: 62rem;}
#secd .mat__intro .scheda__teaser {margin-top: 8px;}
#secd .mat {margin-bottom: clamp(28px, 4vw, 44px);}
#secd .scheda--pink .scheda__bar {background: var(--pink); color: var(--ink);}
#secd .scheda--pink .scheda__toggle:hover .scheda__bar, #secd .scheda--pink.scheda .scheda__toggle:hover .scheda__bar {background: #ff4a83;}
#secd .scheda--pink .scheda__bar-sub {color: rgba(11,11,13,.78);}
#secd .scheda--pink .scheda__bar-ico {background: var(--ink); color: var(--white);}
#secd .scheda--pink .scheda__toggle:focus-visible .scheda__bar {outline-color: var(--white);}
#secd .mat__label {margin: 24px 0 12px;}
#secd .mat .scheda__body > .mat__label:first-child {margin-top: 8px;}
#secd .mat__grid {display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); margin-inline: calc(var(--gutter) * -1); padding: 0 var(--gutter) 6px; scrollbar-width: thin;}
#secd .mat__item {flex: 0 0 62%; scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; color: inherit; text-decoration: none !important;}
#secd .mat__item--wide3, #secd .mat__item--wide2 {flex-basis: 86%;}
#secd .mat__ph {display: block; position: relative; aspect-ratio: 4 / 5; border-radius: 18px; overflow: hidden; background: var(--ink2);}
#secd .mat__item--wide3 .mat__ph, #secd .mat__item--wide2 .mat__ph {aspect-ratio: 16 / 9;}
#secd .mat__ph img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease;}
#secd .mat__item:hover .mat__ph img {transform: scale(1.03);}
#secd .mat__item:focus-visible {outline: none;}
#secd .mat__item:focus-visible .mat__ph {outline: 3px solid var(--focus); outline-offset: 3px;}
#secd .mat__cap {display: flex; flex-direction: column; gap: 2px;}
#secd .mat__cap strong {font-size: 15.5px; line-height: 1.3;}
#secd .mat__cap span {font-size: 13.5px; line-height: 1.4; color: var(--muted);}
#secd .mat__stat {flex: 0 0 62%; scroll-snap-align: start; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; padding: 22px 20px; border-radius: 18px; background: var(--pink); color: var(--ink); aspect-ratio: 4 / 5;}
#secd .mat__num {font-size: clamp(44px, 5vw, 64px); font-weight: 700; line-height: 1; letter-spacing: -.02em;}
#secd .mat__stat p:last-child {font-size: 15px; line-height: 1.4; font-weight: 500;}
@media (min-width: 960px) {
#secd .mat__grid {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; margin-inline: 0; padding: 0;}
#secd .mat__item, #secd .mat__stat {flex: none;}
#secd .mat__item--wide3 {grid-column: span 3;}
#secd .mat__item--wide2 {grid-column: span 2;}
#secd .mat__grid--citta .mat__ph {aspect-ratio: auto; height: clamp(220px, 21vw, 300px);}
#secd .mat__stat {grid-column: span 1; aspect-ratio: auto; height: clamp(220px, 21vw, 300px); align-self: start; padding: 18px;}
#secd .mat__stat .mat__num {font-size: clamp(40px, 4vw, 54px);}
#secd .mat__stat p:last-child {font-size: 14px;}

}
#secd.is-print .mat__item .mat__ph img {transform: none !important;}
#secd .scheda--yellow .scheda__bar {background: var(--yellow); color: var(--ink);}
#secd .scheda--yellow .scheda__toggle:hover .scheda__bar {background: #f2f200;}
#secd .scheda--yellow .scheda__bar-sub {color: rgba(11,11,13,.78);}
#secd .scheda--yellow .scheda__bar-ico {background: var(--ink); color: var(--yellow);}
#secd .scheda--yellow .scheda__toggle:focus-visible .scheda__bar {outline-color: var(--white);}
#secd .piano {margin-bottom: 8px;}
#secd .piano__body {display: flex; flex-direction: column; gap: 12px;}
#secd .pcard {background: var(--ink2); border-radius: 24px; padding: clamp(20px, 3vw, 32px);}
#secd .pcard__head {display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px;}
#secd .pcard .eyebrow {color: var(--yellow);}
#secd .pcard__title {font-size: clamp(20px, 2vw, 26px); line-height: 1.2; font-weight: 700;}
#secd .ooh {display: grid; grid-template-columns: 1fr; gap: 24px;}
#secd .ooh__list li {display: grid; grid-template-columns: clamp(58px, 6.2vw, 84px) 1fr; gap: 16px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--line);}
#secd .ooh__list li:first-child {padding-top: 0;}
#secd .ooh__list li:last-child {border-bottom: 0;}
#secd .ooh__n {font-size: clamp(26px, 2.6vw, 34px); font-weight: 800; line-height: 1; letter-spacing: -.02em; color: var(--yellow); text-align: right; font-variant-numeric: tabular-nums;}
#secd .ooh__train .ooh__n {color: var(--pink);}
#secd .ooh__t {display: flex; flex-direction: column; gap: 2px;}
#secd .ooh__t strong {font-size: 16px; line-height: 1.3;}
#secd .ooh__t span {font-size: 14px; line-height: 1.45; color: var(--muted);}
#secd .ooh__map .label {margin-bottom: 10px;}
#secd .prov li {display: flex; flex-direction: column; gap: 3px; padding: 11px 14px; border-radius: 14px; background: var(--ink3); margin-bottom: 8px;}
#secd .prov strong {font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--yellow);}
#secd .prov span {font-size: 14.5px; line-height: 1.45;}
#secd .piano__two {display: grid; grid-template-columns: 1fr; gap: 12px;}
#secd .funnel {display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px;}
#secd .funnel li {display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: baseline;}
#secd .funnel__bar {grid-column: 1 / -1; display: block; height: 12px; width: calc(var(--w) * 100%); min-width: 14px; border-radius: 999px; background: var(--yellow); margin-bottom: 6px;}
#secd .funnel li:nth-child(2) .funnel__bar {background: rgba(255,255,11,.7);}
#secd .funnel li:nth-child(3) .funnel__bar {background: rgba(255,255,11,.45);}
#secd .funnel__n {font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums;}
#secd .funnel__l {font-size: 14px; color: var(--muted);}
#secd .pmini li {display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 12px; align-items: baseline; padding: 10px 0; border-top: 1px solid var(--line);}
#secd .pmini strong {font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums;}
#secd .pmini--big li {grid-template-columns: 82px minmax(0, 1fr);}
#secd .pmini span {font-size: 14px; line-height: 1.45; color: var(--soft);}
#secd .pmini--big strong {font-size: 24px; color: var(--yellow);}
#secd .piano__src {font-size: 13px; line-height: 1.5; color: var(--muted); max-width: 90ch;}
@media (min-width: 960px) {
#secd .ooh {grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 40px;}
#secd .piano__two {grid-template-columns: 1fr 1fr;}

}
#secd .scheda--blue .scheda__bar {background: var(--blue); color: var(--white);}
#secd .scheda--blue .scheda__toggle:hover .scheda__bar {background: #4d6aec;}
#secd .scheda--blue .scheda__bar-sub {color: rgba(255,255,255,.86);}
#secd .scheda--blue .scheda__bar-ico {background: var(--white); color: var(--blue);}
#secd .scheda--blue .scheda__toggle:focus-visible .scheda__bar {outline-color: var(--yellow);}
#secd .fil {margin-bottom: 8px;}
#secd .fil__body {display: flex; flex-direction: column; gap: 12px;}
#secd .fil__kpi {margin-bottom: 0;}
#secd .fil__kpi .stat__num {font-size: clamp(34px, 3.6vw, 52px);}
#secd .fil__geo-in {display: grid; grid-template-columns: 1fr; gap: 24px;}
#secd .fil__map {margin: 0;}
#secd .fmap {display: block; width: 100%; height: auto; border-radius: 16px;}
#secd .fm-sea {fill: #0f1524;}
#secd .fm-neigh {fill: #18181d; stroke: #2c2c33; stroke-width: .6;}
#secd .fm-com {fill: #222228; stroke: #34343c; stroke-width: .5;}
#secd .fm-hit {fill: var(--blue); fill-opacity: var(--o); stroke: #7f93f2; stroke-width: .7;}
#secd .fm-home {fill: var(--pink); fill-opacity: 1; stroke: #ff7aa3;}
#secd .fm-ring {fill: none; stroke: var(--yellow); stroke-width: 1.4; stroke-dasharray: 5 6; opacity: .85;}
#secd .fm-ringl {fill: var(--yellow); font-size: 13px; font-weight: 700; letter-spacing: .04em;}
#secd .fm-star {fill: var(--yellow); stroke: var(--ink); stroke-width: 2;}
#secd .fm-dot {fill: var(--white);}
#secd .fm-lbl {fill: var(--white); font-size: 15px; font-weight: 600; paint-order: stroke; stroke: rgba(11,11,13,.9); stroke-width: 3.5px; stroke-linejoin: round;}
#secd .fm-lbl--home {font-size: 19px; font-weight: 800;}
#secd .fm-n {fill: var(--yellow); font-weight: 800;}
#secd .fm-loc-land {fill: #2a2a31; stroke: #4a4a54; stroke-width: .6;}
#secd .fm-loc-win {fill: rgba(255,255,11,.18); stroke: var(--yellow); stroke-width: 1.5;}
#secd .fm-loc-dot {fill: var(--blue); stroke: var(--white); stroke-width: 1;}
#secd .fm-loc-t {fill: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;}
#secd .fil__rank .label {margin-bottom: 10px;}
#secd .fbar li {display: grid; grid-template-columns: minmax(7.5em, 9.5em) minmax(0, 1fr) 2.4em; gap: 12px; align-items: center; padding: 7px 0;}
#secd .fbar__l {font-size: 14.5px; line-height: 1.3;}
#secd .fbar__t {height: 10px; background: var(--ink3); border-radius: 999px; overflow: hidden;}
#secd .fbar__b {display: block; height: 100%; width: calc(var(--v) * 100%); min-width: 6px; background: var(--blue); border-radius: 999px;}
#secd .fbar li:first-child .fbar__b {background: var(--pink);}
#secd .fbar__rest .fbar__b {background: #59628f;}
#secd .fbar__n {text-align: right; font-weight: 800; font-variant-numeric: tabular-nums;}
#secd .fil__rank .small {margin-top: 12px; line-height: 1.5;}
#secd .fil__sect-head {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 24px; margin: 16px 0 14px;}
#secd .fil__legend {display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--muted);}
#secd .fil__dot {width: 9px; height: 9px; border-radius: 50%; background: var(--yellow); display: inline-block;}
#secd .fil__grid {display: grid; grid-template-columns: 1fr; gap: 12px;}
#secd .fil__card {display: flex; flex-direction: column; gap: 8px; padding: 22px; border-radius: 20px; background: var(--ink2);}
#secd .fil__n {font-size: 34px; font-weight: 800; line-height: 1; letter-spacing: -.02em;}
#secd .fil__n span {display: block; margin-top: 6px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted);}
#secd .fil__title {font-size: 19px; font-weight: 700; line-height: 1.25; margin-top: 6px;}
#secd .fil__txt {font-size: 14px; line-height: 1.5; color: var(--soft);}
#secd .fil__names {display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px;}
#secd .fil__names li {display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; background: var(--ink3); font-size: 13.5px; line-height: 1.3;}
#secd .fil__names li span {font-size: 12.5px; color: var(--muted);}
#secd .fil__names .fil__loyal::before {content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--yellow);}
#secd .fil__names .fil__more {background: transparent; color: var(--muted); padding-inline: 4px;}
#secd .fil__cta {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; padding: 26px; border-radius: 20px; background: var(--blue); color: var(--white);}
#secd .fil__cta p:not(.eyebrow):not(.fil__cta-t) {max-width: 60ch; font-size: 15.5px; line-height: 1.5;}
#secd .fil__cta .eyebrow {color: var(--yellow);}
#secd .fil__cta-t {font-size: clamp(24px, 2.6vw, 34px); font-weight: 800; line-height: 1.1; letter-spacing: -.01em;}
#secd .fil__cta .btn {flex: 0 0 auto; margin-top: 8px;}
@media (min-width: 720px) {
#secd .fil__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

}
@media (min-width: 960px) {
#secd .fil__geo-in {grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 36px; align-items: center;}

}
@media (min-width: 1200px) {
#secd .fil__grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
#secd .fil__cta {grid-column: span 2; padding: 32px 36px;}

}
@media (max-width: 599px) {
#secd .fm-lbl {font-size: 27px; stroke-width: 5px;}
#secd .fm-lbl--home {font-size: 31px;}
#secd .fm-lbl--minor, #secd .fm-loc-t {display: none;}
#secd .fm-ringl {font-size: 19px;}

}
#secd .hs {position: relative; min-width: 0;}
#secd .hs__btn {position: absolute; top: var(--hs-y, 50%); z-index: 3; display: none; align-items: center; justify-content: center; width: 46px; height: 46px; margin-top: -23px; border-radius: 50%; background: rgba(11,11,13,.84); color: var(--white); border: 1.5px solid rgba(255,255,255,.3); box-shadow: 0 6px 18px rgba(0,0,0,.35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); cursor: pointer; transition: opacity .2s ease, border-color .15s ease, background-color .15s ease;}
#secd .hs--on > .hs__btn {display: inline-flex;}
#secd .hs__btn--prev {left: 4px;}
#secd .hs__btn--next {right: 4px;}
#secd .hs__btn:hover {border-color: var(--white); background: rgba(30,30,35,.92);}
#secd .hs__btn:disabled {opacity: .28; cursor: default; border-color: rgba(255,255,255,.3);}
#secd .hs__btn:focus-visible {outline: 3px solid var(--focus); outline-offset: 2px;}
#secd .hs__btn .ico {width: 22px; height: 22px;}
#secd .logos .hs {padding-inline: 56px;}
#secd .logos .hs__btn--prev {left: 0;}
#secd .logos .hs__btn--next {right: 0;}
@media (max-width: 759px) {
#secd .hs__btn {width: 30px; height: 50px; margin-top: -25px; box-shadow: 0 4px 14px rgba(0,0,0,.35);}
#secd .hs__btn--prev {left: 0; border-radius: 0 16px 16px 0; border-left: 0;}
#secd .hs__btn--next {right: 0; border-radius: 16px 0 0 16px; border-right: 0;}
#secd .mat .hs__btn--prev, #secd .logos .hs__btn--prev {left: calc(var(--gutter) * -1);}
#secd .mat .hs__btn--next, #secd .logos .hs__btn--next {right: calc(var(--gutter) * -1);}
#secd .hs__btn .ico {width: 18px; height: 18px;}
#secd .hs__btn:disabled {opacity: 0; pointer-events: none;}
#secd .logos .hs {padding-inline: 0;}

}
#secd.is-print .hs__btn {display: none !important;}
#secd.is-print .logos .hs {padding-inline: 0;}
#secd .hero__btns {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
#secd .hero__btns .btn {padding-inline: 14px;}
#secd .fml__intro {margin-top: 0;}
#secd .fml__body .tiers {margin-top: 0;}
#secd .ab__intro .eyebrow {color: var(--yellow);}
#secd .ab__body > .small:first-child {margin-bottom: 16px;}
#secd .hdr__lang {display: flex; align-items: center; gap: 2px; margin-left: auto; padding: 3px; border-radius: 999px; border: 1.5px solid var(--line2);}
#secd .hdr__lang a {display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 36px; padding: 0 8px; border-radius: 999px; font-size: 13px; font-weight: 800; letter-spacing: .08em; color: var(--muted); text-decoration: none;}
#secd .hdr__lang a:hover {color: var(--white);}
#secd .hdr__lang a[aria-current="true"] {background: var(--white); color: var(--ink);}
#secd .hdr__lang a:focus-visible {outline: 3px solid var(--focus); outline-offset: 2px;}
#secd.is-print .hdr__lang {display: none !important;}
@media (min-width: 1280px) {
#secd .hdr__nav {order: 2; margin-left: auto;}
#secd .hdr__lang {order: 3; margin-left: 4px;}

}
#secd .stat--link {position: relative; transition: transform .2s ease, box-shadow .2s ease;}
#secd .stat--link:hover {transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.28);}
#secd .stat__a {display: flex; flex-direction: column; gap: 8px; height: 100%; color: inherit; text-decoration: none !important;}
#secd .stat__a::after {content: ""; position: absolute; inset: 0; border-radius: inherit;}
#secd .stat__a:focus-visible {outline: none;}
#secd .stat__a:focus-visible::after {outline: 3px solid var(--focus); outline-offset: 3px;}
#secd .stat--link .stat__lbl {padding-right: 30px;}
#secd .stat__go {position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid currentColor; opacity: .7; pointer-events: none; transition: opacity .2s ease, transform .2s ease;}
#secd .stat__go .ico {width: 13px; height: 13px; stroke-width: 2.4;}
#secd .stat--link:hover .stat__go {opacity: 1; transform: translate(2px, -2px);}
#secd.is-print .stat__go {display: none !important;}
@media (max-width: 599px) {
#secd .stat--link .stat__lbl {padding-right: 0;}
#secd .stats .stat.stat--link {padding-bottom: 50px;}
#secd .stat__go {right: 12px; bottom: 12px;}

}
#secd .reel {position: relative; isolation: isolate; overflow: hidden;}
#secd .reel--pink {--reel: 255, 45, 110;}
#secd .reel--blue {--reel: 60, 90, 225;}
#secd .reel--plum {--reel: 145, 30, 105;}
#secd .reel--yellow {--reel: 255, 255, 11;}
#secd .reel__img {position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease;}
#secd .reel.has-img {background: var(--ink);}
#secd .reel.has-img::before {content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to bottom, rgba(var(--reel), .66) 0%, rgba(var(--reel), .74) 40%, rgba(var(--reel), .93) 78%); transition: opacity .3s ease;}
#secd a.reel.has-img:hover::before {opacity: .86;}
#secd a.reel.has-img:hover .reel__img {transform: scale(1.05);}
#secd .ftr__home {display: inline-flex; border-radius: 6px; transition: opacity .2s ease;}
#secd .ftr__home:hover {opacity: .75;}
#secd .cover--ink {--ov: var(--ink); --ov-o: .84;}
#secd .pt .eyebrow {color: var(--yellow);}
#secd .pt .lead {color: var(--soft);}
#secd .pt .stats {margin-bottom: 12px;}
#secd .pt__grid {display: grid; grid-template-columns: 1fr; gap: 12px;}
#secd .pt__card {background: rgba(22,22,26,.9); border: 1px solid var(--line); border-radius: 24px; padding: clamp(20px, 2.6vw, 28px); display: flex; flex-direction: column; gap: 14px; min-width: 0;}
#secd .pt__card .h3 {display: flex; align-items: center; gap: 12px;}
#secd .pt__ico {flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--yellow); color: var(--ink);}
#secd .pt__ico .ico {width: 19px; height: 19px; stroke-width: 2.2;}
#secd .pt__list {display: flex; flex-direction: column; gap: 10px;}
#secd .pt__list li {position: relative; padding-left: 20px; font-size: 15.5px; line-height: 1.5; color: var(--soft);}
#secd .pt__list li::before {content: ""; position: absolute; left: 1px; top: .58em; width: 8px; height: 8px; border-radius: 50%; background: var(--yellow);}
#secd .pt__note {margin-top: 20px; color: rgba(255,255,255,.78);}
@media (min-width: 768px) {
#secd .pt__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
 }
@media (max-width: 599px) {
#secd .pt .stats .stat__num.stat__num--long {font-size: clamp(26px, 8.2vw, 36px);}
#secd .pt .stat__lbl {-webkit-hyphens: auto; hyphens: auto;}

}
@media (max-width: 379px) {
#secd .pt .stats {grid-template-columns: 1fr;}
#secd .pt .stats .stat__num.stat__num--long {font-size: 30px;}

}
#secd .pt__scheda {position: relative; z-index: 2;}
#secd .pt .scheda__teaser {color: var(--white);}
#secd.is-print .pt .scheda__teaser {display: none !important;}
#secd .age__intro {margin-top: clamp(40px, 5vw, 64px);}
#secd .age__fig {margin: 20px 0 0; background: var(--ink2); border-radius: 22px; padding: clamp(18px, 2.6vw, 30px); display: flex; flex-direction: column; gap: 18px;}
#secd .age__legend {display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13.5px; font-weight: 600; color: var(--soft);}
#secd .age__legend li {display: inline-flex; align-items: center; gap: 8px;}
#secd .age__sw {flex: 0 0 auto; width: 12px; height: 12px; border-radius: 3px;}
#secd .age__rows {display: flex; flex-direction: column; gap: 14px;}
#secd .age__row {display: grid; grid-template-columns: 3.2em minmax(0, 1fr) 8em; align-items: center; gap: 14px; font-size: 16px;}
#secd .age__yr {font-weight: 800; font-variant-numeric: tabular-nums;}
#secd .age__bar {display: flex; height: 34px; border-radius: 10px; overflow: hidden; background: var(--ink3);}
#secd .age__seg {flex: 0 0 calc(var(--w) * 1%); min-width: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums;}
#secd .age__seg + .age__seg {box-shadow: inset 2px 0 0 var(--ink2);}
#secd .age__seg--sm, #secd .age__seg--md {font-size: 0;}
@media (min-width: 760px) {
#secd .age__seg--md {font-size: 12.5px;}
 }
#secd .age__seg--1, #secd .age__sw--1 {background: var(--yellow); color: var(--ink);}
#secd .age__seg--2, #secd .age__sw--2 {background: var(--pink); color: var(--ink);}
#secd .age__seg--3, #secd .age__sw--3 {background: var(--blue); color: var(--white);}
#secd .age__seg--4, #secd .age__sw--4 {background: var(--plum); color: var(--white);}
#secd .age__seg--5, #secd .age__sw--5 {background: #55555F; color: var(--white);}
#secd .age__u30 {display: flex; flex-direction: column; line-height: 1.15;}
#secd .age__u30 b {font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums;}
#secd .age__u30 span {font-size: 12.5px; color: var(--muted);}
#secd .age__note {font-size: 13.5px; line-height: 1.5; color: var(--muted); max-width: 80ch;}
#secd .age__more {margin-top: 12px;}
@media (max-width: 559px) {
#secd .age__row {grid-template-columns: auto minmax(0, 1fr); row-gap: 8px;}
#secd .age__yr {grid-column: 1; grid-row: 1;}
#secd .age__u30 {grid-column: 2; grid-row: 1; flex-direction: row; align-items: baseline; justify-content: flex-end; gap: 8px;}
#secd .age__u30 b {font-size: 18px;}
#secd .age__bar {grid-column: 1 / -1; grid-row: 2; height: 30px;}
#secd .age__more .acc__body {padding: 0 14px 18px;}
#secd .age__more .tbl {font-size: 14px;}
#secd .age__more .tbl th, #secd .age__more .tbl td {padding: 10px 5px;}

}