.pf-hero{background:linear-gradient(120deg,#06172e,#102f60 75%,#194c8a);color:white;padding:100px 0 90px;position:relative;overflow:hidden}
.pf-hero:after{content:"";position:absolute;right:-8%;top:-40%;width:48%;aspect-ratio:1;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 85px #ffffff08,0 0 0 170px #ffffff06;pointer-events:none}
.pf-hero .wrap{position:relative;z-index:1}.pf-kicker{color:#a5caff;text-transform:uppercase;letter-spacing:.22em;font-weight:800;font-size:12px}
.pf-hero h1{font-size:clamp(40px,6vw,76px);line-height:1.06;max-width:860px;margin:14px 0 24px}
.pf-hero p{max-width:700px;color:#e2eaf7;font-size:18px}.pf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.pf-hero .pf-outline{display:inline-block;border:1px solid #dbeaff;color:white;padding:13px 22px;border-radius:5px;font-weight:700}
.pf-section{padding:76px 0}.pf-section h2{font-size:clamp(30px,4vw,46px);line-height:1.15;color:#102b5c;margin:8px 0 15px}.pf-lead{color:#53647b;max-width:750px}
.pf-filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 32px}
.pf-filter{border:1px solid #ccd9e8;background:#fff;color:#17355d;border-radius:40px;padding:11px 18px;font-weight:700;cursor:pointer}
.pf-filter[aria-pressed=true],.pf-filter:hover{background:#102b5c;color:white;border-color:#102b5c}
.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pf-card{display:flex;flex-direction:column;border:1px solid #dce5ef;border-radius:12px;overflow:hidden;background:white;box-shadow:0 10px 32px #0b2b5510;transition:transform .2s,box-shadow .2s}
.pf-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0b2b5525}
.pf-photo{aspect-ratio:4/3;background:linear-gradient(135deg,#dce7f2,#b4c9de);display:grid;place-items:center;position:relative;padding:24px;color:#244a74;text-align:center}
.pf-photo:before{content:"";position:absolute;inset:12px;border:1px dashed #668aaf;border-radius:5px}
.pf-photo span{position:relative;z-index:1;font-size:14px;font-weight:800;letter-spacing:.03em}
.pf-card-body{padding:24px}.pf-card-body h3{color:#102b5c;font-size:23px;margin:8px 0}.pf-card-body p{color:#566579;margin:0 0 20px}
.pf-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#2466c4}
.pf-link{color:#195bb0;font-weight:800}.pf-card[hidden]{display:none}
.pf-note{background:#eff5fb;border-left:4px solid #2466c4;padding:17px 20px;color:#3c526b;margin:25px 0;border-radius:3px}
.pf-case-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}.pf-panel{background:#f2f6fa;padding:28px;border-radius:10px}
.pf-panel dl{margin:0}.pf-panel dt{font-weight:800;color:#102b5c;margin-top:18px}.pf-panel dd{margin:4px 0 0;color:#526075}
.pf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pf-step{padding:24px;border:1px solid #dce5ef;border-radius:10px}.pf-step strong{color:#2466c4}
.pf-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pf-gallery .pf-photo{aspect-ratio:4/3;border-radius:8px}
.pf-cta{background:#102b5c;color:white;padding:58px 0}.pf-cta h2{color:white}.pf-cta p{color:#dce9fa}
.pf-breadcrumb{font-size:14px;margin-bottom:22px;color:#d9e8ff}.pf-breadcrumb a{text-decoration:underline}
@media(max-width:900px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-case-layout{grid-template-columns:1fr}}
@media(max-width:600px){.pf-grid,.pf-gallery,.pf-steps{grid-template-columns:1fr}.pf-hero{padding:75px 0}.pf-section{padding:48px 0}.pf-card-body{padding:20px}}

.pf-featured-image{aspect-ratio:4/3;overflow:hidden}.pf-featured-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.pf-card:hover .pf-featured-image img{transform:scale(1.035)}
.arts-hero{min-height:560px;display:flex;align-items:end;background-image:linear-gradient(90deg,#071b36ef,#071b3690 55%,#071b3625),var(--arts-hero);background-size:cover;background-position:center;color:#fff;padding:100px 0 70px}
.arts-hero h1{font-size:clamp(44px,6.5vw,88px);line-height:1.05;max-width:850px;margin:16px 0}.arts-hero p{font-size:21px;color:#e7eef8;margin-bottom:26px}
.arts-scope{columns:2;column-gap:40px;list-style:none;padding:0;margin:25px 0}.arts-scope li{break-inside:avoid;border-bottom:1px solid #dce5ef;padding:12px 0 12px 26px;position:relative;color:#263b54}.arts-scope li:before{content:"✓";position:absolute;left:0;color:#2168c9;font-weight:900}
.arts-gallery-section{background:#f5f8fc}.arts-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.arts-gallery-item{border:0;padding:0;cursor:pointer;background:#102b5c;border-radius:8px;overflow:hidden;position:relative;aspect-ratio:4/3}
.arts-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.arts-gallery-item:hover img{transform:scale(1.04)}
.arts-gallery-item span{position:absolute;bottom:0;left:0;right:0;text-align:left;color:white;background:linear-gradient(transparent,#071b36b8);padding:30px 14px 12px;font-weight:700;font-size:13px}
.arts-lightbox[hidden]{display:none!important}.arts-lightbox{position:fixed;inset:0;z-index:99999;background:#030a14f5;display:flex;align-items:center;justify-content:center;padding:65px 65px 50px}
.arts-lightbox-img{max-width:100%;max-height:100%;object-fit:contain}.arts-close,.arts-prev,.arts-next{position:absolute;border:0;background:#ffffff25;color:white;cursor:pointer;border-radius:50%;width:48px;height:48px;font-size:32px}
.arts-close{right:18px;top:14px}.arts-prev{left:12px;top:50%}.arts-next{right:12px;top:50%}.arts-count{position:absolute;bottom:16px;color:white;font-size:14px}
@media(max-width:800px){.arts-gallery{grid-template-columns:repeat(2,1fr)}.arts-scope{columns:1}.arts-lightbox{padding:65px 45px}}
@media(max-width:500px){.arts-gallery{grid-template-columns:1fr}.arts-hero{min-height:450px;padding:70px 0 45px}.arts-lightbox{padding:70px 35px}}