@import"https://db.onlinewebfonts.com/c/74a4858c84d2494f93a076ceb57f3499?family=Foulis+Greek";@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-Heavy.otf);font-weight:900}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-HeavyItalic.otf);font-weight:900;font-style:italic}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-Bold.otf);font-weight:800}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-BoldItalic.otf);font-weight:800;font-style:italic}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-Semibold.otf);font-weight:700}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-SemiboldItalic.otf);font-weight:700;font-style:italic}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-Medium.otf);font-weight:600}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-MediumItalic.otf);font-weight:600;font-style:italic}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-Book.otf);font-weight:500}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-BookItalic.otf);font-weight:500;font-style:italic}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-Light.otf);font-weight:400}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-LightItalic.otf);font-weight:400;font-style:italic}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-Thin.otf);font-weight:300}@font-face{font-family:Cooper Hewitt;src:url(../../../fonts/CooperHewitt-OTF-public/CooperHewitt-ThinItalic.otf);font-weight:300;font-style:italic}:root{--primary-bg-color: #FEFEEB;--accent-color: #FE6596}html{overflow-x:hidden}body{background-color:var(--primary-bg-color);margin:0;position:relative}#main-ctn{display:flex;flex-direction:column}#header{padding:6rem;padding-top:60px;display:flex;z-index:0;position:relative;overflow:hidden}#header #name-ctn{flex-direction:column}#header #name-ctn #name-sub-ctn{display:flex;gap:20px;margin-bottom:-70px}#header #name-ctn #name-sub-ctn #name{font-family:Foulis Greek;font-size:128pt;color:var(--accent-color)}#header #name-ctn #name-sub-ctn img{position:relative;top:-25px;left:25px;scale:1.1}#header #name-ctn #bio-line{margin-top:10px;font-family:Foulis Greek;font-size:18pt;color:var(--accent-color)}#header #name-ctn .l-logo{position:relative;top:5px;left:20px}#header #name-ctn .l-logo img{scale:.8}#header #name-ctn #linkedin-logo{margin-left:20px}#header:before{content:"";position:absolute;top:0;right:-275px;overflow-x:hidden;overflow-y:hidden;z-index:-1;width:100%;height:100%;background-image:url(../../../background-overlays/pixel-grain.svg);background-repeat:no-repeat;pointer-events:none;background-color:#ffffff1a;background-blend-mode:lighten;opacity:.8}#nav{background-color:var(--accent-color);padding:30px 50px;margin-top:50px;z-index:1;display:flex;gap:80px;border-bottom:#FFFFFF 1px solid}#nav #kessoku-logo{align-self:flex-end;justify-self:flex-end;mix-blend-mode:plus-lighter}#nav #nav-menu-wrap{display:flex;align-items:center;gap:50px;font-family:Cooper Hewitt;font-weight:900;color:#fff;font-size:20px}#recent-project-ctn{background-color:var(--accent-color);padding:30px 50px 50px;font-family:Cooper Hewitt;font-weight:800;color:#fff;font-size:24px;display:flex;flex-direction:column;gap:30px}#recent-project-ctn #project-ctn-wrap{display:flex;flex-direction:column}#recent-project-ctn #project-ctn-wrap .project-ctn{padding:15px 30px;border:#FFFFFF 1px solid}#recent-project-ctn #project-ctn-wrap .project-ctn #project-name{font-weight:600;font-size:22px}#recent-project-ctn #project-ctn-wrap .project-ctn~.project-ctn{border-top:0px}#recent-post-ctn{padding:30px 50px;font-family:Cooper Hewitt;font-weight:800;display:flex;flex-direction:column;gap:30px}#recent-post-ctn #recent-post-head{font-size:24px;color:var(--accent-color)}#recent-post-ctn:before{content:"";position:absolute;top:900px;right:-200px;overflow-x:hidden;overflow-y:hidden;z-index:-1;width:100%;height:100%;background-image:url(../../../background-overlays/pixel-grain-1.svg);background-repeat:no-repeat;pointer-events:none;background-color:#ffffff1a;background-blend-mode:lighten;opacity:.8}#all-post-ctn{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.post-ctn{display:flex;flex-direction:column;flex:1;border:1px solid var(--accent-color)}.post-ctn .post-img{height:300px;background-color:var(--primary-bg-color)}.post-ctn .post-title{padding:20px;background-color:var(--accent-color);color:#fff;font-weight:500;font-size:22px}.post-ctn+.post-ctn{border-left:0}#spotlight-ctn{padding:10px 50px 40px;font-family:Cooper Hewitt;font-weight:800;display:flex;flex-direction:column;gap:30px}#spotlight-ctn #light-head{color:var(--accent-color);font-size:24px}#light-sub-ctn{border:1px solid var(--accent-color);display:flex}#light-sub-ctn #img-ctn{padding:200px;height:auto;background-color:var(--primary-bg-color)}#light-sub-ctn #light-txt-ctn{display:flex;flex-direction:column;background-color:var(--accent-color);padding:50px;gap:30px}#light-sub-ctn #light-txt-head{font-size:22px;font-weight:800;color:#fff}#light-sub-ctn #light-txt-desc{font-weight:500;color:#fff;font-size:20px}@media only screen and (max-width:600px){#header{padding:2rem;display:flex;z-index:0}#header #name-ctn{flex-direction:column}#header #name-ctn #name-sub-ctn{display:flex;margin-bottom:-110px}#header #name-ctn #name-sub-ctn #name{font-family:Foulis Greek;font-size:40pt;color:var(--accent-color)}#header #name-ctn #name-sub-ctn img{scale:.3;position:relative;top:-45px;left:-70px}#header #name-ctn #bio-line{margin-top:10px;font-family:Foulis Greek;font-size:8pt;color:var(--accent-color)}#header #name-ctn .l-logo{position:relative;top:8px;left:-5px}#header #name-ctn .l-logo img{scale:.4}#header #name-ctn #linkedin-logo{margin-left:-1px;position:relative;left:-10px;top:7px}#header:before{background-size:120%;top:0;right:0}#nav{background-color:var(--accent-color);margin-top:10px;padding:10px 10px 10px 15px;z-index:1;display:flex;justify-content:flex-start;align-items:center;gap:15px}#nav #akiss-logo{margin:0}#nav #akiss-logo img{width:40px;height:auto}#nav #kessoku-logo{align-self:flex-end;justify-self:flex-end;mix-blend-mode:plus-lighter}#nav #kessoku-logo img{height:30px;width:auto}#nav #nav-menu-wrap{display:flex;align-items:center;gap:20px;font-family:Cooper Hewitt;font-weight:900;color:#fff;font-size:8px}#recent-project-ctn{background-color:var(--accent-color);padding:1.5em;font-family:Cooper Hewitt;font-weight:800;color:#fff;font-size:.8em;display:flex;flex-direction:column;gap:1em}#recent-project-ctn #project-ctn-wrap{display:flex;flex-direction:column}#recent-project-ctn #project-ctn-wrap .project-ctn{padding:.3em .8em;border:#FFFFFF .01em solid}#recent-project-ctn #project-ctn-wrap .project-ctn #project-name{font-weight:600;font-size:.6em}#recent-project-ctn #project-ctn-wrap .project-ctn~.project-ctn{border-top:0px}}