/* Davel awards page. Every class is aw- prefixed; it sits on top of site-v2.css. */
@property --aw-on1 { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --aw-on2 { syntax: '<number>'; inherits: true; initial-value: 0; }

body.aw-page {
  --aw-black: #050505;
  --aw-wall: #efe9e0;
  --aw-wall-2: #e4ddd2;
  --aw-wood: #0e0e0f;
  --aw-warm: 255, 214, 160;
  --aw-gold-1: #f3dc9b; --aw-gold-2: #b98a35;
  --aw-silver-1: #f1f3f6; --aw-silver-2: #8b9099;
  --aw-nav: 96px;
  background: var(--aw-black);
  color: #fff;
}
body.aw-page main.aw { display: block; overflow: clip; }
.aw-page .aw button { font: inherit; color: inherit; }

/* ---------- 1. Arrival ---------- */
body.aw-page .v2-nav-spacer { display: none; }
.aw-arrive { position: relative; height: 210vh; height: 210svh; }
.aw-scene {
  position: sticky; top: 0; height: 100vh; height: 100svh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: calc(var(--aw-nav) + 6px) 16px 18px; overflow: hidden;
}
.aw-room {
  position: relative; display: flex; flex-direction: column; align-items: center;
  transform-origin: 58% 45%; will-change: transform;
  transform: translate3d(0, var(--aw-ty, 0px), 0) scale(var(--aw-zoom, 1));
}
.aw-glow {
  position: absolute; inset: -20% -30% -10%; pointer-events: none; z-index: -1;
  background: radial-gradient(48% 46% at 50% 42%, rgba(var(--aw-warm), .16), transparent 70%);
  opacity: calc((var(--aw-on1) + var(--aw-on2)) / 2);
}

/* The unit is designed on a 1600 x 1000 grid (600 x 1040 on phones). */
.aw-unit {
  --gw: 1600; --gh: 1000;
  position: relative; container-type: inline-size;
  width: min(1480px, calc(100vw - 32px), calc((100svh - var(--aw-nav) - 132px) * 1.6));
  aspect-ratio: 1600 / 1000;
  transform: perspective(1800px) rotateX(var(--aw-rx, 0deg)) rotateY(var(--aw-ry, 0deg));
  transition: transform .6s var(--v2-ease);
}
.aw-p {
  --u: calc(100cqw / var(--gw));
  position: absolute;
  left: calc(var(--x) * var(--u)); top: calc(var(--y) * var(--u));
  width: calc(var(--w) * var(--u)); height: calc(var(--h) * var(--u));
}

/* Wall panel */
.aw-panel {
  background:
    /* the bright scallops the two downlights throw on the wall */
    radial-gradient(7% 20% at 24.9% 0%, rgba(255,248,232,.95), rgba(255,240,215,0) 100%),
    radial-gradient(7% 20% at 75.1% 0%, rgba(255,248,232,.95), rgba(255,240,215,0) 100%),
    radial-gradient(24% 78% at 24.9% 0%, rgba(255,240,214,.85), rgba(255,232,198,.32) 50%, rgba(255,230,195,0) 100%),
    radial-gradient(24% 78% at 75.1% 0%, rgba(255,240,214,.85), rgba(255,232,198,.32) 50%, rgba(255,230,195,0) 100%),
    radial-gradient(130% 80% at 50% 105%, rgba(0,0,0,.22), transparent 60%),
    linear-gradient(90deg, rgba(0,0,0,.12), transparent 14%, transparent 86%, rgba(0,0,0,.12)),
    linear-gradient(180deg, #d2c7b6 0%, #bfb29e 60%, #a99b86 100%);
  box-shadow: inset 0 calc(10 * var(--u)) calc(30 * var(--u)) rgba(0,0,0,.28);
}
.aw-post, .aw-beam {
  background: linear-gradient(90deg, #0b0b0c, #1b1b1d 40%, #0d0d0e);
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset;
}
.aw-beam { background: linear-gradient(180deg, #19191b, #0b0b0c); }
.aw-console {
  background: linear-gradient(180deg, #2a2a2c 0%, #121213 35%, #0a0a0b 100%);
  box-shadow: 0 calc(6 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.55);
  z-index: 2;
}
.aw-cabinet {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(4 * var(--u));
  background: #050505; padding: 0 calc(2 * var(--u));
}
.aw-cabinet span {
  display: block; background: linear-gradient(180deg, #19191a, #101011 60%, #0c0c0d);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
}
.aw-cabinet__led {
  position: absolute; left: 0; right: 0; top: 0; height: 45%; pointer-events: none;
  background: linear-gradient(180deg, rgba(var(--aw-warm), .30), rgba(var(--aw-warm), 0));
  opacity: 0; transition: opacity 1.2s ease;
}
.aw-plinth { background: #030303; }

/* Title lettered on the wall */
.aw-title { color: #0c0c0c; z-index: 1; }
.aw-title__logo {
  display: block; width: auto; height: calc(30 * var(--u)); filter: brightness(0);
  margin-bottom: calc(22 * var(--u));
}
.aw-title__h1 {
  margin: 0; font-family: var(--v2-disp); font-weight: 400; text-transform: uppercase;
  font-size: calc(58 * var(--u)); line-height: .98; letter-spacing: .01em; color: #0c0c0c;
}

/* Shelf + badges on stands */
.aw-shelf-row { display: flex; align-items: flex-end; justify-content: space-evenly; z-index: 1; }
.aw-stand { position: relative; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; }
.aw-stand img {
  display: block; height: 82%; width: auto;
  filter: drop-shadow(0 calc(10 * var(--u)) calc(10 * var(--u)) rgba(0,0,0,.35));
}
.aw-stand::after { /* small black base block */
  content: ""; display: block; width: calc(72 * var(--u)); height: calc(16 * var(--u));
  background: linear-gradient(180deg, #2b2b2d, #0d0d0e); margin-top: calc(3 * var(--u));
  box-shadow: 0 calc(3 * var(--u)) calc(6 * var(--u)) rgba(0,0,0,.35);
}
.aw-stand--tri img { height: 70%; filter: drop-shadow(0 calc(8 * var(--u)) calc(8 * var(--u)) rgba(0,0,0,.4)) brightness(.92) contrast(1.15); }
.aw-stand--tri::after { width: calc(110 * var(--u)); }
.aw-shelf {
  z-index: 1; background: linear-gradient(180deg, #2a2a2c, #0c0c0d);
  box-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) rgba(0,0,0,.35);
}
.aw-led {
  position: absolute; left: 2%; right: 2%; top: 100%; height: calc(90 * var(--u)); pointer-events: none;
  background: radial-gradient(60% 100% at 50% 0%, rgba(var(--aw-warm), .55), rgba(var(--aw-warm), 0) 75%);
  mix-blend-mode: soft-light; opacity: 0; transition: opacity 1.2s ease;
}

/* Frames */
.aw-frame {
  display: block; padding: 0; border: 0; cursor: zoom-in; z-index: 1;
  background: #0d0d0d; border-radius: 1px;
  padding: calc(7 * var(--u));
  box-shadow:
    0 calc(16 * var(--u)) calc(26 * var(--u)) rgba(0,0,0,.30),
    0 calc(3 * var(--u)) calc(5 * var(--u)) rgba(0,0,0,.25);
  transition: transform .5s var(--v2-ease), box-shadow .5s var(--v2-ease);
}
.aw-frame__mat {
  position: relative; display: flex; align-items: center; justify-content: center; gap: calc(9 * var(--u));
  width: 100%; height: 100%; background: #fbfaf7; padding: calc(11 * var(--u));
  box-shadow: inset 0 0 calc(6 * var(--u)) rgba(0,0,0,.18); overflow: hidden;
}
.aw-frame__mat img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.aw-frame__mat::after { /* glass */
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.42) 47%, rgba(255,255,255,.10) 53%, transparent 62%);
  background-size: 300% 100%; background-position: var(--aw-glare, 120%) 0;
  mix-blend-mode: screen; opacity: .55;
}
.aw-frame--hero .aw-frame__mat { padding: calc(14 * var(--u)); }
.aw-frame:hover, .aw-frame:focus-visible {
  transform: translateY(calc(-4 * var(--u)));
  box-shadow: 0 calc(26 * var(--u)) calc(36 * var(--u)) rgba(0,0,0,.34), 0 calc(3 * var(--u)) calc(5 * var(--u)) rgba(0,0,0,.25);
}
.aw-frame:focus-visible { outline: 2px solid var(--v2-cyan); outline-offset: 3px; }
.aw-frame--strip { cursor: default; }
.aw-frame--strip:hover { transform: none; }
.aw-frame--strip .aw-frame__mat { padding: calc(10 * var(--u)) calc(14 * var(--u)); justify-content: space-between; }
.aw-frame--strip img { height: 100%; width: auto; max-width: none; }

/* Console objects */
.aw-books { display: flex; flex-direction: column; justify-content: flex-end; gap: calc(2 * var(--u)); z-index: 3; }
.aw-books span {
  display: flex; align-items: center; justify-content: center; height: calc(20 * var(--u));
  background: linear-gradient(180deg, #232325, #111112); color: #d9d4ca;
  font-family: var(--v2-disp); text-transform: uppercase; font-size: calc(8 * var(--u)); letter-spacing: .14em;
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset;
}
.aw-books span:nth-child(1) { width: 92%; margin-left: 4%; }
.aw-books span:nth-child(2) { width: 100%; }
.aw-books span:nth-child(3) { width: 96%; margin-left: 1%; }
.aw-lamp { z-index: 3; }
.aw-lamp i { /* shade */
  position: absolute; left: 0; top: 0; width: 100%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(60% 60% at 40% 35%, #fffaf1, #e8dfd0 70%, #cfc4b2);
  transition: box-shadow 1.2s ease, background 1.2s ease;
}
.aw-lamp b { /* base */
  position: absolute; left: 30%; width: 40%; bottom: 0; height: 46%;
  background: linear-gradient(90deg, #0b0b0c, #262628 45%, #0b0b0c); border-radius: 2px 2px 0 0;
}

/* Darkness and light */
.aw-shade { pointer-events: none; z-index: 4; } /* opacity follows --aw-on1/2, which carry the transition */
.aw-shade--l { background: linear-gradient(90deg, rgba(5,5,5,.94) 0 38%, rgba(5,5,5,0) 62%); opacity: calc(1 - var(--aw-on1)); }
.aw-shade--r { background: linear-gradient(270deg, rgba(5,5,5,.94) 0 38%, rgba(5,5,5,0) 62%); opacity: calc(1 - var(--aw-on2)); }
.aw-arrive:not(.is-l1):not(.is-l2) .aw-shade--l { background: rgba(5,5,5,.94); }
.aw-pool { pointer-events: none; z-index: 3; mix-blend-mode: soft-light; }
.aw-pool--1 { --cx: 24.6%; background: radial-gradient(34% 82% at var(--cx) 0%, rgba(var(--aw-warm), .95), rgba(var(--aw-warm), .25) 55%, transparent 78%); opacity: var(--aw-on1); }
.aw-pool--2 { --cx: 75.4%; background: radial-gradient(34% 82% at var(--cx) 0%, rgba(var(--aw-warm), .95), rgba(var(--aw-warm), .25) 55%, transparent 78%); opacity: var(--aw-on2); }

/* Spotlights */
.aw-spot { z-index: 6; }
.aw-spot::before { /* stem */
  content: ""; position: absolute; left: 44%; width: 12%; top: 0; height: 22%; background: #121213;
}
.aw-spot i {
  position: absolute; left: 0; right: 0; top: 18%; bottom: 0; border-radius: 3px 3px 30% 30% / 3px 3px 12% 12%;
  background: linear-gradient(90deg, #070708, #29292b 40%, #0a0a0b);
}
.aw-spot i::after { /* the lit lens */
  content: ""; position: absolute; left: 12%; right: 12%; bottom: -6%; height: 22%; border-radius: 50%;
  background: #2a2723; transition: background .2s, box-shadow .2s;
}
.aw-arrive.is-l1 .aw-spot--1 i::after,
.aw-arrive.is-l2 .aw-spot--2 i::after {
  background: #fff6e4; box-shadow: 0 0 calc(10 * var(--u)) rgba(255,236,200,.95), 0 calc(14 * var(--u)) calc(50 * var(--u)) calc(10 * var(--u)) rgba(var(--aw-warm), .55);
}

/* Lighting states (JS adds them in order) */
.aw-arrive.is-l1 { --aw-on1: 1; }
.aw-arrive.is-l2 { --aw-on2: 1; }
.aw-arrive { transition: --aw-on1 .9s ease, --aw-on2 .9s ease; }
.aw-arrive.is-l1 .aw-pool--1, .aw-arrive.is-l2 .aw-pool--2 { animation: aw-flicker .55s steps(1, end) 1; }
@keyframes aw-flicker { 0% { opacity: .0 } 18% { opacity: .7 } 30% { opacity: .1 } 46% { opacity: .9 } 58% { opacity: .35 } 70%, 100% { opacity: 1 } }
.aw-arrive.is-led .aw-led { opacity: 1; }
.aw-arrive.is-led .aw-stand img { animation: aw-shine 1.6s ease .1s 1; }
@keyframes aw-shine { 0% { filter: drop-shadow(0 0 0 rgba(0,0,0,0)) brightness(.6) } 50% { filter: drop-shadow(0 0 calc(18 * var(--u)) rgba(255,220,150,.75)) brightness(1.25) } 100% { filter: drop-shadow(0 calc(10 * var(--u)) calc(10 * var(--u)) rgba(0,0,0,.35)) brightness(1) } }
.aw-arrive.is-lamp .aw-lamp i { background: radial-gradient(60% 60% at 45% 40%, #fffdf6, #ffe9c4 70%, #f3cf98); box-shadow: 0 0 calc(30 * var(--u)) calc(6 * var(--u)) rgba(255,214,150,.65), 0 0 calc(90 * var(--u)) calc(20 * var(--u)) rgba(255,200,130,.25); }
.aw-arrive.is-lamp .aw-cabinet__led { opacity: 1; }
.aw-arrive.is-on .aw-frame__mat::after { animation: aw-glass 1.6s var(--v2-ease) 1; }
@keyframes aw-glass { from { background-position: 120% 0 } to { background-position: -40% 0 } }

/* Floor */
.aw-floor {
  width: 130%; height: 40px; margin-top: -6px;
  background: radial-gradient(50% 100% at 50% 0%, rgba(0,0,0,.9), transparent 70%),
              radial-gradient(40% 120% at 50% 0%, rgba(var(--aw-warm), .10), transparent 70%);
  opacity: calc(.4 + (var(--aw-on1) + var(--aw-on2)) * .3);
}

/* Caption and cue under the wall */
.aw-caption {
  display: flex; align-items: center; justify-content: center; gap: 28px;
  max-width: 980px; margin-top: 10px; text-align: left;
  opacity: 0; transform: translateY(10px); transition: opacity .9s ease, transform .9s var(--v2-ease);
}
.aw-arrive.is-on .aw-caption { opacity: calc(1 - var(--aw-p, 0) * 2.4); transform: none; }
.aw-caption p { margin: 0; font-family: var(--v2-body); font-size: clamp(.92rem, 1.05vw, 1.06rem); line-height: 1.45; color: var(--v2-dim); }
.aw-cue { flex: none; display: inline-flex; flex-direction: column; align-items: center; gap: 8px; color: #fff; font-size: .66rem; letter-spacing: .24em; text-transform: uppercase; text-decoration: none; }
.aw-cue:hover { color: var(--v2-cyan); text-decoration: none; }
.aw-cue i { display: block; width: 1px; height: 34px; background: linear-gradient(#fff, transparent); animation: aw-cue 1.8s ease-in-out infinite; transform-origin: top; }
@keyframes aw-cue { 0% { transform: scaleY(0) } 50% { transform: scaleY(1) } 100% { transform: scaleY(1); opacity: 0 } }

/* ---------- 2. Stats ---------- */
.aw-stats { position: relative; padding: clamp(3.5rem, 8vh, 6rem) var(--v2-pad); border-top: 1px solid var(--v2-line); border-bottom: 1px solid var(--v2-line); }
.aw-stats__grid { max-width: var(--v2-max); margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.aw-stat { display: flex; flex-direction: column; gap: .7rem; }
.aw-stat b { font-family: var(--v2-disp); font-weight: 400; font-size: clamp(3rem, 6.4vw, 6rem); line-height: .9; background: var(--v2-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.aw-stat span { color: var(--v2-dim); font-size: .95rem; line-height: 1.4; max-width: 15rem; }

/* ---------- 3. Cases ---------- */
.aw-works, .aw-jury { padding: clamp(5rem, 12vh, 9rem) var(--v2-pad) clamp(3rem, 8vh, 6rem); max-width: calc(var(--v2-max) + 2 * var(--v2-pad)); margin: 0 auto; }
.aw-head { max-width: 900px; margin-bottom: clamp(3rem, 8vh, 5.5rem); }
.aw-h2 { font-family: var(--v2-disp); font-weight: 400; text-transform: uppercase; font-size: clamp(2.3rem, 5.6vw, 5rem); line-height: .98; margin: .4rem 0 0; color: #fff; }
.aw-head__p { margin: 1.6rem 0 0; color: var(--v2-dim); font-size: clamp(1rem, 1.25vw, 1.15rem); line-height: 1.6; max-width: 46rem; }

.aw-case { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(2rem, 5vw, 5.5rem); align-items: center; margin-bottom: clamp(5rem, 13vh, 9rem); }
.aw-case--flip { grid-template-columns: 1fr 1.15fr; }
.aw-case--flip .aw-case__wall { order: 2; }
.aw-case__wall {
  position: relative; isolation: isolate; overflow: hidden; border-radius: 4px;
  background: linear-gradient(180deg, #ebe4da, #ddd5c9);
  padding: clamp(4.5rem, 9vw, 7rem) clamp(1.2rem, 4vw, 3.5rem) clamp(2rem, 5vw, 3.5rem);
  min-height: 420px; display: flex; flex-direction: column; justify-content: flex-end;
}
.aw-case__wall::before { /* dark until lit */
  content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none;
  background: rgba(5,5,5,.9); transition: opacity 1.1s ease .1s;
}
.aw-case__light {
  position: absolute; inset: 0; z-index: 2; pointer-events: none; mix-blend-mode: soft-light;
  background: radial-gradient(48% 80% at 50% 0%, rgba(var(--aw-warm), 1), rgba(var(--aw-warm), .25) 55%, transparent 80%);
  opacity: 0; transition: opacity 1.1s ease .1s;
}
.aw-case__wall::after { /* the lamp at the top */
  content: ""; position: absolute; top: 0; left: 50%; width: 44px; height: 28px; margin-left: -22px; z-index: 4;
  background: linear-gradient(90deg, #070708, #29292b 40%, #0a0a0b); border-radius: 0 0 40% 40% / 0 0 30% 30%;
  box-shadow: 0 10px 30px 4px rgba(var(--aw-warm), 0); transition: box-shadow .6s ease;
}
.aw-case.is-lit .aw-case__wall::before { opacity: 0; }
.aw-case.is-lit .aw-case__light { opacity: 1; }
.aw-case.is-lit .aw-case__wall::after { box-shadow: 0 12px 40px 6px rgba(var(--aw-warm), .55); }
.aw-case__badges { position: absolute; top: clamp(1.4rem, 3vw, 2.2rem); right: clamp(1.2rem, 3vw, 2.4rem); display: flex; gap: .7rem; align-items: flex-end; z-index: 1; }
.aw-case__badges img { height: clamp(56px, 7vw, 84px); width: auto; filter: drop-shadow(0 6px 8px rgba(0,0,0,.3)); }
.aw-case__badges img.tri { height: clamp(44px, 5.5vw, 66px); filter: drop-shadow(0 6px 8px rgba(0,0,0,.35)) brightness(.9) contrast(1.15); }
.aw-case__frames { position: relative; z-index: 1; display: flex; gap: clamp(.8rem, 2vw, 1.6rem); align-items: flex-end; justify-content: center; }
.aw-case__frames .aw-frame { --u: 1.6px; width: clamp(110px, 13vw, 190px); aspect-ratio: 0.72; flex: none; }
.aw-case__frames .aw-frame--lg { width: clamp(150px, 17vw, 250px); aspect-ratio: 0.6; }
.aw-case__frames .aw-frame--sq { aspect-ratio: 0.86; }
.aw-case__frames .aw-frame--wide { width: clamp(190px, 24vw, 340px); aspect-ratio: 1.25; }
.aw-case__frames .aw-frame__mat { padding: clamp(8px, 1vw, 14px); }
/* four frames (poster + three certificates) */
.aw-case__frames:has(> :nth-child(4)) { gap: clamp(.6rem, 1.2vw, 1rem); }
.aw-case__frames:has(> :nth-child(4)) .aw-frame { width: clamp(84px, 8.4vw, 124px); }
.aw-case__frames:has(> :nth-child(4)) .aw-frame--lg { width: clamp(124px, 12.6vw, 186px); }

.aw-case__client { margin: 0 0 .8rem; font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; color: var(--v2-cyan); }
.aw-case__title { margin: 0; font-family: var(--v2-disp); font-weight: 400; text-transform: uppercase; font-size: clamp(2rem, 3.6vw, 3.4rem); line-height: 1; color: #fff; }
.aw-case__lede { margin: 1.2rem 0 1.8rem; color: var(--v2-dim); font-size: clamp(1rem, 1.2vw, 1.1rem); line-height: 1.6; max-width: 34rem; }
.aw-list { list-style: none; margin: 0 0 1.4rem; padding: 0; border-top: 1px solid var(--v2-line); }
.aw-list li { display: flex; gap: 1.1rem; align-items: flex-start; padding: 1rem 0; border-bottom: 1px solid var(--v2-line); }
.aw-list li > span:last-child { display: flex; flex-direction: column; gap: .2rem; color: var(--v2-dim); font-size: .95rem; line-height: 1.45; }
.aw-list b { color: #fff; font-weight: 400; font-family: var(--v2-disp); text-transform: uppercase; letter-spacing: .04em; font-size: .9rem; }
.aw-chip { flex: none; min-width: 4.4rem; text-align: center; padding: .38rem .7rem; border-radius: 999px; font-family: var(--v2-disp); font-size: .66rem; letter-spacing: .16em; text-transform: uppercase; color: #141414; margin-top: .05rem; }
.aw-chip--gold { background: linear-gradient(135deg, var(--aw-gold-1), var(--aw-gold-2)); }
.aw-chip--silver { background: linear-gradient(135deg, var(--aw-silver-1), var(--aw-silver-2)); }
.aw-case__credit { margin: 0 0 1.8rem; color: var(--v2-mute); font-size: .9rem; }
.aw-case__links { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.6rem; }
.aw-out { color: #fff; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--v2-line); padding-bottom: 3px; }
.aw-out::after { content: " \2197"; }
.aw-out:hover { color: var(--v2-cyan); border-color: var(--v2-cyan); text-decoration: none; }

/* ---------- 4. Jury ---------- */
.aw-jury { border-top: 1px solid var(--v2-line); }
.aw-jury__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--v2-line); border: 1px solid var(--v2-line); }
.aw-jury__grid li { background: var(--aw-black); padding: clamp(1.6rem, 3vw, 2.6rem); display: flex; flex-direction: column; justify-content: space-between; gap: 2.4rem; min-height: 190px; transition: background .4s ease; }
.aw-jury__grid li:hover { background: #0e0e10; }
.aw-jury__grid b { font-family: var(--v2-disp); font-weight: 400; text-transform: uppercase; font-size: clamp(1.15rem, 1.9vw, 1.7rem); line-height: 1.08; color: #fff; }
.aw-jury__grid span { font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; color: var(--v2-cyan); }

/* ---------- 5. Close ---------- */
.aw-close { position: relative; isolation: isolate; text-align: center; padding: clamp(6rem, 16vh, 10rem) var(--v2-pad); overflow: hidden; border-top: 1px solid var(--v2-line); }
.aw-close .v2-tag { justify-content: center; }
.aw-close__light { position: absolute; inset: 0; z-index: -1; background: radial-gradient(40% 70% at 50% 0%, rgba(106,20,223,.35), transparent 70%), radial-gradient(30% 50% at 50% 0%, rgba(53,209,254,.18), transparent 70%); }
.aw-close__title { font-family: var(--v2-disp); font-weight: 400; text-transform: uppercase; font-size: clamp(2.4rem, 7vw, 6.4rem); line-height: .98; margin: .6rem 0 1.4rem; color: #fff; }
.aw-close__p { color: var(--v2-dim); font-size: clamp(1rem, 1.3vw, 1.2rem); margin: 0 auto 2.4rem; max-width: 34rem; }
.aw-close__actions { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }

/* ---------- Certificate viewer ---------- */
.aw-lb { width: 100vw; height: 100vh; height: 100svh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(5,5,5,.94); color: #fff; }
.aw-lb::backdrop { background: rgba(5,5,5,.6); }
.aw-lb[open] { display: flex; align-items: center; justify-content: center; animation: aw-fade .35s ease; }
@keyframes aw-fade { from { opacity: 0 } }
.aw-lb__fig { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 64px 72px 28px; max-height: 100%; }
.aw-lb__img { display: block; max-width: min(92vw, 900px); max-height: calc(100svh - 150px); width: auto; height: auto; background: #fff; box-shadow: 0 30px 80px rgba(0,0,0,.6); }
.aw-lb__cap { color: var(--v2-dim); font-size: .95rem; text-align: center; max-width: 40rem; line-height: 1.5; }
.aw-lb__btn { position: absolute; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(5,5,5,.5); color: #fff; font-size: 1.3rem; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color .3s, background .3s; }
.aw-lb__btn:hover { border-color: #fff; background: rgba(255,255,255,.08); }
.aw-lb__close { top: 20px; right: 20px; font-size: 1.7rem; }
.aw-lb__prev { left: 20px; top: 50%; margin-top: -24px; }
.aw-lb__next { right: 20px; top: 50%; margin-top: -24px; }

/* ---------- Tablet and phone ---------- */
@media (max-width: 1100px) {
  .aw-case, .aw-case--flip { grid-template-columns: 1fr; }
  .aw-case--flip .aw-case__wall { order: 0; }
  .aw-jury__grid { grid-template-columns: repeat(2, 1fr); }
  .aw-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 2.6rem 2rem; }
}
@media (max-width: 991px) { .aw-page { --aw-nav: 84px; } }
@media (max-width: 700px) {
  .aw-page { --aw-nav: 76px; }
  .aw-arrive { height: 170svh; }
  .aw-unit {
    --gw: 600; --gh: 1040; aspect-ratio: 600 / 1040;
    width: min(calc(100vw - 32px), calc((100svh - var(--aw-nav) - 150px) * 0.5769));
  }
  .aw-p { left: calc(var(--mx) * var(--u)); top: calc(var(--my) * var(--u)); width: calc(var(--mw) * var(--u)); height: calc(var(--mh) * var(--u)); }
  .aw-dsk { display: none; }
  .aw-title__h1 { font-size: calc(62 * var(--u)); }
  .aw-title__logo { height: calc(28 * var(--u)); margin-bottom: calc(26 * var(--u)); }
  .aw-frame { padding: calc(5 * var(--u)); }
  .aw-frame__mat { padding: calc(6 * var(--u)); }
  .aw-stand::after { width: calc(56 * var(--u)); height: calc(12 * var(--u)); }
  .aw-stand--tri::after { width: calc(84 * var(--u)); }
  .aw-books span { height: calc(16 * var(--u)); font-size: calc(7 * var(--u)); }
  .aw-pool--1 { background: radial-gradient(60% 70% at 27% 0%, rgba(var(--aw-warm), .95), rgba(var(--aw-warm), .25) 55%, transparent 80%); }
  .aw-pool--2 { background: radial-gradient(60% 70% at 73% 0%, rgba(var(--aw-warm), .95), rgba(var(--aw-warm), .25) 55%, transparent 80%); }
  .aw-caption { flex-direction: column; gap: 12px; text-align: center; margin-top: 4px; }
  .aw-caption p { font-size: .88rem; }
  .aw-cue i { height: 22px; }
  .aw-stats__grid { gap: 2.2rem 1.2rem; }
  .aw-stat span { font-size: .85rem; }
  .aw-case__wall { min-height: 0; padding-top: 5.5rem; }
  .aw-case__badges img { height: 52px; }
  .aw-case__badges img.tri { height: 42px; }
  .aw-case__frames .aw-frame { width: 38%; }
  .aw-case__frames .aw-frame--lg { width: 48%; }
  .aw-case__frames .aw-frame--wide { width: 56%; }
  .aw-case__frames:has(> :nth-child(3)) .aw-frame { width: 27%; }
  .aw-case__frames:has(> :nth-child(3)) .aw-frame--lg { width: 36%; }
  .aw-case__frames:has(> :nth-child(4)) { gap: 6px; }
  .aw-case__frames:has(> :nth-child(4)) .aw-frame { width: 21%; }
  .aw-case__frames:has(> :nth-child(4)) .aw-frame--lg { width: 31%; }
  .aw-list li { gap: .8rem; }
  .aw-jury__grid { grid-template-columns: 1fr; }
  .aw-jury__grid li { min-height: 0; gap: 1rem; }
  .aw-lb__fig { padding: 70px 12px 80px; }
  .aw-lb__prev, .aw-lb__next { top: auto; bottom: 18px; margin: 0; }
  .aw-lb__prev { left: calc(50% - 60px); }
  .aw-lb__next { right: calc(50% - 60px); }
}

/* Reduced motion: lights already on, no camera move */
@media (prefers-reduced-motion: reduce) {
  .aw-arrive { height: auto; }
  .aw-scene { position: relative; height: auto; min-height: 100svh; }
  .aw-room { transform: none !important; }
  .aw-unit { transform: none !important; transition: none; }
  .aw-arrive *, .aw-case * { animation: none !important; transition: none !important; }
  .aw-cue i { animation: none; }
}