/* Ultrarunner Podcast Archive */
:root {
  --urp-accent: #0a6b99;
  --urp-accent-deep: #074e71;
  --urp-accent-night: #7cc6ea;
  --urp-signal: #ffd23f;
  --urp-ink: #13171c;
  --urp-text: #2c323a;
  --urp-mute: #59626d;
  --urp-ground: #ffffff;
  --urp-band: #f1f2f3;
  --urp-rule: #dcdfe3;
  --urp-night: #1c2128;
  --urp-night-deep: #111418;
  --urp-night-rule: #353d47;
  --urp-slate: #262d36;
  --urp-lake: #173246;
  --urp-forest: #1b3427;
  --urp-earth: #382a20;
  --urp-on-night: #ffffff;
  --urp-on-night-soft: #b8c0ca;
  --urp-sans: Archivo, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
  --urp-display: Archivo, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
  --urp-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --urp-h0: 17px;
  --urp-h1: 23.1px;
  --urp-h2: 31.4px;
  --urp-h3: 42.8px;
  --urp-h4: 58.2px;
  --urp-h5: 79.1px;
  --urp-page: 1200px;
}

@font-face {
  font-family: "Archivo";
  src: url("/assets/type/archivo-latin-var.woff2") format("woff2");
  font-weight: 400 800;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--urp-ground);
  color: var(--urp-text);
  font-family: var(--urp-sans);
  font-size: 17px;
  line-height: 1.6;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}

img, svg { display: block; max-width: 100%; }
img { height: auto; }

a { color: var(--urp-accent); text-underline-offset: 3px; }
a:hover { color: var(--urp-accent-deep); }

:focus-visible { outline: 3px solid var(--urp-accent); outline-offset: 2px; }

.urp-skip {
  position: absolute;
  left: 12px;
  top: -80px;
  z-index: 50;
  background: var(--urp-signal);
  color: var(--urp-ink);
  font-weight: 700;
  padding: 10px 16px;
  text-decoration: none;
}
.urp-skip:focus { top: 12px; outline: 3px solid var(--urp-ink); }

.urp-wrap {
  max-width: calc(var(--urp-page) + 48px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.urp-masthead { background: var(--urp-night); color: var(--urp-on-night); }

.urp-masthead__strip { background: var(--urp-night-deep); border-bottom: 1px solid var(--urp-night-rule); }
.urp-masthead__strip-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 32px;
}
.urp-masthead__kicker,
.urp-masthead__tagline { margin: 0; font-size: 12px; line-height: 1.3; color: var(--urp-on-night-soft); }
.urp-masthead__kicker {
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-stretch: 87.5%;
}

.urp-masthead__bar-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 32px;
}

.urp-wordmark { margin: 0; line-height: 1; font-size: 1em; }
.urp-wordmark__link {
  display: inline-grid;
  justify-content: start;
  grid-template-columns: auto auto;
  column-gap: 11px;
  align-items: center;
  color: var(--urp-on-night);
  text-decoration: none;
  padding: 14px 0;
}
.urp-wordmark__link:hover { color: var(--urp-on-night); }
.urp-wordmark__mark { grid-row: 1 / 3; width: 46px; height: 31px; color: var(--urp-on-night); }
.urp-wordmark__name {
  font-size: 31px;
  font-weight: 800;
  font-stretch: 75%;
  text-transform: uppercase;
  letter-spacing: .01em;
  line-height: .92;
}
.urp-wordmark__sub {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--urp-signal);
  line-height: 1.1;
}

.urp-nav { display: flex; flex-wrap: wrap; gap: 0 28px; }
.urp-nav__link {
  color: var(--urp-on-night);
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  font-stretch: 87.5%;
  letter-spacing: .09em;
  text-transform: uppercase;
  padding: 27px 0;
  position: relative;
}
.urp-nav__bar { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: transparent; }
.urp-nav__link:hover { color: var(--urp-on-night); }
.urp-nav__link:hover .urp-nav__bar { background: var(--urp-on-night-soft); }
.urp-nav__link--here .urp-nav__bar,
.urp-nav__link--within .urp-nav__bar,
.urp-nav__link--here:hover .urp-nav__bar,
.urp-nav__link--within:hover .urp-nav__bar { background: var(--urp-signal); }
.urp-nav__link:focus-visible { outline-color: var(--urp-signal); outline-offset: -2px; }
.urp-wordmark__link:focus-visible { outline-color: var(--urp-signal); }

