.sc-interp.sc-missing { display: inline-block; width: 2em; height: 1em; overflow: hidden; vertical-align: text-bottom; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 2px; box-sizing: border-box; color: transparent; user-select: none; }
.sc-interp.sc-unresolved { font-family: ui-monospace, monospace; font-size: 0.85em; color: color-mix(in srgb, currentcolor, transparent); background: color-mix(in srgb, currentcolor 10%, transparent); border-radius: 3px; padding: 0px 3px; }
.sc-host.sc-has-error { position: relative; }
.sc-logic-error { position: absolute; top: 8px; left: 8px; z-index: 2147483647; max-width: 60ch; padding: 6px 10px; background: rgb(176, 0, 32); color: rgb(255, 255, 255); font: 12px / 1.4 ui-monospace, monospace; border-radius: 4px; white-space: pre-wrap; pointer-events: none; }
@media print { @page { margin: 0.5cm; } figure, table { break-inside: avoid; } #dc-root, #dc-root > .sc-host { height: auto; } *, ::before, ::after { print-color-adjust: exact; backdrop-filter: none !important; animation-delay: -99s !important; animation-duration: 0.001s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-play-state: running !important; transition-duration: 0s !important; } }
.h-355d36a:hover { background: rgb(42, 58, 53) !important; }
.h-6e05220:hover { box-shadow: rgb(179, 57, 124) 0px -2.5px 0px inset !important; }
.h-e3cbf15:hover { background: rgb(42, 58, 53) !important; color: rgb(255, 255, 255) !important; }
.h-594b42c:hover { background: var(--action-hover) !important; box-shadow: inset 0 -5px 0 var(--attention) !important; }
.h-b873d96:active { transform: translateY(2px) !important; box-shadow: none !important; background: var(--action-press) !important; }
.h-6f23027:hover { text-underline-offset: 8px !important; }
.h-642e7e3:hover { border-color: rgb(179, 57, 124) !important; transform: translateY(-2px) !important; }
.h-dd919e0:active { transform: translateY(1px) !important; }
.h-d269c9a:hover { text-decoration-color: rgb(179, 57, 124) !important; }
.h-5179536:active { transform: translateY(2px) !important; background: var(--action-press) !important; }
.h-a8cf679:hover { transform: translateY(-3px) !important; border-color: rgb(22, 35, 31) !important; }
.h-c01ac54:hover { transform: translateY(-3px) !important; }
.h-ce5f8fc:hover { border-color: rgb(22, 35, 31) !important; }
.h-2eb9187:hover { box-shadow: rgb(22, 35, 31) 0px 0px 0px 2px inset !important; }
.h-d77f8e6:hover { background: rgba(255, 255, 255, 0.6) !important; }
.h-c160ec7:hover { border-top-color: rgb(179, 57, 124) !important; }
.h-bf507b0:hover { background: rgb(255, 255, 255) !important; }
.h-ee3362b:hover { background: var(--action-hover) !important; }
.h-ce8767b:hover { background: rgb(255, 255, 255) !important; transform: translateY(-2px) !important; }
.h-2116bfb:hover { color: rgb(179, 57, 124) !important; }
.h-a5a8ada:hover { background: rgb(179, 57, 124) !important; border-color: rgb(179, 57, 124) !important; }
.h-fbfa2bc:hover { border-color: rgb(179, 57, 124) !important; }
.h-dd79328:hover { transform: translateY(-3px) !important; background: rgb(255, 255, 255) !important; }
.h-ba85428:hover { background: rgb(255, 255, 255) !important; transform: translateY(-3px) !important; }
.h-66cd1b4:hover { box-shadow: rgba(22, 35, 31, 0.18) 0px 18px 40px !important; }
.h-cb75ecd:hover { border-color: rgb(22, 35, 31) !important; transform: translateY(-3px) !important; box-shadow: rgba(22, 35, 31, 0.14) 0px 14px 32px !important; }
.h-06ac1cf:hover { text-decoration: underline rgb(179, 57, 124) !important; }
.h-b65deeb:hover { background: rgb(179, 57, 124) !important; }
.h-91e0f41:hover { border-color: var(--ink) !important; transform: translateY(-2px) !important; }
.h-cd66355:focus { border-color: var(--ink) !important; }
.h-877cde7:hover { transform: translateY(-3px) !important; box-shadow: rgba(22, 35, 31, 0.16) 0px 16px 36px !important; border-color: rgb(22, 35, 31) !important; }
.h-06f0f52:hover { background: rgb(156, 47, 107) !important; box-shadow: rgb(227, 154, 45) 0px -5px 0px inset !important; }
.h-7ddc675:active { transform: translateY(2px) !important; box-shadow: none !important; background: rgb(134, 40, 88) !important; }
.h-59bb487:hover { background: rgb(197, 204, 208) !important; }
.h-3b2aa70:hover { text-underline-offset: 7px !important; }
.h-c9651cd:hover { opacity: 1 !important; }
.h-c1f8308:hover { background: rgb(22, 35, 31) !important; color: rgb(237, 241, 243) !important; }
.h-4217563:hover { border-color: rgb(22, 35, 31) !important; transform: translateY(-2px) !important; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 400 800; font-stretch: 100%; font-display: swap; src: url("/assets/fonts/ee97f31b5af1.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 400 800; font-stretch: 100%; font-display: swap; src: url("/assets/fonts/094ba9c34293.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 400 800; font-stretch: 100%; font-display: swap; src: url("/assets/fonts/11f6ab2d0f98.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-stretch: 100%; font-display: swap; src: url("/assets/fonts/69e21e25d22b.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-stretch: 100%; font-display: swap; src: url("/assets/fonts/adbdfd9a7869.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Literata; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/0594a47044c7.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Literata; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/535e5cabf0a8.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Literata; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/ff7094b4bfe4.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Literata; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/a891d4aa2232.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: Literata; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/a6362eb57219.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Literata; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/4bee2ff57651.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Literata; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/30a996d90b62.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Literata; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/df17e9c22589.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Literata; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/237a911d5637.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Literata; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/663764f6c5c8.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Literata; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/17c83bd550be.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: Literata; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/9222063f410d.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Literata; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/03de303d59d9.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Literata; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/a7ad7aeaa1bd.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { --ground: #edf1f3; --surface: #f7f9fa; --mist: #e3e9ec; --ink: #16231f; --stone: #6b7470; --line: #d3dade; --action: #b3397c; --action-hover: #9c2f6b; --action-press: #862858; --attention: #e39a2d; --family-panoramic: #2f6f9e; --family-standard: #2b6e63; --family-addon: #8a5a2b; --family-unknown: #6b7470; --good: #2b6e63; --radius-s: 6px; --radius-m: 8px; --radius-l: 12px; --line-w: 2.5px; --font-display: 'Bricolage Grotesque',sans-serif; --font-text: 'Literata',serif; --font-ui: 'Instrument Sans',sans-serif; }
* { box-sizing: border-box; }
a { color: var(--ink); }
a:hover { color: var(--ink); }
@keyframes itdPulse { 0% { transform: scale(1); opacity: 0.6; } 100% { transform: scale(2.6); opacity: 0; } }
@keyframes itdStep { 0% { transform: translateY(26px); opacity: 0; } 100% { transform: none; opacity: 1; } }
html.itd-motion [data-reveal="step"] { opacity: 0; transform: translateY(22px); }
html.itd-motion [data-reveal="step"].is-in { opacity: 1; transform: none; transition: opacity 0.48s steps(4), transform 0.48s steps(4); }
html.itd-motion [data-reveal="card"] { opacity: 0; transform: translateY(14px); }
html.itd-motion [data-reveal="card"].is-in { opacity: 1; transform: none; transition: opacity 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }
html.itd-motion [data-reveal="comfort"] [data-comfort-item][data-state="yes"] { opacity: 0.12; transform: translateY(4px) scale(0.86); }
html.itd-motion [data-reveal="comfort"].is-in [data-comfort-item][data-state="yes"] { opacity: 1; transform: none; }
[data-comfort-item] { transition: opacity 0.34s steps(3), transform 0.34s steps(3), border-color 0.2s; }
[data-comfort-big] [data-fact] { max-height: 0px; opacity: 0; overflow: hidden; transition: max-height 0.3s, opacity 0.25s; }
[data-comfort-big]:hover [data-fact], [data-comfort-big]:focus [data-fact] { max-height: 90px; opacity: 1; }
[data-tip] { position: relative; }
[data-tip]:hover::after, [data-tip]:focus::after { content: attr(data-tip); position: absolute; left: 0px; bottom: calc(100% + 8px); width: max-content; max-width: 260px; padding: 8px 10px; border-radius: 8px; background: rgb(22, 35, 31); color: rgb(237, 241, 243); font: 500 12px / 1.4 "Instrument Sans", sans-serif; letter-spacing: 0px; text-transform: none; white-space: normal; box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 20px; z-index: 40; pointer-events: none; }
[data-component="tour-card"]:hover [data-zoom] { transform: scale(1.06); }
[data-component="table-row"]:hover [data-component="trek-comfort"] { background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 0px 6px; border-radius: 6px; }
[data-block][data-active] [data-kicker-dot] { width: 44px !important; }
[data-notes="off"] [data-design-note] { display: none !important; }
[data-hscroll] { scrollbar-width: thin; scrollbar-color: rgb(179, 57, 124) transparent; }
[data-hscroll]::-webkit-scrollbar { height: 4px; }
[data-hscroll]::-webkit-scrollbar-thumb { background: rgb(179, 57, 124); border-radius: 2px; }
[data-vscroll] { scrollbar-width: thin; scrollbar-color: rgb(179, 57, 124) transparent; }
[data-more] > [data-scroll-cue] { display: flex !important; }
@container page (max-width: 760px) { [data-wide-only] { display: none !important; } [data-narrow-only] { display: flex !important; } [data-component="table-head"] { display: none !important; } [data-component="table-row"] { grid-template-columns: 1fr 1fr !important; gap: 12px 14px !important; padding: 16px !important; margin-bottom: 12px !important; border: 1.5px solid rgb(211, 218, 222) !important; border-radius: 12px !important; background: rgb(247, 249, 250) !important; } [data-component="table-row"] [data-cell="title"], [data-component="table-row"] [data-cell="comfort"], [data-component="table-row"] [data-cell="book"] { grid-column: 1 / -1; } [data-cell-label] { display: block !important; margin-bottom: 2px; } [data-diy-row] { grid-template-columns: 1fr !important; } [data-component="catalog-controls"] { flex-wrap: nowrap !important; overflow-x: auto !important; padding-right: 48px !important; } [data-component="catalog-controls"] > * { flex: 0 0 auto; } }
@container page (max-width: 1100px) { [data-nav-wide] { display: none !important; } [data-nav-narrow] { display: flex !important; } }
@container page (max-width: 760px) { [data-component="compare-row"] { grid-template-columns: repeat(var(--cols,3),minmax(0,1fr)) !important; } [data-compare-label] { grid-column: 1 / -1; padding-bottom: 0px !important; } [data-onpage] { flex-wrap: wrap; position: static !important; flex-direction: row !important; gap: 4px 12px !important; } [data-guide-grid] { grid-template-columns: 1fr !important; } }
@media (prefers-reduced-motion: reduce) { *, ::before, ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; } }
.h-bd7667c:hover { background: rgb(156, 47, 107) !important; box-shadow: rgb(227, 154, 45) 0px -4px 0px inset !important; }
.h-af86baf:active { transform: translateY(2px) !important; background: rgb(134, 40, 88) !important; }
.h-3428d0a:hover { background: rgb(156, 47, 107) !important; box-shadow: rgb(227, 154, 45) 0px -4px 0px inset !important; }
.h-620f5a4:active { transform: translateY(2px) !important; }