#app-container{display:flex;height:100%}#app-outlet{position:relative;width:100%;height:100%;background-color:var(--primary);overflow:hidden}#app-outlet>*:not(.ignore){background-color:var(--secondary);height:100%;max-width:800px;margin:0 auto}#app-outlet>*:not(.ignore):not(.full-bleed){padding:8px 8px 8px 24px}#app-outlet>*:not(.ignore):not(.no-scroll){overflow-y:auto;scrollbar-gutter:stable}.mobile #app-outlet>*:not(.ignore-mobile){padding-bottom:56px}#sidebar-super{z-index:100}#sidebar-super a:not(header a){padding:8px 16px;border-radius:4px;background-color:var(--secondary)}#sidebar-super a:not(header a):hover{color:#000;background-color:#646cff}#sidebar-super button:not(header button){padding:8px 16px;border-radius:4px;background-color:var(--secondary);border:none;min-height:32px}#sidebar-super button:not(header button):hover{color:#000;background-color:#646cff}#sidebar-container{display:flex;flex-direction:column;min-width:313px;height:100%;padding:8px 16px;position:relative;overflow:hidden}#sidebar-container header{text-align:center;margin-top:8px;margin-bottom:16px}#sidebar-container section{display:flex;flex-direction:column;gap:8px}#sidebar-container #link-container{display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto;padding-bottom:8px;margin-bottom:-8px;margin-right:-16px;scrollbar-gutter:stable}#sidebar-container #link-container a{display:flex;align-items:center;gap:8px;width:100%}#sidebar-container #link-container a img.icon,#sidebar-container #link-container button img.icon{height:24px;width:24px}.mobile #sidebar-container #link-container{padding-bottom:52px}#sidebar-mobile-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--black);transition:transform .5s ease-in-out}#sidebar-mobile-container.close{transform:translateY(100%);position:absolute}#sidebar-mobile-container #sidebar-container #link-container{margin-right:0}#sidebar-mobile-container #open-button{position:absolute;right:0;top:0;transform:translateY(-100%);height:56px;width:56px;padding:8px 0 0 8px;box-shadow:0 0 #000;border-radius:28px 0 0;border:none;background-color:var(--primary);color:var(--secondary);font-weight:700}@keyframes thumb-click{0%{box-shadow:none}50%{box-shadow:inset 0 0 4px 4px var(--secondary),inset 4px 4px 8px 8px var(--primary)}to{box-shadow:none}}#sidebar-mobile-container #open-button.click{animation:.25s ease-in-out forwards thumb-click}#sidebar-mobile-container footer{width:100%;position:absolute;bottom:0;left:0;display:flex;justify-content:flex-end;padding:8px;background-color:var(--black)}#sidebar-mobile-container footer button{width:100%}.link-section-links{display:flex;flex-direction:column;gap:8px}.title-year{display:flex;justify-content:space-between;width:100%}.title-year .date-text{font-family:monospace;font-size:16px}.collapse-list-container{display:flex;flex-direction:column}.collapse-list-container button{padding:8px 16px;width:84px}.collapse-list-header{display:flex;justify-content:space-between;transition:margin-bottom .25s ease-in-out}#about-container p{margin:16px 0}#about-container #selfie-and-text{display:flex;gap:16px}#about-container #selfie-and-text #selfie-text{flex:4 4}#about-container #selfie-and-text #selfie-img{flex:1 1}#about-container #selfie-and-text>div>p:not(:last-child){margin:16px 0}#about-container #selfie-and-text{margin:8px 0 16px}#about-container #selfie-and-text p{margin:0}#about-container #selfie-img{background-image:url(../image/selfie.jpg);background-position:center;background-size:contain;background-repeat:no-repeat;background-color:var(--primary);clip-path:circle();min-height:200px;min-width:200px;height:auto}.animating *{filter:blur(1px)}@media screen and (max-width: 800px){#about-container #selfie-and-text{flex-direction:column-reverse}}#dialect-switcher{position:relative;display:flex;width:300px;height:40px;border-radius:8px;background:#eee;overflow:hidden;margin:0 auto}#dialect-switcher #DS_highlight-overlay{position:absolute;top:0;left:0;width:100px;height:100%;background:var(--primary);border-radius:8px;transition:transform .3s ease;z-index:0}#dialect-switcher #DS_highlight-overlay.mid{transform:translate(100%)}#dialect-switcher #DS_highlight-overlay.left{transform:translate(0)}#dialect-switcher #DS_highlight-overlay.right{transform:translate(200%)}#dialect-switcher button{flex:1;position:relative;z-index:1;border:none;background:transparent;font-size:14px;font-weight:500;cursor:pointer;transition:filter .3s ease,color .3s ease}#dialect-switcher button.selected{color:#fff}#dialect-switcher button:not(.selected){color:#333}#dialect-switcher.animating button{filter:blur(1px)}@keyframes slide-hello{0%{transform:translateY(0)}2%{transform:translateY(-52px)}2.5%{transform:translateY(-48px)}4%{transform:translateY(-100px)}4.5%{transform:translateY(-96px)}6%{transform:translateY(-148px)}6.5%{transform:translateY(-144px)}8%{transform:translateY(-196px)}8.5%{transform:translateY(-192px)}10%{transform:translateY(-244px)}10.5%{transform:translateY(-240px)}12%{transform:translateY(-292px)}12.5%{transform:translateY(-288px)}14%{transform:translateY(-340px)}14.5%{transform:translateY(-336px)}16%{transform:translateY(-388px)}16.5%{transform:translateY(-384px)}18%{transform:translateY(-436px)}18.5%{transform:translateY(-432px)}20%{transform:translateY(-484px)}20.5%{transform:translateY(-480px)}22%{transform:translateY(-532px)}22.5%{transform:translateY(-528px)}24%{transform:translateY(-580px)}24.5%{transform:translateY(-576px)}26%{transform:translateY(-628px)}26.5%{transform:translateY(-624px)}28%{transform:translateY(-676px)}28.5%{transform:translateY(-672px)}30%{transform:translateY(-724px)}30.5%{transform:translateY(-720px)}32%{transform:translateY(-772px)}32.5%{transform:translateY(-768px)}34%{transform:translateY(-820px)}34.5%{transform:translateY(-816px)}36%{transform:translateY(-868px)}36.5%{transform:translateY(-864px)}38%{transform:translateY(-916px)}38.5%{transform:translateY(-912px)}40%{transform:translateY(-964px)}40.5%{transform:translateY(-960px)}42%{transform:translateY(-1012px)}42.5%{transform:translateY(-1008px)}44%{transform:translateY(-1060px)}44.5%{transform:translateY(-1056px)}46%{transform:translateY(-1108px)}46.5%{transform:translateY(-1104px)}48%{transform:translateY(-1156px)}48.5%{transform:translateY(-1152px)}50%{transform:translateY(-1152px)}52%{transform:translateY(-1148px)}52.5%{transform:translateY(-1152px)}54%{transform:translateY(-1100px)}54.5%{transform:translateY(-1104px)}56%{transform:translateY(-1052px)}56.5%{transform:translateY(-1056px)}58%{transform:translateY(-1004px)}58.5%{transform:translateY(-1008px)}60%{transform:translateY(-956px)}60.5%{transform:translateY(-960px)}62%{transform:translateY(-908px)}62.5%{transform:translateY(-912px)}64%{transform:translateY(-860px)}64.5%{transform:translateY(-864px)}66%{transform:translateY(-812px)}66.5%{transform:translateY(-816px)}68%{transform:translateY(-764px)}68.5%{transform:translateY(-768px)}70%{transform:translateY(-716px)}70.5%{transform:translateY(-720px)}72%{transform:translateY(-668px)}72.5%{transform:translateY(-672px)}74%{transform:translateY(-620px)}74.5%{transform:translateY(-624px)}76%{transform:translateY(-572px)}76.5%{transform:translateY(-576px)}78%{transform:translateY(-524px)}78.5%{transform:translateY(-528px)}80%{transform:translateY(-476px)}80.5%{transform:translateY(-480px)}82%{transform:translateY(-428px)}82.5%{transform:translateY(-432px)}84%{transform:translateY(-380px)}84.5%{transform:translateY(-384px)}86%{transform:translateY(-332px)}86.5%{transform:translateY(-336px)}88%{transform:translateY(-284px)}88.5%{transform:translateY(-288px)}90%{transform:translateY(-236px)}90.5%{transform:translateY(-240px)}92%{transform:translateY(-188px)}92.5%{transform:translateY(-192px)}94%{transform:translateY(-140px)}94.5%{transform:translateY(-144px)}96%{transform:translateY(-92px)}96.5%{transform:translateY(-96px)}98%{transform:translateY(-44px)}98.5%{transform:translateY(-48px)}to{transform:translateY(0)}}#hello-scroller-container{width:100%;text-align:center}#hello-scroller-container button{display:flex;flex-direction:column;height:48px;overflow:hidden;background:none;border:none;width:100%}#hello-scroller-container button #hello-text-container{animation:slide-hello 45s;animation-direction:normal;animation-iteration-count:infinite}#hello-scroller-container button #hello-text-container h1{line-height:48px;font-size:32px}@media screen and (max-width: 500px){#hello-scroller-container button #hello-text-container h1{font-size:24px}}#blog-layout-container p{margin:16px 0}#blog-layout-container .blog-hero-image{width:calc(100% + 48px);padding:0;margin:-16px -24px 0;background:none;border:none;cursor:pointer}#blog-layout-container .blog-hero-image img{object-fit:cover;height:200px;width:100%}#blog-layout-container .blog-hero-image img:fullscreen{object-fit:contain}#case-study-container #header{display:flex;margin:0 auto;flex-direction:column;text-align:center}#case-study-container h2,#case-study-container h3{margin:8px 0}#case-study-container .case-study-images~.case-study-images{margin-top:8px}#case-study-container .case-study-images img{width:100%;height:auto}#case-study-container .case-study-images a,#case-study-container .case-study-images button{border:none;background:var(--primary);color:var(--black);border-radius:4px;padding:8px 16px;font-size:16px;font-weight:500}#case-study-container .case-study-actions{display:flex;justify-content:flex-start;gap:8px;width:100%}#case-study-container .case-study-actions~.inline-case-image>div{margin-top:8px}#case-study-container div.tab-selector{display:flex;margin-top:8px}#case-study-container div.tab-selector button{position:relative;border:none;background:none;padding:8px;font-size:24px}#case-study-container div.tab-selector button:after{content:"";position:absolute;bottom:-4px;height:4px;width:0;background-color:var(--primary);transition:width .25s ease-in-out}#case-study-container div.tab-selector button:has(~button):after{right:0}#case-study-container div.tab-selector button:has(~button).selected:after{width:100%}#case-study-container div.tab-selector button~button:after{left:0}#case-study-container div.tab-selector button~button.selected:after{width:100%}@font-face{font-family:futura;src:url(../font/futura/FuturaStdMedium.otf) format("opentype");font-weight:500}@font-face{font-family:futura;src:url(../font/futura/FuturaStdBold.otf) format("opentype");font-weight:600 700}@font-face{font-family:garamond;src:url(../font/garamond/EBGaramond-Italic.ttf) format("truetype");font-weight:100 500;font-style:italic}@font-face{font-family:garamond;src:url(../font/garamond/EBGaramond-BoldItalic.ttf) format("truetype");font-weight:600 700;font-style:italic}@font-face{font-family:garamond;src:url(../font/garamond/EBGaramond-Regular.ttf) format("truetype");font-weight:100 500}@font-face{font-family:garamond;src:url(../font/garamond/EBGaramond-Bold.ttf) format("truetype");font-weight:600 700}:root{--black: #11111d;--white: #e2e2e2;--primary: #6495ed;--secondary: #262856;line-height:1.5;font-weight:400;color-scheme:light dark;color:#e2e2e2;background-color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;font-family:futura,sans-serif}p,li{font-family:garamond,Times New Roman,Times,serif}html,body,div#root{height:100%;width:100%;margin:0;padding:0;position:relative;overflow:hidden}h1,h2,h3,p{padding:0;margin:0}a,button{font-weight:500;color:var(--primary);text-decoration:inherit;cursor:pointer}a:hover,button:hover{color:#535bf2}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--primary: #262856;--secondary: #6495ed}a:hover{color:#747bff}button{background-color:#f9f9f9}}