.cc-page {background: var(--color-bg-primary);} 

.cc-hero {position: relative;}
.cc-hero-media {height: 80vh;}
.cc-hero-overlay {position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:flex-start; padding: var(--space-4);} 
.cc-hero-text {max-width:420px; display:flex; flex-direction:column; gap: var(--space-2);} 

.cc-premise-col {max-width:640px; margin-left:auto; display:flex; flex-direction:column; gap: var(--space-3);} 

.cc-case1-grid {display:grid; grid-template-columns: 3fr 2fr; gap: var(--space-4); align-items:start;} 
.cc-case1-text {display:flex; flex-direction:column; gap: var(--space-2);} 
.cc-case1-media {width:100%; min-width:0;} 

.cc-fragments-grid {display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-4);} 
.cc-fragment {max-width:280px;} 
.cc-fragment.offset {margin-top: var(--space-4);} 

.cc-motifs-grid {display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-4); text-align:center;} 
.cc-motif {display:flex; flex-direction:column; gap: var(--space-2);} 

.cc-case2-grid {display:grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); align-items:center;} 
.cc-case2-text {display:flex; flex-direction:column; gap: var(--space-2);} 

.cc-structure-col {max-width:680px;} 
.cc-guests-col {max-width:640px; margin-inline:auto; text-align:center;} 
.cc-closing-col {max-width:520px; margin-inline:auto; text-align:center;} 

.cc-cta-inner {text-align:center; display:flex; flex-direction:column; gap: var(--space-3); align-items:center;} 

@media (max-width:1024px){
  .cc-case1-grid {grid-template-columns:1fr;}
  .cc-case2-grid {grid-template-columns:1fr;}
  .cc-fragments-grid {grid-template-columns:1fr;}
  .cc-motifs-grid {grid-template-columns:1fr;}
  .cc-premise-col {margin-left:0;}
}

@media (max-width:640px){
  .cc-hero-overlay {justify-content:center; align-items:flex-end; text-align:center;}
  .cc-hero-text {max-width:90%;}
}