/* Shared Coastline Commando banner, scoped to its own artwork. */
.coast-artwork { display: block; position: relative; overflow: hidden; background: #10132b; container-type: inline-size; }
.coast-artwork::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #080d25a6, transparent 58%); pointer-events: none; }
.coast-artwork img.coast-cover { display: block; width: 100%; height: auto; aspect-ratio: 1672 / 941; object-fit: contain; }
.coast-title { position: absolute; z-index: 1; left: 5%; top: 14%; width: 50%; font: italic 900 clamp(20px, 5.3vw, 55px)/1.03 system-ui, sans-serif; font-size: 5.3cqw; letter-spacing: -.055em; text-transform: uppercase; filter: drop-shadow(2px 3px 0 #080d25); }
.coast-title span { display: block; }
.coast-title .coast-edition { margin-bottom: 1.3em; color: #4feaff; font: 700 .27em/1.2 system-ui, sans-serif; letter-spacing: .32em; }
.coast-title .coast-name { color: #ffbc68; background: linear-gradient(#ffd96b, #ff3377); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.coast-title .coast-name + .coast-name { color: #d6f9ff; background-image: linear-gradient(#fff, #49bfff); }
.coast-title .coast-line { margin-top: 1em; padding-top: .8em; border-top: 2px solid #3ce6ff; color: #c9f3ff; font: 700 .22em/1.3 system-ui, sans-serif; letter-spacing: .15em; }
.coast-corner { position: absolute; z-index: 2; right: 0; bottom: 0; width: clamp(150px, 36%, 370px); aspect-ratio: 1; overflow: hidden; pointer-events: none; }
.coast-ribbon { position: absolute; left: -6%; bottom: 28%; width: 142%; padding: .65em 0; transform: rotate(-45deg); background: #16122ee8; border-block: 1px solid #ff579d; color: #fff0b7; font: 800 clamp(10px, 1.7vw, 19px)/1.2 system-ui, sans-serif; font-size: clamp(10px, 1.85cqw, 19px); letter-spacing: .04em; text-align: center; white-space: nowrap; }
.coast-tag { color: #74e9ff; font-weight: 700; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.coast-download { display: inline-block; padding: .9rem 1.2rem; border: 1px solid #ff76a9; border-radius: .5rem; background: #c50751; color: white; font-weight: 800; text-decoration: none; }
.coast-download:hover { background: #e01465; }