.pp-hero{position:relative;isolation:isolate;min-height:clamp(480px,42vw,680px);display:grid;align-items:center;overflow:hidden;background:#f7f7ef;color:#133c39}
.pp-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 39%}
.pp-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(247,247,239,.78),rgba(247,247,239,.18) 48%,transparent 65%)}
.pp-copy{padding:5rem clamp(24px,7vw,130px)}.pp-copy p{font-size:12px;letter-spacing:.18em;font-weight:700}.pp-copy h1{color:inherit;font-family:Arial,sans-serif;font-weight:700;font-size:clamp(58px,7.2vw,112px);line-height:.95;letter-spacing:-.07em;max-width:8ch;margin:20px 0 32px}
.pp-action{display:inline-flex;align-items:center;gap:26px;background:#d4f548;color:#133c39;text-decoration:none;border-radius:4px;padding:15px 22px;font-weight:700}.pp-action:hover{text-decoration:underline}.pp-index{padding-block:clamp(32px,5vw,76px);scroll-margin-top:100px}.pp-index h2{font-weight:700;letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(34px,4vw,60px)}.pp-list{border-top:1px solid #a7b4a6}.pp-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#133c39;border-bottom:1px solid #c7cec0;padding:20px 0;text-decoration:none}.pp-row strong{font-size:clamp(19px,2vw,28px);letter-spacing:-.025em}.pp-row small{display:block;font-size:13px;line-height:1.4}.pp-row>span:last-child{text-align:right;white-space:nowrap}a.pp-row:hover strong{text-decoration:underline}.pp-row img{height:76px;width:76px;object-fit:cover}.pp-row .pp-label{flex:1}
@media(max-width:749px){.pp-hero{display:flex;flex-direction:column;align-items:stretch}.pp-photo{position:relative;z-index:auto;height:clamp(230px,66vw,370px);object-position:78% 35%}.pp-hero:before{display:none}.pp-copy{padding:20px 24px 30px}.pp-copy h1{max-width:11ch;font-size:56px;margin:12px 0 20px}.pp-copy p{margin:0}.pp-row{padding:15px 0}.pp-row img{width:52px;height:60px}}

.pp-copy .pp-hero-sub{font-size:17px;font-weight:400;letter-spacing:normal;line-height:1.45;max-width:29ch;margin:16px 0 22px}

@media (min-width:750px) {
  .pp-photo { object-position:50% top }
  .pp-copy h1 { max-width:10ch }
}
.pp-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 22px; border:0 }
.pp-list .pp-row { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:8px; padding:0 0 16px }
.pp-list .pp-row img,.pp-spec { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; background:white }
.pp-spec { display:grid; place-items:center; background:#e7ecdc; color:#133c39; font-size:clamp(24px,4vw,48px); font-weight:700 }
.pp-list .pp-row strong { font-size:clamp(17px,2vw,24px); line-height:1.15 }
.pp-list .pp-row>span:last-child { text-align:left }
@media (max-width:749px) { .pp-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 12px } }