:root{--portfolio-primary:#1e6fa8;--portfolio-secondary:#17415d;--portfolio-success:#047857;--text:#1e293b;--text-muted:#4b5563;--bg:#fafafa;--card-bg:#ffffff;--border:#e2e8f0;--shadow:rgba(0, 0, 0, 0.1);--shadow-hover:rgba(0, 0, 0, 0.15);--text-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--text-shadow-dark:0 2px 4px rgba(0, 0, 0, 0.5);--text-shadow-meta:0 1px 2px rgba(0, 0, 0, 0.2);--photo-surface-text:#ffffff}@media(prefers-color-scheme:dark){:root{--portfolio-primary:#5dade2;--portfolio-secondary:#17415d;--portfolio-success:#34d399;--text:#f1f5f9;--text-muted:#cbd5e1;--bg:#0a0f1a;--card-bg:#1e293b;--border:#334155;--shadow:rgba(0, 0, 0, 0.4);--shadow-hover:rgba(0, 0, 0, 0.6);--text-shadow:0 2px 4px rgba(0, 0, 0, 0.5);--text-shadow-dark:0 2px 4px rgba(0, 0, 0, 0.5);--text-shadow-meta:0 1px 2px rgba(0, 0, 0, 0.3);--photo-surface-text:#ffffff}}[data-theme=dark]{--portfolio-primary:#5dade2;--portfolio-secondary:#17415d;--portfolio-success:#34d399;--text:#f1f5f9;--text-muted:#cbd5e1;--bg:#0a0f1a;--card-bg:#1e293b;--border:#334155;--shadow:rgba(0, 0, 0, 0.4);--shadow-hover:rgba(0, 0, 0, 0.6);--text-shadow:0 2px 4px rgba(0, 0, 0, 0.5);--text-shadow-dark:0 2px 4px rgba(0, 0, 0, 0.5);--text-shadow-meta:0 1px 2px rgba(0, 0, 0, 0.3);--photo-surface-text:#ffffff}[data-theme=light]{--portfolio-primary:#1e6fa8;--portfolio-secondary:#17415d;--portfolio-success:#10b981;--text:#1e293b;--text-muted:#4b5563;--bg:#fafafa;--card-bg:#ffffff;--border:#e2e8f0;--shadow:rgba(0, 0, 0, 0.1);--shadow-hover:rgba(0, 0, 0, 0.15);--text-shadow:0 2px 4px rgba(0, 0, 0, 0.3);--text-shadow-dark:0 2px 4px rgba(0, 0, 0, 0.3);--text-shadow-meta:0 1px 2px rgba(0, 0, 0, 0.2);--photo-surface-text:#ffffff}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;text-align:justify;color:var(--text)}.portfolio-header h1{font-size:3rem;font-weight:700;margin:0 0 1.5rem;background:linear-gradient(135deg,var(--portfolio-primary),var(--portfolio-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-content{max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.7;color:var(--text-muted)}.portfolio-content h2{color:var(--text);font-size:2rem;font-weight:600;text-align:start;margin:3rem 0 1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--portfolio-primary)}.portfolio-content h3{color:var(--portfolio-primary);font-size:1.5rem;font-weight:600;text-align:start;margin:2rem 0 1rem}.portfolio-content p{margin-bottom:1.25rem}.portfolio-content strong{color:var(--text);font-weight:600}.portfolio-content ul{margin:1.5rem 0;padding:0;list-style:none}.portfolio-content li{margin-bottom:1rem;line-height:1.7;list-style:none}@media(max-width:768px){.portfolio-container{padding:2rem 1rem}.portfolio-header h1{font-size:2.25rem}.portfolio-content{font-size:1rem}.portfolio-content h2{font-size:1.75rem}.portfolio-content h3{font-size:1.25rem}}@media(max-width:480px){.portfolio-header h1{font-size:1.75rem}}.portfolio-hero-header{position:relative;width:100vw;max-width:1600px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:3rem;overflow:hidden;height:500px;max-height:60vh}.portfolio-hero-header .entry-cover{margin:0;max-width:none;width:100%;height:100%}.portfolio-hero-header .entry-cover img{width:100%;height:100%;display:block;object-fit:cover}.portfolio-hero-header .entry-cover figcaption{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-size:.9rem;color:var(--text-muted);font-style:italic;padding:0 1rem;z-index:5}.portfolio-hero-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;z-index:10;padding:2rem;min-height:200px}.portfolio-hero-content{max-width:1200px;width:100%;margin:0 auto;text-align:center;color:var(--text);animation:fadeInUp .8s ease-out backwards}.portfolio-hero-content h1{font-size:3rem;font-weight:700;margin:0 0 1rem;text-align:center;text-shadow:var(--text-shadow);color:var(--photo-surface-text);background-clip:text}.portfolio-hero-content .portfolio-single-meta{color:var(--text-muted);font-size:1rem;font-style:italic;margin-bottom:2rem;text-align:center;text-shadow:var(--text-shadow-meta)}@media(prefers-color-scheme:dark){.portfolio-hero-content h1{text-shadow:var(--text-shadow-dark)}.portfolio-hero-content .portfolio-single-meta{color:var(--text-muted)}}.portfolio-hero-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.4) 90%);z-index:1;border-radius:8px}@media(min-width:1601px){.portfolio-hero-header{margin-left:auto;margin-right:auto;left:50%;transform:translateX(-50%)}}@media(max-width:768px){.portfolio-hero-header{height:400px;max-height:50vh}.portfolio-hero-content h1{font-size:2.25rem}.portfolio-hero-content{padding:0 1rem}.portfolio-hero-overlay{padding:1.5rem;min-height:150px}}@media(max-width:480px){.portfolio-hero-header{height:300px;max-height:40vh}.portfolio-hero-content h1{font-size:1.75rem}.portfolio-hero-overlay{padding:1rem;min-height:120px}}.portfolio-header.portfolio-single-header{text-align:center;margin-bottom:3rem;animation:fadeInUp .6s ease-out backwards}.portfolio-header.portfolio-single-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,var(--portfolio-primary),var(--portfolio-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-content{animation:fadeInUp .8s ease-out backwards;animation-delay:.2s}.portfolio-content h3+ul{margin-top:1.5rem}.portfolio-content h3+ul li{margin-bottom:1rem;line-height:1.7;animation:fadeInUp .6s ease-out backwards}.portfolio-content h3+ul li:nth-child(1){animation-delay:.3s}.portfolio-content h3+ul li:nth-child(2){animation-delay:.4s}.portfolio-content h3+ul li:nth-child(3){animation-delay:.5s}.portfolio-content h3+ul li:nth-child(4){animation-delay:.6s}.portfolio-content h3+ul li:nth-child(5){animation-delay:.7s}.portfolio-content li{position:relative;padding-left:1.5rem}.portfolio-content a{color:var(--portfolio-primary);text-decoration:none}.portfolio-content a:hover{color:var(--portfolio-secondary);text-decoration:underline}.portfolio-content li::before{content:"•";position:absolute;left:0;color:var(--portfolio-primary);font-weight:700}.portfolio-breadcrumbs{padding:.5rem 0;margin-bottom:2rem;font-size:.9rem;color:var(--text-muted);animation:fadeInUp .6s ease-out backwards;animation-delay:.1s}.portfolio-breadcrumbs a{color:var(--portfolio-primary);text-decoration:none;transition:color .2s ease}.portfolio-breadcrumbs a:hover{color:var(--portfolio-secondary);text-decoration:underline}.portfolio-post-nav{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;animation:fadeInUp .6s ease-out backwards;animation-delay:1s}.portfolio-post-nav a{display:flex;flex-direction:column;color:var(--text);text-decoration:none;transition:all .2s ease;max-width:48%;min-width:200px}.portfolio-post-nav a:hover{color:var(--portfolio-primary)}.nav-label{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.nav-title{font-size:1rem;font-weight:500;line-height:1.4}.next{text-align:right;margin-left:auto}.next .nav-label{justify-content:flex-end}@media(max-width:768px){.portfolio-single-header h1{font-size:2rem}.portfolio-post-nav{flex-direction:column}.portfolio-post-nav a{max-width:100%}.next{text-align:start;margin-left:0}.next .nav-label{justify-content:flex-start}}@media(max-width:480px){.portfolio-single-header h1{font-size:1.75rem}.portfolio-content p{padding-left:0;margin-left:0}}.app-store-item{margin:24px 0;padding:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif}.app-store-top-row{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.app-store-icon{flex-shrink:0;width:64px;height:64px}.app-icon{width:100%;height:100%;border-radius:14px;object-fit:cover;border:1px solid var(--border)}.app-icon-placeholder{width:100%;height:100%;border-radius:14px;background:linear-gradient(135deg,var(--portfolio-primary) 0%,var(--portfolio-secondary) 100%);display:flex;align-items:center;justify-content:center;color:var(--photo-surface-text);border:1px solid var(--border)}.app-store-name{flex:1;margin:0!important;padding:0!important;font-size:1.25rem!important;font-weight:600!important;color:var(--text)!important;line-height:normal!important;font-family:inherit!important;height:64px!important;display:flex!important;align-items:center!important;border:none!important;background:0 0!important;text-align:start!important;box-sizing:border-box!important}.app-store-button-wrapper{flex-shrink:0;margin-left:auto}.app-store-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-weight:500;font-size:.9rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.play-store-button{padding:0;background:0 0}.play-store-button:hover{transform:scale(1.05)}.play-store-button:active{transform:scale(.98)}.play-store-badge{height:60px;width:auto;display:block}.archived-button{background:var(--bg);color:var(--portfolio-primary);border:2px solid var(--portfolio-primary)}.archived-button:hover{background:var(--portfolio-primary);color:var(--photo-surface-text);transform:scale(1.05)}.archived-button:active{transform:scale(.98)}.app-store-description{margin:0 0 16px;line-height:1.6;color:var(--text-muted)}.app-store-screenshots{display:flex;overflow-x:auto;gap:12px;padding:12px 0;margin-top:8px;scrollbar-width:thin;scrollbar-color:var(--portfolio-primary)#ffffff00}.app-store-screenshots::-webkit-scrollbar{height:8px}.app-store-screenshots::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.app-store-screenshots::-webkit-scrollbar-thumb{background:var(--portfolio-primary);border-radius:4px}.app-store-screenshots::-webkit-scrollbar-thumb:hover{background:var(--portfolio-secondary)}.app-screenshot{height:320px;width:auto;border-radius:8px;border:1px solid var(--border);object-fit:contain;background:var(--card-bg);flex-shrink:0}@media(max-width:768px){.app-screenshot{height:280px}}@media(max-width:480px){.app-store-item{margin:20px 0}.app-store-icon{width:56px;height:56px}.app-store-top-row{gap:12px;margin-bottom:10px;padding-bottom:10px}.app-store-name{font-size:1.1rem}.app-store-description{font-size:.9rem;margin-bottom:12px}.app-store-button{padding:8px 14px;font-size:.85rem}.play-store-badge{height:36px}.app-screenshot{height:240px}}@media(max-width:360px){.app-store-icon{width:48px;height:48px}.app-store-name{font-size:1rem}.app-screenshot{height:220px}}.challenges-solutions-container{margin:2rem 0;padding:1rem 0}.challenges-solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin:0 auto;max-width:1200px}.challenge-solution-card{background-color:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px var(--shadow);border:1px solid var(--border);text-align:left;position:relative}.challenge-header{padding-bottom:.75rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border);opacity:.8}.challenge-header h3{color:var(--portfolio-primary);margin:0;font-size:1.25rem;font-weight:600}.challenge-header::before{content:"🎯";font-size:1.25rem}.solution-header{padding-bottom:.75rem;margin:1rem 0;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border);opacity:.8}.solution-header h3{color:var(--portfolio-success);margin:0;font-size:1.25rem;font-weight:600}.solution-header::before{content:"✅";font-size:1.25rem}.challenge-content,.solution-content{color:var(--text);line-height:1.6;text-align:left}.challenge-content p,.solution-content p{margin-bottom:1rem}@media(max-width:768px){.challenges-solutions-grid{grid-template-columns:1fr}}@media(max-width:480px){.challenge-solution-card{padding:1rem}}.portfolio-gallery{display:flex;flex-wrap:wrap;width:100%;margin:1rem auto;gap:1rem;justify-content:center}.portfolio-container .portfolio-gallery,.portfolio-content .portfolio-gallery,.post-content .portfolio-gallery{width:100%;margin-left:auto;margin-right:auto}.portfolio-gallery img{object-fit:cover;height:auto;border-radius:.5rem;box-shadow:0 2px 8px var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.grid-w10{width:calc(10% - 1rem);margin:0!important}.grid-w15{width:calc(15% - 1rem);margin:0!important}.grid-w20{width:calc(20% - 1rem);margin:0!important}.grid-w25{width:calc(25% - 1rem);margin:0!important}.grid-w30{width:calc(30% - 1rem);margin:0!important}.grid-w33{width:calc(33% - 1rem);margin:0!important}.grid-w35{width:calc(35% - 1rem);margin:0!important}.grid-w40{width:calc(40% - 1rem);margin:0!important}.grid-w45{width:calc(45% - 1rem);margin:0!important}.grid-w50{width:calc(50% - 1rem);margin:0!important}.grid-w55{width:calc(55% - 1rem);margin:0!important}.grid-w60{width:calc(60% - 1rem);margin:0!important}.grid-w65{width:calc(65% - 1rem);margin:0!important}.grid-w66{width:calc(66% - 1rem);margin:0!important}.grid-w70{width:calc(70% - 1rem);margin:0!important}.grid-w75{width:calc(75% - 1rem);margin:0!important}.grid-w80{width:calc(80% - 1rem);margin:0!important}.grid-w85{width:calc(85% - 1rem);margin:0!important}.grid-w90{width:calc(90% - 1rem);margin:0!important}.grid-w95{width:calc(95% - 1rem);margin:0!important}.grid-w100{width:calc(100% - 1rem);margin:0!important}@media(min-width:640px){.sm\:grid-w10{width:calc(10% - 1rem);margin:0!important}.sm\:grid-w15{width:calc(15% - 1rem);margin:0!important}.sm\:grid-w20{width:calc(20% - 1rem);margin:0!important}.sm\:grid-w25{width:calc(25% - 1rem);margin:0!important}.sm\:grid-w30{width:calc(30% - 1rem);margin:0!important}.sm\:grid-w33{width:calc(33% - 1rem);margin:0!important}.sm\:grid-w35{width:calc(35% - 1rem);margin:0!important}.sm\:grid-w40{width:calc(40% - 1rem);margin:0!important}.sm\:grid-w45{width:calc(45% - 1rem);margin:0!important}.sm\:grid-w50{width:calc(50% - 1rem);margin:0!important}.sm\:grid-w55{width:calc(55% - 1rem);margin:0!important}.sm\:grid-w60{width:calc(60% - 1rem);margin:0!important}.sm\:grid-w65{width:calc(65% - 1rem);margin:0!important}.sm\:grid-w66{width:calc(66% - 1rem);margin:0!important}.sm\:grid-w70{width:calc(70% - 1rem);margin:0!important}.sm\:grid-w75{width:calc(75% - 1rem);margin:0!important}.sm\:grid-w80{width:calc(80% - 1rem);margin:0!important}.sm\:grid-w85{width:calc(85% - 1rem);margin:0!important}.sm\:grid-w90{width:calc(90% - 1rem);margin:0!important}.sm\:grid-w95{width:calc(95% - 1rem);margin:0!important}.sm\:grid-w100{width:calc(100% - 1rem);margin:0!important}}@media(min-width:853px){.md\:grid-w10{width:calc(10% - 1rem);margin:0!important}.md\:grid-w15{width:calc(15% - 1rem);margin:0!important}.md\:grid-w20{width:calc(20% - 1rem);margin:0!important}.md\:grid-w25{width:calc(25% - 1rem);margin:0!important}.md\:grid-w30{width:calc(30% - 1rem);margin:0!important}.md\:grid-w33{width:calc(33% - 1rem);margin:0!important}.md\:grid-w35{width:calc(35% - 1rem);margin:0!important}.md\:grid-w40{width:calc(40% - 1rem);margin:0!important}.md\:grid-w45{width:calc(45% - 1rem);margin:0!important}.md\:grid-w50{width:calc(50% - 1rem);margin:0!important}.md\:grid-w55{width:calc(55% - 1rem);margin:0!important}.md\:grid-w60{width:calc(60% - 1rem);margin:0!important}.md\:grid-w65{width:calc(65% - 1rem);margin:0!important}.md\:grid-w66{width:calc(66% - 1rem);margin:0!important}.md\:grid-w70{width:calc(70% - 1rem);margin:0!important}.md\:grid-w75{width:calc(75% - 1rem);margin:0!important}.md\:grid-w80{width:calc(80% - 1rem);margin:0!important}.md\:grid-w85{width:calc(85% - 1rem);margin:0!important}.md\:grid-w90{width:calc(90% - 1rem);margin:0!important}.md\:grid-w95{width:calc(95% - 1rem);margin:0!important}.md\:grid-w100{width:calc(100% - 1rem);margin:0!important}}@media(min-width:1024px){.lg\:grid-w10{width:calc(10% - 1rem);margin:0!important}.lg\:grid-w15{width:calc(15% - 1rem);margin:0!important}.lg\:grid-w20{width:calc(20% - 1rem);margin:0!important}.lg\:grid-w25{width:calc(25% - 1rem);margin:0!important}.lg\:grid-w30{width:calc(30% - 1rem);margin:0!important}.lg\:grid-w33{width:calc(33% - 1rem);margin:0!important}.lg\:grid-w35{width:calc(35% - 1rem);margin:0!important}.lg\:grid-w40{width:calc(40% - 1rem);margin:0!important}.lg\:grid-w45{width:calc(45% - 1rem);margin:0!important}.lg\:grid-w50{width:calc(50% - 1rem);margin:0!important}.lg\:grid-w55{width:calc(55% - 1rem);margin:0!important}.lg\:grid-w60{width:calc(60% - 1rem);margin:0!important}.lg\:grid-w65{width:calc(65% - 1rem);margin:0!important}.lg\:grid-w66{width:calc(66% - 1rem);margin:0!important}.lg\:grid-w70{width:calc(70% - 1rem);margin:0!important}.lg\:grid-w75{width:calc(75% - 1rem);margin:0!important}.lg\:grid-w80{width:calc(80% - 1rem);margin:0!important}.lg\:grid-w85{width:calc(85% - 1rem);margin:0!important}.lg\:grid-w90{width:calc(90% - 1rem);margin:0!important}.lg\:grid-w95{width:calc(95% - 1rem);margin:0!important}.lg\:grid-w100{width:calc(100% - 1rem);margin:0!important}}@media(min-width:1280px){.xl\:grid-w10{width:calc(10% - 1rem);margin:0!important}.xl\:grid-w15{width:calc(15% - 1rem);margin:0!important}.xl\:grid-w20{width:calc(20% - 1rem);margin:0!important}.xl\:grid-w25{width:calc(25% - 1rem);margin:0!important}.xl\:grid-w30{width:calc(30% - 1rem);margin:0!important}.xl\:grid-w33{width:calc(33% - 1rem);margin:0!important}.xl\:grid-w35{width:calc(35% - 1rem);margin:0!important}.xl\:grid-w40{width:calc(40% - 1rem);margin:0!important}.xl\:grid-w45{width:calc(45% - 1rem);margin:0!important}.xl\:grid-w50{width:calc(50% - 1rem);margin:0!important}.xl\:grid-w55{width:calc(55% - 1rem);margin:0!important}.xl\:grid-w60{width:calc(60% - 1rem);margin:0!important}.xl\:grid-w65{width:calc(65% - 1rem);margin:0!important}.xl\:grid-w66{width:calc(66% - 1rem);margin:0!important}.xl\:grid-w70{width:calc(70% - 1rem);margin:0!important}.xl\:grid-w75{width:calc(75% - 1rem);margin:0!important}.xl\:grid-w80{width:calc(80% - 1rem);margin:0!important}.xl\:grid-w85{width:calc(85% - 1rem);margin:0!important}.xl\:grid-w90{width:calc(90% - 1rem);margin:0!important}.xl\:grid-w95{width:calc(95% - 1rem);margin:0!important}.xl\:grid-w100{width:calc(100% - 1rem);margin:0!important}}.portfolio-gallery[data-gap="1.5rem"]{gap:1.5rem}.portfolio-gallery[data-gap="1.5rem"] .grid-w10{width:calc(10% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w15{width:calc(15% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w20{width:calc(20% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w25{width:calc(25% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w30{width:calc(30% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w33{width:calc(33% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w35{width:calc(35% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w40{width:calc(40% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w45{width:calc(45% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w50{width:calc(50% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w55{width:calc(55% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w60{width:calc(60% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w65{width:calc(65% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w66{width:calc(66% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w70{width:calc(70% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w75{width:calc(75% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w80{width:calc(80% - 1rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w85{width:calc(85% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w90{width:calc(90% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w95{width:calc(95% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .grid-w100{width:calc(100% - 1.5rem)}@media(min-width:640px){.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w10{width:calc(10% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w15{width:calc(15% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w20{width:calc(20% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w25{width:calc(25% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w30{width:calc(30% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w33{width:calc(33% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w35{width:calc(35% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w40{width:calc(40% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w45{width:calc(45% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w50{width:calc(50% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w55{width:calc(55% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w60{width:calc(60% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w65{width:calc(65% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w66{width:calc(66% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w70{width:calc(70% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w75{width:calc(75% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w80{width:calc(80% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w85{width:calc(85% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w90{width:calc(90% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w95{width:calc(95% - 1.5rem)}.portfolio-gallery[data-gap="1.5rem"] .sm\:grid-w100{width:calc(100% - 1.5rem)}}