.detail-page{background:#f4f3ef;--accent:#535b45;--ink:#242620;--paper:#f4f3ef}
.detail-page .header{align-items:center}.detail-back{grid-row:1;grid-column:1;font-size:14px;line-height:1.5;display:flex;gap:12px;align-items:center}.detail-back span{font-size:24px}
.detail-nav{position:sticky;top:0;z-index:10;background:#f4f3eff5;backdrop-filter:blur(15px);display:flex;justify-content:center;border-block:1px solid #ddded4;padding:0 7%;gap:50px}.detail-nav a{display:flex;gap:9px;align-items:center;padding:18px 3px;color:#74796c;font-size:14px;border-bottom:2px solid transparent}.detail-nav a span{font-size:12px}.detail-nav [aria-current]{color:var(--ink);border-color:var(--accent)}
.engineering-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;max-width:1600px;margin:auto;padding:66px 7% 74px;align-items:start}.engineering-heading{padding-top:25px}.tech-eyebrow{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 24px;color:#72776b;line-height:1.7}.engineering-heading h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5.2vw,84px);line-height:1.04;letter-spacing:-.03em;margin:0 0 30px;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}.engineering-benefit{font-size:20px;line-height:1.6;max-width:500px;margin:0}.engineering-principle{border-top:1px solid #d8dacf;margin-top:45px;padding-top:25px;max-width:480px}.engineering-principle h2{font-family:var(--font);font-size:14px;letter-spacing:0;line-height:1.5;font-weight:500}.engineering-principle p{font-size:16px;color:#62685a;line-height:1.75;margin:13px 0 0}
.mechanism{min-width:0}.mechanism-view{height:470px;position:relative;overflow:hidden;background:#eaeae2;isolation:isolate}.mechanism-view img{position:absolute;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s ease,opacity .4s ease}.module-body{height:79%;left:32%;top:50%;transform:translate(-50%,-50%) rotate(-8deg)}.module-tank{height:45%;left:72%;top:52%;transform:translate(-50%,-50%) rotate(8deg);opacity:.3}.mechanism[data-step="1"] .module-body{opacity:.32}.mechanism[data-step="1"] .module-tank{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1.09)}.mechanism[data-step="2"] .module-body,.mechanism[data-step="2"] .module-tank{opacity:1}.mechanism[data-step="2"] .module-tank{transform:translate(-65%,-60%) rotate(0)}.mechanism-ordinal{position:absolute;left:23px;top:21px;font-family:var(--serif);font-size:31px;color:#626757;line-height:1}.mechanism-photo{height:116%;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-27deg)}.mechanism[data-mechanism="amount"] .mechanism-photo{height:75%;top:52%;transform:translate(-50%,-50%) rotate(-12deg)}.mechanism[data-mechanism="amount"][data-step="1"] .mechanism-photo{transform:translate(-50%,-59%) rotate(-12deg) scale(1.13)}.mechanism[data-mechanism="tip"] .mechanism-photo{height:195%;top:9%;left:54%;transform:translate(-50%,-8%) rotate(-26deg)}.mechanism[data-mechanism="tip"][data-step="1"] .mechanism-photo{transform:translate(-50%,-35%) rotate(-26deg)}.care-photo{height:80%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg)}.mechanism img[hidden]{display:none}
.mechanism-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 0}.mechanism-controls button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;background:none;color:#72786a;border:0;border-bottom:1px solid #b9beae;padding:8px 0 14px;line-height:1.5;font-size:14px;min-width:0;overflow-wrap:anywhere}.mechanism-controls button>span{font-size:12px}.mechanism-controls [aria-selected="true"]{border-bottom:2px solid #525e40;color:#202b16}.mechanism-caption{min-height:95px}.mechanism-caption p{font-size:16px;line-height:1.7;color:#62685a;margin:18px 0 0}.mechanism-caption[hidden]{display:none}
.evidence-section{background:#e7e7de;padding:67px 7%;border-top:1px solid #d8dacf}.evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.evidence-heading h2{font-size:clamp(39px,4.4vw,65px);text-wrap:balance}.evidence-heading>span{font-size:12px;letter-spacing:1.5px;white-space:nowrap;color:#73776b}.evidence-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:43px 0 0}.evidence-facts>div{display:flex;flex-direction:column-reverse;gap:12px;justify-content:end;padding:0 30px 0 0;border-right:1px solid #c6c9ba;min-width:0}.evidence-facts>div:last-child{border:0}.evidence-facts dd{font-family:var(--serif);font-size:clamp(32px,3.6vw,54px);line-height:1.13;margin:0;overflow-wrap:anywhere;hyphens:auto}.evidence-facts dt{font-size:14px;color:#686f5e;line-height:1.5}.evidence-foot{font-size:14px;color:#62685a;max-width:840px;margin:29px 0 0;line-height:1.7}.evidence-source{border-top:1px solid #c6c9ba;margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:30px}.evidence-source p{font-size:12px;color:#69705e;margin:0;line-height:1.7}.evidence-source a{font-size:14px;line-height:1.6;border-bottom:1px solid #7e856f;padding-bottom:7px;min-width:180px}.evidence-source a>span:last-child{display:block;font-size:12px;opacity:.65;letter-spacing:1px}
.engineering-test{background:#30372e;color:#f3f3e9;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;padding:74px 7%}.engineering-test .tech-eyebrow{color:#bec5b6}.engineering-test h2{font-size:clamp(45px,5vw,73px);line-height:1.06;max-width:600px;text-wrap:balance}.engineering-test p{font-size:16px;color:#c8d0bf;line-height:1.7;max-width:540px}.test-action ul{list-style:none;padding:0;margin:0;counter-reset:tests}.test-action li{counter-increment:tests;border-bottom:1px solid #ffffff24;padding:16px 0;display:flex;gap:20px;font-size:16px;line-height:1.5}.test-action li:before{content:'0' counter(tests);color:#a6b39a;font-size:12px;padding-top:3px}.test-action li:first-child{padding-top:0}.test-action>p{font-size:14px;margin:24px 0}.test-action .button{background:#e8e9dc;color:#27301f;gap:32px;padding:17px 24px;line-height:1.5;font-size:16px}.test-action .button:after{display:none}.test-action small{display:block;margin-top:12px;font-size:12px;color:#b6c0ad}
.next-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:45px 7%;align-items:center;border-bottom:1px solid #d8dacf}.next-details p{font-size:14px;color:#6d7364}.next-details a{font-family:var(--serif);font-size:36px;display:flex;justify-content:space-between;align-items:center;gap:18px}.next-details a>span{font-family:var(--font);font-size:26px}.detail-footer{padding:42px 7%;display:grid;grid-template-columns:1fr 1.4fr auto;gap:36px;align-items:start}.detail-footer .wordmark{font-size:23px;letter-spacing:5px}.detail-footer p{font-size:12px;line-height:1.7;margin:0;color:#73776b}.detail-footer>a:last-child{font-size:13px;padding-top:3px;border-bottom:1px solid #aab09e}
@media(max-width:1000px){.engineering-hero{gap:5%;padding-inline:5%}.engineering-heading h1{font-size:54px}.mechanism-view{height:410px}.engineering-benefit{font-size:18px}.evidence-facts{gap:22px}.detail-footer{grid-template-columns:1fr 2fr}.detail-footer>a:last-child{grid-column:2;justify-self:start}.engineering-test{gap:6%}}
@media(max-width:700px){.detail-page .header{height:80px;grid-template-columns:1fr 1fr;padding:0 7%;gap:15px}.detail-page .header .wordmark{grid-column:1;font-size:25px}.detail-page .lang-control{grid-column:2}.detail-back{grid-column:auto;display:none}.detail-nav{padding-inline:7%;gap:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.detail-nav a{justify-content:center;flex-direction:column;gap:3px;text-align:center;padding:11px 0;font-size:14px;overflow-wrap:anywhere;line-height:1.45}.engineering-hero{display:block;padding:37px 7% 43px}.engineering-heading{padding-top:0}.tech-eyebrow{margin-bottom:19px;font-size:12px;letter-spacing:1.2px}.engineering-heading h1{font-size:clamp(41px,11.8vw,69px);line-height:1.06;margin-bottom:23px;overflow-wrap:normal;hyphens:auto}.engineering-benefit{font-size:18px;margin-bottom:27px}.engineering-principle{margin-top:0;padding-top:21px;margin-bottom:32px;max-width:none}.engineering-principle p{margin-top:10px;font-size:16px}.mechanism-view{height:auto;aspect-ratio:1}.mechanism-controls{gap:15px;margin-top:13px}.mechanism-controls button{font-size:14px;line-height:1.4;padding-bottom:12px}.mechanism-caption{min-height:0}.mechanism-caption p{font-size:16px;margin-top:18px}.evidence-section{padding:43px 7%}.evidence-heading>span{display:none}.evidence-heading h2{font-size:43px}.evidence-facts{grid-template-columns:1fr;gap:0;margin-top:27px}.evidence-facts>div{padding:21px 0;border-right:0;border-bottom:1px solid #c6c9ba;gap:8px}.evidence-facts>div:first-child{padding-top:0}.evidence-facts dd{font-size:39px}.evidence-facts dt{font-size:14px}.evidence-foot{margin-top:12px}.evidence-source{display:block;margin-top:24px;padding-top:21px}.evidence-source a{display:inline-block;margin-top:21px;min-width:0}.engineering-test{display:block;padding:46px 7%}.engineering-test h2{font-size:49px;overflow-wrap:anywhere;hyphens:auto}.engineering-test .tech-eyebrow{margin-bottom:20px}.engineering-test>div>p:last-child{margin:23px 0 33px}.test-action .button{font-size:15px;padding:16px 23px;gap:28px;max-width:100%;text-align:center}.next-details{grid-template-columns:1fr 1fr;gap:23px;padding:28px 7%}.next-details p{grid-column:1/-1;margin:0;font-size:14px}.next-details a{font-size:31px;overflow-wrap:anywhere;gap:10px}.detail-footer{display:flex;flex-direction:column;gap:23px;padding:34px 7%}.detail-footer p{max-width:480px}.detail-footer>a:last-child{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.mechanism-view img{transition:none}}
/* On phones, show the mechanism before the supporting technical paragraph. */
@media(max-width:700px){.engineering-hero{display:flex;flex-direction:column}.engineering-heading{display:contents}.engineering-hero .mechanism{width:100%;order:1}.engineering-principle{order:2;width:100%;margin:30px 0 0}.engineering-heading h1,.engineering-benefit{width:100%}}