@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#1e3fa9;--dark-gray:#424445;--darker-gray:#161718;--light-gray:#eee;--gold:#d79b5a;--peach:#f5cab9;--teal:#9ec0c3}body{background:var(--light-gray)url(/texture.jpg);color:var(--dark-gray);background-position:50%;background-size:cover;height:100vh;margin:0;font-family:Geist Mono,monospace;overflow:hidden}.file-cabinet{perspective:1000px;gap:0;width:100vw;height:100vh;display:flex;position:relative}.file{background:var(--primary-blue)url(/texture.jpg);background-blend-mode:multiply;background-size:500px 500px;width:calc(100vw - 200px);height:100vh;display:flex;position:absolute;top:0;right:200px;box-shadow:5px 0 15px #0003}.file-tab{background:var(--primary-blue)url(/texture.jpg);background-blend-mode:multiply;cursor:pointer;clip-path:polygon(0 0,0 100%,60px calc(100% - 30px),60px 30px);background-size:200px 200px;justify-content:center;align-items:center;width:60px;height:250px;transition:background .2s,right .2s;display:flex;position:absolute;right:-60px}.file-tab:before{content:"";pointer-events:none;background:linear-gradient(#0000001a 0%,#0000 25% 75%,#0000001a 100%);width:100%;position:absolute;top:0;bottom:0;left:0}.tab-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:3px;text-transform:uppercase;color:var(--light-gray);-webkit-user-select:none;user-select:none;z-index:1;font-size:11px;font-weight:600;transition:color .2s;position:relative}.file-body{z-index:2;scrollbar-width:none;-ms-overflow-style:none;background:0 0;width:100%;height:100%;padding:80px 220px 80px 250px;position:relative;overflow-y:auto}.file-body::-webkit-scrollbar{display:none}.file-body:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 29px,#1e3fa908 29px 30px);position:absolute;inset:0}.file[data-file="0"] .file-tab{background:var(--primary-blue);top:30px}.file[data-file="1"] .file-tab{background:var(--peach);top:200px}.file[data-file="1"] .file-tab .tab-text{color:var(--dark-gray)}.file[data-file="2"] .file-tab{background:var(--teal);top:370px}.file[data-file="2"] .file-tab .tab-text{color:var(--darker-gray)}.file[data-file="3"] .file-tab{background:var(--gold);top:540px}.file[data-file="3"] .file-tab .tab-text{color:var(--darker-gray)}.file[data-file="4"] .file-tab{background:var(--dark-gray);top:710px}.file[data-file="0"] .file-body{background:var(--primary-blue)}.file[data-file="1"] .file-body{background:var(--peach)}.file[data-file="1"] .file-body h1{color:var(--primary-blue)}.file[data-file="1"] .file-body p{color:var(--dark-gray)}.file[data-file="2"] .file-body{background:var(--teal)}.file[data-file="2"] .file-body h1,.file[data-file="2"] .file-body p{color:var(--darker-gray)}.file[data-file="3"] .file-body{background:var(--gold)}.file[data-file="3"] .file-body h1,.file[data-file="3"] .file-body p{color:var(--darker-gray)}.file[data-file="4"] .file-body{background:var(--dark-gray)}.file-tab:hover{right:-50px}.file-tab:hover .tab-text{font-weight:600}.file.active{transform:translate(-50px)}.file.active .file-tab{right:-60px}.file.active .tab-text{font-weight:700}.file-body h1{color:var(--gold);text-transform:uppercase;letter-spacing:3px;margin-bottom:15px;padding-bottom:10px;font-size:48px;font-weight:700;line-height:1.1;position:relative}.file-body h1:after{content:"";background:var(--gold);width:100px;height:4px;position:absolute;bottom:0;left:0}.file-body p{color:var(--light-gray);max-width:800px;font-size:16px;line-height:1.8}.blog-entry{border-bottom:2px solid #eee3;max-width:800px;margin-bottom:50px;padding-bottom:30px}.blog-entry:last-child{border-bottom:none}.blog-entry h2{color:var(--darker-gray);letter-spacing:1px;margin-bottom:10px;font-size:28px;font-weight:600}.entry-date{color:var(--darker-gray);opacity:.7;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:12px;display:block}.blog-entry p{color:var(--darker-gray);font-size:16px;line-height:1.8}.blog-entry:hover{opacity:.8;transition:opacity .2s}.back-button{border:2px solid var(--gold);color:var(--gold);cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:0 0;margin-bottom:30px;padding:10px 20px;font-family:Geist Mono,monospace;font-size:14px;transition:all .2s;display:inline-block}.back-button:hover{background:var(--gold);color:var(--primary-blue)}.article-content{max-width:800px;margin-top:20px}.article-content p{color:var(--light-gray);margin-bottom:20px;font-size:16px;line-height:1.8}.article-image{max-width:600px;margin:40px 0;position:relative}.article-image img{border:8px solid #fff;width:100%;height:auto;display:block;transform:rotate(-2deg);box-shadow:0 10px 30px #0000004d}.article-image:before{content:"";z-index:10;background:url(/clip.svg) 50%/contain no-repeat;width:80px;height:80px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.file[data-file="0"] .entry-date{color:var(--gold);opacity:.8}.article-content+h1,.file-body>h1{word-wrap:break-word;max-width:400px}.file[data-file="1"] .file-body>h1{max-width:500px}.link-section{max-width:800px;margin-top:40px}.link-section h3{color:var(--darker-gray);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:20px;font-weight:600}.link-list{grid-template-columns:repeat(2,1fr);gap:20px 40px;margin:0;padding:0;list-style:none;display:grid}.link-list li{margin-bottom:0}.link-item{color:var(--darker-gray);border:2px solid var(--darker-gray);text-align:center;letter-spacing:1px;background:#ffffff1a;padding:15px 20px;font-size:18px;font-weight:500;text-decoration:none;transition:all .3s;display:block}.link-item:hover{background:var(--darker-gray);color:var(--teal);transform:translate(-5px)}.file[data-file="3"] .link-section h3{color:var(--darker-gray)}.file[data-file="3"] .link-item{color:var(--darker-gray);border-color:var(--darker-gray)}.file[data-file="3"] .link-item:hover{background:var(--darker-gray);color:var(--teal)}.contact-email{color:var(--light-gray);border-bottom:2px solid var(--light-gray);font-size:18px;font-weight:500;text-decoration:none;transition:all .2s}.contact-email:hover{color:var(--gold);border-bottom-color:var(--gold)}.page-footer{color:var(--light-gray);opacity:.6;letter-spacing:1px;font-size:12px;position:absolute;bottom:30px;left:250px}.file[data-file="2"] .page-footer,.file[data-file="3"] .page-footer{color:var(--darker-gray)}.file[data-file="4"] .page-footer{color:var(--light-gray)}@media (max-width:768px){body{padding-top:8px;overflow:auto}.file-cabinet{flex-direction:column;height:auto;min-height:calc(100vh - 8px);margin-top:0;padding-top:58px;position:relative}.file{z-index:1;width:100%;height:calc(100vh - 58px);min-height:calc(100vh - 58px);margin:0;position:absolute;top:58px;left:0;right:auto;box-shadow:0 5px 15px #0003;transform:none!important}.file.active{z-index:2}.file-body{opacity:0;transition:opacity .2s;display:none}.file.active .file-body{opacity:1;display:block}.file-tab{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50px,0 50px);z-index:100;width:20%;height:50px;transition:background .2s,top .2s,height .2s;position:fixed!important;top:8px!important;right:auto!important}.file[data-file="0"] .file-tab{z-index:100;background:var(--primary-blue)!important;top:8px!important;left:0%!important}.file[data-file="1"] .file-tab{z-index:100;background:var(--peach)!important;top:8px!important;left:20%!important}.file[data-file="2"] .file-tab{z-index:100;background:var(--teal)!important;top:8px!important;left:40%!important}.file[data-file="3"] .file-tab{z-index:100;background:var(--gold)!important;top:8px!important;left:60%!important}.file[data-file="4"] .file-tab{z-index:100;background:var(--dark-gray)!important;top:8px!important;left:80%!important}.file.active .file-tab{z-index:101;height:52px;top:8px!important;right:auto!important}.file-tab:before{display:none}.file-tab:hover{top:8px!important;right:auto!important}.file.active .file-tab:hover{top:8px!important}.tab-text{writing-mode:horizontal-tb;text-orientation:initial;letter-spacing:1px;font-size:10px}.file-body{width:100%;height:100%;min-height:calc(100vh - 120px);padding:40px 20px 80px;position:relative;overflow-y:auto}.file[data-file="3"] .file-body{padding-bottom:120px}.file-body h1{max-width:100%;font-size:32px}.file-body p{font-size:14px}.blog-entry{margin-bottom:30px;padding-bottom:20px}.blog-entry h2{font-size:20px}.entry-date{font-size:10px}.link-list{grid-template-columns:1fr;gap:15px}.page-footer{z-index:500;background:0 0;margin-top:0;padding:10px;position:fixed;bottom:60px;left:20px;right:20px}.file[data-file="0"] .page-footer{background:#1e3fa9f2}.file[data-file="4"] .page-footer{background:#424445f2}.back-button{padding:8px 15px;font-size:12px}.article-content p{font-size:14px}.article-image{max-width:100%;margin:30px 0}.article-image:before{width:60px;height:60px;top:-20px}}