/* An opening film and a distinct visual language for Protocol Capital Investments. */
.hero.film-hero{display:block;position:relative;isolation:isolate;min-height:760px;min-height:max(760px,calc(100svh - 106px));height:auto;margin-top:106px;overflow:hidden;background:#0d2533;color:#fff}
.film-background{position:absolute;inset:0;z-index:-2;background:#0d2533 url('/assets/hero-poster-1280.webp') center 48%/cover no-repeat}
.film-background video{width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:0;transition:opacity 1.2s ease;filter:saturate(.76)}
.film-background.video-ready video{opacity:1}
.film-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081b2be8 0%,#081b2bb3 37%,#081b2b38 72%,#081b2b18),linear-gradient(0deg,#071d2bab 0%,transparent 30%,#081b2b1a);pointer-events:none}
.film-hero .hero-content{width:min(1376px,calc(100% - 128px));padding:110px 0 170px;margin-inline:auto;min-height:760px;min-height:max(760px,calc(100svh - 106px));display:flex;justify-content:center;align-items:flex-start}
.film-hero .eyebrow{color:#dfc69c;letter-spacing:.18em;font-size:.75rem;margin-bottom:33px}
.film-hero h1{font-size:clamp(5rem,7.8vw,8.2rem);line-height:1.01;letter-spacing:-.035em;max-width:1050px}
.film-hero h1 em{color:#e1c59b}
.film-hero .hero-line{overflow:hidden;padding-bottom:14px;margin-bottom:-14px}
.film-hero .hero-line>span,.film-hero .hero-line>em{animation:filmTitle 1.3s cubic-bezier(.18,.7,.2,1) both}
.film-hero .hero-line:nth-child(1)>span{animation-delay:.12s}.film-hero .hero-line:nth-child(2)>span{animation-delay:.3s}.film-hero .hero-line:nth-child(3)>em{animation-delay:.48s}
.film-hero .hero-description{max-width:580px;margin-top:32px;gap:29px;animation:filmFade 1.3s ease .7s both}
.film-hero .hero-description p{color:#d9e2e7;font-size:1.0625rem;line-height:1.8}
.film-hero .hero-description .button{background:#cbb080;border-color:#cbb080;color:#0b2231;font-size:.875rem}
.film-hero .hero-description .button:hover{background:#e4cba1;border-color:#e4cba1}
.film-hero .hero-bottom{position:absolute;inset:auto 0 37px;display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%;border-top:1px solid #ffffff42;padding-top:25px}
.film-hero .scroll-cue{color:#d8e3e9;font-size:.75rem;letter-spacing:.1em}
.film-hero .scroll-track{background:#ffffff40;height:31px}.film-hero .scroll-track i{background:#dbc294}
.film-meta{display:flex;align-items:center;gap:28px}
.film-meta>span{font-size:.75rem;letter-spacing:.11em;color:#c7d5dd}
.film-toggle{display:flex;align-items:center;gap:10px;min-height:45px;min-width:130px;padding:11px 16px;border:1px solid #ffffff75;background:#0d263970;color:#fff;font-size:.875rem;backdrop-filter:blur(8px)}
.film-toggle:hover{background:#244456}.film-toggle>i{font-size:.875rem;font-style:normal;line-height:1}
.film-toggle:focus-visible{outline-color:#efd9b5}
.pci-name{display:block;font-family:var(--sans);font-size:.8125rem;line-height:1.5;letter-spacing:.09em;color:#7e6a4c;margin-bottom:16px}
.pci-copy .pci-name{font-size:.8125rem;margin-top:5px;margin-bottom:20px}
.pci-page .pci-intro-picture img{object-position:center 50%;filter:saturate(.7)}
.pci-intro-picture .small-caption{display:block;font-size:.75rem!important;letter-spacing:.08em;line-height:1.6;max-width:280px}
.pci-pillar-grid>a{padding-top:0;border-top:0;overflow:hidden}
.pci-pillar-image{display:block;height:230px;margin-bottom:28px;overflow:hidden;background:var(--navy)}
.pci-pillar-image img{transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .85s;filter:saturate(.6)}
.pci-pillar-grid>a:hover .pci-pillar-image img{transform:scale(1.045);filter:saturate(.9)}
.pci-pillar-grid .pillar-number{font-size:2.2rem}.pci-pillar-grid h3{margin-top:19px}
.pci-overview-hero .pci-lead{max-width:590px}
.pci-image-caption{display:block;position:absolute;right:25px;top:24px;writing-mode:vertical-rl;z-index:2;color:#ffffffb0;font-size:.75rem;letter-spacing:.12em}
.pci-visual-story{position:relative;isolation:isolate;overflow:hidden;min-height:480px;display:flex;align-items:center;background:var(--deep);color:#fff}
.pci-visual-story>img{position:absolute;inset:0;z-index:-2;object-position:center 55%;filter:saturate(.6)}
.pci-visual-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071f32ed,#071f32a1 55%,#071f3229)}
.pci-visual-story>.wrap{padding-block:80px}
.pci-visual-story .eyebrow{color:#ddc59c;margin-bottom:30px;display:block}
.pci-visual-story h2{font-family:var(--serif);font-size:clamp(3.3rem,5.2vw,5.4rem);line-height:1.05;letter-spacing:-.03em;max-width:700px}
.pci-visual-story h2 em{font-style:normal;color:#dec198}
.pci-visual-story p{font-size:1.0625rem;line-height:1.85;color:#cbd8df;max-width:500px;margin-top:27px}
.systems-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding-block:45px 0;margin-top:45px;border-top:1px solid #ffffff35;max-width:900px}
.systems-visual>div{position:relative}.systems-visual>div:not(:last-child):after{content:'';position:absolute;top:20px;left:65px;right:-28px;height:1px;background:#cfb78565}
.systems-visual span{width:42px;height:42px;border:1px solid #cab386;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.2rem;color:#e1c797;background:#0b2638}
.systems-visual strong{display:block;margin-top:17px;font-size:1rem;font-weight:400;line-height:1.5;color:#d9e3e8}
.systems-visual span{animation:systemPulse 5s ease-in-out infinite}.systems-visual>div:nth-child(2) span{animation-delay:1.5s}.systems-visual>div:nth-child(3) span{animation-delay:3s}
@keyframes filmTitle{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes filmFade{from{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}
@keyframes systemPulse{0%,70%,100%{box-shadow:0 0 0 0 #d3b88800}30%{box-shadow:0 0 0 9px #d3b88818}}
@media(max-width:1199px){.film-hero .hero-content{width:calc(100% - 80px);padding-top:105px;padding-bottom:155px}.film-hero h1{font-size:6.1rem}.film-meta{gap:20px}.film-meta>span{display:none}.pci-pillar-image{height:205px}}
@media(max-width:900px){.hero.film-hero{margin-top:85px;min-height:745px}.film-hero .hero-content{min-height:745px;padding-top:90px;padding-bottom:150px}.film-hero h1{font-size:5.5rem}.film-hero .hero-description{max-width:520px}.film-hero .hero-description p{font-size:1rem}.film-hero .hero-bottom{bottom:30px}.pci-pillar-image{height:190px}.pci-pillar-grid{gap:24px}.pci-visual-story{min-height:530px}.pci-visual-story h2{font-size:4.5rem}.systems-visual{max-width:100%;gap:35px}}
@media(max-width:640px){.hero.film-hero{margin-top:82px;min-height:760px;min-height:max(760px,calc(100svh - 82px));overflow:hidden}.film-background{background-position:62% 50%}.film-background video{object-position:62% 50%}.film-hero:after{background:linear-gradient(90deg,#071d2cbd,#071d2c65),linear-gradient(0deg,#081d2ed1,transparent 65%)}.film-hero .hero-content{width:calc(100% - 44px);min-height:760px;min-height:max(760px,calc(100svh - 82px));padding:69px 0 170px;justify-content:center}.film-hero .eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:31px}.film-hero h1{font-size:clamp(3.4rem,13.3vw,5.2rem);line-height:1.04;letter-spacing:-.03em}.film-hero .hero-description{margin-top:27px;gap:27px}.film-hero .hero-description p{font-size:1rem;line-height:1.8;max-width:340px}.film-hero .hero-description .button{font-size:.8125rem;padding-inline:20px;min-height:53px}.film-hero .hero-bottom{bottom:28px;padding-top:23px;gap:16px}.film-hero .scroll-cue{font-size:.75rem;gap:12px;letter-spacing:.02em;max-width:160px;line-height:1.6}.film-hero .scroll-track{height:34px;flex-shrink:0}.film-toggle{font-size:.8125rem;padding-inline:12px;min-width:118px}.pci-name{font-size:.75rem;margin-bottom:15px;letter-spacing:.05em}.pci-pillar-grid>a{display:block}.pci-pillar-image{height:230px;margin-bottom:24px}.pci-pillar-grid .pillar-number{display:inline-block;font-size:2rem;margin-right:15px}.pci-pillar-grid h3{display:inline-block;vertical-align:top;font-size:2.25rem;margin-top:0}.pci-pillar-grid p{margin-top:21px}.pci-pillar-grid .text-link{margin-top:22px}.pci-pillar-grid{gap:40px}.pci-visual-story{min-height:640px}.pci-visual-story>.wrap{padding-block:68px}.pci-visual-story h2{font-size:3.3rem;line-height:1.08}.pci-visual-story p{font-size:1rem;line-height:1.8}.systems-visual{gap:20px;margin-top:33px;padding-top:31px}.systems-visual strong{font-size:.875rem;line-height:1.6}.systems-visual>div:not(:last-child):after{left:51px;right:-8px}.systems-visual span{width:38px;height:38px;font-size:1.1rem}.pci-image-caption{right:18px;top:20px;font-size:.75rem}}
@media(max-width:359px){.film-hero h1{font-size:3.1rem}.film-hero .hero-description .button{font-size:.75rem;padding-inline:15px}.film-hero .scroll-cue{max-width:128px}.pci-pillar-grid h3{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.film-hero .hero-line>span,.film-hero .hero-line>em,.film-hero .hero-description,.systems-visual span{animation:none!important;transform:none!important;opacity:1}.pci-pillar-image img,.film-background video{transition:none!important}}

.pci-home-photo{position:relative;height:420px;overflow:hidden;background:var(--navy)}.pci-home-photo>img{filter:saturate(.55);object-position:center 55%}.pci-home-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0a1e2dde)}.pci-home-photo .pci-mark{position:absolute;bottom:30px;left:28px;color:white;z-index:1;font-size:8rem;line-height:1}.pci-home-photo .pci-mark span{color:var(--gold-light)}.pci-wide-hero>img{object-position:center 70%}.pci-pillar-image img[src*=mobility]{object-position:center 73%}@media(max-width:900px){.pci-home-photo{height:380px}.pci-home-photo .pci-mark{font-size:6.3rem;left:20px}}@media(max-width:640px){.pci-home-photo{height:330px}.pci-home-photo .pci-mark{font-size:7.5rem;left:25px;bottom:23px}}