/* Documented photographs and footage, separate from the concept walkthrough. */
.real-work-examples{display:grid;grid-template-columns:.65fr 1.35fr;gap:7%;padding-top:64px;scroll-margin-top:calc(var(--header) + 24px)}
.real-work-intro .eyebrow{margin-bottom:18px}.real-work-intro h2{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.035em;margin-bottom:22px;max-width:14ch}
.real-work-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:35ch}
.real-work-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;align-items:start}
.real-work-example-grid[data-example-count="1"]{grid-template-columns:minmax(0,1fr)}
.real-work-example{margin:0;min-width:0}.real-work-image{aspect-ratio:3/4;background:#0b1520;overflow:hidden}
.real-work-image img{display:block;width:100%;height:100%;object-fit:contain}
.real-work-example figcaption{padding-top:18px}.real-work-example .real-work-label{font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.11em;color:var(--mint);margin:0 0 9px}
.real-work-example h3{font-size:20px;line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}.real-work-example figcaption>p:last-child{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.real-work-video{aspect-ratio:16/9}.real-work-video img{height:100%;object-fit:contain}.real-work-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.real-work-video .video-poster-label{font-size:15px;bottom:18px;left:18px;gap:12px}.real-work-video .video-poster-label>span{width:40px;height:40px;flex-shrink:0}
.real-work-intro>.text-link{font-size:12px;margin-top:14px}
.real-work-examples[data-layout="landscape"]{grid-template-columns:1fr;gap:28px}
.real-work-examples[data-layout="landscape"] .real-work-intro{display:grid;grid-template-columns:.65fr 1.35fr;column-gap:7%;align-items:end}
.real-work-examples[data-layout="landscape"] .real-work-intro .eyebrow{grid-column:1/-1}
.real-work-examples[data-layout="landscape"] .real-work-intro h2{margin-bottom:0;max-width:19ch}
.real-work-examples[data-layout="landscape"] .real-work-intro>p:not(.eyebrow){max-width:60ch;margin:0}
.real-work-examples[data-layout="landscape"] .real-work-image{aspect-ratio:3/2}
.real-work-examples[data-layout="landscape"] .real-work-example-grid{gap:28px}
@media(max-width:1000px){.real-work-examples{grid-template-columns:1fr;gap:28px}.real-work-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.real-work-intro .eyebrow{grid-column:1/-1}.real-work-intro h2{max-width:18ch;margin-bottom:0}.real-work-intro>p:not(.eyebrow){margin:0;align-self:end;max-width:45ch}.real-work-image{aspect-ratio:4/5;max-height:430px}.real-work-example-grid[data-example-count="1"]{max-width:850px}}
@media(max-width:640px){.real-work-examples{padding-top:42px;gap:26px}.real-work-intro{display:block}.real-work-intro h2{font-size:32px;margin-bottom:18px}.real-work-intro>p:not(.eyebrow){font-size:13px}.real-work-example-grid{gap:30px;grid-template-columns:1fr}.real-work-image{aspect-ratio:3/4;max-height:440px}.real-work-example h3{font-size:22px}.real-work-example figcaption{padding-top:16px}.real-work-video .video-poster-label{font-size:13px;bottom:12px;left:12px;gap:9px}.real-work-video .video-poster-label>span{width:36px;height:36px}}
@media(max-width:640px){.real-work-examples[data-layout="landscape"] .real-work-intro{display:block}.real-work-examples[data-layout="landscape"] .real-work-intro h2{margin-bottom:18px}.real-work-examples[data-layout="landscape"] .real-work-example-grid{gap:30px}}
@media print{.real-work-examples{padding-top:24px;break-inside:avoid}.real-work-video video,.real-work-video .video-poster-label{display:none}.real-work-image{max-height:240px}.real-work-example .real-work-label{color:#295f56}.real-work-examples h2,.real-work-examples h3{color:#152932}}