html{scroll-padding-top:118px}
.brand-hero{position:relative;height:clamp(380px,52vh,560px);display:flex;align-items:flex-end;justify-content:flex-start;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;overflow:hidden}
.brand-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,20,23,.78),rgba(15,20,23,.28) 58%,rgba(15,20,23,.08))}
.brand-hero-copy{position:relative;z-index:2;width:min(1300px,calc(100% - 120px));margin:0 auto;padding-bottom:64px;color:#fff}
.brand-hero-copy>span{display:block;margin-bottom:12px;font-size:11px;letter-spacing:.2em;color:#71a4f4}
.brand-hero .txt{display:block;font-size:clamp(36px,4.2vw,58px);line-height:1.18;font-weight:400;letter-spacing:.06em;color:#fff}
.brand-hero-copy p{margin-top:18px;font-size:15px;letter-spacing:.1em;color:rgba(255,255,255,.72)}
.brand-anchor-nav{position:sticky;z-index:90;top:64px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px;border-bottom:1px solid rgba(31,38,42,.08);background:rgba(250,250,248,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.brand-anchor-nav a{padding:9px 18px;font-size:13px;letter-spacing:.03em;color:#646d72;transition:background .2s,color .2s}
.brand-anchor-nav a:hover{background:#e9eeff;color:#3762e3}
.fpinpai{padding:84px 0 72px;background:#f6f6f3}
.fpinpai .padd220{padding:0 60px}
.fpinpai .brand-sections{max-width:1300px;margin:0 auto;counter-reset:brand-section}
.fpinpai .brand-sections>li{counter-increment:brand-section;display:grid;grid-template-columns:240px minmax(0,1fr);gap:54px;margin-bottom:28px;padding:50px;background:#fff;box-shadow:0 14px 46px rgba(38,45,49,.055);box-sizing:border-box}
.fpinpai .brand-sections>li:before{display:none}
.fpinpai li .lt,.fpinpai li .rt{float:none;width:auto}
.fpinpai li .lt{position:relative;padding-top:36px}
.fpinpai li .lt:before{content:"0" counter(brand-section);position:absolute;top:0;left:0;font-size:11px;letter-spacing:.16em;color:#3762e3}
.fpinpai .ftitle h3{font-size:clamp(25px,2vw,31px);line-height:1.3;font-weight:400;letter-spacing:.04em;color:#293034}
.fpinpai .ftitle p{margin-top:8px;font-size:10px;line-height:1.5;letter-spacing:.18em;color:#869095}
.fpinpai li .rt .pic{height:290px;margin:0;overflow:hidden;background:#e9edec}
.fpinpai li .rt .pic img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.fpinpai li:hover .rt .pic img{transform:scale(1.015)}
.fpinpai li .rt .del{max-width:820px;margin-top:30px;font-size:15px;line-height:1.9;letter-spacing:.015em;color:#555e63}
.fpinpai li .rt .del p{margin-bottom:12px}
.fpinpai li .rt .nav{padding-top:24px}
.fpinpai li .rt .nav dl{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fpinpai li .rt .nav dl dd{width:auto;min-height:92px;margin:0;padding:20px;background:#f1f4f3;box-sizing:border-box}
.fpinpai li .rt .nav dl dd:before{display:none}
.fpinpai li .rt .nav dl dd h2{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.015em;color:#2d3539}
.fpinpai li .rt .nav dl dd h6{padding:8px 0 0;font-size:12px;line-height:1.5;color:#747d81}
.fpinpai li .rt .nav2{margin-top:24px}
.fpinpai li .rt .nav2 dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fpinpai li .rt .nav2 dd{margin:0;padding:20px;background:#f1f4f3}
.fpinpai li .rt .nav2 dd h2 i{font-size:25px;font-weight:500}.fpinpai li .rt .nav2 dd h2 em{display:block;margin-top:6px;font-size:13px;font-weight:500}
.fpinpai li .rt .nav2 dd h6{margin-top:8px;font-size:12px;color:#747d81}
.fpinpai .brand-sections>li:nth-child(even){background:#eef2f2}
.fpinpai .brand-sections>li:nth-child(even) .rt .nav dl dd,.fpinpai .brand-sections>li:nth-child(even) .rt .nav2 dd{background:#fff}
@media(max-width:900px){
 .brand-hero{height:420px}.brand-hero-copy{width:calc(100% - 48px);padding-bottom:44px}.brand-hero-copy p{font-size:13px}
 .brand-anchor-nav{top:56px;justify-content:flex-start;overflow-x:auto;padding:8px 14px}.brand-anchor-nav a{flex:0 0 auto;padding:8px 12px;font-size:12px}
 .fpinpai{padding:48px 0}.fpinpai .padd220{padding:0 18px}.fpinpai .brand-sections>li{display:block;margin-bottom:18px;padding:28px 22px}.fpinpai li .lt{padding-top:30px;margin-bottom:22px}
 .fpinpai li .rt{margin-top:0}.fpinpai li .rt .pic{height:220px;margin:0}.fpinpai li .rt .del{margin-top:22px;font-size:14px;line-height:1.8}
 .fpinpai li .rt .nav dl{grid-template-columns:1fr 1fr}.fpinpai li .rt .nav2 dl{grid-template-columns:1fr}.fpinpai li .rt .nav dl dd{min-height:86px;padding:17px}
}
@media(max-width:480px){.brand-hero{height:360px}.brand-hero .txt{font-size:34px}.brand-hero-copy p{font-size:12px;letter-spacing:.06em}.fpinpai li .rt .pic{height:180px}}