html,body,div,section,article,header,main,footer,span,h1,h2,h3,h4,h5,h6,p,a,button,ol,ul,li,img{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:#5d5f79}a:visited{color:#5d5f79}ol,ul,li{list-style:none;text-decoration:none}h1,h2,h3{color:#00001a}h2{font-size:1.7rem;letter-spacing:-.5px}h3{font-size:1.2rem;letter-spacing:.5px}p{line-height:1.6rem}button{background:none;border:none}html{background-color:#fffdfa}body{min-height:100vh;background-color:#fffdfa;color:#5d5f79;font-family:Inter,sans-serif;font-size:15px;font-weight:400}html,body{height:auto}#root{display:flex;flex-direction:column;gap:.5rem}.backdrop{position:absolute;height:100%;width:100%;z-index:1;background-color:#5d5f79;opacity:.4}.hidden{display:none!important;visibility:none!important}.header{padding:1.2rem 1rem 0;width:100%;grid-area:header;display:flex}.header__logo{height:1.8rem}.header nav{flex-grow:1;display:flex;align-items:center;justify-content:center}.header .navigation-maximized{transition:width .3s ease-out,opacity .3s ease-in;width:15rem;height:100%;position:fixed;right:0;top:0;background-color:#fffdfa;z-index:99;display:flex;flex-direction:column;align-items:flex-end;padding:1.5rem 1.5rem 0 0;gap:3.5rem}.header .navigation-maximized .header__navigation{padding:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:1.2rem;gap:1.5rem}.header .navigation-hidden{overflow:hidden;width:0;opacity:0}.header .navigation-minimized{display:inline-block;margin-left:auto;margin-top:-.2rem}.header__navigation{height:100%;width:100%;display:flex;justify-content:flex-end;align-items:center;gap:2.5rem}.header__navigation a:active,.header__navigation a:hover{color:#f15e50;transition:.2s ease-out}.main{padding:1rem;display:grid;grid-template-areas:"hero" "aside" "feed";grid-template-columns:calc(100vw - 2rem);grid-template-rows:max-content auto auto;grid-row-gap:3.8rem}.hero{grid-area:hero;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}.hero picture,.hero img{align-self:center;max-width:calc(100vw - 2rem);width:100%;height:auto;margin-bottom:.2rem}.hero h2{font-size:2.5rem;font-weight:800;line-height:2.5rem;letter-spacing:.25px}.hero p{line-height:1.65rem;letter-spacing:.12px}.hero a{margin-top:.6rem;background-color:#f15e50;color:#fffdfa;text-transform:uppercase;padding:1rem 2rem;font-weight:700;font-size:.9rem;letter-spacing:4px}.hero a:hover,.hero a:active{background-color:#00001a;transition:.2s ease-out}.aside{grid-area:aside;background-color:#00001a;padding:1.4rem;padding-bottom:0;display:flex;flex-direction:column}.aside h2{color:#e9ab53;font-size:2rem}.aside__list{display:flex;flex-direction:column;background-color:#5d5f79;gap:1px;justify-content:space-between}.aside__list a:hover h3,.aside__list a:active h3{color:#e9ab53;transition:.2s ease-out}.aside__list section{background-color:#00001a;display:flex;flex-direction:column;gap:.5rem;padding:1.86rem 0}.aside__list section h3{color:#fffdfa;font-size:1.2rem}.aside__list section p{color:#c5c6ce}.feed{grid-area:feed;display:grid;gap:2rem;justify-content:left}@media screen and (min-width: 21rem){.feed{grid-template-columns:repeat(auto-fit,minmax(21rem,1fr))}}.feed a:hover h2,.feed a:active h2{color:#f15e50;transition:.2s ease-out}.feed__article{height:max-content;display:grid;grid-template-columns:6rem 1fr;grid-template-rows:min-content min-content auto;grid-row-gap:.45rem;grid-column-gap:1.7rem}.feed__article img{grid-row:span 3;max-height:8rem}.feed__article span{color:#c5c6ce;font-size:2rem;font-weight:700}.feed__article h2{font-size:1.2rem;color:#00001a;display:-webkit-box;white-space:nowrap;overflow:hidden;display:inline-block;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:800}footer{margin-top:auto}footer a,footer a:visited{color:#00001a;text-decoration:underline}@media screen and (min-width: 60rem){.hero{display:grid;grid-template-columns:14fr 13fr;grid-template-areas:"image image" "title text" "title button";grid-row-gap:1.6rem}.hero picture,.hero img{grid-area:image;height:100%;margin-bottom:0}.hero h2{font-size:3.6rem;line-height:3.6rem;grid-area:title}.hero p{grid-area:text;line-height:1.5rem}.hero a{grid-area:button;max-width:11.5rem}}@media screen and (min-width: 50rem){body{display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem 1.5rem}#root{min-height:calc(100vh - 5rem);justify-content:center;align-items:center;max-width:72rem;gap:2rem}.header{align-items:center}.header__logo{height:2.5rem}.header .navigation-maximized{padding:0;justify-content:center;align-items:center;width:auto;position:relative;background-color:#fffdfa}.header .navigation-maximized .button-close{display:none;visibility:collapse}.header .navigation-maximized .header__navigation{font-size:1rem;padding:0;flex-direction:row;justify-content:flex-end;gap:2.5rem}.header .navigation-hidden{width:100%;overflow:auto;opacity:1}.header .navigation-minimized{display:none}.main{grid-template-areas:"hero aside" "feed feed";grid-template-columns:2fr 1fr;grid-template-rows:max-content auto;grid-column-gap:2rem;grid-row-gap:4rem}.aside h2{font-size:2.5rem}}