/* Maintained in cascade order; responsive overrides remain next to their original scope. */
:root {
  font-family:Arial,Helvetica,sans-serif;
  color:#20201d;
  background:#f0eee8;
  --paper:#f0eee8;
}
* {
  box-sizing:border-box;
}
body {
  margin:0;
  overflow:hidden;
}
button,a,[role=button] {
  -webkit-tap-highlight-color:transparent;
}
button {
  font:inherit;
  color:inherit;
  cursor:pointer;
}
button:focus-visible,a:focus-visible,[role=button]:focus-visible {
  outline:2px solid #b85b35;
  outline-offset:5px;
}
button {
  border:0;
  background:none;
}
a {
  color:inherit;
}
.glass {
  background:linear-gradient(125deg,#ffffff65,#ffffff22);
  border:1px solid #ffffff99;
}
.switch {
  position:fixed;
  z-index:50;
  top:28px;
  left:50%;
  transform:translateX(-50%);
  width:454px;
  height:58px;
  border-radius:40px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:5px;
  touch-action:none;
  user-select:none;
}
.switch button {
  z-index:1;
  font-size:13px;
  letter-spacing:.02em;
}
.thumb {
  position:absolute;
  top:5px;
  left:5px;
  width:calc((100% - 10px)/3);
  height:46px;
  border-radius:30px;
  background:#ffffffb8;
  pointer-events:none;
}
.switch.dragging {
  cursor:grabbing;
}
#world {
  height:100dvh;
  display:flex;
  will-change:transform;
}
.environment {
  width:100vw;
  min-width:100vw;
  height:100dvh;
  overflow-y:auto;
  overflow-x:hidden;
  position:relative;
  scrollbar-width:thin;
}
.environment[inert] {
  pointer-events:none;
}
.design {
  background:var(--paper);
  padding:120px 5vw 40px;
}
.gallery-heading {
  display:flex;
  justify-content:space-between;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:10px;
  margin:10px 0 35px;
  color:#68665e;
}
.grid {
  grid-template-columns:repeat(5,1fr);
  gap:34px 28px;
  align-items:center;
}
.poster {
  width:100%;
  aspect-ratio:297/420;
  padding:0;
  transform:translate(var(--dx,0px),var(--dy,0px)) scale(var(--scale,1));
  will-change:transform;
}
.poster-face {
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:17px;
  text-align:left;
  background:var(--colour);
  color:#ffffffa0;
}
.poster-face small {
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.poster-face b {
  font-weight:400;
  letter-spacing:-.06em;
}
.poster-face span {
  font-size:10px;
}
.design footer {
  font-size:11px;
  color:#74716b;
  margin-top:40px;
}
.jonny {
  background:var(--paper);
  align-items:center;
  flex-direction:column;
  min-height:100dvh;
  padding:118px 55px 55px;
}
.portrait {
  height:36vh;
  min-height:190px;
  width:min(450px,65vw);
  background:#ddd9cf;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:#777267;
}
.portrait>span {
  position:absolute;
  top:15px;
  left:16px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.15em;
}
.portrait-mark {
  font-family:Georgia,serif;
  font-style:italic;
  font-size:175px;
  letter-spacing:-22px;
  opacity:.22;
}
.portrait small {
  position:absolute;
  bottom:15px;
  font-size:9px;
  letter-spacing:.1em;
}
.intro {
  text-align:center;
  margin-top:-13px;
  z-index:1;
}
.intro h1 {
  font-weight:900;
  line-height:.8;
  letter-spacing:-.075em;
  margin:0 0 23px;
}
.intro p {
  font:clamp(19px,1.8vw,27px)/1.12 Georgia,serif;
  margin:0;
}
.disciplines {
  margin-top:35px;
  letter-spacing:.06em;
}
.disciplines span {
  padding:0 23px;
  border-right:1px solid #cbc7bd;
}
.disciplines span:last-child {
  border:0;
}
.edge {
  position:absolute;
  top:48%;
  font-size:28px;
  text-align:left;
}
.edge small {
  display:block;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.13em;
  margin-top:12px;
  line-height:1.5;
}
.left {
  left:6vw;
}
.right {
  right:6vw;
  text-align:right;
}
.prototype {
  position:absolute;
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  font-size:8px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#969187;
}
.stage {
  background:#171b1c;
  color:#f7f3ec;
}
.production {
  position:relative;
  isolation:isolate;
}
.stage-art {
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:-1;
}
.art-one {
  background:#263b40;
}
.art-two {
  background:#5d312a;
}
.stage-art:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#0008,transparent 75%),linear-gradient(0deg,#0007,transparent 40%);
}
.stage-art b {
  position:absolute;
  right:12%;
  top:16%;
  font:italic 60vw/.9 Georgia,serif;
  color:#ffffff09;
  letter-spacing:-.15em;
}
.stage-art>span {
  position:absolute;
  right:40px;
  bottom:100px;
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
  opacity:.4;
}
.production-copy {
  position:absolute;
  left:6vw;
  max-width:65%;
}
.production-copy>small {
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#b5babb;
}
.production-copy h2 {
  font:clamp(64px,8vw,126px)/1 Georgia,serif;
  letter-spacing:-.055em;
  font-weight:400;
  margin:23px 0;
}
.production-copy p {
  font-size:16px;
  line-height:1.65;
  color:#c3c7c6;
}
.production-copy .role {
  font-size:12px;
  letter-spacing:.12em;
  margin-bottom:30px;
}
.pill {
  padding:17px 23px;
  border-radius:35px;
  font-size:12px;
  margin-top:20px;
}
.pill span {
  margin-left:25px;
}
.production-selector {
  position:fixed;
  z-index:5;
  right:4vw;
  width:180px;
  border-left:1px solid #ffffff40;
}
.production-selector :is(button,a) {
  display:block;
  padding:20px 0 20px 22px;
  width:100%;
  text-align:left;
  font:17px Georgia,serif;
  position:relative;
}
.production-selector :is(button,a):before {
  content:'';
  position:absolute;
  width:5px;
  height:5px;
  border-radius:100%;
  left:-3px;
  top:27px;
  background:#8e9696;
}
.production-selector :is(button,a).active:before {
  background:white;
}
.production-selector small {
  float:right;
  font:10px Arial;
  padding-top:4px;
}
.production-footer {
  position:absolute;
  bottom:60px;
  left:6vw;
  right:6vw;
  font-size:9px;
  letter-spacing:.1em;
  color:#c2c6c5;
}
.production-footer span {
  float:right;
}
.contact {
  position:fixed;
  z-index:80;
  width:66px;
  height:66px;
  right:30px;
  bottom:28px;
  border-radius:50%;
  color:#272a28;
  padding:0;
  overflow:hidden;
}
.contact>svg {
  width:29px;
  height:29px;
  position:absolute;
  inset:0;
  margin:auto;
  transition:opacity .15s;
}
.contact.open {
  border-radius:28px;
  background:#f3f0e6e8;
  cursor:default;
}
.contact.open>svg {
  opacity:0;
}
.contact-content {
  opacity:0;
  visibility:hidden;
  transition:opacity .2s;
  text-align:left;
  padding:40px;
}
.contact.open .contact-content {
  visibility:visible;
  opacity:1;
  transition:opacity .25s .25s;
}
.eyebrow {
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:.16em;
}
.contact h2 {
  font:48px Georgia,serif;
  margin:18px 0 20px;
  letter-spacing:-.04em;
}
.contact-content>a {
  text-decoration:none;
}
.contact-content>div {
  display:flex;
  align-items:center;
  gap:24px;
  font-size:11px;
}
.email-action {
  padding:13px 18px;
  background:#242823;
  color:#fff;
  border-radius:25px;
  text-decoration:none;
}
.close-contact {
  cursor:pointer;
}
#copy-email {
  cursor:pointer;
}
.shade {
  position:fixed;
  inset:0;
  background:#14161085;
  backdrop-filter:blur(2px);
  z-index:60;
  opacity:0;
  transition:opacity .3s;
}
.shade.shown {
  opacity:1;
}
.selected-print {
  position:fixed;
  z-index:70;
  transform-origin:top left;
  transition:transform .5s cubic-bezier(.2,.85,.2,1.04);
  padding:0;
  border:0;
}
.selected-print .poster-face {
  transition:background .3s;
}
.print-info {
  position:fixed;
  bottom:28px;
  left:35px;
  right:120px;
  z-index:75;
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:end;
}
.print-info[hidden] {
  display:none;
}
.print-info h2 {
  font:25px Georgia;
  margin:8px 0;
}
.print-info small,.print-info p {
  font-size:10px;
}
.print-actions button {
  border:1px solid #ffffff60;
  border-radius:25px;
  padding:12px 16px;
  font-size:10px;
  background:#2225;
}
.project-dialog {
  width:min(750px,90vw);
  border:1px solid #fff8;
  border-radius:24px;
  background:#eeeae0;
  padding:45px;
  color:#272a28;
}
.project-dialog::backdrop {
  background:#0009;
  backdrop-filter:blur(8px);
}
.project-dialog h2 {
  font:60px Georgia;
  margin:30px 0;
}
.project-dialog p {
  font-size:14px;
  color:#6f6e66;
}
.dialog-close {
  float:right;
}
.detail-placeholder {
  height:260px;
  background:#c8c6b9;
  display:grid;
  place-items:center;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.15em;
}
.environment {
  filter:blur(var(--blur,0px));
}
.dark .switch {
  color:#fff;
  background:#ffffff1c;
}
.dark .thumb {
  background:#ffffff35;
}
.dark .contact:not(.open) {
  color:#fff;
  background:#ffffff20;
}
@media(min-width:1000px) {
  .grid {
    gap:40px 36px;
  }
}
@media(max-width:700px) {
  .switch {
    width:calc(100vw - 38px);
    max-width:420px;
    top:18px;
    height:54px;
  }
  .thumb {
    height:42px;
  }
  .switch button {
    font-size:11px;
  }
  .jonny {
    padding:110px 30px 75px;
    justify-content:center;
  }
  .portrait {
    height:32vh;
    width:76vw;
  }
  .intro h1 {
    margin-bottom:25px;
  }
  .disciplines {
    justify-content:center;
  }
  .disciplines span {
    padding:0 7px;
  }
  .edge {
    top:auto;
    bottom:105px;
  }
  .edge small {
    font-size:8px;
  }
  .left {
    left:26px;
  }
  .right {
    right:26px;
  }
  .prototype {
    bottom:30px;
    font-size:7px;
  }
  .design {
    padding:104px 24px 95px;
  }
  .gallery-heading {
    font-size:8px;
  }
  .grid {
    grid-template-columns:repeat(2,1fr);
    gap:24px 20px;
  }
  .poster-face {
    padding:13px;
  }
  .contact {
    width:55px;
    height:55px;
    bottom:20px;
    right:20px;
  }
  .contact-content {
    padding:35px 25px;
  }
  .production-copy h2 {
    font-size:17vw;
  }
  .production-copy p {
    font-size:14px;
  }
  .production {
    min-height:680px;
    height:110dvh;
  }
  .production-selector {
    top:100px;
    left:26px;
    right:26px;
    width:auto;
    display:flex;
    border-left:0;
    border-bottom:1px solid #ffffff30;
  }
  .production-selector :is(button,a) {
    font:14px Georgia;
    padding:15px 10px;
  }
  .production-selector :is(button,a):before {
    display:none;
  }
  .production-selector :is(button,a).active {
    border-bottom:1px solid #fff;
  }
  .production-selector small {
    float:none;
    margin-left:15px;
  }
  .production-footer {
    right:80px;
    font-size:8px;
    line-height:1.7;
  }
  .production-footer span {
    float:none;
    display:block;
    margin-top:12px;
  }
  .stage-art>span {
    right:26px;
    font-size:7px;
  }
  .print-info {
    left:20px;
    right:20px;
    bottom:20px;
    display:block;
  }
  .print-info h2 {
    font-size:20px;
  }
  .print-info p {
    display:none;
  }
  .print-actions {
    margin-top:14px;
  }
  .print-actions button {
    font-size:9px;
    padding:10px 12px;
  }
  .project-dialog {
    padding:30px;
  }
  .project-dialog h2 {
    font-size:42px;
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    transition:none!important;
    scroll-behavior:auto!important;
  }
}
.jonny {
  width:calc(100vw - 48px);
  min-width:calc(100vw - 48px);
}
@media(max-width:700px) {
  .jonny {
    width:calc(100vw - 20px);
    min-width:calc(100vw - 20px);
  }
}
.production-selector {
  display:none;
  color:#f7f3ec;
}
body.dark .production-selector {
  display:block;
}
@media(max-width:700px) {
  body.dark .production-selector {
    display:flex;
  }
}
@font-face {
  font-family:Portfolio Gothic;
  src:url('fonts/condensed-bold.otf') format('opentype');
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
.glass {
  background:linear-gradient(116deg,#ffffff60 0%,#e8edff2b 31%,#f9e6ef20 58%,#daf5ff32 86%,#ffffff50);
  border:1px solid #ffffff8f;
  isolation:isolate;
}
.glass:before {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1.3px;
  background:conic-gradient(from var(--glass-angle,125deg),#fff9,#85dfff9c,#e3a9e789,#ffe5bd9c,#fff8,#9eb9ff80,#b3ffed75,#fff9);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  pointer-events:none;
}
.glass:after {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  z-index:-1;
  background:radial-gradient(ellipse at var(--light-x,20%) var(--light-y,0%),#f4c9ff42,transparent 42%),linear-gradient(145deg,#b5f0ff2a,transparent 32%,#ffdaef1c 67%,#b9cfff32);
  pointer-events:none;
}
.thumb {
  background:linear-gradient(125deg,#ffffffdc,#f5f0ffb0 40%,#e5f6ffb0);
}
.dark .switch,.dark .contact:not(.open) {
  background:linear-gradient(115deg,#cad6fa2e,#ecd4ed20 50%,#bcf3ed26);
}
.dark .thumb {
  background:linear-gradient(120deg,#dcefff50,#f7d7ec3e,#d4f7ff45);
}
.intro {
  width:100%;
  display:flex;
  align-items:center;
  flex-direction:column;
}
.intro h1 {
  font-family:Portfolio Gothic,'Arial Narrow',sans-serif;
  font-weight:800;
  letter-spacing:-.027em;
  line-height:.79;
  margin-bottom:24px;
}
.disciplines {
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0;
}
.disciplines span {
  padding:0 23px;
  text-align:center;
  flex:0 1 auto;
}
.contact.open {
  width:min(440px,92vw);
  height:286px;
  right:calc(50% - min(220px,46vw));
  bottom:calc(50% - 143px);
  background:linear-gradient(120deg,#f3f3f2ef,#eceaf2ee 50%,#e9f3f3ef);
}
.contact-content {
  width:min(440px,92vw);
  height:286px;
  padding:39px 24px 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
}
.contact h2 {
  font-size:43px;
  margin:14px 0 19px;
}
.contact-content>a {
  font-size:15px;
}
.contact-content>div {
  justify-content:center;
  margin-top:26px;
}
.close-contact {
  font-size:10px;
}
.production {
  height:100dvh;
  min-height:0;
}
.production-copy {
  top:30%;
}
.grid {
  display:block;
  position:relative;
  overflow:visible;
  touch-action:pan-y;
}
.poster {
  position:absolute;
  top:0;
  left:0;
  aspect-ratio:297/420;
  transform-origin:top left;
  will-change:transform;
  cursor:pointer;
  outline-offset:7px;
  isolation:isolate;
}
.poster .print-turn {
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
}
.poster-face {
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  pointer-events:none;
}
.poster-face.front {
  transform:translateZ(.1px);
}
.poster-face.back {
  background:#e3dfd2;
  color:#5d5d52;
}
.poster-face b {
  font-size:clamp(35px,4vw,68px);
}
.poster.is-selected {
  z-index:10;
  cursor:default;
}
.attached-info {
  position:absolute;
  left:50%;
  top:calc(100% + 13px * var(--counter-zoom));
  width:calc(100% * var(--zoom));
  transform:translateX(-50%) scale(var(--counter-zoom));
  transform-origin:top center;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#363930;
  opacity:0;
  visibility:hidden;
  transition:opacity .25s;
  pointer-events:none;
  text-align:left;
}
.attached-info>div {
  display:flex;
  flex-direction:column;
  gap:4px;
}
.attached-info small {
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.attached-info strong {
  font:20px Georgia,serif;
  font-weight:400;
}
.attached-info span {
  font-size:9px;
  color:#75756b;
}
.return-print {
  font-size:10px;
  padding:10px 0 10px 15px;
  pointer-events:auto;
}
.is-selected .attached-info {
  opacity:1;
  visibility:visible;
  transition:opacity .3s .25s;
}
.flip-corner {
  position:absolute;
  bottom:0;
  right:0;
  transform-origin:bottom right;
  transform:scale(var(--counter-zoom));
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s;
  padding:0;
}
.flip-corner:before {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#ffffff03 30%,#fff5 53%,#ffffffc0 54%,#4d59635e 56%,#e9e7e4e0 100%);
  clip-path:polygon(100% 0,100% 100%,0 100%);
  transform:translate(calc(11px - var(--corner,0)*11px),calc(11px - var(--corner,0)*11px));
  transition:transform .2s;
  pointer-events:none;
}
.flip-corner span {
  position:absolute;
  white-space:nowrap;
}
.is-selected .flip-corner {
  pointer-events:auto;
}
.flip-corner:hover:before,.flip-corner:focus-visible:before {
  transform:translate(0,0);
}
.has-selection footer {
  opacity:.35;
}
.design {
  overflow-x:hidden;
  padding-bottom:120px;
}
.attached-info button:focus-visible,.flip-corner:focus-visible {
  outline:2px solid #fff;
  outline-offset:2px;
}
@media(max-width:700px) {
  .intro h1 {
    letter-spacing:-.03em;
  }
  .disciplines {
    grid-template-columns:auto auto auto;
    width:auto;
  }
  .disciplines span {
    padding:0 11px;
    line-height:1.5;
  }
  .contact-content {
    padding:38px 18px 25px;
  }
  .contact h2 {
    font-size:39px;
  }
  .contact-content>a {
    font-size:13px;
  }
  .gallery-heading {
    margin-bottom:32px;
  }
  .poster-face {
    padding:12px;
  }
  .poster-face small {
    font-size:8px;
  }
  .poster-face span {
    font-size:8px;
  }
  .poster-face b {
    font-size:42px;
  }
  .attached-info strong {
    font-size:18px;
  }
  .attached-info span {
    font-size:8px;
  }
  .flip-corner {
    width:78px;
    height:67px;
  }
  .production-copy {
    top:32%;
  }
  .stage-art>span {
    bottom:120px;
  }
}
.jonny {
  display:block;
  padding:0;
}
.jonny-hero {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:118px 55px 90px;
}
.jonny-hero .portrait {
  flex:none;
}
.bio-cue {
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
  font-size:9px;
  letter-spacing:.1em;
  color:#66665c;
  white-space:nowrap;
}
.bio-cue span {
  font-size:23px;
  font-family:Georgia,serif;
  color:#36372f;
}
.bio {
  padding:110px max(8vw,30px) 140px;
  min-height:90dvh;
  border-top:1px solid #d9d6cc;
  margin:auto;
}
.bio h2 {
  font:clamp(45px,6vw,78px)/1.05 Georgia,serif;
  letter-spacing:-.05em;
  margin:28px 0 45px;
}
.bio-copy {
  max-width:640px;
  margin-left:auto;
}
.bio p {
  font:22px/1.55 Georgia,serif;
  color:#53554b;
  margin:0 0 25px;
}
.bio-note {
  font-size:9px;
  color:#929084;
  display:block;
  margin-top:60px;
  letter-spacing:.1em;
}
.production-actions {
  display:flex;
  gap:12px;
}
.production-actions .pill {
  position:relative;
  overflow:hidden;
  margin-top:20px;
}
.production-media {
  position:relative;
  margin:100dvh 27vw 0 6vw;
  padding:36px 0 64px;
  z-index:2;
}
.production-media[hidden] {
  display:none;
}
.production.media-open {
  height:auto;
  min-height:100dvh;
  padding-bottom:1px;
}
.production.media-open .stage-art {
  position:absolute;
  inset:0;
}
.production.media-open .production-copy {
  top:30dvh;
}
.production.media-open .production-footer {
  top:calc(100dvh - 60px);
  bottom:auto;
}
.production-media header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:22px;
}
.production-media header button {
  font-size:11px;
  color:#e4e6e4;
}
.video-placeholder {
  aspect-ratio:16/9;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#101819a1;
  border:1px solid #ffffff17;
  text-align:center;
}
.video-placeholder>span {
  font-size:50px;
}
.video-placeholder p {
  font:28px Georgia,serif;
  margin:12px 0;
}
.video-placeholder small {
  font-size:10px;
  color:#c0c3c0;
}
.photo-placeholder {
  aspect-ratio:16/10;
  background:#76817b;
  position:relative;
  display:grid;
  place-items:center;
  transition:background .4s;
}
.photo-placeholder>span {
  font:150px Georgia,serif;
  color:#ffffff30;
}
.photo-placeholder small {
  position:absolute;
  bottom:25px;
  font-size:10px;
  letter-spacing:.1em;
  color:#fff9;
}
.photo-controls {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:25px;
  margin-bottom:18px;
  font-size:11px;
  color:#e4e6e4;
}
.photo-controls button {
  font-size:22px;
}
.flip-corner {
  width:100px;
  height:100px;
  overflow:visible;
  color:#30312a;
}
.paper-curl {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  opacity:var(--lift,0);
}
.paper-shadow {
  fill:#00000028;
  filter:blur(2px);
  transform:translate(-2px,-1px);
}
.paper-under {
  stroke:#fff9;
  stroke-width:.4;
}
.paper-ridge {
  fill:none;
  stroke:#fff;
  stroke-width:.6;
  opacity:.85;
}
.flip-corner span {
  right:8px;
  bottom:8px;
  font-size:9px;
  opacity:calc(.12 + var(--lift,0)*.88);
  transform:none;
  color:#35372f;
  transition:opacity .15s;
}
.print-turn {
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--fold,0px)),calc(100% - var(--fold,0px)) 100%,0 100%);
}
.flip-corner:focus-visible span {
  opacity:1;
}
.is-selected .flip-corner {
  visibility:visible;
  opacity:1;
}
.poster {
  transition:opacity .6s,filter .6s;
}
.has-selection .poster:not(.is-selected) {
  opacity:.47;
  filter:saturate(.8);
}
.glass {
  background:linear-gradient(180deg,#ffffff4d 0%,#fcfcfc20 35%,#c7cbd01c 72%,#ffffff3d 100%);
  border:1px solid #ffffffb3;
  backdrop-filter:blur(23px) saturate(1.2);
  -webkit-backdrop-filter:blur(23px) saturate(1.2);
}
.glass:before {
  padding:1px;
  background:conic-gradient(from var(--glass-angle,130deg),#fff 0deg,#d8efff9c 45deg,#567b9b61 90deg,#fff9 125deg,#e7d3eead 180deg,#fff 235deg,#9bc5de8c 270deg,#fff 360deg);
}
.glass:after {
  z-index:-1;
  background:radial-gradient(ellipse 60% 130% at var(--light-x,30%) -45%,#fff 0%,#ffffff85 30%,#ffffff10 62%,transparent 72%),radial-gradient(ellipse 35% 95% at var(--light-x,70%) 115%,#f3faff50,transparent 65%),linear-gradient(180deg,transparent 40%,#0000000c 75%,#ffffff36 100%);
  opacity:.9;
}
.thumb {
  border:1px solid #ffffffe6;
  background:linear-gradient(180deg,#ffffffbf,#ffffff55 40%,#eef2f24a 80%,#ffffffaa);
  overflow:hidden;
}
.thumb:before {
  content:'';
  position:absolute;
  inset:1px 3px 52%;
  border-radius:30px 30px 50% 50%;
  background:linear-gradient(180deg,#ffffffab,#ffffff05);
  pointer-events:none;
}
.thumb:after {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(ellipse at var(--light-x,30%) 0%,#fff9,transparent 60%);
  pointer-events:none;
}
.dark .switch,.dark .contact:not(.open),.stage .pill {
  background:linear-gradient(180deg,#b6c5d040,#b7c5cf14 45%,#06131c24 80%,#ffffff30);
  border-color:#e8f5ff85;
  color:#fff;
  box-shadow:inset 0 1px 1px #ffffffc4,inset 0 -2px 3px #07101b80,inset 1px 0 1px #bbdfff69,inset -1px 0 1px #f5d3ed50,0 4px 6px #0002,0 10px 26px #0002;
}
.dark .thumb {
  background:linear-gradient(180deg,#f1f5ff6b,#cdd8e040 45%,#81909e38 85%,#f8ffff5c);
  border-color:#fff9;
  box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 2px #0005,0 2px 9px #0002;
}
.pill {
  transform:perspective(700px) rotateX(calc(var(--my,0)*-3deg)) rotateY(calc(var(--mx,0)*3deg));
  transition:transform .18s,box-shadow .2s;
}
.contact:not(.open) {
  transform:perspective(600px) rotateX(calc(var(--my,0)*-4deg)) rotateY(calc(var(--mx,0)*4deg));
}
.contact.open {
  background:linear-gradient(140deg,#fbfcfbd9,#edf0efe0);
}
@media(max-width:700px) {
  .jonny-hero {
    padding:110px 30px 90px;
    height:100dvh;
    justify-content:center;
  }
  .bio {
    padding:90px 30px 100px;
  }
  .bio p {
    font-size:20px;
  }
  .production-media {
    margin:100dvh 26px 0;
    padding-bottom:60px;
  }
  .production-actions .pill {
    padding:14px 20px;
  }
  .production.media-open .production-copy {
    top:32dvh;
  }
  .production.media-open .production-footer {
    top:calc(100dvh - 85px);
  }
  .video-placeholder small {
    max-width:230px;
    line-height:1.6;
  }
  .photo-placeholder small {
    font-size:8px;
    bottom:18px;
  }
  .paper-curl {
    filter:drop-shadow(-1px -1px 2px #0003);
  }
}
.print-turn {
  clip-path:none;
}
.poster-face {
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--fold,0px)),calc(100% - var(--fold,0px)) 100%,0 100%);
}
.has-selection .gallery-heading,.has-selection footer {
  opacity:0;
  pointer-events:none;
}
.gallery-heading,.design footer {
  transition:opacity .35s;
}
.production {
  display:flow-root;
}
.jonny {
  scroll-snap-type:y proximity;
}
.jonny-hero,.bio {
  scroll-snap-align:start;
  scroll-snap-stop:normal;
}
.stage {
  scroll-snap-type:y mandatory;
}
.production {
  scroll-snap-align:start;
  scroll-snap-stop:normal;
}
.stage.is-programmatic,.stage:has(.media-open) {
  scroll-snap-type:none;
}
.jonny-hero {
  height:auto;
  min-height:100dvh;
  padding:118px 55px 28px;
  gap:0;
}
.jonny-hero .portrait {
  height:clamp(190px,30vh,300px);
}
.jonny-hero .intro {
  flex:none;
}
.bio-cue {
  position:relative;
  left:auto;
  bottom:auto;
  transform:none;
  margin:42px 0 0;
  flex:none;
  z-index:3;
}
.edge {
  z-index:4;
  min-width:70px;
  min-height:65px;
  cursor:pointer;
  transition:transform .2s;
}
.edge:hover {
  transform:translateX(-4px);
}
.edge.right:hover {
  transform:translateX(4px);
}
.disciplines {
  flex-wrap:wrap;
  row-gap:12px;
}
.disciplines span {
  white-space:nowrap;
}
.bio {
  scroll-margin-top:0;
}
.poster .print-turn {
  transition:none;
  transform:perspective(1400px) rotate3d(-.7,1,0,0deg);
}
.poster.flipped .print-turn {
  transform:perspective(1400px) rotate3d(-.7,1,0,180deg);
}
.poster-face.back {
  transform:rotate3d(-.7,1,0,180deg);
}
.paper-under {
  filter:brightness(1.07);
  stroke:#fff7;
  stroke-width:.35;
}
.paper-ridge {
  stroke:#ffffffd9;
  stroke-width:.65;
}
.paper-curl {
  filter:drop-shadow(-2px -2px 2.5px #00000038);
}
.watch-special {
  display:inline-block;
  margin-top:25px;
  text-decoration:none;
  border-bottom:1px solid #ffffff60;
  padding-bottom:6px;
  font-size:12px;
  letter-spacing:.02em;
  color:#e9edeb;
}
.watch-special:hover {
  color:#fff;
  border-color:#fff;
}
.cinema {
  position:fixed;
  inset:0;
  z-index:200;
  background:#000;
  display:grid;
  place-items:center;
  animation:cinema-in .4s ease;
  outline:none;
}
.cinema[hidden] {
  display:none;
}
.cinema video {
  width:100%;
  height:100dvh;
  object-fit:contain;
}
.cinema-controls {
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .35s;
  background:linear-gradient(180deg,#0008,transparent 25%,transparent 73%,#0009);
}
.controls-visible .cinema-controls,.cinema:focus-within .cinema-controls {
  opacity:1;
}
.cinema:not(.controls-visible) .cinema-controls:has(.cinema-close:focus) {
  opacity:0;
}
.cinema-controls>span {
  position:absolute;
  top:30px;
  left:35px;
  color:#fffc;
  font-size:11px;
  letter-spacing:.06em;
}
.cinema-close {
  position:absolute;
  top:18px;
  right:22px;
  width:48px;
  height:48px;
  pointer-events:auto;
  font-size:35px;
  color:white;
  border-radius:50%;
  background:#0004;
  line-height:1;
}
.cinema-transport {
  position:absolute;
  bottom:28px;
  left:35px;
  right:35px;
  display:flex;
  align-items:center;
  gap:22px;
  color:white;
  pointer-events:auto;
}
.cinema-pause {
  font-size:12px;
  min-width:45px;
}
.cinema-seek {
  flex:1;
  accent-color:#eee;
  height:3px;
}
.cinema-active .switch,.cinema-active .contact,.cinema-active .production-selector {
  opacity:0;
  pointer-events:none;
}
.cinema-active {
  overflow:hidden;
}
@keyframes cinema-in {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
.glass {
  background:linear-gradient(130deg,#a1e5ff25,#eee2ff16 42%,#ffd3ec24 75%,#e6f7ff22);
  border-color:#e7eeff80;
  box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #8e7ba84d,0 7px 24px #302b4e1a;
  overflow:hidden;
}
.glass:before {
  padding:1.5px;
  background:conic-gradient(from var(--glass-angle,120deg),#eaffff,#8cabffad,#e4b6ff,#ffdeecaa,#fffff0,#8fe5ff,#ddc1ff,#eaffff);
  opacity:.9;
}
.glass:after {
  background:radial-gradient(ellipse at var(--light-x,30%) var(--light-y,10%),#d3beff3b,transparent 55%),radial-gradient(ellipse at 90% 90%,#ffa8cd20,transparent 60%);
}
.lens-canvas {
  position:absolute!important;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:0!important;
  border-radius:inherit;
}
.glass.has-optics:before,.glass.has-optics:after {
  opacity:.15;
}
.glass.has-optics {
  background:#b8c6d00b;
  box-shadow:inset 0 1px 1px #fff5,0 6px 20px #141a2514;
}
.glass>button {
  position:relative;
  z-index:2;
}
.switch .thumb {
  z-index:1;
}
.contact>svg,.contact-content {
  z-index:2;
}
.contact-content {
  position:relative;
}
.contact.open {
  background:#f1f4f1c9;
}
.pill.has-optics {
  color:inherit;
}
.dark .glass.has-optics {
  background:#ffffff08;
}
.thumb {
  background:linear-gradient(140deg,#fff9,#d5e9ff59,#f6dcff50);
  box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #9fbafc80,0 2px 8px #0001;
}
.dark .thumb {
  background:linear-gradient(135deg,#c3dfff5e,#e7c3f42b,#a8e6ff40);
}
@media(max-width:700px) {
  .jonny-hero {
    padding:110px 30px 28px;
    min-height:100dvh;
    justify-content:flex-start;
  }
  .jonny-hero .portrait {
    height:clamp(180px,28vh,260px);
  }
  .intro p {
    font-size:18px;
  }
  .disciplines {
    display:flex;
    margin-top:25px;
    gap:10px;
    max-width:100%;
  }
  .disciplines span {
    font-size:8px;
    padding:0 8px;
  }
  .bio-cue {
    margin-top:35px;
  }
  .jonny-hero .edge {
    top:43%;
    bottom:auto;
    font-size:24px;
    min-width:40px;
  }
  .jonny-hero .edge small {
    display:none;
  }
  .jonny-hero .left {
    left:8px;
  }
  .jonny-hero .right {
    right:8px;
  }
  .cinema-controls>span {
    top:26px;
    left:20px;
    font-size:9px;
  }
  .cinema-transport {
    left:20px;
    right:20px;
    bottom:25px;
  }
  .cinema-close {
    right:13px;
    top:13px;
  }
  .watch-special {
    font-size:11px;
  }
}
.production-video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#000;
  opacity:1;
}
.art-one>span,.art-one>b {
  display:none;
}
.art-one:after {
  background:linear-gradient(90deg,#000b,transparent 85%),linear-gradient(0deg,#0006,transparent 50%);
  transition:opacity .5s;
}
.production-copy,.production-footer {
  transition:opacity .45s,filter .45s;
}
.watching .production-copy,.watching .production-footer {
  opacity:0;
  filter:blur(5px);
  pointer-events:none;
}
.watching .stage-art:after {
  opacity:0;
}
.watching .production-video {
  object-fit:contain;
}
.trailer-controls {
  position:absolute;
  inset:0;
  z-index:7;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .35s;
  background:linear-gradient(180deg,#0007,transparent 25%,transparent 75%,#0009);
}
.watching .trailer-controls {
  visibility:visible;
}
.watching.controls-visible .trailer-controls,.watching .trailer-controls:focus-within {
  opacity:1;
}
.watching:not(.controls-visible) .trailer-controls:has(.cinema-close:focus) {
  opacity:0;
}
.trailer-controls>span {
  position:absolute;
  top:30px;
  left:35px;
  color:#fffc;
  font-size:11px;
  letter-spacing:.06em;
}
.trailer-controls .cinema-close,.trailer-controls .cinema-transport {
  pointer-events:auto;
}
.production:not(.watching) .trailer-controls * {
  pointer-events:none;
}
.cinema-active .stage {
  scroll-snap-type:none;
}
.cinema-active .switch,.cinema-active .contact,.cinema-active .production-selector {
  transition:opacity .4s;
}
.watching .stage-art {
  background:#000;
}
.design,.grid,.poster {
  overflow-anchor:none;
}
.poster .print-turn,.poster.flipped .print-turn {
  transform:none!important;
  perspective:none;
  transform-style:flat;
}
.poster .poster-face.back {
  transform:none;
}
.poster .poster-face {
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  clip-path:none;
}
.fold-sheet {
  z-index:3;
  backface-visibility:visible;
  filter:brightness(.96);
  box-shadow:2px 2px 6px #0004;
  pointer-events:none;
}
.fold-light {
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  mix-blend-mode:multiply;
}
.paper-curl {
  display:none;
}
.flip-corner:before {
  display:none;
}
.glass,.glass.has-optics,.dark .glass.has-optics {
  box-shadow:inset 0 1px 1px #ffffff59,0 4px 18px #18233312;
  border:1px solid #eaf4ff47;
}
.thumb,.dark .thumb {
  background:linear-gradient(135deg,#ffffff75,#edf3ff32,#f7ecff37);
  box-shadow:inset 0 0 0 1px #ffffff6b,0 1px 5px #0000000a;
  border:0;
}
.thumb:before {
  opacity:.18;
}
.thumb:after {
  opacity:.18;
}
.contact.open {
  box-shadow:inset 0 0 0 1px #fff6,0 15px 45px #0002;
}
.glass:active {
  box-shadow:inset 0 0 0 1px #fff6,0 2px 12px #0001;
}
:root {
  --paper:#f3f0e8;
  background-color:var(--paper);
}
.design,.jonny {
  background-color:var(--paper);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.038'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='760'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='.022'/%3E%3C/svg%3E");
  background-size:180px 180px,760px 760px;
  background-blend-mode:multiply;
}
.sheet-canvas {
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}
.mesh-active>.poster-face {
  visibility:hidden!important;
}
.mesh-active>.fold-light,.mesh-active>.fold-sheet {
  display:none;
}
.print-turn {
  contain:paint;
}
.poster.is-selected .print-turn {
  box-shadow:none;
}
.jonny-hero .portrait-photo {
  width:min(620px,78vw);
  height:clamp(250px,38vh,360px);
  background:none;
  overflow:visible;
}
.portrait-photo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:grayscale(1) contrast(1.04);
  mask-image:linear-gradient(to bottom,#000 0%,#000 68%,#0008 88%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,#0008 88%,transparent 100%);
}
.portrait-photo+.intro {
  margin-top:-32px;
}
.jonny-hero:has(.portrait-photo) {
  padding-top:100px;
}
@media(max-width:700px) {
  .jonny-hero .portrait-photo {
    height:clamp(230px,34vh,310px);
    width:95vw;
  }
  .portrait-photo+.intro {
    margin-top:-25px;
  }
  .jonny-hero:has(.portrait-photo) {
    padding-top:100px;
  }
}
.portrait-dj img {
  filter:saturate(.72) contrast(.98) brightness(1.04);
  mask-image:linear-gradient(to bottom,#000 0%,#000 74%,#000b 89%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,#000b 89%,transparent 100%);
}
.jonny-hero .portrait-dj {
  width:min(660px,86vw);
  height:clamp(270px,39vh,370px);
}
@media(max-width:700px) {
  .jonny-hero .portrait-dj {
    width:98vw;
    height:clamp(240px,35vh,320px);
  }
}
.jonny-hero .portrait-scene {
  position:relative;
  align-self:center;
  flex:none;
  max-width:none;
  background:none;
  mask-image:radial-gradient(ellipse 120% 100% at 50% 0%,#000 0%,#000 86%,#000b 92%,#0004 97%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 120% 100% at 50% 0%,#000 0%,#000 86%,#000b 92%,#0004 97%,transparent 100%);
}
.portrait-scene img {
  top:0;
  display:block;
  filter:none;
  mask-image:none;
  -webkit-mask-image:none;
}
@media(max-width:700px) {
  .jonny-hero .portrait-scene {
    margin-top:-100px;
  }
  .portrait-scene img {
    width:130%;
    left:-30%;
    object-position:50% 19%;
  }
}
.jonny-hero:has(.portrait-scene) {
  padding-bottom:18px;
}
.production-still {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 53%;
}
.production-video {
  transition:opacity .65s ease;
}
.trailer-finished .production-video {
  opacity:0;
  pointer-events:none;
}
.trailer-finished .stage-art:after {
  opacity:1;
}
.jonny-hero .portrait-scene {
  width:min(760px,88vw);
  height:auto;
  aspect-ratio:1984/1273;
  margin-top:0;
  mask-image:none;
  -webkit-mask-image:none;
  overflow:hidden;
}
.portrait-scene img {
  position:static;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  left:auto;
  mask-image:linear-gradient(#000 88%,transparent);
  -webkit-mask-image:linear-gradient(#000 88%,transparent);
}
.jonny-hero:has(.portrait-scene) {
  padding-top:112px;
}
@media(max-width:700px) {
  .jonny-hero .portrait-scene {
    width:94vw;
    height:auto;
    aspect-ratio:1984/1273;
  }
  .jonny-hero:has(.portrait-scene) {
    padding-top:110px;
  }
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/barlow-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/barlow-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/barlow-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/barlow-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/barlow-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/barlow-5.ttf) format('truetype');
}
:root {
  font-family:'Barlow',Arial,sans-serif;
}
.intro h1 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:clamp(88px,10.5vw,152px);
  letter-spacing:-.035em;
  line-height:.78;
  transform:none;
}
.intro p {
  font-family:'Barlow',sans-serif;
  font-weight:500;
  line-height:1.25;
}
.production-copy h2 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  letter-spacing:-.025em;
  line-height:.95;
}
.production-selector :is(button,a) {
  font-family:'Barlow',sans-serif;
  font-weight:600;
}
.bio h2,.contact h2 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
}
.bio p {
  font-family:'Barlow',sans-serif;
  font-size:22px;
  line-height:1.6;
}
.switch button {
  font-weight:600;
}
.disciplines {
  font-size:12px;
  font-weight:500;
  justify-content:center;
}
.attached-info strong {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700;
  font-size:24px;
}
@media(max-width:700px) {
  .intro h1 {
    font-size:24vw;
  }
  .disciplines {
    font-size:10px;
  }
}
body:not(.dark) .switch .thumb {
  background:linear-gradient(135deg,#a8b7c85c,#b6aac24d);
  border:1px solid #68738750;
  box-shadow:inset 0 1px 0 #ffffffc9,0 2px 6px #2a30431a;
}
.switch button[aria-current="page"] {
  font-weight:700;
}
.switch button {
  transition:color .2s;
}
@media(min-width:701px) {
  .jonny-hero .portrait-scene {
    width:min(620px,72vw);
    height:min(38vh,398px);
    aspect-ratio:auto;
  }
  .intro h1 {
    font-size:clamp(88px,9.5vw,132px);
  }
}
.portrait-scene+.intro {
  position:relative;
  z-index:2;
}
.press-arrival {
  width:min(880px,100%);
  margin:24px auto 0;
  text-align:center;
  flex:none;
}
.press-kicker,.press-category {
  font:500 10px/1.4 'Barlow',sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#67675d;
}
.press-marks {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  align-items:center;
  gap:24px;
}
.press-arrival .press-marks {
  margin-top:14px;
}
.press-mark {
  display:block;
  color:#34352f;
  font:700 clamp(13px,1.5vw,21px)/1.05 Georgia,serif;
  letter-spacing:-.055em;
}
.mark-nyt,.mark-lat {
  font-weight:900;
}
.mark-law {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;
  font-size:25px;
  letter-spacing:-.03em;
}
.mark-chortle {
  font-family:'Barlow',sans-serif;
  font-weight:800;
  letter-spacing:-.06em;
}
.mark-skinny {
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.01em;
}
.portrait-scene~.bio-cue {
  margin-top:18px;
}
.jonny-hero:has(.press-arrival) {
  padding-top:100px;
}
.jonny-hero:has(.press-arrival) .portrait-scene {
  height:min(31vh,300px);
}
.jonny-hero:has(.press-arrival) .disciplines {
  margin-top:22px;
}
.jonny-hero:has(.press-arrival) .intro h1 {
  font-size:clamp(76px,8.5vw,118px);
}
.press-story {
  position:relative;
  border-top:1px solid #d9d6cc;
  scroll-snap-align:start;
}
.press-sticky {
  position:sticky;
  top:0;
  height:100dvh;
  min-height:550px;
  padding:130px max(7vw,28px) 55px;
  overflow:hidden;
}
.press-heading {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  border-bottom:1px solid #c9c7bc;
  padding-bottom:18px;
}
.press-heading h2,.press-heading>span,.press-foot {
  font:500 11px/1.4 'Barlow',sans-serif;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.press-heading h2 {
  margin:0;
}
.press-heading>span {
  color:#77786e;
  font-size:9px;
}
.press-opening {
  position:absolute;
  inset:30% 8% 15%;
  text-align:center;
  will-change:transform,opacity;
}
.press-opening .press-marks {
  max-width:850px;
  margin:0 auto;
}
.press-opening .press-mark {
  font-size:clamp(22px,3vw,40px);
}
.press-opening p {
  font:italic clamp(26px,3vw,42px)/1.2 Georgia,serif;
  color:#79796e;
  margin:55px 0 0;
}
.press-quote {
  position:absolute;
  inset:31% 10% auto;
  margin:0;
  opacity:0;
  transform:translateY(30px);
  will-change:transform,opacity;
}
.press-quote blockquote {
  font:normal clamp(38px,5.8vw,79px)/1.08 Georgia,serif;
  letter-spacing:-.045em;
  max-width:980px;
  margin:24px 0 32px;
  text-wrap:balance;
}
.press-quote:nth-child(2) blockquote {
  font-style:italic;
  font-size:clamp(48px,7.7vw,106px);
  max-width:850px;
}
.press-quote figcaption {
  font:bold 20px/1.2 Georgia,serif;
  letter-spacing:-.04em;
}
.press-foot {
  position:absolute;
  bottom:55px;
  left:8%;
  right:8%;
  display:flex;
  align-items:center;
  gap:25px;
  color:#77786e;
  font-size:9px;
}
.press-progress {
  height:1px;
  background:#d0cdc1;
  flex:1;
  overflow:hidden;
}
.press-progress i {
  display:block;
  height:1px;
  background:#57594e;
  transform-origin:left;
  transform:scaleX(0);
}
@media(max-width:700px) {
  .jonny-hero:has(.press-arrival) {
    padding:94px 25px 18px;
  }
  .jonny-hero:has(.press-arrival) .portrait-scene {
    height:min(28dvh,235px);
    width:90vw;
  }
  .jonny-hero:has(.press-arrival) .intro h1 {
    font-size:22vw;
  }
  .jonny-hero:has(.press-arrival) .intro p {
    font-size:16px;
    margin-top:18px;
  }
  .jonny-hero:has(.press-arrival) .disciplines {
    margin-top:16px;
    gap:4px;
  }
  .press-arrival {
    margin-top:20px;
  }
  .press-arrival .press-marks {
    margin-top:10px;
  }
  .press-mark {
    font-size:14px;
  }
  .mark-law {
    font-size:19px;
  }
  .press-kicker {
    font-size:8px;
  }
  .portrait-scene~.bio-cue {
    margin-top:15px;
    font-size:8px;
    gap:2px;
  }
  .press-sticky {
    padding:110px 25px 40px;
    min-height:500px;
  }
  .press-heading>span {
    max-width:110px;
    text-align:right;
  }
  .press-opening {
    inset:29% 8% 15%;
  }
  .press-opening .press-mark {
    font-size:24px;
  }
  .press-opening p {
    font-size:28px;
    margin-top:35px;
  }
  .press-quote {
    inset:30% 8% auto;
  }
  .press-quote blockquote {
    font-size:clamp(32px,8vw,48px);
  }
  .press-quote:nth-child(2) blockquote {
    font-size:clamp(40px,10vw,65px);
  }
  .press-foot {
    bottom:40px;
    gap:12px;
    font-size:8px;
  }
  .press-quote figcaption {
    font-size:18px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .press-sticky {
    position:relative;
    height:auto;
    overflow:visible;
  }
  .press-opening {
    position:relative;
    inset:auto;
    transform:none!important;
    opacity:1!important;
    margin:60px 0;
  }
  .press-opening p {
    display:none;
  }
  .press-quote {
    position:relative;
    inset:auto;
    opacity:1!important;
    transform:none!important;
    margin:80px 0;
  }
  .press-foot {
    position:relative;
    inset:auto;
  }
  .press-progress {
    display:none;
  }
}
.press-mark img {
  display:block;
  width:100%;
  margin:auto;
  mix-blend-mode:multiply;
}
.print-turn {
  contain:none;
  overflow:visible;
}
.sheet-canvas {
  inset:-20%;
  width:140%;
  height:140%;
}
.press-mark img {
  max-width:150px;
  height:32px;
  filter:grayscale(1);
  object-fit:contain;
}
.press-opening .press-mark img {
  max-width:240px;
  height:65px;
}
.mark-guardian img {
  height:40px;
}
.mark-law img {
  max-width:105px;
}
.mark-chortle img {
  max-width:100px;
}
.mark-skinny img {
  max-width:120px;
}
.portrait-scene img {
  mask-image:linear-gradient(to bottom,#000 0%,#000 58%,#000b 73%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,#000b 73%,transparent 100%);
}
.portrait-scene+.intro {
  margin-top:-42px;
}
.intro h1 {
  position:relative;
}
.glass .lens-canvas {
  opacity:.64;
}
.glass.has-optics:before {
  opacity:.24;
}
.glass:before {
  padding:1px;
}
.thumb {
  background:linear-gradient(135deg,#c6cfda80,#dcd5e475);
  border:1px solid #6e788d40;
}
.dark .thumb {
  background:linear-gradient(135deg,#d7e5f270,#d3bfdf45);
}
@media(max-width:700px) {
  .press-mark img {
    height:25px;
    max-width:115px;
  }
  .mark-guardian img {
    height:30px;
  }
  .mark-law img {
    max-width:80px;
  }
  .mark-chortle img {
    max-width:80px;
  }
  .mark-skinny img {
    max-width:90px;
  }
  .press-opening .press-mark img {
    max-width:165px;
    height:48px;
  }
  .portrait-scene+.intro {
    margin-top:-25px;
  }
}
.art-two .production-still {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.art-two:after {
  background:linear-gradient(90deg,#000b,transparent 85%),linear-gradient(0deg,#0006,transparent 50%);
}
#jack-tucker.trailer-finished .production-video {
  opacity:0;
}
#jack-tucker .production-video {
  transition:opacity .4s;
}
.poster-face:has(img) {
  padding:0;
  background:var(--paper);
}
.poster-face>img {
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
}
.attached-info strong {
  max-width:90%;
  line-height:1.05;
}
.mark-chortle,.mark-law {
  mix-blend-mode:multiply;
}
.mark-chortle img,.mark-law img {
  mix-blend-mode:normal;
}
.mark-chortle,.mark-law {
  filter:none;
  mix-blend-mode:normal;
}
.mark-chortle img,.mark-law img {
  filter:url(#press-ink);
  mix-blend-mode:normal;
}
.instagram-link {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:500 14px/1.4 'Barlow',sans-serif;
  text-decoration:none;
  letter-spacing:.01em;
  transition:opacity .2s;
}
.instagram-link svg {
  flex:none;
}
.instagram-link:hover {
  opacity:.65;
}
.bio>.instagram-link {
  margin-top:25px;
  color:#53554b;
}
.contact-content>.instagram-link {
  font-size:13px;
  margin-top:22px;
  justify-content:center;
}
.contact-content>.instagram-link svg {
  width:18px;
  height:18px;
}
.production-copy .production-title {
  width:min(470px,40vw);
  margin:24px 0 26px;
}
.production-title img {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.production-copy>p:not(.role) {
  max-width:440px;
  text-wrap:pretty;
}
.production-copy .role {
  max-width:460px;
  line-height:1.7;
}
#jack-tucker .production-copy {
  top:23%;
}
#jack-tucker .production-title {
  width:min(410px,35vw);
}
@media(max-width:700px) {
  .production-copy .production-title {
    width:min(82vw,430px);
    margin:20px 0 24px;
  }
  #jack-tucker .production-title {
    width:min(73vw,340px);
  }
  #jack-tucker .production-copy {
    top:25%;
  }
  .production-copy>p:not(.role) {
    max-width:310px;
  }
  .production-copy .role {
    max-width:310px;
    font-size:10px;
    line-height:1.7;
  }
}
.press-attribution img {
  display:block;
  width:210px;
  max-width:55vw;
  height:44px;
  object-fit:contain;
  object-position:left center;
  filter:grayscale(1);
  mix-blend-mode:multiply;
}
.press-attribution.attribution-guardian img {
  width:150px;
  height:52px;
}
.press-attribution.attribution-skinny img {
  width:180px;
  height:42px;
}
@media(max-width:700px) {
  .press-attribution img {
    width:180px;
    height:36px;
  }
  .press-attribution.attribution-guardian img {
    width:130px;
    height:45px;
  }
  .press-attribution.attribution-skinny img {
    width:155px;
    height:36px;
  }
}
.inventory-art {
  background:radial-gradient(ellipse at 75% 35%,hsl(var(--production-hue) 17% 20%),#101316 75%);
}
.inventory-art>span {
  display:block;
  position:absolute;
  right:12%;
  bottom:12%;
  font:900 clamp(130px,30vw,420px)/1 'Barlow Condensed',sans-serif;
  color:#ffffff05;
  letter-spacing:-.08em;
}
.inventory-production .production-copy {
  top:28%;
  max-width:58%;
}
.inventory-production .production-copy h2 {
  font-size:clamp(48px,6.5vw,94px);
  max-width:760px;
  text-wrap:balance;
}
.production-selector {
  top:120px;
  bottom:110px;
  overflow-y:auto;
  scrollbar-width:thin;
  max-height:calc(100dvh - 230px);
  transform:none;
}
.production-selector :is(button,a) {
  font-size:12px;
  line-height:1.3;
  padding-top:10px;
  padding-bottom:10px;
}
.production-selector small {
  font-size:9px;
}
@media(max-width:700px) {
  body.dark .production-selector {
    top:88px;
    bottom:auto;
    max-height:70px;
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    scrollbar-width:none;
    gap:8px;
  }
  .production-selector :is(button,a) {
    flex:0 0 auto;
    max-width:210px;
    font-size:11px!important;
    white-space:normal;
    text-align:left;
  }
  .inventory-production .production-copy {
    top:29%;
  }
  .inventory-production .production-copy h2 {
    font-size:clamp(42px,12vw,67px);
  }
}
.production-copy .production-meta {
  display:flex;
  align-items:center;
  gap:14px;
  font:500 10px/1.4 'Barlow',sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#e7e6df;
}
.production-meta span+span {
  border-left:1px solid #ffffff45;
  padding-left:14px;
}
.production-selector .index-title {
  display:block;
}
.production-selector .index-meta {
  display:block;
  margin-top:5px;
  font-size:8px;
  letter-spacing:.12em;
}
.production-selector .index-meta small {
  float:right;
  font-size:8px;
}
.notable-credit {
  border-top:1px solid #ffffff30;
  padding-top:18px;
  margin-top:30px;
}
.notable-credit>span {
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ffffff8c;
}
.notable-credit p {
  font-size:14px;
  line-height:1.5;
  margin-top:10px;
}
@media(max-width:700px) {
  .production-selector :is(button,a) {
    min-width:150px;
  }
  .production-selector .index-meta {
    font-size:8px;
  }
  .production-copy .production-meta {
    font-size:9px;
  }
  .notable-credit {
    margin-top:20px;
  }
}
.design-honours {
  padding:100px 7vw 110px;
  border-top:1px solid #d9d6cc;
  scroll-snap-align:start;
}
.design-honours header {
  max-width:1100px;
  margin:auto;
}
.design-honours h2 {
  font:700 clamp(42px,5vw,70px)/1 'Barlow Condensed',sans-serif;
  letter-spacing:-.025em;
  margin:22px 0 55px;
}
.honours-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:35px;
  max-width:1100px;
  margin:auto;
}
.award-laurel {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  min-width:0;
}
.award-laurel>img {
  width:32px;
  height:125px;
  object-fit:contain;
  flex:none;
}
.award-laurel>div {
  flex:1;
  max-width:230px;
}
.award-laurel span {
  font:500 9px/1.4 'Barlow',sans-serif;
  text-transform:uppercase;
  letter-spacing:.13em;
  display:block;
  margin-bottom:10px;
}
.award-laurel strong {
  display:block;
  font:600 15px/1.25 'Barlow',sans-serif;
}
.award-laurel small {
  display:block;
  font:400 11px/1.4 'Barlow',sans-serif;
  margin-top:10px;
  color:#6f7065;
}
.production-awards {
  position:absolute;
  right:23%;
  bottom:80px;
  left:6%;
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  color:#fff;
  z-index:3;
}
.production-awards .award-laurel {
  max-width:235px;
  gap:7px;
}
.production-awards .award-laurel>img {
  width:22px;
  height:78px;
  filter:brightness(0) invert(1);
}
.production-awards .award-laurel strong {
  font-size:11px;
}
.production-awards .award-laurel span {
  font-size:8px;
  margin-bottom:5px;
}
.production-awards .award-laurel small {
  font-size:9px;
  color:#ffffffb0;
  margin-top:5px;
}
#thunderflop .production-awards {
  gap:15px;
}
#thunderflop .award-laurel {
  max-width:180px;
}
.production:has(.production-awards) .production-copy {
  top:23%;
}
@media(max-width:700px) {
  .design-honours {
    padding:90px 28px;
  }
  .honours-grid {
    grid-template-columns:1fr;
    gap:42px;
  }
  .award-laurel {
    max-width:340px;
    margin:auto;
    width:100%;
  }
  .production-awards {
    gap:12px;
  }
  .production-awards .award-laurel {
    max-width:160px;
    margin:0;
  }
  .production-awards .award-laurel>img {
    width:16px;
    height:67px;
  }
  .production-awards .award-laurel strong {
    font-size:10px;
  }
  .production:has(.production-awards) .production-copy h2 {
    font-size:42px;
  }
  #thunderflop .production-awards {
    bottom:75px;
  }
  .production-awards .award-laurel small {
    font-size:8px;
  }
}
.jonny-hero .splash-honours {
  width:min(880px,100%);
  padding:0;
  margin:24px auto 0;
  border:0;
  flex:none;
  scroll-snap-align:none;
}
.splash-honours .honours-label {
  font:500 8px/1.4 'Barlow',sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#67675d;
  text-align:center;
  margin:0 0 12px;
}
.splash-honours .honours-grid {
  grid-template-columns:repeat(3,1fr);
}
.splash-honours .award-laurel span {
  font-size:7px;
  margin-bottom:5px;
}
.splash-honours .award-laurel strong {
  font-size:10px;
}
.splash-honours .award-laurel small {
  font-size:8px;
  margin-top:5px;
}
.jonny-hero:has(.splash-honours) {
  padding-top:94px;
}
.jonny-hero:has(.splash-honours) .intro p {
  font-size:20px;
  margin-bottom:15px;
}
@media(max-width:700px) {
  .jonny-hero:has(.splash-honours) {
    padding:88px 23px 18px;
  }
  .jonny-hero:has(.splash-honours) .intro p {
    font-size:15px;
    margin-top:16px;
    margin-bottom:10px;
  }
  .splash-honours .award-laurel span {
    letter-spacing:.05em;
  }
  .splash-honours .award-laurel small {
    line-height:1.3;
  }
}
.jonny-hero:has(.splash-honours) .disciplines {
  font-size:15px;
  font-weight:600;
  letter-spacing:.02em;
  gap:18px;
}
.splash-honours .honours-grid {
  gap:36px;
  max-width:820px;
}
.splash-honours .award-laurel {
  justify-content:center;
}
.splash-honours .award-laurel>div {
  flex:0 1 auto;
}
.splash-honours .award-laurel>img {
  width:19px;
  height:82px;
}
@media(max-width:700px) {
  .jonny-hero:has(.splash-honours) .disciplines {
    font-size:11px;
    gap:5px;
  }
  .disciplines span {
    padding:0 7px;
  }
}
.jonny-hero .disciplines {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0!important;
  align-items:center;
  width:min(610px,100%);
}
.jonny-hero .disciplines span {
  display:block;
  text-align:center;
  padding:0 16px;
  white-space:nowrap;
}
.splash-honours .award-laurel>div {
  flex:1;
}
.splash-honours .award-laurel {
  width:100%;
  margin-inline:auto;
}
.splash-honours .honours-grid {
  align-items:center;
}
.press-heading,.press-foot {
  max-width:1100px;
  margin-inline:auto;
}
.press-quote {
  left:8%;
  right:8%;
}
@media(max-width:700px) {
  .jonny-hero .disciplines {
    font-size:10px!important;
  }
  .jonny-hero .disciplines span {
    padding:0 6px;
  }
}
.press-arrival .press-marks {
  grid-template-columns:repeat(4,1fr);
  row-gap:18px;
  max-width:760px;
  margin-inline:auto;
}
.press-opening .press-marks {
  grid-template-columns:repeat(4,1fr);
  gap:38px 30px;
}
.mark-bbc img {
  max-width:85px;
  filter:brightness(0);
}
.mark-observer img {
  max-width:145px;
}
.press-opening .mark-bbc img {
  max-width:130px;
}
@media(max-width:700px) {
  .press-arrival .press-marks {
    grid-template-columns:repeat(4,1fr);
    gap:13px 12px;
  }
  .press-arrival .press-mark img {
    max-width:100%;
    height:22px;
  }
  .press-arrival .mark-bbc img {
    max-width:53px;
  }
  .press-opening .press-marks {
    grid-template-columns:repeat(2,1fr);
    gap:24px;
  }
  .press-arrival .mark-guardian img {
    height:27px;
  }
}
.splash-honours .award-laurel {
  gap:8px;
}
.splash-honours .award-laurel>div {
  flex:0 1 auto;
  max-width:195px;
}
.portrait-scene img {
  transform:scale(1.18);
  transform-origin:50% 40%;
}
.jonny-hero .portrait-scene {
  mask-image:linear-gradient(#000 0%,#000 68%,transparent 100%);
  -webkit-mask-image:linear-gradient(#000 0%,#000 68%,transparent 100%);
}
.press-arrival .masthead-window {
  width:100%;
  max-width:760px;
  margin:14px auto 0;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.masthead-track {
  display:flex;
  width:max-content;
  animation:masthead-drift 42s linear infinite;
}
.press-arrival .masthead-track .press-marks {
  display:flex;
  flex:none;
  width:1200px;
  max-width:none;
  gap:0;
  margin:0;
  align-items:center;
  justify-content:space-around;
  padding-right:0;
  height:48px;
}
.press-arrival .masthead-track .press-mark {
  width:150px;
  flex:none;
  padding:0 12px;
}
.press-arrival .masthead-track .press-mark img {
  width:100%;
  max-width:100%;
  height:32px;
}
.press-arrival .masthead-track .mark-guardian img {
  height:40px;
}
.press-arrival .masthead-track .mark-bbc img {
  max-width:85px;
}
.press-arrival:hover .masthead-track {
  animation-play-state:paused;
}
@keyframes masthead-drift {
  to {
    transform:translateX(-50%);
  }
}
@media(max-width:700px) {
  .press-arrival .masthead-track .press-marks {
    width:1000px;
    height:38px;
  }
  .press-arrival .masthead-track .press-mark {
    width:125px;
    padding:0 12px;
  }
  .press-arrival .masthead-track .press-mark img {
    height:25px;
  }
  .press-arrival .masthead-track .mark-guardian img {
    height:32px;
  }
  .press-arrival .masthead-track .mark-bbc img {
    max-width:65px;
  }
  .press-arrival .masthead-window {
    margin-top:10px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .masthead-track {
    animation:none;
    width:100%;
  }
  .press-arrival .masthead-window {
    mask-image:none;
    -webkit-mask-image:none;
  }
  .press-arrival .masthead-track .press-marks {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    width:100%;
    height:auto;
    gap:15px;
  }
  .press-arrival .masthead-track .press-mark {
    width:auto;
    padding:0;
  }
  .press-arrival .masthead-track .press-marks[aria-hidden=true] {
    display:none;
  }
}
.jonny-hero:has(.splash-honours) .portrait-scene {
  height:min(32vh,315px);
  width:min(700px,78vw);
}
.jonny-hero:has(.splash-honours) .intro h1 {
  margin-bottom:12px;
}
.jonny-hero:has(.splash-honours) .disciplines {
  margin-top:13px;
}
.jonny-hero .splash-honours {
  margin-top:21px;
}
.splash-honours .honours-label {
  margin-bottom:7px;
}
.splash-honours+.press-arrival {
  margin-top:12px;
}
.splash-honours~.bio-cue {
  margin-top:6px;
}
.press-arrival .masthead-window {
  margin-top:9px;
}
@media(min-width:701px) {
  .jonny-hero:has(.splash-honours) .portrait-scene {
    height:clamp(250px,40vh,420px);
  }
}
@media(max-width:700px) and (min-height:780px) {
  .jonny-hero:has(.splash-honours) .portrait-scene {
    height:min(34dvh,290px);
  }
}
.jonny-hero:has(.splash-honours) .intro h1 {
  font-size:clamp(85px,8.614vw,120.36px);
}
.jonny-hero:has(.splash-honours) .portrait-scene+.intro {
  margin-top:calc(-42px - clamp(20px,2.05vw,29px));
}
@media(max-width:700px) {
  .jonny-hero:has(.splash-honours) .portrait-scene+.intro {
    margin-top:calc(-25px - 5.616vw);
  }
}
.production-awards,#thunderflop .production-awards {
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  gap:22px;
  padding:8px 0 13px;
  scrollbar-width:thin;
  scrollbar-color:#ffffff55 transparent;
  align-items:center;
}
.production-awards .award-laurel,#thunderflop .production-awards .award-laurel {
  flex:0 0 215px;
  min-height:92px;
}
.production-awards .award-laurel>div {
  min-width:0;
}
.production-awards .award-laurel small {
  line-height:1.35;
}
.production-awards:focus-visible {
  outline:1px solid #ffffff80;
  outline-offset:5px;
}
.production-selector .index-meta small {
  display:none;
}
@media(max-width:700px) {
  .production-awards .award-laurel,#thunderflop .production-awards .award-laurel {
    flex-basis:180px;
  }
  .production-awards,#thunderflop .production-awards {
    gap:15px;
  }
  #thunderflop {
    min-height:850px;
  }
}
.jonny-hero .intro h1 {
  letter-spacing:-.01em;
}
.production-awards {
  scroll-snap-type:x proximity;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y;
}
.production-awards .award-laurel {
  scroll-snap-align:start;
}
.production-awards.has-more-awards {
  padding-inline:6px;
  mask-image:linear-gradient(90deg,#000 0%,#000 94%,transparent);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 94%,transparent);
}
.award-navigation {
  position:absolute;
  bottom:53px;
  left:6%;
  right:23%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  z-index:4;
  color:#fff;
}
.award-navigation[hidden] {
  display:none;
}
.award-navigation button {
  border:1px solid #ffffff55;
  border-radius:50%;
  width:30px;
  height:30px;
  font-size:16px;
  padding:0;
}
.award-navigation button:disabled {
  opacity:.25;
  cursor:default;
}
.award-navigation span {
  font-size:9px;
  letter-spacing:.04em;
  color:#ffffffa0;
}
#thunderflop .award-navigation {
  bottom:45px;
}
@media(max-width:700px) {
  .award-navigation button {
    width:32px;
    height:32px;
  }
  .award-navigation span {
    font-size:8px;
  }
}
.poster .flip-corner[hidden] {
  display:none!important;
}
.production-selector :is(button,a) {
  transition:color .18s ease,background-color .18s ease,box-shadow .18s ease;
  border-radius:3px;
}
.production-selector .index-meta {
  transition:color .18s ease;
}
@media(hover:hover) and (pointer:fine) {
  .production-selector :is(button,a):hover {
    color:#fff;
    background-color:#ffffff10;
    box-shadow:inset 2px 0 0 #ffffff65;
  }
  .production-selector :is(button,a):hover .index-meta {
    color:#ffffffc7;
  }
  .production-selector :is(button,a).active:hover {
    background-color:#ffffff17;
    box-shadow:inset 2px 0 0 #fff;
  }
}
.production-selector :is(button,a):focus-visible {
  color:#fff;
  outline:1px solid #ffffff8c;
  outline-offset:-1px;
}
.production-selector :is(button,a):focus-visible .index-meta {
  color:#ffffffc7;
}
@media(prefers-reduced-motion:reduce) {
  .production-selector :is(button,a),.production-selector .index-meta {
    transition:none;
  }
}
.production-index-shade {
  position:fixed;
  z-index:4;
  inset:0 0 0 auto;
  width:max(340px,29vw);
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  background:linear-gradient(270deg,rgba(5,7,12,.74) 0%,rgba(5,7,12,.66) 45%,rgba(5,7,12,.32) 73%,transparent 100%);
  transition:opacity .4s ease,visibility .4s;
}
body.dark .production-index-shade {
  opacity:1;
  visibility:visible;
}
body.cinema-active .production-index-shade {
  opacity:0;
  visibility:hidden;
}
.production-selector :is(button,a) {
  color:#ffffffa6;
  text-shadow:0 1px 5px #0006;
}
.production-selector :is(button,a).active {
  color:#fff;
}
.production-selector .index-meta {
  color:#ffffffa3;
}
@media(max-width:700px) {
  .production-index-shade {
    inset:65px 0 auto;
    width:100%;
    height:135px;
    background:linear-gradient(180deg,transparent 0%,rgba(5,7,12,.55) 20%,rgba(5,7,12,.65) 45%,rgba(5,7,12,.4) 70%,transparent 100%);
  }
}
@media(prefers-reduced-motion:reduce) {
  .production-index-shade {
    transition:none;
  }
}
.press-story {
  height:700dvh;
}
.press-quote {
  inset:25% 8% auto;
  max-width:1050px;
  margin-inline:auto;
  pointer-events:none;
}
.press-context {
  font:400 14px/1.4 'Barlow',sans-serif;
  color:#727369;
  margin:12px 0 24px;
  letter-spacing:.01em;
}
.press-quote blockquote.press-subquote {
  font:italic clamp(20px,2.1vw,29px)/1.35 Georgia,serif;
  letter-spacing:-.015em;
  max-width:720px;
  margin:0 0 22px;
  text-wrap:balance;
  color:#77766c;
}
.press-quote blockquote.press-mainquote,.press-quote:nth-child(2) blockquote.press-mainquote {
  font:normal clamp(35px,4.65vw,65px)/1.1 Georgia,serif;
  letter-spacing:-.04em;
  max-width:1000px;
  margin:0 0 30px;
  text-wrap:balance;
}
.press-quote.quote-skinny blockquote.press-mainquote {
  font-style:italic;
  font-size:clamp(48px,6.5vw,90px);
  max-width:870px;
}
.press-quote.quote-long blockquote.press-mainquote {
  font-size:clamp(32px,4.1vw,56px);
}
.press-attribution {
  display:flex;
  align-items:center;
  gap:25px;
}
.press-year {
  font:500 10px/1.2 'Barlow',sans-serif;
  letter-spacing:.12em;
  color:#77766c;
  border-left:1px solid #c8c5bb;
  padding-left:22px;
}
.ticketmaster-wordmark {
  font:italic 700 29px/1 Arial,sans-serif;
  letter-spacing:-1.5px;
}
@media(max-width:700px) {
  .press-quote {
    top:24%;
    left:8%;
    right:8%;
  }
  .press-context {
    font-size:12px;
    margin:10px 0 20px;
  }
  .press-quote blockquote.press-subquote {
    font-size:19px;
    line-height:1.3;
    margin-bottom:20px;
  }
  .press-quote blockquote.press-mainquote,.press-quote:nth-child(2) blockquote.press-mainquote {
    font-size:clamp(29px,7.8vw,43px);
    margin-bottom:24px;
  }
  .press-quote.quote-skinny blockquote.press-mainquote {
    font-size:clamp(39px,10vw,58px);
  }
  .press-quote.quote-long blockquote.press-mainquote {
    font-size:clamp(27px,7vw,37px);
  }
  .press-attribution {
    gap:18px;
  }
  .press-year {
    padding-left:18px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .press-story {
    height:auto;
  }
  .press-quote {
    inset:auto;
    max-width:100%;
    margin:75px 0;
  }
  .press-context {
    margin-top:12px;
  }
}
@media(max-width:700px) and (max-height:720px) {
  .press-quote {
    top:26%;
  }
  .press-context {
    margin:8px 0 14px;
    font-size:11px;
  }
  .press-quote blockquote.press-subquote {
    font-size:16px;
    margin-bottom:14px;
  }
  .press-quote blockquote.press-mainquote,.press-quote:nth-child(2) blockquote.press-mainquote {
    font-size:clamp(25px,6.8vw,34px);
    margin-bottom:20px;
  }
  .press-quote.quote-skinny blockquote.press-mainquote {
    font-size:clamp(33px,9vw,45px);
  }
  .press-quote.quote-long blockquote.press-mainquote {
    font-size:clamp(24px,6.4vw,32px);
  }
}
.jonny {
  scroll-snap-type:none;
  scroll-behavior:auto;
  overscroll-behavior-y:contain;
}
.jonny-hero,.jonny .bio,.jonny .press-story {
  scroll-snap-align:start;
  scroll-snap-stop:normal;
}
.press-attribution.attribution-ticketmaster img {
  filter:brightness(0);
  mix-blend-mode:multiply;
}
@media(max-width:700px) {
  .jonny .edge {
    display:none!important;
  }
}
.press-back-top {
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  gap:22px;
  min-height:44px;
  padding:8px 0;
  margin-top:30px;
  border-bottom:1px solid #96968a;
  font:500 11px/1.3 'Barlow',sans-serif;
  letter-spacing:.08em;
  color:#44473c;
  transition:color .18s,border-color .18s;
}
.press-back-top span {
  font-size:20px;
  line-height:1;
}
.press-back-top:hover {
  color:#10130d;
  border-color:#10130d;
}
.press-back-top:focus-visible {
  outline:2px solid #525749;
  outline-offset:6px;
}
.press-back-top:disabled {
  pointer-events:none;
}
.jonny h1:focus {
  outline:none;
}
@media(max-width:700px) {
  .press-back-top {
    margin-top:18px;
  }
}
.contact {
  transition:width .85s cubic-bezier(.22,.75,.22,1),height .55s cubic-bezier(.2,.9,.2,1.02),right .55s cubic-bezier(.2,.9,.2,1.02),bottom .55s cubic-bezier(.2,.9,.2,1.02),border-radius .85s cubic-bezier(.22,.75,.22,1),background .4s,opacity .4s;
}
.contact-intro-label {
  position:absolute;
  z-index:2;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  font:600 11px/1 'Barlow',sans-serif;
  text-transform:uppercase;
  letter-spacing:.14em;
  opacity:0;
  transform:scale(.9);
  transition:opacity .15s,transform .25s;
  pointer-events:none;
}
.contact:not(.open) {
  border-radius:33px;
}
.contact.contact-intro:not(.open) {
  width:190px;
  border-radius:33px;
}
.contact.contact-intro:not(.open) .contact-intro-label {
  opacity:1;
  transform:scale(1);
}
.contact:not(.open)>svg {
  transition:opacity .25s .25s;
}
.contact.contact-intro:not(.open)>svg,.contact.open .contact-intro-label {
  opacity:0;
}
@media(max-width:700px) {
  .contact:not(.open) {
    border-radius:27.5px;
  }
  .contact.contact-intro:not(.open) {
    width:165px;
    border-radius:27.5px;
  }
  .contact-intro-label {
    font-size:10px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .contact,.contact-intro-label,.contact:not(.open)>svg {
    transition:none!important;
  }
}
.bio {
  max-width:1200px;
  padding:110px 60px 120px;
}
.bio-layout {
  grid-template-columns:minmax(220px,.78fr) minmax(0,1.55fr);
  gap:65px;
  align-items:start;
}
.bio-portrait {
  margin:4px 0 0;
  aspect-ratio:3/4;
  overflow:hidden;
}
.bio-portrait img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:48% 50%;
  filter:grayscale(1) contrast(1.025);
}
.bio .bio-copy {
  max-width:none;
  margin:0;
  min-width:0;
}
.bio .bio-copy p {
  font-size:20px;
  line-height:1.6;
  margin-bottom:28px;
}
.bio .bio-copy p:first-child {
  font-size:23px;
  line-height:1.5;
  color:#30352c;
}
.bio .instagram-link {
  margin-top:12px;
  color:#53554b;
}
.masthead-window.motion-mastheads {
  touch-action:pan-y;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
}
.masthead-window.motion-mastheads .masthead-track {
  animation:none;
  will-change:transform;
}
.masthead-window.motion-mastheads img {
  pointer-events:none;
  -webkit-user-drag:none;
}
.masthead-window.is-dragging {
  cursor:grabbing;
}
.masthead-window:focus-visible {
  outline:1px solid #77796a;
  outline-offset:7px;
}
@media(max-width:900px) {
  .bio {
    padding-inline:35px;
  }
  .bio-layout {
    gap:35px;
    grid-template-columns:minmax(180px,.7fr) minmax(0,1.4fr);
  }
}
@media(max-width:700px) {
  .bio {
    padding:100px 28px 85px;
  }
  .bio-layout {
    display:block;
  }
  .bio-portrait {
    position:relative;
    top:auto;
    margin:0 0 35px;
  }
  .bio .bio-copy p {
    line-height:1.6;
  }
  .bio h2 {
    margin-bottom:30px;
  }
}
.bio .bio-copy strong {
  font-weight:600;
  color:#353b30;
}
.bio-layout {
  display:flow-root;
}
.bio-portrait {
  position:relative;
  top:auto;
  float:left;
  margin:4px 60px 25px 0;
}
@media(max-width:900px) and (min-width:701px) {
  .bio-portrait {
    margin-right:35px;
  }
}
@media(max-width:700px) {
  .bio-portrait {
    float:none;
    margin:0 0 35px;
  }
}
.poster .print-turn,.poster.flipped .print-turn {
  overflow:visible;
  contain:none;
}
.poster.is-returning {
  z-index:9;
}
.production-selector {
  scrollbar-color:#ffffff40 transparent;
  overscroll-behavior:contain;
}
.production-selector::-webkit-scrollbar {
  width:3px;
  height:3px;
}
.production-selector::-webkit-scrollbar-track {
  background:transparent;
}
.production-selector::-webkit-scrollbar-thumb {
  background:#ffffff40;
  border-radius:3px;
}
.return-print {
  white-space:nowrap;
  flex-shrink:0;
  min-height:44px;
}
@media(max-width:700px) {
  .jonny-hero .disciplines span {
    line-height:1.35;
    padding-inline:8px;
  }
  .jonny-hero .disciplines {
    width:100%;
  }
}
.production-backdrop {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:0% 50%;
  display:block;
}
#weer .stage-art:after,#masli-hahaha .stage-art:after,#penguins .stage-art:after {
  background:linear-gradient(90deg,#080a0ce6 0%,#080a0c9c 32%,#080a0c14 66%),linear-gradient(0deg,#080a0cf0 0%,#080a0c66 23%,transparent 55%);
}
@media(max-width:700px) {
  .production-backdrop {
    object-position:50% 50%;
  }
  #weer .stage-art:after,#masli-hahaha .stage-art:after,#penguins .stage-art:after {
    background:linear-gradient(0deg,#080a0cf2 0%,#080a0cb0 30%,#080a0c66 58%,#080a0c36 100%);
  }
  .award-navigation span {
    min-width:0;
  }
  .production-awards {
    scrollbar-color:#ffffff40 transparent;
  }
}
@media(max-width:700px) {
  .jonny-hero:has(.splash-honours) {
    padding:88px 22px 28px;
    min-height:100dvh;
    justify-content:flex-start;
  }
  .jonny-hero:has(.splash-honours) .portrait-scene {
    height:clamp(190px,30dvh,260px);
    width:94vw;
  }
  .jonny-hero:has(.splash-honours) .intro h1 {
    font-size:23vw;
    margin-bottom:12px;
  }
  .jonny-hero:has(.splash-honours) .disciplines {
    margin-top:10px;
  }
  .jonny-hero .disciplines span {
    white-space:normal;
    line-height:1.3;
    padding-inline:7px;
  }
  .splash-honours .honours-label {
    font-size:9px;
    margin-bottom:8px;
  }
  .splash-honours .honours-grid {
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    touch-action:pan-x pan-y;
    padding:2px 12px 7px;
    scrollbar-width:thin;
    scrollbar-color:#aaa89c transparent;
    max-width:100%;
  }
  .splash-honours .award-laurel {
    flex:0 0 82%;
    max-width:none;
    margin:0;
    scroll-snap-align:center;
  }
  .splash-honours .award-laurel>div {
    flex:1;
  }
  .splash-honours .award-laurel span {
    letter-spacing:.06em;
  }
  .splash-honours .award-laurel strong {
    line-height:1.25;
  }
  .splash-honours .award-laurel small {
    line-height:1.3;
  }
  .splash-honours+.press-arrival {
    margin-top:14px;
  }
  .splash-honours~.bio-cue {
    margin-top:12px;
    font-size:10px;
    gap:5px;
    min-height:44px;
  }
  .bio {
    padding:72px 25px 65px;
    min-height:0;
  }
  .bio h2 {
    font-size:46px;
    margin:20px 0 26px;
  }
  .bio-portrait {
    margin:0 auto 28px;
  }
  .bio .bio-copy p {
    font-size:18px;
    line-height:1.55;
    margin-bottom:23px;
  }
  .bio .bio-copy p:first-child {
    font-size:20px;
    line-height:1.5;
  }
  .press-heading {
    gap:20px;
  }
  .press-context {
    margin-bottom:17px;
  }
  .design {
    padding-inline:20px;
  }
  .gallery-heading {
    gap:16px;
    line-height:1.5;
  }
  .production-copy {
    left:25px;
    right:25px;
    max-width:none;
  }
  .production-copy .role {
    line-height:1.55;
    letter-spacing:.07em;
    margin-bottom:20px;
  }
  .production-copy p {
    line-height:1.5;
  }
  .production-actions {
    flex-wrap:wrap;
    gap:8px;
  }
  .production-actions .pill {
    min-height:44px;
    margin-top:12px;
    padding:13px 19px;
  }
  .production-awards {
    left:25px;
    right:25px;
    bottom:100px;
  }
  .award-navigation {
    left:25px;
    right:92px;
    bottom:54px;
    gap:9px;
  }
  .production-footer {
    left:25px;
    bottom:24px;
  }
}
@media(max-width:700px) and (max-height:740px) {
  .jonny-hero:has(.splash-honours) .portrait-scene {
    height:190px;
  }
  .jonny-hero .splash-honours {
    margin-top:16px;
  }
  .production:has(.production-awards) .production-copy {
    top:25%;
  }
  .production:has(.production-awards) .production-copy h2 {
    font-size:clamp(30px,8.5vw,40px);
    margin:15px 0;
  }
  .production-copy .role {
    margin-bottom:14px;
  }
  .production-copy p {
    font-size:13px;
  }
}
@media(max-width:700px) {
  .splash-honours .honours-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    overflow:visible;
    scroll-snap-type:none;
    padding:0;
    touch-action:auto;
  }
  .splash-honours .award-laurel {
    width:100%;
    min-height:98px;
    gap:3px;
    align-items:center;
  }
  .splash-honours .award-laurel>div {
    max-width:none;
    min-width:0;
  }
  .splash-honours .award-laurel>img {
    width:9px;
    height:78px;
  }
  .splash-honours .award-laurel span {
    font-size:7px;
    letter-spacing:.01em;
    white-space:nowrap;
    margin-bottom:5px;
  }
  .splash-honours .award-laurel strong {
    font-size:9px;
    line-height:1.3;
  }
  .splash-honours .award-laurel small {
    font-size:8px;
    line-height:1.3;
    margin-top:5px;
  }
}
.production-copy h2.production-title-lockup {
  width:min(540px,100%);
  margin:20px 0 26px;
  line-height:0;
}
.production-title-lockup>img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:230px;
  object-fit:contain;
  object-position:left center;
}
.production-title-lockup>img.production-subtitle {
  max-width:75%;
  max-height:65px;
  margin-top:12px;
}
#glance-you .production-title-lockup>img {
  filter:brightness(0) invert(1);
}
#vroom .production-title-lockup>img:first-child {
  max-height:170px;
}
.inventory-production:has(.production-backdrop) .stage-art:after {
  background:linear-gradient(90deg,#080a0ce6 0%,#080a0c99 35%,#080a0c14 75%),linear-gradient(0deg,#080a0cf2 0%,#080a0c44 30%,transparent 65%);
}
#stamptown-live .production-backdrop,#tucker-stage .production-backdrop,#thunderflop .production-backdrop,#industry-showcase .production-backdrop {
  object-position:50% 28%;
}
#human-person .production-backdrop {
  object-position:75% 40%;
}
#glance-you .production-backdrop {
  object-position:50% 25%;
}
@media(max-width:700px) {
  .production-copy h2.production-title-lockup {
    width:100%;
    margin:16px 0 22px;
  }
  .production-title-lockup>img {
    max-height:155px;
    max-width:95%;
  }
  #vroom .production-title-lockup>img:first-child {
    max-height:120px;
  }
  .production-title-lockup>img.production-subtitle {
    max-height:40px;
    margin-top:10px;
  }
  .inventory-production:has(.production-backdrop) .stage-art:after {
    background:linear-gradient(0deg,#080a0cf2,#080a0ca6 35%,#080a0c55 65%,#080a0c33);
  }
  .inventory-production .production-copy {
    max-width:none;
  }
}
@media(max-width:700px) and (max-height:740px) {
  .production-title-lockup>img {
    max-height:115px;
  }
  .production-copy h2.production-title-lockup {
    margin:12px 0 16px;
  }
}
#vroom .production-title-lockup>img:first-child {
  filter:none;
}
#masli-choosh .production-backdrop,#remoulded .production-backdrop {
  object-position:50% 0%;
}
@media(min-width:701px) {
  .production-copy:has(.production-title-lockup) {
    max-width:42%;
  }
  .production-copy h2.production-title-lockup {
    max-width:100%;
  }
  #industry-showcase .production-backdrop {
    object-position:center 50%;
  }
  #vroom .production-backdrop {
    object-position:center 0%;
  }
}
@media(max-width:700px) {
  #industry-showcase .production-backdrop {
    object-position:center center;
  }
  #weer .production-copy,#masli-hahaha .production-copy {
    top:35%;
  }
  #weer .production-title-lockup>img,#masli-hahaha .production-title-lockup>img {
    max-height:125px;
  }
}
@media(min-width:701px) {
  #masli-choosh .production-copy h2.production-title-lockup {
    width:min(460px,100%);
  }
}
.stage-art img.asset-full {
  transition:opacity .35s ease;
}
.stage-art img.asset-full:not(.asset-ready) {
  opacity:0!important;
}
.asset-preview {
  pointer-events:none;
}
.production-title-lockup,.production-title {
  position:relative;
}
.production-title-lockup>img,.production-title>img {
  opacity:0;
  transition:opacity .25s ease;
}
.production-title-lockup.title-ready>img,.production-title.title-ready>img {
  opacity:1;
}
.production-copy h2>.title-placeholder {
  position:absolute;
  inset:0;
  align-items:center;
  font:800 clamp(32px,4.6vw,66px)/1 'Barlow Condensed',sans-serif;
  letter-spacing:-.025em;
  color:#f7f3ec;
  transition:opacity .2s;
}
.production-copy h2.title-ready>.title-placeholder {
  opacity:0;
  pointer-events:none;
}
@media(prefers-reduced-motion:reduce) {
  .stage-art img.asset-full,.production-title-lockup>img,.production-title>img,.title-placeholder {
    transition:none!important;
  }
}
@media(min-width:701px) {
  #remoulded .production-copy h2.production-title-lockup {
    width:min(360px,100%);
  }
  #thunderflop .production-backdrop {
    object-position:50% 45%;
  }
}
@media(max-width:700px) {
  #thunderflop .production-backdrop {
    object-position:0% center;
  }
  #thunderflop .production-title-lockup {
    max-width:65%;
  }
  #jack-tucker .production-title-lockup {
    max-width:65%;
  }
  #remoulded .production-backdrop {
    object-position:0% center;
  }
  #remoulded .production-title-lockup {
    max-width:68%;
  }
  .production-copy h2>.title-placeholder {
    font-size:clamp(26px,8vw,40px);
  }
}
.stage-art>.production-backdrop {
  position:absolute;
  inset:0;
}
#remoulded .production-copy h2.production-title-lockup {
  width:min(540px,100%);
}
#vroom .production-title-lockup {
  width:min(520px,100%);
}
#vroom .production-title-lockup>img:first-of-type {
  width:100%;
  max-height:none;
}
#vroom .production-title-lockup>img.production-subtitle {
  width:43%;
  max-width:none;
  max-height:none;
  margin:-5.3% auto 0;
}
#jack-tucker .production-still {
  transform:translateY(-4%) scale(-1.14,1.14);
  object-position:50% 70%;
}
@media(max-width:700px) {
  #remoulded .production-copy h2.production-title-lockup {
    max-width:88%;
  }
  #vroom .production-title-lockup {
    max-width:78%;
  }
}
.glass-motion-toggle {
  display:block;
  margin:14px auto 0;
  padding:9px 12px;
  border:1px solid currentColor;
  border-radius:20px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:11px;
  opacity:.65;
  cursor:pointer;
}
.glass-motion-toggle:focus-visible {
  outline:2px solid currentColor;
  outline-offset:3px;
}
@media(pointer:coarse) {
  .contact.open:has(.glass-motion-toggle:not([hidden])) {
    height:340px;
    bottom:calc(50% - 170px);
  }
  .contact-content:has(.glass-motion-toggle:not([hidden])) {
    height:340px;
  }
}
.production-video.ambient-video {
  opacity:0;
  background:transparent;
  transition:opacity .35s ease;
}
.production-video.ambient-video.video-ready {
  opacity:1;
}
@media(prefers-reduced-motion:reduce) {
  .production-video.ambient-video {
    opacity:0;
    transition:none;
  }
}
.production-awards .award-laurel,#thunderflop .production-awards .award-laurel {
  flex:0 0 auto;
  width:auto;
  max-width:230px;
  gap:7px;
}
.production-awards .award-laurel>div {
  flex:0 1 auto;
  width:max-content;
  max-width:165px;
}
@media(max-width:700px) {
  .production-reading-cue {
    left:25px;
    font-size:8px;
  }
  .production-awards .award-laurel,#thunderflop .production-awards .award-laurel {
    width:auto;
    max-width:195px;
  }
  .production-awards .award-laurel>div {
    max-width:135px;
  }
}
.stage .production {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  height:auto;
  min-height:100dvh;
  padding:clamp(120px,14dvh,160px) 23vw 90px 6vw;
}
.stage .production .production-copy {
  position:relative;
  inset:auto!important;
  width:100%;
  max-width:780px!important;
  max-height:none!important;
  overflow:visible;
  padding:0;
  flex:none;
}
.stage .production .production-copy>p:not(.role) {
  max-width:none;
  width:100%;
  margin:0;
  font-size:16px;
  line-height:1.6;
}
.stage .production .production-copy .role {
  max-width:none;
  margin:0 0 18px;
  line-height:1.6;
}
.stage .production .production-copy h2 {
  margin-top:16px;
  margin-bottom:18px;
}
.stage .production .production-copy h2.production-title-lockup {
  width:min(540px,100%);
}
.stage .production .production-awards {
  position:relative;
  inset:auto!important;
  width:100%;
  margin:auto 0 0;
  padding-top:32px;
  flex:none;
}
.stage .production .award-navigation {
  position:relative;
  inset:auto!important;
  width:100%;
  margin-top:8px;
  flex:none;
}
.stage .production .production-footer {
  bottom:24px;
}
@media(max-width:700px) {
  .stage .production {
    padding:180px 25px 90px;
    min-height:100dvh;
  }
  .stage .production .production-copy>p:not(.role) {
    font-size:14px;
    line-height:1.55;
  }
  .stage .production .production-copy .role {
    margin-bottom:14px;
  }
  .stage .production .production-copy h2 {
    margin-top:12px;
    margin-bottom:16px;
  }
  .stage .production .production-awards {
    padding-top:28px;
  }
  .stage .production .award-navigation {
    padding-right:60px;
  }
}
@media(min-width:701px) and (max-height:740px) {
  .stage .production {
    padding-top:110px;
  }
}
.stage #thunderflop {
  min-height:100dvh;
}
.stage #vroom .production-copy h2.production-title-lockup {
  width:min(468px,100%);
}
@media(max-width:700px) {
  .stage #vroom .production-copy h2.production-title-lockup {
    max-width:70.2%;
  }
}
@media(min-width:1100px) and (min-height:920px) {
  .stage .production {
    display:block;
    height:100dvh;
    min-height:100dvh;
    padding:0;
  }
  .stage .production .production-copy {
    position:absolute;
    left:6vw!important;
    right:23vw!important;
    width:auto;
  }
  .stage .production .production-awards {
    position:absolute;
    top:auto!important;
    left:6vw!important;
    right:23vw!important;
    bottom:80px!important;
    width:auto;
    margin:0;
    padding-top:0;
  }
  .stage .production .award-navigation {
    position:absolute;
    top:auto!important;
    left:6vw!important;
    right:23vw!important;
    bottom:45px!important;
    width:auto;
    margin:0;
  }
}
@media(min-width:1100px) and (min-height:920px) {
  .stage .production .production-copy h2 {
    margin-top:12px;
    margin-bottom:12px;
  }
  .stage .production .production-copy .role {
    margin-bottom:12px;
  }
}
@media(min-width:1100px) {
  .stage #weer {
    --blurb-width:500px;
  }
  .stage #masli-hahaha {
    --blurb-width:520px;
  }
  .stage .production .production-copy>p.production-blurb {
    max-width:var(--blurb-width,780px);
  }
}
@media(min-width:1100px) and (min-height:920px) {
  .stage .production .production-copy {
    top:calc(28% - 36px)!important;
  }
  .stage .production:has(.production-awards) .production-copy,.stage #jack-tucker .production-copy {
    top:calc(23% - 36px)!important;
  }
  .stage #stamptown .production-copy {
    top:calc(30% - 36px)!important;
  }
}
@media(min-width:1100px) and (max-height:740px) {
  .stage #weer,.stage #masli-hahaha {
    --blurb-width:660px;
  }
}
@media(min-width:1100px) and (min-height:760px) {
  .stage .production {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:clamp(130px,var(--editorial-top,24dvh),300px) max-content 32px max-content max-content minmax(70px,1fr);
    align-items:start;
    height:auto;
    min-height:100dvh;
    padding:0 23vw 0 6vw;
  }
  .stage .production .production-copy {
    grid-row:2;
    position:relative;
    inset:auto!important;
    width:100%;
    min-width:0;
    max-width:780px!important;
  }
  .stage .production .production-copy h2 {
    margin-top:12px;
    margin-bottom:12px;
  }
  .stage .production .production-copy .role {
    margin-bottom:12px;
  }
  .stage .production .production-awards {
    grid-row:4;
    position:relative;
    inset:auto!important;
    width:100%;
    margin:0;
    padding-top:0;
    min-width:0;
  }
  .stage .production .award-navigation {
    grid-row:5;
    position:relative;
    inset:auto!important;
    width:100%;
    margin:8px 0 0;
  }
  .stage #stamptown {
    --editorial-top:29dvh;
    --blurb-width:680px;
  }
  .stage #jack-tucker {
    --editorial-top:27dvh;
    --blurb-width:620px;
  }
  .stage #penguins {
    --editorial-top:24dvh;
    --blurb-width:560px;
  }
  .stage #weer {
    --editorial-top:26dvh;
    --blurb-width:500px;
  }
  .stage #masli-hahaha {
    --editorial-top:22dvh;
    --blurb-width:520px;
  }
  .stage #remoulded {
    --editorial-top:27dvh;
    --blurb-width:620px;
  }
  .stage #masli-choosh {
    --editorial-top:22dvh;
    --blurb-width:620px;
  }
  .stage #vroom {
    --editorial-top:19dvh;
    --blurb-width:740px;
  }
  .stage #industry-showcase {
    --editorial-top:27dvh;
    --blurb-width:620px;
  }
  .stage #tucker-stage {
    --editorial-top:20dvh;
    --blurb-width:780px;
  }
  .stage #panel-show {
    --editorial-top:27dvh;
    --blurb-width:640px;
  }
  .stage #glance-you {
    --editorial-top:27dvh;
    --blurb-width:660px;
  }
  .stage #where-love {
    --editorial-top:22dvh;
    --blurb-width:780px;
  }
  .stage #stamptown-live {
    --editorial-top:24dvh;
    --blurb-width:740px;
  }
  .stage #pepito {
    --editorial-top:22dvh;
    --blurb-width:660px;
  }
  .stage #human-person {
    --editorial-top:27dvh;
    --blurb-width:660px;
  }
  .stage #thunderflop {
    --editorial-top:19dvh;
    --blurb-width:780px;
  }
}
#tucker-stage .production-backdrop {
  object-position:50% 50%;
}
.stage .production.clip-watching {
  height:100dvh!important;
  min-height:100dvh;
}
.clip-watching .production-awards,.clip-watching .award-navigation {
  opacity:0;
  pointer-events:none;
  transition:opacity .4s;
}
.clip-watching .production-video.ambient-video {
  opacity:1;
}
.production.trailer-finished .production-video.ambient-video {
  opacity:0;
  pointer-events:none;
}
#masli-choosh .production-backdrop {
  object-position:50% 8%;
}
.clip-watching .production-video.ambient-video {
  background:#000;
}
.stage .production.clip-watching {
  overflow:clip;
}
.stage:has(.clip-watching) {
  overflow-anchor:none;
}
@media(min-width:1100px) and (min-height:760px) {
  .stage .production .production-copy,
 .stage .production:has(.production-awards) .production-copy,
 .stage #stamptown .production-copy,
 .stage #jack-tucker .production-copy {
    inset:auto!important;
  }
}
.production-copy .production-meta {
  transform:translateY(-6px);
}
.stage #stamptown-live .production-awards.live-recognitions {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(230px,.9fr);
  align-items:center;
  gap:24px;
  width:min(100%,940px);
  overflow:visible;
  padding:0;
  mask-image:none;
  -webkit-mask-image:none;
  scroll-snap-type:none;
}
.stage #stamptown-live .formal-recognitions {
  display:flex;
  align-items:center;
  min-width:0;
}
.stage #stamptown-live .formal-recognitions .award-laurel {
  flex:1 1 0;
  max-width:none;
  min-width:0;
  scroll-snap-align:none;
}
.stage #stamptown-live .formal-recognitions .award-laurel>img {
  width:18px;
  height:72px;
}
.stage #stamptown-live .formal-recognitions .award-laurel>div {
  min-width:0;
  flex:1 1 auto;
}
.stage #stamptown-live .formal-recognitions .award-laurel strong {
  font-size:10px;
}
.stage #stamptown-live .formal-recognitions .award-laurel small {
  font-size:8px;
  line-height:1.3;
}
.stage #stamptown-live .editorial-selections {
  border-left:1px solid #ffffff55;
  padding-left:20px;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  min-width:0;
  color:#fff;
}
.stage #stamptown-live .editorial-label {
  font:500 8px/1.3 'Barlow',sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#ffffffa8;
  margin-bottom:1px;
}
.stage #stamptown-live .editorial-selections p {
  margin:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.stage #stamptown-live .editorial-selections p span {
  font:500 8px/1.35 'Barlow',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ffffffb8;
}
.stage #stamptown-live .editorial-selections p strong {
  font:600 12px/1.25 'Barlow',sans-serif;
  color:#fff;
}
@media(max-width:900px) {
  .stage #stamptown-live .production-awards.live-recognitions {
    grid-template-columns:1fr;
    gap:14px;
  }
  .stage #stamptown-live .editorial-selections {
    border-left:0;
    border-top:1px solid #ffffff55;
    padding:12px 0 0;
    grid-template-columns:1fr 1fr;
  }
  .stage #stamptown-live .editorial-label {
    grid-column:1/-1;
  }
}
@media(max-width:700px) {
  .stage #stamptown-live .formal-recognitions .award-laurel {
    gap:3px;
  }
  .stage #stamptown-live .formal-recognitions .award-laurel>img {
    width:13px;
    height:62px;
  }
  .stage #stamptown-live .formal-recognitions .award-laurel span {
    font-size:7px;
  }
  .stage #stamptown-live .formal-recognitions .award-laurel strong {
    font-size:9px;
  }
  .stage #stamptown-live .formal-recognitions .award-laurel small {
    font-size:7px;
  }
  .stage #stamptown-live .editorial-selections p span {
    font-size:7px;
  }
  .stage #stamptown-live .editorial-selections p strong {
    font-size:10px;
  }
}
.stage #stamptown-live .formal-recognitions {
  justify-content:flex-start;
  gap:18px;
}
.stage #stamptown-live .formal-recognitions .award-laurel {
  flex:0 1 auto;
  width:auto;
  gap:4px;
}
.stage #stamptown-live .formal-recognitions .award-laurel>div {
  flex:0 1 auto;
  width:max-content;
  max-width:150px;
}
@media(max-width:700px) {
  .stage #stamptown-live .formal-recognitions {
    gap:10px;
  }
  .stage #stamptown-live .formal-recognitions .award-laurel>div {
    max-width:120px;
  }
}
@media(min-width:1100px) {
  .stage #industry-showcase .production-copy>p.production-blurb {
    max-width:480px;
  }
}
.poster[data-artwork="new-36"] .poster-face>img {
  object-fit:contain;
}
@media(prefers-reduced-motion:reduce) {
  .jonny {
    scroll-snap-type:none;
  }
}
body>.glass-motion-toggle {
  position:fixed;
  z-index:49;
  right:24px;
  bottom:100px;
  margin:0;
  background:#f0eee8e8;
  color:#45483e;
  opacity:.85;
  backdrop-filter:blur(12px);
  font-size:10px;
  padding:10px 13px;
}
body>.glass-motion-toggle[hidden] {
  display:none;
}
@media(min-width:701px) {
  body>.glass-motion-toggle {
    bottom:105px;
  }
}
.production-copy h2>.title-placeholder {
  display:block;
  font-size:0;
  line-height:0;
  overflow:hidden;
}
.production-copy h2>.title-placeholder>img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}
.production-copy h2>.title-placeholder>img.production-subtitle {
  display:none;
}
.contact.open,.dark .contact.open,.contact.open.has-optics,.dark .contact.open.has-optics {
  background:linear-gradient(135deg,#f5f3edea,#e5e6e3df);
  color:#24291f;
  isolation:isolate;
}
.dark .contact.open,.dark .contact.open.has-optics {
  background:linear-gradient(135deg,#faf8f0f5,#e8eae3ed);
}
.contact.open .contact-content {
  color:#24291f;
  z-index:3;
}
.contact.open .eyebrow {
  color:#5b6153;
}
.contact.open .close-contact,.contact.open #copy-email {
  color:#414936;
}
.contact.open .instagram-link {
  color:#414936;
}
.contact.open .email-action {
  background:#303a2a;
  color:#fff;
}
.contact.open .lens-canvas {
  opacity:.85;
}
.bio-portrait {
  width:34%;
  margin-right:45px;
  margin-bottom:20px;
}
@media(max-width:900px) and (min-width:701px) {
  .bio-portrait {
    width:34%;
    margin-right:28px;
  }
}
@media(max-width:700px) {
  .bio-portrait {
    width:min(80%,310px);
    margin:0 auto 24px;
  }
  .contact.open {
    max-height:calc(100dvh - 32px);
    overflow-y:auto;
  }
  .contact-content {
    height:auto;
  }
  .close-contact {
    min-width:44px;
    min-height:44px;
    display:grid;
    place-items:center;
    top:5px;
    right:7px;
  }
  .contact-content>div {
    gap:14px;
  }
  .contact-content a,.contact-content [role=button] {
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
  .merch-dialog {
    padding:14px 16px 16px;
  }
  .merch-view-info {
    gap:10px;
    align-items:flex-start;
  }
  .merch-view-info h2 {
    font-size:25px;
  }
  .merch-controls button {
    min-width:44px;
    min-height:44px;
    padding:10px 13px;
  }
  .merch-close {
    min-width:44px;
    min-height:44px;
  }
  .merch-help {
    margin-top:10px;
  }
}
@media(max-width:390px) and (max-height:740px) {
  .merch-view-info {
    flex-direction:column;
    gap:8px;
  }
  .merch-controls {
    align-self:flex-end;
  }
  .merch-view-info h2 {
    font-size:23px;
  }
  .merch-dialog {
    height:94dvh;
  }
  .production-selector :is(button,a) {
    min-height:44px;
  }
}
@media(max-width:700px) {
  .contact.open {
    height:340px;
    top:50%;
    bottom:auto;
    translate:0 -50%;
  }
  .contact-content {
    min-height:340px;
    padding:28px 20px 18px;
  }
  .contact-content>div {
    margin-top:18px;
  }
  .contact-content>.instagram-link {
    margin-top:10px;
  }
}
@media(max-width:700px) {
  .contact.open .contact-content {
    min-height:0;
    height:100%;
  }
}
.mobile-break {
  display:none;
}
.mobile-accolade,.mobile-honours-label {
  display:none;
}
@media(max-width:700px) {
  .mobile-break {
    display:block;
  }
  .jonny-hero .disciplines {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .jonny-hero .disciplines span {
    font-size:11px;
    line-height:1.4;
    padding-inline:5px;
  }
  .desktop-accolade,.desktop-honours-label {
    display:none;
  }
  .mobile-accolade,.mobile-honours-label {
    display:inline;
  }
  .jonny-hero .splash-honours {
    width:100%;
    min-width:0;
    margin-top:22px;
  }
  .jonny-hero .splash-honours .honours-label {
    font-size:8px;
    letter-spacing:.09em;
    margin-bottom:10px;
  }
  .jonny-hero .splash-honours .honours-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    overflow:visible;
    scroll-snap-type:none;
    padding:0;
    mask-image:none;
    -webkit-mask-image:none;
    touch-action:auto;
  }
  .jonny-hero .splash-honours .award-laurel {
    flex:none;
    width:100%;
    max-width:none;
    min-width:0;
    justify-content:center;
    scroll-snap-align:none;
  }
  .jonny-hero .splash-honours .award-laurel>img {
    flex:none;
  }
  .jonny-hero .splash-honours .award-laurel>div {
    flex:1 1 auto;
  }
  .jonny-hero .splash-honours .award-laurel>div>span {
    font-size:7px;
    line-height:1.4;
    letter-spacing:0;
    margin-bottom:5px;
    white-space:nowrap;
  }
  .jonny-hero .splash-honours .award-laurel strong {
    line-height:1.3;
  }
  .jonny-hero .splash-honours .award-laurel strong .mobile-accolade {
    font:inherit;
    letter-spacing:inherit;
    text-transform:none;
  }
  .jonny-hero .splash-honours .award-laurel small {
    display:none;
  }
}
.jonny-hero .splash-honours .award-laurel strong>span {
  font:inherit;
  letter-spacing:inherit;
  text-transform:none;
  margin:0;
  color:inherit;
  white-space:normal;
}
.jonny-hero .splash-honours .award-laurel strong>.desktop-accolade {
  display:inline;
}
.jonny-hero .splash-honours .award-laurel strong>.mobile-accolade {
  display:none;
}
@media(max-width:700px) {
  .jonny-hero .splash-honours .award-laurel strong>.desktop-accolade {
    display:none;
  }
  .jonny-hero .splash-honours .award-laurel strong>.mobile-accolade {
    display:inline;
  }
}
.jonny-hero .splash-honours .award-laurel .mobile-result,.jonny-hero .splash-honours .award-laurel strong>b.mobile-accolade {
  display:none;
}
@media(max-width:700px) {
  .jonny-hero .splash-honours .award-laurel .desktop-result {
    display:none;
  }
  .jonny-hero .splash-honours .award-laurel .mobile-result {
    line-height:1.3;
    letter-spacing:.02em;
  }
  .jonny-hero .splash-honours .award-laurel strong>b.mobile-accolade {
    font:inherit;
    line-height:1.18;
  }
}
@media(max-width:700px) {
  .jonny-hero .splash-honours .award-laurel .mobile-result {
    font-size:6.5px;
    line-height:1.1;
    margin:0 0 3px;
    letter-spacing:0;
  }
  .jonny-hero .splash-honours .award-laurel strong {
    font-size:10px;
    line-height:1.05;
  }
  .jonny-hero .splash-honours .award-laurel strong>b.mobile-accolade {
    line-height:1.05;
  }
  .jonny-hero .splash-honours .award-laurel strong .mobile-award-year {
    font-size:6px;
    line-height:1;
    margin:4px 0 0;
    letter-spacing:0;
  }
}
@media(max-width:700px) {
  .mobile-award-place {
    display:block;
    font:500 8px/1.2 'Barlow',sans-serif;
  }
  .mobile-award-name {
    display:block;
    font:700 10px/1.1 'Barlow',sans-serif;
    white-space:nowrap;
    letter-spacing:-.025em;
  }
}
@media(max-width:700px) {
  .mobile-award-name {
    letter-spacing:-.035em;
  }
  .mobile-award-place {
    font-size:7px;
    margin-bottom:2px;
  }
}
@media(max-width:700px) {
  .mobile-award-name {
    font-size:11px;
    letter-spacing:-.025em;
  }
}
@media(max-width:700px) {
  .jonny-hero .splash-honours .honours-grid {
    align-items:center;
    gap:6px;
  }
  .jonny-hero .splash-honours .award-laurel {
    display:grid;
    grid-template-columns:16px minmax(0,1fr) 16px;
    gap:0;
    align-items:center;
  }
  .jonny-hero .splash-honours .award-laurel>img {
    display:block;
    width:16px;
    object-fit:fill;
    margin:0;
  }
  .jonny-hero .splash-honours .award-laurel>div {
    display:block;
    width:100%;
    max-width:none;
    min-width:0;
    padding:0;
    margin:0;
    line-height:1;
    text-align:center;
  }
  .jonny-hero .splash-honours .award-laurel .mobile-result {
    display:block;
    font:500 6px/8px 'Barlow',sans-serif;
    letter-spacing:.03em;
    margin:0 0 3px;
    padding:0;
    white-space:nowrap;
  }
  .jonny-hero .splash-honours .award-laurel strong {
    display:block;
    margin:0;
    padding:0;
    line-height:1;
  }
  .jonny-hero .splash-honours .award-laurel strong>b.mobile-accolade {
    display:grid;
    grid-template-rows:9px 14px 7px;
    row-gap:2px;
    margin:0;
    padding:0;
    line-height:1;
  }
  .jonny-hero .splash-honours .award-laurel .mobile-award-place {
    display:block;
    font:500 7px/9px 'Barlow',sans-serif;
    letter-spacing:0;
    margin:0;
    padding:0;
  }
  .jonny-hero .splash-honours .award-laurel .mobile-award-name {
    display:block;
    font:700 11px/14px 'Barlow',sans-serif;
    letter-spacing:-.035em;
    white-space:nowrap;
    margin:0;
    padding:0;
  }
  .jonny-hero .splash-honours .award-laurel strong .mobile-award-year {
    display:block;
    font:400 6px/7px 'Barlow',sans-serif;
    letter-spacing:0;
    margin:0;
    padding:0;
  }
}
@media(max-width:700px) {
  .jonny-hero .splash-honours .award-laurel {
    height:54px;
    min-height:54px;
  }
  .jonny-hero .splash-honours .award-laurel>img {
    height:46px;
  }
  .jonny-hero .splash-honours .award-laurel .mobile-result {
    height:7px;
    line-height:7px;
    margin-bottom:1px;
  }
  .jonny-hero .splash-honours .award-laurel strong>b.mobile-accolade {
    grid-template-rows:8px 12px 6px;
    row-gap:0;
  }
  .jonny-hero .splash-honours .award-laurel .mobile-award-place {
    height:8px;
    line-height:8px;
  }
  .jonny-hero .splash-honours .award-laurel .mobile-award-name {
    height:12px;
    line-height:12px;
  }
  .jonny-hero .splash-honours .award-laurel strong .mobile-award-year {
    height:6px;
    line-height:6px;
  }
}
@media(max-width:700px) {
  .design {
    padding-left:12px;
    padding-right:12px;
  }
  .design.has-selection .poster.mobile-selection-neighbour:not(.is-selected) {
    opacity:0;
    pointer-events:none;
  }
}
@media(max-width:700px) {
  #jack-tucker .production-still {
    object-position:30% center;
    transform:translateY(-4%) scale(-1.1,1.1);
  }
  #jack-tucker:not(.watching):not(.clip-watching) .production-video {
    object-position:15% center;
  }
  .production:has(video) .stage-art:after {
    background:linear-gradient(0deg,#0009 0%,#0008 34%,#0005 68%,#0003 100%),linear-gradient(90deg,#0005,#0001);
  }
  .stage .production:has(video) .production-copy>p:not(.role) {
    color:#f3f2ee;
    text-shadow:0 1px 3px #0009;
  }
}
.production-selector a {
  text-decoration:none;
  cursor:pointer;
  color:inherit;
}
.attached-info strong a {
  text-decoration:none;
  color:inherit;
}
.attached-info strong a:hover {
  text-decoration:underline;
  text-underline-offset:3px;
}
.print-actions {
  display:flex;
  align-items:center;
  gap:12px;
  flex:none;
}
.copy-project-link {
  font-size:10px;
  padding:10px 0;
  pointer-events:auto;
}
@media(max-width:700px) {
  .print-actions {
    flex-direction:column;
    gap:0;
    align-items:flex-end;
  }
  .print-actions button {
    min-height:44px;
  }
  .copy-project-link {
    white-space:nowrap;
  }
}
@media(max-width:700px) {
  .stage .production .production-copy>p:not(.role) {
    color:#f3f2ee;
    text-shadow:0 1px 3px #0009;
  }
}
@media(max-width:700px) {
  .attached-info {
    flex-wrap:wrap;
    align-items:flex-start;
    gap:8px;
  }
  .attached-info>div:first-child {
    width:100%;
  }
  .attached-info .print-actions {
    width:100%;
    flex-direction:row;
    justify-content:flex-start;
    padding-right:70px;
  }
  .attached-info .return-print {
    padding-left:0;
  }
}
.stage-art>.asset-preview {
  filter:blur(14px);
  transition:opacity .3s ease;
}
.stage-art.full-ready>.asset-preview {
  opacity:0;
}
.production-copy h2>.title-placeholder>img {
  filter:blur(2px);
}
.contact.open,.dark .contact.open,.contact.open.has-optics,.dark .contact.open.has-optics {
  background:linear-gradient(135deg,rgba(245,243,237,.87),rgba(229,230,227,.81));
}
.dark .contact.open,.dark .contact.open.has-optics {
  background:linear-gradient(135deg,rgba(250,248,240,.9),rgba(232,234,227,.84));
}
button:focus-visible,a:focus-visible,[role=button]:focus-visible {
  outline:2px solid #687a78;
  outline-offset:4px;
}
.dark button:focus-visible,.dark a:focus-visible,.dark [role=button]:focus-visible {
  outline-color:#dcebea;
}
.poster:focus-visible,.poster.is-selected:focus {
  outline:none;
}
.poster:focus-visible .print-turn {
  box-shadow:0 0 0 2px #758c8b,0 0 0 5px #f0eee8b3;
}
.production-selector :is(button,a):focus-visible {
  outline:none;
  background-color:transparent;
}
@media(max-width:700px) {
  #masli-choosh .production-backdrop {
    object-position:50% 20%;
  }
  #masli-choosh .stage-art:after {
    background:linear-gradient(0deg,#080a0ce0 0%,#080a0c94 35%,#080a0c22 72%,#080a0c0d 100%);
  }
  #tucker-stage .production-awards {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    overflow:visible;
    mask-image:none;
    -webkit-mask-image:none;
    scroll-snap-type:none;
  }
  #tucker-stage .production-awards .award-laurel {
    display:grid;
    grid-template-columns:15px minmax(0,1fr) 15px;
    width:100%;
    max-width:none;
    gap:3px;
  }
  #tucker-stage .production-awards .award-laurel>img {
    width:15px;
    height:65px;
  }
  #tucker-stage .production-awards .award-laurel strong {
    font-size:10px;
    line-height:1.3;
  }
  #tucker-stage .production-awards .award-laurel span {
    font-size:7px;
    line-height:1.3;
    margin-bottom:5px;
  }
  #tucker-stage .production-awards .award-laurel small {
    display:none;
  }
  #tucker-stage .award-navigation {
    display:none!important;
  }
}
.attached-info .copy-project-link,.attached-info .return-print {
  background:linear-gradient(135deg,#ffffff60,#dbe6ea24);
  border:1px solid #ffffffb0;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-radius:22px;
  color:#535b50;
  padding:8px 13px;
  min-height:32px;
  font:400 10px/1.2 'Barlow',sans-serif;
  white-space:nowrap;
}
.attached-info .print-actions {
  gap:8px;
  flex-direction:row;
}
@media(max-width:700px) {
  .attached-info .print-actions {
    gap:10px;
  }
  .attached-info .copy-project-link,.attached-info .return-print {
    min-height:36px;
    padding:9px 14px;
    font-size:11px;
  }
}
.production-index-thumb {
  position:absolute;
  left:1px;
  right:3px;
  border:1px solid #e3f1f04d;
  border-radius:13px;
  background:linear-gradient(130deg,#efffff0d,#c9ccff08);
  box-shadow:inset 0 1px 1px #ffffff20;
  pointer-events:none;
  transition:top .25s ease,height .25s ease;
  z-index:0;
}
.production-index-thumb.dragging {
  transition:none;
  background:#efffff15;
}
.production-selector>[data-production] {
  position:relative;
  z-index:1;
}
.index-drag-grip {
  position:absolute;
  left:-7px;
  top:0;
  bottom:0;
  width:15px;
  pointer-events:auto;
  cursor:ns-resize;
  touch-action:none;
  z-index:3;
}
.index-drag-grip:before {
  content:'';
  position:absolute;
  left:5px;
  top:calc(50% - 10px);
  height:20px;
  width:3px;
  border-radius:3px;
  background:#e7f5f280;
}
.production-selector :is(button,a):focus-visible {
  box-shadow:none;
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:700px) {
  .production-index-thumb {
    display:none;
  }
}
.attached-info .copy-project-link,.attached-info .return-print {
  position:relative;
  background:linear-gradient(135deg,#ffffff5c,#dfe9f126 55%,#f0dfef30)!important;
  border-color:#ffffffa8;
  box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #86999d25,0 2px 8px #202c2110;
}
.attached-info .copy-project-link:before,.attached-info .return-print:before {
  content:'';
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border:1px solid transparent;
  border-radius:inherit;
  background:linear-gradient(135deg,#ddf6ff55,#e9ddff35,#ffe4ed55) border-box;
  mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
}
.attached-info .copy-project-link:after,.attached-info .return-print:after {
  content:'';
  position:absolute;
  inset:-4px;
}
.clip-load-status {
  display:none;
  position:absolute;
  inset:0;
  z-index:9;
  pointer-events:none;
  align-items:center;
  justify-content:center;
  font:400 13px/1.4 'Barlow',sans-serif;
  letter-spacing:.03em;
  color:#fff;
  text-shadow:0 1px 4px #000;
  background:#0002;
}
.production.watching.clip-buffering .clip-load-status {
  display:flex;
}
@media(max-width:700px) {
  #masli-choosh .production-backdrop {
    transform:translateY(36px) scale(1.06);
    transform-origin:center top;
  }
  #glance-you .stage-art {
    background:#382414;
  }
  #masli-choosh .stage-art {
    background:#a96c19;
  }
}
@media(max-width:700px) {
  .stage #glance-you .production-copy h2 {
    margin-top:80px;
  }
}
@media(min-width:701px) {
  .attached-info {
    top:calc(100% + 8px * var(--counter-zoom));
    align-items:flex-start;
  }
  .attached-info .print-actions {
    align-self:flex-start;
    margin-top:0;
  }
}
@media(max-width:700px) {
  .stage .production .production-video[data-mobile-src] {
    object-position:50% 50%;
    transform:none;
  }
}
.attached-info .return-print,.merch-inline .merch-close,.cinema-close,.close-media,.close-contact {
  min-width:0!important;
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:none;
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border-radius:50%!important;
  font:400 20px/1 'Barlow',sans-serif!important;
  letter-spacing:0;
  white-space:nowrap;
}
.close-contact {
  position:absolute;
  right:20px;
  top:20px;
}
.attached-info .return-print:after,.merch-inline .merch-close:after,.cinema-close:after,.close-media:after,.close-contact:after {
  content:'';
  position:absolute;
  inset:-8px;
  border-radius:50%;
}
@media(max-width:700px) {
  .attached-info .return-print,.merch-inline .merch-close,.cinema-close,.close-media,.close-contact {
    width:30px!important;
    height:30px!important;
    min-height:30px!important;
  }
}
.trailer-controls .cinema-close,.cinema-controls .cinema-close {
  position:absolute;
  top:max(18px,env(safe-area-inset-top));
  right:max(18px,env(safe-area-inset-right));
}
@media(max-width:700px) {
  #penguins .production-backdrop {
    object-position:50% 0%;
  }
  #weer .production-backdrop {
    object-position:47% 0%;
  }
  #masli-hahaha .production-backdrop {
    object-position:48% 0%;
  }
  #panel-show .production-backdrop {
    object-position:62% 0%;
  }
  #where-love .production-backdrop {
    object-position:68% 0%;
  }
  #human-person .production-backdrop {
    object-position:76% 0%;
  }
  #pepito .production-backdrop {
    object-position:50% 0%;
  }
  #remoulded .production-backdrop,#masli-choosh .production-backdrop,
 #vroom .production-backdrop,#industry-showcase .production-backdrop,
 #tucker-stage .production-backdrop,#glance-you .production-backdrop,
 #thunderflop .production-backdrop {
    object-position:50% 0%;
    transform:translateY(52px) scale(1.08);
    transform-origin:50% 0%;
  }
}
@media(max-width:700px) {
  #glance-you .production-backdrop {
    object-position:50% 50%;
    transform:translateY(20px);
    transform-origin:center center;
  }
}
@media(min-width:901px) {
  .stage #stamptown-live .production-awards.live-recognitions {
    grid-template-columns:max-content minmax(0,230px);
    justify-content:start;
    gap:24px;
    width:fit-content;
    max-width:100%;
  }
  .stage #stamptown-live .formal-recognitions .award-laurel {
    flex:0 0 auto;
    width:auto;
  }
  .stage #stamptown-live .formal-recognitions .award-laurel>div {
    flex:0 1 auto;
  }
}
.stage #stamptown-live .production-awards.stamptown-laurels {
  display:flex;
  flex-wrap:wrap;
  gap:18px 22px;
  justify-content:flex-start;
  width:fit-content;
  max-width:100%;
  overflow:visible;
  mask-image:none;
  -webkit-mask-image:none;
  padding:0;
}
.stage #stamptown-live .stamptown-laurels .award-laurel {
  flex:0 0 auto;
  width:auto;
  min-width:150px;
  gap:9px;
}
.stage #stamptown-live .stamptown-laurels .award-laurel>div {
  flex:0 1 auto;
  width:auto;
  min-width:110px;
  max-width:155px;
}
.stage #stamptown-live .stamptown-laurels .award-laurel strong {
  font-size:12px;
}
@media(max-width:700px) {
  .stage #stamptown-live .production-awards.stamptown-laurels {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:14px 8px;
  }
  .stage #stamptown-live .stamptown-laurels .award-laurel {
    min-width:0;
    gap:4px;
  }
  .stage #stamptown-live .stamptown-laurels .award-laurel>div {
    min-width:0;
    flex:1;
  }
  .stage #stamptown-live .stamptown-laurels .award-laurel strong {
    font-size:10px;
  }
}
@media(min-width:701px) {
  #remoulded .production-backdrop {
    object-position:50% 35%;
    transform:translateX(12vw);
  }
}
.stage .production .production-blurb {
  color:#fff;
}
/* Invisible targets share one 44px minimum without enlarging the artwork controls. */
:is(.attached-info .return-print,.merch-inline .merch-close,.cinema-close,.close-media,.close-contact,.merch-title-row>.vinyl-turn)::after {
  content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto;
  width: max(100%,44px); height: max(100%,44px); transform: translate(-50%,-50%);
  border-radius: 50%;
}
.merch-title-row { gap: 16px; }