/* The composition supplies the column centers; the viewport does not. */
.world-links{isolation:isolate}
.contact-details .contact-cta{border:0;padding:12px 0}.contact-cta span{margin-left:15px}
.world-link p{font-weight:400;line-height:1.65;letter-spacing:.045em;color:#e1e4df}
.world-action{font-weight:400;letter-spacing:.09em;color:#f0f0e9}
.world-statement{position:absolute;z-index:3;left:0;right:0;top:13.5%;text-align:center;font-size:clamp(17px,1.2vw,23px);line-height:1.5;letter-spacing:.06em;font-weight:300;color:#e7e9e3}
.theme-liquid .reveal{filter:none!important;transition:opacity 1s ease}
.theme-liquid .scene-copy{filter:none;text-shadow:none}
.theme-liquid .tagline,.theme-liquid .description,.theme-liquid .text-link{font-weight:400}
@media(min-width:601px){
  .world-links,.theme-portal .world-links{left:0;right:0;top:76%;bottom:4%;display:block;gap:0}
  .world-link,.theme-portal .world-link{position:absolute;top:0;left:var(--world-left)!important;width:var(--world-width,20%);padding:8px 4px;transform:translateX(-50%);text-align:center;text-shadow:none}
  .work-aligned .world-link{left:var(--world-offset)!important;transform:none}
  .world-link h3{font-size:clamp(18px,1.3vw,24px);line-height:1.25;letter-spacing:.045em}
  .world-link p{font-size:12px;margin-top:16px;min-height:40px}
  .world-action,.theme-portal .world-action{font-size:11px;margin-top:19px}
  .world-hit,.theme-liquid .world-hit,.theme-portal .world-hit{left:0;top:-47svh;width:100%;height:calc(47svh + 130px)}
  .theme-liquid .worlds .scene-image{top:12%;height:72%}
  .theme-liquid .world-links{top:77%}
  .theme-portal .world-links{top:79%;bottom:0}
  .theme-portal .world-links:before{content:"";position:absolute;inset:-45px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#030608dd 35%,#030608f5)}
  .theme-portal .world-link h3{color:#fffef6}
  .theme-portal .world-link p{color:#e9ece7;margin-top:15px;text-shadow:0 1px 2px #000}
}
@media(min-width:601px) and (max-width:1100px){
  .world-link p{font-size:11px}.world-link h3{font-size:18px}
}
@media(min-width:601px) and (max-aspect-ratio:4/3){
  .theme-portal .worlds .scene-image{object-fit:contain}
}
@media(max-width:600px){
  .world-statement{top:110px;left:24px;right:24px;text-align:left;font-size:19px;line-height:1.5;letter-spacing:.025em}
  .theme-liquid .world-links{top:220px;bottom:55px}
  .world-link p{font-size:10px;color:#e1e4df}
  .world-action{font-size:10px}
  .motion-live.theme-liquid .world-link:before{animation:work-lights 9s ease-in-out infinite;animation-delay:calc(var(--i) * -2s);transform:none}
}
@keyframes work-lights{0%,100%{filter:brightness(.98)}50%{filter:brightness(1.07)}}

/* On phones each Portal owns its picture and caption, as one touch target. */
.portal-thumbnail{display:none}
@media(max-width:600px){
  .theme-portal .worlds{height:auto;min-height:0;background:#050708!important;padding:max(108px,calc(72px + env(safe-area-inset-top))) max(20px,env(safe-area-inset-right)) 64px max(20px,env(safe-area-inset-left))}
  .theme-portal .worlds>.scene-image{display:none}
  .theme-portal .world-links{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 18px}
  .theme-portal .world-link{position:relative;display:block;left:auto!important;width:auto;padding:0;transform:none;text-align:center;text-shadow:none}
  .theme-portal .world-link:before,.theme-portal .world-hit{display:none;content:none;background-image:none;animation:none}
  .theme-portal .portal-thumbnail{display:block;position:relative;width:100%;aspect-ratio:1/2;margin-bottom:20px;background-image:url('images/doors.webp');background-repeat:no-repeat;background-size:var(--portal-scale) auto;background-position:var(--portal-x) var(--portal-y)}
  .theme-portal .portal-thumbnail img{display:none}
  .theme-portal .portal-thumbnail:after{content:"";position:absolute;inset:auto 0 0;height:12%;pointer-events:none;background:linear-gradient(transparent,#050708)}
  .theme-portal .world-link:nth-child(1) .portal-thumbnail{--portal-scale:454.545455%;--portal-x:10.897436%;--portal-y:5.499708%}
  .theme-portal .world-link:nth-child(2) .portal-thumbnail{--portal-scale:625.000000%;--portal-x:46.071429%;--portal-y:39.405360%}
  .theme-portal .world-link:nth-child(3) .portal-thumbnail{--portal-scale:847.457627%;--portal-x:68.140590%;--portal-y:50.631396%}
  .theme-portal .world-link:nth-child(4) .portal-thumbnail{--portal-scale:1000.000000%;--portal-x:84.777778%;--portal-y:56.621332%}
  .theme-portal .world-link h3{font-size:clamp(15px,4.3vw,19px);line-height:1.3;letter-spacing:.025em;color:#fffef6}
  .theme-portal .world-link p{font-size:11px;line-height:1.65;letter-spacing:.015em;margin-top:12px;min-height:40px;color:#e9ece7;text-shadow:none}
  .theme-portal .world-action{font-size:11px;line-height:1.5;margin-top:14px;padding:8px 0}
}