/* Brand presentation and the explanatory peptide diagram. */
.navigation{gap:28px;margin-left:0}
.header-note{font-size:8px}
.mobile-menu{display:none}
.brand-story{padding:90px var(--gutter) 78px;background:#f5f5f5}
.brand-story-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.brand-story-copy{padding:10px 0}
.brand-story h2{font-size:clamp(39px,4vw,61px);line-height:1.14;font-weight:300;letter-spacing:-.055em;margin:29px 0 27px}
.brand-story h2 span{color:#696969}
.brand-lead{font-size:19px;line-height:1.55;letter-spacing:-.025em;margin-bottom:18px}
.brand-description{max-width:455px;font-size:13px;line-height:1.9;color:#656565;margin-bottom:25px}
.editorial-link{display:inline-flex;align-items:center;gap:48px;min-height:44px;padding:8px 0;border-bottom:1px solid #8d8d8d;font-size:12px}
.editorial-link span{font-size:23px;font-weight:300;transition:transform .3s}
.editorial-link:hover span{transform:translate(3px,-3px)}
.brand-art{position:relative;isolation:isolate;min-height:450px;background:#151515;overflow:hidden;color:#eee}
.brand-art img{position:absolute;width:140%;height:100%;left:-20%;top:0;object-fit:cover;opacity:.75;transform:rotate(-16deg);z-index:-1}
.brand-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#151515cc,transparent 28%,transparent 72%,#15151588);z-index:-1}
.brand-art-mark{position:absolute;top:29px;left:30px;width:44px;height:31px;fill:#e9e9e9}
.brand-art-caption{position:absolute;left:30px;bottom:30px;font-size:11px;letter-spacing:.11em;line-height:1.8}
.brand-art-index{position:absolute;right:30px;bottom:32px;font-size:8px;text-align:right;line-height:1.7;letter-spacing:.16em;color:#bbb}
.brand-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:64px}
.brand-principles>div{position:relative;border-top:1px solid #d1d1d1;padding:24px 36px 0 0}
.principle-number{position:absolute;right:0;top:26px;font-size:9px;color:#787878}
.brand-principles h3{font-size:21px;font-weight:400;letter-spacing:-.035em;margin-bottom:11px}
.brand-principles p{font-size:12px;line-height:1.8;color:#6a6a6a;margin:0;max-width:300px}
.science{padding:88px var(--gutter) 0;background:#f5f5f5;overflow:hidden}
.science-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:45px}
.science h2{font-size:clamp(39px,4vw,61px);line-height:1.14;font-weight:300;letter-spacing:-.055em;margin:28px 0 0}
.science h2 span{color:#757575}
.science-heading>p{max-width:350px;font-size:13px;line-height:1.85;color:#656565;margin:0 0 3px}
.science-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:54px;align-items:start}
.molecular-figure{position:relative;margin:0;background:#eaeaea;border:1px solid #d8d8d8;padding:26px 26px 22px;overflow:hidden}
.molecular-topline{display:flex;justify-content:space-between;gap:18px;font-size:8px;letter-spacing:.12em;color:#626262}
.molecular-viewport{margin:3px -26px 0;overflow:hidden}
.molecular-svg{display:block;width:100%;height:auto;overflow:visible}
.diagram-emphasis{opacity:0;transition:opacity .45s ease}
[data-view="bond"] .emphasis-bond,[data-view="sequence"] .emphasis-sequence,[data-view="sidechains"] .emphasis-sidechains{opacity:1}
.molecular-legend{display:flex;flex-wrap:wrap;gap:13px 22px;border-top:1px solid #d1d1d1;padding-top:20px;font-size:9px;line-height:1.5;color:#555}
.molecular-legend>span{display:flex;align-items:center;gap:6px}
.molecular-legend i{height:10px;width:10px;border-radius:50%;flex-shrink:0}
.legend-carbon{background:linear-gradient(130deg,#999,#111)}.legend-nitrogen{background:linear-gradient(130deg,#ddd,#555)}.legend-oxygen{background:#fff;border:1px solid #bbb}.legend-r{background:none;border:1px solid #888}
.molecular-figure figcaption{font-size:10px;line-height:1.8;color:#737373;margin-top:18px;max-width:555px}
.science-explorer{padding-top:6px}
.explorer-label{font-size:8px;letter-spacing:.14em;color:#737373;margin-bottom:23px}
.science-tabs{border-top:1px solid #bfbfbf}
.science-tabs button{display:flex;align-items:center;gap:15px;text-align:left;width:100%;min-height:70px;padding:14px 0;background:none;border:0;border-bottom:1px solid #d2d2d2;color:#737373;transition:color .25s}
.science-tabs button>span:first-child{font-size:9px;width:25px;flex-shrink:0}
.science-tabs button>span:nth-child(2){font-size:19px;font-weight:300;letter-spacing:-.025em}
.science-tabs button>span:last-child{margin-left:auto;font-size:25px;font-weight:300;opacity:0;transform:translate(-5px,5px);transition:opacity .25s,transform .25s}
.science-tabs button[aria-selected="true"]{color:#171717;border-bottom-color:#171717}
.science-tabs button[aria-selected="true"]>span:last-child{opacity:1;transform:none}
.science-tabs button:hover{color:#171717}
#science-panel{min-height:218px;padding-top:25px}
.science-panel-kicker{font-size:10px;letter-spacing:.08em;color:#737373;margin-bottom:14px}
#science-panel h3{font-weight:400;font-size:21px;letter-spacing:-.035em;line-height:1.35;margin-bottom:13px}
#science-panel-copy{font-size:12px;line-height:1.85;color:#666;margin-bottom:14px}
.science-source{display:inline-flex;align-items:center;gap:25px;font-size:10px;line-height:1.7;min-height:44px;border-bottom:1px solid #aaa}
.science-source span{font-size:18px}
.science-footnote{display:flex;align-items:center;gap:23px;border-top:1px solid #cdcdcd;margin-top:50px;padding:29px 0 32px}
.science-footnote>span{font-size:29px;font-weight:300}
.science-footnote p{max-width:650px;font-size:12px;line-height:1.8;color:#666;margin:0}
.science-footnote a{display:flex;align-items:center;gap:22px;min-height:44px;margin-left:auto;font-size:11px;flex-shrink:0}
.science-footnote a span{font-size:21px}
.quality{border-top:1px solid #d6d6d6}
.research-update{display:grid;grid-template-columns:1fr 2fr;gap:55px;margin-top:45px;padding:30px 0 0;border-top:1px solid #cdcdcd}
.research-update-meta{display:flex;flex-direction:column;gap:15px;font-size:8px;letter-spacing:.12em;line-height:1.7;color:#737373}
.research-update-meta time{font-size:11px;letter-spacing:.05em}
.research-update-content h3{font-size:24px;font-weight:400;letter-spacing:-.035em;margin:0 0 15px;line-height:1.35}
.research-update-content p{font-size:12px;line-height:1.85;color:#666;margin:0 0 12px;max-width:720px}
.research-update-content .research-update-scope{font-size:10px;color:#777}
.research-update-content a{display:inline-flex;align-items:center;gap:40px;font-size:11px;min-height:44px;border-bottom:1px solid #aaa}
.research-update-content a span{font-size:21px}
.profile-update{display:block;padding:18px 0 0;margin-top:20px;border-top:1px solid #ccc;font-size:12px;line-height:1.8}
.profile-update span{font-size:10px;color:#666}
.profile-update[hidden]{display:none}
@media(min-width:1650px){.brand-art{min-height:490px}.brand-description{font-size:15px;max-width:510px}.science-heading>p{font-size:15px;max-width:400px}.science-tabs button{min-height:83px}.science-tabs button>span:nth-child(2){font-size:24px}#science-panel-copy{font-size:14px}#science-panel{padding-top:34px}}
@media(max-width:1100px){.navigation{gap:19px;font-size:12px}.header-note{display:none}.brand-story-top{gap:38px}.brand-art{min-height:430px}.brand-lead{font-size:17px}.brand-principles{gap:24px}.brand-principles h3{font-size:19px}.science-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px}.science-heading>p{max-width:280px;font-size:12px}.science-tabs button>span:nth-child(2){font-size:16px}.science-tabs button{gap:10px;min-height:65px}.science-tabs button>span:first-child{width:20px}.molecular-figure{padding:22px 18px}.molecular-viewport{margin-left:-18px;margin-right:-18px}.molecular-svg{width:130%;max-width:none;margin-left:-15%}.molecular-legend{gap:12px;font-size:8px}.science-footnote p{max-width:450px}}
@media(max-width:900px){
  .navigation{display:none}.mobile-menu{display:block}.header{z-index:10}
  .mobile-menu summary{display:flex;align-items:center;gap:18px;font-size:12px;min-height:44px;cursor:pointer;list-style:none}
  .mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary>span{font-size:25px;font-weight:300;transition:transform .25s}.mobile-menu[open] summary>span{transform:rotate(45deg)}
  .mobile-menu summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
  .mobile-menu nav{position:absolute;left:0;right:0;top:calc(100% - 1px);background:#eee;border:1px solid #c9c9c9;box-shadow:0 20px 25px #0001;padding:9px 22px}
  .mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;min-height:53px;font-size:14px;border-bottom:1px solid #d2d2d2}.mobile-menu nav a:last-child{border:0}.mobile-menu nav a span{font-size:20px}
  .science-layout{grid-template-columns:1fr}.molecular-svg{width:100%;margin-left:0}.science-explorer{padding-top:5px}.science-tabs button>span:nth-child(2){font-size:21px}#science-panel{min-height:195px}.science-footnote p{max-width:360px}.brand-story-top{gap:28px}.brand-art{min-height:400px}.brand-story h2{font-size:36px}.brand-description{font-size:12px}
}
@media(max-width:760px){
  .research-update{grid-template-columns:1fr;gap:20px;padding-top:26px;margin-top:28px}.research-update-meta{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;font-size:7px}.research-update-meta time{font-size:9px}.research-update-content h3{font-size:23px}.research-update-content p{font-size:12px}.research-update-content .research-update-scope{font-size:10px}.research-update-content a{font-size:11px}
  .brand-story{padding:56px var(--gutter) 45px}.brand-story-top{grid-template-columns:1fr;gap:33px}.brand-story-copy{padding:0}.brand-story .eyebrow{font-size:8px}.brand-story h2{font-size:37px;margin:24px 0 21px}.brand-lead{font-size:17px;line-height:1.55;margin-bottom:17px}.brand-description{font-size:12px;line-height:1.85;margin-bottom:18px}.editorial-link{font-size:12px;gap:43px}.brand-art{min-height:300px}.brand-art-mark{left:22px;top:22px;width:36px;height:25px}.brand-art-caption{left:22px;bottom:22px;font-size:9px}.brand-art-index{right:22px;bottom:24px;font-size:7px}.brand-art img{width:150%;left:-25%}.brand-principles{grid-template-columns:1fr;gap:24px;margin-top:34px}.brand-principles>div{padding:20px 32px 0 0}.principle-number{top:23px}.brand-principles h3{font-size:20px;margin-bottom:9px}.brand-principles p{font-size:12px;max-width:285px}
  .science{padding-top:54px}.science-heading{display:block;margin-bottom:29px}.science .eyebrow{font-size:8px}.science h2{font-size:37px;margin:24px 0 20px}.science-heading>p{font-size:12px;max-width:100%;line-height:1.85}.science-layout{gap:29px}.molecular-figure{padding:20px 17px}.molecular-topline{font-size:6px;letter-spacing:.08em;gap:8px}.molecular-viewport{margin-left:-17px;margin-right:-17px;margin-top:8px}.molecular-svg{width:130%;margin-left:-15%}.atom-labels{font-size:26px}.molecular-legend{font-size:9px;gap:12px 16px;padding-top:17px}.molecular-figure figcaption{font-size:10px;line-height:1.75;margin-top:16px}.explorer-label{font-size:8px;margin-bottom:19px}.science-tabs button{min-height:63px;gap:14px}.science-tabs button>span:nth-child(2){font-size:20px}.science-tabs button>span:first-child{font-size:9px;width:22px}.science-tabs button>span:last-child{font-size:23px}#science-panel{min-height:231px;padding-top:23px}#science-panel h3{font-size:22px}.science-panel-kicker{font-size:10px;margin-bottom:12px}#science-panel-copy{font-size:12px}.science-source{font-size:11px}.science-footnote{margin-top:18px;padding:24px 0 28px;gap:14px;align-items:flex-start;flex-wrap:wrap}.science-footnote>span{font-size:25px}.science-footnote p{flex:1;font-size:11px;max-width:none}.science-footnote a{margin-left:39px;font-size:11px}
}
@media(max-width:350px){.brand-story h2,.science h2{font-size:32px}.brand-lead{font-size:15px}.brand-art{min-height:270px}.brand-art-caption{font-size:8px}.brand-art-index{font-size:6px}.science-tabs button>span:nth-child(2){font-size:17px}.molecular-topline{font-size:5.5px}.molecular-legend{font-size:8px;gap:10px 12px}.molecular-legend i{width:8px;height:8px}.molecular-svg{width:140%;margin-left:-20%}.science-panel-kicker{font-size:9px}#science-panel{min-height:250px}}