.cs{background:var(--cs-ground);flex-direction:column;gap:56px;padding:0 0 96px;display:flex}.cs--sts{--cs-ground:#f7f4ed;--cs-top:#e8d9be;--cs-top-eyebrow:#72510d;--cs-accent:#85611a}.cs--sts .cs__top{--ink:#1d1c1a;--ink-2:#4a4238;--ink-3:#5f5547;--line:#1d1c1a24;--ground:var(--cs-top);--link-hover:#0f5476}.cs--morikami{--cs-ground:#f5f3ef;--cs-top:#9db1db;--cs-top-eyebrow:#1f3a6b;--cs-accent:#1f3a6b;--line:#d6d4ce}.cs--morikami .cs__top{--ink:#1d1c1a;--ink-2:#2a3550;--ink-3:#243049;--line:#1d1c1a29;--ground:var(--cs-top);--link-hover:#1f3a6b}.cs--night{--cs-ground:var(--ground);--cs-top:var(--night);--cs-top-eyebrow:#aeaca5;--cs-accent:var(--ink-2)}.cs--night .cs__top{--ink:#f5f4f1;--ink-2:#cfcdc7;--ink-3:#aeaca5;--line:#f5f4f129;--ground:var(--cs-top);--link-hover:#7cc4e8}.cs__top{background:var(--cs-top);color:var(--ink);flex-direction:column;gap:48px;padding:72px 0;display:flex}.cs__top .eyebrow{color:var(--cs-top-eyebrow)}.cs .read{width:min(var(--read-w), 100% - 2 * var(--gutter));flex-direction:column;gap:18px;margin:0 auto;display:flex}.cs h2[id]{scroll-margin-top:40px}.cs .read>p,.cs .read>ul,.cs .read>ol,.cs .read>blockquote{max-width:35em}.cs .wide{width:min(1040px, 100% - 2 * var(--gutter));margin:0 auto}.cs__head{gap:14px}.cs__head .lede{margin-top:6px}.cs .cs__intro{margin-top:8px}.cs .cs__intro .lede{margin-top:0}.cs__actions{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.cs .read .h3{margin-top:20px}.cs .read p strong{font-weight:600}.cs a.inline{text-underline-offset:3px;text-decoration:underline 1px}.cs code{background:var(--tile);border-radius:4px;padding:2px 5px;font:500 15px/1 ui-monospace,SF Mono,Menlo,monospace}.cs .pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cs .pair figure{flex-direction:column;gap:10px;display:flex}.cs .pair img{object-fit:cover;object-position:top;border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;height:auto}.cs .pair:not(.pair--screens) img{aspect-ratio:4/5}.cs .pair figcaption{font:var(--eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.cs .pair--screens{width:min(840px, 100% - 2 * var(--gutter));align-items:start;gap:28px;margin:0 auto}.cs .read .pair--screens{width:100%}.cs .pair--screens img{border-radius:18px}.cs .facts{border-top:1px solid var(--line);gap:0;display:grid}.cs .facts div{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:16px;padding:14px 0;display:grid}.cs .facts dt{color:var(--cs-accent);font-weight:600}.cs .facts dd{color:var(--ink-2);margin:0}.cs figure{margin:0}.cs .shot{flex-direction:column;gap:10px;margin:6px 0;display:flex}.cs .shot img{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:auto}.cs .shot--bleed{width:min(1040px, 100vw - 2 * var(--gutter));align-self:center}.cs .shot--narrow{align-self:center;width:min(480px,100%)}.cs .shot--email{align-self:center;width:min(560px,100%)}.cs figcaption{font:var(--small);color:var(--ink-3)}.cs .strip{flex-direction:column;gap:10px;display:flex}.cs .strip__scroll{border-radius:14px;overflow-x:auto}.cs .strip__scroll img{width:100%;min-width:900px;height:auto;display:block}.cs .log{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.cs .log summary{cursor:pointer;min-height:44px;padding:16px 0;font-weight:600}.cs .log[open] summary{padding-bottom:8px}.cs .log .tablewrap{margin-bottom:16px}.cs .tablewrap{overflow-x:auto}.cs table{border-collapse:collapse;width:100%}.cs .log table{min-width:820px;font:var(--small)}.cs .nums{font-variant-numeric:tabular-nums;min-width:480px}.cs th,.cs td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 12px}.cs thead th{font:var(--eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-accent)}.cs tbody th{white-space:nowrap;font-weight:600}.cs .log tbody th{white-space:normal;min-width:110px}.cs .key th,.cs .key td{font-weight:700}.cs tbody tr:last-child th,.cs tbody tr:last-child td{border-bottom:0}.cs .next{flex-direction:column;gap:12px;margin:0;padding-left:1.2em;display:flex}.cs .next li{padding-left:4px}.cs__end{align-items:flex-start;gap:20px}.cs .tablewrap:focus-visible,.cs .strip__scroll:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (width<=767px){.cs{gap:44px}.cs__top{gap:32px;padding:48px 0}.cs .pair{gap:10px}.cs .pair--screens{gap:12px}.cs .pair--screens img{border-radius:10px}.cs .facts div{grid-template-columns:1fr;gap:2px}}.cs .pair figcaption.say{font:var(--small);letter-spacing:0;text-transform:none;color:var(--ink-2)}.cs .pair figcaption.say strong{color:var(--ink);font-weight:600}.cs .visitors{grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0;display:grid}.cs .visitors--four{grid-template-columns:repeat(2,1fr)}.cs .visitor{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:18px;display:flex}.cs .visitor .count{font:var(--eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-accent);margin:0}.cs .visitor h3{margin:0;font-size:18px;font-weight:700;line-height:1.3}.cs .visitor p{font:var(--small);color:var(--ink-2);margin:0}.cs .annot{grid-template-columns:minmax(0,340px) 1fr;gap:36px;margin:6px 0;display:grid}.cs .annot img{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;height:auto;display:block}.cs .annot__notes{margin:0;padding:0;list-style:none;position:relative}.cs .annot__notes li{font:var(--small);color:var(--ink-2);position:absolute;left:0;right:0;transform:translateY(-50%)}.cs .annot__notes li strong{color:var(--ink);font-weight:600;display:block}.cs .annot__notes li:before{content:"";border-top:1px solid var(--cs-accent);width:40px;position:absolute;top:50%;left:-48px}.cs .compare{min-width:640px;font:var(--small)}.cs .compare .ours{color:var(--ink);font-weight:600}@media (width<=767px){.cs .visitors{grid-template-columns:1fr}.cs .annot{grid-template-columns:1fr;gap:16px}.cs .annot img{max-width:340px}.cs .annot__notes{flex-direction:column;gap:10px;display:flex}.cs .annot__notes li{position:static;transform:none}.cs .annot__notes li:before{display:none}}.cs--sts{--mark:#1a5fc8;--mark-price:#4a4238}.cs .positions{flex-direction:column;gap:16px;margin:10px 0;display:flex}.cs .positions__key{font:var(--small);color:var(--ink-2);flex-wrap:wrap;gap:8px 22px;margin:0;display:flex}.cs .positions__key span:before{content:"";vertical-align:-1px;border-radius:3px;width:22px;height:12px;margin-right:8px;display:inline-block}.cs .positions__key .k-price:before{border:2px dashed var(--mark-price)}.cs .positions__key .k-moved:before{border:3px solid var(--mark)}.cs .positions__row{grid-template-columns:repeat(var(--n), minmax(0, 180px));align-items:start;gap:32px;display:grid}.cs .positions figure{flex-direction:column;gap:10px;display:flex}.cs .positions .v{font:var(--eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-accent);margin:0}.cs .positions .frame{position:relative}.cs .positions img{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;height:auto;display:block}.cs .positions .mark{left:-5px;right:-5px;top:var(--y);height:var(--h);border-radius:5px;min-height:10px;position:absolute;box-shadow:0 0 0 2px #fff}.cs .positions .mark--price{border:2px dashed var(--mark-price)}.cs .positions .mark--moved{border:3px solid var(--mark)}.cs .positions figcaption{font:var(--small);color:var(--ink-2)}.cs .stats{grid-template-columns:1fr 1fr;gap:12px;margin:6px 0;display:grid}.cs .stat{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:20px;display:flex}.cs .stat .big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-size:clamp(28px,4.4vw,42px);font-weight:700;line-height:1.05}.cs .stat .big .was{color:var(--ink-3);font-weight:600}.cs .stat p{font:var(--small);color:var(--ink-2);margin:0}.cs .shot figcaption strong{color:var(--ink);font-weight:600}@media (width<=767px){.cs .positions__row{gap:12px}.cs .positions .mark{left:-3px;right:-3px}.cs .stats{grid-template-columns:1fr}}.cs--dispatch{--cs-ground:#15142c;--cs-accent:#c4c1ee;--ground:#15142c;--ink:#f6f4ee;--ink-2:#f5f3eed6;--ink-3:#f5f3eea8;--line:#ffffff29;--link-hover:#a9cdf0;--tile:#ffffff12;color:var(--ink)}.cs.cs--dispatch .fc{color:#1b1a30}.cs.cs--dispatch .fc--red{color:#fff}.cs.cs--dispatch .fc--amber{color:#8a4f00}.cs.cs--dispatch .pin{color:#15142c;box-shadow:0 0 0 3px #15142c,0 4px 10px #0006}.cs.cs--dispatch .pins__key li:before{color:#15142c}.cs--dispatch :is(.visitor,.stat){background:#ffffff0d}.cs--dispatch .read .h2{letter-spacing:.005em;font:600 44px/1.08 Barlow Condensed,Arial Narrow,sans-serif}.cs--dispatch .pins__pair figcaption{letter-spacing:.08em;font-family:Barlow Semi Condensed,Arial Narrow,sans-serif}.cs .summary{--ink:#1b1a30;--ink-2:#33314c;--ink-3:#4f4d68;--line:#1b1a3024;--cs-accent:#4634a8;--link-hover:#4634a8;width:min(calc(var(--read-w) + 2 * 32px), 100% - 2 * var(--gutter));box-sizing:border-box;color:var(--ink);background:#f6f1ea;border-radius:14px;margin:0 auto;padding:28px 32px 14px}.cs .summary__title{letter-spacing:.005em;color:var(--ink);margin:0;font:600 34px/1.08 Barlow Condensed,Arial Narrow,sans-serif}.cs .summary__meta{font:var(--small);color:var(--ink-3);margin:4px 0 18px}.cs .summary .facts div:last-child{border-bottom:0}.cs mark.hl{color:#f3c67a;background:0 0;font-weight:600}.cs .words{font:var(--body);color:var(--cs-accent);text-wrap:pretty;margin:4px 0 4px 20px}.cs .words p+p{margin-top:10px}.cs .words--lg{letter-spacing:-.01em;font-size:clamp(24px,3vw,30px);font-weight:700;line-height:1.25}.cs .fc{vertical-align:.05em;height:1.5em;font:600 .82em/1 var(--font-sans);letter-spacing:.02em;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;background:#f6f1ea;border-radius:5px;align-items:center;margin:0 .05em;padding:0 .4em;display:inline-flex;box-shadow:inset 0 0 0 1px #d9cfc0}.cs .fc--red{box-shadow:none;color:#fff;background:#b42d2d}.cs .fc--amber{color:#8a4f00;background:#fcf0dd;box-shadow:inset 0 0 0 1px #f0d9b5}.cs .to{color:var(--ink-3);margin:0 .25em}.cs .film{flex-direction:column;gap:10px;margin:6px 0;display:flex}.cs .film .clip{border:1px solid var(--line);border-radius:12px;overflow:hidden}.cs .film--bleed{width:min(1040px, 100vw - 2 * var(--gutter));align-self:center}.cs .film__notes{font:var(--small);color:var(--ink-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;margin:4px 0 0;padding:0;list-style:none;display:grid}.cs .film__notes strong{color:var(--ink);font-weight:600}.cs .pins{flex-direction:column;gap:14px;margin:6px 0;display:flex}.cs .pins--bleed{width:min(1040px, 100vw - 2 * var(--gutter));align-self:center}.cs .pins__img{position:relative}.cs .pins__scroll{border-radius:12px;overflow-x:auto}.cs .pins__scroll:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.cs .pins__img img{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:auto;display:block}.cs .pin{left:var(--x);top:var(--y);background:var(--ink);color:#fff;width:26px;height:26px;font:700 13px/1 var(--font-sans);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff,0 4px 10px #1b1a304d}.cs .pins__key{counter-reset:pin;gap:8px;margin:0;padding:0;list-style:none;display:grid}.cs .pins__key li{font:var(--small);color:var(--ink-2);grid-template-columns:26px 1fr;align-items:start;gap:12px;display:grid}.cs .pins__key li:before{counter-increment:pin;content:counter(pin);background:var(--ink);color:#fff;width:22px;height:22px;font:700 12px/1 var(--font-sans);border-radius:50%;place-items:center;margin-top:-1px;display:grid}.cs .pins__key li strong{color:var(--ink);font-weight:600}.cs .pins__pair{grid-template-columns:1fr 1fr;align-items:start;gap:28px;width:min(640px,100%);display:grid}.cs .pins__pair figure{flex-direction:column;gap:10px;display:flex}.cs .pins__pair figcaption{font:var(--eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.cs .pins--side{grid-template-columns:minmax(0,340px) 1fr;align-items:start;gap:64px;display:grid}.cs .card-demo{justify-items:start;margin:6px 0;display:grid}.cs .card-demo>*{grid-area:1/1;align-self:start}.cs .crows{width:min(1180px, 100vw - 2 * var(--gutter));align-self:center;gap:44px;margin:6px 0;display:grid}.cs .crow{gap:16px;display:grid}.cs .crow .clip{border:1px solid var(--line);border-radius:12px;overflow:hidden}.cs .cstep{flex-direction:column;gap:8px;display:flex}.cs .cstep h3{letter-spacing:.005em;margin:0;font:600 28px/1.14 Barlow Condensed,Arial Narrow,sans-serif}.cs .cstep p{color:var(--ink-2);margin:0}.cs .cstep .move{color:var(--ink);font:600 17px/1.3 var(--font-sans);margin:2px 0 0}@media (width>=1000px){.cs .crow{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;column-gap:48px}.cs .cstep h3{font-size:34px}}.cs .visitor .move{font:600 18px/1.3 var(--font-sans);margin:2px 0 4px}@media (width<=767px){.cs .words{margin-left:12px}.cs .summary{padding:22px 20px 10px}.cs--dispatch .read .h2{font-size:34px}.cs .film__notes{grid-template-columns:minmax(0,1fr)}.cs .pin{width:22px;height:22px;font-size:12px}.cs .pins__pair{gap:12px}.cs .pins__scroll .pins__img{width:760px}.cs .pins__scroll .pin{width:24px;height:24px}.cs .pins__pair .pin{--x:calc(100% - 13px)!important}.cs .pins--side{grid-template-columns:1fr;gap:16px}.cs .pins--side .pins__img{max-width:min(340px,100% - 32px)}}
