.reels-main{max-width:1320px;margin:auto;padding:48px 24px}.reels-main h1{font-size:clamp(36px,5vw,64px)}.reel-filters{display:flex;flex-wrap:wrap;gap:18px;margin:30px 0}.reel-filters label{display:grid;gap:8px;flex:1;min-width:190px}.reel-filters input,.reel-filters select{font:inherit;padding:12px;border:1px solid #c9c4ba;border-radius:4px;background:white;color:inherit}.reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reel-card{border:1px solid #d7d2c8;background:#fffdf8;border-radius:6px;overflow:hidden;min-width:0}.reel-card video,.reel-section video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#102d41}.reel-info{padding:22px}.reel-info h3{font-size:22px;line-height:1.3}.reel-info p{line-height:1.6}.reel-info blockquote{font-family:Georgia,serif;font-size:20px;line-height:1.6;margin:16px 0}.reel-info details{margin-top:18px}.reel-info summary{cursor:pointer}.reel-actions{display:grid;gap:10px;margin:20px 0}.reel-actions .primary-button,.reel-actions .secondary-button{white-space:normal;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.reel-actions small{font-weight:normal}.reel-section{margin:40px 0;scroll-margin-top:30px}.reel-section>.reel-card,.reel-section [data-inline-reel]{max-width:480px;margin:auto}.reel-section h2{text-align:center;margin-bottom:24px}.reel-dialog{padding:42px 16px 16px;width:min(500px,calc(100vw - 24px));max-height:92dvh;border:1px solid #d7d2c8;border-radius:10px;background:#fffdf8;color:#102d41;overscroll-behavior:contain}.reel-dialog::backdrop{background:#0a1c2ddd}.reel-close{position:absolute;right:9px;top:4px;font-size:27px;min-width:38px;min-height:34px;cursor:pointer;border:0;background:transparent}.reel-open{overflow:hidden}.reel-dialog video{max-height:57dvh}.reel-card :focus-visible,.reel-dialog :focus-visible,.reel-filters :focus-visible{outline:3px solid #b58b37;outline-offset:3px}#reel-more{margin-top:28px}@media(max-width:960px){.reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.reel-grid{grid-template-columns:1fr}.reels-main{padding:30px 16px}.reel-filters{display:grid}.site-header nav{gap:12px}.reel-card{max-width:440px;width:100%;margin:auto}.reel-dialog{width:calc(100vw - 12px);padding:40px 10px 10px}.reel-info{padding:17px}}