:root{--border-color: #660033;--text-color: #333;--text-color-light: #666;--text-color-lighter: #999;--background-color: #fff;--background-alt: #eee;--border-width: 35px;--border-width-tablet: 25px;--border-width-mobile: 15px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--font-primary: "Space Mono", monospace;--font-heading: "Anton", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-color);margin:0;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;border:var(--border-width) solid var(--border-color);pointer-events:none;z-index:1000}@media(max-width:768px){.burger-menu{display:flex;position:relative;z-index:1000}.nav-right{position:fixed;top:0;right:-300px;width:250px;height:100vh;height:-webkit-fill-available;background-color:var(--background-color);padding:80px var(--spacing-md) var(--spacing-md);transition:transform .3s ease-in-out;box-shadow:-2px 0 5px #0000001a;z-index:999;-webkit-overflow-scrolling:touch;overflow-y:auto;transform:translate(0);flex-direction:column;align-items:flex-start}.nav-right ul{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.nav-right.active{transform:translate(-300px)}.nav-right li{margin:var(--spacing-sm) 0;opacity:1;transition:opacity .3s ease}.nav-right li:not(:last-child):after{display:none}.burger-menu.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}body.menu-open{overflow:hidden;position:fixed;width:100%;height:100%}.nav-socials{margin-left:0;padding-left:0;border-left:none;margin-top:var(--spacing-sm)}.nav-logo{height:50px}}@media(max-width:480px){body:before{border-width:var(--border-width-mobile)}nav{top:var(--border-width-mobile)}main{padding:var(--border-width-mobile)}.nav-logo{height:40px}#content,#portfolio,#team,#contact,#founder_tips{padding:var(--spacing-sm) var(--spacing-xs)}#cover{font-size:24vw;top:2px}.grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.card{max-width:300px}.card-back h4{font-size:1rem}.company-details{font-size:.7rem;margin:0}.company-link{margin-top:0}.detail-label{flex:0 0 45%}.detail-value{flex:0 0 55%}}h3{font-size:1rem;display:flex;align-items:center;gap:4px}h3 a{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:4px}h3 a:hover{text-decoration:underline;color:#00f}main{margin:0;padding:var(--border-width);position:relative;z-index:1}section{margin:0;padding:0}section h2{margin-bottom:1rem}#cover{font-family:var(--font-heading);font-size:26vw;font-weight:900;line-height:.9;text-transform:uppercase;color:#e9e9e9;width:100%;top:5px;position:relative;z-index:-1;transform:translateZ(0);will-change:transform;word-wrap:normal}#cover div{overflow:hidden}#content,#portfolio,#team,#contact,#founder_tips,#long_term_view{padding:var(--spacing-lg);margin:0 auto;background-color:var(--background-color);width:100%}#portfolio,#contact{background-color:var(--background-alt);scroll-margin-top:100px}#team{scroll-margin-top:100px}#content p{margin-bottom:var(--spacing-md);line-height:1.8}.filters{display:flex;gap:var(--spacing-sm);margin:var(--spacing-sm) 0 var(--spacing-md);flex-wrap:wrap;align-items:center}.filter-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--text-color);background-color:var(--background-color);color:var(--text-color);font-family:var(--font-primary);font-size:.9rem;cursor:pointer;min-width:150px;border-radius:4px}.reset-filters{color:var(--text-color-light);text-decoration:none;font-family:var(--font-primary);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--text-color-light);border-radius:4px;transition:all .3s ease}.reset-filters:hover{color:var(--text-color);border-color:var(--text-color);background-color:#f5f5f5}.filter-select:focus{outline:none;border-color:var(--text-color-light)}.filter-select option{padding:.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);padding:var(--spacing-sm) 0;justify-items:center}.card{perspective:1000px;width:100%;max-width:450px;aspect-ratio:1;margin:0 auto}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;background:var(--background-color);border:1px solid #eee;border-radius:8px}.card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1.3rem 0 .5rem}.card-front{background:var(--background-color);font-size:.8rem}.card-front p{color:var(--text-color-light);margin-top:3rem}.card-back{background:var(--background-color);transform:rotateY(180deg);padding:0 1.3rem 0 .5rem;position:relative}.card-back h3{margin-bottom:var(--spacing-sm);font-size:1.3rem;color:var(--text-color-light)}.card-back p{margin:var(--spacing-xs) 0;color:var(--text-color-light);line-height:1.5;font-size:.8rem}.company-logo{width:60%;max-width:200px;height:auto;object-fit:contain;margin-bottom:1.5rem}.card h4{margin:0;font-size:1.1rem;color:var(--text-color-lighter)}.company-link{font-size:1rem}.company-details{width:100%;margin:.8rem 0;font-size:.7rem;list-style:none;padding:0}.detail-item{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:.25rem 0;border-bottom:1px solid #eee}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-label{color:var(--text-color-light);font-weight:700;margin-right:var(--spacing-sm);text-align:left;flex:0 0 40%}.detail-value{color:var(--text-color);text-align:right;flex:0 0 60%}@media(max-width:768px){body:before{border-width:var(--border-width-tablet)}nav{top:var(--border-width-tablet)}main{padding:var(--border-width-tablet)}.nav-logo{height:50px}#content,#portfolio,#team,#contact,#founder_tips,#long_term_view{padding:var(--spacing-md) var(--spacing-sm)}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.card{max-width:350px}.company-logo{width:70%}.card-back h4{font-size:1.1rem}.card-back p,.company-details{font-size:.9rem}.detail-label{flex:0 0 45%}.detail-value{flex:0 0 55%}.filters{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.filter-select{width:100%;min-width:unset}.reset-filters{grid-column:1 / -1;text-align:center;margin-top:var(--spacing-xs)}#team ul{grid-template-columns:1fr}}@media(max-width:480px){body:before{border-width:var(--border-width-mobile)}nav{top:var(--border-width-mobile)}main{padding:var(--border-width-mobile)}.nav-logo{height:40px}#content,#portfolio,#team,#contact,#founder_tips,#long_term_view{padding:var(--spacing-sm) var(--spacing-xs)}#cover{font-size:24vw;top:2px}.grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.card{max-width:300px}.card-back h4{font-size:1rem}.company-details{font-size:.7rem;margin:0}.company-link{margin-top:0}.detail-label{flex:0 0 45%}.detail-value{flex:0 0 55%}}.portfolio-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--text-color-light)}.tab-button{background:none;border:none;padding:0 5rem 1rem 0;text-align:left;font-family:var(--font-primary);font-size:1rem;color:var(--text-color-light);cursor:pointer;position:relative;transition:color .2s ease}.tab-button:hover{color:var(--text-color)}.tab-button.active{color:var(--text-color);font-weight:700}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:5px;background-color:var(--text-color)}@media(max-width:768px){.portfolio-tabs{gap:var(--spacing-xs)}.tab-button{padding:var(--spacing-xs);font-size:.9rem}}.filter-controls{display:flex;align-items:center;gap:1rem}.filter-count{color:var(--text-color-light);font-size:.9rem}.link a{text-decoration:none;color:#333}.link a:hover{text-decoration:underline}#content ul{list-style:none;padding:0;margin:0}#content li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}#content li:before{content:"—";position:absolute;left:0}#content a{color:var(--text-color);text-decoration:underline;transition:color .2s ease}#content a:hover{color:#00f;text-decoration:underline}.date{font-size:.9rem;color:var(--text-color-light);margin-bottom:var(--spacing-md)}
