/* The same Crossgates Passport surfaces, arranged as an audience-led journal. */
.audience-work-link{display:block;width:fit-content;margin-top:18px;font-size:.9375rem}
.page-work .work-main{padding:40px 0 24px}
.page-work .work-intro{border:1px solid var(--line);border-radius:14px;background:var(--cream);padding:clamp(24px,4vw,48px);box-shadow:0 16px 45px #00170d30}
.work-back{display:inline-block;margin-bottom:28px;font-size:.875rem;color:var(--muted)}
.page-work .work-intro h1{font-size:clamp(2.3rem,4.5vw,4rem);max-width:22ch}
.page-work .work-intro>p:last-child{max-width:55ch;color:var(--muted);font-size:1.125rem;margin-top:24px}
.page-work .work-intro .eyebrow{margin-bottom:14px}
.work-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0 36px;border:1px solid #d9dfd385;border-radius:10px;overflow:hidden;background:#12392de6}
.work-nav a{min-height:60px;display:flex;align-items:center;justify-content:center;padding:14px;text-align:center;color:var(--cream);text-decoration:none;font-size:.9375rem;font-weight:700;border-right:1px solid #d9dfd350;line-height:1.45}
.work-nav a:last-child{border-right:0}.work-nav a:hover{background:#ffffff12}.work-nav a[aria-current=location]{background:var(--cream);color:var(--forest)}
.work-nav a:focus-visible{outline-offset:-5px}
.work-panel{scroll-margin-top:110px;margin-bottom:42px}
.work-panel-heading{margin:0 0 28px;max-width:780px;color:var(--cream)}
.work-panel-heading .eyebrow{color:var(--lime);margin-bottom:12px}
.work-panel-heading h2{font-size:clamp(1.9rem,3vw,2.65rem);max-width:28ch}
.work-panel-heading h2:focus{outline:none}
.work-panel-heading>p:last-child{margin-top:18px;color:#e5edde;max-width:60ch}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.work-card{background:var(--cream);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0;color:var(--ink);box-shadow:0 16px 45px #00170d25;display:flex;flex-direction:column}
.work-photo{background:#e2e8db;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--line)}
.work-photo img{display:block;width:100%;height:480px;object-fit:contain}
.work-card figcaption{padding:26px 28px 30px;flex:1}
.work-card h3{font-size:1.55rem;line-height:1.2;letter-spacing:-.025em;max-width:28ch}
.work-card p:not(.work-tag){margin-top:14px;line-height:1.7;color:var(--muted);font-size:1rem}
.work-card .work-tag{font-size:.875rem;line-height:1.5;color:var(--green);margin:0 0 12px;font-weight:700}
.work-card .work-credit{font-size:.8125rem!important}
.work-card .text-link{margin-top:20px}
.work-video{background:#102d23;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}
.work-video video{display:block;width:100%;height:480px;object-fit:contain}
.work-films{margin-top:26px;border:1px solid var(--line);border-radius:14px;background:var(--cream);overflow:hidden}
.work-films>summary{padding:22px 26px;color:var(--forest);font-weight:700}
.work-films>.work-grid{padding:0 24px 24px}
.work-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.work-grid-three .work-video video{height:330px}
.work-grid-three .work-card{box-shadow:none;background:white}
.work-grid-three figcaption{padding:20px}.work-grid-three h3{font-size:1.25rem}
.work-next{margin-top:28px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--cream);border-radius:14px;border:1px solid var(--line)}
.work-next p{font-size:1.125rem;font-weight:700;max-width:36ch}
.work-next .btn{flex-shrink:0}
.press-card,.media-links{padding:clamp(26px,4vw,42px)}
.press-masthead{font-size:2rem;font-weight:700;letter-spacing:-.055em;border-bottom:1px solid var(--line);padding:6px 0 24px;margin-bottom:28px;color:var(--forest)}
.press-card h3{font-size:clamp(1.8rem,3vw,2.6rem);max-width:20ch}
.press-card .btn{align-self:flex-start;margin-top:30px}
.press-card .small{font-size:.875rem!important}
.media-links{justify-content:center}.media-links .text-link{width:fit-content}
.page-work footer{margin-top:0}
@media(max-width:900px){.work-photo img,.work-video video{height:420px}.work-grid-three{grid-template-columns:1fr}.work-grid-three .work-card{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1fr)}.work-grid-three .work-video{border-bottom:0;border-right:1px solid var(--line)}.work-next{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.page-work .work-main{padding-top:24px}.work-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0 28px}.work-nav a{font-size:.875rem;padding:14px 10px}.work-nav a:nth-child(2){border-right:0}.work-nav a:nth-child(-n+2){border-bottom:1px solid #d9dfd350}.work-grid{grid-template-columns:1fr;gap:20px}.work-photo img,.work-video video{height:430px}.work-card figcaption{padding:22px}.work-card h3{font-size:1.45rem}.work-panel-heading>p:last-child{font-size:1rem}.work-films>.work-grid{padding:0 16px 16px}.work-films>summary{padding:20px}.work-grid-three .work-card{display:flex}.work-grid-three .work-video{border-right:0;border-bottom:1px solid var(--line)}.work-grid-three .work-video video{height:370px}.work-next{padding:22px}.work-back{margin-bottom:22px}}
@media(max-width:380px){.work-photo img,.work-video video{height:370px}.work-nav a{font-size:.8125rem}.work-card figcaption{padding:20px}}
@media print{.work-panel[hidden]{display:block!important}.work-panel-heading,.work-panel-heading p{color:var(--ink)!important}.work-nav,.work-video,.work-next,.work-films{display:none}.work-grid{display:block}.work-card{break-inside:avoid;margin-bottom:20px;box-shadow:none}}

/* Orientation is corrected at display time, preserving the supplied photographs. */
.work-photo.photo-turn-left,.work-photo.photo-turn-right{position:relative;aspect-ratio:16/9;overflow:hidden;align-self:stretch}
.work-photo.photo-turn-left img,.work-photo.photo-turn-right img{position:absolute;left:50%;top:50%;width:56.25%;height:177.777778%;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg)}
.work-photo.photo-turn-right img{transform:translate(-50%,-50%) rotate(90deg)}
.work-photo.photo-social{height:480px;overflow:hidden;position:relative}
.work-photo.photo-social img{height:100%;width:100%;object-fit:cover;object-position:center 46%}
@media(max-width:900px){.work-photo.photo-social{height:420px}}
@media(max-width:680px){.work-photo.photo-social{height:430px}}
@media(max-width:380px){.work-photo.photo-social{height:370px}}