.sects-layout{max-width:1280px;padding:30px 5.2% 70px;margin:auto}
.sects-layout [hidden]{display:none!important}
.sect-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;scroll-margin-top:24px}
.sect-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}
.sect-tile:hover,.sect-tile[aria-current="true"]{background:linear-gradient(140deg,#57283e,#19202e);border-color:#da8aa7}
.sect-tile[aria-current="true"]{box-shadow:inset 0 -3px #ba6a89}
.sect-logo{display:flex;align-items:center;justify-content:center;width:180px;height:180px;max-width:100%}
.sect-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 9px #f2d8e212)}

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


.sect-tile{padding:30px 18px;gap:24px}.sect-tile-name{font-size:32px}.sect-panel-head{border-bottom:1px solid #79405660}
@media(max-width:650px){.sect-tile{padding:22px;flex-direction:row;gap:24px;text-align:left}.sect-logo{width:85px;height:85px;flex:0 0 85px}.sect-tile-name{font-size:29px}}