@import"https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap";@font-face{font-family:Anek Latin;src:url(/fonts/Anek_Latin/AnekLatin-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Anek Latin;src:url(/fonts/Anek_Latin/AnekLatin-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Anek Latin;src:url(/fonts/Anek_Latin/AnekLatin-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Anek Latin;src:url(/fonts/Anek_Latin/AnekLatin-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Anek Latin", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing: 10px;--border-radius: 20px;--border-radius-md: 15px;--border-radius-sm: 10px;--border-width: 2px;--bg-primary: #fafaf9;--bg-secondary: #f5f5f4;--bg-tertiary: #e7e5e4;--text-primary: #1c1917;--text-secondary: #78716c;--border-color: #000000;--accent: #292524;--hover-bg: #e7e5e4;--purple-accent: #6e00ff;--white: #ffffff}[data-theme=dark]{--bg-primary: #0c0a09;--bg-secondary: #1c1917;--bg-tertiary: #292524;--text-primary: #fafaf9;--text-secondary: #bdbcbc;--border-color: #383838;--accent: #e7e5e4;--hover-bg: #292524;--purple-accent: #6e00ff;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis-weight:none;font-synthesis-style:none}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{padding:var(--spacing);margin:var(--spacing);border-radius:var(--border-radius)}.inner-container{border-radius:var(--border-radius-md)}.grid{display:grid;gap:var(--spacing)}.flex{display:flex;gap:var(--spacing)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}h1{font-size:28px}h2,h3,h4,h5{font-size:18px}button,.button,input[type=button],input[type=submit],a,.link{font-family:var(--font-heading);font-weight:600}p,span,input,textarea,select,label{font-family:var(--font-body)}p{font-size:14px;color:var(--text-secondary)}.header{padding:var(--spacing);border-bottom:var(--border-width) solid var(--border-color);color:var(--white);display:flex;align-items:center;height:50px;min-height:50px;max-height:50px;width:100%;background-color:var(--purple-accent);flex-shrink:0}.start{justify-content:flex-start}.center{justify-content:center}.end{justify-content:flex-end}::placeholder{color:var(--text-secondary);font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column;max-width:1280px;margin:0 auto;width:100%}.header-container{z-index:1000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--spacing);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);gap:var(--spacing);flex-shrink:0;background-color:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:1280px;margin-top:var(--spacing)}.footer-container{margin-top:var(--spacing);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--spacing) calc(var(--spacing) * 2);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);gap:var(--spacing);background-color:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:1280px;min-height:64px;margin-bottom:var(--spacing)}.footer-center{display:flex;justify-content:center;align-items:center}.footer-left{display:flex;align-items:center;justify-content:flex-start}.footer-right{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing)}.footer-links{display:flex;gap:calc(var(--spacing) * .75);align-items:center}.footer-link{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:18px}.footer-link:hover{text-decoration:underline;text-underline-offset:4px}.footer-separator{color:var(--purple-accent)}.studio-logo{width:32px;margin-left:10px;margin-top:6px}.studio-logo-button:focus-visible{outline:2px solid var(--accent);border-radius:6px}[data-theme=light] .studio-logo{filter:brightness(0)}[data-theme=dark] .studio-logo{filter:brightness(0) invert(1)}.header-left{display:flex;gap:var(--spacing);align-items:center}.header-center{display:flex;justify-content:center;align-items:center}.header-title{font-size:.8rem;font-weight:500;color:var(--text-primary);letter-spacing:.05em;transition:font-size .3s ease}.header-right{display:flex;gap:var(--spacing);align-items:center;justify-content:flex-end}.studio-tag{font-size:.9rem;font-weight:600;color:var(--text-primary);letter-spacing:.05em;transition:font-size .3s ease}.location{font-size:.75rem;color:var(--text-secondary);padding:6px 8px;border:var(--border-width) solid var(--border-color);border-radius:10px;transition:font-size .3s ease;width:max-content}.likes-counter{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;color:var(--text-primary);padding:4px 8px;border:var(--border-width) solid var(--border-color);border-radius:10px;min-width:50px;text-align:center;transition:font-size .3s ease}.heart-icon{color:#e74c3c;width:16px;height:16px;animation:heartPulse .6s ease-in-out}.likes-count{font-variant-numeric:tabular-nums;letter-spacing:.05em}.local-time{font-size:.9rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:.05em;padding:4px 8px;border:var(--border-width) solid var(--border-color);border-radius:10px;min-width:60px;text-align:center;transition:font-size .3s ease}.main-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing);padding:0;overflow-y:auto;overflow-x:hidden;margin-top:var(--spacing)}.main-grid-content{display:contents}.box-wrapper{aspect-ratio:1 / 1;width:100%;display:flex}.box-wrapper>.grid-box{width:100%;height:100%}.grid-box{border-radius:var(--border-radius);padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:all .3s ease}.box-content{width:100%;color:var(--text-primary);display:flex;flex-direction:column;gap:5px}.box-content h3{margin:0;font-size:1rem;font-weight:500;line-height:1.3;color:var(--text-primary);transition:font-size .3s ease}.person-item{display:flex;gap:var(--spacing);align-items:center;cursor:pointer;transition:all .3s ease;text-decoration:none;padding:var(--spacing);width:100%;border-bottom:1px solid var(--border-color)}.person-item:hover{background-color:var(--bg-tertiary)}.person-image{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;border:var(--border-width) solid var(--border-color)}.person-name{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary);transition:font-size .3s ease}.person-role{font-size:.7rem;color:var(--text-secondary);transition:font-size .3s ease}@keyframes heartPulse{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(-1px)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}.success-icon{font-size:3rem;color:var(--accent);font-weight:900}.newsletter-success h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.newsletter-success p{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.4}.ui-slider-box{padding:0!important;overflow:hidden;display:flex;flex-direction:column;position:relative}.slider-container{flex:1;display:flex;align-items:center;position:relative;width:100%;height:100%}.slider-content{flex:1;position:relative;width:100%;height:100%;overflow:hidden}.slider-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.slider-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:var(--spacing);color:#fff;display:flex;flex-direction:column;gap:4px}.slider-info h3{margin:0;font-size:.9rem;font-weight:600;transition:font-size .3s ease}.project-number{font-size:.75rem;opacity:.9;transition:font-size .3s ease}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-slider-box:hover .slider-btn{opacity:1}.slider-btn:hover{background-color:#000c;transform:translateY(-50%) translateY(-2px)}.prev-btn{left:8px}.next-btn{right:8px}.slider-dots{display:flex;gap:6px;justify-content:center;padding:var(--spacing);background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dot{width:6px;height:6px;border-radius:50%;background-color:#fff6;border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background-color:#ffffffb3;transform:translateY(-1px)}.dot.active{background-color:#fff;width:20px;border-radius:3px}@media (max-width: 1440px){.app,.header-container,.footer-container{max-width:980px}.main-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1080px){.app,.header-container,.footer-container{max-width:640px}.main-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.app{max-width:100%}.main-grid{grid-template-columns:1fr;justify-items:center}.box-wrapper{width:100%}.app{padding:10px}.header-container{gap:5px;padding:5px}.footer-container{gap:5px;padding:5px;display:flex;flex-direction:column;align-items:stretch;width:100%;align-items:center}.footer-left,.footer-center,.footer-right{justify-content:flex-start}.footer-right{align-items:flex-start}.footer-separator{order:2}.header-left{flex-direction:column;align-items:flex-start;gap:5px}.header-right{justify-content:flex-end}.header-title{font-size:.7rem}.intro-text{font-size:.8rem;min-height:50px;line-height:1.4}.language-switcher{height:38px}.lang-btn{font-size:.65rem;padding:5px}.theme-btn{font-size:.75rem;padding:8px}.theme-switcher-grid{grid-template-columns:repeat(2,1fr)}.person-image{width:40px;height:40px}.person-name{font-size:.8rem}.person-role{font-size:.65rem}.box-content h3{font-size:.85rem}.studio-tag{font-size:.75rem}.local-time{font-size:.75rem;min-width:50px;padding:3px 6px}.slider-btn{width:24px;height:24px;font-size:1.2rem}.slider-info h3{font-size:.75rem}.project-number{font-size:.65rem}.slider-dots{padding:6px}.dot{width:5px;height:5px}.dot.active{width:16px}.footer-links{flex-direction:column;gap:0px}}.undo-btn{padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);background-color:var(--accent);color:#fff;border:none;border-radius:var(--border-radius);font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.undo-btn:hover{background-color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.close-portfolio-btn{padding:var(--spacing) calc(var(--spacing) * 2);background-color:transparent;color:var(--text-primary);border:var(--border-width) solid var(--border-color);border-radius:calc(var(--border-radius) - 5px);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.close-portfolio-btn:hover{background-color:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.portfolio-projects-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing);padding:var(--spacing);overflow-y:auto;overflow-x:hidden}.portfolio-project-item{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .3s ease;border:var(--border-width) solid var(--border-color);min-height:500px;position:relative}.portfolio-project-item:hover{border-color:var(--accent)}.portfolio-project-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.portfolio-project-image img{width:100%;height:100%;object-fit:cover}.portfolio-project-overlay{position:absolute;top:var(--spacing);left:var(--spacing);display:flex;flex-direction:column;gap:5px;z-index:2}.portfolio-project-category{font-size:.7rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:500;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;border-radius:calc(var(--border-radius) - 10px);width:fit-content}.portfolio-project-title{margin:0;font-size:1.5rem;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);transition:font-size .3s ease}.portfolio-project-tags{position:absolute;bottom:var(--spacing);right:var(--spacing);display:flex;flex-wrap:wrap;gap:var(--spacing);align-items:center;justify-content:flex-end;z-index:2;max-width:calc(100% - calc(var(--spacing) * 2))}.portfolio-tag{padding:6px 10px;background-color:transparent;color:#fff;font-size:.7rem;font-weight:500;border-radius:calc(var(--border-radius) - 10px);border:var(--border-width) solid rgba(255,255,255,.4);transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-detail-view{position:absolute;top:calc(var(--spacing) + 52px + var(--spacing));left:50%;transform:translate(100%);bottom:var(--spacing);width:calc(100% - calc(var(--spacing) * 2));max-width:1280px;background-color:var(--bg-primary);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease;display:flex;flex-direction:column;overflow:hidden;z-index:3}.app.fullscreen .project-detail-view{max-width:100%}.project-detail-view.slide-in-right{transform:translate(-50%);opacity:1;pointer-events:all}@media (max-width: 1440px){.project-detail-view{max-width:980px}}@media (max-width: 1080px){.project-detail-view{max-width:640px}}.project-detail-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing);border-bottom:1px solid var(--border-color);flex-shrink:0}.project-detail-header h2{margin:0;font-size:2rem;font-weight:600;color:var(--text-primary);transition:font-size .3s ease}.close-project-btn{padding:var(--spacing) calc(var(--spacing) * 2);background-color:transparent;color:var(--text-primary);border:var(--border-width) solid var(--border-color);border-radius:calc(var(--border-radius) - 5px);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.close-project-btn:hover{background-color:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.project-detail-content{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);overflow-y:auto;overflow-x:hidden}.project-featured-image{width:100%;height:500px;border-radius:var(--border-radius);overflow:hidden;position:relative;border:var(--border-width) solid var(--border-color)}.project-featured-image img{width:100%;height:100%;object-fit:cover}.project-tags-overlay{position:absolute;bottom:var(--spacing);left:var(--spacing);display:flex;flex-wrap:wrap;gap:var(--spacing);z-index:2}.project-tag{padding:6px 10px;background-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:500;border-radius:calc(var(--border-radius) - 10px);border:var(--border-width) solid rgba(255,255,255,.4);transition:all .3s ease}.project-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing)}.project-info-box{background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing);display:flex;flex-direction:column;gap:var(--spacing)}.project-description-box{grid-column:1 / -1}.project-info-box h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary);transition:font-size .3s ease}.project-info-box p{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-secondary);transition:font-size .3s ease}.project-meta-box{display:flex;flex-direction:column;gap:var(--spacing);justify-content:center}.project-meta-item{display:flex;flex-direction:column;gap:5px;padding:var(--spacing);background-color:var(--bg-tertiary);border-radius:calc(var(--border-radius) - 5px)}.meta-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:500}.meta-value{font-size:1rem;font-weight:600;color:var(--text-primary);transition:font-size .3s ease}.project-features-box{display:flex;flex-direction:column}.project-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing)}.project-features-list li{padding:var(--spacing);background-color:var(--bg-tertiary);border-radius:calc(var(--border-radius) - 5px);font-size:.9rem;color:var(--text-primary);position:relative;padding-left:calc(var(--spacing) * 2);transition:font-size .3s ease}.project-features-list li:before{content:"✓";position:absolute;left:var(--spacing);color:var(--accent);font-weight:700}.app.fullscreen .project-detail-header h2{font-size:2.5rem}.app.fullscreen .close-project-btn{font-size:1.1rem;padding:14px 20px}.app.fullscreen .project-info-box h3{font-size:1.5rem}.app.fullscreen .project-info-box p{font-size:1.1rem}.app.fullscreen .meta-value{font-size:1.2rem}.app.fullscreen .project-features-list li{font-size:1.05rem}.app.fullscreen .project-tag{font-size:.85rem;padding:8px 12px;border:var(--border-width) solid rgba(255,255,255,.5)}.header-tabs{display:flex;gap:calc(var(--spacing) * .5)}.header-tab{padding:calc(var(--spacing) * .5) var(--spacing);border:none;border-radius:var(--border-radius-sm);background-color:transparent;color:var(--text-primary);font-size:18px;font-weight:600;font-family:Anek Latin,Founders Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .3s ease}.header-tab:hover{background-color:transparent;border:none;text-decoration:underline;text-underline-offset:4px}.header-tab.active{background-color:transparent;color:var(--text-primary);border:none;text-decoration:underline;text-underline-offset:4px}@media (max-width: 640px){.header-tabs{display:none}}@media (min-width: 641px){.hamburger-button{display:none!important}}.header-theme-switcher{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-primary);padding:8px;border:none;border-radius:12px;width:40px;height:40px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--bg-primary);text-decoration:underline;text-underline-offset:4px}.theme-icon-container{position:relative;width:26px;height:26px;overflow:hidden}.theme-icon{width:26px;height:26px;object-fit:contain;transition:transform .05s ease,opacity .05s ease;transform:translateY(0);opacity:1}.theme-icon.transitioning{transform:translateY(100%);opacity:0}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.theme-label{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:.85rem}[data-theme=light] .theme-icon{filter:brightness(0)}@media (max-width: 640px){.header-theme-switcher{width:36px;height:36px;padding:6px}.theme-icon-container,.theme-icon{width:26px;height:26px}.theme-label{font-size:.75rem}}.hamburger-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:1001}.hamburger-button.active{position:fixed;top:var(--spacing);right:var(--spacing);display:none}.hamburger-line{width:24px;height:2px;background-color:var(--text-primary);transition:all .3s ease;transform-origin:center}.hamburger-line:not(:last-child){margin-bottom:4px}.hamburger-button.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-button.active .hamburger-line:nth-child(2){opacity:0;transform:scale(0)}.hamburger-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu-overlay{position:fixed;inset:0;border-radius:var(--border-radius-md);z-index:900;opacity:0;animation:fadeIn .3s ease forwards}.mobile-menu{position:absolute;top:0;left:-2px;right:-2px;background-color:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);margin-top:calc(60px + var(--spacing));max-height:calc(100vh - 104px - var(--spacing) * 2);overflow-y:auto;box-shadow:0 8px 32px #0000001a}.mobile-menu-content{padding:var(--spacing);display:flex;flex-direction:column;gap:4px}.mobile-menu-close{position:absolute;top:8px;right:8px;background:transparent;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;z-index:1001}.mobile-menu-close:hover{text-decoration:none}.mobile-menu-item{width:100%;padding:calc(var(--spacing) * 1.5);background:none;border:none;border-radius:calc(var(--border-radius) - 5px);text-align:left;font-size:1.1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-family:Anek Latin,Founders Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mobile-menu-item:hover,.mobile-menu-item.active{text-decoration:underline;text-underline-offset:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.hamburger-button{display:flex}.header-tabs{display:none}}@media (max-width: 640px){.mobile-menu{margin-top:58px}.mobile-menu-item{font-size:1rem;padding:calc(var(--spacing) * 1.2)}}.intro-box{background-color:var(--bg-primary);color:var(--text-primary);border:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;overflow:hidden}.intro-content{width:100%;height:100%;display:flex;flex-direction:column}.form-container{min-height:100%;padding:var(--spacing)}.form-step{display:flex;flex-direction:column;justify-content:space-between;height:100%}.intro-box .header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--spacing);padding:var(--spacing);border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0}.intro-title{margin:0;font-weight:600;line-height:1.1;color:var(--white);text-align:left;flex:1}.intro-text{flex:1;margin:var(--spacing) var(--spacing) 0 var(--spacing);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--white);padding:0;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden;height:100%;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}[data-theme=dark] .intro-text{background-color:var(--bg-secondary)}.intro-text::-webkit-scrollbar{width:6px}.intro-text::-webkit-scrollbar-track{background:transparent}.intro-text::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.intro-text::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.language-switcher{display:flex;gap:var(--spacing);padding:var(--spacing);border-radius:var(--border-radius-sm);flex-shrink:0;height:60px}.lang-btn{flex:1;padding:var(--spacing);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-family:var(--font-heading);font-weight:600;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;height:40px}.lang-btn:hover{background-color:var(--hover-bg)}.lang-btn.active{background-color:var(--purple-accent);color:var(--white)}@media (max-width: 640px){.intro-text{max-height:calc(100% - 70px)}.lang-btn{font-size:14px}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-question{color:var(--text-primary);line-height:1.4}.form-text{color:var(--text-secondary)}.form-input{width:100%;padding:10px 12px;font-size:1rem;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease;box-sizing:border-box;height:40px;margin-bottom:var(--spacing)}.form-input::placeholder{color:var(--text-secondary)}.form-input:focus{outline:none;border-color:var(--purple-accent)}.purpose-options{display:flex;flex-direction:column;gap:var(--spacing)}.purpose-btn{background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease;width:100%;text-align:left;font-family:var(--font-body);font-size:14px;height:36px;padding:8px 12px}.form-btn{padding:.5rem 2rem;font-size:18px;font-weight:600;background:var(--purple-accent);color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;width:100%;max-height:44px}.form-btn:hover{filter:brightness(.9)}.form-btn-secondary{padding:.5rem 1.5rem;font-size:16px;font-weight:800;background:transparent;color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;height:40px}.cv-download-box{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;padding:0;border-radius:var(--border-radius);pointer-events:auto}.cv-artwork{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.cv-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius);margin:0;padding:0;border:var(--border-width) solid var(--border-color);overflow:hidden}.cv-overlay{position:absolute;inset:0;background-color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;overflow:hidden;margin:var(--spacing);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-md)}.cv-download-box:hover .cv-overlay,.cv-download-box.hover-enabled:hover .cv-overlay{opacity:1}.cv-download-box.hover-disabled:hover .cv-overlay{opacity:0}.cv-modal-container{position:absolute;inset:0;z-index:1000;border-radius:var(--border-radius);animation:slideDown .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto}.cv-modal{background-color:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-md);width:calc(100% - 20px);height:calc(100% - 20px);overflow:hidden;margin:10px auto;pointer-events:auto;position:relative;z-index:10000;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:10px}.cv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing);height:50px;border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-secondary);margin-bottom:10px}.cv-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;line-height:0}.cv-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-primary);transition:color .3s ease;padding-right:5px}.cv-modal-close:hover{color:var(--text-primary)}.cv-modal-content{padding:0 var(--spacing)}.cv-modal-content p{margin:0 0 var(--spacing) 0;color:var(--text-secondary);text-align:center}.cv-download-buttons{display:flex;flex-direction:column;gap:var(--spacing);justify-content:stretch}.cv-download-btn{display:flex;align-items:center;gap:var(--spacing);padding:var(--spacing);background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:calc(var(--border-radius) - 10px);cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--text-primary);font-size:1rem;font-weight:500;pointer-events:auto;position:relative;z-index:10001}.cv-download-btn:hover{background-color:var(--hover-bg)}.cv-flag{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius)}.cv-flag img{object-fit:cover;width:20px;height:20px;padding:0;border-radius:var(--border-radius)}.cv-lang{flex:1;font-weight:400;font-size:14px;text-align:left}.cv-format{font-size:.8rem;opacity:.7;background-color:var(--purple-accent);color:#fff;padding:4px 8px;border-radius:4px;font-family:var(--font-heading);border:var(--border-width) solid var(--border-color)}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.portfolio-title-small:hover h3{text-decoration:underline;text-underline-offset:4px}.hall-of-fame-box{background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;padding:0!important}.hall-of-fame-box .box-header{display:flex;flex-direction:column;flex-shrink:0;background-color:var(--purple-accent);padding:var(--spacing);text-align:center;align-items:center;width:100%;border-bottom:var(--border-width) solid var(--border-color)}.hall-of-fame-box .box-header h3{color:var(--bg-primary)}.hall-of-fame-box .box-header h3{margin:0;font-size:18px;font-weight:600;color:var(--bg-primary);transition:font-size .3s ease}.folks-list{display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto;overflow-x:hidden;padding:0;width:100%}.folks-list::-webkit-scrollbar{width:0px}.person-item{display:flex;gap:var(--spacing);align-items:center;cursor:pointer;transition:all .3s ease;text-decoration:none;padding:var(--spacing);width:100%;border-bottom:var(--border-width) solid var(--border-color)}.person-item:last-child{border-bottom:none}.person-item:hover{background-color:var(--hover-bg)}.person-item:hover .person-link-icon{opacity:1;transform:translate(0)}.person-image{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.person-image img{width:100%;height:100%;object-fit:cover}.person-info{display:flex;flex-direction:column;flex:1}.person-name{margin:0;font-size:18px;font-weight:600;font-family:Anek Latin,Founders Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);transition:font-size .3s ease}.person-role{font-size:14px;font-weight:400;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);transition:font-size .3s ease}.person-link-icon{margin-left:auto;color:var(--text-primary);font-size:1.2rem;opacity:.5;transform:translate(-5px);transition:all .3s ease}.featured-box{display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease;padding:0;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.featured-box:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--accent)}.main-project-display{position:relative;width:100%;height:100%;min-height:200px}.hero-banner{position:relative;width:100%;height:100%;overflow:hidden}.hero-banner img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.hero-banner video{width:100%;height:100%;object-fit:cover;display:block}.project-overlay{position:absolute;inset:0;background-color:#fffffff2;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 1.2);opacity:0;transition:opacity .3s ease;border-radius:var(--border-radius)}[data-theme=dark] .project-overlay{background-color:#000000d9;color:var(--white)}.featured-box:hover .project-overlay{opacity:1}.project-info{text-align:center;width:100%}.project-title{margin:0 0 calc(var(--spacing) * .3) 0;font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.3}.project-category{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.project-loading,.project-empty,.project-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing);text-align:center}.project-loading h3,.project-empty h3,.project-error h3{margin:0 0 calc(var(--spacing) * .5) 0;font-size:18px;font-weight:600;color:var(--text-primary)}.project-empty p,.project-error p{margin:0;font-size:14px;color:var(--text-secondary);opacity:.8}.project-error{background-color:#ff00001a;border:var(--border-width) solid rgba(255,0,0,.3)}@media (max-width: 640px){.project-title{color:var(--text-primary)}.project-category{font-size:.7rem;color:var(--text-secondary)}.project-overlay{padding:calc(var(--spacing) * 1)}}.portfolio-grid-small{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--spacing);width:100%;height:100%}.portfolio-item-small{border-radius:calc(var(--border-radius) - 5px);overflow:hidden;position:relative}.portfolio-item-small img{width:100%;height:100%;object-fit:cover}.portfolio-item-small video{width:100%;height:100%;object-fit:cover;display:block}.portfolio-title-small{background-color:var(--purple-accent);border:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--white)}.portfolio-title-small h3{margin:0;font-size:18px;font-weight:700}.portfolio-item-small{border:var(--border-width) solid var(--border-color)}.portfolio-box{cursor:pointer;transition:all .3s ease;padding:0}.portfolio-box .portfolio-overlay{background:var(--white)!important;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0!important;width:100%;transition:opacity .3s ease}[data-theme=dark] .portfolio-box .portfolio-overlay{background:#000000d9!important;color:var(--white)}.portfolio-content{text-align:center;padding:calc(var(--spacing) * .3)}.portfolio-content h3{font-size:18px;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:var(--text-primary);margin:0;line-height:1.2}[data-theme=dark] .portfolio-box .portfolio-content h3{color:var(--white)}.portfolio-box .portfolio-item-small:hover .portfolio-overlay{opacity:1!important}@media (max-width: 640px){.portfolio-grid-small{grid-template-columns:repeat(2,1fr)}}.shop-box{background:var(--box-bg);border:var(--border-width) solid var(--border-color);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shop-image{width:100%;height:auto;object-fit:contain;border-radius:8px}.social-box{display:flex;padding:0}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--spacing);width:100%;height:100%}.social-item{display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.social-icon-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.social-icon{object-fit:contain;filter:var(--icon-filter, none)}[data-theme=dark] .social-icon{filter:invert(1) hue-rotate(180deg) saturate(.6)}.social-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:600}.social-badge-text{white-space:nowrap;font-family:var(--font-heading);font-size:18px}@media (max-width: 640px){.social-badge{font-size:.65rem;padding:3px 6px}}.portfolio-page{grid-column:1 / -1;background-color:var(--bg-primary);overflow-y:auto;width:100%}.portfolio-header,.portfolio-piece-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing) 0;flex-wrap:wrap;gap:var(--spacing)}.back-button{background:none;border:none;color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;font-size:18px}.portfolio-page h1{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.category-filters{display:flex;gap:calc(var(--spacing) * 2);flex-wrap:wrap;justify-content:center}.category-select{display:none;align-items:center;gap:calc(var(--spacing) * .5)}.category-select label{font-weight:700;color:var(--text-primary);font-size:18px;font-family:var(--font-heading)}.category-select select{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);padding:6px 36px 6px 10px;font-size:18px;font-family:var(--font-heading);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(/dropdown-chevron.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px;font-weight:600;height:40px}select:focus-visible{outline:none}.category-filter{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-primary)}.category-filter:hover,.category-filter.active{text-decoration:underline;text-underline-offset:4px}.portfolio-grid{display:flex;flex-direction:column;gap:var(--spacing);padding:0;width:100%}.portfolio-item{width:100%;height:300px;border-radius:var(--border-radius);overflow:hidden;position:relative;cursor:pointer;border:var(--border-width) solid var(--border-color)}.portfolio-image{width:100%;height:100%;position:relative;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover}.portfolio-header,.portfolio-piece-header{padding:calc(var(--spacing) * .5) var(--spacing);background-color:var(--bg-primary)}.portfolio-piece-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing) * .5) calc(var(--spacing) * 2);border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-primary);height:50px}.portfolio-title-section{flex:1}.portfolio-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.3}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--purple-accent);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--spacing);opacity:0;transition:opacity .3s ease}.portfolio-about{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:50%;text-align:center;gap:var(--spacing)}.portfolio-about p{margin-bottom:10px;color:#fff}.portfolio-tools-overlay{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * .3);justify-content:center;align-items:center}.see-more-container{display:flex;align-items:center;justify-content:center}.see-more-button{background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer;padding:calc(var(--spacing) * .5) var(--spacing);transition:all .3s ease;border-radius:calc(var(--border-radius-sm))}.see-more-button:hover{text-decoration-thickness:2px;text-underline-offset:6px;background-color:#0000000d}.portfolio-piece-header .external-link{display:inline-flex;align-items:center;color:var(--text-primary);text-decoration:none;transition:color .3s ease;padding:calc(var(--spacing) * .2)}.portfolio-piece-header .external-link:hover{color:var(--accent)}.portfolio-piece-header .external-link svg{width:16px;height:16px}.portfolio-item:hover .portfolio-overlay{opacity:1}.tool-tag{padding:calc(var(--spacing) * .2) calc(var(--spacing) * .4);border-radius:calc(var(--border-radius-sm) * .5);font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:relative;overflow:hidden;transition:all .2s ease;color:#fff}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr}.category-filters{display:none}.category-select{display:flex}.portfolio-tools{gap:calc(var(--spacing) * .2)}.tool-tag{font-size:.55rem;padding:calc(var(--spacing) * .15) calc(var(--spacing) * .3)}.portfolio-about{max-width:80%}.portfolio-about p{font-size:.8rem}.portfolio-piece-header{flex-direction:row;gap:calc(var(--spacing) * .3);align-items:center}.portfolio-header{padding:var(--spacing) 0 var(--spacing) var(--spacing);background-color:var(--bg-primary)}}.portfolio-loading,.portfolio-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing) * 4);text-align:center}.portfolio-loading h2,.portfolio-empty h2{margin:0 0 calc(var(--spacing) * .5) 0;font-size:18px;font-weight:600;color:var(--text-primary)}.portfolio-empty p{margin:0;font-size:14px;color:var(--text-secondary);opacity:.8}.project-detail-page{grid-column:1 / -1;background-color:var(--bg-primary);overflow-y:auto;width:100%}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing);flex-wrap:wrap;gap:var(--spacing);margin-top:var(--spacing)}.back-button{background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;height:40px}.external-link{display:inline-flex;align-items:center;color:#000;text-decoration:none;transition:color .3s ease;margin-left:calc(var(--spacing) * .3)}.external-link:hover{color:var(--accent)}.external-link svg{width:16px;height:16px}.project-content{display:flex;flex-direction:column;gap:var(--spacing)}.project-image{border-radius:20px;border:var(--border-width) solid var(--border-color);overflow:hidden}.project-intro-tags{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * .5);justify-content:center}.project-meta{display:flex;flex-direction:column;gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * 2) 0}.project-category,.project-tools{display:flex;flex-direction:column;gap:calc(var(--spacing) * .3)}.label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.value{font-size:1rem;font-weight:500;color:var(--text-primary);text-transform:capitalize}.tools-list{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * .3)}.tool-tag{padding:calc(var(--spacing) * .2) calc(var(--spacing) * .4);border-radius:calc(var(--border-radius-sm) * .5);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:relative;overflow:hidden;transition:all .2s ease;color:#fff}.tool-tag:nth-child(1){background-color:#3b82f6}.tool-tag:nth-child(2){background-color:#10b981}.tool-tag:nth-child(3){background-color:#f59e0b}.tool-tag:nth-child(4){background-color:#ef4444}.tool-tag:nth-child(5){background-color:#8b5cf6}.tool-tag:nth-child(6){background-color:#06b6d4}.tool-tag:nth-child(7){background-color:#f97316}.tool-tag:nth-child(8){background-color:#84cc16}.tool-tag:nth-child(9){background-color:#ec4899}.tool-tag:nth-child(10){background-color:#6366f1}.tool-tag:nth-child(11){background-color:#14b8a6}.tool-tag:nth-child(12){background-color:#f43f5e}.tool-tag:nth-child(13){background-color:#8b5a2b}.tool-tag:nth-child(14){background-color:#1e40af}.tool-tag:nth-child(15){background-color:#059669}[data-theme=dark] .tool-tag:nth-child(1){background-color:#1d4ed8}[data-theme=dark] .tool-tag:nth-child(2){background-color:#047857}[data-theme=dark] .tool-tag:nth-child(3){background-color:#d97706}[data-theme=dark] .tool-tag:nth-child(4){background-color:#dc2626}[data-theme=dark] .tool-tag:nth-child(5){background-color:#7c3aed}[data-theme=dark] .tool-tag:nth-child(6){background-color:#0891b2}[data-theme=dark] .tool-tag:nth-child(7){background-color:#ea580c}[data-theme=dark] .tool-tag:nth-child(8){background-color:#65a30d}[data-theme=dark] .tool-tag:nth-child(9){background-color:#db2777}[data-theme=dark] .tool-tag:nth-child(10){background-color:#4f46e5}[data-theme=dark] .tool-tag:nth-child(11){background-color:#0f766e}[data-theme=dark] .tool-tag:nth-child(12){background-color:#e11d48}[data-theme=dark] .tool-tag:nth-child(13){background-color:#92400e}[data-theme=dark] .tool-tag:nth-child(14){background-color:#1e3a8a}[data-theme=dark] .tool-tag:nth-child(15){background-color:#065f46}.project-body-content{line-height:1.6}.project-body-content p{margin:0 0 1rem;color:var(--text-secondary)}.project-body-content h3:first-child{margin-top:0}.project-body-content ul{margin:.5rem 0 1rem;padding-left:1.5rem}.project-body-content li{margin:.25rem 0;font-size:1rem}.project-body-content strong{font-weight:600;color:var(--text-primary)}.project-body-content blockquote{margin:1rem 0;padding:1rem;background-color:var(--bg-tertiary);border-left:4px solid var(--accent);border-radius:var(--border-radius-sm);font-style:italic}.project-body-content blockquote p{margin:0;color:var(--text-primary)}.project-link{display:inline-flex;align-items:center;padding:calc(var(--spacing) * .6) var(--spacing);background-color:var(--accent);color:var(--bg-primary);text-decoration:none;border-radius:var(--border-radius-sm);font-weight:600;transition:all .3s ease;margin:var(--spacing);margin-left:0}.project-nav{display:flex;align-items:center;justify-content:space-between;margin:calc(var(--spacing) * 2) 0;gap:var(--spacing)}.project-nav-left,.project-nav-right{flex:1;display:flex}.project-nav-left{justify-content:flex-start}.project-nav-right{justify-content:flex-end}.project-nav-button{display:inline-flex;align-items:center;gap:calc(var(--spacing) * .5);color:var(--text-primary);padding:0 calc(var(--spacing) * .5)}.project-nav-button .nav-external-link{padding-left:calc(var(--spacing) * .2)}.project-nav-button .desktop-label{display:inline;font-family:var(--font-heading)}.project-nav-button .mobile-label{display:none}@media (max-width: 768px){.project-nav-button .desktop-label{display:none}.project-nav-button .mobile-label{display:inline}}.project-link:hover{background-color:var(--text-primary);transform:translateY(-2px)}.project-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--spacing) * 2);gap:var(--spacing)}.project-not-found h1{font-size:2rem;color:var(--text-primary);margin:0}.project-not-found p{font-size:1.1rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.project-meta,.project-links{flex-direction:column}.project-link{text-align:center;justify-content:center}}@media (max-width: 305px){.project-header{flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * .5)}.project-meta,.project-description{padding:calc(var(--spacing) * .7)}.project-links{flex-direction:column;gap:calc(var(--spacing) * .5)}.project-link{padding:calc(var(--spacing) * .5) calc(var(--spacing) * .7);font-size:.9rem;text-align:center;justify-content:center}.tool-tag{font-size:.65rem;padding:calc(var(--spacing) * .15) calc(var(--spacing) * .3)}.label{font-size:.75rem}.value{font-size:.9rem}}.project-mobile-image{margin:calc(var(--spacing) * 2) 0;margin-bottom:0}.project-showcase{margin-bottom:0;margin-top:var(--spacing)}.project-showcase h3{margin:0 0 calc(var(--spacing) * 1.5) 0;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.showcase-images{display:flex;flex-direction:column;gap:var(--spacing)}.showcase-image{position:relative;border-radius:var(--border-radius);overflow:hidden;background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color)}.showcase-image img{display:block}.image-caption{margin:calc(var(--spacing) * .5) 0 0 0;padding:0 calc(var(--spacing) * .5);font-size:.85rem;color:var(--text-secondary);font-style:italic}.project-body-rich{text-align:left}.project-body-rich pre.code-block{background-color:var(--bg-tertiary);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);padding:calc(var(--spacing) * 1);overflow-x:auto;margin:1rem 0}.project-body-rich pre.code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.mobile-showcase{max-width:400px;margin:0 auto}.desktop-showcase{display:block}.mobile-showcase-only{display:none}@media (max-width: 768px){.desktop-showcase{display:none}.mobile-showcase-only{display:block}.mobile-showcase{max-width:100%}}@media (max-width: 768px){.project-showcase{margin-bottom:0}.showcase-images{gap:var(--spacing)}.mobile-showcase{max-width:100%}}.tool-tag-random{color:#fff!important}.contact-page{width:100%}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"card form";gap:var(--spacing);padding:var(--spacing) 0 0 0;align-items:stretch}.contact-map{display:none}.contact-card{grid-area:card;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);padding:calc(var(--spacing) * 2);display:flex;flex-direction:column;gap:var(--spacing)}.contact-card h2{margin:0 0 var(--spacing) 0;font-size:18px}.contact-link{color:var(--text-primary);text-decoration:underline;text-underline-offset:4px;font-weight:600}.external-link-with-icon{display:inline-flex;align-items:center;gap:6px}.button-link{background-color:var(--purple-accent);width:100%;height:40px;font-size:18px;display:inline-block;padding:8px 12px;border:var(--border-width) solid var(--purple-accent);border-radius:var(--border-radius-sm);color:#fff}.contact-form-box{grid-area:form;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);padding:var(--spacing);display:flex;flex-direction:column;gap:var(--spacing)}.contact-form-box h2{margin:0 0 var(--spacing) 0;font-size:18px}.contact-form{display:grid;gap:var(--spacing)}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-weight:600;font-family:var(--font-heading);font-size:18px;color:var(--text-primary)}.form-row input,.form-row textarea{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);padding:10px 12px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.form-row input::placeholder,.form-row textarea::placeholder{color:var(--text-secondary)}.form-row input{height:40px}.form-row textarea{min-height:120px;resize:vertical}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--purple-accent)}.form-actions{display:flex;gap:var(--spacing)}.send-status{color:var(--text-secondary);font-size:14px}.send-error{color:#dc2626;font-size:14px}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"card" "form"}}.contact-bottom{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing)}.contact-copyright{color:var(--text-secondary);font-size:14px}.contact-map-box{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);overflow:hidden}.map-container{width:100%;height:420px}@media (max-width: 768px){.map-container{height:320px}}