:root{--card-glow:#40e0d026}[data-theme=light]{--card-glow:#0071e326}.blog-page-wrapper{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding-top:80px;overflow:hidden}.blog-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:50vh;padding:8rem 2rem 4rem;display:flex;position:relative}.blog-hero-content{z-index:10;width:100%;max-width:1000px}.blog-hero-title{letter-spacing:-.04em;color:var(--text-primary);text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:.85}.blog-hero-subtitle{color:var(--text-secondary);letter-spacing:-.01em;text-wrap:balance;max-width:600px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:400}[data-theme=light] .blog-hero-title{color:#111}.blog-controls-section{perspective:2000px;max-width:1400px;margin:0 auto;padding:0 2rem 2rem}.blog-controls-container{justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-search-wrapper{flex:1;max-width:480px;position:relative}.blog-search-wrapper:focus-within .blog-search-icon{color:#40e0d0}.blog-search-icon{color:var(--text-secondary);pointer-events:none;transition:color .3s;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.blog-search-input{width:100%;color:var(--text-primary);background:#ffffff05;border:1px solid #ffffff0d;border-radius:9999px;padding:.85rem 1.25rem .85rem 3.25rem;font-family:inherit;font-size:.95rem;transition:all .3s;box-shadow:inset 0 1px 2px #ffffff05}.blog-search-input::placeholder{color:#ffffff4d;font-weight:400}.blog-search-input:focus{background:#ffffff0a;border-color:#40e0d066;outline:none;box-shadow:0 0 0 4px #40e0d026,inset 0 1px 2px #ffffff05}.blog-sort-button{color:var(--text-primary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:9999px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-family:inherit;font-size:.95rem;transition:all .3s;display:flex;box-shadow:inset 0 1px 2px #ffffff05}.blog-sort-button:hover,.blog-sort-button.active{background:#ffffff0a;border-color:#ffffff1a}.blog-sort-button.active{border-color:#40e0d066;box-shadow:0 0 0 4px #40e0d026}.blog-sort-wrapper{display:flex;position:relative}.blog-sort-dropdown{-webkit-backdrop-filter:blur(12px);z-index:100;background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:220px;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 30px #0000004d}.blog-sort-option{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.blog-sort-option:hover{color:var(--text-primary);background:#ffffff0d}.sort-radio{border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex;position:relative}.blog-sort-option.selected .sort-radio{border-color:#40e0d0}.blog-sort-option.selected .sort-radio:after{content:"";background:#40e0d0;border-radius:50%;width:8px;height:8px}.blog-sort-option.selected{color:var(--text-primary)}.blog-sort-label{font-weight:600}.blog-controls-actions{align-items:center;gap:1rem;display:flex}.blog-view-toggle{background:#ffffff05;border:1px solid #ffffff0d;border-radius:9999px;align-items:center;padding:.25rem;display:flex;box-shadow:inset 0 1px 2px #0003}.view-toggle-btn{color:var(--text-secondary);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.6rem .85rem;transition:color .3s;display:flex;position:relative}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{color:#40e0d0}.segmented-control-thumb{z-index:-1;background:#ffffff0f;border-radius:9999px;position:absolute;inset:0;box-shadow:0 2px 8px #0003,inset 0 1px 1px #ffffff0d}.segmented-control-icon{z-index:2;display:flex;position:relative}[data-theme=light] .blog-search-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);background:#fffc;border-color:#00000014;box-shadow:0 2px 10px #00000005}[data-theme=light] .blog-search-input::placeholder{color:#0006}[data-theme=light] .blog-search-wrapper:focus-within .blog-search-icon{color:#0071e3}[data-theme=light] .blog-search-input:focus{background:#fff;border-color:#0071e34d;box-shadow:0 0 0 4px #0071e326}[data-theme=light] .blog-sort-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-color:#00000014;box-shadow:0 2px 10px #00000005}[data-theme=light] .blog-sort-button:hover,[data-theme=light] .blog-sort-button.active{background:#fff;border-color:#0071e34d}[data-theme=light] .blog-sort-button.active{box-shadow:0 0 0 4px #0071e326}[data-theme=light] .blog-sort-dropdown{background:#fffffff2;border-color:#0000001a;box-shadow:0 10px 30px #0000001a}[data-theme=light] .blog-sort-option:hover{background:#00000008}[data-theme=light] .sort-radio{border-color:#0003}[data-theme=light] .blog-sort-option.selected .sort-radio{border-color:#0071e3}[data-theme=light] .blog-sort-option.selected .sort-radio:after{background:#0071e3}[data-theme=light] .blog-view-toggle{background:#00000008;border-color:#0000000d;box-shadow:inset 0 1px 3px #0000000d}[data-theme=light] .view-toggle-btn{color:#00000080}[data-theme=light] .view-toggle-btn.active{color:#0071e3}[data-theme=light] .segmented-control-thumb{background:#fff;box-shadow:0 2px 8px #00000014,0 1px 1px #0000000d}.blog-no-results{text-align:center;color:var(--text-secondary);border:1px dashed #ffffff1a;border-radius:14px;grid-column:1/-1;padding:6rem 2rem;font-size:1.15rem}[data-theme=light] .blog-no-results{border-color:#0000001a}.blog-tags-wrapper{margin-top:1.5rem;position:relative}.blog-tags-wrapper:after{content:"";background:linear-gradient(to right,transparent,var(--bg-primary,#050505));pointer-events:none;opacity:0;width:60px;transition:opacity .3s;position:absolute;top:0;bottom:0;right:0}[data-theme=light] .blog-tags-wrapper:after{background:linear-gradient(to right,transparent,var(--bg-primary,#fff))}.blog-tags-container{flex-wrap:wrap;gap:.75rem;display:flex}.blog-tag-pill{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:9999px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .3s}.blog-tag-pill:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1a}.blog-tag-pill.active{color:#40e0d0;background:#40e0d026;border-color:#40e0d04d}[data-theme=light] .blog-tag-pill{color:#0009;background:#00000008;border-color:#0000}[data-theme=light] .blog-tag-pill:hover{color:var(--text-primary);background:#0000000f}[data-theme=light] .blog-tag-pill.active{color:#0071e3;background:#0071e31f;border-color:#0000}.blog-controls-section{z-index:10;position:relative}.blog-bento-section{perspective:2000px;z-index:1;max-width:1400px;margin:0 auto;padding:2rem 2rem 10rem;position:relative}.blog-bento-grid{grid-template-columns:2fr 1fr;align-items:stretch;gap:24px;display:grid}.blog-bento-grid.list-mode{grid-template-columns:1fr;gap:0}.blog-bento-grid.list-mode .bento-card{border:none;border-bottom:1px solid #ffffff0d;border-radius:0;padding:1.5rem 0;box-shadow:none!important;background:0 0!important;transform:none!important}.blog-bento-grid.list-mode .bento-card:last-child{border-bottom:none}.blog-bento-grid.list-mode .bento-card,.blog-bento-grid.list-mode .bento-featured .bento-link-wrapper,.blog-bento-grid.list-mode .bento-secondary .bento-link-wrapper{flex-direction:row;height:auto}.blog-bento-grid.list-mode .bento-image-wrapper,.blog-bento-grid.list-mode p,.blog-bento-grid.list-mode .bento-footer,.blog-bento-grid.list-mode .bento-dot-separator,.blog-bento-grid.list-mode .bento-meta span:last-child,.blog-bento-grid.list-mode .bento-glow{display:none!important}.blog-bento-grid.list-mode .bento-content{flex:1;grid-template-rows:auto auto;grid-template-columns:180px 1fr;align-items:start;gap:.25rem 2rem;padding:0;display:grid}.blog-bento-grid.list-mode .bento-category-tag{color:#40e0d0;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;grid-area:1/1;padding:0;font-size:.75rem;font-weight:600}.blog-bento-grid.list-mode .bento-meta{color:var(--text-secondary);grid-area:2/1;margin:0;font-size:.85rem}.blog-bento-grid.list-mode h3{color:var(--text-primary);grid-area:1/2/span 2;margin:0;font-size:1.15rem;font-weight:400;line-height:1.4}[data-theme=light] .blog-bento-grid.list-mode .bento-card{border-bottom:1px solid #0000000d}[data-theme=light] .blog-bento-grid.list-mode .bento-category-tag{color:#0071e3;background:0 0}.bento-card{transform-style:preserve-3d;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;transition:border-color .4s,background .4s;display:flex;position:relative;overflow:hidden}[data-theme=light] .bento-card{background:#fff;border-color:#0000001a;box-shadow:0 10px 40px #00000008}.bento-card:hover,.bento-card.in-focus{border-color:#fff3}[data-theme=light] .bento-card:hover,[data-theme=light] .bento-card.in-focus{border-color:#0071e399;box-shadow:0 20px 50px #0071e314}.bento-glow{pointer-events:none;z-index:1;opacity:0;transition:opacity .3s;position:absolute;inset:0}.bento-card:hover .bento-glow,.bento-card.in-focus .bento-glow{opacity:1}.bento-link-wrapper{color:inherit;z-index:2;border-radius:inherit;height:100%;transform-style:preserve-3d;flex-direction:column;text-decoration:none;display:flex;position:relative}.bento-featured .bento-link-wrapper{flex-direction:row}.bento-featured .bento-image-wrapper{flex:1.2;height:100%;min-height:500px}.bento-featured .bento-content{flex:1;justify-content:center;padding:4rem}.bento-secondary .bento-image-wrapper{height:250px}.bento-featured h3{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2rem,3vw,3.5rem);font-weight:700;line-height:1.1}.bento-secondary h3{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.8rem;font-weight:600;line-height:1.2}.bento-image-wrapper{background:#000;position:relative;overflow:hidden}.bento-img{object-fit:cover;filter:grayscale()contrast(1.2);width:100%;height:100%;transition:filter .8s,transform .8s cubic-bezier(.16,1,.3,1)}.bento-card:hover .bento-img,.bento-card.in-focus .bento-img{filter:grayscale(0%)contrast();transform:scale(1.05)}.bento-image-overlay{pointer-events:none;background:linear-gradient(90deg,#121212cc 0%,#0000 100%);position:absolute;inset:0}.bento-secondary .bento-image-overlay{background:linear-gradient(#0000 0%,#121212cc 100%)}[data-theme=light] .bento-image-overlay{mix-blend-mode:overlay;background:linear-gradient(90deg,#fff6 0%,#0000 100%)}.bento-content{transform-style:preserve-3d;z-index:5;flex-direction:column;flex:1;padding:2.5rem;display:flex;position:relative}.bento-category-tag{color:#40e0d0;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-family:monospace;font-size:.85rem;font-weight:600}[data-theme=light] .bento-category-tag{color:#0071e3;background:#0071e30d;align-self:flex-start;padding:4px 8px;display:inline-block}.bento-card p{color:var(--text-secondary);flex:1;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.bento-meta{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:2rem;font-family:monospace;font-size:.85rem;display:flex}.bento-dot-separator{color:#40e0d0}[data-theme=light] .bento-dot-separator{color:#0071e3}.bento-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:1.5rem;transition:border-color .3s}[data-theme=light] .bento-footer{border-top-color:#0000000d}.bento-read-btn{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:gap .3s,color .3s;display:inline-flex}.bento-card:hover .bento-read-btn,.bento-card.in-focus .bento-read-btn{color:#40e0d0;gap:1rem}[data-theme=light] .bento-card:hover .bento-read-btn,[data-theme=light] .bento-card.in-focus .bento-read-btn{color:#0071e3}@media (max-width:1024px){.blog-hero{min-height:44vh;padding:7rem 1.75rem 3rem}.blog-controls-section{padding:0 1.75rem 2rem}.blog-bento-section{padding:0 1.75rem 7rem}.blog-bento-grid{grid-template-columns:1fr;gap:20px}.bento-featured .bento-link-wrapper{flex-direction:column}.blog-bento-grid.list-mode .bento-content{grid-template-columns:1fr;gap:.25rem}.blog-bento-grid.list-mode .bento-category-tag{grid-area:1/1}.blog-bento-grid.list-mode h3{grid-area:2/1;margin-top:.25rem;margin-bottom:.25rem;font-size:1.15rem}.blog-bento-grid.list-mode .bento-meta{grid-area:3/1}.bento-featured .bento-image-wrapper{flex:auto;min-height:300px}.bento-featured .bento-content{padding:2.5rem}.bento-featured h3{font-size:clamp(1.8rem,5vw,2.5rem)}.bento-secondary h3{font-size:1.5rem}}@media (max-width:768px){.blog-page-wrapper{padding-top:var(--nav-height,80px)}.blog-hero{min-height:40vh;padding:5.5rem 1.25rem 2.5rem}.blog-hero-title{letter-spacing:-.055em;white-space:nowrap;margin-bottom:1rem;font-size:min(13.5vw,4.2rem);line-height:.9}.blog-hero-subtitle{max-width:32rem;padding:0;font-size:1rem}.blog-controls-section{padding:0 1.25rem 2rem}.blog-controls-container{flex-direction:column;align-items:stretch;gap:.75rem}.blog-controls-actions{gap:.5rem;width:100%}.blog-search-input{padding:.65rem 1rem .65rem 2.5rem;font-size:.9rem}.blog-search-icon{left:.85rem}.blog-search-icon svg{width:16px;height:16px}.blog-sort-wrapper{flex:1;display:flex}.blog-sort-button{flex:1;justify-content:space-between;padding:.6rem 1rem;font-size:.85rem}.view-toggle-btn{padding:.4rem .6rem}.view-toggle-btn svg{width:16px;height:16px}.blog-sort-dropdown{width:100%;left:0;right:0}.blog-tags-wrapper{margin-top:1rem}.blog-tags-wrapper:after{opacity:1}.blog-tags-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.5rem;margin-top:0;padding-bottom:.5rem;overflow-x:auto}.blog-tags-container::-webkit-scrollbar{display:none}.blog-tag-pill{flex-shrink:0;padding:.4rem .85rem;font-size:.8rem}.blog-search-wrapper{max-width:none}.blog-bento-section{padding:0 1.25rem 5rem}.blog-bento-grid{gap:16px}.bento-card{border-radius:12px}.bento-featured .bento-image-wrapper,.bento-secondary .bento-image-wrapper{height:240px;min-height:0}.bento-content,.bento-featured .bento-content{padding:1.5rem}.bento-featured h3{margin-bottom:1rem;font-size:clamp(1.7rem,8vw,2.15rem)}.bento-secondary h3{font-size:1.35rem}.bento-category-tag{margin-bottom:1rem;font-size:.78rem}.bento-card p{margin-bottom:1.5rem;font-size:1rem}.bento-meta{flex-wrap:wrap;row-gap:.25rem;margin-bottom:1.5rem}.bento-footer{padding-top:1rem}}@media (max-width:480px){.blog-hero{min-height:36vh;padding:5rem 1rem 2.25rem}.blog-hero-title{letter-spacing:-.06em;font-size:min(13vw,3.35rem);line-height:.9}.blog-hero-subtitle{max-width:21rem;font-size:.92rem;line-height:1.55}.blog-controls-section{padding:0 1rem 1.5rem}.blog-bento-section{padding:0 1rem 4rem}.bento-featured .bento-image-wrapper,.bento-secondary .bento-image-wrapper{height:210px}.bento-content,.bento-featured .bento-content{padding:1.25rem}.bento-featured h3{font-size:1.55rem}.bento-secondary h3{font-size:1.25rem;line-height:1.25}.bento-card p,.bento-read-btn{font-size:.95rem}}@media (hover:none){.bento-glow{display:none}.bento-card:hover .bento-img{filter:grayscale()contrast(1.2);transform:none}.bento-card:hover .bento-read-btn{gap:.5rem}}