html{background-color:#faebd7}h1,h2,h3,h4,html{font-weight:lighter}a{color:#000}body:before{content:"";background:url(/images/cover.jpg) no-repeat 50%;background-size:cover;display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}body{margin:0;font-family:nimbus-sans,sans-serif;overflow-y:scroll}.container{padding:0 20%}@media (max-width:1024px){.container{padding:0 10%}}@media (max-width:768px){.container{padding:0 5%}}@media (max-width:480px){.container{padding:0 2%}}header{height:5vh;margin:20px calc(8.33333% + 0px);display:flex;align-items:center}header.header-top{height:30vh;margin:30% calc(8.33333% + 0px) 55vh;display:block}header.header-top .header-head,header.header-top .header-menu{float:left;height:50%}header .header-head{width:40%;margin-bottom:5px}header .header-menu{width:60%}header.header-top .header-menu ul{text-align:right;margin-right:10%}header .header-head,header .header-menu{height:auto}header:not(.header-top) .header-head{width:40%}header:not(.header-top) .header-menu{width:60%;display:flex;justify-content:flex-end}header .header-head a{color:#000;text-decoration:none}header .header-title{font-size:18px;font-weight:300;line-height:1.5}header .header-menu ul{margin:0;list-style:none}header:not(.header-top) .header-menu ul{text-align:right}header .header-menu li{display:inline-block}header .header-menu li a{padding:10px;color:#000;text-decoration:none}header .header-lead{font-size:14px}header .header-title-top{display:flex;flex-direction:column}header .header-title-inline{display:flex;flex-direction:row;align-items:baseline}header .header-lead{font-size:12px;margin-top:5px}header .header-lead-inline{font-size:12px;margin-left:10px}@media (max-width:768px),(orientation:portrait){header{padding:0 2%;margin:20px 0;height:auto;min-height:auto}header.header-top{margin-top:40vh;margin-bottom:50vh;padding:0 2%;height:auto}header:not(.header-top){flex-direction:column;align-items:center;gap:15px}header .header-head{text-align:center;margin-bottom:0}header .header-title-inline{flex-direction:column!important;align-items:center;text-align:center}header .header-title-top{text-align:center}header .header-title-inline .header-title{display:block;width:100%}header .header-title-inline .header-lead-inline{display:block;width:100%;margin-left:0;margin-top:5px}header .header-menu{width:100%;justify-content:center}header .header-menu ul{gap:15px;justify-content:center;flex-wrap:wrap;padding:0;margin:0;text-align:center}header:not(.header-top) .header-menu{justify-content:center}header:not(.header-top) .header-menu ul{text-align:center}header .header-menu li{margin:0}header .header-menu li a{font-size:16px;padding:5px}header.header-top .header-head,header.header-top .header-menu{width:auto;float:none;height:auto}header.header-top .header-head{margin-bottom:30px}header.header-top .header-menu ul{margin-right:0;text-align:center}.mobile-top-content{margin-top:30vh}}.card{width:266px;margin:0;box-shadow:2px 2px 6px rgba(0,0,0,.4)}.card__imgframe{width:100%;height:266px;box-sizing:border-box;overflow:hidden}.card__imgframe>img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;vertical-align:top}.card__textbox{width:100%;height:auto;padding:20px 18px;background:#fff;box-sizing:border-box;display:flex;flex-direction:column}.card__textbox>*+*{margin-top:10px}.card__titletext{font-size:16px;font-weight:300;line-height:125%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__description{font-size:12px;line-height:150%}.cover{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:90%;height:auto;min-height:70vh;margin:0 auto;box-shadow:0 1px 6px rgba(0,0,0,.2);border-radius:5px}@media (max-width:768px){.cover{width:95%}}@media (max-width:480px){.cover{width:98%}}.cover-content{margin:15px 50px;padding:10px 0 20px}.top-cover{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:90%;height:auto;margin:0 auto;box-shadow:0 1px 6px rgba(0,0,0,.2);border-radius:5px}@media (max-width:768px){.top-cover{width:95%}}@media (max-width:480px){.top-cover{width:98%}}.top-cover-content{margin:15px 50px;padding:10px 0 20px}@media (max-width:480px){.cover-content,.top-cover-content{margin:15px}}.no-decoration{text-decoration:none}.section-card{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,.2);margin:20px 0;padding:35px 50px}@media (max-width:480px){.section-card{padding:20px 15px}}.flexbox{display:grid;grid-template-columns:repeat(auto-fit,266px);grid-gap:20px;gap:20px;justify-content:center;justify-items:start;margin:0 auto;width:100%}.flexbox>a{display:inline-block}.work-detail-layout{display:flex;gap:40px;align-items:flex-start}.work-detail-image{flex:0 0 266px;width:266px}.work-detail-image img{width:100%;height:266px;aspect-ratio:1/1;object-fit:cover;border-radius:5px}.work-detail-content{flex:1 1}.work-content{font-size:16px;line-height:1.6}.work-content p{margin-bottom:15px}.work-content a{color:#333;text-decoration:underline}@media (max-width:768px){.work-detail-layout{flex-direction:column;gap:20px}.work-detail-image{flex:none;width:100%;max-width:266px;margin:0 auto}}@media (max-width:480px){.frame-wrapper__video{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin-bottom:50px}.frame-wrapper__video iframe{width:100%;height:100%;position:absolute;top:0;left:0}}