@media (max-width: 983px) {
  .urp-masthead__tagline { display: none; }
  .urp-masthead__bar-in { flex-direction: column; align-items: stretch; }
  .urp-wordmark__link { padding: 14px 0 10px; }
  .urp-nav {
    justify-content: space-between;
    gap: 0 14px;
    border-top: 1px solid var(--urp-night-rule);
  }
  .urp-nav__link { font-size: 13px; letter-spacing: .06em; padding: 12px 0; }
  .urp-nav__bar { height: 3px; }
}
@media (max-width: 479px) {
  .urp-nav { gap: 0 8px; }
  .urp-nav__link { font-size: 13px; font-stretch: 75%; letter-spacing: .04em; }
}
@media (max-width: 359px) {
  .urp-nav__link { font-size: 12px; letter-spacing: .02em; }
  .urp-wordmark__name { font-size: 27px; }
}
@media (min-width: 984px) {
  .urp-masthead { position: sticky; top: -33px; z-index: 20; box-shadow: 0 2px 10px rgba(0, 0, 0, .25); }
}

.urp-tag {
  display: inline-block;
  margin: 0;
  background: var(--urp-night);
  color: var(--urp-on-night);
  font-size: 12px;
  font-weight: 700;
  font-stretch: 87.5%;
  letter-spacing: .15em;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 6px 10px 5px;
}
.urp-tag--signal { background: var(--urp-signal); color: var(--urp-ink); }

