:root{--ink:#24221f;--muted:#706a62;--paper:#f4f0e8;--paper2:#e9e2d7;--line:#cfc6b9;--dark:#24221f;--light:#f7f3eb;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{max-width:1240px;margin:0 auto;padding:26px 34px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:14px;letter-spacing:.13em;font-weight:700;white-space:nowrap}.brand span{font-size:10px;display:block;letter-spacing:.3em}.top-nav{display:flex;gap:22px;margin-left:auto;font:12px/1.2 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.top-nav a:hover,.nav-supplier:hover{opacity:.55}.nav-supplier{font:700 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink);padding:10px 13px;white-space:nowrap}main{max-width:1240px;margin:0 auto}.eyebrow,.section-label{font:700 10px/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.home-hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:76px 34px 86px;gap:70px}.hero-copy h1,.page-hero h1{font-size:clamp(64px,8vw,112px);line-height:.9;letter-spacing:-.045em;margin:20px 0 30px;font-weight:400}.hero-copy h1 em,.page-hero h1 em{font-style:italic}.hero-lede,.page-hero>p:last-child{max-width:590px;font-size:20px;line-height:1.55;color:#4e4942}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:38px}.button{display:inline-flex;align-items:center;gap:22px;padding:14px 20px;font:700 11px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.button-dark{background:var(--dark);color:var(--light)}.button-light{background:var(--light);color:var(--dark)}.text-link{font:700 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-art{height:480px;position:relative;border-left:1px solid var(--line);overflow:hidden}.hero-art:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #b7aa97;border-radius:50%;left:18%;top:10%;opacity:.7}.hero-art:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #b7aa97;border-radius:50%;left:42%;top:34%;opacity:.55}.molecule{position:absolute}.molecule i{position:absolute;width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}.molecule-a{left:29%;top:26%;width:260px;height:220px;transform:rotate(-16deg)}.molecule-a i:nth-child(1){left:0;top:90px}.molecule-a i:nth-child(2){left:60px;top:20px}.molecule-a i:nth-child(3){left:135px;top:68px}.molecule-a i:nth-child(4){left:190px;top:145px}.molecule-a i:nth-child(5){left:100px;top:180px}.molecule-a:before,.molecule-a:after{content:"";position:absolute;height:1px;background:#8d8375;transform-origin:left center}.molecule-a:before{width:90px;left:10px;top:90px;transform:rotate(-49deg);box-shadow:60px 42px 0 #8d8375,118px 82px 0 #8d8375}.molecule-a:after{width:85px;left:65px;top:27px;transform:rotate(30deg);box-shadow:58px 46px 0 #8d8375}.molecule-b{right:10%;bottom:18%;width:150px;height:130px;transform:rotate(22deg)}.molecule-b i:nth-child(1){left:0;top:50px}.molecule-b i:nth-child(2){left:48px;top:0}.molecule-b i:nth-child(3){left:100px;top:46px}.molecule-b i:nth-child(4){left:50px;top:102px}.molecule-b:before{content:"";position:absolute;left:9px;top:51px;width:100px;height:1px;background:#8d8375;box-shadow:42px -47px 0 #8d8375,52px 46px 0 #8d8375}.hero-caption{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:space-between;font:9px Arial,sans-serif;letter-spacing:.12em;color:var(--muted)}.century{padding:110px 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.century-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:28px}.century h2{font-size:56px;line-height:1;margin:0 0 24px;font-weight:400}.big-copy{font-size:22px;color:#4f4a43}.timeline-mini{border-top:1px solid var(--line)}.timeline-mini div{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.timeline-mini strong{font-size:18px}.timeline-mini span{color:var(--muted)}.feature-r3tta{background:var(--dark);color:var(--light);padding:110px 34px}.feature-meta{font:700 10px Arial,sans-serif;letter-spacing:.18em;color:#bfb5a7}.reta-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:35px}.reta-layout h2{font-size:66px;line-height:.96;font-weight:400;letter-spacing:-.035em;margin:0 0 25px}.reta-layout h2 em{font-style:italic}.reta-layout p{max-width:580px;color:#cfc7bc;font-size:19px}.light-link{color:var(--light);border-color:var(--light);display:inline-block;margin-top:20px}.pathway-diagram{height:390px;position:relative;border:1px solid #59534b}.center-node,.path-node{position:absolute;border:1px solid #b8aea0;background:var(--dark);display:flex;align-items:center;justify-content:center;border-radius:50%;font:700 12px Arial,sans-serif;letter-spacing:.08em}.center-node{width:120px;height:120px;left:50%;top:50%;transform:translate(-50%,-50%)}.path-node{width:90px;height:90px}.node-gip{left:7%;top:11%}.node-glp{right:7%;top:16%}.node-gcg{left:39%;bottom:7%}.line{height:1px;background:#80786e;position:absolute;transform-origin:left}.line-one{width:190px;left:25%;top:38%;transform:rotate(22deg)}.line-two{width:175px;left:54%;top:41%;transform:rotate(153deg)}.line-three{width:140px;left:47%;top:59%;transform:rotate(75deg)}.home-cards{padding:110px 34px}.three-cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid var(--line)}.editorial-card{padding:30px 28px 34px;border-right:1px solid var(--line);min-height:300px;display:flex;flex-direction:column}.editorial-card:last-child{border-right:0}.editorial-card span{font:11px Arial,sans-serif;color:var(--muted)}.editorial-card h3{font-size:37px;font-weight:400;margin:55px 0 14px}.editorial-card p{color:var(--muted);max-width:330px}.editorial-card b{font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-top:auto}.supplier-feature{margin:0 34px 100px;padding:50px 54px;background:#cfc2ae;display:flex;justify-content:space-between;align-items:center;gap:30px}.supplier-feature h2{font-size:42px;font-weight:400;margin:10px 0}.supplier-feature p{max-width:650px;color:#4e473e}.supplier-feature.small{margin-top:100px}.page-hero{padding:100px 34px 85px;border-bottom:1px solid var(--line)}.page-hero.compact{padding-bottom:70px}.page-hero p:last-child{max-width:680px;margin:0;font-size:20px}.essay-list{padding:10px 34px 80px}.essay-row{display:grid;grid-template-columns:70px 1fr 30px;gap:30px;align-items:start;padding:38px 0;border-bottom:1px solid var(--line)}.essay-row>span{font:12px Arial,sans-serif;color:var(--muted)}.essay-row small{font:700 10px Arial,sans-serif;letter-spacing:.15em;color:var(--muted)}.essay-row h2{font-size:32px;font-weight:400;line-height:1.15;margin:8px 0}.essay-row p{color:var(--muted);margin:0;max-width:760px}.essay-row>b{font:20px Arial,sans-serif}.essay-dark{background:var(--dark);color:var(--light);padding:48px 30px;margin:30px 0}.essay-dark small,.essay-dark p{color:#cfc7bc}.peptide-grid{padding:10px 34px 90px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.peptide-card{background:var(--paper);padding:42px;min-height:250px;display:flex;flex-direction:column}.peptide-card.featured{background:var(--dark);color:var(--light);grid-column:span 2;min-height:300px}.peptide-card span{font:700 9px Arial,sans-serif;letter-spacing:.17em;color:var(--muted)}.peptide-card.featured span{color:#bfb5a7}.peptide-card h2{font-size:42px;font-weight:400;margin:38px 0 8px}.peptide-card p{color:var(--muted);max-width:500px}.peptide-card.featured p{color:#cfc7bc}.peptide-card b{font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-top:auto}.bench{padding:80px 34px 110px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.bench-intro h2{font-size:48px;line-height:1.05;font-weight:400;margin:20px 0}.bench-intro>p{font-size:18px;color:var(--muted);max-width:600px}.fine-print{font-size:13px!important}.calculator-card{background:var(--white);padding:36px;border:1px solid var(--line)}.calculator-card label{display:block;font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.calculator-card input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #bcb2a5;background:var(--paper);font:18px Georgia,serif}.calculator-card button{width:100%;padding:15px;border:0;background:var(--dark);color:var(--light);font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.calculator-results{margin-top:26px;border-top:1px solid var(--line)}.calculator-results div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.calculator-results span{color:var(--muted)}.calculator-results strong{font-size:18px}.calculator-error{color:#8a3f32;font:13px Arial,sans-serif}.source-page-list{padding:10px 34px 80px}.source-page-list a{display:grid;grid-template-columns:100px 1fr 30px;gap:30px;padding:32px 0;border-bottom:1px solid var(--line);align-items:center}.source-page-list span{font:700 10px Arial,sans-serif;letter-spacing:.15em;color:var(--muted)}.source-page-list h2{font-size:28px;font-weight:400;margin:0}.source-page-list p{color:var(--muted);margin:4px 0 0}.source-page-list b{font:18px Arial,sans-serif}.source-note{margin:0 34px 100px;padding:28px;background:var(--paper2);color:#514b43}.about-grid{padding:90px 34px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-grid h2{font-size:48px;line-height:1.05;font-weight:400}.about-grid p{font-size:19px;color:var(--muted);max-width:650px}.supplier-strip{margin:0 34px 100px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font:700 10px Arial,sans-serif;letter-spacing:.13em}.supplier-strip a{border-bottom:1px solid var(--ink);padding-bottom:4px}footer{max-width:1240px;margin:0 auto;padding:30px 34px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:10px Arial,sans-serif;letter-spacing:.12em;color:var(--muted)}.supplier-modal{position:fixed;inset:0;z-index:1000;display:none}.supplier-modal[aria-hidden="false"]{display:block}.supplier-modal-backdrop{position:absolute;inset:0;background:rgba(30,27,23,.62)}.supplier-modal-card{position:relative;max-width:590px;margin:10vh auto 0;background:var(--paper);padding:40px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.supplier-modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;cursor:pointer}.supplier-modal-card h2{font-size:38px;line-height:1.05;font-weight:400;margin:10px 0 16px}.supplier-modal-intro,.supplier-modal-footnote{color:var(--muted)}.supplier-check{display:flex;gap:12px;align-items:flex-start;margin:17px 0;font-size:16px}.supplier-check input{margin-top:6px}.supplier-modal-actions{display:flex;gap:12px;margin-top:28px}.supplier-cancel,.supplier-continue{padding:13px 16px;border:1px solid var(--ink);font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.supplier-cancel{background:transparent}.supplier-continue{background:var(--dark);color:var(--light)}.supplier-continue:disabled{opacity:.35;cursor:not-allowed}.supplier-modal-open{overflow:hidden}@media(max-width:900px){.site-header{flex-wrap:wrap;padding:20px}.top-nav{order:3;width:100%;overflow:auto;margin:0;gap:18px;padding-top:4px}.nav-supplier{margin-left:auto}.home-hero,.century-grid,.reta-layout,.bench,.about-grid{grid-template-columns:1fr}.home-hero{padding:55px 22px;gap:40px}.hero-art{height:330px;border-left:0;border-top:1px solid var(--line)}.century,.feature-r3tta,.home-cards{padding:75px 22px}.three-cards{grid-template-columns:1fr}.editorial-card{border-right:0;border-bottom:1px solid var(--line)}.supplier-feature{margin:0 22px 70px;padding:35px;display:block}.supplier-feature .button{margin-top:20px}.page-hero{padding:65px 22px 55px}.essay-list,.peptide-grid,.bench,.source-page-list,.about-grid{padding-left:22px;padding-right:22px}.peptide-grid{grid-template-columns:1fr}.peptide-card.featured{grid-column:span 1}.essay-row{grid-template-columns:35px 1fr 20px;gap:15px}.essay-row h2{font-size:26px}.pathway-diagram{height:320px}.supplier-strip{margin-left:22px;margin-right:22px}footer{padding-left:22px;padding-right:22px}}@media(max-width:560px){.brand{font-size:12px}.nav-supplier{font-size:9px;padding:8px}.hero-copy h1,.page-hero h1{font-size:60px}.hero-lede,.page-hero>p:last-child{font-size:17px}.century h2{font-size:43px}.reta-layout h2{font-size:48px}.path-node{width:72px;height:72px;font-size:9px}.center-node{width:96px;height:96px}.supplier-modal-card{margin:4vh 16px 0;padding:28px}.supplier-modal-card h2{font-size:31px}}

/* Research page — editorial card system */
.research-intro{padding:92px 34px 78px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;border-bottom:1px solid var(--line)}
.research-intro h1{font-size:clamp(72px,8vw,116px);line-height:.86;letter-spacing:-.05em;font-weight:400;margin:18px 0 0}.research-intro h1 em{font-style:italic}
.research-intro-copy>p{font-size:21px;line-height:1.55;color:#514b43;max-width:590px}
.research-stats{display:flex;gap:30px;border-top:1px solid var(--line);margin-top:38px;padding-top:17px;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.research-stats strong{font:18px Georgia,serif;color:var(--ink);margin-right:5px}
.research-feature{margin:0 34px 110px;background:var(--dark);color:var(--light);display:grid;grid-template-columns:1.05fr .95fr;min-height:530px}
.feature-visual{position:relative;min-height:530px;overflow:hidden;border-right:1px solid #514c45;background:radial-gradient(circle at center,rgba(194,181,157,.12),transparent 55%)}
.orbit{position:absolute;border:1px solid #665f56;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit-1{width:310px;height:310px}.orbit-2{width:220px;height:220px}.orbit-3{width:400px;height:400px}
.feature-core{position:absolute;width:112px;height:112px;border:1px solid #c4b8a7;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font:700 14px Arial,sans-serif;letter-spacing:.14em}
.feature-node{position:absolute;border:1px solid #81786c;padding:9px 12px;font:9px Arial,sans-serif;letter-spacing:.12em;background:var(--dark)}
.n1{left:14%;top:23%}.n2{right:12%;top:31%}.n3{left:39%;bottom:13%}
.feature-copy{padding:72px 65px;display:flex;flex-direction:column;justify-content:center}.card-kicker{font:700 10px Arial,sans-serif;letter-spacing:.17em;color:#b9afa1}.feature-copy h2{font-size:68px;line-height:.95;font-weight:400;margin:17px 0 6px;letter-spacing:-.035em}.feature-subtitle{font-size:22px!important;font-style:italic;color:#e0d8cc!important;margin:0 0 25px!important}.feature-copy>p:not(.card-kicker):not(.feature-subtitle){font-size:18px;color:#c9c1b6;max-width:490px}.feature-copy .button{align-self:flex-start;margin-top:25px}
.research-section{padding:0 34px 110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:32px}.section-heading h2{font-size:48px;line-height:1.02;font-weight:400;margin:10px 0 0;letter-spacing:-.025em}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.research-card{position:relative;background:var(--paper2);min-height:560px;padding:30px;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease}.research-card:hover{transform:translateY(-5px)}.research-card:nth-child(2){background:#ded7cc}.card-number{font:10px Arial,sans-serif;letter-spacing:.12em;color:var(--muted);position:relative;z-index:2}.card-art{height:240px;position:relative;margin:5px -30px 0;overflow:hidden}.peptide-art:before{content:"";position:absolute;width:210px;height:210px;border:1px solid #a99e90;border-radius:50%;left:30%;top:10%}.peptide-art:after{content:"";position:absolute;width:110px;height:110px;border:1px solid #8f8577;border-radius:50%;left:46%;top:29%}.peptide-art i{position:absolute;width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--paper2);z-index:2}.peptide-art i:nth-child(1){left:27%;top:49%}.peptide-art i:nth-child(2){left:41%;top:25%}.peptide-art i:nth-child(3){left:59%;top:38%}.peptide-art i:nth-child(4){left:67%;top:61%}.peptide-art i:nth-child(5){left:48%;top:75%}.evidence-art{display:flex;align-items:center;justify-content:center;gap:0}.evidence-art span{width:125px;height:125px;border:1px solid #a89e91;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:700 9px Arial,sans-serif;letter-spacing:.08em;margin-left:-18px;background:rgba(244,240,232,.35)}.evidence-art span:first-child{margin-left:0}.card-content{margin-top:auto;position:relative;z-index:2}.card-content small{font:700 9px Arial,sans-serif;letter-spacing:.15em;color:var(--muted)}.card-content h3{font-size:39px;line-height:1.02;font-weight:400;margin:11px 0 10px}.card-content p{color:var(--muted);max-width:500px;margin:0 0 22px}.card-content b{font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.peptide-notes{padding-top:0}.peptide-notes .section-heading h2 em{font-style:italic}.note-list{border-top:1px solid var(--line)}.note-item{display:grid;grid-template-columns:65px 1fr 35px;gap:30px;align-items:center;padding:25px 8px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.note-item:hover{background:var(--paper2);padding-left:18px;padding-right:18px}.note-num{font:10px Arial,sans-serif;color:var(--muted)}.note-item small{font:700 9px Arial,sans-serif;letter-spacing:.15em;color:var(--muted)}.note-item h3{font-size:30px;font-weight:400;margin:3px 0}.note-item p{color:var(--muted);margin:0}.note-item strong{font:18px Arial,sans-serif}
.research-cta{margin:0 34px 100px;padding:65px 55px;background:#d5c8b5;display:flex;justify-content:space-between;align-items:center;gap:50px}.research-cta h2{font-size:46px;line-height:1;margin:10px 0}.research-cta p:not(.eyebrow){max-width:600px;color:#554d43}
@media(max-width:900px){.research-intro{grid-template-columns:1fr;padding:65px 22px 55px;gap:25px}.research-feature{margin:0 22px 75px;grid-template-columns:1fr}.feature-visual{min-height:390px;border-right:0;border-bottom:1px solid #514c45}.feature-copy{padding:50px 35px}.two-up{grid-template-columns:1fr}.research-section{padding-left:22px;padding-right:22px}.research-cta{margin-left:22px;margin-right:22px;padding:42px 32px;display:block}.research-cta .button{margin-top:20px}.section-heading{display:block}.section-heading>p{margin-top:18px}.research-stats{flex-wrap:wrap}.research-card{min-height:500px}}
@media(max-width:560px){.research-intro h1{font-size:64px}.feature-copy h2{font-size:53px}.feature-visual{min-height:330px}.orbit-1{width:230px;height:230px}.orbit-2{width:160px;height:160px}.orbit-3{width:300px;height:300px}.feature-core{width:90px;height:90px}.feature-node{font-size:8px;padding:7px 8px}.section-heading h2{font-size:39px}.card-art{height:190px}.research-card{min-height:470px}.evidence-art span{width:92px;height:92px;font-size:8px}.note-item{grid-template-columns:35px 1fr 20px;gap:14px}.note-item h3{font-size:26px}.note-item p{font-size:14px}.research-cta h2{font-size:38px}}

/* ratatouille article — visual editorial redesign */
.article-ratatouille{max-width:1400px;margin:auto;padding:0 34px 100px}.article-back{display:inline-block;margin:18px 0 25px}
.retta-hero{min-height:610px;background:#d8cbbb;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-bottom:90px;position:relative}
.retta-hero-copy{padding:76px 68px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.retta-hero h1{font-size:clamp(65px,7vw,105px);line-height:.86;letter-spacing:-.055em;font-weight:400;margin:18px 0 28px}.retta-hero h1 em{font-style:italic}
.hero-dek{font-size:21px;line-height:1.45;max-width:590px;color:#4e473e}.hero-meta{display:flex;gap:28px;margin-top:42px;padding-top:17px;border-top:1px solid #a99d8d;font:10px Arial,sans-serif;letter-spacing:.08em}.hero-meta b{display:block;font-size:8px;letter-spacing:.15em;margin-bottom:5px;color:#756b5e}
.retta-visual{position:relative;min-height:610px;background:#25231f;overflow:hidden}.retta-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 50%,rgba(221,209,191,.16),transparent 45%),linear-gradient(135deg,transparent 0 45%,rgba(255,255,255,.035) 45% 46%,transparent 46% 100%)}
.retta-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:135px;height:135px;border:1px solid #d1c4b2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#eee5d9;font:700 15px Arial,sans-serif;letter-spacing:.18em;box-shadow:0 0 0 26px rgba(208,194,173,.035),0 0 0 54px rgba(208,194,173,.025)}
.retta-orbit{position:absolute;border:1px solid #6f685e;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:280px;height:280px}.orbit-b{width:455px;height:455px;border-color:#4e4942}
.molecule{position:absolute;width:17px;height:17px;border:2px solid #d3c5b2;border-radius:50%;background:#25231f;z-index:3}.molecule-a{left:18%;top:26%}.molecule-b{right:18%;top:25%}.molecule-c{left:24%;bottom:22%}.molecule-d{right:20%;bottom:18%}.molecule-e{left:67%;top:72%}
.molecule-line{position:absolute;height:1px;background:#81776a;transform-origin:left center;z-index:2}.line-a{width:190px;left:21%;top:29%;transform:rotate(25deg)}.line-b{width:210px;right:22%;top:29%;transform:rotate(150deg)}.line-c{width:165px;left:29%;bottom:24%;transform:rotate(-20deg)}
.retta-label{position:absolute;color:#cfc3b3;border:1px solid #686157;padding:8px 11px;font:8px Arial,sans-serif;letter-spacing:.14em;background:rgba(37,35,31,.72)}.label-gip{left:10%;top:15%}.label-glp{right:9%;top:16%}.label-glu{left:43%;bottom:8%}
.article-layout{display:grid;grid-template-columns:220px 1fr;gap:75px;align-items:start}.article-rail{position:sticky;top:25px;border-top:1px solid var(--line);padding-top:15px;display:flex;flex-direction:column}.rail-label{font:700 9px Arial,sans-serif;letter-spacing:.16em;color:var(--muted);margin-bottom:17px}.article-rail a{font:14px Georgia,serif;color:#777066;padding:9px 0;border-bottom:1px solid #e4ded5}.article-rail a:hover{color:var(--ink)}
.article-content{max-width:850px}.intro-card{display:grid;grid-template-columns:65px 1fr;gap:25px;background:var(--paper2);padding:38px 42px;margin-bottom:85px;font-size:22px;line-height:1.55}.intro-number,.section-marker{font:700 10px Arial,sans-serif;letter-spacing:.12em;color:#9b8f80}
.article-section{display:grid;grid-template-columns:65px 1fr;gap:25px;padding-bottom:92px}.section-kicker{font:700 9px Arial,sans-serif;letter-spacing:.16em;color:#8f8477;margin:0 0 14px}.article-section h2{font-size:53px;line-height:.98;letter-spacing:-.03em;font-weight:400;margin:0 0 25px}.article-section h2 em{font-style:italic}.article-section p{font-size:18px;line-height:1.65;color:#514b43}.three-pathways{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:35px 0}.three-pathways div{background:#e0d7ca;padding:20px 18px;min-height:105px;display:flex;flex-direction:column;justify-content:space-between}.three-pathways span{font:9px Arial,sans-serif;color:#8b8072}.three-pathways b{font-size:23px;font-weight:400}.three-pathways small{font:10px Arial,sans-serif;color:#756c61}
.dark-section{background:#292722;color:#eee6dc;padding:60px 48px 75px;margin:0 0 92px}.dark-section p{color:#c8c0b5}.dark-section .section-kicker{color:#a99d8e}.dark-section .section-marker{color:#aaa094}.research-fact{display:flex;align-items:center;gap:18px;border-top:1px solid #575249;border-bottom:1px solid #575249;padding:24px 0;margin:30px 0}.fact-big{font:400 70px Georgia,serif;line-height:1}.research-fact b{display:block;font:700 9px Arial,sans-serif;letter-spacing:.15em;color:#c6b9a8}.research-fact span{font:14px Georgia,serif;color:#bcb3a8}
.status-card{background:#e1d9cd;padding:28px 30px;display:grid;grid-template-columns:14px 1fr;gap:18px;margin-top:30px}.status-dot{width:10px;height:10px;border-radius:50%;background:#8d806e;margin-top:7px;box-shadow:0 0 0 5px rgba(141,128,110,.15)}.status-card b{font:700 10px Arial,sans-serif;letter-spacing:.15em}.status-card p{margin:10px 0 0;font-size:16px}
.distinction-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.distinction-grid div{border:1px solid #d8d0c5;padding:24px;min-height:155px}.distinction-grid span{font:9px Arial,sans-serif;color:#9b9082}.distinction-grid b{display:block;font-size:23px;font-weight:400;margin:16px 0 7px}.distinction-grid p{font-size:14px;margin:0}
.terminology-section{padding-bottom:65px}.term-strip{display:flex;align-items:center;gap:15px;background:#d4c5b2;padding:25px 22px;margin:25px 0 28px}.term-strip span{font-size:18px}.term-strip small{display:block;font:8px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#74695b;margin-top:4px}.term-strip i{font-style:normal;color:#877b6d}
.article-supplier{margin:10px 0 45px;background:#c8b89f;padding:45px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px}.article-supplier h2{font-size:39px;font-weight:400;margin:8px 0 12px}.article-supplier p:not(.kicker){max-width:650px;color:#51493f}.supplier-link{border:1px solid #38342e;padding:15px 19px;white-space:nowrap;font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.source-note{font:11px Arial,sans-serif!important;color:#8c8378!important}
@media(max-width:900px){.article-ratatouille{padding:0 22px 70px}.retta-hero{grid-template-columns:1fr;min-height:0}.retta-hero-copy{padding:60px 35px}.retta-visual{min-height:430px}.article-layout{grid-template-columns:1fr;gap:30px}.article-rail{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.rail-label{grid-column:1/-1}.intro-card{margin-bottom:60px}.article-section{grid-template-columns:35px 1fr}.dark-section{padding:45px 30px 55px}.article-section h2{font-size:45px}.article-supplier{display:block;padding:38px 30px}.supplier-link{display:inline-block;margin-top:15px}}
@media(max-width:560px){.retta-hero h1{font-size:64px}.hero-meta{display:block}.hero-meta span{display:block;margin-bottom:14px}.retta-visual{min-height:360px}.orbit-a{width:220px;height:220px}.orbit-b{width:330px;height:330px}.retta-core{width:105px;height:105px}.three-pathways{grid-template-columns:1fr}.article-section h2{font-size:39px}.intro-card{grid-template-columns:1fr;font-size:19px;padding:28px}.article-section{grid-template-columns:1fr;gap:12px}.section-marker{order:-1}.distinction-grid{grid-template-columns:1fr}.term-strip{flex-wrap:wrap}.article-supplier h2{font-size:33px}}

/* Shared peps article visual system */
.peptide-article{max-width:1400px;margin:auto;padding:0 34px 100px}.peptide-article .article-back{display:inline-block;margin:18px 0 25px}
.peptide-hero{min-height:580px;background:#d8cbbb;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-bottom:90px}
.peptide-hero-copy{padding:70px 68px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.peptide-hero-copy h1{font-size:clamp(62px,6.6vw,98px);line-height:.88;letter-spacing:-.055em;font-weight:400;margin:18px 0 26px}.peptide-hero-copy h1 em{font-style:italic}
.peptide-hero-copy .dek{font-size:21px;line-height:1.48;max-width:610px;color:#4f473e}
.peptide-meta{display:flex;gap:30px;margin-top:40px;padding-top:17px;border-top:1px solid #a99d8d;font:10px Arial,sans-serif;letter-spacing:.08em}.peptide-meta b{display:block;font-size:8px;letter-spacing:.15em;margin-bottom:5px;color:#756b5e}
.peptide-visual{position:relative;min-height:580px;background:#292722;overflow:hidden}.peptide-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(221,209,191,.15),transparent 45%),linear-gradient(145deg,transparent 0 48%,rgba(255,255,255,.035) 48% 49%,transparent 49%)}
.p-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:135px;height:135px;border:1px solid #d1c4b2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#eee5d9;font:700 13px Arial,sans-serif;letter-spacing:.16em;box-shadow:0 0 0 25px rgba(208,194,173,.035),0 0 0 52px rgba(208,194,173,.025);text-align:center}
.p-orbit{position:absolute;border:1px solid #625b52;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.p-orbit.a{width:280px;height:280px}.p-orbit.b{width:450px;height:450px;border-color:#4a4540}
.p-dot{position:absolute;width:17px;height:17px;border:2px solid #d3c5b2;border-radius:50%;background:#292722;z-index:3}.p-line{position:absolute;height:1px;background:#7f7569;transform-origin:left center;z-index:2}
.p-label{position:absolute;color:#cfc3b3;border:1px solid #686157;padding:8px 11px;font:8px Arial,sans-serif;letter-spacing:.14em;background:rgba(41,39,34,.75)}
.p1{left:16%;top:22%}.p2{right:17%;top:27%}.p3{left:23%;bottom:20%}.p4{right:22%;bottom:18%}.l1{width:190px;left:19%;top:27%;transform:rotate(22deg)}.l2{width:185px;right:20%;top:29%;transform:rotate(153deg)}.l3{width:165px;left:27%;bottom:23%;transform:rotate(-17deg)}
.peptide-layout{display:grid;grid-template-columns:220px 1fr;gap:75px;align-items:start}.peptide-rail{position:sticky;top:25px;border-top:1px solid var(--line);padding-top:15px;display:flex;flex-direction:column}.peptide-rail .rail-label{font:700 9px Arial,sans-serif;letter-spacing:.16em;color:var(--muted);margin-bottom:17px}.peptide-rail a{font:14px Georgia,serif;color:#777066;padding:9px 0;border-bottom:1px solid #e4ded5}.peptide-rail a:hover{color:var(--ink)}
.peptide-content{max-width:850px}.peptide-intro{display:grid;grid-template-columns:65px 1fr;gap:25px;background:var(--paper2);padding:38px 42px;margin-bottom:80px;font-size:21px;line-height:1.58}.pnum{font:700 10px Arial,sans-serif;letter-spacing:.12em;color:#9b8f80}
.peptide-section{display:grid;grid-template-columns:65px 1fr;gap:25px;padding-bottom:82px}.peptide-section h2{font-size:51px;line-height:.98;letter-spacing:-.03em;font-weight:400;margin:0 0 25px}.peptide-section p{font-size:18px;line-height:1.65;color:#514b43}.peptide-section:nth-of-type(odd) .section-kicker{color:#897d6f}
.peptide-section.dark{background:#292722;color:#eee6dc;padding:55px 48px 65px;margin:0 0 82px}.peptide-section.dark p{color:#c8c0b5}.peptide-section.dark .section-kicker,.peptide-section.dark .pnum{color:#a99d8e}
.peptide-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.peptide-highlight div{background:#e0d7ca;padding:20px 18px;min-height:110px}.peptide-highlight b{display:block;font-size:22px;font-weight:400;margin:13px 0 5px}.peptide-highlight small{font:9px Arial,sans-serif;color:#756c61;letter-spacing:.08em}
.peptide-section.dark .peptide-highlight div{background:#403c35}.peptide-section.dark .peptide-highlight b{color:#f0e8dc}.peptide-section.dark .peptide-highlight small{color:#b7aea2}
.peptide-sourcing{margin:0 0 45px;background:#c8b89f;padding:45px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px}.peptide-sourcing h2{font-size:39px;font-weight:400;margin:8px 0 12px}.peptide-sourcing p:not(.kicker){max-width:650px;color:#51493f}.peptide-sourcing .supplier-link{border:1px solid #38342e;padding:15px 19px;white-space:nowrap;font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.peptide-note{font-size:11px!important;line-height:1.5!important;color:#8c8378!important;font-family:Arial,sans-serif}.peptide-source{font:11px Arial,sans-serif;color:#8c8378;margin-top:10px}
@media(max-width:900px){.peptide-article{padding:0 22px 70px}.peptide-hero{grid-template-columns:1fr;min-height:0}.peptide-hero-copy{padding:60px 35px}.peptide-visual{min-height:430px}.peptide-layout{grid-template-columns:1fr;gap:30px}.peptide-rail{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.peptide-rail .rail-label{grid-column:1/-1}.peptide-intro{margin-bottom:60px}.peptide-section{grid-template-columns:35px 1fr}.peptide-section.dark{padding:45px 30px 55px}.peptide-sourcing{display:block;padding:38px 30px}.peptide-sourcing .supplier-link{display:inline-block;margin-top:15px}}
@media(max-width:560px){.peptide-hero-copy h1{font-size:62px}.peptide-meta{display:block}.peptide-meta span{display:block;margin-bottom:14px}.peptide-visual{min-height:360px}.p-orbit.a{width:220px;height:220px}.p-orbit.b{width:330px;height:330px}.p-core{width:105px;height:105px}.peptide-section h2{font-size:39px}.peptide-intro{grid-template-columns:1fr;font-size:19px;padding:28px}.peptide-section{grid-template-columns:1fr;gap:12px}.peptide-highlight{grid-template-columns:1fr}.peptide-sourcing h2{font-size:33px}}

/* Expanded pepper catalog */
.index-page{max-width:1400px;margin:auto;padding:0 34px 90px}.index-hero{padding:85px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;border-bottom:1px solid var(--line)}.index-hero h1{font-size:clamp(70px,8vw,112px);line-height:.86;font-weight:400;letter-spacing:-.05em;margin:15px 0}.index-hero h1 em{font-style:italic}.index-hero>p:last-child{font-size:21px;line-height:1.5;color:var(--muted);max-width:560px}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:55px 0 100px}.index-card{background:var(--paper2);min-height:440px;padding:25px;display:flex;flex-direction:column;position:relative;transition:transform .25s ease}.index-card:hover{transform:translateY(-5px)}.index-card:nth-child(3n+2){background:#ddd5ca}.index-card:nth-child(3n){background:#cfc3b2}.index-tag{font:700 9px Arial,sans-serif;letter-spacing:.15em;color:var(--muted)}.index-art{height:190px;margin:10px -25px 20px;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(91,81,69,.11),transparent 55%)}.index-art:before{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(70,63,54,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.index-art:after{content:"";position:absolute;width:75px;height:75px;border:1px solid rgba(70,63,54,.5);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.index-art span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font:700 10px Arial,sans-serif;letter-spacing:.12em;text-align:center}.index-card h2{font-size:31px;font-weight:400;margin:7px 0}.index-card p{color:var(--muted);margin:0 0 18px}.index-card b{margin-top:auto;font:700 9px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}@media(max-width:950px){.index-grid{grid-template-columns:1fr 1fr}.index-hero{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.index-page{padding-left:22px;padding-right:22px}.index-grid{grid-template-columns:1fr;padding-top:35px}.index-hero{padding-top:55px}.index-card{min-height:410px}}


/* ============================================================
   VISUAL POLISH PASS — editorial, richer, less flat
   ============================================================ */
:root{
  --accent:#9a8062;
  --accent-soft:#d9c9b5;
  --ink-strong:#1f1d1a;
  --shadow:0 18px 50px rgba(47,39,30,.10);
}
body{background:
  radial-gradient(circle at 12% 8%,rgba(183,155,121,.10),transparent 28%),
  radial-gradient(circle at 88% 24%,rgba(214,198,174,.13),transparent 30%),
  var(--paper);}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.25;background-image:linear-gradient(rgba(80,68,54,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(80,68,54,.035) 1px,transparent 1px);background-size:44px 44px;}
.site-header{position:relative;z-index:20;background:rgba(244,240,232,.90);backdrop-filter:blur(12px);box-shadow:0 8px 25px rgba(50,42,34,.035);}
.brand{transition:letter-spacing .25s ease}.brand:hover{letter-spacing:.17em}
.top-nav a,.nav-supplier{transition:opacity .2s,transform .2s}.top-nav a:hover{opacity:1;transform:translateY(-1px)}
.nav-supplier{background:var(--ink);color:var(--light);border-color:var(--ink);box-shadow:0 7px 20px rgba(36,34,31,.12)}.nav-supplier:hover{opacity:1;transform:translateY(-2px)}
.button{transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(36,34,31,.14)}
.button-dark{box-shadow:0 8px 18px rgba(36,34,31,.10)}
.button-light{box-shadow:0 8px 18px rgba(255,255,255,.08)}

/* Home */
.home-hero{position:relative;overflow:hidden}.home-hero:before{content:"01";position:absolute;right:34px;top:34px;font:700 9px Arial,sans-serif;letter-spacing:.2em;color:#b2a797}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(68px,8.5vw,118px);text-shadow:0 2px 0 rgba(255,255,255,.35)}
.hero-art{border-left:0;background:linear-gradient(145deg,rgba(232,224,211,.35),rgba(244,240,232,.05));box-shadow:inset 0 0 0 1px rgba(207,198,185,.45),0 20px 60px rgba(67,55,42,.05)}
.hero-art:before{width:420px;height:420px;left:12%;top:3%;border-color:#aa9a87;box-shadow:0 0 70px rgba(170,154,135,.10)}.hero-art:after{width:255px;height:255px;left:40%;top:31%;border-color:#9f907e}
.molecule i{box-shadow:0 0 0 5px rgba(244,240,232,.7)}.hero-caption{padding:0 12px}
.century{position:relative;background:rgba(255,253,248,.18)}.century:after{content:"";position:absolute;right:34px;top:50%;width:80px;height:80px;border:1px solid #c5b7a5;border-radius:50%;opacity:.45}
.timeline-mini div{transition:padding .2s,background .2s}.timeline-mini div:hover{padding-left:12px;background:rgba(255,255,255,.28)}
.feature-r3tta{position:relative;overflow:hidden;background:linear-gradient(135deg,#25231f 0%,#2b2925 60%,#211f1c 100%);box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -1px rgba(255,255,255,.04)}
.feature-r3tta:before{content:"R3TTA";position:absolute;right:-20px;top:25px;font:700 clamp(100px,15vw,210px)/.8 Arial,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.025);pointer-events:none}
.feature-meta{position:relative;z-index:2;color:#d6cbbb}.reta-layout{position:relative;z-index:2}.reta-layout h2{font-size:clamp(55px,5.5vw,78px)}.reta-layout p{color:#ddd5cb}.pathway-diagram{background:radial-gradient(circle at 50% 50%,rgba(210,193,168,.08),transparent 45%);box-shadow:inset 0 0 60px rgba(0,0,0,.20)}
.center-node,.path-node{box-shadow:0 0 0 7px rgba(210,193,168,.035),0 8px 22px rgba(0,0,0,.22);transition:transform .25s,box-shadow .25s}.path-node:hover{transform:scale(1.06);box-shadow:0 0 0 10px rgba(210,193,168,.06),0 12px 30px rgba(0,0,0,.28)}
.home-cards{background:linear-gradient(180deg,transparent,rgba(222,212,198,.18))}.three-cards{gap:16px;border-top:0}.editorial-card{position:relative;overflow:hidden;border:1px solid var(--line);background:rgba(255,253,248,.45);box-shadow:0 12px 35px rgba(65,53,41,.045);transition:transform .25s,box-shadow .25s,background .25s}.editorial-card:before{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border:1px solid #c8b9a7;border-radius:50%;opacity:.55}.editorial-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);background:rgba(255,253,248,.8)}.editorial-card:nth-child(2):before{border-radius:18px;transform:rotate(25deg)}.editorial-card:nth-child(3):before{width:70px;height:70px;border-style:dashed}.editorial-card h3{position:relative}.supplier-feature{position:relative;overflow:hidden;background:linear-gradient(120deg,#d7c8b5,#c8b8a3);box-shadow:var(--shadow)}.supplier-feature:after{content:"↗";position:absolute;right:28px;top:18px;font:60px Georgia,serif;color:rgba(255,255,255,.25)}

/* Research landing */
.research-intro{position:relative;background:rgba(255,253,248,.30)}.research-intro:after{content:"RESEARCH / 01";position:absolute;right:34px;top:34px;font:700 9px Arial,sans-serif;letter-spacing:.18em;color:#b0a493}.research-stats span{transition:transform .2s}.research-stats span:hover{transform:translateY(-2px)}
.research-feature{position:relative;overflow:hidden;border-radius:2px;box-shadow:var(--shadow)}.research-feature:after{content:"";position:absolute;inset:auto -100px -140px auto;width:360px;height:360px;border:1px solid rgba(215,201,181,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(215,201,181,.025),0 0 0 95px rgba(215,201,181,.018);pointer-events:none}.feature-visual{background:radial-gradient(circle at 50% 50%,rgba(208,191,165,.10),transparent 48%)}
.research-card{border:1px solid rgba(190,180,166,.65);box-shadow:0 10px 28px rgba(66,54,41,.05)}.research-card:hover{box-shadow:var(--shadow)}
/* The evidence card gets a more graphic, less empty treatment. */
.research-card:nth-child(2){background:linear-gradient(145deg,#e4ddd2,#d6cec1)}
.research-card:nth-child(2) .card-art{height:250px;background:radial-gradient(circle at 50% 50%,rgba(120,103,82,.12),transparent 58%)}
.evidence-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:250px}
.evidence-art:before{content:"EVIDENCE";position:absolute;top:8px;left:30px;font:700 9px Arial,sans-serif;letter-spacing:.18em;color:#817566}
.evidence-art:after{content:"01 → 02 → 03";position:absolute;bottom:10px;right:30px;font:700 8px Arial,sans-serif;letter-spacing:.16em;color:#8e8172}
.evidence-art span{width:118px;height:118px;margin-left:-22px!important;border:1px solid #8e8172;background:rgba(248,244,237,.78);box-shadow:0 12px 24px rgba(70,57,43,.08);position:relative;transition:transform .25s,background .25s}.evidence-art span:nth-child(1){transform:translateY(17px);z-index:1}.evidence-art span:nth-child(2){transform:translateY(-6px);z-index:2}.evidence-art span:nth-child(3){transform:translateY(17px);z-index:3}.evidence-art span:hover{transform:translateY(-4px) scale(1.05);background:#fffdf8}
.note-item{position:relative}.note-item:hover{background:linear-gradient(90deg,var(--paper2),rgba(233,226,215,.35));box-shadow:inset 4px 0 var(--accent)}
.research-cta{position:relative;overflow:hidden;background:linear-gradient(125deg,#d9ccb9,#cbbba6);box-shadow:var(--shadow)}.research-cta:after{content:"→";position:absolute;right:50px;top:18px;font:100px Georgia,serif;color:rgba(255,255,255,.20)}
.supplier-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:padding .25s}.supplier-strip:hover{padding-left:12px;padding-right:12px}

/* Index */
.index-hero{position:relative}.index-hero:after{content:"MOLECULE INDEX";position:absolute;right:0;bottom:22px;font:700 9px Arial,sans-serif;letter-spacing:.18em;color:#aa9c8b}.index-card{border:1px solid rgba(189,177,160,.55);box-shadow:0 10px 28px rgba(65,53,41,.05);overflow:hidden}.index-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 42%);pointer-events:none}.index-card:nth-child(3n+2){background:linear-gradient(145deg,#e3dbcf,#d8cfc2)}.index-card:nth-child(3n){background:linear-gradient(145deg,#d4c8b7,#c8b9a6)}.index-card:hover{transform:translateY(-8px) rotate(-.25deg);box-shadow:var(--shadow)}.index-art{background:radial-gradient(circle at 50% 50%,rgba(91,81,69,.18),transparent 58%);border-top:1px solid rgba(93,81,67,.12);border-bottom:1px solid rgba(93,81,67,.12)}.index-art:before{box-shadow:0 0 50px rgba(102,86,68,.08)}

/* Utility pages */
.page-hero{position:relative;background:linear-gradient(135deg,rgba(255,253,248,.38),rgba(228,218,204,.18))}.page-hero:after{content:"✦";position:absolute;right:35px;top:50%;font-size:70px;color:rgba(154,128,98,.18)}
.bench{position:relative}.bench-intro{position:relative;padding:35px 0}.bench-intro:before{content:"CALC";position:absolute;right:0;top:20px;font:700 70px/1 Arial,sans-serif;letter-spacing:-.08em;color:rgba(154,128,98,.08)}.calculator-card{border:0;border-radius:3px;box-shadow:var(--shadow);background:rgba(255,253,248,.84);position:relative;overflow:hidden}.calculator-card:before{content:"RESEARCH BENCH";position:absolute;right:25px;top:18px;font:700 8px Arial,sans-serif;letter-spacing:.16em;color:#b1a594}.calculator-card input{transition:border-color .2s,box-shadow .2s}.calculator-card input:focus{outline:none;border-color:#8f7b63;box-shadow:0 0 0 4px rgba(154,128,98,.10)}.calculator-card button{transition:transform .2s,box-shadow .2s}.calculator-card button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(36,34,31,.18)}.calculator-results{background:linear-gradient(180deg,rgba(231,223,212,.35),transparent);padding:0 12px}.source-page-list a{position:relative;transition:padding .2s,background .2s;overflow:hidden}.source-page-list a:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--accent);transition:width .3s}.source-page-list a:hover{padding-left:12px;background:rgba(255,253,248,.35)}.source-page-list a:hover:after{width:100%}.source-note{border:1px solid var(--line);box-shadow:0 12px 30px rgba(65,53,41,.04)}
.about-grid{position:relative}.about-grid>div{position:relative}.about-grid>div:first-child:before{content:"EDITORIAL";display:block;font:700 9px Arial,sans-serif;letter-spacing:.18em;color:#a79682;margin-bottom:20px}.about-grid p{font-size:19px}.supplier-feature.small{box-shadow:var(--shadow)}

/* Simple editorial articles (foundations / evidence / sources) */
.article{max-width:900px;margin:0 auto;padding:35px 34px 100px;position:relative}.article .back{display:inline-flex;align-items:center;gap:8px;font:700 10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:7px}.article>h1{font-size:clamp(58px,7vw,96px);line-height:.90;letter-spacing:-.055em;font-weight:400;margin:18px 0 25px}.article>.dek{font-size:24px;line-height:1.45;color:#514a42;max-width:760px;margin-bottom:42px}.article>p:not(.kicker):not(.dek):not(.source-note){font-size:19px;line-height:1.75;color:#4d473f}.article>h2{font-size:43px;line-height:1.02;font-weight:400;letter-spacing:-.025em;margin:70px 0 18px;padding-top:22px;border-top:1px solid var(--line)}.article>.kicker{font:700 10px Arial,sans-serif;letter-spacing:.18em;color:#8d7d6b}.article .note{margin:35px 0;padding:25px 28px;background:linear-gradient(135deg,#e7dfd3,#ddd3c5);border-left:4px solid #a28c72;box-shadow:0 10px 26px rgba(65,53,41,.06);font:14px/1.6 Arial,sans-serif;color:#5a5148}.article-supplier{border:1px solid rgba(115,94,70,.28);box-shadow:var(--shadow);background:linear-gradient(135deg,#d8c9b5,#c7b59e);position:relative;overflow:hidden}.article-supplier:after{content:"↗";position:absolute;right:24px;top:10px;font:70px Georgia,serif;color:rgba(255,255,255,.22)}.supplier-link{background:rgba(255,253,248,.34);transition:transform .2s,background .2s}.supplier-link:hover{transform:translateY(-2px);background:#fffdf8}.source-note{border-top:1px solid var(--line);padding-top:18px}

/* peps article pages */
.peptide-article{position:relative}.peptide-hero{border:1px solid rgba(175,160,142,.45);box-shadow:var(--shadow);position:relative}.peptide-hero-copy{background:linear-gradient(145deg,#ddd0bf,#d3c4b2)}.peptide-hero-copy:after{content:"RESEARCH NOTE";position:absolute;right:30px;top:25px;font:700 8px Arial,sans-serif;letter-spacing:.18em;color:#8c7b68}.peptide-visual{box-shadow:inset 0 0 80px rgba(0,0,0,.18)}.peptide-visual:after{content:"";position:absolute;inset:14px;border:1px solid rgba(213,199,180,.10);pointer-events:none}.p-core{transition:box-shadow .3s,transform .3s}.peptide-visual:hover .p-core{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 0 0 30px rgba(208,194,173,.05),0 0 0 62px rgba(208,194,173,.025),0 0 40px rgba(208,194,173,.10)}.peptide-intro{position:relative;box-shadow:0 10px 28px rgba(65,53,41,.05);border:1px solid rgba(190,178,162,.45);background:linear-gradient(135deg,#eee7dc,#e4dacc)}.peptide-intro:after{content:"";position:absolute;right:22px;top:18px;width:45px;height:45px;border:1px solid #b7a793;border-radius:50%;opacity:.45}.peptide-section{position:relative}.peptide-section:not(.dark){padding-top:10px}.peptide-section:not(.dark):before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.peptide-section.dark{position:relative;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(135deg,#2a2824,#23211e)}.peptide-section.dark:after{content:"";position:absolute;right:-90px;bottom:-110px;width:280px;height:280px;border:1px solid rgba(210,193,168,.10);border-radius:50%;box-shadow:0 0 0 35px rgba(210,193,168,.025),0 0 0 75px rgba(210,193,168,.018)}.peptide-highlight div{border:1px solid rgba(175,160,142,.38);box-shadow:0 8px 20px rgba(65,53,41,.05);transition:transform .2s,box-shadow .2s}.peptide-highlight div:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(65,53,41,.10)}.peptide-sourcing{box-shadow:var(--shadow);position:relative;overflow:hidden;background:linear-gradient(120deg,#d8c9b5,#c6b39b)}.peptide-sourcing:after{content:"RESEARCH MATERIALS";position:absolute;right:25px;top:16px;font:700 8px Arial,sans-serif;letter-spacing:.15em;color:rgba(69,57,45,.45)}
footer{position:relative;max-width:1240px;margin:0 auto;padding:32px 34px 45px;border-top:1px solid var(--line);font:10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;gap:20px}footer span:last-child{text-align:right}

@media(max-width:900px){
  .site-header{padding:20px 22px;gap:15px;flex-wrap:wrap}.top-nav{order:3;width:100%;overflow:auto;padding-top:4px;gap:17px}.nav-supplier{margin-left:auto}
  .home-hero{grid-template-columns:1fr;padding:58px 22px 65px;gap:35px}.hero-art{height:390px}.hero-art:before{width:300px;height:300px}.hero-art:after{width:190px;height:190px}.century{padding:75px 22px}.century-grid{grid-template-columns:1fr;gap:45px}.feature-r3tta{padding:75px 22px}.reta-layout{grid-template-columns:1fr;gap:45px}.pathway-diagram{height:340px}.home-cards{padding:75px 22px}.three-cards{grid-template-columns:1fr;gap:12px}.editorial-card{min-height:250px}.supplier-feature{margin:0 22px 70px;padding:38px 28px;display:block}.supplier-feature .button{margin-top:18px}
  .research-intro{padding:70px 22px 60px;grid-template-columns:1fr;gap:35px}.research-feature{margin:0 22px 80px;grid-template-columns:1fr}.feature-visual{min-height:390px}.research-section{padding:0 22px 80px}.two-up{grid-template-columns:1fr}.research-cta{margin:0 22px 70px;padding:45px 30px;display:block}.research-cta .button{margin-top:20px}.index-page{padding:0 22px 70px}.index-hero{padding:60px 0 55px}.index-grid{padding-bottom:70px}.bench{padding:55px 22px 80px;grid-template-columns:1fr;gap:35px}.page-hero{padding:65px 22px 55px}.source-page-list{padding:10px 22px 60px}.source-note{margin:0 22px 70px}.about-grid{padding:65px 22px;grid-template-columns:1fr;gap:45px}.supplier-feature.small{margin-left:22px;margin-right:22px}
  .article{padding:25px 22px 75px}.article>h1{font-size:62px}.article>h2{font-size:38px;margin-top:55px}.article>.dek{font-size:21px}.article-supplier{display:block;padding:38px 30px}
  footer{padding:28px 22px 38px}
}
@media(max-width:560px){
  .brand{font-size:12px}.nav-supplier{font-size:9px;padding:9px 10px}.top-nav{font-size:10px;gap:13px}.home-hero:before,.research-intro:after,.index-hero:after{display:none}.hero-copy h1,.page-hero h1,.index-hero h1{font-size:61px}.hero-lede,.page-hero>p:last-child{font-size:18px}.hero-art{height:330px}.hero-art:before{width:240px;height:240px}.hero-art:after{width:155px;height:155px}.molecule-a{left:18%;transform:scale(.78) rotate(-16deg)}.molecule-b{right:3%;transform:scale(.75) rotate(22deg)}.century h2{font-size:45px}.big-copy{font-size:19px}.reta-layout h2{font-size:48px}.pathway-diagram{height:300px}.path-node{width:74px;height:74px;font-size:9px}.center-node{width:98px;height:98px}.line-one{width:130px}.line-two{width:120px}.line-three{width:100px}.editorial-card h3{font-size:31px;margin-top:38px}.supplier-feature h2{font-size:34px}.feature-visual{min-height:320px}.research-card{min-height:450px}.evidence-art span{width:88px;height:88px}.article>h1{font-size:54px}.article>.dek{font-size:19px}.article>p:not(.kicker):not(.dek):not(.source-note){font-size:17px}.article-supplier h2{font-size:31px}.peptide-article{padding-left:18px;padding-right:18px}.peptide-hero-copy{padding:48px 28px}.peptide-hero-copy h1{font-size:57px}.peptide-visual{min-height:350px}.peptide-section h2{font-size:37px}.peptide-highlight{gap:8px}.peptide-sourcing{padding:32px 26px}.peptide-sourcing h2{font-size:31px}footer{display:block}footer span{display:block;margin:5px 0}footer span:last-child{text-align:left}
}

/* Research-associated effects section */
.effects-section{margin:0 0 46px;padding:34px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.effects-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:22px}
.effects-head .section-kicker{margin:0 0 7px}
.effects-head h2{margin:0;font-size:38px;line-height:1.05;font-weight:400;letter-spacing:-.025em}
.effects-intro{max-width:570px;margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.effects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.effect-item{background:var(--paper);padding:20px 22px;min-height:92px}
.effect-item b{display:block;font:700 10px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.effect-item span{display:block;color:#4e4942;font-size:15px;line-height:1.5}
.effects-disclaimer{margin:17px 0 0;color:var(--muted);font:10px/1.5 Arial,sans-serif;letter-spacing:.035em}
.peptide-content .effects-section .effects-intro{max-width:700px}
@media (max-width:760px){
 .effects-head{display:block}
 .effects-head h2{font-size:32px}
 .effects-grid{grid-template-columns:1fr}
 .effect-item{min-height:0}
}

/* Cowboy Journal homepage — restrained link-hub treatment */
.cowboy-home{padding:0 34px 80px}
.cowboy-welcome{max-width:850px;padding:88px 0 54px}
.cowboy-welcome h1{font-size:clamp(66px,9vw,116px);line-height:.88;letter-spacing:-.055em;font-weight:400;margin:16px 0 28px}
.cowboy-welcome h1 em{font-style:italic}
.cowboy-intro{max-width:560px;margin:0;color:#5c554d;font-size:19px;line-height:1.6}
.link-hub{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.hub-link{min-height:178px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:142px 1fr 32px;align-items:center;gap:22px;padding:24px 8px 24px 0;transition:background .2s ease,transform .2s ease}
.hub-link:hover{background:rgba(255,253,248,.58);transform:translateY(-2px)}
.hub-art{width:142px;height:126px;position:relative;display:block}
.hub-copy{display:flex;flex-direction:column;min-width:0}.hub-copy small{font:700 9px/1 Arial,sans-serif;letter-spacing:.16em;color:var(--muted);margin-bottom:9px}.hub-copy strong{font:400 27px/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.02em}.hub-copy em{font:11px/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-style:normal;margin-top:8px}.hub-arrow{width:29px;height:29px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:15px Arial,sans-serif;transition:transform .2s}.hub-link:hover .hub-arrow{transform:rotate(8deg)}
.hub-link-featured .hub-copy strong{font-style:italic}.hub-link-featured .hub-copy em{color:#5b6651}
/* Small hand-drawn editorial illustrations — intentionally subtle, not full-bleed graphics. */
.art-journal .paper{position:absolute;width:78px;height:92px;left:31px;top:17px;background:#fffdf8;border:1.5px solid #3c3934;transform:rotate(-7deg);box-shadow:7px 7px 0 #ded5c8}.art-journal .paper:before{content:"";position:absolute;left:11px;right:10px;top:20px;height:1px;background:#b9afa1;box-shadow:0 12px 0 #b9afa1,0 24px 0 #b9afa1,0 36px 0 #b9afa1,0 48px 0 #b9afa1}.art-journal .pen{position:absolute;width:6px;height:75px;left:94px;top:39px;background:#25231f;transform:rotate(34deg);border-radius:4px}.art-journal .pen:after{content:"";position:absolute;bottom:-8px;left:1px;border-left:2px solid transparent;border-right:2px solid transparent;border-top:9px solid #25231f}.art-journal .hat{position:absolute;width:58px;height:25px;left:7px;top:70px;background:#6d665b;border-radius:50% 50% 42% 42%;transform:rotate(-13deg);box-shadow:0 -12px 0 -5px #7e7568}.art-journal .hat:after{content:"";position:absolute;left:13px;top:9px;width:32px;height:3px;background:#37342f}
.art-stack .bottle{position:absolute;border:1.5px solid #3b3934;background:#69745e;border-radius:9px 9px 12px 12px}.art-stack .bottle:before{content:"";position:absolute;left:8px;right:8px;top:30px;height:18px;background:#eee8dc;border-top:1px solid #aaa092;border-bottom:1px solid #aaa092}.bottle-one{width:48px;height:70px;left:40px;top:34px}.bottle-two{width:36px;height:57px;left:86px;top:45px;background:#d9d0c3!important}.art-stack .vial{position:absolute;width:21px;height:48px;left:16px;top:54px;border:1.5px solid #3b3934;border-radius:5px 5px 8px 8px;background:#eee8dc}.art-stack .vial:before{content:"";position:absolute;width:13px;height:8px;left:2.5px;top:-9px;border:1.5px solid #3b3934;background:#6d665b}.art-stack .leaf{position:absolute;width:28px;height:12px;border:1.5px solid #69745e;border-radius:100% 0 100% 0;transform:rotate(-28deg)}.leaf-one{left:103px;top:22px}.leaf-two{left:20px;top:27px;transform:rotate(35deg)!important}
.art-pepper .catalog-book{position:absolute;width:93px;height:76px;left:24px;top:25px;border:1.5px solid #3b3934;border-radius:4px;background:#e7dfd2;transform:rotate(-5deg);box-shadow:7px 6px 0 #cfc5b6}.art-pepper .catalog-book:after{content:"PEPPERS";position:absolute;left:13px;top:28px;font:700 10px Arial,sans-serif;letter-spacing:.12em;color:#3b3934}.pepper-shape{position:absolute;width:27px;height:52px;left:84px;top:57px;border:2px solid #6a765f;border-radius:55% 45% 60% 40%;transform:rotate(22deg)}.pepper-shape:after{content:"";position:absolute;width:15px;height:6px;border-top:2px solid #6a765f;left:8px;top:-6px;transform:rotate(-20deg)}.pepper-leaf{position:absolute;width:20px;height:10px;left:101px;top:42px;border:1.5px solid #6a765f;border-radius:100% 0;transform:rotate(20deg)}
.art-ratatouille .pan{position:absolute;width:105px;height:55px;left:16px;top:47px;border:2px solid #393731;border-radius:50%;background:#5c6255;transform:rotate(-8deg)}.art-ratatouille .pan:after{content:"";position:absolute;width:43px;height:12px;right:-38px;top:16px;border:2px solid #393731;border-left:0;border-radius:0 15px 15px 0;transform:rotate(-8deg)}.veg{position:absolute;width:32px;height:15px;border:2px solid #c58d55;border-radius:50%;transform:rotate(-25deg)}.veg-a{left:38px;top:63px}.veg-b{left:59px;top:51px;transform:rotate(30deg);border-color:#9d6757}.veg-c{left:72px;top:69px;transform:rotate(-5deg);border-color:#7c865d}
.art-kit .kit-box{position:absolute;width:105px;height:70px;left:17px;top:38px;background:#69745e;border:1.5px solid #383630;border-radius:5px;transform:rotate(-3deg)}.art-kit .kit-box:before{content:"";position:absolute;width:94px;height:12px;left:4px;top:-12px;border:1.5px solid #383630;background:#7b856e;border-radius:5px 5px 0 0}.kit-vial{position:absolute;width:20px;height:39px;top:59px;border:1.5px solid #393731;background:#f0e9dd;border-radius:4px}.kit-vial-a{left:42px}.kit-vial-b{left:70px}.art-kit .kit-card{position:absolute;width:29px;height:35px;left:90px;top:26px;background:#f1e9dc;border:1px solid #393731;transform:rotate(12deg)}
.art-lab .microscope{position:absolute;width:44px;height:16px;left:37px;top:81px;border:2px solid #393731;border-radius:50%;transform:rotate(-8deg)}.art-lab .microscope:before{content:"";position:absolute;width:18px;height:62px;left:14px;top:-52px;border:5px solid #393731;border-right-width:4px;border-bottom:0;border-radius:16px 18px 0 0;transform:rotate(18deg)}.art-lab .microscope:after{content:"";position:absolute;width:48px;height:5px;left:-4px;bottom:-10px;background:#393731;border-radius:5px}.art-lab .slide{position:absolute;width:33px;height:7px;left:78px;top:69px;border:1px solid #393731;background:#e7dfd2;transform:rotate(11deg)}.art-lab .lab-leaf{position:absolute;width:24px;height:11px;left:101px;top:39px;border:1.5px solid #69745e;border-radius:100% 0;transform:rotate(20deg)}
.cowboy-note{display:flex;align-items:center;gap:14px;max-width:700px;margin:54px auto 0;text-align:center}.note-rule{height:1px;background:var(--line);flex:1}.note-star{font-size:14px;color:#756d62}.cowboy-note p{position:absolute;left:50%;transform:translateX(-50%);background:var(--paper);padding:0 16px;white-space:nowrap;font:italic 15px Georgia,"Times New Roman",serif;color:var(--muted)}
@media(max-width:900px){.cowboy-home{padding:0 22px 65px}.cowboy-welcome{padding:65px 0 45px}.link-hub{grid-template-columns:1fr}.hub-link{grid-template-columns:118px 1fr 30px;min-height:155px;gap:17px}.hub-art{width:118px;height:108px;transform:scale(.88);transform-origin:center}.cowboy-note p{position:static;transform:none}.cowboy-note{margin-top:42px}}
@media(max-width:560px){.cowboy-welcome h1{font-size:58px}.cowboy-intro{font-size:17px}.hub-link{grid-template-columns:92px 1fr 27px;gap:13px;padding:20px 0}.hub-art{width:92px;height:95px;transform:scale(.72)}.hub-copy strong{font-size:22px}.hub-copy em{font-size:9px}.hub-arrow{width:26px;height:26px}.cowboy-note p{font-size:13px}}

/* ============================================================
   RESPONSIVE PROPORTIONAL PASS — desktop is the source of truth
   ============================================================ */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
iframe{max-width:100%}
button,input,textarea,select{max-width:100%;box-sizing:border-box}

@media (max-width:900px){
  main{width:100%;max-width:100%}
  .site-header{width:100%;max-width:1240px;padding:20px 22px;gap:14px;align-items:center}
  .brand{flex:0 1 auto;min-width:0}
  .nav-supplier{margin-left:auto;flex:0 0 auto}
  .top-nav{order:3;width:100%;margin:0;padding:8px 0 0;display:flex;flex-wrap:wrap;overflow:visible;gap:10px 18px;line-height:1.25}
  .top-nav a{white-space:nowrap}

  .home-hero,.century-grid,.reta-layout,.bench,.about-grid,.research-intro,.research-feature,.index-hero,.peptide-hero,.article-layout,.peptide-layout{min-width:0}
  .home-hero,.century-grid,.reta-layout,.bench,.about-grid,.research-intro,.index-hero{gap:35px}

  .hero-copy,.hero-lede,.page-hero,.page-hero p,.research-intro-copy,.feature-copy,.bench-intro,.about-grid>div,.index-hero>div,.index-hero>p{min-width:0}
  .hero-copy h1,.page-hero h1,.research-intro h1,.index-hero h1,.article>h1,.retta-hero h1,.peptide-hero-copy h1{overflow-wrap:anywhere}

  .hero-art,.feature-visual,.retta-visual,.peptide-visual,.pathway-diagram{max-width:100%;overflow:hidden}
  .pathway-diagram{overflow:hidden}

  .essay-row,.source-page-list a{grid-template-columns:44px minmax(0,1fr) 24px;gap:16px}
  .essay-row h2,.source-page-list h2{overflow-wrap:anywhere}
  .essay-row p,.source-page-list p{max-width:100%}

  .research-stats{flex-wrap:wrap;row-gap:12px}
  .research-card,.index-card,.editorial-card,.peptide-card{min-width:0}
  .index-grid,.three-cards,.peptide-highlight,.effects-grid{min-width:0}

  .supplier-feature,.article-supplier,.peptide-sourcing,.research-cta{max-width:calc(100% - 44px)}
  .supplier-feature>div,.article-supplier>div,.peptide-sourcing>div{min-width:0}
  .supplier-feature .button,.article-supplier .button,.peptide-sourcing .button{max-width:100%;white-space:normal}

  .peptide-meta,.hero-meta{flex-wrap:wrap;row-gap:14px}
  .peptide-section{min-width:0}
  .peptide-section>div{min-width:0}
  .peptide-intro{min-width:0}
  .peptide-intro>*{min-width:0}
}

@media (max-width:600px){
  body{font-size:16px}
  .site-header{padding:17px 16px 15px;gap:12px}
  .brand{font-size:11px;letter-spacing:.11em}
  .brand span{font-size:8px;letter-spacing:.25em}
  .nav-supplier{font-size:8px;letter-spacing:.07em;padding:8px 9px}
  .top-nav{font-size:9px;gap:9px 14px;padding-top:7px}

  main{overflow:visible}
  .home-hero{padding:48px 16px 55px}
  .century,.feature-r3tta,.home-cards,.page-hero{padding-left:16px;padding-right:16px}
  .research-intro{padding:52px 16px 48px}
  .research-feature{margin-left:16px;margin-right:16px}
  .research-section{padding-left:16px;padding-right:16px}
  .research-cta{margin-left:16px;margin-right:16px;max-width:calc(100% - 32px)}
  .index-page,.bench,.source-page-list,.about-grid{padding-left:16px;padding-right:16px}
  .supplier-strip{margin-left:16px;margin-right:16px}
  .source-note,.supplier-feature{margin-left:16px;margin-right:16px;max-width:calc(100% - 32px)}
  .article{padding-left:16px;padding-right:16px}
  .article-ratatouille,.peptide-article{padding-left:16px;padding-right:16px}

  .hero-copy h1,.page-hero h1,.index-hero h1{font-size:clamp(48px,15vw,62px);line-height:.9}
  .research-intro h1{font-size:clamp(50px,15vw,64px)}
  .hero-lede,.page-hero>p:last-child,.index-hero>p:last-child,.research-intro-copy>p{font-size:17px}
  .century h2{font-size:clamp(36px,11vw,45px)}
  .reta-layout h2{font-size:clamp(40px,12vw,50px)}
  .bench-intro h2,.about-grid h2{font-size:clamp(36px,11vw,48px)}

  .essay-row,.source-page-list a{grid-template-columns:30px minmax(0,1fr) 20px;gap:12px;padding-top:28px;padding-bottom:28px}
  .essay-row h2{font-size:23px}
  .essay-row p,.source-page-list p{font-size:15px}
  .source-page-list h2{font-size:23px}

  .research-feature{min-height:0}
  .feature-visual{min-height:300px}
  .feature-copy{padding:38px 24px}
  .feature-copy h2{font-size:clamp(40px,12vw,53px)}
  .research-card{min-height:0}
  .card-art{height:175px}
  .research-card:nth-child(2) .card-art{height:175px}

  .retta-hero,.peptide-hero{margin-bottom:55px}
  .retta-hero-copy,.peptide-hero-copy{padding:44px 24px}
  .retta-hero h1,.peptide-hero-copy h1{font-size:clamp(48px,14vw,64px)}
  .retta-visual,.peptide-visual{min-height:330px}
  .article-section{min-width:0}
  .article-section>div{min-width:0}
  .article-section h2{font-size:clamp(34px,10vw,43px);overflow-wrap:anywhere}
  .article>.dek{font-size:18px}
  .article>p:not(.kicker):not(.dek):not(.source-note){font-size:16px}
  .article-supplier,.peptide-sourcing{padding:28px 22px}

  .peptide-section{padding-bottom:55px}
  .peptide-highlight{grid-template-columns:1fr}
  .peptide-highlight>*{min-width:0}
  .effects-head h2{font-size:30px}
  .effect-item{padding:17px 18px}

  .index-card{min-height:0}
  .index-art{height:165px}
  .index-card h2{overflow-wrap:anywhere}

  .calculator-card{padding:25px 20px}
  .calculator-results div{gap:12px;flex-wrap:wrap}
  .calculator-results strong{font-size:16px}

  .cowboy-home{padding:0 16px 55px}
  .cowboy-welcome{padding:52px 0 38px}
  .cowboy-welcome h1{font-size:clamp(50px,15vw,60px)}
  .cowboy-intro{font-size:16px}
  .hub-link{grid-template-columns:82px minmax(0,1fr) 26px;min-height:130px;gap:12px;padding:18px 0}
  .hub-art{width:82px;height:88px;transform:scale(.66);transform-origin:center}
  .hub-copy strong{font-size:20px;line-height:1.08;overflow-wrap:anywhere}
  .hub-copy em{font-size:8px;line-height:1.35}
  .hub-arrow{width:25px;height:25px;font-size:13px}
  .cowboy-note{margin-top:35px}
  .cowboy-note p{font-size:12px;white-space:normal;line-height:1.4}

  footer{padding:25px 16px 34px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
  footer span{margin:0!important;text-align:left!important}
}

@media (max-width:380px){
  .site-header{padding-left:13px;padding-right:13px}
  .nav-supplier{font-size:7px;padding:7px 8px}
  .top-nav{gap:8px 11px;font-size:8px}
  .brand{font-size:10px}
  .brand span{font-size:7px}
  .home-hero,.century,.feature-r3tta,.home-cards,.page-hero,.research-intro,.index-page,.bench,.source-page-list,.about-grid,.article,.article-ratatouille,.peptide-article,.cowboy-home{padding-left:13px;padding-right:13px}
  .research-feature{margin-left:13px;margin-right:13px}
  .research-cta,.source-note,.supplier-feature{margin-left:13px;margin-right:13px;max-width:calc(100% - 26px)}
  .hub-link{grid-template-columns:70px minmax(0,1fr) 23px;gap:10px}
  .hub-art{width:70px;height:78px;transform:scale(.57)}
  .hub-copy strong{font-size:18px}
  .hub-copy em{font-size:7px;letter-spacing:.06em}
  .hub-arrow{width:23px;height:23px;font-size:12px}
}

/* MOBILE LAYOUT PRESERVATION: keep desktop grid relationships and scale proportionally */
@media (max-width: 600px){
  /* Preserve desktop column counts rather than stacking */
  .three-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:20px}
  .three-pathways{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:30px}
  .peptide-highlight{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .distinction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .effects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
  .link-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
  .home-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .century-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .reta-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .bench{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .index-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .research-intro{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .research-feature{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .peptide-hero,.retta-hero{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-layout,.peptide-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}

  /* Scale grid contents so the preserved layout remains usable */
  .editorial-card{padding:18px 12px 20px;min-height:210px}
  .editorial-card h3{font-size:clamp(17px,5vw,24px);margin:30px 0 10px}
  .editorial-card p{font-size:12px;line-height:1.4}
  .editorial-card b,.index-tag,.index-card b{font-size:7px}
  .index-card{min-height:300px;padding:13px}
  .index-art{height:115px;margin:7px -13px 12px}
  .index-art:before{width:90px;height:90px}.index-art:after{width:45px;height:45px}
  .index-card h2{font-size:clamp(15px,4.6vw,23px);line-height:1.05}
  .index-card p{font-size:11px;line-height:1.35}
  .peptide-card{padding:18px 12px;min-height:190px}
  .peptide-card.featured{grid-column:span 2;min-height:220px}
  .peptide-card h2{font-size:clamp(18px,5vw,28px);margin:25px 0 7px}
  .peptide-card p{font-size:11px;line-height:1.4}
  .peptide-highlight div,.three-pathways div{padding:12px 8px;min-height:80px}
  .peptide-highlight b,.three-pathways b{font-size:clamp(12px,3.5vw,18px)}
  .peptide-highlight small,.three-pathways small{font-size:7px}
  .two-up>*,.distinction-grid div{min-width:0}
  .distinction-grid div{padding:12px;min-height:110px}.distinction-grid b{font-size:16px;margin:10px 0 5px}.distinction-grid p{font-size:10px;line-height:1.35}
  .hub-link{grid-template-columns:58px minmax(0,1fr) 20px;min-height:105px;gap:8px;padding:14px 0}
  .hub-art{width:58px;height:70px;transform:scale(.55)}
  .hub-copy strong{font-size:clamp(13px,4vw,19px);line-height:1.05}
  .hub-copy em{font-size:7px}.hub-arrow{width:20px;height:20px;font-size:11px}
  .home-hero,.century,.feature-r3tta,.home-cards,.page-hero,.research-intro,.research-section,.bench,.about-grid,.index-page{padding-left:10px;padding-right:10px}
  .hero-copy h1,.page-hero h1,.index-hero h1,.research-intro h1{font-size:clamp(30px,9vw,44px)}
  .hero-lede,.page-hero>p:last-child,.index-hero>p:last-child{font-size:12px;line-height:1.4}
  .hero-art{height:250px}.century h2{font-size:30px}.big-copy{font-size:13px}
  .supplier-feature,.source-note{margin-left:10px;margin-right:10px;max-width:calc(100% - 20px)}
  .supplier-feature{padding:22px 16px}.supplier-feature h2{font-size:25px}
}

/* FINAL MOBILE PROPORTIONAL PASS
   Preserve desktop grid geometry while scaling cards and artwork by viewport width. */
@media (max-width:600px){
  :root{--mobile-scale:clamp(.27, calc(100vw / 1440), .42)}

  /* Keep the same desktop column counts. */
  .three-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,1.1vw,8px)}
  .index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,1.1vw,8px)}
  .peptide-highlight,.three-pathways{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,1vw,7px)}
  .two-up,.distinction-grid,.effects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,1.2vw,8px)}
  .link-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(8px,2vw,14px)}

  /* Desktop cards are roughly proportional rectangles; don't retain desktop min-heights on a phone. */
  .editorial-card{min-height:0;aspect-ratio:1.28/1;padding:clamp(9px,2.1vw,16px)}
  .editorial-card h3{font-size:clamp(12px,3.6vw,18px);margin:clamp(12px,4vw,24px) 0 6px}
  .editorial-card p{font-size:clamp(8px,2.1vw,11px);line-height:1.35;margin-bottom:8px}
  .editorial-card span,.editorial-card b,.index-tag,.index-card b{font-size:clamp(6px,1.7vw,8px)}

  .index-card{min-height:0;aspect-ratio:1.03/1;padding:clamp(8px,1.9vw,13px)}
  .index-art{height:auto;aspect-ratio:1.55/1;margin:clamp(4px,1.2vw,8px) calc(-1 * clamp(8px,1.9vw,13px)) clamp(6px,1.5vw,10px)}
  .index-art:before{width:55%;height:auto;aspect-ratio:1}.index-art:after{width:28%;height:auto;aspect-ratio:1}
  .index-card h2{font-size:clamp(11px,3.5vw,17px);line-height:1.05;margin:4px 0}
  .index-card p{font-size:clamp(7px,2vw,10px);line-height:1.3;margin-bottom:6px}

  .peptide-card{min-height:0;aspect-ratio:1.45/1;padding:clamp(9px,2.2vw,15px)}
  .peptide-card.featured{min-height:0;aspect-ratio:2.6/1}
  .peptide-card h2{font-size:clamp(13px,4vw,20px);margin:clamp(10px,3vw,18px) 0 5px}
  .peptide-card p{font-size:clamp(7px,2vw,10px);line-height:1.3}
  .peptide-highlight div,.three-pathways div{min-height:0;aspect-ratio:1.35/1;padding:clamp(7px,1.8vw,11px)}
  .peptide-highlight b,.three-pathways b{font-size:clamp(9px,2.8vw,14px)}
  .peptide-highlight small,.three-pathways small{font-size:clamp(6px,1.6vw,7px)}

  .distinction-grid div{min-height:0;aspect-ratio:1.45/1;padding:clamp(8px,2vw,13px)}
  .distinction-grid b{font-size:clamp(10px,3vw,15px);margin:7px 0 4px}
  .distinction-grid p{font-size:clamp(7px,1.9vw,10px);line-height:1.3}

  /* Homepage hub: preserve its two-column desktop arrangement and scale the artwork with each cell. */
  .hub-link{grid-template-columns:clamp(48px,15vw,70px) minmax(0,1fr) clamp(19px,5vw,24px);min-height:clamp(92px,25vw,125px);gap:clamp(7px,2vw,11px)}
  .hub-art{width:100%;height:auto;aspect-ratio:1/1;transform:none}
  .hub-copy strong{font-size:clamp(11px,3.5vw,17px);line-height:1.05}
  .hub-copy em{font-size:clamp(6px,1.7vw,8px)}

  /* Two-column desktop sections stay two-column; scale the visual height rather than stacking. */
  .home-hero,.century-grid,.reta-layout,.bench,.about-grid,.index-hero,.research-intro,.research-feature,.peptide-hero,.retta-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,3vw,20px)}
  .hero-art{height:auto;aspect-ratio:1/1;min-height:0}
  .feature-visual,.retta-visual,.peptide-visual{min-height:0;height:auto;aspect-ratio:1/1}
  .pathway-diagram{height:auto;aspect-ratio:1.2/1}
  .bench{align-items:start}
  .article-layout,.peptide-layout{grid-template-columns:minmax(72px,18vw) minmax(0,1fr);gap:clamp(8px,2vw,16px)}

  /* Do not introduce arbitrary mobile-only vertical space. */
  .home-cards,.century,.feature-r3tta,.research-section,.bench,.about-grid{padding-top:clamp(35px,7vw,70px);padding-bottom:clamp(40px,8vw,80px)}
}

/* FINAL PHONE PROPORTION FIX — preserve the desktop composition without overflow */
@media (max-width:600px){
  /* The small editorial illustrations use desktop-coordinate artwork internally.
     Scale the whole drawing so its internal parts stay together instead of overlapping the copy. */
  .hub-link{grid-template-columns:clamp(78px,22vw,100px) minmax(0,1fr) clamp(20px,5vw,25px);}
  .hub-art{
    width:142px;
    height:126px;
    transform:scale(clamp(.52, calc(100vw / 720), .70));
    transform-origin:center center;
  }
  .hub-copy{min-width:0;}
  .hub-copy small{font-size:clamp(6px,1.7vw,8px);margin-bottom:5px;}
  .hub-copy strong{font-size:clamp(12px,3.8vw,17px);line-height:1.04;overflow-wrap:anywhere;}
  .hub-copy em{font-size:clamp(6px,1.65vw,8px);line-height:1.25;margin-top:5px;}

  /* Keep the Research featured panel split like desktop, but scale every part to
     the available phone width. The two halves must never force text off-screen. */
  .research-feature{
    grid-template-columns:1.05fr .95fr;
    gap:0;
    min-height:0;
  }
  .feature-visual{
    min-height:0;
    height:auto;
    aspect-ratio:1 / 1;
    border-right:1px solid #514c45;
    border-bottom:0;
  }
  .feature-copy{
    min-width:0;
    padding:clamp(16px,4.2vw,25px) clamp(12px,3.2vw,20px);
    justify-content:center;
  }
  .feature-copy h2{
    font-size:clamp(23px,7vw,34px);
    line-height:.94;
    letter-spacing:-.035em;
    margin:clamp(7px,2vw,12px) 0 5px;
    overflow-wrap:anywhere;
  }
  .feature-subtitle{font-size:clamp(9px,2.5vw,13px)!important;line-height:1.25!important;margin:0 0 10px!important;}
  .feature-copy>p:not(.card-kicker):not(.feature-subtitle){font-size:clamp(8px,2.15vw,10px);line-height:1.45;max-width:none;}
  .feature-copy .button{font-size:clamp(7px,1.8vw,9px);padding:7px 9px;margin-top:10px;}
  .card-kicker{font-size:clamp(6px,1.7vw,8px);line-height:1.2;}

  /* Scale the molecule artwork with its square panel. */
  .feature-visual .orbit-1{width:68%;height:auto;aspect-ratio:1;}
  .feature-visual .orbit-2{width:47%;height:auto;aspect-ratio:1;}
  .feature-visual .orbit-3{width:88%;height:auto;aspect-ratio:1;}
  .feature-visual .feature-core{width:27%;height:auto;aspect-ratio:1;font-size:clamp(8px,2.2vw,12px);}
  .feature-visual .feature-node{font-size:clamp(6px,1.7vw,8px);padding:5px 6px;white-space:nowrap;}

  /* The research intro keeps its two desktop columns, but its text scales with the cell. */
  .research-intro{grid-template-columns:1fr 1fr;gap:clamp(10px,3vw,18px);}
  .research-intro h1{font-size:clamp(38px,11vw,52px);line-height:.88;overflow-wrap:normal;}
  .research-intro-copy>p{font-size:clamp(10px,2.8vw,14px);line-height:1.4;}
  .research-stats{gap:clamp(7px,2vw,12px);}
  .research-stats strong{font-size:clamp(18px,5vw,25px);}
  .research-stats span{font-size:clamp(6px,1.7vw,8px);}

  /* Preserve two-up content without allowing fixed desktop typography to overflow. */
  .two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,2vw,10px);}
  .two-up>*{min-width:0;}
}

@media (max-width:380px){
  .hub-link{grid-template-columns:72px minmax(0,1fr) 21px;gap:8px;}
  .hub-art{transform:scale(.50);}
  .hub-copy strong{font-size:13px;}
  .feature-copy{padding:14px 10px;}
  .feature-copy h2{font-size:22px;}
  .feature-subtitle{font-size:8px!important;}
  .feature-copy>p:not(.card-kicker):not(.feature-subtitle){font-size:7.5px;}
  .research-intro h1{font-size:36px;}
}

/* ============================================================
   FINAL ALL-PAGE MOBILE AUDIT
   Desktop is the source of truth. Keep desktop proportions and
   column relationships on phones; only scale dimensions down.
   ============================================================ */
@media (max-width: 600px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  *,*:before,*:after{box-sizing:border-box}
  main{width:100%;max-width:100%;min-width:0}
  img,svg,video,canvas{max-width:100%;height:auto}
  p,h1,h2,h3,h4,span,a,strong,em{min-width:0;overflow-wrap:normal}

  /* Header: same hierarchy, compact proportions. */
  .site-header{padding:14px 14px 13px;gap:10px}
  .brand{font-size:10px;line-height:1.1;letter-spacing:.11em}
  .brand span{font-size:7px;letter-spacing:.22em}
  .nav-supplier{font-size:7px;line-height:1.1;padding:7px 8px}
  .top-nav{font-size:8px;gap:7px 11px;padding-top:6px;line-height:1.2}

  /* Shared page padding stays proportional across every top-level page. */
  .home-hero,.century,.feature-r3tta,.home-cards,.page-hero,.research-intro,.research-section,.bench,.about-grid,.index-page,.article,.article-ratatouille,.peptide-article{padding-left:14px;padding-right:14px}
  .supplier-feature,.source-note{margin-left:14px;margin-right:14px;max-width:calc(100% - 28px)}
  .research-feature{margin-left:14px;margin-right:14px;max-width:calc(100% - 28px)}
  .research-cta{margin-left:14px;margin-right:14px;max-width:calc(100% - 28px)}
  .supplier-strip{margin-left:14px;margin-right:14px}

  /* HOME / GENERAL TWO-COLUMN SECTIONS */
  .home-hero,.century-grid,.reta-layout,.bench,.about-grid,.index-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,3.2vw,18px)}
  .home-hero{min-height:0;padding-top:clamp(34px,9vw,55px);padding-bottom:clamp(38px,10vw,62px)}
  .hero-copy h1,.page-hero h1,.index-hero h1{font-size:clamp(35px,10.5vw,48px);line-height:.9;letter-spacing:-.045em}
  .hero-lede,.page-hero>p:last-child,.index-hero>p:last-child{font-size:clamp(10px,2.9vw,14px);line-height:1.45}
  .hero-art{height:auto;aspect-ratio:1/1;min-height:0}
  .century{padding-top:clamp(40px,10vw,65px);padding-bottom:clamp(42px,11vw,70px)}
  .century h2{font-size:clamp(27px,8.5vw,38px)}
  .big-copy{font-size:clamp(11px,3vw,14px);line-height:1.5}
  .timeline-mini div{grid-template-columns:clamp(35px,12vw,55px) 1fr;gap:8px;padding:12px 0}
  .timeline-mini strong{font-size:clamp(12px,3.4vw,16px)}
  .timeline-mini span{font-size:clamp(8px,2vw,10px)}

  /* Home cards/catalog-style 3-across grids stay 3-across. */
  .three-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:16px}
  .editorial-card{min-height:0;aspect-ratio:1.08/1;padding:clamp(8px,2.2vw,12px)}
  .editorial-card h3{font-size:clamp(10px,3.1vw,15px);line-height:1.05;margin:clamp(14px,4vw,22px) 0 6px}
  .editorial-card p{font-size:clamp(7px,1.9vw,9px);line-height:1.35}
  .editorial-card b{font-size:clamp(5px,1.5vw,7px)}

  /* Cowboy Journal link hub: desktop is 2 columns, so mobile remains 2 columns. */
  .cowboy-home{padding-left:14px;padding-right:14px;padding-bottom:48px}
  .cowboy-welcome{padding:38px 0 28px}
  .cowboy-welcome h1{font-size:clamp(42px,13vw,55px);line-height:.88}
  .cowboy-intro{font-size:clamp(11px,3vw,14px);line-height:1.45}
  .link-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
  .hub-link{grid-template-columns:clamp(45px,13vw,62px) minmax(0,1fr) clamp(18px,5vw,22px);min-height:clamp(100px,29vw,122px);gap:clamp(5px,1.5vw,8px);padding:14px 0}
  .hub-art{width:142px;height:126px;transform:scale(clamp(.38,calc(100vw / 950),.55));transform-origin:center}
  .hub-copy small{font-size:clamp(5px,1.45vw,7px);margin-bottom:5px}
  .hub-copy strong{font-size:clamp(9px,2.8vw,13px);line-height:1.05}
  .hub-copy em{font-size:clamp(5px,1.45vw,7px);line-height:1.2;margin-top:5px}
  .hub-arrow{width:clamp(18px,5vw,22px);height:clamp(18px,5vw,22px);font-size:10px}
  .cowboy-note{margin-top:30px;gap:8px}
  .cowboy-note p{position:static;transform:none;padding:0 8px;white-space:normal;font-size:clamp(8px,2.2vw,11px);line-height:1.25}

  /* RESEARCH LANDING: preserve the desktop 2-column intro and featured split. */
  .research-intro{grid-template-columns:1fr 1fr;gap:clamp(10px,3vw,18px);padding-top:clamp(36px,9vw,52px);padding-bottom:clamp(34px,8vw,48px)}
  .research-intro h1{font-size:clamp(34px,10.5vw,48px);line-height:.86;letter-spacing:-.045em}
  .research-intro-copy>p{font-size:clamp(9px,2.7vw,13px);line-height:1.42}
  .research-stats{gap:clamp(5px,1.7vw,9px);row-gap:7px}
  .research-stats strong{font-size:clamp(16px,4.8vw,22px)}
  .research-stats span{font-size:clamp(5px,1.5vw,7px)}
  .research-feature{grid-template-columns:1.05fr .95fr;gap:0;min-height:0}
  .feature-visual{height:auto;min-height:0;aspect-ratio:1/1;border-right:1px solid #514c45;border-bottom:0}
  .feature-copy{min-width:0;padding:clamp(13px,3.6vw,20px) clamp(9px,2.7vw,15px);justify-content:center}
  .card-kicker{font-size:clamp(5px,1.5vw,7px);line-height:1.2}
  .feature-copy h2{font-size:clamp(18px,6.2vw,28px);line-height:.92;letter-spacing:-.04em;margin:clamp(6px,2vw,10px) 0 5px;overflow-wrap:anywhere}
  .feature-subtitle{font-size:clamp(7px,2vw,10px)!important;line-height:1.25!important;margin:0 0 7px!important}
  .feature-copy>p:not(.card-kicker):not(.feature-subtitle){font-size:clamp(6.5px,1.8vw,9px);line-height:1.4;max-width:none}
  .feature-copy .button{font-size:clamp(5px,1.5vw,7px);padding:5px 6px;margin-top:7px;gap:5px}
  .feature-visual .orbit-1{width:68%;height:auto;aspect-ratio:1}
  .feature-visual .orbit-2{width:47%;height:auto;aspect-ratio:1}
  .feature-visual .orbit-3{width:88%;height:auto;aspect-ratio:1}
  .feature-visual .feature-core{width:27%;height:auto;aspect-ratio:1;font-size:clamp(6px,1.8vw,9px)}
  .feature-visual .feature-node{font-size:clamp(5px,1.4vw,7px);padding:4px 5px;white-space:nowrap}
  .research-section{padding-top:0;padding-bottom:55px}
  .two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,1.8vw,8px)}
  .research-card{min-height:0;aspect-ratio:1.05/1;padding:clamp(8px,2vw,12px)}
  .card-art{height:auto;aspect-ratio:1.55/1}

  /* Research / sources / index lists preserve their desktop row structure. */
  .essay-list,.source-page-list{padding-left:14px;padding-right:14px}
  .essay-row,.source-page-list a{grid-template-columns:clamp(24px,8vw,34px) minmax(0,1fr) 18px;gap:8px;padding:20px 0}
  .essay-row h2,.source-page-list h2{font-size:clamp(14px,4.2vw,20px);line-height:1.1}
  .essay-row p,.source-page-list p{font-size:clamp(8px,2.4vw,11px);line-height:1.4}
  .essay-row>span,.source-page-list span{font-size:clamp(6px,1.7vw,8px)}
  .essay-row>b,.source-page-list b{font-size:13px}

  /* PEPPER CATALOG: preserve the desktop 3-card grid. */
  .index-page{padding-bottom:55px}
  .index-hero{padding-top:42px;padding-bottom:35px}
  .index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,1.5vw,7px);padding:28px 0 55px}
  .index-card{min-height:0;aspect-ratio:.74/1;padding:clamp(6px,1.7vw,10px)}
  .index-tag{font-size:clamp(5px,1.4vw,7px)}
  .index-art{height:auto;aspect-ratio:1.1/1;margin:clamp(4px,1vw,7px) calc(-1 * clamp(6px,1.7vw,10px)) clamp(4px,1.2vw,8px)}
  .index-art:before{width:55%;height:auto;aspect-ratio:1}.index-art:after{width:28%;height:auto;aspect-ratio:1}
  .index-card h2{font-size:clamp(9px,2.7vw,13px);line-height:1.03;margin:3px 0;overflow-wrap:anywhere}
  .index-card p{font-size:clamp(6px,1.8vw,8px);line-height:1.28;margin-bottom:5px}
  .index-card b{font-size:clamp(5px,1.4vw,7px)}

  /* INDIVIDUAL RATATOUILLE / PEP ARTICLE PAGES: keep hero split and rail relationships. */
  .retta-hero,.peptide-hero{grid-template-columns:1fr 1fr;min-height:0;margin-bottom:45px}
  .retta-hero-copy,.peptide-hero-copy{padding:clamp(20px,5vw,28px) clamp(10px,2.8vw,16px)}
  .retta-hero h1,.peptide-hero-copy h1{font-size:clamp(25px,7.5vw,34px);line-height:.9;overflow-wrap:anywhere}
  .peptide-meta,.hero-meta{display:flex;flex-wrap:wrap;gap:5px 8px}
  .peptide-meta span,.hero-meta span{font-size:clamp(6px,1.7vw,8px)}
  .retta-visual,.peptide-visual{height:auto;min-height:0;aspect-ratio:1/1}
  .article-layout,.peptide-layout{grid-template-columns:minmax(58px,17vw) minmax(0,1fr);gap:clamp(8px,2vw,12px)}
  .article-rail,.peptide-rail{position:static;display:flex;flex-direction:column;gap:7px;min-width:0}
  .rail-label{font-size:clamp(5px,1.5vw,7px)}
  .article-rail a,.peptide-rail a{font-size:clamp(7px,1.9vw,9px);line-height:1.3}
  .article-section,.peptide-section{grid-template-columns:clamp(22px,7vw,30px) minmax(0,1fr);gap:clamp(7px,2vw,11px);padding-bottom:50px}
  .article-section h2,.peptide-section h2{font-size:clamp(22px,6.5vw,30px);line-height:1;overflow-wrap:anywhere}
  .article-section p,.peptide-section p{font-size:clamp(9px,2.5vw,12px);line-height:1.5}
  .article-section .pnum,.peptide-section .pnum{font-size:clamp(7px,1.8vw,9px)}
  .intro-card,.peptide-intro{grid-template-columns:clamp(22px,7vw,30px) minmax(0,1fr);gap:8px;padding:clamp(10px,2.5vw,15px);font-size:clamp(8px,2.2vw,10px);line-height:1.45}
  .distinction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .distinction-grid div{min-height:0;aspect-ratio:1.25/1;padding:clamp(7px,1.8vw,10px)}
  .distinction-grid b{font-size:clamp(8px,2.5vw,12px);margin:5px 0 3px}
  .distinction-grid p{font-size:clamp(6px,1.8vw,8px);line-height:1.3}
  .three-pathways,.peptide-highlight{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .three-pathways div,.peptide-highlight div{min-height:0;aspect-ratio:1.1/1;padding:clamp(6px,1.6vw,9px)}
  .three-pathways b,.peptide-highlight b{font-size:clamp(7px,2.1vw,10px)}
  .three-pathways small,.peptide-highlight small{font-size:clamp(5px,1.4vw,7px)}
  .effects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
  .effect-item{min-height:0;padding:clamp(7px,1.8vw,10px)}
  .effect-item b{font-size:clamp(5px,1.5vw,7px)}
  .effect-item span{font-size:clamp(6px,1.8vw,8px);line-height:1.35}
  .effects-head h2{font-size:clamp(20px,6vw,27px)}
  .effects-intro{font-size:clamp(7px,2vw,9px)}
  .peptide-sourcing,.article-supplier{padding:clamp(14px,3.5vw,20px)}
  .peptide-sourcing h2,.article-supplier h2{font-size:clamp(20px,6vw,27px);line-height:1}
  .peptide-sourcing p,.article-supplier p{font-size:clamp(8px,2.2vw,10px);line-height:1.4}
  .supplier-link{font-size:clamp(6px,1.7vw,8px);padding:7px 8px}

  /* Simple editorial article pages. */
  .article{padding-top:22px;padding-bottom:55px}
  .article>h1{font-size:clamp(35px,10.5vw,48px);line-height:.9}
  .article>.dek{font-size:clamp(12px,3.2vw,15px);line-height:1.45}
  .article>p:not(.kicker):not(.dek):not(.source-note){font-size:clamp(10px,2.7vw,13px);line-height:1.6}
  .article>h2{font-size:clamp(24px,7vw,31px);line-height:1;margin-top:45px}
  .article .note{font-size:clamp(8px,2.1vw,10px);padding:12px 14px}

  /* Calculator / bench: preserve the desktop two-column relationship. */
  .bench{grid-template-columns:1fr 1fr;gap:clamp(8px,2.5vw,14px);padding-top:40px;padding-bottom:55px}
  .bench-intro{padding:18px 0}
  .bench-intro h2{font-size:clamp(24px,7vw,31px);line-height:1}
  .bench-intro>p{font-size:clamp(9px,2.5vw,12px);line-height:1.45}
  .calculator-card{padding:clamp(10px,2.5vw,15px)}
  .calculator-card label{font-size:clamp(5px,1.5vw,7px);margin-bottom:8px}
  .calculator-card input{padding:8px;font-size:12px}
  .calculator-card button{padding:9px;font-size:7px}
  .calculator-results{padding:0 5px}
  .calculator-results div{gap:5px;padding:8px 0}
  .calculator-results span,.calculator-results strong{font-size:clamp(6px,1.8vw,8px)}

  /* About / sources / footer */
  .about-grid{gap:clamp(12px,4vw,20px);padding-top:45px;padding-bottom:55px}
  .about-grid h2{font-size:clamp(27px,8vw,36px)}
  .about-grid p{font-size:clamp(10px,2.8vw,13px);line-height:1.5}
  footer{padding:20px 14px 28px;gap:6px;font-size:7px}
}

@media (max-width: 380px){
  .site-header{padding-left:12px;padding-right:12px}
  .top-nav{font-size:7px;gap:6px 9px}
  .nav-supplier{font-size:6px;padding:6px 7px}
  .brand{font-size:9px}.brand span{font-size:6px}
  .home-hero,.century,.feature-r3tta,.home-cards,.page-hero,.research-intro,.research-section,.bench,.about-grid,.index-page,.article,.article-ratatouille,.peptide-article,.cowboy-home{padding-left:12px;padding-right:12px}
  .research-feature{margin-left:12px;margin-right:12px;max-width:calc(100% - 24px)}
  .hub-link{grid-template-columns:40px minmax(0,1fr) 17px;gap:4px;min-height:92px}
  .hub-art{transform:scale(.34)}
  .hub-copy strong{font-size:9px}.hub-copy em{font-size:4.5px}
  .feature-copy{padding:11px 7px}.feature-copy h2{font-size:18px}.feature-subtitle{font-size:6.5px!important}.feature-copy>p:not(.card-kicker):not(.feature-subtitle){font-size:6px}
  .research-intro h1{font-size:31px}.research-intro-copy>p{font-size:8px}.research-stats strong{font-size:14px}.research-stats span{font-size:5px}
  .index-card h2{font-size:8px}.index-card p{font-size:5.5px}
  .article-section h2,.peptide-section h2{font-size:20px}
  .bench-intro h2{font-size:22px}
}

/* COWBOY JOURNAL — FINAL MOBILE CONTENT-SAFE RESPONSIVE PASS
   Desktop remains unchanged. Mobile adapts each component without clipping or hiding content. */
@media (max-width: 600px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  *, *::before, *::after { box-sizing:border-box; }
  main, section, article, aside, div, a { min-width:0; }
  img, svg, video, canvas { max-width:100%; height:auto; }

  /* Homepage: give each link enough room for both artwork and copy.
     The artwork scales as one complete drawing; text is never underneath it. */
  .cowboy-home { width:100%; max-width:100%; overflow:visible; }
  .link-hub { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 12px !important; }
  .hub-link {
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    justify-items:center !important;
    min-height:0 !important;
    height:auto !important;
    padding:18px 6px 20px !important;
    gap:8px !important;
    position:relative !important;
    overflow:visible !important;
  }
  .hub-art {
    grid-column:1 !important;
    grid-row:1 !important;
    width:min(100%,120px) !important;
    height:auto !important;
    aspect-ratio:142/126 !important;
    transform:none !important;
    margin:0 auto !important;
  }
  .hub-copy {
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    align-items:center !important;
    text-align:center !important;
    padding:0 4px !important;
  }
  .hub-copy small { font-size:clamp(6px,1.7vw,8px) !important; }
  .hub-copy strong {
    display:block !important;
    width:100% !important;
    font-size:clamp(12px,3.7vw,17px) !important;
    line-height:1.08 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .hub-copy em {
    display:block !important;
    font-size:clamp(6px,1.65vw,8px) !important;
    line-height:1.25 !important;
    white-space:normal !important;
  }
  .hub-arrow {
    position:absolute !important;
    top:12px !important;
    right:4px !important;
    width:22px !important;
    height:22px !important;
    font-size:10px !important;
  }

  /* Research landing: keep the desktop split relationship, but allow the feature
     copy to breathe instead of forcing desktop typography into a tiny column. */
  .research-feature {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    min-height:0 !important;
    height:auto !important;
    overflow:visible !important;
  }
  .feature-visual {
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:1/1 !important;
    overflow:hidden !important;
  }
  .feature-copy {
    min-width:0 !important;
    height:auto !important;
    padding:clamp(14px,3.5vw,22px) clamp(9px,2.5vw,15px) !important;
    overflow:visible !important;
  }
  .feature-copy h2 {
    font-size:clamp(17px,5vw,23px) !important;
    line-height:.98 !important;
    letter-spacing:-.025em !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .feature-subtitle { font-size:clamp(8px,2.1vw,10px) !important; line-height:1.25 !important; }
  .feature-copy>p:not(.card-kicker):not(.feature-subtitle) {
    font-size:clamp(7px,1.9vw,9px) !important;
    line-height:1.45 !important;
  }

  /* Research cards: content determines height. Never crop a title just to keep
     an arbitrary aspect ratio. */
  .two-up { grid-template-columns:repeat(2,minmax(0,1fr)) !important; align-items:stretch !important; }
  .research-card {
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
    padding:clamp(9px,2.2vw,13px) !important;
  }
  .research-card .card-art { height:clamp(95px,24vw,125px) !important; flex:0 0 auto; }
  .research-card .card-content { margin-top:14px !important; }
  .research-card .card-content h3 {
    font-size:clamp(14px,4vw,20px) !important;
    line-height:1.05 !important;
    overflow-wrap:anywhere !important;
  }
  .research-card .card-content p { font-size:clamp(7px,2vw,10px) !important; line-height:1.4 !important; }

  /* Pepper catalog: keep three across, but let each card grow with its content. */
  .index-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:stretch !important; }
  .index-card {
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
    padding:clamp(7px,1.8vw,11px) !important;
  }
  .index-art { height:clamp(80px,20vw,105px) !important; margin-left:calc(-1 * clamp(7px,1.8vw,11px)) !important; margin-right:calc(-1 * clamp(7px,1.8vw,11px)) !important; }
  .index-card h2 { font-size:clamp(9px,2.8vw,13px) !important; line-height:1.05 !important; overflow-wrap:anywhere !important; }
  .index-card p { font-size:clamp(6px,1.8vw,8px) !important; line-height:1.35 !important; }
  .index-card b { font-size:clamp(5px,1.4vw,7px) !important; }

  /* Individual article pages: allow hero copy and sections to grow instead of cropping. */
  .retta-hero, .peptide-hero { height:auto !important; min-height:0 !important; }
  .retta-hero-copy, .peptide-hero-copy { min-width:0 !important; overflow:visible !important; }
  .retta-hero h1, .peptide-hero-copy h1 { overflow-wrap:anywhere !important; word-break:normal !important; }
  .article-section, .peptide-section { min-width:0 !important; height:auto !important; }
  .article-section h2, .peptide-section h2 { overflow-wrap:anywhere !important; }
  .peptide-highlight, .three-pathways, .distinction-grid, .effects-grid { align-items:stretch !important; }

  /* Header/nav: keep every destination available without forcing overflow. */
  .site-header { width:100%; max-width:100%; overflow:visible; }
  .top-nav { min-width:0; }

  /* Never clip normal text anywhere on the responsive pass. */
  p, h1, h2, h3, h4, a, strong, em, span { max-width:100%; }
}

@media (max-width:380px) {
  .link-hub { gap:0 8px !important; }
  .hub-link { padding-left:3px !important; padding-right:3px !important; }
  .hub-art { width:min(100%,105px) !important; }
  .hub-copy strong { font-size:clamp(11px,3.6vw,15px) !important; }
  .hub-copy em { font-size:clamp(5.5px,1.55vw,7px) !important; }
  .research-feature { grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
  .feature-copy h2 { font-size:clamp(15px,4.8vw,20px) !important; }
  .index-card h2 { font-size:clamp(8px,2.7vw,11px) !important; }
  .index-card p { font-size:clamp(5.5px,1.7vw,7px) !important; }
}


/* Text-only journal catalog preview cards */
.index-grid{align-items:stretch}
.index-card{min-height:0;gap:18px}
.index-card .index-text-preview{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:0}
.index-card .preview-kicker{font:700 9px Arial,sans-serif;letter-spacing:.16em;color:var(--muted);margin:26px 0 8px}
.index-card .index-text-preview h2{font-size:clamp(23px,2vw,31px);line-height:1.15;margin:4px 0 12px;overflow-wrap:anywhere}
.index-card .index-text-preview p{font-size:14px;line-height:1.65;margin:0 0 24px}
.index-card .index-card-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:auto}
.index-card .index-card-actions a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;font:700 10px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:13px 12px;border:1px solid var(--ink-strong)}
.index-card .index-card-actions .read-research{background:transparent;color:var(--ink-strong)}
.index-card .index-card-actions .catalog-checkout{background:var(--ink-strong);color:var(--paper2);border-color:var(--ink-strong)}
.index-card .index-card-actions a:hover{opacity:.78}
@media(max-width:600px){.index-card{min-height:0}.index-card .index-card-actions a{font-size:9px}}