*,:after,:before{box-sizing:border-box}*{margin:0}iframe{border:0}ol,ul{list-style:none}img,picture,video{max-width:100%;display:block}button,h1,h2,h3,h4,h5,h6,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}:focus,a:active,a:hover{outline:0}@font-face{font-family:FZLTH;font-style:normal;font-weight:400;src:url(https://fe-video-qc.xhscdn.com/fe-platform/1979913431f603e02570e6d364615b43ca14a91e.woff2?attname=fe-platform%2F1979913431f603e02570e6d364615b43ca14a91e.woff2.woff2) format("woff2");font-display:swap}@font-face{font-family:FZLTH;font-style:normal;font-weight:600;src:url(https://fe-video-qc.xhscdn.com/fe-platform/6e2822710558ea3b00d72c3aa45eec7792d5ce96.woff2?attname=fe-platform%2F6e2822710558ea3b00d72c3aa45eec7792d5ce96.woff2.woff2) format("woff2");font-display:swap}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:200;src:url(https://fe-video-qc.xhscdn.com/fe-platform/b079ec2b27d6add60334a4937f00ba6d1114975d.woff2) format("woff2");font-display:swap}body,html{cursor:url(https://fe-video-qc.xhscdn.com/fe-platform/a832673ca888cf2a3f7b9345ad5c11e93166fad2/cursor.png) 16 16,auto;cursor:url(https://fe-video-qc.xhscdn.com/fe-platform/7c8fb51c255b11cb3613d558812a0838aa566dac/cursor.svg) 16 16,auto;cursor:-webkit-image-set(url("https://fe-video-qc.xhscdn.com/fe-platform/a832673ca888cf2a3f7b9345ad5c11e93166fad2/cursor.png") 1x,url("https://fe-video-qc.xhscdn.com/fe-platform/584dbb9405374031ee23d693783c93d8980da4bb/cursor@2x.png") 2x) 16 16,auto}.cursor-pointer,a{cursor:url(https://fe-video-qc.xhscdn.com/fe-platform/5ee8fd46e96292626aa608d0ca35e02012ef1d8e/cursor-pointer.png) 0 0,auto;cursor:url(https://fe-video-qc.xhscdn.com/fe-platform/e295f81fa7fbc222762e71506e9f8462b00597b6/cursor-pointer.svg) 0 0,auto;cursor:-webkit-image-set(url("https://fe-video-qc.xhscdn.com/fe-platform/5ee8fd46e96292626aa608d0ca35e02012ef1d8e/cursor-pointer.png") 1x,url("https://fe-video-qc.xhscdn.com/fe-platform/feb692a7e6085896f2a3ef58524678a9af05b652/cursor-pointer@2x.png") 2x) 0 0,auto}:root{--color-white:#fff;--base-black-hsl:0,0%,10%;--color-gray-fog:hsla(var(--base-black-hsl),0.025);--color-gray-smoke:hsla(var(--base-black-hsl),0.05);--color-gray-lighter:hsla(var(--base-black-hsl),0.125);--color-gray-light:hsla(var(--base-black-hsl),0.25);--color-gray:hsla(var(--base-black-hsl),0.5);--color-gray-dark:hsla(var(--base-black-hsl),0.75);--color-gray-darker:hsla(var(--base-black-hsl),0.875);--color-black:hsla(var(--base-black-hsl),1);--color-accent:#4d94e6;--color-accent-text:#2079df;--color-background-sheet:#e9ebed;--color-background-action-item:#f3f5f7;--color-mask:hsla(0,0%,100%,0.99);--font-family-default:-apple-system,"Segoe UI","Helvetica Neue",sans-serif;--font-family-hans-display:"FZLTH",sans-serif;--font-family-hans-serif:"Noto Serif SC",serif;--font-family-latin-display:"FZLTH",sans-serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:600;--text-sm:16px;--text-md:calc(16px + 0.25vw);--text-lg:calc(16px + 0.5vw);--text-xl:calc(24px + 0.5vw);--text-display:calc(24px + 1vw);--text-num-in-index:calc(48px + 1vw);--line-height:1.2;--line-height-paragraph:1.5;--rounded-sm:0.25rem;--rounded:0.5rem;--rounded-lg:1rem;--rounded-full:1000px;--box-shadow-sm:0 0 0.25rem var(--color-gray-fog);--box-shadow:0 0 0.5rem var(--color-gray-smoke);--box-shadow-lg:0 0 1rem var(--color-gray-smoke);--box-shadow-xl:0 0 1px var(--color-gray-lighter),0 0 2rem var(--color-gray-lighter);--border-width:2px;--border:var(--border-width) solid var(--color-gray-lighter);--border-black:var(--border-width) solid var(--color-black);--divider:1px solid var(--color-gray-lighter);--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--space-mobile-pages-top:15vh;--space-pages-header:80px}@media only screen and (min-width:1601px){:root{--text-sm:16px;--text-md:20px;--text-lg:24px;--text-xl:32px;--text-display:48px;--text-num-in-index:64px}}html{font-family:var(--font-family-default);font-size:var(--text-lg);line-height:var(--line-height);color:var(--color-black);font-feature-settings:"kern" 1,"kern";font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}b{font-weight:var(--font-weight-medium)}audio,canvas,iframe,img,svg,video{vertical-align:middle}svg.icon{font-size:var(--text-xl);height:1em;width:auto}@media(hover:hover){svg.icon:hover{fill:var(--color-background-action-item)}}.button{transition:border-color .15s;padding:var(--spacing-4) var(--spacing-8);border:var(--border-black);border-radius:var(--rounded-full);text-align:center;font-size:var(--text-md);font-weight:var(--font-weight-medium);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(hover:hover){.button{transition:all .15s}.button:hover{background:var(--color-background-action-item)}}.preload,.share-preview{display:none}.principle-number{display:flex;align-items:center}.principle-number svg{height:1em;width:auto}.principle-number.clickable{color:var(--color-white)}.principle-number.clickable svg{transition:all .3s;stroke:var(--color-gray);stroke-width:.5px}@media(hover:hover){.principle-number.clickable:hover{color:var(--color-black)}.principle-number.clickable:hover svg{stroke:var(--color-black)}}.principle-number.clickable.active{color:var(--color-black)}.principle-number.clickable.active svg{stroke:var(--color-black)}.principle-title{font-family:var(--font-family-hans-display);font-weight:var(--font-weight-medium)}.principle-title .en{margin-top:.25em;font-size:.75em;letter-spacing:-.025em;text-transform:uppercase}.transition-screen{z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-white)}.transition-screen .children{font-family:var(--font-family-hans-display);font-weight:var(--font-weight-medium);font-size:var(--text-lg);letter-spacing:-.025em}@media only screen and (max-width:768px){.transition-screen .title{padding:0 var(--spacing-4)}.transition-screen .title>*{display:block;text-align:center}.transition-screen .title .en{margin-top:var(--spacing-1)}}.transition-screen .footnote{position:fixed;bottom:var(--spacing-6);text-transform:uppercase;font-size:var(--text-sm);color:var(--color-gray-light)}.modal-container{z-index:99}.modal{z-index:100;background:var(--color-background-sheet);padding:var(--spacing-3);border-radius:var(--rounded);box-shadow:var(--box-shadow)}.modal .header{margin-bottom:var(--spacing-2);display:flex;align-items:center;justify-content:space-between}.modal .header .title{font-weight:var(--font-weight-medium)}.download .modal-container{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-mask);display:flex;align-items:center;justify-content:center}.blocks{text-align:justify;padding-left:var(--spacing-8);line-height:var(--line-height-paragraph)}.blocks *~li,.blocks *~ol,.blocks *~p,.blocks *~ul{margin-top:.75em}.blocks .image-container,.blocks .ref-container,.blocks li+li,.blocks p+p{margin-top:.5em}.blocks .link-group{margin-top:var(--spacing-4)}.blocks ol,.blocks ul{padding:0}.blocks ol{list-style-type:decimal}.blocks .heading{position:relative;margin-top:var(--spacing-8);font-size:var(--text-md);font-weight:var(--font-weight-medium);line-height:var(--line-height);color:var(--color-black)}.blocks .heading:before{content:"";display:block;height:.8em;width:.8em;border:2px solid;border-radius:var(--rounded-full);position:absolute;top:50%;transform:translateY(-50%) translateX(100%);left:calc(var(--spacing-10)*-1)}.blocks .ref-container{padding:var(--spacing-3);border-left:3px solid var(--color-gray-lighter);background:var(--color-gray-fog);border-radius:var(--rounded-sm);text-align:start}.blocks .ref-container .ref{font-size:var(--text-sm);color:var(--color-gray)}.blocks .ref-container .ref a{color:var(--color-gray);padding-bottom:.05em;border-bottom:1px solid var(--color-gray-lighter);transition:all .15s}@media(hover:hover){.blocks .ref-container .ref a:hover{color:var(--color-gray-dark)}}.blocks .image-container{padding:var(--spacing-8);background:var(--color-gray-fog);border-radius:var(--rounded-sm)}.blocks .link-group{display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2);max-width:100%;text-align:start}.blocks .link-group .link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-gray-smoke);border-radius:var(--rounded-sm);font-size:var(--text-md);color:var(--color-gray-dark)}@media(hover:hover){.blocks .link-group .link:hover{color:var(--color-black)}.blocks .link-group .link:hover .title:before{background-color:var(--color-black)}}.blocks .link-group .link .title{display:flex;align-items:center;line-height:var(--line-height);transition:all .15s}.blocks .link-group .link .title:before{content:"";display:block;background-color:var(--color-gray-lighter);border-radius:var(--rounded-full);height:1.4em;width:4px;flex:none;margin-right:1em;transition:all .15s}.blocks .link-group .link .source{font-size:var(--text-sm)}.blocks .link-group .link .source .label{color:var(--color-gray)}.pagi{height:100%;position:relative;--card-inner-spacing:var(--spacing-4);padding:var(--card-inner-spacing);padding-bottom:calc(var(--card-inner-spacing) + env(safe-area-inset-bottom)/2);transition:background-color .15s}@media(hover:hover){.pagi:hover{background:var(--color-background-action-item)}}.pagi .principle-number{font-size:var(--text-display)}.pagi img{mix-blend-mode:multiply;margin:0 auto;padding-bottom:calc(var(--card-inner-spacing)/2)}@media only screen and (max-width:992px){.pagi .principle-title{font-size:var(--text-lg)}}@media only screen and (min-width:993px){.pagi .principle-title{font-size:var(--text-xl)}}.pagi-empty{background:var(--color-gray-smoke);height:100%;display:flex;align-items:center;justify-content:center}.pagi-empty .mark{font-size:var(--text-display);color:var(--color-gray-smoke)}.pagi-empty .mark svg{height:1em;width:auto}.pages-navigation,.pages-navigation .item{display:flex;align-items:center}.pages-navigation .item{padding:0 var(--spacing-2);height:var(--text-xl);background:var(--color-white);border-radius:var(--rounded-full);border:var(--border-black);font-weight:var(--font-weight-medium);font-size:var(--text-sm)}.pages-navigation .item+.item{margin-left:var(--spacing-2)}@media(hover:hover){.pages-navigation .item:hover{background:var(--color-background-action-item)}}.pages-navigation.active .item.active{color:var(--color-white);border-color:transparent;background-color:var(--color-black)}.pages-header{z-index:1;position:-webkit-sticky;position:sticky;top:0;padding:var(--spacing-4);justify-content:space-between;background:var(--color-white)}.pages-header,.pages-header .back-container{display:flex;align-items:center}.pages-header .back-container .logo svg{font-size:var(--text-xl);height:1em;width:auto}@media only screen and (max-width:768px){.pages-header .back-container .logo{margin-left:var(--spacing-3)}}@media only screen and (min-width:769px){.pages-header .back-container .logo{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}}.pages-footer{padding:var(--spacing-4);padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom)/2)}.pages-footer .copyright{color:var(--color-gray)}.page-home .page-home-header{z-index:100;position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-4);background:linear-gradient(180deg,#fff 25%,hsla(0,0%,100%,0))}.page-home .page-home-header .logo{font-size:var(--text-display);display:flex}.page-home .page-home-header .logo svg{height:1em;width:auto}.page-home .page-home-header .view-mode{display:flex;align-items:center}.page-home .page-home-header .view-mode .option{color:var(--color-gray-light)}.page-home .page-home-header .view-mode .option+.option{margin-left:var(--spacing-4)}.page-home .page-home-header .view-mode .option.active{color:var(--color-black)}.page-home .page-home-header .view-mode .divider{background:var(--color-gray-lighter);width:1px;height:1em}.page-home .pages-navigation{position:fixed;right:0;bottom:0;left:0;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom)/2)}.page-home .pages-navigation.with-mask{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%)}.page-home .reel-view{position:fixed;top:50%;will-change:transform;padding:0 calc(var(--text-num-in-index)*3);display:flex;align-items:center}.page-home .reel-view .p-item{font-size:var(--text-num-in-index);width:calc(var(--text-num-in-index)*1.85);display:flex;align-items:center;justify-content:center}.page-home .reel-view .p-item .principle-number.active svg{stroke:var(--color-white);stroke-width:.5px;transform:scale(1.5) translateZ(0)}.page-home .mobile-reel-view{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:translateY(-1rem)}.page-home .mobile-reel-view .p-item{font-size:var(--text-num-in-index);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.page-home .mobile-reel-view .p-item .principle-number.active svg{stroke:var(--color-white);stroke-width:.5px;transform:scale(1.5) translateZ(0)}.page-home .mobile-reel-view-motion-layer{z-index:-1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:translateY(-1rem)}.page-home .mobile-reel-view-motion-layer .motion{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.page-home .mobile-reel-view-motion-layer .motion img{max-width:100vw;max-height:100vh;width:auto;height:auto}.page-home .mobile-reel-view-motion-layer .title{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);font-size:var(--text-xl);text-align:center}.page-home .mobile-reel-view-motion-layer .title .en{height:calc(1em*var(--line-height));padding:0 2em;word-break:break-all;word-wrap:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-home .mobile-reel-view-motion-layer .title .icon{margin-top:var(--spacing-1);font-size:var(--text-display)}.page-home .reel-view-motion-layer{z-index:-1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.page-home .reel-view-motion-layer .motion{position:absolute}.page-home .reel-view-motion-layer .motion img{max-width:80vw;max-height:80vh;width:auto;height:auto}.page-home .reel-view-motion-layer .principle-title{position:fixed;left:50%;transform:translateX(-50%) translateY(50%);font-size:var(--text-xl);text-align:center}@media only screen and (min-width:769px){.page-home .reel-view-motion-layer .principle-title{top:80%}}.page-home .reel-view-motion-layer .principle-title .en{height:calc(1em*var(--line-height));padding:0 2em;word-break:break-all;word-wrap:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-home .grid-view{margin:var(--spacing-4);padding:var(--spacing-12) 0 var(--spacing-16);display:grid}@media only screen and (max-width:480px){.page-home .grid-view{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--spacing-6);gap:var(--spacing-6)}}@media only screen and (min-width:481px){.page-home .grid-view{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-8);gap:var(--spacing-8)}}.page-home .grid-view .p-item .instant-card{pointer-events:none;position:fixed;top:0;left:0;width:256px;background:var(--color-white);box-shadow:var(--box-shadow-xl);padding:var(--spacing-4)}.page-home .grid-view .p-item .instant-card .principle-title{font-size:var(--text-md)}.page-home .grid-view .p-item .instant-card .image-container{position:relative;padding-bottom:100%}.page-home .grid-view .p-item .instant-card .image-container img{position:absolute}.page-home .grid-view .p-item .instant-card .summary{position:relative;font-size:var(--text-sm);line-height:var(--line-height-paragraph);color:var(--color-gray);max-height:calc(var(--line-height-paragraph)*6em);word-wrap:nowrap;word-break:break-all;text-align:justify;overflow:hidden}.page-home .grid-view .p-item .instant-card .summary .mask{position:absolute;left:0;right:0;bottom:0;width:100%;height:calc(var(--line-height-paragraph)*2em);background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff)}.page-home .grid-view .p-item .number{font-size:var(--text-xl);color:transparent;stroke:var(--color-gray)}.page-home .grid-view .p-item .number svg{height:1em;width:auto}.page-home .grid-view .p-item .title{margin-top:var(--spacing-2);font-size:var(--text-sm);color:var(--color-gray-dark)}@media(hover:hover){.page-home .grid-view .p-item:hover .number{color:var(--color-black)}.page-home .grid-view .p-item:hover .number svg{stroke:var(--color-black)}.page-home .grid-view .p-item:hover .title{color:var(--color-black)}}@media only screen and (min-width:769px){.page-principle{display:flex}.page-principle .content,.page-principle .navigation-screen{flex:50% 1}.page-principle .navigation-screen{margin-right:-1px}}.page-principle .navigation-screen{--navi-inner-spacing:var(--spacing-4);z-index:10;position:-webkit-sticky;position:sticky;top:0}@media only screen and (max-width:768px){.page-principle .navigation-screen{background:var(--color-white);border-bottom:var(--border-black)}}@media only screen and (min-width:769px){.page-principle .navigation-screen{height:100vh;border-right:var(--border-black)}}.page-principle .navigation-screen .page-principle-header{z-index:1;position:relative;padding:var(--navi-inner-spacing)}.page-principle .navigation-screen .page-principle-header .logo{font-size:var(--text-xl);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.page-principle .navigation-screen .page-principle-header .logo svg{height:1em;width:auto}.page-principle .navigation-screen .share{z-index:1;position:absolute}.page-principle .navigation-screen .share .toggle{display:inline-block}.page-principle .navigation-screen .share .modal{text-align:center;width:248px}.page-principle .navigation-screen .share .modal .qr-container{margin-top:var(--spacing-1);margin-bottom:var(--spacing-2);display:inline-block;border-radius:var(--rounded-sm);background:var(--color-white);padding:var(--spacing-2)}.page-principle .navigation-screen .share .modal .copy-button{margin-top:var(--spacing-2);border-radius:var(--rounded-sm);font-size:var(--text-sm);padding:var(--spacing-2);background:var(--color-black);color:var(--color-white);font-weight:var(--font-weight-medium);transition:opacity .15s}@media only screen and (max-width:768px){.page-principle .navigation-screen .share{top:var(--navi-inner-spacing);right:var(--navi-inner-spacing)}.page-principle .navigation-screen .share .modal{position:absolute;top:2em;right:0}}@media only screen and (min-width:769px){.page-principle .navigation-screen .share{bottom:var(--navi-inner-spacing);left:var(--navi-inner-spacing)}.page-principle .navigation-screen .share .modal{position:relative;left:calc(var(--spacing-1)*-1);top:calc(var(--spacing-2)*-1)}}.page-principle .navigation-screen .pagination{display:flex;align-items:center}.page-principle .navigation-screen .pagination .next,.page-principle .navigation-screen .pagination .prev{z-index:1;position:absolute;font-size:var(--text-display)}.page-principle .navigation-screen .pagination .prev{left:var(--spacing-4)}.page-principle .navigation-screen .pagination .next{right:var(--spacing-4);text-align:right}@media only screen and (min-width:769px){.page-principle .navigation-screen .pagination{position:absolute;top:0;right:0;bottom:0;left:0}}.page-principle .navigation-screen .pagination .current-container{position:relative;width:100%;display:flex;justify-content:center}@media only screen and (min-width:769px){.page-principle .navigation-screen .pagination .current-container{position:absolute;left:50%;transform:translateX(-50%)}.page-principle .navigation-screen .pagination .current-container .current{font-size:22vw}}.page-principle .navigation-screen .pagination .current-container .sticky-title{position:absolute;left:0;right:0;top:50%;transform:translateY(-65%);font-size:var(--text-lg);font-weight:var(--font-weight-medium);text-align:center}.page-principle .navigation-screen .pagination .current-container .current{pointer-events:none;transition:font-size 50ms;transform:translateZ(0)}@media only screen and (min-width:769px)and (hover:hover){.page-principle .navigation-screen .pagination .current-container .current{transition:font-size .45s}}.page-principle .navigation-screen .pagination .current-container .current.hover{font-size:var(--text-display)}.page-principle .content .content-body{padding:var(--spacing-6);padding-bottom:var(--spacing-12)}@media only screen and (min-width:993px){.page-principle .content .content-body{padding:var(--spacing-4) var(--spacing-6) var(--spacing-12)}}.page-principle .content .content-body .summary{line-height:var(--line-height-paragraph);text-align:justify}.page-principle .content .content-body .hero .principle-title{font-size:var(--text-display)}@media only screen and (max-width:992px){.page-principle .content .content-body .hero .motion{position:relative;width:100%;padding-bottom:100%}.page-principle .content .content-body .hero .motion img{position:absolute;top:0}}@media only screen and (min-width:993px){.page-principle .content .content-body .hero{position:relative;height:calc(100vh - var(--spacing-4)*3)}.page-principle .content .content-body .hero .principle-title{margin-bottom:var(--spacing-4)}.page-principle .content .content-body .hero .motion{z-index:-1;position:absolute;top:calc(50% + var(--spacing-4));transform:translateY(-50%);left:0;right:0}.page-principle .content .content-body .hero .motion img{margin:0 auto;width:35vw}}.page-principle .content .content-body .download{margin-top:var(--spacing-10)}.page-principle .content nav{border-top:var(--border-black);display:flex}.page-principle .content nav .next,.page-principle .content nav .prev{flex:50% 1}.page-principle .content nav .prev{border-right:1px solid var(--color-black)}.page-principle .content nav .next{border-left:1px solid var(--color-black)}.page-offline>main{display:flex}.page-offline>main>*{flex:1 1}.page-offline .global-active-image-container{padding:var(--spacing-4);position:-webkit-sticky;position:sticky;top:var(--space-pages-header);display:flex;align-items:center;justify-content:center}.page-offline .global-active-image-container img{width:80%}@media only screen and (max-width:768px){.page-offline .global-active-image-container{display:none}}@media only screen and (min-width:769px){.page-offline .global-active-image-container{height:calc(100vh - var(--space-pages-header))}}.page-offline .content-wrapper{padding:var(--spacing-4)}.page-offline .content-wrapper .content-item .title{font-family:var(--font-family-hans-display);font-weight:var(--font-weight-medium);font-size:var(--text-display);line-height:var(--line-height-paragraph)}.page-offline .content-wrapper .content-item .description{margin-top:var(--spacing-3);font-size:var(--text-md);line-height:var(--line-height-paragraph);color:var(--color-gray-dark)}.page-offline .content-wrapper .content-item .description p+p{margin-top:.5em}.page-offline .content-wrapper .content-item .active-image-container{margin-top:var(--spacing-3)}.page-offline .content-wrapper .content-item .image-grid{margin-top:var(--spacing-6);display:flex}.page-offline .content-wrapper .content-item .image-grid .image-container{width:4rem;height:4rem;border:2px solid var(--color-gray-lighter)}.page-offline .content-wrapper .content-item .image-grid .image-container+.image-container{margin-left:var(--spacing-2)}@media(hover:hover){.page-offline .content-wrapper .content-item .image-grid .image-container:hover{background:var(--color-background-action-item)}}.page-offline .content-wrapper .content-item .image-grid .image-container.active{border-color:var(--color-black)}@media only screen and (max-width:768px){.page-offline .content-wrapper .content-item:first-child{margin-top:var(--space-mobile-pages-top)}.page-offline .content-wrapper .content-item+.content-item{margin-top:var(--spacing-16)}.page-offline .content-wrapper .content-item .active-image-container{position:relative;padding-bottom:100%}.page-offline .content-wrapper .content-item .active-image-container img{position:absolute}}@media only screen and (min-width:769px){.page-offline .content-wrapper .content-item{display:flex;flex-direction:column;justify-content:center;height:calc(100vh - var(--space-pages-header))}.page-offline .content-wrapper .content-item .active-image-container{display:none}.page-offline .content-wrapper .content-item .title{margin-top:calc(var(--line-height)*-2em)}.page-about{position:relative;height:100vh;overflow:hidden}}.page-about .hero{padding:var(--spacing-4)}.page-about .hero .tagline{font-family:var(--font-family-hans-display);font-weight:var(--font-weight-medium);font-size:var(--text-display);line-height:var(--line-height-paragraph);text-indent:2em}@media only screen and (max-width:768px){.page-about .hero{margin:var(--space-mobile-pages-top) 0 calc(var(--space-mobile-pages-top)/4)}}@media only screen and (min-width:769px){.page-about .hero{padding:calc(50vh - var(--space-pages-header)) var(--spacing-4) calc((50vh - var(--space-pages-header))/4);height:calc(100vh - var(--space-pages-header)*2)}.page-about .hero .tagline{transform:translateY(-50%)}}.page-about .content{margin:var(--spacing-4);margin-top:0;margin-bottom:10vw;color:var(--color-gray-dark);line-height:var(--line-height-paragraph)}@media only screen and (min-width:769px){.page-about .content{position:absolute;right:var(--spacing-4);bottom:var(--spacing-4);left:50vw;margin:0}}.page-about .content .summary{margin-bottom:10vh;line-height:var(--line-height-paragraph)}.page-about .content p+p{margin-top:1em}.page-about .content .heading{margin-top:var(--spacing-12);margin-bottom:var(--spacing-4);padding-top:var(--spacing-4);border-top:var(--divider);font-weight:var(--font-weight-medium)}.page-about .content .role-row+.role-row{margin-top:var(--spacing-6)}.page-about .content .role-row .role{font-size:var(--text-md);margin-bottom:var(--spacing-2);color:var(--color-gray)}.page-about .content .role-row .names .name+.name{margin-left:var(--spacing-2)}.page-about .content a{text-decoration:underline}