/* /en/sessions/ (sessions.py). The polish.css tokens: 8pt spacing, the band, hairlines, the EN type. */
.ses { max-width: 1040px; margin: 0 auto; padding: var(--band, 96px) 16px var(--s9, 96px); }
.ses-h { font-family: var(--ff-head, 'Cormorant Garamond', serif); font-weight: 400; font-size: clamp(34px, 5vw, 48px);
    letter-spacing: .02em; color: var(--navy, #2f5d34); text-align: center; margin: 0 0 var(--s4, 16px); }
.ses-lead { max-width: 34em; margin: 0 auto var(--head-gap, 48px); text-align: center; font-size: 17px; line-height: 1.8;
    color: var(--ink-mute, rgba(31, 45, 74, .78)); }
.ses-parts { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s8, 64px); }
.ses-part { display: flex; flex-direction: column; padding-top: var(--s6, 32px);
    border-top: 1px solid var(--hairline, rgba(31, 45, 74, .14)); }
.ses-eye { margin: 0 0 var(--s2, 8px); font-size: 13px; letter-spacing: .16em; text-transform: uppercase;
    color: var(--ink-mute, rgba(31, 45, 74, .6)); }
.ses-ph { font-family: var(--ff-head, 'Cormorant Garamond', serif); font-weight: 400; font-size: 30px;
    color: var(--navy, #2f5d34); margin: 0 0 var(--s5, 24px); }
.ses-faces { list-style: none; margin: 0 0 var(--s5, 24px); padding: 0; display: flex; flex-wrap: wrap;
    gap: var(--s4, 16px) var(--s3, 12px); }
.ses-face { display: flex; flex-direction: column; align-items: center; gap: var(--s2, 8px); width: 76px;
    font-size: 13px; color: var(--ink-mute, rgba(31, 45, 74, .78)); text-align: center; }
.ses-face img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: #eef0ec; }
.ses-txt { margin: 0 0 var(--s4, 16px); font-size: 16px; line-height: 1.8; }
.ses-fee { margin: 0 0 var(--s5, 24px); font-family: var(--ff-head, 'Cormorant Garamond', serif); font-size: 24px;
    color: var(--navy, #2f5d34); }
.ses-cta { align-self: flex-start; padding: var(--s3, 12px) var(--s5, 24px); font-size: 15px;
    letter-spacing: .06em; color: #fff !important; background: var(--navy, #2f5d34); border-radius: 2px;
    text-decoration: none; }
.ses-cta:hover { opacity: .88; }
.ses-kr { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 2px; margin: 0 0 var(--s4, 16px); }
.ses-rows { list-style: none; margin: 0 0 var(--s5, 24px); padding: 0; }
.ses-rows li { border-bottom: 1px solid var(--hairline, rgba(31, 45, 74, .12)); }
.ses-row { display: grid; grid-template-columns: 1fr auto; gap: var(--s1, 4px) var(--s4, 16px);
    padding: var(--s4, 16px) 0; color: inherit; text-decoration: none; }
.ses-row-t { font-size: 17px; color: var(--navy, #2f5d34); }
.ses-row:hover .ses-row-t { text-decoration: underline 1px; text-underline-offset: .22em; }
.ses-row-d { grid-column: 1; font-size: 14px; line-height: 1.6; color: var(--ink-mute, rgba(31, 45, 74, .7)); }
.ses-row-fee { grid-column: 2; grid-row: 1; font-size: 15px; color: var(--navy, #2f5d34); white-space: nowrap; }
.ses-more { align-self: flex-start; font-size: 15px; color: var(--navy, #2f5d34); text-decoration: underline 1px;
    text-underline-offset: .22em; }
@media (max-width: 768px) {
    .ses-parts { grid-template-columns: 1fr; gap: var(--s8, 64px); }
    .ses { padding-top: var(--s8, 64px); }
}
@media (max-width: 600px) {   /* the five on one line */
    .ses-faces { flex-wrap: nowrap; justify-content: space-between; gap: var(--s2, 8px); }
    .ses-face { width: auto; flex: 1 1 0; min-width: 0; font-size: 12px; }
    .ses-face img { width: 56px; height: 56px; }
}
.ses-row-closed { font-size: 13px; color: var(--navy-mute, rgba(47,93,52,.55)); white-space: normal; text-align: right; }