:root {
  --white: #ffffff;
  --black: #000000;
  --red: #8b1a14;
  --red-deep: #6a120d;
  --red-on-black: #e0645b;
  --grey: #8a8a8a;
  --grey-text: #636363;
  --grey-soft: #f0f0f0;
  --line: #dcdcdc;
  --cond: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --gutter: max(16px, min(5vw, 48px));
  --hero-x: clamp(20px, 4.4vw, 72px);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  color-scheme: light;
}
.p6-page * { box-sizing: border-box; margin: 0; padding: 0; }
.p6-page [hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body.p6-page { margin: 0; padding: 0; background: var(--white); color: var(--black); font-family: var(--font); font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.p6-page img { display: block; max-width: 100%; }
.p6-page a { color: inherit; }
.p6-page button, .p6-page input { font: inherit; color: inherit; }
.p6-page ::selection { background: var(--red); color: var(--white); }
.p6-page :focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.p6-page input { caret-color: var(--red); }

/* ================= cinematic hero ================= */
.p6-page .hero { position: relative; width: 100%; height: 100vh; height: 100svh; min-height: 580px; overflow: hidden; background: #050505; color: var(--white); isolation: isolate; }
.p6-page .hero :focus-visible { outline-color: var(--white); }

.p6-page .bg { position: absolute; inset: -3%; z-index: -6; transform: translate3d(var(--px, 0px), var(--py, 0px), 0); will-change: transform; }
.p6-page .bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; animation: breathe 38s ease-in-out infinite alternate; transform-origin: 50% 45%; filter: saturate(.92) contrast(1.04) brightness(.9); }
@keyframes breathe { from { transform: scale(1.02); } to { transform: scale(1.09); } }

/* overlays: top, bottom, sides, lamp light, vignette */
.p6-page .shade { position: absolute; inset: 0; z-index: -5; pointer-events: none; background:
  linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.18) 18%, rgba(0,0,0,0) 34%),
  linear-gradient(0deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.6) 24%, rgba(0,0,0,.12) 52%, rgba(0,0,0,0) 64%),
  linear-gradient(90deg, rgba(10,4,3,.62) 0%, rgba(10,4,3,0) 26%, rgba(10,4,3,0) 74%, rgba(10,4,3,.55) 100%); }
.p6-page .lamp { position: absolute; inset: 0; z-index: -4; pointer-events: none; mix-blend-mode: screen; background: radial-gradient(60% 45% at 50% 30%, rgba(255,236,214,.16), rgba(255,236,214,0) 70%); }
.p6-page .vignette { position: absolute; inset: 0; z-index: -3; pointer-events: none; background: radial-gradient(120% 95% at 50% 45%, rgba(0,0,0,0) 55%, rgba(0,0,0,.6) 100%); }

/* soft workshop light rays */
.p6-page .rays { position: absolute; inset: -20% -10% 0 -10%; z-index: -4; pointer-events: none; mix-blend-mode: screen; opacity: .55; }
.p6-page .rays i { position: absolute; top: -10%; width: 14vw; height: 120%; background: linear-gradient(180deg, rgba(255,240,222,.13), rgba(255,240,222,0) 75%); transform: rotate(18deg); filter: blur(18px); animation: ray 16s ease-in-out infinite alternate; }
.p6-page .rays i:nth-child(1) { left: 22%; animation-delay: -3s; }
.p6-page .rays i:nth-child(2) { left: 40%; width: 8vw; animation-delay: -9s; }
.p6-page .rays i:nth-child(3) { left: 61%; width: 11vw; animation-delay: -6s; }
@keyframes ray { from { opacity: .35; transform: rotate(18deg) translateX(-2vw); } to { opacity: 1; transform: rotate(20deg) translateX(2vw); } }

