.studio-gallery{color: rgb(23, 63, 96); font-family: "PingFang SC", "Microsoft YaHei", sans-serif;}
.studio-gallery{min-height: 100vh; padding: 30px 34px 86px; background: rgb(244, 249, 252);}
.studio-gallery-head{display: flex; align-items: end; justify-content: space-between; gap: 24px; max-width: 1180px; margin: 0px auto 24px;}
.studio-gallery-head h1{margin: 4px 0px 6px; font-size: 28px; letter-spacing: -0.03em;}
.studio-gallery-head p{margin: 0px; color: rgb(113, 144, 164); font-size: 13px;}
.studio-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; max-width: 1180px; margin: auto;}
.studio-tile{display: block; min-height: 148px; padding: 20px; border: 1px solid rgb(215, 232, 240); border-radius: 18px; background: rgb(255, 255, 255); text-align: left; color: inherit; text-decoration: none; cursor: pointer; box-shadow: rgba(36, 93, 120, 0.063) 0px 8px 22px; transition: 0.18s;}
.studio-tile:hover, .studio-tile:focus-visible{border-color: rgb(139, 196, 220); box-shadow: rgba(36, 93, 120, 0.125) 0px 10px 28px; transform: translateY(-2px);}
.studio-tile:focus-visible{outline: rgb(185, 221, 236) solid 3px; outline-offset: 3px;}
.studio-code{display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgb(228, 243, 249); color: rgb(35, 132, 173); font-size: 17px; font-weight: 800;}
.studio-tile h3{margin: 15px 0px 6px; font-size: 16px;}
.studio-tile p{margin: 0px; color: rgb(120, 147, 163); font-size: 12px; line-height: 1.55;}
.studio-caption{color: rgb(123, 149, 162); font-size: 12px;}
@media (max-width: 1100px) and (min-width: 761px){.studio-gallery{padding-left: 24px; padding-right: 24px;}
.studio-grid{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px;}
.studio-tile{min-height: 138px; padding: 16px;}}
@media (max-width: 760px){.studio-gallery{padding: 16px 16px 80px;}
.studio-gallery-head{align-items: start; flex-direction: column; gap: 8px;}
.studio-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
.studio-tile{min-height: 130px; padding: 14px;}}
@media (prefers-reduced-motion: reduce){.studio-tile{transition: none;}
.studio-tile:hover, .studio-tile:focus-visible{transform: none;}}