@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#103b49;--blue:#114c85;--green:#159f8e;--light:#f0f7f5;--line:#d9e6e2;--muted:#657b80}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fcfdfb;color:var(--ink);font-family:Manrope,'Noto Sans Thai',sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #52c6b7;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding:0 5%}header{position:sticky;top:0;background:#fcfdfbf2;backdrop-filter:blur(16px);z-index:5;border-bottom:1px solid var(--line)}nav{height:94px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:69px;height:64px;object-fit:contain;mix-blend-mode:multiply}.brand strong{font-size:23px;letter-spacing:2px;color:var(--blue)}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:4px}.links{display:flex;gap:28px;font-size:13px}.lang{border:0;background:none;color:var(--ink);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;border:1px solid var(--ink);border-radius:4px;padding:15px 21px;background:var(--ink);color:white;font-size:13px;font-weight:600}.btn.light{background:transparent;color:var(--ink)}.btn:hover{background:var(--green);color:white;border-color:var(--green)}.menu{display:none}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green)}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fcfdfb 15%,#f1f8f4 85%)}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;min-height:670px;align-items:center;gap:20px}.hero-copy{z-index:1;padding:60px 0}h1{font-size:clamp(54px,6.4vw,88px);line-height:1.12;letter-spacing:-5px;font-weight:500;margin:30px 0 24px}h1 em{font-style:normal;color:var(--green)}.lead{font-size:16px;line-height:1.9;max-width:500px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-foot{margin-top:45px;font-size:10px;letter-spacing:1.7px;color:var(--muted)}.science-art{height:530px;position:relative;isolation:isolate}.orb{position:absolute;width:350px;height:350px;left:15%;top:15%;border-radius:49% 51% 56% 44%/45% 53% 47% 55%;background:radial-gradient(circle at 36% 30%,#ffffffa1 0%,#93dacf75 15%,#38b4a870 35%,#077c8466 62%,#bff0cfa8 73%,#ffffffc4 79%,#1c8c8e99 84%,#e8fff3 90%);box-shadow:inset 12px 14px 30px #fff9,inset -15px -30px 50px #185c6b55,10px 40px 80px #247f7730;transform:rotate(-20deg)}.orb:after{content:'';position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#b2f0cd,#31ae9b 40%,#117d8190 68%,#d4f8de);box-shadow:0 0 30px #d1ffdb80,inset 5px 4px 20px #fff6;border:1px solid #d3ffdf80}.orb.small{width:130px;height:130px;left:3%;top:66%;opacity:.75;filter:blur(1px)}.orb.tiny{width:72px;height:72px;left:78%;top:13%;opacity:.7}.orbit{position:absolute;inset:6% -1%;border:1px solid #83b6aa55;border-radius:50%;transform:rotate(-29deg) scaleY(.75)}.orbit.second{transform:rotate(40deg) scaleY(.8);inset:12% -5%}.art-label{position:absolute;font-size:10px;letter-spacing:2px;z-index:2}.art-label.one{top:5%;left:8%}.art-label.two{bottom:4%;right:0}.art-label span{display:block;margin-top:8px;color:#698b88;font-size:9px;letter-spacing:1px}.cross{position:absolute;right:7%;top:45%;font-size:24px;color:#85aba4}.caption{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px}.caption span:first-child{color:var(--green)}section{padding:96px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:44px}h2{font-weight:500;font-size:clamp(31px,3.7vw,47px);letter-spacing:-1.4px;line-height:1.35;margin:18px 0 0}.section-head p{max-width:360px;font-size:14px;line-height:1.9;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{padding:28px 26px 25px;background:#f0f6f4;border:1px solid #e0ebe6;min-height:330px;border-radius:6px;display:flex;flex-direction:column;transition:transform .25s}.service:hover{transform:translateY(-5px)}.service:nth-child(2){background:#eaf2f7}.service:nth-child(3){background:#f4f4eb}.service-top{display:flex;justify-content:space-between;align-items:center}.number{font-size:11px;color:var(--muted)}.symbol{font-size:34px;line-height:1;color:var(--green)}h3{font-size:23px;font-weight:600;line-height:1.45;letter-spacing:-.5px;margin:30px 0 12px}.service p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 24px}.text-btn{border:0;border-top:1px solid #bfd1ca;padding:16px 0 0;background:none;text-align:left;color:var(--ink);font-size:12px;margin-top:auto;display:flex;justify-content:space-between}.focus{background:#103d49;color:#f5faf6;position:relative;overflow:hidden}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.focus h2{font-size:45px}.focus .lead{color:#b2cacb}.focus-list{border-top:1px solid #416570}.focus-row{padding:24px 0;border-bottom:1px solid #416570;display:grid;grid-template-columns:38px 1fr;gap:15px}.focus-row>span{font-size:11px;color:#78c4ae}.focus-row h3{font-size:17px;margin:0 0 7px}.focus-row p{font-size:13px;color:#b2cacb;line-height:1.8;margin:0}.tag{display:inline-block;margin-top:25px;border:1px solid #547b80;border-radius:30px;padding:9px 14px;font-size:10px;color:#bad2d0}.path{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.step{border-top:1px solid var(--line);padding-top:20px}.step b{font-size:11px;color:var(--green)}.step h3{font-size:18px;margin:24px 0 10px}.step p{font-size:13px;color:var(--muted);line-height:1.9}.research{background:#eaf3f0}.research-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.research p{line-height:1.9;color:var(--muted);font-size:14px}.research-items{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.pill{border:1px solid #bfd3ca;border-radius:25px;font-size:12px;padding:11px 17px}.faq{max-width:820px;margin:auto}.faq h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:25px}summary:after{content:'+';font-size:20px;color:var(--green)}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);line-height:1.9;padding-right:30px}.contact{padding:64px 0;background:#dceee7}.contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{margin:0}.contact p{font-size:14px;color:var(--muted)}footer{padding:45px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.footer-note{font-size:11px;line-height:1.9;color:var(--muted);max-width:600px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;max-width:560px;width:calc(100% - 32px);padding:35px;color:var(--ink)}dialog::backdrop{background:#092d3bb0;backdrop-filter:blur(5px)}dialog h2{font-size:27px;letter-spacing:0;margin:0 35px 15px 0}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:27px;color:var(--ink)}label{display:block;font-size:12px;margin:18px 0 8px}input,select,textarea{width:100%;border:1px solid #c6d7d1;border-radius:4px;padding:12px;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}.form-note{font-size:11px!important}.success{color:var(--green)!important}.mobile-only{display:none}@media(max-width:1000px){nav{gap:16px}.links{gap:17px}.brand strong{font-size:19px}.nav-cta{display:none}h1{letter-spacing:-3px}.orb{width:280px;height:280px}.science-art{height:430px}.hero-grid{min-height:600px}.services{gap:12px}.service{padding:22px}.focus-grid{gap:7%}.focus h2{font-size:37px}}@media(max-width:700px){.wrap{padding:0 6%}nav{height:78px}.brand img{width:53px;height:53px}.brand strong{font-size:18px}.brand small{font-size:8px}.menu{display:block;border:0;background:none;font-size:22px;color:var(--ink)}.links{display:none;position:absolute;top:78px;left:0;right:0;background:#fcfdfb;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.links.open{display:flex}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:48px 0 0}h1{font-size:60px;letter-spacing:-3.5px;margin:25px 0 20px}.lead{font-size:14px}.hero-foot{margin-top:30px;font-size:9px}.science-art{height:370px;max-width:420px;width:100%;margin:auto}.orb{top:12%;left:18%;width:255px;height:255px}.orb.small{width:85px;height:85px}.orb.tiny{width:53px;height:53px}.art-label.one{top:9%;left:0}.caption{font-size:9px;line-height:1.6}.caption span:last-child{max-width:48%;text-align:right}section{padding:65px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:22px}.services{grid-template-columns:1fr;gap:16px}.service{min-height:280px;padding:26px}h3{margin-top:23px}.focus-grid,.research-inner{grid-template-columns:1fr;gap:35px}.focus h2{font-size:34px}.path{grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.contact .wrap{display:block}.contact .btn{margin-top:20px}.footer-top{align-items:start;gap:25px;flex-direction:column}.footer-bottom{gap:20px;font-size:9px}dialog{padding:28px}.actions .btn{font-size:12px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Decorative mammal and DNA watermarks; excluded from the accessibility tree. */
.hero-watermark{position:absolute;pointer-events:none;user-select:none;z-index:0;object-fit:contain}
.hero-watermark.mammals{width:min(520px,45vw);height:auto;right:3%;bottom:55px;opacity:.19}
.hero-watermark.dna{width:190px;height:560px;right:-40px;top:20px;opacity:.13;transform:rotate(22deg)}
.hero-grid,.hero>.wrap{position:relative;z-index:1}
.science-art{margin-bottom:70px}
.research{position:relative;isolation:isolate;overflow:hidden}
.research:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../dna-watermark.svg') left -20px center/180px 460px no-repeat;opacity:.10;pointer-events:none}
.contact{position:relative;isolation:isolate;overflow:hidden}
.contact:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../mammals-watermark.svg') right 18% center/430px auto no-repeat;opacity:.09;pointer-events:none}
@media(max-width:700px){.hero-watermark.mammals{width:310px;max-width:86%;right:7%;bottom:69px;opacity:.19}.hero-watermark.dna{width:120px;height:330px;right:-42px;top:38%;opacity:.1}.science-art{margin-bottom:95px}.contact:before{background-position:right -60px bottom;background-size:330px}.research:before{background-position:right -85px center;opacity:.07}}

