:root{--j-red: #e60000;--j-black: #050505;--j-white: #ffffff;--j-dark-gray: #1a1a1a;--j-mid-gray: #86868b;--j-light-gray: #f5f5f7}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.cinematic-intro{padding:8rem 0 4rem}.intro-heading{padding:0 10vw;margin-bottom:6rem;display:grid;grid-template-columns:1fr 2.5fr;gap:2rem;align-items:start}.title-left{font-size:1.4rem;font-weight:500;color:var(--j-black);margin:0;letter-spacing:-.02em}.title-right{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500;line-height:1.25;letter-spacing:-.03em;color:var(--j-black);margin:0;max-width:900px}.intro-hero-image-monolith{width:100%;height:65vh;background:linear-gradient(135deg,#2a2a2acc,#111111e6),url(/images/pages/about/about-hero.webp);background-size:cover;background-position:center;position:relative;margin-bottom:6rem}.intro-description{padding:0 10vw;display:grid;grid-template-columns:1fr 1fr;gap:6rem;max-width:1400px;margin:0 auto 6rem}.desc-column h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--j-dark-gray)}.desc-column p{color:var(--j-mid-gray);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.desc-column strong{color:var(--j-dark-gray)}.company-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:1400px;margin:-2rem auto 5rem;padding:0 10vw}.company-facts div{min-width:0;padding:1.5rem 1rem;border-left:1px solid #e5e5e5}.company-facts div:last-child{border-right:1px solid #e5e5e5}.company-facts strong{display:block;color:var(--j-red);font-size:clamp(1.35rem,2vw,2rem);line-height:1.1}.company-facts span{display:block;margin-top:.55rem;color:var(--j-mid-gray);font-size:.78rem;line-height:1.4}.features-row{padding:0 10vw 8rem 10vw;display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;max-width:1400px;margin:0 auto;border-top:1px solid #eeeeee;padding-top:4rem}.feature-item{cursor:default;transition:transform .5s cubic-bezier(.16,1,.3,1);padding:20px 0}.feature-item:hover{transform:translateY(-8px)}.feature-icon{color:var(--j-red);margin-bottom:1.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1)}.feature-item:hover .feature-icon{transform:scale(1.15) rotate(5deg)}.feature-item h3{font-size:1.2rem;margin-bottom:.5rem;transition:color .3s}.feature-item p{font-size:.95rem;color:var(--j-mid-gray)}.feature-item:hover h3{color:var(--j-red)}.dark-manifesto{background-color:var(--j-black);color:var(--j-white);padding:10rem 10vw;text-align:center}.manifesto-quote{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:3rem;text-transform:uppercase}.manifesto-quote span{color:var(--j-red)}.manifesto-desc{max-width:900px;margin:0 auto 4rem;color:#aaa;font-size:1.1rem;line-height:1.8}.manifesto-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:1200px;margin:0 auto 5rem;background:#ffffff26}.manifesto-point{min-height:230px;padding:2.5rem;text-align:left;background:#0b0c0e}.manifesto-point span{color:var(--j-red);font-family:monospace;font-size:.85rem;letter-spacing:.14em}.manifesto-point h3{margin:1.5rem 0 .8rem;font-size:1.35rem}.manifesto-point p{color:#aaa;font-size:.95rem;line-height:1.75}.factory-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery-img{aspect-ratio:16 / 9;background-color:#1a1a1a;display:flex;align-items:flex-end;padding:2.5rem;position:relative;overflow:hidden;cursor:pointer}.gallery-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.2s cubic-bezier(.16,1,.3,1);z-index:0}.gallery-img:nth-child(1) .gallery-bg{background-image:url(/images/pages/about/about-factory-1.webp)}.gallery-img:nth-child(2) .gallery-bg{background-image:url(/images/pages/about/about-factory-2.webp)}.gallery-img:hover .gallery-bg{transform:scale(1.08)}.gallery-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent 60%);z-index:1}.gallery-text{position:relative;z-index:2;text-align:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.gallery-img:hover .gallery-text{transform:translateY(-8px)}.gallery-text h4{font-size:1.5rem;margin-bottom:.5rem}.gallery-text p{color:#aaa;transition:color .3s}.gallery-img:hover .gallery-text p{color:#fff}.advantage-breakout{position:relative;background:url(/images/pages/about/about-machinery.webp) center/cover;padding:8rem 10vw 16rem 10vw;color:var(--j-white);text-align:center}.advantage-breakout:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#050505d9}.advantage-content{position:relative;z-index:1}.advantage-content h2{font-size:3rem;margin-bottom:1rem}.advantage-content p{color:#ccc;max-width:700px;margin:0 auto}.red-blocks{display:flex;gap:24px;max-width:1200px;margin:0 auto;position:relative;z-index:10;margin-top:6rem;margin-bottom:-22rem}.red-block{flex:1;background-color:var(--j-red);color:var(--j-white);padding:4rem;text-align:left;position:relative;overflow:hidden;cursor:pointer;transition:all .6s cubic-bezier(.16,1,.3,1)}.red-block:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .6s ease}.red-block:hover{transform:translateY(-15px);box-shadow:0 25px 50px #e6000066}.red-block:hover:before{opacity:1}.block-num{font-family:monospace;font-size:4rem;font-weight:800;opacity:.2;margin-bottom:1rem;line-height:1;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative}.red-block:hover .block-num{transform:scale(1.1) translate(-10px,-10px);opacity:.4}.red-block h3,.red-block p{position:relative;z-index:2}.red-block h3{font-size:1.8rem;margin-bottom:1rem}.red-block p{opacity:.9;font-size:1rem;line-height:1.6}.red-block ul{position:relative;z-index:2;margin:1.5rem 0 0;padding:1.5rem 0 0;border-top:1px solid rgba(255,255,255,.28);list-style:none}.red-block li{position:relative;margin-top:.65rem;padding-left:1rem;font-size:.92rem;line-height:1.55}.red-block li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;background:#fff}.future-vision{padding:26rem 10vw 10rem 10vw;background-color:var(--j-light-gray);display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:center}.future-text h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:2rem;letter-spacing:-.02em;color:var(--j-dark-gray);position:relative}.future-text h2:before{content:"";display:block;width:40px;height:4px;background-color:var(--j-red);margin-bottom:1.5rem}.future-text p{color:var(--j-mid-gray);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.future-image-container{width:100%;aspect-ratio:16 / 10;background:url(/images/pages/about/about-future.webp) center/cover;position:relative;overflow:hidden;filter:grayscale(100%) contrast(110%);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter 1s ease;will-change:transform,opacity;backface-visibility:hidden}.future-vision:hover .future-image-container{filter:grayscale(0%) contrast(100%)}@media (max-width: 1024px){.intro-heading{grid-template-columns:1fr;gap:1rem}.title-right{font-size:1.8rem}.intro-hero-image-monolith{height:400px}.intro-description{grid-template-columns:1fr;gap:2rem}.company-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-3rem;padding:0 6vw}.company-facts div:nth-child(2n){border-right:1px solid #e5e5e5}.features-row,.manifesto-points,.factory-gallery{grid-template-columns:1fr}.red-blocks{flex-direction:column;margin-bottom:-15rem}.future-vision{grid-template-columns:1fr;padding-top:20rem;gap:4rem}}