.urp-button {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 16px;
  border-radius: 3px;
  background: var(--urp-accent);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .03em;
  text-decoration: none;
  white-space: nowrap;
}
.urp-button:hover { background: var(--urp-accent-deep); color: #fff; }
.urp-button--signal { background: var(--urp-signal); color: var(--urp-ink); }
.urp-button--signal:hover { background: #fff; color: var(--urp-ink); }

.urp-photo { width: 100%; }

.urp-block { margin: 0 0 56px; }
.urp-block__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border-top: 4px solid var(--urp-night);
  margin: 0 0 26px;
}
.urp-block__head .urp-button { margin-top: 10px; }
.urp-block__title {
  margin: 0;
  background: var(--urp-night);
  color: var(--urp-on-night);
  font-size: var(--urp-h1);
  font-weight: 800;
  font-stretch: 87.5%;
  line-height: 1.1;
  letter-spacing: -.005em;
  padding: 8px 16px 10px;
  border-radius: 0 0 4px 4px;
}

.urp-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
  width: 100%;
  height: 100%;
  padding: 14px 16px 13px;
  background-color: var(--urp-slate);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 260'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.11' stroke-width='1.3'%3E%3Cpath d='M158 90C158 94 156 98 152 101C149 103 142 104 137 105C133 106 129 104 125 104C121 105 118 109 113 109C109 110 101 111 97 110C92 108 89 104 87 101C85 98 83 93 84 90C85 87 89 83 92 81C95 78 99 77 102 75C106 73 109 70 113 70C117 69 122 71 126 72C130 73 134 73 138 74C143 75 150 76 154 79C157 82 159 86 158 90Z'/%3E%3Cpath d='M190 90C190 96 183 103 179 109C175 116 173 124 166 129C158 133 145 137 136 137C126 137 116 130 108 127C100 124 94 121 88 117C82 114 78 110 72 106C66 101 57 97 52 90C47 83 40 71 44 65C47 59 64 53 75 51C85 49 98 52 107 52C117 53 124 53 132 54C140 56 146 58 154 61C162 64 173 66 179 71C185 76 190 84 190 90Z'/%3E%3Cpath d='M223 90C225 100 222 112 215 121C209 130 195 137 183 144C172 151 158 161 144 162C130 163 111 157 100 151C88 145 85 133 76 127C67 121 55 120 46 114C36 108 24 100 19 90C13 80 8 65 13 55C17 44 31 30 46 27C60 23 86 30 101 33C116 35 124 38 137 40C149 42 164 40 175 43C186 47 195 55 203 63C211 71 221 80 223 90Z'/%3E%3Cpath d='M266 90C266 103 253 120 239 129C225 138 198 138 182 143C166 148 158 154 143 159C128 163 112 169 93 171C73 173 46 176 25 171C5 165 -25 153 -30 139C-36 126 -18 103 -8 90C1 77 18 70 27 60C37 50 40 39 51 31C62 23 77 17 94 12C110 7 131 -0 150 0C169 1 193 7 208 15C223 23 231 38 241 51C250 63 267 77 266 90Z'/%3E%3Cpath d='M285 90C282 106 271 123 258 135C245 148 226 156 208 165C191 174 173 185 153 188C133 191 111 186 88 184C65 183 41 185 15 179C-11 174 -53 166 -66 151C-79 136 -71 107 -62 90C-52 73 -27 59 -9 48C9 37 27 32 43 25C60 18 73 15 92 6C111 -2 134 -24 159 -27C184 -30 223 -25 242 -14C261 -3 266 23 273 40C280 57 287 74 285 90Z'/%3E%3Cpath d='M329 90C329 111 325 135 310 152C295 169 262 180 238 190C213 200 187 210 161 212C135 214 105 208 83 201C60 194 50 179 26 170C1 162 -39 164 -64 150C-88 137 -120 111 -123 90C-126 69 -103 41 -83 24C-62 7 -28 -7 1 -12C29 -17 63 -6 88 -5C114 -5 127 -7 153 -10C180 -12 222 -26 249 -20C275 -14 299 9 312 27C326 45 330 69 329 90Z'/%3E%3Cpath d='M337 90C326 111 301 129 282 143C263 157 240 160 222 177C203 194 200 228 172 245C145 262 92 282 57 279C21 276 -16 247 -40 226C-63 206 -79 180 -85 157C-91 134 -79 110 -73 90C-68 70 -59 54 -50 34C-41 14 -40 -14 -19 -29C1 -44 40 -48 72 -54C103 -59 135 -61 171 -61C207 -61 259 -66 288 -53C318 -41 340 -9 348 15C356 39 348 69 337 90Z'/%3E%3Cpath d='M382 90C396 115 400 150 390 178C380 207 355 245 320 261C285 276 221 279 181 271C140 263 110 226 78 214C47 202 24 207 -8 199C-39 191 -85 183 -110 165C-135 147 -150 117 -157 90C-163 63 -166 26 -148 2C-130 -22 -84 -41 -49 -54C-14 -67 26 -73 64 -78C101 -83 147 -93 178 -84C210 -75 233 -43 254 -24C275 -5 283 11 304 30C325 49 367 65 382 90Z'/%3E%3Cpath d='M340 190C341 193 339 196 336 199C334 201 329 203 326 203C322 204 318 204 315 204C311 203 309 202 306 202C303 202 299 203 295 203C292 202 288 200 287 198C285 196 286 193 285 190C285 187 284 184 286 182C287 180 290 177 294 176C297 175 301 174 305 174C308 174 312 175 315 176C317 177 319 179 321 181C324 182 327 182 330 183C333 185 339 187 340 190Z'/%3E%3Cpath d='M353 190C354 194 355 199 353 204C351 209 348 215 343 218C337 221 329 222 321 223C314 225 305 227 298 226C290 226 281 222 277 218C273 214 276 206 275 202C274 197 274 194 273 190C272 186 270 182 271 177C271 172 272 166 276 161C281 157 288 149 296 148C304 147 315 152 322 155C328 159 330 165 335 169C339 173 345 174 348 178C351 181 352 186 353 190Z'/%3E%3Cpath d='M376 190C372 197 363 200 358 206C354 211 354 218 349 223C344 229 337 236 327 240C317 245 302 251 290 250C278 250 261 244 255 237C249 230 254 216 253 209C253 201 252 196 252 190C252 184 249 177 251 171C254 165 260 159 267 153C274 148 282 140 292 138C302 135 316 136 327 138C338 140 348 145 358 149C367 154 381 159 384 166C387 173 380 183 376 190Z'/%3E%3Cpath d='M421 190C427 200 426 216 418 225C411 235 392 243 378 248C363 252 345 253 331 251C317 250 306 242 293 240C281 237 269 239 257 236C244 232 227 227 220 219C214 212 216 200 215 190C215 180 211 169 215 159C220 149 228 137 240 131C252 125 272 123 287 123C302 123 319 125 330 129C342 134 347 145 355 152C363 158 367 161 378 168C389 174 414 180 421 190Z'/%3E%3Cpath d='M421 190C415 200 395 206 388 215C380 225 384 235 377 247C369 258 358 278 342 285C325 291 297 291 277 288C258 284 235 274 225 263C214 252 216 233 215 221C215 209 222 201 220 190C219 179 204 167 206 156C208 145 220 132 233 124C246 116 264 111 282 107C300 103 322 98 340 100C358 102 377 112 391 121C405 130 418 142 423 153C428 165 427 180 421 190Z'/%3E%3Cpath d='M452 190C442 203 412 209 400 219C388 230 391 239 382 252C373 264 364 287 346 296C327 305 295 306 272 304C248 301 219 292 204 280C189 268 185 247 183 232C180 217 190 204 190 190C191 176 181 162 187 150C193 138 211 127 226 119C242 111 261 108 280 102C300 96 323 84 345 84C368 84 395 92 414 101C433 111 452 127 459 141C465 156 462 177 452 190Z'/%3E%3Cpath d='M441 190C442 204 440 215 438 232C437 249 443 275 430 292C417 310 385 333 359 336C332 338 294 318 271 308C247 297 231 283 216 270C200 258 186 247 177 233C169 220 167 206 164 190C160 174 150 155 157 140C163 125 183 109 202 98C221 87 245 81 271 73C296 66 330 52 355 55C381 58 410 78 423 93C437 109 433 133 436 149C439 165 441 176 441 190Z'/%3E%3Cpath d='M477 190C465 208 456 220 444 234C432 248 421 257 406 272C392 288 381 314 356 327C331 340 285 355 256 350C227 346 201 317 181 300C162 282 149 264 139 246C130 228 120 208 124 190C127 172 146 156 159 140C172 125 182 108 200 96C219 85 245 77 270 71C296 65 322 61 354 59C386 57 436 49 463 60C489 71 509 102 511 124C513 146 488 172 477 190Z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 460px auto;
  color: var(--urp-on-night);
  overflow: hidden;
}
.urp-tile--a { background-position: -40px -20px; }
.urp-tile--b { background-position: -230px -10px; background-color: var(--urp-lake); }
.urp-tile--c { background-position: -120px -150px; background-color: var(--urp-forest); }
.urp-tile--d { background-position: -300px -120px; background-color: var(--urp-earth); }
.urp-tile__kind {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: auto;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--urp-signal);
}
.urp-tile__kind::before { content: ""; width: 18px; height: 3px; background: var(--urp-signal); }
.urp-tile__name {
  font-size: 30px;
  font-weight: 800;
  font-stretch: 75%;
  text-transform: uppercase;
  line-height: .95;
  overflow-wrap: anywhere;
}
.urp-tile__year { font-size: 13px; font-weight: 600; letter-spacing: .1em; color: var(--urp-on-night-soft); }
.urp-tile--wide { padding: 24px 28px 22px; }
.urp-tile--wide .urp-tile__name { font-size: clamp(40px, 7.4vw, 96px); }
.urp-tile--wide .urp-tile__year { font-size: 15px; }

