/* H production integration: scope the study layout to Applications only. */
.field .application-gallery{--gutter:var(--margin);margin-bottom:64px}
.field .exp-frame,.field .exp-static figure{margin:0}
.field .photo{display:block;position:relative;overflow:hidden;padding:0;border:0;isolation:isolate}
.field .photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);filter:saturate(.7);pointer-events:none}
.field .exp-stage{height:calc(100svh - var(--exp-top));min-height:440px}
.field .exp-title{font-size:clamp(30px,3.4vw,52px);line-height:1.12;font-weight:450;letter-spacing:-.035em;margin:0;color:#f5f5f5}
.field .exp-static figcaption{line-height:1.5}
#field-lightbox{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;padding:64px 4vw 20px;border:0;background:#181818;color:#eee;overflow:hidden;animation:none}
#field-lightbox::backdrop{background:#000b}
.field-lightbox-close{position:absolute;right:3vw;top:12px;width:44px;height:44px;font-size:34px;font-weight:300}
.field-lightbox-image{height:calc(100% - 66px)}.field-lightbox-image img{width:100%;height:100%;object-fit:contain;filter:saturate(.7)}
.field-lightbox-bottom{display:flex;align-items:center;justify-content:center;gap:28px;height:66px;font-size:16px;line-height:1.4}
.field-lightbox-bottom button{width:48px;height:48px;font-size:26px;flex-shrink:0}.field-lightbox-caption{text-align:center}
@media(max-width:650px){.field .exp-title{font-size:28px;letter-spacing:-.025em}.field .exp-stage{min-height:420px}.field .exp-bottom{bottom:6svh}.field .application-gallery{margin-bottom:48px}.field-lightbox-bottom{font-size:14px;gap:10px}.field .exp-top img{width:78px}.field .exp-top{font-size:13px}}

/* Let the photographic sequence settle into its two case descriptions. */
.page-section.field{padding-bottom:0}
.field .application-gallery{margin-bottom:0}
.field .exp-h .exp-stage:after{background:linear-gradient(#0006,transparent 25%,transparent 52%,#181818 100%)}
.field .case-close{margin:0 calc(-1 * var(--margin));padding:56px var(--margin) 80px;background:#181818;color:#ededed;scroll-margin-top:85px}
.field .case-close .case-heading{font-size:16px;line-height:1.5;font-weight:400;letter-spacing:.015em;color:#969696;margin:0 0 46px}
.field .case-close .field-grid{display:grid;grid-template-columns:1fr;gap:52px}
.field .case-close .field-card{border:0;padding:0;margin:0}
.field .case-close .field-copy{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:8vw;align-items:start;margin:0}
.field .case-close .field-copy>div{display:contents}
.field .case-close h3{font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:0;max-width:13em}
.field .case-close p:not(.case-heading){font-size:18px;line-height:1.75;letter-spacing:0;color:#b5b5b5;max-width:52ch;margin:0}
#field+.system{margin-top:0;background:#181818}
@media(max-width:700px){.field .case-close{padding-top:38px;padding-bottom:54px}.field .case-close .case-heading{margin-bottom:32px;font-size:15px}.field .case-close .field-grid{gap:36px}.field .case-close .field-copy{grid-template-columns:1fr;gap:14px}.field .case-close h3{font-size:28px}.field .case-close p:not(.case-heading){font-size:16px;line-height:1.7}}