/* Equal, compact cards for the five Cafe Liant worlds. */
.portal .portal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;align-items:stretch}
.portal .portal-grid>.portal-card,.portal .portal-grid>.portal-card.portal-golf{display:flex;flex-direction:column;grid-column:auto;width:100%;min-width:0;min-height:0;border-radius:18px}
.portal .portal-grid>.portal-card .portal-card-art{height:153px;min-height:153px;flex:0 0 153px}
.portal .portal-grid>.portal-card .portal-card-content{padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:flex-start;flex:1}
.portal .portal-grid>.portal-card .portal-card-content h3{font-size:22px;line-height:1.4;letter-spacing:-.8px;margin:0 0 10px;min-height:31px;word-break:keep-all}
.portal .portal-grid>.portal-card .portal-card-eyebrow{font-size:14px;font-weight:550;line-height:1.7;min-height:48px;margin-bottom:9px;word-break:keep-all}
.portal .portal-grid>.portal-card .portal-card-description{font-size:14px;line-height:1.9;min-height:84px;margin:0 0 16px;word-break:keep-all}
.portal .portal-grid>.portal-card .card-bottom{font-size:13px;line-height:1.6;margin-top:auto;padding-top:13px;gap:3px;min-height:43px}
.portal .portal-grid>.portal-card .portal-card-arrow{flex-shrink:0;width:25px;height:25px}
.portal .portal-grid>.portal-card .portal-card-tag{top:12px;left:12px;font-size:8px;padding:5px 7px}
.portal .portal-grid>.portal-card .portal-art-note{bottom:10px;right:10px;font-size:6px;letter-spacing:1px}
.portal .portal-grid>.portal-card .card-illustration{height:173px;width:100%;margin-top:12px}
.portal .portal-grid>.portal-card.portal-golf{background:#fffdf7;border-color:#d6e1c6}
.portal .portal-grid>.portal-card.portal-golf .portal-card-art{background:#dfe9ce}
.portal .portal-grid>.portal-card .golf-portal-art{display:block;width:100%;height:153px;min-height:0;object-fit:cover}
.portal .portal-grid>.portal-card.portal-golf .portal-card-content h3{color:#28533c}
@media(max-width:1139px) and (min-width:741px){.portal .portal-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.portal .portal-grid>.portal-card,.portal .portal-grid>.portal-card.portal-golf{grid-column:span 2}.portal .portal-grid>.portal-card:nth-child(4){grid-column:2/span 2}.portal .portal-grid>.portal-card:nth-child(5){grid-column:4/span 2}.portal .portal-grid>.portal-card .portal-card-art{height:160px;min-height:160px;flex-basis:160px}.portal .portal-grid>.portal-card .golf-portal-art{height:160px}.portal .portal-grid>.portal-card .portal-card-content h3{font-size:23px}.portal .portal-grid>.portal-card .portal-card-description{font-size:14px}}
@media(max-width:740px){.portal .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal .portal-grid>.portal-card:nth-child(5){grid-column:1/-1;width:calc((100% - 14px)/2);justify-self:center}.portal .portal-grid>.portal-card .portal-card-content{padding:17px}.portal .portal-grid>.portal-card .portal-card-content h3{font-size:22px}.portal .portal-grid>.portal-card .portal-card-description{font-size:14px}.portal .portal-grid>.portal-card .portal-card-art{height:145px;min-height:145px;flex-basis:145px}.portal .portal-grid>.portal-card .golf-portal-art{height:145px}}
@media(max-width:480px){.portal .portal-grid{grid-template-columns:1fr;gap:13px}.portal .portal-grid>.portal-card,.portal .portal-grid>.portal-card.portal-golf,.portal .portal-grid>.portal-card:nth-child(5){display:grid;grid-template-columns:104px minmax(0,1fr);width:100%;grid-column:auto;min-height:207px}.portal .portal-grid>.portal-card .portal-card-art{height:100%;min-height:207px}.portal .portal-grid>.portal-card .golf-portal-art{height:100%;min-height:207px;object-fit:cover}.portal .portal-grid>.portal-card .portal-card-content{padding:16px 16px 12px}.portal .portal-grid>.portal-card .portal-card-content h3{font-size:21px;margin-bottom:7px;min-height:0}.portal .portal-grid>.portal-card .portal-card-eyebrow{font-size:14px;font-weight:550;min-height:0;margin-bottom:5px}.portal .portal-grid>.portal-card .portal-card-description{font-size:14px;min-height:0;margin-bottom:12px;line-height:1.8}.portal .portal-grid>.portal-card .card-bottom{font-size:13px;padding-top:9px;min-height:35px}.portal .portal-grid>.portal-card .portal-card-tag{top:12px;left:9px;font-size:7px;padding:5px 6px}.portal .portal-grid>.portal-card .portal-art-note{writing-mode:vertical-rl;right:auto;left:12px;bottom:12px;letter-spacing:1px;font-size:6px;max-height:95px}.portal .portal-grid>.portal-card .card-illustration{height:130px;min-width:175px;position:absolute;top:45px;margin:0;left:50%;transform:translateX(-50%)}.portal .portal-grid>.portal-card:hover .card-illustration{transform:translateX(-50%)}.portal .portal-grid>.portal-card .portal-card-art>img{object-position:center}.portal .portal-grid>.portal-card .golf-portal-art{position:absolute;width:100%;inset:0}}

/* Readable supporting copy beneath each illustration. */
.portal .portal-grid>.portal-card .portal-card-eyebrow{color:#596849}
.portal .portal-grid>.portal-discover .portal-card-eyebrow{color:#79578b}
.portal .portal-grid>.portal-learn .portal-card-eyebrow{color:#466e60}
.portal .portal-grid>.portal-creation .portal-card-eyebrow{color:#95603e}
.portal .portal-grid>.portal-golf .portal-card-eyebrow{color:#506f3d}
.portal .portal-grid>.portal-card .portal-card-description{color:#5c6258}
@media(max-width:360px){.portal .portal-grid>.portal-card,.portal .portal-grid>.portal-card.portal-golf{grid-template-columns:88px minmax(0,1fr)}.portal .portal-grid>.portal-card .portal-card-content{padding:15px 13px 12px}}

/* Let every caption fit its card instead of being clipped at narrow widths. */
.portal .portal-grid>.portal-card .portal-card-content{min-width:0;max-width:100%}
.portal .portal-grid>.portal-card :is(.portal-card-eyebrow,h3,.portal-card-description,.card-bottom>span:first-child){min-width:0;max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.portal .portal-grid>.portal-card .portal-card-eyebrow{min-height:3.4em;flex-shrink:0}
.portal .portal-grid>.portal-card .portal-card-description{flex-shrink:0}
.portal .portal-grid>.portal-card .card-bottom>span:first-child{flex:1}
@media(max-width:480px){.portal .portal-grid>.portal-card .portal-card-eyebrow{min-height:0}}
@media(max-width:360px){.portal .portal-grid>.portal-card,.portal .portal-grid>.portal-card.portal-golf{grid-template-columns:80px minmax(0,1fr)}}