/* CC Pack 3 · generato da design-2027/pack_css.py, non modificare a mano */
:root:root .cc-pp-more{display:grid; gap:10px; color:var(--cc-text-dark-2); max-width:56ch}
:root:root .cc-pp-more p:not(:first-child){display:none}
:root:root .cc-pp-more.cc-is-open p{display:block}
:root:root .cc-pp-more button{justify-self:start; background:none; border:0; padding:4px 0; color:var(--cc-accent-dark); font:700 .78rem/1 var(--cc-font-body); letter-spacing:.1em; text-transform:uppercase; cursor:pointer}
:root:root .cc-allest{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:56px; align-items:start}
:root:root .cc-allest__txt{display:grid; gap:16px}
:root:root .cc-allest .cc-anat__img{position:sticky; top:150px}
@media (max-width:960px){:root:root .cc-allest{grid-template-columns:1fr; gap:32px}
:root:root .cc-allest .cc-anat__img{position:relative; top:auto; order:-1}}
:root:root .cc-perf{display:grid; grid-template-columns:minmax(0,1fr); gap:40px; align-items:start}
:root:root .cc-reels{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
@media (max-width:1100px){:root:root .cc-perf{grid-template-columns:1fr}}
:root:root .cc-reel{display:grid; gap:12px}
:root:root .cc-reel video{width:100%; aspect-ratio:9/16; max-height:88vh; object-fit:cover; border-radius:var(--cc-r-md); background:var(--cc-panel); display:block}
:root:root .cc-reel span{font:600 .78rem/1.2 var(--cc-font-body); letter-spacing:.08em; text-transform:uppercase; color:var(--cc-text-dark-2)}
@media (max-width:760px){:root:root .cc-reels{grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:80%; overflow-x:auto; scroll-snap-type:x mandatory}
:root:root .cc-reel{scroll-snap-align:start}}
:root:root .cc-feat{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:64px; align-items:center}
:root:root .cc-feat + .cc-feat{margin-top:88px}
:root:root .cc-feat--rev{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
:root:root .cc-feat--rev > :first-child{order:2}
:root:root .cc-feat__txt{display:grid; gap:16px; align-content:start}
:root:root .cc-feat__txt h3{font:900 clamp(1.5rem,2.6vw,2.4rem)/1 var(--cc-font-display); font-stretch:72%; text-transform:uppercase; text-wrap:balance}
:root:root .cc-on-light .cc-feat__txt h3,:root:root .cc-light .cc-feat__txt h3{color:var(--cc-ink)}
:root:root .cc-feat__txt p{color:var(--txt-2)}
:root:root .cc-media{position:relative; border-radius:var(--cc-r-md); overflow:hidden; background:var(--cc-panel)}
:root:root .cc-media img,:root:root .cc-media video{width:100%; display:block; aspect-ratio:16/9; object-fit:cover}
:root:root .cc-media--sq img{aspect-ratio:1/1}
:root:root .cc-duo{display:grid; grid-template-columns:1fr 1fr; gap:16px}
@media (max-width:640px){:root:root .cc-duo--stack{grid-template-columns:1fr}
:root:root .cc-embed__play i{width:48px; height:48px}}
:root:root .cc-embed{position:relative; display:block; width:100%; padding:0; border:0; background:none; cursor:pointer; border-radius:var(--cc-r-md); overflow:hidden; color:var(--cc-white)}
:root:root .cc-embed img{width:100%; aspect-ratio:16/9; object-fit:cover; display:block; transition:filter var(--cc-micro) ease}
:root:root .cc-embed:hover img{filter:brightness(.85)}
:root:root .cc-embed__play{position:absolute; left:20px; bottom:20px; display:flex; align-items:center; gap:12px; font:700 .74rem/1 var(--cc-font-body); letter-spacing:.1em; text-transform:uppercase}
:root:root .cc-embed__play i{width:56px; height:56px; border-radius:50%; background:var(--cc-accent); display:grid; place-items:center}
:root:root .cc-embed__play i::before{content:""; margin-left:4px; border-left:16px solid var(--cc-white); border-top:10px solid transparent; border-bottom:10px solid transparent}
:root:root .cc-feats3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:48px}
:root:root .cc-feats3 div{display:grid; gap:12px; align-content:start; padding-top:16px; border-top:2px solid var(--cc-white)}
:root:root .cc-feats3 h3{font:700 1.05rem/1.25 var(--cc-font-body); letter-spacing:.06em; text-transform:uppercase}
:root:root .cc-feats3 p{color:var(--cc-text-dark-2)}
@media (max-width:900px){:root:root .cc-feat,:root:root .cc-feat--rev,:root:root .cc-feats3{grid-template-columns:1fr; gap:24px}
:root:root .cc-feat--rev > :first-child{order:0}
:root:root .cc-feat + .cc-feat{margin-top:56px}}
:root:root .cc-gallery{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:56px}
:root:root .cc-gallery img{width:100%; height:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--cc-r-md)}
:root:root .cc-gallery > :first-child,:root:root .cc-gallery > picture:first-child img{grid-column:span 2; grid-row:span 2}
:root:root .cc-gallery > img:first-child,:root:root .cc-gallery > picture:first-child img{aspect-ratio:auto}
@media (max-width:760px){:root:root .cc-gallery{grid-template-columns:1fr 1fr}}
:root:root .cc-accs{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start}
:root:root .cc-acc{background:var(--cc-panel); border-radius:var(--cc-r-md); padding:26px; display:grid; gap:16px}
:root:root .cc-acc h3{font:700 1.02rem/1.3 var(--cc-font-body); letter-spacing:.05em; text-transform:uppercase}
:root:root .cc-rel{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; margin-top:20px}
:root:root .cc-rel__card{background:var(--cc-panel); border-radius:var(--cc-r-md); padding:12px 12px 22px; display:grid; grid-template-rows:auto auto 1fr auto; gap:14px}
:root:root .cc-rel__card .cc-card__media{background:var(--cc-white)}
:root:root .cc-rel__card h3{padding-inline:8px; font:700 1.05rem/1.25 var(--cc-font-body); letter-spacing:.04em; text-transform:uppercase}
:root:root .cc-rel__card p{padding-inline:8px; color:var(--cc-text-dark-2); font-size:.9rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
:root:root .cc-rel__card .cc-btn{margin-inline:8px; justify-self:start}
:root:root .cc-rel-head{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; gap:16px; margin-top:96px; padding-top:56px; border-top:1px solid var(--cc-line-dark)}
@media (max-width:960px){:root:root .cc-accs,:root:root .cc-rel{grid-template-columns:1fr}}
:root:root .cc-sheet{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr); gap:56px; align-items:start}
:root:root .cc-sheet__side{display:grid; gap:24px; position:sticky; top:150px}
:root:root .cc-sheet__big{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--cc-border); border:1px solid var(--cc-border); border-radius:var(--cc-r-md); overflow:hidden}
:root:root .cc-sheet__big div{background:var(--cc-white); padding:18px 20px; display:grid; gap:6px}
:root:root .cc-sheet__big .cc-num{font-size:2.2rem; font-weight:300; font-stretch:100%; letter-spacing:-.01em; color:var(--cc-ink)}
:root:root .cc-sheet__big small{font:700 .66rem/1.2 var(--cc-font-body); letter-spacing:.12em; text-transform:uppercase; color:var(--cc-muted)}
:root:root .cc-doc{display:flex; align-items:center; gap:16px; padding:18px 20px; border-radius:var(--cc-r-md); background:var(--cc-white); border:1px solid var(--cc-border); text-decoration:none; color:var(--cc-ink)}
:root:root .cc-doc svg{width:24px; height:24px; color:var(--cc-accent); flex:none}
:root:root .cc-doc b{display:block; font-weight:700}
:root:root .cc-doc span{font-size:.82rem; color:var(--cc-muted)}
:root:root .cc-doc .cc-btn{margin-left:auto; min-height:40px; padding:10px 18px}
:root:root .cc-spec{width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; border:1px solid var(--cc-border); border-radius:var(--cc-r-md); overflow:hidden; background:var(--cc-white)}
:root:root .cc-spec th,:root:root .cc-spec td{text-align:left; vertical-align:top; padding:14px 18px; border-bottom:1px solid var(--cc-border); font-size:.92rem}
:root:root .cc-spec tr:last-child th,:root:root .cc-spec tr:last-child td{border-bottom:0}
:root:root .cc-spec th{width:230px; background:var(--cc-surface); font:700 .72rem/1.4 var(--cc-font-body); letter-spacing:.1em; text-transform:uppercase; color:var(--cc-ink)}
:root:root .cc-spec td{color:var(--cc-ink-2)}
:root:root .cc-spec td b{color:var(--cc-ink); font-weight:600}
@media (max-width:960px){:root:root .cc-sheet{grid-template-columns:1fr}
:root:root .cc-sheet__side{position:static}}
@media (max-width:640px){:root:root .cc-spec th,:root:root .cc-spec td{display:block; width:auto}
:root:root .cc-spec th{border-bottom:0; padding-bottom:4px}
:root:root .cc-spec td{padding-top:4px}}
:root:root .cc-guides{display:grid; grid-template-columns:1fr 1fr; gap:20px}
:root:root .cc-guides :is(figure,.cc-figure){margin:0; display:grid; gap:12px}
:root:root .cc-guides :is(figcaption,.cc-figcaption){font:600 .82rem/1.3 var(--cc-font-body); letter-spacing:.06em; text-transform:uppercase; color:var(--cc-text-dark-2)}
@media (max-width:760px){:root:root .cc-guides{grid-template-columns:1fr}}
:root:root .cc-reports--6{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:960px){:root:root .cc-reports--6{grid-template-columns:1fr 1fr}
:root:root .cc-reports--6 .cc-report:last-child{grid-column:auto}}
@media (max-width:640px){:root:root .cc-reports--6{grid-template-columns:1fr}}
@media (pointer:coarse),(max-width:960px){:root:root .cc-pp-more button{min-height:44px}}
@media (max-width:960px){:root:root .cc-sheet__big small{font-size:.78rem}
:root:root .cc-embed__play,:root:root .cc-spec th{font-size:.8rem}}
:root:root .cc-anom{margin-top:16px; padding:14px 16px; border-radius:var(--cc-r-sm); background:#FFF8E6; color:#8A6A0A; font-size:.84rem}