.urp-cards { display: grid; gap: 40px 24px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 600px) {
  .urp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 984px) {
  .urp-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .urp-cards--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.urp-card { position: relative; display: flex; flex-direction: column; }
.urp-card__media {
  aspect-ratio: 31 / 20;
  overflow: hidden;
  background: var(--urp-slate);
  margin: 0 0 14px;
}
.urp-card__media .urp-photo { height: 100%; object-fit: cover; transition: transform .35s ease; }
.urp-card:hover .urp-card__media .urp-photo { transform: scale(1.035); }
.urp-card__body { min-width: 0; }
.urp-card__title {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 800;
  font-stretch: 87.5%;
  line-height: 1.18;
  letter-spacing: -.004em;
  color: var(--urp-ink);
}
.urp-card__link { display: block; min-height: 24px; color: inherit; text-decoration: none; }
.urp-card__link::after { content: ""; position: absolute; inset: 0; }
.urp-card:hover .urp-card__link { color: var(--urp-accent); }
.urp-card__link:focus-visible { outline: none; }
.urp-card:focus-within { outline: 3px solid var(--urp-accent); outline-offset: 5px; }
.urp-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--urp-mute);
}
.urp-card__section {
  color: var(--urp-ink);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding-top: 1px;
}
.urp-card__dek { margin: 0; font-size: 15px; line-height: 1.5; color: var(--urp-text); }
.urp-card__dek::before {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: var(--urp-accent);
  margin: 0 0 11px;
}

