.harbor-card{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;background:#f8f6ed}.harbor-card .card-art{height:310px;background:#cbe0d5;display:block}.harbor-card svg{display:block;width:100%;height:100%}.harbor-card .card-info{padding:30px 34px;display:flex;flex-direction:column;justify-content:center}.harbor-card .art-number{background:#fff6;color:#3c5c54;border-color:#53756650}.harbor-card .play-badge{background:#dd816b;color:#fff9eb}.harbor-card .art-word{font-size:43px;color:#366a6b22;letter-spacing:-2px}.harbor-card .card-title{align-items:flex-start;flex-direction:column;gap:7px}.harbor-card .text-button{margin-top:4px}.harbor-card .tags span{color:#658878;border-color:#ccd7c9}@media(max-width:780px){.harbor-card{display:block}.harbor-card .card-art{height:270px}.harbor-card .card-info{padding:24px}.harbor-card .card-title{flex-direction:row;align-items:center}.harbor-card .card-title>span{font-size:8px}}@media(max-width:450px){.harbor-card .card-title{flex-direction:column;align-items:flex-start}.harbor-card .art-word{font-size:34px}}