/* Discover styles are scoped to avoid affecting the existing public pages. */
.discover-page {
    --discover-bg: #101d20;
    --discover-panel: #17282b;
    --discover-text: #f6eee1;
    --discover-muted: #bac6c4;
    --discover-accent: #efbc83;
    --discover-line: #35474a;
    background: var(--discover-bg);
    color: var(--discover-text);
    font: 400 1rem/1.7 'Roboto', sans-serif;
}
.discover-page *, .discover-page *::before, .discover-page *::after { box-sizing: border-box; }
.discover-page a { color: inherit; text-decoration: none; }
.discover-page a:focus-visible, .discover-page summary:focus-visible { outline: 3px solid var(--discover-accent); outline-offset: 6px; }
.discover-page img { display: block; max-width: 100%; }
.discover-page h1, .discover-page h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; line-height: 1.08; letter-spacing: -.04em; }
.discover-page h1 { font-size: clamp(3.2rem, 6.8vw, 6.6rem); margin: 20px 0 28px; }
.discover-page h2 { font-size: clamp(2.3rem, 4.3vw, 4.1rem); margin: 0 0 28px; }
.discover-page h3 { font-size: 1.4rem; line-height: 1.3; font-weight: 500; }
.discover-page em { color: var(--discover-accent); font-weight: 400; }
.discover-page p { color: var(--discover-muted); margin: 0 0 22px; }
.discover-container { width: min(1240px, calc(100% - 96px)); margin-inline: auto; }
.discover-section { padding-block: 110px; scroll-margin-top: 30px; }
.discover-page .discover-eyebrow { color: var(--discover-accent); font-size: .73rem; text-transform: uppercase; letter-spacing: .19em; font-weight: 600; margin-bottom: 22px; }
.discover-skip { position: fixed; top: -100px; left: 20px; padding: 12px 20px; z-index: 10; background: var(--discover-bg); }
.discover-skip:focus { top: 10px; }
.discover-header { border-bottom: 1px solid var(--discover-line); }
.discover-header-inner { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.discover-brand { display: flex; align-items: center; gap: 12px; font: 700 1.4rem 'Cinzel Decorative', Georgia, serif; letter-spacing: .06em; }
.discover-brand img { object-fit: contain; }
.discover-brand-note { border-left: 1px solid var(--discover-line); padding-left: 18px; margin-left: 8px; max-width: 135px; font: 400 .67rem/1.5 'Roboto', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--discover-muted); }
.discover-nav { display: flex; align-items: center; gap: 30px; font-size: .85rem; }
.discover-page .discover-button { display: inline-flex; justify-content: center; align-items: center; gap: 26px; padding: 16px 26px; background: var(--discover-accent); color: #152326; font-weight: 700; font-size: .95rem; border: 1px solid var(--discover-accent); border-radius: 3px; transition: background .2s, transform .2s; }
.discover-page .discover-button:hover { background: #f8d3a9; transform: translateY(-2px); }
.discover-page .discover-button-small { padding: 10px 18px; font-size: .82rem; }
.discover-hero { position: relative; isolation: isolate; min-height: 740px; display: flex; align-items: center; overflow: hidden; }
.discover-hero-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 58%; z-index: -3; }
.discover-hero::before { content: ''; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(10,24,28,.96) 0%, rgba(10,24,28,.8) 28%, rgba(10,24,28,.25) 65%, rgba(10,24,28,.06)), linear-gradient(0deg, #101d20 0%, transparent 35%); }
.discover-hero-content { padding-block: 90px 110px; }
.discover-hero-content h1 { max-width: 760px; }
.discover-page .discover-lead { max-width: 490px; color: #e1e5df; font-size: 1.1rem; line-height: 1.8; }
.discover-actions { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; margin-top: 32px; }
.discover-page .discover-text-link { display: inline-flex; align-items: center; gap: 18px; font-size: .88rem; font-weight: 500; color: var(--discover-accent); }
.discover-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.discover-page .discover-reassurance { font-size: .78rem; margin-top: 17px; }
.discover-hero-caption { position: absolute; bottom: 32px; right: 48px; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: #e4dfd3; }
.discover-hero-caption span { color: var(--discover-accent); margin-right: 12px; }
.discover-ribbon { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px 64px; padding: 26px 32px; border-block: 1px solid var(--discover-line); font-size: .82rem; color: #d4dcd6; }
.discover-ribbon span { display: inline-flex; align-items: center; gap: 13px; }
.discover-ribbon i { color: var(--discover-accent); font-size: 1.15rem; }
.discover-story { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8%; }
.discover-story-art { position: relative; padding: 12px 0 0 12px; }
.discover-story-art::before { content: ''; position: absolute; inset: 0 20px 20px 0; border: 1px solid #7e7762; pointer-events: none; }
.discover-story-art img { width: 100%; height: 540px; object-fit: cover; }
.discover-art-label { position: absolute; bottom: 24px; left: 36px; right: 24px; font-size: .75rem; padding: 10px 16px; background: rgba(12,26,29,.9); border-left: 2px solid var(--discover-accent); }
.discover-story blockquote { font: italic 1.6rem/1.5 Georgia, serif; padding-left: 24px; border-left: 2px solid var(--discover-accent); margin: 26px 0; }
.discover-platform { background: #142326; border-block: 1px solid var(--discover-line); }
.discover-section-heading { display: grid; grid-template-columns: 1.4fr 1fr; gap: 8%; align-items: end; margin-bottom: 36px; }
.discover-section-heading > p { max-width: 400px; }
.discover-board { display: grid; grid-template-columns: .85fr 1.4fr; align-items: center; border: 1px solid var(--discover-line); background: var(--discover-bg); overflow: hidden; border-radius: 5px; }
.discover-board-copy { padding: 38px; }
.discover-board-copy h3 { margin-block: 14px 18px; font-size: 1.8rem; }
.discover-board-copy p { font-size: .93rem; }
.discover-board figure { margin: 0; padding: 24px 24px 24px 0; min-width: 0; }
.discover-board figure img { width: 100%; height: auto; border-radius: 3px; }
.discover-board figcaption { font-size: .7rem; color: var(--discover-muted); padding-top: 10px; }
.discover-board-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.discover-board-tags span { border: 1px solid var(--discover-line); border-radius: 3px; padding: 3px 8px; font-size: .65rem; color: var(--discover-muted); }
.discover-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 24px; }
.discover-feature { background: var(--discover-bg); border: 1px solid var(--discover-line); border-radius: 5px; overflow: hidden; }
.discover-feature-image { height: 210px; overflow: hidden; background: #22252b; border-bottom: 1px solid var(--discover-line); }
.discover-feature-image img { width: 100%; height: 100%; object-fit: cover; object-position: top left; transition: transform .3s; }
.discover-feature-illustration img { object-position: center 25%; }
.discover-feature:hover img { transform: scale(1.035); }
.discover-board:hover, .discover-feature:hover { border-color: #9c917a; }
.discover-feature-copy { padding: 28px; }
.discover-feature-copy > i { color: var(--discover-accent); margin-bottom: 20px; font-size: 1.4rem; }
.discover-feature-copy p { font-size: .9rem; }
.discover-steps { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; margin: 48px 0; }
.discover-steps li { border-top: 1px solid var(--discover-line); padding-top: 20px; }
.discover-steps li > span { display: block; font: italic 2.8rem Georgia, serif; color: var(--discover-accent); margin-bottom: 24px; }
.discover-steps h3 { font-size: 1.25rem; }
.discover-steps p { font-size: .92rem; }
.discover-role-note { display: flex; align-items: center; gap: 24px; background: var(--discover-panel); border: 1px solid var(--discover-line); padding: 24px 30px; }
.discover-role-note > i { color: var(--discover-accent); font-size: 2rem; }
.discover-role-note p { margin: 0; flex: 1; font-size: .88rem; }
.discover-role-note a { flex-shrink: 0; }
.discover-faq { display: grid; grid-template-columns: 1fr 1.5fr; gap: 8%; padding-bottom: 100px; }
.discover-faq h2 { font-size: 2.8rem; }
.discover-faq details { border-bottom: 1px solid var(--discover-line); padding-block: 20px; }
.discover-faq details:first-child { border-top: 1px solid var(--discover-line); }
.discover-faq summary { cursor: pointer; font-weight: 500; padding-right: 12px; }
.discover-faq details p { margin: 18px 0 0; font-size: .92rem; }
.discover-faq p a { color: var(--discover-accent); text-decoration: underline; }
.discover-final { padding: 95px 0; text-align: center; background: linear-gradient(rgba(12,26,29,.58), rgba(12,26,29,.78)), url('/assets/img/discover/journey.webp') center 60% / cover; border-block: 1px solid var(--discover-line); }
.discover-final h2 { font-size: clamp(2.6rem, 5vw, 4.7rem); }
.discover-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 34px; }
.discover-footer p { font-size: .73rem; margin: 0; }
.discover-footer nav { display: flex; gap: 20px; font-size: .73rem; flex-wrap: wrap; }
.discover-nav a:hover, .discover-footer nav a:hover { color: var(--discover-accent); }
.discover-nav .discover-button:hover { color: #152326; }
@media (min-width: 1700px) { .discover-hero { min-height: 850px; } }
@media (max-width: 1050px) {
    .discover-brand-note { display: none; }
    .discover-container { width: calc(100% - 64px); }
    .discover-nav { gap: 20px; }
    .discover-story { gap: 40px; }
    .discover-story-art img { height: 500px; }
    .discover-board { grid-template-columns: 1fr 1.2fr; }
    .discover-board-copy { padding: 28px; }
    .discover-feature-copy { padding: 22px; }
    .discover-role-note { flex-wrap: wrap; }
    .discover-role-note a { margin-left: 56px; }
    .discover-footer { flex-wrap: wrap; }
}
@media (max-width: 800px) {
    .discover-container { width: calc(100% - 40px); }
    .discover-section { padding-block: 70px; }
    .discover-section-link { display: none; }
    .discover-header-inner { min-height: 76px; }
    .discover-nav { gap: 16px; }
    .discover-hero { min-height: 760px; align-items: flex-start; }
    .discover-hero-content { padding-block: 58px 230px; }
    .discover-hero-art { object-position: 68% center; }
    .discover-hero::before { background: linear-gradient(180deg, rgba(10,24,28,.85), rgba(10,24,28,.68) 50%, rgba(10,24,28,.08) 78%, #101d20), linear-gradient(90deg, rgba(10,24,28,.3), transparent); }
    .discover-hero h1 { font-size: clamp(3.1rem, 9vw, 4.8rem); }
    .discover-hero-caption { right: 20px; left: 20px; bottom: 24px; font-size: .6rem; }
    .discover-ribbon { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; font-size: .73rem; padding-inline: 20px; }
    .discover-story, .discover-section-heading, .discover-faq { grid-template-columns: 1fr; gap: 35px; }
    .discover-story-art img { height: auto; aspect-ratio: 1.2; }
    .discover-section-heading { margin-bottom: 28px; gap: 0; }
    .discover-section-heading > p { max-width: none; }
    .discover-board { grid-template-columns: 1fr; }
    .discover-board figure { padding: 0 24px 24px; }
    .discover-feature-grid { grid-template-columns: 1fr; }
    .discover-feature { display: grid; grid-template-columns: .9fr 1fr; }
    .discover-feature-image { height: 100%; min-height: 240px; border-bottom: 0; }
    .discover-steps { gap: 24px; }
    .discover-faq { padding-bottom: 70px; }
    .discover-faq h2 { margin: 0; }
    .discover-final { padding-block: 70px; background-image: linear-gradient(rgba(12,26,29,.58), rgba(12,26,29,.78)), url('/assets/img/discover/journey-768.webp'); }
}
@media (max-width: 480px) {
    .discover-brand { font-size: 1.12rem; gap: 7px; }
    .discover-brand img { width: 28px; height: 28px; }
    .discover-header-inner { gap: 12px; }
    .discover-nav { gap: 12px; }
    .discover-page .discover-button-small { padding: 8px 12px; font-size: .75rem; gap: 10px; }
    .discover-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
    .discover-page .discover-lead { font-size: 1rem; }
    .discover-page .discover-eyebrow { font-size: .65rem; }
    .discover-ribbon { column-gap: 12px; font-size: .67rem; }
    .discover-ribbon span { gap: 8px; }
    .discover-feature { display: block; }
    .discover-feature-image { height: 210px; min-height: 0; }
    .discover-steps { grid-template-columns: 1fr; gap: 12px; }
    .discover-steps li { display: grid; grid-template-columns: 55px 1fr; gap: 0 14px; }
    .discover-steps li > span { grid-row: span 2; font-size: 2.3rem; }
    .discover-steps p { grid-column: 2; }
    .discover-role-note { padding: 22px; gap: 16px; }
    .discover-role-note > i { display: none; }
    .discover-role-note p { flex-basis: 100%; }
    .discover-role-note a { margin-left: 0; }
    .discover-footer { flex-direction: column; align-items: flex-start; gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .discover-page *, .discover-page *::before, .discover-page *::after { transition: none !important; scroll-behavior: auto !important; }
}
