#main{display:flex;flex-flow:row wrap;width:100%;margin:auto;margin-top:3rem;gap:3rem}.article{display:grid;grid-template-columns:33% 1fr;place-items:center;column-gap:1rem;row-gap:1rem;padding:1rem;width:100%;min-height:100%;box-shadow:-1px 1px 4px 0 var(--card-border-color);background:var(--primary)}#preview #mission{grid-column:1 / span 2;grid-row:3}#preview #mission .txt{font-weight:400;font-size:2rem}#preview #mission .button{width:100%;padding:.5rem .25rem;font-weight:700;border:2px solid var(--btn-border-color);border-radius:var(--btn-border-radius);background:var(--btn-background);color:var(--btn-color)}#preview #viewer{grid-column:1 / span 2;grid-row:1;background:#000;border-radius:5px}#preview #viewer .img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:5px}#slider-container{grid-column:1 / span 2;grid-row:2;overflow:hidden}#slider{position:relative;grid-column:2;display:flex;flex-flow:row nowrap;width:100%;transition:translate 256ms ease-in-out;overflow:hidden}#slider:after{content:"";position:absolute;width:auto;height:64px;aspect-ratio:4/3;line-height:normal;scale:.95;border:2px solid var(--btn-border-color);border-radius:var(--btn-border-radius)}#slider .img{width:auto;height:64px;padding:.5rem;aspect-ratio:4/3;object-fit:cover}#about{grid-template-columns:1fr 33%}#about img{grid-column:1 / span 2;grid-row:1}#about .txt{grid-column:1 / span 2;grid-row:2;font-weight:200;font-size:1rem}@media screen and (min-width:768px){#main{padding:0 1rem}.article{border-radius:var(--card-border-radius)}#slider .img{width:128px}}@media screen and (min-width:1024px){#main{width:90dvw;padding:0 1rem}#preview #mission{grid-column:1;grid-row:1 / span 2}#preview #viewer{grid-column:2;grid-row:1}#slider-container{grid-column:2;grid-row:2;overflow:hidden}#about img{grid-column:1;grid-row:1}#about .txt{grid-column:2;grid-row:1;font-weight:200;font-size:1rem}}@media screen and (min-width:1536px){#main{width:min(1280px,50vw)}}