/* dust in the lamp light */
.p6-page .dust { position: absolute; inset: 0; z-index: -3; pointer-events: none; }
.p6-page .dust span { position: absolute; bottom: -10px; width: var(--s); height: var(--s); border-radius: 50%; background: radial-gradient(circle, rgba(255,244,230,.95) 0 35%, rgba(255,236,214,0) 72%); transform: scale(2); opacity: 0; animation: rise var(--d) linear infinite; animation-delay: var(--delay); }
@keyframes rise { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 12% { opacity: var(--o); } 85% { opacity: var(--o); } 100% { opacity: 0; transform: translate3d(var(--dx), -105svh, 0); } }

/* cursor glow and film grain */
.p6-page .glow { position: absolute; left: 0; top: 0; width: 46vmax; height: 46vmax; margin: -23vmax 0 0 -23vmax; z-index: -2; pointer-events: none; border-radius: 50%; background: radial-gradient(circle, rgba(170,40,30,.22), rgba(170,40,30,0) 62%); mix-blend-mode: screen; transform: translate3d(var(--gx, 50vw), var(--gy, 50svh), 0); opacity: 0; transition: opacity 1.2s; }
.p6-page .hero.ready .glow { opacity: 1; }
.p6-page .grain { position: absolute; inset: -50%; z-index: -1; pointer-events: none; opacity: .09; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); animation: grain .9s steps(6) infinite; }
@keyframes grain { 0% { transform: translate(0,0); } 20% { transform: translate(-4%,3%); } 40% { transform: translate(3%,-5%); } 60% { transform: translate(-6%,-2%); } 80% { transform: translate(5%,4%); } 100% { transform: translate(-2%,6%); } }

/* navigation */
.p6-page .top { position: absolute; inset: 0 0 auto 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: clamp(18px, 3vw, 36px) var(--hero-x); }
.p6-page .brandside { display: flex; align-items: center; gap: clamp(14px, 2vw, 26px); }
.p6-page .iconbtn { width: 42px; height: 42px; display: grid; place-items: center; border: 0; background: transparent; color: var(--white); cursor: pointer; border-radius: 50%; transition: background .3s; }
.p6-page .iconbtn:hover, .p6-page .iconbtn[aria-expanded="true"] { background: rgba(255,255,255,.1); }
.p6-page .iconbtn svg { width: 22px; height: 22px; }
.p6-page .brand img { height: clamp(40px, 4.4vw, 56px); width: auto; }
.p6-page .links { display: flex; align-items: center; gap: clamp(18px, 3vw, 44px); list-style: none; }
.p6-page .links a { position: relative; display: inline-block; padding: 8px 0; font-size: 15px; font-weight: 300; letter-spacing: 0.01em; text-decoration: none; color: rgba(255,255,255,.82); transition: color .3s; }
.p6-page .links a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: var(--white); transform: scaleX(0); transform-origin: 50% 50%; transition: transform .5s var(--ease); }
.p6-page .links a:hover { color: var(--white); }
.p6-page .links a:hover::after, .p6-page .links a[aria-current="true"]::after { transform: scaleX(1); }
.p6-page .links a[aria-current="true"] { color: var(--white); }

