@charset "UTF-8";
.p-phine-products{padding:6rem 0}
.p-phine-products--gray{background:#f5f6f7}
.p-phine-products__intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(30rem,.85fr);gap:5rem;align-items:center;max-width:120rem;margin:0 auto}
.p-phine-products__logo{display:block;width:21rem;height:auto;margin-bottom:2rem}
.p-phine-products__eyebrow{color:#bf0008;font-size:1.4rem!important;font-weight:700;letter-spacing:.08em;margin-bottom:1.4rem}
.p-phine-products__intro-copy h2{color:#bf0008;font-size:3.8rem;font-weight:700;line-height:1.4;margin-bottom:2rem}
.p-phine-products__intro-copy p{font-size:1.75rem;line-height:1.9;text-wrap:pretty}
.p-phine-products__intro-copy p+p{margin-top:1.2rem}
.p-phine-products__intro-image{display:grid;place-items:center;justify-self:end;width:100%;max-width:46rem;aspect-ratio:1/1;padding:4rem;background:#f4f7f9;box-shadow:0 1.2rem 3rem rgba(0,0,0,.07);overflow:hidden}
.p-phine-products__intro-image img{display:block;width:100%;height:100%;object-fit:contain}
.p-phine-products__strengths{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:6rem 0}
.p-phine-products__strengths li{border-top:.3rem solid #bf0008;background:#f3f3f3;padding:2.2rem;text-align:center}
.p-phine-products__strengths strong{display:block;color:#bf0008;font-size:2.2rem}
.p-phine-products__strengths span{display:block;font-size:1.5rem;margin-top:.4rem}
.p-phine-products__category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;width:100%;max-width:none;margin:0}
.p-phine-products__category-nav a{position:relative;display:flex;min-height:15rem;flex-direction:column;justify-content:center;overflow:hidden;padding:2.8rem 7rem 2.8rem 10rem;border:1px solid #e3e3e3;background:#fff;box-shadow:0 .6rem 1.8rem rgba(0,0,0,.07);transition:.25s ease}
.p-phine-products__category-nav a::before{content:"";position:absolute;left:0;top:0;width:.6rem;height:100%;background:#bf0008}
.p-phine-products__category-nav a::after{content:"→";position:absolute;right:2.5rem;top:50%;z-index:2;display:grid;place-items:center;width:4.2rem;height:4.2rem;border:1px solid #bf0008;border-radius:50%;color:#bf0008;font-size:2rem;transform:translateY(-50%);transition:.25s ease}
.p-phine-products__category-nav a:hover{transform:translateY(-.4rem);box-shadow:0 1.2rem 2.6rem rgba(0,0,0,.12)}
.p-phine-products__category-nav a:hover::after{background:#bf0008;color:#fff}
.p-phine-products__category-nav span{position:absolute;left:2.2rem;top:50%;color:#ededed;font-family:Arial,sans-serif;font-size:6rem;font-weight:700;line-height:1;transform:translateY(-50%)}
.p-phine-products__category-nav strong{position:relative;z-index:1;color:#222;font-size:2.4rem;line-height:1.35}
.p-phine-products__category-nav small{position:relative;z-index:1;color:#bf0008;font-size:1.3rem;font-weight:700;letter-spacing:.02em;margin-top:.8rem}
.p-phine-products__section-lead{max-width:100rem;margin:4rem auto 5rem;font-size:1.8rem;line-height:2;text-align:center;text-wrap:balance}
.p-phine-products__series{max-width:120rem;margin:0 auto}
.p-phine-products__series+.p-phine-products__series{margin-top:6rem}
.p-phine-products__series-heading{display:flex;align-items:center;gap:1.8rem;border-bottom:1px solid #d8d8d8;padding-bottom:1.4rem;margin-bottom:3rem}
.p-phine-products__series-heading>span{color:#e8e8e8;font-size:5.5rem;font-weight:700;line-height:1}
.p-phine-products__series-heading small{display:block;color:#bf0008;font-size:1.2rem;font-weight:700;letter-spacing:.08em}
.p-phine-products__series-heading h3{font-size:2.8rem;font-weight:700;line-height:1.35}
.p-phine-products__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;max-width:120rem;margin:0 auto}
.p-phine-products__grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.p-phine-products__card{background:#fff;border:1px solid #e8e8e8;box-shadow:0 .8rem 2.4rem rgba(0,0,0,.07);transition:.25s ease}
.p-phine-products__card a{display:flex;flex-direction:column;height:100%}
.p-phine-products__card figure{box-sizing:border-box;height:24rem;padding:2.8rem;display:grid;place-items:center;overflow:hidden}
.p-phine-products__card figure img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.p-phine-products__card--fpga figure{height:26rem;padding:2.8rem;align-items:center}
.p-phine-products__card--fpga figure img{width:100%;height:100%;max-width:100%;object-fit:contain;transform:translateY(-5.6rem)}
.p-phine-products__card:hover{transform:translateY(-.4rem);box-shadow:0 1.2rem 2.8rem rgba(0,0,0,.12)}
.p-phine-products__card:hover figure img{transform:scale(1.03)}
.p-phine-products__card--fpga:hover figure img{transform:translateY(-5.6rem) scale(1.03)}
.p-phine-products__card--image-90 figure img{transform:translateY(-5.6rem) scale(.9)}
.p-phine-products__card--image-90:hover figure img{transform:translateY(-5.6rem) scale(.93)}
.p-phine-products__card-body{position:relative;flex:1;border-top:.3rem solid #bf0008;padding:2.4rem 6rem 2.4rem 2.4rem}
.p-phine-products__card-body small{display:block;color:#bf0008;font-size:1.2rem;font-weight:700;letter-spacing:.06em}
.p-phine-products__card-body h4{margin-top:.7rem;color:#222;font-size:2rem;font-weight:700;line-height:1.45;text-wrap:balance}
.p-phine-products__card-body span{display:block;margin-top:1.6rem;color:#555;font-size:1.4rem}
.p-phine-products__card-body::after{content:"→";position:absolute;right:2rem;bottom:2.2rem;display:grid;place-items:center;width:3.6rem;height:3.6rem;border:1px solid #bf0008;border-radius:50%;color:#bf0008;font-size:1.7rem}
.p-phine-products__actions{margin-top:6rem;text-align:center}
.p-phine-products__button{display:inline-flex;min-width:30rem;justify-content:center;align-items:center;background:#bf0008;border:1px solid #bf0008;color:#fff;font-size:1.7rem;font-weight:700;padding:1.7rem 3rem;transition:.25s ease}
.p-phine-products__button:hover{background:#fff;color:#bf0008}
@media screen and (max-width:1200px){.p-phine-products__grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:667px){.p-phine-products{padding:5rem 0}.p-phine-products__intro{grid-template-columns:1fr;gap:3rem}.p-phine-products__logo{width:18rem;margin-bottom:1.6rem}.p-phine-products__intro-copy h2{font-size:2.8rem}.p-phine-products__intro-copy p{font-size:1.6rem}.p-phine-products__intro-image{justify-self:center;max-width:38rem;padding:2.5rem}.p-phine-products__strengths{grid-template-columns:1fr;margin:4rem 0}.p-phine-products__category-nav{grid-template-columns:1fr}.p-phine-products__category-nav a{min-height:12rem;padding:2.4rem 6rem 2.4rem 8.5rem}.p-phine-products__category-nav span{left:1.8rem;font-size:5rem}.p-phine-products__category-nav strong{font-size:2.1rem}.p-phine-products__category-nav a::after{right:1.8rem;width:3.6rem;height:3.6rem}.p-phine-products__section-lead{margin:3rem auto;font-size:1.6rem;text-align:left;text-wrap:pretty}.p-phine-products__series+.p-phine-products__series{margin-top:4rem}.p-phine-products__series-heading>span{font-size:4.5rem}.p-phine-products__series-heading h3{font-size:2.3rem}.p-phine-products__grid,.p-phine-products__grid--four{grid-template-columns:1fr;gap:2.4rem}.p-phine-products__card figure{height:22rem}.p-phine-products__card--fpga figure{height:24rem}.p-phine-products__button{min-width:0;width:100%}}
/* Align the product introduction with the content's left edge. */
.p-phine-products .p-phine-products__intro{width:100%;max-width:none;margin:0;grid-template-columns:minmax(0,1fr) minmax(0,46rem);gap:clamp(3rem,3.5vw,5rem);align-items:center}
.p-phine-products .p-phine-products__intro-copy{min-width:0;width:100%;max-width:none;justify-self:start;text-align:left}
.p-phine-products .p-phine-products__intro-copy p{text-wrap:pretty}
@media(min-width:901px){.p-phine-products .p-phine-products__intro-copy h2 br{display:none}.p-phine-products .p-phine-products__intro-copy h2{text-wrap:balance}}
.p-phine-products .p-phine-products__intro-image{justify-self:end;margin:0}
.p-phine-products .p-phine-products__intro-image img{object-fit:contain;object-position:center}
@media(max-width:900px){.p-phine-products .p-phine-products__intro{grid-template-columns:1fr;gap:3rem}.p-phine-products .p-phine-products__intro-copy{max-width:none}.p-phine-products .p-phine-products__intro-image{justify-self:center}}
.p-phine-products .p-phine-products__intro-image{aspect-ratio:1.2/1;padding:0 4rem}
.p-phine-products .p-phine-products__intro-image img{object-fit:cover;object-position:center}