/* Each project keeps its own visual until the scroll enhancement is ready. */
.work-section{padding-block:100px 110px}
.work-section>.section-heading{margin-bottom:64px}
.work-showcase,.work-stories,.work-row,.work-copy{min-width:0}
.work-gallery{display:none}
.work-row{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:clamp(32px,5vw,76px);align-items:center;padding-block:38px;border-top:1px solid var(--line)}
.work-row:first-child{padding-top:0;border-top:0}
.work-inline-art{min-width:0}
.work-visual{position:relative;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;overflow:hidden;aspect-ratio:1.12;min-width:0;padding:26px;background:#151611;color:#f5f4ee}
.work-art-index,.work-art-caption{position:relative;z-index:2;font-size:.625rem;font-weight:500;letter-spacing:.13em;line-height:1.6}
.work-art-index{justify-self:start}
.work-art-caption{align-self:end}
.work-visual-store{padding-inline:0}
.work-visual-store .work-art-index,.work-visual-store .work-art-caption{padding-inline:26px}
.work-visual-store img{align-self:center;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain}
.work-visual-travel{background:#172b27}
.work-visual-vp{background:var(--blue)}
.work-orbit,.work-broadcast{position:absolute;inset:12% 4%;display:grid;place-items:center;isolation:isolate}
.work-monogram{position:relative;z-index:2;display:block;text-align:center;font-size:clamp(5rem,11vw,11rem);font-weight:500;letter-spacing:-.11em;line-height:.85;padding-right:.1em}
.work-monogram>span{display:block;margin-top:25px;padding-left:.13em;font-size:clamp(.46rem,.65vw,.625rem);font-weight:500;letter-spacing:.17em;line-height:1.5}
.work-orbit-ring{position:absolute;width:88%;height:88%;border:1px solid #dbe6f344;border-radius:50%;transform:rotate(-28deg)}
.work-orbit-ring-two{width:50%;height:88%;border-color:#dbe6f369;transform:rotate(35deg)}
.work-orbit-axis{position:absolute;width:100%;height:1px;background:#dbe6f344;transform:rotate(-28deg)}
.work-orbit-point{position:absolute;width:9px;height:9px;border-radius:50%;background:#dce5ff;box-shadow:0 0 0 6px #dce5ff0b}
.work-orbit-point-one{left:10%;top:64%}
.work-orbit-point-two{right:13%;top:19%}
.work-orbit-point-three{right:25%;bottom:9%;width:5px;height:5px;background:#93a89e}
.work-broadcast-line{position:absolute;width:77%;height:49%;border:1px solid #f5f4ee55;border-radius:50%;transform:rotate(-24deg)}
.work-broadcast-line-one{width:45%;height:28%;border-color:#f5f4ee44}
.work-broadcast-line-three{width:112%;height:72%;border-color:#f5f4ee33}
.work-broadcast::before,.work-broadcast::after{content:'';position:absolute;z-index:1;width:8px;height:8px;border-radius:50%;background:#f5f4ee;left:15%;top:47%}
.work-broadcast::after{left:auto;top:auto;right:14%;bottom:47%;width:5px;height:5px}
.work-category{display:flex;align-items:baseline;gap:18px;font-size:.625rem;font-weight:500;letter-spacing:.11em;line-height:1.7;color:var(--muted);margin:0 0 28px}
.work-category>span{color:var(--blue);font-size:.8125rem;letter-spacing:0}
.work-copy h3{font-size:clamp(2rem,3.5vw,3.65rem);font-weight:500;letter-spacing:-.055em;line-height:1.08;max-width:13ch;overflow-wrap:break-word}
.work-copy .project-brand{font-size:1rem;color:var(--muted);margin:16px 0 0}
.work-summary{font-size:1rem;line-height:1.75;color:var(--muted);margin-top:28px;max-width:44ch}
.work-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;max-width:100%;font-size:.8125rem;line-height:1.5;border-bottom:1px solid currentColor;padding:0 0 8px;margin-top:32px;transition:color .2s}
.work-link>span:last-child{font-size:1.2rem;line-height:1;flex:none;transition:transform .25s}
.work-link:hover{color:var(--blue)}
.work-link:hover>span:last-child{transform:translate(3px,-3px)}
.work-more{margin-top:80px}
.work-more>.eyebrow{margin-bottom:26px}
.work-more-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(150px,.7fr);gap:32px;align-items:start;padding-block:30px;border-top:1px solid var(--line);scroll-margin-top:110px}
.work-more-heading{display:flex;gap:24px;min-width:0}
.work-more-number{font-size:.6875rem;color:var(--muted);padding-top:5px;flex:none}
.work-more-heading h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}
.work-more-heading .project-brand{font-size:.8125rem;color:var(--muted);margin-top:7px}
.work-more-summary{font-size:.875rem;line-height:1.75;color:var(--muted);min-width:0}
.work-more-item>.work-link{margin-top:2px;justify-self:end;font-size:.75rem;gap:16px}
.work-more-item:target h3{color:var(--blue)}
@media(min-width:1000px) and (min-height:700px){
  .work-enhanced .work-showcase,.work-showcase.work-enhanced{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:clamp(40px,5vw,76px);align-items:start}
  .work-enhanced .work-gallery{display:block;position:sticky;top:114px;height:min(580px,calc(100svh - 160px));min-height:350px;overflow:hidden}
  .work-enhanced .work-art{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(20px) scale(1.025);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1),visibility .5s}
  .work-enhanced .work-art.is-active{opacity:1;visibility:visible;transform:none;z-index:1}
  .work-enhanced .work-art .work-visual{width:100%;height:100%;aspect-ratio:auto}
  .work-enhanced .work-inline-art{display:none}
  .work-enhanced .work-row{display:flex;align-items:center;min-height:660px;min-height:82svh;padding-block:84px}
  .work-enhanced .work-row:first-child{padding-top:50px}
  .work-enhanced .work-row:last-child{padding-bottom:50px}
}
@media(max-width:1100px){
  .work-more-item{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px 32px}
  .work-more-item>.work-link{grid-column:2;justify-self:start;margin-top:0}
}
@media(max-width:760px){
  .work-section{padding-block:64px 70px}
  .work-section>.section-heading{margin-bottom:36px}
  .work-row{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:42px}
  .work-visual{aspect-ratio:1.2;padding:22px}
  .work-visual-store{padding-inline:0}
  .work-visual-store .work-art-index,.work-visual-store .work-art-caption{padding-inline:22px}
  .work-monogram{font-size:clamp(6rem,30vw,12rem)}
  .work-monogram>span{font-size:clamp(.46rem,1.6vw,.625rem);margin-top:20px}
  .work-category{margin-bottom:18px;font-size:.5625rem;gap:15px}
  .work-copy h3{font-size:clamp(2rem,8.7vw,3.3rem);max-width:15ch}
  .work-copy .project-brand{font-size:.875rem;margin-top:12px}
  .work-summary{font-size:.9375rem;margin-top:20px;max-width:none}
  .work-link{margin-top:24px;font-size:.8125rem}
  .work-more{margin-top:30px}
  .work-more-item{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:28px}
  .work-more-heading{gap:18px}
  .work-more-heading h3{font-size:1.2rem}
  .work-more-item>.work-link{grid-column:auto;font-size:.75rem}
}
@media(max-width:390px){
  .work-visual{padding-block:18px}
  .work-art-index,.work-art-caption{font-size:.5rem;letter-spacing:.1em}
  .work-category{gap:12px;letter-spacing:.06em}
  .work-copy h3{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){
  .work-art,.work-link,.work-link>span:last-child{transition:none!important}
  .work-link:hover>span:last-child{transform:none}
}