.box-photo--frame{display:grid;grid-template-columns:repeat(4,minmax(25%,auto));width:100%;min-width:200px;flex-wrap:wrap;margin:auto;margin-top:clamp(0%,2%,60px)}.box-photo--frame._t4,.box-photo--frame._t3{display:grid;grid-template-columns:repeat(3,minmax(25%,auto));width:100%;min-width:200px;flex-wrap:wrap;margin:auto;margin-top:clamp(0%,2%,60px)}.box-photo--frame._t4{grid-template-columns:repeat(4,minmax(25%,auto))}.box-photo{padding:4% 4%;transition:background 200ms,border 200ms;margin:4px}.box-photo a{position:relative}.box-photo .title{position:absolute;top:auto;bottom:0;font-size:clamp(1.2rem,2vw,2rem);font-weight:600;padding:6px 12px;color:white;line-height:1;z-index:1}.box-photo img{display:block;min-height:300px}.box-photo h3{color:var(--text-main--color);letter-spacing:normal;font-weight:200;font-size:clamp(0.8rem,2vw,1rem);margin-bottom:.4rem}.box-photo p{color:var(--text-main--color);margin:0;font-size:.9rem;line-height:1.5;width:100%}.box-photo .description{margin-top:8px}.box-photo-desc{flex:1;align-content:flex-end;max-width:500px;max-height:500px;min-width:100px;min-height:100px;width:100%;height:auto;aspect-ratio:1;font-family:'Sora',sans-serif}.box-photo-desc *{font-family:'Sora',sans-serif !important;font-weight:900}.box-photo-desc p{font-weight:600}@media (max-width:1200px){.box-photo img{min-height:200px}}@media (max-width:800px){.box-photo img{min-height:200px}}.box-photo img{width:100%}@media (hover:hover) and (pointer:fine){.box-photo:hover,.box-photo:active{transition-delay:120ms}.box-photo:active{background-color:yellow}.box-photo:hover span,.box-photo:active span{transform:translateX(8px)}}@media (prefers-reduced-motion){.box-photo:hover span,.box-photo:active span{transform:none}}@media (max-width:1400px){.box-photo--frame._t4{grid-template-columns:repeat(3,33.3333%)}.box-photo--frame._t3{grid-template-columns:repeat(3,33.3333%)}}@media (max-width:1000px){.box-photo--frame._t4{grid-template-columns:repeat(2,50%)}.box-photo--frame._t3{grid-template-columns:repeat(2,50%)}}@media (max-width:500px){.box-photo--frame._t4{grid-template-columns:repeat(1,100%)}.box-photo--frame._t3{grid-template-columns:repeat(1,100%)}.box-photo{padding:4% 4px}.box-photo-desc{aspect-ratio:unset}}