.page{min-height:100vh;padding:8rem 4rem 4rem;max-width:1200px;margin:0 auto}.hero{position:relative;padding:4rem 0;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--color-oat-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-oat-border) 1px,transparent 1px);background-size:30px 30px;opacity:0;animation:gridFadeIn 1.5s ease forwards,gridFlow 8s linear infinite;animation-delay:.5s,2s;pointer-events:none;z-index:-1}.dark .hero:before{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)}@keyframes gridFadeIn{0%{opacity:0}to{opacity:1}}@keyframes gridFlow{0%{background-position:0 0}to{background-position:30px 30px}}.vision-section,.latest-post-section,.projects-section,.subscribe-section{opacity:0}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.section-header-left{display:flex;flex-direction:column;gap:.5rem}.section-label{font-size:.7rem;font-weight:500;letter-spacing:.15em;color:var(--color-muted);text-transform:uppercase}.dark .section-label{color:var(--color-content-tertiary)}.section-title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;color:var(--color-off-black);margin:0;letter-spacing:-.02em;line-height:1.1}.section-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:400;color:var(--color-muted);text-decoration:none;transition:color .2s ease}.section-link:hover{color:var(--color-off-black)}.section-link svg{transition:transform .2s ease}.section-link:hover svg{transform:translate(4px)}.dark .section-title{color:#f5f5f5}.dark .section-link{color:var(--color-content-tertiary)}.dark .section-link:hover{color:#f5f5f5}.latest-post-section{margin-top:6rem;margin-bottom:6rem}.latest-post-card{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-card);overflow:hidden;background-color:var(--color-warm-cream);border:1px solid var(--color-oat-border);transition:all .3s ease}.dark .latest-post-card{background-color:#1a1a1a;border-color:#2a2a2a}.latest-post-card:hover{transform:scale(1.01);border-color:var(--color-muted)}.dark .latest-post-card:hover{border-color:#444}.latest-post-image{height:300px;overflow:hidden}.latest-post-image img{width:100%;height:100%;object-fit:cover}.latest-post-content{padding:2rem}.latest-post-category{display:inline-block;padding:.3rem .75rem;background-color:var(--color-warm-cream);border:1px solid var(--color-oat-border);border-radius:var(--radius-button);font-size:.75rem;color:var(--color-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.dark .latest-post-category{background-color:#1a1a1a;border-color:#2a2a2a;color:var(--color-content-tertiary)}.latest-post-title{font-size:1.5rem;font-weight:600;color:var(--color-off-black);margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.2}.dark .latest-post-title{color:#f5f5f5}.latest-post-desc{font-size:.95rem;color:var(--color-muted);line-height:1.6;margin:0 0 1rem}.dark .latest-post-desc{color:var(--color-content-tertiary)}.latest-post-date{font-size:.85rem;color:var(--color-content-tertiary)}.dark .latest-post-date{color:#666}.projects-section{margin-top:6rem;margin-bottom:6rem}.projects-carousel{position:relative}.carousel-track{position:relative;height:420px;overflow:hidden}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(60px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.carousel-slide.active{opacity:1;transform:translate(0);pointer-events:auto}.carousel-card{display:flex;border-radius:var(--radius-card);overflow:hidden;background-color:var(--color-warm-cream);border:1px solid var(--color-oat-border);text-decoration:none;color:inherit;height:100%;transition:all .3s ease}.dark .carousel-card{background-color:#1a1a1a;border-color:#2a2a2a}.carousel-card:hover{transform:scale(1.01);border-color:var(--color-muted)}.dark .carousel-card:hover{border-color:#444}.carousel-card-image{flex:1;position:relative;overflow:hidden;min-height:0}.carousel-card-image img{width:100%;height:100%;object-fit:cover}.carousel-card-content{flex:1;padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.carousel-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.carousel-card-meta{display:flex;align-items:center;gap:.75rem}.carousel-card-category{padding:.3rem .75rem;background-color:var(--color-warm-cream);border:1px solid var(--color-oat-border);border-radius:var(--radius-button);font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.dark .carousel-card-category{background-color:#1a1a1a;border-color:#2a2a2a;color:var(--color-content-tertiary)}.carousel-card-status{width:10px;height:10px;border-radius:50%}.carousel-card-status.online{background-color:#22c55e;box-shadow:0 0 8px #22c55e80}.carousel-card-status.offline{background-color:#666}.carousel-card-status.archived{background-color:#eab308;box-shadow:0 0 8px #eab30880}.carousel-card-year{font-size:.85rem;color:#999}.dark .carousel-card-year{color:#666}.carousel-card-title{font-size:1.75rem;font-weight:600;color:var(--color-off-black);margin:0 0 1rem;letter-spacing:-.02em;line-height:1.2}.dark .carousel-card-title{color:#f5f5f5}.carousel-card-descr{font-size:.95rem;color:var(--color-muted);line-height:1.6;margin:0 0 1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dark .carousel-card-descr{color:var(--color-content-tertiary)}.carousel-card-footer{display:flex;align-items:center}.carousel-card-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:#000}.dark .carousel-card-link{color:#fff}.carousel-card-link svg{transition:transform .2s ease}.carousel-card:hover .carousel-card-link svg{transform:translate(4px)}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background-color:var(--color-oat-border);cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot.active{background-color:var(--color-off-black);width:24px;border-radius:var(--radius-button)}.dark .carousel-dot{background-color:#333}.dark .carousel-dot.active{background-color:#f5f5f5}.subscribe-section{text-align:center;max-width:600px;margin:0 auto;padding-top:2rem}.hero{text-align:center;margin-bottom:4rem}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--color-off-black);letter-spacing:-.03em;line-height:1.1;margin:0 0 1rem;display:inline-block}.hero-char{display:inline-block}.hero-subtitle{font-size:1.1rem;font-weight:400;color:var(--color-muted);letter-spacing:0;margin:0;line-height:1.6}.dark .hero-title{color:#f5f5f5}.dark .hero-subtitle{color:var(--color-content-tertiary)}.content{text-align:center;max-width:600px;margin:0 auto}.tagline{font-size:2rem;font-weight:400;color:#000;margin:0 0 2rem;line-height:1.4;opacity:0;animation:fadeIn 1s ease .5s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .tagline{color:#fff}.subscribe-form{max-width:560px;margin:0 auto;display:flex;gap:.75rem}.subscribe-input{flex:1;padding:1rem 1.5rem;border:1px solid var(--color-oat-border);border-radius:var(--radius-button);font-size:1rem;outline:none;transition:border-color .2s ease;background-color:var(--color-warm-cream);color:var(--color-off-black)}.subscribe-input:focus{border-color:var(--color-off-black)}.dark .subscribe-input{background-color:#1a1a1a;border-color:#2a2a2a;color:#f5f5f5}.dark .subscribe-input:focus{border-color:#f5f5f5}.subscribe-input::placeholder{color:var(--color-content-tertiary)}.subscribe-button{padding:1rem 2rem;border:none;border-radius:var(--radius-button);background-color:var(--color-off-black);color:#fff;font-size:.875rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.subscribe-button:hover{transform:scale(1.05)}.subscribe-button:active{transform:scale(.9)}.dark .subscribe-button{background-color:#f5f5f5;color:var(--color-off-black)}.dark .subscribe-button:hover{background-color:#fff}.vision-section{margin-top:8rem;margin-bottom:8rem;display:flex;gap:4rem}.vision-header{flex:1}.vision-label{display:block;font-size:.7rem;font-weight:500;letter-spacing:.15em;color:var(--color-muted);text-transform:uppercase;margin-bottom:1.5rem}.dark .vision-label{color:var(--color-content-tertiary)}.vision-main-title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;color:var(--color-off-black);line-height:1.1;letter-spacing:-.02em;margin:0 0 1rem}.vision-subtitle{font-size:.95rem;color:var(--color-muted);line-height:1.6;margin:0}.dark .vision-main-title{color:#f5f5f5}.dark .vision-subtitle{color:var(--color-content-tertiary)}.vision-list{flex:1;display:flex;flex-direction:column}.vision-accordion{border-bottom:1px solid var(--color-oat-border)}.dark .vision-accordion{border-bottom-color:#2a2a2a}.vision-accordion-header{display:flex;align-items:center;gap:1.5rem;width:100%;padding:1.25rem 0;background:none;border:none;cursor:pointer;text-align:left}.vision-accordion-number{font-size:.85rem;color:var(--color-content-tertiary);min-width:2rem}.dark .vision-accordion-number{color:#666}.vision-accordion-title{flex:1;font-size:1.125rem;font-weight:500;color:var(--color-off-black);letter-spacing:-.01em}.dark .vision-accordion-title{color:#f5f5f5}.vision-accordion-icon{font-size:1.5rem;color:var(--color-content-tertiary);transition:transform .3s ease}.dark .vision-accordion-icon{color:#666}.vision-accordion.open .vision-accordion-icon{transform:rotate(45deg)}.vision-accordion-content{overflow:hidden}.vision-accordion-desc{padding:0 0 1.25rem 3.5rem;font-size:.95rem;color:var(--color-muted);line-height:1.6;margin:0}.dark .vision-accordion-desc{color:var(--color-content-tertiary)}@media(max-width:768px){.page{padding:6rem 2rem 3rem}.hero{margin-bottom:3rem}.tagline{font-size:1.5rem}.subscribe-form{flex-direction:column}.subscribe-button{width:100%}.vision-section{margin-top:4rem;flex-direction:column;gap:3rem}.carousel-track{height:600px}.carousel-card{flex-direction:column}.carousel-card-image{height:250px;flex:none}.carousel-card-content{padding:1.5rem}.carousel-card-title{font-size:1.25rem}.carousel-card-descr{-webkit-line-clamp:2}}@media(max-width:480px){.page{padding:5rem 1.5rem 2rem}.tagline{font-size:1.25rem}.vision-section{margin-top:3rem;gap:3rem}.vision-letter{font-size:4rem}.vision-title{font-size:1.25rem}.vision-desc{font-size:1rem}}