.work-widget[data-work-project="gary-campaign"] .work-widget-visual img{
  object-position:center;
}

.work-widget[data-work-project="22-for-two"] .work-widget-visual img{
  display:block;
  object-position:center center;
  transform:scale(1.001);
}

.work-widget[data-work-project="22-for-two"]:hover .work-widget-visual img,
.work-widget[data-work-project="22-for-two"]:focus-visible .work-widget-visual img{
  transform:scale(1.018);
}

/* Keep the original archive sizing; only the card content has changed. */
.work-widget{
  grid-template-rows:30px minmax(0,1fr);
}

.work-widget>.window-bar>span:first-of-type{
  max-width:calc(100% - 12px);
  overflow:hidden;
  font-size:clamp(8px,.62vw,10px);
  letter-spacing:-.02em;
  text-overflow:clip;
  white-space:nowrap;
}

.work-widget-caption{display:none}

/* One clean editorial text system for both project subpages. */
.work-project-copy{
  align-self:stretch;
  border:0;
  padding:4px 4px 4px 0;
}

@media(min-width:761px){
  .work-project-window.app-window{
    height:min(600px,calc(100svh - 96px));
    max-height:calc(100svh - 96px);
  }
  .work-project-window .work-project-content{
    flex:1 1 auto;
    max-height:none;
  }
}

.work-project-copy .eyebrow{
  font-size:11px;
}

.work-project-copy h1{
  max-width:none;
  font-size:clamp(34px,2.8vw,46px);
  line-height:.96;
}

.work-project-lead,
.work-project-section p{
  max-width:none;
  margin:0;
  color:var(--subpage-muted);
  font-size:clamp(14px,.95vw,16px);
  font-weight:400;
  line-height:1.45;
  letter-spacing:-.012em;
}

.work-project-lead{margin-top:18px}
.work-project-details{max-width:none;margin-top:18px}
.work-project-section{border:0;padding:0}
.work-project-section h2{display:none}
.work-project-section+.work-project-section{margin-top:18px}

@media(max-width:760px){
  .work-project-copy{border:0;padding:18px 1px 8px}

  .work-project-lead,
  .work-project-section p{
    font-size:15px;
    line-height:1.45;
  }

  .work-project-lead{margin-top:18px}
  .work-project-details{margin-top:18px}
  .work-project-section+.work-project-section{margin-top:18px}
}

.arcade22-signal-card{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  overflow:hidden;
  background:radial-gradient(circle at 50% 49%,#11162b 0 12%,#080c19 50%,#020307 100%);
  pointer-events:none;
  isolation:isolate;
}

.arcade22-signal-card::before,
.arcade22-signal-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
}

.arcade22-signal-card::before{
  z-index:5;
  inset:0;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,rgba(0,0,0,.22) 1px 2px,transparent 2px 4px),
    linear-gradient(90deg,rgba(255,255,255,.012),transparent 36%,rgba(255,255,255,.012));
  opacity:.52;
  mix-blend-mode:multiply;
}

.arcade22-signal-card::after{
  z-index:4;
  left:0;
  right:0;
  top:-32%;
  height:26%;
  opacity:.2;
  background:linear-gradient(180deg,transparent,rgba(245,241,220,.18),transparent);
  animation:arcade22SignalRoll 8s linear infinite;
}

.arcade22-signal-message{
  position:absolute;
  z-index:3;
  inset:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:7%;
  color:#f4efd9;
  font-family:"Arial Black","Publica Sans","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(22px,3.3vw,36px);
  font-weight:900;
  line-height:.97;
  letter-spacing:-.055em;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 2px 0 rgba(0,0,0,.36);
}

.arcade22-signal-headline{display:block}

.arcade22-signal-message strong{
  position:relative;
  display:block;
  width:max-content;
  max-width:100%;
  margin:12px auto 0;
  color:#ffd943;
  font-size:1.26em;
  line-height:1;
  letter-spacing:.025em;
  text-shadow:-1px 0 rgba(239,62,54,.8),1px 0 rgba(54,91,239,.95),0 0 15px rgba(255,217,67,.22);
  animation:arcade22SignalPitch 2.6s ease-in-out infinite;
}

.arcade22-signal-message strong::after{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  bottom:-6px;
  height:3px;
  background:linear-gradient(90deg,transparent,#ef4338 18% 42%,#4169ef 58% 82%,transparent);
  transform-origin:center;
  animation:arcade22SignalUnderline 2.6s ease-in-out infinite;
}

@keyframes arcade22SignalRoll{to{transform:translateY(560%)}}
@keyframes arcade22SignalPitch{
  0%,100%{filter:brightness(.88);transform:scale(.985)}
  50%{filter:brightness(1.16);transform:scale(1.018)}
}
@keyframes arcade22SignalUnderline{
  0%,100%{transform:scaleX(.5);opacity:.45}
  50%{transform:scaleX(1);opacity:1}
}

.work-project-window::before,
.work-project-media::before,
.work-project-media::after{
  content:none!important;
  display:none!important;
}

.work-project-media.is-gary-campaign{
  aspect-ratio:4/3;
  background-position:center;
  background-size:cover;
}

.work-project-media.is-arcade22{
  aspect-ratio:1/1;
  background:#3f53ad;
  cursor:crosshair;
  touch-action:none;
}

.arcade22-shell{
  position:absolute;
  isolation:isolate;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.045),transparent 54%),
    linear-gradient(180deg,#3f53ad 0%,#33479d 100%);
  outline:0;
  container-type:inline-size;
  color:#eeeade;
  font-family:Arial,Helvetica,sans-serif;
}

