/* Namespaced: shared example sections never style effect controls. */
.f-projects{box-sizing:border-box;width:100%;padding:25px 0;margin:24px 0 0;border-top:1px solid #89958b44;font:13px/1.5 Arial,sans-serif;color:inherit;text-align:left}
.f-projects h3{font:500 18px/1.25 Arial,sans-serif!important;letter-spacing:-.4px!important;margin:0 0 10px!important;color:inherit!important}
.f-projects>p{font:12px/1.7 Arial,sans-serif!important;letter-spacing:0!important;max-width:560px;opacity:.7;margin:0 0 16px!important;color:inherit!important}
.f-project-link{display:inline-flex!important;font:11px/1.4 Arial,sans-serif!important;letter-spacing:0!important;text-decoration:none!important;color:inherit!important;border:1px solid #aab9b055;border-radius:7px;padding:10px 14px!important;width:auto!important;background:transparent!important;float:none!important}
.f-project-link:hover{background:#b8ddcc18!important}.f-project-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px;margin-bottom:18px}
.f-project-thumb{display:block!important;text-decoration:none!important;color:inherit!important;padding:0!important;background:none!important;border:none!important;font:12px/1.4 Arial,sans-serif!important}
.f-project-thumb img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;border:5px solid #252a2b;border-bottom-width:10px;border-radius:8px 8px 4px 4px;background:#071b1d}
.f-project-thumb span{display:block;margin-top:10px}.f-projects-compact{padding:18px 0;margin-top:20px}.f-projects-compact h3{font-size:15px!important}
.f-project-card-link{display:block;font:10px/1.4 Arial,sans-serif;color:#637065;text-decoration:none;padding:0 2px 16px;margin-top:-3px;width:fit-content}.f-project-card-link:hover{color:#1b3323;text-decoration:underline}
#sequence-dialog>.f-projects,.hd-dialog>.f-projects{padding:20px 28px;margin:0;border-top:1px solid #929c9544;color:inherit;flex-shrink:0}
.hd-dialog>.f-projects h3,#sequence-dialog>.f-projects h3{display:inline-block;margin-right:16px!important}.hd-dialog>.f-projects p,#sequence-dialog>.f-projects p{display:none}
.immersive .f-projects,.f-clean .f-projects{display:none!important}body> .f-projects{padding:30px 5%}
@media(max-width:640px){.f-project-thumbs{grid-template-columns:1fr}.f-projects{margin-top:18px}.f-projects h3{font-size:16px!important}}