.routeends--band{background:var(--wp--preset--color--band);grid-template-columns:1fr 1fr;block-size:clamp(15rem,37vw,34rem);display:grid;position:relative}.routeends__end{min-inline-size:0;margin:0;position:relative;overflow:hidden}.routeends__img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.routeends__end:after{content:"";background:linear-gradient(180deg, transparent 35%, color-mix(in srgb, var(--wp--preset--color--ink) 72%, transparent));position:absolute;inset:0}.routeends__end--plain{background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--wp--preset--color--accent) 35%, transparent), transparent 55%), var(--wp--preset--color--band)}.routeends__end--plain:after{content:none}.routeends__end+.routeends__end.routeends__end--plain{background:radial-gradient(circle at 20% 80%, color-mix(in srgb, var(--wp--preset--color--accent) 35%, transparent), transparent 55%), var(--wp--preset--color--band)}.routeends__cap{z-index:1;color:var(--wp--preset--color--base);gap:.2rem;display:grid;position:absolute;inset-block-end:clamp(1rem,2.5vw,2rem);inset-inline-start:clamp(1rem,3vw,2.5rem)}.routeends__end+.routeends__end .routeends__cap{text-align:end;inset-inline:auto clamp(1rem,3vw,2.5rem)}.routeends__label{color:var(--wp--preset--color--accent-on-ink);font-weight:var(--wp--custom--font-weight--strong);font-size:var(--wp--preset--font-size--meta)}.routeends__city{font-family:var(--wp--preset--font-family--heading);font-weight:var(--wp--custom--font-weight--heading);letter-spacing:var(--wp--custom--tracking--xl);font-size:clamp(1.5rem,4.2vw,3.6rem);line-height:1}.routeends__badge{z-index:2;aspect-ratio:1;background:var(--wp--preset--color--accent-on-ink);inline-size:clamp(3.25rem,6vw,5.5rem);color:var(--wp--preset--color--band);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--wp--preset--color--ink) 30%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.routeends__badge svg,.routeends__mid svg{block-size:45%;inline-size:45%}.routeends--compare{padding-block:var(--wp--custom--rhythm--section)}.routeends__grid{border:1px solid var(--wp--preset--color--hairline);border-radius:var(--wp--custom--radius--lg);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.routeends__col{gap:var(--wp--preset--spacing--30);flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.routeends__col+.routeends__col{border-inline-start:1px solid var(--wp--preset--color--hairline);background:var(--wp--preset--color--surface)}.routeends__name{font-size:var(--wp--preset--font-size--heading);margin:0}.routeends__kicker{margin:calc(var(--wp--preset--spacing--20) * -1) 0 0;color:var(--wp--preset--color--accent-deep);font-weight:var(--wp--custom--font-weight--strong)}.routeends__text{max-inline-size:36em;color:var(--wp--preset--color--ink-secondary);margin:0}.routeends__acts{align-items:center;gap:var(--wp--preset--spacing--20) var(--wp--preset--spacing--50);border-block-start:1px solid var(--wp--preset--color--hairline);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--wp--preset--spacing--30);display:flex}.routeends__phone{min-block-size:var(--wp--custom--target--tap,2.75rem);color:var(--wp--preset--color--ink);font-weight:var(--wp--custom--font-weight--strong);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.routeends__phone svg{block-size:1.1rem;inline-size:1.1rem;color:var(--wp--preset--color--accent-deep)}.routeends__mid{aspect-ratio:1;border:1px solid var(--wp--preset--color--hairline);background:var(--wp--preset--color--base);inline-size:3rem;color:var(--wp--preset--color--accent-deep);border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}@container page (width<48rem){.routeends__grid{grid-template-columns:minmax(0,1fr)}.routeends__col+.routeends__col{border-inline-start:0;border-block-start:1px solid var(--wp--preset--color--hairline)}.routeends__mid{display:none}}@container page (width>=64rem){main:has(>.chaprail):has(>.routeends)>.routeends{grid-column:1/-1}main:has(>.chaprail):has(>.routeends)>.routeends--band{grid-row:1;max-inline-size:100cqw;margin-inline:calc(50% - 50cqw)}main:has(>.chaprail):has(>.routeends)>.hero{grid-row:2}main:has(>.chaprail):has(>.routeends)>.routeends--compare{grid-row:3}main:has(>.chaprail):has(>.routeends)>.chaprail{grid-row:4/span 60}main:has(>.chaprail):has(>.routeends)>.wall{grid-row:64}}
