/* Original photographic collages: green rules, paper grain and green marker details. */
.collage-section{position:relative;background:var(--paper);padding:0 0 100px;isolation:isolate}
.collage-section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.collage-label{color:var(--green);margin-bottom:22px;font-size:11px;letter-spacing:.1em}
.collage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--green)}
.collage-panel{min-width:0;padding:28px 25px 12px;display:flex;flex-direction:column;overflow:hidden}
.collage-panel+.collage-panel{border-left:1px solid var(--green)}
.collage-copy h3{font-size:clamp(25px,2.3vw,36px);line-height:1.13;letter-spacing:-.03em;color:var(--green);min-height:1.13em}
.collage-subtitle{font-size:clamp(17px,1.45vw,22px);color:var(--green);line-height:1.25;margin-top:12px;min-height:1.25em}
.collage-description{font-size:16px;line-height:1.5;margin-top:14px;max-width:38ch}
.collage-art{margin:24px -12px 0;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;margin-top:auto;padding-top:24px}
.collage-drift{width:100%;transform-origin:center 65%}
.collage-drift img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;filter:url(#collage-green)}
.motion-ready .collage-drift{animation:collage-float 7s ease-in-out infinite}
.collage-panel:nth-child(2) .collage-drift{animation-delay:-2.3s}
.collage-panel:nth-child(3) .collage-drift{animation-delay:-4.6s}
@keyframes collage-float{0%,100%{transform:translateY(3px) rotate(-.7deg)}50%{transform:translateY(-5px) rotate(.7deg)}}
@media(max-width:1120px){.collage-panel{padding:25px 19px 8px}.collage-copy h3{font-size:27px}.collage-description{font-size:15px}.collage-art{margin-left:-8px;margin-right:-8px}}
@media(max-width:900px){.collage-section{padding-bottom:82px}.collage-panel{padding:22px 16px 8px}.collage-copy h3{font-size:25px}.collage-subtitle{font-size:17px}.collage-description{font-size:14px}}
@media(max-width:720px){.collage-grid{grid-template-columns:1fr}.collage-panel{padding:28px 25px 10px}.collage-panel+.collage-panel{border-left:0;border-top:1px solid var(--green)}.collage-copy h3{font-size:31px;min-height:0}.collage-subtitle{font-size:20px;min-height:0;margin-top:12px}.collage-description{font-size:16px;max-width:45ch}.collage-art{width:100%;max-width:470px;align-self:center;margin:20px 0 0;padding-top:0}.collage-section{padding-bottom:65px}.collage-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.collage-drift{animation:none!important}}