.urp-spotlight { padding: 24px 0 48px; }
.urp-spotlight__grid { display: grid; gap: 12px; }
.urp-spot {
  position: relative;
  overflow: hidden;
  background: var(--urp-slate);
  min-height: 230px;
  isolation: isolate;
}
.urp-spot--main { min-height: 400px; }
.urp-spot__photo,
.urp-spot .urp-tile { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .5s ease; }
.urp-spot:hover .urp-spot__photo { transform: scale(1.03); }
.urp-spot .urp-tile__name,
.urp-spot .urp-tile__year { display: none; }
.urp-spot::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(17, 20, 24, 0) 30%, rgba(17, 20, 24, .55) 58%, rgba(17, 20, 24, .92) 100%);
}
.urp-spot__body { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px 20px; color: var(--urp-on-night); }
.urp-spot__title {
  margin: 10px 0 8px;
  font-size: 22px;
  font-weight: 800;
  font-stretch: 87.5%;
  line-height: 1.14;
  letter-spacing: -.005em;
  text-wrap: balance;
}
.urp-spot__link { color: var(--urp-on-night); text-decoration: none; }
.urp-spot__link::after { content: ""; position: absolute; inset: 0; }
.urp-spot__link:hover { color: var(--urp-on-night); }
.urp-spot:hover .urp-spot__link { text-decoration: underline; text-decoration-color: var(--urp-signal); text-decoration-thickness: 3px; text-underline-offset: 5px; }
.urp-spot__link:focus-visible { outline: none; }
.urp-spot:focus-within { outline: 3px solid var(--urp-signal); outline-offset: -3px; }
.urp-spot--main .urp-spot__title { font-size: clamp(28px, 3.3vw, 44px); line-height: 1.06; max-width: 22ch; }
.urp-spot__dek { margin: 10px 0 0; font-size: 17px; line-height: 1.45; color: #e4e8ed; max-width: 50ch; }
.urp-spot__date { margin: 0; font-size: 13px; font-weight: 600; color: var(--urp-on-night-soft); }
@media (min-width: 984px) {
  .urp-spotlight__grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: 1fr 1fr; height: 540px; }
  .urp-spot--main { grid-row: 1 / 3; }
  .urp-spot--main .urp-spot__body { padding: 28px 32px 30px; }
}
@media (min-width: 600px) and (max-width: 983px) {
  .urp-spotlight__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .urp-spot--main { grid-column: 1 / 3; }
  .urp-spot { min-height: 260px; }
}
@media (max-width: 599px) {
  .urp-spot--main { min-height: 340px; }
  .urp-spot__dek { display: none; }
}

.urp-split { display: grid; gap: 48px; padding-bottom: 32px; }
@media (min-width: 984px) {
  .urp-split { grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; }
}

.urp-rail { display: flex; flex-direction: column; gap: 28px; }
.urp-box { border: 1px solid var(--urp-rule); background: var(--urp-ground); }
.urp-box__head {
  margin: 0;
  background: var(--urp-night);
  color: var(--urp-on-night);
  font-size: 17px;
  font-weight: 700;
  font-stretch: 87.5%;
  letter-spacing: .01em;
  line-height: 1.25;
  padding: 13px 18px;
  margin-bottom: 4px;
}
.urp-box__photo { width: 100%; }
.urp-box__list { list-style: none; margin: 0; padding: 4px 18px; }
.urp-box__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0;
  border-bottom: 1px solid var(--urp-rule);
  font-size: 15px;
  line-height: 1.35;
}
.urp-box__item:last-child { border-bottom: 0; }
.urp-box__link { display: block; padding: 3px 0; color: var(--urp-text); text-decoration: none; }
.urp-box__link:hover { color: var(--urp-accent); text-decoration: underline; }
.urp-box__now { display: block; padding: 3px 0; color: var(--urp-ink); font-weight: 700; }
.urp-box__item--here { box-shadow: inset 4px 0 0 var(--urp-signal); margin: 0 -18px; padding-left: 18px; padding-right: 18px; background: var(--urp-band); }
.urp-box__year { flex: none; font-size: 13px; font-weight: 600; color: var(--urp-mute); }
.urp-box__note { display: block; font-size: 13px; color: var(--urp-mute); }
.urp-box__list .urp-box__item:has(.urp-box__note) { flex-direction: column; gap: 0; align-items: flex-start; }
.urp-box__text { margin: 0; padding: 14px 18px 0; font-size: 15px; line-height: 1.5; }
.urp-box__title { margin: 0; padding: 14px 18px 0; font-size: 19px; font-weight: 800; font-stretch: 87.5%; line-height: 1.22; }
.urp-box__title a { display: inline-block; padding: 2px 0; color: var(--urp-ink); text-decoration: none; }
.urp-box__title a:hover { color: var(--urp-accent); text-decoration: underline; }
.urp-box__more { margin: 0; padding: 12px 18px 16px; font-size: 14px; font-weight: 700; }
.urp-box__more a { display: inline-block; padding: 3px 0; text-decoration: none; }
.urp-box__more a::after { content: " \2192"; }
.urp-box__more a:hover { text-decoration: underline; }
.urp-box--promote { border-top: 4px solid var(--urp-signal); }
.urp-box--promote .urp-box__head { background: var(--urp-ground); color: var(--urp-ink); padding-bottom: 0; text-transform: uppercase; letter-spacing: .14em; font-size: 12px; }

