@import"https://fonts.cdnfonts.com/css/syne";:root{--dark: #27253D;--off-white: #F7F7F7;--tech-blue: #1356FF;--bio-green: #00DEC3;--dark-blue: #324A72;--black: #000000;--bio-green-light: #85E2AC;--light-blue: #DEF7FF;--light-green: #E3FCF7;--blue-accent: #96E8EA;--gradient-blue-green: linear-gradient(135deg, #1356FF 0%, #00DEC3 100%);--gradient-dark: linear-gradient(180deg, #27253D 0%, #1A1835 100%);--gradient-light: linear-gradient(180deg, #F7F7F7 0%, #E8E8E8 100%);--font-headline: "Syne", sans-serif;--font-accent: "Instrument Serif", serif;--font-body: "Mulish", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--dark);color:var(--off-white);overflow-x:hidden;line-height:1.6}.curtain-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;pointer-events:none}.curtain{position:absolute;top:0;width:50%;height:100%;background:var(--gradient-blue-green);transition:transform 2s cubic-bezier(.77,0,.175,1)}.curtain-left{left:0;transform-origin:left}.curtain-right{right:0;transform-origin:right}.curtain-container.open .curtain-left{transform:translate(-100%)}.curtain-container.open .curtain-right{transform:translate(100%)}.curtain-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:900px;padding:0 20px;opacity:1;transition:opacity 1.5s ease;z-index:10000;pointer-events:none}.curtain-container.open .curtain-text{opacity:0}.curtain-text h2{font-family:var(--font-headline);font-size:clamp(1.2rem,3.5vw,2.5rem);font-weight:400;letter-spacing:-.04em;line-height:.888;text-transform:uppercase;color:var(--off-white)}.curtain-text .accent{font-family:var(--font-accent);font-style:italic;font-weight:400;text-transform:lowercase;color:var(--bio-green);display:block;margin-top:1rem}.bio-particles{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;opacity:.2;z-index:1}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--bio-green) 0%,var(--tech-blue) 100%);animation:float 25s infinite ease-in-out;filter:blur(40px)}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(80px,-120px) scale(1.3);opacity:.5}50%{transform:translate(-60px,-240px) scale(1);opacity:.7}75%{transform:translate(-120px,-120px) scale(1.2);opacity:.4}}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1356ff14,#00dec314);mix-blend-mode:overlay;z-index:1}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.6;filter:saturate(1.1) contrast(1.15) brightness(1) hue-rotate(200deg);mix-blend-mode:normal}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#27253d4d,#27253dbf 80%);z-index:2}.organic-shape{position:absolute;width:800px;height:800px;background:var(--gradient-blue-green);opacity:.15;filter:blur(80px);border-radius:47% 53% 42% 58%/48% 45% 55% 52%;animation:morph 20s infinite ease-in-out;z-index:1}@keyframes morph{0%,to{border-radius:47% 53% 42% 58%/48% 45% 55% 52%}25%{border-radius:38% 62% 55% 45%/62% 38%}50%{border-radius:55% 45% 38% 62%/45% 55%}75%{border-radius:42% 58% 47% 53%/52% 48%}}.hero-content{position:relative;z-index:3;text-align:center;padding:0 20px;max-width:1200px}.modi-logo{font-family:var(--font-headline);font-size:clamp(3rem,8vw,7rem);font-weight:700;text-transform:uppercase;letter-spacing:-.04em;margin-bottom:2rem;color:var(--off-white)}.hero-title{font-family:var(--font-headline);font-size:clamp(2rem,5vw,4.5rem);font-weight:400;text-transform:uppercase;letter-spacing:-.04em;line-height:.888;margin-bottom:2rem}.hero-title .accent{font-family:var(--font-accent);font-style:italic;font-weight:400;text-transform:lowercase;color:var(--bio-green);font-size:1.2em}.hero-subtitle{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.4rem);font-weight:300;line-height:1.6;color:#f7f7f7cc;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2.5rem;font-family:var(--font-headline);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;border:none;border-radius:0;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-blue-green);color:var(--off-white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1356ff66}.btn-secondary{background:transparent;color:var(--bio-green);border:2px solid var(--bio-green)}.btn-secondary:hover{background:var(--bio-green);color:var(--dark);transform:translateY(-2px)}section{position:relative;padding:8rem 5%;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:5rem}.section-title{font-family:var(--font-headline);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;text-transform:uppercase;letter-spacing:-.04em;line-height:.888;margin-bottom:1.5rem;color:var(--off-white)}.section-title .accent{font-family:var(--font-accent);font-style:italic;font-weight:400;text-transform:lowercase;color:var(--bio-green);display:inline-block}.section-subtitle{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.3rem);color:#f7f7f7b3;font-weight:300;line-height:1.2;letter-spacing:0}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-bottom:6rem}.stat-card{text-align:center;padding:3rem 2rem;background:#1356ff0d;border:1px solid rgba(0,222,195,.2);position:relative;transition:all .4s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-blue-green);opacity:0;transition:opacity .4s ease}.stat-card:hover:before{opacity:.05}.stat-card:hover{transform:translateY(-8px);border-color:var(--bio-green);box-shadow:0 15px 50px #00dec333}.stat-number{font-family:var(--font-headline);font-size:clamp(3rem,6vw,5rem);font-weight:700;color:var(--bio-green);margin-bottom:1rem;position:relative;z-index:1}.stat-label{font-family:var(--font-body);font-size:1.1rem;color:var(--off-white);font-weight:400;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1}.biostack-display{text-align:center;margin-top:4rem;padding:3rem;background:#00dec308;border-top:2px solid var(--bio-green);border-bottom:2px solid var(--tech-blue)}.biostack-title{font-family:var(--font-headline);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;text-transform:uppercase;letter-spacing:-.04em;color:var(--tech-blue);margin-bottom:1rem}.biostack-sequence{font-family:var(--font-accent);font-style:italic;font-size:clamp(1.5rem,3vw,2.5rem);color:var(--bio-green);margin-bottom:1rem}.biostack-description{font-family:var(--font-body);font-size:1.1rem;color:#f7f7f7b3;max-width:700px;margin:0 auto}.quotes-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem}.quote-card{padding:3rem;background:#1356ff08;border-left:4px solid var(--bio-green);transition:all .3s ease;position:relative}.quote-card:after{content:'"';position:absolute;top:20px;right:30px;font-family:var(--font-accent);font-size:6rem;color:#00dec31a;line-height:1}.quote-card:hover{background:#00dec30d;transform:translate(10px);border-left-width:6px}.quote-text{font-family:var(--font-body);font-size:1.2rem;font-style:italic;margin-bottom:2rem;line-height:1.5;color:var(--off-white);position:relative;z-index:1}.quote-author{font-family:var(--font-headline);font-weight:700;text-transform:uppercase;color:var(--bio-green);font-size:1rem;letter-spacing:.05em;margin-bottom:.3rem}.quote-role{font-family:var(--font-body);font-size:.9rem;color:#f7f7f799}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.gallery-item{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;transition:transform .4s ease;border:2px solid transparent}.gallery-item:hover{transform:scale(1.02);border-color:var(--bio-green)}.gallery-item img{width:100%;height:100%;object-fit:cover;filter:saturate(1.3) contrast(1.1)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(19,86,255,.95) 100%);display:flex;align-items:flex-end;padding:2rem;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-caption{font-family:var(--font-headline);font-weight:700;text-transform:uppercase;color:var(--off-white);font-size:1.1rem;letter-spacing:-.02em}.portfolio-carousel{position:relative;overflow:hidden;padding:4rem 0;background:#00dec305}.carousel-track{display:flex;gap:4rem;animation:scroll-left 50s linear infinite}.carousel-track:hover{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio-logo{flex:0 0 auto;width:220px;height:120px;display:flex;align-items:center;justify-content:center;padding:2rem;background:#1356ff08;border:2px solid rgba(0,222,195,.2);transition:all .4s ease;cursor:pointer}.portfolio-logo:hover{background:#00dec314;border-color:var(--bio-green);box-shadow:0 0 40px #00dec34d;transform:scale(1.08)}.portfolio-logo-text{font-family:var(--font-headline);font-size:1.1rem;font-weight:700;text-transform:uppercase;color:var(--off-white);text-align:center}.highlights-section{background:var(--gradient-dark);padding:10rem 5%;position:relative;overflow:hidden}.highlights-content{max-width:1400px;margin:0 auto;text-align:center}.highlight-statement{font-family:var(--font-headline);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;text-transform:uppercase;letter-spacing:-.04em;line-height:.888;margin-bottom:3rem;position:relative;z-index:2}.highlight-statement .accent{font-family:var(--font-accent);font-style:italic;font-weight:400;text-transform:lowercase;color:var(--bio-green)}.highlight-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:5rem}.highlight-image-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden;transition:transform .3s ease}.highlight-image-wrapper:hover{transform:scale(1.03) rotate(1deg)}.highlight-image-wrapper img{width:100%;height:100%;object-fit:cover;filter:saturate(1.4) contrast(1.15)}.closing-section{text-align:center;padding:12rem 5%;background:radial-gradient(ellipse at center,rgba(0,222,195,.1) 0%,var(--dark) 70%);position:relative}.closing-shape{position:absolute;width:600px;height:600px;background:var(--gradient-blue-green);opacity:.08;filter:blur(100px);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 8s infinite ease-in-out}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.closing-title{font-family:var(--font-headline);font-size:clamp(3rem,7vw,6rem);font-weight:700;text-transform:uppercase;letter-spacing:-.04em;line-height:.888;margin-bottom:2rem;position:relative;z-index:2}.closing-title .accent{font-family:var(--font-accent);font-style:italic;font-weight:400;text-transform:lowercase;color:var(--bio-green)}.closing-subtitle{font-family:var(--font-body);font-size:clamp(1.2rem,2vw,1.6rem);color:#f7f7f7b3;margin-bottom:4rem;position:relative;z-index:2}.closing-links{margin-top:4rem;display:flex;gap:3rem;justify-content:center;align-items:center;position:relative;z-index:2}.closing-link{font-family:var(--font-headline);font-size:1rem;text-transform:uppercase;color:var(--bio-green);text-decoration:none;transition:color .3s ease;letter-spacing:.05em}.closing-link:hover{color:var(--tech-blue)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#27253dfa;z-index:10000;align-items:center;justify-content:center;padding:2rem}.modal.active{display:flex}.modal-content{position:relative;width:100%;max-width:1200px;max-height:90vh}.modal-close{position:absolute;top:-50px;right:0;background:none;border:none;color:var(--bio-green);font-size:3rem;cursor:pointer;transition:color .3s ease;font-weight:300}.modal-close:hover{color:var(--tech-blue)}.modal-content iframe,.modal-content img{width:100%;height:auto;border:2px solid var(--bio-green)}@media (max-width: 768px){section{padding:5rem 5%}.cta-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}.closing-links{flex-direction:column;gap:1.5rem}.curtain-text h2{font-size:1.5rem}.organic-shape{width:400px;height:400px}}.reveal{opacity:0;transform:translateY(50px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
