.about-page{--bg-deep:#0d2137;--bg-hero:#102a43;--bg-card:#0f2640;--bg-raised:#143352;--teal:#1a5276;--teal-light:#2e86c1;--teal-bright:#5dade2;--teal-glow:#2e86c11f;--about-white:#fff;--white-off:#f0f4f8;--white-soft:#ffffffd9;--white-muted:#ffffff8c;--white-dim:#ffffff59;--white-ghost:#ffffff1f;--light-blue:#d6eaf8;--border-light:#ffffff1a;--glass:#ffffff0d;background:var(--bg-deep);color:var(--white-soft);-webkit-font-smoothing:antialiased}.about-hero{text-align:center;background:linear-gradient(180deg,var(--bg-hero)0%,var(--bg-deep)100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(50% 40% at 50% 25%,#2e86c10f 0%,#0000 70%),radial-gradient(80% 60% at 50% 100%,#0d2137 0%,#0000 50%);position:absolute;inset:0}.about-hero:after{content:"";opacity:.02;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-badge{letter-spacing:.35em;text-transform:uppercase;color:var(--teal-bright);opacity:0;margin-bottom:2.5rem;font-family:DM Sans,sans-serif;font-size:.7rem;animation:1s .3s forwards aboutFadeUp;position:relative}.hero-badge:before,.hero-badge:after{content:"·";color:var(--teal-light);opacity:.5;margin:0 1em}.hero-title{color:var(--about-white);opacity:0;max-width:16em;margin-bottom:1.8rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:300;line-height:1.15;animation:1s .5s forwards aboutFadeUp;position:relative}.hero-title em{color:var(--light-blue);font-style:italic}.hero-subtitle{color:var(--white-muted);opacity:0;max-width:38em;margin-bottom:3rem;font-family:Courier Prime,monospace;font-size:clamp(.82rem,1.6vw,.95rem);line-height:1.7;animation:1s .7s forwards aboutFadeUp;position:relative}.screenplay-format{color:var(--white-dim);text-transform:uppercase;letter-spacing:.05em;opacity:0;max-width:36em;font-family:Courier Prime,monospace;font-size:.8rem;animation:1s .9s forwards aboutFadeUp;position:relative}.screenplay-format .scene{margin-bottom:.4em;display:block}.screenplay-format .action{text-transform:none;color:var(--white-muted);font-size:.78rem;line-height:1.6;display:block}.owl-section{opacity:0;flex-direction:column;align-items:center;padding:3rem 2rem 2rem;animation:1.2s 1.1s forwards aboutFadeUp;display:flex;position:relative}.owl-image{filter:drop-shadow(0 0 80px #2e86c114);width:min(400px,70vw);height:auto;display:block}.owl-caption{text-align:center;color:var(--teal-bright);letter-spacing:.02em;opacity:.7;margin-top:1.2rem;font-family:Cormorant Garamond,serif;font-size:1.05rem;font-style:italic;font-weight:300}.about-divider{background:linear-gradient(90deg,transparent,var(--teal-light),transparent);opacity:.2;width:100%;max-width:600px;height:1px;margin:2rem auto}.story{max-width:680px;margin:0 auto;padding:4rem 2rem 3rem}.story-label{letter-spacing:.3em;text-transform:uppercase;color:var(--teal-bright);opacity:.6;margin-bottom:2rem;font-family:DM Sans,sans-serif;font-size:.65rem}.story p{color:var(--white-soft);margin-bottom:1.6rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.12rem,2.4vw,1.32rem);font-weight:300;line-height:1.85}.story p:first-of-type:first-letter{float:left;color:var(--teal-bright);margin-top:.05em;margin-right:.08em;font-size:3.2em;font-weight:400;line-height:.85}.story p strong{color:var(--about-white);font-weight:500}.story .highlight{border-left:2px solid var(--teal-light);opacity:.85;margin:2.5rem 0;padding-left:1.5rem;font-style:italic}.illustration-section{justify-content:center;padding:2rem 2rem 3rem;display:flex}.illustration-frame{position:relative}.writer-image{opacity:.8;filter:drop-shadow(0 0 40px #2e86c10f);width:min(260px,60vw);height:auto;display:block}.illustration-caption{text-align:center;color:var(--white-dim);margin-top:1rem;font-family:Courier Prime,monospace;font-size:.72rem;font-style:italic}.how-section{max-width:680px;margin:0 auto;padding:4rem 2rem}.how-label{letter-spacing:.3em;text-transform:uppercase;color:var(--teal-bright);opacity:.6;margin-bottom:2.5rem;font-family:DM Sans,sans-serif;font-size:.65rem}.screenplay-block{color:var(--white-soft);margin-bottom:2.5rem;font-family:Courier Prime,monospace;font-size:.82rem;line-height:1.8}.screenplay-block .slug{text-transform:uppercase;color:var(--white-dim);letter-spacing:.02em;margin-bottom:.6em}.screenplay-block .direction{color:var(--white-soft);max-width:52ch}.screenplay-block .character{text-transform:uppercase;text-align:center;color:var(--teal-bright);letter-spacing:.05em;opacity:.7;margin:1em 0 .3em}.screenplay-block .dialogue{text-align:center;max-width:34ch;color:var(--about-white);margin:0 auto}.screenplay-block .paren{text-align:center;color:var(--white-dim);font-size:.78rem}.about-credentials{max-width:680px;margin:0 auto;padding:2rem 2rem 4rem}.credentials-label{letter-spacing:.3em;text-transform:uppercase;color:var(--teal-bright);opacity:.6;margin-bottom:2rem;font-family:DM Sans,sans-serif;font-size:.65rem}.credential-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:500px){.credential-grid{grid-template-columns:1fr}}.credential-item{border:1px solid var(--border-light);background:var(--glass);border-radius:2px;padding:1.2rem 1.4rem}.credential-item .years{color:var(--about-white);margin-bottom:.3rem;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:300;line-height:1}.credential-item .cred-label{color:var(--white-muted);letter-spacing:.03em;font-family:DM Sans,sans-serif;font-size:.75rem;line-height:1.5}.about-founder-section{padding:4rem 2rem 5rem}.founder-card{border:1px solid var(--border-light);background:var(--bg-card);max-width:680px;margin:0 auto;padding:2.5rem;position:relative}.founder-card:before{content:"";background:linear-gradient(90deg,transparent,var(--teal-bright),transparent);opacity:.5;height:1px;position:absolute;top:-1px;left:30px;right:30px}.founder-name{color:var(--about-white);margin-bottom:.3rem;font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:400}.founder-role{letter-spacing:.2em;text-transform:uppercase;color:var(--teal-bright);opacity:.6;margin-bottom:1.5rem;font-family:DM Sans,sans-serif;font-size:.72rem}.founder-bio{color:var(--white-muted);font-family:DM Sans,sans-serif;font-size:.88rem;line-height:1.75}.founder-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.founder-tags span{letter-spacing:.05em;color:var(--teal-bright);border:1px solid var(--border-light);opacity:.7;border-radius:1px;padding:.35rem .75rem;font-family:DM Sans,sans-serif;font-size:.68rem}.about-cta{text-align:center;padding:4rem 2rem 6rem}.cta-heading{color:var(--about-white);margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:300}.cta-sub{color:var(--white-muted);margin-bottom:2rem;font-family:Courier Prime,monospace;font-size:.82rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{letter-spacing:.1em;text-transform:uppercase;background:var(--about-white);color:var(--bg-deep);cursor:pointer;border:none;padding:.9rem 2.2rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{background:var(--light-blue);transform:translateY(-1px)}.btn-secondary{letter-spacing:.1em;text-transform:uppercase;color:var(--about-white);border:1px solid var(--white-dim);cursor:pointer;background:0 0;padding:.9rem 2.2rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:400;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{border-color:var(--about-white);background:#ffffff0d}@keyframes aboutFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:640px){.about-hero{padding:4rem 1.5rem 3rem}.story,.about-credentials,.how-section{padding-left:1.5rem;padding-right:1.5rem}.founder-card{padding:1.8rem}}
