.en-hero {
    color: #f6f3ea;
    background:
        radial-gradient(500px 280px at var(--mx, 70%) var(--my, 50%), rgba(244, 201, 45, .14), transparent 62%),
        #10110f;
}

.en-frame {
    border: 1px solid rgba(244, 201, 45, .45);
    padding: 36px 36px 32px;
}

.en-hero .gw-kicker { color: #e4b423; }
.en-hero .gw-lead { color: #e4ddd0; }
.en-hero h1 { max-width: 12ch; }

.en-uses {
    background: #f3efe4;
    color: #17150f;
    padding: 88px 0 72px !important;
}

.en-uses .gw-kicker,
.en-method .gw-kicker,
.en-faq .gw-kicker { color: #8a6420; }

.en-uses h2,
.en-method h2,
.en-faq h2 {
    margin: 0 0 18px;
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.en-tickets {
    display: grid;
    gap: 14px;
    margin-top: 8px;
}

.en-tickets article {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 8px 18px;
    padding: 20px 22px;
    background: #fffdf8;
    border-left: 8px solid #17150f;
    background-image: radial-gradient(circle at left, transparent 8px, #fffdf8 9px);
}

.en-tickets article:nth-child(2) { margin-left: 6vw; border-left-color: #e4b423; }
.en-tickets article:nth-child(3) { margin-left: 12vw; }

.en-tickets span {
    grid-row: 1 / span 2;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 28px;
    color: #8a6420;
}

.en-tickets h3,
.en-tickets p { grid-column: 2; }

.en-tickets h3 { margin: 0 0 6px; font-size: 26px; font-weight: 500; }
.en-tickets p { margin: 0; font-weight: 300; line-height: 1.6; }

.en-no {
    background: #f4c92d;
    color: #17150f;
    padding: 72px 0 64px !important;
}

.en-no .gw-kicker { color: #3d320c; }

.en-lines {
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
}

.en-lines li {
    padding: 16px 0;
    border-top: 1px solid rgba(23, 21, 15, .28);
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.25;
    font-weight: 500;
}

.en-lines li:last-child { border-bottom: 1px solid rgba(23, 21, 15, .28); }

.en-method {
    background: #f7f4ec;
    color: #17150f;
    padding: 88px 0 72px !important;
}

.en-steps {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
}

.en-steps li {
    display: grid;
    grid-template-columns: 84px 1fr;
    gap: 8px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(23, 21, 15, .15);
}

.en-steps b {
    font-family: "Playfair Display", Georgia, serif;
    font-size: 32px;
    font-weight: 500;
    color: #8a6420;
}

.en-steps h3 { margin: 0 0 4px; font-size: 26px; font-weight: 500; }
.en-steps p { margin: 0; font-weight: 300; line-height: 1.55; }

.en-faq {
    background: #fff;
    color: #17150f;
    padding: 80px 0 64px !important;
}

.en-faq-grid {
    display: grid;
    grid-template-columns: .7fr 1.3fr;
    gap: 28px;
    align-items: start;
}

@media (max-width: 900px) {
    .en-tickets article:nth-child(2),
    .en-tickets article:nth-child(3) { margin-left: 0; }
    .en-faq-grid,
    .en-steps li,
    .en-tickets article { grid-template-columns: 1fr; }
    .en-frame { padding: 22px 18px; }
}