.transformer-explorer{border-top:1px solid #bfcbcf;border-bottom:1px solid #bfcbcf;margin-bottom:64px;padding:30px 0 38px}.transformer-explorer__heading{justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:22px;display:flex}.transformer-explorer__heading h3{letter-spacing:-.035em;font-size:clamp(20px,2vw,27px);line-height:1.3}.transformer-explorer__heading>p{max-width:410px;color:var(--muted);font-size:14px}.transformer-explorer__layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(26px,4vw,64px);display:grid}.transformer-scene{min-width:0;margin:0;padding-top:8px;position:relative}.transformer-scene__drawing{width:100%;position:relative}.transformer-art{width:100%;height:auto;display:block;overflow:visible}.transformer-scene figcaption{color:#647984;text-align:center;margin-top:8px;font-size:11px}.transformer-scene__switch{min-height:44px;color:var(--ink);cursor:pointer;border-radius:4px;align-items:center;gap:9px;padding:4px 8px;font-size:12px;display:inline-flex;position:relative}.transformer-scene__switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.transformer-scene__switch:focus-within{outline:3px solid var(--orange);outline-offset:3px}.transformer-scene__switch-track{pointer-events:none;background:#879da8;border-radius:20px;width:32px;height:18px;padding:3px;display:block}.transformer-scene__switch-track:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;display:block}.transformer-scene__switch input:checked+.transformer-scene__switch-track{background:var(--orange-dark)}.transformer-scene__switch input:checked+.transformer-scene__switch-track:after{transform:translate(14px)}.transformer-art__shell,.transformer-art__lid{transition:transform .65s cubic-bezier(.22,.7,.2,1),opacity .45s}.transformer-art__inside{opacity:0;transition:opacity .35s}.transformer-art__guides{opacity:0;transition:opacity .25s}.transformer-art__oil,.transformer-art__paper,.transformer-art__windings{transition:opacity .35s}.transformer-hotspots{display:none}.transformer-explorer.is-ready .transformer-hotspots{display:block}.transformer-hotspot{left:var(--spot-x);top:var(--spot-y);background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:9px;position:absolute;transform:translate(-50%,-50%)}.transformer-hotspot>span{width:26px;height:26px;color:var(--ink);background:#fff;border:1px solid #6a8492;border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid;box-shadow:0 2px 9px #16344320}.transformer-hotspot>span:after{content:"+";font:400 20px/1 var(--sans)}.transformer-hotspot:hover>span{transform:scale(1.12)}.transformer-hotspot[aria-pressed=true]>span{color:#fff;background:var(--orange-dark);border-color:var(--orange-dark)}.transformer-hotspot[aria-pressed=true]>span:after{content:"−"}.transformer-explorer__inspector{min-width:0}.transformer-topics{border:0;border-bottom:1px solid #c5d1d7;align-items:stretch;gap:5px;margin:0 0 28px;padding:0;display:flex}.transformer-topic{text-align:center;color:#596e7b;cursor:pointer;flex:1;justify-content:center;align-items:center;min-height:48px;padding:11px 6px;font-size:13px;font-weight:600;display:flex;position:relative}.transformer-topic:after{content:"";background:var(--orange);height:3px;transition:transform .2s;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.transformer-topic:focus-within{outline:3px solid var(--orange);outline-offset:3px;border-radius:2px}.transformer-panel+.transformer-panel{margin-top:24px}.transformer-panel__material{width:24px;height:24px;margin-bottom:16px;display:block}.transformer-panel__material--oil{background:linear-gradient(135deg,#ffcd69,#f39c12 65%,#b96c0a);border-radius:85% 25% 70% 65%;width:21px;height:26px;transform:rotate(-30deg)}.transformer-panel__material--windings{background:repeating-linear-gradient(0deg,#a25a2a 0 2px,#e9ae6b 2px 5px);border-radius:50%/20%;width:30px}.transformer-panel__material--paper{background:#f0e4d0;border:1px solid #c2aa87;box-shadow:3px 3px #e4d2b4,5px 5px #c2aa87}.transformer-panel h4{max-width:340px;font:500 clamp(26px, 2.6vw, 36px)/1.2 var(--display);letter-spacing:-.045em;margin:0}.transformer-panel>p:not(.transformer-panel__related){color:var(--muted);margin-top:17px;font-size:15px;line-height:1.75}.transformer-panel .transformer-panel__related{color:var(--orange-dark);margin-top:24px;font-size:12px;font-weight:600}.transformer-panel ul{grid-template-columns:1fr;gap:0;margin:8px 0 0;padding:0;list-style:none;display:grid}.transformer-panel a{border-bottom:1px solid #dce4e7;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:37px;padding:5px 0;font-size:13px;line-height:1.5;display:flex}.transformer-panel a:hover{color:var(--orange-dark)}.transformer-panel a>span:last-child{color:var(--orange-dark);font-size:17px;transition:transform .2s}.transformer-panel a:hover>span:last-child{transform:translate(2px,-2px)}.transformer-explorer__note{color:#647984;border-top:1px solid #c5d1d7;margin-top:22px;padding-top:19px;font-size:12px;line-height:1.6}.tests .test{position:relative}.tests .test:before{content:"";background:var(--orange);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:-1px;left:0;right:0}.tests .test.is-related:before,.tests .test:target:before{opacity:1}@supports selector(:has(*)){.transformer-explorer__panels{display:grid}.transformer-panel{visibility:hidden;opacity:0;grid-area:1/1;transition:opacity .25s,transform .25s;transform:translateY(7px)}.transformer-panel+.transformer-panel{margin-top:0}.transformer-explorer:has([value=oil]:checked) [data-transformer-panel=oil],.transformer-explorer:has([value=windings]:checked) [data-transformer-panel=windings],.transformer-explorer:has([value=paper]:checked) [data-transformer-panel=paper]{visibility:visible;opacity:1;transform:none}.transformer-topic:has(input:checked){color:var(--ink)}.transformer-topic:has(input:checked):after{transform:scaleX(1)}.transformer-explorer:has([data-transformer-cutaway]:checked) .transformer-art__lid{opacity:.88;transform:translate(13px,-48px)}.transformer-explorer:has([data-transformer-cutaway]:checked) .transformer-art__shell{opacity:.12;transform:translate(-42px,22px)}.transformer-explorer:has([data-transformer-cutaway]:checked) .transformer-art__inside,.transformer-explorer:has([data-transformer-cutaway]:checked) .transformer-art__guides{opacity:1}.transformer-explorer:has([data-transformer-cutaway]:not(:checked)) .transformer-hotspots{visibility:hidden}.transformer-explorer:has([value=oil]:checked) .transformer-art__paper{opacity:.6}.transformer-explorer:has([value=windings]:checked) .transformer-art__oil{opacity:.22}.transformer-explorer:has([value=windings]:checked) .transformer-art__paper{opacity:.35}.transformer-explorer:has([value=paper]:checked) .transformer-art__oil{opacity:.16}.transformer-explorer:has([value=paper]:checked) .transformer-art__windings{opacity:.45}}@media (width<=1050px){.transformer-explorer__layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:25px}.transformer-explorer__heading{display:block}.transformer-explorer__heading>p{max-width:560px;margin-top:12px}.transformer-topic{font-size:12px}}@media (width<=760px){.transformer-explorer{margin-bottom:32px;padding-block:23px 24px}.transformer-explorer__layout{grid-template-columns:1fr;gap:20px}.transformer-scene{width:100%;max-width:560px;margin-inline:auto}.transformer-explorer__heading{margin-bottom:14px}.transformer-explorer__heading>p{font-size:13px}.transformer-scene{padding-top:0}.transformer-topics{margin-bottom:20px}.transformer-panel__material{margin-bottom:12px}.transformer-panel>p:not(.transformer-panel__related){margin-top:14px}.transformer-panel .transformer-panel__related{margin-top:20px}.transformer-explorer__note{margin-top:18px;padding-top:14px}@supports selector(:has(*)){.transformer-panel{display:none}.transformer-explorer:has([value=oil]:checked) [data-transformer-panel=oil],.transformer-explorer:has([value=windings]:checked) [data-transformer-panel=windings],.transformer-explorer:has([value=paper]:checked) [data-transformer-panel=paper]{display:block}}.transformer-explorer__inspector{width:100%}.transformer-panel h4{max-width:100%;font-size:29px}.transformer-topic{font-size:13px}.transformer-panel a{min-height:44px}.transformer-panel>p:not(.transformer-panel__related){font-size:14px}.transformer-scene figcaption{font-size:10px}.transformer-hotspot{width:44px;height:44px;padding:10px}.transformer-hotspot>span{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.transformer-explorer *,.transformer-explorer :before,.transformer-explorer :after,.tests .test:before{transition:none!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sample-story{background:var(--navy-deep);color:#f5f8f9;position:relative}.sample-story[id]{scroll-margin-top:0}.sample-story__stage{padding-block:105px}.sample-story__layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.sample-story .section-label{color:#ffc16c}.sample-story h2{letter-spacing:-.055em;max-width:580px;margin-top:24px;font-size:clamp(43px,4.6vw,72px);line-height:1.14}.sample-story__intro{color:#b8ccd6;max-width:470px;margin-top:22px;font-size:17px}.sample-story__chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:35px;display:none}.sample-story__chapters button{text-align:left;color:#a7beca;background:0 0;border:0;border-bottom:1px solid #47606e;flex-wrap:wrap;align-items:center;gap:7px 10px;min-width:0;min-height:49px;padding:11px 0;font-size:13px;transition:color .2s,border-color .2s;display:flex;position:relative}.sample-story__chapters button>span{color:#849faa;font-size:11px}.sample-story__chapters button[aria-pressed=true]{border-color:var(--orange);color:#fff}.sample-story__chapters button[aria-pressed=true]>span{color:#ffc16c}.sample-story__chapters button:hover{color:#fff}.sample-story__panels{margin-top:29px}.sample-story__panel+.sample-story__panel{margin-top:28px}.sample-story__panel h3{letter-spacing:-.035em;font-size:22px;line-height:1.4}.sample-story__panel p{color:#b8ccd6;max-width:465px;margin-top:12px;font-size:15px;line-height:1.7}.sample-story__panel[hidden]{display:none}:where(.has-js) .sample-story:not(.is-static) .sample-story__chapters,.sample-story.is-enhanced .sample-story__chapters{display:grid}:where(.has-js) .sample-story:not(.is-static) .sample-story__panels,.sample-story.is-enhanced .sample-story__panels{min-height:133px}:where(.has-js) .sample-story:not(.is-static) .sample-story__panel+.sample-story__panel,.sample-story.is-enhanced .sample-story__panel+.sample-story__panel{margin-top:0}.has-js .sample-story:not(.is-enhanced):not(.is-static) .sample-story__panel+.sample-story__panel{display:none}.has-js .sample-story:not(.is-enhanced):not(.is-static) :is(.sample-story__chapters,.sample-story__explore-hint,.sample-story__scroll-hint){visibility:hidden}.sample-story .text-action{max-width:100%;margin-top:24px;font-size:13px}.sample-story__art{min-width:0}.sample-story__visual{isolation:isolate;height:clamp(360px,37vw,520px);position:relative}.sample-story__halo{opacity:1;pointer-events:none;background:radial-gradient(#f39c1219,#f39c1200 65%);position:absolute;inset:15% 6% 6%}.sample-story__fallback{width:100%;height:100%;display:block}.sample-story__canvas{z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:relative}.sample-story.is-enhanced .sample-story__canvas{display:block}.sample-story.is-enhanced .sample-story__fallback{display:none}.sample-story__signal-note{z-index:1;color:#b8ccd6;opacity:0;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;top:7%;left:22px}.sample-story__signal-note>span{background:var(--orange);border-radius:50%;width:5px;height:5px}.sample-story__art-footer{flex-direction:column;align-items:center;gap:22px;margin-top:6px;display:flex}.sample-story__art-footer>p{color:#8faab8;text-align:center;font-size:11px}.sample-story__scroll-hint{color:#d2dfe4;align-items:center;gap:10px;font-size:12px;display:none}.sample-story__scroll-hint>span{color:var(--orange);font-size:20px}.sample-story__explore-hint{color:#d2dfe4;font-size:12px;display:none}:where(.has-js) .sample-story:not(.is-static) .sample-story__explore-hint,.sample-story.is-enhanced .sample-story__explore-hint{display:block}.sample-story__progress{opacity:0;background:#2c4656;height:2px;margin:24px 22px 0}.sample-story__progress>span{background:var(--orange);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.sample-story.is-enhanced .sample-story__progress{opacity:1}.sample-story.is-scroll-story{height:230svh}.sample-story.is-scroll-story .sample-story__stage{height:calc(100svh - 96px);padding-block:38px;position:sticky;top:96px}.sample-story.is-scroll-story .sample-story__layout{height:100%}.sample-story.is-scroll-story .sample-story__visual{height:clamp(350px,49svh,540px)}.sample-story.is-scroll-story .sample-story__scroll-hint{display:flex}.sample-story.is-scroll-story .sample-story__explore-hint{display:none}@media (width>=1024px) and (height>=800px) and (pointer:fine) and (prefers-reduced-motion:no-preference){.has-js .sample-story:not(.is-static){height:230svh}.has-js .sample-story:not(.is-static) .sample-story__stage{height:calc(100svh - 96px);padding-block:38px;position:sticky;top:96px}.has-js .sample-story:not(.is-static) .sample-story__layout{height:100%}.has-js .sample-story:not(.is-static) .sample-story__visual{height:clamp(350px,49svh,540px)}.has-js .sample-story:not(.is-static) .sample-story__scroll-hint{display:flex}.has-js .sample-story:not(.is-static) .sample-story__explore-hint{display:none}}.sample-report{z-index:1;width:min(300px,100% - 28px);min-height:320px;color:var(--ink);opacity:0;pointer-events:none;background:#f6f8f8;border:1px solid #c5d2d9;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 65px #010e1966}.sample-report__brand{font:600 16px/1.3 var(--display);letter-spacing:-.04em}.sample-report__brand>span{color:#ae650a}.sample-report__type{color:#607683;border-bottom:1px solid #d2dde2;margin-top:3px;padding-bottom:15px;font-size:10px;display:block}.sample-report>strong{font:500 20px/1.3 var(--display);letter-spacing:-.04em;margin-top:17px;display:block}.sample-report__signal{height:55px;margin:10px 0 12px}.sample-report__signal svg{width:100%;height:100%}.sample-report__row{border-bottom:1px solid #d2dde2;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:11px;display:flex}.sample-report__row>i{background:#c5d2d9;width:24px;height:3px}.sample-report__footer{color:#607683;margin-top:15px;font-size:10px}.equipment-card__image{width:100%;position:relative}.equipment-card__image>img{transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .38s}.equipment-card__image.is-demonstrating>img{opacity:0;transform:scale(1.075)}.instrument-demo{pointer-events:none;display:none;position:absolute;inset:0}.instrument-demo.is-ready{display:block}.instrument-demo__toggle{z-index:3;color:#fff;pointer-events:auto;background:#102b3d;border:1px solid #f2f7fa69;border-radius:3px;align-items:center;gap:10px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:500;line-height:1.4;transition:background .2s,color .2s,border-color .2s;display:inline-flex;position:absolute;top:18px;right:18px}.instrument-demo__toggle:hover{background:#1e4358}.instrument-demo__toggle svg{color:#ffc16c;flex:none;width:16px;height:16px;transition:color .2s}.instrument-demo__open-icon,.instrument-demo__close-icon{transform-origin:50%;transition:opacity .2s,transform .2s}.instrument-demo__close-icon{opacity:0;transform:rotate(-45deg)scale(.7)}.instrument-demo.is-open .instrument-demo__toggle{color:var(--ink);background:#f7f9f9;border-color:#ccd9df}.instrument-demo.is-open .instrument-demo__toggle:hover{background:#e6edf0}.instrument-demo.is-open .instrument-demo__toggle svg{color:var(--orange-dark)}.instrument-demo.is-open .instrument-demo__open-icon{opacity:0;transform:scale(.7)}.instrument-demo.is-open .instrument-demo__close-icon{opacity:1;transform:none}.instrument-demo__panel{color:var(--ink);opacity:0;transform-origin:50% 60%;pointer-events:none;background:#f4f7f7;border:1px solid #dce5e9;transition:opacity .26s,transform .38s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;overflow:hidden;transform:translateY(8px)scale(.985)}.instrument-demo__panel[hidden]{display:none}.instrument-demo.is-open .instrument-demo__panel{opacity:1;pointer-events:auto;transition-duration:.38s,.38s;transform:none}.instrument-demo__method{border-left:2px solid var(--orange);max-width:calc(100% - 245px);color:var(--orange-dark);font:500 11px/1.5 var(--mono);padding-left:10px;position:absolute;top:25px;left:24px}.instrument-demo__plot{opacity:0;transform-origin:50% 65%;transition:opacity .2s,transform .3s cubic-bezier(.2,.7,.2,1);position:absolute;inset:82px 26px 89px;transform:translateY(6px)scale(.97)}.instrument-demo.is-open .instrument-demo__plot{opacity:1;transition-duration:.36s,.44s;transition-delay:70ms;transform:none}.instrument-demo__plot>svg{width:100%;height:100%;display:block;overflow:visible}.instrument-demo__grid{stroke:#dbe4e8;stroke-width:1px}.instrument-demo__axis{stroke:#9fb3be;stroke-width:1.3px}.instrument-demo__trace{stroke:#b76a06;stroke-width:2.8px;stroke-linejoin:round;stroke-linecap:round}.instrument-demo__tip{fill:#b76a06}.instrument-demo__scan{stroke:#a8bdc7;stroke-width:1px}.instrument-demo__vessel{stroke:#9fb3be;stroke-width:2px}.instrument-demo__meniscus{fill:#bed7e3;fill-opacity:.6;stroke:#6994a8;stroke-width:1.7px}.instrument-demo__axis-y,.instrument-demo__axis-x{color:#637c88;font-size:11px;line-height:1.3;position:absolute;left:3px}.instrument-demo__axis-y{top:-14px}.instrument-demo__axis-x{text-align:right;bottom:-8px;right:3px}.instrument-demo__fluid-labels{color:#637c88;align-items:center;gap:18px;font-size:11px;display:flex;position:absolute;bottom:-8px;right:3px}.instrument-demo__fluid-labels>span{align-items:center;gap:7px;display:flex}.instrument-demo__fluid-labels i{background:#efbd70;width:11px;height:6px}.instrument-demo__fluid-labels>span+span i{background:#a0c0d0}.instrument-demo__bottom{border-top:1px solid #ccd9df;justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding-top:11px;display:flex;position:absolute;bottom:19px;left:24px;right:24px}.instrument-demo__method,.instrument-demo__bottom,.instrument-demo__axis-y,.instrument-demo__axis-x,.instrument-demo__fluid-labels,.hplc-diagram__labels{opacity:0;transition:opacity .18s,transform .18s;transform:translateY(4px)}.instrument-demo.is-open :is(.instrument-demo__method,.instrument-demo__bottom,.instrument-demo__axis-y,.instrument-demo__axis-x,.instrument-demo__fluid-labels,.hplc-diagram__labels){opacity:1;transition-duration:.26s;transition-delay:.14s;transform:none}.instrument-demo.is-open .instrument-demo__method{transition-delay:80ms}.instrument-demo__status{color:#486372;max-width:72%;margin:0;font-size:13px;line-height:1.45}.instrument-demo__play{background:#fff;border:1px solid #b9cbd5;border-radius:3px;flex:none;min-width:74px;min-height:44px;padding:10px 12px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s}.instrument-demo__play:hover{background:#e2ebef;border-color:#8da5b2}.instrument-demo__toggle:focus-visible,.instrument-demo__play:focus-visible{outline-offset:3px}.instrument-demo[data-instrument-demo=furans] .instrument-demo__plot{bottom:100px}.hplc-diagram__tube{stroke:#a7bec9;stroke-width:5px;stroke-linecap:round}.hplc-diagram__flow{stroke:#627f8e;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.hplc-diagram__labels{color:#526d7c;font:500 11px/1.4 var(--sans);text-align:center;grid-template-columns:22% 56% 22%;gap:0;display:grid;position:absolute;bottom:-8px;left:0;right:0}.hplc-diagram__labels>span{align-self:start}@media (width<=1180px){.instrument-demo__method{max-width:calc(100% - 220px)}.sample-story__layout{gap:40px}}@media (width<=1023px){.sample-story__stage{padding-block:84px}.sample-story__layout{grid-template-columns:1fr;gap:0}.sample-story__copy{display:contents}.sample-story .section-label{order:0}.sample-story h2{order:1;max-width:680px;font-size:clamp(38px,6vw,60px)}.sample-story__intro{order:2;max-width:560px}.sample-story__chapters{order:3;max-width:620px;margin-top:25px}.sample-story__art{order:4;margin-top:12px}.sample-story__visual{height:370px}.sample-story__panels{order:5;margin-top:35px}:where(.has-js) .sample-story:not(.is-static) .sample-story__panels,.sample-story.is-enhanced .sample-story__panels{min-height:109px}.sample-story .text-action{order:6;justify-self:start}.sample-story__art-footer{gap:14px}.sample-story__progress{margin-top:16px}.instrument-demo__toggle{gap:7px;padding:9px 10px;font-size:11px;top:12px;right:12px}.instrument-demo__method{max-width:calc(100% - 200px);padding-left:7px;font-size:10px;top:20px;left:16px}.instrument-demo__plot{inset:76px 14px 80px}.instrument-demo__bottom{gap:10px;bottom:13px;left:16px;right:16px}.instrument-demo__status{font-size:12px}.equipment-card__image{aspect-ratio:1.04}}@media (width<=640px){.sample-story__stage{padding-block:72px}.sample-story h2{max-width:430px;margin-top:22px;font-size:clamp(36px,9.5vw,46px)}.sample-story__intro{margin-top:17px;font-size:16px}.sample-story__chapters{gap:12px}.sample-story__chapters button{gap:5px 8px;font-size:12px}.sample-story__visual{height:390px}.sample-story__signal-note{top:5%;left:10px}.sample-story__art-footer>p{max-width:260px;font-size:10px}.sample-story__panels{margin-top:28px}.sample-story__panel h3{font-size:21px}:where(.has-js) .sample-story:not(.is-static) .sample-story__panels,.sample-story.is-enhanced .sample-story__panels{min-height:139px}.sample-story .text-action{line-height:1.6}.equipment-card__image{aspect-ratio:1.12;min-height:285px}}@media (prefers-reduced-motion:reduce){.sample-story__canvas,.instrument-demo__plot{scroll-behavior:auto}.equipment-card__image>img,.instrument-demo *,.instrument-demo.is-open *{transition:none}.equipment-card__image.is-demonstrating>img{transform:none}}