.urp-trailheads { background: var(--urp-band); padding: 56px 0 64px; margin: 24px 0 0; }
.urp-trailheads--plain { background: none; padding: 8px 0 64px; margin: 0; }
.urp-trailheads__title {
  margin: 0 0 28px;
  text-align: center;
  font-size: clamp(28px, 3.4vw, var(--urp-h3));
  font-weight: 800;
  font-stretch: 87.5%;
  line-height: 1.1;
  color: var(--urp-ink);
}
.urp-trailheads--plain .urp-trailheads__title { text-align: left; font-size: var(--urp-h1); }
.urp-trailheads__grid { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 600px) { .urp-trailheads__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 984px) { .urp-trailheads__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.urp-trailhead {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 190px;
  padding: 18px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  color: var(--urp-on-night);
  background: var(--urp-slate);
}
.urp-trailhead::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(17, 20, 24, .62); transition: background .3s ease; }
.urp-trailhead:hover { color: var(--urp-on-night); }
.urp-trailhead:hover::after { background: rgba(17, 20, 24, .48); }
.urp-trailhead__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.urp-trailhead__label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
  padding-bottom: 3px;
}
.urp-trailhead:hover .urp-trailhead__label { border-bottom-color: var(--urp-signal); }
.urp-trailhead__arrow { width: 16px; height: 16px; }
.urp-trailhead__note { font-size: 14px; line-height: 1.4; color: #e6e9ee; max-width: 30ch; }
.urp-trailhead:focus-visible { outline: 3px solid var(--urp-accent); outline-offset: 3px; }

.urp-standing {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--urp-night);
  color: var(--urp-on-night);
  padding: 80px 0;
}
.urp-standing__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.urp-standing::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(17, 20, 24, .94) 0%, rgba(17, 20, 24, .84) 46%, rgba(17, 20, 24, .25) 100%);
}
.urp-standing__panel { max-width: 640px; }
.urp-standing__title {
  margin: 16px 0 14px;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 800;
  font-stretch: 87.5%;
  line-height: 1.08;
  letter-spacing: -.008em;
}
.urp-standing__title a { display: inline-block; color: var(--urp-on-night); text-decoration: none; }
.urp-standing__title a:hover { text-decoration: underline; text-decoration-color: var(--urp-signal); text-decoration-thickness: 3px; }
.urp-standing__title a:focus-visible,
.urp-standing a:focus-visible { outline-color: var(--urp-signal); }
.urp-standing__text { font-size: 18px; line-height: 1.6; color: #e4e8ed; }
.urp-standing__text p { margin: 0 0 14px; }
.urp-standing__text a { color: var(--urp-signal); }
.urp-standing__text a:hover { color: #fff; }
.urp-standing__meta { margin: 0 0 22px; font-size: 14px; font-weight: 600; color: var(--urp-on-night-soft); }
.urp-standing__meta a { color: var(--urp-accent-night); }
.urp-standing__meta a:hover { color: #fff; }
.urp-standing__go { margin: 0; }
@media (max-width: 767px) {
  .urp-standing { padding: 56px 0; }
  .urp-standing::after { background: rgba(17, 20, 24, .86); }
}

.urp-story__head { padding: 28px 0 26px; max-width: 900px; }
.urp-crumbs p { margin: 0 0 14px; font-size: 14px; color: var(--urp-mute); }
.urp-crumbs a { display: inline-block; padding: 3px 0; color: var(--urp-mute); text-decoration: none; }
.urp-crumbs a:hover { color: var(--urp-accent); text-decoration: underline; }
.urp-crumbs__sep { margin: 0 9px; }
.urp-crumbs--light p, .urp-crumbs--light a { color: #d9dee4; }
.urp-crumbs--light a:hover { color: #fff; }
.urp-crumbs--light a:focus-visible { outline-color: var(--urp-signal); }
.urp-story__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.urp-story__title {
  margin: 0 0 14px;
  font-size: clamp(32px, 4.3vw, 52px);
  font-weight: 800;
  font-stretch: 85%;
  line-height: 1.05;
  letter-spacing: -.012em;
  color: var(--urp-ink);
  text-wrap: balance;
}
.urp-story__dek { margin: 0 0 20px; font-size: clamp(18px, 1.7vw, 21px); line-height: 1.45; color: var(--urp-text); max-width: 46em; }
.urp-story__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  margin: 0;
  padding: 11px 0;
  border-top: 1px solid var(--urp-rule);
  border-bottom: 1px solid var(--urp-rule);
  font-size: 14px;
  font-weight: 600;
  color: var(--urp-mute);
}
.urp-story__meta > * + *::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 12px 2px -12px;
  border-radius: 50%;
  background: var(--urp-accent);
}
.urp-story__figure { margin: 0 0 36px; aspect-ratio: 2 / 1; overflow: hidden; background: var(--urp-slate); }
.urp-story__figure .urp-photo { height: 100%; object-fit: cover; }
.urp-story__figure--tile { aspect-ratio: 16 / 5; }
@media (max-width: 767px) { .urp-story__figure--tile { aspect-ratio: 16 / 7; } }
@media (max-width: 599px) {
  .urp-story__figure { aspect-ratio: 3 / 2; margin-left: -24px; margin-right: -24px; }
}
.urp-story__cols { display: grid; gap: 48px; padding-bottom: 64px; }
.urp-story__cols--index { padding-top: 44px; }
@media (min-width: 984px) {
  .urp-story__cols { grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; }
  .urp-story__cols > .urp-rail { position: sticky; top: 100px; align-self: start; }
}

.urp-prose { max-width: 700px; font-size: 18px; line-height: 1.72; color: var(--urp-text); }
.urp-prose > :first-child { margin-top: 0; }
.urp-prose p { margin: 0 0 1.15em; }
.urp-prose h2 {
  margin: 1.9em 0 .55em;
  font-size: 27px;
  font-weight: 800;
  font-stretch: 87.5%;
  line-height: 1.18;
  letter-spacing: -.005em;
  color: var(--urp-ink);
}
.urp-prose h3 { margin: 1.6em 0 .5em; font-size: 21px; font-weight: 800; font-stretch: 87.5%; line-height: 1.25; color: var(--urp-ink); }
.urp-prose a { color: var(--urp-accent); text-decoration-thickness: 1px; }
.urp-prose a:hover { text-decoration-thickness: 2px; }
.urp-prose strong { color: var(--urp-ink); font-weight: 700; }
.urp-prose ul, .urp-prose ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.urp-prose li { margin: .4em 0; padding-left: .2em; }
.urp-prose li::marker { color: var(--urp-accent); font-weight: 700; }
.urp-prose blockquote {
  margin: 1.6em 0;
  padding: 2px 0 2px 22px;
  border-left: 4px solid var(--urp-signal);
  font-size: 20px;
  line-height: 1.55;
  color: var(--urp-ink);
}
.urp-prose blockquote p:last-child { margin-bottom: 0; }
.urp-prose hr { border: 0; border-top: 1px solid var(--urp-rule); margin: 2em 0; }
.urp-prose table { border-collapse: collapse; width: 100%; font-size: 15px; }
.urp-prose th, .urp-prose td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--urp-rule); vertical-align: top; }
.urp-prose th { background: var(--urp-night); color: var(--urp-on-night); font-weight: 700; }
.urp-table-wrap { overflow-x: auto; margin: 0 0 1.4em; }
.urp-prose code { font-family: var(--urp-mono); font-size: .88em; white-space: pre-wrap; }
.urp-prose--solo { padding-bottom: 64px; }

.urp-keep { background: var(--urp-band); padding: 52px 0 60px; }
.urp-keep .urp-block__head { margin-bottom: 28px; }

.urp-shelf {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  min-height: 380px;
  background: var(--urp-night);
  color: var(--urp-on-night);
}
.urp-shelf__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; z-index: -2; }
.urp-shelf::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(17, 20, 24, .9) 0%, rgba(17, 20, 24, .7) 50%, rgba(17, 20, 24, .3) 100%);
}
.urp-shelf__in { width: 100%; padding-top: 44px; padding-bottom: 48px; }
.urp-shelf__title {
  margin: 14px 0 12px;
  font-size: clamp(44px, 6.4vw, 80px);
  font-weight: 800;
  font-stretch: 75%;
  line-height: .94;
  text-transform: uppercase;
  letter-spacing: .005em;
}
.urp-shelf__dek { margin: 0; max-width: 54ch; font-size: 19px; line-height: 1.5; color: #e4e8ed; }
@media (max-width: 599px) {
  .urp-shelf { min-height: 320px; }
  .urp-shelf::after { background: rgba(17, 20, 24, .78); }
}
.urp-years { padding-bottom: 64px; }
.urp-yearcell {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  aspect-ratio: 31 / 20;
  padding: 14px 18px 12px;
  background: var(--urp-night);
  border-top: 6px solid var(--urp-signal);
  color: var(--urp-signal);
}
.urp-yearcell__num {
  margin: 0;
  font-size: 76px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: .85;
  letter-spacing: -.01em;
}
@media (max-width: 599px) {
  .urp-yearcell { aspect-ratio: auto; padding: 12px 16px 10px; border-top-width: 4px; }
  .urp-yearcell__num { font-size: 44px; }
}

.urp-footer {
  background: var(--urp-night-deep);
  color: var(--urp-on-night-soft);
  border-top: 4px solid var(--urp-signal);
  padding: 52px 0 0;
  font-size: 15px;
}
.urp-footer__in { display: grid; gap: 36px; }
@media (min-width: 768px) {
  .urp-footer__in { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr); }
}
.urp-footer__mark { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0 0 14px; color: var(--urp-on-night); }
.urp-footer__glyph { width: 40px; height: 27px; color: var(--urp-on-night); }
.urp-footer__name { font-size: 26px; font-weight: 800; font-stretch: 75%; text-transform: uppercase; line-height: 1; }
.urp-footer__sub { font-size: 12px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--urp-signal); }
.urp-footer__note { margin: 0; max-width: 42ch; line-height: 1.55; }
.urp-footer__col { display: flex; flex-direction: column; align-items: flex-start; }
.urp-footer__head {
  display: block;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--urp-on-night);
}
.urp-footer__link { display: inline-block; padding: 4px 0; color: var(--urp-on-night-soft); text-decoration: none; }
.urp-footer__link:hover { color: var(--urp-on-night); text-decoration: underline; text-decoration-color: var(--urp-signal); }
.urp-footer__link:focus-visible { outline-color: var(--urp-signal); }
.urp-footer__base {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 24px;
  margin-top: 44px;
  padding-top: 18px;
  padding-bottom: 26px;
  background: linear-gradient(var(--urp-night-rule), var(--urp-night-rule)) center top / calc(100% - 48px) 1px no-repeat;
}
.urp-footer__base small { font-size: 13px; }

