.c-sheet { background: var(--paper); border-radius: 24px; border-top: 7px solid var(--blue); box-shadow: 0 12px 35px #2646690a; overflow: clip; }
.c-intro { padding: 3.2rem 3.8rem 2.8rem; }
.c-intro__type { color: var(--blue-deep); font-size: 1.125rem; margin-bottom: 1rem; }
.c-intro__lead { font-size: 1.375rem; line-height: 1.5; max-width: 57ch; margin-top: 1.3rem; }
.c-intro--home { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(230px, .8fr); align-items: center; gap: 2.8rem; padding-bottom: 3.3rem; }
.c-intro__copy { min-width: 0; }
.c-plate { border-radius: 50% 50% 20px 20px; background: #e1e9f3; overflow: hidden; }
.c-plate img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; padding: 0; }
.c-plate figcaption { padding: 1.1rem 1.25rem; background: #e1e9f3; font-size: 1.0625rem; text-align: center; color: #334d6e; }
.c-content { padding: 0 3.8rem 3rem; }
.c-section { padding-block: 2.2rem; border-top: 1px solid var(--line); }
.c-section > p { margin-top: 1rem; }
.c-section > p + p { margin-top: .8rem; }
.c-section--tint { background: var(--soft); margin-inline: -3.8rem; padding-inline: 3.8rem; border-top: 0; }
.c-prose { max-width: 72ch; }
.c-prose .c-section { padding-block: 2rem; }
.c-bullets { padding-left: 1.25rem; margin-top: 1rem; }
.c-bullets li { padding-left: .25rem; margin-block: .6rem; }
.c-bullets li::marker { color: var(--blue); }
.c-side-note { background: var(--wash); padding: 1.5rem 1.75rem; border-radius: 18px; margin-top: 1.5rem; }
.c-side-note h3 + p { margin-top: .65rem; }
.c-photo-strip { display: grid; grid-template-columns: 210px minmax(0,1fr); align-items: center; gap: 2rem; margin-block: 1.7rem; background: var(--soft); border-radius: 20px; overflow: hidden; }
.c-photo-strip img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.c-photo-strip figcaption { padding: 1.5rem 1.5rem 1.5rem 0; font-size: 1.1875rem; }
.c-urgent { background: #fff3df; border-left: 5px solid #946717; padding: 1.5rem 1.75rem; border-radius: 0 18px 18px 0; margin-top: 1.5rem; }
.c-urgent p + p { margin-top: .7rem; }
@media (min-width: 1100px) { .c-prose { margin-left: 6rem; } .c-intro:not(.c-intro--home) { padding-left: 9.8rem; } }
@media (max-width: 900px) { .c-intro, .c-content { padding-inline: 2rem; } .c-intro--home { grid-template-columns: minmax(0,1fr) 230px; gap: 1.5rem; } .c-section--tint { margin-inline: -2rem; padding-inline: 2rem; } }
@media (max-width: 700px) { .c-intro--home { grid-template-columns: 1fr; } .c-intro--home .c-plate { border-radius: 18px; display: grid; grid-template-columns: 128px minmax(0,1fr); align-items: center; } .c-intro--home .c-plate figcaption { text-align: left; } }
@media (max-width: 650px) { .c-sheet { border-radius: 18px; } .c-intro { padding: 2rem 1.3rem; } .c-intro__lead { font-size: 1.25rem; } .c-content { padding: 0 1.3rem 1.5rem; } .c-section--tint { margin-inline: -1.3rem; padding-inline: 1.3rem; } .c-photo-strip { grid-template-columns: 105px minmax(0,1fr); gap: .9rem; } .c-photo-strip figcaption { padding: 1rem 1rem 1rem 0; font-size: 1.0625rem; } .c-side-note, .c-urgent { padding: 1.2rem; } }