/* Homepage actions use the existing palette, typefaces and button shape. */
:root{--anchor-offset:90px}
.home-actions{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin:46px auto 0}
.support-actions.home-actions{width:min(calc(100% - 52px),1080px);margin:0 auto}
.hero-slider{padding-bottom:20px}
.home-action{display:flex;align-items:center;justify-content:center;min-height:58px;padding:14px 16px;border:1px solid transparent;border-radius:4px;background:#535756;color:#fff;font:400 18px/1.25 "Roboto Condensed",Arial,sans-serif;text-align:center;text-transform:none;cursor:pointer;transition:filter .2s}
.home-action:hover{filter:brightness(.92)}
.home-action:focus-visible{outline:2px solid #9a2922;outline-offset:4px}
.home-action--support{background:#9a2922}
.home-action--buy{background:#222;color:#fff;border-color:#222}
.home-section{width:min(100%,900px);margin:100px auto 0;padding:0 18px}
.home-section .story-copy{max-width:760px;margin:0 auto}
.home-section .home-actions{max-width:900px}
.home-section .home-single-action{width:min(100%,360px);margin:46px auto 0}
.home-single-action>.home-action{width:100%}
.visit-inner .home-single-action{display:block;width:min(100%,360px);margin:46px auto 0}
.home-purchase{padding-top:34px;padding-bottom:34px;text-align:center}
.home-purchase .home-action--buy{background:#222;color:#fff;border-color:#222}
.home-finale{margin-bottom:100px}
.home-fire-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:4px;margin:34px auto;background:#16110d}
.mobile-menu.is-open{max-height:calc(100dvh - var(--header-h));overflow-y:auto}
.home-menu-action{padding:0;border:0;background:none;color:inherit;font:inherit;text-transform:inherit;cursor:pointer;text-align:inherit}
.footer-menu .home-menu-action{display:block}
.home-menu-action:focus-visible{outline:2px solid #9a2922;outline-offset:4px}
.settling-slider{position:relative;width:100%;margin:36px auto 42px}
.settling-slider-viewport{overflow:hidden;touch-action:pan-y;border-radius:4px}
.settling-slider-track{display:flex;gap:14px;will-change:transform}
.settling-slider-track figure{flex:0 0 calc((100% - 28px)/3);min-width:0}
.settling-slider-track picture{height:100%}
.settling-slider-track figure[role="button"]{cursor:zoom-in}
.settling-slider-track figure:focus-visible{outline:2px solid #9a2922;outline-offset:-3px}
.home-photo-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:rgba(16,15,13,.97);color:#fff;overflow:hidden}
.home-photo-viewer::backdrop{background:rgba(16,15,13,.97)}
body:has(.home-photo-viewer[open]){overflow:hidden}
.home-photo-surface{display:flex;align-items:center;justify-content:center;width:100%;height:100%;touch-action:pan-y pinch-zoom}
.home-photo-surface picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}
.home-photo-surface img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;pointer-events:auto}
.home-photo-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(22,17,13,.5);color:#fff;font:300 36px/1 Arial,sans-serif;cursor:pointer}
.home-photo-viewer .settling-slider-controls button{width:52px;height:72px;cursor:pointer}
.home-photo-viewer button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.settling-slider-track img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:transparent;border-radius:4px}
.settling-slider-controls{position:absolute;inset:0;pointer-events:none}
.settling-slider-controls button{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:64px;border:0;background:none;color:#fff;font-size:0;pointer-events:auto;filter:drop-shadow(0 1px 3px #0009);transition:opacity .2s}
.settling-slider-controls button:hover{opacity:.7}
.settling-slider-controls [data-gallery-prev]{left:0}
.settling-slider-controls [data-gallery-next]{right:0}
.settling-slider-controls button::before{content:'';width:22px;height:22px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:-6px}
.settling-slider-controls [data-gallery-prev]::before{transform:rotate(-135deg);margin-left:6px}
.home-purchase-photos{display:grid;grid-template-columns:1fr;margin:34px auto}
.home-purchase-photos img{display:block;width:100%;height:auto;border-radius:4px}
.home-social-photo{display:block;width:100%;height:auto;max-width:760px;aspect-ratio:16/9;object-fit:cover;object-position:center 45%;border-radius:4px;margin:34px auto}
@keyframes home-action-pulse{0%,14%,100%{transform:scale(1)}7%{transform:scale(1.025)}}
@media(prefers-reduced-motion:no-preference){.home-actions-animate>.home-action{animation:home-action-pulse 12s ease-in-out infinite}.home-actions-animate>.home-action:nth-child(2){animation-delay:2s}.home-actions-animate>.home-action:nth-child(3){animation-delay:4s}.home-actions-animate>.home-action:hover,.home-actions-animate>.home-action:focus-visible{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){.settling-slider-track{transition:none}}
.home-mobile-actions{display:none}
@media(max-width:899px){
 .home-action{min-height:49px;padding-top:10px;padding-bottom:10px}
 .settling-slider-track{gap:8px}
 .settling-slider-track figure{flex-basis:calc((100% - 16px)/3)}
 .settling-slider-controls button{width:36px;height:48px}.settling-slider-controls button::before{width:16px;height:16px}
 .home-purchase-photos{gap:10px}
 body:has(.home-mobile-actions){min-width:0;padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 .home-mobile-actions:not([hidden]){position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(22,17,13,.1);background:rgba(255,255,255,.82);box-shadow:0 -14px 34px rgba(22,17,13,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
 .home-mobile-actions .home-action{min-height:48px;padding:8px 10px;font-size:16px;line-height:1.2}
 .home-mobile-actions [data-open-visit]{background:#535756;color:#fff}
 .home-mobile-actions .home-action--support{background:#9a2922;color:#fff}
 .home-mobile-actions .home-action--buy{background:#222;color:#fff;border-color:#222}
}
@media(max-width:380px){
 .home-mobile-actions .home-action{font-size:14px;padding-left:4px;padding-right:4px}
 .mobile-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding-left:10px;padding-right:10px}
 .mobile-bar .brand-logo img{width:92px}
 .mobile-bar .language-switcher{gap:7px;font-size:12px}
 .mobile-bar .menu-toggle{width:30px}
}
@media(min-width:900px){
 :root{--anchor-offset:100px}
 .hero-slider{padding-bottom:44px}
 .home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .support-actions.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:min(calc(100% - 72px),1080px);margin-bottom:72px}
 .home-action{font-size:18px;min-height:62px}
 .home-section{margin-top:150px;padding-left:0;padding-right:0}
 .home-purchase{padding:42px 34px}
 .home-finale{margin-bottom:120px}
 .desktop-nav-links{flex-wrap:wrap;column-gap:20px;row-gap:0;padding:10px 0}
 .desktop-nav-links>a,.desktop-nav-links>.home-menu-action,.site-header.is-scrolled .desktop-nav-links>a{min-height:32px;display:inline-flex;align-items:center}
 .desktop-nav-links>.home-menu-action:hover{color:#16110d}
}

/* One spacing rule for every homepage section, including headings with eyebrows. */
#home{--home-section-gap:100px}
#home>section:is(.story-section,.about-section,.legend-section,.settling-section,.home-section,.visit-section){position:relative;display:flow-root;margin-top:var(--home-section-gap);margin-bottom:0;padding-top:0;padding-bottom:0}
#home>section:is(.story-section,.about-section,.legend-section,.settling-section,.home-section,.visit-section)>:last-child,
#home :is(.story-inner,.about-inner,.legend-inner,.visit-inner)>:last-child,
#home :is(.story-copy,.visit-copy)>p:last-child{margin-bottom:0}
#home>section>.section-eyebrow,
#home>section>:is(.story-inner,.about-inner,.legend-inner,.visit-inner)>.section-eyebrow{position:absolute;left:18px;right:18px;bottom:calc(100% + 12px);margin:0;line-height:1.3}
#home>.home-finale{margin-bottom:var(--home-section-gap)}
@media(min-width:900px){#home{--home-section-gap:150px}}

@keyframes home-fixed-actions-enter{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
@media(max-width:899px){.home-mobile-actions:not([hidden]){animation:home-fixed-actions-enter .55s cubic-bezier(.22,.68,0,1) both}}
@media(prefers-reduced-motion:reduce){.home-mobile-actions:not([hidden]){animation-name:home-fixed-actions-gentle}}
@keyframes home-fixed-actions-gentle{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
