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