.arcade22-shell *{box-sizing:border-box}

.arcade22-layout{
  position:absolute;
  z-index:4;
  inset:0;
  display:grid;
  grid-template-rows:16.5% 67% 16.5%;
  padding:0 5.8cqw;
}

.arcade22-scoreboard{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:3cqw;
  min-width:0;
}

.arcade22-score-side{
  display:flex;
  align-items:center;
  gap:1.35cqw;
  min-width:0;
  font-family:Impact,"Arial Black",Arial,sans-serif;
  font-style:italic;
  font-weight:900;
  text-transform:uppercase;
  text-shadow:0 0 .38cqw rgba(238,234,222,.12);
}

.arcade22-score-side:last-child{justify-content:flex-end}

.arcade22-score-name{
  font-size:3.45cqw;
  line-height:1;
  letter-spacing:.02em;
  white-space:nowrap;
}

.arcade22-score-number{
  min-width:7.4cqw;
  color:#ead12f;
  font-size:7.5cqw;
  line-height:.78;
  letter-spacing:-.055em;
  text-align:center;
  text-shadow:0 0 1.1cqw rgba(234,209,47,.18);
}

.arcade22-target{
  justify-self:center;
  padding:.78cqw 1.4cqw .58cqw;
  border:.38cqw solid #ead12f;
  border-radius:.52cqw;
  color:#ead12f;
  font-family:Impact,"Arial Black",Arial,sans-serif;
  font-size:2.35cqw;
  font-style:italic;
  font-weight:900;
  line-height:1;
  letter-spacing:.015em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 0 .36cqw rgba(234,209,47,.14);
  box-shadow:0 0 1.2cqw rgba(234,209,47,.08),inset 0 0 .9cqw rgba(234,209,47,.04);
}

.arcade22-court{
  position:relative;
  overflow:hidden;
  border:.34cqw solid #eeeade;
  border-radius:.22cqw;
  background:#aeb9c4;
  box-shadow:0 0 1.5cqw rgba(238,234,222,.08),inset 0 0 5cqw rgba(23,34,55,.06);
}

.arcade22-court::before{
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  left:50%;
  width:.28cqw;
  transform:translateX(-50%);
  background:repeating-linear-gradient(180deg,#eeeade 0,#eeeade 1.08cqw,transparent 1.08cqw,transparent 1.75cqw);
  opacity:.96;
}

.arcade22-court::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.02),transparent 22%,transparent 78%,rgba(0,0,0,.025)),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.055),transparent 48%);
  pointer-events:none;
}

.arcade22-court canvas{
  position:absolute;
  z-index:3;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}

.arcade22-court-brand{
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  width:76%;
  transform:translate(-50%,-50%);
  color:rgba(247,247,244,.71);
  text-align:center;
  text-shadow:0 0 .42cqw rgba(255,255,255,.07);
  pointer-events:none;
}

.arcade22-court-brand span{
  min-height:2.2cqw;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1.15cqw;
}

.arcade22-court-brand img{
  display:block;
  width:14.5cqw;
  height:auto;
  opacity:.78;
  filter:drop-shadow(0 0 .24cqw rgba(255,255,255,.07));
}

.arcade22-court-brand strong{
  display:block;
  font-family:Impact,"Arial Black",Arial,sans-serif;
  font-size:8.4cqw;
  font-style:italic;
  font-weight:900;
  letter-spacing:-.035em;
  line-height:.86;
  text-transform:uppercase;
  word-spacing:.06em;
  white-space:nowrap;
}

.arcade22-commentary{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 5cqw;
  text-align:center;
}

.arcade22-comment{
  display:block;
  max-width:88%;
  color:#eeeade;
  font-family:Impact,"Arial Black",Arial,sans-serif;
  font-size:3cqw;
  font-style:italic;
  font-weight:900;
  letter-spacing:.012em;
  line-height:1;
  text-transform:uppercase;
  text-shadow:0 0 .36cqw rgba(238,234,222,.14);
  opacity:1;
  transform:translateY(0);
  transition:opacity .2s ease,transform .26s cubic-bezier(.22,1,.36,1);
}

