.formats{--fm-card:clamp(252px,18.5vw,300px);isolation:isolate}.h-mode .formats{background:radial-gradient(min(30vw,450px) 66% at 0 56%,#deb2681d 0% 8%,#deb2681a 24%,#deb26815 40%,#deb2680f 56%,#deb26808 72%,#deb26803 86%,#0000 100%),radial-gradient(min(32vw,480px) 70% at 100% 54%,#deb26822 0% 8%,#deb2681f 24%,#deb26819 40%,#deb26811 56%,#deb2680a 72%,#deb26804 86%,#0000 100%),linear-gradient(90deg,#e0ba780a,#e0ba780d)}.formats:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 66% at 78% 56%,rgba(240,198,124,calc(.12 + var(--rail,1)*.08)),transparent 100%),radial-gradient(72% 56% at 48% 110%,#ecc27a2b,transparent 100%),radial-gradient(40% 50% at 16% 42%,#e4be7c17,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#0000 calc(var(--edge,min(20vw,300px))*0),#0000000d calc(var(--edge,min(20vw,300px))*.15),#0000002e calc(var(--edge,min(20vw,300px))*.3),#00000080 calc(var(--edge,min(20vw,300px))*.5),#000000d1 calc(var(--edge,min(20vw,300px))*.7),#000000f2 calc(var(--edge,min(20vw,300px))*.85),#000 calc(var(--edge,min(20vw,300px))*1),#000 calc(100% - var(--edge,min(20vw,300px))*1),#000000f2 calc(100% - var(--edge,min(20vw,300px))*.85),#000000d1 calc(100% - var(--edge,min(20vw,300px))*.7),#00000080 calc(100% - var(--edge,min(20vw,300px))*.5),#0000002e calc(100% - var(--edge,min(20vw,300px))*.3),#0000000d calc(100% - var(--edge,min(20vw,300px))*.15),#0000 calc(100% - var(--edge,min(20vw,300px))*0));-webkit-mask-image:linear-gradient(90deg,#0000 calc(var(--edge,min(20vw,300px))*0),#0000000d calc(var(--edge,min(20vw,300px))*.15),#0000002e calc(var(--edge,min(20vw,300px))*.3),#00000080 calc(var(--edge,min(20vw,300px))*.5),#000000d1 calc(var(--edge,min(20vw,300px))*.7),#000000f2 calc(var(--edge,min(20vw,300px))*.85),#000 calc(var(--edge,min(20vw,300px))*1),#000 calc(100% - var(--edge,min(20vw,300px))*1),#000000f2 calc(100% - var(--edge,min(20vw,300px))*.85),#000000d1 calc(100% - var(--edge,min(20vw,300px))*.7),#00000080 calc(100% - var(--edge,min(20vw,300px))*.5),#0000002e calc(100% - var(--edge,min(20vw,300px))*.3),#0000000d calc(100% - var(--edge,min(20vw,300px))*.15),#0000 calc(100% - var(--edge,min(20vw,300px))*0));mask-image:linear-gradient(90deg,#0000 calc(var(--edge,min(20vw,300px))*0),#0000000d calc(var(--edge,min(20vw,300px))*.15),#0000002e calc(var(--edge,min(20vw,300px))*.3),#00000080 calc(var(--edge,min(20vw,300px))*.5),#000000d1 calc(var(--edge,min(20vw,300px))*.7),#000000f2 calc(var(--edge,min(20vw,300px))*.85),#000 calc(var(--edge,min(20vw,300px))*1),#000 calc(100% - var(--edge,min(20vw,300px))*1),#000000f2 calc(100% - var(--edge,min(20vw,300px))*.85),#000000d1 calc(100% - var(--edge,min(20vw,300px))*.7),#00000080 calc(100% - var(--edge,min(20vw,300px))*.5),#0000002e calc(100% - var(--edge,min(20vw,300px))*.3),#0000000d calc(100% - var(--edge,min(20vw,300px))*.15),#0000 calc(100% - var(--edge,min(20vw,300px))*0));position:absolute;inset:0}.v-mode .formats:before{-webkit-mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%)}.h-mode .formats{width:max-content;min-width:100vw}.formats .panel-inner{padding-right:calc(var(--gutter) + 5vw);flex-direction:row;align-items:center}.formats .fm-intro{flex:none;width:clamp(320px,28vw,440px);margin-right:clamp(56px,6vw,110px)}.formats .fm-intro h2{margin:26px 0 30px}.formats .fm-intro h2 em{padding-right:.08em}.formats .fm-intro .lede{text-wrap:pretty;max-width:390px}.formats .fm-intro .text-link{margin-top:18px}.formats .fm-row{flex:none;align-items:flex-end;display:flex}.formats .fm-formats{flex-direction:column;flex:none;display:flex}.formats .fm-rail{font:9.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#c4ac82;margin:0 0 26px;position:relative}.formats .fm-rail span{margin-bottom:13px;display:block}.formats .fm-rail b{height:1px;transform:scaleX(var(--rail,1));transform-origin:0;background:linear-gradient(90deg,#f1d9a8,#dcbd86 84%,#a8844f00);display:block;position:relative;box-shadow:0 0 10px #ffd89966}.formats .fm-rail b:before{content:"";background:#f1d9a8;width:1px;position:absolute;inset:-3px auto -3px 0}.formats .fm-cards{grid-auto-flow:column;grid-auto-columns:var(--fm-card);gap:14px;margin:0;padding:0;list-style:none;display:grid}.formats .fm-card,.formats .fm-spec{--mx:50%;--my:0%;--lit:1;position:relative}.formats .fm-card{background:radial-gradient(420px circle at var(--mx) var(--my),#ffd89924,transparent 60%),linear-gradient(165deg,#2a261f,#1a1814 74%);transition:border-color .5s,opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease);border:1px solid #6b573866;border-radius:16px;flex-direction:column;padding:28px 26px 22px;display:flex;box-shadow:inset 0 1px #fff3dc12,0 30px 60px -40px #000}.formats .fm-card:before,.formats .fm-spec:before{content:"";border-radius:inherit;background:radial-gradient(260px circle at var(--mx) var(--my),#f1d9a8aa,transparent 70%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.formats .fm-card:hover,.formats .fm-spec:hover{border-color:#8a6d4488}.formats .fm-card:hover:before,.formats .fm-spec:hover:before{opacity:1}.formats .fm-node{width:1px;height:26px;opacity:calc(.1 + var(--lit)*.9);transform:scaleY(calc(.2 + var(--lit)*.8));transform-origin:top;background:linear-gradient(#f1d9a8,#a8844f33);position:absolute;top:-27px;left:50%}.formats .fm-node:before{content:"";width:7px;height:7px;box-shadow:0 0 calc(4px + var(--lit)*12px) calc(var(--lit)*2px) #ffcf7a99;background:#f1d9a8;border-radius:50%;position:absolute;top:-3px;left:-3px}.formats .fm-top{justify-content:space-between;align-items:flex-start;display:flex}.formats .fm-top svg{fill:none;stroke:#e2c38c;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;width:56px;height:56px;opacity:calc(.5 + var(--lit)*.5);filter:drop-shadow(0 0 calc(var(--lit)*9px) #ffcf7a55)}.formats .fm-top span{font:10px/1 var(--mono);letter-spacing:.08em;color:color-mix(in srgb,#f1d9a8 calc(var(--lit)*100%),#a89880)}.formats .fm-kicker{letter-spacing:.22em;text-transform:uppercase;color:#d3b88a;margin-top:26px;font-size:10px;font-weight:600}.formats .fm-card h3{letter-spacing:-.035em;color:#f4ecdc;margin:10px 0 0;font-size:26px;font-weight:600;line-height:1.1}.formats .fm-text{color:#aea28d;text-wrap:pretty;margin:16px 0 20px;font-size:13px;line-height:1.66}.formats .fm-card small{font:10px/1.4 var(--mono);letter-spacing:.1em;color:#ab9c80;border-top:1px solid #4a402f88;margin-top:auto;padding-top:14px;display:block}.formats .fm-side{flex:none;margin-left:clamp(40px,4vw,72px);position:relative}.formats .fm-dial{aspect-ratio:1;width:clamp(520px,44vw,760px);transform:translate(-50%,-50%) rotate(calc(var(--rail,1)*28deg - 28deg));opacity:calc(.3 + var(--rail,1)*.26);pointer-events:none;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 62%,#0000 100%);mask-image:radial-gradient(closest-side,#000 62%,#0000 100%)}.formats .fm-dial img{width:100%;height:100%;display:block}.formats .fm-spec{background:radial-gradient(420px circle at var(--mx) var(--my),#ffd8991a,transparent 60%),linear-gradient(145deg,#28231bf2,#161411f5 70%);width:clamp(340px,27vw,420px);box-shadow:0 40px 90px -40px #000,inset 0 1px #fff0d41a,0 0 calc(var(--lit)*90px) -26px #ffd89966;transition:border-color .5s,opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease);border:1px solid #8a704866;border-radius:20px;padding:36px 38px 28px}.formats .fm-icon{width:58px;height:58px;box-shadow:0 10px 26px -6px #000c,0 0 0 1px #0006,0 0 calc(var(--lit)*30px) -8px #ffd89988;border-radius:14px;position:absolute;top:28px;right:30px}.formats .fm-label{letter-spacing:.22em;text-transform:uppercase;color:#d8b983;font-size:10px;font-weight:600}.formats .fm-spec strong{letter-spacing:-.045em;color:#f6eedf;margin:14px 0 24px;font-size:36px;font-weight:600;line-height:1.1;display:block}.formats .fm-spec dl{margin:0}.formats .fm-spec dl>div{border-top:1px solid #7a633f55;justify-content:space-between;gap:20px;padding:15px 0;font-size:13px;display:flex}.formats .fm-spec dt{color:#ae9f86}.formats .fm-spec dd{text-align:right;color:#efe0c2;margin:0}.formats .fm-spec dd small{color:#c3b49b;margin-top:5px;font-size:11px;line-height:1.4;display:block}.formats .fm-compat{color:#c3b49b;text-wrap:pretty;margin:12px 0 0;font-size:12px;line-height:1.6}.formats .fm-compat a{color:#f1d9a8;text-underline-offset:4px;width:fit-content;margin-top:7px;-webkit-text-decoration:underline #a8844f88;text-decoration:underline #a8844f88;display:block}.formats .fm-compat a:hover{color:#fff3dc;text-decoration-color:currentColor}.formats .fm-compat a:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #f1d9a8}.formats .fm-made{text-wrap:pretty;color:#b6a992;border-top:1px solid #7a633f55;padding-top:18px;font-size:12.5px;line-height:1.7}.formats .fm-bottom{letter-spacing:.06em;color:#c9ab79;border-top:1px solid #7a633f55;gap:20px;margin-top:20px;padding-top:18px;font-size:10px;display:flex}.formats .fm-bottom span:before{content:"";vertical-align:1px;background:#f1d9a8;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block;box-shadow:0 0 8px #ffcf7a99}@media (max-height:780px){.formats .fm-card{padding:22px 22px 18px}.formats .fm-top svg{width:46px;height:46px}.formats .fm-kicker{margin-top:18px}.formats .fm-card h3{font-size:23px}.formats .fm-text{margin:12px 0 14px;font-size:12.5px;line-height:1.6}.formats .fm-card small{padding-top:11px}.formats .fm-spec{padding:26px 32px 20px}.formats .fm-icon{border-radius:12px;width:50px;height:50px;top:22px;right:24px}.formats .fm-spec strong{max-width:240px;margin:10px 0 16px;font-size:30px}.formats .fm-spec dl>div{padding:9px 0}.formats .fm-made{padding-top:13px;font-size:12px}.formats .fm-bottom{margin-top:14px;padding-top:13px}}@media (max-width:700px){.h-mode .formats .fm-intro{width:calc(100vw - var(--gutter)*2);max-width:420px;margin-right:48px}.formats h2{font-size:clamp(36px,10vw,44px)}.h-mode .formats{--fm-card:262px}.h-mode .formats .fm-side{margin-left:36px}.h-mode .formats .fm-spec{width:318px;padding:28px 26px 22px}.h-mode .formats .fm-spec strong{font-size:30px}.formats .fm-dial{width:150vw;max-width:600px}.h-mode .formats .fm-dial{--to-edge:calc(var(--gutter) + 5vw + 159px);-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%),linear-gradient(90deg,#000 calc(50% + var(--to-edge) - 150px),#00000080 calc(50% + var(--to-edge) - 70px),transparent calc(50% + var(--to-edge) - 4px));-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%),linear-gradient(90deg,#000 calc(50% + var(--to-edge) - 150px),#00000080 calc(50% + var(--to-edge) - 70px),transparent calc(50% + var(--to-edge) - 4px));mask-image:radial-gradient(closest-side,#000 62%,transparent 100%),linear-gradient(90deg,#000 calc(50% + var(--to-edge) - 150px),#00000080 calc(50% + var(--to-edge) - 70px),transparent calc(50% + var(--to-edge) - 4px));-webkit-mask-composite:source-in;mask-composite:intersect}.formats .fm-rail,.formats .fm-kicker,.formats .fm-label,.formats .fm-bottom,.formats .fm-top span,.formats .fm-card small{font-size:11px}}.v-mode .formats .fm-dial{display:none}.v-mode .formats .panel-inner{padding-right:var(--gutter);flex-direction:column;align-items:stretch}.v-mode .formats .fm-intro{width:auto;margin:0 0 40px}.v-mode .formats .fm-row{display:block}.v-mode .formats .fm-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-flow:row}.v-mode .formats .fm-side{margin:40px 0 0}.v-mode .formats .fm-spec{width:min(100%,460px)}