/* Tijdspoor / Atlas — the route is the graphic language.
   The base editorial stylesheet supplies shared forms, dialogs and page layouts. */
:root { --atlas-serif:'Cormorant Garamond',Georgia,serif; --atlas-sans:'DM Sans','Avenir Next',sans-serif; --paper:#f1ead9; --bg:var(--paper); --ink:#293d35; --text:var(--ink); --accent:#6b4635; --muted:#706c5d; --coral:#b95544; --line:#293d3528; }
body { font-family:var(--atlas-sans); font-weight:400; background:var(--paper); }
h1,h2,h3,h4,.sectietitel,.brand-name,.footer-brand,.map-brand,.hero-card-title,.ts-menu-title { font-family:var(--atlas-serif) !important; font-weight:500 !important; letter-spacing:-.045em; }
button,input,select,textarea,.btn-primary,.btn-soft,.header-pill,.pill-link,.route-knop,.cta-button,.mobile-action,.trailbtn,.ts-menu-link-title { font-family:var(--atlas-sans) !important; }
a,button { touch-action:manipulation; }
.sticky-header { background:#f1ead9f2; border-bottom:0; }
.header-shell { min-height:98px; padding-inline:54px; max-width:1600px; position:relative; }
.header-shell::after { content:''; position:absolute; bottom:0; left:54px; right:54px; height:1px; background:var(--line); }
.brand-lockup { gap:12px; }
.brand-name { font-size:44px; letter-spacing:-.06em; }
.brand-name::after { content:''; }
.brand-mark { display:block; width:28px; height:36px; position:relative; background:none; border:0; }
.brand-mark img { display:none; }
.brand-mark::before,.brand-mark::after { content:''; display:block; position:absolute; height:28px; width:12px; border:1.5px solid var(--coral); border-radius:9px 9px 0 9px; left:1px; top:0; transform:rotate(24deg); }
.brand-mark::after { left:12px; top:8px; transform:rotate(204deg); }
.header-pill.primary { border-radius:0; min-height:44px; padding:10px 0; border:0; border-bottom:1px solid var(--accent); background:none; color:var(--ink); font-size:13px; }
.header-pill.primary:hover { background:none; color:var(--accent); }
.header-pill.primary svg { display:none; }
.header-actions { gap:30px; }
.header-cluster { gap:24px; }
.header-menu { border:1px solid var(--line) !important; border-radius:50%; width:44px; height:44px; }
.header-menu svg { width:18px; height:18px; }
.lang-pill { font-size:10px; letter-spacing:.08em; }
/* A cover with a large typographic plate and an image running into its margins. */
.atlas-opening { max-width:1600px; margin:0 auto; padding:54px 54px 0; }
.atlas-opening-top { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:40px; align-items:end; position:relative; z-index:2; padding:0 0 40px; }
.atlas-opening h1 { font-size:clamp(84px,9.8vw,158px); line-height:.79; letter-spacing:-.06em; margin:0; color:var(--ink) !important; font-weight:400 !important; }
.atlas-opening h1 em { display:inline-block; font-weight:400; color:var(--accent); margin-top:8px; }
.atlas-intro { padding-bottom:3px; }
.atlas-intro p { font-size:13px; line-height:1.85; margin:0 0 25px; color:var(--muted); }
.atlas-explore { display:flex; align-items:center; justify-content:space-between; gap:18px; font-size:13px; text-decoration:none; color:var(--ink); }
.atlas-arrow { width:48px; height:48px; border:1px solid var(--accent); border-radius:50%; display:grid; place-items:center; font-size:27px; transition:background .25s,color .25s,transform .25s; }
.atlas-explore:hover .atlas-arrow { background:var(--ink); color:var(--paper); transform:rotate(45deg); }
.atlas-image-spread { position:relative; padding-left:15%; padding-bottom:36px; }
.atlas-image-frame { height:440px; overflow:hidden; background:#dcd0c6; }
.atlas-image-frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 57%; filter:saturate(.6) contrast(.97); }
.atlas-route-note { position:absolute; width:238px; left:0; top:80px; padding:22px; color:#f4ead6; background:#324b3e; box-shadow:10px 15px 40px #293d351c; text-decoration:none; transform:rotate(-3deg); transition:transform .3s; }
.atlas-route-note:hover { transform:rotate(0); }
.atlas-note-top,.atlas-note-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.atlas-note-top { font:500 25px/1.1 var(--atlas-serif); border-bottom:1px solid #f4ead644; padding-bottom:14px; }
.atlas-note-top > span:last-child { font-family:var(--atlas-sans); font-size:19px; }
.atlas-note-bottom { font:400 11px/1.5 var(--atlas-sans); padding-top:14px; border-top:1px solid #f4ead644; }
.atlas-route-drawing { display:block; width:100%; height:auto; }
.atlas-route-note .atlas-route-drawing { height:165px; margin:10px 0; }
.atlas-margin-note { position:absolute; right:0; bottom:10px; font:400 9px/1.2 var(--atlas-sans); letter-spacing:.18em; color:var(--muted); }
/* One continuous folio edge ties the collection and its controls together. */
.ts-home main { max-width:1400px; padding-inline:54px; }
.ts-home #wandelingen { padding-top:65px; position:relative; }
.catalog-heading { margin-bottom:28px; }
.catalog-heading h2 { font:500 clamp(40px,4.7vw,70px)/1.02 var(--atlas-serif) !important; letter-spacing:-.045em; }
.catalog-heading > .btn-soft { font-size:13px; border-color:var(--accent); }
.distance-filters { gap:30px; margin-bottom:24px; }
.distance-filters button { font-size:12px; letter-spacing:.01em; }
.distance-filters button[aria-pressed=true] { border-color:var(--coral); color:var(--ink); }
#wandelingen #zoekveld,#wandelingen #sorteer { border:0 !important; border-bottom:1px solid var(--line) !important; background:transparent !important; border-radius:0; padding-left:0; padding-right:0; font-size:13px; }
#wandelingen label { font-size:10px; letter-spacing:.02em; }
#wandelingen #zoekveld:focus,#wandelingen #sorteer:focus { border-color:var(--accent) !important; }
#resultCount { font-size:10px; letter-spacing:.02em; padding-top:6px; }
#resetFilters { border-radius:50%; padding:12px; }
#resetFilters span { display:none; }
/* The first spread is deliberately asymmetrical; the rest forms a quiet index. */
#cardsGrid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:38px; row-gap:60px; counter-reset:walk; }
#cardsGrid .podcard { grid-column:span 4; counter-increment:walk; position:relative; }
#cardsGrid .podcard:nth-child(1) { grid-column:span 7; }
#cardsGrid .podcard:nth-child(2) { grid-column:span 5; padding-top:105px; }
.ts-home .podcard > a { border-radius:0; background:#e8e0d5; position:relative; }
.ts-home .podcard > a::after { content:'↗'; position:absolute; right:16px; bottom:16px; width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:var(--paper); color:var(--ink); opacity:0; transform:translateY(8px); transition:opacity .2s,transform .2s; font-size:23px; }
.ts-home .podcard:hover > a::after,.ts-home .podcard:focus-within > a::after { opacity:1; transform:translateY(0); }
.ts-home .podcard > a > img { border-radius:0; height:255px; filter:saturate(.6); transition:transform .6s,filter .6s; }
.ts-home .podcard:hover > a > img { filter:saturate(.9); transform:scale(1.025); }
.ts-home .podcard:nth-child(1) > a > img { height:415px; }
.ts-home .podcard:nth-child(2) > a > img { height:310px; }
.ts-home .podcard > .p-5 { position:relative; padding-top:22px; }
.ts-home .podcard h2 { font:500 39px/1.05 var(--atlas-serif); letter-spacing:-.04em; padding-right:65px; margin-bottom:14px; }
.ts-home .podcard:nth-child(-n+2) h2 { font-size:50px; }
.atlas-card-contour { position:absolute; top:20px; right:0; width:58px; height:58px; color:var(--accent); opacity:.75; }
.ts-home .podcard .truncate2 { max-width:93%; font-size:13px; line-height:1.8 !important; min-height:47px; }
.ts-home .podcard .rounded-full { font-size:11px; }
.ts-home .podcard .trailbtn { font-size:11px; margin-left:auto; min-height:44px; border-bottom:0; }
.ts-home .podcard > .p-5 > .btn-primary { font-size:11px; letter-spacing:.02em; padding:12px 0; border-color:var(--line); }
.ts-home .podcard > .p-5 > .btn-primary::after { font-size:17px; }
/* The next chapter juxtaposes an archival photograph and the walking instructions. */
.ts-home .app-showcase { margin-top:100px; }
.ts-home .hero-side-card { display:grid; grid-template-columns:1fr 1fr; column-gap:70px; padding:0; background:#324b3e; border-radius:0; overflow:hidden; }
.ts-home .hero-side-card::after { display:none; }
.atlas-history-image { grid-column:1; grid-row:1 / 3; min-height:510px; padding:45px 0 45px 45px; }
.atlas-history-image img { width:100%; height:100%; object-fit:cover; filter:grayscale(1) sepia(.15); }
.ts-home .hero-card-title { grid-column:2; align-self:end; padding:45px 45px 0 0; font-size:60px; color:#f4ead6 !important; }
.ts-home .hero-mini-steps { grid-column:2; padding:0 45px 50px 0; margin-top:30px; gap:26px; }
.ts-home .hero-mini-step { position:relative; gap:20px; }
.ts-home .hero-mini-step:not(:last-child)::after { content:''; position:absolute; top:34px; bottom:-23px; left:12px; border-left:1px solid #d7d1b355; }
.ts-home .hero-mini-step-num { color:#efb6ac; font:400 25px/1 var(--atlas-serif); width:26px; }
.ts-home .hero-mini-step strong { font:500 15px/1.4 var(--atlas-sans); color:#fff6f0; }
.ts-home .hero-mini-step span { font:400 12px/1.9 var(--atlas-sans); color:#d4d6c2; }
.ts-home main > section.panel:not(#wandelingen) { margin-top:70px; padding:65px 0; border-color:var(--line); }
.ts-home main > section.panel:not(#wandelingen) h2 { font-size:47px; line-height:1.05; }
.ts-home .atlas-reading { grid-template-columns:1.1fr 1fr; gap:100px; }
.atlas-reading > div:last-child { position:relative; padding:50px 35px; background:#e4e4d0; }
.atlas-reading > div:last-child::before { content:'“'; position:absolute; top:-25px; left:30px; font:400 140px/1 var(--atlas-serif); color:var(--accent); }
.atlas-reading .link-tile { padding:19px 0; font-size:12px; }
.ts-home main > section.panel p { font-size:14px !important; line-height:1.9 !important; }
/* The same typographic and cartographic detail continues on secondary pages. */
.ts-route .hero { border-radius:0; }
.ts-route .hero h1 { font-size:80px; line-height:1; }
.ts-route .sectietitel { font-size:39px; line-height:1.1; }
.ts-route .card { padding:35px 0; }
.ts-route .route-jumps { position:relative; }
.ts-route .route-jumps::after { content:''; position:absolute; height:5px; width:5px; border-radius:50%; background:var(--coral); left:0; bottom:-3px; }
.ts-route .trailer-btn.card { background:none; border-left:0; border-right:0; border-radius:0; padding:25px 0; }
.ts-route .hero-content { bottom:35px; }
.ts-route .route-kit-image { border-radius:0; filter:saturate(.65); }
.ts-route .route-start-art { border-radius:0; filter:saturate(.65); }
.ts-help h1,.ts-info h1,.ts-legal .legal h1 { font-size:66px; }
.editorial-banner { border-radius:0; filter:saturate(.6); }
.ts-menu-title { font-size:47px; }
.ts-menu-link { position:relative; padding-block:17px; }
.ts-menu-link::after { content:'↗'; position:absolute; right:0; top:17px; color:var(--accent); transition:transform .2s; }
.ts-menu-link:hover::after { transform:translate(3px,-3px); }
.ts-menu-link-title { font-size:14px; }
.ts-menu-close,#ts-menu-fab { border-radius:50%; }
body:not(.ts-home) .sticky-header a[aria-label="Terug naar home"] .font-bold { font-family:var(--atlas-serif); font-size:43px; }
.visitor-footer { position:relative; overflow:hidden; margin-top:60px; padding:60px 54px 30px; background:#293d35; }
.footer-inner { max-width:1292px; margin-inline:auto; align-items:start; }
.footer-brand { font-size:clamp(80px,12vw,180px); line-height:.8; letter-spacing:-.07em; gap:35px; }
.footer-brand span { font:400 50px/1 var(--atlas-sans); }
.footer-inner p { font-size:12px; max-width:280px; margin-top:30px; }
.footer-inner nav { gap:20px 34px; padding-top:10px; }
.footer-inner nav a { font:400 12px/1.6 var(--atlas-sans); }
.footer-bottom { max-width:1292px; margin:55px auto 0; font-size:10px; }
.store-dialog { border:0; border-radius:0; }
.store-dialog h2 { font-size:46px; line-height:1; }
.store-dialog p { font-size:13px; }
.store-dialog > img { filter:saturate(.6); }
.map-brand { font-size:40px; }
.map-route h2 { font-size:28px; }
/* Motion is a quiet response to intent; content never depends on animation. */
@media(prefers-reduced-motion:no-preference) {
 .atlas-opening h1 { animation:atlas-enter .8s both; }
 .atlas-intro { animation:atlas-enter .8s .12s both; }
 .atlas-image-frame { animation:atlas-enter 1s .15s both; }
 @keyframes atlas-enter { from { opacity:0; translate:0 15px; } to { opacity:1; translate:0 0; } }
}
@media(min-width:761px) and (max-width:1100px) {
 .atlas-opening-top { grid-template-columns:minmax(0,1fr) 235px; gap:25px; }
 .atlas-opening h1 { font-size:10vw; }
 .atlas-image-frame { height:370px; }
 .atlas-route-note { width:205px; top:55px; }
 #cardsGrid .podcard { grid-column:span 6; }
 #cardsGrid .podcard:nth-child(1),#cardsGrid .podcard:nth-child(2) { grid-column:span 6; }
 .ts-home .podcard:nth-child(1) > a > img { height:350px; }
 .ts-home .podcard:nth-child(2) > a > img { height:245px; }
 .ts-home .hero-side-card { column-gap:35px; }
 .atlas-history-image { padding:30px 0 30px 30px; }
 .ts-home .hero-card-title { font-size:48px; padding-right:30px; }
 .ts-home .hero-mini-steps { padding-right:30px; }
 .ts-home .atlas-reading { gap:40px; }
}
@media(max-width:760px) {
 .header-shell { min-height:78px; padding-inline:22px; }
 .header-shell::after { left:22px; right:22px; }
 .brand-name { font-size:36px; }
 .brand-mark { width:24px; transform:scale(.85); transform-origin:left center; }
 .header-actions,.header-cluster { gap:12px; }
 .header-menu { width:40px; height:40px; min-height:40px; }
 .atlas-opening { padding:36px 22px 0; }
 .atlas-opening-top { display:block; padding-bottom:25px; }
 .atlas-opening h1 { font-size:clamp(64px,15.8vw,112px); line-height:.83; }
 .atlas-opening h1 em { margin-top:8px; }
 .atlas-intro { margin-top:26px; display:grid; grid-template-columns:1fr; gap:14px; }
 .atlas-intro p { font-size:12px; line-height:1.8; margin:0; max-width:340px; }
 .atlas-explore { justify-content:flex-start; font-size:12px; gap:18px; }
 .atlas-arrow { width:38px; height:38px; font-size:22px; }
 .atlas-image-spread { padding-left:35px; padding-bottom:45px; }
 .atlas-image-frame { height:320px; }
 .atlas-image-frame img { object-position:55% center; }
 .atlas-route-note { width:147px; top:auto; bottom:12px; padding:13px; }
 .atlas-note-top { font-size:20px; padding-bottom:9px; gap:6px; }
 .atlas-note-top > span:last-child { font-size:15px; }
 .atlas-route-note .atlas-route-drawing { height:90px; margin:6px 0; }
 .atlas-note-bottom { font-size:9px; padding-top:9px; }
 .atlas-margin-note { font-size:7px; bottom:23px; }
 .ts-home main { padding-inline:22px; }
 .ts-home #wandelingen { padding-top:40px; }
 .catalog-heading h2 { font-size:43px !important; }
 .catalog-heading { margin-bottom:20px; gap:18px; }
 .catalog-heading > .btn-soft { font-size:11px; }
 .distance-filters { gap:17px; margin-bottom:20px; }
 .distance-filters button { font-size:10px; }
 #wandelingen #zoekveld,#wandelingen #sorteer { font-size:16px; }
 #cardsGrid { grid-template-columns:1fr; gap:36px; }
 #cardsGrid .podcard,#cardsGrid .podcard:nth-child(1),#cardsGrid .podcard:nth-child(2) { grid-column:1; padding-top:0; }
 .ts-home .podcard > a > img,.ts-home .podcard:nth-child(1) > a > img,.ts-home .podcard:nth-child(2) > a > img { height:275px; }
 .ts-home .podcard:nth-child(3n+2) > a { margin-left:28px; }
 .ts-home .podcard:nth-child(3n+2) > a > img { height:310px; }
 .ts-home .podcard h2,.ts-home .podcard:nth-child(-n+2) h2 { font-size:40px; }
 .ts-home .podcard > .p-5 { padding-top:20px; }
 .atlas-card-contour { top:18px; width:52px; height:52px; }
 .ts-home .app-showcase { margin:60px -22px 0; }
 .ts-home .hero-side-card { display:block; padding:30px 22px 35px; }
 .atlas-history-image { padding:0; min-height:0; height:280px; margin-bottom:30px; }
 .ts-home .hero-card-title { padding:0; font-size:51px; }
 .ts-home .hero-mini-steps { padding:0; gap:26px; margin-top:28px; }
 .ts-home main > section.panel:not(#wandelingen) { padding:36px 0; margin-top:40px; }
 .ts-home main > section.panel:not(#wandelingen) h2 { font-size:39px; }
 .ts-home .atlas-reading { grid-template-columns:1fr; gap:50px; }
 .atlas-reading > div:last-child { padding:40px 25px 28px; }
 .ts-route .hero h1 { font-size:48px; }
 .ts-route .sectietitel { font-size:35px; }
 .ts-route .card { padding:28px 0; }
 .ts-route .hero-content { bottom:25px; }
 .ts-help h1,.ts-info h1,.ts-legal .legal h1 { font-size:46px; }
 .visitor-footer { padding:40px 22px 26px; }
 .footer-inner { gap:35px; }
 .footer-brand { font-size:89px; gap:20px; }
 .footer-brand span { font-size:36px; }
 .footer-inner p { margin-top:20px; }
 .footer-inner nav { gap:16px 28px; }
 .footer-bottom { margin-top:35px; }
}
@media(prefers-reduced-motion:reduce) {
 .atlas-route-note,.atlas-arrow,.ts-home .podcard > a > img,.ts-menu-link::after { transition:none; }
 .atlas-route-note:hover { transform:rotate(-3deg); }
}
/* A continuous walking line is used as the small brand signature. */
.brand-mark { width:30px; height:38px; color:var(--coral); }
.brand-mark::before,.brand-mark::after { display:none; }
.brand-mark svg { display:block; width:100%; height:100%; }
.atlas-card-contour polyline { stroke-width:3; }
.atlas-card-contour circle { r:5px; }
.atlas-opening:lang(de) h1 { font-size:clamp(70px,8.1vw,125px); }
.atlas-opening:lang(en) h1 { font-size:clamp(75px,8.5vw,135px); }
@media(max-width:760px) {
 .atlas-intro p { font-size:14px; line-height:1.8; }
 .atlas-explore { font-size:13px; }
 .atlas-arrow { width:44px; height:44px; }
 .atlas-opening:lang(de) h1 { font-size:clamp(44px,11.2vw,78px); }
 .atlas-opening:lang(en) h1 { font-size:clamp(49px,12.8vw,90px); }
 .distance-filters button { font-size:11px; }
 .ts-home .podcard .rounded-full,.ts-home .podcard .trailbtn { font-size:12px; }
}
.atlas-reading > div:last-child { display:flex; align-items:center; justify-content:center; }
.atlas-reading > div:last-child::before { content:''; width:42px; height:1px; background:var(--coral); top:40px; left:35px; }
.ts-home main > section.panel .atlas-reading > div:last-child p { font:500 clamp(31px,3.2vw,48px)/1.15 var(--atlas-serif) !important; color:var(--ink) !important; letter-spacing:-.025em; margin:0; }
.ts-home .podcard[data-route=werkspoorkwartier] h2 { font-size:32px; }
.ts-home .podcard h2 { overflow-wrap:anywhere; }
.ts-route .hero h1 { overflow-wrap:anywhere; }
@media(prefers-reduced-motion:no-preference) {
 @keyframes atlas-enter { from { translate:0 9px; } to { translate:0 0; } }
}
@media(max-width:760px) {
 .atlas-reading > div:last-child { min-height:250px; }
 .ts-home .podcard[data-route=werkspoorkwartier] h2 { font-size:34px; }
}
/* Intermediate widths keep the navigation in one line; languages remain in Menu. */
@media(max-width:1000px) {
 .ts-home .header-shell { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
 .ts-home .header-actions { width:auto; flex-wrap:nowrap; }
 .ts-home .header-cluster { width:auto; flex:none; display:flex; }
 .ts-home .header-actions .lang-switch { display:none; }
}
@media(max-width:760px) {
 .atlas-opening h1 { font-size:clamp(54px,15.8vw,112px); }
}
#resultCount { font-size:12px; }
#wandelingen label { font-size:12px; }
.lang-pill { font-size:11px; }
/* Filtered photographs create a stacking context; dialog controls stay above them. */
.store-dialog .dialog-close { z-index:2; }
@media(max-width:760px) { .footer-brand { font-size:clamp(60px,21vw,89px); } }
/* Illustrated atlas objects complement the restrained, matching control glyphs. */
.atlas-ui-icon { display:inline-block; vertical-align:middle; flex-shrink:0; width:20px; height:20px; }
.atlas-arrow .atlas-ui-icon { width:24px; height:24px; }
.ts-home .hero-mini-step { align-items:center; gap:22px; }
.ts-home .hero-mini-step:not(:last-child)::after { display:none; }
.atlas-step-illustration { display:block; width:108px; height:108px; object-fit:contain; flex:0 0 108px; }
.ts-home .hero-mini-steps { gap:12px; margin-top:20px; }
.ts-home .hero-mini-step strong { font-size:17px; }
.ts-home .hero-mini-step span { font-size:13px; }
.ts-menu-close .atlas-ui-icon,.site-menu-trigger .atlas-ui-icon { width:18px; height:18px; }
@media(max-width:760px) {
 .atlas-step-illustration { width:88px; height:88px; flex-basis:88px; }
 .ts-home .hero-mini-step { gap:18px; }
 .ts-home .hero-mini-step strong { font-size:16px; }
 .ts-home .hero-mini-steps { gap:16px; }
}

/* Engraved adventure: generated artwork frames live, accessible HTML and map data. */
:root { --paper:#efe3c8; --ink:#183d31; --accent:#923e31; --muted:#57604c; --coral:#a63a2c; --line:#29433240; }
body { background:#efe3c8; }
.sticky-header { background:#102d24f7; color:#f3e4bf; border-bottom:1px solid #b7a27166; }
.sticky-header .brand-name,.sticky-header a,.sticky-header button { color:#f3e4bf !important; }
.header-shell::after { display:none; }
.brand-mark::before,.brand-mark::after { border-color:#d3ac69; }
.header-pill.primary { border-bottom-color:#b6a071; }
.lang-pill.active,.lang-pill[aria-current] { border-color:#c9ad70; }
.adventure-cover { position:relative; isolation:isolate; min-height:680px; height:calc(100svh - 98px); max-height:880px; background:#10291f; overflow:hidden; }
.adventure-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 48%; z-index:-2; }
.adventure-cover::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#071c16b8 0%,#071c1670 30%,transparent 65%),linear-gradient(0deg,#071c1699,transparent 22%); }
.adventure-copy { max-width:650px; padding:clamp(80px,9vh,130px) 0 100px clamp(28px,6vw,100px); }
.adventure-kicker { display:block; font-size:10px; color:#e6c88a; letter-spacing:.22em; text-transform:uppercase; margin-bottom:32px; }
.adventure-copy h1 { font:400 clamp(78px,7vw,116px)/.88 var(--atlas-serif) !important; letter-spacing:-.045em; color:#fff1d2 !important; margin:0 0 30px; text-shadow:0 2px 18px #061b17; }
.adventure-copy h1 em { font-weight:400; color:#dfbc72; }
.adventure-copy p { max-width:310px; color:#f3e4c9; font-size:14px; line-height:1.85; margin:0 0 30px; text-shadow:0 1px 5px #102d24; }
.adventure-button { display:flex; width:max-content; max-width:100%; gap:35px; align-items:center; background:#8d342c; color:#fff0ce; padding:17px 22px; border:1px solid #d7b56b; outline:1px solid #d7b56b88; outline-offset:4px; text-decoration:none; font-size:13px; box-shadow:0 6px 20px #061b1766; }
.adventure-button:hover { background:#a34331; }
.adventure-button span { font-size:22px; }
.adventure-secondary { display:flex; gap:25px; width:max-content; color:#f5e3bb; margin-top:26px; font-size:12px; text-decoration:none; }
.adventure-caption { position:absolute; bottom:20px; right:25px; color:#f6e6c6; font-size:9px; text-shadow:0 1px 4px #001c13; }
.adventure-scroll { position:absolute; bottom:20px; left:6vw; color:#e9c981; font-size:24px; }
.time-atlas { background:#173e30; color:#f8edce; padding:68px 54px 30px; scroll-margin-top:98px; }
.time-atlas-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; max-width:1400px; margin:0 auto 30px; }
.atlas-chapter { font:italic 18px/1 var(--atlas-serif); color:#d7b777; }
.time-atlas-heading h2 { font:400 clamp(40px,4.6vw,70px)/1 var(--atlas-serif); margin:16px 0 0; color:#ffefd0 !important; }
.time-atlas-heading p { max-width:290px; font-size:12px; line-height:1.9; color:#e1d7b9; }
.time-atlas-toolbar { display:flex; justify-content:space-between; align-items:center; max-width:1400px; margin:0 auto 20px; border-top:1px solid #bca56f66; padding-top:18px; }
.time-years { display:flex; gap:10px; }
.time-years button { background:none; border:1px solid #bca56f66; color:#f0dfb8; min-width:82px; min-height:44px; font:24px/1 var(--atlas-serif) !important; cursor:pointer; }
.time-years button[aria-pressed=true] { background:#d6b779; border-color:#d6b779; color:#203e2e; }
.time-reset { color:#f0dfb8; background:none; border:0; font-size:11px; cursor:pointer; min-height:44px; }
.time-reset span { margin-left:14px; font-size:23px; }
.time-atlas-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:25px; max-width:1400px; margin:auto; }
.time-map-frame { position:relative; padding:26px; min-width:0; background:#173628; }
#time-map { width:100%; height:540px; background:#e9ddbf; z-index:0; border:1px solid #ab9054; }
.time-map-ornament { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:2; }
#time-map-status { position:absolute; top:80px; left:65px; right:65px; background:#fff2d9; color:#5e2823; padding:12px; font-size:12px; z-index:3; box-shadow:0 3px 12px #10291f30; }
#time-map-status[hidden] { display:none; }
#time-map .leaflet-control-attribution { font-size:9px; background:#fff2d9e8; }
#time-map .leaflet-control-zoom { margin:30px 30px 0 0; box-shadow:0 2px 8px #10291f66; border:1px solid #715b38; }
#time-map .leaflet-control-zoom a { background:#f5e6c6; color:#253f2e; }
#time-map .leaflet-tooltip { background:#183d31; border-color:#e6c88a; color:#fff0ce; box-shadow:0 2px 8px #10291f55; font-family:var(--atlas-sans); }
.time-seal-marker { background:none; border:0; }
.time-seal-marker span { display:grid; place-items:center; width:38px; height:38px; background:#91372e; color:#fff0ce; border:2px solid #f1dba7; outline:1px solid #823229; border-radius:50% 50% 50% 0; transform:rotate(-45deg); box-shadow:-3px 3px 9px #2a302666; font:600 17px/1 var(--atlas-serif); }
.time-seal-marker span { border-radius:50%; transform:none; }
.time-seal-marker.is-selected span { background:#103f30; outline:3px solid #c99d4c; }
.time-route-panel { min-width:0; background:#eadbb8 url('/assets/atlas-art/route-panel-v1.webp') center/100% 100% no-repeat; padding:100px 34px 145px; color:#253d2d; position:relative; }
.time-route-panel label { display:block; font-size:10px; margin-bottom:8px; }
.time-route-panel select { display:block; max-width:100%; width:100%; background:#f7ecd0; color:#253d2d; border:1px solid #958454; border-radius:0; padding:10px 5px; font-size:12px; }
.time-route-number { display:block; font:italic 27px/1 var(--atlas-serif); color:#973e30; margin:25px 0 12px; }
.time-route-panel h3 { font:500 36px/1 var(--atlas-serif); color:#253d2d !important; margin:0 0 18px; overflow-wrap:anywhere; }
.time-route-panel p { font-size:12px; line-height:1.7; color:#4f5139; }
.time-coordinate-label { margin-top:20px; font-size:9px !important; }
#time-route-coords { font-variant-numeric:tabular-nums; }
.time-route-link { display:block; border-top:1px solid #92845a88; padding-top:14px; margin-top:22px; color:#763228; font-size:12px; text-decoration:none; }
.time-map-source { display:flex; justify-content:space-between; gap:20px; max-width:1400px; margin:16px auto 0; font-size:9px; line-height:1.7; color:#d3c8a9; }
.time-map-source p { margin:0; }
.time-map-source a { color:#eadbb2; white-space:nowrap; }
.time-atlas :focus-visible,.adventure-cover :focus-visible { outline:3px solid #e6b963; outline-offset:4px; }
.ts-home #wandelingen { margin-top:35px; }
.ts-home .podcard .p-5 { border-color:#9c8254; }
.ts-home .hero-side-card { border:1px solid #ab925c; outline:1px solid #ab925c; outline-offset:6px; background:#173e30; }
.atlas-reading > div:last-child { background:#e5d5b3 url('/assets/atlas-art/route-panel-v1.webp') center/100% 100%; padding:95px 55px 150px; }
.atlas-reading > div:last-child::before { display:none; }
.visitor-footer { background:#102d24; }
.visitor-footer::before { content:''; position:absolute; inset:0; background:url('/assets/atlas-art/utrecht-world-v1.webp') center 65%/cover; opacity:.16; pointer-events:none; }
.visitor-footer > * { position:relative; }
@media(max-width:1100px) { .time-atlas { padding-inline:30px; } .time-atlas-layout { grid-template-columns:minmax(0,1fr) 260px; gap:12px; } .time-route-panel { padding-inline:28px; } .adventure-copy { max-width:520px; } }
@media(max-width:760px) {
 .adventure-cover { min-height:660px; height:calc(100svh - 78px); max-height:850px; }
 .adventure-art { object-position:62% center; }
 .adventure-cover::after { background:linear-gradient(90deg,#071c16d9, #071c1680 65%,#071c1622),linear-gradient(0deg,#071c16c9,transparent 35%); }
 .adventure-copy { padding:75px 26px 80px; max-width:480px; }
 .adventure-kicker { margin-bottom:25px; font-size:9px; }
 .adventure-copy h1 { font-size:clamp(62px,14vw,94px) !important; }
 .adventure-copy p { font-size:13px; max-width:255px; }
 .adventure-caption { font-size:7px; right:18px; max-width:230px; text-align:right; }
 .time-atlas { padding:40px 18px 24px; scroll-margin-top:78px; }
 .time-atlas-heading { display:block; margin-bottom:24px; }
 .time-atlas-heading h2 { font-size:44px; }
 .time-atlas-heading p { max-width:340px; margin-top:15px; }
 .time-years { gap:6px; }
 .time-years button { min-width:58px; font-size:21px !important; }
 .time-reset { font-size:9px; max-width:125px; }
 .time-reset span { margin-left:5px; }
 .time-atlas-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
 .time-map-frame { padding:14px; }
 #time-map { height:410px; }
 #time-map .leaflet-control-zoom { margin:12px; }
 .time-map-ornament { object-fit:fill; }
 #time-map-status { left:35px; right:35px; }
 .time-route-panel { min-height:500px; padding:100px 45px 145px; }
 .time-route-panel h3 { font-size:35px; }
 .time-route-number { margin-top:20px; }
 .time-map-source { font-size:8px; }
 .atlas-reading > div:last-child { padding:80px 40px 140px; }
}
@media(max-width:380px) { .adventure-copy h1 { font-size:56px !important; } .time-atlas-heading h2 { font-size:38px; } .time-route-panel { padding-inline:35px; } }
html[lang="de"] .adventure-copy h1 { font-size:clamp(48px,5.6vw,90px) !important; overflow-wrap:anywhere; }
.time-cluster { background:#e6cc8c; border:2px solid #754d26; outline:3px double #edd8a1; border-radius:50%; color:#203f2b; box-shadow:0 3px 12px #10291f66; }
.time-cluster > span { display:flex; align-items:center; justify-content:center; height:100%; font:600 21px/1 var(--atlas-serif); }
.time-cluster small { font:12px var(--atlas-sans); }
.time-route-link { background:#f4e8ceeb; padding:10px 6px; }
.sticky-header .brand-mark { color:#dfb66e; }
.sticky-header .header-menu { border-color:#c8af7666 !important; }
.time-map-actions { display:flex; align-items:center; gap:8px; }
.time-map-actions > button:not(.time-reset) { background:#ead5a0; color:#173e30; width:40px; height:44px; border:1px solid #bca56f; font-size:24px; cursor:pointer; }
.time-map-actions > button:disabled { opacity:.45; cursor:default; }
.time-map-actions .time-reset { margin-left:12px; }
@media(max-width:760px) { .time-atlas-toolbar { flex-wrap:wrap; gap:14px; } .time-map-actions { width:100%; } .time-map-actions .time-reset { margin-left:auto; max-width:none; } }

/* ImageGen illustration based on the 1695 Utrecht map; gentle camera motion. */
.adventure-art {
 object-position:64% 57%;
 filter:none;
 transform:scale(1.10);
 transform-origin:64% 57%;
}
.adventure-cover::after {
 background:linear-gradient(90deg,#071c16f5 0%,#071c16df 20%,#071c1670 42%,#071c1608 68%),linear-gradient(0deg,#071c16b8,transparent 24%,transparent 80%,#071c1655);
}
.adventure-cover::before {
 content:''; position:absolute; inset:20px; z-index:0;
 border:1px solid #e0bc7160; pointer-events:none;
 box-shadow:inset 0 0 0 5px #10291f18;
}
.adventure-copy,.adventure-caption,.adventure-scroll { position:relative; z-index:1; }
.adventure-caption { position:absolute; padding:7px 11px; background:#10291fcc; border:1px solid #e0bc7140; }
.adventure-scroll { position:absolute; }
@media (prefers-reduced-motion:no-preference) {
 .adventure-art { animation:utrecht-flight 18s ease-in-out infinite alternate; }
 @keyframes utrecht-flight {
  from { transform:scale(1.06) translate3d(1%,1%,0); }
  to { transform:scale(1.24) translate3d(-3%,-2%,0); }
 }
}
@media(max-width:760px) {
 .adventure-art { object-position:59% 58%; transform-origin:59% 58%; }
 .adventure-cover::before { inset:12px; }
 .adventure-cover::after { background:linear-gradient(90deg,#071c16eb,#071c16a6 52%,#071c1633),linear-gradient(0deg,#071c16c9,transparent 35%); }
 .adventure-caption { bottom:22px; right:22px; }
}

/* ImageGen atlas engravings, with explicit size to prevent layout shifts. */
img.atlas-illustrated-icon { display:inline-block; width:32px; height:32px; min-width:32px; object-fit:contain; vertical-align:middle; flex-shrink:0; }
.lang-switch { align-items:center; }
.lang-switch > .atlas-illustrated-icon { width:26px; height:26px; min-width:26px; margin-right:3px; }
.ts-menu-lang-label { display:flex; align-items:center; gap:8px; }
.trailbtn,.trailer-btn { align-items:center; gap:7px; }
.trailbtn > .atlas-illustrated-icon,.trailer-btn > .atlas-illustrated-icon { width:26px; height:26px; min-width:26px; }
.header-pill > .atlas-illustrated-icon { width:28px; height:28px; min-width:28px; }
@media(max-width:480px) {
 .lang-switch > .atlas-illustrated-icon { width:22px; height:22px; min-width:22px; margin-right:0; }
 .podcard img.atlas-illustrated-icon { width:28px; height:28px; min-width:28px; }
}

/* ImageGen frames: only the ornament is raster artwork. All copy and state
   remain live HTML. Nine-slice borders keep corners intact as text wraps. */
:root {
 --atlas-control-frame:url('/assets/atlas-icons/button-frame-v1.webp');
 --atlas-label-frame:url('/assets/atlas-icons/label-frame-v1.webp');
}
body :is(.btn-primary,.btn-soft,.header-pill,.pill-link,.route-knop,.cta-button,.cta-link,.mobile-action,.adventure-button,.store-choice,.time-route-link,.time-reset,.distance-filters button,.time-years button,.ts-lang-chip,.lang-pill,.trailbtn) {
 border:10px solid transparent !important;
 border-image:var(--atlas-label-frame) 64 fill / 10px / 0 stretch !important;
 border-radius:0 !important;
 background:#f1ead9 !important;
 color:#203f2b !important;
 box-shadow:none !important;
 outline-offset:3px;
 min-height:44px;
 max-width:100%;
 padding:5px 12px !important;
 line-height:1.45;
 white-space:normal;
 overflow-wrap:anywhere;
 text-align:center;
 text-decoration:none;
 transition:filter .15s ease;
}
body :is(.btn-primary,.header-pill.primary,.cta-button,.cta-link,.mobile-action.primary,.adventure-button,.smart-store-link,.distance-filters button[aria-pressed="true"],.time-years button[aria-pressed="true"],.ts-lang-chip.active,.lang-pill.active,.trailbtn[aria-pressed="true"]) {
 border-image-source:var(--atlas-control-frame) !important;
 background:#203f2b !important;
 color:#fff0ce !important;
}
body :is(.btn-primary,.btn-soft,.header-pill,.pill-link,.route-knop,.cta-button,.cta-link,.mobile-action,.adventure-button,.store-choice,.time-route-link,.time-reset,.distance-filters button,.time-years button,.ts-lang-chip,.lang-pill,.trailbtn):hover {
 filter:brightness(1.1);
}
body :is(a,button):focus-visible { outline:3px solid #b95544 !important; outline-offset:4px; }
body :is(button:disabled,[aria-disabled="true"]) { opacity:.5; cursor:not-allowed; filter:none; }
body :is(.meta-row .chip,.podcard span.rounded-full,.meta-pill,.spotlight-chip,.device-badge) {
 border:8px solid transparent !important;
 border-image:var(--atlas-label-frame) 64 fill / 8px / 0 stretch !important;
 background:#f1ead9 !important;
 color:#203f2b !important;
 border-radius:0 !important;
 padding:2px 6px !important;
 min-height:36px;
 max-width:100%;
 white-space:normal;
 gap:6px;
}
body .distance-filters { gap:8px; border-bottom:0; }
body .lang-switch { gap:3px; background:transparent; }
body :is(.lang-pill,.ts-lang-chip) { padding:2px 7px !important; min-width:44px; }
body .podcard > .p-5 > .btn-primary::after { color:inherit; }
/* Card photography rules must never resize the small illustrated icons. */
body .podcard img.atlas-illustrated-icon { width:28px; height:28px; min-width:28px; object-fit:contain; transform:none; filter:none; }
@media(max-width:480px) {
 body :is(.btn-primary,.btn-soft,.pill-link,.route-knop,.distance-filters button) { padding-inline:7px !important; }
 body .meta-row { gap:6px; }
 body .meta-row .chip { margin-right:0; }
}
@media(prefers-reduced-motion:reduce) {
 body :is(a,button) { transition:none !important; }
}
body.ts-route .top-actions .lang-switch { background:transparent; box-shadow:none; }
body :is(.site-menu-trigger,#ts-menu-fab,.ts-menu-close,.header-menu,.time-map-actions > button:not(.time-reset)) {
 border:8px solid transparent !important;
 border-image:var(--atlas-label-frame) 64 fill / 8px / 0 stretch !important;
 background:#f1ead9 !important;
 color:#203f2b !important;
 border-radius:0 !important;
 min-width:44px;
 min-height:44px;
 padding:3px !important;
 box-shadow:none !important;
}

/* A reusable paper tile adds material without a large full-page image. */
body {
 background-color:#f1ead9;
 background-image:linear-gradient(#f1ead966,#f1ead966),url('/assets/atlas-art/paper-v1.webp');
 background-repeat:repeat;
 background-size:auto,512px 512px;
}
.ts-home #wandelingen::before,.ts-route .route-start-card::before {
 content:'';
 display:block;
 width:min(100%,560px);
 height:100px;
 margin:0 auto 22px;
 background:url('/assets/atlas-art/divider-v1.webp') center / contain no-repeat;
 pointer-events:none;
}
.ts-route .route-start-card::before { height:75px; margin-bottom:25px; }
body.ts-route .route-excerpt,body.ts-route .omschrijving { color:#3e4d40; }
body.ts-route .hero::before { background:linear-gradient(0deg,#10291fe6,transparent 88%); }
.ts-home .catalog-heading { align-items:center; }
@media(max-width:600px) {
 .ts-home #wandelingen::before { height:66px; margin-bottom:18px; }
 .ts-route .route-start-card::before { height:58px; margin-bottom:18px; }
}
@media print {
 body { background:#fff; }
 .ts-home #wandelingen::before,.ts-route .route-start-card::before { display:none; }
}

/* The atlas contents share the paper and ornament already downloaded. */
body #ts-menu-sheet {
 background:#f1ead9 url('/assets/atlas-art/paper-v1.webp') repeat;
 background-size:512px;
 border-left:1px solid #bd9555;
 padding:30px clamp(20px,4vw,40px);
}
.ts-menu-head { border-bottom:1px solid #bd955566; padding-bottom:16px; }
body .ts-menu-title { font-size:42px; color:#203f2b; }
.ts-menu-list::before {
 content:''; display:block; height:65px;
 background:url('/assets/atlas-art/divider-v1.webp') center/contain no-repeat;
 margin:5px 0 12px; pointer-events:none;
}
body .ts-menu-link { display:flex; align-items:baseline; gap:18px; padding:14px 4px; }
.atlas-menu-number { color:#907242; width:30px; flex-shrink:0; font:20px var(--atlas-serif); }
body .ts-menu-link-title { font:500 24px/1.2 var(--atlas-serif) !important; color:#203f2b; }
body .ts-menu-link:hover { background:#bd955512; }
body .ts-menu-link:focus-visible { outline:2px solid #923e31; outline-offset:2px; }

/* The brass player uses live button state and a native progress element. */
body.ts-route .trailer-btn.card {
 border:12px solid transparent;
 border-image:var(--atlas-control-frame) 64 fill / 12px / 0 stretch;
 background:#203f2b;
 color:#fff0ce;
 padding:14px 16px;
 margin-bottom:0;
 border-radius:0;
}
body.ts-route .trailer-title { color:#fff0ce; }
body.ts-route .trailer-sub { color:#e3d8bb; }
body.ts-route .circle-icon { background:#bd9555; color:#203f2b; }
body.ts-route .circle-icon svg { color:#203f2b; }
body.ts-route .trailer-left { min-width:0; }
body.ts-route .trailer-btn > .trailer-right { display:none; }
.atlas-audio-timeline { display:flex; gap:14px; align-items:center; padding:12px 0 22px; margin-bottom:20px; border-bottom:1px solid #bd955566; }
.atlas-audio-timeline progress { flex:1; min-width:0; width:100%; height:7px; accent-color:#907242; border:0; border-radius:0; background:#203f2b22; }
.atlas-audio-timeline progress::-webkit-progress-bar { background:#203f2b22; }
.atlas-audio-timeline progress::-webkit-progress-value { background:#907242; }
.atlas-audio-timeline progress::-moz-progress-bar { background:#907242; }
.atlas-audio-timeline span { font:12px var(--atlas-sans); font-variant-numeric:tabular-nums; color:#405541; min-width:72px; text-align:right; }
@media(max-width:600px) {
 body .ts-menu-title { font-size:34px; }
 body.ts-route .trailer-btn.card { padding:10px 6px; }
 body.ts-route .trailer-left { gap:10px; }
}

/* Movement belongs to the camera, never to the historical street geometry. */
.adventure-motion { position:absolute; z-index:2; bottom:55px; right:25px; min-height:44px; padding:9px 14px; border:1px solid #d7b56b88; background:#10291fe8; color:#f6e6c6; font:12px var(--atlas-sans); cursor:pointer; }
.adventure-motion[hidden] { display:none; }
.adventure-cover.motion-paused .adventure-art { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { .adventure-art { animation:none; } }

/* Compact trailer controls retain a comfortable touch target. */
body.ts-home #cardsGrid .podcard .trailbtn {
 border-width:6px !important;
 border-image-width:6px !important;
 padding:2px 7px !important;
 min-height:44px;
 height:auto;
 align-self:center;
 flex:none;
 gap:6px;
}
body.ts-home #cardsGrid .trailbtn > .atlas-illustrated-icon {
 width:22px; height:22px; min-width:22px; flex:none;
}

/* Keep the engraved reading panel in its original portrait proportions. */
.ts-home .atlas-reading > div:last-child {
  box-sizing:border-box;
  width:100%;
  max-width:420px;
  aspect-ratio:2 / 3;
  min-height:0;
  justify-self:center;
  align-self:center;
  padding:80px 58px 150px;
  background-size:100% 100%;
}
.ts-home main > section.panel .atlas-reading > div:last-child p {
  font-size:clamp(25px,3.8vw,36px) !important;
  line-height:1.22 !important;
  text-align:center;
  text-wrap:balance;
}
@media(max-width:480px) {
  .ts-home .atlas-reading > div:last-child { padding:68px 46px 125px; }
}

/* Shared button feedback: brief, deliberate movement without layout shifts. */
html body :is(.btn-primary,.btn-soft,.header-pill,.pill-link,.route-knop,.cta-button,.cta-link,.mobile-action,.adventure-button,.store-choice,.time-route-link,.time-reset,.distance-filters button,.time-years button,.ts-lang-chip,.lang-pill,.trailbtn,.small-link,.atlas-download.atlas-download.atlas-download,.atlas-store.atlas-store.atlas-store) {
 transform:none;
 transition:transform .16s ease-out,filter .16s ease-out;
}
@media (hover:hover) and (pointer:fine) {
 html body :is(.btn-primary,.btn-soft,.header-pill,.pill-link,.route-knop,.cta-button,.cta-link,.mobile-action,.adventure-button,.store-choice,.time-route-link,.time-reset,.distance-filters button,.time-years button,.ts-lang-chip,.lang-pill,.trailbtn,.small-link,.atlas-download.atlas-download.atlas-download,.atlas-store.atlas-store.atlas-store):hover:not(:disabled):not([aria-disabled="true"]) {
  transform:translateY(-1px);
  filter:brightness(1.08);
 }
}
html body :is(.btn-primary,.btn-soft,.header-pill,.pill-link,.route-knop,.cta-button,.cta-link,.mobile-action,.adventure-button,.store-choice,.time-route-link,.time-reset,.distance-filters button,.time-years button,.ts-lang-chip,.lang-pill,.trailbtn,.small-link,.atlas-download.atlas-download.atlas-download,.atlas-store.atlas-store.atlas-store):active:not(:disabled):not([aria-disabled="true"]) {
 transform:translateY(1px) scale(.985);
 filter:brightness(.96);
 transition-duration:.08s;
}
html body :is(.btn-primary,.btn-soft,.header-pill,.pill-link,.route-knop,.cta-button,.cta-link,.mobile-action,.adventure-button,.store-choice,.time-route-link,.time-reset,.distance-filters button,.time-years button,.ts-lang-chip,.lang-pill,.trailbtn,.small-link,.atlas-download.atlas-download.atlas-download,.atlas-store.atlas-store.atlas-store):is(:disabled,[aria-disabled="true"]) {
 transform:none;
 filter:none;
}
@media (prefers-reduced-motion:reduce) {
 html body :is(.btn-primary,.btn-soft,.header-pill,.pill-link,.route-knop,.cta-button,.cta-link,.mobile-action,.adventure-button,.store-choice,.time-route-link,.time-reset,.distance-filters button,.time-years button,.ts-lang-chip,.lang-pill,.trailbtn,.small-link,.atlas-download.atlas-download.atlas-download,.atlas-store.atlas-store.atlas-store),
 html body :is(.btn-primary,.btn-soft,.header-pill,.pill-link,.route-knop,.cta-button,.cta-link,.mobile-action,.adventure-button,.store-choice,.time-route-link,.time-reset,.distance-filters button,.time-years button,.ts-lang-chip,.lang-pill,.trailbtn,.small-link,.atlas-download.atlas-download.atlas-download,.atlas-store.atlas-store.atlas-store):is(:hover,:active) {
  transform:none !important;
  transition:none;
 }
}