:root{--home-text:#1a1a1a;--home-accent:#29b6f6;--home-accent-hover:#c26ab3;--home-border:#e5e5e5}.dark-skin{--home-bg:#101419;--home-text:#e8e8e8;--home-accent:#29b6f6;--home-accent-hover:#f0a3e0;--home-border:#2a2f38}.homepage-container{height:auto;max-width:1200px;margin:0 auto;padding:0;display:grid;gap:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.homepage-container img{max-width:100%}.homepage-container a{text-decoration:none;color:#000}.dark-skin .homepage-container a{text-decoration:none;color:#fff}.dark-skin .homepage-container{background:#101419}.page-template-new-homepage .site-footer{margin-top:0!important;padding-top:40px!important}.slide-happening{display:grid;grid-template-columns:1fr;gap:20px;grid-template-areas:"slider" "happening"}.home-divider{max-width:1200px;padding:0 20px}.section-header{font-size:42px;font-style:italic;margin:10px 0}.dark-skin .homepage-container h2{color:#fff}.homepage-haunt{grid-area:slider;position:relative;overflow:hidden}.haunt-card{max-width:800px;box-sizing:border-box;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px;margin:0 auto;color:#333;font-family:'Courier Prime',monospace;border:1px solid var(--home-border);box-shadow:0 4px 15px rgb(0 0 0 / .06)}.haunt-card h2{margin:0 auto 10px;font-size:36px}.dark-skin .haunt-card h2:hover{text-decoration:underline;color:#29b6f6}.dark-skin .haunt-card{color:#d4d4d4;box-shadow:0 0 10px rgb(0 0 0 / .3),0 0 10px rgb(0 0 0 / .15);border:0}.dark-skin .haunt-card{background-color:rgb(26 32 40 / .2)}.haunt-image-wrapper{position:relative;width:100%;height:auto;margin-bottom:25px}.haunt-feature-image{width:100%;height:100%;object-fit:cover;filter:grayscale(40%) contrast(120%) sepia(20%)}.haunt-badge{position:absolute;top:-15px;left:-15px;z-index:10;background-color:#29b6f6;color:#fff;font-weight:700;font-size:16px;letter-spacing:2px;padding:8px 16px;transform:rotate(-3deg);box-shadow:3px 3px 8px rgb(0 0 0 / .6);border:1px dashed rgb(255 255 255 / .3)}.haunt-content-box{text-align:center;max-width:650px}.haunt-description{font-size:15px;line-height:1.6;color:#333;margin:0 0 20px 0}.dark-skin .haunt-description{color:#a0a0a0}.haunt-read-more{display:inline-block;color:#333;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;transition:all 0.3s ease;border-bottom:1px solid #fff0;padding-bottom:2px}.dark-skin .haunt-read-more{color:#fff}.haunt-read-more:hover{border-bottom:1px solid #29b6f6}.dark-skin .haunt-read-more:hover{border-bottom:1px solid #29b6f6;text-shadow:0 0 5px rgb(255 51 51 / .5)}.homepage-happening{grid-area:happening;padding:20px;flex:0 0 28%;background:var(--home-bg);border:1px solid var(--home-border);border-radius:2px;padding:30px 28px;display:flex;flex-direction:column;box-shadow:0 4px 15px rgb(0 0 0 / .06)}.dark-skin .homepage-happening{box-shadow:0 4px 15px rgb(0 0 0 / .3)}.happening-header{font-size:1.35rem;margin:0 0 24px 0;padding-bottom:12px;border-bottom:2px solid var(--home-accent);color:var(--home-accent);font-weight:700;letter-spacing:-.02em}.hap-item{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--home-border)}.hap-item a,.dark-skin .hap-item a{text-decoration:underline}.hap-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.hap-item h3{margin:0 0 8px 0;font-size:1.2rem;line-height:1.35;font-weight:600}.dark-skin .hap-item h3{color:#fff}.hap-meta{font-size:.9rem;color:#777;display:flex;align-items:center;gap:8px}.dark-skin .hap-meta{color:#aaa}.hap-meta .hap-source{font-style:italic;color:#29b6f6}.hap-item h3:hover{color:var(--home-accent)}.homepage-latest{display:grid;grid-template-columns:1fr;gap:20px;grid-template-areas:"latest-content" "micro"}.timeline{position:relative;padding-left:38px}.timeline::before{content:'';position:absolute;left:11px;top:8px;bottom:8px;width:3px;background:var(--home-border);border-radius:9999px}.dark-skin .timeline::before{background:#2a2f38}.timeline-item{position:relative;margin-bottom:42px}.timeline-item a,.dark-skin .timeline-item a{text-decoration:underline}.timeline-content{margin-left:20px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-27px;top:4px;width:18px;height:18px;background:var(--home-bg);border:3px solid var(--home-accent);border-radius:50%;z-index:2;transition:all 0.3s ease}.timeline-item:hover .timeline-dot{background:var(--home-accent);transform:scale(1.15)}.timeline-content h3{margin:0 0 6px 0;font-size:1.2rem;line-height:1.35;font-weight:600}.dark-skin .timeline-content h3{color:#fff}.timeline-content-meta{display:flex;align-items:center;gap:14px;margin-bottom:8px;font-size:.9rem}.timeline-desc{color:var(--home-text)}.dark-skin .timeline-desc{color:rgb(255 255 255 / .5)}.timeline-category{background:var(--home-accent);color:#fff;padding:2px 10px;border-radius:9999px;font-size:.78rem;font-weight:500;letter-spacing:.3px}.timeline-date{color:#777;font-weight:500}.dark-skin .timeline-date{color:#aaa}.microblog h2,.latest-content h2{margin:20px 0}.microblog-feed{display:flex;flex-direction:column;gap:28px}.micro-item{background:var(--home-bg);border:1px solid var(--home-border);border-radius:2px;padding:26px 28px;position:relative;transition:all 0.3s ease}.micro-item a{text-decoration:underline;color:#FF5216}.dark-skin .micro-item a{color:#FF8E67!important}.dark-skin .micro-item a:hover{color:#29b6f6!important}.dark-skin .micro-item{background:#1a2028}.micro-item:hover{border-color:var(--home-accent);transform:translateY(-3px);box-shadow:0 8px 25px rgb(0 0 0 / .08)}.snippet{font-size:1.05rem;line-height:1.55;margin:0 0 16px 0;font-style:italic;color:var(--home-text)}.micro-date{font-size:.86rem;color:#777;font-weight:500}.dark-skin .micro-date{color:#aaa}.static-section{max-width:1200px;margin:0 auto;padding:60px 20px;background:var(--home-bg);color:var(--home-text)}.subtitle{color:#777;font-size:1.05rem;margin:0}.dark-skin .subtitle{color:#aaa}.static-flex{display:flex;gap:36px}.main-video{flex:0 0 68%}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:2px;background:#000;box-shadow:0 10px 30px rgb(0 0 0 / .15)}.dark-skin .video-wrapper{box-shadow:0 10px 30px rgb(0 0 0 / .5)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-playlist{flex:1;display:flex;flex-direction:column;gap:14px}.playlist-item{display:flex;gap:14px;padding:10px;border-radius:2px;cursor:pointer;transition:all 0.25s ease;background:var(--home-bg);border:1px solid #fff0}.playlist-item:hover,.playlist-item.active{background:#29b6f6;color:#fff;border-color:#29b6f6}.playlist-item:hover .video-duration,.playlist-item.active .video-duration{color:rgb(255 255 255 / .85)}.playlist-thumb{width:120px;flex-shrink:0;border-radius:6px;overflow:hidden}.playlist-thumb img{width:100%;height:100%;object-fit:cover;display:block}.playlist-info{flex:1;display:flex;flex-direction:column;justify-content:center}.playlist-info h4{margin:0 0 6px 0;font-size:1.02rem;line-height:1.35}.dark-skin .playlist-info h4{color:#fff}.video-duration{font-size:.85rem;color:#666;font-family:monospace}.dark-skin .video-duration{color:#999}@media (max-width:1020px){.static-flex{flex-direction:column}.main-video{flex:none}}.topic-badge{position:absolute;top:-15px;left:-15px;z-index:10;color:#fff;font-weight:700;font-size:16px;letter-spacing:2px;padding:8px 16px;transform:rotate(-3deg);box-shadow:3px 3px 8px rgb(0 0 0 / .6);border:1px dashed rgb(255 255 255 / .3)}.blue-ribbon{background-color:#29b6f6}.orange-ribbon{background-color:#FF8E67}.yellow-ribbon{background-color:#FFBC67}.green-ribbon{background-color:#9FE55C}.topic-card{background:var(--home-bg);border-radius:2px;height:100%;display:flex;flex-direction:column;transition:all 2s ease;filter:contrast(1) saturate(1)}.dark-skin .topic-card{box-shadow:0 5px 5px rgb(0 0 0 / .35)}.topic-card:hover{box-shadow:0 20px 40px rgb(0 0 0 / .15);border-color:var(--home-accent);filter:contrast(1) saturate(0)}.topic-card:hover .view-topic{color:#29b6f6}.topic-image{position:relative;height:220px;overflow:hidden;z-index:1}.topic-image img{width:100%;height:100%;object-fit:cover;transition:transform 2s ease;filter:grayscale(40%) contrast(120%) sepia(20%)}.topic-card:hover .topic-image img{transform:scale(1.02)}.image-overlay{position:absolute;inset:0;background:linear-gradient(rgb(0 0 0 / .25),rgb(40 20 50 / .35));mix-blend-mode:multiply;opacity:.85;transition:opacity 0.4s ease}.topic-card:hover .image-overlay{opacity:.65}.topic-image::after{content:'';position:absolute;inset:0;background:url(https://assets.codepen.io/13471/noise.png);opacity:.12;mix-blend-mode:overlay;pointer-events:none}.topic-body{padding:26px 28px 28px;flex:1;display:flex;flex-direction:column}.topic-body h3{margin:0 0 12px 0;font-size:1.35rem;font-weight:600;color:var(--home-text);line-height:1.2}.topic-body p{flex:1;margin:0 0 20px 0;line-height:1.55;color:#555;font-size:1.02rem}.dark-skin .topic-body p{color:#bbb}.view-topic{align-self:flex-end;color:var(--home-accent);font-weight:600;text-decoration:none;font-size:.95rem;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px}.view-topic:hover{gap:10px}.hero-statement{max-width:1200px;margin:40px auto 0;padding:0 20px;text-align:center}.tagline{font-size:1.35rem;color:#333;margin:0 0 16px 0;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.95}.dark-skin .tagline{color:var(--home-accent)}.subtle-desc{font-size:1.1rem;max-width:620px;margin:0 auto;line-height:1.6;color:var(--home-text);font-style:italic;opacity:.85}.dark-skin .subtle-desc{color:#ddd}.subtler-desc{font-size:1rem;max-width:520px;margin:10px auto 25px;line-height:1.6;color:var(--home-text);opacity:.85}.dark-skin .subtler-desc{color:#ddd}.hero-statement::before,.hero-statement::after{content:'';display:block;width:80px;height:1px;background:#333;margin:0 auto 22px;opacity:.4}.dark-skin .hero-statement::before,.dark-skin .hero-statement::after{background:var(--home-accent)}.hero-statement::after{margin-top:22px}.homepage-happening a,.timeline-item a{color:#000}.dark-skin .homepage-happening a,.dark-skin .timeline-item a{color:#fff}.homepage-happening a:hover,.timeline-item a:hover,.micro-blog a:hover{color:#29b6f6}.latest-content{grid-area:latest-content;padding:0 20px 20px 20px}.micro-blog{grid-area:micro;padding:0 20px 20px 20px;border-radius:8px;border:1px solid var(--border)}.homepage-static{padding:0 20px 20px 20px}.homepage-topics{display:grid;grid-template-columns:1fr;gap:20px;grid-template-areas:"topic1" "topic2" "topic3" " topic4"}.topic-one{grid-area:topic1;padding:20px}.topic-two{grid-area:topic2;padding:20px}.topic-three{grid-area:topic3;padding:20px}.topic-four{grid-area:topic4;padding:20px}.static-more{text-align:right;font-style:italic;text-decoration:underline}.static-more a:hover{color:#29b6f6;text-decoration:underline}@media (min-width:768px){.homepage-container{padding:20px}.slide-happening{grid-template-columns:2fr 1fr;grid-template-areas:"slider happening"}.homepage-latest{grid-template-columns:1fr 1fr;grid-template-areas:"latest-content micro"}.homepage-topics{grid-template-columns:1fr 1fr;grid-template-areas:"topic1 topic2" "topic3 topic4"}.haunt-image-wrapper{height:320px}}