@font-face{font-family:Source Sans Pro;src:url(/assets/SourceSansPro-Regular-DnewuEYK.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Source Sans Pro;src:url(/assets/SourceSansPro-SemiBold-BtVCw0rT.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Source Sans Pro;src:url(/assets/SourceSansPro-Bold-C9fjbyR0.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--content-width:1200px;--page-gutter:clamp(16px, 3vw, 32px);--sans:"Source Sans Pro", system-ui, "Segoe UI", Roboto, sans-serif;--fs-body:clamp(1.0625rem, .95rem + .6vw, 1.3125rem);--fw-body:600;--fs-control:clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--fw-control:700;--fs-tag:clamp(1rem, .95rem + .25vw, 1.125rem);--fw-tag:700;--fs-title:clamp(1.125rem, 1rem + .5vw, 1.375rem);--fw-title:700;font:16px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#f1f1f1}body{margin:0}button,input,select,textarea{font:inherit;letter-spacing:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline-offset:2px;outline:3px solid #000}#root{flex-direction:column;min-height:100svh;display:flex}p{margin:0}.home{--tile-pad:clamp(20px, 4vw, 40px);--tile-radius:clamp(28px, 5vw, 40px);--cluster-gap:clamp(12px, 2.5vw, 20px);--footer-control:clamp(48px, 40px + 2vw, 56px);--heads-gap:10px;--tile-height:clamp(112px, 16dvh, 150px);--face:min(calc((var(--tile-height) - 2 * var(--tile-pad)) / 1.16),  calc((93cqw - 2 * var(--tile-pad) - var(--heads-gap) - 7.5rem) / 2), 96px);padding:0 var(--page-gutter);box-sizing:border-box;color:#000;background:#f1f1f1;flex-direction:column;flex:1 0 auto;align-items:center;display:flex}.home-spacer{min-height:var(--page-gutter);flex:1 1 0}.scenario-cluster{gap:var(--cluster-gap);width:100%;max-width:var(--content-width);flex-direction:column;display:flex;container-type:inline-size}.home-title{letter-spacing:-.03em;text-align:center;text-wrap:balance;grid-area:title;margin:0;padding:12px 0 16px;font-size:clamp(1.875rem,1.3rem + 2.6vw,2.75rem);font-weight:700;line-height:1.1}.scenario-tile{--stagger:.16;width:auto;height:var(--tile-height);min-width:0;padding:var(--tile-pad);border-radius:var(--tile-radius);box-sizing:border-box;background:var(--scenario-mid-color);color:inherit;cursor:pointer;text-align:left;border:none;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 7% 0 0;display:flex;position:relative;overflow:hidden}.scenario-tile-a{grid-area:a}.scenario-tile-b{grid-area:b}.scenario-tile-c{grid-area:c}.scenario-tile-d{grid-area:d}.scenario-tile-e{grid-area:e}.scenario-tile-b,.scenario-tile-d{justify-content:flex-end;margin:0 0 0 7%}.scenario-tile.is-selected{outline:3px solid var(--scenario-signal-color);outline-offset:-3px}.scenario-tile:focus-visible{outline-offset:2px;outline:3px solid #000}@media (hover:hover){.scenario-tile:hover{background:var(--scenario-dark-color)}.scenario-tile:hover .scenario-face{color:var(--scenario-mid-color)}.scenario-tile:hover .scenario-tile-title{color:var(--scenario-light-color)}}.scenario-tile-heads{align-items:flex-start;gap:var(--heads-gap);flex:none;display:flex}.scenario-face{width:var(--face);height:var(--face);color:var(--scenario-dark-color);flex:none}.scenario-tile-a .scenario-face:last-child,.scenario-tile-b .scenario-face:last-child,.scenario-tile-d .scenario-face:first-child{margin-top:calc(var(--face) * var(--stagger))}.face-pupil{transform:translate(calc(var(--eye-x,0) * 5px), calc(var(--eye-y,0) * 3px));transition:transform .1s ease-out}.baby-eye-open{display:none}@media (hover:hover){.baby-face:hover .baby-eye-open{display:block}.baby-face:hover .baby-eye-closed{display:none}}.scenario-tile-title{inset:auto var(--tile-pad) var(--tile-pad) auto;color:var(--scenario-dark-color);margin:0;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:700;line-height:1.2;position:absolute}.scenario-tile-b .scenario-tile-title,.scenario-tile-d .scenario-tile-title{inset:auto auto var(--tile-pad) var(--tile-pad)}@media (width>=640px){.home{--row-top:clamp(300px, 46vw, 400px);--row-bottom:clamp(190px, 30vw, 250px);--face:min(calc(((5 * 100cqw - 7 * var(--cluster-gap)) / 12 - 2 * var(--tile-pad) - var(--heads-gap)) / 2), calc((var(--row-top) * .74 - 2 * var(--tile-pad)) / 1.22), calc((var(--row-bottom) - 2 * var(--tile-pad)) * .9), 150px)}.scenario-cluster{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:var(--row-top) auto repeat(2, var(--row-bottom));grid-template-areas:"a a a a a b b b b b b b""title title title title title title title title title title title title""c c c c c c c d d d d d""e e e e e e e d d d d d";display:grid}.home-title{padding:36px 0}.scenario-tile{height:auto;margin:0}.scenario-tile-a,.scenario-tile-d{--stagger:.38;align-items:flex-start}.scenario-tile-a{justify-content:flex-start}.scenario-tile-a .scenario-tile-title{inset:auto auto var(--tile-pad) var(--tile-pad)}.scenario-tile-d{justify-content:flex-end;align-self:end;height:calc(100% - 54px)}.scenario-tile-d .scenario-tile-title{inset:auto var(--tile-pad) var(--tile-pad) auto}.scenario-tile-b{--stagger:.22;justify-content:flex-start;align-self:end;align-items:flex-end;height:74%}.scenario-tile-b .scenario-tile-title{inset:var(--tile-pad) var(--tile-pad) auto auto}.scenario-tile-c{margin-left:7%}.scenario-tile-e{justify-content:flex-end;margin-right:5%}.scenario-tile-e .scenario-tile-title{inset:auto auto var(--tile-pad) var(--tile-pad)}}@media (width>=900px) and (orientation:landscape){.home{--tile-pad:clamp(22px, 2.2vw, 32px);--tile-radius:clamp(32px, 3vw, 40px);--bento-row:clamp(150px, calc((100dvh - 240px) / 3), 240px);--face:min(calc(((100cqw - 3 * var(--cluster-gap)) / 4 - 2 * var(--tile-pad) - var(--heads-gap)) / 2), calc((var(--bento-row) - 2 * var(--tile-pad)) / 1.15), 150px)}.scenario-cluster{grid-template-rows:repeat(3, var(--bento-row));grid-template-areas:"a a a b b b b b b d d d""a a a title title title title title title d d d""c c c c c e e e e e e e"}.home-title{place-items:center;padding:0;font-size:clamp(2rem,3.2vw,3rem);display:grid}.scenario-tile-b,.scenario-tile-d{align-self:stretch;height:auto}.scenario-tile-b{--stagger:.15}.scenario-tile-c,.scenario-tile-e{margin:0}}.home-footer{width:100%;max-width:var(--content-width);box-sizing:border-box;margin-bottom:var(--page-gutter);background:#b3b3b3;border-radius:clamp(28px,5vw,40px);flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:clamp(10px,2vw,16px);padding:clamp(12px,2.5vw,20px);display:flex}.language-toggle{flex:none;gap:8px;display:flex}.language-toggle-button{width:var(--footer-control);height:var(--footer-control);font:inherit;font-size:var(--fs-tag);letter-spacing:.5px;cursor:pointer;color:#000;background:#dcdcdc;border:none;border-radius:50%;flex:none;padding:0;font-weight:700}.language-toggle-button.is-active{color:#dcdcdc;background:#000}@media (hover:hover){.language-toggle-button:not(.is-active):hover{background:#eaeaea}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-info-card{box-sizing:border-box;color:#000;text-align:left;background:#dcdcdc;border-radius:28px;flex:260px;min-width:0;position:relative}@media (hover:hover){.home-info-card:not(.is-expanded):hover{background:#eaeaea}}.home-info-card-header{width:100%;min-height:var(--footer-control);color:inherit;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:28px;align-items:center;gap:12px;padding:10px 18px 10px 14px;display:flex}.home-info-card.is-expanded .home-info-card-header{padding-right:52px}.home-info-icon{background:#000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.home-info-icon-image{filter:invert();width:16px;height:16px;display:block}.home-info-card-header h3{font-size:var(--fs-tag);font-weight:var(--fw-tag);color:inherit;margin:0;line-height:1.25}.home-info-card-close{top:calc((var(--footer-control) - 32px) / 2);color:#000;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.75rem;line-height:1;display:flex;position:absolute;right:12px}@media (hover:hover){.home-info-card-close:hover{color:#fff;background:#000}}.home-info-card-content{align-items:flex-start;gap:24px;padding:0 18px 16px 14px;display:flex}.home-info-card-body{flex:auto;min-width:0;max-width:75ch;padding-left:40px}.home-info-card-link{color:inherit;text-underline-offset:3px;margin-top:10px;font-weight:700;display:inline-block}.home-info-card-qr-link{flex:none;align-self:center;margin-left:auto}.home-info-card-qr-code{--qr-size:112px;width:var(--qr-size);height:var(--qr-size);padding:calc(var(--qr-size) * 4 / 33);box-sizing:content-box;background:#fff;border-radius:8px;display:block}@media (width<=639px){.home-info-card-qr-link{display:none}.home-info-card-body{padding-left:4px}}.scenario-page{--control-size:clamp(48px, 40px + 2vw, 64px);--page-gap:clamp(14px, 2.5vw, 24px);--column-width:760px;--panel-radius:clamp(24px, 4vw, 32px);align-content:start;gap:var(--page-gap);padding:var(--page-gutter);padding-inline:max(var(--page-gutter), calc((100% - var(--column-width)) / 2));box-sizing:border-box;background:var(--scenario-mid-color);color:var(--base-color-02);text-align:left;flex:1 0 auto;grid-template-columns:minmax(0,1fr);display:grid}.scenario-header{justify-content:space-between;align-items:center;gap:clamp(10px,2vw,16px);min-width:0;display:flex}.scenario-name-pill{min-width:0;height:var(--control-size);padding:0 20px 0 calc(var(--control-size) * .125);background:var(--base-color-01);color:var(--base-color-02);font-size:var(--fs-title);font-weight:var(--fw-title);text-align:left;box-sizing:border-box;border-radius:999px;flex:auto;align-items:center;gap:12px;display:flex}.scenario-name-pill-heads{flex:none;gap:4px;display:flex}.scenario-name-pill-heads .scenario-face{width:calc(var(--control-size) * .6875);height:calc(var(--control-size) * .6875)}.scenario-name-pill-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.home-button{width:var(--control-size);height:var(--control-size);background:var(--base-color-01);color:var(--base-color-02);font-size:var(--fs-control);font-weight:var(--fw-control);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.home-button-icon{width:calc(var(--control-size) * .375);height:calc(var(--control-size) * .375);display:block}.scenario-card{--badge-size:var(--control-size);--row-gap:clamp(10px, 2vw, 16px);box-sizing:border-box;background:var(--scenario-dark-color);border-radius:var(--panel-radius);min-width:0}.scenario-card-body{box-sizing:border-box;flex-direction:column;gap:clamp(14px,2.5vw,20px);padding:clamp(14px,3vw,24px) clamp(14px,2.5vw,20px);display:flex}.question-row{align-items:flex-start;gap:var(--row-gap);width:100%;display:flex}.question-badge{width:var(--badge-size);height:var(--badge-size);background:var(--scenario-light-color);color:var(--base-color-02);font-size:var(--fs-control);font-weight:var(--fw-control);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.narrative-box{background:var(--base-color-01);box-sizing:border-box;border-radius:clamp(16px,2.5vw,20px);flex:auto;min-width:0;padding:clamp(14px,2.5vw,20px)}.scenario-narrative{font-size:var(--fs-body);font-weight:var(--fw-body);color:var(--base-color-02);white-space:pre-line;margin:0;line-height:1.5}.question-text{margin:clamp(.75rem,3vw,2rem) 0 0;margin-left:calc(var(--badge-size) + var(--row-gap));font-size:var(--fs-body);font-weight:var(--fw-body);color:var(--base-color-01);text-wrap:balance;line-height:1.4}.answer-row{align-items:flex-start;gap:var(--row-gap);width:100%;display:flex}.answer-list{gap:var(--row-gap);flex:auto;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));min-width:0;display:grid}.back-button{width:var(--control-size);height:var(--control-size);background:var(--base-color-01);color:var(--base-color-02);font-size:var(--fs-control);font-weight:var(--fw-control);cursor:pointer;border:none;border-radius:50%;flex:none;padding:0}.back-button-icon{display:inline-block;transform:translateY(-2px)}.back-button.is-hidden{visibility:hidden;pointer-events:none}.answer-option{min-width:0;min-height:var(--control-size);padding:calc(var(--control-size) * .125);border-radius:calc(var(--control-size) / 2);box-sizing:border-box;background:var(--base-color-01);color:var(--base-color-02);font-size:var(--fs-tag);text-align:left;cursor:pointer;border:none;align-items:center;gap:12px;padding-right:20px;display:flex}.answer-option-icon-only{border-radius:999px;flex:none;justify-content:center;margin:0 auto;padding:8px}.answer-badge{width:calc(var(--control-size) * .75);height:calc(var(--control-size) * .75);background:var(--scenario-signal-color);color:var(--base-color-02);font-size:var(--fs-tag);font-weight:var(--fw-tag);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.answer-badge-icon{width:50%;height:50%;display:block}.answer-option-icon-only .answer-badge{width:clamp(56px,48px + 2vw,72px);height:clamp(56px,48px + 2vw,72px)}.answer-badge-arrow{font-size:1.5rem;line-height:1;display:inline-block;transform:translateY(-2px)}.answer-label{font-weight:var(--fw-tag);overflow-wrap:break-word;line-height:1.25}.answer-option.is-selected{background:var(--scenario-dark-color);outline:3px solid var(--scenario-signal-color);outline-offset:-3px}.answer-option.is-selected .answer-label{color:var(--base-color-01)}@media (hover:hover){.home-button:hover,.back-button:hover,.answer-option:not(.is-selected):hover{background:var(--scenario-signal-color)}.answer-option:not(.is-selected):hover .answer-badge{background:var(--base-color-01)}}.end-screen-faces{--end-face:clamp(56px, 19vw, 140px);justify-content:center;align-items:flex-end;gap:clamp(6px,2vw,16px);padding:clamp(20px,6vh,64px) 0 clamp(8px,2vh,24px);display:flex}.end-screen-faces .scenario-face{width:var(--end-face);height:var(--end-face);color:var(--scenario-dark-color)}.end-screen-faces .baby-face{width:calc(var(--end-face) / 2);height:calc(var(--end-face) / 2)}.scenario-info{border-radius:var(--panel-radius);box-sizing:border-box;background:var(--base-color-01);flex-direction:column;gap:clamp(12px,2vw,16px);min-width:0;padding:clamp(16px,3vw,24px) clamp(14px,2.5vw,20px);display:flex}.info-heading{font-size:var(--fs-title);font-weight:var(--fw-title);color:var(--base-color-02);align-self:flex-start;margin:0}.info-card-list{flex-direction:column;gap:12px;display:flex}.info-card{--info-indent:calc(28px + 12px);background:var(--scenario-light-color);scroll-margin:var(--page-gutter);border-radius:28px;padding:14px 18px;position:relative}.info-card-close{width:32px;height:32px;color:var(--base-color-02);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.75rem;line-height:1;display:flex;position:absolute;top:12px;right:12px}@media (hover:hover){.info-card-close:hover,.info-card:not(.is-expanded):hover{background:var(--scenario-signal-color)}.info-card:not(.is-expanded):hover .info-icon{background:var(--scenario-light-color)}}.info-card-header{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;display:flex}.info-card.is-expanded .info-card-header{box-sizing:border-box;padding-right:32px}.info-card:not(.is-expanded) .info-card-header{box-sizing:border-box;border-radius:28px;width:calc(100% + 36px);margin:-14px -18px;padding:14px 18px}.info-icon{background:var(--scenario-signal-color);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.info-icon-image{width:16px;height:16px;display:block}.info-card-header h3{font-size:var(--fs-tag);font-weight:var(--fw-tag);color:var(--base-color-02);margin:0;line-height:1.25}.info-card-body{padding-left:var(--info-indent);color:var(--base-color-02);white-space:pre-line;margin:10px 0 0}.info-card-image-button{width:calc(100% - var(--info-indent));margin:12px 0 0 var(--info-indent);cursor:zoom-in;background:0 0;border:none;border-radius:16px;padding:0;display:block;position:relative}.info-card-image{outline:5px solid var(--base-color-01);outline-offset:-5px;border-radius:16px;width:100%;display:block}.info-card-image-zoom{background:var(--scenario-signal-color);width:36px;height:36px;color:var(--base-color-02);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;line-height:1;display:flex;position:absolute;bottom:12px;right:12px}.chart-dialog{cursor:zoom-out;background:0 0;border:none;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.chart-dialog[open]{place-items:center;display:grid}.chart-dialog::backdrop{background:#000000b8}.chart-dialog-frame{background:#fff;border-radius:16px;max-width:96vw;max-height:92dvh;overflow:auto}.chart-dialog-image{width:auto;max-width:min(96vw,1500px);height:auto;max-height:92dvh;display:block}.chart-dialog-close{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;width:48px;height:48px;padding:0;font-size:2rem;line-height:1;position:fixed;top:12px;right:12px}@media (width<=800px) and (orientation:portrait){.chart-dialog-image{width:820px;max-width:none;max-height:none}}@media (width<=639px){.scenario-card{--badge-size:40px}.question-row{flex-direction:column}.narrative-box{width:100%}.question-badge{font-size:1.125rem}.question-text{margin-left:4px}.answer-row{flex-direction:column;align-items:stretch}.answer-option-icon-only{align-self:center}.back-button{order:1}.back-button.is-hidden{display:none}.info-card{--info-indent:0px}}@media (width>=1000px){.scenario-page{--column-width:var(--content-width);grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"header header""card info"}.scenario-page.is-info-open{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.info-card-image-button{width:100%;margin-left:0}.scenario-header{grid-area:header}.scenario-card{grid-area:card;align-self:start}.scenario-info{grid-area:info;align-self:start}.end-screen-faces,.scenario-card-end{grid-area:auto/1/auto/-1;justify-self:center;width:100%;max-width:760px}}@media (width>=1000px) and (height>=820px){.scenario-card:not(.scenario-card-end){top:var(--page-gutter);position:sticky}}
