@media screen and (min-width:40rem){:root{--indent:clamp(1.5rem,4vw,2.5rem)}}.introduce_container{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;padding:5rem 10rem;width:100vw}.introduce_container img{display:block;height:100%;width:100%}.introduce_card{display:grid;grid-template-columns:var(--indent) calc(var(--indent)*3) 1fr 1fr calc(var(--indent)*2) var(--indent);grid-template-rows:var(--indent) calc(var(--indent)*3) 1fr calc(var(--indent)*2) var(--indent);margin:2rem}.introduce_card:before{background:#fff;background-image:url(https://source.unsplash.com/6YmzwamGzCg/1200x1200);background-size:cover;box-shadow:0 0 2rem #0000001a;content:"";display:block;grid-column:2/-1;grid-row:2/-1}.introduce_card:after{background:#e0dde4;content:"";display:block;grid-column:1/-2;grid-row:1/-2;z-index:-1}.introduce_card img{aspect-ratio:1/1;box-shadow:0 0 1rem #0000004d;grid-column:4/5;grid-row:3/4;object-fit:cover}.introduce_card figcaption{display:grid;grid-column:3/5;grid-row:3/4;grid-template-columns:3fr 1fr 2fr}.introduce_card blockquote{align-self:flex-end;font-size:1.5rem;font-weight:500;grid-column:1/3;margin:0;padding-bottom:1rem}.introduce_card cite{font-size:1rem;font-style:normal;font-weight:400;grid-column:1/2;line-height:1.5rem;margin-right:1.2rem}.introduce_card .credit{color:#fff;font-weight:400;grid-column:2/4;margin:0;padding:1rem;place-self:flex-end;text-align:end}.introduce_card a{color:#fff}.wrapper>figure{margin:0}.fade-up-click{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.fade-up-click.show{opacity:1;transform:translateY(0)}.grid-container{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);margin:auto;padding:5rem 10rem;width:100%}.certificate{height:100%;object-fit:cover;position:relative;width:100%}.certificate:after{background-color:red;content:"asdadsadasda2131";display:inline-block;height:100%;position:absolute;width:100%;z-index:1}.grid-item{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center}.grid-item img{margin-bottom:10px;max-width:30px}.grid-item h3{font-size:1.2em;margin-bottom:10px}.grid-item p{color:#666;font-size:.9em}@media (max-width:374px){.grid-container{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr)}}@media (min-width:375px) and (max-width:425px){.grid-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@media (min-width:426px) and (max-width:534px){.grid-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@media (min-width:320px) and (max-width:767px){.grid-container,.introduce_container{padding:3rem 1rem}}@media (min-width:768px) and (max-width:1023px){.grid-container,.introduce_container{padding:5rem}}