/* One shared paper landscape. Each project has its own scale and position. */
.work-scene{display:none}
.work-landscape>h2{
 font-family:var(--sans);
 font-size:calc(clamp(30px,2.4vw,34px) * var(--work-section-title-scale,1));
 font-weight:500;
 line-height:1.16;
 letter-spacing:-.035em;
}
.work-landscape .stop-line p{margin:0}
html[data-work-layout="original"] .work-landscape .stop{
 position:relative;
 display:block;
 width:100%;
 height:auto;
 min-height:500px;
 aspect-ratio:auto;
 margin:0;
 padding:0!important;
 overflow:visible;
 isolation:isolate;
 background:transparent;
 border:0;
 border-radius:0;
}
html[data-work-layout="original"] .work-landscape .stop::after{display:none}
html[data-work-layout="original"] #leetify{min-height:560px}
html[data-work-layout="original"] #elsewhere{min-height:430px;margin-top:calc(120px * var(--work-row-spacing-scale,1))}
html[data-work-layout="original"] #second-nature{min-height:510px;margin-top:calc(120px * var(--work-row-spacing-scale,1))}
html[data-work-layout="original"] #side-note{min-height:430px;margin-top:calc(120px * var(--work-row-spacing-scale,1))}
html[data-work-layout="original"] :is(#leetify,#elsewhere,#second-nature,#side-note) .stop-art{
 position:absolute;
 inset:0;
 display:flex;
 align-items:center;
 justify-content:flex-end;
 width:100%!important;
 height:100%;
 max-width:none!important;
 margin:0!important;
 padding:0!important;
 transform:none;
 z-index:0;
 mask-image:none;
}
html[data-work-layout="original"] .work-landscape .work-scene{
 position:relative;
 display:block;
 flex:0 0 94%;
 width:94%;
 max-width:none;
 height:auto;
 object-fit:contain;
 object-position:center;
 mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
 mask-composite:intersect;
}
html[data-work-layout="original"] #elsewhere .work-scene{flex-basis:88%;width:88%}
html[data-work-layout="original"] :is(#elsewhere,#side-note) .stop-art{justify-content:flex-start}
/* Mirror the artwork only; copy and the editable parent remain unflipped. */
html[data-work-layout="original"] :is(#elsewhere,#second-nature,#side-note) .work-scene{transform:scaleX(-1)}
html[data-work-layout="original"] #second-nature .work-scene{
 flex-basis:91%;width:91%;
 mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 65%,transparent 90%),linear-gradient(180deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
}
html[data-work-layout="original"] #side-note .work-scene{flex-basis:79%;width:79%}
html[data-work-layout="original"] .work-landscape :is(.world,.stop-phone,.screen-second){display:none}
html[data-work-layout="original"] :is(#leetify,#elsewhere,#second-nature,#side-note) .stop-words{
 position:absolute;
 display:block;
 left:5%;
 right:auto;
 top:50%;
 width:calc(31% * var(--work-copy-width-scale,1));
 max-width:calc(370px * var(--work-copy-width-scale,1));
 margin:0;
 padding:0!important;
 transform:translateY(-50%);
 text-align:center;
 color:#171714;
 z-index:2;
 justify-self:start;
 align-self:start;
}
html[data-work-layout="original"] #elsewhere .stop-words{left:auto;right:9%;width:calc(32% * var(--work-copy-width-scale,1))}
html[data-work-layout="original"] #second-nature .stop-words{left:6%;right:auto;width:calc(31% * var(--work-copy-width-scale,1))}
html[data-work-layout="original"] #side-note .stop-words{left:auto;right:12%;width:calc(30% * var(--work-copy-width-scale,1))}
html[data-work-layout="original"] .work-landscape .stop h3{
 font-family:var(--serif);
 font-optical-sizing:auto;
 font-size:calc(clamp(44px,3.8vw,54px) * var(--work-project-title-scale,1));
 font-weight:400;
 letter-spacing:-.035em;
 line-height:1.06;
 color:#171714;
 margin:0 0 19px;
 text-wrap:balance;
}
html[data-work-layout="original"] #leetify h3{font-size:calc(clamp(48px,4.3vw,62px) * var(--work-project-title-scale,1))}
html[data-work-layout="original"] .work-landscape .stop-line{
 color:#171714;
 margin:0 0 24px;
 font-family:var(--serif);
 font-optical-sizing:auto;
}
html[data-work-layout="original"] .work-landscape .stop-line .stop-detail{
 font-size:calc(clamp(18px,1.45vw,21px) * var(--work-description-scale,1));
 font-weight:400;
 line-height:calc(1.42 * var(--work-description-leading-scale,1));
 margin:0;
 text-wrap:balance;
}
html[data-work-layout="original"] .work-landscape .stop-links{
 display:flex;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap;
 gap:14px 22px;
 margin:0;
}
html[data-work-layout="original"] .work-landscape :is(.stop-primary,.stop-secondary){
 font-family:var(--sans);
 font-size:13px;
 font-weight:500;
 font-style:normal;
 line-height:1.25;
 color:#171714;
 border:0;
 border-radius:0;
 padding:0;
 text-decoration:underline;
 text-decoration-thickness:1px;
 text-underline-offset:5px;
}
html[data-work-layout="original"] .work-landscape .stop-secondary{color:var(--muted)}
html[data-work-layout="original"] .work-landscape a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
html[data-work-layout="original"] .work-landscape .work-disclosure{margin-top:calc(60px * var(--work-row-spacing-scale,1))}
@media(max-width:1100px){
 html[data-work-layout="original"] .work-landscape .stop{min-height:390px}
 html[data-work-layout="original"] #leetify{min-height:450px}
 html[data-work-layout="original"] #elsewhere{min-height:380px}
 html[data-work-layout="original"] #second-nature{min-height:420px}
 html[data-work-layout="original"] #side-note{min-height:360px}
 html[data-work-layout="original"] :is(#elsewhere,#second-nature,#side-note){margin-top:calc(90px * var(--work-row-spacing-scale,1))}
 html[data-work-layout="original"] :is(#leetify,#elsewhere,#second-nature,#side-note) .stop-words{left:4%;width:calc(36% * var(--work-copy-width-scale,1))}
 html[data-work-layout="original"] :is(#elsewhere,#side-note) .stop-words{left:auto;right:4%}
 html[data-work-layout="original"] .work-landscape .stop h3{font-size:calc(44px * var(--work-project-title-scale,1))}
 html[data-work-layout="original"] #leetify h3{font-size:calc(50px * var(--work-project-title-scale,1))}
 html[data-work-layout="original"] .work-landscape .stop-line .stop-detail{font-size:calc(19px * var(--work-description-scale,1))}
}
@media(max-width:760px){
 .work-landscape>h2{font-size:calc(28px * var(--work-section-title-scale,1))}
 html[data-work-layout="original"] .work-landscape .stop{
  min-height:0!important;
  height:auto;
  padding:36px 0!important;
  margin-top:calc(74px * var(--work-row-spacing-scale,1))!important;
 }
 html[data-work-layout="original"] :is(#leetify,#elsewhere,#second-nature,#side-note) .stop-words{
  position:relative;
  left:auto;
  right:auto;
  top:auto;
  width:calc(47% * var(--work-copy-width-scale,1));
  max-width:none;
  margin:0 0 0 3%;
  transform:none;
 }
 html[data-work-layout="original"] .work-landscape #leetify{margin-top:calc(34px * var(--work-row-spacing-scale,1))!important}
 html[data-work-layout="original"] :is(#elsewhere,#side-note) .stop-words{margin-left:50%}
 html[data-work-layout="original"] .work-landscape :is(#leetify,#elsewhere,#second-nature,#side-note) .stop-art{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,transparent 50%,#000 55%,#000 100%)}
 html[data-work-layout="original"] .work-landscape .work-scene{
  flex:0 0 125%!important;
  width:125%!important;
  margin-right:-10%;
 }
 html[data-work-layout="original"] .work-landscape :is(#elsewhere,#side-note) .stop-art{mask-image:linear-gradient(90deg,#000 0%,#000 44%,transparent 50%,transparent 100%)}
 html[data-work-layout="original"] :is(#elsewhere,#side-note) .work-scene{margin-right:0;margin-left:-10%}
 html[data-work-layout="original"] .work-landscape .stop h3{font-size:calc(31px * var(--work-project-title-scale,1));margin-bottom:15px;letter-spacing:-.03em}
 html[data-work-layout="original"] #leetify h3{font-size:calc(36px * var(--work-project-title-scale,1))}
 html[data-work-layout="original"] .work-landscape .stop-line{margin-bottom:21px}
 html[data-work-layout="original"] .work-landscape .stop-line .stop-detail{font-size:calc(17px * var(--work-description-scale,1));line-height:calc(1.38 * var(--work-description-leading-scale,1))}
 html[data-work-layout="original"] .work-landscape .stop-links{gap:13px 15px}
 html[data-work-layout="original"] .work-landscape :is(.stop-primary,.stop-secondary){font-size:11px}
 html[data-work-layout="original"] .work-landscape .work-disclosure{margin-top:32px}
}