Skip to main content
The Story of Train to Elsewhere
background:
radial-gradient(circle at top, rgba(255,255,255,0.28), transparent 34rem),
linear-gradient(180deg, #f4e8cf 0%, #eadcc2 52%, #ddc9a8 100%) !important;
}
main .jw-section, main section {
background: transparent !important;
}
main .jw-section-content {
max-width: 1080px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.jw-element-text {
max-width: 900px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.jw-element-text-content {
background: rgba(255, 248, 231, 0.78) !important;
border: 1px solid var(--am-border) !important;
box-shadow: 0 14px 32px var(--am-shadow) !important;
padding: clamp(20px, 3vw, 34px) !important;
}
.jw-element-image img, main img {
border: 1px solid rgba(73, 48, 25, 0.24) !important;
box-shadow: 0 14px 32px var(--am-shadow) !important;
max-width: 100% !important;
height: auto !important;
}
main a, .jw-element-button a, .jw-btn, a.jw-btn, button {
font-family: Georgia, "Times New Roman", serif !important;
}
.jw-element-button a, .jw-btn, a.jw-btn {
background: #c49a4b !important;
color: #0b0805 !important;
border: 1px solid rgba(73, 48, 25, 0.32) !important;
box-shadow: 0 9px 20px rgba(73, 48, 25, 0.18) !important;
font-size: 16px !important;
padding: 11px 18px !important;
}
.jw-element-button a:hover, .jw-btn:hover, a.jw-btn:hover {
background: #d4ad60 !important;
color: #0b0805 !important;
}
footer, .jw-footer {
background: #3b2b1b !important;
color: #f8ecd1 !important;
border-top: 1px solid rgba(185,133,45,.35) !important;
}
footer *, .jw-footer * {
color: #f8ecd1 !important;
}
@media (max-width: 760px) {
main p, main li, main blockquote, .jw-element-text p, .jw-element-text li {
font-size: 16px !important;
line-height: 1.62 !important;
}
main h1, .jw-header-title {
font-size: 32px !important;
}
main h2, .jw-element-text h2 {
font-size: 24px !important;
}
.jw-element-text-content {
padding: 18px !important;
}
.jw-menu a, nav a, header a {
font-size: 14px !important;
}
}
.ec-direct-link:hover,
.elsewhere-contact-card a:hover{
color:#8a4a31 !important;
border-bottom-color:#8a4a31 !important;
}
.elsewhere-contact-card.ec-public{
grid-column: 1 / -1;
}
.ec-social-grid{
display:grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
margin-top: 18px;
}
.ec-social-link{
display:flex;
min-height: 92px;
flex-direction: column;
justify-content:center;
align-items:center;
text-align:center;
gap: 8px;
padding: 16px 12px;
background: rgba(255,248,231,.46);
border: 1px solid rgba(95,62,43,.22) !important;
border-radius: 8px;
box-shadow: 0 8px 18px rgba(60,38,24,.08);
transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.ec-social-link:hover{
transform: translateY(-3px);
background: rgba(255,248,231,.74);
box-shadow: 0 12px 24px rgba(60,38,24,.14);
}
.ec-social-link strong{
color: var(--ink);
font-size: 15px;
font-weight: 500;
}
.ec-social-link span{
color: var(--rust) !important;
font-family:'Libre Baskerville', Georgia, serif !important;
font-size: 10px !important;
line-height: 1.35 !important;
letter-spacing:.09em;
text-transform: uppercase;
}
.ec-note{
color:#6b4a35 !important;
font-style: italic;
border-top: 1px solid rgba(95,62,43,.18);
padding-top: 14px;
margin-top: 18px !important;
}
@media (max-width: 820px){
.elsewhere-contact-grid{ grid-template-columns: 1fr; }
.ec-social-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
.elsewhere-contact-page{ padding-left: 14px !important; padding-right: 14px !important; }
.elsewhere-contact-card{ padding: 22px 18px; }
.ec-social-grid{ grid-template-columns: 1fr; }
.elsewhere-contact-hero h1{ font-size: 40px !important; }
}
' +
'' +
'For music, collaborations, visual work, press, permissions, story questions, or notes from Elsewhere, choose the door that best fits your message.
' +
'' +
'' +
'' +
'';
}
buildContact();
document.addEventListener('DOMContentLoaded', buildContact);
window.addEventListener('load', buildContact);
[300,900,1800,3200].forEach(function(ms){ setTimeout(buildContact, ms); });
})();
.elsewhere-contact-card a:hover{
color:#8a4a31 !important;
border-bottom-color:#8a4a31 !important;
}
.elsewhere-contact-card.ec-public{
grid-column: 1 / -1;
}
.ec-social-grid{
display:grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
margin-top: 18px;
}
.ec-social-link{
display:flex;
min-height: 92px;
flex-direction: column;
justify-content:center;
align-items:center;
text-align:center;
gap: 8px;
padding: 16px 12px;
background: rgba(255,248,231,.46);
border: 1px solid rgba(95,62,43,.22) !important;
border-radius: 8px;
box-shadow: 0 8px 18px rgba(60,38,24,.08);
transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.ec-social-link:hover{
transform: translateY(-3px);
background: rgba(255,248,231,.74);
box-shadow: 0 12px 24px rgba(60,38,24,.14);
}
.ec-social-link strong{
color: var(--ink);
font-size: 15px;
font-weight: 500;
}
.ec-social-link span{
color: var(--rust) !important;
font-family:'Libre Baskerville', Georgia, serif !important;
font-size: 10px !important;
line-height: 1.35 !important;
letter-spacing:.09em;
text-transform: uppercase;
}
.ec-note{
color:#6b4a35 !important;
font-style: italic;
border-top: 1px solid rgba(95,62,43,.18);
padding-top: 14px;
margin-top: 18px !important;
}
@media (max-width: 820px){
.elsewhere-contact-grid{ grid-template-columns: 1fr; }
.ec-social-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
.elsewhere-contact-page{ padding-left: 14px !important; padding-right: 14px !important; }
.elsewhere-contact-card{ padding: 22px 18px; }
.ec-social-grid{ grid-template-columns: 1fr; }
.elsewhere-contact-hero h1{ font-size: 40px !important; }
}
}
.elsewhere-contact-hero .ec-lede,
.elsewhere-contact-card p,
.elsewhere-contact-card li{
color:#3f291a!important;
}
.elsewhere-contact-card a,
.ec-social-link strong{
color:#65402a!important;
}
.ec-label,
.elsewhere-contact-hero .ec-kicker,
.ec-social-link span{
color:#9b4f2f!important;
}
.ec-social-link{
background:rgba(255,235,194,.58)!important;
border-color:rgba(122,72,38,.28)!important;
}
.ec-social-link:hover{
background:rgba(255,242,214,.82)!important;
box-shadow:0 13px 25px rgba(89,48,24,.18)!important;
}
.ec-note{
color:#75482c!important;
border-top-color:rgba(122,72,38,.22)!important;
}