/* wow a · The Read: photo in, style read back, timed, priced and matched. */

/* ---------- home: the What field reads photos ---------- */
.hero .tries{display:none}
.seg.what .field{padding-right:56px}
.rd-cam{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;display:grid;place-items:center;color:var(--ink);border:1px solid var(--line-strong);background:var(--bg);transition:border-color .15s, color .15s;z-index:2}
.rd-cam:hover{border-color:var(--green);color:var(--open-ink)}
.rd-cam .ic{width:19px;height:19px}
.rd-cam:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.rd-strip{display:flex;align-items:center;gap:10px;max-width:700px;min-height:44px;margin-top:10px;padding:0 4px 0 2px;font-size:14px;line-height:1.3;color:var(--steel)}
.rd-strip-pick{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer;border-radius:8px}
.rd-strip-pick:focus-within{outline:2px solid var(--green);outline-offset:3px}
.rd-strip-pick .ic{flex:none;width:18px;height:18px;color:var(--steel)}
.rd-strip-t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-strip-t .rd-idle{color:var(--ink);font-weight:550}
.rd-strip-s u{color:var(--ink);font-weight:550;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.rd-strip-pick:hover u{text-decoration-color:var(--ink)}
.rd-p{display:none}
.rd-over{display:none}
body.rd-drag .rd-idle{display:none}
body.rd-drag .rd-over{display:inline;color:var(--open-ink);font-weight:600}
body.rd-drag .search{border-color:var(--green)}
.rd-strip-try{display:flex;align-items:center;gap:10px;flex:none}
.rd-strip-k{white-space:nowrap}
.rd-strip-row{display:flex;gap:6px}
.rd-th{position:relative;flex:none;width:38px;height:48px;border-radius:9px;overflow:hidden;background:var(--img);padding:0;border:0;cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:box-shadow .18s}
.rd-th img{width:100%;height:100%;object-fit:cover}
.rd-th:hover,.rd-th:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--green);outline:none}
.rd-th.on{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--green)}
.rd-th.rd-th-r{width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 1.5px var(--bg)}
.rd-th.rd-th-r img{object-position:50% 30%}
.rd-th.rd-th-r:hover,.rd-th.rd-th-r:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--green);z-index:1}

/* ---------- the read sheet ---------- */
.sheet.sheet-read .sheet-head{position:absolute;top:12px;right:12px;z-index:5;border:0;padding:0;background:none}
.sheet.sheet-read .sheet-head .icon-btn{background:var(--bg);box-shadow:var(--shadow)}
.sheet.sheet-read .sheet-body{padding:28px}
@media (min-width: 761px){
  .sheet.sheet-read{top:28px;bottom:28px;left:50%;right:auto;width:min(1160px, calc(100vw - 56px));border-radius:24px;opacity:0;transform:translate(-50%, 18px) scale(.99);transition:transform .36s var(--ease-part), opacity .26s ease}
  .sheet.sheet-read.open{transform:translate(-50%, 0);opacity:1}
}
@media (max-width: 760px){
  .sheet.sheet-read{max-height:none;height:calc(100dvh - 8px)}
  .sheet.sheet-read .sheet-head{top:18px;right:12px}
  .sheet.sheet-read .sheet-body{padding:10px 16px calc(28px + env(safe-area-inset-bottom))}
}

/* ---------- layout ---------- */
.rd{display:grid;grid-template-columns:minmax(0, 44fr) minmax(0, 56fr);gap:44px;align-items:start}
.rd-left{position:sticky;top:0;min-width:0}
.rd-page .rd-left{top:88px}
.rd-page .rd{grid-template-columns:minmax(0, 440px) minmax(0, 1fr);gap:56px}
.rd-right{min-width:0}
.rd-res{min-height:200px}

