.secondary-work>.zoe-work{grid-column:1/-1;border-top:1px solid var(--line);padding-top:36px;margin-top:30px;min-width:0}.zoe-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.secondary-work .zoe-heading .label{color:var(--metal);margin-bottom:12px}.secondary-work .zoe-heading h3{font-size:28px;margin:0}.secondary-work .zoe-heading p{font-size:13px;margin:0;max-width:400px}.zoe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.zoe-grid figure{margin:0;min-width:0}.zoe-grid a{display:block;background:#111;aspect-ratio:3/4}.zoe-grid img{height:100%;width:100%;object-fit:contain}.zoe-grid figcaption{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:1.4;color:var(--metal);margin-top:12px}.zoe-grid a:focus-visible{outline-offset:3px}@media(max-width:600px){.zoe-heading{display:block}.secondary-work .zoe-heading p{margin-top:16px}.zoe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.secondary-work>.zoe-work{margin-top:10px;padding-top:28px}}
/* Use fixed row spacing: percentage gaps overflow the tall scroll projects. */
.secondary-work{row-gap:35px}@media(max-width:600px){.secondary-work{row-gap:55px}}

@media(min-width:901px){.zoe-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.zoe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zoe-grid figure:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 12px)/2);justify-self:center}}

.secondary-work>.project-context{grid-column:1/-1;max-width:760px;margin:0;font-size:14px;line-height:1.7;color:var(--metal)}.project-context strong{color:var(--white);font-weight:500}
/* Compact editorial invitation, with decorative motion only. */
.work .project-cta{position:relative;isolation:isolate;overflow:hidden;background:#101c50;border:1px solid #526acb45;padding:42px clamp(24px,4vw,60px);margin-top:50px;gap:26px;color:var(--white)}
.work .project-cta:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.work .project-cta:after{content:'';position:absolute;z-index:-1;pointer-events:none;width:410px;aspect-ratio:1;right:8%;top:-200px;border:1px solid #c4cbfa40;border-radius:50%;border-left-color:transparent;transform:rotate(-25deg);animation:invitation-arc 16s ease-in-out infinite alternate}
.work .project-cta em{color:#ff789b}.work .project-cta>span,.work .project-cta>em{position:relative}.work .project-cta:hover{border-color:#7c90e6}.work .project-cta:focus-visible{outline-offset:5px}
@keyframes invitation-arc{to{transform:translate(18px,12px) rotate(12deg)}}
.static-motion .project-cta:after,.motion-paused .project-cta:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.work .project-cta:after{animation:none}}
@media(max-width:600px){.work .project-cta{padding:28px 24px;margin-top:32px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:22px}.work .project-cta em{font-size:34px;line-height:1.1}.work .project-cta:after{width:300px;right:-155px;top:-110px}.work{padding-bottom:40px}.work+.shift{padding-top:42px}}