/* Biolab: an editorial storefront. The owner's typography controls stay authoritative. */
:root{--page-width:1600px}
html{scroll-padding-top:110px}
body{overflow-wrap:break-word}
.section-shell{max-width:var(--page-width);padding-inline:6%}
.announcement{font-size:11px;padding-block:8px;letter-spacing:.08em}
.site-header{padding:14px 4%;background:var(--paper);gap:20px}
.site-header .brand img{width:128px;height:42px}
.site-header nav a{font-size:13px;line-height:1.4;transition:color .2s}
.site-header nav a:hover{text-decoration:underline;text-underline-offset:8px}
.site-header .header-actions{display:flex;gap:12px;flex-shrink:0}
.cart-link{position:relative;display:flex;align-items:center;gap:7px;text-decoration:none;min-height:44px;min-width:44px;justify-content:center}
.cart-link svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4}
.cart-count{min-width:19px;height:19px;font-size:10px}
.hero{position:relative;max-width:var(--page-width);grid-template-columns:1fr 1fr;gap:5%;min-height:0;padding:64px 6%;background:var(--ink);color:var(--paper);overflow:hidden}
.hero-copy{padding:14px 0;position:relative;z-index:1}
.hero .eyebrow{font-size:10px;letter-spacing:.2em;color:var(--mint);margin-bottom:26px}
.hero .status-dot{background:var(--mint);box-shadow:0 0 0 5px #b8efdf12}
.hero h1{font-size:clamp(60px,6.2vw,100px);line-height:.99;letter-spacing:-.055em;margin-bottom:28px}
.hero h1 em{color:var(--mint)}
.hero-description{font-size:16px;line-height:1.75;max-width:470px;color:#d3e2de}
.hero-actions{margin-top:18px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:24px}
.hero .button{background:var(--mint);border-color:var(--mint);color:var(--ink);min-height:54px}
.hero .button:hover{background:white;border-color:white}
.hero .text-link{color:var(--paper);border-color:#c9ddd580;font-size:13px}
.hero-footnote{gap:28px;margin-top:48px;padding-top:22px;border-top:1px solid #c8e9dc30;color:#c6ded6;font-size:10px}
.hero-art{min-height:560px;align-self:stretch;border-radius:170px 170px 6px 6px;background:var(--deep)}
.hero-art>img{object-position:53% center;filter:saturate(.88)}
.hero-art-caption{padding:28px;letter-spacing:.14em;background:linear-gradient(transparent,#042c33cc)}
.hero-art-caption a{background:#ffffff16;width:44px;height:44px}
.service-strip{background:var(--mint);border:0;padding-block:21px;font-size:12px;letter-spacing:.03em}
.service-strip .strip-small{color:var(--ink);font-size:11px}
.collection .section-heading{margin-bottom:34px}
.section-heading .eyebrow,.evidence-teaser .eyebrow{font-size:10px;letter-spacing:.19em}
h2{font-size:clamp(38px,4.8vw,72px);line-height:1.06}
.section-heading>p{line-height:1.75;width:380px}
.collection-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 44px}
.collection-path{position:relative;display:flex;align-items:center;gap:24px;min-width:0;padding:16px;background:#e6efeb;border:1px solid transparent;border-radius:6px;text-decoration:none;transition:border-color .2s,background .2s}
.collection-path:hover{border-color:var(--teal);background:#dfede6}
.collection-path.light{background:var(--rose)}
.collection-path.light:hover{border-color:var(--red)}
.collection-path img{width:92px;height:100px;object-fit:cover;border-radius:3px}
.collection-path>span{display:grid;gap:5px}
.collection-path small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.collection-path strong{font:400 27px/1.1 var(--serif)}
.collection-path b{font-size:25px;font-weight:400;margin-left:auto;padding-right:10px}
.collection-toolbar{padding-bottom:18px;margin-bottom:28px}
.filters button{font-size:13px;min-height:44px;padding:10px 18px}
.product-grid{gap:40px 24px}
.product-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px 10px 20px;transition:box-shadow .25s,border-color .25s}
.product-card:hover{border-color:#8eb5a8;box-shadow:0 12px 32px #073f490b}
.product-image{aspect-ratio:1.12;border-radius:4px}
.product-image img{transition:transform .5s}
.product-meta,.product-name,.product-short,.card-footer{margin-inline:10px}
.product-meta{margin-top:20px;margin-bottom:10px}
.product-meta .goal{font-size:9px;letter-spacing:.08em;max-width:90%}
.product-meta .code{font-size:10px}
.product-name{font-size:26px;margin-bottom:10px;letter-spacing:-.025em}
.product-short{font-size:14px;line-height:1.65;min-height:46px;margin-bottom:20px}
.card-footer{padding-top:18px;display:grid;grid-template-columns:1fr;gap:17px}
.card-price .price-final{font-size:32px;line-height:1.1;letter-spacing:-.04em}
.card-price .price-offer-label{font-size:9px;letter-spacing:.1em;margin-block:0 8px}
.card-price small{font-size:11px;line-height:1.5;margin-top:10px}
.card-choose{width:100%;font-size:12px;min-height:44px;background:#f6f9f8}
.price-reference{margin-bottom:6px}
.collection-bottom{margin-top:32px;padding-top:24px}
.light-story{max-width:calc(var(--page-width) - 12%);margin-inline:6%;border-radius:8px;overflow:hidden}
.story-image{min-height:600px}
.story-copy{padding:50px 10%}
.story-copy h2{font-size:clamp(38px,4vw,62px)}
.story-copy .eyebrow{font-size:10px;line-height:1.7}
.story-points{margin-block:24px}
.story-points>div{padding-block:13px}
.evidence-teaser{gap:10%;padding-block:110px}
.evidence-teaser p:not(.eyebrow){line-height:1.75}
.evidence-teaser-visual{gap:20px;position:relative}
.evidence-teaser-visual img{aspect-ratio:.75;border-radius:140px 140px 5px 5px}
.evidence-teaser-visual img+img{margin-top:70px;border-radius:5px 5px 140px 140px}
.how-section{background:var(--deep);color:var(--paper);position:relative}
.how-section .eyebrow,.how-section .steps li>span{color:var(--mint)}
.how-section .section-heading>p,.how-section .steps p{color:#c6dcd5}
.how-section .steps li{border-top-color:#bbd6cb40}
.how-section .steps h3{font-family:var(--serif);font-size:27px}
.how-section .button{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.how-section .text-link{border-color:#b8efdf80;color:var(--paper)}
.steps{gap:50px;margin-block:44px}
.tool-section{padding-block:40px}
.tool-section>details>summary h2{font-size:30px}
.tool-section .eyebrow{font-size:10px}
.faq{gap:12%}
.faq-items details{padding-block:23px}
.faq-items summary{font-size:16px;line-height:1.6}
.contact-section{margin:0 3% 24px;border-radius:8px;max-width:none;padding-block:64px;background:var(--mint);color:var(--ink);gap:10%}
.contact-section h2 em,.contact-section .eyebrow{color:var(--teal)}
.contact-section>div>p:not(.eyebrow){color:var(--muted)}
.contact-section .mint-button{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.contact-section .mint-button:hover{background:var(--deep)}
footer{padding-block:30px 50px}
.floating-wa{background:var(--paper);color:var(--ink);border:1px solid var(--line);font-size:12px;bottom:20px;right:20px;box-shadow:0 5px 20px #042c331c}
.floating-wa:hover{background:var(--mint);color:var(--ink)}
.product-dialog{border-radius:12px}
.product-dialog>.dialog-close{position:sticky;top:14px;margin-left:auto;margin-right:14px;margin-bottom:-40px;width:44px;height:44px}
.detail-copy{padding:56px 38px 30px}
.detail-copy h2{font-size:40px}
.detail-image{min-height:650px}
.evidence-hero{padding-top:65px}
.evidence-hero h1{max-width:1050px;font-size:clamp(48px,6vw,82px)}
.evidence-hero .lead{font-size:18px}
.evidence-category{border:0;border-radius:8px;min-height:280px}
.evidence-category strong{font-size:36px}
.study-card{border-radius:7px;padding:34px;box-shadow:0 4px 22px #073f4904}
.study-card h3{font-family:var(--serif);font-size:29px;line-height:1.2}
.study-top{margin-bottom:26px}
.study-icon{color:var(--teal)}
.study-badge{font-size:11px}
.study-card .eyebrow{font-size:10px;letter-spacing:.1em}
.study-card details{margin-top:10px}
.study-card summary{line-height:1.6}
.study-card .study-link{min-height:34px}
.evidence-note{border-left:3px solid var(--teal);border-radius:0 5px 5px 0}
@media(min-width:1800px){.light-story{margin-inline:auto}.contact-section{max-width:1504px;margin-inline:auto}}
@media(max-width:1200px){
 .hero{padding-block:48px;gap:5%}.hero h1{font-size:72px}.hero-art{min-height:570px;border-radius:130px 130px 5px 5px}
 .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-description{font-size:15px}.hero-footnote{margin-top:34px;font-size:9px;gap:16px}
 .site-header{padding-block:10px}.site-header nav a{font-size:17px;min-height:46px}.story-image{min-height:570px}
 .product-name{font-size:23px}.product-meta .goal{font-size:9px}
}
@media(max-width:900px){
 .hero{grid-template-columns:1fr 1fr;gap:25px;padding-inline:5%;padding-block:40px}.hero h1{font-size:60px}.hero-art{min-height:560px;border-radius:100px 100px 5px 5px}.hero-footnote{flex-wrap:wrap;gap:10px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-path{gap:15px}.collection-path strong{font-size:24px}.collection-path img{width:70px;height:90px}
 .light-story{margin-inline:5%}.story-copy{padding:36px 8%}.story-image{min-height:600px}.story-copy h2{font-size:40px}
 .evidence-teaser{gap:6%}.contact-section{gap:6%;padding-inline:5%}.steps{gap:24px}.steps h3{font-size:24px}
}
@media(max-width:700px){
 html{scroll-padding-top:80px}.section-shell{padding-inline:6%}.announcement{font-size:10px;letter-spacing:0;padding:8px 5%}.site-header{padding:9px 5%}.site-header .brand img{width:115px;height:38px}
 .hero{grid-template-columns:1fr;padding:42px 6% 28px;gap:30px}.hero-copy{padding:0}.hero h1{font-size:66px;max-width:500px;margin-bottom:23px}.hero .eyebrow{margin-bottom:24px}.hero-description{font-size:15px;max-width:520px;line-height:1.7}
 .hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:12px}.hero .button{font-size:13px;min-height:50px;padding:14px 18px}.hero .text-link{font-size:12px}.hero-footnote{margin-top:30px;gap:24px;padding-top:18px;flex-wrap:nowrap}
 .hero-art{min-height:0;height:420px;border-radius:120px 120px 5px 5px}.hero-art>img{object-position:center 60%}.hero-art-caption{padding:22px;font-size:9px}
 .service-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-block:20px;font-size:10px}.service-strip .strip-small{font-size:10px}
 .section-space{padding-block:60px}.section-heading{display:block}.section-heading h2{font-size:44px}.section-heading>p{width:100%;max-width:100%;margin-top:23px;font-size:15px}
 .collection-paths{gap:12px;margin-bottom:30px}.collection-path{display:grid;gap:12px;padding:12px}.collection-path img{width:100%;height:130px;object-position:50% 60%}.collection-path>span{gap:6px}.collection-path strong{font-size:24px}.collection-path small{font-size:8px;letter-spacing:.04em}.collection-path b{position:absolute;right:14px;top:108px;background:white;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;padding:0;font-size:20px}
 .collection-toolbar{display:block}.collection-toolbar .filters{gap:6px}.filters button{font-size:11px;min-height:42px;padding:9px 12px}.filters button span{margin-left:5px}.catalogue-count{display:block;margin-top:13px;font-size:11px}
 .product-grid{gap:22px 14px}.product-card{padding:8px 8px 16px}.product-meta,.product-name,.product-short,.card-footer{margin-inline:6px}.product-name{font-size:23px}.product-short{display:block;font-size:13px;min-height:44px}.product-meta .goal{font-size:9px;line-height:1.4}.product-meta .code{display:none}.product-image .image-chip{top:10px;left:10px;font-size:9px;padding:4px 7px}.card-footer{gap:15px}.card-price .price-final{font-size:29px}.card-price small{font-size:10px}.card-price .price-offer-label{font-size:8px}.card-choose{font-size:12px;padding:10px;gap:8px}
 .collection-bottom{display:block}.collection-bottom .text-link{margin-top:16px}.collection-bottom p{font-size:14px}
 .light-story{grid-template-columns:1fr;margin-inline:6%}.story-image{min-height:0;aspect-ratio:1.15}.story-copy{padding:34px 8% 40px}.story-copy h2{font-size:43px}.story-copy>p:not(.eyebrow){font-size:15px}.story-points p{font-size:13px}
 .evidence-teaser{gap:32px}.evidence-teaser h2{font-size:44px}.evidence-teaser-visual{gap:16px}.evidence-teaser-visual img+img{margin-top:35px}.evidence-teaser p:not(.eyebrow){font-size:15px}
 .steps{grid-template-columns:1fr;gap:26px;margin-block:30px}.steps li{position:relative;padding:20px 0 0 44px}.steps li>span{position:absolute;left:0;top:23px}.steps h3{margin:0 0 10px}.steps p{max-width:100%;font-size:14px;margin:0}.distributor-actions{gap:22px}.distributor-actions .text-link{font-size:13px}
 .tool-section{padding-block:34px}.tool-section>details>summary h2{font-size:28px}.tool-section>details>summary p:last-child{font-size:13px}.expand-circle{width:40px;height:40px;font-size:24px}
 .faq{grid-template-columns:1fr;gap:24px}.faq h2{font-size:44px}.faq-items summary{font-size:15px}.faq-items p{font-size:14px}
 .contact-section{grid-template-columns:1fr;margin:0 4% 12px;padding:40px 7%;gap:20px}.contact-section h2{font-size:42px}.contact-section>div>p:not(.eyebrow){font-size:14px;margin-top:20px}.contact-actions{gap:18px}.contact-actions .button{font-size:13px}.contact-number{font-size:25px}
 footer{padding-bottom:96px;gap:18px}footer>div{flex-wrap:wrap;gap:16px}.floating-wa{bottom:16px;right:16px;padding:10px 13px}.floating-wa svg{width:24px;height:24px}
 .product-dialog{width:96vw;max-height:93dvh}.detail-layout{grid-template-columns:1fr}.detail-image{min-height:0;height:300px}.detail-copy{padding:30px 23px}.detail-copy h2{font-size:36px}.detail-copy .eyebrow{padding-right:0}.detail-price .price-final{font-size:34px}
 .evidence-hero{padding-top:40px}.evidence-hero h1{font-size:48px}.evidence-hero .lead{font-size:16px}.evidence-category{min-height:250px;padding:20px 16px}.evidence-category strong{font-size:28px}.evidence-category small{font-size:11px}.evidence-categories{gap:12px}.evidence-note{padding:22px}.study-card{padding:26px}.study-card h3{font-size:27px}
}
@media(max-width:420px){.hero h1{font-size:59px}.hero-art{height:350px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:1.17}.product-name{font-size:27px}.product-short{min-height:0}.product-meta .goal{font-size:10px}.card-footer{grid-template-columns:1fr auto;align-items:end;gap:12px}.card-choose{width:auto}.card-price .price-final{font-size:30px}.collection-path strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}