:root{--font-serif:"Playfair Display", Georgia, serif;--font-handwritten:"Caveat", cursive;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif}.blog-hero-section{min-height:100vh;font-family:var(--font-sans);--blog-hero-text:var(--color-text);--blog-hero-text-muted:var(--color-text-dim);--blog-hero-accent:var(--primary-color);--blog-hero-accent-light:var(--accent-glow);--blog-hero-btn-bg:var(--color-text);--blog-hero-btn-text:var(--color-background);--blog-hero-border-subtle:var(--color-border);--blog-hero-glass-bg:var(--color-card-bg);--blog-hero-glass-border:var(--color-border);--blog-secondary-btn-bg:#ffffff0a;--blog-secondary-btn-border:#ffffff26;--blog-secondary-btn-text:var(--blog-hero-text);--blog-secondary-btn-bg-hover:#ffffff1f;--blog-secondary-btn-border-hover:#ffffff52;--blog-secondary-btn-text-hover:#fff;--blog-hero-mask:linear-gradient(to right, #000 0%, #000 28%, #000000d9 40%, #00000026 55%, #0000 65%);color:var(--blog-hero-text);background-image:var(--blog-hero-mask), var(--blog-hero-bg-desktop);background-position:80%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;padding:8rem 2rem 6.5rem;transition:background-image .3s;display:flex;position:relative;overflow:hidden}[data-theme=light] .blog-hero-section{--blog-hero-mask:linear-gradient(to right, #faf8f6 0%, #faf8f6 28%, #faf8f6d9 40%, #faf8f626 55%, #faf8f600 65%);--blog-secondary-btn-bg:#0000000a;--blog-secondary-btn-border:#0000001f;--blog-secondary-btn-text:var(--color-text);--blog-secondary-btn-bg-hover:#000000e6;--blog-secondary-btn-border-hover:#000000e6;--blog-secondary-btn-text-hover:#fff}.blog-hero-container{z-index:10;width:100%;max-width:82rem;margin:0 auto;position:relative}.blog-hero-content-wrapper{flex-direction:column;align-items:flex-start;gap:2rem;width:100%;max-width:44rem;display:flex}@media (max-width:1024px){.blog-hero-content-wrapper{text-align:center;align-items:center;max-width:100%}}.blog-badge-wrapper{color:var(--blog-hero-accent);align-items:center;gap:.5rem;padding:.4rem 1.2rem;display:inline-flex;position:relative}.blog-handwritten-badge{font-family:var(--font-handwritten);letter-spacing:.02em;font-size:clamp(1.15rem,2.2vw,1.6rem);font-weight:600;line-height:1}.badge-heart-icon{width:1.1rem;height:1.1rem;color:var(--blog-hero-accent);flex-shrink:0;transform:rotate(5deg)}.badge-underline{width:calc(100% - 2rem);height:8px;color:var(--blog-hero-accent-light);opacity:.65;pointer-events:none;position:absolute;bottom:-3px;left:1rem}.blog-hero-main-title{font-family:var(--font-body);letter-spacing:-.02em;color:var(--blog-hero-text);margin:0;font-size:clamp(3.2rem,5.5vw,5.5rem);font-weight:850;line-height:1.05}.cursive-highlight{font-family:var(--font-handwritten);color:var(--blog-hero-accent);margin-left:.25rem;font-size:clamp(4rem,7vw,7rem);font-style:italic;font-weight:700;line-height:.75;display:inline-block;position:relative}.blog-hero-main-desc{max-width:32rem;color:var(--blog-hero-text-muted);margin:.5rem 0;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:500;line-height:1.65}.highlight-text-words{color:var(--blog-hero-accent);font-weight:700;display:inline-block;position:relative}.words-underline{width:100%;height:8px;color:var(--blog-hero-accent-light);opacity:.6;pointer-events:none;position:absolute;bottom:-4px;left:0}.blog-hero-main-actions{align-items:center;gap:1.25rem;margin-top:.5rem;display:flex}@media (max-width:640px){.blog-hero-main-actions{gap:.75rem;width:100%;max-width:34rem}}.blog-primary-btn,.blog-secondary-btn{letter-spacing:-.015em;text-transform:none;cursor:pointer;height:2.875rem;font-size:.9375rem;font-weight:600;font-family:var(--font-satoshi);box-sizing:border-box;border-radius:9999px;justify-content:center;align-items:center;gap:.625rem;padding:0 1.875rem;transition:background-color .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}@media (max-width:640px){.blog-primary-btn,.blog-secondary-btn{white-space:nowrap;flex:1 1 0;width:auto;min-width:0;padding:0 1rem;font-size:.84rem}}.blog-primary-btn{background-color:var(--blog-hero-accent);color:#0b0f11;border:1px solid #00000014}.blog-primary-btn:hover{background-color:color-mix(in srgb, var(--blog-hero-accent) 88%, #000);border-color:#00000026;transform:translateY(-2px)}.blog-primary-btn:active{background-color:color-mix(in srgb, var(--blog-hero-accent) 75%, #000);transform:translateY(0)}.btn-arrow-icon{transition:transform .2s cubic-bezier(.16,1,.3,1)}.blog-primary-btn:hover .btn-arrow-icon{transform:translate(4px)}.blog-secondary-btn{background-color:var(--blog-secondary-btn-bg);color:var(--blog-secondary-btn-text);border:1px solid var(--blog-secondary-btn-border)}.blog-secondary-btn:hover{background-color:var(--blog-secondary-btn-bg-hover);border-color:var(--blog-secondary-btn-border-hover);color:var(--blog-secondary-btn-text-hover);transform:translateY(-2px)}.blog-secondary-btn:active{background-color:#ffffff05;transform:translateY(0)}.btn-pen-icon{transition:transform .2s cubic-bezier(.16,1,.3,1)}.blog-secondary-btn:hover .btn-pen-icon{transform:rotate(-10deg)translate(1px,-1px)}.blog-hero-ticker{border-top:1px solid var(--blog-hero-glass-border);background-color:var(--blog-hero-glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:15;width:100%;padding:.9rem 0;position:absolute;bottom:0;left:0;overflow:hidden}.blog-ticker-track{width:max-content;display:flex;overflow:hidden}.blog-ticker-content{flex-shrink:0;animation:45s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.blog-ticker-item{align-items:center;gap:.6rem;margin:0 2rem;display:flex}.blog-ticker-icon{color:var(--blog-hero-accent)}.blog-ticker-title{text-transform:uppercase;letter-spacing:.25em;color:var(--blog-hero-text);font-size:.75rem;font-weight:800}.blog-ticker-tag{color:var(--blog-hero-accent-light);font-size:.75rem;font-weight:600}.blog-scroll-indicator{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:4.8rem;left:50%;transform:translate(-50%)}.blog-scroll-text{text-transform:uppercase;letter-spacing:.35em;color:var(--blog-hero-text-muted);font-size:.55rem;font-weight:800}.blog-scroll-line{background:linear-gradient(to bottom, var(--blog-hero-text-muted), transparent);width:1.5px;height:1.8rem}@media (max-width:1024px){.blog-hero-section{--blog-hero-mask:linear-gradient(to bottom, #000000f2 0%, #000000e0 60%, #00000080 100%);background-position:72%;padding:8rem 1.5rem 6.5rem}[data-theme=light] .blog-hero-section{--blog-hero-mask:linear-gradient(to bottom, #faf8f6f2 0%, #faf8f6e0 60%, #faf8f680 100%)}.blog-scroll-indicator{display:none}}@media (max-width:768px){.blog-hero-section{background-image:var(--blog-hero-mask), var(--blog-hero-bg-mobile);background-position:50%}}@media (max-width:640px){.blog-hero-section{background-position:50%}}
.spotlight-section{color:#fafafa;max-width:80rem;margin:0 auto;padding:8rem 1.5rem}.spotlight-header{border-bottom:1px solid #18181b;flex-direction:column;gap:1.5rem;margin-bottom:4rem;padding-bottom:3rem;display:flex}@media (min-width:768px){.spotlight-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.spotlight-title-group{flex-direction:column;gap:1rem;display:flex}.spotlight-label-group{align-items:center;gap:.75rem;display:flex}.label-line{background-color:#27272a;width:2rem;height:1px}.label-text{text-transform:uppercase;letter-spacing:.4em;color:#71717a;font-size:10px;font-weight:900}.spotlight-main-title{letter-spacing:-.05em;color:#fff;margin:0;font-size:3rem;font-weight:900;line-height:1}@media (min-width:640px){.spotlight-main-title{font-size:4.5rem}}.text-highlight{color:#3f3f46}.view-all-btn{color:#71717a;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:11px;font-weight:900;transition:color .2s;display:flex}.view-all-btn:hover{color:#fff}.spotlight-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.spotlight-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.spotlight-grid{grid-template-rows:repeat(3,minmax(220px,auto));grid-template-columns:repeat(3,1fr);height:700px}}.contest-card-container{cursor:pointer;background-color:#18181b;border-radius:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contest-card-container:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0006}.lg\:col-span-2{grid-column:span 2}.lg\:row-span-2{grid-row:span 2}.lg\:col-span-1{grid-column:span 1}.lg\:row-span-1{grid-row:span 1}.featured-card{min-height:400px}.contest-card-inner{flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:300px;padding:1.5rem;display:flex;position:relative}@media (min-width:640px){.contest-card-inner{min-height:350px;padding:2rem}}@media (min-width:1024px){.contest-card-inner{min-height:400px;padding:2.5rem}}.contest-bg-image{object-fit:cover;filter:brightness(.6)blur(.5px);width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.contest-card-container:hover .contest-bg-image{filter:brightness(.7)blur();transform:scale(1.05)}.contest-overlay{opacity:.9;background:linear-gradient(#0000001a 0%,#0006 50%,#000000d9 100%);position:absolute;inset:0}.contest-content{z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.contest-badge{-webkit-backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.1em;color:#fff;background-color:#00000080;border:1px solid #ffffff40;border-radius:.375rem;align-self:flex-start;margin-bottom:auto;padding:.375rem .75rem;font-size:9px;font-weight:700;display:inline-block}.contest-content-bottom{flex-direction:column;gap:1.25rem;width:100%;display:flex}.contest-title{color:#fff;letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}.contest-title.large{font-size:2rem}@media (min-width:640px){.contest-title.large{font-size:2.5rem}}@media (min-width:1024px){.contest-title.large{font-size:3rem}}.contest-title.medium{font-size:1.5rem}@media (min-width:640px){.contest-title.medium{font-size:1.75rem}}.contest-details{opacity:1;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex;transform:translateY(0)}.detail-group{flex:1;gap:2rem;min-width:0;display:flex}.detail-item{min-width:0}.detail-label{text-transform:uppercase;letter-spacing:.1em;color:#a1a1aa;white-space:nowrap;margin:0 0 .25rem;font-size:9px;font-weight:700}.detail-value{color:#fff;white-space:nowrap;margin:0;font-size:.875rem;font-weight:700;line-height:1.3}.enter-btn{color:#09090b;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;height:2.5rem;font-size:10px;font-weight:700;font-family:var(--font-body);background-color:#fff;border:none;border-radius:2rem;flex-shrink:0;align-items:center;gap:.5rem;padding:0 1.5rem;transition:all .2s;display:flex}.enter-btn:hover{background-color:#f4f4f5;transform:translate(2px)}.enter-btn:active{transform:translate(0)}
.featured-articles-section{background-color:var(--color-background);padding:4rem 1.5rem 1.5rem;overflow:hidden}@media (min-width:1024px){.featured-articles-section{padding:6rem 1.5rem 2rem}}.featured-articles-container{max-width:80rem;margin:0 auto}.featured-header{font-family:var(--font-heading);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;display:flex}@media (min-width:768px){.featured-header{flex-direction:row;align-items:flex-end;margin-bottom:5rem}}.featured-eyebrow{text-transform:uppercase;letter-spacing:.4em;color:var(--blog-text-muted);margin-bottom:.5rem;font-size:10px;font-weight:800;display:block}.featured-main-title{letter-spacing:-.03em;color:var(--color-text);margin:0;font-size:clamp(2.2rem,5vw,3.25rem);font-weight:800;line-height:1.15}.title-dim{color:#00f0ff}.view-archive-btn{border:none;border-bottom:1px solid var(--blog-border-subtle);text-transform:uppercase;letter-spacing:.1em;color:var(--blog-text-muted);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:0 0 .5rem;font-size:.875rem;font-weight:700;transition:all .3s;display:flex}.view-archive-btn:hover{color:var(--color-text);border-color:var(--primary-color)}.archive-icon{transition:transform .3s}.view-archive-btn:hover .archive-icon{transform:translate(2px,-2px)}.featured-grid{grid-template-columns:1fr;gap:24px;width:100%;display:grid}@media (min-width:768px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.featured-grid{grid-template-columns:repeat(12,1fr)}}.featured-card{cursor:pointer;grid-column:span 1;position:relative;overflow:hidden}@media (min-width:1024px){.size-small{grid-column:span 5}.size-large{grid-column:span 7}}.featured-card .card-inner{height:100%}.card-image-wrapper{aspect-ratio:16/10;background-color:var(--color-card-bg);height:100%;min-height:280px;max-height:420px;position:relative;overflow:hidden}@media (min-width:768px){.card-image-wrapper{aspect-ratio:auto}}.featured-post-image{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:all .7s cubic-bezier(.16,1,.3,1)}.featured-card:hover .featured-post-image{filter:grayscale(0%);transform:scale(1.05)}.card-overlay{opacity:.6;background:linear-gradient(#0000,#000000d9);transition:opacity .3s;position:absolute;inset:0}.featured-card:hover .card-overlay{opacity:.4}.card-category-badge{z-index:10;position:absolute;top:1.25rem;left:1.25rem}.category-text{background-color:var(--color-card-bg);color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;padding:.3rem .6rem;font-size:9px;font-weight:900;display:inline-block}@media (min-width:768px){.card-category-badge{top:1.5rem;left:1.5rem}.category-text{padding:.35rem .8rem;font-size:10px}}.card-bottom-content{z-index:10;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}@media (min-width:768px){.card-bottom-content{bottom:2rem;left:2rem;right:2rem}}.post-date{text-transform:uppercase;letter-spacing:.15rem;color:#fff;margin-bottom:.35rem;font-size:9px;font-weight:700}@media (min-width:768px){.post-date{letter-spacing:.2rem;color:#fff;margin-bottom:.5rem;font-size:10px}}.post-title{font-size:var(--text-card);color:#fff;letter-spacing:-.02em;max-width:100%;margin:0;font-weight:700;line-height:1.2}[data-theme=light] .featured-articles-section{background-color:var(--color-background)}[data-theme=light] .view-archive-btn:hover{color:var(--primary-color)}[data-theme=light] .card-image-wrapper{box-shadow:var(--blog-card-shadow)}[data-theme=light] .category-text{border:1px solid var(--blog-border-subtle)}@media (min-width:1024px){.post-title{max-width:25rem;font-size:clamp(1.5rem,3vw,2rem)}}
.filter-nav-section{z-index:10;width:100%;padding:0 0 2rem;position:relative}.filter-nav-container{width:100%;padding:0}.filter-wrapper{align-items:center;display:flex;position:relative}.filter-scroll-container{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;align-items:center;width:100%;display:flex;overflow-x:auto}.filter-scroll-container::-webkit-scrollbar{display:none}.filter-scroll-container .filter-list{gap:.75rem;padding:0;display:flex}.filter-btn{white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;color:var(--color-text);opacity:.6;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;padding:.65rem 1.35rem;font-size:.78rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}[data-theme=light] .filter-btn{color:var(--color-text);background:#00000008;border-color:#0000000f}.filter-btn:hover{color:var(--color-text);opacity:1;background-color:#ffffff14;border-color:#ffffff40}[data-theme=light] .filter-btn:hover{background-color:#0000000f;border-color:#00000026}.filter-btn.active{color:#000;opacity:1;background-color:#fff;border-color:#fff;font-weight:700;box-shadow:0 4px 15px #0003}[data-theme=light] .filter-btn.active{color:#fff;background-color:#000;border-color:#000;box-shadow:0 4px 12px #0000001a}.filter-btn:active{transform:scale(.96)}.nav-arrow{display:none}@media (max-width:768px){.filter-wrapper{flex-direction:column;align-items:flex-start;gap:1rem}.mobile-nav-controls{gap:.5rem;margin-left:0;display:flex}.filter-scroll-container{justify-content:flex-start;width:100%;padding:0}.filter-nav-section{padding:.75rem 0}.filter-btn{padding:.5rem 1rem;font-size:.75rem}.nav-arrow{background-color:color-mix(in srgb, var(--color-card-bg) 84%, transparent);border:1px solid var(--blog-border-subtle);width:2rem;height:2rem;color:var(--color-text);opacity:.6;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-arrow:hover{color:var(--color-text);background-color:color-mix(in srgb, var(--color-text) 8%, var(--color-card-bg));opacity:1}}.sort-dropdown-container{flex-shrink:0;margin-left:1.5rem;position:relative}.sort-trigger{cursor:pointer;color:var(--color-text);font-size:.82rem;font-family:var(--font-body), sans-serif;background:0 0;border:none;align-items:center;gap:.4rem;padding:.5rem 0;transition:opacity .2s;display:flex}.sort-trigger:hover{opacity:.85}.sort-label{opacity:.8;font-weight:400}.sort-value{font-weight:700}.sort-icon{opacity:.8;transition:transform .2s}.sort-icon.open{transform:rotate(180deg)}.sort-menu{z-index:100;-webkit-backdrop-filter:blur(10px);background:#121212f2;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:.2rem;min-width:125px;padding:.4rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 25px #00000080}[data-theme=light] .sort-menu{background:#fffffff2;border-color:#0000001a;box-shadow:0 10px 25px #00000014}.sort-option-btn{cursor:pointer;text-align:left;color:var(--color-text);background:0 0;border:none;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.78rem;font-weight:500;transition:all .2s}.sort-option-btn:hover{background:#ffffff14}[data-theme=light] .sort-option-btn:hover{background:#0000000a}.sort-option-btn.active{background:#ffffff1a;font-weight:700}[data-theme=light] .sort-option-btn.active{background:#0000000f}@media (max-width:768px){.sort-dropdown-container{margin-top:.5rem;margin-left:0}}