/* MediRalli 2026 — extra scroll scenes (used by index.html and sahneler.html) */
:root { --hand: "Caveat", "Comic Sans MS", cursive; }

.scene-tag {
  position: absolute;
  left: 6vw;
  top: 6.5rem;
  z-index: 9;
  padding: 0.35rem 0.75rem 0.3rem;
  border: 1px solid currentColor;
  border-radius: 2rem;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.scene-tag--static { position: static; align-self: flex-start; }

/* ---------- 3 · Desk ---------- */
.p-desk {
  width: 160vw;
  background-image: linear-gradient(rgba(20, 20, 20, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(20, 20, 20, 0.06) 1px, transparent 1px);
  background-size: 2.25rem 2.25rem;
}
.desk__title { position: absolute; left: 6vw; top: 16vh; font-family: var(--serif); font-size: clamp(4rem, 8vw, 9rem); font-weight: 400; line-height: 0.85; }
.desk__title em { font-family: var(--hand); font-style: normal; color: var(--red); }
.polaroid { position: absolute; left: var(--x); top: var(--y); z-index: 3; width: 17vw; margin: 0; padding: 0.7rem 0.7rem 0; background: #fff; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22); transform: rotate(var(--r)); }
.polaroid img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.polaroid figcaption { padding: 0.6rem 0.2rem 0.9rem; font-family: var(--hand); font-size: 1.55rem; line-height: 1.05; color: var(--ink); text-align: center; }
.tape { position: absolute; left: 50%; top: -0.9rem; width: 6rem; height: 1.7rem; margin-left: -3rem; background: rgba(253, 253, 3, 0.55); transform: rotate(-4deg); }

/* ---------- 6 · Route ---------- */
.p-route { width: 230vw; }
.route__title { position: absolute; left: 6vw; top: 16vh; font-family: var(--serif); font-size: clamp(4rem, 8vw, 9rem); font-weight: 400; line-height: 0.85; }
.route__title em { font-style: italic; }
.route__svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.route__path { fill: none; stroke: var(--red); stroke-width: 3; stroke-dasharray: 12 10; vector-effect: non-scaling-stroke; }
.pin { position: absolute; left: var(--px); top: var(--py); z-index: 3; }
.pin__no { position: absolute; left: -1.3rem; top: -1.3rem; width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border-radius: 50%; background: var(--red); color: #fff; font-weight: 700; box-shadow: 0 0 0 0.45rem var(--paper); }
.pin__card { position: absolute; left: -7vw; top: 2.2rem; width: 14vw; margin: 0; }
.pin__card--up { top: auto; bottom: 2.2rem; }
.pin__card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0.3rem; }
.pin__card figcaption { padding-top: 0.5rem; font-size: 0.9rem; color: var(--fg-muted); }
.pin__card strong { display: block; font-family: var(--serif); font-size: 1.5rem; font-weight: 400; line-height: 1; color: var(--fg); }

/* ---------- 7 · Film ---------- */
.p-film { width: 120vw; display: flex; align-items: stretch; gap: 2vw; padding: 0 6vw 0 50vw; }
.film__quote { position: absolute; left: 6vw; top: 50%; z-index: 3; width: 38vw; margin: 0; transform: translateY(-50%); font-family: var(--serif); font-size: clamp(2.6rem, 4.4vw, 5rem); font-style: italic; line-height: 1.02; }
.film__quote cite { display: block; margin-top: 1.5rem; font-family: var(--sans); font-size: 0.9rem; font-style: normal; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.6; }
.film {
  position: relative;
  flex: 1;
  overflow: hidden;
  padding: 0 1.4rem;
  background:
    radial-gradient(circle, var(--bg) 0.32rem, transparent 0.34rem) 0.55rem 0 / 1.1rem 1.6rem repeat-y,
    radial-gradient(circle, var(--bg) 0.32rem, transparent 0.34rem) right 0.55rem top 0 / 1.1rem 1.6rem repeat-y,
    #0d0907;
}
.film__reel { display: flex; flex-direction: column; gap: 0.8rem; animation: reel var(--speed, 40s) linear infinite; }
.film--reverse .film__reel { animation-direction: reverse; }
.film__reel img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
@keyframes reel { to { transform: translateY(-50%); } }

/* ---------- Clothesline ---------- */
.p-line { width: 200vw; }
.line__title, .pulse__title, .badges__title { position: absolute; left: 6vw; top: 16vh; z-index: 3; font-family: var(--serif); font-size: clamp(4rem, 8vw, 9rem); font-weight: 400; line-height: 0.85; }
.line__title em, .badges__title em { font-family: var(--hand); font-style: normal; color: var(--red); }
.line__rope { position: absolute; left: 28vw; top: 18vh; width: 170vw; height: 22vh; overflow: visible; }
.line__rope path { fill: none; stroke: var(--fg); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.hang { position: absolute; left: var(--x); top: var(--y); z-index: 3; width: 15vw; margin: 0; padding: 0.55rem 0.55rem 0; background: #fff; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2); transform-origin: 50% -1rem; transform: rotate(var(--r)); }
.hang img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.hang figcaption { padding: 0.5rem 0.15rem 0.8rem; font-size: 0.85rem; line-height: 1.3; color: var(--muted); }
.hang figcaption strong { display: block; font-family: var(--serif); font-size: 2.1rem; font-weight: 400; line-height: 1; color: var(--ink); }
.peg { position: absolute; left: 50%; top: -1.3rem; width: 0.85rem; height: 2.3rem; margin-left: -0.42rem; background: #c58a4a; border-radius: 0.2rem; box-shadow: inset 0 -0.6rem 0 rgba(0, 0, 0, 0.15); }

/* ---------- Giant word ---------- */
.p-word { width: 170vw; overflow: hidden; }
.word__photo { position: absolute; inset: 0; }
.word__photo img { width: 125%; max-width: none; height: 100%; object-fit: cover; }
.word__paper { position: absolute; inset: 0; display: flex; align-items: center; padding-left: 4vw; background: var(--paper); mix-blend-mode: screen; }
.word__paper span { font-family: var(--sans); font-size: 36vw; font-weight: 700; letter-spacing: -0.06em; line-height: 0.8; color: #000; white-space: nowrap; }
.word__caption { position: absolute; right: 6vw; bottom: 14vh; z-index: 3; max-width: 22rem; font-size: 1.15rem; }
.word__caption strong { display: block; font-family: var(--serif); font-size: clamp(4rem, 7vw, 7rem); font-weight: 400; line-height: 0.9; }

/* ---------- Pulse (ECG) ---------- */
.p-pulse { width: 230vw; }
.pulse__title em { font-style: italic; color: var(--red); }
.pulse__svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; }
.pulse__line { fill: none; stroke: var(--red); stroke-width: 2.5; stroke-linejoin: round; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 6px rgba(230, 51, 35, 0.6)); }
.beat { position: absolute; left: var(--px); top: 8vh; z-index: 3; width: 15vw; margin: 0 0 0 -7.5vw; }
.beat img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0.3rem; }
.beat figcaption { padding-top: 0.5rem; font-size: 0.9rem; color: var(--fg-muted); }
.beat strong { display: block; font-family: var(--serif); font-size: 1.6rem; font-weight: 400; color: var(--fg); }

/* ---------- Badges ---------- */
.p-badges { width: 190vw; }
.lanyard { position: absolute; left: var(--x); top: 0; z-index: 3; width: 13vw; transform-origin: 50% 0; transform: rotate(var(--r)); }
.lanyard::before { content: ""; display: block; width: 0.9rem; height: var(--len); margin: 0 auto; background: repeating-linear-gradient(0deg, var(--blue-strap, #1b2cc1) 0 0.5rem, #2b3fe0 0.5rem 1rem); }
.badge { position: relative; padding: 1.6rem 0.9rem 0.9rem; background: #fff; color: var(--ink); border-radius: 0.6rem; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.25); border-top: 0.7rem solid var(--c, var(--ink)); }
.badge__hole { position: absolute; left: 50%; top: 0.45rem; width: 2rem; height: 0.45rem; margin-left: -1rem; border-radius: 1rem; background: rgba(0, 0, 0, 0.15); }
.badge__role { margin-bottom: 0.6rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c, var(--ink)); }
.badge img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 0.3rem; }
.badge__name { margin: 0.7rem 0 0.15rem; font-family: var(--serif); font-size: 1.35rem; font-weight: 400; line-height: 1.05; }
.badge__meta { font-size: 0.8rem; color: var(--muted); }
.badge__event { margin-top: 0.7rem; padding-top: 0.5rem; border-top: 1px dashed rgba(0, 0, 0, 0.2); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; }
.badge--red { --c: var(--red); }
.badge--blue { --c: #1b2cc1; }
.badge--yellow { --c: #b9a800; }
.badge--magenta { --c: #d400d4; }
.badge--mint { --c: #1f9e6b; }
.badge--ink { --c: var(--ink); }

/* shared big titles of the newer scenes */
.radio__title, .case__title, .score__title, .spot__title, .sponsors__title { position: absolute; left: 6vw; top: 16vh; z-index: 3; font-family: var(--serif); font-size: clamp(4rem, 8vw, 9rem); font-weight: 400; line-height: 0.85; }
.radio__title em, .case__title em, .score__title em, .sponsors__title em { font-family: var(--hand); font-style: normal; color: var(--red); }
.spot__title em { font-style: italic; }

/* ---------- Radio ---------- */
.p-radio { width: 170vw; }
.msg { position: absolute; left: var(--x); top: var(--y); z-index: 3; width: 19vw; padding: 0.9rem 1rem; background: #fff; border-radius: 1.1rem 1.1rem 1.1rem 0.25rem; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12); }
.msg--right { background: #232323; color: #f3efe8; border-radius: 1.1rem 1.1rem 0.25rem 1.1rem; }
.msg__meta { font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; opacity: 0.65; }
.msg__meta strong { font-weight: 700; }
.msg__text { margin-top: 0.3rem; font-size: 1.05rem; line-height: 1.35; }
.msg__photo { margin-top: 0.7rem; border-radius: 0.6rem; overflow: hidden; }
.msg__photo img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }

/* ---------- Case files ---------- */
.p-case { width: 150vw; }
.case { position: absolute; left: var(--x); top: 20vh; z-index: 3; width: 26vw; padding: 1.4rem 1.4rem 1.6rem; background: #e9cf8f; border-radius: 0 0.5rem 0.5rem 0.5rem; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2); color: var(--ink); transform: rotate(var(--r)); }
.case__tab { position: absolute; left: 0; top: -1.8rem; padding: 0.45rem 1rem 0.35rem; background: #e9cf8f; border-radius: 0.5rem 0.5rem 0 0; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.case__photo { position: relative; width: 55%; padding: 0.4rem; background: #fff; transform: rotate(2deg); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15); }
.case__photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.clip { position: absolute; left: 1rem; top: -0.9rem; width: 0.9rem; height: 2.4rem; border: 2px solid #8a8a8a; border-radius: 0.5rem; }
.case__name { margin: 1rem 0 0.6rem; font-family: var(--serif); font-size: 2rem; font-weight: 400; line-height: 1; }
.case__rows { display: grid; grid-template-columns: auto 1fr; gap: 0.3rem 0.8rem; margin: 0; font-family: ui-monospace, Consolas, monospace; font-size: 0.85rem; }
.case__rows dt { font-weight: 700; text-transform: uppercase; }
.case__rows dd { margin: 0; }
.stamp { position: absolute; right: 1rem; top: 1.6rem; padding: 0.35rem 0.7rem; border: 3px solid var(--red); border-radius: 0.4rem; color: var(--red); font-weight: 700; font-size: 0.95rem; letter-spacing: 0.08em; text-transform: uppercase; transform: rotate(-12deg); mix-blend-mode: multiply; }

/* ---------- Referee form ---------- */
.p-score { width: 160vw; }
.board { position: absolute; left: 34vw; top: 10vh; z-index: 3; width: 30vw; padding: 2.4rem 1.2rem 1.2rem; background: #8a5a35; border-radius: 0.9rem; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25); transform: rotate(-2deg); }
.board__clip { position: absolute; left: 50%; top: -0.9rem; width: 7rem; height: 2.4rem; margin-left: -3.5rem; background: linear-gradient(#d8d8d8, #9a9a9a); border-radius: 0.5rem; }
.sheet { padding: 1.4rem 1.3rem; background: #fff; color: var(--ink); }
.sheet__head { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; padding-bottom: 0.7rem; border-bottom: 2px solid var(--ink); font-family: var(--serif); font-size: 1.6rem; line-height: 1; }
.sheet__head span { font-family: var(--sans); font-size: 0.75rem; letter-spacing: 0.05em; text-transform: uppercase; align-self: flex-end; }
.crit { display: grid; grid-template-columns: 1fr 34% 2.2rem; align-items: center; gap: 0.8rem; padding: 0.55rem 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.18); font-size: 0.9rem; }
.crit__bar { height: 0.55rem; background: rgba(0, 0, 0, 0.08); border-radius: 1rem; overflow: hidden; }
.crit__bar i { display: block; width: var(--v); height: 100%; background: var(--red); border-radius: inherit; transform-origin: left; }
.crit__val { font-family: var(--hand); font-size: 1.5rem; font-weight: 700; color: #1b2cc1; text-align: right; }
.sheet__sign { margin-top: 1rem; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; }
.sheet__sign em { font-family: var(--hand); font-size: 1.6rem; font-style: normal; color: #1b2cc1; text-transform: none; }
.note { position: absolute; left: var(--x); top: var(--y); z-index: 3; width: 17vw; margin: 0; padding: 1.2rem 1.2rem 1.4rem; background: var(--yellow); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15); font-family: var(--hand); font-size: 1.6rem; line-height: 1.1; color: var(--ink); transform: rotate(var(--r)); }
.note cite { display: block; margin-top: 0.8rem; font-family: var(--sans); font-size: 0.75rem; font-style: normal; letter-spacing: 0.05em; text-transform: uppercase; opacity: 0.6; }

/* ---------- Spotlight ---------- */
.p-spot { width: 140vw; }
.speaker { position: absolute; left: var(--x); top: 30vh; z-index: 3; width: 16vw; text-align: center; }
.speaker__light { position: absolute; left: 50%; bottom: 52%; width: 22vw; height: 75vh; margin-left: -11vw; background: linear-gradient(rgba(255, 244, 214, 0), rgba(255, 244, 214, 0.22)); clip-path: polygon(44% 0, 56% 0, 100% 100%, 0 100%); pointer-events: none; }
.speaker__img { position: relative; width: 12vw; margin: 0 auto; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 0.35rem var(--night), 0 0 0 0.45rem rgba(255, 244, 214, 0.5); }
.speaker__img img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.speaker__tag { margin-top: 1.2rem; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.6; }
.speaker__name { margin: 0.3rem 0; font-family: var(--serif); font-size: 1.9rem; font-weight: 400; line-height: 1; }
.speaker__talk { font-family: var(--serif); font-style: italic; font-size: 1.15rem; opacity: 0.85; }

/* ---------- Newspaper ---------- */
.p-news { width: 110vw; display: flex; align-items: center; padding-left: 8vw; }
.paper { width: 62vw; padding: 2rem 2.4rem; background: #f6f1e4; color: var(--ink); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25); transform: rotate(-3deg); }
.paper__mast { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 0.8rem; border-bottom: 3px double var(--ink); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.06em; }
.paper__mast strong { font-family: var(--serif); font-size: clamp(2rem, 3.4vw, 3.6rem); font-weight: 400; text-transform: none; letter-spacing: 0; }
.paper__head { margin: 1.2rem 0; font-family: var(--serif); font-size: clamp(2.6rem, 4.6vw, 5rem); font-weight: 400; line-height: 0.95; }
.paper__body { columns: 3; column-gap: 1.6rem; column-rule: 1px solid rgba(0, 0, 0, 0.15); font-family: var(--serif); font-size: 1.05rem; line-height: 1.4; }
.paper__body p { margin-bottom: 0.8rem; text-align: justify; }
.paper__photo { break-inside: avoid; margin: 0 0 1rem; }
.paper__photo img { width: 100%; filter: grayscale(1) contrast(1.1); }
.paper__photo figcaption { margin-top: 0.3rem; font-family: var(--sans); font-size: 0.75rem; opacity: 0.7; }
.paper__more { font-family: var(--sans); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; }

/* ---------- Sponsors: photo cards with logo stickers ---------- */
.p-sponsors { width: 270vw; }
.spcard { position: absolute; left: var(--x); top: var(--y); z-index: 3; width: var(--w); margin: 0; }
.spcard__photo { position: relative; }
.spcard__photo > img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.spcard__photo--left > img { object-position: 22% 50%; } /* Bertaş: keep both people at the stand in frame */
.spcard figcaption { display: flex; flex-direction: column; gap: 0.3rem; max-width: 22rem; padding: 0.9rem 0 0.2rem 0.85rem; border-left: 1px solid var(--fg); font-size: 0.92rem; line-height: 1.4; color: var(--fg-muted); }
.spcard figcaption strong { font-family: var(--serif); font-size: clamp(1.35rem, 1.6vw, 1.75rem); font-weight: 400; line-height: 1.05; color: var(--fg); }
/* die-cut sticker: white backing, thin outline, soft shadow, slightly tilted */
.logo-sticker {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  padding: 0.7rem;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 8px 18px rgba(0, 0, 0, 0.28);
  transform: rotate(var(--t));
}
.logo-sticker img { width: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.logo-sticker--round { width: 7.5vw; height: 7.5vw; border-radius: 50%; }
.logo-sticker--square { width: 6.8vw; height: 6.8vw; border-radius: 1rem; }
.logo-sticker--wide { width: 11vw; height: 4.4vw; border-radius: 3rem; padding: 0.6rem 1rem; }
.logo-sticker--dark { background: #1d1d1d; } /* for white logos */
.logo-sticker--text { font-family: var(--sans); font-size: 0.78rem; font-weight: 700; line-height: 1.1; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; color: var(--ink); }
.logo-sticker--wide.logo-sticker--text { width: auto; height: auto; padding: 0.7rem 1.2rem; font-size: 1rem; }
.logo-sticker--yellow { background: var(--yellow); }
.logo-sticker--mint { background: #cbf2d9; }
.logo-sticker--pink { background: #ffcccc; }
.logo-sticker--white { background: #fff; }
.sponsors__title em { white-space: nowrap; }
.logo-sticker--tr { top: -1.4rem; right: -1.6rem; }
.logo-sticker--tl { top: -1.4rem; left: -1.6rem; }
.logo-sticker--br { bottom: -1.4rem; right: -1.6rem; }
.logo-sticker--bl { bottom: -1.4rem; left: -1.6rem; }
/* glossy shine on the sticker */
.logo-sticker::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(135deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 45%); pointer-events: none; }

/* ---------- Phone ---------- */
@media (max-width: 767px) {
  .scene-tag { top: 1rem; left: 1.25rem; }
  .p-desk { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 1.75rem 0.9rem; padding-top: 3.5rem; padding-bottom: 2rem; }
  .p-desk .scene-tag { position: absolute; }
  .desk__title { position: static; grid-column: 1 / -1; font-size: 3.5rem; }
  .polaroid { position: static; width: auto; padding: 0.45rem 0.45rem 0; }
  .polaroid figcaption { font-size: 1.15rem; }
  .p-route { padding-top: 3.5rem; }
  .route__title { position: static; font-size: 3.5rem; margin-bottom: 1.5rem; }
  .route__svg { display: none; }
  .pin { position: relative; left: auto; top: auto; margin: 0 0 2rem 1.5rem; padding-left: 1.6rem; border-left: 2px dashed var(--red); }
  .pin__no { left: -1.4rem; top: 0; }
  .pin__card, .pin__card--up { position: static; width: auto; }
  .p-film { flex-wrap: wrap; height: auto; padding: 3.5rem 1.25rem 2rem; gap: 0.6rem; }
  .film__quote { position: static; width: 100%; transform: none; margin-bottom: 1.5rem; font-size: 2.4rem; }
  .film { height: 22rem; padding: 0 1.1rem; }
  .p-line, .p-pulse, .p-badges { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 1.75rem 0.9rem; padding-top: 3.5rem; padding-bottom: 2rem; }
  .p-line .scene-tag, .p-pulse .scene-tag, .p-badges .scene-tag { position: absolute; }
  .line__title, .pulse__title, .badges__title { position: static; grid-column: 1 / -1; font-size: 3.5rem; }
  .line__rope, .pulse__svg { display: none; }
  .hang, .beat, .lanyard { position: static; width: auto; margin: 0; }
  .hang figcaption strong { font-size: 1.6rem; }
  .lanyard::before { height: 3rem; }
  .p-word { height: 70svh; padding: 0; }
  .word__photo img { width: 100%; }
  .word__paper span { font-size: 26vw; }
  .lanyard { transform: rotate(calc(var(--r) * 0.25)); }
  .word__caption { left: 1.25rem; right: 1.25rem; bottom: 1.5rem; }
  .p-radio, .p-case, .p-score, .p-spot, .p-sponsors { position: relative; display: flex; flex-direction: column; gap: 1.5rem; padding-top: 3.5rem; padding-bottom: 2rem; }
  .p-radio .scene-tag, .p-case .scene-tag, .p-score .scene-tag, .p-spot .scene-tag, .p-sponsors .scene-tag, .p-news .scene-tag { position: absolute; }
  .radio__title, .case__title, .score__title, .spot__title, .sponsors__title { position: static; font-size: 3.5rem; }
  .msg, .case, .board, .note, .speaker, .spcard { position: static; width: auto; }
  .msg { max-width: 85%; }
  .msg--right { align-self: flex-end; }
  .case { margin-top: 1.8rem; }
  .speaker__light { display: none; }
  .speaker__img { width: 45vw; }
  .p-news { padding: 3.5rem 1.25rem 2rem; }
  .paper { width: 100%; padding: 1.2rem; transform: rotate(-1.5deg); }
  .paper__body { columns: 1; }
  .spcard { margin: 1.5rem 0.6rem 0; }
  .logo-sticker--round { width: 24vw; height: 24vw; }
  .logo-sticker--square { width: 22vw; height: 22vw; }
  .logo-sticker--wide { width: 38vw; height: 15vw; }
}