.arcade22-comment.is-changing{opacity:0;transform:translateY(.9cqw)}
.arcade22-comment.is-score-call{color:#ead12f}

.arcade22-shell::before,
.arcade22-shell::after,
.arcade22-noise,
.arcade22-roll{
  position:absolute;
  pointer-events:none;
}

.arcade22-shell::before,
.arcade22-shell::after{
  content:"";
  inset:0;
}

.arcade22-shell::before{
  z-index:16;
  background:repeating-linear-gradient(0deg,rgba(5,7,14,.62) 0,rgba(5,7,14,.62) 1px,transparent 1px,transparent 3px);
  opacity:.16;
  filter:blur(.38px);
  mix-blend-mode:multiply;
  animation:arcade22CrtLines .18s linear infinite;
}

.arcade22-shell::after{
  z-index:18;
  background:
    radial-gradient(ellipse at center,transparent 54%,rgba(7,8,15,.2) 100%),
    linear-gradient(90deg,rgba(255,255,255,.016),transparent 20%,transparent 80%,rgba(0,0,0,.035));
  box-shadow:inset 0 0 6.5cqw rgba(8,9,18,.42),inset 0 0 .75cqw rgba(238,234,222,.11);
  mix-blend-mode:multiply;
}

.arcade22-noise{
  inset:0;
  z-index:15;
  opacity:.04;
  background-image:
    radial-gradient(circle at 21% 34%,rgba(255,255,255,.9) 0 .45px,transparent .7px),
    radial-gradient(circle at 72% 64%,rgba(255,255,255,.72) 0 .4px,transparent .68px);
  background-size:13px 11px,17px 15px;
  animation:arcade22Noise .26s steps(2,end) infinite;
}

.arcade22-roll{
  z-index:17;
  left:0;
  right:0;
  top:0;
  height:10%;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.075),transparent);
  mix-blend-mode:screen;
  animation:arcade22CrtRoll 3.8s linear infinite;
}

@keyframes arcade22CrtLines{from{transform:translateY(0)}to{transform:translateY(3px)}}
@keyframes arcade22CrtRoll{from{transform:translateY(-120%)}to{transform:translateY(1020%)}}
@keyframes arcade22Noise{0%{transform:none}50%{transform:translate(1px,-1px)}100%{transform:translate(-1px,1px)}}

@media(min-width:901px){
  .work-project-window.app-window.is-arcade-project{
    --arcade-project-height:min(518px,calc(86.25svh - 172px));
    --arcade-project-width:min(545px,calc(93.75svh - 205px));
    width:min(1140px,calc(100vw - 150px));
    height:auto;
    max-height:calc(100svh - 64px);
  }
  .work-project-window.is-arcade-project .work-project-content{
    grid-template-columns:minmax(0,var(--arcade-project-width)) minmax(413px,1fr);
    column-gap:40px;
    padding:20px;
    flex:0 1 auto;
    max-height:calc(100svh - 94px);
  }
  .work-project-window.is-arcade-project .work-project-media.is-arcade22{
    height:var(--arcade-project-height);
    aspect-ratio:auto;
  }
  .work-project-window.is-arcade-project .work-project-copy h1{
    white-space:nowrap;
  }
  .work-project-window.is-arcade-project .arcade22-control-note{
    padding-inline:6px;
    font-size:7px;
    letter-spacing:.05em;
  }
  .work-project-window.is-arcade-project .arcade22-control-actions{
    grid-template-columns:repeat(2,minmax(82px,1fr));
  }
  .work-project-window.is-arcade-project .arcade22-control-button{
    min-width:82px;
    padding-inline:8px;
    font-size:8px;
  }
}

.work-project-stills.is-arcade-controls{
  position:relative;
  height:48px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(76px,.42fr) auto;
  align-items:center;
  gap:4px;
  overflow:hidden;
  border:0;
  border-radius:var(--window-edge-radius);
  background:linear-gradient(180deg,rgba(62,64,70,.88),rgba(31,33,38,.92));
  padding:4px;
  color:rgba(240,241,244,.7);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 10px 26px rgba(0,0,0,.2);
  -webkit-backdrop-filter:blur(24px) saturate(.9);
  backdrop-filter:blur(24px) saturate(.9);
  isolation:isolate;
}

.arcade22-control-note{
  min-width:0;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:calc(var(--window-edge-radius) - 1px);
  padding:0 10px;
  color:rgba(240,241,244,.58);
  font-family:"Publica Sans","Public Sans",Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
}

.arcade22-control-status{color:rgba(240,241,244,.42);text-align:center}
.arcade22-control-actions{display:grid;grid-template-columns:repeat(2,minmax(94px,1fr));align-items:center;gap:4px}
.work-project-stills.is-arcade-controls>.arcade22-control-note:first-child{
  justify-content:flex-start;
  padding-left:10px;
  font-size:7px;
  letter-spacing:.06em;
}
.arcade22-control-button{
  min-width:94px;
  height:40px;
  border:0;
  border-radius:calc(var(--window-edge-radius) - 1px);
  background:transparent;
  padding:0 12px;
  color:rgba(240,241,244,.72);
  font-family:"Publica Sans","Public Sans",Arial,sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:none;
  cursor:pointer;
  transition:background-color .28s ease,box-shadow .28s ease,color .28s ease,transform .28s cubic-bezier(.16,1,.3,1);
}

.arcade22-control-button.is-primary{
  background:
    linear-gradient(180deg,rgba(105,109,122,.92),rgba(55,58,67,.95)),
    rgba(255,255,255,.035);
  color:#f7f7f4;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -2px 0 rgba(86,113,255,.92),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 5px 14px rgba(0,0,0,.26);
}
.arcade22-control-button.is-secondary{color:rgba(245,244,236,.58)}
.arcade22-control-button:disabled{cursor:default;opacity:.58}
.arcade22-control-button.is-primary:disabled{opacity:1}
.arcade22-control-button.is-primary.is-pressed{
  background:linear-gradient(180deg,rgba(48,51,60,.96),rgba(70,73,84,.92));
  color:#fff;
  box-shadow:
    inset 0 3px 8px rgba(0,0,0,.4),
    inset 0 -2px 0 rgba(86,113,255,.96),
    inset 0 0 0 1px rgba(255,255,255,.07);
  transform:translateY(1px);
}
.arcade22-control-button:not(:disabled):hover,
.arcade22-control-button:not(:disabled):focus-visible{background:rgba(255,255,255,.07);outline:0}
.arcade22-control-button.is-primary:not(:disabled):hover,
.arcade22-control-button.is-primary:not(:disabled):focus-visible{background:linear-gradient(180deg,rgba(84,87,97,.82),rgba(47,49,57,.9))}

