:root {
  --pw-bg: #050605;
  --pw-ink: #f3f1e8;
  --pw-muted: #9e9e96;
  --pw-line: rgba(243, 241, 232, .17);
  --pw-faint: rgba(243, 241, 232, .07);
  --pw-acid: #d8ff45;
  --pw-coral: #ff5b38;
  --pw-blue: #6675ff;
  --pw-panel: #0c0d0b;
  --pw-display: Syne, Inter, Arial, sans-serif;
  --pw-sans: Inter, Arial, sans-serif;
  --pw-mono: "JetBrains Mono", Consolas, monospace;
}

html.desk-loading body { visibility: hidden; }
html { background: var(--pw-bg); }
body.desk-body {
  min-width: 320px; margin: 0; overflow: hidden; color: var(--pw-ink); background: var(--pw-bg);
  font: 400 16px/1.5 var(--pw-sans); cursor: default;
}
body.desk-body > :not(.pw-root):not(script):not(style) { display: none !important; }
.pw-root, .pw-root *, .pw-root *::before, .pw-root *::after { box-sizing: border-box; }
.pw-root { position: relative; width: 100%; height: 100svh; min-height: 620px; isolation: isolate; overflow: hidden; background: var(--pw-bg); }
.pw-root button, .pw-root input { font: inherit; }
.pw-root button, .pw-root a { -webkit-tap-highlight-color: transparent; }
.pw-root a { color: inherit; }
.pw-root :focus-visible { outline: 2px solid var(--pw-acid); outline-offset: 4px; }
.pw-root ::selection { color: var(--pw-bg); background: var(--pw-acid); }

.pw-skip {
  position: fixed; z-index: 100; left: 18px; top: 14px; transform: translateY(-170%); padding: 10px 14px;
  color: var(--pw-bg); background: var(--pw-acid); font: 700 12px/1 var(--pw-mono); text-decoration: none;
}
.pw-skip:focus { transform: none; }
.pw-field { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; }
.pw-vignette {
  position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background: linear-gradient(90deg, rgba(5,6,5,.96) 0%, rgba(5,6,5,.76) 37%, rgba(5,6,5,.08) 72%, rgba(5,6,5,.46) 100%);
}
.pw-grain {
  position: absolute; inset: -50%; z-index: 10; pointer-events: none; opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  animation: pw-grain .22s steps(2) infinite;
}
.pw-cursor-halo {
  position: fixed; z-index: 80; left: 0; top: 0; width: 38px; height: 38px; margin: -19px 0 0 -19px;
  border: 1px solid rgba(216,255,69,.75); border-radius: 50%; pointer-events: none; mix-blend-mode: difference;
  transform: translate3d(-100px,-100px,0); will-change: transform;
}

