/* ONE: everyday journeys, with specifications available when wanted. */
.av-one-story {
    --one-ink: #12232a;
    --one-muted: #53626a;
    --one-blue: #007cb5;
    color: var(--one-ink);
    background: #fff;
}
.av-one-story .av-one-story-shell { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.av-one-story h2, .av-one-story h3, .av-one-story p, .av-one-story figure { margin: 0; }
.av-one-story h2 { font-size: clamp(38px, 4.6vw, 66px); font-weight: 650; line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
.av-one-story h3 { font-size: clamp(26px, 2.6vw, 34px); font-weight: 650; line-height: 1.15; letter-spacing: -.035em; text-wrap: balance; }
.av-one-story p { font-size: 18px; line-height: 1.75; color: var(--one-muted); }
.av-one-story .av-one-story-kicker { font-size: 11px; font-weight: 750; line-height: 1.6; letter-spacing: .16em; text-transform: uppercase; color: var(--one-blue); margin-bottom: 24px; }
.av-one-story .av-one-story-lead { font-size: clamp(21px, 2vw, 25px); line-height: 1.5; color: var(--one-ink); }
.av-one-story-copy > h2 { margin-bottom: 30px; }
.av-one-story-copy > p + p { margin-top: 20px; }
.av-one-story .av-one-story-link { display: inline-flex; align-items: center; gap: 18px; color: var(--one-ink); text-decoration: none; font-size: 14px; font-weight: 700; line-height: 1.5; margin-top: 30px; padding-bottom: 8px; border-bottom: 1px solid #8b9ba3; }
.av-one-story .av-one-story-link span { font-size: 20px; }
.av-one-story .av-one-story-link:hover { color: var(--one-blue); border-color: var(--one-blue); }
.av-one-story a:focus-visible, .av-one-story summary:focus-visible { outline: 3px solid #0ea5e9; outline-offset: 5px; }
.av-one-story-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(40px, 7vw, 104px); padding-block: 128px; }
.av-one-story .av-one-story-photo { position: relative; min-width: 0; overflow: hidden; background: #f5f6f4; }
.av-one-story-photo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.av-one-story .av-one-story-photo--intro { aspect-ratio: 4 / 5; border-radius: 2px 2px 100px 2px; }
.av-one-story-photo--intro img { height: calc(100% - 60px); }
.av-one-story-photo figcaption { padding: 0 32px 28px; font-size: 12px; line-height: 1.6; color: var(--one-muted); }
.av-one-story-everyday { background: #f2f5f3; padding-block: 112px; }
.av-one-story-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 7vw, 104px); align-items: center; }
.av-one-story .av-one-story-photo--detail { aspect-ratio: 1; background: #fff; border-radius: 80px 2px 2px 2px; }
.av-one-story-detour { background: #142b33; padding-block: 112px 120px; }
.av-one-story-detour .av-one-story-kicker { color: #73d0f2; }
.av-one-story-detour h2 { max-width: 850px; color: #fff; font-size: clamp(46px, 6.8vw, 88px); }
.av-one-story-detour-copy { max-width: 490px; margin: 36px 0 0 auto; }
.av-one-story-detour p { color: #cad7dc; }
.av-one-story-detour-copy > p + p { margin-top: 20px; }
.av-one-story-detour .av-one-story-link { color: #fff; border-color: #78929b; }
.av-one-story-detour .av-one-story-link:hover { color: #73d0f2; }
.av-one-story-ownership { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: clamp(40px, 7vw, 104px); padding-block: 128px; }
.av-one-story-ownership > .av-one-story-copy { padding-top: 30px; }
.av-one-story-care { background: #f2f5f3; border-radius: 2px 2px 80px 2px; overflow: hidden; }
.av-one-story .av-one-story-photo--jacket { background: #fff; height: 300px; }
.av-one-story-care-copy { padding: 40px; }
.av-one-story-care-copy .av-one-story-kicker { margin-bottom: 16px; }
.av-one-story-care-copy h3 { margin-bottom: 20px; }
.av-one-story-care-copy p { font-size: 16px; }
.av-one-story-personal { padding-block: 96px; background: #edf5f7; }
.av-one-story-personal h2 { font-size: clamp(36px, 4vw, 54px); }
.av-one-story .av-one-story-option-note { font-size: 14px; color: #47616e; }
.av-one-story .av-one-story-photo--display { aspect-ratio: 5 / 4; border-radius: 2px 70px 2px 2px; background: #dae8ed; }
.av-one-story-photo--display img { object-fit: cover; }
.av-one-story-details { padding-block: 24px 96px; }
.av-one-story-disclosure { border-bottom: 1px solid #ccd7db; }
.av-one-story-disclosure:first-child { border-top: 1px solid #ccd7db; }
.av-one-story-disclosure > summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 0; font-size: 18px; font-weight: 600; line-height: 1.4; }
.av-one-story-disclosure > summary::-webkit-details-marker { display: none; }
.av-one-story-disclosure > summary > span { font-size: 28px; font-weight: 400; color: var(--one-blue); transition: transform .2s; }
.av-one-story-disclosure[open] > summary > span { transform: rotate(45deg); }
.av-one-story-disclosure-body { padding-bottom: 36px; }
.av-one-story-specs { display: grid; grid-template-columns: 1fr 1fr; column-gap: 64px; margin: 0 0 26px; }
.av-one-story-specs > div { padding: 20px 0; border-top: 1px solid #edf1f2; }
.av-one-story-specs dt { color: var(--one-muted); font-size: 13px; margin-bottom: 8px; }
.av-one-story-specs dd { margin: 0; font-size: 18px; font-weight: 600; }
.av-one-story .av-one-story-small { font-size: 12px; line-height: 1.7; color: #647680; }
.av-one-story-pack-details { padding-bottom: 32px; }
.av-one-story-pack-details .av-my265 { padding: 32px; }
.av-one-story-pack-details .av-my265 h2 { font-size: 32px; line-height: 1.2; }
.av-one-story-pack-details .av-my265-card h3 { font-size: 23px; line-height: 1.25; }
.av-one-story-pack-details .av-my265-intro { font-size: 16px; }
.av-one-story-pack-details .av-my265-note { font-size: 12px; }
.av-one-story-final { background: #142b33; color: #fff; padding-block: 104px 40px; text-align: center; }
.av-one-story-final .av-one-story-kicker { color: #73d0f2; }
.av-one-story-final h2 { font-size: clamp(48px, 7vw, 90px); margin-bottom: 28px; }
.av-one-story-final > .av-one-story-shell > p:not(.av-one-story-kicker) { max-width: 620px; margin-inline: auto; color: #c8d6dc; }
.av-one-story-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 18px; margin-block: 36px 64px; }
.av-one-story-actions > a { gap: 16px; padding: 16px 28px; font-size: 15px; }
.av-one-story-secondary { display: inline-flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; border: 1px solid #829ba6; border-radius: 99px; font-weight: 600; }
.av-one-story-secondary:hover { background: #254550; color: #fff; }
.avenra-route-one #one-everyday, .avenra-route-one #one-range-calculator, .avenra-route-one #one-versions { scroll-margin-top: 100px; }
@media (max-width: 900px) {
    .av-one-story .av-one-story-shell { width: calc(100% - 56px); }
    .av-one-story-intro, .av-one-story-ownership { gap: 32px; padding-block: 80px; }
    .av-one-story-split { gap: 32px; }
    .av-one-story-care-copy { padding: 28px; }
    .av-one-story h2 { font-size: 40px; }
    .av-one-story-detour h2, .av-one-story-final h2 { font-size: 64px; }
    .av-one-story-photo--intro img { height: calc(100% - 80px); }
    .av-one-story-photo figcaption { padding-inline: 24px; }
}
@media (max-width: 680px) {
    .av-one-story .av-one-story-shell { width: calc(100% - 40px); }
    .av-one-story-intro, .av-one-story-split, .av-one-story-ownership { grid-template-columns: 1fr; gap: 40px; }
    .av-one-story-intro, .av-one-story-everyday, .av-one-story-personal, .av-one-story-ownership { padding-block: 64px; }
    .av-one-story h2 { font-size: clamp(36px, 10.5vw, 48px); }
    .av-one-story p { font-size: 17px; line-height: 1.7; }
    .av-one-story .av-one-story-kicker { font-size: 10px; margin-bottom: 20px; }
    .av-one-story .av-one-story-lead { font-size: 22px; }
    .av-one-story .av-one-story-photo--intro { aspect-ratio: 1; border-bottom-right-radius: 64px; }
    .av-one-story-photo--intro img { height: calc(100% - 52px); }
    .av-one-story-photo figcaption { padding: 0 20px 20px; }
    .av-one-story-everyday .av-one-story-photo { order: 2; }
    .av-one-story-detour { padding-block: 72px; }
    .av-one-story-detour h2, .av-one-story-final h2 { font-size: clamp(44px, 12vw, 64px); }
    .av-one-story-detour-copy { margin-top: 30px; }
    .av-one-story-ownership > .av-one-story-copy { padding-top: 0; }
    .av-one-story .av-one-story-photo--jacket { height: 260px; }
    .av-one-story-care-copy { padding: 28px 24px 36px; }
    .av-one-story-care-copy p { font-size: 16px; }
    .av-one-story .av-one-story-option-note { font-size: 14px; }
    .av-one-story-details { padding-block: 16px 64px; }
    .av-one-story-disclosure > summary { padding-block: 22px; font-size: 16px; }
    .av-one-story-specs { grid-template-columns: 1fr; }
    .av-one-story-pack-details .av-my265 { padding: 24px 14px; }
    .av-one-story-pack-details .av-my265-card { padding: 20px; }
    .av-one-story-pack-details .av-my265 h2 { font-size: 28px; }
    .av-one-story .av-one-story-small { font-size: 12px; }
    .av-one-story-final { padding-block: 72px 32px; }
    .av-one-story-actions { flex-direction: column; align-items: stretch; margin-bottom: 48px; }
}
@media (prefers-reduced-motion: reduce) {
    .av-one-story-disclosure > summary > span { transition: none; }
}