/* Chemistry use case: layout follows the source page's wide hero and three-card rhythm. */
.chem-hero{min-height:525px;color:#fff;background:linear-gradient(120deg,#020706 0%,#00100d 46%,#064a43 79%,#12482c 100%);position:relative;overflow:hidden}
.chem-hero:before,.chem-hero:after{content:"";position:absolute;inset:0;pointer-events:none}.chem-hero:before{background:#000;clip-path:polygon(0 0,59% 0,45% 100%,0 100%)}.chem-hero:after{background:#0c837b55;clip-path:polygon(54% 0,62% 0,71% 100%,65% 100%)}
.chem-hero .container,.chem-benefits .container,.chem-formats .container,.chem-detail .container,.chem-end .container{width:min(1600px,84%)}
.chem-hero-grid{min-height:525px;display:grid;grid-template-columns:1fr .93fr;align-items:center;gap:50px;position:relative;z-index:1}.chem-hero-copy{padding:42px 0 52px}.chem-hero .chem-kicker{display:none}.chem-hero h1{font-size:clamp(48px,4.3vw,68px);line-height:1.13;max-width:800px;margin:0 0 32px;color:#fff;letter-spacing:-.035em}.chem-hero p{font-size:21px;line-height:1.85;max-width:760px;color:#d0dcda;margin:0 0 39px}.chem-hero .actions{display:flex;gap:16px;align-items:center;margin:0}.chem-hero .button{font-size:17px;min-height:62px;padding:16px 28px}.chem-hero .button.outline,.chem-end .button.outline{border:1px solid #91aaa5;background:transparent;color:#fff}.chem-hero small{display:block;font-size:11px;color:#a6bab4;margin-top:28px}.chem-hero-art{display:grid;place-items:center}.chem-hero-art img{width:100%;max-width:790px;display:block;object-fit:contain;filter:drop-shadow(0 28px 36px #0005);transition:transform .35s ease}.chem-hero-art:hover img{transform:translateY(-8px)}
.chem-benefits{background:#e8faf2;padding:86px 0 76px}.chem-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.chem-feature-card{background:#fff;border:1px solid #e2e9e4;border-radius:16px;padding:37px 34px 36px;min-height:330px;box-shadow:0 1px 2px #0b372010;transition:transform .25s ease,box-shadow .25s ease}.chem-feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 32px #0b372014}.chem-feature-card img{display:block;width:52px;height:52px;object-fit:contain;margin-bottom:29px}.chem-feature-card h2{font-size:23px;line-height:1.5;letter-spacing:-.02em;color:#111b15;margin:0 0 15px}.chem-feature-card p{font-size:17px;line-height:1.75;color:#56625b;margin:0}
.chem-formats{padding:100px 0;background:#fff}.chem-formats-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.chem-kicker{color:#087b65;font-size:13px;font-weight:700;letter-spacing:.06em}.chem-formats h2,.chem-detail h2,.chem-end h2{font-size:clamp(34px,3vw,47px);line-height:1.22;letter-spacing:-.03em;color:#131b16;margin:18px 0 24px}.chem-formats p,.chem-detail p{font-size:18px;color:#536058;line-height:1.85;max-width:650px}.chem-formats img{width:100%;display:block;object-fit:contain}.chem-format-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.chem-format-tags span{background:#eef8f1;color:#09664e;padding:10px 16px;border-radius:8px;font-weight:700}
.chem-detail{padding:90px 0;background:#f4fbf7}.chem-detail:nth-of-type(even){background:#fff}.chem-detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.chem-detail.reverse .chem-detail-copy{order:2}.chem-detail img{width:100%;max-height:430px;object-fit:contain;display:block;border-radius:12px}.chem-detail .button{margin-top:20px;color:#17694f;border-color:#aac9b5;background:#fff}.chem-end{background:#07110c;color:#fff;text-align:center;padding:86px 0}.chem-end h2{color:#fff}.chem-end p{color:#c2d2c8;font-size:18px}.chem-end .actions{display:flex;justify-content:center;gap:16px;margin-top:30px}
@media(max-width:1050px){.chem-hero .container,.chem-benefits .container,.chem-formats .container,.chem-detail .container,.chem-end .container{width:min(100% - 48px,880px)}.chem-hero-grid{gap:30px}.chem-hero h1{font-size:50px}.chem-hero p{font-size:18px}.chem-feature-card{padding:28px;min-height:0}.chem-feature-card h2{font-size:20px}.chem-feature-card p{font-size:15px}.chem-detail-grid{gap:45px}}
@media(max-width:760px){.chem-hero-grid,.chem-formats-grid,.chem-detail-grid{grid-template-columns:1fr}.chem-hero-grid{padding:55px 0 45px;gap:10px}.chem-hero-copy{padding:0}.chem-hero h1{font-size:clamp(38px,9vw,54px);margin-bottom:21px}.chem-hero p{font-size:17px;margin-bottom:27px}.chem-hero-art img{max-width:550px}.chem-benefits{padding:50px 0}.chem-benefit-grid{grid-template-columns:1fr;gap:16px}.chem-feature-card{padding:26px}.chem-feature-card img{margin-bottom:18px}.chem-formats,.chem-detail{padding:58px 0}.chem-formats-grid,.chem-detail-grid{gap:30px}.chem-detail.reverse .chem-detail-copy{order:0}.chem-end{padding:62px 0}}
@media(max-width:480px){.chem-hero .container,.chem-benefits .container,.chem-formats .container,.chem-detail .container,.chem-end .container{width:calc(100% - 34px)}.chem-hero .actions,.chem-end .actions{flex-direction:column;align-items:stretch}.chem-hero .button,.chem-end .button{text-align:center}.chem-hero-art{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.chem-hero-art img,.chem-feature-card{transition:none!important}}
.case-hero .chem-kicker{display:inline-block;color:#b1f841;font-size:13px;letter-spacing:.07em;margin-bottom:16px}.case-hero .chem-hero-art img{max-height:390px}.case-hero .chem-hero-copy{padding-top:55px}
@media(min-width:1061px){.header{padding-left:max(4%,calc((100vw - 1600px)/2));padding-right:max(4%,calc((100vw - 1600px)/2));height:76px}.nav{gap:7px}.nav>a,.nav summary{font-size:15px;padding:11px 14px}}