.pw-header {
  position: absolute; z-index: 20; left: 0; right: 0; top: 0; height: 78px; display: grid;
  grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 clamp(20px,3.4vw,54px); border-bottom: 1px solid var(--pw-line);
}
.pw-brand { justify-self: start; display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.pw-brand__pulse { position: relative; width: 13px; height: 13px; border: 1px solid var(--pw-acid); border-radius: 50%; }
.pw-brand__pulse::after { position: absolute; inset: 3px; content: ""; border-radius: inherit; background: var(--pw-acid); animation: pw-heartbeat 2.4s ease-in-out infinite; }
.pw-brand__name { font: 800 16px/1 var(--pw-display); letter-spacing: -.04em; text-transform: uppercase; }
.pw-header__readout { justify-self: center; color: var(--pw-muted); font: 500 10px/1 var(--pw-mono); letter-spacing: .08em; text-transform: uppercase; }
.pw-nav { justify-self: end; display: flex; align-items: center; gap: 4px; }
.pw-nav button, .pw-nav a {
  position: relative; min-height: 40px; padding: 10px 12px; border: 0; color: var(--pw-muted); background: transparent;
  font: 600 11px/1 var(--pw-mono); letter-spacing: .02em; text-decoration: none; cursor: pointer; overflow: hidden;
}
.pw-nav button::before, .pw-nav a::before { position: absolute; inset: auto 12px 5px; height: 1px; content: ""; background: var(--pw-acid); transform: scaleX(0); transform-origin: right; transition: transform .3s ease; }
.pw-nav button:hover, .pw-nav a:hover { color: var(--pw-ink); }
.pw-nav button:hover::before, .pw-nav a:hover::before { transform: scaleX(1); transform-origin: left; }
.pw-nav__count { color: var(--pw-acid); }

.pw-stage { position: relative; z-index: 2; height: 100%; padding: 78px clamp(20px,3.4vw,54px) 92px; display: grid; align-items: center; }
.pw-stage__content { min-width: 0; width: min(1020px, 74vw); max-width: 100%; padding-top: 2vh; overflow: visible; container-type: inline-size; }
.pw-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; color: var(--pw-acid); font: 600 11px/1.3 var(--pw-mono); letter-spacing: .11em; text-transform: uppercase; }
.pw-kicker::before { width: 34px; height: 1px; content: ""; background: currentColor; }
.pw-title { display: block; max-width: 100%; margin: 0; font: 800 clamp(48px,8.7cqw,88px)/.88 var(--pw-display); letter-spacing: -.075em; text-transform: uppercase; }
.pw-title span { position: relative; display: block; width: 100%; max-width: 100%; white-space: nowrap; }
.pw-title span:last-child { color: transparent; -webkit-text-stroke: 1.3px var(--pw-ink); }
.pw-title span:last-child::after {
  position: absolute; inset: 0; content: attr(data-text); color: var(--pw-coral); -webkit-text-stroke: 0;
  clip-path: inset(0 100% 0 0); animation: pw-word-scan 5.8s cubic-bezier(.76,0,.24,1) infinite;
}
.pw-deck { max-width: 570px; margin: 24px 0 0; color: #c5c4bc; font-size: clamp(15px,1.35vw,18px); }

.pw-search { width: min(700px,100%); margin-top: 34px; }
.pw-search__frame {
  position: relative; min-height: 70px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px;
  padding: 8px 11px 8px 19px; color: var(--pw-ink); background: rgba(10,11,9,.9); border: 1px solid rgba(243,241,232,.56);
  clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
  transition: border-color .2s ease, background-color .2s ease;
}
.pw-search__frame::before, .pw-search__frame::after { position: absolute; content: ""; pointer-events: none; background: var(--pw-acid); }
.pw-search__frame::before { left: 0; top: 0; width: 0; height: 2px; transition: width .55s cubic-bezier(.22,1,.36,1); }
.pw-search__frame::after { right: 0; bottom: 0; width: 2px; height: 0; transition: height .55s cubic-bezier(.22,1,.36,1) .08s; }
.pw-search:focus-within .pw-search__frame { border-color: var(--pw-acid); background: rgba(5,6,5,.98); }
.pw-search:focus-within .pw-search__frame::before { width: 100%; }
.pw-search:focus-within .pw-search__frame::after { height: 100%; }
.pw-search__glyph { color: var(--pw-acid); font: 500 28px/1 var(--pw-mono); }
.pw-search input { min-width: 0; width: 100%; border: 0; outline: 0; color: var(--pw-ink); background: transparent; font: 500 clamp(17px,1.7vw,22px)/1 var(--pw-sans); }
.pw-search input::placeholder { color: #777870; }
.pw-search__submit { min-height: 44px; padding: 0 14px; border: 1px solid var(--pw-line); color: var(--pw-bg); background: var(--pw-acid); font: 700 10px/1 var(--pw-mono); letter-spacing: .06em; cursor: pointer; }
.pw-search__submit:hover { background: var(--pw-ink); }
.pw-search__under { min-height: 25px; display: flex; justify-content: space-between; gap: 15px; padding: 10px 2px 0; color: #aaa69f; font: 500 10px/1.3 var(--pw-mono); letter-spacing: .05em; text-transform: uppercase; }
.pw-search__live { color: var(--pw-acid); }
.pw-trails { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.pw-trails button {
  position: relative; min-height: 32px; padding: 7px 10px; border: 1px solid var(--pw-line); color: #b6b6ae; background: rgba(5,6,5,.42);
  font: 500 10px/1 var(--pw-mono); cursor: pointer; overflow: hidden;
}
.pw-trails button::before { position: absolute; inset: 0; z-index: -1; content: ""; background: var(--pw-ink); transform: translateX(-102%); transition: transform .28s ease; }
.pw-trails button:hover { color: var(--pw-bg); border-color: var(--pw-ink); }
.pw-trails button:hover::before { transform: translateX(0); }

.pw-feature {
  position: absolute; z-index: 4; right: clamp(24px,4vw,62px); bottom: 123px; width: min(310px,26vw);
  padding: 17px 18px 18px; border: 1px solid var(--pw-line); background: rgba(5,6,5,.68); backdrop-filter: blur(9px);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}
.pw-feature::before { position: absolute; left: 0; top: 0; width: 3px; height: 100%; content: ""; background: var(--pw-coral); transform: scaleY(.18); transform-origin: bottom; animation: pw-meter 4.6s linear infinite; }
.pw-feature__label { display: flex; justify-content: space-between; margin-bottom: 25px; color: var(--pw-muted); font: 500 9px/1 var(--pw-mono); letter-spacing: .09em; text-transform: uppercase; }
.pw-feature__index { color: var(--pw-coral); }
.pw-feature__name { display: block; overflow: hidden; color: var(--pw-ink); font: 700 clamp(22px,2.2vw,34px)/1 var(--pw-display); letter-spacing: -.055em; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.pw-feature__name:hover { color: var(--pw-acid); }
.pw-feature__meta { margin: 11px 0 0; color: var(--pw-muted); font-size: 11px; }
.pw-feature.is-switching .pw-feature__name, .pw-feature.is-switching .pw-feature__meta { animation: pw-signal-switch .46s cubic-bezier(.22,1,.36,1); }

.pw-coordinate { position: absolute; z-index: 3; right: clamp(24px,4vw,62px); top: 104px; color: #66675f; font: 500 9px/1.5 var(--pw-mono); text-align: right; text-transform: uppercase; }
.pw-coordinate strong { display: block; color: var(--pw-blue); font-weight: 600; }
.pw-hint { position: absolute; z-index: 3; left: clamp(20px,3.4vw,54px); bottom: 102px; color: #6f7069; font: 500 9px/1 var(--pw-mono); letter-spacing: .06em; text-transform: uppercase; }

.pw-dock {
  position: absolute; z-index: 18; left: 0; right: 0; bottom: 0; height: 76px; display: grid; grid-template-columns: auto 1fr auto;
  align-items: stretch; border-top: 1px solid var(--pw-line); background: rgba(5,6,5,.82); backdrop-filter: blur(14px);
}
.pw-dock__label, .pw-dock__action { display: flex; align-items: center; padding: 0 22px; border: 0; color: var(--pw-muted); background: transparent; font: 600 9px/1 var(--pw-mono); letter-spacing: .08em; text-transform: uppercase; }
.pw-dock__action { color: var(--pw-acid); border-left: 1px solid var(--pw-line); cursor: pointer; }
.pw-dock__action:hover { color: var(--pw-bg); background: var(--pw-acid); }
.pw-category-rail { min-width: 0; display: flex; overflow-x: auto; scrollbar-width: none; border-left: 1px solid var(--pw-line); }
.pw-category-rail::-webkit-scrollbar { display: none; }
.pw-category {
  min-width: max-content; padding: 0 18px; border: 0; border-right: 1px solid var(--pw-line); color: #8c8d85; background: transparent;
  font: 600 10px/1 var(--pw-mono); cursor: pointer; transition: color .18s ease, background-color .18s ease;
}
.pw-category span { margin-left: 7px; color: #55564f; font-size: 8px; }
.pw-category:hover, .pw-category[aria-current="true"] { color: var(--pw-bg); background: var(--pw-ink); }
.pw-category[aria-current="true"] span { color: var(--pw-coral); }

.pw-backdrop { position: fixed; z-index: 40; inset: 0; border: 0; background: rgba(0,0,0,.64); opacity: 0; pointer-events: none; transition: opacity .4s ease; }
.pw-backdrop.is-open { opacity: 1; pointer-events: auto; }
.pw-panel {
  position: fixed; z-index: 50; right: 0; top: 0; width: min(720px,55vw); height: 100svh; display: grid; grid-template-rows: auto 1fr auto;
  color: var(--pw-ink); background: rgba(12,13,11,.97); border-left: 1px solid rgba(216,255,69,.45); box-shadow: -30px 0 90px rgba(0,0,0,.48);
  transform: translateX(102%); transition: transform .62s cubic-bezier(.16,1,.3,1); will-change: transform;
}
.pw-panel.is-open { transform: translateX(0); }
.pw-panel__head { min-height: 126px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 20px; padding: 25px 30px 24px; border-bottom: 1px solid var(--pw-line); }
.pw-panel__eyebrow { margin: 0 0 8px; color: var(--pw-acid); font: 600 11px/1 var(--pw-mono); letter-spacing: .1em; text-transform: uppercase; }
.pw-panel h2 { margin: 0; font: 700 clamp(34px,4vw,58px)/.96 var(--pw-display); letter-spacing: -.065em; }
.pw-panel__meta { margin: 10px 0 0; color: var(--pw-muted); font: 500 10px/1.3 var(--pw-mono); }
.pw-close { align-self: start; width: 46px; height: 46px; border: 1px solid var(--pw-line); color: var(--pw-ink); background: transparent; font-size: 26px; cursor: pointer; }
.pw-close:hover { color: var(--pw-bg); background: var(--pw-acid); }
.pw-panel__body { min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
.pw-result-list { counter-reset: signal; }
.pw-result {
  position: relative; display: grid; grid-template-columns: 48px 1fr auto; gap: 14px; padding: 22px 28px; border-bottom: 1px solid var(--pw-line);
  animation: pw-result-in .48s both cubic-bezier(.22,1,.36,1); overflow: hidden;
}
.pw-result::before { position: absolute; inset: 0; z-index: -1; content: ""; background: var(--pw-ink); transform: scaleX(0); transform-origin: right; transition: transform .35s cubic-bezier(.22,1,.36,1); }
.pw-result:hover::before { transform: scaleX(1); transform-origin: left; }
.pw-result:hover { color: var(--pw-bg); }
.pw-result__num { color: var(--pw-coral); font: 600 10px/1 var(--pw-mono); }
.pw-result__main { min-width: 0; }
.pw-result h3 { margin: 0; color: inherit; font: 700 22px/1.08 var(--pw-display); letter-spacing: -.04em; }
.pw-result h3 a { color: inherit; text-decoration: none; }
.pw-result h3 a::after { position: absolute; inset: 0; content: ""; }
.pw-result__desc { max-width: 560px; margin: 8px 0 0; color: #b3aea8; font-size: 14px; line-height: 1.55; }
.pw-result:hover .pw-result__desc { color: #4b4c47; }
.pw-result__filing { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 12px; color: var(--pw-acid); font: 600 10px/1.3 var(--pw-mono); text-transform: uppercase; }
.pw-result:hover .pw-result__filing { color: var(--pw-coral); }
.pw-result__limit { color: #76776f; text-transform: none; }
.pw-save { position: relative; z-index: 2; width: 38px; height: 38px; border: 1px solid var(--pw-line); color: var(--pw-muted); background: transparent; cursor: pointer; }
.pw-save:hover, .pw-save[aria-pressed="true"] { color: var(--pw-bg); background: var(--pw-acid); border-color: var(--pw-acid); }
.pw-empty { padding: 70px 30px; color: var(--pw-muted); text-align: center; }
.pw-empty strong { display: block; margin-bottom: 10px; color: var(--pw-ink); font: 700 28px/1 var(--pw-display); }
.pw-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.pw-category-tile { min-height: 100px; display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 18px; border: 0; border-right: 1px solid var(--pw-line); border-bottom: 1px solid var(--pw-line); color: var(--pw-ink); background: transparent; text-align: left; cursor: pointer; }
.pw-category-tile:nth-child(2n) { border-right: 0; }
.pw-category-tile:hover { color: var(--pw-bg); background: var(--pw-acid); }
.pw-category-tile strong { max-width: 230px; font: 700 17px/1.05 var(--pw-display); letter-spacing: -.035em; }
.pw-category-tile span { color: var(--pw-coral); font: 600 9px/1 var(--pw-mono); }
.pw-panel__foot { min-height: 70px; display: flex; align-items: center; justify-content: center; padding: 10px; border-top: 1px solid var(--pw-line); }
.pw-more { min-width: 180px; min-height: 42px; border: 1px solid var(--pw-line); color: var(--pw-ink); background: transparent; font: 700 10px/1 var(--pw-mono); cursor: pointer; }
.pw-more:hover { color: var(--pw-bg); background: var(--pw-acid); }
.pw-more[hidden], .pw-empty[hidden], .pw-category-grid[hidden], .pw-result-list[hidden] { display: none !important; }
.pw-toast { position: fixed; z-index: 90; left: 50%; bottom: 95px; transform: translateX(-50%); padding: 12px 16px; color: var(--pw-bg); background: var(--pw-acid); font: 700 10px/1 var(--pw-mono); box-shadow: 8px 8px 0 var(--pw-coral); }
.pw-toast[hidden] { display: none; }

@keyframes pw-heartbeat { 0%,100% { transform: scale(.55); opacity: .45; } 45% { transform: scale(1.2); opacity: 1; } }
@keyframes pw-word-scan { 0%,20% { clip-path: inset(0 100% 0 0); } 47%,68% { clip-path: inset(0 0 0 0); } 95%,100% { clip-path: inset(0 0 0 100%); } }
@keyframes pw-meter { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes pw-grain { 0% { transform: translate3d(0,0,0); } 25% { transform: translate3d(3%,-2%,0); } 50% { transform: translate3d(-2%,3%,0); } 75% { transform: translate3d(2%,2%,0); } }
@keyframes pw-signal-switch { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes pw-result-in { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: none; } }

@media (max-width: 980px) {
  .pw-stage__content { width: min(720px,74vw); }
  .pw-feature { display: none; }
  .pw-panel { width: min(760px,78vw); }
  .pw-vignette { background: linear-gradient(90deg, rgba(5,6,5,.96), rgba(5,6,5,.7) 60%, rgba(5,6,5,.25)); }
}

@media (max-width: 680px) {
  .pw-root { min-height: 580px; }
  .pw-grain { opacity: .035; }
  .pw-header { height: 64px; grid-template-columns: 1fr auto; padding-inline: 15px; }
  .pw-header__readout, .pw-nav a, .pw-nav #pw-browse { display: none; }
  .pw-brand__name { font-size: 13px; }
  .pw-nav button { padding-inline: 8px; }
  .pw-stage { padding: 64px 15px 121px; align-items: center; }
  .pw-stage__content { width: 100%; padding-top: 0; }
  .pw-kicker { margin-bottom: 15px; font-size: 10px; }
  .pw-title { font-size: clamp(27px,7.8cqw,40px); line-height: .92; letter-spacing: -.06em; }
  .pw-title span { white-space: nowrap; }
  .pw-title span:last-child { -webkit-text-stroke-width: 1px; }
  .pw-deck { max-width: 350px; margin-top: 18px; font-size: 14px; }
  .pw-search { margin-top: 25px; }
  .pw-search__frame { min-height: 60px; gap: 9px; padding-left: 13px; }
  .pw-search input { font-size: 16px; }
  .pw-search__submit { padding-inline: 10px; }
  .pw-search__under span:first-child { display: none; }
  .pw-trails { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pw-trails button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .pw-coordinate { right: 15px; top: 78px; font-size: 9px; }
  .pw-hint { display: none; }
  .pw-dock { height: 58px; grid-template-columns: 1fr auto; }
  .pw-dock__label { display: none; }
  .pw-category-rail { border-left: 0; }
  .pw-category { padding-inline: 14px; font-size: 10px; }
  .pw-dock__action { padding-inline: 15px; }
  .pw-panel { top: auto; bottom: 0; width: 100%; height: min(86svh,790px); border-top: 1px solid rgba(216,255,69,.45); border-left: 0; transform: translateY(102%); }
  .pw-panel.is-open { transform: translateY(0); }
  .pw-panel__head { min-height: 105px; padding: 18px 18px 17px; }
  .pw-panel h2 { font-size: 36px; }
  .pw-result { grid-template-columns: 32px 1fr auto; gap: 9px; padding: 18px 15px; }
  .pw-result h3 { font-size: 19px; }
  .pw-result__desc { font-size: 13px; }
  .pw-category-grid { grid-template-columns: 1fr; }
  .pw-category-tile, .pw-category-tile:nth-child(2n) { min-height: 80px; border-right: 0; }
  .pw-toast { bottom: 72px; }
}

@media (hover: none), (pointer: coarse) { .pw-cursor-halo { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .pw-root *, .pw-root *::before, .pw-root *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .pw-grain, .pw-cursor-halo { display: none; }
  .pw-title span:last-child::after { clip-path: inset(0); }
}

/* 2026 cinematic discovery homepage */
:root {
  --pw-bg: #020202;
  --pw-ink: #f7f2eb;
  --pw-muted: #9d9892;
  --pw-line: rgba(255,255,255,.14);
  --pw-faint: rgba(255,255,255,.055);
  --pw-acid: #ff2929;
  --pw-coral: #ff603d;
  --pw-blue: #ffb2b2;
  --pw-panel: #090909;
}
html { scroll-behavior: smooth; scrollbar-color: #b70812 #030303; scrollbar-width: thin; }
html::-webkit-scrollbar, body::-webkit-scrollbar { width: 12px; height: 12px; }
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: #030303; border-radius: 0; }
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { min-height: 60px; border: 3px solid #030303; border-radius: 20px; background: linear-gradient(#7b050b,#ef2029); background-clip: padding-box; }
html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover { border: 2px solid #030303; background: #ff2929; background-clip: padding-box; }
body.desk-body { overflow-x: hidden; overflow-y: auto; background: #020202; }
.pw-root { height: auto; min-height: 100svh; overflow-x: clip; overflow-y: visible; background: #020202; }
.pw-hero { position: relative; width: 100%; height: 100svh; min-height: 620px; isolation: isolate; overflow: hidden; background: #020202; }
.pw-cinema { position: absolute; z-index: -4; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .76; filter: saturate(1.08) contrast(1.16); transform: scale(1.035); }
.pw-field { z-index: -3; }
.pw-vignette { background: linear-gradient(90deg,rgba(2,2,2,.98) 0%,rgba(2,2,2,.8) 37%,rgba(2,2,2,.1) 73%,rgba(2,2,2,.48) 100%),linear-gradient(0deg,rgba(2,2,2,.72),transparent 48%,rgba(2,2,2,.3)); }
.pw-grain { display: none !important; }
.pw-header { background: linear-gradient(180deg,rgba(2,2,2,.58),transparent); }
.pw-title span:last-child::after { color: var(--pw-acid); }
.pw-search__frame { background: rgba(3,3,3,.84); border-color: rgba(255,255,255,.54); backdrop-filter: blur(13px); }
.pw-feature { background: rgba(2,2,2,.63); }
.pw-result__num { display: flex; flex-direction: column; align-items: center; gap: 7px; }
.pw-result__num img { width: 32px; height: 32px; object-fit: contain; border-radius: 9px; background: #fff; box-shadow: 0 0 0 1px rgba(255,255,255,.18); }
.pw-result__num small { color: var(--pw-coral); font: 600 8px/1 var(--pw-mono); }

.pw-discovery { position: relative; z-index: 3; background: #020202; color: var(--pw-ink); }
.pw-discovery::before { position: absolute; inset: 0; z-index: -1; content: ""; pointer-events: none; background: radial-gradient(circle at 84% 8%,rgba(127,0,8,.18),transparent 24%),linear-gradient(90deg,transparent 0 49.94%,rgba(255,255,255,.035) 50%,transparent 50.06%); background-size: auto,100% 100%; }
.pw-ticker { width: 100%; overflow: hidden; border-top: 1px solid #62080d; border-bottom: 1px solid #62080d; background: #b70812; color: #fff; }
.pw-ticker__track { width: max-content; padding: 14px 0; font: 700 11px/1 var(--pw-mono); letter-spacing: .08em; text-transform: uppercase; white-space: pre; animation: pw-ticker 44s linear infinite; }
.pw-reveal { opacity: 1; transform: translateY(38px); transition: transform .9s cubic-bezier(.16,1,.3,1); }
.pw-reveal.is-visible { opacity: 1; transform: none; }
.pw-directory.pw-reveal { transform: none; }
.pw-section-code { margin: 0 0 22px; color: #ff4149; font: 700 11px/1 var(--pw-mono); letter-spacing: .13em; text-transform: uppercase; }
.pw-page-map { width: min(1460px,100%); display: grid; grid-template-columns: repeat(4,1fr); margin: 0 auto; padding-inline: clamp(22px,5vw,78px); border-bottom: 1px solid var(--pw-line); }
.pw-page-map a { min-width: 0; display: flex; align-items: center; gap: 16px; padding: 22px 18px; border-right: 1px solid var(--pw-line); color: #c0bbb5; font: 700 11px/1.2 var(--pw-mono); text-decoration: none; text-transform: uppercase; }
.pw-page-map a:first-child { border-left: 1px solid var(--pw-line); }.pw-page-map a:hover { color: #fff; background: #89080e; }.pw-page-map span { color: #ff4149; }
.pw-intro { width: min(1460px,100%); min-height: 76vh; display: grid; grid-template-columns: 1.3fr .7fr; align-items: center; gap: clamp(50px,8vw,140px); margin: 0 auto; padding: clamp(100px,14vw,210px) clamp(22px,5vw,78px); }
.pw-intro h2,.pw-section-head h2,.pw-closing h2 { margin: 0; font: 800 clamp(54px,7.2vw,116px)/.84 var(--pw-display); letter-spacing: -.08em; text-transform: uppercase; }
.pw-intro h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1.2px #ef2831; }
.pw-intro__copy { max-width: 470px; align-self: end; padding-bottom: 3vw; }
.pw-intro__copy p { margin: 0 0 34px; color: #b8b3ad; font-size: clamp(16px,1.5vw,21px); line-height: 1.55; }
.pw-typewriter { min-height: calc(4.65em + 34px); }.pw-typewriter i { display: inline-block; width: 2px; height: .9em; margin-left: 4px; background: #ff343c; vertical-align: -.08em; animation: pw-caret .72s steps(1,end) infinite; }
.pw-intro__copy a { display: inline-flex; align-items: center; gap: 26px; padding-bottom: 8px; border-bottom: 1px solid #ef2831; color: #fff; font: 700 11px/1 var(--pw-mono); text-decoration: none; text-transform: uppercase; }
.pw-intro__copy a span { color: #ef2831; animation: pw-down 1.5s ease-in-out infinite; }

.pw-model-watch { width: min(1460px,100%); margin: 0 auto; padding: 0 clamp(22px,5vw,78px) clamp(140px,15vw,220px); scroll-margin-top: 35px; }
.pw-section-head--models h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1.2px #ff343c; }.pw-section-head--models > p { color: #b5afaa; }
.pw-model-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--pw-line); border-left: 1px solid var(--pw-line); }
.pw-site-card--model { min-height: 365px; background: linear-gradient(150deg,rgba(34,2,5,.82),rgba(7,7,7,.82) 52%); }
.pw-site-card--model:nth-child(1) { grid-column: span 2; background: radial-gradient(circle at 80% 10%,rgba(255,41,41,.21),transparent 30%),linear-gradient(145deg,#130204,#070707 58%); }
.pw-site-card--model:nth-child(1) h3 { font-size: clamp(46px,5vw,76px); }.pw-site-card--model h3 { overflow-wrap: anywhere; }

.pw-month { position: relative; width: min(1380px,calc(100% - clamp(30px,7vw,110px))); min-height: min(860px,90svh); display: grid; grid-template-columns: .92fr 1.08fr; grid-template-rows: 1fr auto; margin: 0 auto clamp(130px,16vw,240px); overflow: hidden; border: 1px solid rgba(255,51,51,.62); background: #090000; box-shadow: 0 60px 130px rgba(75,0,5,.22); container-type: inline-size; }
.pw-month::before { position: absolute; inset: 0; content: ""; pointer-events: none; background: radial-gradient(circle at 68% 42%,rgba(255,28,28,.2),transparent 27%),linear-gradient(130deg,rgba(255,255,255,.045),transparent 40%); }
.pw-month__beam { position: absolute; z-index: 5; top: -30%; bottom: -30%; left: -20%; width: 22%; pointer-events: none; background: linear-gradient(90deg,transparent,rgba(255,66,66,.16),transparent); transform: skewX(-15deg); animation: pw-beam 7s ease-in-out infinite; }
.pw-month__copy { position: relative; z-index: 2; min-width: 0; display: flex; flex-direction: column; justify-content: center; overflow: visible; padding: clamp(42px,6vw,86px); border-right: 1px solid rgba(255,51,51,.38); }
.pw-month__identity { display: flex; align-items: center; gap: 14px; margin-bottom: 38px; color: #d2aaaa; font: 600 10px/1.25 var(--pw-mono); letter-spacing: .06em; text-transform: uppercase; }
.pw-month__identity img { width: 48px; height: 48px; padding: 7px; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; background: #fff; object-fit: contain; }
.pw-month__mark { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; color: #fff; background: #b70812; font: 900 17px/1 var(--pw-display); }
.pw-month__copy h2 { max-width: 100%; margin: 0; color: #fff; font: 900 clamp(48px,4.8cqw,68px)/.8 var(--pw-display); letter-spacing: -.065em; text-transform: uppercase; }
.pw-month__copy > p:not(.pw-section-code) { max-width: 520px; margin: 44px 0 36px; color: #c4afaf; font-size: clamp(15px,1.25vw,18px); line-height: 1.55; }
.pw-month__cta { width: min(310px,100%); min-height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 22px; border: 1px solid rgba(255,255,255,.26); color: #fff; background: rgba(0,0,0,.35); font: 700 10px/1 var(--pw-mono); text-decoration: none; text-transform: uppercase; }
.pw-month__cta strong { width: 46px; height: 46px; display: grid; place-items: center; color: #090000; background: #ff2929; font-size: 18px; transition: transform .3s ease,background .3s ease; }
.pw-month__cta:hover strong { transform: rotate(45deg); background: #fff; }
.pw-month__visual { position: relative; z-index: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 8%; background: radial-gradient(circle at center,rgba(218,0,17,.48),transparent 48%),#020202; }
.pw-month__visual > p { position: relative; z-index: 2; max-width: 100%; margin: 0; color: transparent; font: 900 clamp(76px,10.2cqw,150px)/.69 var(--pw-display); letter-spacing: -.085em; text-align: center; white-space: nowrap; -webkit-text-stroke: 1.5px rgba(255,255,255,.92); }
.pw-month__visual > p:last-of-type { color: #ef1823; font-size: clamp(52px,6.1cqw,86px); -webkit-text-stroke: 0; animation: pw-letter-breathe 4s ease-in-out infinite; }
.pw-month__seal { position: absolute; z-index: 4; right: 9%; top: 9%; width: 84px; height: 84px; display: grid; place-items: center; border: 1px solid #ff2929; border-radius: 50%; animation: pw-seal 16s linear infinite; }
.pw-month__seal span { font: 900 22px/1 var(--pw-display); }
.pw-month__seal small { position: absolute; bottom: 13px; color: #ff9292; font: 600 9px/1 var(--pw-mono); }
.pw-month__orbit { position: absolute; left: 50%; top: 50%; width: min(44vw,620px); aspect-ratio: 1; border: 1px solid rgba(255,41,41,.25); border-radius: 50%; transform: translate(-50%,-50%); animation: pw-orbit 22s linear infinite; }
.pw-month__orbit::before,.pw-month__orbit::after { position: absolute; inset: 12%; content: ""; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.pw-month__orbit::after { inset: 27%; }
.pw-month__orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #ff2929; box-shadow: 0 0 22px #ff2929; }
.pw-month__orbit i:nth-child(1) { left: 6%; top: 28%; }.pw-month__orbit i:nth-child(2) { right: 12%; top: 18%; }.pw-month__orbit i:nth-child(3) { left: 47%; bottom: -4px; }
.pw-month__stats { position: relative; z-index: 2; grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); margin: 0; border-top: 1px solid rgba(255,51,51,.38); background: rgba(2,2,2,.84); }
.pw-month__stats div { display: flex; align-items: baseline; gap: 12px; padding: 23px clamp(20px,3vw,42px); border-right: 1px solid rgba(255,51,51,.25); }
.pw-month__stats div:last-child { border: 0; }.pw-month__stats dt { color: #fff; font: 800 27px/1 var(--pw-display); }.pw-month__stats dd { margin: 0; color: #c49898; font: 600 10px/1 var(--pw-mono); text-transform: uppercase; }

.pw-picks,.pw-directory { width: min(1460px,100%); margin: 0 auto; padding: 0 clamp(22px,5vw,78px) clamp(140px,16vw,240px); }
.pw-section-head { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,440px); align-items: end; gap: 60px; margin-bottom: clamp(60px,8vw,110px); }.pw-section-head > * { min-width: 0; }
.pw-section-head h2 { font-size: clamp(54px,6.2vw,100px); }
.pw-section-head > p { margin: 0 0 4px; color: #9d9892; font-size: 16px; line-height: 1.55; }
.pw-picks__grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); border-top: 1px solid var(--pw-line); border-left: 1px solid var(--pw-line); }
.pw-picks__grid > :nth-child(1) { grid-column: span 7; }.pw-picks__grid > :nth-child(2) { grid-column: span 5; }.pw-picks__grid > :nth-child(n+3):nth-child(-n+5) { grid-column: span 4; }.pw-picks__grid > :nth-child(6) { grid-column: span 12; }
.pw-site-card { --pw-x: -200px; --pw-y: -200px; position: relative; min-width: 0; min-height: 315px; display: flex; flex-direction: column; padding: clamp(22px,2.6vw,38px); overflow: hidden; border-right: 1px solid var(--pw-line); border-bottom: 1px solid var(--pw-line); background: rgba(7,7,7,.72); transition: background-color .25s ease,border-color .25s ease; }
.pw-site-card::before { position: absolute; inset: 0; content: ""; opacity: 0; pointer-events: none; background: radial-gradient(340px circle at var(--pw-x) var(--pw-y),rgba(255,41,41,.2),transparent 62%); transition: opacity .25s ease; }
.pw-site-card:hover { z-index: 2; border-color: rgba(255,41,41,.62); background-color: #0b0505; }.pw-site-card:hover::before { opacity: 1; }
.pw-site-card__top { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.pw-site-card__identity { min-width: 0; display: flex; align-items: center; gap: 13px; }.pw-site-card__identity > div { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.pw-site-card__identity span:not(.pw-site-card__logo) { color: #ff6269; font: 700 10px/1 var(--pw-mono); letter-spacing: .08em; text-transform: uppercase; }.pw-site-card__identity small { overflow: hidden; color: #aaa39e; font: 500 10px/1 var(--pw-mono); text-overflow: ellipsis; white-space: nowrap; }
.pw-site-card__logo { position: relative; flex: 0 0 46px; width: 46px; height: 46px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 13px; color: #111; background: #fff; }
.pw-site-card__logo img { position: relative; z-index: 2; width: 30px; height: 30px; object-fit: contain; }.pw-site-card__logo b { position: absolute; font: 800 19px/1 var(--pw-display); }
.pw-site-card__save { flex: 0 0 38px; border-radius: 50%; }
.pw-site-card h3 { position: relative; z-index: 1; margin: auto 0 16px; font: 700 clamp(28px,2.4vw,42px)/.96 var(--pw-display); letter-spacing: -.055em; }
.pw-site-card h3 a { color: #fff; text-decoration: none; }.pw-site-card h3 a:hover { color: #ff4b53; }
.pw-site-card__brief { position: relative; z-index: 1; display: -webkit-box; min-height: 67px; margin: 0 0 24px; overflow: hidden; color: #bbb5b0; font-size: 14px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.pw-site-card__bottom { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.09); color: #aaa39e; font: 600 12px/1.2 var(--pw-mono); text-transform: uppercase; }
.pw-site-card__bottom a { color: #fff; text-decoration: none; padding: 14px 12px; margin: -14px -12px; }.pw-site-card__bottom a:hover { color: #ff2929; }
.pw-site-card--pick { min-height: 390px; }.pw-site-card--pick h3 { font-size: clamp(38px,4vw,68px); }.pw-picks__grid > :nth-child(6) { min-height: 290px; }.pw-picks__grid > :nth-child(6) h3 { font-size: clamp(46px,5vw,82px); }

.pw-section-head--directory { margin-bottom: 50px; }
.pw-jump { position: sticky; z-index: 12; top: 0; display: flex; overflow-x: auto; scrollbar-width: none; margin: 0 calc(clamp(22px,5vw,78px) * -1) 0; padding: 0 clamp(22px,5vw,78px); border-top: 1px solid #5b070c; border-bottom: 1px solid #5b070c; background: rgba(5,2,2,.94); backdrop-filter: blur(16px); }
.pw-jump::-webkit-scrollbar { display: none; }.pw-jump a { flex: 0 0 auto; padding: 18px 16px; border-right: 1px solid rgba(255,255,255,.08); color: #b0a8a4; font: 600 10px/1 var(--pw-mono); text-decoration: none; text-transform: uppercase; }.pw-jump a:hover { color: #fff; background: #a70810; }
.pw-directory__groups { border-left: 1px solid var(--pw-line); }
.pw-category-shelf { scroll-margin-top: 54px; border-bottom: 1px solid var(--pw-line); }
.pw-category-shelf--pirate-library { border-color: rgba(255,41,41,.5); background: repeating-linear-gradient(135deg,rgba(255,41,41,.025) 0 18px,transparent 18px 36px); }
.pw-category-shelf--pirate-library > header { box-shadow: inset 4px 0 0 #ff2929; }.pw-category-shelf--pirate-library .pw-category-shelf__code::after { display: block; margin-top: 8px; color: #d5cbc5; font-size: 9px; letter-spacing: .08em; content: "PIRATE SIGNAL"; }
.pw-category-shelf > header { display: grid; grid-template-columns: 70px 1fr auto; align-items: center; min-height: 150px; padding: 28px clamp(20px,3vw,42px); border-right: 1px solid var(--pw-line); }
.pw-category-shelf__code { color: #ff4149; font: 700 12px/1 var(--pw-mono); }.pw-category-shelf header h3 { margin: 0; font: 700 clamp(29px,3vw,46px)/1 var(--pw-display); letter-spacing: -.055em; }.pw-category-shelf header p { margin: 9px 0 0; color: #aaa39e; font: 500 11px/1 var(--pw-mono); text-transform: uppercase; }
.pw-category-shelf header button { min-height: 44px; padding: 0 16px; border: 1px solid rgba(255,255,255,.2); color: #fff; background: transparent; font: 700 10px/1 var(--pw-mono); text-transform: uppercase; cursor: pointer; }.pw-category-shelf header button:hover { border-color: #ff2929; background: #9d080f; }
.pw-category-shelf__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.pw-category-shelf__more { width: 100%; min-height: 62px; border: 0; border-top: 1px solid var(--pw-line); border-right: 1px solid var(--pw-line); color: #c0b9b4; background: #050505; font: 700 10px/1 var(--pw-mono); text-transform: uppercase; cursor: pointer; }.pw-category-shelf__more:hover { color: #fff; background: #78070d; }

.pw-closing { min-height: 90svh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 120px 24px; text-align: center; background: radial-gradient(circle at center,rgba(128,0,8,.24),transparent 36%); }
.pw-closing h2 { font-size: clamp(54px,8vw,130px); }.pw-closing h2 span { color: transparent; -webkit-text-stroke: 1px #ff343c; }
.pw-closing button { margin-top: 55px; padding: 19px 22px; border: 1px solid #ff2929; color: #fff; background: rgba(0,0,0,.45); font: 700 10px/1 var(--pw-mono); text-transform: uppercase; cursor: pointer; }.pw-closing button span { display: inline-block; margin-left: 20px; color: #ff2929; transition: transform .3s ease; }.pw-closing button:hover span { transform: translate(4px,-4px); }
.pw-footer { min-height: 126px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; padding: 28px clamp(22px,5vw,78px); border-top: 1px solid var(--pw-line); }.pw-footer p { margin: 0; color: #aaa39e; font: 500 10px/1.4 var(--pw-mono); text-align: center; text-transform: uppercase; }.pw-footer > div { justify-self: end; display: flex; gap: 22px; }.pw-footer > div a { color: #bbb4af; font: 600 10px/1 var(--pw-mono); text-decoration: none; text-transform: uppercase; }.pw-footer > div a:hover { color: #ff2929; }
.pw-to-top { --pw-progress: 0deg; position: fixed; z-index: 32; right: clamp(16px,2.5vw,38px); bottom: clamp(18px,2.5vw,38px); width: 58px; height: 58px; display: grid; place-items: center; padding: 3px; border: 0; border-radius: 50%; color: #fff; background: conic-gradient(#ff2929 var(--pw-progress),rgba(255,255,255,.13) 0); opacity: 0; pointer-events: none; transform: translateY(18px) scale(.8); transition: opacity .3s ease,transform .3s ease; cursor: pointer; }.pw-to-top::before { position: absolute; inset: 4px; content: ""; border-radius: inherit; background: #050505; }.pw-to-top span { position: relative; z-index: 1; font: 700 9px/1 var(--pw-mono); }.pw-to-top.is-visible { opacity: 1; pointer-events: auto; transform: none; }.pw-to-top:hover { box-shadow: 0 0 28px rgba(255,41,41,.35); }

@keyframes pw-ticker { to { transform: translateX(-50%); } }
@keyframes pw-beam { 0%,14% { transform: translateX(-30vw) skewX(-15deg); } 64%,100% { transform: translateX(1500px) skewX(-15deg); } }
@keyframes pw-orbit { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes pw-seal { to { transform: rotate(360deg); } }
@keyframes pw-letter-breathe { 0%,100% { letter-spacing: -.105em; filter: brightness(.8); } 50% { letter-spacing: -.07em; filter: brightness(1.25); } }
@keyframes pw-down { 0%,100% { transform: translateY(-3px); } 50% { transform: translateY(4px); } }
@keyframes pw-caret { 0%,46% { opacity: 1; } 47%,100% { opacity: 0; } }

@media (max-width: 1100px) {
  .pw-header__readout { display: none; }.pw-header { grid-template-columns: 1fr auto; }.pw-nav a:first-child { display: none; }
  .pw-month { grid-template-columns: 1fr 1fr; }.pw-picks__grid > * { grid-column: span 6 !important; }.pw-picks__grid > :last-child { grid-column: span 12 !important; }
  .pw-model-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pw-category-shelf__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .pw-hero { min-height: 640px; }.pw-cinema { opacity: .62; object-position: 58% center; }.pw-vignette { background: linear-gradient(90deg,rgba(2,2,2,.93),rgba(2,2,2,.5) 72%,rgba(2,2,2,.28)),linear-gradient(0deg,rgba(2,2,2,.7),transparent 60%); }
  .pw-page-map { display: flex; overflow-x: auto; padding-inline: 15px; scrollbar-width: none; }.pw-page-map::-webkit-scrollbar { display: none; }.pw-page-map a { flex: 0 0 210px; min-height: 62px; padding: 18px 15px; }
  .pw-intro { min-height: auto; grid-template-columns: 1fr; align-items: start; gap: 48px; padding-block: 110px; }.pw-intro h2,.pw-section-head h2,.pw-closing h2 { font-size: clamp(48px,14vw,72px); }.pw-intro__copy { align-self: auto; padding: 0; }
  .pw-model-watch { padding-inline: 15px; }.pw-model-grid { grid-template-columns: 1fr; }.pw-site-card--model:nth-child(1) { grid-column: span 1; }.pw-site-card--model:nth-child(1) h3 { font-size: clamp(38px,12vw,58px); }
  .pw-month { width: calc(100% - 30px); min-height: 0; grid-template-columns: 1fr; grid-template-rows: auto auto auto; margin-bottom: 130px; }.pw-month__copy { padding: 42px 26px 50px; border-right: 0; border-bottom: 1px solid rgba(255,51,51,.38); }.pw-month__copy h2 { font-size: clamp(40px,11.5cqw,52px); line-height: .82; }.pw-month__copy > p:not(.pw-section-code) { margin-top: 32px; }.pw-month__visual { min-height: 380px; }.pw-month__visual > p { font-size: clamp(76px,22cqw,100px); }.pw-month__visual > p:last-of-type { font-size: clamp(44px,12.7cqw,58px); }.pw-month__orbit { width: 84vw; }.pw-month__stats { grid-column: 1; grid-template-columns: 1fr; }.pw-month__stats div { border-right: 0; border-bottom: 1px solid rgba(255,51,51,.2); }
  .pw-section-head { width: 100%; grid-template-columns: minmax(0,1fr); align-items: start; gap: 30px; }.pw-intro h2,.pw-section-head h2,.pw-closing h2 { font-size: clamp(38px,10.5vw,54px); overflow-wrap: anywhere; }.pw-picks,.pw-directory { padding-inline: 15px; }.pw-picks__grid > * { grid-column: span 12 !important; }.pw-site-card--pick,.pw-site-card { min-height: 330px; }.pw-site-card--pick h3,.pw-picks__grid > :nth-child(6) h3 { font-size: clamp(36px,11vw,54px); }
  .pw-jump { margin-inline: -15px; padding-inline: 15px; }.pw-category-shelf__grid { grid-template-columns: 1fr; }.pw-category-shelf > header { grid-template-columns: 42px 1fr; min-height: 148px; padding-inline: 18px; }.pw-category-shelf header button { grid-column: 2; justify-self: start; margin-top: 18px; }.pw-category-shelf header h3 { font-size: 28px; }
  .pw-closing { min-height: 75svh; }.pw-footer { grid-template-columns: 1fr; justify-items: start; }.pw-footer p { text-align: left; }.pw-footer > div { justify-self: start; }
  .pw-result__num img { width: 26px; height: 26px; }.pw-result__num small { font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }.pw-reveal { opacity: 1; transform: none; }.pw-ticker__track,.pw-month__beam,.pw-month__orbit,.pw-month__seal,.pw-month__visual > p:last-of-type,.pw-intro__copy a span,.pw-typewriter i { animation: none !important; }
}

/* ── 2026-07 mobile audit: legibility + tap-target floor on phones ── */
@media (max-width: 760px) {
  .pw-kicker { font-size: 12px; }
  .pw-trails button { min-height: 44px; padding: 10px 14px; font-size: 12px; }
  .pw-footer div a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; font-size: 12px; }
  #pw-motion, #pw-saved { min-height: 40px; font-size: 12px; }
}

/* ── August 2026 mobile audit: narrow-phone resilience ── */
@media (max-width: 420px) {
  .pw-header { padding-inline: 11px; }
  .pw-brand { gap: 8px; }
  .pw-brand__pulse { width: 10px; height: 10px; }
  .pw-brand__pulse::after { inset: 2px; }
  .pw-brand__name { font-size: 12px; }
  .pw-nav { gap: 0; }
  #pw-motion { display: none; }
  #pw-saved { min-width: 78px; padding-inline: 7px; }
  .pw-stage { padding-inline: 14px; }
  .pw-title span { white-space: normal; }
  .pw-search__frame { gap: 7px; padding-right: 8px; }
  .pw-search__submit { min-width: 58px; padding-inline: 8px; }
  .pw-month__copy { padding: 36px 21px 42px; }
  .pw-month__identity { align-items: flex-start; gap: 10px; }
  .pw-month__identity span { min-width: 0; }
  .pw-month__stats div { padding: 18px 21px; }
  .pw-footer { gap: 18px; }
  .pw-to-top { right: 14px; bottom: 14px; width: 52px; height: 52px; }
}

@media (max-width: 760px) and (max-height: 700px) {
  .pw-hero { min-height: 600px; }
  .pw-stage { padding-bottom: 112px; }
  .pw-kicker { margin-bottom: 10px; }
  .pw-deck { margin-top: 14px; }
  .pw-search { margin-top: 19px; }
  .pw-trails { margin-top: 10px; }
}

/* ── Streamlined directory: one focused destination after the hero ── */
.pw-directory--primary {
  padding-top: clamp(76px, 10vw, 150px);
  padding-bottom: clamp(88px, 11vw, 160px);
}
.pw-directory__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);
  align-items: end;
  gap: clamp(32px, 7vw, 110px);
  margin-bottom: clamp(42px, 6vw, 78px);
}
.pw-directory__head > * { min-width: 0; }
.pw-directory__head h2 {
  margin: 0;
  color: #f7f2eb;
  font: 800 clamp(48px, 6.4vw, 96px)/.86 var(--pw-display);
  letter-spacing: -.075em;
  text-transform: uppercase;
}
.pw-directory__head h2 em {
  color: transparent;
  font-style: normal;
  -webkit-text-stroke: 1.1px #ef2831;
}
.pw-directory__head > p {
  max-width: 390px;
  margin: 0 0 5px;
  color: #aaa39e;
  font-size: 16px;
  line-height: 1.55;
}
.pw-directory--primary .pw-jump { margin-bottom: 0; }
.pw-category-shelf > header button:disabled {
  border-color: rgba(255,255,255,.09);
  color: #76706b;
  cursor: default;
}

@media (max-width: 760px) {
  .pw-directory--primary { padding-top: 72px; padding-bottom: 92px; }
  .pw-directory__head { grid-template-columns: 1fr; gap: 24px; margin-bottom: 38px; }
  .pw-directory__head h2 { font-size: clamp(42px, 12.2vw, 62px); }
  .pw-directory__head > p { font-size: 15px; }
}