/* Readable without JavaScript, at narrow widths and with reduced motion. */
html, body { height: auto; min-height: 100%; overflow: auto; }
#loading { display: none; }
.outer-home { position: relative; height: auto !important; min-height: 100vh; }
#home { position: relative; height: auto !important; min-height: 100vh; }
#home .content { top: auto; transform: none; max-height: none; max-width: 1000px; padding: 8vh 6% 3rem; }
.text-intro.opacity-0 { opacity: 1 !important; visibility: visible !important; }
#home h1 { font-size: clamp(2.6rem, 6vw, 5rem); }
#home h2 { margin-top: 3rem; font-size: 2.4rem; }
#home .content p { max-width: 680px; }
#home .content #subscribe #notifyMe .controls { display: flex; flex-wrap: wrap; gap: 1rem; }
#home label { width: 100%; font-size: 1.6rem; }
#home .content #subscribe #notifyMe .form-group .form-control { width: 100%; max-width: 430px; float: none; margin: 0; }
#home .content #subscribe #notifyMe .form-group button.submit { float: none; margin: 0; color: #20232d; }
#home .content #subscribe #notifyMe .form-group button.submit:disabled { opacity: .7; cursor: wait; }
#home #beta-status { min-height: 3em; margin-top: 1rem; }
#home #beta-status[data-error="true"] { color: #ffb9c9; }
#home .bottom-home { position: relative; height: auto; padding: 2rem 6%; }
#home .bottom-home .copyright { position: static; margin: 0; width: auto; text-align: left; }
#home :focus-visible { outline: 3px solid #ffd800; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }
/* Keep text contrast independent of the climbing photograph. */
#home .content { background: rgba(20, 24, 32, .94); }
#home .content h1, #home .content h2, #home .content p, #home .content label { color: #fff; }
#home .content #subscribe #notifyMe .form-group button.submit:hover { color: #20232d; }
#home .bottom-home { background: #141820; }
#home .bottom-home .copyright, #home .bottom-home a { color: #fff; }
#home .content h1 span { color: #fff; }
#home .bottom-home .copyright { display: block; }

/* Decorative generated photography; content stays readable if image delivery fails. */
#home { display: grid; grid-template-columns: 1fr 1fr; background: #141820; }
#home .hero-photo { grid-column: 2; grid-row: 1; min-width: 0; }
#home .hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 76% center; }
#home .content { grid-column: 1; grid-row: 1; width: 100%; padding: 8vh 8% 3rem; margin: 0; background: #141820; }
#home .bottom-home { grid-column: 1 / -1; }
@media (max-width: 900px) {
    #home { display: block; }
    #home .hero-photo { width: 100%; aspect-ratio: 4 / 3; }
    #home .hero-photo img { height: 100%; object-position: 76% center; }
    #home .content { padding: 3rem 6%; }
}