.character-canvas.is-playing-arcade{
  display:block!important;
  position:fixed!important;
  z-index:765!important;
  width:72px!important;
  height:86px!important;
  opacity:1!important;
  transform:translate(-50%,-57%)!important;
  filter:drop-shadow(0 5px 3px rgba(0,0,0,.5));
  transition:opacity .18s ease;
}

.work-project-media.is-gary-campaign video{
  position:absolute;
  z-index:1;
  inset:0;
  opacity:0;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  -webkit-user-select:none;
  transition:opacity .52s cubic-bezier(.22,1,.36,1);
}

.work-project-media.is-gary-campaign video.is-active{z-index:2;opacity:1}

.work-project-media.is-gary-campaign video::-webkit-media-controls,
.work-project-media.is-gary-campaign video::-webkit-media-controls-panel,
.work-project-media.is-gary-campaign video::-webkit-media-controls-enclosure,
.work-project-media.is-gary-campaign video::-webkit-media-controls-overlay-enclosure,
.work-project-media.is-gary-campaign video::-webkit-media-controls-start-playback-button,
.work-project-media.is-gary-campaign video::-webkit-media-controls-overlay-play-button,
.work-project-media.is-gary-campaign video::-webkit-media-controls-play-button{
  display:none!important;
  -webkit-appearance:none;
}

.work-project-stills.is-clip-list{
  position:relative;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  align-self:stretch;
  overflow:hidden;
  border:0;
  border-radius:var(--window-edge-radius);
  background:linear-gradient(180deg,rgba(62,64,70,.88),rgba(31,33,38,.92));
  padding:4px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 10px 26px rgba(0,0,0,.2);
  -webkit-backdrop-filter:blur(24px) saturate(.9);
  backdrop-filter:blur(24px) saturate(.9);
  isolation:isolate;
}

.work-project-stills.is-clip-list::before{
  content:"";
  position:absolute;
  z-index:0;
  left:4px;
  top:4px;
  bottom:4px;
  width:calc((100% - 20px)/4);
  border-radius:calc(var(--window-edge-radius) - 1px);
  background:
    linear-gradient(180deg,rgba(105,109,122,.92),rgba(55,58,67,.95)),
    rgba(255,255,255,.035);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -2px 0 rgba(86,113,255,.92),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 5px 14px rgba(0,0,0,.26);
  pointer-events:none;
  transform:translate3d(0,0,0);
  transition:transform .68s cubic-bezier(.16,1,.3,1);
}

.work-project-stills.is-clip-list[data-active-clip="1"]::before{
  transform:translate3d(calc(100% + 4px),0,0);
}

.work-project-stills.is-clip-list[data-active-clip="2"]::before{
  transform:translate3d(calc(200% + 8px),0,0);
}

.work-project-stills.is-clip-list[data-active-clip="3"]::before{
  transform:translate3d(calc(300% + 12px),0,0);
}

.work-project-clip{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:32px auto;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-width:0;
  height:40px;
  overflow:hidden;
  appearance:none;
  border:0;
  border-radius:calc(var(--window-edge-radius) - 1px);
  background:transparent;
  padding:0 10px;
  color:rgba(240,241,244,.5);
  cursor:pointer;
  outline:0;
  transition:background-color .28s ease,color .48s cubic-bezier(.16,1,.3,1);
}

.work-project-clip img{
  position:relative;
  z-index:1;
  width:32px;
  height:24px;
  aspect-ratio:4/3;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:3px;
  opacity:.48;
  filter:saturate(.45) brightness(.62) contrast(.94);
  transform:scale(1);
  transition:opacity .52s cubic-bezier(.16,1,.3,1),filter .52s cubic-bezier(.16,1,.3,1),transform .68s cubic-bezier(.16,1,.3,1);
}

.work-project-clip span{
  position:relative;
  z-index:1;
  display:block;
  font-family:"Publica Sans","Public Sans",Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:color .48s cubic-bezier(.16,1,.3,1),text-shadow .48s cubic-bezier(.16,1,.3,1);
}