@media (max-width: 599px) {
  .urp-cards { gap: 0; }
  .urp-card {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    column-gap: 14px;
    align-items: start;
    padding: 14px 0;
    border-bottom: 1px solid var(--urp-rule);
  }
  .urp-card__media { margin: 0; }
  .urp-card__title { font-size: 17px; line-height: 1.22; margin: 0 0 6px; }
  .urp-card__meta { margin: 0; font-size: 12px; gap: 2px 10px; }
  .urp-card__dek { font-size: 14px; margin-top: 4px; }
  .urp-card__dek::before { display: none; }
  .urp-card:focus-within { outline-offset: 2px; }
  .urp-card__media .urp-tile { padding: 7px 8px 6px; gap: 0; }
  .urp-card__media .urp-tile__kind, .urp-card__media .urp-tile__year { display: none; }
  .urp-card__media .urp-tile__name { font-size: 16px; line-height: 1; }
  .urp-yearcell { margin-top: 18px; }
  .urp-cards > .urp-yearcell:first-child { margin-top: 0; }
  .urp-keep .urp-cards, .urp-block .urp-cards { border-top: 1px solid var(--urp-rule); }
  .urp-block { margin-bottom: 36px; }
}

@media (max-width: 599px) {
  .urp-wrap { padding-left: 16px; padding-right: 16px; }
  .urp-story__figure { margin-left: -16px; margin-right: -16px; }
  .urp-block__title { font-size: 21px; }
  .urp-block__head { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}

.urp-card__dek--whole p { margin: 0; }