:root{--ink:#20272a;--muted:#626b6e;--accent:#ef4b56;--soft:#f6f7f8;--line:#e4e8e9;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h2{font-size:clamp(30px,3.1vw,42px);font-weight:800}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.utility{height:34px;background:#243136;color:#e3e8ea;font-size:10px;letter-spacing:.12em}.utility .wrap{display:flex;justify-content:space-between;align-items:center;height:100%}.site-header{position:absolute;top:34px;left:0;width:100%;z-index:30;color:#fff;border-bottom:1px solid #ffffff30}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:92px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-.045em}.brand svg{width:43px;height:43px;color:var(--accent)}.brand-light{font-weight:400}nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600}nav a{position:relative;padding-block:12px}nav .nav-link:after{content:'';position:absolute;bottom:2px;left:0;height:2px;width:0;background:var(--accent);transition:width .2s}nav .nav-link:hover:after,nav .active:after{width:23px}.nav-contact{border:1px solid #ffffff70;padding:9px 15px;display:flex;gap:23px}.nav-contact:hover{background:white;color:var(--ink)}.menu-toggle{display:none}.hero{min-height:720px;height:min(850px,calc(100svh - 34px));position:relative;color:white;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);padding-top:168px;isolation:isolate}.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-photo{background:url('assets/garudalab-research-workspace-v04.jpg') center 52%/cover}.hero-shade{background:linear-gradient(90deg,rgba(14,24,28,.9) 0%,rgba(14,24,28,.76) 30%,rgba(14,24,28,.3) 70%,rgba(14,24,28,.34) 100%)}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.16em;font-weight:700;line-height:1.5;margin-bottom:17px}.eyebrow.light{color:#fff;display:flex;align-items:center;gap:11px}.eyebrow.light span{width:26px;height:2px;background:var(--accent)}.hero h1{font-size:clamp(44px,4.8vw,68px);font-weight:800;line-height:1.03;max-width:700px;letter-spacing:-.045em}.hero p{color:#e6e9e9;max-width:440px;font-size:17px;line-height:1.65;margin:25px 0 29px}.button{display:inline-flex;gap:35px;align-items:center;background:var(--accent);color:#fff;font-size:13px;font-weight:bold;padding:15px 22px;transition:background .2s,transform .2s}.button span{font-size:20px}.button:hover{background:#cb303d;transform:translateY(-2px)}.hero-caption{position:absolute;right:48px;bottom:153px;font-size:10px;letter-spacing:.14em;writing-mode:vertical-rl;color:#fff9}.section{padding:92px 0}.section-heading p{margin-top:15px;font-size:16px}.center{text-align:center}.expertise{background:var(--soft);margin-top:-125px;padding-top:190px;position:relative;z-index:-0}.hero{z-index:1}.hex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:910px;margin:47px auto 17px}.hex-item{text-align:center;display:block}.hex-item:nth-child(2){margin-top:55px}.hex-photo{height:294px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;position:relative;transition:transform .3s}.hex-item:hover .hex-photo{transform:translateY(-7px)}.hex-photo.biology{background-image:url('assets/research.jpg')}.hex-photo.botanical{background-image:url('assets/garudalab-botanical-v04.jpg')}.hex-photo.data{background-image:url('assets/data-bioinformatics-v04.svg');background-color:#184753}.hex-label{background:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:165px;height:185px;display:flex;align-items:center;justify-content:center;flex-direction:column}.icon{width:37px;height:37px;fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hex-label h3{font-size:17px;letter-spacing:-.03em;margin:11px 0 8px}.hex-label>span{font-size:10px;color:#9ba2a5}.hex-item>p{font-size:13px;margin-top:20px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center}.split-image{height:100%;position:relative;overflow:hidden}.split-image img{height:100%;width:100%;object-fit:cover}.about-image{clip-path:polygon(0 0,80% 0,100% 50%,80% 100%,0 100%);max-height:630px;min-height:610px}.about-image img{object-position:50% 37%}.split-copy{padding:72px max(48px,calc((100vw - 1160px)/2)) 72px 65px}.split-copy .lead{font-size:19px;color:var(--ink);margin:25px 0 15px;line-height:1.5}.split-copy>p:not(.lead){font-size:15px}.principles{margin-top:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);padding-top:25px}.principles span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--accent);border-radius:50%;font-size:18px;font-weight:400;margin-bottom:15px}.principles h3{font-size:14px;letter-spacing:-.02em}.principles p{font-size:11px;line-height:1.5;margin-top:7px}.focus .split-copy{padding-left:max(48px,calc((100vw - 1160px)/2));padding-right:65px}.focus-image{clip-path:polygon(20% 0,100% 0,100% 100%,20% 100%,0 50%);min-height:640px;max-height:680px}.focus-image img{object-position:center}.focus-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#080e1ce0)}.focus-image>span{position:absolute;bottom:50px;left:25%;color:white;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.035em;z-index:1}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 23px;margin:35px 0 30px}.focus-grid>div{position:relative;padding-left:45px}.focus-grid .icon{position:absolute;left:0;top:0;width:30px;height:34px}.focus-grid h3{font-size:14px;letter-spacing:-.02em;line-height:1.25}.focus-grid p{font-size:12px;line-height:1.5;margin-top:7px}.text-link{font-size:13px;font-weight:bold;border-bottom:1px solid var(--accent);padding-bottom:8px;display:inline-flex;gap:30px}.text-link:hover{color:var(--accent)}.ecosystem{background:var(--soft)}.ecosystem-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.ecosystem-intro>p{max-width:350px;font-size:15px}.pathways{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid #d4dadd}.pathways article{padding:30px 35px 10px 0}.pathways article+article{padding-left:35px;border-left:1px solid #d4dadd}.path-number{font-size:10px;letter-spacing:.12em;color:var(--muted)}.pathways h3{font-size:26px;margin:22px 0 15px}.pathways p{font-size:14px;max-width:285px;min-height:72px}.pathways a{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;font-weight:bold;margin-top:29px}.pathways a span{color:var(--accent);font-size:20px}.pathways a:hover{color:var(--accent)}.site-footer{background:#273035;color:#fff;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.25fr;gap:45px;padding-bottom:50px}.footer-brand .brand{font-size:21px}.footer-brand .brand svg{width:35px;height:35px}.footer-brand p{font-size:13px;color:#b4bfc3;margin-top:18px;line-height:1.7}.domain{display:block;font-size:12px;color:#e7ecee;margin-top:18px}.footer-grid h2{font-size:14px;letter-spacing:-.02em;font-weight:600;margin:11px 0 22px}.footer-grid>div>a:not(.brand){display:block;color:#bcc5c8;font-size:12px;line-height:1.6;margin-bottom:12px}.footer-grid a:hover{color:#fff}.footer-note p{font-size:13px;color:#b4bfc3}.footer-note .back-top{margin-top:22px;color:#fff!important}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:22px 0;color:#a6b3b9;font-size:10px}.footer-bottom span:last-child{letter-spacing:.13em}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}#quarto-content,#quarto-document-content{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;display:block!important}#quarto-content>*{grid-column:auto!important}header#title-block-header{display:none}body>#quarto-content{min-height:0!important}section{scroll-margin-top:30px}
@media(min-width:1600px){.hero{padding-top:200px}.hero h1{font-size:75px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}nav{gap:18px}.hero{min-height:720px}.hex-photo{height:255px}.hex-label{width:145px;height:165px}.split-copy{padding:55px 32px}.focus .split-copy{padding:55px 32px}.split h2{font-size:32px}.principles{gap:10px}.principles h3{font-size:12px}.footer-grid{gap:25px}.focus-grid{gap:25px 15px}.focus-grid>div{padding-left:35px}.hex-grid{gap:20px}}
@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.utility{height:28px;font-size:8px}.utility .wrap>span:last-child{display:none}.site-header{top:28px}.nav-wrap{height:76px}.brand{font-size:21px}.brand svg{width:36px;height:36px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;color:inherit;padding:10px;cursor:pointer}.menu-toggle span{height:2px;width:24px;background:currentColor}nav{display:none;position:absolute;left:0;top:76px;width:100%;background:#243136;padding:22px 25px;align-items:stretch;gap:4px;font-size:14px;border-top:1px solid #ffffff30}nav.open{display:flex;flex-direction:column}.nav-contact{margin-top:12px;justify-content:space-between}.hero{min-height:690px;height:auto;padding:145px 0 135px;clip-path:polygon(0 0,100% 0,100% 94%,50% 100%,0 94%)}.hero-photo{background-position:61% center}.hero-shade{background:linear-gradient(90deg,#101b21e8,#101b2190)}.hero h1{font-size:clamp(40px,8.5vw,58px)}.hero p{font-size:16px;max-width:360px}.hero-caption{display:none}.section{padding:65px 0}.expertise{margin-top:-42px;padding-top:100px}.section-heading h2{font-size:30px;max-width:350px;margin-inline:auto}.section-heading p{font-size:14px}.hex-grid{grid-template-columns:1fr;max-width:290px;gap:35px;margin-top:37px}.hex-item:nth-child(2){margin-top:0}.hex-photo{height:295px}.hex-label{width:165px;height:185px}.hex-item>p{margin-top:12px}.split{grid-template-columns:1fr;min-height:0}.split-image{min-height:370px;height:400px}.about-image{clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);width:95%}.about-image img{object-position:center 35%}.split-copy,.focus .split-copy{padding:50px 25px}.split h2{font-size:32px}.principles h3{font-size:12px}.principles p{font-size:10px}.focus .split-copy{order:2}.focus-image{order:1;width:95%;margin-left:5%;clip-path:polygon(10% 0,100% 0,100% 100%,10% 100%,0 50%)}.focus-image>span{left:17%;bottom:35px;font-size:25px}.focus-grid{gap:25px 20px}.focus-grid h3{font-size:13px}.ecosystem-intro{display:block}.ecosystem-intro p{margin-top:20px;max-width:none}.pathways{grid-template-columns:1fr;margin-top:30px}.pathways article,.pathways article+article{border-left:0;padding:28px 0;border-bottom:1px solid #d4dadd}.pathways h3{margin:15px 0 12px}.pathways p{min-height:0;max-width:350px}.pathways a{margin-top:15px;max-width:350px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-note{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:15px}.footer-bottom{gap:20px;font-size:9px}.site-footer{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.arrow{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.hex-photo.botanical{background-size:270%;background-position:53% 72%;background-color:#e7ede7}.pathways .arrow{color:var(--accent)}

/* GarudaLab identity: D monogram + B geometric wordmark. */
.brand .brand-logo{display:block;width:240px;height:40px;max-width:none;object-fit:contain}
.footer-brand .brand .brand-logo{width:210px;height:35px}
@media(max-width:1050px){.brand .brand-logo{width:210px;height:35px}}
@media(max-width:760px){.brand .brand-logo{width:208px;height:35px}.footer-brand .brand .brand-logo{width:210px;height:35px}}

/* v0.3: readable type sizes and room for longer copy. */
:root{--muted:#505b60}
body{font-size:19px;line-height:1.7}
.utility{height:40px;font-size:14px;letter-spacing:.06em}
.site-header{top:40px}
nav{font-size:16px;gap:26px}
h2{font-size:clamp(32px,3.3vw,46px);line-height:1.15;letter-spacing:-.035em}
.eyebrow{font-size:14px;color:#c72f42;letter-spacing:.11em}
.hero{min-height:760px;height:min(850px,calc(100svh - 40px));padding-top:175px}
.hero h1{max-width:800px}
.hero p{font-size:20px;max-width:510px;line-height:1.65}
.button{font-size:17px;min-height:54px}
.section-heading p{font-size:19px}
.hex-grid{max-width:980px}
.hex-photo{height:315px}
.hex-label{width:200px;height:220px}
.hex-label h3{font-size:21px;line-height:1.2;letter-spacing:-.02em}
.hex-label>span{font-size:14px;color:#657085}
.hex-item>p{font-size:18px;line-height:1.5;max-width:300px;margin-inline:auto}
.split-copy .lead{font-size:23px;line-height:1.5}
.split-copy>p:not(.lead){font-size:19px;line-height:1.7}
.principles{column-gap:18px}
.principles h3{font-size:18px;line-height:1.3;letter-spacing:-.02em;overflow-wrap:normal}
.principles p{font-size:16px;line-height:1.55}
.principles span{font-size:20px}
.about-image{max-height:none;min-height:680px}
.focus-grid{gap:28px 24px}
.focus-grid h3{font-size:19px;line-height:1.3}
.focus-grid p{font-size:18px;line-height:1.55}
.focus-image{min-height:790px;max-height:none}
.focus-image>span{font-size:25px;line-height:1.35;font-weight:500;letter-spacing:-.01em}
.text-link{font-size:17px;line-height:1.5}
.ecosystem-intro{align-items:flex-start;gap:48px}
.ecosystem-intro h2{max-width:650px}
.ecosystem-intro>p{font-size:19px;max-width:390px}
.path-number{font-size:14px;letter-spacing:.07em}
.pathways h3{font-size:29px;line-height:1.2}
.pathways p{font-size:18px;max-width:none;min-height:125px;line-height:1.65}
.pathways a{font-size:17px;line-height:1.4;min-height:44px}
.footer-grid{grid-template-columns:1.2fr 1.1fr 1.2fr 1.1fr;gap:32px}
.footer-brand p,.footer-note p{font-size:17px;color:#d0d8dc;line-height:1.65}
.domain{font-size:16px}
.footer-grid h2{font-size:19px;line-height:1.4}
.footer-grid>div>a:not(.brand){font-size:17px;color:#d0d8dc;line-height:1.55;margin-bottom:15px}
.footer-bottom{font-size:14px;color:#c2cbd0}
.footer-bottom span:last-child{letter-spacing:.07em}
@media(max-width:1150px) and (min-width:981px){
 .principles{grid-template-columns:1fr}
 .principles>div{display:grid;grid-template-columns:48px 1fr;column-gap:16px;align-items:start}
 .principles span{grid-row:1/3;margin:0}
 .principles h3{margin-top:1px}.principles p{margin-top:4px}
 .focus-grid{grid-template-columns:1fr}
}
@media(max-width:1050px){
 .hex-photo{height:260px}.hex-label{width:174px;height:196px}.hex-label h3{font-size:19px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:38px 48px}
}
@media(max-width:980px){
 .menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;color:inherit;padding:10px;cursor:pointer}
 .menu-toggle span{height:2px;width:24px;background:currentColor}
 nav{display:none;position:absolute;left:0;top:92px;width:100%;background:#243136;padding:22px 32px;align-items:stretch;gap:4px;font-size:18px;border-top:1px solid #ffffff30}
 nav.open{display:flex;flex-direction:column}
 .nav-contact{margin-top:12px;justify-content:space-between}
 .split{grid-template-columns:1fr}
 .split-copy,.focus .split-copy{padding:55px 48px}
 .about-image,.focus-image{min-height:0;height:460px;max-height:460px;width:95%}
 .focus-image{order:1;margin-left:5%}.focus .split-copy{order:2}
 .ecosystem-intro{display:block}.ecosystem-intro>p{max-width:650px;margin-top:22px}
 .pathways article,.pathways article+article{padding-right:20px;padding-left:20px}
 .pathways article:first-child{padding-left:0}.pathways h3{font-size:25px}
 .pathways p{min-height:180px}
}
@media(max-width:760px){
 body{font-size:18px}.utility{height:36px;font-size:13px}.site-header{top:36px}
 nav{top:76px;padding:22px 25px;font-size:18px}
 .hero{min-height:730px;height:auto;padding:150px 0 140px}
 .hero h1{font-size:clamp(40px,9.5vw,58px);line-height:1.08}
 .hero p{font-size:19px;max-width:460px}
 .section-heading h2,.split h2{font-size:34px;line-height:1.2}
 .section-heading p{font-size:18px}
 .hex-grid{max-width:310px}.hex-photo{height:315px}.hex-label{width:200px;height:220px}
 .hex-label h3{font-size:21px}.hex-item>p{font-size:18px}
 .split-copy,.focus .split-copy{padding:45px 25px}
 .split-copy .lead{font-size:22px}.split-copy>p:not(.lead){font-size:18px}
 .about-image,.focus-image{height:400px;max-height:400px}
 .principles{grid-template-columns:1fr;gap:24px}
 .principles>div{display:grid;grid-template-columns:48px 1fr;column-gap:16px;align-items:start}
 .principles span{grid-row:1/3;margin:0}.principles h3{font-size:19px;margin-top:1px}.principles p{font-size:17px;margin-top:4px}
 .focus-grid{grid-template-columns:1fr;gap:28px}
 .focus-grid>div{padding-left:48px}.focus-grid h3{font-size:20px}.focus-grid p{font-size:18px}
 .focus-image>span{font-size:23px}
 .pathways h3{font-size:28px}.pathways p{font-size:18px;min-height:0;max-width:none}
 .pathways article,.pathways article+article{padding:28px 0}
 .footer-grid{grid-template-columns:1fr;gap:20px}.footer-brand,.footer-note{grid-column:auto}
 .footer-brand .brand .brand-logo{width:230px;height:39px}
 .footer-bottom{font-size:14px;flex-direction:column;gap:8px}
}

@media(min-width:981px){.about-image{min-height:700px;max-height:780px}.focus-image{max-height:920px}}

/* v0.4: imagery for biological research, bioinformatics and natural products. */
.hero-photo{background-image:url('assets/garudalab-research-workspace-v04.jpg');background-position:center 52%}
.hero-shade{background:linear-gradient(90deg,rgba(14,24,28,.55) 0%,rgba(14,24,28,.35) 34%,rgba(14,24,28,.04) 70%,rgba(14,24,28,.06) 100%)}
.about-image img{object-position:47% 63%}
.hex-photo.data{background-image:url('assets/data-bioinformatics-v04.svg')}
.hex-photo.botanical{background-image:url('assets/garudalab-botanical-v04.jpg');background-size:cover;background-position:center}
@media(max-width:760px){
 .hero-photo{background-position:76% center}
 .hero-shade{background:linear-gradient(90deg,rgba(14,24,28,.84),rgba(14,24,28,.52))}
 .about-image img{object-position:45% 70%}
}

/* Keep navigation readable over the new window-lit hero. */
.site-header{background:rgba(14,24,28,.60)}