.work-project-clip.is-active{color:#f7f7f4}
.work-project-clip.is-active img{
  opacity:.96;
  filter:saturate(.82) brightness(.88) contrast(1.02);
  transform:scale(1.035);
}
.work-project-clip.is-active span{
  color:#f7f7f4;
  text-shadow:0 1px 8px rgba(255,255,255,.12);
}

.work-project-clip:focus-visible{background:rgba(255,255,255,.035)}

@media(max-width:760px){
  .work-project-window.app-window{
    position:fixed;
    left:10px!important;
    right:10px!important;
    top:64px!important;
    bottom:88px!important;
    width:auto!important;
    height:auto!important;
  }
  .work-project-stills.is-clip-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:var(--window-edge-radius)}
  .work-project-stills.is-clip-list::before{left:4px;top:4px;bottom:4px;width:calc((100% - 20px)/4)}
  .work-project-stills.is-clip-list[data-active-clip="1"]::before{transform:translate3d(calc(100% + 4px),0,0)}
  .work-project-stills.is-clip-list[data-active-clip="2"]::before{transform:translate3d(calc(200% + 8px),0,0)}
  .work-project-stills.is-clip-list[data-active-clip="3"]::before{transform:translate3d(calc(300% + 12px),0,0)}
  .work-project-clip{height:40px;grid-template-columns:24px auto;gap:5px;padding-inline:5px}
  .work-project-clip img{width:24px;height:18px;border-radius:2px}
  .work-project-clip span{font-size:9px;letter-spacing:.055em}
  .work-project-stills.is-arcade-controls{grid-template-columns:minmax(0,1fr) auto;height:48px;padding:4px}
  .arcade22-control-note{height:40px;padding-inline:7px;font-size:7px}
  .arcade22-control-status{display:none}
  .arcade22-control-actions{grid-template-columns:repeat(2,minmax(74px,1fr));gap:4px}
  .arcade22-control-button{min-width:74px;height:40px;padding-inline:8px;font-size:8px}
  .character-canvas.is-playing-arcade{width:58px!important;height:70px!important}
}

@media(prefers-reduced-motion:reduce){
  .work-project-media.is-gary-campaign video,
  .work-project-clip,
  .work-project-clip img,
  .work-project-clip span,
  .work-project-stills.is-clip-list::before,
  .arcade22-control-button,
  .arcade22-comment{transition:none}
  .arcade22-signal-card::after,
  .arcade22-signal-message strong,
  .arcade22-signal-message strong::after,
  .arcade22-shell::before,
  .arcade22-noise,
  .arcade22-roll{animation:none}
}

/* The close control is a bookmark tab tucked behind each frameless subpage. */
.panel-view .utility-window.editorial-utility-window,
.work-project-window{
  overflow:visible;
  contain:none;
  clip-path:none;
  -webkit-mask-image:none;
}
.subpage-control{
  position:absolute;
  z-index:1;
  inset:-24px auto auto 9px;
  width:33px!important;
  max-width:none;
  height:39px!important;
  min-height:39px!important;
  flex:0 0 39px!important;
  display:block!important;
  overflow:visible;
  padding:0!important;
  border:0!important;
  border-radius:4px 0 0 0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none;
}
.subpage-control::before{content:none!important;display:none!important}
.subpage-control>span:first-of-type{
  display:none!important;
}
.subpage-control>.utility-home-dot,
.subpage-control>.work-project-close{
  position:absolute;
  inset:0;
  width:33px;
  height:39px;
  flex:0 0 33px;
  border:0;
  border-radius:4px 0 0 0;
  background:#101217;
  color:#fff;
  box-shadow:0 18px 44px rgba(0,0,0,.66),0 5px 16px rgba(0,0,0,.5);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transform:none;
  pointer-events:auto;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.subpage-control>.utility-home-dot>span,
.subpage-control>.work-project-close>span{
  width:9px;
  height:9px;
  opacity:1;
  transform:translateY(-7px);
}
.subpage-control>.utility-home-dot>span::before,
.subpage-control>.utility-home-dot>span::after,
.subpage-control>.work-project-close>span::before,
.subpage-control>.work-project-close>span::after{
  left:4px;
  top:0;
  width:1px;
  height:9px;
  background:currentColor;
}
.subpage-control>.utility-home-dot:hover,
.subpage-control>.utility-home-dot:focus-visible,
.subpage-control>.work-project-close:hover,
.subpage-control>.work-project-close:focus-visible{
  background:#fff;
  color:#101217;
  box-shadow:0 20px 48px rgba(0,0,0,.62),0 6px 18px rgba(0,0,0,.46);
  transform:translateY(-1px);
  outline:none;
}
.work-project-window .work-project-content,
.about-window>.editorial-utility-content,
.contact-window>.editorial-utility-content,
.work-archive-window>.editorial-utility-content,
.privacy-window>.editorial-utility-content{
  position:relative;
  z-index:2;
  border-radius:var(--window-edge-radius);
  clip-path:inset(0 0 0 0 round var(--window-edge-radius));
}

@media(max-width:760px){
  .subpage-control{inset:-24px auto auto 8px}
}

/* Work uses the same quiet, image-led paper window as About and Contact. */
.work-archive-view{
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:76px 5vw 104px;
}

.work-archive-window{
  position:relative;
  z-index:10;
}

.work-archive-content{
  background:var(--subpage-paper);
}

.work-page-media{
  aspect-ratio:2592/689;
}

.work-page-media img{
  object-position:center;
}

.work-page-body{
  padding:22px 2px 20px;
}

.work-selection-title{
  max-width:none;
  margin:0 0 6px;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  font-size:clamp(14px,.95vw,16px);
  font-weight:750;
  line-height:1.4;
  letter-spacing:-.012em;
}

.work-archive-window .utility-page-description{
  font-size:clamp(14px,.95vw,16px);
  line-height:1.45;
}

@media(max-width:760px){
  .work-archive-view{
    display:block;
    overflow-y:auto;
    padding:64px 10px 88px;
  }

  .work-page-body{padding:19px 2px 16px}
  .work-archive-window .utility-page-description{font-size:15px;line-height:1.45}
}

/* Project details occupy the exact frame of the archive window beneath them. */
.work-project-window{
  position:fixed;
  right:auto;
  bottom:auto;
  max-height:none;
  transform:none;
}

.work-project-window.is-opening{
  animation:workProjectAlignedIn .28s cubic-bezier(.2,.78,.2,1) both;
}

.work-project-window.is-closing{
  animation:workProjectAlignedOut .22s ease both;
}

@keyframes workProjectAlignedIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes workProjectAlignedOut{
  from{opacity:1}
  to{opacity:0}
}

/* Gate 8 — selected work as a quiet six-up project archive. */
.work-archive-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(13px,1.1vw,18px);
  padding-top:2px;
}

