/* Peptide Atlas | responsive art direction and touch-first refinements */
html{overflow-x:clip;-webkit-text-size-adjust:100%}body{overflow-x:clip}img,svg,video{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b9d9ac;outline-offset:4px}
@media(max-width:1024px){
.premium-shell,.premium-inner .pagehero .wrap,.premium-inner .article-hero .wrap{width:calc(100% - 64px)}
.premium-navigation,.premium-inner .premium-navigation{height:82px}
.premium-nav{gap:18px}.premium-logo{font-size:15px;letter-spacing:.22em}.premium-nav-cta{padding:13px 17px;font-size:9px}
.premium-hero{min-height:720px;height:auto}.premium-hero-content{padding-block:164px 120px}.premium-hero h1{font-size:clamp(62px,8vw,90px)}
.premium-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;padding:38px 0}.premium-benefit,.premium-benefit:first-child,.premium-benefit:nth-child(3){padding:0;border:0}.premium-benefit:nth-child(odd){border-right:1px solid #ddd;padding-right:20px}
.premium-trial-grid{grid-template-columns:1.1fr .85fr;gap:5%}.premium-trial-number{padding-left:25px}.premium-trial-number strong{font-size:clamp(65px,9vw,100px)}
}
@media(max-width:760px){
.premium-shell,.premium-inner .premium-shell,.premium-inner .pagehero .wrap,.premium-inner .article-hero .wrap{width:calc(100% - 40px)}
.premium-navigation,.premium-inner .premium-navigation{height:72px}.premium-logo,.premium-inner .premium-logo{font-size:14px;letter-spacing:.16em}.premium-nav-cta,.premium-inner .premium-nav-cta{display:none}
.premium-hamburger,.premium-inner .premium-hamburger{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-left:auto;border:1px solid rgba(255,255,255,.58);border-radius:12px;color:#fff;background:rgba(3,28,22,.34);font-size:0;cursor:pointer;position:relative}
.premium-hamburger:after{content:'☰';font-size:23px;line-height:1}.premium-hamburger[aria-expanded='true']:after{content:'×';font-size:30px}
.premium-nav,.premium-inner .premium-nav{display:none;position:absolute;z-index:40;top:72px;left:14px;right:14px;gap:0;padding:10px 12px 14px;border:1px solid #416055;border-radius:18px;background:#09241d;box-shadow:0 22px 50px #00160f88;flex-direction:column;align-items:stretch;margin:0}
.premium-nav.open,.premium-inner .premium-nav.open{display:flex}.premium-nav a,.premium-inner .premium-nav a{display:block;min-height:49px;padding:14px 15px;color:#fff;font-size:15px;border-bottom:1px solid #ffffff1e}.premium-nav a:last-child{border-bottom:0}.premium-nav a:after{display:none}
.premium-hero{min-height:690px;height:auto;background-position:64% center;background-size:cover;align-items:center}.premium-hero:before{background:linear-gradient(90deg,rgba(1,13,12,.94) 0%,rgba(1,13,12,.74) 57%,rgba(1,13,12,.27) 100%),linear-gradient(0deg,rgba(1,13,12,.67),transparent 37%)}
.premium-hero-content{padding-top:158px;padding-bottom:118px}.premium-eyebrow{font-size:10px;letter-spacing:.22em;line-height:1.6;max-width:330px}.premium-hero h1{font-size:clamp(48px,10.5vw,77px);line-height:1.075;max-width:620px;letter-spacing:-.045em}.premium-hero p{font-size:15px;line-height:1.75;max-width:460px}
.premium-hero-actions{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap}.premium-primary{min-height:50px;padding-inline:23px}.premium-hero-link{min-height:48px;display:inline-flex;align-items:center}.premium-hero-scroll{display:none}
.premium-benefit-grid{gap:23px 16px;padding:33px 0}.premium-benefit{gap:12px}.premium-benefit:nth-child(odd){padding-right:10px}.premium-benefit-icon{flex:none;width:40px;height:40px;font-size:22px}.premium-benefit span{font-size:9px;line-height:1.4;display:block}.premium-benefit h2{font-size:19px;line-height:1.2;margin:7px 0}.premium-benefit p{font-size:12px;line-height:1.55}
.premium-featured{padding:68px 0 72px}.premium-section-header{align-items:start;gap:13px}.premium-section-header h2{font-size:clamp(34px,5vw,47px)}.premium-inline-link{font-size:10px;white-space:normal;text-align:right;line-height:1.6}.premium-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.premium-article{padding:25px 22px;min-height:275px}.premium-article h3{font-size:clamp(24px,3.7vw,32px)}.premium-article p{font-size:13px}
.premium-trial-feature{padding:68px 0}.premium-trial-grid{grid-template-columns:1fr;gap:34px}.premium-trial-feature h2{font-size:clamp(37px,6.5vw,55px)}.premium-trial-number{border-top:1px solid #57776c;border-left:0;padding:23px 0 0}.premium-trial-number strong{font-size:84px}
.premium-explore{padding:70px 0}.premium-explore h2{font-size:clamp(42px,7vw,64px)}.premium-footer-main{grid-template-columns:1.3fr 1fr;gap:33px 22px}.premium-footer-main>div:first-child{grid-column:1/-1}.premium-footer{padding-top:47px}
.premium-inner .pagehero,.premium-inner .article-hero{min-height:410px;height:auto;padding:140px 0 75px;background-position:62% center}.premium-inner .pagehero:before,.premium-inner .article-hero:before{background:linear-gradient(90deg,rgba(1,13,13,.93),rgba(1,13,13,.56))}.premium-inner .pagehero h1,.premium-inner .article-hero h1{font-size:clamp(39px,8.5vw,65px);line-height:1.1;overflow-wrap:break-word}.premium-inner .pagehero p,.premium-inner .article-hero p{font-size:15px;line-height:1.7}
.premium-inner .wrap{max-width:calc(100% - 40px)}.premium-inner .article-layout{display:block}.premium-inner .article-main{min-width:0}.premium-inner .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-inner .toolbar{flex-wrap:wrap}
}
@media(max-width:520px){
.premium-shell,.premium-inner .premium-shell,.premium-inner .pagehero .wrap,.premium-inner .article-hero .wrap{width:calc(100% - 36px)}
.premium-hero{min-height:670px;background-position:59% center}.premium-hero:before{background:linear-gradient(90deg,rgba(1,13,12,.94) 0%,rgba(1,13,12,.76) 77%,rgba(1,13,12,.49) 100%)}.premium-hero-content{padding-top:136px;padding-bottom:87px}.premium-hero h1{font-size:clamp(44px,11.1vw,60px);margin-bottom:20px}.premium-hero p{font-size:14px;line-height:1.7;margin-bottom:28px}.premium-eyebrow{font-size:9px;letter-spacing:.16em}
.premium-hero-actions{align-items:stretch;gap:8px;flex-direction:column;max-width:290px}.premium-primary{width:100%;min-height:52px}.premium-hero-link{align-self:flex-start;padding-inline:4px;font-size:10px}
.premium-benefit-grid{grid-template-columns:1fr;gap:0;padding:12px 0}.premium-benefit,.premium-benefit:nth-child(odd){border-right:0;border-bottom:1px solid #e5e9e4;padding:20px 0}.premium-benefit:last-child{border:0}.premium-benefit-icon{width:46px;height:46px;font-size:23px}.premium-benefit h2{font-size:21px}.premium-benefit p{font-size:13px}
.premium-featured{padding:52px 0 66px}.premium-section-header{flex-wrap:wrap;margin-bottom:22px}.premium-section-header h2{font-size:38px}.premium-inline-link{white-space:nowrap;text-align:left;margin-top:4px}.premium-article-grid{grid-template-columns:1fr;gap:12px}.premium-article{min-height:0;padding:28px 25px}.premium-article h3{font-size:29px}.premium-article p{max-width:unset;font-size:14px}.premium-read{margin-top:15px}.premium-trial-feature{padding:59px 0}.premium-trial-feature h2{font-size:39px}.premium-trial-number strong{font-size:78px}.premium-explore{padding:62px 0}.premium-explore h2{font-size:44px}.premium-footer-main{gap:23px}.premium-footer-bottom{font-size:11px}
.premium-inner .pagehero,.premium-inner .article-hero{min-height:355px;padding:120px 0 57px;background-position:62% center}.premium-inner .pagehero h1,.premium-inner .article-hero h1{font-size:clamp(36px,9.8vw,50px)}.premium-inner .pagehero p,.premium-inner .article-hero p{font-size:14px}.premium-inner .wrap{max-width:calc(100% - 36px);width:calc(100% - 36px)}.premium-inner .cards{grid-template-columns:1fr;gap:14px}.premium-inner .cards .card{min-height:0}.premium-inner .toolbar{display:flex;flex-direction:column;align-items:stretch;gap:15px}.premium-inner .filters{display:flex;gap:8px;flex-wrap:wrap}.premium-inner .filter{min-height:42px}.premium-inner .search{width:100%;max-width:100%}.premium-inner .article-layout{width:calc(100% - 36px)}.premium-inner .article-main{overflow-wrap:anywhere}.premium-inner .article-content{font-size:16px;line-height:1.8}.premium-inner .article-content h2{font-size:clamp(26px,7vw,34px);line-height:1.25}.premium-inner .article-content h3{font-size:23px}.premium-inner .toc{max-width:100%;width:100%}
}
@media(max-width:360px){.premium-hero h1{font-size:42px}.premium-logo,.premium-inner .premium-logo{font-size:12px;letter-spacing:.13em}.premium-article h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.premium-article,.premium-primary{transition:none}}