.bond-hero{position:relative;margin:30px 0 100px 8px;align-self:center;height:500px;border-radius:140px 8px 8px 8px;overflow:hidden;box-shadow:0 25px 60px #174e4812}
.bond-hero>img{width:100%;height:100%;object-fit:cover;object-position:48% center;display:block}
.bond-hero:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#123e42a8);pointer-events:none}
.bond-hero figcaption{position:absolute;bottom:30px;left:28px;right:25px;color:white;z-index:1}.bond-hero figcaption span{font-size:10px;letter-spacing:2.3px}.bond-hero figcaption strong{display:block;font-size:24px;font-weight:500;line-height:1.5;margin-top:10px}
.hero-watermark.mammals{bottom:48px;width:370px;right:8%;opacity:.2}.hero-watermark.dna{z-index:2;right:-60px;pointer-events:none;opacity:.09}
.life-story{padding:65px 0;background:#f0f5ed}.life-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.life-grid p{font-size:15px;line-height:2;color:var(--muted)}.life-grid .life-accent{color:var(--green);font-weight:600;font-size:14px}.life-grid h2{font-size:38px}
.lab-story{padding:85px 0}.lab-image{position:relative;margin:0;border-radius:8px;overflow:hidden;background:#e7efec}.lab-image img{display:block;width:100%;height:480px;object-fit:cover}.lab-image figcaption{position:absolute;bottom:13px;right:15px;left:15px;text-align:right;color:white;text-shadow:0 1px 5px #000;font-size:10px}.lab-description{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center;margin-top:40px}.lab-description h2{font-size:36px}.lab-description p{font-size:14px;line-height:1.95;color:var(--muted)}
@media(max-width:1000px){.bond-hero{height:430px;border-top-left-radius:90px}.hero-watermark.mammals{width:300px;right:5%}}
@media(max-width:700px){.bond-hero{height:400px;width:100%;margin:35px 0 110px;border-top-left-radius:90px}.hero-watermark.mammals{width:290px;bottom:64px;right:10%}.hero-watermark.dna{top:40%;right:-60px}.bond-hero figcaption strong{font-size:23px}.life-grid,.lab-description{grid-template-columns:1fr;gap:15px}.life-grid h2,.lab-description h2{font-size:30px}.life-story,.lab-story{padding:55px 0}.lab-image img{height:320px}.lab-image figcaption{font-size:9px}.lab-description{margin-top:28px}}

/* Symbolic rebirth, genetic continuity and early development watermark. */
.life-story{position:relative;isolation:isolate;overflow:hidden}
.life-story:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:450px;height:450px;right:-70px;top:50%;transform:translateY(-50%);background:url('../new-beginnings-watermark.svg') center/contain no-repeat;opacity:.09}
.rebirth-watermark{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:36px;padding-top:24px}
.rebirth-watermark img{width:190px;height:190px;flex-shrink:0;opacity:.38;object-fit:contain}
.rebirth-watermark .rebirth-copy{max-width:600px}
.rebirth-watermark .rebirth-copy strong{display:block;font-size:19px;font-weight:500;line-height:1.6;color:var(--ink)}
.rebirth-watermark .rebirth-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:8px 0 0}
@media(max-width:700px){.life-story:before{width:330px;height:330px;right:-100px;opacity:.07}.rebirth-watermark{gap:16px;align-items:center;margin-top:26px;padding-top:20px}.rebirth-watermark img{width:115px;height:145px}.rebirth-watermark .rebirth-copy strong{font-size:16px}.rebirth-watermark .rebirth-copy p{font-size:11px}}

.reproduction-topics{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--line);margin-top:36px;padding-top:28px}
.reproduction-topic{display:flex;align-items:center;gap:20px;padding:18px 16px;border:1px solid #dce8e2;border-radius:6px;background:#f4f8f5}
.reproduction-topic img{width:105px;height:120px;object-fit:contain;opacity:.34;flex-shrink:0}
.reproduction-topic h3{margin:13px 0 8px;font-size:22px;line-height:1.35}.reproduction-topic p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.reproduction-topic .eyebrow{font-size:9px;letter-spacing:1.5px}
@media(max-width:700px){.reproduction-topics{grid-template-columns:1fr;gap:14px}.reproduction-topic{gap:18px}.reproduction-topic h3{font-size:21px}.reproduction-topic img{width:88px;height:110px}}

.media-dock{position:fixed;right:20px;bottom:18px;display:flex;gap:6px;padding:7px;border:1px solid #cbded4;background:#fcfffdf5;box-shadow:0 5px 25px #123c4920;border-radius:30px;z-index:6;align-items:center}.media-dock button{border:0;background:transparent;color:var(--ink);border-radius:22px;padding:10px 14px;font-size:12px}.media-dock button:hover{background:#e5f2eb}.media-dock button[aria-pressed="true"]{background:#d5eee3}.media-feedback{position:fixed;bottom:80px;right:24px;max-width:300px;background:#fff;color:var(--ink);font-size:12px;border-radius:6px;padding:10px;z-index:6}.media-feedback:empty{display:none}

footer{padding-bottom:95px}@media(max-width:700px){.media-dock{right:12px;bottom:12px}.media-dock button{padding:9px 12px;font-size:11px}.science-film{max-width:100%}}
@media(prefers-reduced-motion:reduce){.bond-hero>img,.lab-image img,.hero-watermark{animation:none!important}}
.more-biotechnology-title{margin-top:44px;padding-top:30px;border-top:1px solid var(--line);font-size:36px}.more-biotechnology-title+.reproduction-topics{border-top:0;margin-top:22px;padding-top:0}@media(max-width:700px){.more-biotechnology-title{font-size:28px;letter-spacing:-.6px;margin-top:32px;padding-top:24px}}

.contact .contact-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10%}.contact-heading h2{margin-top:18px}.contact-heading p{line-height:1.9;margin-bottom:24px}.contact-detail+.contact-detail{margin-top:28px}.contact-label{display:block;font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:10px;color:#416b69}.contact-email{font-size:23px;font-weight:600;overflow-wrap:anywhere}.contact-email:hover{text-decoration:underline}.contact-details address{font-style:normal;font-size:14px;line-height:1.9;color:var(--ink)}.contact-social{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:23px;margin:25px 0 0;border-top:1px solid #bad4c8}.contact-social dt{font-size:12px;font-weight:700}.contact-social dd{margin:8px 0 0;font-size:12px;color:#657b80}@media(max-width:700px){.contact .contact-layout{grid-template-columns:1fr;gap:35px}.contact-social{gap:10px}.contact-social dt,.contact-social dd{font-size:11px}.contact-email{font-size:22px}}

.footer-bottom{align-items:center;gap:16px;flex-wrap:wrap}.footer-policy{display:flex;gap:18px;flex-wrap:wrap}.footer-policy button,.cookie-policy-link,.policy-reset{border:0;padding:0;background:none;color:var(--blue);font-size:10px;text-decoration:underline;text-underline-offset:3px}.cookie-banner{position:fixed;z-index:20;left:50%;bottom:20px;transform:translateX(-50%);width:min(960px,calc(100% - 32px));display:flex;align-items:center;gap:24px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 45px #103b4930}.cookie-banner[hidden]{display:none}.cookie-copy{flex:1}.cookie-copy strong{font-size:15px}.cookie-copy p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.cookie-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.cookie-actions .btn{padding:11px 16px}.cookie-status{position:absolute;left:24px;bottom:0;margin:0;color:#a63830;font-size:11px}.policy-dialog{max-width:720px;max-height:min(82vh,760px);overflow-y:auto;padding:36px}.policy-dialog h2{margin-top:12px}.policy-updated{font-size:11px!important}.policy-section{margin-top:22px}.policy-section h3{font-size:16px;margin:0 0 7px}.policy-section p{margin:0}.policy-reset{margin-top:24px;font-size:12px}.policy-dialog .close{position:sticky;float:right;top:0;margin-right:-14px;margin-top:-12px}.cookie-banner button:focus-visible,.footer-policy button:focus-visible,.policy-reset:focus-visible{outline:3px solid #52c6b7;outline-offset:4px}@media(max-width:700px){.cookie-banner{bottom:10px;align-items:stretch;flex-direction:column;gap:14px;padding:18px}.cookie-actions{justify-content:space-between}.cookie-status{position:static}.footer-policy{width:100%}.policy-dialog{padding:25px 20px}.policy-dialog .close{margin-right:-10px;margin-top:-5px}}