@font-face{font-family:'SR Display';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sr-display-600-gr.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'SR Display';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sr-display-600-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'SR Text';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/sr-text-400-gr.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'SR Text';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/sr-text-400-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'SR Text';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sr-text-600-gr.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'SR Text';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sr-text-600-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'SR Display Backup';src:local('Helvetica Neue'),local('Arial'),local('Liberation Sans');size-adjust:99%;ascent-override:101%;descent-override:27%;line-gap-override:0%}
@font-face{font-family:'SR Text Backup';src:local('Helvetica Neue'),local('Arial'),local('Liberation Sans');size-adjust:97%;ascent-override:100%;descent-override:26%;line-gap-override:0%}

:root{
  --paper:#ffffff;
  --tint:#f5f4f2;
  --ink:#0b0b0c;
  --ink-quiet:#4a4a50;
  --hl:#d94f04;
  --hl-deep:#a63a02;
  --hairline:#dfdcd7;
  --stack-display:'SR Display','SR Display Backup','Helvetica Neue',Arial,sans-serif;
  --stack-text:'SR Text','SR Text Backup','Helvetica Neue',Arial,sans-serif;
  --hold:1180px;
  --gutter:clamp(20px,5vw,46px);
  --notch:9px;
}

html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--stack-text);font-size:17px;line-height:1.55;letter-spacing:-.008em}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
:where(h1,h2,h3,p,ul,ol,figure,table){margin:0}
::selection{background:var(--hl);color:#fff}

.sr-hush{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.sr-skip{position:absolute;left:-9999px;top:0;z-index:60;background:var(--ink);color:#fff;padding:14px 22px;font-family:var(--stack-display)}
.sr-skip:focus{left:12px;top:12px}

@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* shared measure */
.sr-rail__wrap,.sr-board__wrap{width:100%;max-width:var(--hold);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}

/* footer */
.sr-foot{background:var(--tint);padding-block:66px 40px;margin-top:20px}
.sr-foot__grid{display:grid;gap:44px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.sr-foot__title{font-family:var(--stack-display);font-size:clamp(1.5rem,3.4vw,2rem);font-weight:600;letter-spacing:-.035em;line-height:1.05}
.sr-foot__note{margin-top:14px;max-width:34em;color:var(--ink-quiet);font-size:1rem}
.sr-node--reach{margin-top:22px;display:inline-block;padding:20px 26px;outline:2px solid var(--hl);outline-offset:0;background:var(--paper)}
.sr-node--reach a{font-family:var(--stack-display);font-size:1.06rem;font-weight:600;text-decoration-thickness:2px;text-underline-offset:5px}
.sr-node--reach a:hover{color:var(--hl-deep)}
.sr-node__hint{display:block;font-size:.86rem;color:var(--ink-quiet);letter-spacing:.02em;text-transform:uppercase;margin-bottom:7px}
.sr-foot__cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.sr-foot__head{font-family:var(--stack-display);font-size:.82rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-quiet)}
.sr-foot__list{list-style:none;padding:0;margin:8px 0 0}
.sr-foot__list a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;font-size:1rem}
.sr-foot__list a:hover,.sr-foot__list a:focus-visible{color:var(--hl-deep);text-decoration:underline;text-underline-offset:4px}
.sr-foot__base{margin-top:52px;font-size:.92rem;color:var(--ink-quiet);max-width:56em}

/* header */
.sr-rail{padding-block:26px 10px}
.sr-rail__wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sr-rail__mark{font-family:var(--stack-display);font-size:1.4rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;line-height:1;padding-block:12px}
.sr-rail__mark i{font-style:normal;color:var(--hl)}
.sr-rail__nav{margin-left:auto}
.sr-rail__set{list-style:none;display:flex;gap:6px;padding:0;margin:0}
.sr-rail__set a{display:inline-flex;align-items:center;min-height:48px;padding:0 14px;text-decoration:none;font-size:.99rem;letter-spacing:-.01em}
.sr-rail__set a:hover,.sr-rail__set a:focus-visible{color:var(--hl-deep)}
.sr-rail__toggle{display:none;align-items:center;gap:10px;min-height:48px;padding:0 16px;margin-left:auto;background:none;border:0;cursor:pointer;font-family:var(--stack-display);font-weight:600;letter-spacing:-.01em}
.sr-rail__toggle svg{width:20px;height:20px}

/* faq */
.sr-board--ask{padding-block:34px 96px}
.sr-drop{border-top:1px solid var(--hairline)}
.sr-drop:last-of-type{border-bottom:1px solid var(--hairline)}
.sr-drop__key{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:64px;padding:18px 4px;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--stack-display);font-size:clamp(1.02rem,2.1vw,1.2rem);font-weight:600;letter-spacing:-.02em}
.sr-drop__key:hover{color:var(--hl-deep)}
.sr-drop__sign{flex:none;width:26px;height:26px;color:var(--hl);transition:transform .2s ease}
.sr-drop__key[aria-expanded=true] .sr-drop__sign{transform:rotate(45deg)}
.sr-drop__body{padding:0 4px 26px;max-width:44em;color:var(--ink-quiet)}
.sr-drop__body p+p{margin-top:12px}

/* table */
.sr-board--grid{background:var(--tint);padding-block:82px}
.sr-scroll{width:100%;overflow-x:auto;margin-top:30px;-webkit-overflow-scrolling:touch}
.sr-scroll:focus-visible{outline:3px solid var(--hl);outline-offset:3px}
table{width:100%;border-collapse:collapse;min-width:640px;font-size:1rem}
caption{text-align:left;padding-bottom:18px;color:var(--ink-quiet);font-size:.98rem;max-width:52em}
thead th{border-bottom:1px solid var(--ink);font-family:var(--stack-display);font-weight:600;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;padding:0 18px 12px;text-align:left;white-space:nowrap}
tbody th,tbody td{padding:17px 18px;text-align:left;vertical-align:middle}
tbody th{font-family:var(--stack-display);font-weight:600;font-size:1.04rem;letter-spacing:-.02em}
tbody tr:nth-child(odd){background:var(--paper)}
.sr-node--tally{font-family:var(--stack-display);font-weight:600;font-size:1.2rem;letter-spacing:-.03em}
.sr-board__after{margin-top:22px;max-width:50em;color:var(--ink-quiet);font-size:.98rem}

/* catalogue */
.sr-board--list{padding-block:26px 96px}
.sr-set{list-style:none;padding:0;margin:56px 0 0;display:grid;gap:clamp(56px,7vw,92px)}
.sr-cell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(26px,4vw,54px);align-items:center}
.sr-cell:nth-child(even) .sr-cell__shots{order:2}
.sr-cell__shots{display:grid;gap:12px;background:var(--tint);padding:16px;box-sizing:border-box}
.sr-cell__shots--tall{grid-template-columns:1fr 1fr}
.sr-cell__shots img{width:100%;height:auto}
.sr-cell__rank{font-family:var(--stack-display);font-size:2.6rem;font-weight:600;line-height:1;letter-spacing:-.05em;color:var(--hl)}
.sr-cell__mark{width:74px;height:74px;margin-top:16px}
.sr-cell__name{font-family:var(--stack-display);font-size:clamp(1.45rem,3.1vw,1.95rem);font-weight:600;letter-spacing:-.035em;line-height:1.05;margin-top:16px}
.sr-cell__by{margin-top:8px;color:var(--ink-quiet);font-size:.98rem}
.sr-cell__lead{margin-top:16px;max-width:34em}
.sr-cell .sr-jump{margin-top:24px}
.sr-node--score{display:flex;align-items:center;gap:10px;margin-top:14px}
.sr-node--score svg{width:104px;height:20px;flex:none}
.sr-node__val{font-family:var(--stack-display);font-weight:600;font-size:1.18rem;letter-spacing:-.03em}
.sr-node__src{color:var(--ink-quiet);font-size:.92rem}