/* glass panels: notify bar + menu */
.p6-page .glass { background: rgba(14,10,10,.52); backdrop-filter: blur(18px) saturate(1.2); -webkit-backdrop-filter: blur(18px) saturate(1.2); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 24px 60px -24px rgba(0,0,0,.7); }
.p6-page .notify { position: absolute; z-index: 6; top: calc(clamp(18px, 3vw, 36px) + 56px); right: var(--hero-x); width: min(520px, calc(100vw - 2 * var(--hero-x))); border-radius: 14px; padding: 6px 8px 6px 16px; opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity .35s var(--ease), transform .45s var(--ease); }
.p6-page .notify.open { opacity: 1; transform: none; pointer-events: auto; }
.p6-page .notify .rowin { display: flex; align-items: center; gap: 12px; }
.p6-page .notify svg { width: 18px; height: 18px; flex: none; opacity: .8; }
.p6-page .notify input { flex: 1; min-width: 0; padding: 14px 0; border: 0; background: transparent; color: var(--white); font-size: 16px; font-weight: 300; outline: none; caret-color: var(--white); }
.p6-page .notify input::placeholder { color: rgba(255,255,255,.62); }
.p6-page .notify small { font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,.6); white-space: nowrap; padding-right: 8px; }
.p6-page .notify .form-msg { padding: 0 0 10px 30px; font-size: 13px; color: rgba(255,255,255,.75); }
.p6-page .notify.is-error .form-msg { color: var(--red-on-black); }
.p6-page .menu { position: absolute; z-index: 6; top: calc(clamp(18px, 3vw, 36px) + 56px); left: var(--hero-x); width: 260px; border-radius: 14px; padding: 8px; list-style: none; opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity .35s var(--ease), transform .45s var(--ease); }
.p6-page .menu.open { opacity: 1; transform: none; pointer-events: auto; }
.p6-page .menu a { display: grid; grid-template-columns: 2.2rem 1fr auto; align-items: baseline; padding: 12px 12px; border-radius: 9px; text-decoration: none; font-weight: 300; transition: background .25s; }
.p6-page .menu a:hover { background: rgba(255,255,255,.08); }
.p6-page .menu .n { font-size: 12px; color: rgba(255,255,255,.55); font-variant-numeric: tabular-nums; }
.p6-page .menu .d { font-size: 12px; color: rgba(255,255,255,.55); }

/* title */
.p6-page .title { position: absolute; z-index: 3; left: var(--hero-x); right: calc(var(--hero-x) + 4vw); bottom: clamp(150px, 21vh, 230px); font-weight: 200; font-size: clamp(58px, 11.6vw, 212px); line-height: .84; letter-spacing: -0.055em; text-shadow: 0 10px 60px rgba(0,0,0,.35); }
.p6-page .title .w { display: inline-block; white-space: nowrap; }
.p6-page .title .c { display: inline-block; animation: letter 1.5s var(--ease) both; animation-delay: calc(.35s + var(--i) * 45ms); }
@keyframes letter { from { opacity: 0; transform: translateY(.38em); filter: blur(14px); } to { opacity: 1; transform: none; filter: blur(0); } }

/* footer row */
.p6-page .foot { position: absolute; z-index: 3; left: var(--hero-x); right: var(--hero-x); bottom: clamp(26px, 4.5vh, 48px); display: flex; justify-content: space-between; align-items: flex-end; gap: 28px; }
.p6-page .desc { max-width: 290px; font-size: 13px; line-height: 1.6; font-weight: 300; color: rgba(255,255,255,.9); text-shadow: 0 1px 12px rgba(0,0,0,.6); }
.p6-page .desc b { display: block; margin-top: 10px; font-weight: 400; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--red-on-black); font-variant-numeric: tabular-nums; }
.p6-page .acts { display: flex; gap: clamp(18px, 2.6vw, 40px); list-style: none; }
.p6-page .acts a { position: relative; display: flex; align-items: center; gap: 10px; padding: 8px 0; text-decoration: none; font-size: 11px; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,.88); }
.p6-page .acts svg { width: 22px; height: 22px; flex: none; transition: transform .45s var(--ease), filter .45s; }
.p6-page .acts .k { font-size: 11px; letter-spacing: 0.1em; color: var(--red-on-black); margin-right: -4px; }
.p6-page .acts a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(255,255,255,.85); transform: scaleX(0); transform-origin: 0 50%; transition: transform .55s var(--ease); }
.p6-page .acts a:hover { color: var(--white); }
.p6-page .acts a:hover svg { transform: translateY(-3px); filter: drop-shadow(0 0 8px rgba(255,236,214,.65)); }
.p6-page .acts a:hover::after { transform: scaleX(1); }

