.system-lead,.system-body{margin:0}.system-body{max-width:var(--body-measure);color:color-mix(in srgb, var(--color-ink) 82%, var(--color-grey));font-size:clamp(.95rem,1.15vw,1.08rem);line-height:2}.system-lead{max-width:34rem;color:var(--color-blue);font-family:var(--font-family-serif);font-size:clamp(1.18rem,1.8vw,1.65rem);font-weight:700;line-height:1.7}.system-facts{z-index:1;position:relative}.system-facts dl{width:min(100%, var(--content-wide));grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;display:grid}.system-facts dl>div{border-right:1px solid var(--rule-color);text-align:center;flex-direction:column;justify-content:flex-end;padding:.5rem .625rem;display:flex}.system-facts dl>div:last-child{border-right:0}.system-facts dt{color:var(--system-muted);letter-spacing:.1em;margin-bottom:.375rem;font-size:.8125rem;font-weight:700}.system-facts dd{margin:0}.system-facts__value{color:var(--color-deep);font-family:var(--font-family-serif);font-size:clamp(1.875rem,2.8vw,2.5rem);font-weight:700;line-height:1;display:block}.system-facts__value b{font-weight:inherit;font-variant-numeric:tabular-nums}.system-facts__value small{margin-left:.1rem;font-size:.4em}.system-facts__note{color:var(--system-muted);font-size:var(--text-xs);text-align:end;margin:.5rem 0 0;line-height:1.6}.system-window{z-index:1;min-width:0;box-shadow:var(--shadow-window);background:#0b2a6e;border-radius:.875rem;margin:0;position:relative;overflow:hidden}.system-window img,.system-capture img,.system-capture video{width:100%;height:auto;display:block}.system-capture-link{display:block}.system-capture-link:focus-visible{outline-offset:-.35rem}.system-where{z-index:1;grid-template:"map window""map tabs"1fr/minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:1rem clamp(1rem,2vw,1.5rem);margin-top:clamp(1.75rem,3vw,2.5rem);display:grid;position:relative}.system-where__map{aspect-ratio:1000/640;box-shadow:var(--shadow-window);grid-area:map;position:relative}.system-where__plan{width:100%;height:100%;position:absolute;inset:0}.system-where__north{color:#1d4f7a;letter-spacing:.2em;letter-spacing:0;justify-items:center;gap:.25rem;font-size:clamp(.62rem,1vw,.8rem);font-weight:800;line-height:1;display:grid;position:absolute;top:.8rem;right:1rem}.system-where__north:before{content:"";border:.45rem solid #0000;border-top:0;border-bottom:.9rem solid}.system-where__digit{font-variant-numeric:tabular-nums;text-box:trim-both cap alphabetic;display:block}.system-where__number,.system-where__tab>span{color:var(--color-white);background:#c8322a;border-radius:50%;place-items:center;font-weight:800;line-height:1;display:inline-grid}.system-where__pin{--pin:2rem;--pin-border:.18rem;--pin-fill:#c8322a;width:var(--pin);height:calc(var(--pin) * 1.2071);grid-template-rows:var(--pin);color:var(--color-white);cursor:pointer;transform-origin:50% 100%;place-items:center;font-size:.85rem;font-weight:800;line-height:1;display:grid;position:absolute;translate:-50% -100%}.system-where__pin:before{border:var(--pin-border) solid var(--color-white);background:var(--pin-fill);content:"";border-radius:50% 50% 50% 0;grid-area:1/1;width:100%;height:100%;rotate:-45deg;box-shadow:-.14rem .14rem .4rem #00000040}.system-where__pin>.system-where__digit{grid-area:1/1;position:relative}.system-where__places{grid-area:window;display:grid}.system-where__choice{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.system-where__window{visibility:hidden;background:var(--color-white);box-shadow:var(--shadow-window);grid-area:1/1;margin:0}.system-where__window:before{aspect-ratio:16/9;content:"";display:block}.system-where__choice:checked+.system-where__window{visibility:visible}.system-where__choice:checked+.system-where__window:before,.system-where__choice:not(:checked)+.system-where__window img{display:none}.system-where__choice:focus-visible+.system-where__window{outline:.2rem solid var(--color-focus);outline-offset:.25rem}.system-where__window img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.system-where__window figcaption{padding:1rem 1.25rem 1.25rem}.system-where__window h3{color:var(--color-deep);align-items:center;gap:.5rem;margin:0 0 .4rem;font-size:clamp(1.1rem,1.6vw,1.3rem);display:flex}.system-where__number{flex:none;width:1.6rem;height:1.6rem;font-size:.8rem}.system-where__window p{color:var(--system-muted);margin:0;font-size:clamp(.875rem,1.05vw,.95rem);line-height:1.85}.system-where__tabs{flex-wrap:wrap;grid-area:tabs;gap:.4rem;display:flex}.system-where__tab{background:var(--color-white);min-height:2.75rem;color:var(--color-deep);font-size:var(--text-sm);cursor:pointer;border:.1rem solid #c9d6ea;align-items:center;gap:.4rem;padding:.35rem .7rem;font-weight:700;display:inline-flex}.system-where__tab>span{width:1.35rem;height:1.35rem;font-size:.72rem}.system-where:has(.system-where__choice:first-of-type:checked) .system-where__pin:first-of-type,.system-where:has(.system-where__choice:nth-of-type(2):checked) .system-where__pin:nth-of-type(2),.system-where:has(.system-where__choice:nth-of-type(3):checked) .system-where__pin:nth-of-type(3),.system-where:has(.system-where__choice:nth-of-type(4):checked) .system-where__pin:nth-of-type(4),.system-where:has(.system-where__choice:nth-of-type(5):checked) .system-where__pin:nth-of-type(5),.system-where:has(.system-where__choice:nth-of-type(6):checked) .system-where__pin:nth-of-type(6),.system-where:has(.system-where__choice:nth-of-type(7):checked) .system-where__pin:nth-of-type(7),.system-where:has(.system-where__choice:nth-of-type(8):checked) .system-where__pin:nth-of-type(8),.system-where:has(.system-where__choice:nth-of-type(9):checked) .system-where__pin:nth-of-type(9){--pin-fill:var(--color-sun);color:var(--color-deep);scale:1.25}.system-where:has(.system-where__choice:first-of-type:checked) .system-where__tab:first-of-type,.system-where:has(.system-where__choice:nth-of-type(2):checked) .system-where__tab:nth-of-type(2),.system-where:has(.system-where__choice:nth-of-type(3):checked) .system-where__tab:nth-of-type(3),.system-where:has(.system-where__choice:nth-of-type(4):checked) .system-where__tab:nth-of-type(4),.system-where:has(.system-where__choice:nth-of-type(5):checked) .system-where__tab:nth-of-type(5),.system-where:has(.system-where__choice:nth-of-type(6):checked) .system-where__tab:nth-of-type(6),.system-where:has(.system-where__choice:nth-of-type(7):checked) .system-where__tab:nth-of-type(7),.system-where:has(.system-where__choice:nth-of-type(8):checked) .system-where__tab:nth-of-type(8),.system-where:has(.system-where__choice:nth-of-type(9):checked) .system-where__tab:nth-of-type(9){border-color:var(--color-deep);background:var(--color-deep);color:var(--color-white)}@media (hover:hover){.system-where__tab:hover{border-color:var(--color-deep)}.system-where__pin:hover{--pin-fill:var(--color-deep)}}@media (prefers-reduced-motion:no-preference){.system-where__pin{transition:scale var(--motion-fast) var(--motion-ease)}}@media not all and (min-width:64rem){.system-where{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"map""window""tabs"}.system-where__pin{--pin:1.5rem;--pin-border:.14rem;font-size:.7rem}}.system-who{--whiteboard:#fbfcfd;z-index:1;gap:.9rem;margin-top:clamp(1.75rem,3vw,2.5rem);display:grid;position:relative}.system-who__head{flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;display:flex}.system-who__title{color:var(--color-deep);margin:0;font-size:clamp(1.15rem,1.8vw,1.4rem)}.system-who__title:focus{outline:none}.system-who__title:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.2rem}.system-who__hint{color:var(--system-muted);font-size:var(--text-sm);margin:0}.system-who__back{border:.12rem solid var(--color-deep);background:var(--color-white);min-height:2.75rem;color:var(--color-deep);font:inherit;font-size:var(--text-sm);cursor:pointer;margin-left:auto;padding:.4rem 1rem;font-weight:800}.system-who__back:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.2rem}.system-who[data-at-start] .system-who__back{visibility:hidden}.system-who__board{height:var(--wh);background:radial-gradient(ellipse at 18% 28%, #6e7d8c12, transparent 38%), radial-gradient(ellipse at 78% 72%, #6e7d8c0f, transparent 42%), var(--whiteboard);border:.2rem solid #e3e7eb;border-radius:.5rem;position:relative;box-shadow:0 0 0 1px #0a3daa1a,0 .5rem 1.25rem #0a285014}.system-who__yarn{width:100%;height:100%;display:none;position:absolute;inset:0}.system-who__yarn--wide{display:block}.system-who__yarn line{stroke:#c8302a;stroke-width:1.6px;opacity:.7;vector-effect:non-scaling-stroke}.system-who__person{top:var(--wy);left:var(--wx);width:8.4rem;color:inherit;text-align:center;justify-items:center;gap:.22rem;text-decoration:none;display:grid;position:absolute;translate:-50% -2.24rem}.system-who__person--center{z-index:2;translate:-50% -3.2rem}.system-who__photo{background:var(--color-white);width:3.8rem;padding:.22rem .22rem .45rem;display:block;position:relative;box-shadow:0 2px 4px #141e3238}.system-who__person--center .system-who__photo{width:5.4rem}.system-who__photo:before{background:var(--whiteboard);content:"";border:1.5px solid #aab3bc;border-radius:50%;width:11px;height:11px;margin-left:-5.5px;position:absolute;top:-5px;left:50%;box-shadow:0 1px 1.5px #00000059}.system-who__person--center:after{opacity:.85;content:"";pointer-events:none;border:3px solid #d6342c;border-radius:50%;width:7.2rem;height:8.2rem;margin-left:-3.6rem;position:absolute;top:-.7rem;left:50%;rotate:-8deg}.system-who__photo img{aspect-ratio:1;object-fit:cover;object-position:50% 0;background:var(--id-photo-ground);width:100%;height:auto;display:block}.system-who__person strong{color:#173a6e;background:var(--whiteboard);padding:0 .2rem;font-size:.76rem;line-height:1.3}.system-who__person--center strong{font-size:.86rem}.system-who__note{color:#173a6e;word-break:keep-all;overflow-wrap:anywhere;background:#fff4b8;max-width:100%;padding:.18rem .42rem .22rem;font-size:.72rem;font-weight:800;line-height:1.4;display:block;box-shadow:0 1px 2px #3c320a40}.system-who__note b{color:var(--relationship-color);margin-right:.3em;font-size:.64rem}.system-who__note[data-direction=from-center]{--relationship-color:color-mix(in srgb, var(--color-blue) 50%, var(--color-deep))}.system-who__note[data-direction=to-center]{--relationship-color:color-mix(in srgb, var(--color-orange) 45%, #5a2400)}.system-who__note[data-direction=mutual]{--relationship-color:var(--color-deep)}a.system-who__person:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.2rem}@media (hover:hover){a.system-who__person:hover .system-who__photo{box-shadow:0 0 0 .18rem var(--color-sun), 0 2px 4px #141e3238}}.system-who__profile{min-height:2.75rem;font-size:var(--text-sm);justify-self:start;align-items:center;gap:.4rem;font-weight:800;display:inline-flex}.system-who__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media not all and (min-width:64rem){.system-who__board{height:var(--th)}.system-who__yarn--wide{display:none}.system-who__yarn--tablet{display:block}.system-who__person{top:var(--ty);left:var(--tx)}}@media (max-width:35rem){.system-who__board{height:var(--h)}.system-who__yarn--tablet{display:none}.system-who__yarn--phone{display:block}.system-who__person{top:var(--y);left:var(--x);width:6.8rem;translate:-50% -2.03rem}.system-who__person--center{translate:-50% -2.73rem}.system-who__photo{width:3.4rem}.system-who__person--center .system-who__photo{width:4.8rem}.system-who__person strong{font-size:.7rem}.system-who__person--center strong{font-size:.8rem}.system-who__note{font-size:.64rem}.system-who__note b{font-size:.58rem}.system-who__back{margin-left:0}}.system-views{gap:.9rem;min-width:0;display:grid}.system-views__frames{display:grid}.system-views__choice,.system-items__choice{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.system-views__frame{visibility:hidden;grid-area:1/1}.system-views__frame:before{aspect-ratio:16/9;content:"";display:block}.system-views__choice:checked+.system-views__frame{visibility:visible}.system-views__choice:checked+.system-views__frame:before,.system-views__choice:not(:checked)+.system-views__frame img{display:none}.system-views__choice:focus-visible+.system-views__frame{outline:.2rem solid var(--color-focus);outline-offset:.25rem}.system-views__frame figcaption{color:var(--color-white);padding:.75rem 1rem .85rem;font-size:clamp(.85rem,1.05vw,.95rem);line-height:1.7}.system-views__tabs{flex-wrap:wrap;gap:.5rem;display:flex}.system-views__tab{background:var(--color-white);min-height:2.75rem;color:var(--color-deep);font-size:var(--text-sm);cursor:pointer;border:.12rem solid #c9d6ea;align-items:center;gap:.5rem;padding:.3rem 1rem;font-weight:800;display:inline-flex}.system-views__tab img{object-fit:cover;object-position:50% 0;background:var(--id-photo-ground);border-radius:50%;width:2.1rem;height:2.1rem;margin-left:-.6rem}.system-views:has(.system-views__choice:first-of-type:checked) .system-views__tab:first-of-type,.system-views:has(.system-views__choice:nth-of-type(2):checked) .system-views__tab:nth-of-type(2),.system-views:has(.system-views__choice:nth-of-type(3):checked) .system-views__tab:nth-of-type(3),.system-views:has(.system-views__choice:nth-of-type(4):checked) .system-views__tab:nth-of-type(4){border-color:var(--color-deep);background:var(--color-deep);color:var(--color-white)}@media (hover:hover){.system-views__tab:hover{border-color:var(--color-deep)}}.system-items{display:grid}.system-items__label{background:var(--color-deep);color:var(--color-white);letter-spacing:.08em;justify-self:start;margin:0;padding:.35rem 1rem;font-size:.85rem;font-weight:700;line-height:1.5}.system-items__pickups{display:grid}.system-items__pickup{visibility:hidden;background:var(--color-white);box-shadow:0 0 0 1px var(--rule-color);grid-area:1/1;grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:center;gap:1rem 1.25rem;margin:0;padding:1rem 1.25rem;display:grid}.system-items__pickup:before{aspect-ratio:4/3;content:"";grid-area:1/1;display:block}.system-items__pickup img{aspect-ratio:4/3;object-fit:contain;grid-area:1/1;width:100%;height:auto;display:block}.system-items__choice:checked+.system-items__pickup{visibility:visible}.system-items__choice:not(:checked)+.system-items__pickup img{display:none}.system-items__choice:focus-visible+.system-items__pickup{outline:.2rem solid var(--color-focus);outline-offset:.25rem}.system-items__pickup figcaption{gap:.4rem;display:grid}.system-items__pickup b{color:var(--color-deep);font-size:clamp(1.05rem,1.5vw,1.2rem)}.system-items__pickup span{color:var(--system-muted);font-size:clamp(.85rem,1.05vw,.95rem);line-height:1.8}.system-items__icons{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.8rem;display:flex}.system-items__icon{background:var(--color-white);cursor:pointer;border:.12rem solid #c9d6ea;width:4.5rem;padding:.3rem;display:block}.system-items__icon img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto;display:block}.system-items:has(.system-items__choice:first-of-type:checked) .system-items__icon:first-of-type,.system-items:has(.system-items__choice:nth-of-type(2):checked) .system-items__icon:nth-of-type(2),.system-items:has(.system-items__choice:nth-of-type(3):checked) .system-items__icon:nth-of-type(3),.system-items:has(.system-items__choice:nth-of-type(4):checked) .system-items__icon:nth-of-type(4),.system-items:has(.system-items__choice:nth-of-type(5):checked) .system-items__icon:nth-of-type(5),.system-items:has(.system-items__choice:nth-of-type(6):checked) .system-items__icon:nth-of-type(6),.system-items:has(.system-items__choice:nth-of-type(7):checked) .system-items__icon:nth-of-type(7),.system-items:has(.system-items__choice:nth-of-type(8):checked) .system-items__icon:nth-of-type(8){border-color:var(--color-deep);box-shadow:0 0 0 .15rem var(--color-sun)}@media (hover:hover){.system-items__icon:hover{border-color:var(--color-deep)}}@media (max-width:35rem){.system-items__pickup{grid-template-columns:minmax(0,1fr);justify-items:center}.system-items__pickup:before,.system-items__pickup img{width:min(100%,12rem)}.system-items__pickup figcaption{justify-self:stretch}.system-items__icons{flex-wrap:nowrap}.system-items__icon{flex:1 1 0;width:auto;min-width:0}}.system-demo{display:contents}.system-demo__stage{grid-area:stage;min-width:0}.system-demo__panel{grid-area:panel;align-self:start;min-width:0}.system-demo__cue{--cue-line:var(--color-deep);--cue-ink:var(--color-deep);--cue-paper:var(--color-white);z-index:1;border:2px solid var(--cue-line);width:fit-content;max-width:calc(100% - 2rem);color:var(--cue-ink);background:var(--cue-paper);text-align:center;border-radius:1rem;align-items:center;margin:0 auto -1rem;padding:.55rem 1.1rem;font-size:.9375rem;font-weight:800;line-height:1.6;transition:border-color .3s,color .3s,background-color .3s;display:grid;position:relative;box-shadow:0 .5rem 1.25rem #0a3daa38}.system-demo__cue:after{border-right:2px solid var(--cue-line);border-bottom:2px solid var(--cue-line);background:var(--cue-paper);content:"";width:.8rem;height:.8rem;transition:border-color .3s,background-color .3s;position:absolute;bottom:-.4rem;left:50%;translate:-50%;rotate:45deg}.system-demo[data-picked=up] .system-demo__cue{--cue-line:var(--system-pink);--cue-ink:#a3264f;--cue-paper:#fff3f7}.system-demo__cue [data-demo-cue]{visibility:hidden;grid-area:1/1}.system-demo[data-frame=before] [data-demo-cue=before],.system-demo[data-frame=choose] [data-demo-cue=choose],.system-demo[data-frame=result-0] [data-demo-cue=result-0],.system-demo[data-frame=result-1] [data-demo-cue=result-1]{visibility:visible}.system-demo__scene{box-shadow:var(--shadow-operable);background:#0b2a6e;border-radius:.75rem;position:relative;overflow:hidden}.system-demo__frame{opacity:0;visibility:hidden;object-fit:cover;width:100%;height:100%;transition:opacity .35s,visibility 0s linear .35s;display:block;position:absolute;inset:0}.system-demo__frame[data-demo-frame=choose]{height:auto;position:relative}.system-demo[data-frame=before] [data-demo-frame^=result-]{display:none}.system-demo[data-frame=before] [data-demo-frame=before],.system-demo[data-frame=choose] [data-demo-frame=choose],.system-demo[data-frame=result-0] [data-demo-frame=result-0],.system-demo[data-frame=result-1] [data-demo-frame=result-1]{opacity:1;visibility:visible;transition:opacity .35s}.system-demo__advance{font:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:flex-end;padding:0 5% 3%;display:flex;position:absolute;inset:0}.system-demo__advance[hidden]{display:none}.system-demo__advance span{border:2px solid var(--color-white);min-height:2.75rem;color:var(--color-white);background:var(--color-deep);border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:800;line-height:1.3;display:inline-flex;box-shadow:0 .5rem 1.25rem #00000040}.system-demo__advance span:after{content:"▼";font-size:.7em}.system-demo__advance:focus-visible{outline-offset:-.35rem}@media (hover:hover){.system-demo__advance:hover span{background:color-mix(in srgb, var(--color-deep) 80%, #000);text-underline-offset:.2em;text-decoration:underline}}.system-demo__choices{background:#061f5c26;align-content:center;gap:.875rem;padding:0 16%;transition:opacity .35s,visibility;display:grid;position:absolute;inset:0}.system-demo:not([data-frame=choose]) .system-demo__choices{opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}.system-demo__choices button{border:2px solid var(--color-white);min-height:2.75rem;color:var(--color-deep);font:inherit;cursor:pointer;background:#ffffffeb;border-radius:999px;padding:.875rem 1.125rem;font-size:1rem;font-weight:800;line-height:1.3;transition:background-color .2s,color .2s;box-shadow:0 .5rem 1.25rem #00000040}.system-demo__choices button:hover{background:var(--color-white)}.system-demo__choices button[aria-pressed=true]{color:var(--color-white);background:var(--color-deep)}.system-demo__quote{color:color-mix(in srgb, var(--color-ink) 85%, var(--color-white));font-family:var(--font-family-serif);margin:.875rem 0 0;font-size:.9375rem;font-weight:700;line-height:1.8}.system-demo__sentence{display:inline-block}.system-demo__faces{grid-template-columns:repeat(9,minmax(0,1fr));gap:.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.system-demo__faces li{color:var(--system-muted);text-align:center;font-size:.6875rem;font-weight:700;position:relative}.system-demo__faces img{aspect-ratio:1;border:2px solid var(--color-white);object-fit:cover;object-position:50% 0;background:#dce8ec;border-radius:50%;width:100%;height:auto;transition:box-shadow .3s;display:block;box-shadow:0 .125rem .5rem #0a3daa33}.system-demo__meter{background:#e3edf9;border-radius:.1875rem;height:.3125rem;margin:.375rem .25rem .1875rem;display:block;overflow:hidden}.system-demo__meter i{background:linear-gradient(90deg, #ff8fb3, var(--system-pink));width:100%;height:100%;transform:scaleX(var(--system-level,.3));transform-origin:0;transition:transform .6s;display:block}.system-demo__name{white-space:nowrap;display:block}.system-demo__heart{opacity:0;color:var(--system-pink);white-space:nowrap;font-size:1.125rem;font-weight:900;line-height:1;transition:opacity .3s,translate .3s;position:absolute;top:-1.5rem;left:50%;translate:-50%}.system-demo__heart:before{content:"♥ +" attr(data-delta)}.system-demo__faces li[data-up]{--system-level:.46}.system-demo__faces li[data-up] img{border-color:var(--system-pink);box-shadow:0 0 0 .25rem #ff5c8a40,0 0 1.25rem #ff5c8a8c}.system-demo__faces li[data-up] .system-demo__heart{opacity:1;translate:-50% -.25rem}.system-demo__reset{min-height:2.75rem;color:var(--color-deep);font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;margin-top:.75rem;padding:.5rem 0;font-size:.875rem;font-weight:800;text-decoration:underline;display:block}.system-demo__trial{margin-top:.5rem}.system-demo__reset[hidden],.system-demo__trial[hidden]{display:none}.system-demo__reset{margin-left:-.35rem;padding-inline:.35rem}.system-demo__reset:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.1rem}.system-capture{background:var(--color-paper);min-width:0;box-shadow:var(--shadow-window);border-radius:.75rem;margin:0;overflow:hidden}.system-capture video{aspect-ratio:16/9;background:var(--color-ink)}@media not all and (min-width:64rem){.system-demo__faces{max-width:32rem}.system-facts dl>div{padding-inline:.25rem}.system-facts__value{font-size:1.875rem}.system-facts dt{font-size:var(--text-xs);letter-spacing:.04em}.system-demo__choices{gap:.5rem;padding:0 8%}.system-demo__choices button{padding:.5625rem .75rem;font-size:.8125rem}.system-demo__advance span{padding:.4rem .9rem;font-size:.8125rem}.system-demo__faces{grid-template-columns:repeat(9,minmax(0,4.5rem));justify-content:center;row-gap:1.75rem;max-width:none}}@media (max-width:35rem){.system-demo__faces{grid-template-columns:repeat(5,minmax(0,4rem))}.system-facts:lang(en) dl{grid-template-columns:repeat(2,minmax(0,1fr))}.system-facts:lang(en) dl>div:nth-child(2){border-right:0}.system-facts:lang(en) dl>div:nth-child(n+3){border-top:1px solid var(--rule-color)}}@media (max-width:22rem){.system-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.system-facts dl>div:nth-child(2){border-right:0}.system-facts dl>div:nth-child(n+3){border-top:1px solid var(--rule-color)}}.home-sys{--system-line:var(--rule-color);--system-muted:color-mix(in srgb, var(--color-ink) 80%, var(--color-white));--system-label:color-mix(in srgb, var(--color-blue) 55%, var(--color-deep));--system-pink:#ff5c8a}.home-sys__inner{width:min(100%, var(--content-default));margin-inline:auto}.home-sys__head{max-width:46rem;display:grid}.home-sys__lead{color:var(--color-deep);font-family:var(--font-family-serif);text-wrap:balance;margin:0;font-size:clamp(1.25rem,2.2vw,1.9rem);font-weight:700;line-height:1.7}.home-sys__body{max-width:40em;margin:var(--space-3) 0 0;color:var(--system-muted);line-height:1.9}.home-about{background:linear-gradient(180deg, var(--color-white), var(--color-pale-sky));color:var(--color-deep);scroll-margin-top:var(--space-4);padding:clamp(2.25rem,4vw,3.25rem) clamp(1rem,5vw,4rem) clamp(2rem,3.5vw,2.75rem)}.home-about__inner{text-align:center;justify-items:center;display:grid}.home-about__label{color:var(--system-label);font-size:var(--text-sm);letter-spacing:.08em;margin:0;font-weight:700}.home-about__catch{margin:var(--space-2) 0 0;font-family:var(--font-family-serif);letter-spacing:.02em;word-break:keep-all;font-size:clamp(min(2rem,9vw),3.4vw,3rem);font-weight:700;line-height:1.2}.home-about__catch:lang(en){text-wrap:balance}.home-about__facts{width:min(100%,52rem);color:var(--color-ink);margin:clamp(1.25rem,2.5vw,1.75rem) auto 0}.home-about__facts dl{width:100%}.home-cast__relations{isolation:isolate;margin-top:clamp(2.5rem,5vw,4rem);position:relative}.home-cast__relations:before,.home-background:before{z-index:-1;content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#388df817 1px,#0000 1px),linear-gradient(90deg,#388df817 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:2rem 2rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute}.home-cast__relations:before{inset:-2.5rem calc(50% - 50vw) calc(-1 * var(--home-cast-end,3rem));background-position:bottom;mask-image:linear-gradient(#0000,#000 3rem)}.home-cast__relations-copy{justify-items:start;gap:var(--space-5);max-width:40em;margin-bottom:clamp(1.5rem,3vw,2rem);display:grid}.home-cast__body{color:var(--system-muted);margin:0;line-height:1.9}.home-cast__relations .system-who{margin-top:0}@media not all and (min-width:64rem){.home-cast__relations-copy .journey-button{width:100%;min-height:3.25rem}}.home-cast .system-who__hint{background:linear-gradient(transparent 52%, color-mix(in srgb, var(--color-sun) 70%, transparent) 52%);color:var(--color-deep);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.15em;font-weight:800}@media (min-width:64rem){.home-cast__relations{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);display:grid}.home-cast__relations-copy{max-width:none;margin-bottom:0}.home-cast__relations .system-who__board{height:var(--th)}.home-cast__relations .system-who__yarn--wide{display:none}.home-cast__relations .system-who__yarn--tablet{display:block}.home-cast__relations .system-who__person{top:var(--ty);left:var(--tx)}}.home-background,.home-after{padding:clamp(3rem,6vw,4.5rem) clamp(1rem,5vw,4rem)}.home-background{isolation:isolate;position:relative}.home-sys__sentence{display:inline-block}.home-background:before{background-position:top;inset:0;mask-image:linear-gradient(#000 calc(100% - 7rem),#0000)}.home-how__parts{width:min(100%, var(--content-default));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem);margin:clamp(2.5rem,5vw,4rem) auto 0;display:grid}.home-how__part{align-items:start;gap:var(--space-4);border-top:var(--rule-width) solid var(--system-line);grid-template-rows:auto 1fr;padding-top:clamp(1.5rem,3vw,2.25rem);display:grid}.home-how__part .system-capture{align-self:end}.home-how__part .home-sys__lead{font-size:clamp(1.1rem,1.6vw,1.35rem)}.home-how__part .home-sys__body{font-size:clamp(.9rem,1.05vw,1rem)}.home-after__media{gap:1.5rem;min-width:0;margin-top:clamp(1.5rem,3vw,2.25rem);display:grid}.home-after .home-sys__head{max-width:none}.home-after .home-sys__body{max-width:48em}@media (min-width:64rem){.home-after__media{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem)}}@media (max-width:35rem){.home-how__parts{grid-template-columns:minmax(0,1fr)}.home-about__label{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.home-sys *,.home-sys :before,.home-sys :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