/* opening */
.sr-board--lead{padding-block:52px 74px}
.sr-board--lead .sr-board__wrap{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.7fr);gap:clamp(30px,5vw,70px);align-items:center}
.sr-node--flag{display:inline-block;font-family:var(--stack-display);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-quiet)}
.sr-crown{font-family:var(--stack-display);font-weight:600;font-size:clamp(2.5rem,7.1vw,4.35rem);line-height:.99;letter-spacing:-.055em;margin-top:20px}
.sr-crown i{font-style:normal;color:var(--hl)}
.sr-lede{margin-top:24px;max-width:36em;font-size:clamp(1.02rem,1.6vw,1.14rem);color:var(--ink-quiet)}
.sr-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:34px}
.sr-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,96px));gap:12px;justify-content:start}
.sr-shelf img{width:100%;height:auto}
.sr-tally{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:28px;padding:0;list-style:none}
.sr-tally b{display:block;font-family:var(--stack-display);font-size:1.3rem;font-weight:600;letter-spacing:-.04em;line-height:1.15}
.sr-tally span{font-size:.88rem;color:var(--ink-quiet)}

/* headings shared by sections */
.sr-board__title{font-family:var(--stack-display);font-weight:600;font-size:clamp(1.85rem,4.4vw,2.9rem);line-height:1.02;letter-spacing:-.045em;max-width:18em}
.sr-board__intro{margin-top:18px;max-width:40em;color:var(--ink-quiet)}

