:root{--font-size-xs: clamp(10px, .7vw, 12px);--font-size-sm: clamp(12px, .9vw, 14px);--font-size-base: clamp(14px, 1vw, 16px);--font-size-md: clamp(16px, 1.2vw, 18px);--font-size-lg: clamp(18px, 1.4vw, 22px);--font-size-xl: clamp(20px, 1.6vw, 24px);--font-size-2xl: clamp(22px, 1.8vw, 28px);--spacing-xs: clamp(4px, .3vw, 6px);--spacing-sm: clamp(8px, .6vw, 10px);--spacing-md: clamp(12px, .9vw, 16px);--spacing-lg: clamp(16px, 1.2vw, 20px);--spacing-xl: clamp(20px, 1.5vw, 24px);--header-min-height: 86px;--header-height: max(86px, 8%);--title-container-min-width: 200px;--title-container-max-width: 280px}*{box-sizing:border-box;margin:0;font-family:Barlow,sans-serif}.main-page{display:flex;flex-direction:column;width:100vw;height:100vh}.visualization-container{width:100%;height:95%;border:0px black solid;overflow-y:scroll}h3{all:unset;color:#000;font-size:20px;font-style:normal;font-weight:500;line-height:normal}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-B8B3d_DU.woff2) format("woff2"),url(/assets/barlow-vietnamese-400-normal-Dcxa7Lg7.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-DsA6LmuC.woff2) format("woff2"),url(/assets/barlow-latin-ext-400-normal-DGsTVCL_.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-CtwdMZP0.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-Gqj0RTbC.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-Ds--_AhX.woff2) format("woff2"),url(/assets/barlow-vietnamese-500-normal-OcIDFxwj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-D9Q9nrG3.woff2) format("woff2"),url(/assets/barlow-latin-ext-500-normal-B8S-Wk_i.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BRhHB0xN.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-BAaAwKGi.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-DQ6dlXpV.woff2) format("woff2"),url(/assets/barlow-vietnamese-700-normal-CtEmPuX0.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-sk8_kpF-.woff2) format("woff2"),url(/assets/barlow-latin-ext-700-normal-BgGd7r2K.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-Bku5AOSK.woff2) format("woff2"),url(/assets/barlow-latin-700-normal-AkmsA7ur.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}._tooltip_16g3n_1{position:absolute;background-color:#fffc;color:#000;padding:var(--spacing-md);border-radius:4px;font-size:var(--font-size-sm);pointer-events:none;z-index:1000;min-width:clamp(180px,12vw,220px)}._content_16g3n_14{display:flex;flex-direction:column;gap:8px}._row_16g3n_20{display:flex;flex-direction:column;gap:4px}._label_16g3n_26{font-weight:600;color:#2c2828}._value_16g3n_31{color:#1c1a1a}._classes_16g3n_35{display:flex;flex-direction:column;gap:4px}._classRow_16g3n_41{display:flex;justify-content:space-between;align-items:center;padding:2px 0}._className_16g3n_48{color:#211f1f}._score_16g3n_52{color:#000;font-size:var(--font-size-base)}._timelineTooltip_16g3n_57{pointer-events:none}._timelineTooltip_16g3n_57 rect{pointer-events:auto}._buttonContainer_1wo3n_1{display:flex;flex-direction:column;gap:4px;transition:opacity .2s ease-in-out}._buttonContainerActive_1wo3n_8{opacity:1}._buttonContainerInactive_1wo3n_12{opacity:.4}._buttonContainer_1wo3n_1:hover{opacity:1}._poiLabelContainer_em9jc_1{display:flex;flex-direction:column;gap:.5rem}._audioPlayer_1k34n_1{display:flex;flex-direction:row;width:clamp(180px,12vw,240px);justify-content:left;align-items:center;padding:var(--spacing-sm)}._headerMenuContainer_1m9i6_1{display:flex;flex-direction:row;gap:clamp(.5rem,1vw,1rem);width:100%;min-height:86px;height:max(86px,9%);border-top:1px solid #817D7D;padding:clamp(.5rem,.7vw,.625rem);align-items:center}._titleContainer_1m9i6_14{display:flex;min-width:30px;max-width:15rem;width:auto;height:calc(100% + clamp(1rem,1.4vw,1.25rem));background:#f1a7b2;justify-content:center;align-items:center;margin:clamp(-.5rem,-.7vw,-.625rem);padding:.5rem 1rem;align-self:stretch}._titleContainer_1m9i6_14 h1{all:unset;color:#fff;font-size:clamp(1.8rem,1.4vw,2rem);font-family:"Jersey 10",sans-serif;font-weight:400;font-style:normal;line-height:1;align-self:center;justify-self:center}._timePickerWrapper_1m9i6_42{flex:1;display:flex;justify-content:center;min-width:0}._rightSection_1m9i6_49{display:flex;flex-direction:row;align-items:center;gap:clamp(.5rem,1vw,1rem);flex-shrink:0}._timePickerContainer_yhq2b_1{display:flex;width:clamp(400px,28vw,600px)}._dataViewControlsContainer_1mq0w_1{display:flex;flex-direction:row;gap:4rem;justify-content:center;align-items:center}._hierarchyMenuContainer_nwalq_1{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}._buttonContainer_nwalq_10{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:.5;position:relative}._buttonContainer_nwalq_10 h3{margin-right:.4rem;line-height:1.2}._colorGrid_nwalq_24{display:grid;grid-template-columns:repeat(4,clamp(18px,1.2vw,24px));grid-template-rows:repeat(2,clamp(18px,1.2vw,24px));gap:clamp(2px,.15vw,3px);margin-right:clamp(1rem,1.3vw,1.3rem)}._colorRectangle_nwalq_32{width:clamp(18px,1.2vw,24px);height:clamp(18px,1.2vw,24px);border-radius:2px}._menuOverlay_nwalq_38{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.6rem;z-index:2000}._menuContent_nwalq_47{background:#fff;border:1px solid #817D7D;border-bottom:0px;padding:1rem;min-width:clamp(220px,15vw,280px);max-width:clamp(300px,20vw,400px)}._menuContent_nwalq_47 h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--joy-palette-neutral-700)}.intro-root{width:100vw}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#fbedef,#f1a7b2);pointer-events:none;z-index:-1}.panel{min-height:100vh;height:100vh;display:flex;flex-direction:row;gap:1.7rem;width:100%;justify-content:center;align-items:center;padding:.5rem;padding-bottom:30vh}.center-column{min-height:100vh;display:flex;flex-direction:column;width:55%;justify-content:flex-start;align-items:center;padding:2rem;padding-top:0;position:sticky;top:0;align-self:flex-start;gap:1.2rem;box-sizing:border-box}.caption-left{width:20%;height:100%;padding:1.7rem;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:flex-start}.caption-right{width:20%;height:100%;padding:1.7rem;position:relative;display:flex;align-items:flex-start;justify-content:flex-start}.caption-content{width:100%;position:sticky;color:#000;font-family:Adamina;font-size:1rem;font-style:normal;font-weight:400;line-height:normal}.caption-content.class-synced-caption{position:fixed;top:40%;left:81%;width:14rem}.caption-content h3{color:#000;font-family:"Jersey 10",sans-serif;font-size:2.25rem;font-style:normal;font-weight:400;line-height:normal}.caption-content p{color:#000;font-family:Adamina;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.5;text-align:left;margin:0}.section-content{width:80%;height:max-content;align-self:center;margin-top:0;display:flex;flex-direction:column;align-items:center;padding-top:1.5rem;gap:1.5595rem}.section-content h1{color:#000;font-family:"Jersey 10",sans-serif;font-size:2.5rem;font-style:normal;font-weight:400;line-height:normal}.section-content p{width:100%;color:#000;font-family:Adamina;font-size:1.125rem;font-style:normal;font-weight:400;line-height:normal;text-align:justify}.section-content mark{color:#000;font-family:"Jersey 10",sans-serif;font-size:1.5rem;font-style:normal;font-weight:400;line-height:normal;background:none}.panel.animation,.panel.sound-intro{height:300vh}.panel.final{min-height:50vh}.panel.title{height:300vh;padding-bottom:30vh}.panel.closing-message{height:150vh;padding-bottom:30vh}.panel.case-study{height:200vh}.panel.heatmap{height:800vh}.class-highlight{position:sticky;top:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:1;padding-top:1rem}.class-highlight p{color:#0000;font-family:Adamina;font-size:1rem;font-style:normal;font-weight:400;line-height:normal}.panel.final{height:100vh}.final .center-column{width:50%}.panel.final button{padding:1rem 2rem;font-size:1.2rem;cursor:pointer;border:2px solid #ff0088;background:transparent;color:#fff;border-radius:4px;transition:all .3s ease;position:relative;z-index:21;border-radius:1.6875rem;border:8px solid #FF889A;background:#ff889a7a;text-align:center;font-family:"Jersey 10";font-size:2rem;font-style:normal;font-weight:400;line-height:normal}.panel.final button:hover{background:#f08;color:#fff}.final h1{font-family:"Jersey 10",sans-serif;background:linear-gradient(180deg,#99525d,#ff889a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:400;line-height:normal;text-align:center;position:static;font-size:3rem}.final h2{color:#000;font-family:"Jersey 10",sans-serif;font-size:2.5rem;font-style:normal;font-weight:400;line-height:normal;width:40%}.final p{font-size:1.2rem}.final a{color:#ff889a;text-decoration:underline;text-decoration-color:#ff889a;transition:color .3s ease,text-decoration-color .3s ease}.final a:hover{color:#99525d;text-decoration-color:#99525d}.final svg{width:7.33369rem;height:2.73588rem;transform:rotate(-.043deg)}.final .video-container{position:relative;width:100%;max-width:600px;margin:2rem auto;padding-bottom:56.25%;height:0;overflow:hidden}.final .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.introduction{display:flex;flex-direction:column;width:60%;justify-content:space-between;align-items:center;align-self:flex-start;height:50vh;top:45%;position:sticky}.title-section{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;position:relative}.author-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.title-section h1,.title-section h2{font-family:"Jersey 10",sans-serif;background:linear-gradient(180deg,#99525d,#ff889a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:400;line-height:normal;text-align:center;position:static}.title-section h1{font-size:4rem}.title-section h2{font-size:2.25rem}.author-section p{color:#000;text-align:center;font-family:Adamina;font-size:1.125rem;font-style:normal;font-weight:400;line-height:normal;margin-top:1rem}.author-section svg{width:7.33369rem;height:2.73588rem;transform:rotate(-.043deg)}.button-container{display:flex;flex-direction:column;width:100%;max-width:15rem;justify-content:center;align-items:center;gap:.3rem;margin:0 auto}.button-container p{color:#000;text-align:start;font-family:Adamina;font-size:1rem;font-style:normal;font-weight:400;line-height:normal}.text-overlay-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:40rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none;padding-bottom:1rem}.text-overlay-container p{color:#000;text-align:justify;font-family:Adamina;font-size:1.125rem;font-style:normal;font-weight:400;line-height:normal}.text-overlay-container mark,.button-container mark{color:#000;font-family:"Jersey 10",sans-serif;font-size:1.5rem;font-style:normal;font-weight:400;line-height:normal;background:none}._customPlayButtonContainer_1pn4b_1{display:flex;flex-direction:column;gap:.5rem}._customPlayButton_1pn4b_1{position:relative;width:60px;height:60px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .2s ease}._customPlayButton_1pn4b_1:active{transform:scale(.94)}.scroll-progress-indicator{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:1000;pointer-events:none}.scroll-progress-text{font-size:14px;font-weight:500;color:#000;line-height:1}.scroll-progress-icon{width:31px;height:25px;display:block}