/* ---------- stage: the photo being read ---------- */
.rd-stage{position:relative;margin:0;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:var(--img);isolation:isolate}
.rd-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.rd-stage.is-in img{animation:rdLand .56s var(--ease-part) both}
@keyframes rdLand{from{opacity:0;transform:translateY(12px) scale(1.04)}to{opacity:1;transform:none}}
.rd-veil{position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,12,11,.22), rgba(10,12,11,0) 26%, rgba(10,12,11,0) 70%, rgba(10,12,11,.26));opacity:0;transition:opacity .5s ease}
.rd-stage[data-phase="reading"] .rd-veil{opacity:1}
.rd-stage[data-phase="read"] .rd-veil,.rd-stage[data-phase="unsure"] .rd-veil,.rd-stage[data-phase="picked"] .rd-veil{opacity:.7}
.rd-ov{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rd-part,.rd-part-u{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.rd-part-u{stroke:var(--green);stroke-width:1.1;opacity:.85}
.rd-part{stroke:#fff;stroke-width:.4}
.rd-tip{fill:#fff;stroke:var(--green);stroke-width:2.5;vector-effect:non-scaling-stroke;transition:opacity .3s ease}
.rd-halo{fill:none;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.6;transform-box:fill-box;transform-origin:center;animation:rdHalo 1s ease-out infinite;transition:opacity .3s ease}
@keyframes rdHalo{from{transform:scale(.5);opacity:.75}to{transform:scale(1.5);opacity:0}}
.rd-stage[data-phase="land"] .rd-tip,.rd-stage[data-phase="land"] .rd-halo,.rd-stage[data-phase="read"] .rd-tip,.rd-stage[data-phase="read"] .rd-halo,.rd-stage[data-phase="unsure"] .rd-tip,.rd-stage[data-phase="unsure"] .rd-halo,.rd-stage[data-phase="picked"] .rd-tip,.rd-stage[data-phase="picked"] .rd-halo{opacity:0;animation:none}
.rd-stage[data-phase="unsure"] .rd-part,.rd-stage[data-phase="unsure"] .rd-part-u{opacity:.35;transition:opacity .4s ease}
.rd-stage[data-phase="picked"] .rd-part,.rd-stage[data-phase="picked"] .rd-part-u{opacity:.5;transition:opacity .4s ease}
.rd-g{fill:none;stroke:rgba(255,255,255,.92);stroke-width:.24;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s var(--ease-part), opacity .3s ease}
.rd-g.on{stroke-dashoffset:0}
.rd-tags{position:absolute;inset:0;pointer-events:none}
.rd-tag{position:absolute;width:0;height:0;opacity:0;transform:translateY(8px);transition:opacity .22s var(--ease-part), transform .22s var(--ease-part)}
.rd-tag.on{opacity:1;transform:none}
.rd-tag i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px rgba(14,90,71,.9), 0 1px 4px rgba(0,0,0,.3)}
.rd-tag i::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:#fff}
.rd-tag b{position:absolute;top:0;left:14px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;background:var(--bg);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.2);font-variant-numeric:tabular-nums}
.rd-tag b::before{content:"";position:absolute;top:50%;left:-9px;width:9px;height:1.5px;background:#fff}
.rd-tag.l b{left:auto;right:14px}
.rd-tag.l b::before{left:auto;right:-9px}
.rd-sw{display:inline-block;width:10px;height:10px;border-radius:3px;box-shadow:0 0 0 1px var(--line-strong)}
.rd-sw + .rd-sw{margin-left:-3px}

.rd-status{display:flex;align-items:center;gap:10px;margin-top:12px;min-height:30px;font-size:14.5px;font-weight:600}
.rd-s-ic{flex:none;width:24px;height:24px}
.rd-s-ic svg{width:100%;height:100%;overflow:visible}
.rd-s-ring{fill:none;stroke:var(--line-strong);stroke-width:2}
.rd-s-arc{fill:none;stroke:var(--stroke);stroke-width:2.4;stroke-linecap:round;transform-origin:17px 17px;animation:rdSpin .9s linear infinite}
@keyframes rdSpin{to{transform:rotate(360deg)}}
.rd-s-tk{fill:none;stroke:var(--stroke);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s var(--ease-part) .05s}
.rd-status[data-state="done"] .rd-s-arc,.rd-status[data-state="unsure"] .rd-s-arc{display:none}
.rd-status[data-state="done"] .rd-s-ring{stroke:var(--stroke)}
.rd-status[data-state="done"] .rd-s-tk{stroke-dashoffset:0}
.rd-status[data-state="unsure"] .rd-s-ring{stroke:var(--steel);stroke-dasharray:3 3}
.rd-s-t{min-width:0}
.rd-s-n{margin-left:auto;font-size:13px;font-weight:500;color:var(--steel);white-space:nowrap}

.rd-again{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.rd-again-k{font-size:12.5px;font-weight:650;color:var(--steel);white-space:nowrap}
.rd-again-row{display:flex;gap:6px;flex-wrap:wrap}
.rd-th-add{display:grid;place-items:center;color:var(--steel);background:var(--surface)}
.rd-th-add .ic{width:18px;height:18px}
.rd-th-add:focus-within{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--green)}

/* ---------- results ---------- */
.rd-in{opacity:0;transform:translateY(16px);transition:opacity .36s var(--ease-part), transform .36s var(--ease-part)}
.rd-in.in{opacity:1;transform:none}
.rd-card{padding:4px 0 26px}
.rd-k{opacity:0;transform:translateY(8px);transition:opacity .26s var(--ease-part), transform .26s var(--ease-part)}
.rd-k.on{opacity:1;transform:none}
.rd-eye-live::before{animation:rdPulse 1s ease-in-out infinite alternate}
.rd-nums.is-pend b,.rd-nums.is-pend small{color:transparent}
.rd-nums.is-pend b{background:linear-gradient(var(--line-strong), var(--line-strong)) no-repeat 0 55% / 26px 3px}
.rd-honest{font-size:12.5px;color:var(--steel);margin:6px 0 0;line-height:1.5;max-width:40em;padding-left:10px;border-left:2px solid var(--line)}
.rd-skipw{margin:0;height:0;overflow:visible}
.rd-skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rd-skip:focus-visible{position:static;width:auto;height:auto;clip:auto;display:inline-block;margin:-14px 0 18px;padding:6px 12px;border-radius:999px;background:var(--surface);font-size:13.5px;font-weight:600;outline:2px solid var(--green);outline-offset:2px}
.rd-skipw:focus-within{height:auto}
.rd-eye{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:var(--open-ink);margin:0 0 10px}
.rd-eye::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--stroke)}
.rd-eye-q{color:var(--steel)}
.rd-eye-q::before{background:var(--steel)}
.rd-title{font-variation-settings:"opsz" 72;font-weight:740;font-size:clamp(34px, 3.4vw, 46px);line-height:1;letter-spacing:-.035em}
.rd-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:1.4em;margin:14px 0 0;font-size:16.5px;color:var(--ink);font-weight:500}
.rd-line i{font-style:normal;color:var(--line-strong);margin-right:1px}
.rd-line span{display:inline-flex;align-items:center;gap:8px}
.rd-line .rd-sw{width:12px;height:12px}
.rd-nums{display:flex;gap:40px;margin-top:22px;padding:18px 0 0;border-top:1px solid var(--line)}
.rd-nums > div{display:flex;flex-direction:column;min-width:0}
.rd-nums .k{font-size:12.5px;color:var(--steel);margin-bottom:4px}
.rd-nums b{font-family:var(--display);font-variation-settings:"opsz" 48;font-weight:700;font-size:34px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rd-nums small{font-size:13px;color:var(--steel);margin-top:6px}
.rd-bump{animation:tick .35s ease}
.rd-fix{display:flex;align-items:center;gap:8px;margin-top:22px}
.rd-fix-k{font-size:12.5px;font-weight:650;color:var(--steel);margin-right:4px}
.rd-fix .opt{height:34px;padding:0 14px;font-size:14px}
.rd-guard{font-size:13.5px;color:var(--steel);margin:18px 0 0;line-height:1.5;max-width:36em}
.rd-other{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:10px;font-size:13.5px;color:var(--steel)}
.rd-other .link-btn{font-size:13.5px;color:var(--ink);font-weight:550}

.rd-h{font-size:18px}
.rd-h2{font-size:26px;letter-spacing:-.03em}
.rd-fit{display:grid;grid-template-columns:132px minmax(0,1fr);grid-template-areas:"fig head" "fig ruler";column-gap:24px;align-items:start;padding:20px 22px 18px 14px;border-radius:16px;background:var(--surface)}
.rd-fit-fig{grid-area:fig;align-self:center}
.rd-fit-fig svg{display:block;width:100%;height:auto;overflow:visible}
.rd-fit-head{grid-area:head;padding-top:4px}
.rd-fit-head p{font-size:13.5px;color:var(--steel);margin:4px 0 0}
.rd-fit-ruler{grid-area:ruler;margin-top:12px}
.rd-fit .sizes,.rd-fit .readout,.rd-fit .ruler-hint{display:none}
.rd-fit .ruler-head h3{font-size:12.5px}
.rd-fit{--rd-hair:#1D1A17;--rd-skin:var(--bg)}
:root[data-theme="dark"] .rd-fit{--rd-hair:#0B0A09;--rd-skin:#3A423E}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .rd-fit{--rd-hair:#0B0A09;--rd-skin:#3A423E} }
.rd-body{fill:var(--rd-skin);stroke:var(--line-strong);stroke-width:1;vector-effect:non-scaling-stroke}
.rd-lv{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke;transition:stroke .3s ease}
.rd-lv.cur{stroke:var(--stroke);stroke-width:1.6;stroke-dasharray:none}
.rd-cap{fill:var(--rd-hair)}
.rd-scalp{fill:none;stroke:var(--rd-skin);stroke-width:1;stroke-linecap:round;opacity:.9}
.rd-hair{stroke:var(--rd-hair);fill:none}
.rd-hair.rd-hair-grad{stroke:url(#rdHairG)}
.rd-hair path{stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s var(--ease-part)}
.rd-hair-locs path{stroke-width:3}
.rd-hair-twists path{stroke-width:1.7}
.rd-hair-silk path{stroke-width:1.1}

/* transcript while the comb is reading */
.rd-pre{padding:4px 0 0}
@keyframes rdPulse{from{opacity:.35}to{opacity:1}}
@keyframes rdRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.rd-match{margin-top:30px}
.rd-mh p{font-size:14px;color:var(--steel);margin:6px 0 0}
.rd-ms{margin-top:8px}
.rd-m{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"look body" "look sit" "look chips";column-gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.rd-m:last-child{border-bottom:0}
.rd-m-look{grid-area:look;position:relative;display:block;align-self:start;border-radius:12px;overflow:hidden}
.rd-m-look .ph{border-radius:12px}
.rd-m-look span{position:absolute;left:6px;bottom:6px;font-size:11px;font-weight:650;background:var(--bg);color:var(--ink);padding:2px 7px;border-radius:999px}
.rd-m-b{grid-area:body;min-width:0}
.rd-m-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.rd-m-top h4{margin:0;font-family:var(--display);font-variation-settings:"opsz" 30;font-weight:680;font-size:18px;letter-spacing:-.02em;white-space:nowrap}
.rd-m-top h4 a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.rd-m-r{font-size:13px;color:var(--steel);white-space:nowrap}
.rd-m-r b{color:var(--ink);font-weight:600}
.rd-m-pl{font-size:13.5px;color:var(--steel);margin:2px 0 0}
.rd-m-svc{font-size:14px;margin:6px 0 0}
.rd-m-svc b{font-weight:650}
.rd-m-sit{grid-area:sit;margin-top:12px;min-width:0}
.rd-m-cap{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:6px}
.rd-m-cap b{font-weight:650}
.rd-m-cap span{color:var(--steel)}
.rd-m-chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.rd-m-chips .chip{height:40px;font-size:14px}
.rd-m-none{grid-column:2;font-size:14px;color:var(--steel);margin:10px 0 0}

/* unknown photo */
.rd-unknown .rd-title{font-size:clamp(30px, 3vw, 40px)}
.rd-line-u{font-size:16px;color:var(--ink);margin:14px 0 0;font-weight:500}
.rd-picks{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:10px;margin-top:14px}
.rd-pick{display:flex;flex-direction:column;gap:8px;padding:8px 8px 10px;border-radius:14px;border:1px solid var(--line-strong);text-align:left;transition:border-color .15s, background-color .15s}
.rd-pick .ph{aspect-ratio:4/5;border-radius:9px}
.rd-pick b{font-size:14px;font-weight:600;padding:0 2px}
.rd-pick:hover{border-color:var(--green)}
.rd-pick:focus-visible{outline:2px solid var(--green);outline-offset:2px}

/* ---------- #/read page ---------- */
.rd-page{padding-top:32px}
.rd-ph{max-width:46em;margin-bottom:28px}
.rd-ph h1{font-size:clamp(38px, 4.4vw, 60px);letter-spacing:-.035em}
.rd-page.has-read .rd-ph{margin-bottom:22px}
.rd-drop{position:relative;display:grid;place-items:center;aspect-ratio:4/5;border-radius:20px;background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;overflow:hidden;transition:border-color .2s, background-color .2s}
.rd-drop:hover{border-color:var(--steel)}
.rd-drop:focus-within{outline:2px solid var(--green);outline-offset:3px}
body.rd-drag .rd-drop{border-color:var(--green);background:var(--open)}
@keyframes rdDraw{to{stroke-dashoffset:0}}
.rd-drop-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 24px}
.rd-drop-ic{width:52px;height:52px;border-radius:16px;background:var(--bg);display:grid;place-items:center;margin-bottom:8px;box-shadow:0 0 0 1px var(--line)}
.rd-drop-ic .ic{width:24px;height:24px}
.rd-drop-in b{font-family:var(--display);font-variation-settings:"opsz" 30;font-weight:680;font-size:21px;letter-spacing:-.02em}
.rd-drop-s{font-size:14px;color:var(--steel);margin-bottom:12px}
.rd-tryall p.muted{font-size:14.5px;margin:6px 0 0}
.rd-tryall-g{display:grid;grid-template-columns:repeat(5, minmax(0,1fr));gap:10px;margin-top:18px}
.rd-drop-pl{height:6px;margin:4px 0 6px}
.rd-drop-pl path{stroke-width:2}
.rd-tile{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--img);padding:0;cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:box-shadow .18s}
.rd-tile img{width:100%;height:100%;object-fit:cover}
.rd-tile:hover,.rd-tile:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg), 0 0 0 4.5px var(--green)}
.rd-tryall .rd-guard{margin-top:20px}

/* ---------- booking summary: the photo rides along ---------- */
.rd-sum{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;margin:16px 0 4px;padding:12px;border-radius:14px;background:var(--surface)}
.rd-sum .ph{width:56px;height:70px;border-radius:10px}
.rd-sum b{display:block;font-weight:600;font-size:14.5px}
.rd-sum span{display:block;font-size:13px;color:var(--steel);line-height:1.4}
.rd-sum em{display:block;font-style:normal;font-size:12.5px;font-weight:600;color:var(--open-ink);margin-top:3px}

/* ---------- responsive ---------- */
@media (max-width: 1100px){
  .rd{gap:32px}
}
@media (max-width: 900px){
  .rd-page .rd{grid-template-columns:1fr}
  .rd-page .rd-left{position:static}
}
@media (max-width: 760px){
  .rd{display:flex;flex-direction:column;gap:0}
  .rd-left{display:contents}
  .rd-stage{order:1;width:min(100%, calc(56dvh * .8));align-self:center}
  .rd-status{order:2;width:min(100%, calc(56dvh * .8));align-self:center}
  .rd-right{order:3;margin-top:22px}
  .rd-again{order:4;margin-top:28px;flex-wrap:wrap}
  .rd-empty .rd-drop{order:1;width:100%;aspect-ratio:auto;min-height:340px}
  .rd-empty .rd-right{margin-top:24px}
  .rd-title{font-size:34px}
  .rd-nums{gap:28px}
  .rd-nums b{font-size:30px}
  .rd-fit{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"fig head" "ruler ruler";column-gap:16px;padding:16px 16px 14px}
  .rd-fit-fig{align-self:start}
  .rd-fit-ruler{margin-top:14px}
  .rd-m{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"look body" "sit sit" "chips chips";column-gap:14px}
  .rd-m-top{flex-direction:column;gap:0}
  .rd-m-chips .chip{flex:1 1 auto;justify-content:center}
  .rd-picks{grid-template-columns:repeat(2, minmax(0,1fr))}
  .rd-tryall-g{grid-template-columns:repeat(5, minmax(0,1fr));gap:8px}
  .rd-tile{border-radius:10px}
}
@media (max-width: 640px){
  .rd-strip{gap:8px;margin-top:8px;padding:0;font-size:13.5px}
  .rd-d{display:none}
  .rd-p{display:inline}
  .rd-strip-try{gap:8px;margin-left:auto}
  .rd-strip-k,.rd-strip-pick .ic{display:none}
  .rd-strip-row{gap:0}
  .rd-strip-row .rd-th-r + .rd-th-r{margin-left:-7px}
  .seg.what .field{padding-right:60px}
  .rd-cam{right:12px}
  .rd-ph h1{font-size:38px}
  .rd-page{padding-top:20px}
}

/* __moment.seek: every frame is set synchronously, so nothing in the read tweens */
.rd-scrub *,.rd-scrub *::before,.rd-scrub *::after{transition:none !important;animation:none !important}
html.rd-scrubbing .sheet.sheet-read,html.rd-scrubbing .scrim{transition:none !important}

/* reduced motion: fades only */
@media (prefers-reduced-motion: reduce){
  .rd-stage.is-in img{animation:rdFade .3s ease both}
  .rd-k{transform:none;transition:opacity .3s ease}
  @keyframes rdFade{from{opacity:0}to{opacity:1}}
  .rd-part,.rd-part-u,.rd-g{stroke-dashoffset:0;opacity:0;transition:opacity .3s ease}
  .rd-stage.rm-on .rd-part,.rd-stage.rm-on .rd-g.on{opacity:1}
  .rd-stage.rm-on .rd-part-u{opacity:.85}
  .rd-tip,.rd-halo{display:none}
  .rd-tag{transform:none;transition:opacity .3s ease}
  .rd-in{transform:none;transition:opacity .3s ease}
  .rd-hair path{transition:none}
  .rd-s-arc{animation:none}
  .rd-s-tk{stroke-dashoffset:0;opacity:0;transition:opacity .3s ease}
  .rd-status[data-state="done"] .rd-s-tk{opacity:1}
  .sheet.sheet-read{transition:opacity .25s ease}
}