@font-face{font-family:'BMW Type Next';src:url('/assets/fonts/BMWTypeNextPro-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'BMW Type Next';src:url('/assets/fonts/BMWTypeNextPro-Medium.otf') format('opentype');font-weight:500 600;font-display:swap}
@font-face{font-family:'BMW Type Next';src:url('/assets/fonts/BMWTypeNextPro-Bold.otf') format('opentype');font-weight:650 900;font-display:swap}
body{font-family:'BMW Type Next',Arial,sans-serif}.story-page{background:#000000;color:#ffffff}.story-page h2,.story-page h3,.event-subtitle{font-family:'BMW Type Next',Arial,sans-serif}.story-page .hero h1{font-family:Georgia,'Times New Roman',serif}
.story-page header{background:linear-gradient(#0008,transparent);padding-top:26px}.story-page .hero{min-height:450px;padding-top:0;display:flex;align-items:flex-start;background:#000000;isolation:isolate;overflow:hidden}.story-page .hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/story-archive-neutral.jpg') right top/auto 520px no-repeat}.story-page .hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000000 0%,rgba(0,0,0,.65) 8%,rgba(0,0,0,.12) 23%,transparent 42%),linear-gradient(90deg,#0009,transparent 52%)}.story-page .hero-copy{padding:155px 7% 28px;max-width:650px;background:none}.story-page .hero h1{font-size:clamp(36px,3.6vw,52px);margin:0 0 23px;line-height:1.12}.story-page .hero .event-subtitle{font:400 19px/1.65 'BMW Type Next',Arial,sans-serif;max-width:415px;color:#ffffff;margin:0}
.application-transition{height:105px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#000000,#000000 60%,#000000);position:relative}.scroll-invitation{display:flex;flex-direction:column;align-items:center;gap:17px;text-decoration:none;transform:translateY(var(--scroll-drift,0px));padding:16px 30px}.scroll-label{font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff}.scroll-chevrons{display:flex;flex-direction:column;align-items:center;gap:1px;width:32px;height:35px;animation:invite-scroll 2.5s ease-in-out infinite}.scroll-chevrons i{display:block;width:16px;height:16px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);color:#ffffff}.scroll-invitation:hover .scroll-chevrons{color:white}@keyframes invite-scroll{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
.story-page .archive{padding:28px 6% 65px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:7%;background:transparent}.archive aside{padding:0}.archive aside h2{font-size:32px;line-height:1.2;letter-spacing:0;margin:12px 0 28px;color:#ffffff}.archive aside .eyebrow{font-size:11px;letter-spacing:2.5px;color:#ffffff}.archive aside p{max-width:395px;color:#ffffff;font-size:17px;line-height:1.8}.archive aside .selection-note{font-size:14px;color:#ffffff;border-left:1px solid #aaaaaa;padding-left:20px;margin-top:30px}.archive aside .aside-photo{filter:none;margin:40px 0 0;height:300px;background-position:70% center;opacity:.8}
#story-form{background:linear-gradient(145deg,#171717,#101010);border:1px solid #aaaaaa2b;border-radius:16px;padding:38px;box-shadow:0 20px 70px #0002}#story-form fieldset{border-color:#77777745;margin-bottom:35px;padding-bottom:30px}#story-form legend{font-size:16px;font-weight:500;letter-spacing:1.5px;color:#ffffff;margin-bottom:22px}#story-form input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),#story-form textarea{background:#080808;border-color:#707070;color:#ffffff;border-radius:5px}#story-form input::placeholder,#story-form textarea::placeholder{color:#ffffff}#story-form label,#story-form .hint,#story-form small{color:#ffffff}#story-form .hint{font-size:12px}#story-form .participation-option{background:#101010;border-color:#707070}#story-form .participation-option:has(input:checked){background:#242424;border-color:#ffffff}#story-form .participation-option input,#story-form .consent input{accent-color:#ffffff}#story-form .participation-option small{color:#ffffff}#story-form .participation-option strong{font-weight:500}#story-form .dropzone{background:#101010;border-color:#aaaaaa}#story-form .submit{background:#ffffff;color:#000000;border-color:#ffffff;border-radius:5px;font-size:13px;letter-spacing:1.5px}.story-prompt{font-size:15px;line-height:1.8;color:#ffffff;margin:0 0 25px}.count{color:#ffffff}.event-location{padding:45px 6%;text-align:center;border-top:1px solid #ffffff17;background:#000000}.event-location .eyebrow{color:#ffffff}.event-location p{margin:6px 0;font-size:14px;color:#ffffff}.event-location #event-venue{margin-top:20px;font-weight:500;color:#ffffff}.story-page footer{background:#000000}.story-page #success{background:#151515;padding:38px;border-radius:16px}.story-page #success h2{font-family:'BMW Type Next',Arial,sans-serif}
.choose-page::before{background:linear-gradient(180deg,#05070866,#050708bb 50%,#050708f5),url('/assets/story-archive-neutral.jpg') center top/cover no-repeat}.choose{max-width:1140px;padding:64px 30px 80px}.choose h1{font:400 clamp(32px,4vw,48px)/1.12 'BMW Type Next',Arial,sans-serif;letter-spacing:-.6px;margin-bottom:22px}.choose .event-subtitle{font:400 20px/1.6 'BMW Type Next',Arial,sans-serif;color:#ffffff;max-width:650px;margin:0 auto 22px}.collection-intro{max-width:810px;margin:0 auto 28px;color:#ffffff;font-size:15px;line-height:1.8}.collection-intro p{margin:12px 0}.event-heading{margin-bottom:38px}.dealer-card{background:rgba(0,0,0,.30);backdrop-filter:blur(2px);border:1px solid #bbbbbb3b;box-shadow:0 20px 50px #0007;border-radius:12px;padding:38px 30px 32px}.dealer-card:hover{background:rgba(0,0,0,.42);border-color:#dddddd88}.dealer-address{max-width:none;width:100%;line-height:1.7}.dealer-address span{display:block;white-space:nowrap}.dealer-cta{font-size:14px;background:#ffffff;border-color:#ffffff;border-radius:3px}.event-date,.event-time{font-family:'BMW Type Next',Arial,sans-serif}
@media(max-width:1000px) and (min-width:701px){.story-page .archive{gap:4%;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}#story-form{padding:28px}.story-page .hero-copy{max-width:570px}.dealer-address{font-size:13px}}
@media(max-width:700px){.story-page .hero{min-height:410px;padding-top:0;display:flex}.story-page .hero::before{background-size:auto 410px;background-position:68% top}.story-page .hero::after{background:linear-gradient(0deg,#000000 0%,rgba(0,0,0,.6) 9%,transparent 38%),linear-gradient(90deg,#0009,transparent 85%)}.story-page .hero-copy{padding:185px 7% 25px;max-width:none}.story-page .hero h1{font-size:30px;max-width:330px;margin-bottom:20px}.story-page .hero .event-subtitle{font-size:17px;max-width:340px}.application-transition{height:100px}.scroll-label{font-size:12px}.story-page .archive{grid-template-columns:1fr;gap:30px;padding:20px 5% 45px}.archive aside{padding:0 3%}.archive aside h2{font-size:27px;margin-bottom:18px}.archive aside p{font-size:16px;margin:18px 0;max-width:none}.archive aside .selection-note{font-size:14px}.archive aside .aside-photo{display:none}#story-form{padding:25px 20px;border-radius:12px}#story-form legend{font-size:15px;letter-spacing:1px}.story-prompt{font-size:14px}#story-form .participation-option{padding:15px}.choose{padding:40px 23px 50px}.choose h1{font-size:32px}.choose .event-subtitle{font-size:18px}.collection-intro{font-size:14px;text-align:left}.dealer-card{padding:30px 22px}.dealer-address{font-size:13px}.event-heading{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.scroll-invitation{transform:none}.scroll-chevrons{animation:none}}

/* Neutral white typography across the public collection pages. */
.choose-page,.choose h1,.event-date,.event-time,.dealer-address,.story-page .notice,.story-page footer,.story-page #file-list button{color:#ffffff}
#story-form .consent span,#story-form .participation-option span{color:#ffffff!important}
#story-form label>span:not(.consent span),#story-form b{color:#ffffff}

/* Shared alignment and a softly blended archive photograph. */
.collection-brand{display:block;width:300px;max-width:75%;height:auto;margin:0 auto 24px}
.choose h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.3px;color:#fff}
.story-page header{max-width:1500px;margin:auto;padding-left:6%;padding-right:6%}
.story-page .hero-copy{width:100%;max-width:1500px;margin:0 auto;padding-left:6%;padding-right:6%}
.story-page .hero h1{max-width:500px;color:#fff}
.story-page .hero::before{left:auto;width:min(100%,866px);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);background-size:auto 520px;background-position:right top}
.story-page .hero{border:0}
@media(min-width:1500px){.story-page header,.story-page .hero-copy,.story-page .archive{padding-left:90px;padding-right:90px}}
@media(max-width:700px){.collection-brand{width:250px;margin-bottom:22px}.choose h1{font-size:32px}.story-page .hero::before{background-size:auto 410px;background-position:68% top;mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 95%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 95%)}.story-page .archive{padding-left:6%;padding-right:6%}.archive aside{padding-left:0;padding-right:0}}