.hp-hero-sample{display:none}.hp-hero-art{margin-top:1.5rem}:is(.tool-layout:has([data-scan-state=busy],[data-scan-state=result]) .hp-hero-art,.tool-layout:has([data-scan-state=busy],[data-scan-state=result]) .hp-hero-sample){display:none}@media (min-width:64rem){.tool-hero.hp-hero{--tool-hero-gap:3.5rem;grid-template:".art"1fr"text art""actions art"".art"1fr/minmax(0,5fr) minmax(0,7fr)}.hp-hero .tool-hero-text{grid-area:text}.hp-hero-actions{flex-wrap:wrap;grid-area:actions;align-items:center;gap:.75rem 1.75rem;margin-top:1.75rem;display:flex}.hp-hero-actions .tool-stage{width:auto}.hp-hero-sample{display:block}.hp-hero-art{grid-area:art;align-self:center;margin-top:0}.tool-layout:has([data-scan-state=busy],[data-scan-state=result]) .tool-hero.hp-hero{grid-template:none/minmax(0,1fr) minmax(0,1fr)}.tool-layout:has([data-scan-state=busy],[data-scan-state=result]) .hp-hero .tool-hero-text{grid-area:auto}.tool-layout:has([data-scan-state=busy],[data-scan-state=result]) .hp-hero-actions{display:contents}.tool-layout:has([data-scan-state=busy],[data-scan-state=result]) .hp-hero-actions .tool-stage{width:100%}.tool-layout .tool-hero.hp-hero:has([data-scan-fullscreen]){grid-template:none/minmax(0,1fr)}:is(.hp-hero:has([data-scan-fullscreen]) .hp-hero-sample,.hp-hero:has([data-scan-fullscreen]) .hp-hero-art){display:none}}.hp-hand{margin:0}.hp-hand-tile{aspect-ratio:1212/1000;background:var(--surface);border-radius:1rem;position:relative;overflow:hidden}.hp-hand-photo{object-fit:cover;width:100%;height:100%;display:block}.hp-hand-over{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hp-hand-line{stroke-width:6.5px}.hp-hand-case{stroke-width:11px;stroke-opacity:.72}.hp-hand-faint{stroke-width:6px;stroke-dasharray:.5 14}@media not (min-width:48rem){.hp-hand-line{stroke-width:10px}.hp-hand-case{stroke-width:16px}.hp-hand-faint{stroke-width:9px;stroke-dasharray:.5 20}.hp-hand-points circle{r:7px}}.hp-hand-card{flex-wrap:wrap;align-items:baseline;gap:.125rem .625rem;margin:0;padding:.625rem .75rem 0;display:flex}.hp-hand-name{font-family:var(--font-display);letter-spacing:-.018em;font-size:1.125rem;font-weight:700;line-height:1.1}.hp-hand-type{color:var(--muted);font-size:.8125rem;line-height:1.25}@media not (min-width:40rem){.hp-hand-tile{aspect-ratio:auto;background:0 0;overflow:visible}.hp-hand-tile picture,.hp-hand-photo{aspect-ratio:1212/1000;border-radius:1rem;overflow:hidden}.hp-hand-over{aspect-ratio:1212/1000;height:auto;inset:0 0 auto}}@media (min-width:40rem){.hp-hand-card{background:var(--paper);border-radius:.75rem;gap:.25rem;padding:.75rem 1rem .8125rem;display:grid;position:absolute;bottom:.75rem;left:.75rem}.hp-hand-name{font-size:clamp(1.25rem,1rem + .7vw,1.625rem)}}@media (min-width:64rem){.hp-hand{width:min(100%,121.2dvh - 16.968rem);margin-inline:auto}.hp-hand-tile{border-radius:1.5rem}.hp-hand-card{bottom:1rem;left:1rem}}.hp-strip{scroll-snap-type:x mandatory;gap:.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.hp-strip-cell{scroll-snap-align:start;flex:none;width:72vw;max-width:22rem;margin:0}.hp-strip-frame{aspect-ratio:3/4;background:#0a0a0d;border-radius:1rem;position:relative;overflow:hidden}@media (min-width:64rem){.hp-strip{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.34fr) minmax(0,1fr);column-gap:1.25rem;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.hp-strip-cell{grid-row:span 2;grid-template-rows:subgrid;align-items:end;width:auto;max-width:none;display:grid}.hp-strip-cell figcaption{align-self:start}.hp-strip-frame{border-radius:1.5rem}}.hp-band{isolation:isolate;color:#fff;background:#2b35ff;flex-direction:column-reverse;display:flex;position:relative;overflow:hidden}.hp-band-picture{aspect-ratio:1400/1500;position:relative}.hp-band-words{padding:2.25rem 1.5rem .5rem}@media (min-width:40rem){.hp-band-words{padding:3rem 3rem .5rem}}@media (min-width:64rem){.hp-band{aspect-ratio:2624/1400;display:block}.hp-band-picture{z-index:-1;aspect-ratio:auto;position:absolute;inset:0}.hp-band-picture .example-pill{top:4.5%;left:3.5%}.hp-band-words{width:42%;padding:0;position:absolute;top:50%;left:7%;transform:translateY(-50%)}}@keyframes draw-on{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes spark-run{0%{opacity:0;offset-distance:0%}6%{opacity:1}94%{opacity:1}to{opacity:0;offset-distance:100%}}@keyframes points-in{0%{opacity:0}}.hp-draw{stroke-dasharray:1 1;stroke-dashoffset:0}.hp-spark{opacity:0;offset-rotate:0deg}@media (prefers-reduced-motion:no-preference){.hp-draw{animation:draw-on var(--run,1.3s) cubic-bezier(.45, .05, .2, 1) var(--delay,0s) backwards}.hp-spark{animation:spark-run var(--run,1.3s) cubic-bezier(.45, .05, .2, 1) var(--delay,0s) both}.hp-hand-points{animation:points-in .7s var(--ease-out) var(--delay,0s) backwards}}.hp-atlas path[data-line]{transition:fill var(--dur) var(--ease-out)}:is(.hp-atlas:has([data-row=heart]:is(:hover,:focus-within)) path[data-line=heart],.hp-atlas:has([data-row=head]:is(:hover,:focus-within)) path[data-line=head],.hp-atlas:has([data-row=life]:is(:hover,:focus-within)) path[data-line=life],.hp-atlas:has([data-row=fate]:is(:hover,:focus-within)) path[data-line=fate],.hp-atlas:has([data-row=sun]:is(:hover,:focus-within)) path[data-line=sun],.hp-atlas:has([data-row=money]:is(:hover,:focus-within)) path[data-line=money],.hp-atlas:has([data-row=marriage]:is(:hover,:focus-within)) path[data-line=marriage],.hp-atlas:has([data-row=children]:is(:hover,:focus-within)) path[data-line=children]){fill:var(--accent)}@media (min-width:64rem){.hp-atlas-plate{position:sticky;top:5.5rem}}.hp-atlas-row{transition:border-color var(--dur) var(--ease-out)}.hp-atlas-row:is(:hover,:focus-within){border-color:var(--accent)}