.photo-story .comparison-scene{aspect-ratio:3/2;height:auto;max-height:none;min-height:0}.photo-story .comparison-scene img{width:100%;height:100%;object-fit:cover}.comparison-during{position:absolute;inset:0;display:none}.photo-story{background:#f2f1ed;color:#242424;border-color:#8884}.photo-story .comparison-control input{accent-color:var(--accent,#333)}
.photo-story[data-view=before] .comparison-before{clip-path:none}.photo-story[data-view=after] .comparison-before,.photo-story[data-view=during] .comparison-before{display:none}.photo-story[data-view=during] .comparison-during{display:block}.photo-story:not([data-view=compare]) .comparison-divider,.photo-story:not([data-view=compare]) .comparison-label{display:none}.photo-story:not([data-view=compare]) .comparison-scene{cursor:default}
.stage-buttons{display:flex;gap:6px;padding:14px 12px 0;flex-wrap:wrap}.stage-buttons button{font:500 15px/1.3 Outfit,Arial,sans-serif;border:1px solid #7777;border-radius:4px;background:transparent;color:inherit;padding:10px 18px;min-height:44px;cursor:pointer}.stage-buttons button[aria-pressed=true]{background:#242424;border-color:#242424;color:white}.stage-buttons button:hover{box-shadow:inset 0 0 0 1px currentColor}.stage-buttons button:focus-visible{outline:3px solid var(--accent,#2771ba);outline-offset:3px}
.photo-story .comparison-control{padding-top:8px}.photo-story .comparison-control label{font-size:14px}.photo-story .comparison-control input{padding:0}.photo-story .comparison-control output{font-size:13px}.sequence-static{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sequence-static img{width:100%}
.photo-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.photo-discovery-grid a{text-decoration:none}.photo-discovery-grid figure{margin:0}.photo-discovery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.photo-discovery-grid figcaption{font-size:17px;line-height:1.45;padding-top:13px}.photo-discovery-grid a:hover figcaption{text-decoration:underline}.photo-discovery .section-heading{align-items:center}.photo-discovery .section-heading h2{max-width:20ch}
.photo-library{padding-top:20px}.photo-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.photo-filters button{font:500 15px Outfit,Arial,sans-serif;min-height:44px;border:1px solid #8887;background:transparent;color:inherit;border-radius:5px;padding:9px 18px;cursor:pointer}.photo-filters button[aria-pressed=true]{background:var(--ink,#222);color:white}.photo-library .project-idea-grid{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.photo-library .project-idea-grid img{height:auto;aspect-ratio:1/1;object-fit:cover}.photo-library .project-idea-grid h2{font-size:21px;line-height:1.3}.photo-library figure{scroll-margin-top:120px;margin:0;min-width:0}.photo-library figure[hidden]{display:none}.photo-library .project-idea-grid .text-link{font-size:14px}.photo-library figcaption{padding-top:13px}.photo-library-count{font-size:14px;margin:0 0 20px}.photo-library figure:target{outline:2px solid var(--accent,#2771ba);outline-offset:8px}
@media(max-width:760px){.photo-story .comparison-scene{aspect-ratio:3/2}.photo-story .stage-buttons{gap:5px;padding:10px 4px 0}.stage-buttons button{flex:1;font-size:12px;padding:8px 4px}.photo-story .comparison-control{padding:8px 5px 0;gap:0 8px}.photo-story .comparison-control label{font-size:12px}.photo-story .comparison-divider>span{width:38px;height:38px;font-size:23px}.photo-discovery-grid{grid-template-columns:1fr;gap:26px}.photo-discovery-grid img{aspect-ratio:3/2}.photo-library .project-idea-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.photo-library .project-idea-grid h2{font-size:17px}.photo-library .project-idea-grid .text-link{font-size:13px}.photo-library figure{scroll-margin-top:105px}.photo-filters{gap:6px}.photo-filters button{font-size:13px;padding:8px 12px}.sequence-static{grid-template-columns:1fr}}