.sx-dragon{--collection-pink:#f1754b}
.sx-dragon-cover{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:end;gap:6vw;padding:65px 0 50px}
body.sx-collection-page #main-content .sx-dragon h1{font-size:clamp(70px,10vw,166px)}
.sx-dragon-panorama img{width:100%;height:auto;object-fit:contain}
.sx-dragon :is(figcaption,.sx-dragon-unreleased){font:11px/1.6 var(--sx-mono);letter-spacing:1px;padding-top:18px}
.sx-dragon .sx-dragon-sacrifice{background:#19171a}
.sx-dragon-allegiances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.sx-dragon-allegiances>div{padding:32px;border-top:3px solid #55d4dc;background:#122429}
.sx-dragon-allegiances>div+div{border-color:#f1754b;background:#2c1b19}
.sx-dragon-allegiances span{font:11px var(--sx-mono);letter-spacing:2px;color:#55d4dc}
.sx-dragon-allegiances>div+div span{color:#f1754b}
.sx-dragon-allegiances h3{font-size:clamp(36px,4.5vw,70px);margin:28px 0}
.sx-dragon-allegiances p{max-width:470px;color:var(--collection-muted)}
.sx-dragon .sx-dragon-unreleased{margin-top:30px;padding:20px 0;border-top:1px solid var(--sx-line)}
.sx-dragon .sx-dragon-companion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8vw;background:#d3e1e3;color:var(--sx-ink);align-items:center}
.sx-dragon-companion .sx-collection-label{color:#414d50}
.sx-dragon-companion h2{margin:36px 0}
.sx-dragon-water-film{max-width:440px;width:100%;justify-self:center}
.sx-dragon-water-film video{display:block;width:100%;height:auto;aspect-ratio:2160/4096;object-fit:contain;background:#101012;border:1px solid #10101240}
.sx-dragon .sx-dragon-studies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.sx-dragon-studies>figure:first-child{grid-column:1/-1}
.sx-dragon-study a{display:block;background:#202024;border:1px solid var(--sx-line)}
.sx-dragon-study img{width:100%;height:auto;object-fit:contain}
.sx-dragon-study figcaption{letter-spacing:0;font:15px/1.6 var(--sx-sans);padding:22px 0}
.sx-dragon-study h3{font-size:clamp(24px,2.8vw,40px);line-height:1.06;margin-bottom:14px}
.sx-dragon-study p{color:var(--collection-muted)}
.sx-dragon .sx-dragon-stages{background:#19171a}
.sx-dragon-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.sx-dragon-stage-grid .sx-dragon-study:nth-child(even){margin-top:70px}
.sx-dragon-stage-grid img{aspect-ratio:4/5;object-fit:contain}
.sx-dragon .sx-dragon-sound{background:#29212e}
.sx-dragon-sound .sx-collection-story-grid{padding-bottom:0}
.sx-dragon-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.sx-dragon-history-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#19171a}
.sx-dragon .sx-dragon-history-note{max-width:700px;margin:35px 0 10px}
.sx-dragon .sx-collection-film-footer a{text-decoration:underline;text-underline-offset:4px}
.sx-dragon :is(a,video):focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(max-width:800px){.sx-dragon-cover,.sx-dragon .sx-dragon-companion{grid-template-columns:minmax(0,1fr)}.sx-dragon-cover{padding:40px 0;gap:20px}.sx-dragon .sx-dragon-companion{gap:38px}.sx-dragon-allegiances>div{padding:24px}.sx-dragon h2{overflow-wrap:anywhere}}
@media(max-width:480px){body.sx-collection-page #main-content .sx-dragon h1{font-size:16vw}.sx-dragon-allegiances,.sx-dragon .sx-dragon-studies,.sx-dragon-stage-grid,.sx-dragon-history-grid{grid-template-columns:minmax(0,1fr)}.sx-dragon-stage-grid .sx-dragon-study:nth-child(even){margin-top:0}.sx-dragon .sx-collection-section-head>span{display:none}.sx-dragon .sx-collection-film-frame{padding:8px}}

.sx-dragon-element-art{overflow:hidden;aspect-ratio:1;margin:0 0 24px;background:#ff1035}
.sx-dragon-element-art img{display:block;width:200%;max-width:none;height:auto}
.sx-dragon-element-fire img{transform:translateX(-50%)}

.sx-dragon-element-fire{background:#091882}