.work-placeholder{
  position:relative;
  width:100%;
  aspect-ratio:5/4;
  display:block;
  overflow:hidden;
  border-radius:6px;
  box-sizing:border-box;
}

.work-placeholder--empty,
.work-placeholder--copy-card{
  border:1px dashed rgba(52,84,209,.42);
  background:rgba(52,84,209,.018);
}

.work-placeholder--copy-card{
  container-type:inline-size;
  appearance:none;
  padding:0;
  color:#101319;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.work-copy-card-content{
  position:absolute;
  inset:11% 9% 10%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
}

.work-copy-card-content strong{
  font-family:var(--font-main);
  font-size:clamp(12px,9.5cqw,19px);
  font-weight:900;
  line-height:.92;
  letter-spacing:-.055em;
}

.work-copy-card-note{
  position:relative;
  min-width:88%;
  height:1.6em;
  min-height:1.6em;
  overflow:hidden;
  contain:layout paint;
  isolation:isolate;
  transform:translate3d(0,0,0);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);
  color:rgba(16,19,25,.62);
  font-family:var(--font-main);
  font-size:clamp(7px,4.8cqw,9px);
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.015em;
}

.work-copy-card-note-track{
  display:grid;
  grid-auto-rows:1.6em;
  pointer-events:none;
  transition:transform .28s cubic-bezier(.22,1,.36,1);
  will-change:transform;
  transform:translate3d(0,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.work-copy-card-note-track>span{
  display:flex;
  align-items:center;
  white-space:nowrap;
}

.work-copy-card-note-track>span:last-child{
  width:max-content;
  border-bottom:1px solid currentColor;
}

.work-placeholder--copy-card:hover .work-copy-card-note-track,
.work-placeholder--copy-card:focus-visible .work-copy-card-note-track{
  transform:translate3d(0,-1.6em,0);
}

.work-placeholder--copy-card:focus-visible{
  outline:2px solid #3454d1;
  outline-offset:3px;
}

.work-placeholder--loading{
  background:#17171a;
}

.work-placeholder--loading .work-placeholder-sticker{
  background:#f3f0e7;
}

.work-widget{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  display:flex;
  flex-direction:column;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  padding:0;
  box-shadow:none;
  clip-path:none;
  contain:none;
  isolation:isolate;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  text-align:left;
  cursor:pointer;
  transform:none;
  transition:none;
  will-change:auto;
}

.work-widget:hover,
.work-widget:focus-visible{
  transform:none;
  box-shadow:none;
}

.work-widget-visual{
  position:relative;
  width:100%;
  aspect-ratio:5/4;
  flex:none;
  overflow:hidden;
  border-radius:6px;
  background:#101319;
  box-shadow:none;
  transform:none;
  transition:none;
  will-change:auto;
}

.work-widget-visual::after{
  display:none;
}

.work-widget-frame,
.work-widget-visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  opacity:1;
  filter:saturate(.94) contrast(1.015);
  transform:none;
  transition:filter .48s ease,transform .72s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
  -webkit-user-drag:none;
}

.work-widget-frame.is-active{
  opacity:1;
}

.work-widget[data-work-project="22-for-two"] .work-widget-visual{
  background:#4358ac;
}

.work-widget[data-work-project="22-for-two"] .work-widget-frame{
  object-fit:contain;
  object-position:center;
  transform:none;
}

.work-widget-office-visual{
  background:#4358ac!important;
}

.work-widget-office-art{
  display:grid;
  place-items:center;
  background:#4358ac;
}

.work-widget-office-court{
  position:relative;
  width:78%;
  height:56%;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:2px solid rgba(247,247,244,.94);
  border-radius:2px;
  background:#aeb9c4;
  box-sizing:border-box;
}

.work-widget-office-court::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:1px;
  background:repeating-linear-gradient(to bottom,#f7f7f4 0 6px,transparent 6px 10px);
  transform:translateX(-50%);
}

.work-widget-office-court strong{
  position:relative;
  z-index:1;
  color:rgba(247,247,244,.88);
  font-family:Impact,"Arial Black",Arial,sans-serif;
  font-size:clamp(13px,1.25vw,22px);
  font-style:italic;
  font-weight:900;
  line-height:1;
  letter-spacing:-.045em;
  white-space:nowrap;
}

.work-widget:hover .work-widget-visual,
.work-widget:focus-visible .work-widget-visual{
  transform:none;
  box-shadow:none;
  filter:none;
}

.work-widget:hover .work-widget-frame,
.work-widget:focus-visible .work-widget-frame{
  filter:saturate(.97) contrast(1.015);
  transform:scale(1.025);
}

.work-widget:focus-visible{
  outline:none;
}

.work-widget:focus-visible .work-widget-visual{
  outline:2px solid var(--subpage-blue);
  outline-offset:3px;
}

.work-social-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid #d3d0c8;
  color:var(--subpage-muted);
  font-family:var(--font-main);
  font-size:11px;
  font-weight:400;
  line-height:1.4;
}