/* page-load reveal */
.p6-page .reveal-in { animation: fadein 1.2s var(--ease) both; }
.p6-page .top.reveal-in { animation-delay: .1s; }
.p6-page .desc.reveal-in { animation-delay: 1.1s; }
.p6-page .acts.reveal-in { animation-delay: 1.3s; }
@keyframes fadein { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ================= clues: tabs + one big panel ================= */
.p6-page .clues { max-width: 1360px; margin: 0 auto; padding: clamp(64px, 8vw, 112px) var(--gutter) clamp(72px, 9vw, 120px); }
.p6-page .tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; border-bottom: 1px solid var(--line); }
.p6-page .tab { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 18px 20px 16px; border: 1px solid var(--line); border-bottom: 0; border-radius: 8px 8px 0 0; background: var(--grey-soft); color: var(--black); text-align: left; cursor: pointer; transition: background .2s, color .2s; overflow: hidden; }
.p6-page .tab:hover { background: #e7e7e7; }
.p6-page .tab[aria-selected="true"] { background: var(--white); margin-bottom: -1px; padding-bottom: 17px; }
.p6-page .tab[aria-selected="true"]::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--black); }
.p6-page .tab .ti { grid-row: 1 / 3; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--line); background: var(--white); color: var(--grey); }
.p6-page .tab.is-open .ti { background: var(--red); border-color: var(--red); color: var(--white); }
.p6-page .tab .ti svg { width: 18px; height: 18px; }
.p6-page .tab .tn { font-size: clamp(17px, 1.5vw, 21px); font-weight: 500; letter-spacing: -0.01em; }
.p6-page .tab .ts { font-size: 14px; color: var(--grey-text); }
.p6-page .tab.is-open .ts { color: var(--red); font-weight: 500; }
.p6-page .tab .mini { position: absolute; top: 0; right: 18px; width: 14px; height: 30px; background: var(--red); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%); }

.p6-page .panel { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: center; padding-top: clamp(28px, 3.5vw, 44px); }
.p6-page .panel[hidden] { display: none; }
.p6-page .pmedia { position: relative; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #111; }
.p6-page .pmedia img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transform: scale(1.12); filter: grayscale(1) brightness(.45) contrast(1.1); }
.p6-page .pmedia.lockedm img { filter: grayscale(1) blur(16px) brightness(.4); transform: scale(1.3); }
.p6-page .pmedia iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.p6-page .play { position: absolute; left: 24px; bottom: 24px; display: inline-flex; align-items: center; gap: 12px; padding: 16px 28px 16px 18px; border: 0; border-radius: 999px; background: var(--red); color: var(--white); font-size: 18px; font-weight: 500; cursor: pointer; transition: background .2s; }
.p6-page .play:hover { background: var(--red-deep); }
.p6-page .play svg { width: 24px; height: 24px; }
.p6-page .placeholder { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; padding: 24px; background: rgba(0,0,0,.9); color: var(--white); }
.p6-page .placeholder p { font-size: 22px; }
.p6-page .placeholder small { display: block; margin-top: 6px; color: rgba(255,255,255,.7); font-size: 15px; }
.p6-page .lockbtn { position: absolute; inset: 0; display: grid; place-items: center; border: 0; background: transparent; color: var(--white); cursor: pointer; }
.p6-page .lockbtn .pad { width: 84px; height: 84px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.45); display: grid; place-items: center; transition: border-color .2s, background .2s; }
.p6-page .lockbtn svg { width: 32px; height: 32px; }
.p6-page .lockbtn:hover .pad { border-color: var(--white); background: rgba(139,26,20,.45); }
.p6-page .nudge .pad { animation: nudge .45s ease-out; }
@keyframes nudge { 25% { transform: translateX(-5px); } 50% { transform: translateX(5px); } 75% { transform: translateX(-2px); } 100% { transform: none; } }

