.gallery{color:#eee;background:#0e0e0e;min-height:100vh;padding:32px;font-family:system-ui,sans-serif}html:has(.gallery){background:#0e0e0e}html:has(.gallery) body{background:#0e0e0e}.gallery h1{margin:0 0 24px;font-size:28px;font-weight:600}.gallery h1 span{opacity:.5;margin-left:12px;font-size:13px;font-weight:400}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:28px;display:grid}.gallery figure{margin:0}.gallery figure a{color:#eee;margin-bottom:8px;font-size:14px;text-decoration:none;display:block}.gallery figure a:hover{color:#fc6}.gallery .frame{border:1px solid #333;border-radius:10px;height:560px;overflow:hidden}.gallery iframe{transform-origin:0 0;border:0;width:200%;height:200%;transform:scale(.5)}[class^=d-] *,[class^=d-] :before,[class^=d-] :after{box-sizing:border-box}[class^=d-] a{color:inherit;text-decoration:none}[class^=d-] h1,[class^=d-] h2,[class^=d-] h3,[class^=d-] h4,[class^=d-] p,[class^=d-] figure,[class^=d-] ul,[class^=d-] ol{margin:0;padding:0}[class^=d-] li{list-style:none}[class^=d-]{min-height:100vh;overflow-x:clip}