.work-social-links p{
  margin:0 0 12px;
  color:var(--subpage-muted);
  font-size:12px;
  line-height:1.4;
}

.work-social-links p strong{
  color:var(--subpage-ink);
  font-weight:600;
}

.work-social-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.work-social-buttons a{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:999px;
  background:#15171c;
  padding:8px 13px;
  color:#f6f6f4;
  font-size:10px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  box-shadow:0 5px 14px rgba(8,10,17,.14);
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}

.work-social-icon{
  display:grid;
  width:17px;
  height:17px;
  flex:0 0 17px;
  place-items:center;
}

.work-social-icon svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}

.work-social-icon .icon-fill{
  fill:currentColor;
  stroke:none;
}

.work-social-buttons a:hover,
.work-social-buttons a:focus-visible{
  background:var(--subpage-blue);
  box-shadow:0 7px 18px rgba(52,84,209,.24);
  transform:translateY(-1px);
  outline:0;
}

.work-widget-caption{
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  background:transparent;
  padding:9px 0 0;
}

.work-widget-caption small{
  margin:0 0 4px;
  color:var(--subpage-blue);
  font-size:clamp(7px,.44vw,8px);
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.work-widget-caption strong{
  display:block;
  color:var(--subpage-ink);
  font-size:clamp(11px,.72vw,13px);
  font-weight:650;
  line-height:1.1;
  letter-spacing:-.025em;
}

.work-widget-client{
  margin-top:5px;
  color:rgba(24,27,35,.55);
  font-size:clamp(8px,.5vw,9px);
  font-weight:450;
  line-height:1.2;
}

#workProjectMeta{
  text-transform:uppercase;
}

@media(max-width:980px) and (min-width:761px){
  .work-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
  .work-archive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 14px;
    padding-top:18px;
  }

  .work-selection-title{font-size:15px}
}

@media(max-width:460px){
  .work-archive-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .work-widget-visual,
  .work-widget-frame,
  .work-social-buttons a,
  .work-copy-card-note-track{transition:none}
}

/* Gate 9 — a quiet editorial campaign page instead of a player interface. */
.work-project-editorial-heading,
.work-project-end-cta,
.work-project-film-section>h2{display:none}
.work-project-end-cta[hidden]{display:none!important}

.work-project-window.is-editorial-project .work-project-content{
  container-type:inline-size;
  display:grid;
  grid-template-columns:minmax(0,.66fr) minmax(180px,.34fr);
  grid-template-rows:auto;
  grid-template-areas:
    "heading heading"
    "keyvisual keyvisual"
    "details ."
    "films ."
    "end-cta end-cta";
  align-items:start;
  align-content:start;
  gap:24px clamp(28px,4vw,66px);
  overflow-y:auto;
  padding:clamp(24px,2.4vw,38px);
  background:var(--subpage-paper);
}

.work-project-window.is-editorial-project .work-project-copy,
.work-project-window.is-editorial-project .work-project-showcase{
  display:none;
}

.work-project-window.is-editorial-project .work-project-heading{
  grid-area:heading;
  max-width:720px;
}

.work-project-window.is-editorial-project .work-project-heading .eyebrow{
  margin:0 0 10px;
  color:var(--subpage-blue);
  font-family:var(--font-main);
  font-size:clamp(10px,.65vw,11px);
  font-weight:700;
  line-height:1.15;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.work-project-window.is-editorial-project .work-project-heading h1{
  max-width:15ch;
  margin:0;
  font-size:clamp(36px,3.2vw,48px);
  font-weight:700;
  line-height:.96;
  letter-spacing:-.052em;
}

.work-project-window.is-editorial-project .work-project-lead{
  max-width:54ch;
  margin:10px 0 0;
  color:var(--subpage-muted);
  font-size:clamp(14px,.95vw,16px);
  font-weight:400;
  line-height:1.45;
  letter-spacing:-.012em;
}

.work-project-window.is-editorial-project .work-project-media{
  grid-area:keyvisual;
  width:100%;
  height:74.2cqw;
  aspect-ratio:auto;
  overflow:hidden;
  border-radius:6px;
  background:#101319;
}

.work-project-window.is-editorial-project .work-project-media img{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center top;
}

.work-project-window.is-editorial-project .work-project-editorial-heading{
  display:none;
}

.work-project-editorial-heading h2{
  max-width:none;
  margin:0;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  font-size:clamp(14px,.95vw,16px);
  font-weight:750;
  line-height:1.4;
  letter-spacing:-.012em;
  white-space:nowrap;
}

.work-project-window.is-editorial-project .work-project-details{
  grid-area:details;
  width:100%;
  max-width:70ch;
  margin:0;
}

.work-project-window.is-editorial-project .work-project-section{
  border:0;
  padding:0;
}

.work-project-window.is-editorial-project .work-project-section+.work-project-section{
  margin-top:18px;
}

.work-project-window.is-editorial-project .work-project-section p{
  color:var(--subpage-muted);
  font-family:var(--font-main);
  font-size:clamp(14px,.95vw,16px);
  font-weight:400;
  line-height:1.45;
  letter-spacing:-.012em;
}

.work-project-window.is-editorial-project .work-project-film-section{
  grid-area:films;
  min-width:0;
  display:block;
}

.work-project-window.is-editorial-project .work-project-film-section>h2{
  display:block;
  margin:0 0 14px;
  color:var(--subpage-ink);
  font-family:var(--font-main);
  font-size:clamp(14px,.95vw,16px);
  font-weight:750;
  line-height:1.4;
  letter-spacing:-.012em;
}

.work-project-stills.is-film-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.2vw,34px) clamp(14px,1.6vw,24px);
  padding:0;
}

