.site-header{z-index:200;background:linear-gradient(to bottom, var(--bg-color) 70%, transparent);justify-content:space-between;align-items:center;width:100%;padding:28px 40px;display:flex;position:fixed;top:0;left:0}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{mix-blend-mode:multiply;width:auto;height:36px}.brand-text{letter-spacing:-.01em;color:var(--text-main);font-size:22px;font-weight:600;line-height:1}.header-nav{gap:32px;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.15em;color:var(--text-sub);opacity:.35;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:opacity .3s}.nav-link:hover{opacity:.7}.nav-link.active{opacity:1}.gallery-page{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.gallery-viewport{perspective:1200px;cursor:grab;z-index:10;justify-content:center;align-items:center;width:100vw;height:45vh;display:flex;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.gallery-viewport:active{cursor:grabbing}.strip-container{will-change:transform;width:100%;height:100%;position:relative}.card{width:220px;height:280px;transform-style:preserve-3d;will-change:transform, opacity;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:-140px;margin-left:-110px;transition:transform .4s;display:flex;position:absolute;top:50%;left:50%}.card-inner{border:1px solid var(--text-main);background:#f4f1ebd9;justify-content:center;align-items:center;width:200px;height:200px;padding:28px;display:flex}.card-inner img{object-fit:contain;filter:grayscale()contrast(110%);max-width:100%;max-height:100%;display:block}.card-inner--wide{padding:50px 20px}.card-inner--wide img{filter:grayscale()contrast(300%)brightness(.6);width:100%;height:auto;max-height:none}.card:hover .card-inner img{filter:none;transition:filter .4s}.card:hover{z-index:1000!important}.card-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-main);opacity:.6;white-space:nowrap;font-size:10px;font-weight:600}.overlay{background:var(--bg-color);z-index:999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s ease-in-out;display:flex;position:fixed;top:0;left:0}.loader-text{letter-spacing:.2em;font-size:11px;font-weight:600;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.about-page{opacity:0;max-width:960px;min-height:100vh;margin:0 auto;padding:120px 40px 80px;transition:opacity .8s,transform .8s;overflow-y:auto;transform:translateY(20px)}.about-page.visible{opacity:1;transform:translateY(0)}.about-hero{text-align:center;margin-bottom:80px}.about-logo{mix-blend-mode:multiply;width:100px;height:auto;margin-bottom:24px}.about-title{letter-spacing:-.02em;margin-bottom:12px;font-size:42px;font-weight:600}.about-tagline{letter-spacing:.15em;text-transform:uppercase;opacity:.5;font-size:14px;font-weight:500}.about-intro{margin-bottom:80px}.intro-text{color:var(--text-main);opacity:.75;margin-bottom:20px;font-size:17px;line-height:1.8}.section-title{letter-spacing:-.01em;text-align:center;margin-bottom:48px;font-size:28px;font-weight:600}.thesis-grid{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:100px;display:grid}.thesis-card{border-top:1px solid var(--text-main);padding:32px 0}.thesis-number{letter-spacing:.15em;opacity:.4;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.thesis-dot{background:#c45a30;border-radius:50%;width:6px;height:6px;margin-bottom:16px}.thesis-card-title{letter-spacing:-.01em;margin-bottom:12px;font-size:18px;font-weight:600}.thesis-card-desc{opacity:.65;font-size:14px;line-height:1.7}.portfolio-section{margin-bottom:80px}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.portfolio-item{border-top:1px solid #11111126;padding:24px 0}.portfolio-category{text-transform:uppercase;letter-spacing:.15em;opacity:.35;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.portfolio-name{margin-bottom:4px;font-size:15px;font-weight:600}.portfolio-desc{opacity:.5;font-size:12px;line-height:1.5}.about-footer{text-align:center;border-top:1px solid #1111111a;padding:40px 0}.back-link{text-transform:uppercase;letter-spacing:.15em;color:var(--text-main);opacity:.4;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .3s}.back-link:hover{opacity:1}@media (width<=768px){.about-page{padding:100px 24px 60px}.thesis-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.about-title{font-size:32px}}:root{--bg-color:#f4f1eb;--text-main:#111;--text-sub:#111;--font-stack:"Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-stack)}