/* actions */
.sr-jump{
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  min-height:54px;padding:0 32px;box-sizing:border-box;
  font-family:var(--stack-display);font-size:1rem;font-weight:600;letter-spacing:-.015em;
  color:var(--ink);background:var(--hl);text-decoration:none;border:0;cursor:pointer;
  clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);
  -webkit-mask-image:radial-gradient(circle at left center,rgba(0,0,0,0) var(--notch),#000 calc(var(--notch) + .5px)),radial-gradient(circle at right center,rgba(0,0,0,0) var(--notch),#000 calc(var(--notch) + .5px));
  mask-image:radial-gradient(circle at left center,rgba(0,0,0,0) var(--notch),#000 calc(var(--notch) + .5px)),radial-gradient(circle at right center,rgba(0,0,0,0) var(--notch),#000 calc(var(--notch) + .5px));
  -webkit-mask-composite:source-in;mask-composite:intersect;
  transition:background-color .18s ease,transform .18s ease
}
.sr-jump:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.sr-jump:active{transform:translateY(0)}
.sr-jump:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 6px var(--ink)}
.sr-jump svg{width:17px;height:17px;flex:none}
.sr-jump--flat{background:none;color:var(--ink);min-height:48px;padding:0 2px;clip-path:none;-webkit-mask-image:none;mask-image:none}
.sr-jump--flat span{border-bottom:2px solid var(--hl);padding-bottom:3px}
.sr-jump--flat svg{color:var(--hl);transition:transform .18s ease}
.sr-jump--flat:hover{background:none;color:var(--hl-deep);transform:none}
.sr-jump--flat:hover svg{transform:translateX(6px)}
.sr-jump--flat:focus-visible{box-shadow:none;outline:3px solid var(--hl);outline-offset:4px}
.sr-jump--lift{position:fixed;right:20px;bottom:20px;z-index:30;width:54px;height:54px;min-height:0;padding:0;--notch:7px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease,background-color .18s ease}
.sr-jump--lift.is-up{opacity:1;visibility:visible}

/* notice */
.sr-drop--notice{position:fixed;inset:auto 0 0 0;z-index:40;background:var(--ink);color:#f2f1ef;padding:18px 0;border-top:0;transform:translateY(110%);transition:transform .3s ease}
.sr-drop--notice.is-shown{transform:translateY(0)}
.sr-drop--notice .sr-board__wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.sr-drop__word{flex:1 1 30em;font-size:.94rem;line-height:1.5;margin:0}
.sr-drop__word a{color:#fff}
.sr-drop__pair{display:flex;gap:12px;flex-wrap:wrap}
.sr-drop__pair .sr-jump{min-height:48px;padding:0 24px;font-size:.95rem}
.sr-drop__pair .sr-jump--ghost{background:none;color:#fff;box-shadow:inset 0 0 0 2px #6b6b72}
.sr-drop__pair .sr-jump--ghost:hover{background:#26262b;box-shadow:inset 0 0 0 2px #f2f1ef}

/* legal pages */
.sr-board--text{padding-block:22px 88px}
.sr-paper{max-width:44em}
.sr-paper h2{font-family:var(--stack-display);font-weight:600;font-size:clamp(1.25rem,2.6vw,1.55rem);letter-spacing:-.03em;line-height:1.15;margin-top:42px}
.sr-paper p,.sr-paper ul{margin-top:14px}
.sr-paper ul{padding-left:0;list-style:none}
.sr-paper li{position:relative;padding-left:26px;margin-top:9px}
.sr-paper li::before{content:"";position:absolute;left:0;top:.62em;width:11px;height:2px;background:var(--hl)}
.sr-paper a{color:var(--ink);text-decoration-color:var(--hl);text-decoration-thickness:2px;text-underline-offset:3px}
.sr-paper a:hover{color:var(--hl-deep)}
.sr-stamp{margin-top:14px;font-size:.9rem;letter-spacing:.02em;color:var(--ink-quiet);text-transform:uppercase;font-family:var(--stack-display);font-weight:600}
.sr-board--void{padding-block:80px 110px;text-align:center}
.sr-board--void .sr-crown{margin-inline:auto}
.sr-board--void .sr-lede{margin-inline:auto}
.sr-board--void .sr-acts{justify-content:center}

@media (max-width:900px){
  .sr-board--lead .sr-board__wrap{grid-template-columns:1fr;align-items:start}
  .sr-foot__grid{grid-template-columns:1fr}
  .sr-cell{grid-template-columns:1fr}
  .sr-cell:nth-child(even) .sr-cell__shots{order:0}
  .sr-cell__mark{margin-top:0}
}
@media (max-width:760px){
  body{font-size:16px}
  .sr-rail__toggle{display:inline-flex}
  .sr-rail__nav{flex-basis:100%;margin-left:0;display:none}
  .sr-rail__nav.is-open{display:block}
  .sr-rail__set{flex-direction:column;gap:0;padding-bottom:10px}
  .sr-rail__set a{min-height:52px;padding-inline:2px}
  .sr-shelf{grid-template-columns:repeat(5,minmax(0,58px))}
  .sr-board--grid{padding-block:60px}
  .sr-board--list{padding-block:14px 66px}
  .sr-board--ask{padding-block:22px 70px}
  .sr-jump--lift{right:14px;bottom:14px}
}