body{background:linear-gradient(140deg,#f8faf3,#eef8fb)}.types-intro{max-width:750px;padding:30px 0}.types-intro h1{font-size:40px;margin:14px 0}.types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:40px}.type-card{background:#ffffffb8;border:1px solid #dde9e7;border-radius:22px;overflow:hidden}.type-art{background:radial-gradient(ellipse,#dbefe0,#d2e9ed 65%,#e5f3f3);padding:16px;height:210px;display:grid;place-items:center}.type-art img{width:100%;height:180px;object-fit:contain;filter:drop-shadow(5px 12px 8px #47736d1a)}.type-copy{padding:20px}.type-copy small{font-size:9px;color:#8ca3a9;letter-spacing:2px}.type-copy h2{font-size:19px;margin:8px 0}.type-copy p{font-size:11px;line-height:1.9;margin:0;color:#8a9da4}.gallery-note{background:#eaf4f5;padding:20px;border-radius:16px;font-size:12px}.terrain-gallery-link{display:block;padding:0 25px 15px;font-size:10px;color:#548b9c;background:#fbfdfa}@media(max-width:1100px){.types-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.types-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.type-art{height:155px;padding:8px}.type-art img{height:135px}.type-copy{padding:15px}.type-copy h2{font-size:16px}.types-intro h1{font-size:31px}}@media(max-width:420px){.types-grid{grid-template-columns:1fr}.type-art{height:200px}.type-art img{height:185px}}