.field .cs-mast{padding-bottom:56px}.field .cs-mast .ts-head{max-width:700px}.field .cs-mast h1 .cs-vs{letter-spacing:0;font-variation-settings:normal;vertical-align:.18em;margin:0 .04em;font-family:Young,serif;font-size:.52em;font-weight:400}.field .cs-mast h1 .cs-us,.field .cs-mast h1 .cs-them{white-space:nowrap}.field .cs-mast h1.long .cs-them{white-space:normal}.field .cs-read{padding:0 92px 44px;position:relative}.field .cs-read .prose{max-width:40em}.field .cs-intro>div>p:first-child,.field .cs-intro .comparison-content>p:first-child{color:var(--ink);font-size:21px;line-height:1.55}.field .cs-intro .comparison-content>p:first-child:first-letter{float:left;color:var(--accent-deep);font-variation-settings:"wdth" 75;margin:.06em .1em 0 -.02em;font-size:4.3em;font-weight:800;line-height:.8}.field .cs-sec{margin-top:60px}.field .cs-sec>h2{letter-spacing:-.018em;font-variation-settings:"opsz" 48, "wdth" 80;color:var(--ink);text-wrap:balance;margin:0 0 .6em;scroll-margin-top:28px;font-family:Bric,system-ui,sans-serif;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1}.field .cs-chart-sec>h2{margin-bottom:.5em}.field .cs-read .comparison-content>:last-child{margin-bottom:0}.field .cs-versus{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:-30px 0 52px;display:grid;position:relative}.field .cs-slip{background:#fffdf7;padding:20px 24px 22px;box-shadow:0 1px #00000012,0 18px 26px -16px #2808008c}.field .cs-slip-them{transform:rotate(-.6deg)}.field .cs-slip-us{border-top:5px solid var(--accent);transform:rotate(.5deg)}.field .cs-slip-them{border-top:5px solid #170a0247}.field .cs-slip h2{letter-spacing:-.01em;font-variation-settings:"opsz" 32, "wdth" 82;color:var(--ink);margin:0 0 8px;font-family:Bric,system-ui,sans-serif;font-size:24px;font-weight:800;line-height:1.1}.field .cs-slip-us h2{color:var(--accent-deep)}.field[data-colorway=sun] .cs-slip-us h2,.field[data-colorway=lemon] .cs-slip-us h2{color:#6e4a00}.field .cs-slip p{color:var(--body-ink);margin:0;font-size:16.5px;line-height:1.55}.field .cs-badge{background:var(--ink);color:#fff;width:46px;height:46px;box-shadow:0 0 0 4px var(--paper);border-radius:50%;place-items:center;margin:-23px 0 0 -23px;font-family:Young,serif;font-size:19px;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:rotate(-8deg)}.field .cs-chart{--rule-c:color-mix(in oklab, var(--accent) 62%, transparent);overscroll-behavior-x:contain;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);scrollbar-width:thin;scrollbar-color:#502d1280 transparent;max-width:100%;margin:0;position:relative;overflow-x:auto}.field .cs-chart:focus-visible{outline:3px solid var(--link);outline-offset:3px}.field .cs-chart table{border-collapse:separate;border-spacing:0;font-variation-settings:"wdth" 96;font-feature-settings:"tnum";width:100%;margin:0;font-size:16px;line-height:1.42}.field .cs-chart th,.field .cs-chart td{text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--rule-c);color:var(--body-ink);padding:12px 16px}.field .cs-chart thead th{border-bottom:2px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-variation-settings:"wdth" 88;background:0 0;padding-top:14px;padding-bottom:12px;font-size:14px;font-weight:800;line-height:1.2}.field .cs-chart tbody tr:last-child td{border-bottom:0}.field .cs-chart th:first-child,.field .cs-chart td:first-child{width:34%;padding-left:2px}.field .cs-chart td:first-child{color:var(--ink);font-variation-settings:"wdth" 92;font-weight:700}.field .cs-chart th:nth-child(2),.field .cs-chart td:nth-child(2){background:color-mix(in oklab, var(--accent) 13%, transparent);box-shadow:inset 1px 0 0 var(--rule-c), inset -1px 0 0 var(--rule-c)}.field .cs-chart thead th:nth-child(2){background:var(--accent);color:var(--mast-ink)}.field .cs-chart td.check{color:var(--ink);font-weight:700}.field .cs-chart td.partial{color:var(--body-ink)}.field .cs-chart td.no{color:var(--muted)}@media (width<=1180px){.field .cs-read{padding-left:72px;padding-right:72px}}@media (width<=1000px) and (width>=860px){.field .cs-read{padding-left:56px;padding-right:48px}}.field .cs-also ul{columns:2;border-top:2px solid var(--ink);column-gap:40px;margin:0;padding:0;list-style:none}.field .cs-also li{break-inside:avoid;border-bottom:1px solid var(--rule)}.field .cs-also a{font-variation-settings:"wdth" 88;color:var(--ink);padding:10px 0;font-size:17px;font-weight:700;line-height:1.25;text-decoration:none;display:block}.field .cs-also a:before{content:"";background:var(--accent);vertical-align:.05em;border-radius:50%;width:10px;height:10px;margin:0 12px 0 1px;display:inline-block;box-shadow:inset 0 0 0 1.5px #170a0229}.field .cs-also a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}.field .cs-sticker svg{fill:currentColor;width:24px;height:24px;margin:0 auto 2px}.field .cs-sticker b{font-size:21px}@media (width<=859.98px){.field .cs-mast{padding-bottom:40px}.field .cs-mast h1 .cs-us,.field .cs-mast h1 .cs-them{white-space:normal}.field .cs-read{padding:0 18px 32px 20px}.field .cs-versus{grid-template-columns:1fr;gap:22px;margin:-22px 0 34px}.field .cs-slip{padding:16px 18px 18px}.field .cs-slip-them,.field .cs-slip-us{transform:none}.field .cs-badge{z-index:1;width:40px;height:40px;margin:-36px auto;font-size:17px;position:relative;top:auto;bottom:auto;left:auto}.field .cs-versus{grid-template-rows:auto auto auto}.field .cs-intro .comparison-content>p:first-child{font-size:19.5px}.field .cs-sec{margin-top:44px}.field .cs-sec>h2{font-size:clamp(26px,7.4vw,32px)}.field .cs-chart{margin:0 -4px}.field .cs-chart table{min-width:332px;font-size:14.5px;line-height:1.38}.field .cs-chart th,.field .cs-chart td{padding:10px 9px}.field .cs-chart thead th{letter-spacing:.06em;font-size:14px}.field .cs-chart th:first-child,.field .cs-chart td:first-child{width:33%;padding-left:2px}.field .cs-also ul{columns:1}.field .cs-also a{padding:12px 0}}@media print{.field .cs-read{padding:0}.field .cs-versus{margin:0 0 12pt;display:block}.field .cs-slip{box-shadow:none;background:0 0;border:0;border-left:2pt solid #000;margin-bottom:8pt;padding:4pt 0 4pt 10pt;transform:none}.field .cs-badge{display:none}.field .cs-intro .comparison-content>p:first-child{font-size:12.5pt}.field .cs-sec{margin-top:16pt}.field .cs-chart{border-color:#000;overflow:visible}.field .cs-chart th,.field .cs-chart td{border-bottom-color:#999;padding:5pt 8pt;font-size:10pt;color:#000!important}.field .cs-chart th:nth-child(2),.field .cs-chart td:nth-child(2){box-shadow:none;background:0 0;font-weight:700}.field .cs-chart thead th:nth-child(2){background:0 0}.field .cs-chart tr{break-inside:avoid}.field .cs-also ul{columns:2}}