.obertor-arrival { overflow: auto; background: radial-gradient(ellipse at 70% 40%, #263b3d 0, #101b20 45%, #070d11 90%); color: #e3e1d4; }
.arrival-panel { width: min(660px, calc(100% - 40px)); margin: 5vh auto; padding: 28px 0; }
.arrival-eyebrow { color: #b8a77e; font: 11px monospace; letter-spacing: .2em; }
.arrival-panel h1 { font-size: clamp(26px, 4vw, 42px); font-weight: 500; margin: 14px 0; }
.arrival-lead { color: #bec9c6; line-height: 1.7; max-width: 58ch; }
.arrival-specimen { height: 160px; display: grid; place-items: center; border: 1px solid #3c5350; margin-top: 24px; background: repeating-linear-gradient(0deg, transparent, transparent 23px, #68877a0a 24px), linear-gradient(135deg,#1c2b30,#111d23); }
.arrival-specimen span { display: block; width: 65px; height: 75px; transform: rotate(-15deg) skewY(8deg); border: 8px solid #657574; border-bottom: 18px solid #35494b; background: linear-gradient(180deg,#293e44 25%,#a5ead2 26%,#68a693 31%,#263a40 34%); box-shadow: 15px 20px 25px #0008, 0 0 45px #78c8b722; }
.arrival-caption { color: #859b94; font: 10px monospace; letter-spacing: .12em; }
.arrival-cost,.arrival-foot { font-size: 12px; color: #9baba5; line-height: 1.6; }
.arrival-panel .btn { display: block; margin: 18px 0 8px; padding: 12px 20px; }
.arrival-panel .primary { background: #52634e; border-color: #8d9c78; color: #f1ecd8; }
.arrival-secondary { background: transparent; color: #b6c3bc; }
.arrival-status { color: #afd5b3; border-left: 2px solid #92b192; padding-left: 12px; margin-top: 24px; }
@media(max-height:650px) { .arrival-panel { margin: 0 auto; padding: 20px 0; } .arrival-specimen { height: 90px; } }