/* ==========================================================================
   TRAMEI ISOLATED ABOUT - EDITORIAL MASTER (TRANSPARENCY & SCALE V2)
   ========================================================================== */

.spectacular-about-page { background-color: #fdfdfd; overflow-x: hidden; color: #333; font-family: 'Work Sans', sans-serif; }

/* Hero V2 Refinement */
.spec-hero-v2 { position: relative; padding: 120px 0 100px; background-color: #f8fafc; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }

.hero-text-block { position: relative; z-index: 2; }
.hero-text-block h1 { font-size: 72px; font-weight: 700; letter-spacing: -3px; margin-bottom: 20px; color: #6A3A9B; line-height: 1; }
.hero-text-block h1 .italic { font-family: serif; font-style: italic; color: #834fc0; font-weight: 400; }
.hero-text-block p { font-size: 20px; color: #888; max-width: 500px; line-height: 1.6; }

/* The 30% increase + Transparency trick */
.hero-img-minimalist {
    width: 85%; /* Increased from 60% (~40% area increase) */
    margin-left: auto;
}

.hero-img-editorial { 
    width: 100%; 
    height: auto; 
    border-radius: 8px; 
    mix-blend-mode: multiply; /* Makes the white background transparent against the light hero bg */
    transition: all 0.3s ease;
}

/* Manifesto & Lead */
.spec-manifesto { padding: 80px 0; }
.lead-paragraph { font-size: 26px; line-height: 1.6; color: #6A3A9B; font-weight: 300; max-width: 900px; margin: 0 auto; text-align: center; }

/* Section 2: Logo and Narrative (Increased 50%) */
.bg-soft { background-color: #f9f9f9; padding: 60px 0; }
.editorial-grid-v2 { display: grid; grid-template-columns: 200px 1fr; gap: 60px; align-items: center; } /* Wider first column for logo */
.img-accent-tiny { width: 180px !important; opacity: 0.12; filter: grayscale(1); } /* Increased from 120px (50% increase) */
.ed-text-standard h3 { font-size: 30px; margin-bottom: 15px; color: #6A3A9B; font-weight: 400; }
.ed-text-standard p { font-size: 17px; line-height: 1.8; margin-bottom: 20px; color: #555; }

/* Founders Section */
.grid-overlap { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0; align-items: center; padding: 80px 0; }
.image-box { position: relative; z-index: 2; padding-right: 40px; }
.spectacular-img { width: 100%; height: auto; border-radius: 4px; box-shadow: 0 40px 80px rgba(0,0,0,0.08); }
.floating-card { background: #fff; padding: 50px; margin-left: -100px; position: relative; z-index: 3; box-shadow: 20px 20px 80px rgba(0,0,0,0.05); border-radius: 4px; }
.floating-card h3 { font-size: 30px; margin-bottom: 20px; color: #6A3A9B; }
.floating-card p { font-size: 16px; line-height: 1.7; color: #555; margin-bottom: 12px; }

/* Final Section */
.spec-present { padding: 60px 0; }
.final-text-full { max-width: 800px; margin: 0 auto; text-align: center; }
.final-text-full h2 { font-size: 30px; margin-bottom: 25px; color: #6A3A9B; }
.final-text-full p { font-size: 17px; line-height: 1.8; color: #555; margin-bottom: 20px; }

/* Video */
.cinematic-video-box { width: 100%; aspect-ratio: 16 / 9; margin-top: 50px; box-shadow: 0 40px 100px rgba(0,0,0,0.1); border-radius: 20px; overflow: hidden; }

/* CTA */
.spec-cta { padding: 80px 0 100px; }
.spectacular-btn { display: inline-block; padding: 18px 45px; background: #834fc0 !important; color: #fff !important; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; border-radius: 100px; text-decoration: none; }

@media (max-width: 992px) {
    .editorial-grid-v2 { grid-template-columns: 1fr; text-align: center; }
    .img-accent-tiny { margin: 0 auto 20px; width: 120px !important; }
}