.pzfam{--blue:#0066cc;--ink:#0c0d10;--soft:#5f6772;--line:#dfe3e7;--paper:#f2f4f6;--wrap:min(1500px,calc(100% - 64px));overflow:clip;background:#f7f8f9;color:var(--ink);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:16px;line-height:1.65}.pzfam *{box-sizing:border-box}.pzfam img,.pzfam video{display:block;max-width:100%}.pzfam a{color:inherit;text-decoration:none}.pzfam h1,.pzfam h2,.pzfam h3,.pzfam strong,.pzfam button{font-family:Michroma,sans-serif;font-weight:400}.pzfam h1,.pzfam h2,.pzfam h3,.pzfam p{margin:0}.pzfam h1{font-size:clamp(2.7rem,5vw,6.3rem);line-height:1.03;letter-spacing:-.045em}.pzfam h2{font-size:clamp(2.2rem,4.2vw,5.2rem);line-height:1.04;letter-spacing:-.04em}.pzfam h3{font-size:clamp(1.35rem,2.2vw,2.5rem);line-height:1.16;letter-spacing:-.025em}.pzfam-wrap{width:var(--wrap);margin-inline:auto}.pzfam-kicker{color:#1264b5;font-family:Michroma,sans-serif;font-size:.63rem;letter-spacing:.19em;line-height:1.5;text-transform:uppercase}.pzfam-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:0 20px;border:1px solid rgba(29,56,78,.22);border-radius:3px;background:rgba(255,255,255,.48);font-family:Michroma,sans-serif;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;transition:transform .35s,background .35s,border-color .35s}.pzfam-button:hover{transform:translateY(-2px);border-color:rgba(0,102,204,.46);background:#fff}.pzfam-button span{color:var(--blue)} .pzfam-quick{position:fixed;z-index:70;top:var(--quick-top,74px);left:0;right:0;height:48px;pointer-events:none}.pzfam-quick:before{content:"";position:absolute;inset:3px 18px;border:1px solid rgba(255,255,255,.55);border-radius:4px;background:linear-gradient(105deg,rgba(218,230,238,.2),rgba(255,255,255,.1) 46%,rgba(207,222,231,.16));box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(52,75,92,.1),0 12px 28px rgba(24,41,54,.08);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.pzfam-quick__inner{position:relative;height:100%;display:flex;align-items:center;gap:32px;padding:0 22px;pointer-events:auto}.pzfam-quick__index{display:flex;align-items:center;gap:11px;min-width:44px;color:#8193a0;font-family:Michroma,sans-serif;font-size:.52rem;letter-spacing:.12em}.pzfam-quick__index i{width:14px;height:1px;background:var(--blue);box-shadow:0 0 8px rgba(0,102,204,.3)}.pzfam-quick__links{height:100%;display:flex;align-items:center;gap:clamp(20px,2.8vw,50px)}.pzfam-quick__links a{position:relative;height:100%;display:flex;align-items:center;color:#536975;font-family:Michroma,sans-serif;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.pzfam-quick__links a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s}.pzfam-quick__links a.is-active:after,.pzfam-quick__links a:hover:after{transform:scaleX(1)}.pzfam-quick__more{margin-left:auto;display:flex;align-items:center;gap:12px;height:30px;padding:0 13px;border:1px solid rgba(70,92,108,.18);border-radius:3px;background:rgba(255,255,255,.13);font-family:Michroma,sans-serif;font-size:.48rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.pzfam-quick__more span{color:var(--blue)} .pzfam-hero{position:relative;margin-top:48px;min-height:clamp(680px,82svh,860px);display:grid;align-items:stretch;background:radial-gradient(circle at 78% 40%,#fff 0,#f5f8fa 34%,#e9f0f4 100%);isolation:isolate}.pzfam-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(91,126,153,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(91,126,153,.07) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,rgba(0,0,0,.7),transparent 67%)}.pzfam-hero__grid{position:relative;min-height:inherit;display:grid;grid-template-columns:minmax(420px,.78fr) minmax(520px,1.22fr);grid-template-rows:auto 1fr auto;gap:24px 5vw;padding-block:28px 30px}.pzfam-crumb{grid-column:1/-1;display:flex;gap:12px;align-items:center;color:#70818e;font-family:Michroma,sans-serif;font-size:.54rem;letter-spacing:.1em;text-transform:uppercase}.pzfam-crumb a:hover{color:var(--blue)}.pzfam-hero__copy{position:relative;z-index:2;align-self:center;padding:43px 38px 34px;border:1px solid rgba(255,255,255,.86);border-radius:5px;background:radial-gradient(circle at 18% 5%,rgba(255,255,255,.9),rgba(255,255,255,.44) 42%,rgba(230,240,246,.32)),linear-gradient(120deg,rgba(255,255,255,.6),rgba(232,242,248,.34));box-shadow:0 34px 85px rgba(28,48,64,.15),inset 0 1px #fff,inset 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(21px) saturate(158%);-webkit-backdrop-filter:blur(21px) saturate(158%)}.pzfam-hero__copy:before{content:"";position:absolute;inset:18% auto 18% 0;width:2px;background:linear-gradient(transparent,#0c80e7 28%,#d8efff 50%,#0c80e7 72%,transparent);box-shadow:0 0 14px rgba(0,102,204,.26)}.pzfam-brand{display:flex;align-items:center;gap:16px;margin-bottom:25px}.pzfam-brand__word{width:110px;height:34px;object-fit:contain}.pzfam-brand__lion{width:30px;height:30px;object-fit:contain;opacity:.66}.pzfam-hero__copy .pzfam-kicker{margin-bottom:17px}.pzfam-hero__copy h1{font-size:clamp(2.25rem,3.55vw,4.5rem)}.pzfam-hero__copy>p:not(.pzfam-kicker){max-width:55ch;margin:19px 0 26px;color:var(--soft);font-size:clamp(.91rem,1.02vw,1.06rem)}.pzfam-hero__media{position:relative;align-self:stretch;min-height:540px;margin:0;overflow:hidden}.pzfam-hero__media:before{content:"";position:absolute;inset:10% 2%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,102,204,.1),transparent 68%);filter:blur(20px)}.pzfam-hero__media img{position:absolute;inset:2%;width:96%;height:96%;object-fit:contain;filter:drop-shadow(0 30px 35px rgba(22,38,51,.16));transform:scale(1.02);transition:transform 1.5s cubic-bezier(.22,1,.36,1)}.pzfam-hero__media figcaption{position:absolute;right:10px;bottom:12px;color:#718693;font-family:Michroma,sans-serif;font-size:.5rem;letter-spacing:.14em}.pzfam-hero__facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(145,163,176,.28);border-radius:4px;background:rgba(255,255,255,.55);box-shadow:0 18px 45px rgba(36,54,69,.08);backdrop-filter:blur(15px)}.pzfam-hero__facts div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:14px;padding:16px 26px}.pzfam-hero__facts div+div{border-left:1px solid var(--line)}.pzfam-hero__facts strong{color:#113d62;font-size:clamp(1.05rem,1.8vw,1.55rem)}.pzfam-hero__facts span{color:#788894;font-size:.77rem}.pzfam-hero--ramps .pzfam-hero__media img{inset:0 -5%;width:110%;height:100%}.pzfam-hero--connectors .pzfam-hero__media img{transform:scale(.88)} .pzfam-section{padding:clamp(90px,10vw,160px) 0}.pzfam-sectionhead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:70px;align-items:end;margin-bottom:58px}.pzfam-sectionhead .pzfam-kicker{margin-bottom:18px}.pzfam-sectionhead>p{color:var(--soft);font-size:clamp(.95rem,1.1vw,1.08rem)}.pzfam-sectionhead h2{max-width:16ch}.pzfam [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .9s cubic-bezier(.22,1,.36,1)}.pzfam [data-reveal].is-visible{opacity:1;transform:none} .pzfam-leglab{background:#edf3f7}.pzfam-leglab__scale{display:grid;grid-template-columns:76px 1fr minmax(300px,.72fr);min-height:650px;border:1px solid #cbd7e0;background:rgba(255,255,255,.66);box-shadow:0 24px 75px rgba(32,55,72,.1)}.pzfam-leglab__meter{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 0;border-right:1px solid var(--line);color:#708390;font-family:Michroma,sans-serif;font-size:.55rem}.pzfam-leglab__meter i{width:1px;flex:1;margin:12px 0;background:linear-gradient(#0066cc,#a9c9df)}.pzfam-leglab__ranges{align-content:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:36px}.pzfam-leglab__ranges button{position:relative;min-width:0;height:92px;padding:18px;border:1px solid #c4d7ea;background:rgba(247,251,255,.78);color:#0056ad;text-align:left;transition:transform .3s,background .3s,box-shadow .3s}.pzfam-leglab__ranges button:hover{z-index:2;transform:translateY(-4px);background:#fff;box-shadow:0 15px 35px rgba(25,66,100,.13)}.pzfam-leglab__ranges small{display:block;color:#91a4b2;font:400 .55rem "IBM Plex Sans";margin-bottom:6px}.pzfam-leglab__ranges strong{font-size:clamp(.85rem,1.2vw,1.12rem);white-space:nowrap}.pzfam-leglab__ranges span{margin-left:5px;font-size:.65rem}.pzfam-leglab__scale figure{position:relative;margin:0;border-left:1px solid var(--line);overflow:hidden;background:linear-gradient(150deg,#fff,#e9f1f6)}.pzfam-leglab__scale figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-leglab__scale figcaption{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;align-items:end;padding:15px 18px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.55);backdrop-filter:blur(12px)}.pzfam-leglab__scale figcaption b{font-size:1rem}.pzfam-leglab__scale figcaption span{color:var(--soft);font-size:.72rem}.pzfam-modelstudio{background:#fff}.pzfam-modelstudio__tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-bottom:0}.pzfam-modelstudio__tabs button{position:relative;display:grid;gap:6px;min-width:0;padding:25px 22px;border:0;border-right:1px solid var(--line);background:#f5f8fa;color:#253745;text-align:left}.pzfam-modelstudio__tabs button:last-child{border-right:0}.pzfam-modelstudio__tabs button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue);transform:scaleX(0);transition:transform .35s}.pzfam-modelstudio__tabs button.is-active{background:#fff}.pzfam-modelstudio__tabs button.is-active:after{transform:scaleX(1)}.pzfam-modelstudio__tabs span{color:#89a0b0;font:400 .55rem "IBM Plex Sans"}.pzfam-modelstudio__tabs strong{font-size:1rem}.pzfam-modelstudio__tabs small{overflow:hidden;color:#667b89;font:400 .72rem "IBM Plex Sans";text-overflow:ellipsis;white-space:nowrap}.pzfam-modelstudio__stage{position:relative;min-height:610px;border:1px solid var(--line)}.pzfam-modelstudio__stage article{position:absolute;inset:0;display:grid;grid-template-columns:1.25fr .75fr;opacity:0;visibility:hidden;transition:opacity .6s}.pzfam-modelstudio__stage article.is-active{opacity:1;visibility:visible}.pzfam-modelstudio__stage figure{margin:0;padding:25px;background:radial-gradient(circle,#fff,#edf3f7);overflow:hidden}.pzfam-modelstudio__stage figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-modelstudio__stage article>div{display:flex;flex-direction:column;justify-content:center;padding:55px;border-left:1px solid var(--line)}.pzfam-modelstudio__stage h3{margin:15px 0 35px}.pzfam-modelstudio dl{margin:0}.pzfam-modelstudio dl div{padding:18px 0;border-top:1px solid var(--line)}.pzfam-modelstudio dt{color:#7e909d;font-family:Michroma;font-size:.52rem;letter-spacing:.14em;text-transform:uppercase}.pzfam-modelstudio dd{margin:7px 0 0;color:#153f62;font-family:Michroma;font-size:.85rem}.pzfam-detailband{padding:0 0 110px;background:#fff}.pzfam-detailband>.pzfam-wrap{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.pzfam-detailband div div{padding:30px}.pzfam-detailband div div+div{border-left:1px solid var(--line)}.pzfam-detailband span{color:#87a0b2;font-family:Michroma;font-size:.55rem}.pzfam-detailband strong{display:block;margin:15px 0 6px;font-size:.9rem}.pzfam-detailband p{color:#17456d} .pzfam-risestudio{background:#eef3f6}.pzfam-risestudio__grid{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);background:#fff}.pzfam-risestudio figure{min-height:660px;margin:0;padding:35px;overflow:hidden;background:radial-gradient(circle,#fff,#edf2f5)}.pzfam-risestudio figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-risestudio__steps{display:grid}.pzfam-risestudio__steps>div{position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:20px;padding:28px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.pzfam-risestudio__steps>div:last-child{border-bottom:0}.pzfam-risestudio__steps small{color:#8aa0ae}.pzfam-risestudio__steps strong{color:#104f84;font-size:1.35rem}.pzfam-risestudio__steps span{color:var(--soft);font-size:.75rem}.pzfam-risestudio__steps i{position:absolute;right:0;bottom:0;width:calc(var(--rise)*12%);height:3px;background:var(--blue)}.pzfam-stairgallery{background:#fff}.pzfam-stairgallery__grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}.pzfam-stairgallery article{padding:0 28px 32px;border:1px solid var(--line);background:#f8fafb;transition:transform .4s,box-shadow .4s}.pzfam-stairgallery article:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(30,50,66,.12)}.pzfam-stairgallery figure{height:420px;margin:0 -28px 28px;overflow:hidden;background:#fff}.pzfam-stairgallery figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-stairgallery h3{margin:10px 0 14px}.pzfam-stairgallery article>p:last-child{color:var(--soft)}.pzfam-interface{padding:110px 0;background:#eaf1f5}.pzfam-interface>.pzfam-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.pzfam-interface .pzfam-kicker{margin-bottom:18px}.pzfam-interface figure{position:relative;height:550px;margin:0;overflow:hidden;border:1px solid rgba(142,160,174,.4);background:#fff}.pzfam-interface figure img{width:100%;height:100%;object-fit:cover;object-position:62% center}.pzfam-interface figure span{position:absolute;right:20px;bottom:20px;padding:12px 16px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.55);backdrop-filter:blur(15px);font-family:Michroma;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase} .pzfam-incline{background:#edf3f6}.pzfam-incline__canvas{position:relative;min-height:700px;border:1px solid var(--line);background:#fff;overflow:hidden}.pzfam-incline__canvas figure{position:absolute;inset:0;margin:0;padding:40px}.pzfam-incline__canvas figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-incline__measure{position:absolute;color:#45677e;font-family:Michroma;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.pzfam-incline__measure:before,.pzfam-incline__measure:after{content:"";position:absolute;background:#73a6ce}.pzfam-incline__measure--run{left:9%;right:8%;bottom:50px;border-bottom:1px solid #73a6ce;text-align:center}.pzfam-incline__measure--run span{display:inline-block;padding:0 15px 8px;background:#fff}.pzfam-incline__measure--rise{top:17%;bottom:50px;left:6%;border-left:1px solid #73a6ce}.pzfam-incline__measure--rise span{position:absolute;top:50%;left:-10px;padding:10px;background:#fff;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap}.pzfam-incline__readout{position:absolute;right:30px;top:28px;width:min(370px,32%);padding:25px;border:1px solid rgba(255,255,255,.85);background:rgba(244,249,252,.66);box-shadow:0 18px 48px rgba(32,54,69,.12);backdrop-filter:blur(16px)}.pzfam-incline__readout small{color:#7c91a0;font-family:Michroma;font-size:.5rem;text-transform:uppercase}.pzfam-incline__readout strong{display:block;margin:12px 0;color:#134a78;font-size:.92rem}.pzfam-incline__readout p{color:var(--soft);font-size:.76rem}.pzfam-rampcompare{background:#fff}.pzfam-rampcompare__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pzfam-rampcompare article{border:1px solid var(--line);background:#f7fafb}.pzfam-rampcompare figure{height:450px;margin:0;padding:20px;background:#fff;overflow:hidden}.pzfam-rampcompare figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-rampcompare article>div{padding:35px}.pzfam-rampcompare h3{margin:12px 0}.pzfam-rampcompare article>div>p:last-child{color:var(--soft)}.pzfam-rampfoot{padding:120px 0;background:#e7eef3}.pzfam-rampfoot>.pzfam-wrap{display:grid;grid-template-columns:170px 1fr 210px;gap:55px;align-items:center}.pzfam-rampfoot>.pzfam-wrap>span{font-family:Michroma;font-size:2rem;color:#0d62aa}.pzfam-rampfoot .pzfam-kicker{margin-bottom:15px}.pzfam-rampfoot i{position:relative;width:170px;height:170px;border:1px solid #89a6bc;border-radius:50%}.pzfam-rampfoot i:before{content:"";position:absolute;left:17%;right:17%;top:50%;height:8px;background:#21445e;transform:rotate(-24deg);transform-origin:center}.pzfam-rampfoot i:after{content:"";position:absolute;left:50%;bottom:14%;width:5px;height:50%;background:#0066cc;transform:translateX(-50%)} .pzfam-perimeter{background:#edf3f6}.pzfam-perimeter__stage{display:grid;grid-template-columns:1.25fr .75fr;min-height:670px;border:1px solid var(--line);background:#fff}.pzfam-perimeter figure{margin:0;padding:28px;overflow:hidden}.pzfam-perimeter figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-perimeter__plan{display:flex;flex-direction:column;justify-content:center;padding:45px;border-left:1px solid var(--line)}.pzfam-perimeter__deck{position:relative;aspect-ratio:1.4;border:2px solid #a8bac7;background:repeating-linear-gradient(90deg,transparent 0 24.5%,#d6e0e7 25%),repeating-linear-gradient(transparent 0 49.5%,#d6e0e7 50%)}.pzfam-perimeter__deck i{position:absolute;background:#0066cc;box-shadow:0 0 12px rgba(0,102,204,.25)}.pzfam-perimeter__deck i:nth-child(1){left:-4px;top:-4px;width:65%;height:4px}.pzfam-perimeter__deck i:nth-child(2){right:-4px;top:-4px;width:30%;height:4px}.pzfam-perimeter__deck i:nth-child(3){right:-4px;top:0;width:4px;height:100%}.pzfam-perimeter__deck i:nth-child(4){left:-4px;bottom:-4px;width:48%;height:4px}.pzfam-perimeter__plan p{margin-top:30px;color:var(--soft)}.pzfam-railscale{background:#fff}.pzfam-railscale__grid{display:grid;gap:16px}.pzfam-railscale__grid>div{display:grid;grid-template-columns:150px 1fr 100px;align-items:center;gap:25px;padding:25px 30px;border:1px solid var(--line)}.pzfam-railscale span{font-family:Michroma;font-size:.75rem}.pzfam-railscale b{position:relative;width:var(--w);height:54px;border:4px solid #1a2025;border-bottom-width:7px;background:linear-gradient(90deg,transparent 49%,#1a2025 50%,transparent 51%)}.pzfam-railscale strong{color:#075da9;font-size:1.15rem;text-align:right}.pzfam-railvideo{position:relative;min-height:760px;display:grid;align-items:end;overflow:hidden;background:#eef3f6}.pzfam-railvideo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pzfam-railvideo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,246,249,.8),transparent 62%),linear-gradient(0deg,rgba(239,245,248,.76),transparent 50%)}.pzfam-railvideo__copy{position:relative;z-index:2;width:min(650px,calc(100% - 64px));margin:0 0 60px max(32px,calc((100vw - 1500px)/2));padding:38px;border:1px solid rgba(255,255,255,.8);background:rgba(246,250,252,.62);box-shadow:0 30px 75px rgba(25,45,60,.16);backdrop-filter:blur(20px)}.pzfam-railvideo__copy .pzfam-kicker{margin-bottom:18px}.pzfam-railvideo__copy div{display:flex;gap:10px;margin-top:28px}.pzfam-railvideo__copy span{padding:8px 12px;border:1px solid #b7c9d6;color:#075da9;font-family:Michroma;font-size:.55rem} .pzfam-atlas{background:#edf3f6}.pzfam-atlas__layout{display:grid;grid-template-columns:360px 1fr;min-height:680px;border:1px solid var(--line);background:#fff}.pzfam-atlas__nav{display:grid;border-right:1px solid var(--line)}.pzfam-atlas__nav button{position:relative;display:grid;grid-template-columns:36px 1fr;gap:4px 16px;align-content:center;padding:25px;border:0;border-bottom:1px solid var(--line);background:#f3f7f9;text-align:left}.pzfam-atlas__nav button:last-child{border-bottom:0}.pzfam-atlas__nav button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#0066cc;transform:scaleY(0);transition:transform .35s}.pzfam-atlas__nav button.is-active{background:#fff}.pzfam-atlas__nav button.is-active:before{transform:scaleY(1)}.pzfam-atlas__nav span{grid-row:1/3;color:#8ba0ae;font:400 .55rem "IBM Plex Sans"}.pzfam-atlas__nav strong{font-size:.8rem}.pzfam-atlas__nav small{color:var(--soft);font:400 .7rem "IBM Plex Sans"}.pzfam-atlas__macro{position:relative}.pzfam-atlas__macro article{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;opacity:0;visibility:hidden;transition:opacity .6s}.pzfam-atlas__macro article.is-active{opacity:1;visibility:visible}.pzfam-atlas__macro figure{min-height:0;margin:0;padding:20px;overflow:hidden}.pzfam-atlas__macro figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-atlas__macro article>div{padding:28px 35px;border-top:1px solid var(--line)}.pzfam-atlas__macro h3{max-width:28ch;margin-top:9px;font-size:1.2rem}.pzfam-partgroups{background:#fff}.pzfam-partgroups__grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.pzfam-partgroups__grid div{padding:35px;min-height:210px}.pzfam-partgroups__grid div+div{border-left:1px solid var(--line)}.pzfam-partgroups span{color:#0066cc;font-family:Michroma;font-size:.65rem}.pzfam-partgroups strong{display:block;margin:38px 0 15px;font-size:.92rem}.pzfam-partgroups small{color:var(--soft)}.pzfam-macrostrip{min-height:620px;display:grid;grid-template-columns:1.15fr .85fr;background:#eaf1f5}.pzfam-macrostrip>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.pzfam-macrostrip>div{align-self:center;padding:7vw}.pzfam-macrostrip .pzfam-kicker{margin-bottom:18px} .pzfam-flow{background:#edf3f6}.pzfam-flow__line{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:35px;border:1px solid var(--line);background:#fff}.pzfam-flow__line div{position:relative;padding:26px 20px}.pzfam-flow__line div+div{border-left:1px solid var(--line)}.pzfam-flow__line span{color:#8aa0ae;font-family:Michroma;font-size:.52rem}.pzfam-flow__line strong{display:block;margin-top:22px;font-size:.76rem}.pzfam-flow__line i{position:absolute;right:-7px;top:50%;z-index:2;width:13px;height:13px;border-top:1px solid #0066cc;border-right:1px solid #0066cc;transform:rotate(45deg);background:#fff}.pzfam-flow__line div:last-child i{display:none}.pzfam-flow figure{height:620px;margin:0;padding:30px;border:1px solid var(--line);background:#fff;overflow:hidden}.pzfam-flow figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-logistics{background:#fff}.pzfam-logistics__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pzfam-logistics article{border:1px solid var(--line);background:#f7fafb}.pzfam-logistics figure{height:430px;margin:0;padding:20px;background:#fff;overflow:hidden}.pzfam-logistics figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pzfam-logistics article>div{padding:30px}.pzfam-logistics h3{margin:12px 0}.pzfam-logistics article p:last-child{color:var(--soft)}.pzfam-protection{padding:120px 0;background:#e9f0f4}.pzfam-protection>.pzfam-wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px}.pzfam-protection .pzfam-kicker{margin-bottom:17px}.pzfam-protection>.pzfam-wrap>div:last-child{display:grid;grid-template-columns:44px 1fr;gap:0 22px}.pzfam-protection strong,.pzfam-protection span{padding:21px 0;border-top:1px solid #becdd8}.pzfam-protection strong{color:#0066cc;font-size:.65rem}.pzfam-protection span{color:#506675} .pzfam-related{padding:120px 0;background:#fff}.pzfam-related__grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.pzfam-related__grid a{display:flex;flex-direction:column;justify-content:space-between;min-height:170px;padding:25px;border-right:1px solid var(--line);transition:background .3s}.pzfam-related__grid a:last-child{border-right:0}.pzfam-related__grid a:hover{background:#edf5fb}.pzfam-related__grid span{font-family:Michroma;font-size:.7rem}.pzfam-related__grid i{align-self:flex-end;color:#0066cc;font-style:normal}.pzfam-config{padding:130px 0;background:linear-gradient(115deg,#08131c,#0b2436 60%,#0b3653);color:#fff}.pzfam-config__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.pzfam-config h2{max-width:13ch}.pzfam-config p:not(.pzfam-kicker){max-width:58ch;margin:25px 0 30px;color:#b9c9d4}.pzfam-button--white{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}.pzfam-button--white:hover{background:#fff;color:#07121a}.pzfam-config__system{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:45px;border:1px solid rgba(255,255,255,.14);background-image:linear-gradient(rgba(80,140,180,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(80,140,180,.1) 1px,transparent 1px);background-size:44px 44px}.pzfam-config__system span{padding:18px;border:1px solid rgba(103,184,238,.28);background:rgba(13,49,74,.55);font-family:Michroma;font-size:.62rem;text-align:center}.pzfam-config__system i{align-self:center;color:#65b7f0;font-style:normal}.pzfam-config__system b{grid-column:1/-1;margin-top:18px;color:#79bce9;font-family:Michroma;font-size:.5rem;letter-spacing:.15em} @media(max-width:1100px){.pzfam{--wrap:min(100% - 40px,940px)}.pzfam-quick__more{display:none}.pzfam-hero__grid{grid-template-columns:.85fr 1.15fr}.pzfam-hero__copy{padding:35px 28px}.pzfam-hero__media{min-height:480px}.pzfam-leglab__scale{grid-template-columns:62px 1fr}.pzfam-leglab__scale figure{display:none}.pzfam-modelstudio__stage article{grid-template-columns:1fr 1fr}.pzfam-stairgallery__grid,.pzfam-logistics__grid{grid-template-columns:1fr 1fr}.pzfam-stairgallery article:first-child,.pzfam-logistics article:first-child{grid-column:1/-1}.pzfam-related__grid{grid-template-columns:repeat(3,1fr)}.pzfam-related__grid a{border-bottom:1px solid var(--line)}.pzfam-atlas__layout{grid-template-columns:300px 1fr}.pzfam-partgroups__grid{grid-template-columns:1fr 1fr}.pzfam-partgroups__grid div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.pzfam-partgroups__grid div:nth-child(4){border-top:1px solid var(--line)}} @media(max-width:760px){.pzfam{--wrap:calc(100% - 28px);font-size:15px}.pzfam h1{font-size:clamp(2.2rem,10.5vw,3.4rem);overflow-wrap:normal;word-break:normal;hyphens:none}.pzfam h2{font-size:clamp(1.85rem,8.4vw,3rem);overflow-wrap:normal;word-break:normal;hyphens:none}.pzfam h3{overflow-wrap:normal;word-break:normal;hyphens:none}.pzfam-quick{top:62px;height:46px}.pzfam-quick:before{inset:3px 6px}.pzfam-quick__inner{display:block;padding:0 14px;overflow:auto;scrollbar-width:none}.pzfam-quick__index,.pzfam-quick__more{display:none}.pzfam-quick__links{width:max-content;gap:28px;padding:0 10px}.pzfam-quick__links a{font-size:.47rem}.pzfam-hero{margin-top:46px;min-height:850px}.pzfam-hero__grid{grid-template-columns:1fr;grid-template-rows:auto minmax(310px,1fr) auto auto;gap:12px;padding-top:18px}.pzfam-crumb{font-size:.46rem;overflow:hidden;white-space:nowrap}.pzfam-hero__media{grid-row:2;min-height:320px}.pzfam-hero__media img{inset:-4%;width:108%;height:108%}.pzfam-hero__copy{grid-row:3;padding:30px 22px 27px}.pzfam-hero__copy h1{font-size:clamp(1.9rem,8.7vw,2.8rem)}.pzfam-brand{margin-bottom:18px}.pzfam-brand__word{width:90px}.pzfam-hero__facts{grid-row:4;grid-template-columns:1fr}.pzfam-hero__facts div{padding:10px 16px}.pzfam-hero__facts div+div{border-left:0;border-top:1px solid var(--line)}.pzfam-section{padding:80px 0}.pzfam-sectionhead{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.pzfam-sectionhead h2{max-width:none}.pzfam-leglab__scale{grid-template-columns:1fr;min-height:0}.pzfam-leglab__meter{display:none}.pzfam-leglab__ranges{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:7px}.pzfam-leglab__ranges button{height:76px;padding:13px}.pzfam-leglab__ranges strong{font-size:.8rem}.pzfam-modelstudio__tabs{display:flex;overflow:auto;scroll-snap-type:x mandatory}.pzfam-modelstudio__tabs button{min-width:150px;scroll-snap-align:start}.pzfam-modelstudio__stage{min-height:660px}.pzfam-modelstudio__stage article{grid-template-columns:1fr;grid-template-rows:330px 1fr}.pzfam-modelstudio__stage article>div{padding:30px 22px;border-left:0;border-top:1px solid var(--line)}.pzfam-detailband>.pzfam-wrap{grid-template-columns:1fr}.pzfam-detailband div div+div{border-left:0;border-top:1px solid var(--line)}.pzfam-risestudio__grid,.pzfam-interface>.pzfam-wrap,.pzfam-perimeter__stage,.pzfam-protection>.pzfam-wrap{grid-template-columns:1fr}.pzfam-risestudio figure{min-height:380px}.pzfam-risestudio__steps>div{border-left:0}.pzfam-stairgallery__grid,.pzfam-rampcompare__grid,.pzfam-logistics__grid{grid-template-columns:1fr}.pzfam-stairgallery article:first-child,.pzfam-logistics article:first-child{grid-column:auto}.pzfam-stairgallery figure,.pzfam-logistics figure{height:330px}.pzfam-interface{padding:80px 0}.pzfam-interface figure{height:380px}.pzfam-incline__canvas{min-height:600px}.pzfam-incline__canvas figure{padding:5px}.pzfam-incline__readout{top:16px;right:16px;width:calc(100% - 32px);padding:18px}.pzfam-incline__measure--run{bottom:30px}.pzfam-incline__measure--rise{bottom:30px}.pzfam-rampcompare figure{height:300px}.pzfam-rampfoot>.pzfam-wrap{grid-template-columns:1fr;gap:30px}.pzfam-rampfoot i{width:130px;height:130px}.pzfam-perimeter figure{min-height:420px}.pzfam-perimeter__plan{padding:28px;border-left:0;border-top:1px solid var(--line)}.pzfam-railscale__grid>div{grid-template-columns:105px 1fr 55px;padding:20px 15px;gap:12px}.pzfam-railscale b{height:40px}.pzfam-railvideo{min-height:650px}.pzfam-railvideo__copy{width:calc(100% - 28px);margin:0 14px 22px;padding:25px 20px}.pzfam-atlas__layout{grid-template-columns:1fr;min-height:760px}.pzfam-atlas__nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.pzfam-atlas__nav button{min-width:165px;border-right:1px solid var(--line);border-bottom:0}.pzfam-atlas__macro{min-height:510px}.pzfam-atlas__macro article{grid-template-rows:330px 1fr}.pzfam-partgroups__grid{grid-template-columns:1fr}.pzfam-partgroups__grid div+div{border-left:0;border-top:1px solid var(--line)}.pzfam-macrostrip{grid-template-columns:1fr;min-height:0}.pzfam-macrostrip>img{height:360px}.pzfam-macrostrip>div{padding:55px 20px}.pzfam-flow__line{display:flex;overflow:auto}.pzfam-flow__line div{min-width:145px}.pzfam-flow figure{height:390px;padding:10px}.pzfam-related__grid{display:flex;overflow:auto}.pzfam-related__grid a{min-width:145px}.pzfam-config{padding:85px 0}.pzfam-config__grid{grid-template-columns:1fr;gap:45px}.pzfam-config__system{padding:22px;grid-template-columns:1fr}.pzfam-config__system i{text-align:center}.pzfam-protection{padding:80px 0}.pzfam-protection>.pzfam-wrap{gap:40px}} @media(prefers-reduced-motion:reduce){.pzfam *{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} .pzfam{padding-top:0!important} .pzfam .pzfam-hero__copy h1{font-size:clamp(2rem,2.8vw,3.5rem)} @media(max-width:760px){.pzfam .pzfam-hero__copy h1{font-size:clamp(1.85rem,8.1vw,2.65rem)}} /* Shared complete-system studio */ .pzfam-system{position:relative;padding:clamp(100px,10vw,160px) 0;background:linear-gradient(145deg,#f8fafb 0,#eaf1f5 54%,#f7f9fa 100%);overflow:hidden} .pzfam-system:before{content:"GUIL / MODULAR";position:absolute;right:-.04em;top:.05em;color:rgba(0,89,170,.035);font:400 clamp(5rem,12vw,11rem)/1 Michroma,sans-serif;letter-spacing:-.07em;pointer-events:none} .pzfam-system__head{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.6fr);gap:clamp(40px,8vw,120px);align-items:end;margin-bottom:54px} .pzfam-system__head .pzfam-kicker{margin-bottom:17px}.pzfam-system__head h2{max-width:13ch}.pzfam-system__head>p{max-width:55ch;margin-bottom:8px;color:#5e7180;font-size:clamp(.94rem,1.08vw,1.08rem)} .pzfam-system__equation{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 34px minmax(190px,1.15fr);border:1px solid rgba(73,99,118,.16);background:rgba(255,255,255,.66);box-shadow:0 24px 65px rgba(28,51,68,.09);backdrop-filter:blur(18px)} .pzfam-system__equation button,.pzfam-system__equation>span{position:relative;display:grid;align-content:center;min-width:0;min-height:104px;padding:20px 18px;border:0;border-right:1px solid rgba(73,99,118,.13);background:transparent;color:#536a79;text-align:left;cursor:pointer;transition:background .38s,color .38s} .pzfam-system__equation button:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#087bd8;box-shadow:0 0 16px rgba(8,123,216,.28);transform:scaleX(0);transition:transform .45s cubic-bezier(.22,1,.36,1)} .pzfam-system__equation button:hover,.pzfam-system__equation button.is-active{background:linear-gradient(145deg,#fff,rgba(235,244,250,.82));color:#123f62}.pzfam-system__equation button.is-active:before{transform:scaleX(1)} .pzfam-system__equation small{color:#86a0b2;font:500 .46rem "IBM Plex Mono",monospace;letter-spacing:.12em}.pzfam-system__equation strong{margin-top:12px;font-size:clamp(.62rem,.78vw,.78rem);line-height:1.25} .pzfam-system__equation>i{display:grid;place-items:center;color:#1983d7;font:400 1rem Michroma;font-style:normal}.pzfam-system__equation>span{border-right:0;background:linear-gradient(135deg,rgba(11,91,157,.08),rgba(255,255,255,.9));color:#123d5e}.pzfam-system__equation>span strong{font-size:.75rem} .pzfam-system__stage{position:relative;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(360px,.62fr);min-height:660px;border:1px solid rgba(73,99,118,.17);border-top:0;background:rgba(255,255,255,.76);box-shadow:0 32px 90px rgba(26,48,65,.1);overflow:hidden} .pzfam-system__visual{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 54% 45%,#fff 0,#edf3f7 58%,#dae5ec 100%)} .pzfam-system__visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(9,106,183,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(9,106,183,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle,#000,transparent 82%)} .pzfam-system__visual img{position:absolute;z-index:2;inset:3%;width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 30px 35px rgba(19,38,52,.16));transform:translate3d(0,0,0) scale(1.035);transform-origin:50% 52%;transition:transform 1.55s cubic-bezier(.2,.72,.16,1),filter 1.1s ease;will-change:transform} .pzfam-system[data-focus="deck"] .pzfam-system__visual img{transform:translate(0,2%) scale(1.08)}.pzfam-system[data-focus="footprint"] .pzfam-system__visual img{transform:translate(0,-1%) scale(1.16)}.pzfam-system[data-focus="height"] .pzfam-system__visual img{transform:translate(-5%,-10%) scale(1.34)}.pzfam-system[data-focus="access"] .pzfam-system__visual img{transform:translate(11%,-8%) scale(1.38)}.pzfam-system[data-focus="components"] .pzfam-system__visual img{transform:translate(-7%,6%) scale(1.29)} .pzfam-system__scan{position:absolute;z-index:3;left:0;right:0;top:-8%;height:18%;background:linear-gradient(transparent,rgba(39,151,232,.12),transparent);opacity:0;pointer-events:none}.pzfam-system.is-focusing .pzfam-system__scan{animation:pzfam-system-scan 1.35s ease both} .pzfam-system__focusmark{position:absolute;z-index:4;width:54px;height:54px;border:1px solid rgba(0,111,201,.55);border-radius:50%;box-shadow:0 0 0 12px rgba(0,111,201,.055);opacity:.75;transition:left 1.2s cubic-bezier(.22,1,.36,1),top 1.2s cubic-bezier(.22,1,.36,1)}.pzfam-system__focusmark:before,.pzfam-system__focusmark:after{content:"";position:absolute;background:#087bd8}.pzfam-system__focusmark:before{left:-12px;right:-12px;top:50%;height:1px}.pzfam-system__focusmark:after{top:-12px;bottom:-12px;left:50%;width:1px} .pzfam-system[data-focus="deck"] .pzfam-system__focusmark{left:52%;top:43%}.pzfam-system[data-focus="footprint"] .pzfam-system__focusmark{left:45%;top:52%}.pzfam-system[data-focus="height"] .pzfam-system__focusmark{left:56%;top:67%}.pzfam-system[data-focus="access"] .pzfam-system__focusmark{left:27%;top:68%}.pzfam-system[data-focus="components"] .pzfam-system__focusmark{left:69%;top:29%} .pzfam-system__copy{position:relative;border-left:1px solid rgba(73,99,118,.14);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,245,248,.88))}.pzfam-system__copy article{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,62px);opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .5s ease,transform .75s cubic-bezier(.22,1,.36,1),visibility 0s linear .75s}.pzfam-system__copy article.is-active{opacity:1;visibility:visible;transform:none;transition-delay:.16s,.1s,0s}.pzfam-system__copy h3{margin:17px 0 22px;font-size:clamp(1.45rem,2.25vw,2.7rem);line-height:1.1}.pzfam-system__copy article>p:not(.pzfam-kicker){color:#5d7180;font-size:.92rem}.pzfam-system__copy a{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding:16px 0;border-top:1px solid #cfdae2;border-bottom:1px solid #cfdae2;color:#114a76;font:400 .54rem Michroma;text-transform:uppercase}.pzfam-system__copy a span{color:#087bd8} .pzfam-system__families{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(73,99,118,.16);border-top:0;background:#fff}.pzfam-system__families a{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-width:0;min-height:76px;padding:15px;border-right:1px solid rgba(73,99,118,.13);color:#607482;transition:background .3s,color .3s}.pzfam-system__families a:last-child{border:0}.pzfam-system__families a:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:#087bd8;transform:scaleY(0)}.pzfam-system__families a:hover,.pzfam-system__families a.is-current{background:#f0f6fa;color:#123f62}.pzfam-system__families a.is-current:before{transform:scaleY(1)}.pzfam-system__families small{color:#91a3af;font:500 .42rem "IBM Plex Mono"}.pzfam-system__families strong{overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.pzfam-system__families span{color:#087bd8} @keyframes pzfam-system-scan{0%{top:-10%;opacity:0}20%{opacity:1}100%{top:92%;opacity:0}} /* Category-grade Configurator */ .pzfam-config{padding:clamp(100px,9vw,150px) 0;background:#eef2f6;color:#e8edf3}.pzfam-config__shell{overflow:hidden;border:1px solid #26313e;background:#080c11;box-shadow:0 44px 100px rgba(12,28,44,.24)} .pzfam-config__status{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(151,169,188,.14);color:#738092;font:500 .56rem "IBM Plex Mono",monospace;letter-spacing:.11em;text-transform:uppercase}.pzfam-config__status span{display:flex;align-items:center;gap:10px}.pzfam-config__status i{width:6px;height:6px;background:#1687ec;box-shadow:0 0 14px #1687ec}.pzfam-config__status b{color:#228ff0;font-weight:400} .pzfam-config__grid{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;min-height:900px;background:#080c11;overflow:hidden}.pzfam-config__copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(42px,4.5vw,74px);border-right:1px solid rgba(151,169,188,.14);background:radial-gradient(circle at 25% 12%,rgba(11,96,183,.23),transparent 44%)}.pzfam-config__copy h2{max-width:12ch;font-size:clamp(2.2rem,4vw,4.5rem)}.pzfam-config__copy>p:not(.pzfam-kicker){max-width:52ch;margin:25px 0 0;color:#9ba7b5;font-size:.92rem} .pzfam-config__focus{display:grid;margin:28px 0 32px;border-top:1px solid rgba(151,169,188,.18)}.pzfam-config__focus>p{padding:13px 0 11px;color:#657484;font:500 .48rem "IBM Plex Mono";letter-spacing:.1em;text-transform:uppercase}.pzfam-config__focus button{position:relative;display:grid;grid-template-columns:32px minmax(72px,.75fr) 1.25fr;gap:11px;align-items:center;min-width:0;min-height:58px;padding:0 12px 0 0;border:0;border-top:1px solid rgba(151,169,188,.13);background:transparent;color:#7f8c9b;text-align:left;cursor:pointer;transition:background .3s,color .3s}.pzfam-config__focus button:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:#1687ec;box-shadow:0 0 18px rgba(22,135,236,.52);transform:scaleY(0);transition:transform .35s}.pzfam-config__focus button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,102,204,.16),transparent 72%);opacity:0;transition:opacity .35s}.pzfam-config__focus button span,.pzfam-config__focus button strong,.pzfam-config__focus button small{position:relative;z-index:1;min-width:0}.pzfam-config__focus button span{color:#526170;font:500 .46rem "IBM Plex Mono"}.pzfam-config__focus button strong{color:#dce5ed;font-size:.58rem}.pzfam-config__focus button small{overflow:hidden;font:400 .65rem "IBM Plex Sans";text-overflow:ellipsis;white-space:nowrap}.pzfam-config__focus button:hover,.pzfam-config__focus button.is-active{color:#eef5fb}.pzfam-config__focus button.is-active:before{transform:scaleY(1)}.pzfam-config__focus button.is-active:after{opacity:1}.pzfam-config__focus button.is-active strong{color:#fff} .pzfam-config__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pzfam-config__actions small{color:#6d7c8b;font:500 .48rem "IBM Plex Mono";letter-spacing:.08em}.pzfam-config .pzfam-button--white{border-color:#f7f9fb;background:#f7f9fb;color:#111820}.pzfam-config .pzfam-button--white:hover{border-color:#1687ec;background:#1687ec;color:#fff}.pzfam-config .pzfam-button--white:hover span{color:#fff} .pzfam-config__instrument{align-self:center;min-width:0;margin:38px;height:max-content;overflow:hidden;border:1px solid rgba(120,177,228,.36);background:#070b10;box-shadow:0 30px 70px rgba(0,0,0,.28)}.pzfam-config-cad{position:relative;height:610px;overflow:hidden;background:radial-gradient(circle at 55% 42%,#edf3f6,#8b969e 68%,#343b41 100%)}.pzfam-config-cad__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 52%;filter:contrast(1.035) saturate(.9);transition:transform 1.55s cubic-bezier(.2,.72,.16,1),filter 1.1s;will-change:transform}.pzfam-config__instrument[data-focus="deck"] .pzfam-config-cad__image{transform:translate(-18px,30px) scale(1.14)}.pzfam-config__instrument[data-focus="legs"] .pzfam-config-cad__image{transform:translate(-86px,-132px) scale(1.52)}.pzfam-config__instrument[data-focus="access"] .pzfam-config-cad__image{transform:translate(126px,-118px) scale(1.52)}.pzfam-config__instrument[data-focus="rail"] .pzfam-config-cad__image{transform:translate(-68px,132px) scale(1.46)} .pzfam-config-cad__wash{position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,18,27,.14),transparent 48%,rgba(238,247,252,.12));pointer-events:none}.pzfam-config-cad__topline{position:absolute;z-index:4;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;align-items:center;color:#2a526d;font:500 .48rem "IBM Plex Mono";letter-spacing:.1em;text-transform:uppercase}.pzfam-config-cad__topline span{display:flex;align-items:center;gap:9px}.pzfam-config-cad__topline i{width:6px;height:6px;background:#1687ec;box-shadow:0 0 12px #1687ec}.pzfam-config-cad__topline b{padding:9px 11px;border:1px solid rgba(255,255,255,.6);border-radius:3px;background:rgba(243,249,252,.48);box-shadow:inset 0 1px #fff;backdrop-filter:blur(18px);font-weight:500} .pzfam-config-cad__callout{position:absolute;z-index:5;width:max-content;max-width:190px;padding:10px 13px 9px 15px;border:1px solid rgba(255,255,255,.72);border-left:2px solid #168ee3;border-radius:3px;background:linear-gradient(120deg,rgba(250,253,255,.78),rgba(222,237,247,.44));box-shadow:inset 0 1px #fff,0 14px 34px rgba(20,48,68,.14);color:#18394f;font:500 .45rem "IBM Plex Mono";letter-spacing:.06em;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,-42%) scale(.96);transition:opacity .5s ease .6s,transform .82s cubic-bezier(.22,1,.36,1) .55s,visibility 0s linear 1.1s;backdrop-filter:blur(22px)}.pzfam-config-cad__callout[data-callout="deck"]{left:52%;top:43%}.pzfam-config-cad__callout[data-callout="legs"]{left:56%;top:64%}.pzfam-config-cad__callout[data-callout="access"]{left:39%;top:67%}.pzfam-config-cad__callout[data-callout="rail"]{left:58%;top:24%}.pzfam-config__instrument[data-focus="deck"] [data-callout="deck"],.pzfam-config__instrument[data-focus="legs"] [data-callout="legs"],.pzfam-config__instrument[data-focus="access"] [data-callout="access"],.pzfam-config__instrument[data-focus="rail"] [data-callout="rail"]{opacity:1;visibility:visible;transform:translate(-50%,-50%);transition-delay:.6s,.55s,0s} .pzfam-config-cad__scan{position:absolute;z-index:3;left:0;right:0;top:-15%;height:20%;background:linear-gradient(transparent,rgba(31,145,230,.16),transparent);opacity:0}.pzfam-config__instrument.is-focusing .pzfam-config-cad__scan{animation:pzfam-system-scan 1.45s ease both}.pzfam-config-cad__data{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(6,13,21,.92);color:#e7edf3;backdrop-filter:blur(14px)}.pzfam-config-cad__data span{display:grid;gap:4px;padding:12px 13px;font-size:.63rem}.pzfam-config-cad__data span+span{border-left:1px solid rgba(132,160,185,.2)}.pzfam-config-cad__data small{color:#6f8192;font:500 .4rem "IBM Plex Mono";letter-spacing:.1em;text-transform:uppercase} .pzfam-config__loads{padding:20px 23px;color:#687587;font:500 .51rem "IBM Plex Mono";letter-spacing:.07em;text-transform:uppercase}.pzfam-config__loads>span{display:block;margin-bottom:12px}.pzfam-config__loads div{display:grid;grid-template-columns:50px 1fr 36px;gap:13px;align-items:center;height:29px}.pzfam-config__loads em{font-style:normal}.pzfam-config__loads i{position:relative;height:4px;background:#171e26}.pzfam-config__loads i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--load);background:#147fdc;box-shadow:0 0 8px rgba(20,127,220,.35)}.pzfam-config__loads b{font-weight:400;text-align:right}.pzfam-config__specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #27313c}.pzfam-config__specs div{display:grid;gap:7px;padding:16px 18px}.pzfam-config__specs div+div{border-left:1px solid #27313c}.pzfam-config__specs small{color:#657181;font:500 .49rem "IBM Plex Mono";letter-spacing:.1em;text-transform:uppercase}.pzfam-config__specs strong{font-size:.78rem} @media(max-width:1100px){ .pzfam-system__head{grid-template-columns:1fr;gap:24px}.pzfam-system__equation{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.pzfam-system__equation button{flex:0 0 155px;scroll-snap-align:start}.pzfam-system__equation>i{flex:0 0 34px}.pzfam-system__equation>span{flex:0 0 190px}.pzfam-system__stage{grid-template-columns:1fr;min-height:0}.pzfam-system__visual{height:580px}.pzfam-system__copy{height:390px;border-left:0;border-top:1px solid rgba(73,99,118,.14)}.pzfam-system__families{grid-template-columns:repeat(3,1fr)}.pzfam-system__families a:nth-child(-n+3){border-bottom:1px solid rgba(73,99,118,.13)} .pzfam-config__grid{grid-template-columns:1fr;min-height:0}.pzfam-config__copy{border-right:0;border-bottom:1px solid rgba(151,169,188,.14)}.pzfam-config__instrument{height:auto}.pzfam-config-cad{height:560px} } /* The off-canvas global navigation must never widen a product page. */ html:has(.pzfam),body:has(.pzfam){overflow-x:clip} .pzfam-legselector__nav{scrollbar-width:none} .pzfam-legselector__nav::-webkit-scrollbar{display:none} @media(max-width:760px){ .pzfam-hero--legs .pzfam-hero__grid{grid-template-rows:auto auto minmax(340px,1fr) auto} .pzfam-hero--legs .pzfam-hero__copy{grid-row:2} .pzfam-hero--legs .pzfam-hero__media{grid-row:3} } @media(max-width:760px){ .pzfam-system{padding:82px 0}.pzfam-system__head{margin-bottom:34px}.pzfam-system__head h2{max-width:none}.pzfam-system__equation{margin-inline:-14px}.pzfam-system__equation button{flex-basis:138px;min-height:88px;padding:15px}.pzfam-system__equation>span{flex-basis:165px;min-height:88px}.pzfam-system__stage{margin-inline:-14px}.pzfam-system__visual{height:350px}.pzfam-system__focusmark{width:38px;height:38px}.pzfam-system__copy{height:420px}.pzfam-system__copy article{padding:30px 22px}.pzfam-system__copy h3{font-size:clamp(1.5rem,7.8vw,2.1rem)}.pzfam-system__families{display:flex;margin-inline:-14px;overflow-x:auto;scroll-snap-type:x mandatory}.pzfam-system__families a{flex:0 0 150px;min-height:68px;border-bottom:0!important;scroll-snap-align:start}.pzfam-system__visual img{inset:0;width:100%;height:100%}.pzfam-system[data-focus="height"] .pzfam-system__visual img{transform:translate(-2%,-4%) scale(1.18)}.pzfam-system[data-focus="access"] .pzfam-system__visual img{transform:translate(5%,-3%) scale(1.2)}.pzfam-system[data-focus="components"] .pzfam-system__visual img{transform:translate(-3%,3%) scale(1.17)} .pzfam-config{padding:78px 0}.pzfam-config__shell{width:100%;border-inline:0}.pzfam-config__status{padding:10px 16px}.pzfam-config__status span:last-child{display:none}.pzfam-config__copy{padding:38px 22px 34px}.pzfam-config__copy h2{max-width:none;font-size:clamp(2rem,9.5vw,2.8rem)}.pzfam-config__focus{display:flex;gap:8px;margin:26px -22px 28px;padding:0 22px 10px;overflow-x:auto;scroll-snap-type:x mandatory}.pzfam-config__focus>p{display:none}.pzfam-config__focus button{flex:0 0 195px;grid-template-columns:26px 1fr;grid-template-rows:auto auto;gap:4px 9px;min-height:74px;padding:11px 12px;border:1px solid rgba(151,169,188,.16);scroll-snap-align:start}.pzfam-config__focus button span{grid-row:1/3}.pzfam-config__focus button strong,.pzfam-config__focus button small{grid-column:2}.pzfam-config__actions{align-items:flex-start;flex-direction:column}.pzfam-config__actions .pzfam-button{width:100%}.pzfam-config__instrument{width:calc(100% - 16px);margin:8px}.pzfam-config-cad{height:340px}.pzfam-config-cad__topline{left:16px;right:16px}.pzfam-config-cad__topline span{display:none}.pzfam-config-cad__image{object-fit:cover}.pzfam-config__instrument[data-focus="deck"] .pzfam-config-cad__image{transform:translate(-6px,12px) scale(1.08)}.pzfam-config__instrument[data-focus="legs"] .pzfam-config-cad__image{transform:translate(-30px,-52px) scale(1.28)}.pzfam-config__instrument[data-focus="access"] .pzfam-config-cad__image{transform:translate(45px,-48px) scale(1.3)}.pzfam-config__instrument[data-focus="rail"] .pzfam-config-cad__image{transform:translate(-28px,46px) scale(1.25)}.pzfam-config-cad__callout{max-width:145px;padding:8px 10px;font-size:.36rem;white-space:normal}.pzfam-config-cad__data{grid-template-columns:repeat(2,1fr)}.pzfam-config-cad__data span{padding:9px 8px;font-size:.5rem}.pzfam-config-cad__data small{font-size:.32rem}.pzfam-config__loads{padding:18px 16px}.pzfam-config__specs strong{font-size:.58rem} } /* 2.3 - six-family premium refinement */ /* Product photography belongs to the page surface; never isolate the multiply blend inside a white source rectangle. */ .pzfam-hero__media{isolation:auto;overflow:visible} .pzfam-hero__media:before,.pzfam-hero__media:after{z-index:0;pointer-events:none} .pzfam-hero__media img{z-index:1;mix-blend-mode:multiply!important;filter:contrast(1.045) saturate(.92) drop-shadow(0 34px 38px rgba(18,39,54,.18))} .pzfam-hero__media figcaption{z-index:3;right:22px;bottom:20px;padding:10px 13px;border:1px solid rgba(255,255,255,.82);border-left:2px solid #1687ec;border-radius:3px;background:rgba(245,250,253,.62);box-shadow:0 16px 38px rgba(28,52,69,.1);backdrop-filter:blur(18px) saturate(135%)} .pzfam-hero__copy,.pzfam-hero__facts{overflow:hidden} .pzfam-sectionhead>*{min-width:0} /* Legs: an engineering range instrument, not a static matrix. */ .pzfam-leglab__scale{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(228,238,244,.72));box-shadow:0 32px 85px rgba(26,51,68,.12)} .pzfam-leglab__ranges button{overflow:hidden;cursor:pointer;border-color:rgba(105,151,187,.28);background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(232,241,247,.58));box-shadow:inset 0 1px rgba(255,255,255,.8)} .pzfam-leglab__ranges button:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(transparent,#1687ec 25% 75%,transparent);transform:scaleY(0);transition:transform .45s cubic-bezier(.22,1,.36,1)} .pzfam-leglab__ranges button.is-active{z-index:2;border-color:rgba(22,135,236,.48);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(220,238,251,.8));box-shadow:0 18px 45px rgba(22,82,125,.15),inset 0 1px #fff;transform:translateY(-3px)} .pzfam-leglab__ranges button.is-active:before{transform:scaleY(1)} .pzfam-leglab__ranges button:focus-visible{outline:2px solid #1687ec;outline-offset:3px} .pzfam-leglab__scale figure:before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(rgba(45,92,124,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(45,92,124,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle,#000,transparent 86%)} .pzfam-leglab__scale figure img{position:relative;z-index:1;transform:translateY(calc(var(--range-progress,0) * -9px)) scale(calc(1 + var(--range-progress,0) * .045));filter:contrast(1.035) drop-shadow(0 25px 26px rgba(22,44,59,.15));transition:transform 1s cubic-bezier(.22,1,.36,1)} .pzfam-leglab__readout{position:absolute;z-index:3;top:28px;right:28px;min-width:190px;padding:18px 21px;border:1px solid rgba(255,255,255,.88);border-left:2px solid #1687ec;border-radius:4px;background:rgba(244,250,253,.67);box-shadow:0 22px 54px rgba(22,49,67,.14);backdrop-filter:blur(22px) saturate(140%)} .pzfam-leglab__readout small{display:block;color:#748b9b;font:500 .48rem Michroma;letter-spacing:.13em;text-transform:uppercase}.pzfam-leglab__readout strong{display:block;margin-top:9px;color:#075da9;font-size:1.05rem} /* Stairs: the selected working height changes the technical view and readout. */ .pzfam-risestudio__grid{box-shadow:0 32px 85px rgba(27,51,68,.11)} .pzfam-risestudio figure{position:relative;background:radial-gradient(circle at 48% 44%,#fff,#e6eef3 72%)} .pzfam-risestudio figure:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(45,92,124,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(45,92,124,.045) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle,#000,transparent 84%)} .pzfam-risestudio figure img{position:relative;z-index:1;transform:translateY(calc(var(--rise-progress,0) * -8px)) scale(calc(1 + var(--rise-progress,0) * .055));filter:contrast(1.035) drop-shadow(0 26px 28px rgba(22,44,59,.14));transition:transform 1s cubic-bezier(.22,1,.36,1)} .pzfam-risestudio__readout{position:absolute;z-index:3;right:28px;top:28px;display:grid;grid-template-columns:auto auto;gap:6px 22px;align-items:end;padding:18px 22px;border:1px solid rgba(255,255,255,.88);border-left:2px solid #1687ec;border-radius:4px;background:rgba(244,250,253,.69);box-shadow:0 22px 54px rgba(22,49,67,.14);backdrop-filter:blur(22px) saturate(140%)} .pzfam-risestudio__readout small{grid-column:1/-1;color:#748b9b;font:500 .48rem Michroma;letter-spacing:.13em;text-transform:uppercase}.pzfam-risestudio__readout strong{color:#075da9;font:500 1.05rem Michroma}.pzfam-risestudio__readout span{color:#5c7281;font-size:.72rem} .pzfam-risestudio__steps>button{position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:20px;padding:28px;border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(245,249,251,.7);color:inherit;text-align:left;cursor:pointer;transition:background .4s,box-shadow .4s} .pzfam-risestudio__steps>button:last-child{border-bottom:0}.pzfam-risestudio__steps>button.is-active{z-index:1;background:linear-gradient(120deg,#fff,#e5f2fb);box-shadow:inset 3px 0 #1687ec,0 14px 40px rgba(22,75,113,.1)} .pzfam-risestudio__steps>button:focus-visible{outline:2px solid #1687ec;outline-offset:-4px}.pzfam-risestudio__steps>button i{position:absolute;right:0;bottom:0;width:calc(var(--rise)*12%);height:3px;background:#1687ec;transform-origin:left;transition:transform .7s cubic-bezier(.22,1,.36,1)} /* Ramps: precise drawing-board depth and quieter dimensional graphics. */ .pzfam-incline__canvas{background:radial-gradient(circle at 58% 48%,#fff,#e7eff4 76%);box-shadow:0 32px 85px rgba(25,49,66,.11)} .pzfam-incline__canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(42,82,111,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(42,82,111,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle,#000,transparent 88%)} .pzfam-incline__canvas figure img{position:relative;z-index:1;filter:contrast(1.035) drop-shadow(0 28px 30px rgba(20,41,55,.16));transition:transform 1.1s cubic-bezier(.22,1,.36,1)} .pzfam-incline__measure--run span,.pzfam-incline__measure--rise span{border:1px solid rgba(255,255,255,.82);background:rgba(246,250,252,.69);box-shadow:0 14px 34px rgba(28,52,69,.1);backdrop-filter:blur(16px)} .pzfam-incline__readout{border-left:2px solid #1687ec;border-radius:4px;background:rgba(244,249,252,.69);backdrop-filter:blur(22px) saturate(140%)} /* Connection atlas and rails: active state carries visual depth. */ .pzfam-atlas__nav button{cursor:pointer;transition:background .4s,color .4s}.pzfam-atlas__nav button.is-active{box-shadow:inset 3px 0 #1687ec}.pzfam-atlas__macro figure img{transform:scale(.975);transition:transform 1s cubic-bezier(.22,1,.36,1)}.pzfam-atlas__macro article.is-active figure img{transform:scale(1)} .pzfam-railstudio__controls button{cursor:pointer}.pzfam-railstudio__controls button.is-active{box-shadow:inset 3px 0 #1687ec,0 18px 44px rgba(22,74,111,.1)} /* Transport: one legible, progressive operational cycle. */ .pzfam-flow__line div{transition:background .5s,box-shadow .5s,color .5s}.pzfam-flow__line div.is-active{z-index:1;background:linear-gradient(115deg,#fff,#e5f3fc);box-shadow:inset 3px 0 #1687ec,0 16px 42px rgba(22,74,111,.1)} .pzfam-flow__line div.is-active i{transform:scale(1.45);box-shadow:0 0 0 9px rgba(22,135,236,.13),0 0 22px rgba(22,135,236,.58)} .pzfam-flow__stage figure img{transform:translateX(calc((var(--flow-step,0) - 2) * -4px)) scale(calc(1 + var(--flow-step,0) * .008));transition:transform 1.15s cubic-bezier(.22,1,.36,1)} @media(max-width:1100px){ .pzfam-leglab__readout{display:none}.pzfam-risestudio__readout{right:18px;top:18px}.pzfam-risestudio__steps>button{padding:24px 20px} } @media(max-width:760px){ .pzfam-hero__media{overflow:hidden}.pzfam-hero__media figcaption{right:10px;bottom:10px;padding:8px 10px} .pzfam-leglab__ranges button{height:80px;padding:13px 11px}.pzfam-leglab__ranges strong{font-size:.78rem}.pzfam-leglab__ranges span{margin-left:3px;font-size:.56rem} .pzfam-risestudio figure{min-height:390px;padding:20px}.pzfam-risestudio__readout{right:14px;top:14px;padding:14px 16px}.pzfam-risestudio__readout strong{font-size:.85rem} .pzfam-risestudio__steps>button{grid-template-columns:28px 1fr auto;gap:10px;padding:20px 16px;border-left:0}.pzfam-risestudio__steps>button strong{font-size:1rem}.pzfam-risestudio__steps>button span{font-size:.68rem} .pzfam-incline__readout{top:14px;right:14px;width:calc(100% - 28px)} .pzfam-flow__line div.is-active{box-shadow:inset 0 3px #1687ec} } @media(prefers-reduced-motion:reduce){ .pzfam-leglab__scale figure img,.pzfam-risestudio figure img,.pzfam-incline__canvas figure img,.pzfam-flow__stage figure img{transition:none!important;transform:none!important} } .pzfam-config__grid{gap:0} /* 2.2 - cinematic family pass */ .pzfam-hero{background: radial-gradient(ellipse at 73% 42%,rgba(255,255,255,.98) 0,rgba(246,250,252,.92) 32%,transparent 62%), linear-gradient(132deg,#f7f9fa 0,#e8eff3 52%,#f5f8fa 100%)} .pzfam-hero:before{z-index:0;background-image:linear-gradient(rgba(54,91,120,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(54,91,120,.045) 1px,transparent 1px);background-size:112px 112px;mask-image:linear-gradient(115deg,#000,rgba(0,0,0,.48) 56%,transparent 88%)} .pzfam-hero:after{content:"";position:absolute;z-index:0;inset:12% 3% 7% 45%;border:1px solid rgba(61,100,128,.07);border-radius:50%;transform:perspective(900px) rotateX(72deg);box-shadow:0 0 0 55px rgba(69,108,137,.025),0 0 0 110px rgba(69,108,137,.018);pointer-events:none} .pzfam-hero__grid{z-index:1}.pzfam-hero__media{isolation:isolate}.pzfam-hero__media:after{content:"";position:absolute;z-index:-1;left:12%;right:4%;bottom:10%;height:16%;border-radius:50%;background:rgba(40,67,86,.13);filter:blur(30px);transform:perspective(500px) rotateX(66deg)} .pzfam-hero__media img{mix-blend-mode:multiply;filter:contrast(1.035) saturate(.92) drop-shadow(0 32px 38px rgba(18,39,54,.17))} /* Full-width complete-system studio: accurate product image, controlled zoom, glass copy */ .pzfam-system{background:linear-gradient(142deg,#f8fafb,#e7eef3 52%,#f6f9fa)} .pzfam-system__stage{display:block;min-height:clamp(680px,72vw,860px);border-top:1px solid rgba(73,99,118,.14);background:#e9f0f4;isolation:isolate} .pzfam-system__visual{position:absolute;inset:0;overflow:hidden;background: radial-gradient(circle at 52% 47%,rgba(255,255,255,.98),rgba(238,244,247,.92) 52%,rgba(214,226,234,.82) 100%), linear-gradient(120deg,#edf3f6,#dfe9ef)} .pzfam-system__visual:before{content:"";position:absolute;inset:0;background: linear-gradient(112deg,transparent 0 49.9%,rgba(42,88,121,.055) 50%,transparent 50.1%), linear-gradient(68deg,transparent 0 49.9%,rgba(42,88,121,.04) 50%,transparent 50.1%);background-size:210px 210px;mask-image:radial-gradient(circle at 52% 46%,#000,transparent 78%);opacity:.72} .pzfam-system__visual:after{content:"";position:absolute;left:16%;right:14%;bottom:8%;height:13%;border-radius:50%;background:rgba(33,58,77,.16);filter:blur(32px);transform:perspective(500px) rotateX(68deg)} .pzfam-system__visual img{z-index:2;inset:2%;width:96%;height:96%;mix-blend-mode:multiply;filter:contrast(1.025) saturate(.9) drop-shadow(0 34px 40px rgba(21,45,62,.17));transform:translate3d(0,2%,0) scale(.92);transform-origin:50% 54%;transition:transform 1.85s cubic-bezier(.2,.74,.12,1),filter 1.2s ease} .pzfam-system[data-focus="deck"] .pzfam-system__visual img{transform:translate(0,2%) scale(.96)} .pzfam-system[data-focus="footprint"] .pzfam-system__visual img{transform:translate(-1%,0) scale(1.08)} .pzfam-system[data-focus="height"] .pzfam-system__visual img{transform:translate(-7%,-7%) scale(1.22)} .pzfam-system[data-focus="access"] .pzfam-system__visual img{transform:translate(10%,-5%) scale(1.25)} .pzfam-system[data-focus="components"] .pzfam-system__visual img{transform:translate(-7%,4%) scale(1.16)} .pzfam-system__scan,.pzfam-system__focusmark{display:none!important} .pzfam-system__copy{position:absolute;z-index:5;left:4%;bottom:5%;width:min(440px,36%);height:370px;border:1px solid rgba(255,255,255,.9);border-left:2px solid #1687ec;border-radius:5px;background:linear-gradient(135deg,rgba(252,254,255,.82),rgba(224,236,244,.5));box-shadow:inset 0 1px #fff,0 35px 85px rgba(23,48,66,.18);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);transition:left 1.1s cubic-bezier(.22,1,.36,1),right 1.1s cubic-bezier(.22,1,.36,1),top 1.1s cubic-bezier(.22,1,.36,1),bottom 1.1s cubic-bezier(.22,1,.36,1)} .pzfam-system__copy article{padding:38px 40px;background:transparent}.pzfam-system__copy h3{font-size:clamp(1.35rem,1.9vw,2.15rem)}.pzfam-system__copy article>p:not(.pzfam-kicker){font-size:.9rem;line-height:1.65} .pzfam-system[data-focus="footprint"] .pzfam-system__copy,.pzfam-system[data-focus="components"] .pzfam-system__copy{left:auto;right:4%;bottom:auto;top:5%} .pzfam-system[data-focus="height"] .pzfam-system__copy{left:auto;right:4%;bottom:5%;top:auto} .pzfam-system[data-focus="access"] .pzfam-system__copy{left:4%;right:auto;bottom:5%;top:auto} /* PTA5-R: real product, legible mechanical explanation */ .pzfam-rampfoot{position:relative;padding:clamp(100px,9vw,150px) 0;background:linear-gradient(140deg,#edf3f6,#dce7ed 55%,#f7f9fa);overflow:hidden} .pzfam-rampfoot:before{content:"PTA5-R";position:absolute;right:-.03em;top:.02em;color:rgba(0,84,160,.045);font:400 clamp(7rem,17vw,16rem)/1 Michroma;letter-spacing:-.08em} .pzfam-rampfoot>.pzfam-wrap{position:relative;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(420px,1.28fr);gap:clamp(40px,6vw,90px);align-items:center} .pzfam-rampfoot header{align-self:center}.pzfam-rampfoot header h2{max-width:12ch;margin:16px 0 24px}.pzfam-rampfoot header>p:last-child{max-width:56ch;color:#5d7180;font-size:clamp(.9rem,1.05vw,1.04rem);line-height:1.7} .pzfam-rampfoot figure{position:relative;min-height:650px;margin:0;border:1px solid rgba(86,114,134,.16);border-radius:5px;background:radial-gradient(circle at 48% 45%,rgba(255,255,255,.96),rgba(231,239,244,.72) 62%,rgba(206,220,229,.45));box-shadow:0 34px 80px rgba(24,47,64,.12);overflow:hidden} .pzfam-rampfoot figure:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(49,88,116,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(49,88,116,.05) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle,#000,transparent 77%)} .pzfam-rampfoot figure img{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.04) drop-shadow(0 30px 28px rgba(20,40,54,.16))} .pzfam-rampfoot figure span{position:absolute;z-index:2;padding:11px 14px;border:1px solid rgba(255,255,255,.86);border-left:2px solid #1687ec;border-radius:3px;background:rgba(245,250,253,.72);box-shadow:inset 0 1px #fff,0 13px 35px rgba(22,46,63,.12);color:#214d6b;font:500 .49rem "IBM Plex Mono";letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(18px)} .pzfam-rampfoot__joint{right:7%;top:17%}.pzfam-rampfoot__lock{left:6%;top:45%}.pzfam-rampfoot__foot{right:7%;bottom:11%} .pzfam-rampfoot dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0;border:1px solid rgba(86,114,134,.16);background:rgba(255,255,255,.58);box-shadow:0 20px 48px rgba(24,47,64,.08);backdrop-filter:blur(16px)} .pzfam-rampfoot dl div{display:grid;gap:9px;padding:23px 26px}.pzfam-rampfoot dl div+div{border-left:1px solid rgba(86,114,134,.16)}.pzfam-rampfoot dt{color:#7d909e;font:500 .48rem "IBM Plex Mono";letter-spacing:.12em;text-transform:uppercase}.pzfam-rampfoot dd{margin:0;color:#123f61;font-size:.86rem} /* Perimeter planning: spatial 3D stage instead of a schematic card */ .pzfam-perimeter__stage{display:block;min-height:0;border:1px solid rgba(75,105,127,.16);background:#e7eff4;box-shadow:0 30px 80px rgba(20,43,59,.1);overflow:hidden} .pzfam-perimeter__scene{position:relative;min-height:690px;perspective:1200px;background: radial-gradient(circle at 53% 42%,rgba(255,255,255,.98),rgba(229,238,244,.82) 58%,rgba(204,218,228,.64)), linear-gradient(135deg,#f8fafb,#dce7ed);overflow:hidden} .pzfam-perimeter__scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,79,109,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,79,109,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(#000,transparent 88%)} .pzfam-perimeter__platform{position:absolute;left:50%;top:52%;width:min(58%,760px);aspect-ratio:1.42;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-28deg);transform-style:preserve-3d;background:#171b1e;border:6px solid #aebbc4;box-shadow:0 45px 45px rgba(23,43,57,.24)} .pzfam-perimeter__platform:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 38%)} .pzfam-perimeter__platform i{border:1px solid rgba(223,231,235,.22);background:linear-gradient(145deg,#252a2d,#111416)} .pzfam-perimeter__rail{position:absolute;z-index:3;height:155px;border-top:8px solid #273038;border-bottom:6px solid #4d5961;filter:drop-shadow(0 13px 8px rgba(20,38,50,.16));transform-origin:bottom;transition:transform 1.4s cubic-bezier(.2,.75,.15,1)} .pzfam-perimeter__rail:before{content:"";position:absolute;left:0;right:0;top:47%;height:5px;background:#58646c}.pzfam-perimeter__rail b{position:absolute;top:-8px;bottom:-24px;width:7px;background:linear-gradient(90deg,#39434a,#bbc4c9 44%,#39434a)} .pzfam-perimeter__rail b:first-child{left:0}.pzfam-perimeter__rail b:nth-child(2){left:50%}.pzfam-perimeter__rail b:nth-child(3){right:0} .pzfam-perimeter__rail--back{left:29%;top:21%;width:48%;transform:skewY(-9deg)} .pzfam-perimeter__rail--side{left:19%;top:31%;width:31%;transform:rotate(29deg) skewY(8deg)} .pzfam-perimeter__dimension,.pzfam-perimeter__access{position:absolute;z-index:4;padding:10px 13px;border:1px solid rgba(255,255,255,.8);border-radius:3px;background:rgba(243,249,252,.66);box-shadow:inset 0 1px #fff,0 15px 35px rgba(20,45,63,.1);color:#164e77;font:500 .48rem "IBM Plex Mono";letter-spacing:.1em;backdrop-filter:blur(18px)} .pzfam-perimeter__dimension--long{left:40%;bottom:10%}.pzfam-perimeter__dimension--short{right:12%;top:48%}.pzfam-perimeter__access{right:12%;bottom:14%;color:#647887} .pzfam-perimeter__legend{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(250,252,253,.9);backdrop-filter:blur(18px)} .pzfam-perimeter__legend div{display:grid;grid-template-columns:32px 1fr;gap:5px 13px;padding:25px 28px}.pzfam-perimeter__legend div+div{border-left:1px solid rgba(75,105,127,.16)}.pzfam-perimeter__legend small{grid-row:1/3;color:#88a0af;font:500 .45rem "IBM Plex Mono"}.pzfam-perimeter__legend strong{font-size:.68rem}.pzfam-perimeter__legend span{color:#657987;font-size:.76rem} /* Standard rail lengths: one accurate family, continuous dimensional change */ .pzfam-railstudio{--rail-w:88%;display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:650px;border:1px solid rgba(75,105,127,.17);background:#e6eef3;box-shadow:0 30px 80px rgba(20,43,59,.1);overflow:hidden} .pzfam-railstudio[data-rail-length="0.5"]{--rail-w:34%}.pzfam-railstudio[data-rail-length="1"]{--rail-w:57%} .pzfam-railstudio__viewport{position:relative;min-width:0;background:radial-gradient(circle at 50% 45%,#fff,#e6eef3 70%);overflow:hidden} .pzfam-railstudio__viewport:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(38,79,109,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(38,79,109,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle,#000,transparent 80%)} .pzfam-railstudio__rail{position:absolute;left:50%;top:50%;width:var(--rail-w);height:48%;transform:translate(-50%,-50%) perspective(850px) rotateY(-7deg);filter:drop-shadow(0 24px 18px rgba(20,42,57,.16));transition:width 1.15s cubic-bezier(.2,.75,.15,1)} .pzfam-railstudio__rail i{position:absolute;left:0;right:0;background:linear-gradient(#20282e,#6c777e 48%,#222b31)}.pzfam-railstudio__top{top:0;height:9px}.pzfam-railstudio__mid{top:48%;height:7px}.pzfam-railstudio__stop{bottom:0;height:13px} .pzfam-railstudio__rail b{position:absolute;top:0;bottom:-20px;width:8px;background:linear-gradient(90deg,#222b31,#b3bdc2 47%,#283238)}.pzfam-railstudio__rail b:first-of-type{left:0}.pzfam-railstudio__rail b:nth-of-type(2){left:50%}.pzfam-railstudio__rail b:nth-of-type(3){right:0}.pzfam-railstudio[data-rail-length="0.5"] .pzfam-railstudio__rail b:nth-of-type(2),.pzfam-railstudio[data-rail-length="1"] .pzfam-railstudio__rail b:nth-of-type(2){display:none} .pzfam-railstudio__width,.pzfam-railstudio__height,.pzfam-railstudio__viewport>small{position:absolute;color:#174e75;font:500 .49rem "IBM Plex Mono";letter-spacing:.09em}.pzfam-railstudio__width{left:50%;bottom:8%;transform:translateX(-50%);padding-top:10px;border-top:1px solid #79a5c6}.pzfam-railstudio__height{right:4%;top:50%;transform:rotate(-90deg);transform-origin:center}.pzfam-railstudio__viewport>small{left:4%;bottom:5%;max-width:23ch;color:#6b7f8d;text-transform:uppercase} .pzfam-railstudio__controls{display:grid;border-left:1px solid rgba(75,105,127,.16);background:rgba(248,250,251,.86)}.pzfam-railstudio__controls button{position:relative;display:grid;grid-template-columns:34px 1fr;gap:7px 15px;align-content:center;padding:30px;border:0;border-bottom:1px solid rgba(75,105,127,.16);background:transparent;text-align:left;cursor:pointer}.pzfam-railstudio__controls button:last-child{border-bottom:0}.pzfam-railstudio__controls button:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;background:#087bd8;transform:scaleY(0);transition:transform .4s}.pzfam-railstudio__controls button.is-active{background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(228,239,246,.68))}.pzfam-railstudio__controls button.is-active:before{transform:scaleY(1)}.pzfam-railstudio__controls small{grid-row:1/3;color:#8da1ae;font:500 .44rem "IBM Plex Mono"}.pzfam-railstudio__controls strong{font-size:.7rem}.pzfam-railstudio__controls span{color:#647987;font-size:.76rem} /* Installation video: no white wash, only a compact dark liquid-glass instrument */ .pzfam-railvideo{min-height:780px;background:#12191e}.pzfam-railvideo:before,.pzfam-railvideo:after{display:none!important}.pzfam-railvideo video{object-fit:cover;filter:contrast(1.025) saturate(.92)} .pzfam-railvideo__copy{width:min(560px,calc(100% - 64px));padding:34px 38px;border:1px solid rgba(255,255,255,.2);border-left:2px solid #1687ec;border-radius:5px;background:linear-gradient(135deg,rgba(7,15,22,.8),rgba(25,45,59,.48));box-shadow:inset 0 1px rgba(255,255,255,.13),0 32px 80px rgba(0,0,0,.25);color:#fff;backdrop-filter:blur(25px) saturate(135%)} .pzfam-railvideo__copy h2{font-size:clamp(1.45rem,2.3vw,2.7rem)}.pzfam-railvideo__copy span{border-color:rgba(100,185,242,.35);color:#87c7f4} /* Connection atlas typography and technically contextualized official thumbnails */ .pzfam-atlas,.pzfam-atlas button,.pzfam-atlas small{font-family:"IBM Plex Sans",Arial,sans-serif}.pzfam-atlas h2,.pzfam-atlas h3,.pzfam-atlas strong,.pzfam-atlas .pzfam-kicker{font-family:Michroma,sans-serif} .pzfam-atlas__layout{background:linear-gradient(135deg,#f8fafb,#e8f0f4)}.pzfam-atlas__macro figure{position:relative;background:#fff}.pzfam-atlas__macro figure:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 48%,transparent 0 34%,rgba(228,237,243,.52) 77%),linear-gradient(rgba(42,83,112,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(42,83,112,.035) 1px,transparent 1px);background-size:100% 100%,64px 64px,64px 64px;mask-image:radial-gradient(circle,#000,transparent 88%)} .pzfam-atlas__macro figure img{position:relative;z-index:2;filter:contrast(1.035) drop-shadow(0 25px 26px rgba(20,40,54,.14))} .pzfam-atlas__macro article[data-image-layout="compact"] figure,.pzfam-atlas__macro article[data-image-layout="upper"] figure{background:#f7f7f7} .pzfam-atlas__macro article[data-image-layout="compact"] figure img{width:58%;height:58%;margin:12% 21%;object-fit:contain;mix-blend-mode:darken;filter:none} .pzfam-atlas__macro article[data-image-layout="upper"] figure:after{content:"";position:absolute;z-index:1;left:12%;right:12%;top:18%;height:46%;border-top:18px solid #aab7bf;border-bottom:12px solid #aab7bf;background:linear-gradient(90deg,transparent 22%,#aab7bf 22% 24%,transparent 24% 72%,#aab7bf 72% 74%,transparent 74%);transform:perspective(700px) rotateX(8deg);opacity:.55} .pzfam-atlas__macro article[data-image-layout="upper"] figure img{width:43%;height:43%;margin:26% 28.5% 0;object-fit:contain;mix-blend-mode:darken;filter:none} /* Transport: product-led, editorial and asymmetric */ .pzfam--transport .pzfam-hero{background:radial-gradient(circle at 72% 43%,#fff,#e6eef3 58%,#d7e3ea)} .pzfam-flow{background:linear-gradient(145deg,#f5f8fa,#dfe9ef)}.pzfam-flow__stage{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:700px;border:1px solid rgba(73,103,125,.16);background:rgba(247,250,252,.72);box-shadow:0 32px 85px rgba(22,46,63,.12);overflow:hidden} .pzfam-flow__stage figure{position:relative;height:auto;min-height:700px;padding:55px;border:0;background:radial-gradient(circle at 50% 48%,#fff,#e6eef3 72%)}.pzfam-flow__stage figure:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(42,82,111,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(42,82,111,.045) 1px,transparent 1px);background-size:74px 74px;mask-image:radial-gradient(circle,#000,transparent 82%)}.pzfam-flow__stage figure img{position:relative;z-index:1;filter:contrast(1.035) drop-shadow(0 32px 32px rgba(20,41,55,.16))}.pzfam-flow__stage figcaption{position:absolute;z-index:3;left:35px;right:35px;bottom:30px;display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;padding:20px 24px;border:1px solid rgba(255,255,255,.86);border-left:2px solid #1687ec;border-radius:4px;background:rgba(245,250,253,.7);box-shadow:0 20px 50px rgba(22,45,62,.14);backdrop-filter:blur(20px)}.pzfam-flow__stage figcaption span{font:500 .58rem Michroma;color:#0871c8}.pzfam-flow__stage figcaption strong{font-size:.76rem;line-height:1.5} .pzfam-flow__line{display:grid;grid-template-columns:1fr;margin:0;border:0;border-left:1px solid rgba(73,103,125,.16);background:rgba(250,252,253,.84)}.pzfam-flow__line div{display:grid;grid-template-columns:32px 1fr 12px;align-items:center;gap:12px;padding:22px 25px}.pzfam-flow__line div+div{border-left:0;border-top:1px solid rgba(73,103,125,.14)}.pzfam-flow__line strong{margin:0}.pzfam-flow__line i{position:relative;right:auto;top:auto;width:6px;height:6px;border:0;border-radius:50%;background:#1687ec;box-shadow:0 0 0 7px rgba(22,135,236,.1),0 0 17px rgba(22,135,236,.45);transform:none}.pzfam-flow__line div:last-child i{display:block} .pzfam-logistics{background:#f8fafb}.pzfam-logistics__grid{grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:18px}.pzfam-logistics article{display:grid;grid-template-columns:1fr;background:linear-gradient(140deg,#f8fafb,#e8f0f4);box-shadow:0 20px 55px rgba(22,46,63,.08);overflow:hidden}.pzfam-logistics article:first-child{grid-row:1/3}.pzfam-logistics article:not(:first-child){grid-template-columns:.9fr 1.1fr}.pzfam-logistics figure{position:relative;height:430px;background:radial-gradient(circle,#fff,#e8f0f4)}.pzfam-logistics article:first-child figure{height:620px}.pzfam-logistics article:not(:first-child) figure{height:auto;min-height:290px}.pzfam-logistics figure span{position:absolute;left:18px;top:18px;color:#1687ec;font:500 .47rem "IBM Plex Mono"}.pzfam-logistics figure img{filter:contrast(1.035) drop-shadow(0 22px 24px rgba(20,41,55,.13))}.pzfam-logistics article>div{display:flex;flex-direction:column;justify-content:center;padding:34px}.pzfam-logistics h3{font-size:clamp(.95rem,1.3vw,1.35rem)} .pzfam-protection{background:linear-gradient(125deg,#0a1620,#0d293c);color:#eef5f8}.pzfam-protection:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(104,177,225,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(104,177,225,.055) 1px,transparent 1px);background-size:80px 80px}.pzfam-protection{position:relative}.pzfam-protection>.pzfam-wrap{position:relative}.pzfam-protection h2{color:#fff}.pzfam-protection strong,.pzfam-protection span{border-color:rgba(156,190,213,.19)}.pzfam-protection span{color:#b5c6d1} @media(max-width:1100px){ .pzfam-system__stage{min-height:760px}.pzfam-system__visual{height:auto}.pzfam-system__copy{width:45%;height:350px}.pzfam-rampfoot>.pzfam-wrap{grid-template-columns:1fr 1.15fr}.pzfam-railstudio{grid-template-columns:1fr 280px}.pzfam-logistics article:not(:first-child){grid-template-columns:1fr}.pzfam-logistics article:not(:first-child) figure{min-height:230px} } @media(max-width:760px){ .pzfam-hero:after{display:none}.pzfam-hero__media img{mix-blend-mode:multiply} .pzfam-system__equation{padding-bottom:2px}.pzfam-system__stage{min-height:740px;margin-inline:0}.pzfam-system__visual{height:410px}.pzfam-system__visual img{inset:0;width:100%;height:100%;transform:translate(0,0) scale(.94)!important}.pzfam-system__copy,.pzfam-system[data-focus] .pzfam-system__copy{left:14px;right:14px;top:auto;bottom:14px;width:auto;height:330px}.pzfam-system__copy article{padding:28px 24px}.pzfam-system__copy h3{font-size:clamp(1.28rem,6.3vw,1.8rem)}.pzfam-system__copy article>p:not(.pzfam-kicker){font-size:.82rem}.pzfam-system__copy a{margin-top:20px} .pzfam-rampfoot>.pzfam-wrap{grid-template-columns:1fr;gap:32px}.pzfam-rampfoot figure{min-height:530px}.pzfam-rampfoot dl{grid-template-columns:1fr}.pzfam-rampfoot dl div+div{border-left:0;border-top:1px solid rgba(86,114,134,.16)}.pzfam-rampfoot figure span{font-size:.4rem}.pzfam-rampfoot__joint{right:4%;top:14%}.pzfam-rampfoot__lock{left:4%;top:47%}.pzfam-rampfoot__foot{right:4%;bottom:9%} .pzfam-perimeter__scene{min-height:520px}.pzfam-perimeter__platform{width:72%}.pzfam-perimeter__rail{height:105px}.pzfam-perimeter__rail--back{left:25%;top:24%;width:57%}.pzfam-perimeter__rail--side{left:13%;top:34%;width:36%}.pzfam-perimeter__dimension--short{right:4%}.pzfam-perimeter__access{right:4%;bottom:12%}.pzfam-perimeter__legend{grid-template-columns:1fr}.pzfam-perimeter__legend div+div{border-left:0;border-top:1px solid rgba(75,105,127,.16)} .pzfam-railstudio{grid-template-columns:1fr;min-height:0}.pzfam-railstudio__viewport{min-height:430px}.pzfam-railstudio__controls{display:flex;border-left:0;border-top:1px solid rgba(75,105,127,.16);overflow-x:auto}.pzfam-railstudio__controls button{flex:0 0 190px;min-height:110px;padding:20px;border-right:1px solid rgba(75,105,127,.16);border-bottom:0}.pzfam-railstudio__viewport>small{max-width:18ch}.pzfam-railstudio__height{right:-2%} .pzfam-railvideo{min-height:620px}.pzfam-railvideo video{object-position:60% 50%}.pzfam-railvideo__copy{width:calc(100% - 28px);margin:0 14px 18px;padding:25px 22px}.pzfam-railvideo__copy h2{font-size:clamp(1.3rem,6vw,1.8rem)} .pzfam-atlas__macro article[data-image-layout="compact"] figure img{width:78%;height:78%;margin:5% 11%}.pzfam-atlas__macro article[data-image-layout="upper"] figure img{width:62%;height:62%;margin:16% 19% 0} .pzfam-flow__stage{grid-template-columns:1fr;min-height:0}.pzfam-flow__stage figure{min-height:500px;padding:24px}.pzfam-flow__stage figcaption{left:14px;right:14px;bottom:14px;grid-template-columns:1fr;gap:8px}.pzfam-flow__line{display:flex;border-left:0;border-top:1px solid rgba(73,103,125,.16);overflow-x:auto}.pzfam-flow__line div{flex:0 0 150px;grid-template-columns:25px 1fr;padding:19px 18px}.pzfam-flow__line div+div{border-top:0;border-left:1px solid rgba(73,103,125,.14)}.pzfam-flow__line i{display:none!important}.pzfam-logistics__grid{grid-template-columns:1fr;grid-template-rows:auto}.pzfam-logistics article:first-child{grid-row:auto}.pzfam-logistics article:not(:first-child){grid-template-columns:1fr}.pzfam-logistics article:first-child figure,.pzfam-logistics article:not(:first-child) figure{height:340px;min-height:0}.pzfam-logistics article>div{padding:28px 24px} } /* Final compositing guard: source-white product images blend into the technical field. */ .pzfam .pzfam-hero__media{isolation:auto!important} .pzfam .pzfam-hero__media:before,.pzfam .pzfam-hero__media:after{z-index:0!important} .pzfam .pzfam-hero__media img{z-index:1;mix-blend-mode:multiply!important} .pzfam .pzfam-hero__media figcaption{z-index:3} /* Legs information page: archive-led, compact and fully legible */ .pzfam--legs{--leg-border:rgba(76,105,126,.18);--leg-glass:rgba(249,252,254,.76);background:#f4f7f9} .pzfam--legs .pzfam-kicker{font-size:.75rem;letter-spacing:.15em} .pzfam-hero--legs{min-height:clamp(720px,83svh,880px);background:radial-gradient(circle at 71% 43%,#fff 0,#eef4f7 50%,#dce7ed 100%)} .pzfam-hero--legs:after{content:"50 × 50";position:absolute;z-index:-1;right:3%;top:18%;color:rgba(13,85,137,.045);font:400 clamp(7rem,15vw,15rem)/1 Michroma,sans-serif;letter-spacing:-.08em;white-space:nowrap} .pzfam-hero--legs .pzfam-hero__copy{max-width:690px;padding:46px 42px 38px} .pzfam-hero--legs .pzfam-hero__copy h1{font-size:clamp(2.8rem,4vw,5rem);letter-spacing:-.055em} .pzfam-hero--legs .pzfam-hero__copy>p:not(.pzfam-kicker){font-size:clamp(1rem,1.1vw,1.13rem);line-height:1.7} .pzfam-leghero{isolation:isolate;overflow:visible} .pzfam-leghero:after{content:"";position:absolute;left:4%;right:3%;bottom:8%;height:1px;background:linear-gradient(90deg,transparent,#8eb0c7 12%,#8eb0c7 88%,transparent)} .pzfam-leghero__lineup{position:absolute;inset:7% 2% 9%;overflow:hidden} .pzfam-leghero__lineup:before{content:"";position:absolute;left:4%;right:4%;bottom:0;height:34%;background:radial-gradient(ellipse at center,rgba(53,87,109,.18),transparent 68%);filter:blur(18px)} .pzfam-leghero__item{position:absolute;bottom:0;display:grid;align-items:end;justify-items:center;height:94%;transition:transform .85s cubic-bezier(.22,1,.36,1)} .pzfam-leghero__item:hover{transform:translateY(-8px)} .pzfam-leghero__item img{position:relative!important;inset:auto!important;width:100%!important;height:calc(100% - 40px)!important;object-fit:contain!important;object-position:center bottom;filter:drop-shadow(0 30px 24px rgba(23,43,57,.16)) contrast(1.025)!important;transform:none!important} .pzfam-leghero__item b{position:relative;z-index:3;min-height:30px;padding:7px 10px;color:#31556d;font:400 .7rem/1 Michroma,sans-serif;letter-spacing:.08em;background:rgba(248,252,254,.68);border:1px solid rgba(255,255,255,.78);backdrop-filter:blur(14px)} .pzfam-leghero__item--f{left:2%;width:24%;height:79%}.pzfam-leghero__item--t{left:21%;width:30%;z-index:2}.pzfam-leghero__item--p{left:46%;width:34%;height:91%;z-index:3}.pzfam-leghero__item--n{right:0;width:25%;height:76%} .pzfam-leghero figcaption{right:3%;bottom:2%;font-size:.65rem;color:#4f6b7d} .pzfam-legselector{padding-top:clamp(100px,9vw,145px);background:linear-gradient(135deg,#f8fafb,#e8f0f4)} .pzfam-legselector__shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:700px;border:1px solid var(--leg-border);border-radius:6px;background:rgba(255,255,255,.72);box-shadow:0 34px 90px rgba(25,51,68,.12);overflow:hidden} .pzfam-legselector__nav{display:grid;grid-template-rows:repeat(6,1fr);border-right:1px solid var(--leg-border);background:rgba(235,242,246,.7)} .pzfam-legselector__nav button{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;grid-template-rows:auto auto;gap:5px 12px;align-content:center;min-width:0;padding:20px 18px;border:0;border-bottom:1px solid var(--leg-border);background:transparent;color:#243b4b;text-align:left;cursor:pointer;transition:background .32s,color .32s} .pzfam-legselector__nav button:last-child{border-bottom:0}.pzfam-legselector__nav button:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:#0878dc;transform:scaleY(0);transition:transform .35s} .pzfam-legselector__nav button:hover,.pzfam-legselector__nav button.is-active{background:rgba(255,255,255,.88)}.pzfam-legselector__nav button.is-active:before{transform:scaleY(1)} .pzfam-legselector__nav span{grid-row:1/3;align-self:center;color:#8297a5;font:500 .72rem/1 "IBM Plex Mono",monospace}.pzfam-legselector__nav b{font:400 .95rem/1.3 Michroma,sans-serif}.pzfam-legselector__nav small{grid-column:2;color:#627785;font:400 .81rem/1.35 "IBM Plex Sans",system-ui,sans-serif;white-space:normal}.pzfam-legselector__nav i{grid-column:3;grid-row:1/3;align-self:center;color:#0a73cb;font:400 .85rem/1 Michroma,sans-serif;opacity:0;transform:translateX(-6px);transition:.3s}.pzfam-legselector__nav button.is-active i{opacity:1;transform:none} .pzfam-legselector__panels{position:relative;min-width:0}.pzfam-legselector__panels article{display:none;grid-template-columns:minmax(350px,1.16fr) minmax(320px,.84fr);min-height:100%;animation:pzfam-leg-in .58s cubic-bezier(.22,1,.36,1)}.pzfam-legselector__panels article.is-active{display:grid} @keyframes pzfam-leg-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .pzfam-legselector__panels figure{position:relative;min-width:0;margin:0;padding:38px;overflow:hidden;background:radial-gradient(circle at 52% 48%,#fff 0,#eef4f7 64%,#dce7ed 100%)} .pzfam-legselector__panels figure:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(50,92,122,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(50,92,122,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle,#000,transparent 82%)} .pzfam-legselector__panels figure img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.03) drop-shadow(0 28px 28px rgba(23,44,59,.15))} .pzfam-legselector__model{position:absolute;z-index:1;left:28px;top:20px;color:rgba(7,91,160,.07);font:400 clamp(4rem,8vw,8rem)/1 Michroma,sans-serif;letter-spacing:-.07em;white-space:nowrap} .pzfam-legselector__panels figcaption{position:absolute;z-index:3;left:24px;bottom:22px;padding:10px 13px;border:1px solid rgba(255,255,255,.82);border-left:2px solid #0d7cda;border-radius:3px;background:rgba(246,251,254,.68);box-shadow:0 15px 34px rgba(28,53,70,.1);color:#31556d;font:500 .75rem/1.2 "IBM Plex Mono",monospace;backdrop-filter:blur(16px)} .pzfam-legselector__spec{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:48px 44px;border-left:1px solid var(--leg-border);background:rgba(251,253,254,.86)} .pzfam-legselector__spec h3{margin:13px 0 20px;font-size:clamp(1.55rem,2.25vw,2.45rem);overflow-wrap:normal;word-break:normal;hyphens:none} .pzfam-legselector__use{max-width:44ch;margin-bottom:28px;color:#536a79;font-size:1rem;line-height:1.65} .pzfam-legselector__spec dl{margin:0}.pzfam-legselector__spec dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start;padding:14px 0;border-top:1px solid var(--leg-border)}.pzfam-legselector__spec dt{color:#738895;font:500 .75rem/1.45 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.pzfam-legselector__spec dd{min-width:0;margin:0;color:#123f63;font:400 .87rem/1.55 Michroma,sans-serif;overflow-wrap:anywhere} .pzfam-legselector__note{display:flex;align-items:center;gap:28px;margin:18px 0 0;padding:18px 22px;border:1px solid var(--leg-border);border-left:2px solid #0c78d7;background:rgba(255,255,255,.62);color:#526a7a;font-size:.93rem}.pzfam-legselector__note strong{flex:0 0 auto;color:#123f63;font-size:.78rem}.pzfam-legselector__note span{line-height:1.5} .pzfam-legranges{background:#fff}.pzfam-legranges__grid{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(480px,1.28fr) 260px;min-height:610px;border:1px solid var(--leg-border);border-radius:6px;background:#f9fbfc;box-shadow:0 28px 75px rgba(25,51,68,.09);overflow:hidden} .pzfam-legranges figure{position:relative;margin:0;padding:32px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff,#e7eff4 78%)}.pzfam-legranges figure:before{content:"";position:absolute;left:50%;top:7%;bottom:15%;width:1px;background:linear-gradient(transparent,#76a5c6 12%,#76a5c6 88%,transparent)}.pzfam-legranges figure img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.03) drop-shadow(0 28px 25px rgba(23,44,59,.14))}.pzfam-legranges figure figcaption{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.85);background:rgba(249,252,254,.7);backdrop-filter:blur(15px)}.pzfam-legranges figcaption strong{font-size:.78rem}.pzfam-legranges figcaption span{color:#5c7281;font-size:.8rem} .pzfam-legranges__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;padding:34px;border-left:1px solid var(--leg-border)}.pzfam-legranges__list div{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:8px;min-height:74px;padding:13px 15px;border:1px solid rgba(118,154,181,.3);background:rgba(255,255,255,.86)}.pzfam-legranges__list span{color:#8196a4;font:500 .7rem/1 "IBM Plex Mono",monospace}.pzfam-legranges__list strong{min-width:0;color:#075ca9;font-size:clamp(.82rem,1vw,1rem);line-height:1.25;white-space:nowrap}.pzfam-legranges__list em{color:#5f7686;font:500 .72rem/1 "IBM Plex Mono",monospace;font-style:normal;text-align:right} .pzfam-legranges aside{display:flex;flex-direction:column;justify-content:center;padding:34px 28px;border-left:1px solid var(--leg-border);background:linear-gradient(155deg,#f0f6f9,#dfeaf0)}.pzfam-legranges aside strong{margin-top:26px;color:#17476b;font-size:1rem}.pzfam-legranges aside strong:first-child{margin-top:0}.pzfam-legranges aside span{margin-top:6px;color:#5c7280;font-size:.86rem;line-height:1.5} .pzfam-legdetails{background:linear-gradient(145deg,#e7eff4,#f7f9fa)}.pzfam-legdetails__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pzfam-legdetails article{min-width:0;padding:0 24px 28px;border:1px solid var(--leg-border);border-radius:5px;background:rgba(255,255,255,.72);box-shadow:0 22px 55px rgba(28,51,66,.08);overflow:hidden}.pzfam-legdetails figure{height:300px;margin:0 -24px 22px;overflow:hidden;background:radial-gradient(circle,#fff,#e7eef2)}.pzfam-legdetails figure img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.04)}.pzfam-legdetails article:nth-child(1) figure img{object-position:center 68%;transform:scale(1.55)}.pzfam-legdetails article:nth-child(2) figure img{object-position:36% 14%;transform:scale(1.35)}.pzfam-legdetails article:nth-child(3) figure img{object-position:20% 18%;transform:scale(1.35)}.pzfam-legdetails article:nth-child(4) figure img{object-position:84% center;transform:scale(1.1)}.pzfam-legdetails article>span{color:#0c72c7;font:500 .75rem/1 "IBM Plex Mono",monospace}.pzfam-legdetails h3{min-height:2.8em;margin:15px 0 12px;font-size:clamp(1rem,1.45vw,1.4rem);line-height:1.4}.pzfam-legdetails p{color:#566d7b;font-size:.94rem;line-height:1.62} @media(max-width:1180px){ .pzfam-legselector__shell{grid-template-columns:250px minmax(0,1fr)}.pzfam-legselector__panels article{grid-template-columns:minmax(300px,1fr) minmax(300px,.9fr)}.pzfam-legselector__spec{padding:38px 32px}.pzfam-legranges__grid{grid-template-columns:270px 1fr}.pzfam-legranges aside{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:10px 14px;border-left:0;border-top:1px solid var(--leg-border)}.pzfam-legranges aside strong{margin-top:0}.pzfam-legranges aside span{margin-top:0}.pzfam-legdetails__grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:900px){ .pzfam-hero--legs .pzfam-hero__grid{grid-template-columns:1fr}.pzfam-leghero{min-height:480px}.pzfam-legselector__shell{display:block}.pzfam-legselector__nav{display:flex;border-right:0;border-bottom:1px solid var(--leg-border);overflow-x:auto;scroll-snap-type:x mandatory}.pzfam-legselector__nav button{flex:0 0 210px;min-height:96px;border-right:1px solid var(--leg-border);border-bottom:0;scroll-snap-align:start}.pzfam-legselector__panels article{grid-template-columns:1fr 1fr;min-height:620px}.pzfam-legselector__panels figure{min-height:620px}.pzfam-legselector__spec{padding:38px 30px}.pzfam-legselector__spec dl div{grid-template-columns:1fr;gap:6px}.pzfam-legranges__grid{grid-template-columns:240px 1fr}.pzfam-legranges__list{padding:24px}.pzfam-legranges aside{grid-template-columns:1fr 1fr 1fr}.pzfam-legranges aside span{grid-row:2}.pzfam-legdetails figure{height:260px} } @media(max-width:760px){ .pzfam--legs .pzfam-sectionhead{margin-bottom:34px}.pzfam--legs .pzfam-sectionhead>p{font-size:1rem;line-height:1.65}.pzfam-hero--legs{min-height:760px}.pzfam-hero--legs .pzfam-hero__copy{padding:34px 24px 28px}.pzfam-hero--legs .pzfam-hero__copy h1{font-size:clamp(2.3rem,10.5vw,3.25rem)}.pzfam-leghero{min-height:390px}.pzfam-leghero__lineup{inset:2% 0 10%}.pzfam-leghero__item--f{left:-2%;width:31%}.pzfam-leghero__item--t{left:20%;width:35%}.pzfam-leghero__item--p{left:45%;width:38%}.pzfam-leghero__item--n{right:-3%;width:30%}.pzfam-leghero__item b{font-size:.56rem}.pzfam-leghero figcaption{font-size:.52rem} .pzfam-legselector{padding-top:82px}.pzfam-legselector__nav button{flex-basis:185px;padding:17px 14px}.pzfam-legselector__nav b{font-size:.86rem}.pzfam-legselector__panels article{grid-template-columns:1fr;min-height:0}.pzfam-legselector__panels figure{min-height:440px;padding:24px}.pzfam-legselector__spec{padding:32px 23px;border-left:0;border-top:1px solid var(--leg-border)}.pzfam-legselector__spec h3{font-size:clamp(1.4rem,6vw,1.9rem)}.pzfam-legselector__spec dl div{grid-template-columns:110px minmax(0,1fr);gap:14px}.pzfam-legselector__spec dt{font-size:.68rem}.pzfam-legselector__spec dd{font-size:.78rem}.pzfam-legselector__note{align-items:flex-start;flex-direction:column;gap:6px} .pzfam-legranges__grid{grid-template-columns:1fr}.pzfam-legranges figure{min-height:450px}.pzfam-legranges__list{border-left:0;border-top:1px solid var(--leg-border);padding:18px}.pzfam-legranges__list div{grid-template-columns:24px minmax(0,1fr) 27px;min-height:68px;padding:11px}.pzfam-legranges__list strong{font-size:.8rem}.pzfam-legranges aside{grid-template-columns:1fr 1fr;padding:24px 20px}.pzfam-legranges aside span{grid-row:auto}.pzfam-legdetails__grid{grid-template-columns:1fr}.pzfam-legdetails figure{height:310px}.pzfam-legdetails h3{min-height:0} } @media(max-width:420px){.pzfam-legselector__spec dl div{grid-template-columns:1fr}.pzfam-legranges__list{grid-template-columns:1fr}.pzfam-legranges aside{grid-template-columns:1fr}.pzfam-legranges__list strong{font-size:.9rem}.pzfam-legdetails figure{height:270px}} /* Final compositing override: alpha cut-outs must not inherit studio-image blending. */ .pzfam--legs .pzfam-leghero__item img{mix-blend-mode:normal!important;opacity:1!important} .pzfam--legs .pzfam-legselector__panels article:nth-child(1) figure img, .pzfam--legs .pzfam-legselector__panels article:nth-child(2) figure img, .pzfam--legs .pzfam-legselector__panels article:nth-child(3) figure img, .pzfam--legs .pzfam-legselector__panels article:nth-child(5) figure img, .pzfam--legs .pzfam-legranges figure img, .pzfam--legs .pzfam-legdetails article:nth-child(-n+3) figure img{mix-blend-mode:normal!important;opacity:1!important} /* Legs technical atlas: compact product information interface */ .pzfam--legs{--legs-blue:#0066cc;--legs-ink:#0c0d10;--legs-muted:#5f6772;--legs-line:#dfe3e7;--legs-surface:#f2f4f6;background:#fff;color:var(--legs-ink)} .pzfam-hero--legs{min-height:clamp(680px,78svh,820px);background:#eef1f4} .pzfam-hero--legs:after{display:none} .pzfam-hero--legs .pzfam-hero__copy{max-width:650px;padding:42px 40px 36px;border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.72);box-shadow:0 24px 70px rgba(18,31,43,.1);backdrop-filter:blur(14px) saturate(115%)} .pzfam-hero--legs .pzfam-hero__copy h1{max-width:11ch;font-size:clamp(2.7rem,4.2vw,4.9rem);line-height:1.06;letter-spacing:-.045em} .pzfam-leghero{overflow:hidden;background:transparent} .pzfam-leghero__lineup{inset:4% 0 8%} .pzfam-leghero__item{transition:transform 180ms ease-out}.pzfam-leghero__item:hover{transform:none} .pzfam-leghero__item b{min-height:28px;padding:7px 9px;border-color:rgba(255,255,255,.92);border-radius:4px;background:rgba(255,255,255,.7);box-shadow:0 10px 28px rgba(20,34,46,.08);color:#29475c;font-size:.64rem;backdrop-filter:blur(16px)} .pzfam-leghero figcaption{display:none} .pzfam-legatlas{padding:clamp(88px,8vw,132px) 0;background:#fff} .pzfam-legatlas .pzfam-sectionhead{margin-bottom:42px} .pzfam-legatlas__shell{border:1px solid var(--legs-line);background:#fff;box-shadow:0 28px 80px rgba(20,31,42,.08)} .pzfam-legatlas__tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--legs-line);background:var(--legs-surface)} .pzfam-legatlas__tabs button{position:relative;display:grid;grid-template-columns:30px 54px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;column-gap:12px;min-width:0;min-height:134px;padding:15px 14px;border:0;border-right:1px solid var(--legs-line);background:transparent;color:var(--legs-ink);text-align:left;cursor:pointer} .pzfam-legatlas__tabs button:last-child{border-right:0} .pzfam-legatlas__tabs button:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--legs-blue);transform:scaleX(0);transform-origin:left;transition:transform 180ms ease-out} .pzfam-legatlas__tabs button.is-active{background:#fff} .pzfam-legatlas__tabs button.is-active:after{transform:scaleX(1)} .pzfam-legatlas__tabs span{grid-row:1/4;color:#8a96a1;font:500 .68rem/1 "IBM Plex Mono",monospace} .pzfam-legatlas__tabs img{grid-row:1/4;width:54px;height:80px;object-fit:contain;mix-blend-mode:multiply} .pzfam-legatlas__tabs b{align-self:end;min-width:0;font:400 .83rem/1.25 Michroma,sans-serif;white-space:nowrap} .pzfam-legatlas__tabs small{align-self:start;margin-top:5px;color:var(--legs-muted);font:400 .78rem/1.3 "IBM Plex Sans",system-ui,sans-serif;white-space:normal} .pzfam-legatlas__tabs em{align-self:start;min-width:0;margin-top:6px;color:#34617f;font:500 .65rem/1.35 "IBM Plex Mono",monospace;font-style:normal;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .pzfam-legatlas__panels article{display:none;grid-template-columns:minmax(380px,.92fr) minmax(440px,1.08fr);min-height:560px} .pzfam-legatlas__panels article.is-active{display:grid;animation:pzfam-legatlas-enter 180ms ease-out both} @keyframes pzfam-legatlas-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .pzfam-legatlas__panels figure{position:relative;display:grid;place-items:center;min-width:0;margin:0;padding:42px;background:#f2f4f6;overflow:hidden} .pzfam-legatlas__panels figure img{width:100%;height:470px;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(21,33,43,.14))} .pzfam-legatlas__panels article:nth-child(3) figure img,.pzfam-legatlas__panels article:nth-child(6) figure img{mix-blend-mode:multiply} .pzfam-legatlas__panels figcaption{position:absolute;left:28px;bottom:24px;color:#687582;font:500 .68rem/1 "IBM Plex Mono",monospace;letter-spacing:.1em} .pzfam-legatlas__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:52px clamp(36px,4vw,66px)} .pzfam-legatlas__copy h3{max-width:15ch;margin:14px 0 20px;font-size:clamp(1.75rem,2.8vw,3rem);line-height:1.18;letter-spacing:-.035em;overflow-wrap:normal;word-break:normal;hyphens:none} .pzfam-legatlas__copy>p:not(.pzfam-kicker){max-width:42ch;margin:0 0 30px;color:var(--legs-muted);font-size:1.05rem;line-height:1.65} .pzfam-legatlas__copy dl{margin:0;border-top:1px solid var(--legs-line)} .pzfam-legatlas__copy dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;min-height:68px;border-bottom:1px solid var(--legs-line)} .pzfam-legatlas__copy dt{color:#788692;font:500 .7rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase} .pzfam-legatlas__copy dd{min-width:0;margin:0;color:#153f61;font:400 clamp(.88rem,1vw,1rem)/1.45 Michroma,sans-serif;overflow-wrap:normal;word-break:normal} .pzfam-legatlas__copy>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:24px;padding:0 16px;border:1px solid #b9cee0;border-radius:4px;color:#004e9c;font:500 .76rem/1 Michroma,sans-serif;text-decoration:none} .pzfam-legatlas__measure{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:center;margin:18px 0 0;padding:18px 22px;border-left:3px solid var(--legs-blue);background:var(--legs-surface)} .pzfam-legatlas__measure strong{font:500 .69rem/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase} .pzfam-legatlas__measure span{color:var(--legs-muted);font-size:.94rem;line-height:1.5} .pzfam-legranges2{padding:clamp(88px,8vw,132px) 0;background:var(--legs-surface)} .pzfam-legranges2__body{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(600px,1.32fr);border:1px solid var(--legs-line);background:#fff;box-shadow:0 28px 80px rgba(20,31,42,.07)} .pzfam-legranges2 figure{position:relative;display:grid;place-items:center;min-height:570px;margin:0;padding:36px;background:#e9ecef;overflow:hidden} .pzfam-legranges2 figure img{width:100%;height:490px;object-fit:contain;filter:drop-shadow(0 25px 28px rgba(21,33,43,.14))} .pzfam-legranges2 figcaption{position:absolute;left:22px;right:22px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid rgba(255,255,255,.9);border-radius:4px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px)} .pzfam-legranges2 figcaption b{font:400 .78rem/1 Michroma,sans-serif}.pzfam-legranges2 figcaption span{color:var(--legs-muted);font-size:.8rem} .pzfam-legranges2__content{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(30px,4vw,58px)} .pzfam-legranges2__facts{display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px;border:1px solid var(--legs-line)} .pzfam-legranges2__facts span{display:flex;flex-direction:column;gap:7px;min-width:0;padding:17px 20px;color:var(--legs-muted);font-size:.82rem}.pzfam-legranges2__facts span+span{border-left:1px solid var(--legs-line)} .pzfam-legranges2__facts b{color:#16476c;font:400 .85rem/1.3 Michroma,sans-serif} .pzfam-legranges2__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .pzfam-legranges2__list div{display:grid;grid-template-columns:24px minmax(0,1fr) 25px;align-items:center;gap:8px;min-width:0;min-height:70px;padding:12px 14px;border:1px solid #cbd9e5;background:#f7f8f9} .pzfam-legranges2__list span{color:#8a98a4;font:500 .65rem/1 "IBM Plex Mono",monospace}.pzfam-legranges2__list strong{min-width:0;color:#005eb8;font:600 clamp(.92rem,1.15vw,1.05rem)/1.2 "IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.pzfam-legranges2__list em{color:#657683;font:500 .7rem/1 "IBM Plex Mono",monospace;font-style:normal;text-align:right} .pzfam-legbrief{padding:clamp(84px,7vw,116px) 0;background:#fff} .pzfam-legbrief__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--legs-line);border-bottom:1px solid var(--legs-line)} .pzfam-legbrief article{min-width:0;padding:30px 26px 34px;border-right:1px solid var(--legs-line)}.pzfam-legbrief article:last-child{border-right:0} .pzfam-legbrief article span{color:var(--legs-blue);font:500 .68rem/1 "IBM Plex Mono",monospace}.pzfam-legbrief article strong{display:block;min-height:2.8em;margin:20px 0 14px;color:#183e5c;font:400 clamp(.95rem,1.25vw,1.2rem)/1.4 Michroma,sans-serif}.pzfam-legbrief article p{margin:0;color:var(--legs-muted);font-size:.94rem;line-height:1.6} @media (hover:hover) and (pointer:fine){ .pzfam-leghero__item:hover{transform:translateY(-4px)}.pzfam-legatlas__tabs button:hover{background:#fff}.pzfam-legatlas__tabs button:hover img{transform:translateY(-3px)}.pzfam-legatlas__tabs img{transition:transform 180ms ease-out}.pzfam-legatlas__copy>a:hover{background:#f1f6fb} } @media(max-width:1100px){ .pzfam-legatlas__tabs{grid-template-columns:repeat(3,1fr)}.pzfam-legatlas__tabs button:nth-child(3){border-right:0}.pzfam-legatlas__tabs button:nth-child(-n+3){border-bottom:1px solid var(--legs-line)} .pzfam-legatlas__panels article{grid-template-columns:minmax(320px,.85fr) minmax(390px,1.15fr)} .pzfam-legranges2__body{grid-template-columns:280px minmax(0,1fr)}.pzfam-legranges2__list{grid-template-columns:repeat(2,minmax(0,1fr))} .pzfam-legbrief__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pzfam-legbrief article:nth-child(2){border-right:0}.pzfam-legbrief article:nth-child(-n+2){border-bottom:1px solid var(--legs-line)} } @media(max-width:760px){ .pzfam-hero--legs{min-height:760px}.pzfam-hero--legs .pzfam-hero__copy{padding:32px 24px 28px}.pzfam-leghero{min-height:380px} .pzfam-legatlas,.pzfam-legranges2,.pzfam-legbrief{padding:76px 0} .pzfam-legatlas__tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.pzfam-legatlas__tabs button{flex:0 0 190px;grid-template-columns:24px 42px minmax(0,1fr);min-height:112px;padding:12px}.pzfam-legatlas__tabs button:nth-child(n){border-right:1px solid var(--legs-line);border-bottom:0;scroll-snap-align:start}.pzfam-legatlas__tabs img{width:42px;height:68px}.pzfam-legatlas__tabs b{font-size:.72rem}.pzfam-legatlas__tabs small{font-size:.72rem}.pzfam-legatlas__tabs em{font-size:.62rem} .pzfam-legatlas__panels article{grid-template-columns:1fr}.pzfam-legatlas__panels figure{min-height:390px;padding:24px}.pzfam-legatlas__panels figure img{height:350px}.pzfam-legatlas__copy{padding:34px 24px 38px}.pzfam-legatlas__copy h3{font-size:clamp(1.65rem,7vw,2.25rem)}.pzfam-legatlas__copy dl div{grid-template-columns:112px minmax(0,1fr);gap:14px}.pzfam-legatlas__copy dd{font-size:.8rem}.pzfam-legatlas__measure{grid-template-columns:1fr;gap:7px} .pzfam-legranges2__body{grid-template-columns:1fr}.pzfam-legranges2 figure{min-height:410px}.pzfam-legranges2 figure img{height:350px}.pzfam-legranges2__content{padding:24px 18px 28px}.pzfam-legranges2__facts{grid-template-columns:1fr}.pzfam-legranges2__facts span+span{border-left:0;border-top:1px solid var(--legs-line)}.pzfam-legranges2__list{grid-template-columns:repeat(2,minmax(0,1fr))}.pzfam-legranges2__list div{grid-template-columns:20px minmax(0,1fr) 22px;min-height:64px;padding:10px}.pzfam-legranges2__list strong{font-size:.92rem} .pzfam-legbrief__grid{grid-template-columns:1fr}.pzfam-legbrief article:nth-child(n){border-right:0;border-bottom:1px solid var(--legs-line)}.pzfam-legbrief article:last-child{border-bottom:0}.pzfam-legbrief article strong{min-height:0} } @media(max-width:390px){.pzfam-legranges2__list{grid-template-columns:1fr}.pzfam-legatlas__copy dl div{grid-template-columns:1fr;gap:6px;padding:12px 0}.pzfam-hero--legs .pzfam-hero__copy{backdrop-filter:none;background:rgba(255,255,255,.9)}} @media(prefers-reduced-motion:reduce){.pzfam-leghero__item,.pzfam-legatlas__tabs img,.pzfam-legatlas__tabs button:after{transition:none!important}.pzfam-legatlas__panels article.is-active{animation:none}} /* Five component families: final premium information pass */ .pzfam--stairs,.pzfam--ramps,.pzfam--rails,.pzfam--connectors,.pzfam--transport{--family-plate:#eef2f5;--family-line:#d6dde3;background:#fff} .pzfam--stairs .pzfam-sectionhead,.pzfam--ramps .pzfam-sectionhead,.pzfam--rails .pzfam-sectionhead,.pzfam--connectors .pzfam-sectionhead,.pzfam--transport .pzfam-sectionhead{grid-template-columns:minmax(0,1fr) minmax(280px,480px);align-items:end;gap:clamp(34px,7vw,110px)} .pzfam--stairs .pzfam-sectionhead>p,.pzfam--ramps .pzfam-sectionhead>p,.pzfam--rails .pzfam-sectionhead>p,.pzfam--connectors .pzfam-sectionhead>p,.pzfam--transport .pzfam-sectionhead>p{font-size:1rem;line-height:1.7} .pzfam--stairs .pzfam-sectionhead h2,.pzfam--ramps .pzfam-sectionhead h2,.pzfam--rails .pzfam-sectionhead h2,.pzfam--connectors .pzfam-sectionhead h2,.pzfam--transport .pzfam-sectionhead h2{font-size:clamp(2rem,3.45vw,4.25rem)} .pzfam-risestudio__grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);border-color:var(--family-line);box-shadow:0 30px 75px rgba(28,49,64,.09)} .pzfam-risestudio figure{min-height:620px;background:#eef2f5}.pzfam-risestudio figure:before{display:none}.pzfam-risestudio__steps>button{min-height:142px;background:#f7f8f9;transition:background-color 160ms ease,color 160ms ease}.pzfam-risestudio__steps>button.is-active{background:#fff;box-shadow:inset 3px 0 #0066cc}.pzfam-risestudio__steps>button strong{font-size:clamp(1rem,1.6vw,1.35rem)} .pzfam-stairgallery__grid{grid-template-columns:minmax(0,1.18fr) repeat(2,minmax(0,.91fr));gap:0;border:1px solid var(--family-line)}.pzfam-stairgallery article{border:0;border-right:1px solid var(--family-line);background:#fff;box-shadow:none}.pzfam-stairgallery article:last-child{border-right:0}.pzfam-stairgallery figure{background:#eef2f5}.pzfam-stairgallery article:hover{transform:none;box-shadow:none} .pzfam-interface{background:#f2f4f6}.pzfam-interface figure{border-color:var(--family-line);background:#fff}.pzfam-interface figure span{border-radius:4px;background:rgba(255,255,255,.86);font-size:.62rem} .pzfam-incline__canvas{min-height:680px;border-color:var(--family-line);background:#eef2f5;box-shadow:0 30px 75px rgba(28,49,64,.09)}.pzfam-incline__canvas:before{display:none}.pzfam-incline__readout{max-width:420px;border-color:rgba(255,255,255,.92);border-left:3px solid #0066cc;border-radius:4px;background:rgba(255,255,255,.86);box-shadow:0 24px 55px rgba(24,45,60,.1);backdrop-filter:blur(12px)}.pzfam-incline__readout p{font-size:.9rem;line-height:1.6}.pzfam-rampcompare__grid{gap:0;border:1px solid var(--family-line)}.pzfam-rampcompare article{border:0;background:#fff}.pzfam-rampcompare article+article{border-left:1px solid var(--family-line)}.pzfam-rampcompare figure{height:480px;background:#f2f4f6}.pzfam-rampfoot{background:#eef2f5}.pzfam-rampfoot:before{display:none}.pzfam-rampfoot figure{border-radius:0;background:#fff}.pzfam-rampfoot figure:before{display:none}.pzfam-rampfoot figure span{font-size:.58rem;background:rgba(255,255,255,.9);backdrop-filter:blur(10px)} .pzfam-perimeter__stage,.pzfam-railstudio{border-color:var(--family-line);box-shadow:0 30px 75px rgba(28,49,64,.09)}.pzfam-perimeter__scene,.pzfam-railstudio__viewport{background:#eef2f5}.pzfam-perimeter__scene:before,.pzfam-railstudio__viewport:before{display:none}.pzfam-perimeter__dimension,.pzfam-perimeter__access{background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}.pzfam-railstudio__controls button{min-height:150px}.pzfam-railstudio__controls button.is-active{background:#fff;box-shadow:inset 3px 0 #0066cc}.pzfam-railvideo__copy{border-radius:4px;background:rgba(12,20,26,.76);backdrop-filter:blur(14px)} .pzfam-atlas__layout{border-color:var(--family-line);background:#fff;box-shadow:0 30px 75px rgba(28,49,64,.09)}.pzfam-atlas__nav button{min-height:150px;background:#f2f4f6}.pzfam-atlas__nav button.is-active{background:#fff;box-shadow:inset 3px 0 #0066cc}.pzfam-atlas__nav strong{font-size:.9rem}.pzfam-atlas__nav small{font-size:.78rem}.pzfam-atlas__macro figure{background:#eef2f5}.pzfam-atlas__macro figure:before{display:none}.pzfam-atlas__macro h3{font-size:clamp(1.1rem,1.45vw,1.45rem);line-height:1.5}.pzfam-partgroups__grid{border-color:var(--family-line)}.pzfam-partgroups__grid div{min-height:190px;background:#fff}.pzfam-macrostrip{background:#eef2f5}.pzfam-macrostrip>img{object-fit:contain;mix-blend-mode:multiply} .pzfam-flow{background:#f2f4f6}.pzfam-flow__stage{border-color:var(--family-line);background:#fff;box-shadow:0 30px 75px rgba(28,49,64,.09)}.pzfam-flow__stage figure{background:#eef2f5}.pzfam-flow__stage figure:before{display:none}.pzfam-flow__stage figcaption{background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}.pzfam-flow__line div.is-active{background:#fff;box-shadow:inset 3px 0 #0066cc}.pzfam-logistics__grid{gap:0;border:1px solid var(--family-line)}.pzfam-logistics article{border:0;background:#fff;box-shadow:none}.pzfam-logistics article+article{border-left:1px solid var(--family-line)}.pzfam-logistics figure{background:#eef2f5}.pzfam-protection{background:#eef2f5;color:#0c0d10}.pzfam-protection:before{display:none}.pzfam-protection h2{color:#0c0d10}.pzfam-protection span{color:#5f6772}.pzfam-protection strong,.pzfam-protection span{border-color:#cfd9e0} .pzfam-reference{padding:clamp(82px,8vw,126px) 0;background:#fff}.pzfam-reference>.pzfam-wrap{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(640px,1.38fr);gap:clamp(44px,7vw,110px);align-items:start}.pzfam-reference header{position:sticky;top:150px}.pzfam-reference header h2{max-width:12ch;font-size:clamp(1.8rem,3.2vw,3.8rem);line-height:1.08}.pzfam-reference header p{margin-top:20px;color:#0066cc;font:500 .68rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.pzfam-reference__table{border-top:1px solid #bfcbd4}.pzfam-reference__head,.pzfam-reference__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.pzfam-reference__head{padding-left:42px;border-bottom:1px solid #d6dde3}.pzfam-reference__head span{padding:13px 16px;color:#7d8d99;font:500 .64rem/1.35 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.pzfam-reference__row{position:relative;padding-left:42px;border-bottom:1px solid #d6dde3;transition:background-color 150ms ease}.pzfam-reference__row>b{position:absolute;left:0;top:24px;color:#0066cc;font:500 .64rem/1 "IBM Plex Mono",monospace}.pzfam-reference__row span{min-width:0;padding:21px 16px;color:#304b5f;font-size:.92rem;line-height:1.55;overflow-wrap:normal;word-break:normal}.pzfam-reference__row span:first-of-type{color:#0c0d10;font:400 .82rem/1.55 Michroma,sans-serif}.pzfam-reference__row span+span{border-left:1px solid #e2e7eb} @media(hover:hover) and (pointer:fine){.pzfam-reference__row:hover{background:#f7f8f9}.pzfam-risestudio__steps>button:hover,.pzfam-atlas__nav button:hover,.pzfam-railstudio__controls button:hover{background:#fff}} @media(max-width:1100px){.pzfam-reference>.pzfam-wrap{grid-template-columns:1fr}.pzfam-reference header{position:static}.pzfam-reference header h2{max-width:17ch}.pzfam-reference__table{overflow-x:auto}.pzfam-reference__head,.pzfam-reference__row{min-width:760px}.pzfam-stairgallery__grid{grid-template-columns:1fr 1fr}.pzfam-stairgallery article:first-child{grid-column:1/-1}.pzfam-logistics article+article{border-left:0;border-top:1px solid var(--family-line)}} @media(max-width:760px){.pzfam--stairs .pzfam-sectionhead,.pzfam--ramps .pzfam-sectionhead,.pzfam--rails .pzfam-sectionhead,.pzfam--connectors .pzfam-sectionhead,.pzfam--transport .pzfam-sectionhead{grid-template-columns:1fr;gap:22px}.pzfam-risestudio__grid{grid-template-columns:1fr}.pzfam-risestudio__steps>button{min-height:92px}.pzfam-stairgallery__grid{grid-template-columns:1fr}.pzfam-stairgallery article,.pzfam-stairgallery article:first-child{grid-column:auto;border-right:0;border-bottom:1px solid var(--family-line)}.pzfam-stairgallery article:last-child{border-bottom:0}.pzfam-rampcompare article+article{border-left:0;border-top:1px solid var(--family-line)}.pzfam-railstudio__controls button{min-height:110px}.pzfam-atlas__nav button{min-height:118px}.pzfam-reference{padding:76px 0}.pzfam-reference>.pzfam-wrap{gap:34px}.pzfam-reference header h2{font-size:clamp(1.75rem,8vw,2.65rem)}.pzfam-reference__table{margin-right:calc((100vw - 100%)/-2);padding-right:14px}.pzfam-reference__head,.pzfam-reference__row{min-width:700px}.pzfam-reference__row span{padding:18px 14px;font-size:.88rem}} /* 3.6 - decision-first pages for ramps, rails, connectors and transport */ .pzfam--ramps .pzfam-hero__media,.pzfam--rails .pzfam-hero__media,.pzfam--connectors .pzfam-hero__media,.pzfam--transport .pzfam-hero__media{background:radial-gradient(circle at 58% 48%,#fff 0,#f1f4f6 50%,#e6ebef 100%)} .pzfam--ramps .pzfam-hero__media:before,.pzfam--rails .pzfam-hero__media:before,.pzfam--connectors .pzfam-hero__media:before,.pzfam--transport .pzfam-hero__media:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(30,68,94,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,68,94,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle,#000 28%,transparent 80%)} .pzfam--ramps .pzfam-hero__media img{inset:7% 2%;width:96%;height:86%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.04) drop-shadow(0 28px 28px rgba(28,49,63,.14));transform:none} .pzfam--rails .pzfam-hero__media img{inset:5% 4%;width:92%;height:90%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.08) drop-shadow(0 24px 24px rgba(18,36,48,.14));transform:none} .pzfam--connectors .pzfam-hero__media img{inset:8% 6%;width:88%;height:84%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.08) drop-shadow(0 24px 26px rgba(18,36,48,.18));transform:none} .pzfam--transport .pzfam-hero__media img{inset:5% 4%;width:92%;height:90%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.04) drop-shadow(0 28px 28px rgba(18,36,48,.15));transform:none} .pzfam-rampplan{background:#f7f8f9}.pzfam-rampplan__shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);min-height:690px;border:1px solid var(--family-line);background:#edf2f5;box-shadow:0 34px 90px rgba(22,45,61,.1);overflow:hidden}.pzfam-rampplan__visual{position:relative;min-width:0;overflow:hidden}.pzfam-rampplan__visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 48%,rgba(255,255,255,.95),rgba(226,235,241,.8) 66%,rgba(209,222,230,.7));}.pzfam-rampplan__visual figure{position:absolute;inset:4% 2%;margin:0;transform:scale(calc(.92 + var(--ramp-height,1)*.04));transform-origin:80% 52%;transition:transform 1.1s cubic-bezier(.22,.72,.18,1)}.pzfam-rampplan__visual img{position:relative;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.06) drop-shadow(0 28px 22px rgba(24,48,64,.13))}.pzfam-rampplan__datum{position:absolute;z-index:2;left:7%;right:7%;bottom:8%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;color:#416276;font:500 .5rem "IBM Plex Mono";letter-spacing:.11em}.pzfam-rampplan__datum i{height:1px;background:linear-gradient(90deg,#74a4c5,#0b77cf)}.pzfam-rampplan__datum strong{color:#075fa9;font:400 1.15rem Michroma}.pzfam-rampplan__datum em{font-style:normal}.pzfam-rampplan__panel{position:relative;z-index:3;padding:clamp(34px,4vw,64px);border-left:1px solid var(--family-line);background:rgba(250,252,253,.84);backdrop-filter:blur(20px)}.pzfam-rampplan__panel h3{margin:16px 0 30px;font-size:clamp(1.5rem,2.5vw,2.5rem)}.pzfam-rampplan__panel>div{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.pzfam-rampplan__panel button{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 8px;min-width:0;padding:18px 13px;border:1px solid var(--family-line);background:#f7f9fa;color:#506a7b;text-align:left;cursor:pointer}.pzfam-rampplan__panel button+button{border-left:0}.pzfam-rampplan__panel button span{grid-row:1/3;color:#91a3af;font:500 .43rem "IBM Plex Mono"}.pzfam-rampplan__panel button strong{font:400 .92rem Michroma}.pzfam-rampplan__panel button small{font:500 .48rem "IBM Plex Mono"}.pzfam-rampplan__panel button.is-active{position:relative;z-index:1;border-color:#8bbfea;background:#fff;color:#075fa9;box-shadow:inset 0 3px #087bd8,0 18px 40px rgba(25,83,123,.1)}.pzfam-rampplan__panel dl{margin:0;border-top:1px solid var(--family-line)}.pzfam-rampplan__panel dl div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid var(--family-line)}.pzfam-rampplan__panel dt{color:#7c909e;font:500 .48rem "IBM Plex Mono";letter-spacing:.1em;text-transform:uppercase}.pzfam-rampplan__panel dd{margin:0;color:#214861;font-size:.8rem}.pzfam-rampplan__panel>p:last-child{margin:24px 0 0;color:#637988;font-size:.78rem;line-height:1.65} .pzfam-rampkits{background:#fff}.pzfam-rampkits__grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--family-line);box-shadow:0 30px 78px rgba(25,48,64,.08)}.pzfam-rampkits article+article{border-left:1px solid var(--family-line)}.pzfam-rampkits figure{height:430px;margin:0;padding:24px;background:radial-gradient(circle,#fff,#edf2f5);overflow:hidden}.pzfam-rampkits figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.05) drop-shadow(0 22px 24px rgba(20,41,55,.12));transition:transform .8s cubic-bezier(.22,.72,.18,1)}.pzfam-rampkits article>div{padding:34px clamp(24px,3vw,45px) 38px;border-top:1px solid var(--family-line)}.pzfam-rampkits h3{margin:12px 0 16px;font-size:clamp(1.25rem,2vw,2rem)}.pzfam-rampkits article>div>p:not(.pzfam-kicker){min-height:3.4em;color:#607482;line-height:1.7}.pzfam-rampkits dl{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 0;border-top:1px solid var(--family-line)}.pzfam-rampkits dl div{padding:17px 0}.pzfam-rampkits dl div+div{padding-left:22px;border-left:1px solid var(--family-line)}.pzfam-rampkits dt{color:#8a9ca8;font:500 .47rem "IBM Plex Mono";letter-spacing:.1em;text-transform:uppercase}.pzfam-rampkits dd{margin:6px 0 0;color:#123f61;font:400 .85rem Michroma} .pzfam-rampjoint{padding:clamp(100px,9vw,150px) 0;background:#e9eef2}.pzfam-rampjoint>.pzfam-wrap{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(480px,1.28fr);gap:clamp(44px,7vw,110px);align-items:center}.pzfam-rampjoint__copy h2{max-width:12ch;margin:16px 0 24px;font-size:clamp(2.1rem,4vw,4.5rem)}.pzfam-rampjoint__copy>p:not(.pzfam-kicker){max-width:55ch;color:#5e7382;line-height:1.75}.pzfam-rampjoint__copy dl{margin:32px 0 0;border-top:1px solid #cad5dc}.pzfam-rampjoint__copy dl div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #cad5dc}.pzfam-rampjoint__copy dt{color:#7f929f;font:500 .48rem "IBM Plex Mono";letter-spacing:.11em;text-transform:uppercase}.pzfam-rampjoint__copy dd{margin:0;color:#123f61}.pzfam-rampjoint figure{position:relative;min-height:690px;margin:0;background:radial-gradient(circle at 50% 43%,#fff,#dfe8ed 68%);box-shadow:0 34px 85px rgba(24,47,63,.12);overflow:hidden}.pzfam-rampjoint figure:before{content:"PTA5-R";position:absolute;right:-.04em;bottom:-.04em;color:rgba(11,94,159,.055);font:400 clamp(5rem,10vw,10rem)/1 Michroma;letter-spacing:-.08em}.pzfam-rampjoint figure img{position:absolute;inset:3% 8%;width:84%;height:94%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.06) drop-shadow(0 28px 25px rgba(15,37,51,.14))}.pzfam-rampjoint__label{position:absolute;z-index:2;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-width:155px;padding:12px 14px;border:1px solid rgba(255,255,255,.85);border-left:2px solid #087bd8;background:rgba(246,250,252,.74);box-shadow:inset 0 1px #fff,0 16px 38px rgba(23,48,65,.12);color:#28526e;font:500 .48rem "IBM Plex Mono";letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(18px)}.pzfam-rampjoint__label b{color:#0a70bf}.pzfam-rampjoint__label--joint{right:5%;top:13%}.pzfam-rampjoint__label--lock{left:5%;top:43%}.pzfam-rampjoint__label--profile{right:6%;bottom:12%} .pzfam-railoverview{background:#f7f8f9}.pzfam-railoverview__stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);min-height:700px;border:1px solid var(--family-line);background:#e9eef2;box-shadow:0 34px 90px rgba(22,45,61,.1)}.pzfam-railoverview figure{position:relative;margin:0;overflow:hidden}.pzfam-railoverview figure:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#fff,#e5ebef 72%)}.pzfam-railoverview figure img{position:relative;width:100%;height:100%;padding:5%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.06) drop-shadow(0 25px 25px rgba(16,35,48,.14))}.pzfam-railoverview__spec{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,4vw,62px);border-left:1px solid var(--family-line);background:rgba(250,252,253,.86);backdrop-filter:blur(18px)}.pzfam-railoverview__spec h3{margin:16px 0 32px;font-size:clamp(1.5rem,2.4vw,2.45rem)}.pzfam-railoverview__spec ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--family-line)}.pzfam-railoverview__spec li{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--family-line)}.pzfam-railoverview__spec li>b{color:#8a9ca8;font:500 .46rem "IBM Plex Mono"}.pzfam-railoverview__spec li span{display:grid;gap:4px;color:#607482;font-size:.76rem}.pzfam-railoverview__spec li strong{color:#153d59;font:400 .72rem Michroma} .pzfam-railmodels{background:#fff}.pzfam-railmodels__shell{display:grid;grid-template-columns:230px 1fr;min-height:690px;border:1px solid var(--family-line);box-shadow:0 32px 82px rgba(25,48,64,.09)}.pzfam-railmodels__tabs{display:grid;border-right:1px solid var(--family-line);background:#edf2f5}.pzfam-railmodels__tabs button{position:relative;display:grid;grid-template-columns:30px 1fr;gap:6px 14px;align-content:center;padding:25px;border:0;border-bottom:1px solid var(--family-line);background:transparent;text-align:left;cursor:pointer}.pzfam-railmodels__tabs button:last-child{border-bottom:0}.pzfam-railmodels__tabs button:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;background:#087bd8;transform:scaleY(0);transition:transform .35s}.pzfam-railmodels__tabs button.is-active{background:#fff}.pzfam-railmodels__tabs button.is-active:before{transform:scaleY(1)}.pzfam-railmodels__tabs small{grid-row:1/3;color:#92a3ae;font:500 .43rem "IBM Plex Mono"}.pzfam-railmodels__tabs strong{font:.72rem Michroma}.pzfam-railmodels__tabs span{color:#627786;font-size:.76rem}.pzfam-railmodels__panels{position:relative;min-width:0}.pzfam-railmodels__panels article{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);visibility:hidden;opacity:0;pointer-events:none}.pzfam-railmodels__panels article.is-active{position:absolute;visibility:visible;opacity:1;pointer-events:auto}.pzfam-railmodels__panels figure{position:relative;margin:0;padding:4%;background:radial-gradient(circle,#fff,#e7edf1);overflow:hidden}.pzfam-railmodels__panels figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.07) drop-shadow(0 25px 24px rgba(18,38,52,.13));transform:translateY(10px) scale(.98);opacity:0;transition:transform .8s cubic-bezier(.22,.72,.18,1),opacity .45s}.pzfam-railmodels__panels article.is-active figure img{transform:none;opacity:1}.pzfam-railmodels__measure{position:absolute;left:7%;right:7%;bottom:7%;padding-top:12px;border-top:1px solid #77a9ca;color:#075fa9;font:400 .76rem Michroma;text-align:center}.pzfam-railmodels__panels article>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,58px);border-left:1px solid var(--family-line);background:#fafbfc}.pzfam-railmodels__panels h3{margin:16px 0 28px;font-size:clamp(1.4rem,2.3vw,2.35rem)}.pzfam-railmodels__panels dl{margin:0;border-top:1px solid var(--family-line)}.pzfam-railmodels__panels dl div{padding:15px 0;border-bottom:1px solid var(--family-line)}.pzfam-railmodels__panels dt{color:#8799a5;font:500 .46rem "IBM Plex Mono";letter-spacing:.1em;text-transform:uppercase}.pzfam-railmodels__panels dd{margin:6px 0 0;color:#123f61;font-size:.82rem} .pzfam-railconnections{padding:clamp(95px,9vw,145px) 0;background:#e9eef2}.pzfam-railconnections header{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:48px}.pzfam-railconnections header h2{grid-column:2;max-width:13ch;font-size:clamp(2rem,3.7vw,4rem)}.pzfam-railconnections__grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ccd7de;background:#f5f7f8}.pzfam-railconnections article+article{border-left:1px solid #ccd7de}.pzfam-railconnections figure{height:430px;margin:0;padding:5%;background:radial-gradient(circle,#fff,#e4eaee)}.pzfam-railconnections figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.06) drop-shadow(0 22px 22px rgba(17,36,48,.13))}.pzfam-railconnections article>div{padding:30px clamp(25px,3vw,42px) 38px;border-top:1px solid #ccd7de}.pzfam-railconnections h3{margin:12px 0 15px;font-size:clamp(1.2rem,1.9vw,1.8rem)}.pzfam-railconnections article p:last-child{max-width:55ch;color:#607482;line-height:1.7} .pzfam-connectoratlas{background:#f7f8f9}.pzfam-connectoratlas__shell{display:grid;grid-template-columns:250px 1fr;min-height:720px;border:1px solid var(--family-line);background:#edf2f5;box-shadow:0 34px 90px rgba(22,45,61,.1)}.pzfam-connectoratlas__tabs{display:grid;grid-template-rows:repeat(6,1fr);border-right:1px solid var(--family-line)}.pzfam-connectoratlas__tabs button{position:relative;display:grid;grid-template-columns:30px 1fr;gap:5px 14px;align-content:center;padding:18px 22px;border:0;border-bottom:1px solid var(--family-line);background:transparent;text-align:left;cursor:pointer}.pzfam-connectoratlas__tabs button:last-child{border-bottom:0}.pzfam-connectoratlas__tabs button:before{content:"";position:absolute;left:0;top:17%;bottom:17%;width:3px;background:#087bd8;transform:scaleY(0);transition:transform .35s}.pzfam-connectoratlas__tabs button.is-active{background:#fff}.pzfam-connectoratlas__tabs button.is-active:before{transform:scaleY(1)}.pzfam-connectoratlas__tabs small{grid-row:1/3;color:#90a2ad;font:500 .42rem "IBM Plex Mono"}.pzfam-connectoratlas__tabs strong{font:.68rem Michroma}.pzfam-connectoratlas__tabs span{overflow:hidden;color:#627887;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.pzfam-connectoratlas__panels{position:relative;min-width:0}.pzfam-connectoratlas__panels article{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);visibility:hidden;opacity:0;pointer-events:none}.pzfam-connectoratlas__panels article.is-active{visibility:visible;opacity:1;pointer-events:auto}.pzfam-connectoratlas__panels figure{position:relative;margin:0;padding:8%;background:radial-gradient(circle,#fff,#e5ebef);overflow:hidden}.pzfam-connectoratlas__panels figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.08) drop-shadow(0 28px 28px rgba(18,37,50,.16));transform:translateY(12px) scale(.96);opacity:0;transition:transform .8s cubic-bezier(.22,.72,.18,1),opacity .45s}.pzfam-connectoratlas__panels article.is-active figure img{transform:none;opacity:1}.pzfam-connectoratlas__panels figcaption{position:absolute;left:6%;bottom:6%;padding:10px 13px;border:1px solid rgba(255,255,255,.84);border-left:2px solid #087bd8;background:rgba(248,251,253,.7);color:#45667a;font:500 .47rem "IBM Plex Mono";letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(16px)}.pzfam-connectoratlas__panels article>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,64px);border-left:1px solid var(--family-line);background:rgba(250,252,253,.9)}.pzfam-connectoratlas__panels h3{margin:15px 0 18px;font-size:clamp(1.45rem,2.5vw,2.65rem)}.pzfam-connectoratlas__panels article>div>p:not(.pzfam-kicker){color:#607482;line-height:1.7}.pzfam-connectoratlas__panels dl{margin:30px 0 0;border-top:1px solid var(--family-line)}.pzfam-connectoratlas__panels dl div{padding:15px 0;border-bottom:1px solid var(--family-line)}.pzfam-connectoratlas__panels dt{color:#899ba7;font:500 .46rem "IBM Plex Mono";letter-spacing:.1em;text-transform:uppercase}.pzfam-connectoratlas__panels dd{margin:6px 0 0;color:#123f61} .pzfam-connectorlogic{padding:clamp(90px,8vw,135px) 0;background:#fff}.pzfam-connectorlogic header{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:45px}.pzfam-connectorlogic header h2{grid-column:2;max-width:12ch;font-size:clamp(2rem,3.8vw,4rem)}.pzfam-connectorlogic__grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--family-line)}.pzfam-connectorlogic article{position:relative;min-height:350px;padding:40px;overflow:hidden}.pzfam-connectorlogic article+article{border-left:1px solid var(--family-line)}.pzfam-connectorlogic article>span{color:#8fa1ac;font:500 .47rem "IBM Plex Mono"}.pzfam-connectorlogic h3{margin:70px 0 18px;font-size:clamp(1.4rem,2vw,2rem)}.pzfam-connectorlogic article>p{color:#075fa9;font:400 .75rem Michroma}.pzfam-connectorlogic article>small{display:block;max-width:30ch;margin-top:20px;color:#657987;font-size:.78rem;line-height:1.6}.pzfam-connectorlogic article:after{content:"";position:absolute;left:40px;right:40px;bottom:32px;height:2px;background:linear-gradient(90deg,#087bd8 0 28%,#dbe3e8 28%)} .pzfam-connectormacro{padding:clamp(95px,9vw,150px) 0;background:#10181e;color:#fff}.pzfam-connectormacro>.pzfam-wrap{display:grid;grid-template-columns:1.2fr .8fr;min-height:650px;border:1px solid rgba(150,183,205,.2);background:#18242c}.pzfam-connectormacro figure{margin:0;padding:4%;background:radial-gradient(circle at 50% 50%,#f3f5f6,#b9c3c9 75%);overflow:hidden}.pzfam-connectormacro figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.1) drop-shadow(0 28px 30px rgba(0,0,0,.22))}.pzfam-connectormacro>.pzfam-wrap>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,5vw,72px);border-left:1px solid rgba(150,183,205,.2)}.pzfam-connectormacro h2{margin:16px 0 24px;color:#fff;font-size:clamp(2rem,3.6vw,3.9rem)}.pzfam-connectormacro p:not(.pzfam-kicker){color:#b7c7d1;line-height:1.75}.pzfam-connectormacro>.pzfam-wrap>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.pzfam-connectormacro span{padding:9px 12px;border:1px solid rgba(118,184,228,.28);color:#8ccbf5;font:500 .47rem "IBM Plex Mono";letter-spacing:.08em;text-transform:uppercase} .pzfam-transportguide{background:#f7f8f9}.pzfam-transportguide__shell{display:grid;grid-template-columns:260px 1fr;min-height:760px;border:1px solid var(--family-line);background:#edf2f5;box-shadow:0 34px 90px rgba(22,45,61,.1)}.pzfam-transportguide__tabs{display:grid;grid-template-rows:repeat(5,1fr);border-right:1px solid var(--family-line)}.pzfam-transportguide__tabs button{position:relative;display:grid;grid-template-columns:30px 1fr;gap:5px 14px;align-content:center;padding:22px;border:0;border-bottom:1px solid var(--family-line);background:transparent;text-align:left;cursor:pointer}.pzfam-transportguide__tabs button:last-child{border-bottom:0}.pzfam-transportguide__tabs button:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;background:#087bd8;transform:scaleY(0);transition:transform .35s}.pzfam-transportguide__tabs button.is-active{background:#fff}.pzfam-transportguide__tabs button.is-active:before{transform:scaleY(1)}.pzfam-transportguide__tabs small{grid-row:1/3;color:#91a3ae;font:500 .42rem "IBM Plex Mono"}.pzfam-transportguide__tabs strong{font:.68rem Michroma}.pzfam-transportguide__tabs span{overflow:hidden;color:#647987;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.pzfam-transportguide__panels{position:relative;min-width:0}.pzfam-transportguide__panels article{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);visibility:hidden;opacity:0;pointer-events:none}.pzfam-transportguide__panels article.is-active{visibility:visible;opacity:1;pointer-events:auto}.pzfam-transportguide__panels figure{margin:0;padding:4%;background:radial-gradient(circle,#fff,#e4eaee);overflow:hidden}.pzfam-transportguide__panels figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.06) drop-shadow(0 26px 26px rgba(16,35,47,.14));transform:translateX(18px) scale(.97);opacity:0;transition:transform .85s cubic-bezier(.22,.72,.18,1),opacity .45s}.pzfam-transportguide__panels article.is-active figure img{transform:none;opacity:1}.pzfam-transportguide__panels article>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,4vw,62px);border-left:1px solid var(--family-line);background:rgba(250,252,253,.9)}.pzfam-transportguide__panels h3{margin:16px 0 18px;font-size:clamp(1.5rem,2.5vw,2.7rem)}.pzfam-transportguide__panels article>div>p:not(.pzfam-kicker){color:#607482;line-height:1.7}.pzfam-transportguide__panels dl{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 0;border-top:1px solid var(--family-line)}.pzfam-transportguide__panels dl div{padding:16px 0}.pzfam-transportguide__panels dl div+div{padding-left:18px;border-left:1px solid var(--family-line)}.pzfam-transportguide__panels dt{color:#879aa6;font:500 .45rem "IBM Plex Mono";letter-spacing:.09em;text-transform:uppercase}.pzfam-transportguide__panels dd{margin:7px 0 0;color:#123f61;font:400 .78rem Michroma} .pzfam-transportmatrix{background:#fff}.pzfam-transportmatrix__table{border:1px solid var(--family-line);box-shadow:0 28px 70px rgba(24,47,63,.07)}.pzfam-transportmatrix__head,.pzfam-transportmatrix__row{display:grid;grid-template-columns:190px 1fr 230px;align-items:center}.pzfam-transportmatrix__head{background:#eaf0f4;color:#7f929f;font:500 .48rem "IBM Plex Mono";letter-spacing:.11em;text-transform:uppercase}.pzfam-transportmatrix__head span,.pzfam-transportmatrix__row>*{padding:17px 24px}.pzfam-transportmatrix__head span+span,.pzfam-transportmatrix__row>*+*{border-left:1px solid var(--family-line)}.pzfam-transportmatrix__row{min-height:82px;border-top:1px solid var(--family-line);background:#fff}.pzfam-transportmatrix__row strong{font:.7rem Michroma}.pzfam-transportmatrix__row span{color:#617684}.pzfam-transportmatrix__row b{color:#075fa9;font:400 .68rem Michroma} .pzfam-storage{padding:clamp(100px,9vw,150px) 0;background:#10181e;color:#fff}.pzfam-storage>.pzfam-wrap{display:grid;grid-template-columns:.75fr 1.25fr;min-height:690px;border:1px solid rgba(151,183,205,.2);background:#18242c}.pzfam-storage__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,72px)}.pzfam-storage h2{margin:16px 0 24px;color:#fff;font-size:clamp(2rem,3.7vw,4rem)}.pzfam-storage__copy>p:not(.pzfam-kicker){color:#b7c7d1;line-height:1.75}.pzfam-storage dl{display:grid;grid-template-columns:1fr 1fr;margin:32px 0 0;border-top:1px solid rgba(151,183,205,.2)}.pzfam-storage dl div{padding:16px 0;border-bottom:1px solid rgba(151,183,205,.2)}.pzfam-storage dl div:nth-child(even){padding-left:18px;border-left:1px solid rgba(151,183,205,.2)}.pzfam-storage dt{color:#7f9daf;font:500 .44rem "IBM Plex Mono";letter-spacing:.1em;text-transform:uppercase}.pzfam-storage dd{margin:7px 0 0;color:#e6f1f7;font-size:.77rem}.pzfam-storage figure{position:relative;margin:0;padding:4%;border-left:1px solid rgba(151,183,205,.2);background:radial-gradient(circle,#fff,#c5d0d6 76%);overflow:hidden}.pzfam-storage figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.08) drop-shadow(0 28px 30px rgba(0,0,0,.24))}.pzfam-storage figure span{position:absolute;right:5%;bottom:6%;padding:11px 14px;border:1px solid rgba(255,255,255,.8);border-left:2px solid #1687ec;background:rgba(245,250,253,.72);color:#214d6b;font:500 .48rem "IBM Plex Mono";letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(16px)} @media(hover:hover) and (pointer:fine){.pzfam-rampkits article:hover figure img{transform:scale(1.035)}.pzfam-railmodels__tabs button:hover,.pzfam-connectoratlas__tabs button:hover,.pzfam-transportguide__tabs button:hover{background:rgba(255,255,255,.72)}.pzfam-transportmatrix__row:hover{background:#f7f9fa}} @media(max-width:1100px){.pzfam-rampplan__shell,.pzfam-railoverview__stage{grid-template-columns:1fr minmax(300px,.65fr)}.pzfam-rampjoint>.pzfam-wrap{grid-template-columns:.8fr 1.2fr}.pzfam-railmodels__shell,.pzfam-connectoratlas__shell,.pzfam-transportguide__shell{grid-template-columns:210px 1fr}.pzfam-railmodels__panels article,.pzfam-connectoratlas__panels article,.pzfam-transportguide__panels article{grid-template-columns:1.1fr .9fr}.pzfam-connectormacro>.pzfam-wrap,.pzfam-storage>.pzfam-wrap{grid-template-columns:1fr 1fr}} @media(max-width:820px){.pzfam-rampplan__shell,.pzfam-railoverview__stage{grid-template-columns:1fr}.pzfam-rampplan__visual,.pzfam-railoverview figure{min-height:460px}.pzfam-rampplan__panel,.pzfam-railoverview__spec{border-left:0;border-top:1px solid var(--family-line)}.pzfam-rampkits__grid,.pzfam-rampjoint>.pzfam-wrap,.pzfam-railconnections__grid,.pzfam-connectormacro>.pzfam-wrap,.pzfam-storage>.pzfam-wrap{grid-template-columns:1fr}.pzfam-rampkits article+article,.pzfam-railconnections article+article{border-left:0;border-top:1px solid var(--family-line)}.pzfam-rampjoint figure{min-height:580px}.pzfam-railconnections header,.pzfam-connectorlogic header{grid-template-columns:1fr;gap:18px}.pzfam-railconnections header h2,.pzfam-connectorlogic header h2{grid-column:auto}.pzfam-railmodels__shell,.pzfam-connectoratlas__shell,.pzfam-transportguide__shell{grid-template-columns:1fr;min-height:790px}.pzfam-railmodels__tabs,.pzfam-connectoratlas__tabs,.pzfam-transportguide__tabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--family-line);scroll-snap-type:x mandatory}.pzfam-railmodels__tabs button,.pzfam-connectoratlas__tabs button,.pzfam-transportguide__tabs button{flex:0 0 190px;min-height:110px;border-right:1px solid var(--family-line);border-bottom:0;scroll-snap-align:start}.pzfam-railmodels__panels,.pzfam-connectoratlas__panels,.pzfam-transportguide__panels{min-height:680px}.pzfam-railmodels__panels article,.pzfam-connectoratlas__panels article,.pzfam-transportguide__panels article{grid-template-columns:1fr;grid-template-rows:390px 1fr}.pzfam-railmodels__panels article>div,.pzfam-connectoratlas__panels article>div,.pzfam-transportguide__panels article>div{border-left:0;border-top:1px solid var(--family-line)}.pzfam-connectorlogic__grid{grid-template-columns:1fr}.pzfam-connectorlogic article{min-height:250px}.pzfam-connectorlogic article+article{border-left:0;border-top:1px solid var(--family-line)}.pzfam-connectormacro>.pzfam-wrap>div,.pzfam-storage figure{border-left:0;border-top:1px solid rgba(151,183,205,.2)}.pzfam-connectormacro figure,.pzfam-storage figure{min-height:520px}.pzfam-transportmatrix__table{overflow-x:auto}.pzfam-transportmatrix__head,.pzfam-transportmatrix__row{min-width:760px}} @media(max-width:520px){.pzfam--ramps .pzfam-hero__media img{inset:4%;width:92%;height:92%}.pzfam--rails .pzfam-hero__media img,.pzfam--connectors .pzfam-hero__media img,.pzfam--transport .pzfam-hero__media img{inset:4%;width:92%;height:92%}.pzfam-rampplan__visual,.pzfam-railoverview figure{min-height:350px}.pzfam-rampplan__datum{left:4%;right:4%;grid-template-columns:auto 1fr auto}.pzfam-rampplan__datum em{display:none}.pzfam-rampplan__panel{padding:28px 20px}.pzfam-rampplan__panel>div{grid-template-columns:1fr}.pzfam-rampplan__panel button{grid-template-columns:28px 1fr auto}.pzfam-rampplan__panel button+button{border-left:1px solid var(--family-line);border-top:0}.pzfam-rampkits figure,.pzfam-railconnections figure{height:300px}.pzfam-rampkits article>div>p:not(.pzfam-kicker){min-height:0}.pzfam-rampjoint figure{min-height:470px}.pzfam-rampjoint__label{min-width:0;padding:9px 10px;font-size:.4rem}.pzfam-rampjoint__label--joint{right:2%}.pzfam-rampjoint__label--lock{left:2%}.pzfam-railoverview__spec{padding:30px 22px}.pzfam-railmodels__shell,.pzfam-connectoratlas__shell,.pzfam-transportguide__shell{min-height:760px}.pzfam-railmodels__panels,.pzfam-connectoratlas__panels,.pzfam-transportguide__panels{min-height:650px}.pzfam-railmodels__panels article,.pzfam-connectoratlas__panels article,.pzfam-transportguide__panels article{grid-template-rows:310px 1fr}.pzfam-railmodels__panels article>div,.pzfam-connectoratlas__panels article>div,.pzfam-transportguide__panels article>div{padding:28px 22px}.pzfam-connectorlogic article{padding:30px 24px}.pzfam-connectorlogic article:after{left:24px;right:24px}.pzfam-connectormacro figure,.pzfam-storage figure{min-height:390px}.pzfam-transportguide__panels dl{grid-template-columns:1fr}.pzfam-transportguide__panels dl div+div{padding-left:0;border-left:0;border-top:1px solid var(--family-line)}.pzfam-storage dl{grid-template-columns:1fr}.pzfam-storage dl div:nth-child(even){padding-left:0;border-left:0}} @media(prefers-reduced-motion:reduce){.pzfam-reference__row,.pzfam-risestudio__steps>button,.pzfam-atlas__nav button{transition:none}} /* 3.7 - clean archival image integration and complete transport range */ .pzfam-rampkits figure,.pzfam-railmodels__panels figure,.pzfam-railconnections figure,.pzfam-connectoratlas__panels figure,.pzfam-transportguide__panels figure{background:#fff} .pzfam-rampkits figure img,.pzfam-railmodels__panels figure img,.pzfam-railconnections figure img,.pzfam-connectoratlas__panels figure img,.pzfam-transportguide__panels figure img{mix-blend-mode:multiply} .pzfam-transportguide__tabs{grid-template-rows:repeat(6,1fr)} .pzfam-connectoratlas__tabs span,.pzfam-transportguide__tabs span{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.35} @media(max-width:820px){.pzfam--ramps .pzfam-sectionhead,.pzfam--rails .pzfam-sectionhead,.pzfam--connectors .pzfam-sectionhead,.pzfam--transport .pzfam-sectionhead{grid-template-columns:1fr;gap:22px}.pzfam-transportguide__tabs{grid-template-rows:none}} /* Stairs: complete access-system atlas */ .pzfam--stairs{--stairs-blue:#0066cc;--stairs-ink:#0c0d10;--stairs-muted:#5f6772;--stairs-line:#dfe3e7;--stairs-fog:#f2f4f6;background:#fff;color:var(--stairs-ink)} .pzfam-hero--stairs{min-height:clamp(700px,80svh,840px);background:linear-gradient(135deg,#e8edf1 0,#f8f9fa 46%,#e5ebef 100%)} .pzfam-hero--stairs:before{background-image:linear-gradient(rgba(55,86,109,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(55,86,109,.055) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,#000,transparent 78%)} .pzfam-hero--stairs .pzfam-hero__copy{max-width:650px;padding:42px 40px 36px;background:rgba(255,255,255,.68);box-shadow:0 30px 80px rgba(20,35,48,.12);backdrop-filter:blur(18px) saturate(120%)} .pzfam-hero--stairs .pzfam-hero__copy h1{max-width:12ch;font-size:clamp(2.55rem,4vw,4.8rem);line-height:1.05} .pzfam-stairhero{overflow:visible} .pzfam-stairhero:before{inset:9% -3%;background:radial-gradient(ellipse,rgba(0,102,204,.1),transparent 69%)} .pzfam-stairhero__scene{position:absolute;inset:0;isolation:isolate} .pzfam-stairhero__scene:before{content:"";position:absolute;left:4%;right:0;bottom:13%;height:1px;background:linear-gradient(90deg,transparent,#5f6772 16%,#5f6772 82%,transparent)} .pzfam-stairhero__scene:after{content:"";position:absolute;right:7%;bottom:12%;width:58%;height:11%;border-radius:50%;background:rgba(33,48,58,.16);filter:blur(26px);transform:skewX(-20deg)} .pzfam-stairhero__scene img{position:absolute!important;inset:auto!important;object-fit:contain;mix-blend-mode:normal!important;filter:drop-shadow(0 28px 30px rgba(17,30,40,.16));transition:transform 900ms cubic-bezier(.22,1,.36,1)!important} .pzfam-stairhero__main{z-index:2;right:-5%;bottom:8%;width:100%!important;height:88%!important} .pzfam-stairhero__secondary{z-index:1;left:-2%;bottom:12%;width:42%!important;height:42%!important;opacity:.32;filter:grayscale(.45) drop-shadow(0 20px 20px rgba(17,30,40,.1))!important} .pzfam-stairhero__datum{position:absolute;z-index:4;right:2%;top:7%;display:flex;align-items:center;gap:12px;color:#5f6772;font:500 .57rem/1.3 Michroma,sans-serif;letter-spacing:.11em}.pzfam-stairhero__datum i{width:52px;height:1px;background:var(--stairs-blue)} .pzfam-stairhero figcaption{right:2%;bottom:4%;font-size:.56rem} .pzfam-stairatlas{padding:clamp(92px,9vw,145px) 0;background:#fff} .pzfam-stairatlas .pzfam-sectionhead{margin-bottom:44px} .pzfam-stairatlas__shell{border:1px solid var(--stairs-line);background:#fff;box-shadow:0 32px 90px rgba(20,33,44,.08)} .pzfam-stairatlas__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--stairs-line);background:var(--stairs-fog)} .pzfam-stairatlas__tabs button{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto auto;gap:5px 16px;min-width:0;min-height:138px;padding:25px 28px;border:0;border-right:1px solid var(--stairs-line);background:transparent;color:inherit;text-align:left;cursor:pointer} .pzfam-stairatlas__tabs button:last-child{border-right:0}.pzfam-stairatlas__tabs button:after{content:"";position:absolute;left:28px;right:28px;bottom:-1px;height:3px;background:var(--stairs-blue);transform:scaleX(0);transform-origin:left;transition:transform 180ms ease-out}.pzfam-stairatlas__tabs button.is-active{background:#fff}.pzfam-stairatlas__tabs button.is-active:after{transform:scaleX(1)} .pzfam-stairatlas__tabs span{grid-row:1/4;color:#5f6772;font:500 .7rem/1 "IBM Plex Mono",monospace}.pzfam-stairatlas__tabs b{font:400 1rem/1.25 Michroma,sans-serif}.pzfam-stairatlas__tabs small{color:var(--stairs-muted);font:400 .82rem/1.4 "IBM Plex Sans",system-ui,sans-serif}.pzfam-stairatlas__tabs em{color:#004e9c;font:500 .68rem/1.35 "IBM Plex Mono",monospace;font-style:normal} .pzfam-stairatlas__panels article{display:none;grid-template-columns:minmax(440px,1.08fr) minmax(400px,.92fr);min-height:610px}.pzfam-stairatlas__panels article.is-active{display:grid;animation:pzfam-stairs-enter 220ms ease-out both} @keyframes pzfam-stairs-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}} .pzfam-stairatlas__panels figure{position:relative;display:grid;place-items:center;min-width:0;margin:0;padding:38px;background:linear-gradient(145deg,#f2f4f6,#f7f8f9);overflow:hidden}.pzfam-stairatlas__panels figure:before{content:"";position:absolute;left:9%;right:9%;bottom:17%;height:1px;background:linear-gradient(90deg,transparent,#5f6772,transparent)} .pzfam-stairatlas__panels figure img{position:relative;z-index:1;width:100%;height:510px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 28px 28px rgba(20,31,41,.14))}.pzfam-stairatlas__panels figcaption{position:absolute;z-index:2;left:28px;bottom:24px;color:#5f6772;font:500 .68rem/1 "IBM Plex Mono",monospace;letter-spacing:.1em} .pzfam-stairatlas__panels article>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:52px clamp(34px,4vw,64px)}.pzfam-stairatlas__panels h3{max-width:16ch;margin:14px 0 20px;font-size:clamp(1.7rem,2.55vw,2.9rem);line-height:1.18;overflow-wrap:normal;word-break:normal}.pzfam-stairatlas__panels article>div>p:not(.pzfam-kicker){max-width:43ch;margin-bottom:28px;color:var(--stairs-muted);font-size:1.04rem} .pzfam-stairatlas__panels dl{margin:0;border-top:1px solid var(--stairs-line)}.pzfam-stairatlas__panels dl div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:20px;align-items:center;min-height:66px;border-bottom:1px solid var(--stairs-line)}.pzfam-stairatlas__panels dt{color:#778794;font:500 .68rem/1.3 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.pzfam-stairatlas__panels dd{min-width:0;margin:0;color:#153f61;font:400 .88rem/1.45 Michroma,sans-serif;overflow-wrap:normal;word-break:normal} .pzfam-stairatlas__panels a{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:24px;padding:0 16px;border:1px solid #bdd0df;border-radius:4px;color:#0059ae;font:500 .72rem/1 Michroma,sans-serif} .pzfam-stairjourney{padding:clamp(92px,9vw,145px) 0;background:linear-gradient(135deg,#e8edf1,#f8fafb 48%,#e6ecef)} .pzfam-stairjourney__head .pzfam-sectionhead{margin-bottom:44px} .pzfam-stairjourney__layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(370px,.78fr);gap:clamp(40px,6vw,100px);align-items:start} .pzfam-stairjourney__visual{position:sticky;top:calc(var(--quick-top,74px) + 70px);height:min(720px,calc(100svh - var(--quick-top,74px) - 100px));min-height:560px;overflow:hidden;border:1px solid rgba(121,145,162,.34);border-radius:6px;background:rgba(255,255,255,.54);box-shadow:0 34px 90px rgba(20,35,48,.1);backdrop-filter:blur(16px)} .pzfam-stairjourney__visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,105,127,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(74,105,127,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,#000,transparent 80%)} .pzfam-stairjourney__visual figure{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:clamp(28px,4vw,60px);opacity:0;transform:scale(.965);transition:opacity 650ms ease,transform 900ms cubic-bezier(.22,1,.36,1)}.pzfam-stairjourney[data-journey="deployed"] [data-journey-visual="deployed"],.pzfam-stairjourney[data-journey="geometry"] [data-journey-visual="geometry"],.pzfam-stairjourney[data-journey="folded"] [data-journey-visual="folded"]{opacity:1;transform:none} .pzfam-stairjourney__visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(20,32,42,.13))}.pzfam-stairjourney [data-journey-visual="geometry"] img,.pzfam-stairjourney [data-journey-visual="folded"] img{mix-blend-mode:multiply} .pzfam-stairjourney__meter{position:absolute;z-index:4;left:22px;right:22px;bottom:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:15px 17px;border:1px solid rgba(255,255,255,.86);border-radius:4px;background:rgba(250,252,253,.7);box-shadow:0 16px 35px rgba(21,34,44,.09);backdrop-filter:blur(18px)}.pzfam-stairjourney__meter span,.pzfam-stairjourney__meter b{font:500 .68rem/1 Michroma,sans-serif}.pzfam-stairjourney__meter i{height:1px;background:linear-gradient(90deg,var(--stairs-blue) var(--journey-progress,33%),#cbd6de var(--journey-progress,33%))}.pzfam-stairjourney__meter b{color:#526b7c} .pzfam-stairjourney__steps{display:grid}.pzfam-stairjourney__steps article{display:flex;flex-direction:column;justify-content:center;min-height:min(700px,78svh);padding:clamp(32px,4vw,56px);opacity:.36;transition:opacity 320ms ease}.pzfam-stairjourney__steps article.is-active{opacity:1}.pzfam-stairjourney__steps article+article{border-top:1px solid rgba(112,137,154,.28)}.pzfam-stairjourney__steps article>small{margin-bottom:18px;color:#1264b5;font:500 .62rem/1.5 Michroma,sans-serif;letter-spacing:.14em;text-transform:uppercase}.pzfam-stairjourney__steps h3{max-width:13ch;font-size:clamp(1.75rem,2.8vw,3.2rem);line-height:1.18;overflow-wrap:normal;word-break:normal}.pzfam-stairjourney__steps p{max-width:42ch;margin:20px 0 28px;color:var(--stairs-muted);font-size:1.02rem}.pzfam-stairjourney__steps dl{margin:0;border-top:1px solid var(--stairs-line)}.pzfam-stairjourney__steps dl div{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--stairs-line)}.pzfam-stairjourney__steps dt{color:#778894;font:500 .68rem/1.4 "IBM Plex Mono",monospace}.pzfam-stairjourney__steps dd{margin:0;color:#17466a;font:400 .8rem/1.4 Michroma,sans-serif} .pzfam-stairjourney__mobile{display:none} .pzfam-ecd{padding:clamp(92px,9vw,145px) 0;background:#fff}.pzfam-ecd__studio{border:1px solid var(--stairs-line);background:#f2f4f6;box-shadow:0 32px 85px rgba(22,35,45,.08)} .pzfam-ecd__lineup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:560px}.pzfam-ecd__lineup button{position:relative;display:grid;grid-template-rows:1fr auto auto;min-width:0;padding:24px 18px 22px;border:0;border-right:1px solid var(--stairs-line);background:transparent;color:inherit;text-align:left;cursor:pointer;overflow:hidden}.pzfam-ecd__lineup button:last-child{border-right:0}.pzfam-ecd__lineup button:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:var(--stairs-blue);transform:scaleX(0);transition:transform 180ms ease-out}.pzfam-ecd__lineup button.is-active{background:#fff}.pzfam-ecd__lineup button.is-active:after{transform:scaleX(1)}.pzfam-ecd__lineup button>span{position:absolute;left:18px;top:18px;color:#8797a3;font:500 .68rem/1 "IBM Plex Mono",monospace}.pzfam-ecd__lineup img{align-self:end;width:100%;height:390px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 22px rgba(20,32,42,.12));transform-origin:center bottom;transition:transform 420ms cubic-bezier(.22,1,.36,1),opacity 220ms ease}.pzfam-ecd__lineup button:not(.is-active) img{opacity:.64;transform:scale(.92)}.pzfam-ecd__lineup strong{margin-top:18px;color:#15476d;font-size:clamp(.92rem,1.4vw,1.2rem)}.pzfam-ecd__lineup small{margin-top:5px;color:var(--stairs-muted);font:.82rem/1.35 "IBM Plex Sans",system-ui,sans-serif} .pzfam-ecd__readout{display:grid;grid-template-columns:1fr 90px 1fr auto;align-items:center;gap:24px;min-height:104px;padding:20px 28px;border-top:1px solid var(--stairs-line);background:#fff}.pzfam-ecd__readout span{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:18px}.pzfam-ecd__readout small{color:#788995;font:500 .64rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.pzfam-ecd__readout strong{color:#0b5dab;font-size:clamp(.9rem,1.4vw,1.15rem)}.pzfam-ecd__readout>i{height:1px;background:linear-gradient(90deg,#aac0d0,var(--stairs-blue))}.pzfam-ecd__readout>p{color:#526a7a;font-size:.84rem}.pzfam-ecd__readout>p b{color:#0b5dab;font:500 .8rem/1 Michroma,sans-serif} .pzfam-ect{padding:clamp(92px,9vw,145px) 0;background:linear-gradient(145deg,#e5ebef,#f5f7f8)}.pzfam-ect__shell{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);min-height:670px;border:1px solid rgba(119,142,159,.34);background:rgba(255,255,255,.58);box-shadow:0 34px 90px rgba(21,34,45,.1)} .pzfam-ect__viewport{position:relative;min-width:0;overflow:hidden;background:#e9ecef}.pzfam-ect__viewport:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(233,236,239,.62),transparent 18%,transparent 82%,rgba(233,236,239,.48)),linear-gradient(0deg,rgba(233,236,239,.34),transparent 22%)}.pzfam-ect__viewport:after{content:"";position:absolute;z-index:3;left:8%;right:8%;bottom:15%;height:1px;background:linear-gradient(90deg,transparent,#91a9b9,transparent)}.pzfam-ect__viewport figure{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(14px) scale(1.015);transition:opacity 520ms ease,transform 850ms cubic-bezier(.22,1,.36,1)}.pzfam-ect__shell[data-module="40"] [data-module-panel="40"],.pzfam-ect__shell[data-module="60"] [data-module-panel="60"],.pzfam-ect__shell[data-module="80"] [data-module-panel="80"]{opacity:1;transform:none}.pzfam-ect__viewport img{width:100%;height:100%;object-fit:cover;object-position:42% center;mix-blend-mode:multiply;filter:saturate(.86) contrast(1.03)} .pzfam-ect__glass{position:absolute;z-index:4;left:22px;bottom:20px;display:grid;grid-template-columns:auto auto;gap:6px 22px;min-width:270px;padding:17px 20px;border:1px solid rgba(255,255,255,.9);border-radius:4px;background:rgba(247,250,252,.7);box-shadow:0 18px 45px rgba(20,34,45,.12);backdrop-filter:blur(18px)}.pzfam-ect__glass small{grid-column:1/-1;color:#778a98;font:500 .58rem/1.3 Michroma,sans-serif;letter-spacing:.1em;text-transform:uppercase}.pzfam-ect__glass strong{color:#0b5dab;font-size:.92rem}.pzfam-ect__glass span{color:#5f7482;font-size:.76rem}.pzfam-ect__glass b{color:#173f5e;font:500 .76rem/1 Michroma,sans-serif} .pzfam-ect__rail{display:grid;border-left:1px solid var(--stairs-line)}.pzfam-ect__rail button{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:6px 14px;align-content:center;min-height:145px;padding:26px;border:0;border-bottom:1px solid var(--stairs-line);background:rgba(239,243,246,.72);color:inherit;text-align:left;cursor:pointer}.pzfam-ect__rail button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--stairs-blue);transform:scaleY(0);transition:transform 180ms ease-out}.pzfam-ect__rail button.is-active{background:#fff}.pzfam-ect__rail button.is-active:before{transform:scaleY(1)}.pzfam-ect__rail button span{grid-row:1/3;color:#8796a1;font:500 .68rem/1 "IBM Plex Mono",monospace}.pzfam-ect__rail button strong{font-size:.91rem}.pzfam-ect__rail button small{color:var(--stairs-muted);font:.8rem/1.4 "IBM Plex Sans",system-ui,sans-serif}.pzfam-ect__rail>div{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:28px}.pzfam-ect__rail>div b{color:#17476b;font-size:.84rem}.pzfam-ect__rail>div span{color:var(--stairs-muted);font-size:.84rem;line-height:1.5} .pzfam-stairinterface{padding:clamp(100px,10vw,170px) 0;background:#0c0d10;color:#f7f8f9}.pzfam-stairinterface>.pzfam-wrap{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:clamp(44px,7vw,110px);align-items:center}.pzfam-stairinterface header .pzfam-kicker{margin-bottom:20px;color:#56a6ee}.pzfam-stairinterface header h2{max-width:12ch;color:#f7f8f9;font-size:clamp(2rem,3.55vw,4.2rem);overflow-wrap:normal;word-break:normal}.pzfam-stairinterface header>p:not(.pzfam-kicker){max-width:46ch;margin:24px 0 34px;color:#b8c2c9;font-size:1.02rem}.pzfam-stairinterface header>div{display:grid;border:1px solid rgba(170,194,210,.2)}.pzfam-stairinterface header button{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:16px;min-height:74px;padding:0 20px;border:0;border-bottom:1px solid rgba(170,194,210,.16);background:rgba(255,255,255,.025);color:#f7f8f9;text-align:left;cursor:pointer}.pzfam-stairinterface header button:last-child{border-bottom:0}.pzfam-stairinterface header button.is-active{background:rgba(0,102,204,.18);box-shadow:inset 3px 0 #0066cc}.pzfam-stairinterface header button strong{color:#f7f8f9;font-size:.82rem}.pzfam-stairinterface header button small{color:#aebbc4;font:.8rem/1.35 "IBM Plex Sans",system-ui,sans-serif} .pzfam-stairinterface__media{position:relative;aspect-ratio:1.25;overflow:hidden;border:1px solid rgba(179,200,214,.22);background:#e9eef1;box-shadow:0 34px 100px rgba(0,0,0,.28)}.pzfam-stairinterface__media figure{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.025);transition:opacity 520ms ease,transform 900ms cubic-bezier(.22,1,.36,1)}.pzfam-stairinterface[data-interface="ecp"] [data-interface-panel="ecp"],.pzfam-stairinterface[data-interface="ecd"] [data-interface-panel="ecd"],.pzfam-stairinterface[data-interface="ect"] [data-interface-panel="ect"]{opacity:1;transform:none}.pzfam-stairinterface__media img{width:100%;height:100%;object-fit:cover}.pzfam-stairinterface [data-interface-panel="ecp"] img{object-position:50% 49%}.pzfam-stairinterface [data-interface-panel="ecd"] img{object-position:50% 48%}.pzfam-stairinterface [data-interface-panel="ect"] img{object-position:50% 52%}.pzfam-stairinterface__media>span{position:absolute;z-index:4;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(255,255,255,.62);border-radius:4px;background:rgba(239,246,249,.55);color:#264a63;font:500 .57rem/1.3 Michroma,sans-serif;letter-spacing:.09em;backdrop-filter:blur(18px)}.pzfam-stairinterface__media>span i{width:8px;height:8px;border:2px solid #1687ec;border-radius:50%;box-shadow:0 0 0 4px rgba(22,135,236,.13)} .pzfam-stairatlas,.pzfam-stairjourney,.pzfam-ecd,.pzfam-ect,.pzfam-stairinterface{scroll-margin-top:150px} @media(hover:hover) and (pointer:fine){.pzfam-stairatlas__tabs button:hover,.pzfam-ecd__lineup button:hover,.pzfam-ect__rail button:hover{background:#fff}.pzfam-stairatlas__panels a:hover{background:#f0f6fb}.pzfam-stairinterface header button:hover{background:rgba(255,255,255,.06)}} @media(max-width:1100px){ .pzfam-hero--stairs .pzfam-hero__grid{grid-template-columns:minmax(360px,.82fr) minmax(450px,1.18fr)}.pzfam-stairatlas__panels article{grid-template-columns:minmax(340px,.92fr) minmax(380px,1.08fr)} .pzfam-stairjourney__layout{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:38px}.pzfam-stairjourney__visual{min-height:520px} .pzfam-ecd__lineup{grid-template-columns:repeat(2,1fr)}.pzfam-ecd__lineup button:nth-child(2){border-right:0}.pzfam-ecd__lineup button:nth-child(-n+2){border-bottom:1px solid var(--stairs-line)}.pzfam-ecd__lineup img{height:330px}.pzfam-ecd__readout{grid-template-columns:1fr 55px 1fr}.pzfam-ecd__readout>p{grid-column:1/-1} .pzfam-ect__shell{grid-template-columns:minmax(0,1fr) 310px}.pzfam-stairinterface>.pzfam-wrap{grid-template-columns:320px 1fr;gap:45px} } @media(max-width:760px){ .pzfam-hero--stairs{min-height:810px}.pzfam-hero--stairs .pzfam-hero__copy{padding:32px 24px 28px}.pzfam-hero--stairs .pzfam-hero__copy h1{font-size:clamp(2rem,9.5vw,3.1rem)}.pzfam-stairhero{min-height:380px}.pzfam-stairhero__main{right:-3%;bottom:8%;width:106%!important;height:92%!important}.pzfam-stairhero__secondary{display:none}.pzfam-stairhero__datum{right:0;top:4%;font-size:.46rem}.pzfam-stairhero__datum i{width:30px} .pzfam-stairatlas,.pzfam-ecd,.pzfam-ect{padding:76px 0}.pzfam-stairatlas__tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.pzfam-stairatlas__tabs button{flex:0 0 205px;min-height:120px;padding:20px 18px;scroll-snap-align:start}.pzfam-stairatlas__panels article{grid-template-columns:1fr}.pzfam-stairatlas__panels figure{min-height:390px;padding:24px}.pzfam-stairatlas__panels figure img{height:350px}.pzfam-stairatlas__panels article>div{padding:34px 24px 38px}.pzfam-stairatlas__panels h3{font-size:clamp(1.55rem,7vw,2.2rem)}.pzfam-stairatlas__panels dl div{grid-template-columns:100px minmax(0,1fr);gap:14px}.pzfam-stairatlas__panels dd{font-size:.78rem} .pzfam-stairjourney{padding:76px 0}.pzfam-stairjourney__layout{grid-template-columns:1fr;gap:24px}.pzfam-stairjourney__visual{display:none}.pzfam-stairjourney__steps article{min-height:0;padding:32px 0 44px;opacity:1}.pzfam-stairjourney__mobile{position:relative;display:grid;place-items:center;height:330px;margin:0 0 30px;padding:22px;border:1px solid var(--stairs-line);background:rgba(255,255,255,.52);overflow:hidden}.pzfam-stairjourney__mobile:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,105,127,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(74,105,127,.05) 1px,transparent 1px);background-size:58px 58px}.pzfam-stairjourney__mobile img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(20,32,42,.13))}.pzfam-stairjourney__steps [data-journey-step="folded"] .pzfam-stairjourney__mobile{background:#fff url("stairs/archive/ecp4-folded.webp") center top/185% auto no-repeat}.pzfam-stairjourney__steps [data-journey-step="folded"] .pzfam-stairjourney__mobile:before,.pzfam-stairjourney__steps [data-journey-step="folded"] .pzfam-stairjourney__mobile img{display:none}.pzfam-stairjourney__steps h3{font-size:clamp(1.6rem,7vw,2.25rem)} .pzfam-ecd__lineup{grid-template-columns:repeat(2,1fr)}.pzfam-ecd__lineup button{min-height:330px;padding:18px 12px}.pzfam-ecd__lineup img{height:235px}.pzfam-ecd__lineup strong{font-size:.82rem}.pzfam-ecd__readout{grid-template-columns:1fr;gap:12px;padding:20px}.pzfam-ecd__readout>i{display:none}.pzfam-ecd__readout span{grid-template-columns:120px 1fr}.pzfam-ecd__readout>p{grid-column:auto} .pzfam-ect__shell{grid-template-columns:1fr;min-height:0}.pzfam-ect__viewport{height:480px}.pzfam-ect__viewport figure{padding:0}.pzfam-ect__rail{display:flex;border-left:0;border-top:1px solid var(--stairs-line);overflow-x:auto;scroll-snap-type:x mandatory}.pzfam-ect__rail button{flex:0 0 190px;min-height:118px;border-right:1px solid var(--stairs-line);border-bottom:0;scroll-snap-align:start}.pzfam-ect__rail>div{flex:0 0 235px}.pzfam-ect__glass{left:14px;right:14px;bottom:14px;min-width:0} .pzfam-stairinterface{padding:82px 0}.pzfam-stairinterface>.pzfam-wrap{grid-template-columns:1fr;gap:36px}.pzfam-stairinterface header h2{font-size:clamp(1.85rem,8vw,2.7rem)}.pzfam-stairinterface__media{aspect-ratio:.96}.pzfam-stairinterface__media>span{font-size:.48rem} } @media(max-width:390px){.pzfam-stairatlas__panels dl div{grid-template-columns:1fr;gap:6px;padding:12px 0}.pzfam-ecd__lineup button{min-height:290px}.pzfam-ecd__lineup img{height:200px}.pzfam-ect__viewport{height:420px}.pzfam-stairjourney__visual{height:390px}.pzfam-stairinterface header button{grid-template-columns:60px 1fr}} @media(prefers-reduced-motion:reduce){.pzfam-stairatlas__panels article.is-active{animation:none}.pzfam-stairjourney__visual figure,.pzfam-ecd__lineup img,.pzfam-ect__viewport figure,.pzfam-stairinterface__media figure{transition:none!important}} .pzfam-atlas__nav button,.pzfam-atlas__nav strong{color:#0c0d10}.pzfam-atlas__nav small{color:#5f6772} /* Legs 3.3 - full-product hero and cinematic construction study */ .pzfam--legs{--legs-night:#0b1218;--legs-steel:#dfe7ec;--legs-glass:rgba(250,252,253,.76)} .pzfam-hero--legs{min-height:clamp(760px,86svh,920px);background:linear-gradient(112deg,#eef2f4 0%,#e6edf1 44%,#f9fbfc 100%)} .pzfam-hero--legs:before{background-image:linear-gradient(rgba(72,104,126,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(72,104,126,.055) 1px,transparent 1px);background-size:112px 112px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.26) 73%,transparent)} .pzfam-hero--legs .pzfam-hero__grid{grid-template-columns:minmax(400px,.74fr) minmax(640px,1.26fr);grid-template-rows:auto 1fr auto;gap:22px clamp(30px,4vw,72px)} .pzfam-hero--legs .pzfam-crumb{grid-row:1;grid-column:1/-1}.pzfam-hero--legs .pzfam-hero__copy{grid-row:2;grid-column:1;align-self:center;max-width:600px;padding:42px 40px 38px}.pzfam-hero--legs .pzfam-hero__media{grid-row:2;grid-column:2;min-height:610px}.pzfam-hero--legs .pzfam-hero__facts{grid-row:3;grid-column:1/-1} .pzfam-leghero{overflow:visible;background:transparent}.pzfam-leghero:after{left:1%;right:1%;bottom:7%;background:linear-gradient(90deg,transparent,#9eafb9 12%,#9eafb9 88%,transparent)} .pzfam-leghero__lineup{position:absolute;inset:2% 0 7%;display:grid;grid-template-columns:.82fr 1.15fr 1.2fr .83fr;gap:clamp(3px,.8vw,14px);align-items:end;overflow:visible} .pzfam-leghero__lineup:before{left:0;right:0;bottom:-1%;height:25%;background:radial-gradient(ellipse at center,rgba(41,64,78,.19),transparent 68%);filter:blur(20px)} .pzfam-leghero__item,.pzfam-leghero__item--f,.pzfam-leghero__item--t,.pzfam-leghero__item--p,.pzfam-leghero__item--n{position:relative;inset:auto;bottom:auto;left:auto;right:auto;z-index:auto;display:grid;grid-template-rows:minmax(0,1fr) 34px;align-items:end;justify-items:center;width:auto;height:100%;min-width:0;overflow:visible;transition:transform .45s cubic-bezier(.22,1,.36,1)} .pzfam-leghero__item--f{height:78%}.pzfam-leghero__item--t{height:96%}.pzfam-leghero__item--p{height:92%}.pzfam-leghero__item--n{height:82%} .pzfam-leghero__item img{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 34px 26px rgba(17,34,46,.17)) contrast(1.025)!important;transform:none!important} .pzfam-leghero__item b{align-self:end;min-height:30px}.pzfam-leghero figcaption{display:block;right:auto;left:2%;bottom:1%;color:#617786;font-family:"IBM Plex Mono",monospace;font-size:.55rem;letter-spacing:.12em} .pzfam-leganatomy{position:relative;padding:clamp(96px,9vw,150px) 0;background:linear-gradient(125deg,#dce6ec 0%,#f5f8fa 48%,#e7eef2 100%);overflow:hidden} .pzfam-leganatomy:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(61,93,116,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(61,93,116,.055) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,rgba(0,0,0,.72),transparent 75%)} .pzfam-leganatomy .pzfam-wrap{position:relative}.pzfam-leganatomy .pzfam-sectionhead{grid-template-columns:minmax(0,.9fr) minmax(340px,.55fr);align-items:end;margin-bottom:48px}.pzfam-leganatomy .pzfam-sectionhead h2{max-width:15ch;font-size:clamp(2.1rem,3.8vw,4.6rem)} .pzfam-leganatomy__shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:720px;border:1px solid rgba(87,111,129,.24);background:rgba(247,250,252,.42);box-shadow:0 38px 100px rgba(31,51,65,.14)} .pzfam-leganatomy__stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 55% 42%,rgba(255,255,255,.98),rgba(235,241,245,.78) 54%,rgba(208,221,229,.82) 100%);isolation:isolate} .pzfam-leganatomy__atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden}.pzfam-leganatomy__atmosphere span{position:absolute;right:-.08em;top:2%;color:rgba(17,75,116,.055);font:400 clamp(7rem,14vw,13rem)/.88 Michroma,sans-serif;letter-spacing:-.08em;white-space:nowrap}.pzfam-leganatomy__atmosphere i{position:absolute;border-radius:50%;filter:blur(24px)}.pzfam-leganatomy__atmosphere i:nth-of-type(1){left:8%;top:10%;width:42%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 68%)}.pzfam-leganatomy__atmosphere i:nth-of-type(2){right:-12%;bottom:-28%;width:60%;aspect-ratio:1;background:radial-gradient(circle,rgba(0,102,204,.12),transparent 67%)} .pzfam-leganatomy__figure{position:absolute;inset:34px 32px 34px 40%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0;overflow:visible;opacity:0;transform:translate3d(2.5%,0,0) scale(.965);transition:opacity .6s ease-out,transform 1s cubic-bezier(.16,1,.3,1)}.pzfam-leganatomy__figure:after{content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:1%;height:14%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(29,48,61,.17),rgba(29,48,61,0) 70%);filter:blur(18px);opacity:.62}.pzfam-leganatomy__figure.is-active{opacity:1;transform:none}.pzfam-leganatomy__figure img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 34px 28px rgba(19,35,46,.16))} .pzfam-leganatomy__glass{position:absolute;z-index:5;left:34px;bottom:34px;width:min(370px,42%);min-height:290px;border:1px solid rgba(255,255,255,.9);border-radius:5px;background:linear-gradient(118deg,rgba(255,255,255,.9),rgba(229,239,245,.68));box-shadow:0 32px 85px rgba(20,40,55,.17),inset 0 1px #fff;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);overflow:hidden} .pzfam-leganatomy__glass:before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:2px;background:linear-gradient(transparent,#0066cc 22%,#62b4f4 50%,#0066cc 78%,transparent);box-shadow:0 0 16px rgba(0,102,204,.3)} .pzfam-leganatomy__glass article{position:absolute;inset:0;padding:30px 32px 28px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s ease-out,transform .65s cubic-bezier(.16,1,.3,1),visibility 0s linear .65s}.pzfam-leganatomy__glass article.is-active{position:relative;opacity:1;visibility:visible;transform:none;transition-delay:0s}.pzfam-leganatomy__glass small{color:#0066cc;font:500 .62rem/1 "IBM Plex Mono",monospace;letter-spacing:.11em}.pzfam-leganatomy__glass h3{margin:14px 0 14px;font-size:clamp(1.35rem,2vw,2.2rem);line-height:1.2}.pzfam-leganatomy__glass p{max-width:44ch;color:#536775;font-size:.92rem;line-height:1.6}.pzfam-leganatomy__glass dl{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 0;border-top:1px solid rgba(108,131,148,.22)}.pzfam-leganatomy__glass dl div{padding:15px 12px 0 0}.pzfam-leganatomy__glass dl div+div{padding-left:16px;border-left:1px solid rgba(108,131,148,.22)}.pzfam-leganatomy__glass dt{color:#778995;font:500 .57rem/1.3 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.pzfam-leganatomy__glass dd{margin:6px 0 0;color:#123f61;font:400 .76rem/1.4 Michroma,sans-serif} .pzfam-leganatomy__rail{display:grid;grid-template-rows:repeat(4,1fr);border-left:1px solid rgba(87,111,129,.2);background:rgba(241,245,247,.84)}.pzfam-leganatomy__rail button{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;gap:7px 14px;align-content:center;min-width:0;padding:24px 28px;border:0;border-bottom:1px solid rgba(87,111,129,.18);background:transparent;color:#142b3c;text-align:left;cursor:pointer;transition:background-color 180ms ease-out}.pzfam-leganatomy__rail button:last-child{border-bottom:0}.pzfam-leganatomy__rail button:before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:2px;background:#0066cc;transform:scaleY(0);transition:transform .45s cubic-bezier(.16,1,.3,1)}.pzfam-leganatomy__rail button.is-active{background:rgba(255,255,255,.92)}.pzfam-leganatomy__rail button.is-active:before{transform:scaleY(1)}.pzfam-leganatomy__rail span{grid-row:1/3;color:#82929d;font:500 .61rem/1 "IBM Plex Mono",monospace}.pzfam-leganatomy__rail strong{align-self:end;min-width:0;font:400 .83rem/1.35 Michroma,sans-serif}.pzfam-leganatomy__rail small{align-self:start;color:#687b88;font-size:.8rem} @media(hover:hover) and (pointer:fine){.pzfam-leghero__item:hover{transform:translateY(-6px)}.pzfam-leganatomy__rail button:hover{background:rgba(255,255,255,.62)}} @media(max-width:1100px){.pzfam-hero--legs .pzfam-hero__grid{grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr)}.pzfam-leganatomy__shell{display:flex;flex-direction:column;min-height:0}.pzfam-leganatomy__stage{min-height:680px}.pzfam-leganatomy__figure{left:38%}.pzfam-leganatomy__glass{width:min(390px,46%)}.pzfam-leganatomy__rail{order:-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;border-left:0;border-bottom:1px solid rgba(87,111,129,.2)}.pzfam-leganatomy__rail button{min-height:126px;padding:20px 18px;border-right:1px solid rgba(87,111,129,.18);border-bottom:0}.pzfam-leganatomy__rail button:before{left:18px;right:18px;top:auto;bottom:-1px;width:auto;height:2px;transform:scaleX(0)}.pzfam-leganatomy__rail button.is-active:before{transform:scaleX(1)}} @media(max-width:760px){.pzfam-hero--legs{min-height:920px}.pzfam-hero--legs .pzfam-hero__grid{grid-template-columns:1fr;grid-template-rows:auto auto minmax(390px,1fr) auto;gap:14px}.pzfam-hero--legs .pzfam-crumb{grid-row:1;grid-column:1}.pzfam-hero--legs .pzfam-hero__copy{grid-row:2;grid-column:1;max-width:none;padding:30px 24px 28px}.pzfam-hero--legs .pzfam-hero__media{grid-row:3;grid-column:1;min-height:430px}.pzfam-hero--legs .pzfam-hero__facts{grid-row:4;grid-column:1}.pzfam-leghero__lineup{inset:1% 0 10%;grid-template-columns:.8fr 1.1fr 1.1fr .8fr;gap:0}.pzfam-leghero__item--f{height:72%}.pzfam-leghero__item--t{height:93%}.pzfam-leghero__item--p{height:88%}.pzfam-leghero__item--n{height:77%}.pzfam-leghero__item b{min-height:26px;padding:6px 7px;font-size:.48rem}.pzfam-leghero figcaption{font-size:.44rem}.pzfam-leganatomy{padding:80px 0}.pzfam-leganatomy .pzfam-sectionhead{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.pzfam-leganatomy__shell{display:flex;flex-direction:column;min-height:0}.pzfam-leganatomy__stage{min-height:0;padding-top:330px}.pzfam-leganatomy__figure{inset:14px 18px auto;height:302px}.pzfam-leganatomy__glass{position:relative;left:auto;right:auto;bottom:auto;width:auto;min-height:300px;margin:0 14px 14px}.pzfam-leganatomy__glass article{padding:25px 22px 22px}.pzfam-leganatomy__glass h3{font-size:1.35rem}.pzfam-leganatomy__glass p{font-size:.86rem}.pzfam-leganatomy__rail{order:-1;display:flex;border-left:0;border-bottom:1px solid rgba(87,111,129,.2);overflow-x:auto;scroll-snap-type:x mandatory}.pzfam-leganatomy__rail button{flex:0 0 190px;min-height:108px;padding:18px;border-right:1px solid rgba(87,111,129,.18);border-bottom:0;scroll-snap-align:start}.pzfam-leganatomy__rail button:before{left:16px;right:16px;top:auto;bottom:-1px;width:auto;height:2px;transform:scaleX(0)}.pzfam-leganatomy__rail button.is-active:before{transform:scaleX(1)}} @media(prefers-reduced-motion:reduce){.pzfam-leganatomy__figure,.pzfam-leganatomy__glass article,.pzfam-leganatomy__rail button:before,.pzfam-leghero__item{transition:none}} /* Legs 3.3.1 - mobile hero optical balance */ @media (min-width:761px) and (max-width:900px){ .pzfam-hero--legs{min-height:1060px} .pzfam-hero--legs .pzfam-hero__grid{grid-template-columns:1fr;grid-template-rows:auto auto minmax(410px,1fr) auto;gap:18px} .pzfam-hero--legs .pzfam-crumb{grid-row:1;grid-column:1} .pzfam-hero--legs .pzfam-hero__copy{grid-row:2;grid-column:1;max-width:560px;padding:38px 36px 34px} .pzfam-hero--legs .pzfam-hero__media{grid-row:3;grid-column:1;min-height:430px} .pzfam-hero--legs .pzfam-hero__facts{grid-row:4;grid-column:1} .pzfam-leghero__lineup{inset:0 3% 8%;grid-template-columns:.8fr 1.1fr 1.1fr .8fr} } @media(max-width:760px){ .pzfam-hero--legs{min-height:890px} .pzfam-hero--legs .pzfam-hero__grid{grid-template-rows:auto auto minmax(370px,1fr) auto} .pzfam-hero--legs .pzfam-hero__media{min-height:400px} .pzfam-leghero__lineup{inset:0 -2% 8%;grid-template-columns:.78fr 1.12fr 1.12fr .78fr} .pzfam-leghero__item--f{height:78%} .pzfam-leghero__item--t{height:100%} .pzfam-leghero__item--p{height:96%} .pzfam-leghero__item--n{height:84%} .pzfam-leghero__item img{width:118%!important;max-width:none!important} .pzfam-leghero__item b{position:relative;z-index:2} } @font-face{font-family:Michroma;src:url("brand/Michroma-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap} /* 3.8 - product-led compositing for ramps, rails, connectors and transport */ .pzfam--ramps,.pzfam--rails,.pzfam--connectors,.pzfam--transport{--family-hero-blue:#0879d4;--family-hero-ink:#0d2434;background:#f4f7f9} .pzfam--ramps .pzfam-hero,.pzfam--rails .pzfam-hero,.pzfam--connectors .pzfam-hero,.pzfam--transport .pzfam-hero{min-height:clamp(760px,88svh,930px);background:linear-gradient(118deg,#d9e3e9 0,#f7fafb 42%,#e6eef3 100%);overflow:hidden} .pzfam--ramps .pzfam-hero:before,.pzfam--rails .pzfam-hero:before,.pzfam--connectors .pzfam-hero:before,.pzfam--transport .pzfam-hero:before{background-image:linear-gradient(rgba(56,91,116,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(56,91,116,.055) 1px,transparent 1px);background-size:104px 104px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.42) 70%,transparent)} .pzfam--ramps .pzfam-hero:after,.pzfam--rails .pzfam-hero:after,.pzfam--connectors .pzfam-hero:after,.pzfam--transport .pzfam-hero:after{content:"";position:absolute;right:-10vw;top:-24vw;width:64vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(255,255,255,.08) 58%,transparent 72%);filter:blur(12px);pointer-events:none} .pzfam--ramps .pzfam-hero__grid,.pzfam--rails .pzfam-hero__grid,.pzfam--connectors .pzfam-hero__grid,.pzfam--transport .pzfam-hero__grid{grid-template-columns:minmax(400px,.72fr) minmax(600px,1.28fr);gap:24px clamp(30px,5vw,86px)} .pzfam--ramps .pzfam-hero__copy,.pzfam--rails .pzfam-hero__copy,.pzfam--connectors .pzfam-hero__copy,.pzfam--transport .pzfam-hero__copy{max-width:640px;padding:44px 42px 38px;background:linear-gradient(120deg,rgba(255,255,255,.87),rgba(229,239,245,.56));box-shadow:0 34px 90px rgba(26,47,62,.16),inset 0 1px rgba(255,255,255,.95)} .pzfam-hero__productstage{overflow:visible;isolation:isolate!important}.pzfam-hero__productstage:before{inset:10% -7%;border-radius:0;background:radial-gradient(ellipse at 55% 68%,rgba(28,65,90,.2),transparent 64%);filter:blur(28px)} .pzfam-hero__productstage:after{content:"";position:absolute;z-index:-2;inset:4% -8% 8% 4%;border:1px solid rgba(255,255,255,.46);border-radius:5px;background:linear-gradient(137deg,rgba(255,255,255,.3),rgba(209,224,234,.08));box-shadow:inset 0 1px rgba(255,255,255,.82),0 32px 90px rgba(32,55,71,.09);backdrop-filter:blur(8px)} .pzfam-hero__productstage img,.pzfam .pzfam-hero__productstage img{z-index:2;inset:2% -2%;width:104%;height:96%;object-fit:contain;mix-blend-mode:normal!important;filter:drop-shadow(0 36px 34px rgba(18,37,51,.22)) contrast(1.025)} .pzfam-hero__halo{position:absolute;z-index:-1;right:-2%;top:12%;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(178,211,232,.3) 39%,transparent 69%)} .pzfam-hero__datum{position:absolute;z-index:4;right:2%;top:8%;display:flex;align-items:center;gap:12px;color:#557184;font:500 .52rem "IBM Plex Mono",monospace;letter-spacing:.13em}.pzfam-hero__datum i{width:48px;height:1px;background:linear-gradient(90deg,transparent,#1687ec)} .pzfam-hero__productstage figcaption{right:1%;bottom:5%;padding:10px 13px;border:1px solid rgba(255,255,255,.74);border-radius:3px;background:rgba(247,251,253,.55);box-shadow:0 14px 38px rgba(30,53,69,.1);backdrop-filter:blur(15px)} .pzfam--ramps .pzfam-hero__productstage img{inset:8% -12%;width:124%;height:84%}.pzfam--rails .pzfam-hero__productstage img{inset:-2% 4%;width:92%;height:102%}.pzfam--connectors .pzfam-hero__productstage img{inset:8% 5%;width:90%;height:84%;transform:scale(1)!important}.pzfam--transport .pzfam-hero__productstage img{inset:1% 7%;width:86%;height:98%} /* Real geometry replaces the previous same-photo height switcher */ .pzfam-rampplan{position:relative;background:linear-gradient(145deg,#dce6ec,#f7f9fa 46%,#e2ebf0);overflow:hidden}.pzfam-rampplan:before{content:"RMP";position:absolute;right:-.04em;top:.04em;color:rgba(15,74,113,.035);font:400 clamp(9rem,22vw,23rem)/1 Michroma,sans-serif;letter-spacing:-.1em} .pzfam-rampplan__shell{position:relative;min-height:760px;border-color:rgba(83,111,131,.2);border-radius:6px;background:rgba(242,247,250,.4);box-shadow:0 42px 110px rgba(25,47,63,.15),inset 0 1px rgba(255,255,255,.9)} .pzfam-rampplan__visual{background:radial-gradient(circle at 55% 44%,rgba(255,255,255,.94),rgba(218,230,238,.58) 56%,rgba(190,207,218,.48))}.pzfam-rampplan__visual:before{background-image:linear-gradient(rgba(48,83,108,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(48,83,108,.05) 1px,transparent 1px);background-size:74px 74px;mask-image:radial-gradient(circle,#000,transparent 82%)} .pzfam-rampplan__geometry{position:absolute;inset:4% 3% 11%;overflow:hidden}.pzfam-rampplan__geometry svg{position:absolute;inset:3% 2% 10%;width:96%;height:87%;overflow:visible;filter:drop-shadow(0 28px 20px rgba(25,47,62,.13))}.pzfam-rampplan__stage{transform-origin:12% 78%;transition:transform 1.25s cubic-bezier(.16,1,.3,1)}.pzfam-rampplan[data-height="80"] .pzfam-rampplan__stage{transform:scaleY(.84)}.pzfam-rampplan[data-height="120"] .pzfam-rampplan__stage{transform:scaleY(1.14)} .pzfam-rampplan__surface{fill:url(#pzfamRampSurface);stroke:#111a20;stroke-width:3}.pzfam-rampplan__edge,.pzfam-rampplan__platform-edge{fill:url(#pzfamRampDeck);stroke:#6e8594;stroke-width:2}.pzfam-rampplan__platform{fill:#191d20;stroke:#080a0c;stroke-width:3}.pzfam-rampplan__entry{fill:#b6c2c9;stroke:#647986;stroke-width:2}.pzfam-rampplan__legs path{fill:none;stroke:#708593;stroke-width:15;stroke-linecap:square}.pzfam-rampplan__feet path{stroke:#263743;stroke-width:9}.pzfam-rampplan__dimensions path{fill:none;stroke:#1687ec;stroke-width:2;stroke-dasharray:6 8}.pzfam-rampplan__dimensions circle{fill:#1687ec}.pzfam-rampplan__rise{transform-origin:946px 438px;transition:transform 1.25s cubic-bezier(.16,1,.3,1)}.pzfam-rampplan[data-height="80"] .pzfam-rampplan__rise{transform:scaleY(.84)}.pzfam-rampplan[data-height="120"] .pzfam-rampplan__rise{transform:scaleY(1.14)} .pzfam-rampplan__geometry>img{position:absolute;left:4%;right:4%;bottom:4%;width:92%;height:32%;object-fit:contain;object-position:center bottom;opacity:.14;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply}.pzfam-rampplan__readout{position:absolute;z-index:4;left:5%;top:6%;display:grid;grid-template-columns:auto auto;gap:6px 18px;padding:18px 20px;border:1px solid rgba(255,255,255,.84);border-left:2px solid #1687ec;border-radius:4px;background:rgba(246,250,252,.66);box-shadow:0 20px 52px rgba(27,50,66,.14);backdrop-filter:blur(18px)}.pzfam-rampplan__readout span{grid-column:1/-1;color:#6d8190;font:500 .48rem "IBM Plex Mono";letter-spacing:.12em}.pzfam-rampplan__readout strong{color:#075fa9;font:400 1.2rem Michroma}.pzfam-rampplan__readout small{align-self:end;color:#587184;font:500 .48rem "IBM Plex Mono";letter-spacing:.08em} .pzfam-rampplan__datum{z-index:5}.pzfam-rampplan__datum strong{font-size:.52rem;letter-spacing:.1em}.pzfam-rampplan__panel{background:linear-gradient(135deg,rgba(252,253,254,.9),rgba(230,239,245,.67));backdrop-filter:blur(24px) saturate(140%)} /* Archive cut-outs live in one coherent material field, never in white photo cards */ .pzfam--ramps .pzfam-rampkits figure,.pzfam--rails .pzfam-railmodels__panels figure,.pzfam--rails .pzfam-railconnections figure,.pzfam--connectors .pzfam-connectoratlas__panels figure,.pzfam--connectors .pzfam-connectormacro figure,.pzfam--transport .pzfam-transportguide__panels figure,.pzfam--transport .pzfam-logistics figure,.pzfam--transport .pzfam-storage figure{position:relative;background:radial-gradient(circle at 52% 42%,rgba(255,255,255,.98),rgba(226,235,241,.74) 58%,rgba(205,219,228,.68));isolation:isolate} .pzfam--ramps .pzfam-rampkits figure:before,.pzfam--rails .pzfam-railmodels__panels figure:before,.pzfam--rails .pzfam-railconnections figure:before,.pzfam--connectors .pzfam-connectoratlas__panels figure:before,.pzfam--transport .pzfam-transportguide__panels figure:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(52,87,112,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(52,87,112,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle,#000,transparent 84%)} .pzfam--ramps .pzfam-rampkits figure img,.pzfam--rails .pzfam-railmodels__panels figure img,.pzfam--rails .pzfam-railconnections figure img,.pzfam--connectors .pzfam-connectoratlas__panels figure img,.pzfam--connectors .pzfam-connectormacro figure img,.pzfam--transport .pzfam-transportguide__panels figure img,.pzfam--transport .pzfam-logistics figure img,.pzfam--transport .pzfam-storage figure img{position:relative;z-index:2;mix-blend-mode:normal!important;filter:drop-shadow(0 28px 24px rgba(20,41,55,.16)) contrast(1.02)} @media(max-width:1100px){.pzfam--ramps .pzfam-hero__grid,.pzfam--rails .pzfam-hero__grid,.pzfam--connectors .pzfam-hero__grid,.pzfam--transport .pzfam-hero__grid{grid-template-columns:minmax(350px,.78fr) minmax(460px,1.22fr)}.pzfam-rampplan__shell{min-height:700px}} @media(min-width:761px) and (max-width:900px){.pzfam--ramps .pzfam-hero,.pzfam--rails .pzfam-hero,.pzfam--connectors .pzfam-hero,.pzfam--transport .pzfam-hero{min-height:1120px}.pzfam--ramps .pzfam-hero__grid,.pzfam--rails .pzfam-hero__grid,.pzfam--connectors .pzfam-hero__grid,.pzfam--transport .pzfam-hero__grid{grid-template-columns:1fr;grid-template-rows:auto minmax(430px,1fr) auto auto;gap:18px}.pzfam--ramps .pzfam-hero__productstage,.pzfam--rails .pzfam-hero__productstage,.pzfam--connectors .pzfam-hero__productstage,.pzfam--transport .pzfam-hero__productstage{grid-row:2;min-height:430px}.pzfam--ramps .pzfam-hero__copy,.pzfam--rails .pzfam-hero__copy,.pzfam--connectors .pzfam-hero__copy,.pzfam--transport .pzfam-hero__copy{grid-row:3;max-width:600px}.pzfam--ramps .pzfam-hero__facts,.pzfam--rails .pzfam-hero__facts,.pzfam--connectors .pzfam-hero__facts,.pzfam--transport .pzfam-hero__facts{grid-row:4}.pzfam--ramps .pzfam-hero__productstage img{inset:3% -5%;width:110%;height:94%}.pzfam--rails .pzfam-hero__productstage img{inset:0 12%;width:76%;height:100%}.pzfam--connectors .pzfam-hero__productstage img,.pzfam--transport .pzfam-hero__productstage img{inset:2% 12%;width:76%;height:96%}} @media(max-width:760px){.pzfam--ramps .pzfam-hero,.pzfam--rails .pzfam-hero,.pzfam--connectors .pzfam-hero,.pzfam--transport .pzfam-hero{min-height:920px}.pzfam--ramps .pzfam-hero__grid,.pzfam--rails .pzfam-hero__grid,.pzfam--connectors .pzfam-hero__grid,.pzfam--transport .pzfam-hero__grid{grid-template-columns:1fr;grid-template-rows:auto minmax(350px,1fr) auto auto}.pzfam--ramps .pzfam-hero__productstage img{inset:4% -9%;width:118%;height:92%}.pzfam--rails .pzfam-hero__productstage img{inset:-1% 5%;width:90%;height:102%}.pzfam--connectors .pzfam-hero__productstage img,.pzfam--transport .pzfam-hero__productstage img{inset:2% 4%;width:92%;height:96%}.pzfam-hero__productstage:after{inset:2% 0 6%}.pzfam-hero__datum{right:5%;top:5%}.pzfam-rampplan__geometry{inset:2% 0 8%}.pzfam-rampplan__geometry svg{inset:8% -12% 12%;width:124%;height:80%}.pzfam-rampplan__geometry>img{left:-6%;right:-6%;width:112%;height:27%}.pzfam-rampplan__readout{left:16px;top:16px;padding:14px 16px}.pzfam-rampplan__datum{bottom:4%}} @media(prefers-reduced-motion:reduce){.pzfam-rampplan__stage,.pzfam-rampplan__rise{transition:none}} [data-ramp-plan][data-height="80"] .pzfam-rampplan__stage{transform:scaleY(.84)}[data-ramp-plan][data-height="120"] .pzfam-rampplan__stage{transform:scaleY(1.14)} [data-ramp-plan][data-height="80"] .pzfam-rampplan__rise{transform:scaleY(.84)}[data-ramp-plan][data-height="120"] .pzfam-rampplan__rise{transform:scaleY(1.14)} /* 3.9 - component-family atmosphere, precise geometry and unnumbered navigation */ .pzfam--legs{--family-accent:#087bd8;--family-wash:#dbe8ef}.pzfam--stairs{--family-accent:#096dbd;--family-wash:#e4e9ed}.pzfam--ramps{--family-accent:#0a79d0;--family-wash:#d8e7ef}.pzfam--rails{--family-accent:#116da9;--family-wash:#dae7ed}.pzfam--connectors{--family-accent:#1671b5;--family-wash:#dce8ee}.pzfam--transport{--family-accent:#0f659f;--family-wash:#d8e4ea} .pzfam-quick__index{min-width:72px;color:#486577;font-size:.46rem;letter-spacing:.18em}.pzfam-quick__index i{width:22px;background:linear-gradient(90deg,var(--family-accent),rgba(255,255,255,.8))} .pzfam-hero{background:linear-gradient(118deg,#dce6ec 0,#f8fafb 45%,#e5edf2 100%)} .pzfam-hero:before{background-image:linear-gradient(112deg,transparent 0 23%,rgba(255,255,255,.44) 23.1% 23.5%,transparent 23.6% 49%,rgba(75,108,130,.07) 49.1% 49.35%,transparent 49.45%),linear-gradient(rgba(60,96,121,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(60,96,121,.045) 1px,transparent 1px);background-size:100% 100%,112px 112px,112px 112px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.58) 72%,transparent)} .pzfam-hero:after{content:"";position:absolute;z-index:-1;right:-12vw;top:-24vw;width:68vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(255,255,255,.22) 46%,transparent 70%);filter:blur(10px);pointer-events:none} .pzfam-hero__copy{border-color:rgba(255,255,255,.92);background:linear-gradient(128deg,rgba(255,255,255,.88),rgba(235,243,247,.54));box-shadow:0 34px 90px rgba(24,47,63,.14),inset 0 1px rgba(255,255,255,.98);backdrop-filter:blur(26px) saturate(145%)} .pzfam-hero__copy:before{background:linear-gradient(transparent,var(--family-accent) 25%,#d9f0ff 50%,var(--family-accent) 75%,transparent)} .pzfam-hero__media:before{inset:11% 0 5%;border-radius:4px;background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(200,218,229,.11)),radial-gradient(ellipse at 56% 72%,rgba(30,76,107,.14),transparent 63%);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px rgba(255,255,255,.8);filter:none} .pzfam-hero__media:after{content:"";position:absolute;z-index:-1;left:8%;right:2%;bottom:7%;height:18%;border-radius:50%;background:rgba(29,49,63,.13);filter:blur(35px);transform:skewX(-18deg)} .pzfam-hero__productstage:after{inset:7% -5% 7% 2%;border-color:rgba(255,255,255,.58);background:linear-gradient(137deg,rgba(255,255,255,.24),rgba(209,224,234,.05));box-shadow:inset 0 1px rgba(255,255,255,.88),0 42px 110px rgba(32,55,71,.1)} .pzfam-hero__productstage figcaption,.pzfam-stairhero figcaption{padding:10px 14px;border:1px solid rgba(255,255,255,.76);border-radius:3px;background:rgba(244,249,252,.6);box-shadow:0 15px 38px rgba(27,48,64,.1);backdrop-filter:blur(16px)} /* One accurate stair product in the hero; the previous comparison layer caused a ghost image. */ .pzfam-stairhero{overflow:visible}.pzfam-stairhero__scene{inset:2% -2% 0 0}.pzfam-stairhero__scene:before{left:7%;right:2%;bottom:11%;background:linear-gradient(90deg,transparent,#70818c 14%,#70818c 86%,transparent)}.pzfam-stairhero__scene:after{right:2%;bottom:9%;width:78%;height:10%;opacity:.62} .pzfam-stairhero__main{right:-2%;bottom:8%;width:104%!important;height:91%!important;opacity:1!important;mix-blend-mode:normal!important;filter:drop-shadow(0 32px 30px rgba(17,30,40,.18))!important}.pzfam-stairhero__secondary{display:none!important} /* Alternating engineered material fields - light, distinct and non-generic. */ .pzfam-legatlas,.pzfam-stairatlas,.pzfam-rampkits,.pzfam-railmodels,.pzfam-connectoratlas,.pzfam-transportguide{position:relative;background:linear-gradient(138deg,#edf3f6 0,#fbfcfd 48%,#e2ebf0 100%);overflow:hidden} .pzfam-legranges2,.pzfam-stairjourney,.pzfam-rampplan,.pzfam-railoverview,.pzfam-connectorlogic,.pzfam-transportmatrix{position:relative;background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.98),transparent 35%),linear-gradient(116deg,#dce7ed,#f7f9fa 52%,#e5edf1);overflow:hidden} .pzfam-leganatomy,.pzfam-ecd,.pzfam-rampjoint,.pzfam-railconnections,.pzfam-connectormacro,.pzfam-storage{position:relative;background:linear-gradient(145deg,#f9fbfc,#e4edf2 54%,#f5f8fa);overflow:hidden} .pzfam-legatlas:before,.pzfam-stairatlas:before,.pzfam-rampkits:before,.pzfam-railmodels:before,.pzfam-connectoratlas:before,.pzfam-transportguide:before,.pzfam-legranges2:before,.pzfam-stairjourney:before,.pzfam-railoverview:before,.pzfam-connectorlogic:before,.pzfam-transportmatrix:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(52,87,112,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(52,87,112,.04) 1px,transparent 1px),linear-gradient(118deg,transparent 0 68%,rgba(255,255,255,.42) 68.1% 68.5%,transparent 68.6%);background-size:88px 88px,88px 88px,100% 100%;mask-image:linear-gradient(90deg,rgba(0,0,0,.78),transparent 94%)} .pzfam-section>.pzfam-wrap,.pzfam-stairjourney>.pzfam-wrap,.pzfam-rampjoint>.pzfam-wrap,.pzfam-railconnections>.pzfam-wrap,.pzfam-connectormacro>.pzfam-wrap,.pzfam-storage>.pzfam-wrap{position:relative;z-index:1} /* The ramp is a single calculated CAD object, not a stretched illustration. */ .pzfam-rampplan__geometry svg{inset:2% 1% 7%;width:98%;height:91%;filter:drop-shadow(0 34px 26px rgba(22,43,58,.16))}.pzfam-rampplan__stage,.pzfam-rampplan__rise{transform:none!important;transition:none!important} .pzfam-rampplan__shadow{fill:rgba(28,47,59,.16);filter:url(#pzfamRampShadow)}.pzfam-rampplan__surface{fill:url(#pzfamRampSurface);stroke:#0a0d0f;stroke-width:2.5}.pzfam-rampplan__edge,.pzfam-rampplan__platform-edge{fill:url(#pzfamRampDeck);stroke:#607784;stroke-width:1.4}.pzfam-rampplan__edge--side{fill:url(#pzfamRampDeck)}.pzfam-rampplan__platform{fill:url(#pzfamRampSurface);stroke:#0b0e10;stroke-width:2}.pzfam-rampplan__entry{fill:url(#pzfamRampDeck);stroke:#617884;stroke-width:1.4} .pzfam-rampplan__joints line{stroke:#a4b1b8;stroke-width:2}.pzfam-rampplan__joints line:after{content:""}.pzfam-rampplan__leg-outer{stroke:url(#pzfamRampLeg);stroke-width:20;stroke-linecap:square}.pzfam-rampplan__leg-inner{stroke:url(#pzfamRampLeg);stroke-width:14;stroke-linecap:square}.pzfam-rampplan__leg-lock{stroke:#263d4a;stroke-width:8;stroke-linecap:round}.pzfam-rampplan__foot{fill:none;stroke:#203743;stroke-width:10;stroke-linecap:round} .pzfam-rampplan__dimensions path,.pzfam-rampplan__dimensions line{fill:none;stroke:#1687ec;stroke-width:1.6;stroke-dasharray:5 7}.pzfam-rampplan__dimensions text{fill:#35627f;font:500 11px "IBM Plex Mono",monospace;letter-spacing:.1em;text-anchor:middle}.pzfam-rampplan__dimensions [data-ramp-rise-label]{text-anchor:middle;transform-box:fill-box;transform-origin:center;transform:rotate(-90deg)} .pzfam-rampplan__geometry>img{display:none}.pzfam-rampplan__readout{border-left-color:var(--family-accent);background:rgba(247,251,253,.68);backdrop-filter:blur(22px) saturate(150%)} /* TMQ widths and their dimension lines now share the exact same visual span. */ .pzfam-railmodels__panels figure{display:flex;align-items:center;justify-content:center;padding:7% 4% 16%}.pzfam-railmodels__panels figure img{flex:0 0 auto;width:var(--rail-span)!important;max-width:var(--rail-span)!important;height:76%;object-fit:contain;transform:translateY(0) scale(.98);transform-origin:center bottom}.pzfam-railmodels__panels article.is-active figure img{transform:translateY(-2%) scale(1)} .pzfam-railmodels__measure{left:50%;right:auto;bottom:8%;width:var(--rail-span);padding-top:17px;border-top:0;transform:translateX(-50%);white-space:nowrap}.pzfam-railmodels__measure i{position:absolute;left:0;right:0;top:0;height:1px;background:#5f9fc9}.pzfam-railmodels__measure i:before,.pzfam-railmodels__measure i:after{content:"";position:absolute;top:-5px;width:1px;height:11px;background:#5f9fc9}.pzfam-railmodels__measure i:before{left:0}.pzfam-railmodels__measure i:after{right:0} .pzfam-system__equation button{grid-template-columns:1fr!important}.pzfam-system__equation button>small{display:none}.pzfam-system__families a{grid-template-columns:1fr auto!important}.pzfam-system__families a>small{display:none} @media(max-width:760px){.pzfam-quick__index{display:none}.pzfam-stairhero__main{right:-6%;width:112%!important;height:94%!important}.pzfam-rampplan__geometry svg{inset:7% -15% 10%;width:130%;height:83%}.pzfam-railmodels__panels figure img{height:70%}.pzfam-railmodels__measure{bottom:7%}} @media(prefers-reduced-motion:reduce){.pzfam-rampplan__geometry *{transition:none!important}} .pzfam--ramps .pzfam-hero__productstage img{inset:7% 0;width:100%;height:86%} .pzfam-rampplan__leg-outer{stroke:#607682!important;filter:drop-shadow(2px 2px 1px rgba(31,52,65,.24))}.pzfam-rampplan__leg-inner{stroke:#b8c5cc!important;filter:drop-shadow(1px 0 0 #546b77)}.pzfam-rampplan__leg-lock{stroke:#263d4a!important}.pzfam-rampplan__foot{stroke:#526b78!important} /* 4.0 - full-width modular system studio */ .pzfam-system{padding:clamp(96px,9vw,148px) 0;background:radial-gradient(circle at 82% 16%,rgba(255,255,255,.98),transparent 31%),linear-gradient(138deg,#dfe8ed 0,#f8fafb 48%,#e4ecf1 100%)} .pzfam-system:before{content:"GUIL SYSTEM";right:-.025em;top:auto;bottom:84px;color:rgba(19,76,113,.032);font-size:clamp(7rem,18vw,18rem);letter-spacing:-.09em} .pzfam-system__head{grid-template-columns:minmax(0,1fr) minmax(330px,.52fr);margin-bottom:38px}.pzfam-system__head h2{max-width:14ch;font-size:clamp(2.5rem,5vw,5.8rem);line-height:1.01}.pzfam-system__head>p{max-width:48ch;font-size:1rem;line-height:1.72} .pzfam-system__equation{z-index:5;grid-template-columns:repeat(5,minmax(0,1fr)) 34px minmax(180px,1.08fr);border-color:rgba(82,108,126,.2);border-radius:5px;background:rgba(247,250,252,.64);box-shadow:0 24px 64px rgba(24,46,61,.11),inset 0 1px rgba(255,255,255,.94);backdrop-filter:blur(22px) saturate(145%);overflow:hidden} .pzfam-system__equation button,.pzfam-system__equation>span{min-height:78px;padding:17px 20px;border-color:rgba(82,108,126,.16);transition:background-color 180ms ease-out,color 180ms ease-out}.pzfam-system__equation strong{margin-top:0;font-size:clamp(.62rem,.72vw,.74rem)} .pzfam-system__equation button:before{left:18px;right:18px;bottom:0;height:2px;background:var(--family-accent,#0066cc);box-shadow:none;transition:transform 260ms cubic-bezier(.23,1,.32,1)} .pzfam-system__equation button:hover,.pzfam-system__equation button.is-active{background:rgba(255,255,255,.88);color:#123f62}.pzfam-system__equation>i{color:#8aa0af;font-size:.82rem}.pzfam-system__equation>span{background:linear-gradient(128deg,rgba(218,233,242,.72),rgba(255,255,255,.88))}.pzfam-system__equation>span small{font-size:.42rem}.pzfam-system__equation>span strong{font-size:.7rem} .pzfam-system__stage{display:block;min-height:720px;margin-top:14px;border:1px solid rgba(75,103,122,.22);border-radius:6px;background:#dce6ec;box-shadow:0 42px 110px rgba(21,43,58,.16);isolation:isolate} .pzfam-system__visual{position:absolute;inset:0;height:auto!important;background:radial-gradient(circle at 58% 46%,#fff 0,#e7eef2 56%,#cbd9e1 100%)} .pzfam-system__visual:before{background-image:linear-gradient(rgba(42,78,103,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(42,78,103,.045) 1px,transparent 1px),linear-gradient(122deg,transparent 0 67%,rgba(255,255,255,.5) 67.1% 67.5%,transparent 67.6%);background-size:76px 76px,76px 76px,100% 100%;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.82) 72%,transparent)} .pzfam-system__visual:after{content:"GUIL · KOMPATIBILNE KOMPONENTE · 3D KONFIGURACIJA";position:absolute;z-index:4;left:28px;bottom:25px;color:#597386;font:500 .47rem/1 "IBM Plex Mono",monospace;letter-spacing:.12em} .pzfam-system__visual img{inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.025) saturate(.92) drop-shadow(0 34px 34px rgba(18,37,51,.16));transform-origin:52% 52%;transition:transform 1.15s cubic-bezier(.77,0,.175,1),filter 520ms ease-out} .pzfam-system[data-focus="deck"] .pzfam-system__visual img{transform:translate3d(0,1%,0) scale(1.03)}.pzfam-system[data-focus="footprint"] .pzfam-system__visual img{transform:translate3d(0,-1%,0) scale(1.09)}.pzfam-system[data-focus="height"] .pzfam-system__visual img{transform:translate3d(-2%,-7%,0) scale(1.19)}.pzfam-system[data-focus="access"] .pzfam-system__visual img{transform:translate3d(7%,-6%,0) scale(1.2)}.pzfam-system[data-focus="components"] .pzfam-system__visual img{transform:translate3d(-5%,3%,0) scale(1.16)} .pzfam-system__scan,.pzfam-system__focusmark{display:none!important} .pzfam-system__copy{position:absolute;z-index:5;right:30px;bottom:30px;width:min(430px,42%);height:342px;border:1px solid rgba(255,255,255,.84);border-radius:5px;background:linear-gradient(132deg,rgba(250,253,254,.89),rgba(222,234,241,.67));box-shadow:0 28px 72px rgba(23,45,60,.19),inset 0 1px rgba(255,255,255,.96);backdrop-filter:blur(26px) saturate(145%);overflow:hidden} .pzfam-system__copy:before{content:"";position:absolute;z-index:2;left:0;top:28px;bottom:28px;width:2px;background:linear-gradient(transparent,var(--family-accent,#0066cc) 24%,#9fd5fb 50%,var(--family-accent,#0066cc) 76%,transparent)} .pzfam-system__copy article{justify-content:flex-start;padding:38px 38px 34px;transform:translateY(16px);transition:opacity 260ms ease-out,transform 520ms cubic-bezier(.23,1,.32,1),visibility 0s linear 520ms}.pzfam-system__copy article.is-active{transform:none;transition-delay:80ms,40ms,0s}.pzfam-system__copy h3{margin:15px 0 18px;font-size:clamp(1.45rem,2.15vw,2.4rem);line-height:1.08}.pzfam-system__copy article>p:not(.pzfam-kicker){font-size:.9rem;line-height:1.65}.pzfam-system__copy a{margin-top:auto;padding:14px 0;font-size:.5rem} .pzfam-system__families{margin-top:14px;border:1px solid #16171b;border-radius:5px;background:#0c0d10;box-shadow:0 20px 56px rgba(12,13,16,.18);overflow:hidden}.pzfam-system__families a{min-height:64px;padding:13px 16px;border-color:rgba(242,244,246,.11);color:#f2f4f6;transition:background-color 180ms ease-out,color 180ms ease-out}.pzfam-system__families a:before{top:14px;bottom:14px;background:var(--family-accent,#0066cc)}.pzfam-system__families a:hover,.pzfam-system__families a.is-current{background:#16171b;color:#fff}.pzfam-system__families strong{font-size:clamp(.62rem,.72vw,.74rem);line-height:1.25}.pzfam-system__families span{color:#56a6ee} @media(max-width:1100px){.pzfam-system__head{grid-template-columns:1fr;gap:22px}.pzfam-system__stage{min-height:760px}.pzfam-system__copy{right:24px;bottom:24px;width:min(480px,58%);height:330px}.pzfam-system__visual{height:auto!important}.pzfam-system__visual img{object-fit:cover}.pzfam-system__families{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.pzfam-system{padding:78px 0}.pzfam-system:before{bottom:60px;font-size:29vw}.pzfam-system__head{margin-bottom:28px}.pzfam-system__head h2{font-size:clamp(2rem,10vw,3.1rem)}.pzfam-system__head>p{font-size:.92rem}.pzfam-system__equation{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.pzfam-system__equation button{flex:0 0 132px;min-height:68px;padding:14px 16px;scroll-snap-align:start}.pzfam-system__equation>i{flex:0 0 28px}.pzfam-system__equation>span{flex:0 0 170px;min-height:68px}.pzfam-system__stage{min-height:780px;margin-top:10px}.pzfam-system__visual{bottom:330px}.pzfam-system__visual:after{left:16px;bottom:15px;max-width:70%;font-size:.39rem;line-height:1.55}.pzfam-system__visual img{object-fit:contain;transform-origin:50% 55%}.pzfam-system[data-focus="deck"] .pzfam-system__visual img{transform:scale(1.02)}.pzfam-system[data-focus="footprint"] .pzfam-system__visual img{transform:scale(1.07)}.pzfam-system[data-focus="height"] .pzfam-system__visual img{transform:translate3d(-2%,-4%,0) scale(1.13)}.pzfam-system[data-focus="access"] .pzfam-system__visual img{transform:translate3d(4%,-3%,0) scale(1.13)}.pzfam-system[data-focus="components"] .pzfam-system__visual img{transform:translate3d(-3%,2%,0) scale(1.1)}.pzfam-system__copy{left:14px;right:14px;bottom:14px;width:auto;height:302px}.pzfam-system__copy article{padding:30px 26px 24px}.pzfam-system__copy h3{font-size:clamp(1.35rem,6vw,1.85rem)}.pzfam-system__families{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity}.pzfam-system__families a{flex:0 0 145px;min-height:58px;scroll-snap-align:start;border-bottom:0!important}} @media(prefers-reduced-motion:reduce){.pzfam-system__visual img,.pzfam-system__copy article{transition-duration:.01ms!important}} /* 4.1 - one hero language across every component-family page */ .pzfam .pzfam-brand{display:block;margin:0 0 24px}.pzfam .pzfam-brand__word{width:132px;height:38px;object-fit:contain;object-position:left center}.pzfam .pzfam-brand__lion{display:none!important} .pzfam--legs .pzfam-hero,.pzfam--stairs .pzfam-hero,.pzfam--ramps .pzfam-hero,.pzfam--rails .pzfam-hero,.pzfam--connectors .pzfam-hero,.pzfam--transport .pzfam-hero{min-height:clamp(760px,86svh,900px);background:linear-gradient(118deg,#dce6ec 0,#f8fafb 45%,#e5edf2 100%);overflow:hidden} .pzfam--legs .pzfam-hero__grid,.pzfam--stairs .pzfam-hero__grid,.pzfam--ramps .pzfam-hero__grid,.pzfam--rails .pzfam-hero__grid,.pzfam--connectors .pzfam-hero__grid,.pzfam--transport .pzfam-hero__grid{grid-template-columns:minmax(390px,.74fr) minmax(0,1.26fr);grid-template-rows:auto minmax(540px,1fr) auto;gap:22px clamp(34px,4.4vw,78px);padding-block:27px 30px} .pzfam--legs .pzfam-hero__copy,.pzfam--stairs .pzfam-hero__copy,.pzfam--ramps .pzfam-hero__copy,.pzfam--rails .pzfam-hero__copy,.pzfam--connectors .pzfam-hero__copy,.pzfam--transport .pzfam-hero__copy{grid-column:1;grid-row:2;align-self:center;width:100%;max-width:590px;padding:42px 40px 38px;border:1px solid rgba(255,255,255,.92);border-radius:6px;background:linear-gradient(128deg,rgba(255,255,255,.88),rgba(235,243,247,.54));box-shadow:0 34px 90px rgba(24,47,63,.14),inset 0 1px rgba(255,255,255,.98);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)} .pzfam--legs .pzfam-hero__copy:before,.pzfam--stairs .pzfam-hero__copy:before,.pzfam--ramps .pzfam-hero__copy:before,.pzfam--rails .pzfam-hero__copy:before,.pzfam--connectors .pzfam-hero__copy:before,.pzfam--transport .pzfam-hero__copy:before{inset:34px auto 34px -1px;width:2px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,transparent 0,#0066cc 22%,#56a6ee 50%,#0066cc 78%,transparent 100%);box-shadow:0 0 14px rgba(0,102,204,.28);opacity:1} .pzfam .pzfam-hero__copy h1{max-width:11.5ch;font-size:clamp(2.15rem,3.15vw,4.15rem);line-height:1.04;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal}.pzfam .pzfam-hero__copy>p:not(.pzfam-kicker){max-width:49ch;font-size:clamp(.94rem,1vw,1.05rem);line-height:1.72} .pzfam--legs .pzfam-hero__media,.pzfam--stairs .pzfam-hero__media,.pzfam--ramps .pzfam-hero__media,.pzfam--rails .pzfam-hero__media,.pzfam--connectors .pzfam-hero__media,.pzfam--transport .pzfam-hero__media{grid-column:2;grid-row:2;min-height:540px} .pzfam .pzfam-hero__family-stage{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.58);border-radius:6px;background:linear-gradient(138deg,rgba(255,255,255,.25),rgba(211,225,234,.08));box-shadow:inset 0 1px rgba(255,255,255,.9),0 42px 110px rgba(32,55,71,.1)} .pzfam .pzfam-hero__family-stage:before{content:"";position:absolute;z-index:-2;inset:0;border:0;border-radius:0;background-image:linear-gradient(rgba(49,83,107,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(49,83,107,.045) 1px,transparent 1px),radial-gradient(circle at 58% 44%,rgba(255,255,255,.96),rgba(200,218,229,.28) 48%,transparent 76%);background-size:76px 76px,76px 76px,100% 100%;filter:none} .pzfam .pzfam-hero__family-stage:after{content:"";position:absolute;z-index:-1;left:12%;right:8%;bottom:7%;height:15%;border-radius:50%;background:rgba(29,49,63,.16);filter:blur(34px);transform:skewX(-15deg)} .pzfam .pzfam-hero__halo{z-index:-1;right:4%;top:7%;width:72%;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(174,209,231,.24) 42%,transparent 70%)} .pzfam .pzfam-hero__datum{z-index:7;right:22px;top:20px;color:#526c7d;font-size:.5rem;letter-spacing:.14em}.pzfam .pzfam-hero__datum i{width:42px;background:linear-gradient(90deg,transparent,var(--family-accent))} .pzfam .pzfam-hero__family-stage figcaption{z-index:7;right:18px;bottom:17px;padding:9px 12px;border:1px solid rgba(255,255,255,.78);border-radius:3px;background:rgba(244,249,252,.62);color:#597183;box-shadow:0 14px 36px rgba(27,48,64,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)} .pzfam--stairs .pzfam-stairjourney{overflow:clip} .pzfam .pzfam-hero__productstage>img{position:absolute;z-index:2;inset:5% 3%;width:94%;height:90%;max-width:none;object-fit:contain;object-position:center;transform:none!important;filter:contrast(1.025)} .pzfam--ramps .pzfam-hero__productstage>img{inset:8% 2%;width:96%;height:84%}.pzfam--rails .pzfam-hero__productstage>img{inset:4% 8%;width:84%;height:92%}.pzfam--connectors .pzfam-hero__productstage>img{inset:10% 11%;width:78%;height:80%}.pzfam--transport .pzfam-hero__productstage>img{inset:5% 10%;width:80%;height:90%} .pzfam .pzfam-stairhero{overflow:hidden}.pzfam .pzfam-stairhero__scene{position:absolute;inset:5% 3% 4%;overflow:visible}.pzfam .pzfam-stairhero__scene:before{left:7%;right:7%;bottom:8%;height:1px}.pzfam .pzfam-stairhero__scene:after{right:8%;bottom:6%;width:78%;height:10%}.pzfam .pzfam-stairhero__main{right:1%;bottom:7%;width:98%!important;height:88%!important;max-width:none!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important;filter:contrast(1.025)!important} .pzfam .pzfam-leghero{overflow:hidden;background:linear-gradient(138deg,rgba(255,255,255,.25),rgba(211,225,234,.08))}.pzfam .pzfam-leghero__lineup{inset:7% 4% 8%;grid-template-columns:.82fr 1.12fr 1.12fr .82fr;gap:clamp(2px,.7vw,12px)}.pzfam .pzfam-leghero__item--f{height:76%}.pzfam .pzfam-leghero__item--t{height:95%}.pzfam .pzfam-leghero__item--p{height:91%}.pzfam .pzfam-leghero__item--n{height:80%}.pzfam .pzfam-leghero__item img{width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}.pzfam .pzfam-leghero__item b{position:relative;z-index:3} .pzfam--legs .pzfam-hero__facts,.pzfam--stairs .pzfam-hero__facts,.pzfam--ramps .pzfam-hero__facts,.pzfam--rails .pzfam-hero__facts,.pzfam--connectors .pzfam-hero__facts,.pzfam--transport .pzfam-hero__facts{grid-column:1/-1;grid-row:3} @media(max-width:1050px){ .pzfam--legs .pzfam-hero,.pzfam--stairs .pzfam-hero,.pzfam--ramps .pzfam-hero,.pzfam--rails .pzfam-hero,.pzfam--connectors .pzfam-hero,.pzfam--transport .pzfam-hero{min-height:auto} .pzfam--legs .pzfam-hero__grid,.pzfam--stairs .pzfam-hero__grid,.pzfam--ramps .pzfam-hero__grid,.pzfam--rails .pzfam-hero__grid,.pzfam--connectors .pzfam-hero__grid,.pzfam--transport .pzfam-hero__grid{grid-template-columns:1fr;grid-template-rows:auto auto minmax(470px,56svh) auto;gap:18px;padding-block:24px 28px} .pzfam--legs .pzfam-hero__copy,.pzfam--stairs .pzfam-hero__copy,.pzfam--ramps .pzfam-hero__copy,.pzfam--rails .pzfam-hero__copy,.pzfam--connectors .pzfam-hero__copy,.pzfam--transport .pzfam-hero__copy{grid-column:1;grid-row:2;max-width:620px}.pzfam--legs .pzfam-hero__media,.pzfam--stairs .pzfam-hero__media,.pzfam--ramps .pzfam-hero__media,.pzfam--rails .pzfam-hero__media,.pzfam--connectors .pzfam-hero__media,.pzfam--transport .pzfam-hero__media{grid-column:1;grid-row:3;min-height:470px}.pzfam--legs .pzfam-hero__facts,.pzfam--stairs .pzfam-hero__facts,.pzfam--ramps .pzfam-hero__facts,.pzfam--rails .pzfam-hero__facts,.pzfam--connectors .pzfam-hero__facts,.pzfam--transport .pzfam-hero__facts{grid-column:1;grid-row:4} .pzfam .pzfam-hero__productstage>img{inset:4% 7%;width:86%;height:92%}.pzfam--ramps .pzfam-hero__productstage>img{inset:5% 3%;width:94%;height:90%}.pzfam--rails .pzfam-hero__productstage>img{inset:3% 13%;width:74%;height:94%}.pzfam--connectors .pzfam-hero__productstage>img{inset:7% 17%;width:66%;height:86%}.pzfam--transport .pzfam-hero__productstage>img{inset:4% 17%;width:66%;height:92%}} @media(max-width:760px){ .pzfam--legs .pzfam-hero__grid,.pzfam--stairs .pzfam-hero__grid,.pzfam--ramps .pzfam-hero__grid,.pzfam--rails .pzfam-hero__grid,.pzfam--connectors .pzfam-hero__grid,.pzfam--transport .pzfam-hero__grid{grid-template-rows:auto auto minmax(360px,48svh) auto;gap:14px;padding-block:20px 22px}.pzfam--legs .pzfam-hero__copy,.pzfam--stairs .pzfam-hero__copy,.pzfam--ramps .pzfam-hero__copy,.pzfam--rails .pzfam-hero__copy,.pzfam--connectors .pzfam-hero__copy,.pzfam--transport .pzfam-hero__copy{padding:29px 23px 26px} .pzfam .pzfam-brand{margin-bottom:18px}.pzfam .pzfam-brand__word{width:112px;height:31px}.pzfam .pzfam-hero__copy h1{max-width:12ch;font-size:clamp(2rem,9.7vw,3.2rem);line-height:1.05}.pzfam .pzfam-hero__copy>p:not(.pzfam-kicker){margin:15px 0 21px;font-size:.88rem;line-height:1.62}.pzfam--legs .pzfam-hero__media,.pzfam--stairs .pzfam-hero__media,.pzfam--ramps .pzfam-hero__media,.pzfam--rails .pzfam-hero__media,.pzfam--connectors .pzfam-hero__media,.pzfam--transport .pzfam-hero__media{min-height:360px} .pzfam .pzfam-hero__datum{right:14px;top:13px;gap:8px;font-size:.42rem}.pzfam .pzfam-hero__datum i{width:24px}.pzfam .pzfam-hero__family-stage figcaption{right:12px;bottom:11px;padding:7px 9px;font-size:.42rem}.pzfam .pzfam-leghero__lineup{inset:9% 1% 10%;gap:0}.pzfam .pzfam-leghero__item--f{height:72%}.pzfam .pzfam-leghero__item--t{height:91%}.pzfam .pzfam-leghero__item--p{height:87%}.pzfam .pzfam-leghero__item--n{height:76%}.pzfam .pzfam-leghero__item b{padding:5px 4px;font-size:.42rem;letter-spacing:.04em}.pzfam .pzfam-stairhero__scene{inset:7% 1% 5%}.pzfam .pzfam-stairhero__main{right:0;bottom:7%;width:100%!important;height:86%!important} .pzfam .pzfam-hero__productstage>img{inset:5% 3%;width:94%;height:90%}.pzfam--ramps .pzfam-hero__productstage>img{inset:8% 0;width:100%;height:84%}.pzfam--rails .pzfam-hero__productstage>img{inset:4% 8%;width:84%;height:92%}.pzfam--connectors .pzfam-hero__productstage>img{inset:8% 11%;width:78%;height:84%}.pzfam--transport .pzfam-hero__productstage>img{inset:5% 10%;width:80%;height:90%}.pzfam .pzfam-hero__facts{grid-template-columns:repeat(3,minmax(0,1fr))}.pzfam .pzfam-hero__facts div{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 11px}.pzfam .pzfam-hero__facts strong{max-width:100%;font-size:clamp(.72rem,3vw,.9rem);line-height:1.25;overflow-wrap:anywhere}.pzfam .pzfam-hero__facts span{font-size:.62rem;line-height:1.35}} /* 4.2 - precision data plates for the plain reference sheets only */ .pzfam-reference{position:relative;background:#f2f4f6} .pzfam-reference:before{content:"";position:absolute;inset:10% 3% 8% 42%;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(86,166,238,.16),transparent 66%);filter:blur(34px)} .pzfam-reference>.pzfam-wrap{position:relative;z-index:1} .pzfam-reference__table{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:8px;background:linear-gradient(132deg,rgba(255,255,255,.78),rgba(226,236,242,.52));box-shadow:0 38px 96px rgba(34,56,71,.15),inset 0 1px rgba(255,255,255,.98),inset 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)} .pzfam-reference__table:before{content:"";position:absolute;z-index:3;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,#56a6ee 28%,#0066cc 72%,transparent)} .pzfam-reference__table:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.46),transparent 25% 76%,rgba(86,166,238,.08))} .pzfam-reference__head{grid-template-columns:repeat(4,minmax(0,1fr));min-height:58px;padding-left:64px;border-bottom:1px solid rgba(95,103,114,.18);background:rgba(255,255,255,.36)} .pzfam-reference__head span{display:flex;align-items:center;min-width:0;padding:16px 22px;color:#5f6772;font:500 .68rem/1.45 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase} .pzfam-reference__row{display:grid;grid-template-columns:64px repeat(4,minmax(0,1fr));min-width:0;min-height:104px;padding:0;border-bottom:1px solid rgba(95,103,114,.16);background:rgba(255,255,255,.14);transition:background-color 180ms ease-out} .pzfam-reference__row:last-child{border-bottom:0} .pzfam-reference__row>b{position:static;display:grid;place-items:center;min-width:0;border-right:1px solid rgba(95,103,114,.16);color:#0066cc;font:500 .62rem/1 "IBM Plex Mono",monospace;font-variant-numeric:tabular-nums} .pzfam-reference__row span{display:flex;align-items:center;min-width:0;padding:22px;color:#5f6772;font-size:clamp(.82rem,.85vw,.94rem);line-height:1.55;overflow-wrap:anywhere;word-break:normal} .pzfam-reference__row span:first-of-type{color:#0c0d10;font:400 clamp(.74rem,.78vw,.86rem)/1.55 Michroma,sans-serif} .pzfam-reference__row span:last-child{color:#0066cc;font:400 clamp(.74rem,.76vw,.84rem)/1.5 Michroma,sans-serif} .pzfam-reference__row span+span{border-left:1px solid rgba(95,103,114,.16)} .pzfam-reference__table[data-reveal] .pzfam-reference__head,.pzfam-reference__table[data-reveal] .pzfam-reference__row{opacity:0;transform:translateY(10px)} .pzfam-reference__table[data-reveal].is-visible .pzfam-reference__head,.pzfam-reference__table[data-reveal].is-visible .pzfam-reference__row{opacity:1;transform:none;transition:opacity 520ms ease-out,transform 680ms cubic-bezier(.16,1,.3,1),background-color 180ms ease-out} .pzfam-reference__table[data-reveal].is-visible .pzfam-reference__row:nth-child(2){transition-delay:70ms}.pzfam-reference__table[data-reveal].is-visible .pzfam-reference__row:nth-child(3){transition-delay:120ms}.pzfam-reference__table[data-reveal].is-visible .pzfam-reference__row:nth-child(4){transition-delay:170ms}.pzfam-reference__table[data-reveal].is-visible .pzfam-reference__row:nth-child(5){transition-delay:220ms} .pzfam :is(a,button):focus-visible{outline:2px solid #0066cc;outline-offset:3px} .pzfam-crumb a,.pzfam-system__copy a{display:inline-flex;align-items:center;min-height:44px} @media(hover:hover) and (pointer:fine){.pzfam-reference__row:hover{background:rgba(255,255,255,.5)}} @media(max-width:1100px){.pzfam-reference__table{overflow:hidden}.pzfam-reference__head,.pzfam-reference__row{min-width:0}} @media(max-width:820px){ .pzfam-reference__table{margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.pzfam-reference__table:before{display:none}.pzfam-reference__head{display:none} .pzfam-reference__row{grid-template-columns:46px minmax(0,1fr);min-width:0;min-height:0;margin:0 0 12px;border:1px solid rgba(255,255,255,.86);border-radius:8px;background:linear-gradient(132deg,rgba(255,255,255,.84),rgba(226,236,242,.58));box-shadow:0 18px 42px rgba(34,56,71,.13),inset 0 1px rgba(255,255,255,.98);overflow:hidden;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)} .pzfam-reference__row:last-child{border-bottom:1px solid rgba(255,255,255,.86)}.pzfam-reference__row>b{grid-column:1;grid-row:1/5;place-items:start center;padding-top:19px;border-right:1px solid rgba(95,103,114,.16)} .pzfam-reference__row span,.pzfam-reference__row span:first-of-type,.pzfam-reference__row span:last-child{grid-column:2;display:grid;grid-template-columns:minmax(102px,.68fr) minmax(0,1fr);gap:14px;align-items:start;min-width:0;padding:15px 16px;border-left:0;border-bottom:1px solid rgba(95,103,114,.16);color:#5f6772;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere} .pzfam-reference__row span:first-of-type{color:#0c0d10;font-family:Michroma,sans-serif}.pzfam-reference__row span:last-child{border-bottom:0;color:#0066cc;font-family:Michroma,sans-serif} .pzfam-reference__row span:before{content:attr(data-label);min-width:0;color:#5f6772;font:500 .68rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.05em;text-transform:uppercase} } @media(max-width:520px){.pzfam-reference{padding:70px 0}.pzfam-reference>.pzfam-wrap{gap:28px}.pzfam-reference__row span,.pzfam-reference__row span:first-of-type,.pzfam-reference__row span:last-child{grid-template-columns:minmax(96px,.66fr) minmax(0,1fr);gap:10px;padding:14px 12px;font-size:.8rem}.pzfam-reference__row>b{font-size:.62rem}} @media(prefers-reduced-motion:reduce){.pzfam-reference__table[data-reveal] .pzfam-reference__head,.pzfam-reference__table[data-reveal] .pzfam-reference__row{transition-duration:.01ms!important;transition-delay:0s!important}} /* 4.2 - Transport i skladištenje: cinematic product logistics */ .pzfam--transport{--transport-blue:#0f659f;--transport-ink:#0b1822;--transport-muted:#5f6f7b;--transport-line:rgba(61,91,111,.18)} .pzfam--transport :is(.pzfam-transport-cinema,.pzfam-transport-flow,.pzfam-transport-storage,.pzfam-transport-rails){scroll-margin-top:calc(var(--quick-top,74px) + 74px)} .pzfam-transport-cinema{position:relative;padding:clamp(96px,11vw,168px) 0 clamp(84px,9vw,136px);overflow:hidden;background:linear-gradient(138deg,#d8e4ea 0,#f9fbfc 45%,#e5edf2 100%)} .pzfam-transport-cinema:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,75,99,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,75,99,.045) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.28) 74%,transparent)} .pzfam-transport-cinema:after{content:"";position:absolute;right:-18%;top:4%;width:66%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(255,255,255,.13) 52%,transparent 72%);filter:blur(22px);pointer-events:none} .pzfam-transport-cinema>.pzfam-wrap{position:relative;z-index:1} .pzfam-transport-cinema__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.62fr);gap:clamp(42px,8vw,132px);align-items:end;margin-bottom:clamp(48px,6vw,84px)} .pzfam-transport-cinema__head h2,.pzfam-transport-flow__intro h2,.pzfam-transport-storage__glass h2,.pzfam-transport-rails__copy h2{max-width:15ch;margin:0;color:var(--transport-ink);font:400 clamp(2.35rem,4.4vw,5.35rem)/1.02 Michroma,sans-serif;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:normal} .pzfam-transport-cinema__head>p,.pzfam-transport-flow__intro>p,.pzfam-transport-rails__copy>p{max-width:66ch;margin:0;color:var(--transport-muted);font:400 clamp(1rem,1.2vw,1.18rem)/1.72 "IBM Plex Sans",sans-serif} .pzfam-transport-cinema__shell{display:grid;grid-template-rows:minmax(650px,72svh) auto;gap:18px} .pzfam-transport-cinema__stage{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(218,230,237,.46));box-shadow:0 48px 120px rgba(26,51,67,.17),inset 0 1px rgba(255,255,255,.98);isolation:isolate} .pzfam-transport-cinema__stage:before{content:"";position:absolute;inset:0;background:linear-gradient(124deg,rgba(255,255,255,.58),transparent 31% 72%,rgba(15,101,159,.06));pointer-events:none} .pzfam-transport-cinema__floor{position:absolute;z-index:-1;left:5%;right:5%;bottom:-8%;height:44%;background:radial-gradient(ellipse at center,rgba(62,88,104,.23),transparent 67%);filter:blur(18px);transform:perspective(600px) rotateX(68deg)} .pzfam-transport-cinema__panels,.pzfam-transport-cinema__panels>article{position:absolute;inset:0} .pzfam-transport-cinema__panels>article{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(330px,.76fr);align-items:center;gap:clamp(20px,4vw,70px);padding:clamp(36px,5vw,76px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity 420ms ease-out,visibility 0s linear 420ms} .pzfam-transport-cinema__panels>article.is-active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity 520ms ease-out,visibility 0s} .pzfam-transport-cinema__panels figure{position:relative;min-width:0;height:100%;margin:0;display:grid;place-items:center} .pzfam-transport-cinema__panels figure:after{content:"";position:absolute;left:10%;right:10%;bottom:4%;height:7%;border-radius:50%;background:rgba(24,49,65,.18);filter:blur(20px);opacity:0;transform:scaleX(.65);transition:opacity 520ms ease-out 120ms,transform 900ms cubic-bezier(.16,1,.3,1) 80ms} .pzfam-transport-cinema__panels img{position:relative;z-index:1;width:100%;height:100%;max-height:570px;object-fit:contain;object-position:center;filter:drop-shadow(0 34px 28px rgba(15,35,48,.22));opacity:0;transform:translate3d(0,24px,0) scale(.93);transition:opacity 380ms ease-out,transform 980ms cubic-bezier(.16,1,.3,1)} .pzfam-transport-cinema__panels .is-active img{opacity:1;transform:none}.pzfam-transport-cinema__panels .is-active figure:after{opacity:1;transform:scaleX(1)} .pzfam-transport-cinema__glass{position:relative;align-self:center;padding:clamp(30px,3.3vw,50px);border:1px solid rgba(255,255,255,.9);border-radius:8px;background:linear-gradient(132deg,rgba(255,255,255,.82),rgba(226,237,243,.58));box-shadow:0 30px 76px rgba(28,53,69,.14),inset 0 1px rgba(255,255,255,.98);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);opacity:0;transform:translateX(22px);transition:opacity 360ms ease-out,transform 800ms cubic-bezier(.16,1,.3,1)} .pzfam-transport-cinema__panels .is-active .pzfam-transport-cinema__glass{opacity:1;transform:none} .pzfam-transport-cinema__glass:before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:1px;background:linear-gradient(transparent,var(--transport-blue) 24% 76%,transparent)} .pzfam-transport-cinema__glass>span,.pzfam-transport-storage__glass>span,.pzfam-transport-rails__copy>span,.pzfam-transport-flow article>div>span{display:block;margin:0 0 18px;color:var(--transport-blue);font:500 .72rem/1.3 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase} .pzfam-transport-cinema__glass h3{margin:0;color:var(--transport-ink);font:400 clamp(1.8rem,2.65vw,3.3rem)/1.08 Michroma,sans-serif;letter-spacing:-.03em} .pzfam-transport-cinema__glass>p{margin:24px 0 30px;color:var(--transport-muted);font-size:clamp(.96rem,1.05vw,1.08rem);line-height:1.7} .pzfam-transport-cinema__glass dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--transport-line)} .pzfam-transport-cinema__glass dl>div{min-width:0;padding:20px 0 0}.pzfam-transport-cinema__glass dl>div+div{padding-left:22px;border-left:1px solid var(--transport-line)} .pzfam-transport-cinema__glass dt,.pzfam-transport-storage__glass dt,.pzfam-transport-rails__copy dt{color:#7a8c98;font:500 .63rem/1.35 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase} .pzfam-transport-cinema__glass dd,.pzfam-transport-storage__glass dd,.pzfam-transport-rails__copy dd{margin:8px 0 0;color:#153e5b;font:400 clamp(1rem,1.3vw,1.38rem)/1.35 Michroma,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .pzfam-transport-cinema__datum{position:absolute;z-index:3;left:28px;right:28px;top:24px;display:flex;align-items:center;gap:14px;color:#607583;font:500 .61rem/1 "IBM Plex Mono",monospace;letter-spacing:.11em}.pzfam-transport-cinema__datum i{height:1px;flex:1;background:linear-gradient(90deg,rgba(15,101,159,.45),transparent)}.pzfam-transport-cinema__datum b{color:var(--transport-blue);font-weight:500} .pzfam-transport-cinema__rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;border:1px solid rgba(112,139,157,.22);border-radius:8px;background:rgba(255,255,255,.55);box-shadow:0 18px 46px rgba(34,56,71,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .pzfam-transport-cinema__rail button{position:relative;display:flex;min-width:0;min-height:88px;flex-direction:column;justify-content:center;gap:6px;padding:16px 18px;border:0;border-right:1px solid rgba(112,139,157,.18);background:transparent;color:var(--transport-ink);text-align:left;cursor:pointer;transition:background-color 180ms ease-out,color 180ms ease-out} .pzfam-transport-cinema__rail button:last-child{border-right:0}.pzfam-transport-cinema__rail button:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--transport-blue);transform:scaleX(0);transform-origin:left;transition:transform 360ms cubic-bezier(.16,1,.3,1)} .pzfam-transport-cinema__rail button.is-active{background:rgba(255,255,255,.72)}.pzfam-transport-cinema__rail button.is-active:after{transform:scaleX(1)} .pzfam-transport-cinema__rail strong{font:400 clamp(.69rem,.74vw,.82rem)/1.2 Michroma,sans-serif}.pzfam-transport-cinema__rail span{min-width:0;color:#71818c;font-size:.74rem;line-height:1.3} .pzfam-transport-flow{position:relative;padding:clamp(100px,11vw,176px) 0;background:#f7f9fa;overflow:hidden} .pzfam-transport-flow:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 7%,rgba(35,72,96,.035) 7.1% 7.2%,transparent 7.3% 92.7%,rgba(35,72,96,.035) 92.8% 92.9%,transparent 93%)} .pzfam-transport-flow__intro{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.58fr);gap:clamp(44px,8vw,132px);align-items:end;margin-bottom:clamp(54px,7vw,100px)} .pzfam-transport-flow__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(410px,1fr) minmax(360px,.88fr);gap:clamp(18px,2vw,30px)} .pzfam-transport-flow article{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:9px;background:linear-gradient(145deg,#e2eaef,#fbfcfd 55%,#dfe9ee);box-shadow:0 30px 80px rgba(32,55,70,.13),inset 0 1px rgba(255,255,255,.98)} .pzfam-transport-flow article:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,83,107,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(47,83,107,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(120deg,#000,transparent 75%)} .pzfam-transport-flow__single{grid-column:1/6;grid-row:1}.pzfam-transport-flow__series{grid-column:6/13;grid-row:1/3}.pzfam-transport-flow__kit{grid-column:1/6;grid-row:2} .pzfam-transport-flow article figure{position:absolute;inset:0;margin:0}.pzfam-transport-flow article figure:after{content:"";position:absolute;left:15%;right:15%;bottom:9%;height:8%;border-radius:50%;background:rgba(27,52,67,.17);filter:blur(18px)} .pzfam-transport-flow article img{position:absolute;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 24px rgba(19,40,53,.18));transition:transform 900ms cubic-bezier(.16,1,.3,1)} .pzfam-transport-flow__single img{inset:1% 23% 27%;width:73%;height:67%}.pzfam-transport-flow__series img{inset:3% 5% 28%;width:90%;height:69%}.pzfam-transport-flow__kit img{inset:4% 19% 31%;width:77%;height:62%} .pzfam-transport-flow article>div{position:absolute;z-index:2;left:clamp(22px,3vw,46px);right:clamp(22px,3vw,46px);bottom:clamp(22px,3vw,42px);padding-top:18px;border-top:1px solid rgba(69,99,119,.18)} .pzfam-transport-flow article h3{max-width:18ch;margin:0;color:var(--transport-ink);font:400 clamp(1.2rem,1.65vw,1.85rem)/1.18 Michroma,sans-serif;letter-spacing:-.02em}.pzfam-transport-flow article p{max-width:52ch;margin:12px 0 0;color:var(--transport-muted);font-size:.91rem;line-height:1.58}.pzfam-transport-flow article>div>strong{position:absolute;right:0;top:18px;color:var(--transport-blue);font:400 clamp(.82rem,1vw,1rem)/1.3 Michroma,sans-serif} .pzfam-transport-storage{position:relative;min-height:clamp(760px,90svh,980px);padding:clamp(80px,8vw,124px) 0;overflow:hidden;background:linear-gradient(130deg,#0d151b 0,#182732 52%,#2b4251 100%);color:#fff;isolation:isolate} .pzfam-transport-storage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(162,198,221,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(162,198,221,.055) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(90deg,#000,transparent 88%)} .pzfam-transport-storage__ambient{position:absolute;z-index:-1;right:-14%;top:-32%;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(86,166,238,.27),rgba(86,166,238,.04) 44%,transparent 70%);filter:blur(12px)} .pzfam-transport-storage__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);align-items:center;gap:clamp(32px,5vw,92px);min-height:clamp(600px,72svh,760px)} .pzfam-transport-storage__visual{position:relative;min-width:0;height:100%;min-height:580px;margin:0;display:grid;place-items:center;transform:translateZ(0)} .pzfam-transport-storage__visual:after{content:"";position:absolute;left:9%;right:9%;bottom:4%;height:9%;border-radius:50%;background:rgba(0,0,0,.42);filter:blur(25px)} .pzfam-transport-storage__visual>img{position:relative;z-index:1;width:96%;height:96%;object-fit:contain;filter:drop-shadow(0 42px 36px rgba(0,0,0,.42))} .pzfam-transport-storage__glass{position:relative;z-index:2;padding:clamp(34px,4vw,58px);border:1px solid rgba(255,255,255,.18);border-radius:9px;background:linear-gradient(132deg,rgba(255,255,255,.14),rgba(167,197,215,.07));box-shadow:0 38px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.24);backdrop-filter:blur(30px) saturate(130%);-webkit-backdrop-filter:blur(30px) saturate(130%)} .pzfam-transport-storage__glass>span{color:#78b9e8}.pzfam-transport-storage__glass h2{max-width:12ch;color:#fff;font-size:clamp(2rem,3.5vw,4rem)}.pzfam-transport-storage__glass>p{margin:26px 0 34px;color:#c2d1db;font-size:1rem;line-height:1.72} .pzfam-transport-storage__glass dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid rgba(255,255,255,.18)}.pzfam-transport-storage__glass dl>div{min-width:0;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.13)}.pzfam-transport-storage__glass dl>div:nth-child(even){padding-left:22px;border-left:1px solid rgba(255,255,255,.13)} .pzfam-transport-storage__glass dt{color:#8fa8b8}.pzfam-transport-storage__glass dd{color:#fff;font-size:clamp(.78rem,1vw,1rem);line-height:1.45} .pzfam-transport-storage__stack{position:absolute;z-index:3;left:1%;top:8%;display:grid;grid-template-columns:auto 44px;gap:6px 14px;align-items:center;color:#b7cfdd;font:500 .6rem/1.3 "IBM Plex Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.pzfam-transport-storage__stack span{grid-column:1;grid-row:1/5;writing-mode:vertical-rl;transform:rotate(180deg)}.pzfam-transport-storage__stack i{grid-column:2;display:block;width:44px;height:8px;border:1px solid rgba(120,185,232,.55);background:rgba(120,185,232,.14);transform-origin:left;transform:scaleX(.2);transition:transform 700ms cubic-bezier(.16,1,.3,1)}.pzfam-transport-storage__stack b{grid-column:2;color:#78b9e8;font-size:.72rem}.pzfam-transport-storage.is-visible .pzfam-transport-storage__stack i{transform:scaleX(1)}.pzfam-transport-storage.is-visible .pzfam-transport-storage__stack i:nth-of-type(2){transition-delay:120ms}.pzfam-transport-storage.is-visible .pzfam-transport-storage__stack i:nth-of-type(3){transition-delay:240ms} .pzfam-transport-rails{position:relative;padding:clamp(104px,11vw,174px) 0;overflow:hidden;background:linear-gradient(118deg,#eef3f6,#fff 48%,#dae6ed)} .pzfam-transport-rails:before{content:"";position:absolute;left:-14%;top:-38%;width:63%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(86,166,238,.16),transparent 69%)} .pzfam-transport-rails__layout{position:relative;display:grid;grid-template-columns:minmax(360px,.73fr) minmax(0,1.27fr);gap:clamp(48px,8vw,138px);align-items:center} .pzfam-transport-rails__copy{position:relative;z-index:2}.pzfam-transport-rails__copy h2{max-width:12ch;font-size:clamp(2.2rem,3.8vw,4.5rem)}.pzfam-transport-rails__copy>p{margin:28px 0 34px} .pzfam-transport-rails__copy dl{margin:0;border-top:1px solid var(--transport-line)}.pzfam-transport-rails__copy dl>div{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--transport-line)}.pzfam-transport-rails__copy dd{text-align:right} .pzfam-transport-rails figure{position:relative;min-width:0;min-height:600px;margin:0;display:grid;place-items:center}.pzfam-transport-rails figure:before{content:"";position:absolute;inset:6%;border:1px solid rgba(46,84,109,.13);border-radius:50%;transform:perspective(700px) rotateX(68deg)}.pzfam-transport-rails figure:after{content:"";position:absolute;left:10%;right:10%;bottom:5%;height:9%;border-radius:50%;background:rgba(27,52,68,.18);filter:blur(24px)} .pzfam-transport-rails figure>span{position:absolute;z-index:0;right:-1%;top:2%;color:rgba(15,101,159,.08);font:400 clamp(7rem,16vw,18rem)/1 Michroma,sans-serif;letter-spacing:-.06em}.pzfam-transport-rails figure img{position:relative;z-index:1;width:96%;height:96%;max-height:620px;object-fit:contain;filter:drop-shadow(0 38px 30px rgba(17,42,58,.2))}.pzfam-transport-rails figcaption{position:absolute;z-index:2;right:5%;bottom:7%;padding:10px 14px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.58);color:#456072;font:500 .63rem/1.2 "IBM Plex Mono",monospace;letter-spacing:.1em;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)} @media(hover:hover) and (pointer:fine){.pzfam-transport-cinema__rail button:hover{background:rgba(255,255,255,.64)}.pzfam-transport-flow article:hover img{transform:translateY(-6px) scale(1.015)}} @media(max-width:1100px){ .pzfam-transport-cinema__head,.pzfam-transport-flow__intro{grid-template-columns:1fr;gap:24px}.pzfam-transport-cinema__head h2,.pzfam-transport-flow__intro h2{max-width:17ch}.pzfam-transport-cinema__shell{grid-template-rows:minmax(610px,70svh) auto}.pzfam-transport-cinema__panels>article{grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);padding:42px 34px}.pzfam-transport-cinema__rail{grid-template-columns:repeat(3,1fr)}.pzfam-transport-cinema__rail button:nth-child(3){border-right:0}.pzfam-transport-cinema__rail button:nth-child(-n+3){border-bottom:1px solid rgba(112,139,157,.18)} .pzfam-transport-flow__grid{grid-template-rows:minmax(380px,1fr) minmax(340px,.9fr)}.pzfam-transport-flow__single,.pzfam-transport-flow__kit{grid-column:1/7}.pzfam-transport-flow__series{grid-column:7/13} .pzfam-transport-storage__layout{grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:28px}.pzfam-transport-storage__visual{min-height:520px}.pzfam-transport-storage__glass{padding:34px 30px} .pzfam-transport-rails__layout{grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:46px}.pzfam-transport-rails figure{min-height:520px} } @media(max-width:820px){ .pzfam-transport-cinema{padding-block:88px}.pzfam-transport-cinema__shell{grid-template-rows:minmax(810px,78svh) auto}.pzfam-transport-cinema__panels>article{grid-template-columns:1fr;grid-template-rows:minmax(360px,1fr) auto;gap:10px;padding:54px 24px 24px}.pzfam-transport-cinema__panels img{max-height:390px}.pzfam-transport-cinema__glass{padding:28px 26px}.pzfam-transport-cinema__datum{left:20px;right:20px;top:18px}.pzfam-transport-cinema__rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.pzfam-transport-cinema__rail::-webkit-scrollbar{display:none}.pzfam-transport-cinema__rail button{flex:0 0 31%;min-width:156px;scroll-snap-align:start;border-bottom:0!important} .pzfam-transport-flow__grid{grid-template-columns:1fr;grid-template-rows:none}.pzfam-transport-flow__single,.pzfam-transport-flow__series,.pzfam-transport-flow__kit{grid-column:1;grid-row:auto;min-height:520px}.pzfam-transport-flow__single img,.pzfam-transport-flow__series img,.pzfam-transport-flow__kit img{inset:1% 8% 29%;width:84%;height:67%} .pzfam-transport-storage{min-height:auto;padding-block:86px}.pzfam-transport-storage__layout{grid-template-columns:1fr;gap:20px;min-height:0}.pzfam-transport-storage__visual{min-height:540px}.pzfam-transport-storage__glass{max-width:680px;margin-top:-90px}.pzfam-transport-storage__stack{left:2%;top:5%} .pzfam-transport-rails__layout{grid-template-columns:1fr;gap:28px}.pzfam-transport-rails__copy{max-width:680px}.pzfam-transport-rails figure{grid-row:1;min-height:500px} } @media(max-width:520px){ .pzfam-transport-cinema{padding-block:70px}.pzfam-transport-cinema__head{margin-bottom:34px}.pzfam-transport-cinema__head h2,.pzfam-transport-flow__intro h2,.pzfam-transport-storage__glass h2,.pzfam-transport-rails__copy h2{font-size:clamp(1.85rem,9.2vw,2.7rem);line-height:1.08;letter-spacing:-.03em}.pzfam-transport-cinema__shell{grid-template-rows:minmax(730px,86svh) auto}.pzfam-transport-cinema__panels>article{grid-template-rows:300px auto;padding:46px 14px 14px}.pzfam-transport-cinema__panels img{max-height:300px}.pzfam-transport-cinema__glass{padding:25px 20px}.pzfam-transport-cinema__glass h3{font-size:1.65rem}.pzfam-transport-cinema__glass>p{margin:17px 0 22px;font-size:.89rem}.pzfam-transport-cinema__glass dl>div{padding-top:15px}.pzfam-transport-cinema__glass dd{font-size:.93rem}.pzfam-transport-cinema__datum{left:12px;right:12px;top:12px}.pzfam-transport-cinema__datum span{font-size:.48rem}.pzfam-transport-cinema__rail button{flex-basis:47%;min-width:148px;min-height:78px;padding:13px 14px} .pzfam-transport-flow{padding-block:78px}.pzfam-transport-flow__intro{margin-bottom:34px}.pzfam-transport-flow__grid{gap:14px}.pzfam-transport-flow__single,.pzfam-transport-flow__series,.pzfam-transport-flow__kit{min-height:500px}.pzfam-transport-flow article>div{left:20px;right:20px;bottom:20px}.pzfam-transport-flow article h3{max-width:16ch;font-size:1.13rem}.pzfam-transport-flow article p{font-size:.84rem}.pzfam-transport-flow article>div>strong{position:static;display:block;margin-top:10px}.pzfam-transport-flow__single img,.pzfam-transport-flow__series img,.pzfam-transport-flow__kit img{inset:2% 3% 38%;width:94%;height:57%} .pzfam-transport-storage{padding-block:70px}.pzfam-transport-storage__visual{min-height:400px}.pzfam-transport-storage__visual>img{width:108%;height:108%;max-width:none}.pzfam-transport-storage__glass{margin-top:-48px;padding:28px 21px}.pzfam-transport-storage__glass>p{font-size:.9rem}.pzfam-transport-storage__glass dl{grid-template-columns:1fr}.pzfam-transport-storage__glass dl>div:nth-child(even){padding-left:0;border-left:0}.pzfam-transport-storage__stack{display:none} .pzfam-transport-rails{padding-block:78px}.pzfam-transport-rails figure{min-height:360px}.pzfam-transport-rails figure img{width:108%;height:108%;max-width:none}.pzfam-transport-rails figure>span{font-size:7.5rem}.pzfam-transport-rails__copy dl>div{grid-template-columns:1fr;gap:7px}.pzfam-transport-rails__copy dd{text-align:left} } @media(prefers-reduced-motion:reduce){.pzfam-transport-cinema__panels img,.pzfam-transport-cinema__glass,.pzfam-transport-flow article img,.pzfam-transport-storage__stack i{transition-duration:.01ms!important;transition-delay:0s!important}} /* 4.2.1 - protected copy planes and storage typography */ .pzfam-transport-flow article>div{left:0;right:0;bottom:0;padding:26px clamp(22px,3vw,46px) clamp(24px,2.8vw,40px);border-top:1px solid rgba(69,99,119,.16);background:linear-gradient(180deg,rgba(247,249,250,.93),rgba(240,245,247,.99) 38%);box-shadow:0 -18px 38px rgba(239,245,248,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .pzfam-transport-flow article>div>span{margin-bottom:12px}.pzfam-transport-flow article>div>strong{right:clamp(22px,3vw,46px);top:27px}.pzfam-transport-flow article p{padding-right:4px} .pzfam-transport-flow__single img{inset:0 12% 42%;width:86%;height:57%}.pzfam-transport-flow__series img{inset:1% 3% 35%;width:94%;height:63%}.pzfam-transport-flow__kit img{inset:1% 12% 43%;width:86%;height:56%} .pzfam-transport-storage__layout{grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);gap:clamp(32px,5vw,78px)} .pzfam-transport-storage__glass h2{max-width:none;font-size:clamp(2rem,2.72vw,3.25rem);line-height:1.08;overflow-wrap:normal;word-break:normal} @media(max-width:1100px){.pzfam-transport-storage__layout{grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:24px}.pzfam-transport-storage__glass h2{font-size:clamp(1.9rem,3.6vw,3rem)}} @media(max-width:820px){.pzfam-transport-flow__single img,.pzfam-transport-flow__series img,.pzfam-transport-flow__kit img{inset:1% 5% 42%;width:90%;height:57%}.pzfam-transport-storage__layout{grid-template-columns:1fr}.pzfam-transport-storage__glass h2{font-size:clamp(2rem,6.2vw,3.4rem)}} @media(max-width:520px){.pzfam-transport-flow article>div{padding:23px 20px 24px}.pzfam-transport-flow article>div>strong{position:static;margin-top:10px}.pzfam-transport-flow__single img,.pzfam-transport-flow__series img,.pzfam-transport-flow__kit img{inset:1% 2% 47%;width:96%;height:52%}.pzfam-transport-storage__glass h2{font-size:clamp(1.85rem,9vw,2.65rem)}} /* 4.3.0 - continuous cinematic transport journey */ .pzfam--transport{ --transport-bg-y:0px; position:relative; isolation:isolate; overflow:clip; background:#e7edf1; } .pzfam--transport:before{ content:""; position:absolute; z-index:-2; inset:-240px 0; background: linear-gradient(90deg,rgba(40,75,98,.043) 1px,transparent 1px), linear-gradient(rgba(40,75,98,.038) 1px,transparent 1px), radial-gradient(circle at 82% 5%,rgba(255,255,255,.98),transparent 30%), radial-gradient(circle at 9% 31%,rgba(53,132,185,.14),transparent 25%), radial-gradient(circle at 91% 67%,rgba(107,163,198,.1),transparent 25%), linear-gradient(145deg,#edf2f5 0,#e3eaee 46%,#f4f6f7 100%); background-size:96px 96px,96px 96px,auto,auto,auto,auto; transform:translate3d(0,var(--transport-bg-y),0); will-change:transform; pointer-events:none; } .pzfam--transport:after{ content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.25),transparent 16% 84%,rgba(255,255,255,.2)); pointer-events:none; } .pzfam--transport .pzfam-hero{ padding:clamp(18px,2.1vw,34px) clamp(14px,2.4vw,38px) 0; background:transparent; } .pzfam--transport .pzfam-hero__grid{ overflow:hidden; padding:clamp(18px,2vw,30px); border:1px solid rgba(255,255,255,.9); border-radius:28px; background:linear-gradient(132deg,rgba(255,255,255,.64),rgba(224,233,239,.43)); box-shadow:0 42px 110px rgba(33,56,72,.14),inset 0 1px rgba(255,255,255,.98); backdrop-filter:blur(24px) saturate(122%); -webkit-backdrop-filter:blur(24px) saturate(122%); } .pzfam--transport .pzfam-hero__copy, .pzfam--transport .pzfam-hero__media, .pzfam--transport .pzfam-hero__facts{ border-radius:19px; } .pzfam--transport .pzfam-hero__copy h1{max-width:100%} .pzfam--transport .pzfam-hero__media{ overflow:hidden; border:1px solid rgba(255,255,255,.82); background: linear-gradient(rgba(47,83,107,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(47,83,107,.04) 1px,transparent 1px), radial-gradient(circle at 60% 38%,rgba(255,255,255,.98),rgba(224,234,240,.66) 48%,rgba(209,222,230,.45)); background-size:72px 72px,72px 72px,auto; box-shadow:inset 0 1px rgba(255,255,255,.98),0 22px 56px rgba(34,59,75,.09); } .pzfam--transport [data-transport-chapter]{ --chapter-progress:0; --scene-field-y:0px; --scene-object-y:0px; position:relative; width:min(calc(100% - 44px),1560px); margin:clamp(28px,4vw,60px) auto 0; padding:clamp(92px,8vw,130px) 0; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,.82); border-radius:28px; box-shadow:0 44px 116px rgba(31,54,69,.14),inset 0 1px rgba(255,255,255,.96); scroll-margin-top:calc(var(--quick-top,74px) + 76px); } .pzfam--transport [data-transport-chapter]>.pzfam-wrap{ width:calc(100% - clamp(40px,7vw,112px)); } .pzfam-transport-scene__meter{ position:absolute; z-index:8; top:30px; right:clamp(26px,4vw,58px); display:grid; grid-template-columns:auto minmax(70px,112px) auto; align-items:center; gap:12px; color:#6a7e8c; font:500 .57rem/1 "IBM Plex Mono",monospace; letter-spacing:.12em; font-variant-numeric:tabular-nums; } .pzfam-transport-scene__meter i{ position:relative; height:1px; overflow:hidden; background:rgba(50,80,100,.2); } .pzfam-transport-scene__meter i:after{ content:""; display:block; width:100%; height:100%; background:var(--transport-blue); transform:scaleX(var(--chapter-progress)); transform-origin:left; } .pzfam-transport-scene__meter b{font-weight:500;color:#8999a4} .pzfam-transport-cinema{ background:linear-gradient(137deg,rgba(217,228,235,.9),rgba(250,252,253,.86) 47%,rgba(226,235,240,.88)); } .pzfam-transport-cinema:before{ inset:-90px; background-image:linear-gradient(rgba(39,75,99,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(39,75,99,.042) 1px,transparent 1px); transform:translate3d(0,var(--scene-field-y),0); will-change:transform; } .pzfam-transport-cinema:after{right:-15%;top:-10%;opacity:.8} .pzfam-transport-cinema__head{margin-bottom:clamp(42px,5vw,68px)} .pzfam-transport-cinema__shell{grid-template-rows:minmax(620px,72svh) auto;gap:14px} .pzfam-transport-cinema__stage{ border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(218,230,237,.43)); box-shadow:0 36px 90px rgba(26,51,67,.15),inset 0 1px rgba(255,255,255,.98); } .pzfam-transport-cinema__panels figure{ transform:translate3d(0,var(--scene-object-y),0); will-change:transform; } .pzfam-transport-cinema__glass{ border-radius:19px; background:linear-gradient(132deg,rgba(255,255,255,.78),rgba(225,236,242,.54)); box-shadow:0 30px 76px rgba(28,53,69,.13),inset 0 1px rgba(255,255,255,.98); } .pzfam-transport-cinema__rail{border-radius:15px;background:rgba(255,255,255,.46)} .pzfam-transport-cinema__rail button{min-height:92px} .pzfam-transport-flow{ background:linear-gradient(146deg,rgba(247,250,251,.95),rgba(227,235,240,.9) 54%,rgba(249,251,252,.95)); } .pzfam-transport-flow:before{ inset:-80px; background: linear-gradient(rgba(47,83,107,.035) 1px,transparent 1px), linear-gradient(90deg,rgba(47,83,107,.035) 1px,transparent 1px), linear-gradient(90deg,transparent 0 8%,rgba(35,72,96,.035) 8.1% 8.2%,transparent 8.3% 91.7%,rgba(35,72,96,.035) 91.8% 91.9%,transparent 92%); background-size:82px 82px,82px 82px,auto; transform:translate3d(0,var(--scene-field-y),0); will-change:transform; } .pzfam-transport-flow__grid{grid-template-rows:minmax(430px,1fr) minmax(370px,.88fr)} .pzfam-transport-flow article{ border-radius:21px; box-shadow:0 28px 74px rgba(32,55,70,.11),inset 0 1px rgba(255,255,255,.98); } .pzfam-transport-flow article figure{ transform:translate3d(0,var(--scene-object-y),0); will-change:transform; } .pzfam-transport-flow article>div{ background:linear-gradient(180deg,rgba(247,250,251,.78),rgba(240,245,247,.96) 38%); } .pzfam-transport-storage{ min-height:clamp(720px,88svh,950px); background:linear-gradient(132deg,#0b141a 0,#172730 51%,#294250 100%); box-shadow:0 46px 124px rgba(13,29,39,.23),inset 0 1px rgba(255,255,255,.16); } .pzfam-transport-storage:before{ inset:-90px; background-image:linear-gradient(rgba(162,198,221,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(162,198,221,.055) 1px,transparent 1px); transform:translate3d(0,var(--scene-field-y),0); will-change:transform; } .pzfam-transport-storage .pzfam-transport-scene__meter{color:#9eb5c3} .pzfam-transport-storage .pzfam-transport-scene__meter i{background:rgba(255,255,255,.18)} .pzfam-transport-storage .pzfam-transport-scene__meter i:after{background:#78b9e8} .pzfam-transport-storage .pzfam-transport-scene__meter b{color:#718b9b} .pzfam-transport-storage__visual{ transform:translate3d(0,var(--scene-object-y),0); will-change:transform; } .pzfam-transport-storage__glass{ border-radius:21px; background:linear-gradient(132deg,rgba(255,255,255,.145),rgba(167,197,215,.065)); box-shadow:0 38px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.24); } .pzfam-transport-rails{ background:linear-gradient(118deg,rgba(235,242,246,.94),rgba(255,255,255,.94) 48%,rgba(217,230,238,.92)); } .pzfam-transport-rails:before{ left:-14%; top:-43%; transform:translate3d(0,var(--scene-field-y),0); will-change:transform; } .pzfam-transport-rails__copy{ padding:clamp(30px,3.7vw,54px); border:1px solid rgba(255,255,255,.88); border-radius:21px; background:linear-gradient(132deg,rgba(255,255,255,.72),rgba(224,235,241,.49)); box-shadow:0 30px 78px rgba(31,57,73,.12),inset 0 1px rgba(255,255,255,.98); backdrop-filter:blur(26px) saturate(124%); -webkit-backdrop-filter:blur(26px) saturate(124%); } .pzfam-transport-rails figure{ transform:translate3d(0,var(--scene-object-y),0); will-change:transform; } .pzfam-transport-rails figcaption{border-radius:10px} .pzfam--transport>.pzfam-reference, .pzfam--transport>.pzcat, .pzfam--transport>.pzfam-system, .pzfam--transport>.pzfam-config{ width:min(calc(100% - 44px),1560px); margin:clamp(28px,4vw,60px) auto 0; overflow:hidden; border:1px solid rgba(255,255,255,.82); border-radius:28px; box-shadow:0 42px 110px rgba(31,54,69,.13),inset 0 1px rgba(255,255,255,.94); } .pzfam--transport>.pzfam-reference{background:linear-gradient(145deg,rgba(248,251,252,.94),rgba(225,234,239,.92))} .pzfam--transport>.pzcat{background:linear-gradient(145deg,rgba(239,245,248,.94),rgba(251,252,253,.95))} .pzfam--transport>.pzfam-system{background:linear-gradient(145deg,rgba(247,250,251,.94),rgba(225,234,239,.91))} .pzfam--transport>.pzfam-config{margin-bottom:clamp(34px,5vw,72px);background:rgba(231,238,242,.68)} .pzfam--transport>.pzfam-config .pzfam-config__shell{border-radius:22px;overflow:hidden} .pzfam--transport .pzfam-config__copy h2{max-width:100%;color:#f1f5f8;font-size:clamp(2rem,2.8vw,2.9rem);line-height:1.12;overflow-wrap:normal;word-break:normal} .pzfam--transport .pzcat__download-copy strong{color:#fff} .pzfam--transport [data-reveal]{ filter:blur(5px); transform:translate3d(0,20px,0) scale(.992); transition:opacity 700ms ease-out,filter 900ms ease-out,transform 900ms cubic-bezier(.16,1,.3,1); } .pzfam--transport [data-reveal].is-visible{filter:none;transform:none} @media(max-width:1100px){ .pzfam--transport [data-transport-chapter]>.pzfam-wrap{width:calc(100% - 52px)} .pzfam-transport-scene__meter{right:28px} .pzfam--transport>.pzfam-reference,.pzfam--transport>.pzcat,.pzfam--transport>.pzfam-system,.pzfam--transport>.pzfam-config{width:calc(100% - 32px)} } @media(max-width:820px){ .pzfam--transport:before{transform:none} .pzfam--transport .pzfam-hero{padding:10px 8px 0} .pzfam--transport .pzfam-hero__grid{padding:10px;border-radius:20px} .pzfam--transport .pzfam-hero__copy,.pzfam--transport .pzfam-hero__media,.pzfam--transport .pzfam-hero__facts{border-radius:15px} .pzfam--transport [data-transport-chapter]{width:calc(100% - 16px);margin-top:18px;padding:78px 0 54px;border-radius:20px} .pzfam--transport [data-transport-chapter]>.pzfam-wrap{width:calc(100% - 28px)} .pzfam-transport-scene__meter{top:23px;right:20px;grid-template-columns:auto 72px auto;gap:9px} .pzfam-transport-cinema:before,.pzfam-transport-flow:before,.pzfam-transport-storage:before,.pzfam-transport-rails:before{transform:none} .pzfam-transport-cinema__panels figure,.pzfam-transport-flow article figure,.pzfam-transport-storage__visual,.pzfam-transport-rails figure{transform:none} .pzfam-transport-cinema__stage{border-radius:16px} .pzfam-transport-cinema__glass,.pzfam-transport-storage__glass,.pzfam-transport-rails__copy{border-radius:16px} .pzfam-transport-cinema__rail,.pzfam-transport-flow article{border-radius:14px} .pzfam--transport>.pzfam-reference,.pzfam--transport>.pzcat,.pzfam--transport>.pzfam-system,.pzfam--transport>.pzfam-config{width:calc(100% - 16px);margin-top:18px;border-radius:20px} .pzfam--transport>.pzfam-config{margin-bottom:24px} .pzfam--transport .pzfam-config__copy h2{font-size:clamp(2rem,6vw,3.1rem)} } @media(max-width:520px){ .pzfam--transport .pzfam-hero__copy h1{font-size:clamp(1.72rem,7.5vw,2.05rem);line-height:1.12;letter-spacing:-.045em;text-wrap:pretty;overflow-wrap:normal;word-break:normal} .pzfam--transport [data-transport-chapter]{padding-top:70px} .pzfam--transport [data-transport-chapter]>.pzfam-wrap{width:calc(100% - 20px)} .pzfam-transport-scene__meter{right:15px;grid-template-columns:auto 54px auto;font-size:.52rem} .pzfam-transport-cinema__shell{grid-template-rows:minmax(720px,86svh) auto} .pzfam-transport-flow__grid{gap:11px} .pzfam-transport-rails__copy{padding:26px 19px} } @media(prefers-reduced-transparency:reduce){ .pzfam--transport .pzfam-hero__grid,.pzfam-transport-cinema__glass,.pzfam-transport-storage__glass,.pzfam-transport-rails__copy{background:#f3f7f9;backdrop-filter:none;-webkit-backdrop-filter:none} .pzfam-transport-storage__glass{background:#1a2b35} } @media(prefers-contrast:more){ .pzfam--transport [data-transport-chapter],.pzfam--transport>.pzfam-reference,.pzfam--transport>.pzcat,.pzfam--transport>.pzfam-system,.pzfam--transport>.pzfam-config{border-color:#496274} .pzfam-transport-cinema__glass,.pzfam-transport-rails__copy{background:#fff} } @media(max-width:760px){ .pzfam-quick{display:none!important} .pzfam-hero{margin-top:0} } .pzfam-footer-in-view .pz-qc{ opacity:0!important; pointer-events:none!important; transform:translate3d(0,12px,0)!important; } @media(prefers-reduced-motion:reduce){ .pzfam--transport:before,.pzfam-transport-cinema:before,.pzfam-transport-flow:before,.pzfam-transport-storage:before,.pzfam-transport-rails:before,.pzfam-transport-cinema__panels figure,.pzfam-transport-flow article figure,.pzfam-transport-storage__visual,.pzfam-transport-rails figure{transform:none!important} .pzfam--transport [data-reveal]{filter:none!important;transform:none!important} } /* 4.4.0 - authored transport scenes on one continuous parallax field */ .pzfam--transport{ --transport-bg-x:0px; --transport-bg-y:0px; --transport-glow-y:0px; background:#e8eef2; } .pzfam--transport:before{ inset:-320px -80px; background: linear-gradient(90deg,rgba(38,73,96,.044) 1px,transparent 1px), linear-gradient(rgba(38,73,96,.038) 1px,transparent 1px), radial-gradient(circle at 84% 7%,rgba(255,255,255,.96),transparent 29%), radial-gradient(circle at 8% 32%,rgba(62,139,189,.15),transparent 24%), radial-gradient(circle at 90% 69%,rgba(98,159,196,.11),transparent 24%), linear-gradient(145deg,#edf2f5 0,#dfe8ed 48%,#f5f7f8 100%); background-size:96px 96px,96px 96px,auto,auto,auto,auto; transform:translate3d(var(--transport-bg-x),var(--transport-bg-y),0) scale(1.025); } .pzfam--transport:after{ inset:-15% -12%; background: radial-gradient(circle at 18% calc(28% + var(--transport-glow-y)),rgba(255,255,255,.54),transparent 28%), linear-gradient(90deg,rgba(255,255,255,.2),transparent 17% 83%,rgba(255,255,255,.17)); } /* A shared material, never a shared composition. */ .pzfam--transport [data-transport-chapter]{ --scene-object-x:0px; --scene-object-y:0px; --scene-object-scale:1; --scene-field-x:0px; margin-top:clamp(44px,7vw,112px); backdrop-filter:blur(18px) saturate(112%); -webkit-backdrop-filter:blur(18px) saturate(112%); } .pzfam--transport [data-transport-chapter]::before{ transform:translate3d(var(--scene-field-x),var(--scene-field-y),0); } .pzfam-transport-cinema{ width:min(calc(100% - 52px),1580px)!important; min-height:clamp(980px,128svh,1320px); margin-inline:auto!important; padding-block:clamp(98px,9vw,142px) clamp(76px,8vw,118px)!important; border-radius:34px!important; background:linear-gradient(132deg,rgba(220,231,237,.72),rgba(253,254,255,.7) 50%,rgba(219,231,238,.72))!important; } .pzfam-transport-cinema__shell{grid-template-rows:minmax(650px,76svh) auto} .pzfam-transport-cinema__panels figure{ transform:translate3d(var(--scene-object-x),var(--scene-object-y),0) scale(var(--scene-object-scale)); box-sizing:border-box; padding:clamp(16px,2.2vw,34px); } .pzfam-transport-cinema__panels img{max-width:calc(100% - 8px);max-height:590px;object-fit:contain} /* Chapter 02: one route, three handling scales, not three cards. */ .pzfam-transport-flow{ width:min(calc(100% - 132px),1420px)!important; min-height:clamp(1040px,138svh,1420px); margin-right:auto!important; margin-left:clamp(28px,4.3vw,82px)!important; padding-block:clamp(104px,10vw,156px)!important; border-radius:24px 44px 44px 24px!important; background:linear-gradient(145deg,rgba(248,251,252,.78),rgba(219,230,237,.69) 56%,rgba(247,250,251,.78))!important; } .pzfam-transport-flow__intro{margin-bottom:clamp(58px,7vw,96px)} .pzfam-transport-flow__intro h2{max-width:12.8ch} .pzfam-transport-flow__grid{ position:relative; min-height:910px; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:minmax(420px,1fr) minmax(390px,.92fr); gap:clamp(28px,4vw,62px); padding:clamp(26px,3.2vw,48px); border:1px solid rgba(255,255,255,.84); border-radius:26px; background:linear-gradient(130deg,rgba(255,255,255,.34),rgba(220,231,237,.18)); box-shadow:inset 0 1px rgba(255,255,255,.92),0 34px 82px rgba(35,59,74,.08); } .pzfam-transport-flow__route{ position:absolute; z-index:0; left:9%; right:8%; top:48%; height:1px; background:rgba(48,81,102,.16); transform:rotate(-7deg); transform-origin:center; } .pzfam-transport-flow__route i{ position:absolute; inset:0; background:linear-gradient(90deg,#65aada,var(--transport-blue)); transform:scaleX(var(--chapter-progress)); transform-origin:left; box-shadow:0 0 18px rgba(15,101,159,.22); } .pzfam-transport-flow__route span{ position:absolute; top:-5px; width:10px; height:10px; border:1px solid rgba(15,101,159,.6); border-radius:50%; background:#eef4f7; } .pzfam-transport-flow__route span:nth-of-type(1){left:4%} .pzfam-transport-flow__route span:nth-of-type(2){left:45%} .pzfam-transport-flow__route span:nth-of-type(3){right:2%} .pzfam-transport-flow article{ display:grid; min-height:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; isolation:isolate; } .pzfam-transport-flow article::before{display:none} .pzfam-transport-flow__single{grid-column:1/6;grid-row:1} .pzfam-transport-flow__series{grid-column:6/13;grid-row:1/3} .pzfam-transport-flow__kit{grid-column:1/6;grid-row:2} .pzfam-transport-flow__single{opacity:var(--flow-1-opacity,.55);transform:translate3d(0,var(--flow-1-y,24px),0)} .pzfam-transport-flow__series{opacity:var(--flow-2-opacity,.55);transform:translate3d(0,var(--flow-2-y,24px),0)} .pzfam-transport-flow__kit{opacity:var(--flow-3-opacity,.55);transform:translate3d(0,var(--flow-3-y,24px),0)} .pzfam-transport-flow :is(.pzfam-transport-flow__single,.pzfam-transport-flow__series,.pzfam-transport-flow__kit){transition:opacity .18s linear} .pzfam-transport-flow article figure{ position:relative; inset:auto; width:100%; min-height:0; margin:0; display:grid; place-items:center; overflow:visible; transform:translate3d(var(--scene-object-x),var(--scene-object-y),0) scale(var(--scene-object-scale)); } .pzfam-transport-flow article figure::after{left:12%;right:12%;bottom:4%;opacity:.62} .pzfam-transport-flow article img, .pzfam-transport-flow__single img, .pzfam-transport-flow__series img, .pzfam-transport-flow__kit img{ position:relative; inset:auto; width:100%; height:100%; max-width:100%; object-fit:contain; object-position:center; } .pzfam-transport-flow__single figure{height:255px} .pzfam-transport-flow__series figure{height:590px} .pzfam-transport-flow__kit figure{height:250px} .pzfam-transport-flow__single img{max-width:330px} .pzfam-transport-flow__series img{max-width:650px} .pzfam-transport-flow__kit img{max-width:350px} .pzfam-transport-flow article>div{ position:relative; left:auto; right:auto; bottom:auto; align-self:end; padding:clamp(22px,2.4vw,34px); border:1px solid rgba(255,255,255,.82); border-radius:16px; background:linear-gradient(136deg,rgba(251,253,254,.76),rgba(226,236,241,.49)); box-shadow:0 24px 58px rgba(27,50,65,.1),inset 0 1px #fff; backdrop-filter:blur(24px) saturate(122%); -webkit-backdrop-filter:blur(24px) saturate(122%); } .pzfam-transport-flow__single>div{margin:-12px 8% 0 0} .pzfam-transport-flow__series>div{margin:-22px 0 0 15%} .pzfam-transport-flow__kit>div{margin:-10px 0 0 9%} .pzfam-transport-flow article>div>strong{right:clamp(22px,2.4vw,34px);top:clamp(23px,2.5vw,35px)} /* Chapter 03: a tall, offset storage tower. */ .pzfam-transport-storage{ width:min(calc(100% - 174px),1320px)!important; min-height:clamp(860px,112svh,1080px)!important; margin-right:clamp(28px,6.2vw,118px)!important; margin-left:auto!important; padding-block:clamp(90px,8vw,126px)!important; border-radius:46px 24px 46px 46px!important; background:linear-gradient(132deg,rgba(8,18,25,.95),rgba(20,42,55,.94) 55%,rgba(40,67,82,.92))!important; } .pzfam-transport-storage__layout{ grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr); gap:clamp(28px,5vw,72px); min-height:720px; } .pzfam-transport-storage__visual{ min-height:690px; transform:translate3d(var(--scene-object-x),var(--scene-object-y),0) scale(var(--scene-object-scale)); } .pzfam-transport-storage__visual>img{width:100%;height:100%;max-height:700px;object-fit:contain;object-position:center} .pzfam-transport-storage__glass{ align-self:center; margin-right:-7%; border-radius:24px; } /* Chapter 04: a low panoramic rail carrier scene. */ .pzfam-transport-rails{ width:min(calc(100% - 96px),1480px)!important; min-height:clamp(760px,94svh,920px); margin-right:auto!important; margin-left:clamp(30px,7vw,132px)!important; padding-block:clamp(88px,8vw,126px)!important; border-radius:26px 46px 26px 46px!important; background:linear-gradient(118deg,rgba(230,239,244,.76),rgba(255,255,255,.76) 48%,rgba(211,226,235,.72))!important; } .pzfam-transport-rails__layout{grid-template-columns:minmax(340px,.67fr) minmax(0,1.33fr);gap:clamp(34px,7vw,112px)} .pzfam-transport-rails__copy{border-radius:18px;margin-left:-2%} .pzfam-transport-rails figure{ min-height:620px; transform:translate3d(var(--scene-object-x),var(--scene-object-y),0) scale(var(--scene-object-scale)); } .pzfam-transport-rails figure img{width:100%;height:100%;max-height:650px;object-fit:contain;object-position:center} /* Specialist sections keep their own UI and participate in the varied page rhythm. */ .pzfam--transport>.pzfam-reference{width:min(calc(100% - 150px),1360px);margin-right:clamp(26px,5vw,96px);margin-left:auto} .pzfam--transport>.pzcat{width:min(calc(100% - 52px),1580px)} .pzfam--transport>.pzfam-system{width:min(calc(100% - 116px),1460px);margin-right:auto;margin-left:clamp(24px,4vw,78px)} .pzfam--transport>.pzfam-config{width:min(calc(100% - 70px),1520px);margin-right:clamp(22px,3vw,56px);margin-left:auto} @media(max-width:1190px) and (min-width:1101px){ .pzfam--transport .pzfam-config__focus button{min-height:66px} .pzfam--transport .pzfam-config__focus button small{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.25} } @media(max-width:1100px){ .pzfam-transport-cinema{width:calc(100% - 32px)!important} .pzfam-transport-flow,.pzfam-transport-storage,.pzfam-transport-rails{width:calc(100% - 50px)!important;margin-inline:25px!important} .pzfam-transport-flow__grid{grid-template-rows:minmax(400px,1fr) minmax(370px,.9fr);gap:28px} .pzfam-transport-flow__single,.pzfam-transport-flow__kit{grid-column:1/7} .pzfam-transport-flow__series{grid-column:7/13} .pzfam-transport-flow__series>div{margin-left:6%} .pzfam-transport-storage__layout{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr)} .pzfam-transport-storage__glass{margin-right:-3%} .pzfam--transport>.pzfam-reference,.pzfam--transport>.pzcat,.pzfam--transport>.pzfam-system,.pzfam--transport>.pzfam-config{width:calc(100% - 32px);margin-inline:16px} } @media(max-width:820px){ .pzfam--transport:before{transform:none} .pzfam-transport-cinema,.pzfam-transport-flow,.pzfam-transport-storage,.pzfam-transport-rails{width:calc(100% - 16px)!important;margin-inline:8px!important;border-radius:20px!important} .pzfam-transport-cinema{min-height:0} .pzfam-transport-flow{min-height:0} .pzfam-transport-flow__grid{min-height:0;grid-template-columns:1fr;grid-template-rows:none;padding:18px;gap:40px} .pzfam-transport-flow__route{left:30px;right:auto;top:5%;bottom:5%;width:1px;height:auto;transform:none} .pzfam-transport-flow__route i{transform:scaleY(var(--chapter-progress));transform-origin:center top} .pzfam-transport-flow__route span{left:-5px!important;right:auto!important;top:auto} .pzfam-transport-flow__route span:nth-of-type(1){top:8%} .pzfam-transport-flow__route span:nth-of-type(2){top:49%} .pzfam-transport-flow__route span:nth-of-type(3){bottom:8%} .pzfam-transport-flow__single,.pzfam-transport-flow__series,.pzfam-transport-flow__kit{grid-column:1;grid-row:auto;min-height:0;margin-left:26px} .pzfam-transport-flow :is(.pzfam-transport-flow__single,.pzfam-transport-flow__series,.pzfam-transport-flow__kit){opacity:1;transform:none} .pzfam-transport-flow article figure{height:360px} .pzfam-transport-flow article img{max-width:620px} .pzfam-transport-flow article>div,.pzfam-transport-flow__single>div,.pzfam-transport-flow__series>div,.pzfam-transport-flow__kit>div{margin:-18px 0 0 7%} .pzfam-transport-storage{min-height:0!important} .pzfam-transport-storage__layout{grid-template-columns:1fr;min-height:0} .pzfam-transport-storage__visual{min-height:540px} .pzfam-transport-storage__glass{max-width:680px;margin:-70px 0 0 auto} .pzfam-transport-rails{min-height:0} .pzfam-transport-rails__layout{grid-template-columns:1fr} .pzfam-transport-rails__copy{margin:0;max-width:680px} .pzfam-transport-rails figure{grid-row:1;min-height:520px} .pzfam-transport-cinema__shell{grid-template-rows:minmax(830px,auto) auto} .pzfam-transport-cinema__panels>article{ grid-template-rows:360px auto; align-content:start; gap:22px; padding:54px 24px 28px; } .pzfam-transport-cinema__panels figure{ height:360px; padding:28px 26px 10px; transform:none; } .pzfam-transport-cinema__panels img{ width:100%; height:100%; max-width:calc(100% - 18px); max-height:322px; } .pzfam-transport-cinema__glass{ box-sizing:border-box; width:calc(100% - 20px); max-width:680px; margin-inline:auto; } } @media(max-width:520px){ .pzfam-transport-cinema__shell{grid-template-rows:minmax(720px,86svh) auto} .pzfam-transport-flow__grid{padding:12px 10px 18px} .pzfam-transport-flow__route{left:18px} .pzfam-transport-flow__single,.pzfam-transport-flow__series,.pzfam-transport-flow__kit{margin-left:18px} .pzfam-transport-flow article figure{height:285px} .pzfam-transport-flow__single img{max-width:245px} .pzfam-transport-flow__series img{max-width:330px} .pzfam-transport-flow__kit img{max-width:270px} .pzfam-transport-flow article>div,.pzfam-transport-flow__single>div,.pzfam-transport-flow__series>div,.pzfam-transport-flow__kit>div{margin:-10px 0 0 3%;padding:22px 18px} .pzfam-transport-storage__visual{min-height:410px} .pzfam-transport-storage__visual>img{width:100%;height:100%;max-width:100%} .pzfam-transport-storage__glass{margin-top:-36px} .pzfam-transport-rails figure{min-height:390px} .pzfam-transport-rails figure img{width:100%;height:100%;max-width:100%} .pzfam-transport-cinema__shell{grid-template-rows:minmax(760px,auto) auto} .pzfam-transport-cinema__panels>article{ grid-template-rows:292px auto; gap:16px; padding:46px 12px 16px; } .pzfam-transport-cinema__panels figure{ height:292px; padding:16px 12px 6px; } .pzfam-transport-cinema__panels img{ max-width:calc(100% - 12px); max-height:270px; } .pzfam-transport-cinema__glass{ width:calc(100% - 8px); margin-inline:auto; } } @media(prefers-reduced-motion:reduce){ .pzfam--transport:before,.pzfam-transport-cinema__panels figure,.pzfam-transport-flow article figure,.pzfam-transport-storage__visual,.pzfam-transport-rails figure{transform:none!important} } /* Phase 1: contain the transport title in its own glass panel. */ .pzfam--transport .pzfam-hero__copy{container-type:inline-size;min-width:0} .pzfam--transport .pzfam-hero__copy h1{ max-width:100%; font-size:clamp(1.72rem,10.4cqi,3rem)!important; line-height:1.12; overflow-wrap:normal; word-break:normal; hyphens:none; } /* Six complete model choices require more than six narrow text columns. */ .pzfam--rails .pzfam-hero__copy,.pzfam--connectors .pzfam-hero__copy{container-type:inline-size;min-width:0} .pzfam--rails .pzfam-hero__copy h1,.pzfam--connectors .pzfam-hero__copy h1{ max-width:100%;font-size:clamp(1.72rem,13cqi,3rem)!important;line-height:1.12; overflow-wrap:normal;word-break:normal;hyphens:none; } .pzfam--legs .pzfam-legatlas__tabs em{overflow-wrap:normal;word-break:normal;hyphens:none} @media(min-width:761px) and (max-width:1600px){ .pzfam--legs .pzfam-legatlas__tabs{grid-template-columns:repeat(3,minmax(0,1fr))} .pzfam--legs .pzfam-legatlas__tabs button:nth-child(3){border-right:0} .pzfam--legs .pzfam-legatlas__tabs button:nth-child(-n+3){border-bottom:1px solid var(--legs-line)} } @media(max-width:760px){ .pzfam--legs .pzfam-legatlas__tabs button{flex-basis:220px} } /* Preserve reachable section links when a desktop family rail fills. */ .pzfam-quick.poz-quick-aware .pzfam-quick__inner .pzfam-quick__links{ justify-content:safe center!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none; } .pzfam-quick.poz-quick-aware .pzfam-quick__links::-webkit-scrollbar{display:none} /* ===== LEG STAGE FIT (2026-09-10, Sven: excessive bleed in the hero) ===== The family stage is a SQUARE 896x896, but the leg line-up draws as a WIDE, SHORT group: every leg image is WIDTH-limited by object-fit:contain (box ~227 wide vs an image 0.31-0.65 wide-to-tall), so the legs can only ever render ~380px tall. With the line-up bottom-anchored (align-items:end + object-position bottom) every pixel of the leftover height collected ABOVE them: 46% dead at the top against 12% below, with the products covering just 32% of the frame. Cropping the source padding was tried and REVERTED - each canvas carries a different amount (11% to 41%), so cropping rescaled the legs unevenly and broke the group. The frame is what is wrong, so the frame is what changes: a shorter stage on this page only, and a line-up allowed to use a little more width so the legs render larger. Scoped to .pzfam-leghero - the other five family pages are untouched. */ @media (min-width: 1024px) { .pzfam-hero__media.pzfam-hero__family-stage.pzfam-leghero { height: auto; aspect-ratio: 896 / 660; align-self: center; } .pzfam-leghero .pzfam-leghero__lineup { inset: 6% -3% 8%; } } /* ===== RAMP STAGE FIT (2026-09-10, same audit) ===== The ramp render is 2400x857 - a 2.8:1 object letterboxed into the square stage, so object-fit:contain width-limits it to 306px of a 607px box and the frame sat 33% empty ABOVE and 33% BELOW: the lowest coverage on the site after the legs, but symmetric, so the cause is the frame's shape, not its alignment. Scoped to .pzfam-hero--ramps; the stage class it shares (.pzfam-hero__productstage) also dresses stepenice, sigurnosne ograde, spojnice and transport, which measure 46-75% covered and must NOT be touched. */ @media (min-width: 1024px) { .pzfam-hero--ramps .pzfam-hero__media.pzfam-hero__family-stage { height: auto; aspect-ratio: 896 / 470; align-self: center; } }