.work-project-stills.is-film-grid .work-project-film{
  min-width:0;
  margin:0;
  overflow:visible;
  border-radius:0;
  background:transparent;
}

.work-project-film-media{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:6px;
  background:#101319;
}

.work-project-stills.is-film-grid .work-project-film video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  cursor:pointer;
  transform:translateZ(0);
}

.work-project-film-toggle{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  appearance:none;
  border:0;
  border-radius:50%;
  background:rgba(16,19,25,.66);
  padding:0;
  color:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(14px) saturate(.9);
  backdrop-filter:blur(14px) saturate(.9);
  transform:translate(-50%,-50%) scale(1);
  cursor:pointer;
  transition:opacity .2s ease,background-color .2s ease,transform .28s cubic-bezier(.22,1,.36,1);
}

.work-project-film-toggle:hover,
.work-project-film-toggle:focus-visible{
  background:#fff;
  color:#101319;
  outline:0;
  transform:translate(-50%,-50%) scale(1.05);
}

.work-project-film-toggle span{
  position:relative;
  width:14px;
  height:14px;
  display:block;
}

.work-project-film-toggle span::before{
  content:"";
  position:absolute;
  left:4px;
  top:2px;
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:8px solid currentColor;
}

.work-project-film.is-playing .work-project-film-toggle{
  opacity:0;
}

.work-project-film.is-playing:hover .work-project-film-toggle,
.work-project-film.is-playing .work-project-film-toggle:focus-visible{
  opacity:1;
}

.work-project-film.is-playing .work-project-film-toggle span::before{
  left:3px;
  top:2px;
  width:3px;
  height:10px;
  border:0;
  background:currentColor;
  box-shadow:6px 0 0 currentColor;
}

.work-project-window.is-editorial-project .work-project-end-cta{
  grid-area:end-cta;
  display:block;
  margin:2px 0 0;
  padding-top:18px;
  border-top:1px solid #d3d0c8;
}

.work-project-end-cta p{
  max-width:none;
  margin:0 0 12px;
  color:var(--subpage-muted);
  font-family:var(--font-main);
  font-size:12px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:normal;
}

.work-project-end-cta p strong{
  color:var(--subpage-ink);
  font-weight:600;
}

.work-project-end-cta button{
  width:max-content;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  appearance:none;
  border:0;
  border-radius:999px;
  background:#15171c;
  padding:8px 13px;
  margin-top:0;
  color:#f6f6f4;
  font-family:var(--font-main);
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:normal;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(8,10,17,.14);
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}

.work-project-end-cta button:hover,
.work-project-end-cta button:focus-visible{
  background:var(--subpage-blue);
  color:#fff;
  box-shadow:0 7px 18px rgba(52,84,209,.24);
  transform:translateY(-1px);
}

.work-project-end-cta button:focus-visible{
  outline:2px solid var(--subpage-blue);
  outline-offset:4px;
}

@media(max-width:900px){
  .work-project-window.is-editorial-project .work-project-content{
    grid-template-columns:1fr;
    grid-template-areas:
      "heading"
      "keyvisual"
      "details"
      "films"
      "end-cta";
    gap:25px;
  }

  .work-project-window.is-editorial-project .work-project-heading h1{font-size:clamp(36px,7vw,46px)}
  .work-project-window.is-editorial-project .work-project-details{max-width:58ch}
}

@media(max-width:760px){
  .work-archive-grid>.work-placeholder--empty{display:none}
  .work-archive-grid>:nth-child(2).work-placeholder--empty,
  .work-archive-grid>:nth-child(6).work-placeholder--empty{display:block}

  .work-project-window.is-editorial-project .work-project-content{
    gap:20px;
    padding:18px 14px 24px;
  }

  .work-project-window.is-editorial-project .work-project-heading h1{
    max-width:15ch;
    font-size:clamp(34px,10vw,42px);
  }

  .work-project-window.is-editorial-project .work-project-lead{
    margin-top:9px;
    font-size:15px;
  }

  .work-project-window.is-editorial-project .work-project-section p{
    font-size:15px;
    line-height:1.45;
  }

  .work-project-stills.is-film-grid{
    grid-template-columns:1fr;
    gap:22px;
  }

  .work-project-film-toggle{width:44px;height:44px}
}

.work-archive-view.is-project-open::after{
  opacity:0;
}

.work-archive-view.is-project-open .work-archive-grid[aria-hidden="true"]{
  opacity:1;
}

@media(prefers-reduced-motion:reduce){
  .work-project-film-toggle,
  .work-project-end-cta button{transition:none}
}