.hy3science{--paper:#faf7ef;--ink:#080808;--mineral:#eee9df;--orange:#f2a618;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}.hy3science *{box-sizing:border-box}.hy3science :is(h2,h3,p,figure){margin:0}.hy3science .wrap{width:min(1240px,calc(100% - 80px));margin:auto}.hy3science .head{padding:35px 0;background:var(--mineral)}.hy3science h2,.hy3science .role{font-family:HYDisplay,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.025em;line-height:1.1}.hy3science h2{font-size:52px}.hy3science .head p{margin-top:15px;font-size:18px}.hy3science .product{padding:36px 0}.hy3science .product:nth-of-type(3){background:var(--mineral)}.hy3science .product-grid{display:grid;grid-template-columns:170px 1fr 1fr;gap:36px}.hy3science .pack{position:relative;overflow:hidden;height:280px}.hy3science .pack img{position:absolute;left:50%;height:100%;width:auto;max-width:none;transform:translateX(-47%);object-fit:contain}.hy3science .identity{font-size:11px;font-weight:700;letter-spacing:.035em;color:#514e48}.hy3science .role{font-size:57px;margin:15px 0}.hy3science .benefit{font-size:18px;font-weight:700;margin-bottom:14px}.hy3science .mechanism{font-size:16px;line-height:1.5}.hy3science .use{font-size:13px;font-weight:700;margin-top:15px}.hy3science .schematic{height:185px;font-size:10px}.hy3science .schematic svg{width:100%;height:145px;display:block}.hy3science .schematic-label{font-weight:700;letter-spacing:.04em;color:#514e48}.hy3science .function{display:flex;align-items:center;gap:25px;justify-content:space-between;border-bottom:1px solid #cbc5b8;padding:18px 0;font-weight:700;font-size:13px}.hy3science .function .arrow{font-size:25px;font-weight:400}.hy3science details{border-top:1px solid #cbc5b8}.hy3science summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:50px;cursor:pointer;font-size:14px;font-weight:700;gap:15px}.hy3science summary::after{content:'+';font-size:23px;font-weight:400}.hy3science details[open]>summary::after{content:'−'}.hy3science summary::-webkit-details-marker{display:none}.hy3science .research-body{padding:0 0 19px;font-size:14px;line-height:1.6}.hy3science .research-body p+p{margin-top:12px}.hy3science .research-body h3{font-size:14px;font-weight:700;margin:12px 0 6px;letter-spacing:0}.hy3science a{color:inherit;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px;font-weight:700;font-size:13px}.hy3science .study{background:#080808;color:#faf7ef;padding:40px 0}.hy3science .study-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.hy3science .study-kicker,.hy3science .study-type{color:#f2a618;font-size:12px;font-weight:700}.hy3science .study h2{font-size:54px;margin:18px 0 27px;max-width:540px}.hy3science .study p{max-width:545px}.hy3science .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0 25px}.hy3science .stats b{font:58px/1.1 HYDisplay,sans-serif}.hy3science .stats small{display:block;font-size:11px;font-weight:700;color:#f2a618;margin-top:14px}.hy3science .study-type{margin:18px 0 15px}.hy3science .study-cite{font-size:13px;color:#ccc5b6;margin-top:32px}.hy3science .study details{margin-top:8px;border:0}.hy3science .study details summary{justify-content:flex-start}.hy3science .more{padding:27px 0;background:var(--mineral)}.hy3science .more h3{font-size:14px;letter-spacing:0;font-weight:700}.hy3science .more p{margin-top:12px}.hy3science .more details{border:0;margin-top:10px}.hy3science .faq{padding:35px 0}.hy3science .faq h2{font-size:42px;margin-bottom:22px}.hy3science .faq .research-body{max-width:800px}.hy3science :focus-visible{outline:3px solid #1a63b7;outline-offset:4px}@media(max-width:749px){.hy3science .wrap{width:calc(100% - 40px)}.hy3science .head{padding:27px 0}.hy3science h2{font-size:34px}.hy3science .head p{font-size:14px;margin-top:13px}.hy3science .product{padding:25px 0}.hy3science .product-grid{grid-template-columns:85px 1fr;gap:18px}.hy3science .pack{height:170px}.hy3science .product-copy{display:contents}.hy3science .product-intro{min-width:0;align-self:center}.hy3science .role{font-size:43px;margin:12px 0}.hy3science .identity{font-size:10px}.hy3science .benefit{font-size:13px;margin-bottom:0}.hy3science .mechanism-and-use{grid-column:1/-1}.hy3science .mechanism{font-size:14px}.hy3science .use{font-size:12px;margin-top:12px}.hy3science .visual-and-research{grid-column:1/-1}.hy3science .schematic{height:180px}.hy3science summary{font-size:13px;min-height:48px}.hy3science .research-body{font-size:13px}.hy3science .study{padding:30px 0}.hy3science .study-grid{display:block}.hy3science .study h2{font-size:38px;margin:17px 0 20px}.hy3science .study p{font-size:14px}.hy3science .stats{margin:25px 0}.hy3science .stats b{font-size:36px}.hy3science .stats small{font-size:9px;margin-top:11px}.hy3science .study-kicker{font-size:10px}.hy3science .study .study-type{font-size:12px}.hy3science .study-cite{font-size:11px!important;margin-top:22px}.hy3science .more p{font-size:14px}.hy3science .faq h2{font-size:29px}.hy3science .function{font-size:12px}.hy3science .schematic svg{height:150px}}@media(max-width:350px){.hy3science h2{font-size:29px}.hy3science .role{font-size:38px}.hy3science .study h2{font-size:33px}}
.hy2-product--system .hy3science h2,.hy2-product--system .hy3science .role{font-family:HYDisplay,Impact,sans-serif;font-weight:400;letter-spacing:-.025em;text-transform:uppercase;line-height:1.1}.hy2-product--system .hy3science h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:0}

.hy3science .pack--photo img{inset:0;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain}