/* Compact editorial gallery: one portrait, title and three aligned details. */
.collection,.art-section{max-width:1440px;margin-inline:auto;padding-top:65px;padding-bottom:65px}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(2.3rem,4vw,4rem)}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.art-grid figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;margin:0}.art-grid .logo-plate{grid-column:1/-1;grid-row:auto}.art-grid .logo-plate .art-link{height:200px;min-height:0;padding:16px}.art-grid .logo-plate img{width:100%;height:100%;max-height:none;padding:0;object-fit:contain}.art-grid .symbol{grid-column:auto;grid-row:auto;max-width:none;width:auto}.art-grid .symbol .art-link{height:210px;aspect-ratio:auto}.art-grid .symbol img{width:100%;height:100%;padding:18px;object-fit:contain}.art-grid figcaption{min-height:54px;padding:12px 14px;font-size:.83rem;align-items:center;line-height:1.5}.art-grid:has(.portrait){grid-template-columns:minmax(210px,1.05fr) repeat(3,minmax(0,1fr));grid-template-rows:auto auto}.art-grid:has(.portrait) .portrait{grid-column:1;grid-row:1/3;max-width:none;width:auto;justify-self:stretch}.art-grid:has(.portrait) .portrait .art-link{aspect-ratio:auto;min-height:0;height:100%;padding:12px}.art-grid:has(.portrait) .portrait img{height:100%;width:100%;padding:0;object-fit:contain}.art-grid:has(.portrait) .logo-plate{grid-column:2/-1;grid-row:1}.art-grid:has(.portrait) .symbol{grid-row:2}.art-grid:has(.portrait) .symbol:nth-of-type(3){grid-column:2}.art-grid:has(.portrait) .symbol:nth-of-type(4){grid-column:3}.art-grid:has(.portrait) .symbol:nth-of-type(5){grid-column:4}.art-grid:has(>figure:only-child){max-width:820px;margin-inline:auto}.art-grid:has(>figure:only-child) .logo-plate .art-link{height:260px}
.cards{gap:30px 24px}.card-art{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto}.card-art>img{grid-column:1/-1;grid-row:1;aspect-ratio:16/9;padding:12px}.number{grid-column:1;grid-row:2;margin:12px 0 0 18px;width:32px;height:32px;font-size:.75rem}.card-action{grid-column:2;grid-row:2;float:none;margin:12px 18px 0 0;width:32px;height:32px;font-size:1.2rem}.card-overlay{grid-column:1/-1;grid-row:3;padding:14px 18px 22px;min-height:0}.card-overlay h3{font-size:clamp(1.8rem,2.5vw,2.7rem)}.card-caption{padding-top:12px}.game-card:last-child{grid-column:auto}.game-card:last-child .card-art>img{max-height:none}.game-card:last-child .card-overlay{max-width:none}.intro,.world-story,.partnership{padding-top:70px;padding-bottom:70px}.development{padding-bottom:60px}.next-world{max-width:1440px;margin:auto}.hero-art .hero-scene{max-height:520px}
@media(max-width:1000px){.art-grid:has(.portrait){grid-template-columns:minmax(180px,.95fr) repeat(3,minmax(0,1fr))}.art-grid .symbol .art-link{height:155px}.art-grid .symbol img{padding:12px}.art-grid .logo-plate .art-link{height:170px}.art-grid figcaption{padding:10px;font-size:.78rem}.art-grid{gap:12px}}
@media(max-width:700px){.art-grid,.art-grid:has(.portrait){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:10px}.art-grid .logo-plate,.art-grid:has(.portrait) .logo-plate{grid-column:1/-1;grid-row:1}.art-grid .logo-plate .art-link{height:140px;padding:12px}.art-grid .portrait,.art-grid:has(.portrait) .portrait{grid-column:1/-1;grid-row:2;width:100%;max-width:none}.art-grid:has(.portrait) .portrait .art-link{height:290px;padding:10px}.art-grid .symbol,.art-grid .symbol:last-child,.art-grid:has(.portrait) .symbol{grid-column:auto;grid-row:auto;max-width:none;width:100%;justify-self:stretch}.art-grid:has(.portrait) .symbol:nth-of-type(3){grid-column:1;grid-row:3}.art-grid:has(.portrait) .symbol:nth-of-type(4){grid-column:2;grid-row:3}.art-grid:has(.portrait) .symbol:nth-of-type(5){grid-column:3;grid-row:3}.art-grid .symbol .art-link{height:110px}.art-grid .symbol img{padding:8px}.art-grid figcaption{font-size:.72rem;padding:10px 8px;min-height:62px;gap:4px}.art-grid figcaption>span{display:none}.art-grid:has(>figure:only-child) .logo-plate .art-link{height:200px}.collection,.art-section{padding:45px 6vw}.section-head{margin-bottom:24px}.section-head h2{font-size:2.65rem}.section-head>p{margin-top:18px}.hero-art .hero-scene{max-height:350px}.hero-copy,.detail-title{padding-bottom:30px}.world-story,.intro,.partnership{padding-top:48px;padding-bottom:48px}.cards{gap:28px}.card-overlay h3{font-size:2rem}}
@media(max-width:380px){.art-grid,.art-grid:has(.portrait){gap:7px}.art-grid .symbol .art-link{height:90px}.art-grid .symbol img{padding:5px}.art-grid figcaption{font-size:.69rem;padding:8px 6px;overflow-wrap:normal;hyphens:auto}.art-grid:has(.portrait) .portrait .art-link{height:250px}.art-grid .logo-plate .art-link{height:120px}}
.art-grid .art-link{position:relative;display:block}.art-grid .art-link img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.art-grid .logo-plate img{padding:16px}.art-grid:has(.portrait) .portrait img{padding:10px}