/* Measured motion and more distinct brand-card affordances. */
.collection-toolbar{flex-wrap:wrap;gap:16px}
.collection-tools{display:flex;align-items:center;gap:20px;margin-left:auto}
.motion-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 11px;border:1px solid #ccd6cb;border-radius:5px;background:#f1f4ed;font-size:9px;color:#5f756e;white-space:nowrap}
.motion-toggle>span:first-child{font-size:16px;line-height:1;color:#92743d}
.motion-toggle:hover{border-color:#a8b9a6;background:#e9f0e4}
.motion-toggle[aria-pressed=false]{background:#e8ece6;color:#76837c}
.motion-toggle:disabled{opacity:.65;cursor:default}
.brand-card{position:relative;isolation:isolate;border:1px solid #c4d0c6;box-shadow:0 8px 24px #1027350b;transition:transform .3s,box-shadow .3s,border-color .3s}
.brand-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,#d6b77b20,transparent 55%);opacity:0;transition:opacity .3s;z-index:2}
.brand-card::after{content:'';position:absolute;inset:-50% -110%;z-index:3;pointer-events:none;background:linear-gradient(108deg,transparent 44%,#ffffff05 47%,#ffffff65 50%,#e4c38625 52%,transparent 56%);transform:translateX(-36%);opacity:0;animation:cardSweep 8s ease-in-out infinite;animation-delay:calc(var(--card-index,0)*.7s)}
.brand-card:hover,.brand-card:focus-within{border-color:#c8a96b;box-shadow:0 15px 36px #10273517,0 0 0 2px #d4b9811a;transform:translateY(-5px)}
.brand-card:hover::before,.brand-card:focus-within::before{opacity:1}
.brand-card:hover::after{animation:cardSweepHover 1.1s ease-out both}
.brand-card h3{font-size:20px;font-weight:650;letter-spacing:-.5px}
.brand-card .card-action{position:relative;z-index:4;min-height:48px;border:1px solid #ffffff10;border-radius:6px;background:#173847;color:#fff;padding:9px 13px;margin-top:18px;transition:background .2s,box-shadow .2s}
.brand-card .card-action:hover{background:#244e60;box-shadow:0 4px 12px #1027351a}
.brand-card .card-action>span{width:28px;height:28px;background:#ffffff0c;border-color:#ffffff32;color:#e4ca93}
.brand-card .card-action:hover>span{background:#ffffff1b;transform:translate(1px,-1px)}
.brand-card .brand-card-body>p{color:#6c7e82;margin-top:11px;font-size:11px}
.brand-rating{display:flex;align-items:center;gap:9px;margin-top:11px;flex-wrap:wrap;line-height:1.3}
.star-row{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}
.star-icon{display:block;width:15px;height:15px;stroke:none;fill:none;filter:drop-shadow(0 1px 0 #9a742815)}
.star-base{fill:#d8dfd5;stroke:none}
.star-fill{fill:#bd9147;stroke:none}
.brand-rating>strong{font-size:11px;font-weight:600;color:#7b6236;letter-spacing:0}
.sample-score-label{font-size:7px;letter-spacing:.35px;color:#8b8b79;border-left:1px solid #d9ddce;padding-left:8px;white-space:nowrap}
.rating-note{font-size:10px;line-height:1.8;color:#7c887c;margin-top:19px;max-width:700px}
#dialog-rating .brand-rating{margin-top:12px;margin-bottom:3px}
.floating-brand{animation:harbourFloat 6s ease-in-out infinite}
.float-bonza{animation-delay:-2s}
.float-ss9{animation-delay:-4s}
.floating-brand:hover{animation-play-state:paused;box-shadow:0 20px 40px #0004,0 0 0 1px #d7bb7e44}
.game-card:hover{border-color:#c5a76e;box-shadow:0 12px 25px #10273516,0 0 0 2px #d4b98115}
.motion-paused .brand-card::after{animation:none;opacity:0}
.motion-paused .floating-brand{animation:none}
@keyframes cardSweep{0%{transform:translateX(-36%);opacity:0}2%{opacity:.8}22%{transform:translateX(36%);opacity:.85}25%,100%{transform:translateX(36%);opacity:0}}
@keyframes cardSweepHover{0%{transform:translateX(-36%);opacity:0}10%{opacity:1}85%{opacity:.8}100%{transform:translateX(36%);opacity:0}}
@keyframes harbourFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}

/* Useful, visible directory copy and real destination links. */
.directory-section{display:grid;grid-template-columns:.95fr 1.2fr;gap:90px;padding-bottom:85px}
.directory-section h2{font-size:35px;letter-spacing:-1.1px;line-height:1.2;margin-top:18px}
.directory-section>div>p:not(.eyebrow){font-size:12px;line-height:1.95;color:#6d7f82}
.directory-section>div>p+p{margin-top:14px}
.directory-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.directory-links a{display:flex;align-items:center;gap:14px;padding:8px 12px;border:1px solid #d5ddd2;background:#f0f3eb;border-radius:5px;font-size:8px;color:#5b716b;font-weight:600;letter-spacing:.3px}
.directory-links a>span{font-size:13px;color:#9f814b}
.directory-links a:hover{background:#e7ecdf;border-color:#b9c8b1}

/* Sample opinions are plainly distinguished from actual customer reviews. */
.reviews-section{padding-top:75px;padding-bottom:55px}
.reviews-section .section-top{margin-bottom:20px;align-items:center}
.reviews-section h2{margin-top:18px;font-size:43px}
.example-badge{display:inline-block;white-space:nowrap;padding:8px 12px;border:1px solid #cabb96;border-radius:5px;background:#eee6d3;color:#8c764c;font-size:9px;font-weight:500}
.reviews-disclosure{font-size:12px;line-height:1.9;color:#738178;max-width:760px;margin-bottom:27px}
.reviews-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:6px 2px 21px;scrollbar-width:thin;scrollbar-color:#c6cfc1 transparent;outline-offset:5px}
.review-card{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;border:1px solid #d8dfd3;border-radius:10px;background:#fff;padding:25px 23px 21px;box-shadow:0 5px 17px #10273505}
.review-person{display:flex;align-items:center;gap:12px;min-width:0}
.review-avatar{display:block;width:46px;height:46px;flex-shrink:0;border-radius:50%;border:1px solid #d8d8c7;background-color:#e6e1d3;background-image:url('assets/portraits/fictional-avatar-atlas.png');background-size:300% 300%;background-repeat:no-repeat}
.review-person>div{min-width:0}
.review-person strong{display:block;font-size:12px;font-weight:600;letter-spacing:-.1px;color:#354d55}
.review-person>div>span{display:block;font-size:8px;margin-top:4px;color:#8d968b;white-space:nowrap}
.review-sample-tag{margin-left:auto;font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#a18a5e;border:1px solid #e1d8c3;border-radius:4px;padding:4px 6px;background:#f8f5ed}
.review-card h3{font-size:14px;font-weight:600;letter-spacing:-.2px;line-height:1.4;margin-top:25px;color:#29434c}
.review-card blockquote{margin:13px 0 20px;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.65;letter-spacing:-.1px;color:#617374;flex:1}
.review-card blockquote::before{content:'“';color:#c3a76f;font-size:29px;line-height:0;vertical-align:-3px;margin-right:2px}
.review-card blockquote::after{content:'”';color:#c3a76f}
.review-card .brand-rating{margin-top:auto;margin-bottom:19px;gap:8px}
.review-card .star-icon{width:13px;height:13px}
.review-card .sample-score-label{font-size:6px;padding-left:7px}
.review-brand-link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;background:transparent;border-top:1px solid #e3e8dd;padding:15px 0 0;font-size:10px;font-weight:600;color:#526e6c}
.review-brand-link>span{font-size:18px;font-weight:400;color:#a18954}
.review-brand-link:hover{color:#a17f3b}
.reviews-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:7px}
.reviews-controls>p{font-size:9px;letter-spacing:.3px;color:#879180}
.reviews-controls>div{display:flex;gap:9px}
.reviews-controls button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#eff3e9;border:1px solid #d6dece;border-radius:50%;font-size:17px;color:#536d67}
.reviews-controls button:hover{border-color:#b7a16d;background:#e7eddd}
.reviews-controls button:disabled{opacity:.35;cursor:default}
@media(max-width:1100px){.review-card{padding:22px 19px 19px}.review-person{gap:9px}.review-person strong{font-size:11px}.review-person>div>span{font-size:7px}.review-sample-tag{font-size:6px;padding:3px 5px}.review-avatar{width:40px;height:40px}.review-card blockquote{font-size:15px}.reviews-section h2{font-size:38px}.directory-section{gap:55px}.directory-section h2{font-size:31px}}
@media(max-width:850px){.reviews-track{grid-auto-columns:calc((100% - 22px)/2)}.reviews-section h2{font-size:35px}.directory-section{grid-template-columns:1fr;gap:25px;padding-bottom:65px}.directory-section h2 br{display:none}.directory-section>div>p:not(.eyebrow){font-size:12px}.collection-tools{gap:15px}}
@media(max-width:640px){.collection-tools{width:100%;justify-content:space-between;margin-left:0}.collection-tools .result-count{margin:0;font-size:9px}.motion-toggle{min-height:33px;padding:6px 10px;font-size:8px}.brand-card h3{font-size:20px}.brand-rating{gap:9px;margin-top:12px}.star-icon{width:16px;height:16px}.brand-rating>strong{font-size:11px}.sample-score-label{font-size:7px}.rating-note{font-size:9px;line-height:1.85;margin-top:17px}.brand-card .card-action{min-height:48px;font-size:12px}.brand-card .brand-card-body>p{font-size:12px}.directory-section{padding-bottom:55px;gap:22px}.directory-section h2{font-size:30px;margin-top:16px}.directory-section h2 br{display:block}.directory-section>div>p:not(.eyebrow){font-size:12px;line-height:1.9}.directory-links{gap:8px}.directory-links a{font-size:8px;padding:8px 10px;gap:10px}.reviews-section{padding-top:55px;padding-bottom:40px}.reviews-section .section-top{display:block;margin-bottom:19px}.reviews-section h2{font-size:34px;line-height:1.12;max-width:300px;margin-top:16px}.example-badge{font-size:8px;margin-top:19px;padding:6px 9px}.reviews-disclosure{font-size:11px;line-height:1.85;margin-bottom:22px}.reviews-track{grid-auto-columns:92%;gap:16px;padding-bottom:18px}.review-card{padding:23px 22px 20px}.review-avatar{width:45px;height:45px}.review-person strong{font-size:12px}.review-person>div>span{font-size:8px}.review-sample-tag{font-size:6px;padding:4px 6px}.review-card h3{font-size:14px;margin-top:24px}.review-card blockquote{font-size:16px;line-height:1.65;margin-bottom:20px}.review-card .star-icon{width:14px;height:14px}.review-card .brand-rating{gap:8px}.review-card .sample-score-label{font-size:6px}.review-brand-link{font-size:10px}.reviews-controls>p{font-size:8px}.reviews-controls button{width:37px;height:37px}.floating-brand{animation-duration:7s}}
@media(max-width:359px){.review-card{padding:21px 18px 19px}.review-person{gap:9px}.review-avatar{width:39px;height:39px}.review-person strong{font-size:11px}.review-person>div>span{font-size:7px}.review-sample-tag{font-size:6px;padding:3px 4px}.review-card blockquote{font-size:15px}.reviews-section h2{font-size:31px}.directory-section h2{font-size:28px}.brand-rating{gap:7px}}
@media(prefers-reduced-motion:reduce){.brand-card::after,.floating-brand{animation:none!important}.brand-card::after{opacity:0!important}.brand-card:hover,.brand-card:focus-within{transform:none}.reviews-track{scroll-behavior:auto}}