@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap");:root{--adenine:#22c55e;--thymine:#ef4444;--guanine:#eab308;--cytosine:#3b82f6;--phosphate:#f97316;--sugar:#a855f7;--backbone:#64748b;--lab-white:#f8fafc;--lab-gray:#e2e8f0;--scientific-blue:#0077b6;--xray-purple:#7c3aed;--xray-dark:#1e1b4b;--deep-science:#0f172a;--font-scientific:"IBM Plex Sans",sans-serif;--font-sequence:"IBM Plex Mono",monospace;--font-elegant:"Playfair Display",serif}.dna-story *{margin:0;padding:0;box-sizing:border-box}.dna-story{font-family:var(--font-scientific);background:var(--lab-white);color:var(--deep-science);overflow-x:hidden;min-height:100vh}.dna-story .helix-progress{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:100;width:40px;height:300px}.dna-story .helix-svg{width:100%;height:100%}.dna-story .helix-strand-left,.dna-story .helix-strand-right{fill:none;stroke-width:3;stroke-linecap:round}.dna-story .helix-strand-left{stroke:var(--scientific-blue)}.dna-story .helix-strand-right{stroke:var(--xray-purple)}.dna-story .base-pair{stroke-width:2;stroke-linecap:round;opacity:0;transition:opacity .3s ease}.dna-story .base-pair.visible{opacity:1}.dna-story .base-pair.at{stroke:var(--adenine)}.dna-story .base-pair.gc{stroke:var(--cytosine)}.dna-story .sequence-display{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.dna-story .sequence-strand{font-family:var(--font-sequence);font-size:.75rem;letter-spacing:.1em;display:flex;gap:2px}.dna-story .sequence-base{width:14px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:2px;font-weight:500;opacity:.3;transition:opacity .2s ease}.dna-story .sequence-base.active{opacity:1}.dna-story .sequence-base.A{background:var(--adenine);color:white}.dna-story .sequence-base.T{background:var(--thymine);color:white}.dna-story .sequence-base.G{background:var(--guanine);color:var(--deep-science)}.dna-story .sequence-base.C{background:var(--cytosine);color:white}.dna-story .sequence-label{font-family:var(--font-sequence);font-size:.625rem;color:var(--backbone);margin-top:.5rem}.dna-story .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,var(--lab-white) 0,var(--lab-gray) 100%);padding:2rem;overflow:hidden}.dna-story .floating-bases{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.dna-story .floating-base{position:absolute;font-family:var(--font-sequence);font-size:2rem;font-weight:700;opacity:.1;animation:float-base 20s ease-in-out infinite}.dna-story .floating-base:first-child{top:10%;left:5%;animation-delay:0s;color:var(--adenine)}.dna-story .floating-base:nth-child(2){top:30%;left:85%;animation-delay:2s;color:var(--thymine)}.dna-story .floating-base:nth-child(3){top:60%;left:10%;animation-delay:4s;color:var(--guanine)}.dna-story .floating-base:nth-child(4){top:80%;left:80%;animation-delay:6s;color:var(--cytosine)}.dna-story .floating-base:nth-child(5){top:20%;left:70%;animation-delay:8s;color:var(--adenine)}.dna-story .floating-base:nth-child(6){top:70%;left:30%;animation-delay:10s;color:var(--guanine)}@keyframes float-base{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.dna-story .hero-helix{position:absolute;width:200px;height:400px;opacity:.15;left:50%;transform:translateX(-50%)}.dna-story .hero-content{position:relative;z-index:10;text-align:center;max-width:700px;display:flex;flex-direction:column;align-items:center;grid-template-columns:unset;gap:unset}.dna-story .hero-era{font-family:var(--font-sequence);font-size:.875rem;color:var(--scientific-blue);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem}.dna-story .hero-title{font-family:var(--font-elegant);font-size:clamp(3rem,10vw,5rem);font-weight:700;color:var(--deep-science);line-height:1.1;margin-bottom:.5rem}.dna-story .hero-title .helix-text{color:var(--xray-purple);font-style:italic}.dna-story .hero-subtitle{font-family:var(--font-scientific);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:300;color:var(--backbone);margin-bottom:1.5rem}.dna-story .hero-description{font-size:1.125rem;line-height:1.7;color:var(--backbone)}.dna-story .hero-bases{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.dna-story .hero-base{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-sequence);font-size:1.5rem;font-weight:700;color:white;box-shadow:0 4px 15px rgba(0,0,0,.1)}.dna-story .hero-base.A{background:var(--adenine)}.dna-story .hero-base.T{background:var(--thymine)}.dna-story .hero-base.G{background:var(--guanine);color:var(--deep-science)}.dna-story .hero-base.C{background:var(--cytosine)}.dna-story .hero-scroll{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.dna-story .hero-scroll span{font-family:var(--font-sequence);font-size:.75rem;color:var(--backbone);text-transform:uppercase;letter-spacing:.1em}.dna-story .scroll-helix{width:20px;height:40px;position:relative}.dna-story .scroll-helix:after,.dna-story .scroll-helix:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;animation:helix-scroll 2s ease-in-out infinite}.dna-story .scroll-helix:before{background:var(--scientific-blue);left:0}.dna-story .scroll-helix:after{background:var(--xray-purple);right:0;animation-delay:1s}@keyframes helix-scroll{0%,to{top:0}50%{top:32px}}.dna-story .content-section{padding:6rem 2rem;position:relative}.dna-story .content-section:nth-child(odd){background:var(--lab-white)}.dna-story .content-section:nth-child(2n){background:var(--lab-gray)}.dna-story .section-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.dna-story .section-layout.reverse{direction:rtl}.dna-story .section-layout.reverse>*{direction:ltr}.dna-story .section-visual{display:flex;justify-content:center}.dna-story .section-content{max-width:480px}.dna-story .section-era{font-family:var(--font-sequence);font-size:.75rem;color:var(--xray-purple);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.25rem}.dna-story .section-year{font-family:var(--font-elegant);font-size:3rem;font-weight:700;color:var(--scientific-blue);line-height:1;margin-bottom:.5rem}.dna-story .section-title{font-family:var(--font-elegant);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;color:var(--deep-science);margin-bottom:1rem;line-height:1.2}.dna-story .section-text{font-size:1.0625rem;line-height:1.8;color:var(--backbone);margin-bottom:1rem}.dna-story .section-highlight{font-family:var(--font-elegant);font-size:1.125rem;font-style:italic;color:var(--deep-science);padding:1rem 1.25rem;background:rgba(124,58,237,.08);border-left:4px solid var(--xray-purple);margin:1.5rem 0}.dna-story .illustration-svg{width:100%;max-width:350px;height:auto}.dna-story .draw-line{stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1.5s ease}.dna-story .draw-line.visible{stroke-dashoffset:0}.dna-story .fade-up{opacity:0;transform:translateY(30px);transition:all .8s ease}.dna-story .fade-up.visible{opacity:1;transform:translateY(0)}.dna-story .photo51-section{padding:5rem 2rem;background:var(--xray-dark);color:white}.dna-story .photo51-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.dna-story .photo51-visual{position:relative}.dna-story .photo51-frame{width:100%;max-width:300px;aspect-ratio:1;background:radial-gradient(circle at center,var(--xray-purple) 0,var(--xray-dark) 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 60px rgba(124,58,237,.3)}.dna-story .photo51-xray{width:80%;height:80%;position:relative}.dna-story .xray-pattern{fill:none;stroke:rgba(255,255,255,.6);stroke-width:2}.dna-story .xray-center{fill:rgba(255,255,255,.2)}.dna-story .photo51-content h3{font-family:var(--font-elegant);font-size:2rem;margin-bottom:.5rem}.dna-story .photo51-content .scientist{font-family:var(--font-sequence);font-size:.875rem;color:var(--xray-purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.dna-story .photo51-content p{font-size:1.0625rem;line-height:1.8;color:var(--lab-gray);margin-bottom:1rem}.dna-story .pairing-section{padding:5rem 2rem;background:var(--lab-white)}.dna-story .pairing-inner{max-width:800px;margin:0 auto;text-align:center}.dna-story .pairing-title{font-family:var(--font-elegant);font-size:2rem;color:var(--deep-science);margin-bottom:.5rem}.dna-story .pairing-subtitle{font-family:var(--font-sequence);font-size:.875rem;color:var(--backbone);margin-bottom:3rem;text-transform:uppercase;letter-spacing:.1em}.dna-story .pairing-pairs{display:flex;justify-content:center;gap:4rem}.dna-story .pairing-pair{display:flex;align-items:center;gap:1rem}.dna-story .pair-base{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-sequence);font-size:2rem;font-weight:700;color:white;box-shadow:0 4px 20px rgba(0,0,0,.15)}.dna-story .pair-base.A{background:var(--adenine)}.dna-story .pair-base.T{background:var(--thymine)}.dna-story .pair-base.G{background:var(--guanine);color:var(--deep-science)}.dna-story .pair-base.C{background:var(--cytosine)}.dna-story .pair-bond{display:flex;flex-direction:column;gap:4px}.dna-story .bond-line{width:30px;height:3px;background:var(--backbone);border-radius:2px}.dna-story .pair-label{font-family:var(--font-sequence);font-size:.75rem;color:var(--backbone);margin-top:.5rem}.dna-story .crispr-section{padding:5rem 2rem;background:linear-gradient(180deg,var(--lab-gray) 0,var(--deep-science) 100%)}.dna-story .crispr-inner{max-width:800px;margin:0 auto;text-align:center}.dna-story .crispr-title{font-family:var(--font-elegant);font-size:2rem;color:var(--deep-science);margin-bottom:2rem}.dna-story .crispr-visual{position:relative;height:150px;margin-bottom:2rem}.dna-story .crispr-dna{position:absolute;left:10%;right:10%;top:50%;transform:translateY(-50%);height:20px;background:linear-gradient(90deg,var(--scientific-blue),var(--xray-purple));border-radius:10px}.dna-story .crispr-scissors{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;animation:scissors-cut 3s ease-in-out infinite}@keyframes scissors-cut{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(15deg)}}.dna-story .crispr-text{font-size:1.0625rem;line-height:1.8;color:white;max-width:600px;margin:0 auto}.dna-story .quote-section{padding:5rem 2rem;background:var(--scientific-blue);text-align:center}.dna-story .quote-inner{max-width:700px;margin:0 auto}.dna-story .quote-text{font-family:var(--font-elegant);font-size:clamp(1.25rem,3vw,1.75rem);font-style:italic;color:white;line-height:1.6;margin-bottom:1rem}.dna-story .quote-author{font-family:var(--font-sequence);font-size:.875rem;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.1em}.dna-story .sources-section{padding:4rem 2rem;background:var(--lab-white)}.dna-story .sources-inner{max-width:800px;margin:0 auto}.dna-story .sources-title{font-family:var(--font-elegant);font-size:1.5rem;color:var(--deep-science);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--scientific-blue)}.dna-story .sources-grid{display:grid;gap:.75rem}.dna-story .sources-grid a{font-size:.9375rem;color:var(--backbone);text-decoration:none;padding:1rem 1.25rem;background:var(--lab-gray);border-radius:4px;border-left:4px solid var(--scientific-blue);transition:all .2s ease}.dna-story .sources-grid a:hover{color:var(--deep-science);transform:translateX(4px);border-left-color:var(--xray-purple)}.dna-story .story-footer{padding:4rem 2rem;text-align:center;background:var(--deep-science);color:white}.dna-story .footer-content{display:flex;flex-direction:column;align-items:center}.dna-story .footer-helix{display:flex;gap:.5rem;margin-bottom:1.5rem}.dna-story .footer-base{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-sequence);font-size:.875rem;font-weight:700;color:white}.dna-story .footer-base.A{background:var(--adenine)}.dna-story .footer-base.T{background:var(--thymine)}.dna-story .footer-base.G{background:var(--guanine);color:var(--deep-science)}.dna-story .footer-base.C{background:var(--cytosine)}.dna-story .footer-text{font-family:var(--font-elegant);font-size:1.125rem;font-style:italic;color:var(--lab-gray);max-width:500px}@media (max-width:900px){.dna-story .photo51-inner,.dna-story .section-layout,.dna-story .section-layout.reverse{grid-template-columns:1fr;direction:ltr}.dna-story .helix-progress{left:1rem;width:30px;height:200px}.dna-story .sequence-display{right:1rem}.dna-story .sequence-base{width:10px;height:14px;font-size:.5rem}.dna-story .pairing-pairs{flex-direction:column;gap:2rem}.dna-story .hero-bases{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.dna-story .base-pair,.dna-story .crispr-scissors,.dna-story .draw-line,.dna-story .fade-up,.dna-story .floating-base,.dna-story .scroll-helix:after,.dna-story .scroll-helix:before{animation:none;transition:none;opacity:1;stroke-dashoffset:0;transform:none}}