/* Homepage skyline replacement. All styles are scoped to the rating feature. */
.reference-home .reference-hero{background:#000}
.reference-home .reference-hero:before,.reference-home .reference-hero:after{content:none;display:none;background:none}
.gloss-rating-feature{scroll-margin-top:120px}
.gloss-rating-feature{--rating-gold:#f0c879;position:absolute;right:2.5%;top:50%;transform:translateY(-50%);width:34.5%;max-width:570px;text-align:center;color:#f7ecd5;padding:28px 0;font-family:Arial,Helvetica,sans-serif;isolation:isolate}
.gloss-rating-feature:before{content:"";position:absolute;inset:-60px -25px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#b6872521,transparent 60%)}
.gloss-rating-feature .rating-eyebrow,.gloss-rating-dialog .rating-eyebrow{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.25em;color:#b89a62;margin:0 0 20px}
.rating-orbit{display:block;position:relative;width:100%;aspect-ratio:1;max-width:490px;margin:0 auto;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rating-orbit-guide{position:absolute;inset:12%;border:1px solid #c7a66b40;border-radius:50%;background:radial-gradient(circle,transparent 53%,#c5a16a06 69%,transparent 72%);box-shadow:0 0 35px #b87c0b08,inset 0 0 30px #b87c0b08;pointer-events:none}
.rating-orbit-guide:before{content:"";position:absolute;inset:9%;border-radius:50%;background:repeating-conic-gradient(from -1deg,#dac18d52 0deg .65deg,transparent .65deg 6deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));opacity:.75}
.rating-orbit-guide:after{content:"";position:absolute;inset:2.5%;border:1px solid #d8bd8a13;border-radius:50%}
.rating-orbit-halo{position:absolute;inset:10%;border:1px solid transparent;border-top-color:#f3d59c66;border-bottom-color:#c190382b;border-radius:50%;animation:rating-revolve 38s linear infinite;pointer-events:none}
.rating-orbit-halo:after{content:"";position:absolute;left:14.65%;top:14.65%;width:3px;height:3px;border-radius:50%;transform:translate(-50%,-50%);background:#fff0cd;box-shadow:0 0 5px #ffe5aa99,0 0 14px #dfba6966}
.rating-center{position:absolute;inset:25%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #ba924a73;border-radius:50%;background:linear-gradient(135deg,#f1ddb20c,transparent 38%,#0003 65%,#f1ddb204),radial-gradient(ellipse at 30% 0%,#302a20 0%,#151411 40%,#08090a 76%);box-shadow:0 16px 38px #000b,0 0 38px #e0a73e0d,inset 0 1px 1px #fff1cd33,inset 0 -2px 8px #0009;transition:box-shadow .4s,transform .4s,border-color .4s}
.rating-center:before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:2px;background:conic-gradient(from 135deg,#6b542a22,#b99b5d80 15%,#fff0c7cc 25%,#9c7c3e55 39%,#241e1444 54%,#cbae7166 68%,#f6e3b7a6 76%,#7e633422 90%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.rating-center:after{content:"";position:absolute;inset:6px;border:1px solid #e4cb951c;border-radius:50%;box-shadow:inset 0 1px 0 #fff5db0a;pointer-events:none}
.rating-center-label{font-size:clamp(8px,.65vw,11px);letter-spacing:.16em;color:#bda77d;font-weight:500}
.rating-center strong{display:block;font-size:clamp(42px,4.8vw,78px);letter-spacing:-.065em;line-height:1.22;font-weight:500;color:#f6dc9f;font-variant-numeric:tabular-nums;text-shadow:0 0 28px #e0b04d14;margin:4px 0}
@supports(background-clip:text){.rating-center strong{background:linear-gradient(160deg,#fff4d8 12%,#efd198 49%,#bfa16a 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
.rating-out-of{font-size:clamp(8px,.65vw,11px);letter-spacing:.2em;color:#a18f6d}
.rating-orbit-star{position:absolute;width:14%;height:14%;display:block;transform:translate(-50%,-50%);color:#f5ca70;filter:drop-shadow(0 0 9px #f1b83c8a) drop-shadow(0 3px 2px #000);transition:filter .4s;animation:rating-star-breathe 5s ease-in-out infinite}
.rating-orbit-star svg{width:100%;height:100%;overflow:visible}
.rating-orbit-star .rating-star-surface{stroke:#ffedc4;stroke-width:.4;stroke-linejoin:round}
.rating-star-facet{fill:#fff9e5;opacity:.21;stroke:none}
.rating-star-shade{fill:#745017;opacity:.18;stroke:none}
.rating-star-1{left:50%;top:12%}
.rating-star-2{left:86.14%;top:38.26%;animation-delay:-1s}
.rating-star-3{left:72.34%;top:80.74%;animation-delay:-2s}
.rating-star-4{left:27.66%;top:80.74%;animation-delay:-3s}
.rating-star-5{left:13.86%;top:38.26%;animation-delay:-4s}
.rating-orbit:hover .rating-center,.rating-orbit[aria-expanded=true] .rating-center{border-color:#f2cc7d;box-shadow:0 12px 50px #0009,0 0 50px #e0a73e20,inset 0 1px 1px #f3d09055;transform:scale(1.025)}
.rating-orbit:focus-visible{outline:2px solid #f3cc7c;outline-offset:0}
.rating-vote-count{font-size:15px;line-height:1.5;color:#e2cfa6;margin:3px 0 0;font-variant-numeric:tabular-nums}
.rating-open-hint{font-size:12px;line-height:1.6;color:#8c8372;margin:10px 0 0}
.rating-actions{padding-top:20px;animation:rating-enter .3s ease-out}
.rating-actions[hidden],.rating-your-vote[hidden],.gloss-rating-dialog [hidden]{display:none!important}
.rating-primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:13px 25px;border:1px solid #d9b168;border-radius:999px;background:linear-gradient(125deg,#f4d794,#d9af5e);color:#211807;text-decoration:none;font-family:inherit;font-size:14px;font-weight:700;line-height:1.3;cursor:pointer;box-shadow:0 3px 24px #c48b2015;transition:filter .2s,transform .2s,box-shadow .2s}
.rating-primary:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 6px 26px #c48b202b}
.rating-primary:disabled{opacity:.45;cursor:wait;transform:none}
.rating-primary:focus-visible,.rating-remove:focus-visible,.rating-dialog-close:focus-visible{outline:2px solid #fff0bd;outline-offset:4px}
.rating-your-vote{font-size:12px;color:#b5a78c;line-height:1.5;margin-top:12px}
.rating-feature-status{font-size:12px;color:#c8b692;min-height:18px;line-height:1.5;margin-top:10px;padding:0 15px}
.rating-feature-status.is-error,.rating-dialog-status.is-error{color:#edbda9}
.rating-orbit.is-updated .rating-center{animation:rating-saved .65s ease-out}
.gloss-rating-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:34px 30px 22px;border:1px solid #a5803d8a;border-radius:26px;color:#f3e8d2;background:radial-gradient(ellipse at 50% 0%,#302315 0%,#11100d 45%,#090909 80%);box-shadow:0 30px 100px #000b;font-family:Arial,Helvetica,sans-serif;text-align:center;overscroll-behavior:contain}
.gloss-rating-dialog[open]{animation:rating-enter .25s ease-out}
.gloss-rating-dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}
.rating-dialog-close{position:absolute;right:14px;top:12px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#cbbb9c;font-size:26px;font-weight:300;cursor:pointer}
.rating-dialog-close:hover{background:#e4bd6315;color:#f8dfad}
.gloss-rating-dialog .rating-eyebrow{margin-bottom:14px;font-size:11px}
.gloss-rating-dialog h2{font-family:inherit;font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0}
.gloss-rating-dialog #rating-dialog-description{font-size:13px;line-height:1.6;color:#a49a87;margin:12px 0 0}
.rating-dial{--rating-angle:144deg;position:relative;width:min(100%,292px);aspect-ratio:1;margin:22px auto 12px;border:1px solid #c7a0572b;border-radius:50%;background:radial-gradient(circle,#1a1611,#0b0b0a 65%);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.rating-dial.is-dragging{cursor:grabbing}
.rating-dial:focus-visible{outline:2px solid #f0c879;outline-offset:6px}
.rating-dial-track{position:absolute;inset:14%;border-radius:50%;background:conic-gradient(from 0deg,#ebc578 0deg var(--rating-angle),#65512f40 var(--rating-angle) 288deg,transparent 288deg);mask:radial-gradient(transparent calc(70% - 2px),#000 calc(70% - 1px));opacity:.8}
.rating-dial-ticks{position:absolute;inset:6%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ad8e4d4d 0deg 1deg,transparent 1deg 12deg);mask:radial-gradient(transparent 65%,#000 66%)}
.rating-dial-number{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid #a88b4e26;border-radius:50%;transform:translate(-50%,-50%);background:#12100d;color:#b4a17b;font-size:17px;line-height:1;font-variant-numeric:tabular-nums;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.rating-number-1{left:50%;top:14%}.rating-number-2{left:84.24%;top:38.88%}.rating-number-3{left:71.16%;top:79.12%}.rating-number-4{left:28.84%;top:79.12%}.rating-number-5{left:15.76%;top:38.88%}
.rating-dial-number.is-selected{background:#ebc578;color:#201708;border-color:#ffe2a0;box-shadow:0 0 22px #edbb5450}
.rating-dial-hand{position:absolute;left:calc(50% - 1px);bottom:50%;width:2px;height:34%;transform-origin:50% 100%;transform:rotate(var(--rating-angle));background:linear-gradient(0deg,#bca366,#f5d78d);transition:transform .2s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 9px #eabe5235;pointer-events:none}
.rating-dial-hand i{position:absolute;top:2px;left:-3px;width:8px;height:8px;border-radius:50%;background:#ffdea1;box-shadow:0 0 9px #f4c562}
.rating-dial-center{position:absolute;inset:32%;z-index:2;border:1px solid #b3955435;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:radial-gradient(circle at 35% 20%,#30271a,#11100e);pointer-events:none;box-shadow:0 4px 20px #0006}
.rating-dial-center strong{font-size:41px;font-weight:500;line-height:1.1;color:#f6d78b;font-variant-numeric:tabular-nums}
.rating-dial-center span{font-size:9px;letter-spacing:.18em;color:#baa277;margin-top:4px}
.rating-keyboard-hint{color:#8f826b;font-size:11px;line-height:1.5;margin:0 0 23px}
.gloss-rating-dialog form{margin:0}
.rating-submit{width:100%}
.rating-guest-note{font-size:12px;color:#a69c87;line-height:1.5;margin:12px 0 0}
.rating-remove{display:block;min-height:44px;margin:10px auto 0;padding:8px 15px;border:0;background:transparent;color:#b4a489;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.rating-remove:hover{color:#f0c879}
.rating-dialog-status{color:#d6c49c;font-size:12px;min-height:18px;line-height:1.5;margin:10px 0 0}
.rating-no-script{font-size:12px;line-height:1.5;color:#b4a489}
@keyframes rating-revolve{to{transform:rotate(360deg)}}
@keyframes rating-star-breathe{0%,100%{filter:drop-shadow(0 0 6px #edc57840) drop-shadow(0 3px 2px #000)}50%{filter:drop-shadow(0 0 11px #edc57870) drop-shadow(0 3px 2px #000)}}
@keyframes rating-enter{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes rating-saved{50%{box-shadow:0 0 50px #edbe604d,inset 0 0 30px #c390201a}}
@media(min-width:901px) and (max-width:1100px){.gloss-rating-feature{width:35%;right:2%}.rating-center-label,.rating-out-of{font-size:8px}.rating-center strong{font-size:46px}.rating-vote-count{font-size:13px}.rating-open-hint{font-size:11px}}
@media(max-width:900px){.gloss-rating-feature{position:relative;inset:auto;transform:none;width:min(100%,540px);max-width:none;align-self:center;padding:24px 28px 40px;margin:0 auto}.gloss-rating-feature .rating-eyebrow{font-size:10px;margin-bottom:12px}.rating-orbit{max-width:420px}.rating-center strong{font-size:clamp(48px,13vw,70px)}.rating-center-label,.rating-out-of{font-size:10px}.rating-vote-count{margin-top:0}.rating-open-hint{font-size:12px}}
@media(max-width:420px){.gloss-rating-feature{padding-left:14px;padding-right:14px}.rating-center-label,.rating-out-of{font-size:8px}.rating-center strong{font-size:48px}.gloss-rating-dialog{padding:30px 20px 18px;border-radius:22px}.gloss-rating-dialog h2{font-size:27px}.rating-dial{max-width:270px;margin-top:18px}.rating-dial-number{width:40px;height:40px}.rating-dialog-status{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.gloss-rating-feature *,.gloss-rating-dialog,.gloss-rating-dialog *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.rating-center{border-color:ButtonText}.rating-center strong{background:none;color:ButtonText;text-shadow:none}.rating-center:before,.rating-orbit-halo:after{display:none}.rating-orbit-star .rating-star-surface{fill:ButtonText;stroke:ButtonText}.rating-star-facet,.rating-star-shade{display:none}}

#rating-count{font-size:18px;line-height:1.5}
#rating-hint{font-size:16px;line-height:1.5}
#rating-count{font-size:20px}
#rating-hint{font-size:17px}

.rating-orbit-halo{animation:none}

.rating-orbit-halo{display:none}

/* Neutral silver, broad diagonal reflection and fine bevel matching the logo's 4. */
@media(forced-colors:none){
 .rating-center{border-color:#dedede;background:radial-gradient(ellipse at 77% 76%,#fff 0%,#fffdf7d9 8%,#fff9ec44 18%,transparent 38%),linear-gradient(145deg,#fff 0%,#fcfcfc 20%,#e1e1e1 34%,#a6a6a6 52%,#bcbcbc 63%,#e8e8e8 83%,#b9b9b9 100%);box-shadow:0 16px 38px #000b,0 0 24px #fff1,inset 1px 2px 2px #fff,inset -1px -2px 3px #74747480}
 .rating-center:before{padding:1px;background:conic-gradient(from 135deg,#8d8d8d,#f8f8f8 16%,#fff 28%,#a3a3a3 43%,#6f6f6f 54%,#e7e7e7 70%,#fff 80%,#999 94%)}
 .rating-center:after{inset:2px;border-color:#ffffff80;box-shadow:inset 0 1px 1px #fff8}
 .rating-center-label,.rating-out-of{color:#303030;font-weight:600;text-shadow:0 1px 0 #ffffff90}
 .rating-center strong{background:none;color:#242424;-webkit-text-fill-color:currentColor;text-shadow:0 1px 1px #ffffffb3}
 .rating-orbit:hover .rating-center,.rating-orbit[aria-expanded=true] .rating-center{border-color:#fff;box-shadow:0 12px 50px #0009,0 0 35px #fff2,inset 1px 2px 2px #fff,inset -1px -2px 3px #74747480}
}