@font-face{font-display:swap;font-family:titillium web;font-style:normal;font-weight:200;src:url(../fonts/titillium-web-v18-latin-200.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:italic;font-weight:200;src:url(../fonts/titillium-web-v18-latin-200italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:normal;font-weight:300;src:url(../fonts/titillium-web-v18-latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:italic;font-weight:300;src:url(../fonts/titillium-web-v18-latin-300italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:normal;font-weight:400;src:url(../fonts/titillium-web-v18-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:italic;font-weight:400;src:url(../fonts/titillium-web-v18-latin-italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:roboto slab;font-style:normal;font-weight:200;src:url(../fonts/roboto-slab-v35-latin-200.woff2)format("woff2")}@font-face{font-display:swap;font-family:roboto slab;font-style:normal;font-weight:400;src:url(../fonts/roboto-slab-v35-latin-regular.woff2)format("woff2")}html{font-size:18px}*{font-family:Titillium Web,sans-serif;font-weight:200}h1,h2,h3,h4,h5,h6{font-weight:200;text-wrap:balance;font-family:Roboto Slab,sans-serif}h1{font-weight:400;text-align:center}small,sup,sub,figcaption{font-size:.85em}.more{color:#4dbab3;font-weight:400;text-wrap:nowrap}:root{--fore-color:#B0BAB3;--header-fore-color:#fff;--header-back-color:none;--header-border-color:none;--header-hover-back-color:#1F2F2D;--header-hover-fore-color:#fff;--secondary-fore-color:#B0BAB3;--back-color:#1F2F2D;--nav-back-color:none;--nav-border-color:none;--nav-link-color:#FBEF82;--drawer-back-color:#1F2F2D;--drawer-border-color:none;--drawer-close-color:#fff;--drawer-hover-back-color:#B0BAB3;--form-fore-color:none;--form-back-color:none;--form-border-color:none;--card-back-color:none;--card-border-color:none;--footer-link-color:#B0BAB3;--footer-back-color:#000;--footer-border-color:#B0BAB3;--secondary-back-color:#000;--blockquote-color:#FFF155;--pre-color:#4DBAB3;--border-color:#B0BAB3;--secondary-border-color:#fff;--heading-ratio:1.15;--universal-margin:1rem;--universal-padding:1rem;--universal-border-radius:2rem;--a-link-color:#FBEF82;--a-visited-color:#FBEF82;--mark-back-color:#717770;--button-back-color:#FFF155;--button-hover-back-color:#4DBAB3;--table-body-back-color:none;--table-body-fore-color:#fff;--table-head-back-color:none;--table-head-fore-color:#fff}body{height:100vh;display:flex;flex-direction:column}.date{text-transform:uppercase}.highlight{color:var(--pre-color);font-weight:400}.upper{text-transform:uppercase;font-weight:400}header{height:auto;margin-bottom:clamp(5rem,10vh,20rem)}header menu{position:absolute;width:100%;margin:0;padding:0 0 1rem}header menu div.menu{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1rem;padding-right:2rem}header menu div.menu a{color:#fff;text-transform:uppercase;font-weight:400;letter-spacing:.07em}header menu div.menu a.inactive{filter:grayscale(85%)}header menu div.menu a.logo{flex-grow:3;align-items:flex-start}header menu div.menu a.logo img{min-width:15rem;max-width:17rem}header menu div.menu-items.mobile{width:100vw;overflow:hidden}header menu div#breadcrumbs{margin:0 var(--universal-margin)}@media(max-width:481px){header menu div#breadcrumbs *{display:none}header menu div#breadcrumbs a:first-child,header menu div#breadcrumbs a:nth-last-child(1){display:inline}}header menu div#menu-background{z-index:-1;position:absolute;inset:0;top:-5px;opacity:0;border-bottom:1px solid #b0bab3}header div#header-image{position:fixed;inset:0;z-index:-10}header div#header-image img{width:100%;object-fit:cover;height:1e3px}header div#header-image div#overlay{z-index:0;position:fixed;inset:0;height:1e3px;opacity:1;background:linear-gradient(to bottom,rgba(0,0,0,.2),#1F2F2D)}header div#background-blur{z-index:-9;position:fixed;inset:0;backdrop-filter:blur(30px);opacity:0}main{width:calc(100% - $gap);margin:0 1rem;flex:1}@media(min-width:769px){main{width:700px;margin:0 auto}}@media(min-width:1367px){main{width:1200px;margin:0 auto}}div.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem}@media(max-width:481px){div.grid{margin:0 .5rem}}div.grid.one-column,div.grid.two-column{grid-template-columns:1fr}div.grid.one-column div.card.large,div.grid.two-column div.card.large{max-width:calc(100% - 2rem)}div.grid.one-column div.card.large a div.card-text,div.grid.two-column div.card.large a div.card-text{line-height:3em;height:7em}div.grid.one-column div.card.large a div.card-text h3,div.grid.two-column div.card.large a div.card-text h3{font-size:clamp(1em,2vw,1.5em)}div.grid.one-column div.card.large a div.card-text small,div.grid.two-column div.card.large a div.card-text small{font-size:clamp(.5em,1vw,.75em)}div.grid.two-column{grid-template-columns:1fr 1fr}@media(max-width:481px){div.grid.two-column{grid-template-columns:1fr}}div.grid.three-column{grid-template-columns:1fr}@media(min-width:481px){div.grid.three-column{grid-template-columns:1fr 1fr}}@media(min-width:1367px){div.grid.three-column{grid-template-columns:1fr 1fr 1fr}}div.grid div.card{align-self:stretch;margin:0;max-width:100%;border-radius:.25rem;text-align:center;position:relative}div.grid div.card.podcast::before{content:'';position:absolute;inset:1rem;background-image:url(/animations/podcast-icon.svg);background-repeat:no-repeat;background-size:4rem;background-position:100% 0;transition:opacity .3s ease}div.grid div.card a{text-decoration:none;color:#b0bab3;transition:color .3s ease}div.grid div.card a:hover{color:#fbef82}div.grid div.card a:hover img{scale:1.05}div.grid div.card a:hover h3{color:#fbef82}div.grid div.card a:hover .more{color:#fff}div.grid div.card img{border-radius:.25rem;transition:scale 1s ease}div.grid div.card h3,div.grid div.card p{margin:.5rem 0 0;text-align:left}div.grid div.card p.date{font-size:.7em}div.grid div.card h3{color:var(--header-fore-color);transition:color .3s ease}div.grid div.card .more{transition:color .3s ease}button a:hover{text-decoration:none}h1{margin:calc(5 * var(--universal-margin))0;color:var(--header-fore-color);font-size:calc(1.5rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h1 small{margin-top:var(--universal-margin);font-size:50%;font-weight:400}h2{padding-top:1em;border-top:1px solid #717770;margin-top:2.5em;color:#fff;text-transform:uppercase;font-family:Titillium Web,sans-serif;font-size:1rem;font-weight:400}@media(max-width:481px){h2{margin:2.5rem .5rem 1rem;padding:1rem}}.centered{text-align:center}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}a.button,a.menu-button{text-transform:uppercase;font-weight:600}@media(min-width:769px){a.button,a.menu-button{padding:calc(.7 * var(--universal-padding))calc(5 * var(--universal-padding))}}a.menu-button{background-color:var(--button-back-color);border-radius:2em;padding:calc(.2 * var(--universal-padding))calc(1.2 * var(--universal-padding));color:#1f2f2d!important}body.home{position:relative}body.home header{margin-bottom:clamp(3rem,10vh,5rem)}body.home h1{color:var(--fore-color);text-align:center;margin-bottom:0}body.home h1:nth-of-type(2){margin-top:calc(12 * var(--universal-margin))}body.home main hr{margin:5rem 0}body.search header{margin-bottom:5rem}body.search table{overflow:hidden}body.search mark{padding:0}body.search input{opacity:.7;transition:opacity .2s}body.search input:focus{opacity:1}div.wikipedia{display:grid;grid-template-columns:auto 1fr;gap:1rem;margin:var(--universal-margin);align-items:center}footer{margin-top:10rem}footer a,footer a:visited{color:var(--footer-link-color)!important}footer menu{text-align:center}footer menu a.menu-item{text-transform:uppercase}footer menu ul{list-style:none;padding:0;margin:0}footer menu div.logo-bottom{text-align:center}footer menu div.logo-bottom a.logo{display:inline-block;width:90%;height:2.5rem;mask:url(/logo/logo.svg);-webkit-mask:url(/logo/logo.svg);background-color:#b0bab3;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}footer hr{opacity:.3}footer hr.last{margin-top:5rem}footer p{text-align:center}figure img{width:100%}figure.keep-width{text-align:center}figure.keep-width img{width:unset}time{font-size:unset}div.search input{width:100%}ol.timeline{border-left:3px solid #b0bab3;list-style:none}ol.timeline svg.hi-svg-inline{background-color:#b0bab3;padding:.5rem;border-radius:50%}ol.timeline h2{margin:0;margin-top:-2.5rem;padding:.5rem 0}ol.timeline li{padding-left:0;margin-left:-3rem}ol.timeline li div>div>div,ol.timeline li div>div>h4{margin-left:3rem}ol.timeline li div>div>h4{padding-left:1rem}.tooltip.bottom:after{text-transform:none;font-size:1rem}label.drawer-toggle{font-size:1.5rem}div.drawer{padding:6rem 2rem 0;text-align:center;opacity:.9}blockquote{border:none;box-shadow:0 0 1rem .5rem rgba(0,0,0,.2);background-color:#1f2f2d;font-weight:600;border-radius:.5rem}blockquote::before{position:absolute;left:1rem;top:1rem;font-family:sans-serif;font-size:3rem;font-weight:700;content:"\201c";color:var(--blockquote-color)}section.listen{background-color:rgba(34,36,43,.7);margin:var(--universal-margin);padding:var(--universal-margin);box-shadow:0 0 1rem .5rem rgba(0,0,0,.2);text-align:center}section.listen svg{height:5rem;width:5rem}section.listen h3{margin:.5rem}section.listen div.podcast{display:grid;margin:.5rem;align-items:center;justify-items:stretch;grid-template-columns:1fr;gap:var(--universal-margin);padding:var(--universal-margin)}@media(min-width:481px){section.listen div.podcast{grid-template-columns:repeat(2,1fr)}}section.listen div.podcast div img{width:100%;margin:0 auto;aspect-ratio:1/1;box-shadow:0 0 1rem .5rem rgba(0,0,0,.2)}section.listen div.podcast div.host img{width:50%}section.listen div.podcast div.host a{display:block;text-align:center;border:1px solid #0f1d1d;border-radius:1rem;width:50%;margin:.5em auto;text-decoration:none;color:#b0bab3;background-color:#1f2f2d;transition:background-color .5s;padding:.1em}section.listen div.podcast div.host a:hover{background-color:#0f1d1d;color:#fff155}section.listen div.podcast div.host small{display:block;width:50%;margin:var(--universal-margin)auto}section.listen div.podcast audio{width:100%;padding:0}div.video{padding:0;margin:0;margin-top:5rem}div.video video{width:100%}section.separator{max-width:none;width:100vw;margin:6rem 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;background-color:#fbef82;padding:2.4rem 0;text-align:center}section.separator a.inner{display:grid;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;padding:3rem 0}@media(min-width:769px){section.separator a.inner{grid-template-columns:1fr 1fr;max-width:1367px}}section.separator strong{margin:0;padding:0;color:#1f2f2d;display:block;font-size:calc(1.2rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio));font-family:Roboto Slab,sans-serif}section.separator p{margin:0 2rem;font-size:.9rem;line-height:1.2rem;color:#1f2f2d}section.separator span.button{display:inline-block;margin-top:1rem;transform-origin:bottom left;transition:scale .8s;background-color:#0f1d1d;color:#fff;text-transform:uppercase;font-weight:400;padding:calc(.2 * var(--universal-padding))var(--universal-padding);padding:calc(.2 * var(--universal-padding))calc(3 * var(--universal-padding))}section.separator.page img{border-radius:50%}div.beyonds{text-align:center;display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem 0 1rem}div.beyonds svg{min-width:35%;max-width:45%;height:auto}div.welcome{position:absolute;top:0;left:0;right:0;width:100%;z-index:1000}section.article-header{position:relative;margin:0 -1rem 12rem}@media(min-width:769px){section.article-header{margin:0 0 1rem}}section.article-header div.thumbnail{background-color:#1f2f2d}section.article-header img{border-radius:.25rem;transition:opacity .8s;width:100%}section.article-header div.sticker{position:absolute;left:1.5rem;right:1.5rem;border-radius:.5rem;padding:1rem;transition:background-color .8s,opacity .8s;background-color:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:25%;top:75%}@media(min-width:769px){section.article-header div.sticker{bottom:1.5rem;top:unset;right:unset;width:calc(50% - 4rem)}}section.article-header div.sticker p,section.article-header div.sticker h3{text-decoration:none;color:#0f1d1d;margin:0 0 .7rem;padding:0}section.article-header div.sticker p.date{text-transform:uppercase}section.article-header div.sticker p.date time{font-weight:400}section.article-header div.sticker h3{font-size:2rem;line-height:2.2rem;color:#1f2f2d;font-family:roboto slab,sans-serif;font-weight:400}section.article-header div.sticker span.more{display:none}section.article-header div.sticker span.button{margin-top:1rem;transform-origin:bottom left;transition:scale .8s;background-color:#0f1d1d;color:#fff;text-transform:uppercase;font-weight:400;padding:calc(.2 * var(--universal-padding))var(--universal-padding)}section.article-header div.badge{position:absolute;width:2rem;height:2rem;padding:2rem;background-color:#fff155;color:#1f2f2d;top:3rem;right:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;transition:background-color .4s,color .8s,scale .8s}section.article-header div.badge svg{width:2rem;height:2rem}section.article-header div.badge h3{font-size:1rem;margin-bottom:3rem;font-weight:400}section.article-header div.badge h3 span{display:none}@media(min-width:769px){section.article-header div.badge{width:8rem;height:8rem;padding:2rem;font-size:1.8rem}section.article-header div.badge h3{font-size:1.2rem}section.article-header div.badge h3 span{display:block}}section.article-header a:hover div.sticker{background-color:#fff155;opacity:1}section.article-header a:hover div.sticker span.button{color:#fff155}section.article-header a:hover p{color:#1f2f2d}section.article-header a:hover img{opacity:.8}section.article-header a:hover span.button{scale:1.1}section.article-header a:hover div.badge{background-color:#1f2f2d;color:#fff155;scale:1.2}