:root{--bg-color:#faf9f5;--header-bg:#eceae4;--card-bg-color:#fff;--profile-bg-color:#faf5ec;--text-color:#111;--border-color:#e5e3dc;--accent-color:#d95d39;--accent-rgb:217, 93, 57;--font-sans:"Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-logo:"Satoshi", "Inter", sans-serif;--header-footer-color:#f2f0eb;--grid-gap:24px;--border-width:1px;transition:background-color .2s,color .2s,border-color .2s}.dark,[data-theme=night]{--bg-color:#121212;--header-bg:#181818;--card-bg-color:#1c1c1c;--profile-bg-color:#222;--text-color:#eee;--border-color:#282828;--accent-color:#e2725b;--accent-rgb:226, 114, 91}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.portfolio-app-wrapper{background-color:var(--bg-color);flex-direction:column;width:100%;min-height:100vh;display:flex}.full-width-header-wrap{z-index:1000;background-color:var(--header-footer-color);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);width:100%;position:sticky;top:0}.full-width-footer-wrap{z-index:1000;background-color:var(--header-footer-color);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);width:100%;margin-top:auto;position:sticky;bottom:0}.header-inner-container,.portfolio-main-content,.footer-inner-container{width:100%;max-width:1280px;margin:0 auto;padding:0 28px}.portfolio-main-content{flex:1;padding-top:25px;padding-bottom:25px}h1,h2,h3,h4,button,a{font-family:var(--font-sans)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-color)}::selection{background-color:var(--text-color);color:var(--bg-color)}@media (width<=600px){.header-inner-container,.portfolio-main-content,.footer-inner-container{padding:0 16px}}.design-lab-app.sharp-minimal-app{flex-direction:column;width:100%;display:flex;position:relative}.lab-header{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.logo-brand-link{color:var(--text-color);font-family:var(--font-sans);letter-spacing:.08em;align-items:center;gap:10px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.logo-square-icon{color:var(--text-color);opacity:.8;font-size:.85rem}.logo-brand-name{font-family:var(--font-sans);letter-spacing:.1em;font-weight:500}.anim-header-item-text{font-weight:500}.lab-intro-section{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.intro-text-block{flex-direction:column;flex:1;gap:8px;min-width:280px;display:flex}.intro-tier-small{letter-spacing:.14em;text-transform:uppercase;color:var(--text-color);opacity:.6;font-size:.72rem;font-weight:700}.intro-tier-big{letter-spacing:-1px;color:var(--text-color);margin:2px 0;font-size:clamp(1.2rem,2.5vw,.3rem);font-weight:600}.intro-tier-sub{color:gray;max-width:620px;margin:0;font-size:.8rem}.view-mode-control-row{align-items:center;gap:10px;margin-top:0;display:flex}.view-mode-toggle-group{border:1px solid var(--border-color);border-radius:0;align-items:center;display:flex;overflow:hidden}.view-toggle-btn{color:var(--text-color);opacity:.45;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.view-toggle-btn:hover{opacity:.85}.view-toggle-btn.active{opacity:1;background:var(--text-color);color:var(--bg-color)}.sharp-project-grid{gap:25px;display:grid}.sharp-project-grid.double-column{grid-template-columns:repeat(3,1fr)}.sharp-project-grid.single-column{grid-template-columns:1fr}.sharp-project-card{cursor:pointer;color:inherit;flex-direction:column;gap:12px;text-decoration:none;display:flex}.sharp-project-card:hover{text-decoration:none}.card-image-box{aspect-ratio:16/10;border:1px solid var(--border-color);background:var(--card-bg-color);border-radius:0;width:100%;transition:border-color .25s,transform .25s;overflow:hidden}.card-screenshot-img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1);display:block}.sharp-project-card:hover .card-screenshot-img{transform:scale(1.03)}.card-meta-below{flex-direction:column;gap:4px;display:flex}.card-project-name{letter-spacing:-.3px;color:var(--text-color);text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700;text-decoration:none}.card-project-subtitle{opacity:.65;margin:0;font-size:.75rem;line-height:1.4}.lab-footer-section{padding:16px 0}.footer-compact-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-left-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.availability-tag{color:var(--text-color);align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.avail-dot{color:#22c55e;font-size:.55rem}.footer-dot-divider{opacity:.35;font-size:.65rem}.footer-copyright{opacity:.55;font-size:.76rem;font-weight:500}.footer-social-icons{align-items:center;gap:6px;display:flex}.social-square-btn{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-color);opacity:.75;background:0 0;border-radius:0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.social-square-btn:hover{opacity:1;border-color:var(--text-color);background:var(--text-color);color:var(--bg-color)}@media (width<=900px){.sharp-project-grid.double-column{grid-template-columns:1fr}}@media (width<=600px){.design-lab-app.sharp-minimal-app{padding-top:16px;padding-bottom:24px}.lab-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.lab-intro-section{gap:16px;padding-top:16px;padding-bottom:16px}.intro-tier-big{font-size:1.8rem}.plane-svg-line{display:none}.footer-compact-row{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.footer-left-info{justify-content:center;align-items:center;gap:16px;display:flex}.footer-dot-divider{display:none}.footer-social-icons{justify-content:center;align-items:center;display:flex}}.sharp-project-page.exhibit-layout{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;padding:16px 0 60px;display:flex}.exhibit-back-row{justify-content:end;align-items:center;display:flex}.sharp-back-btn{color:var(--text-color,#111);letter-spacing:.08em;background:0 0;border-radius:0;align-items:center;gap:6px;font-size:.74rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.exhibit-hero-grid{grid-template-columns:360px 1fr;align-items:start;gap:40px;width:100%;display:grid}.exhibit-info-col{flex-direction:column;gap:16px;width:100%;display:flex}.exhibit-title{letter-spacing:-1px;color:var(--text-color,#111);margin:0;font-size:clamp(2rem,3.8vw,2.2rem);font-weight:800;line-height:1.05}.exhibit-status-row{align-items:center;display:flex}.exhibit-status-pill{letter-spacing:.1em;color:var(--text-color,#111);background:#22c55e1a;border:1px solid #22c55e40;border-radius:20px;align-items:center;gap:6px;padding:3px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.status-green-dot{color:#22c55e;font-size:.5rem}.exhibit-tagline{opacity:.8;color:var(--text-color,#111);margin:2px 0 0;font-size:.9rem;line-height:1.55}.exhibit-divider{border:none;border-top:1px solid var(--border-color,#e5e3dc);margin:4px 0}.exhibit-meta-block{flex-direction:column;gap:8px;display:flex}.exhibit-meta-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-color,#111);opacity:.6;margin:0;font-size:.72rem;font-weight:700}ul.exhibit-features-list{flex-direction:column;gap:6px;display:flex;margin:0!important;padding:0!important;list-style:none!important}li.exhibit-feature-item{color:var(--text-color,#111);opacity:.85;font-size:.85rem;line-height:1.5;list-style:none!important}.exhibit-live-url-link{align-items:center;gap:6px;font-size:.86rem;font-weight:700;transition:opacity .2s;display:inline-flex;color:var(--text-color,#111)!important;text-decoration:none!important}.exhibit-live-url-link:hover{opacity:.75}.link-arrow-icon{opacity:.7}.exhibit-media-col{flex-direction:column;gap:16px;width:100%;display:flex;overflow:hidden}.exhibit-main-hero-card{border:1px solid var(--border-color,#e5e3dc);background:var(--card-bg-color,#fff);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.exhibit-hero-img{object-fit:contain;width:100%;height:auto;max-height:520px;display:block}.exhibit-thumbnail-strip{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.exhibit-thumb-card{aspect-ratio:16/10;cursor:pointer;opacity:.45;background:0 0;border-radius:6px;width:84px;padding:0;transition:opacity .2s,transform .2s;overflow:hidden;box-shadow:none!important;border:none!important;outline:none!important}.exhibit-thumb-card .thumb-img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.exhibit-thumb-card:hover{opacity:.85;transform:translateY(-2px)}.exhibit-thumb-card.active{transform:translateY(-2px);opacity:1!important}.exhibit-section-divider{border:none;border-top:1px solid var(--border-color,#e5e3dc);margin:8px 0 0}.exhibit-about-section{flex-direction:column;gap:10px;width:100%;display:flex}.exhibit-about-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-color,#111);opacity:.6;margin:0;font-size:.74rem;font-weight:700}.exhibit-about-body{color:var(--text-color,#111);opacity:.88;max-width:860px;margin:0;font-size:.94rem;line-height:1.7}@media (width<=960px){.exhibit-hero-grid{grid-template-columns:1fr;gap:28px}.exhibit-media-col{order:-1}.exhibit-info-col{order:1}}@media (width<=600px){.sharp-project-page.exhibit-layout{gap:24px;padding:12px 0 40px}.exhibit-title{font-size:2rem}.exhibit-thumb-card{width:68px}}.preloader-overlay.custom-minimal-loader{z-index:99999;background-color:var(--header-footer-color,#f2f0eb);color:var(--text-color,#111);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loader-center-content{text-align:center;flex-direction:column;align-items:center;gap:36px;padding:0 20px;display:flex}.loader-brand-stack{flex-direction:column;align-items:center;gap:12px;display:flex}.loader-logo-title{font-family:var(--font-sans,"Poppins", sans-serif);color:var(--text-color,#111);align-items:center;gap:10px;font-size:1.15rem;font-weight:500;line-height:1;display:inline-flex}.loader-square-icon{color:var(--text-color,#111);opacity:.8;font-size:.85rem}.loader-brand-name{font-family:var(--font-sans,"Poppins", sans-serif);letter-spacing:.1em;font-weight:500}.loader-sub-brand{font-family:var(--font-sans,"Poppins", sans-serif);letter-spacing:.32em;text-transform:uppercase;color:var(--text-color,#111);opacity:.65;margin-top:4px;font-size:.72rem;font-weight:600}.loader-tagline{font-family:var(--font-sans,"Poppins", sans-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--text-color,#111);opacity:.85;font-size:.64rem;font-weight:600}.loader-track-line{background-color:#00000026;justify-content:center;align-items:center;width:320px;height:1.5px;display:flex;position:relative;overflow:visible}.loader-gliding-bar{background-color:var(--text-color,#111);will-change:transform;border-radius:2px;width:14px;height:3.5px;position:absolute}@media (width<=600px){.loader-sub-brand{letter-spacing:.25em;font-size:.65rem}.loader-tagline{letter-spacing:.16em;font-size:.58rem}.loader-track-line{width:240px}}