.pf-page{--pf-navy:#0b2d48;--pf-accent:#ef7623;background:#fff;color:var(--pf-navy)}.pf-shell{width:calc(100% - 64px);max-width:1320px;margin-inline:auto}.pf-loading{min-height:400px;padding-top:64px}.pf-hero{padding-top:20px;padding-bottom:32px}.pf-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#5d7489;margin-bottom:30px}.pf-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}.pf-page .pf-eyebrow{font:600 11px/1.5 var(--font-montserrat),sans-serif;letter-spacing:.13em;color:#d55b0c;margin-bottom:10px}.pf-page h1{font-size:clamp(34px,4.1vw,60px);line-height:1.2;letter-spacing:-.025em;font-weight:700}.pf-page .pf-lead{margin-top:18px;font-size:clamp(16px,1.5vw,21px);color:#536e86}.pf-hero-photos{display:grid;grid-template-columns:1.25fr 1fr 1fr;height:270px;gap:8px}.pf-hero-photos>div{position:relative;overflow:hidden;border-radius:4px}.pf-hero-photos img{-o-object-fit:cover;object-fit:cover}.pf-hero-photos>div:nth-child(2){margin-top:22px}.pf-hero-photos>div:nth-child(3){margin-bottom:22px}.pf-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:32px 0 0;padding:20px 0;border-block:1px solid #dce6ee}.pf-steps li{display:flex;align-items:center;gap:14px}.pf-steps li>svg{width:28px;height:28px;flex-shrink:0;stroke-width:1.6}.pf-step-number{font-size:28px;font-weight:700;color:#ee7625}.pf-steps strong{font-size:15px}.pf-steps p{font-size:12px;color:#5d7489}.pf-results{scroll-margin-top:100px}.pf-filters{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:26px}.pf-filters button{min-height:44px;padding:8px 18px;border:1px solid #dce5ed;border-radius:7px;font-size:13px;background:#fff;color:#173b5c;cursor:pointer}.pf-filters button[aria-pressed=true]{background:#0b2d48;border-color:#0b2d48;color:#fff}.pf-filters button:hover{border-color:#ef7623}.pf-results-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px}.pf-results-heading h2{font-size:clamp(22px,2.2vw,32px);line-height:1.3;font-weight:600}.pf-back{display:flex;align-items:center;gap:8px;border:0;background:none;font-size:13px;min-height:44px;cursor:pointer;white-space:nowrap}.pf-case{padding:36px 0}.pf-case-reverse{background:linear-gradient(115deg,#edf6fb,#f8fbfd)}.pf-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.pf-case-reverse .pf-case-photos{order:2}.pf-case-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.pf-case-photos button{position:relative;border:0;padding:0;background:#eef3f6;overflow:hidden;border-radius:5px;cursor:zoom-in}.pf-case-main{grid-column:1/-1;aspect-ratio:1.85}.pf-case-thumb{height:90px}.pf-card-photo img,.pf-case-photos img{transition:transform .25s ease}.pf-card-photo:hover img,.pf-case-photos button:hover img{transform:scale(1.025)}.pf-photo-label{position:absolute;bottom:10px;left:10px;display:flex;gap:8px;align-items:center;border-radius:4px;padding:4px 10px;background:#082c55d9;color:#fff;font-size:11px}.pf-photos-note{grid-column:1/-1;font-size:11px;color:#607487}.pf-wordmark{font:800 20px/1.3 var(--font-montserrat),sans-serif;color:#0b2d48}.pf-wordmark>span{color:var(--pf-accent)}.pf-page [data-brand=TOPCOOL]{--pf-accent:#1873cd}.pf-page [data-brand=TOPECO]{--pf-accent:#158442}.pf-page [data-brand=TOPPLUS]{--pf-accent:#e46d19}.pf-case-copy h2{margin-top:9px;font-size:clamp(26px,2.5vw,37px);line-height:1.3;font-weight:600}.pf-case-copy .pf-case-intro{margin-top:9px;margin-bottom:18px;color:#536e86;font-size:16px}.pf-scope{margin:0 0 22px}.pf-scope>div{display:grid;grid-template-columns:160px 1fr;gap:16px;border-bottom:1px solid #dce6ee;padding:13px 0}.pf-scope dt{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.pf-scope dt svg{flex-shrink:0}.pf-scope dd{margin:0;color:#526b80;font-size:13px;line-height:1.7}.pf-load,.pf-more{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;min-height:46px;padding:10px 18px;border:1px solid var(--pf-accent);border-radius:6px;background:#fff;color:var(--pf-navy);font-size:14px;font-weight:600;cursor:pointer}.pf-more>span{color:var(--pf-accent)}.pf-load:hover,.pf-more:hover{background:#fff5ec}.pf-gallery{padding-bottom:50px}.pf-search-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.mp .pf-page .pf-search{display:flex;align-items:center;gap:10px;flex:1;max-width:560px;min-height:48px;border:1px solid #d4e1eb;padding:0 14px;border-radius:8px}.mp .pf-page .pf-search input[type=search]{width:100%;min-width:0;border:0;background:transparent;color:#0b2d48;padding:10px 0;font:inherit;font-size:14px;margin:0}.pf-search>svg{flex-shrink:0}.pf-search-row>p{font-size:13px;color:#526b80}.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pf-card{border:1px solid #e0e8ee;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.pf-card-photo{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;background:#edf2f6;overflow:hidden;cursor:zoom-in}.pf-card-copy{padding:18px;display:flex;flex-direction:column;flex:1}.pf-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.pf-card-tags>span{color:var(--pf-accent);background:#f0f5f8;border-radius:99px;padding:1px 9px;font-size:11px;font-weight:700}.pf-card-tags small{font-size:11px;color:#5a7285}.pf-card h3{font-size:18px;font-weight:600;line-height:1.5;margin-bottom:16px}.pf-card-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#b8500b;font-size:14px;border:0;background:none;padding:0;cursor:pointer;margin-top:auto}.pf-load{display:flex;margin:30px auto 0}.pf-empty{text-align:center;padding:50px 20px;border-radius:12px;background:#f3f7fa}.pf-empty>svg{margin:0 auto 15px}.pf-empty button{margin-top:18px;border:1px solid #0b2d48;padding:10px 20px;border-radius:6px;cursor:pointer}.pf-dialog{position:fixed;max-width:calc(100vw - 24px);width:960px;max-height:90dvh;border:0;padding:28px;border-radius:16px;color:#0b2d48;background:#fff}.pf-dialog::backdrop{background:#021626cf}.pf-dialog h2{font-size:clamp(20px,2.2vw,30px);padding-right:26px;margin-bottom:20px;line-height:1.4}.pf-dialog-close{position:absolute;right:10px;top:8px;display:grid;place-items:center;width:44px;height:44px;background:#edf3f7;border:0;border-radius:50%;cursor:pointer}.pf-dialog-photo{position:relative;height:55dvh;background:#f1f5f7;margin-bottom:16px}.pf-photo-count{position:absolute;bottom:12px;right:12px;background:#082c55e8;color:#fff;border-radius:24px;padding:5px 12px;font-size:13px}.pf-album .pf-dialog-photo{height:clamp(180px,46dvh,560px);margin-bottom:12px;border-radius:10px;overflow:hidden;touch-action:pan-y}.pf-album-arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce5ed;border-radius:50%;background:#fffffff2;color:#0b2d48;cursor:pointer;box-shadow:0 2px 12px #082c5520}.pf-album-prev{left:10px}.pf-album-next{right:10px}.pf-album-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#526b80;font-size:12px;margin-bottom:10px}.pf-album-meta p{font-weight:600;color:#0b2d48}.pf-album-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px 3px 12px;margin-bottom:8px;scrollbar-width:thin}.pf-album-thumbnails button{position:relative;flex:0 0 88px;height:64px;border:2px solid transparent;border-radius:6px;overflow:hidden;padding:0;background:#edf3f7;cursor:pointer}.pf-album-thumbnails button[aria-pressed=true]{border-color:#ef7623;box-shadow:0 0 0 1px #ef7623}.pf-album-thumbnails img{-o-object-fit:cover;object-fit:cover}.pf-album-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#526b80;font-size:13px}.pf-album-loading .lucide-loader-circle{animation:pf-album-spin 1s linear infinite}@keyframes pf-album-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.pf-album-loading .lucide-loader-circle{animation:none}}.pf-page :is(button,a,input):focus-visible{outline:2px solid #e77320;outline-offset:3px}.pf-results-heading h2:focus{outline:none}@media(max-width:1023px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-hero-grid{gap:24px}.pf-hero-photos{height:240px}.pf-case-grid{gap:24px}.pf-scope>div{grid-template-columns:1fr;gap:6px}.pf-steps li{gap:9px}.pf-steps li>svg{display:none}}@media(max-width:767px){.pf-shell{width:calc(100% - 36px)}.pf-hero{padding-top:16px;padding-bottom:24px}.pf-breadcrumb{margin-bottom:22px}.pf-hero-grid{grid-template-columns:1fr;gap:24px}.pf-hero-photos{height:170px}.pf-steps{grid-template-columns:1fr;gap:12px;margin-top:24px;padding-block:16px}.pf-steps li>svg{display:block}.pf-step-number{font-size:24px}.pf-filters{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 16px;gap:7px;scrollbar-width:thin}.pf-filters button{flex-shrink:0;padding-inline:14px}.pf-results-heading{align-items:flex-start;flex-direction:column;gap:8px;padding-block:12px 20px}.pf-case{padding-block:24px}.pf-case-grid{grid-template-columns:1fr;gap:22px}.pf-case-reverse .pf-case-photos{order:0}.pf-case-thumb{height:75px}.pf-scope>div{grid-template-columns:135px 1fr;gap:12px}.pf-case-copy .pf-case-intro{font-size:15px}.pf-more{width:100%}.pf-search-row{flex-direction:column;align-items:stretch;gap:10px}.mp .pf-page .pf-search{max-width:none}.pf-dialog{padding:20px 16px}}@media(max-width:639px){.pf-grid{grid-template-columns:1fr;gap:18px}}@media(max-width:359px){.pf-scope>div{grid-template-columns:1fr;gap:7px}}@media(prefers-reduced-motion:reduce){.pf-page *{transition:none!important}}