/* remove-before-flight streamer */
.p6-page .tag { position: absolute; top: -6px; right: clamp(22px, 3vw, 40px); width: 54px; transform-origin: 50% 0; pointer-events: none; filter: drop-shadow(0 10px 12px rgba(0,0,0,.4)); z-index: 2; }
.p6-page .tag .ribbon { background: var(--red); color: var(--white); padding: 30px 0 22px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 90%, 0 100%); display: flex; justify-content: center; }
.p6-page .tag .ring { position: absolute; top: 9px; left: 50%; width: 16px; height: 16px; border-radius: 50%; border: 3px solid #d8d8d8; background: var(--red-deep); transform: translateX(-50%); z-index: 1; }
.p6-page .tag .txt { writing-mode: vertical-rl; transform: rotate(180deg); font-family: var(--cond); font-weight: 700; font-size: 17px; letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap; }
.p6-page .panel:not([hidden]) .tag { animation: swing 1.4s cubic-bezier(.3,1.6,.5,1) both; }
.p6-page .tag.swing { animation: swing 1.2s cubic-bezier(.3,1.6,.5,1) both; }
@keyframes swing { 0% { transform: rotate(-16deg); } 100% { transform: rotate(0); } }

.p6-page .ptext h2 { font-size: clamp(34px, 3.6vw, 56px); line-height: 1.02; font-weight: 300; letter-spacing: -0.035em; }
.p6-page .ptext p { margin-top: 18px; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.55; color: #262626; max-width: 30em; }
.p6-page .ptext .meta { margin-top: 22px; font-size: 15px; color: var(--grey-text); font-variant-numeric: tabular-nums; }
.p6-page .ptext .meta b { color: var(--red); font-weight: 500; }

/* ================= reveal + footer (from the alternative page) ================= */
.p6-page .cond { font-family: var(--cond); text-transform: uppercase; font-weight: 700; letter-spacing: 0.01em; line-height: 0.92; }
.p6-page .wrap { max-width: 1320px; margin: 0 auto; padding: 0 var(--gutter); }
.p6-page .rv { background: var(--black); color: var(--white); padding: clamp(72px, 9vw, 120px) 0; }
.p6-page .rv .wrap { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); gap: 48px 72px; align-items: end; }
.p6-page .rv h2 { font-size: clamp(44px, 5.4vw, 80px); }
.p6-page .rv h2 span { color: var(--red); display: block; }
.p6-page .rv-time { margin-top: 16px; font-family: var(--cond); font-size: 18px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,.7) !important; }
.p6-page .digits { display: flex; gap: clamp(14px, 2.4vw, 32px); margin-top: 40px; }
.p6-page .digits div { display: grid; gap: 4px; }
.p6-page .digits b { font-family: var(--cond); font-weight: 600; font-size: clamp(64px, 8vw, 128px); line-height: .85; font-variant-numeric: tabular-nums; }
.p6-page .digits span { font-family: var(--cond); font-size: 15px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.p6-page .rv p { color: rgba(255,255,255,.72); }
.p6-page .field { display: flex; gap: 10px; margin-top: 18px; }
.p6-page .field input { flex: 1; min-width: 0; padding: 14px 16px; border: 1.5px solid rgba(255,255,255,.45); background: transparent; color: var(--white); font-size: 16px; }
.p6-page .field input::placeholder { color: rgba(255,255,255,.55); }
.p6-page .field input:focus { outline: none; border-color: var(--white); }
.p6-page .rv .btn { display: inline-flex; align-items: center; padding: 15px 26px; border: 2px solid var(--red); background: var(--red); color: var(--white); font-family: var(--cond); font-size: 17px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; transition: background .2s, border-color .2s, color .2s; white-space: nowrap; }
.p6-page .rv .btn:hover { background: var(--white); border-color: var(--white); color: var(--black); }
.p6-page .form-msg { margin-top: 10px; font-size: 14px; color: rgba(255,255,255,.65); }
.p6-page .rv .is-error .form-msg { color: var(--red-on-black); }
.p6-page .rv .is-error input { border-color: var(--red-on-black); }
.p6-page .rv :focus-visible, .p6-page .site-foot :focus-visible { outline-color: var(--white); }
.p6-page .site-foot { background: var(--black); color: rgba(255,255,255,.6); font-size: 14px; }
.p6-page .site-foot .wrap { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; padding-top: 28px; padding-bottom: 32px; border-top: 1px solid rgba(255,255,255,.16); }
.p6-page .site-foot img { height: 52px; width: auto; }
.p6-page .site-foot a { color: inherit; }
.p6-page .site-foot a:hover { color: var(--white); }

@media (max-width: 900px) {
  .p6-page .panel { grid-template-columns: 1fr; }
  .p6-page .rv .wrap { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .p6-page .links li:not(.active):not(.always) { display: none; }
  .p6-page .bg img { object-position: 46% 45%; }
  .p6-page .title { font-size: clamp(54px, 15.5vw, 120px); bottom: clamp(250px, 36vh, 330px); right: var(--hero-x); }
  .p6-page .foot { flex-direction: column; align-items: flex-start; gap: 18px; }
  .p6-page .acts { gap: 18px; flex-wrap: wrap; }
  .p6-page .tab { grid-template-columns: 1fr; padding: 14px 12px 12px; row-gap: 2px; }
  .p6-page .tab .ti { grid-row: auto; width: 32px; height: 32px; margin-bottom: 6px; }
  .p6-page .tab .ti svg { width: 15px; height: 15px; }
  .p6-page .tab .ts { font-size: 12px; }
  .p6-page .tab .mini { right: 8px; width: 9px; height: 20px; }
  .p6-page .tabs { gap: 4px; }
  .p6-page .tab { padding: 12px 8px 10px; }
  .p6-page .tab .tn { font-size: 15px; }
  .p6-page .tab .ts { font-size: 11px; }
}
@media (max-width: 520px) {
  .p6-page .play { left: 14px; bottom: 14px; padding: 12px 20px 12px 14px; font-size: 16px; }
  .p6-page .lockbtn .pad { width: 64px; height: 64px; }
  .p6-page .tag { width: 38px; right: 16px; }
  .p6-page .tag .ribbon { padding: 24px 0 14px; }
  .p6-page .tag .ring { width: 12px; height: 12px; top: 7px; }
  .p6-page .tag .txt { font-size: 12px; letter-spacing: 0.1em; }
  .p6-page .field { flex-direction: column; }
  .p6-page .acts { gap: 14px 20px; }
  .p6-page .acts a { font-size: 11px; gap: 8px; letter-spacing: 0.1em; }
  .p6-page .acts svg { width: 20px; height: 20px; }
}
@media (hover: none), (max-width: 720px) { .p6-page .glow { display: none; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .p6-page *, .p6-page *::before, .p6-page *::after { animation: none !important; transition-duration: .01ms !important; }
  .p6-page .dust, .p6-page .rays, .p6-page .glow { display: none; }
}

/* ================= WordPress glue ================= */
/* Blocks are re-arranged by p6.js; hide them until that is done (shown anyway after 3 s if the script fails) */
.p6-page:not(.p6-ready) .p6-main { visibility: hidden; animation: p6show 0s 3s forwards; }
@keyframes p6show { to { visibility: visible; } }
.p6-page .wp-block-group__inner-container { display: contents; }
.p6-page .p6-main > *, .p6-page .is-layout-flow > *, .p6-page .is-layout-constrained > * { margin-block: 0; max-width: none; }
.p6-page figure { margin: 0; }
.p6-page .wp-block-image img { height: auto; }
.p6-page .bg img, .p6-page .pmedia img { height: 100%; }
.p6-page .brand img { height: clamp(40px, 4.4vw, 56px); width: auto; }
.p6-page .site-foot img { height: 52px; width: auto; }
.p6-page .site-foot p { margin: 0; }
.p6-page .pmedia video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; }
.p6-page .rv h2.cond { font-family: var(--cond); }
.p6-page .acts li, .p6-page .links li, .p6-page .menu li { list-style: none; }
/* clue with a YouTube block: real thumbnail in colour, Play is a link to YouTube */
.p6-page .pmedia img.is-thumb { filter: none; transform: none; }
.p6-page .pmedia.lockedm img.is-thumb { filter: grayscale(1) blur(16px) brightness(.4); transform: scale(1.3); }
.p6-page a.play { text-decoration: none; }