:root{color-scheme:dark;--bg: #0b0b0b;--surface: #171717;--raised: #222222;--line: rgba(245, 245, 244, .16);--ink: #f5f5f4;--muted: #b3b1ab;--mustard: #e1ac10;--mustard-hover: #f2be24;--on-mustard: #0b0b0b;--font: "Archivo", "Helvetica Neue", Arial, sans-serif;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2.5rem, 1.2rem + 5vw, 5.5rem);--margin: clamp(20px, 2vw, 28px);--gap: clamp(112px, 13vw, 200px);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#3a3a3a var(--bg);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--step-body);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure,dl,dd,ul{margin:0}img{display:block;max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:2px solid var(--mustard);outline-offset:3px}::selection{background:var(--mustard);color:var(--on-mustard)}.wrap{padding-inline:var(--margin)}.hero__word,.claim__num,.vs__spec p,.foot__word,h2{font-stretch:62%;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:.86}h2{font-size:var(--step-head)}.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 1.5em;background:var(--mustard);color:var(--on-mustard);font-weight:600;text-decoration:none;transition:background-color .2s var(--ease),transform .15s var(--ease)}.btn:hover{background:var(--mustard-hover)}.btn:active{transform:scale(.97)}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.hero__bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px var(--margin) 0}.hero__mark{font-weight:700;text-decoration:none;font-size:1rem}.hero__links{display:flex;gap:28px;font-size:1rem}.hero__links a{text-decoration:none;color:var(--muted);transition:color .2s var(--ease)}.hero__links a:hover{color:var(--ink)}.hero__lead{position:relative;z-index:2;padding:72px var(--margin) 0;max-width:calc(min(52vw,760px) + 2 * var(--margin))}.hero__lead h1{font-size:clamp(2rem,3.4vw,3.5rem);font-weight:600;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.hero__sub{margin:16px 0 32px;max-width:40ch;font-size:var(--step-lead);line-height:1.35;color:var(--muted)}.hero__word{margin:auto var(--margin) var(--margin);padding-top:48px;font-size:min(calc((100vw - 2 * var(--margin)) / 2.47),calc((100svh - 420px) / .74));line-height:.74;white-space:nowrap;color:var(--ink)}.hero__word span{display:inline-block;transform-origin:50% 100%;will-change:transform}.claim{min-height:92svh;display:flex;flex-direction:column;justify-content:space-between;gap:18vh;padding:96px var(--margin) 72px;background:var(--mustard);color:var(--on-mustard)}.claim h2{font-size:clamp(2.25rem,4vw,3.5rem)}.claim__num{font-size:clamp(200px,30vw,460px);line-height:.8;letter-spacing:-.02em;font-variant-numeric:lining-nums}.claim__num sup{font-size:.33em;vertical-align:top;position:relative;top:.12em;margin-left:.04em}.claim__cap{margin-top:24px;max-width:34ch;font-size:var(--step-lead);line-height:1.35}.vs{padding-top:var(--gap)}.vs__head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:24px;align-items:start}.vs__head h2{grid-column:1 / span 6}.vs__head p{grid-column:8 / span 5;font-size:var(--step-lead);line-height:1.4}.vs__pair{display:grid;grid-template-columns:1fr 1fr;margin-top:12vh}.vs__num{height:clamp(200px,25vw,400px);overflow:hidden}.vs__spec{padding-inline:var(--margin)}.vs__spec figcaption{font-size:1rem;color:var(--muted);padding:14px 0 24px}.vs__spec p{font-size:clamp(200px,34vw,560px);line-height:.8;letter-spacing:-.02em}.vs__spec--hot p{color:var(--mustard)}.vs__bands{display:flex;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:8px;background:var(--surface);font-size:var(--step-lead);font-variant-numeric:tabular-nums}.vs__bands p{padding-bottom:20px}.vs__bands b{font-weight:700;margin-right:.4em}.night{margin-top:var(--gap);display:grid;grid-template-columns:7fr 5fr;background:#ee4a1f;color:var(--bg)}.night__pic img{width:100%;height:100%;max-height:92svh;object-fit:cover;object-position:30% 50%}.night__pic figcaption{padding:10px var(--margin) 16px;color:var(--bg)}.night__text{padding:72px var(--margin);display:flex;flex-direction:column;justify-content:flex-end;gap:24px}.night__text h2{font-size:clamp(2.5rem,4.4vw,4.75rem)}.night__text p{font-size:var(--step-lead);line-height:1.35;max-width:30ch}.night__text b{font-weight:700}.survey{padding-top:var(--gap);display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}.survey__top{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:end}.survey__top h2{grid-column:1 / span 6}.survey__top p{grid-column:9 / span 4;color:var(--muted)}.survey__facts{grid-column:1 / -1;display:flex;justify-content:space-between;gap:24px;margin-top:96px}.survey__facts dt{font-size:clamp(1.75rem,3vw,2.75rem);font-weight:300;letter-spacing:-.01em;line-height:1.05}.survey__facts dd{margin-top:6px;color:var(--muted)}.survey__pic{grid-column:7 / span 6;margin-top:64px}.survey__pic img,.prints img{background:#fff}figcaption{font-size:var(--step-small);color:var(--muted)}.survey__pic figcaption,.prints figcaption{margin-top:10px}.genre{margin-top:var(--gap);padding-block:96px;background:var(--surface)}.genre__head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end}.genre__head h2{grid-column:1 / span 6}.genre__head p{grid-column:8 / span 5;color:var(--muted)}.genre__body{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;margin-top:56px;align-items:start}.genre__list{grid-column:1 / span 7;display:flex;flex-wrap:wrap;gap:0 .45em;font-size:clamp(2.25rem,4.6vw,4.5rem);font-stretch:62%;font-weight:800;text-transform:uppercase;line-height:1.02}.genre__btn{font:inherit;text-transform:inherit;color:#8a8883;background:none;border:0;padding:0;cursor:pointer;text-align:left;transition:color .2s var(--ease)}.genre__btn sup{font-size:.28em;font-weight:500;font-stretch:100%;vertical-align:top;margin-left:.1em;position:relative;top:.4em}.genre__btn:hover{color:var(--ink)}.genre__btn[aria-checked=true]{color:var(--mustard)}.genre__card{grid-column:8 / span 5;position:sticky;top:24px;background:var(--raised);padding:28px}.genre__card h3{font-size:2rem;font-stretch:62%;font-weight:800;text-transform:uppercase;line-height:1}.card__meta{margin-top:8px;color:var(--muted)}.card__warn{margin-top:12px;color:var(--mustard)}.card__bars{margin-top:24px;display:grid;gap:18px}.bar__label{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.bar__label b{font-weight:600}.bar__track{position:relative;height:14px;margin-top:6px;background:#343434}.bar__fill{height:100%;background:var(--ink);transition:width .45s var(--ease)}.bar__avg{position:absolute;top:-5px;bottom:-5px;width:3px;background:var(--mustard);transition:left .45s var(--ease)}.bar__note{margin-top:4px;font-size:var(--step-small);color:var(--muted)}.card__key{margin-top:20px;font-size:var(--step-small);color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.key-fill,.key-avg{display:inline-block;width:14px;height:14px;background:var(--ink)}.key-avg{width:3px;background:var(--mustard);margin-left:12px}.card__help{margin-top:16px;font-size:var(--step-lead);line-height:1.3}.card__help b{color:var(--mustard)}.method{padding-top:var(--gap);display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}.method__text{grid-column:1 / span 6;display:flex;flex-direction:column;gap:24px}.method__text p{max-width:34ch;color:var(--muted);font-size:var(--step-lead);line-height:1.4}.slip{grid-column:7 / span 5;background:var(--ink);color:var(--bg);padding:8px 28px 40px;font-variant-numeric:tabular-nums;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),95% 100%,90% calc(100% - 12px),85% 100%,80% calc(100% - 12px),75% 100%,70% calc(100% - 12px),65% 100%,60% calc(100% - 12px),55% 100%,50% calc(100% - 12px),45% 100%,40% calc(100% - 12px),35% 100%,30% calc(100% - 12px),25% 100%,20% calc(100% - 12px),15% 100%,10% calc(100% - 12px),5% 100%,0 calc(100% - 12px))}.slip h3{margin-top:28px;margin-bottom:6px;font-size:1rem;font-weight:700}.slip p{display:flex;align-items:baseline;gap:8px;padding:5px 0}.slip i{flex:1;border-bottom:4px dotted #8a8883;transform:translateY(-4px)}.slip b{font-weight:600;white-space:nowrap}.slip__end{justify-content:space-between;margin:24px -28px 0;padding:12px 28px!important;background:var(--bg);color:var(--mustard);font-weight:600}.prints{padding-top:var(--gap)}.prints__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 24px;margin-top:56px;align-items:start}.prints__grid figure:nth-child(2){margin-top:96px}.prints__grid figure:nth-child(4){margin-top:96px}.about{padding-block:var(--gap)}.about h2{margin-bottom:40px}.about__text{columns:2;column-gap:32px;font-size:clamp(1.375rem,2.1vw,2rem);line-height:1.22;color:var(--muted);-webkit-hyphens:auto;hyphens:auto}.about__text b{color:var(--ink);font-weight:600}mark{color:var(--on-mustard);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.m1{background:var(--mustard)}.m2{background:var(--ink)}.m3{background:#c9c4b8}.about__end{background:var(--mustard);color:var(--on-mustard);padding:0 .1em;text-decoration:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}.about__end:hover{background:var(--mustard-hover)}.foot{background:var(--mustard);color:var(--on-mustard);overflow:hidden;padding-bottom:32px}.foot__word{font-size:15.6vw;white-space:nowrap;padding:24px var(--margin) 0;margin-left:-.03em}.foot__row{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;margin-top:72px}.foot__places{grid-column:1 / span 5;list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;font-size:clamp(1.5rem,2.4vw,2.25rem);font-weight:600}.foot__places a{text-decoration:none}.foot__places a:hover{text-decoration:underline;text-underline-offset:.15em}.foot__note{grid-column:7 / span 6;max-width:52ch}.foot__credit{grid-column:7 / span 6;margin-top:20px;font-size:var(--step-small);max-width:60ch}.foot__legal{display:flex;justify-content:space-between;margin-top:96px;font-size:var(--step-small)}.js .rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i, 0) * 80ms)}.js .rv.is-in{opacity:1;transform:none}.js .vs__spec p{transform:translateY(40%);transition:transform 1.1s var(--ease)}.js .vs__spec.is-in p{transform:none}.js .vs__spec--hot p{transition-delay:.15s}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.js .rv,.js .vs__spec p{opacity:1;transform:none;transition:none}}@media (max-width: 820px){.hero__links{display:none}.hero{min-height:auto}.hero__lead{max-width:none;padding-top:32px}.hero__word{order:1;margin:0 var(--margin);padding-top:40px}.hero__bar{order:0}.hero__lead{order:2;padding-bottom:72px}.hero__lead h1{font-size:2.25rem}.hero__sub{font-size:1.125rem}.hero__lead .btn{min-height:48px;padding:0 1em}.night{display:flex;flex-direction:column-reverse}.night__text{padding-top:56px}.survey__top,.genre__head{align-items:start}.vs__head,.survey,.survey__top,.genre__head,.genre__body,.method,.foot__row{display:flex;flex-direction:column;gap:24px}.vs__pair{grid-template-columns:1fr;height:auto;overflow:visible}.vs__num{height:32svh;padding-top:20px}.vs__spec--hot{background:var(--mustard)}.vs__spec--hot p,.vs__spec--hot figcaption{color:var(--on-mustard)}.vs__spec p{font-size:62vw}.vs__bands{flex-wrap:wrap;font-size:1.125rem}.vs__bands p{width:calc(50% - 8px);padding-bottom:12px}.survey__facts{display:grid;grid-template-columns:1fr 1fr;row-gap:32px;margin-top:48px}.survey__pic{margin-top:32px}.genre__list{font-size:2.5rem}.genre__btn{min-height:48px}.genre__card{position:static;margin-top:16px;padding:20px}.slip{padding-inline:20px}.slip__end{margin-inline:-20px;padding-inline:20px!important;flex-wrap:wrap}.prints__grid{grid-template-columns:1fr}.prints__grid figure:nth-child(2),.prints__grid figure:nth-child(4){margin-top:0}.about__text{columns:1;font-size:1.25rem;-webkit-hyphens:manual;hyphens:manual}.about__end{display:block;margin-top:24px;padding:12px;width:fit-content}.foot__word{font-size:15.4vw}.foot__places{font-size:1.625rem}.foot__legal{margin-top:56px}}
