.bento{display:flex;flex-direction:column;min-height:100dvh}.bento-grid{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);flex:1;align-content: center;gap:1rem;width:100%;max-width:1280px;margin:0 auto;padding:1rem}.bento-main,.bento-side{display:flex;flex-direction:column;gap:1rem;min-width:0}.bento-main>:last-child,.bento-side>*{flex:1}.bento-side:empty{display:none}.bento-grid:has(>.bento-side:empty){grid-template-columns:minmax(0,1fr);max-width:960px}@media (max-width:767px){.bento-grid{grid-template-columns:minmax(0,1fr)}.bento-main>:last-child,.bento-side>*{flex:none}}.glass-backing{position:absolute;overflow:hidden;border-radius:var(--glass-radius);pointer-events:none;inset:0}:where(:has(>.glass-backing)){position:relative}:where(:has(>.glass-backing)>:not(.glass-backing)){position:relative}.glass-backing>span,.glass-backing>div{width:100%!important;height:100%!important}.glass-backing .glass{width:100%;height:100%;box-shadow:none!important}@media (prefers-color-scheme:dark){.glass-backing:after{content:"";position:absolute;background:#00000040;inset:0}.glass-backing~* .glass-backing:after{content:none}}.glass-card{position:relative;display:flex;overflow:hidden;border:1px solid var(--border);background:var(--border);border-radius:12px}.glass-card-backdrop{position:absolute;object-fit:cover;filter:blur(32px)saturate(140%);width:100%;height:100%;inset:0;transform:scale(1.3)}.glass-card-media{position:relative;display:flex;flex-shrink:0}.glass-card-panel{position:relative;display:flex;flex-direction:column;flex:1;min-width:0}.glass-card-body{display:flex;text-shadow:0 1px 8px #000000b3;flex-direction:column;flex:1;justify-content:center;padding:.5rem .75rem}.media-card-image{display:block;object-fit:cover;background:var(--border);width:3.5rem;height:100%;min-height:3.5rem}.media-card-image-poster{width:3rem}.media-card-image-fallback{display:flex;user-select:none;justify-content:center;align-items: center;font-size:1.75rem}.media-card-kicker{display:block;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem}.media-card-title{display:flex;color:var(--text);align-items: center;gap:.4rem;margin-top:.1rem;font-weight:600;line-height:1.3}.glass-card:hover .media-card-title{color:var(--accent)}.media-card-arrow{color:var(--text-muted);flex-shrink:0}.media-card-description{color:var(--text-muted);margin:.1rem 0 0;font-size:.875rem}.media-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem}.skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff14 25%,#ffffff2e 50%,#ffffff14 75%) 0 0/200% 100%}.skeleton-text{display:inline-block;vertical-align:middle;border-radius:.25em;max-width:100%;height:.9em}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.page-section{--text:#f5f5f7;--text-muted:#f5f5f7c7;--border:#ffffff38;--accent:#a5b4ff;color:var(--text);text-shadow:0 1px 6px #00000073}:where(.page-section){min-width:0;margin:0;padding:1.25rem}.page-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.footer{text-align:center;padding:0 1rem 1rem}.footer-copyright{color:var(--text-muted);margin:0;font-size:.8rem}.icon-link{display:inline-flex;color:var(--text-muted);border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;transition:color .15s,background .15s}.icon-link:hover{color:var(--accent);background:var(--border)}.contact-links-row{display:flex;align-items: center;gap:.5rem}.hero{padding:1.75rem}.hero-headline{letter-spacing:-.02em;color:var(--text);font-size:2.5rem;font-weight:700;line-height:1.15}.hero-tagline{color:var(--text-muted);margin:.5rem 0 1rem;font-size:1.15rem}.hero .contact-links-row{margin-left:-.5rem}@media (max-width:480px){.hero-headline{font-size:2rem}}.project-card{display:flex;border-radius:12px;flex-direction:column}.project-card-screenshot{display:block;aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;width:100%;height:auto}.project-card-body{position:static;padding:.75rem 1rem 1rem}.project-card-header{display:flex;justify-content:space-between;align-items: center;gap:.5rem}.project-card-title{color:var(--text);font-weight:600}.project-card-title:after{content:"";position:absolute;z-index:1;border-radius:12px;inset:0}.project-card-title:focus-visible{outline:none}.project-card-title:focus-visible:after{outline:2px solid var(--accent);outline-offset:2px}.project-card-title-text{position:relative}.project-card-title:hover{color:var(--accent)}.project-card-arrow{display:inline-block;vertical-align:-.05em;color:var(--text-muted);margin-left:.4rem}.project-card .icon-link{position:relative;z-index:2;margin-right:-.5rem}.project-card-description{position:relative;color:var(--text-muted);margin:.5rem 0 0;font-size:.95rem}.projects-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (max-width:640px){.projects-section-grid{grid-template-columns:minmax(0,1fr)}}.starfield-container{position:fixed;overflow:hidden;z-index:-1;inset:0}.starfield-gradient{position:absolute;transition:background 1.2s;inset:0}.starfield-canvas{position:absolute;display:block;inset:0}.weather-section-current{display:flex;align-items: center;gap:.75rem}.weather-section-current-icon{flex-shrink:0;font-size:2.5rem;line-height:1}.weather-section-temp{color:var(--text);font-size:1.75rem;font-weight:600;line-height:1.2}.weather-section-description{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:.9rem}.weather-section-message{color:var(--text-muted);margin:0}.weather-section-forecast{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-top:.875rem}.weather-section-forecast-card{display:flex;border-radius:12px;flex-direction:column;align-items: center;gap:.15rem;padding:.5rem .25rem}.weather-section-forecast-day{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem}.weather-section-forecast-icon{font-size:1.25rem;line-height:1}.weather-section-forecast-temps{white-space:nowrap;color:var(--text-muted);font-size:.8rem}.weather-section-forecast-high{color:var(--text);font-weight:600}:root{--bg:#fff;--text:#111;--text-muted:#5a5a5a;--border:#e5e5e5;--accent:#3f5efb;--buncss-light:initial;--buncss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--bg:#0d0d0d;--text:#f5f5f5;--text-muted:#a0a0a0;--border:#2a2a2a;--accent:#6e82ff}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;line-height:1.6}h1,h2,h3{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit}img,svg{display:block;max-width:100%}