*,:after,:before{box-sizing:border-box}:root{font-size:15px}body{margin:0;--color-text:#fff;--color-bg:#000;--color-link:#fff;--color-link-hover:#ebebeb;color:var(--color-text);background-color:var(--color-bg);background:url(../images/1.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:tenon,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight:300}a{text-decoration:none;color:var(--color-link);outline:none}a:focus,a:hover{color:var(--color-link-hover);outline:none}main{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.frame{padding:3rem 5vw;text-align:center;position:relative;z-index:1000}.frame__links{display:inline}.frame__links a{text-transform:uppercase;letter-spacing:.5px}.frame__links a:focus,.frame__links a:hover{text-decoration:none}.frame__links a{margin:0 1rem}.frame__links__dropdown{position:relative;display:inline-block;margin:0 1rem;pointer-events:auto}.frame__links__dropdown-trigger{background:none;border:none;padding:0;margin:0;font:inherit;font-family:inherit;color:var(--color-link);text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.frame__links__dropdown-trigger:focus,.frame__links__dropdown-trigger:hover{color:var(--color-link-hover);outline:none}.frame__links__submenu{position:absolute;top:100%;right:50%;display:none;flex-direction:column;align-items:flex-end;gap:1rem;padding-top:1.25rem;padding-right:1.5rem;white-space:nowrap;z-index:1}.frame__links__dropdown:focus-within .frame__links__submenu,.frame__links__dropdown:hover .frame__links__submenu{display:flex}.frame__links__submenu:before{content:"";position:absolute;top:0;right:0;bottom:.6em;width:1px;background:#fff9}.frame__links__submenu-item{position:relative;margin:0;text-align:right}.frame__links__submenu-item:after{content:"";position:absolute;top:50%;right:-1.5rem;width:1.5rem;height:1px;background:#fff9}@media screen and (max-width:52.99em){.frame__links__dropdown{display:block;margin:.5rem 0}.frame__links__submenu{position:static;right:auto;align-items:center;padding:.5rem 0 0}.frame__links__submenu-item:after,.frame__links__submenu:before{display:none}.frame__links__submenu-item{text-align:center}}.frame__links .frame__links__submenu a{margin:0}.content{display:flex;flex-direction:column;width:100vw;position:relative;align-items:flex-start;justify-content:flex-end;background-position:50% 50%;background-size:cover;padding:2rem 5vw}.content__title{font-size:clamp(4rem,10vw,9rem);text-transform:uppercase;line-height:.8;font-family:degular,sans-serif;font-weight:400;letter-spacing:clamp(-.05rem,-.12vw,-.15rem);margin:0;max-width:80rem}.content__title__em{font-size:clamp(2rem,9vw,5rem);font-weight:300}.content__title-404,.content__title__em{text-transform:uppercase;line-height:.8;font-family:degular,sans-serif;letter-spacing:clamp(-.05rem,-.12vw,-.15rem);margin:0 0 15rem;max-width:80rem}.content__title-404{font-size:clamp(2rem,10vw,9rem);font-weight:500}.content__title span{white-space:nowrap}.content__text{font-size:1.17em;font-weight:700;margin:1em 0}.content__title em{display:block;font-weight:200}.grid-container{width:90%;margin:auto;display:grid;grid-template-columns:auto auto auto auto}.grid-item{text-align:center}.content a{color:var(--color-link);text-decoration:underline;font-style:italic;font-weight:800}.content a:hover{color:var(--color-link-hover)}@media screen and (min-width:53em){main{display:block}.frame{position:fixed;text-align:left;z-index:100;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;height:100vh;padding:3rem;pointer-events:none;grid-template-columns:50% 50%;grid-template-rows:auto auto auto;grid-template-areas:"title links" "... ..." "... demos"}.frame__links a:last-child{margin-right:0}.frame__links{grid-area:links;padding:0;justify-self:end}.frame a{pointer-events:auto}.content{padding:3rem;height:100vh}}@media screen and (max-height:627px){.content__title{margin-bottom:10px}}@media screen and (min-width:1000px){.content__text{max-width:75rem}}