.pfHero{background:linear-gradient(#3e5c80 0%,#fff 100%);place-items:center;height:100vh;min-height:560px;display:grid;position:relative;overflow:hidden}.pfHeroGrid{transform-origin:50% 45%;will-change:transform;grid-template-columns:repeat(6,18.9063vw);grid-auto-rows:14.7917vw;gap:.8333vw;transition:transform 1.3s cubic-bezier(.22,.61,.36,1) .2s;display:grid;position:absolute;top:-2.7083vw;left:-8.8021vw;transform:scale(1.08)}.pfHeroTile{background:var(--sg200);position:relative;overflow:hidden}.pfHeroTile img{object-fit:cover}.pfHeroVeil{opacity:0;background:#fff9;transition:opacity 1.3s .2s,-webkit-backdrop-filter 1.3s .2s,backdrop-filter 1.3s .2s;position:absolute;inset:0}.pfHero[data-play=true] .pfHeroGrid{transform:none}.pfHero[data-play=true] .pfHeroVeil{opacity:1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.pfHeroTitle{z-index:1;font-size:var(--h1);letter-spacing:-.003em;text-align:center;color:#19212c;flex-direction:column;align-items:center;margin:0;padding:0 20px;font-weight:400;line-height:1.3;display:flex;position:relative}.pfHeroTitle strong{font-weight:700}.pfHeroStrong{color:var(--p400)}.pfLine{padding-bottom:.08em;display:block;overflow:hidden}.pfLine>span{opacity:0;will-change:transform, opacity;transition:transform 1s cubic-bezier(.22,1,.36,1) .8s,opacity .7s .8s;display:block;transform:translateY(105%)}.pfLine+.pfLine>span{transition-delay:1.1s}.pfHero[data-play=true] .pfLine>span{opacity:1;transform:none}.pfBrM{display:none}.pfList{padding:max(64px, 5.2083vw) var(--side) max(64px, 5.2083vw);background:#fff}.pfListHead{flex-direction:column;align-items:center;gap:max(28px,2.9167vw);display:flex}.pfListTitle{font-size:var(--h1);letter-spacing:-.003em;color:var(--p400);margin:0;font-weight:700;line-height:1.3}.pfBar{font-size:var(--b3x);letter-spacing:-.003em;color:var(--p400);justify-content:space-between;align-items:center;gap:16px;margin:max(32px,2.552vw) 0 max(16px,1.25vw);line-height:1.5;display:flex}.pfCount{margin:0}.pfCount strong{margin:0 2px 0 4px;font-weight:700}.pfSort{align-items:center;gap:max(12px,.8333vw);display:flex}.pfSort>span{color:var(--sg500);font-weight:700}.pfSort button{font:inherit;color:var(--p400);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:700;display:inline-flex}.pfSort button[aria-pressed=true]{color:var(--pt200)}.pfSort button:hover{color:var(--pt300)}.pfArrow{width:max(16px,1.0417vw);height:max(16px,1.0417vw);transition:transform .24s}.pfArrow[data-dir=asc]{transform:rotate(180deg)}.pfCollage{gap:var(--gutter);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;container-type:inline-size}.pfCollage>li{width:calc((100cqw - var(--pf-gaps) * var(--gutter)) * var(--pf-w) - .02px);opacity:0;flex:none;height:25.2667cqw;transition:opacity .72s,transform .72s cubic-bezier(.22,.61,.36,1);transform:translateY(48px)}.pfCollage>li[data-on=true]{opacity:1;transform:none}.pfTile{background:var(--p400);color:#fff;isolation:isolate;border-radius:max(30px,1.5625vw);height:100%;text-decoration:none;display:block;position:relative;overflow:hidden;container-type:inline-size}.pfTileShot{z-index:-2;position:absolute;inset:0}.pfTileShot img{object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.pfTileShot[data-empty=true]{font-size:var(--b3x);color:#fff9;place-items:start center;padding-top:18%;display:grid}.pfTile:after{content:"";z-index:-1;background:linear-gradient(#16273c00 34%,#16273cd1 100%);transition:opacity .3s;position:absolute;inset:0}.pfTileInfo{flex-direction:column;gap:max(10px,.7292vw);padding:max(20px,1.4583vw);display:flex;position:absolute;inset:auto 0 0}.pfTileFoot{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.pfTileFoot[data-stack]{flex-direction:column;align-items:flex-start;gap:4px}.pfTileClient{min-width:0;font-size:var(--h2x);letter-spacing:-.003em;word-break:keep-all;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.pfTileClient[data-len=l]{font-size:max(20px,1.4583vw)}.pfTileClient[data-len=xl]{font-size:max(18px,1.25vw)}.pfTileYear{font-size:var(--b3x);color:#ffffffd9;flex:none;line-height:1.5}.pfTile:hover .pfTileShot img,.pfTile:focus-visible .pfTileShot img{transform:scale(1.04)}.pfTile:focus-visible{outline:3px solid var(--pt200);outline-offset:3px}@container (max-width:380px){.pfTileFoot{flex-direction:column;align-items:flex-start;gap:4px}.pfTileClient{font-size:max(18px,1.25vw)}.pfTileClient[data-len]{font-size:max(15px,.9375vw)}.pfTileYear{font-size:max(13px,.7813vw)}}.pfMore{border:1px solid var(--sg300);width:max(160px,9.4792vw);font:inherit;font-size:var(--b1);color:var(--sg300);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:4px;margin:max(40px,2.9167vw) auto 0;padding:max(12px,.8333vw) 0;line-height:1.5;transition:border-color .2s,color .2s;display:flex}.pfMore strong{color:var(--pt200);font-weight:700}.pfMore:hover{border-color:var(--pt200);color:var(--p400)}.pfEmpty{border:1px dashed var(--sg300);background:var(--sg100);text-align:center;border-radius:max(20px,1.5625vw);flex-direction:column;justify-content:center;align-items:center;gap:max(12px,1.0417vw);min-height:max(320px,26.0417vw);padding:40px 20px;display:flex}.pfEmptyTitle{font-size:var(--h2x);color:var(--p400);word-break:keep-all;margin:0;font-weight:700;line-height:1.2}.pfEmptyDesc{font-size:var(--b1);color:var(--sg500);word-break:keep-all;margin:0 0 8px;line-height:1.6}.pfDetail{padding:max(104px, 9.375vw) var(--side) 0;background:#fff}.pfDetailHead{flex-direction:column;align-items:flex-start;gap:max(8px,.625vw);display:flex}.pfDetailTitle{font-size:var(--h1);letter-spacing:-.003em;color:var(--p400);word-break:keep-all;margin:0;font-weight:700;line-height:1.3}.pfDetailBody{gap:max(16px,.8333vw);margin-top:max(28px,2.9167vw);display:flex}.pfDetailShot{background:var(--sg300);border-radius:max(20px,1.5625vw);flex:none;width:45.2083vw;min-height:max(260px,26.0417vw);position:relative;overflow:hidden}.pfDetailShot img{object-fit:cover}.pfDetailShot[data-empty=true]{color:#fff;font-size:var(--b1);place-items:center;display:grid}.pfSpec{flex-direction:column;flex:1;gap:max(16px,1.1979vw);display:flex}.pfSpecTable{border-top:1px solid var(--sg300);margin:0}.pfSpecRow{border-bottom:1px solid var(--sg300);min-height:max(48px,3.125vw);font-size:var(--b1);letter-spacing:-.003em;justify-content:space-between;align-items:center;gap:16px;padding:max(10px,.8333vw) 0;line-height:1.5;display:flex}.pfSpecRow dt{color:var(--sg500);font-weight:400}.pfSpecRow dd{color:var(--p400);text-align:right;margin:0;font-weight:700}.pfInquiry{background:var(--pt200);color:#fff;font-size:var(--b1);border-radius:max(8px,.5208vw);justify-content:center;align-items:center;padding:max(12px,.8333vw) 24px;font-weight:700;line-height:1.5;text-decoration:none;transition:background-color .2s;display:flex}.pfInquiry:hover{background:var(--pt300)}.pfGal{padding:max(40px, 2.9167vw) 0 0 var(--side);box-sizing:border-box;isolation:isolate;gap:max(16px,.8333vw);height:30.2083vw;min-height:420px;margin-top:max(64px,5.2083vw);display:flex;position:relative}.pfGal:before{content:"";background:var(--pt100);z-index:-1;height:86.2%;position:absolute;inset:0 0 auto}.pfGalCopy{flex-direction:column;flex:none;justify-content:space-between;width:max(260px,25.4688vw);display:flex}.pfGalHead{flex-direction:column;gap:max(8px,.625vw);display:flex}.pfGalEyebrow{font-size:var(--b1);color:var(--pt200);margin:0;font-weight:700;line-height:1.5}.pfGalTitle{font-size:var(--h1);letter-spacing:-.003em;color:var(--p400);white-space:nowrap;margin:0;font-weight:700;line-height:1.3}.pfGalCtl{justify-content:space-between;align-items:center;display:flex}.pfGalCount{color:var(--p400);margin:0;font-size:14px;display:none}.pfGalCount strong{font-weight:700}.pfGalBtns{gap:max(12px,.8333vw);display:flex}.pfGalBtns button{background:var(--sg300);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:max(40px,2.5vw);height:max(40px,2.5vw);padding:0;transition:background-color .2s,opacity .2s;display:grid}.pfGalBtns button:hover{background:var(--p400)}.pfGalBtns button:disabled{opacity:.45;cursor:default;background:var(--sg300)}.pfGalBtns svg{width:max(8px,.5208vw);height:auto}.pfGalRail{padding:0 var(--side) 0 0;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;align-self:flex-start;gap:max(12px,.8333vw);margin:0;list-style:none;display:flex;overflow-x:auto}.pfGalRail::-webkit-scrollbar{display:none}.pfGalRail:focus-visible{outline:2px solid var(--pt200);outline-offset:4px}.pfGalItem{aspect-ratio:363/500;scroll-snap-align:start;background:var(--sg200);border-radius:max(20px,1.5625vw);flex:none;width:max(240px,18.9063vw);position:relative;overflow:hidden}.pfGalItem img{object-fit:cover}.pfOthers{padding:max(64px, 5.2083vw) var(--side) max(64px, 5.2083vw);flex-direction:column;align-items:center;gap:max(28px,2.9167vw);display:flex}.pfOthersTitle{font-size:var(--h2x);letter-spacing:-.003em;color:var(--p400);align-self:stretch;margin:0;font-weight:700;line-height:1.2}.pfOthersRail{grid-template-columns:repeat(4,1fr);align-self:stretch;gap:max(12px,.8333vw);margin:0;padding:0;list-style:none;display:grid}.pfOthersRail>li{display:flex}.pfOthersRail .sbCase{flex:1}.pfOthersDots{display:none}@media (prefers-reduced-motion:reduce){.pfHeroGrid,.pfHeroVeil,.pfLine>span,.pfCollage>li,.pfTileShot img{transition:none}.pfHeroGrid{transform:none}.pfHeroVeil{opacity:1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.pfLine>span,.pfCollage>li{opacity:1;transform:none}.pfTile:hover .pfTileShot img,.pfTile:focus-visible .pfTileShot img{transform:none}.pfArrow{transition:none}}@media (max-width:900px){.pfHero{height:568px;min-height:0;margin-top:72px}.pfHeroGrid{grid-template-columns:repeat(4,34vw);grid-auto-rows:27vw;gap:2vw;top:-4vw;left:-12vw}.pfHeroGrid>:nth-child(n+25){display:none}.pfHeroTitle{font-size:24px}.pfHeroVeil{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pfBrM{display:inline}.pfList{padding:48px 16px}.pfListHead{gap:20px}.pfListTitle{font-size:22px}.pfTabs{border-radius:20px;flex-wrap:wrap;justify-content:center}.pfTabs button{width:33.3333%;padding:8px 4px;font-size:13px}.pfBar{margin:24px 0 12px;font-size:13px}.pfSort>span{display:none}.pfArrow{width:14px;height:14px}.pfCollage{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pfCollage>li{aspect-ratio:4/3;width:auto;height:auto}.pfTile{border-radius:16px}.pfTileInfo{gap:8px;padding:14px}.pfTileClient,.pfTileClient[data-len]{font-size:18px}.pfTileYear{font-size:13px}.pfMore{width:160px;margin-top:28px;font-size:15px}.pfDetail{padding:96px 16px 0}.pfDetailTitle{font-size:22px}.pfDetailBody{flex-direction:column;gap:16px;margin-top:20px}.pfDetailShot{aspect-ratio:4/3;border-radius:16px;width:100%;min-height:0}.pfSpecRow{min-height:44px;padding:10px 0;font-size:14px}.pfInquiry{border-radius:8px;padding:14px 20px;font-size:15px}.pfGal{flex-direction:column;gap:20px;height:auto;min-height:0;margin-top:40px;padding:36px 0 32px}.pfGal:before{height:100%}.pfGalCopy{display:contents}.pfGalHead{order:0;padding:0 16px}.pfGalTitle{white-space:normal;font-size:22px}.pfGalRail{order:1;align-self:stretch;padding:0 16px;scroll-padding:0 16px}.pfGalItem{border-radius:16px;width:78vw;max-width:320px}.pfGalCtl{order:2;padding:0 16px}.pfGalCount{display:block}.pfOthers{gap:20px;padding:40px 0 48px}.pfOthersTitle{align-self:center;font-size:22px}.pfOthersRail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:8px 16px 12px;scroll-padding:0 16px;display:flex;overflow-x:auto}.pfOthersRail::-webkit-scrollbar{display:none}.pfOthersRail>li{scroll-snap-align:start;flex:none;width:78vw;max-width:320px}.pfOthersDots{gap:6px;margin-top:-8px;display:flex}.pfOthersDots button{background:var(--sg200);cursor:pointer;border:0;border-radius:50%;width:6px;height:6px;padding:0}.pfOthersDots button[data-on=true]{background:var(--pt200)}.pfBack{width:calc(100% - 32px);padding:14px 20px}}@media (max-width:520px){.pfCollage{grid-template-columns:1fr}.pfCollage>li{aspect-ratio:3/2}}
