.clans-layout{max-width:1280px;padding:30px 5.2% 70px;margin:auto}
.clans-layout [hidden]{display:none!important}
.clan-selection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;scroll-margin-top:24px}
.clan-tile{min-width:0;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 12px;border:1px solid #75394f;background:linear-gradient(140deg,#33202c,#121e29);text-align:center;transition:border-color .18s,background .18s}
.clan-tile:hover,.clan-tile[aria-current="true"]{background:linear-gradient(140deg,#57283e,#19202e);border-color:#da8aa7}
.clan-tile[aria-current="true"]{box-shadow:inset 0 -3px #ba6a89}
.clan-logo{display:flex;align-items:center;justify-content:center;width:130px;height:130px;max-width:100%}
.clan-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 9px #f2d8e212)}

.clan-tile-name{font:700 26px/1.2 'Cormorant Garamond',Georgia,serif;color:#e7cad6;overflow-wrap:anywhere}
.clan-display{margin-top:42px;scroll-margin-top:24px}
.clan-panel{background:linear-gradient(130deg,#251d2a,#111d28 65%);border:1px solid #794056;box-shadow:0 20px 50px #05081035}
.clan-panel+.clan-panel{margin-top:30px}
.clan-panel-head{padding:30px 36px;position:relative}
.clan-panel-head>p{color:#be839a;letter-spacing:.22em;font-size:11px;margin:0 0 12px}
.clan-panel h2{font:700 clamp(36px,5vw,58px)/1.1 'Cormorant Garamond',Georgia,serif;color:#f0dce5;margin:0 0 20px;overflow-wrap:anywhere}
.clan-panel h2:focus{outline:none}
.clan-back{font:700 13px/1.6 Arial,sans-serif;color:#dfacc0;text-decoration:underline;text-underline-offset:5px}
.clan-art{display:block;line-height:0;background:#18232f}
.clan-art img{display:block;width:100%;height:auto}
.clan-copy{padding:12px 36px 24px}
.clan-copy p{font:700 16px/1.85 Arial,sans-serif;color:#cbd1dc;margin:22px 0;max-width:none;overflow-wrap:anywhere}
.clan-copy h3{font:700 31px/1.3 'Cormorant Garamond',Georgia,serif;color:#e7bdcf;margin:34px 0 16px}
.clan-copy a{color:#e6abc2;text-decoration:underline;text-underline-offset:4px}
.clan-copy .clan-fact{padding:16px 20px;background:#632b4326;border-left:2px solid #ad5c7a}
.clan-copy .clan-quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;color:#e2bdcb;padding:15px 22px;border-top:1px solid #87405b60;border-bottom:1px solid #87405b60}
.clan-family{border:1px solid #743c54;margin:18px 0;background:#111a26}
.clan-family>summary{padding:20px;align-items:center;font:700 27px/1.35 'Cormorant Garamond',Georgia,serif;color:#e7bdcf}
.clan-family-body{padding:0 22px 18px}
.clan-back.bottom{display:inline-block;margin:0 36px 30px}
.clan-prompt{text-align:center;padding:55px 25px;border:1px solid #63384c;background:radial-gradient(ellipse at center,#56233855,transparent 75%)}
.clan-prompt>span{font-size:35px;color:#b86887}
.clan-prompt h2{font:700 36px/1.2 'Cormorant Garamond',Georgia,serif;color:#dcbcca}
.clan-prompt p{font-size:15px;color:#aeb7c7}
@media(max-width:1000px){.clan-selection{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.clans-layout{padding:22px 6% 40px}.clan-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clan-tile{padding:16px 8px;gap:13px}.clan-logo{width:100px;height:100px}.clan-tile-name{font-size:23px}.clan-panel-head{padding:24px 20px}.clan-copy{padding:4px 20px 18px}.clan-copy p{font-size:15px}.clan-copy h3{font-size:28px}.clan-family-body{padding:0 14px 14px}.clan-family>summary{font-size:24px;padding:16px}.clan-back.bottom{margin:0 20px 24px}.clan-copy .clan-fact{padding:14px}.clan-display{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.clan-tile{transition:none}}

/* Center the final pair in the four-column layout. */
@media(min-width:1001px){.clan-selection>.clan-tile:nth-last-child(2){grid-column:2}.clan-selection>.clan-tile:last-child{grid-column:3}}