.pf-eyebrow{color:var(--impact-orange);font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.pf-eyebrow:before{content:"";background:currentColor;border-radius:2px;width:28px;height:2px}.pf-hero{isolation:isolate;padding:clamp(130px, 19vh, 210px) var(--pad-x) clamp(64px, 10vh, 120px);position:relative;overflow:hidden}.pf-hero__bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.pf-hero__dots{background-image:radial-gradient(circle,#8cbeeb38 1px,#0000 1.6px);background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(45% 70% at 82% 40%,#000 0%,#00000080 50%,#0000 100%);mask-image:radial-gradient(45% 70% at 82% 40%,#000 0%,#00000080 50%,#0000 100%)}.pf-hero__dots+.dot-field{-webkit-mask-image:radial-gradient(55% 82% at 82% 40%,#000 0%,#0009 50%,#0000 100%);mask-image:radial-gradient(55% 82% at 82% 40%,#000 0%,#0009 50%,#0000 100%)}.pf-hero__brush{aspect-ratio:1743.74/433.83;width:82vw;height:auto;fill:var(--impact-orange);opacity:.13;animation:pf-paint 1.4s var(--ease-out) .5s backwards;position:absolute;top:18%;right:-18vw;overflow:visible;rotate:-14deg}.pf-hero__inner{width:min(1200px,100%);margin-inline:auto}.pf-hero__inner>*{animation:pf-rise .9s var(--ease-out) backwards}.pf-hero__inner>:first-child{animation-delay:.15s}.pf-hero__inner>:nth-child(2){animation-delay:.25s}.pf-hero__inner>:nth-child(3){animation-delay:.4s}.pf-hero__inner>:nth-child(4){animation-delay:.55s}.pf-hero__title{letter-spacing:-.025em;text-wrap:balance;max-width:13ch;margin:22px 0 0;font-size:clamp(42px,6.4vw,100px);font-weight:600;line-height:1}.pf-hero__title em{color:var(--impact-orange);font-style:normal}.pf-hero__lead{color:#ffffffc7;text-wrap:pretty;max-width:48ch;margin:clamp(20px,3vh,30px) 0 0;font-size:clamp(16px,1.3vw,20px);line-height:1.6}.pf-filters{flex-wrap:wrap;gap:10px;margin-top:clamp(30px,5vh,48px);display:flex}.pf-filter{color:#ffffffd9;font-family:var(--font-ui);border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:15px;line-height:1.2;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.pf-filter:hover{border-color:var(--impact-orange);color:var(--impact-orange)}.pf-filter.is-active{border-color:var(--impact-orange);background:var(--impact-orange);color:var(--skyfall)}.pf-filter__count{text-align:center;background:#ffffff1a;border-radius:999px;min-width:1.6em;padding:1px 6px;font-size:12px}.pf-filter.is-active .pf-filter__count{background:#172e4329}.pf-body{width:min(1320px,100%);padding:0 var(--pad-x) clamp(96px, 14vh, 160px);grid-template-columns:190px minmax(0,1fr);gap:clamp(32px,5vw,88px);margin-inline:auto;display:grid}.pf-index{align-self:start;position:sticky;top:130px}.pf-index__label{color:#ffffff73;font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-size:12px}.pf-index__list{border-left:1px solid #ffffff1f;gap:4px;margin:0;padding:0;list-style:none;display:grid}.pf-index__list li{transition:opacity .3s;position:relative}.pf-index__list li:before{content:"";background:var(--accent);width:2px;transition:scale .45s var(--ease-out);border-radius:2px;position:absolute;top:6px;bottom:6px;left:-1px;scale:1 0}.pf-index__list a{color:#ffffff80;gap:10px;padding:8px 0 8px 16px;font-size:14px;line-height:1.35;transition:color .3s;display:flex}.pf-index__num{font-family:var(--font-ui);font-variant-numeric:tabular-nums;opacity:.7;transition:color .3s}.pf-index__list a:hover{color:var(--simply-white)}.pf-index__list li.is-current:before{scale:1}.pf-index__list li.is-current a{color:var(--simply-white)}.pf-index__list li.is-current .pf-index__num{color:color-mix(in srgb, var(--accent) 80%, #fff);opacity:1}.pf-index__list li.is-filtered{opacity:.25;pointer-events:none}.pf-cases{gap:clamp(96px,15vh,170px);min-width:0;display:grid}.case{--accent-text:color-mix(in srgb, var(--accent) 78%, #fff);scroll-margin-top:110px}.case[hidden]{display:none}.case__media{isolation:isolate;background:radial-gradient(110% 90% at 88% 8%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 62%), var(--navy-900);border:1px solid #ffffff14;border-radius:clamp(16px,2vw,28px);margin:0;padding:clamp(18px,3.4vw,52px);position:relative;overflow:hidden}.case__brush{z-index:-1;aspect-ratio:1743.74/433.83;width:124%;height:auto;fill:var(--accent);transition:clip-path 1.2s var(--ease-out) .15s;position:absolute;top:22%;left:-12%;overflow:visible;rotate:-9deg}.case__media img{width:100%;height:auto;transition:transform .6s var(--ease-out);border-radius:clamp(8px,1vw,14px);box-shadow:0 30px 70px #0000008c,0 0 0 1px #ffffff0f}.case__media:hover img{transform:translateY(-6px)scale(1.01)}.case__body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,4.5vw,72px);margin-top:clamp(28px,4.5vh,48px);display:grid}.case__meta{color:#ffffff9e;font-family:var(--font-ui);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:14px;display:flex}.case__num{color:var(--accent-text);font-variant-numeric:tabular-nums;font-weight:600}.case__dot{opacity:.6;background:currentColor;border-radius:50%;width:4px;height:4px}.case__badge{color:#ffffffb3;letter-spacing:.14em;text-transform:uppercase;border:1px solid #ffffff3d;border-radius:999px;padding:3px 10px;font-size:11px}.case__name{letter-spacing:-.015em;background:linear-gradient(var(--accent), var(--accent)) left bottom / 100% 3px no-repeat;transition:background-size .9s var(--ease-out) .35s;margin:0;padding-bottom:6px;font-size:clamp(30px,2.9vw,48px);font-weight:600;line-height:1.25;display:inline}.case__intro{min-width:0}.case__intro .case__meta{margin-bottom:16px}.case__tags{color:#ffffff8c;letter-spacing:.16em;text-transform:uppercase;margin:18px 0 0;font-size:12px;font-weight:500}.case__summary{color:#ffffffe0;text-wrap:pretty;max-width:40ch;margin:16px 0 0;font-size:clamp(16px,1.3vw,20px);line-height:1.6}.case__details{margin:0}.case__row{border-top:1px solid #ffffff1f;grid-template-columns:minmax(110px,.36fr) minmax(0,1fr);gap:20px;padding:20px 0;display:grid}.case__row:last-child{border-bottom:1px solid #ffffff1f}.case__row dt{color:var(--accent-text);font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;padding-top:3px;font-size:12px}.case__row dd{color:#fffc;text-wrap:pretty;margin:0;font-size:15px;line-height:1.7}.case__list{flex-wrap:wrap;gap:8px;display:flex}.case__list li{color:#ffffffd9;border:1px solid #ffffff2e;border-radius:999px;padding:5px 12px;font-size:13.5px;line-height:1.4}.case__badge--live{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent-text);align-items:center;gap:7px;display:inline-flex}.case__badge--live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pf-live}@keyframes pf-live{50%{opacity:.25}}.case__gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);margin-top:clamp(40px,6vh,72px);display:grid}.case__tile{aspect-ratio:var(--tile-ratio,4 / 3);background:var(--navy-900);border-radius:clamp(12px,1.4vw,20px);margin:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.case__tile--wide{aspect-ratio:16/9;grid-column:1/-1}.case__tile img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out)}.case__tile:hover img{transform:scale(1.03)}.case__caption{color:#fff;font-family:var(--font-ui);letter-spacing:.06em;backdrop-filter:blur(6px);background:#000000b8;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;bottom:clamp(10px,1.2vw,16px);left:clamp(10px,1.2vw,16px)}.case__link{margin-top:22px}.case__tile--logo{background:var(--logo-bg,#fdeef6);place-items:center;display:grid}.case__tile--logo img{object-fit:contain;width:auto;height:68%}.case__tile--logo-dark img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.case__tile--logo:hover img{transform:scale(1.04)}.case__palette{height:100%;margin:0;padding:0;list-style:none;display:flex}.case__palette li{background:var(--swatch);min-width:0;color:var(--on-swatch);transition:flex-grow .6s var(--ease-out);flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:4px;padding:clamp(10px,1.2vw,16px) clamp(6px,.7vw,10px);display:flex}.case__palette li:hover{flex-grow:1.8}.case__swatch-name{overflow-wrap:anywhere;font-size:clamp(10px,.8vw,12.5px);font-weight:600;line-height:1.2}.case__swatch-hex{font-family:var(--font-ui);letter-spacing:.04em;opacity:.8;font-size:clamp(9.5px,.72vw,11.5px)}.case__media,.case__intro,.case__details{transition:opacity .9s var(--ease-out), translate .9s var(--ease-out)}.case__intro{transition-delay:.12s}.case__details{transition-delay:.24s}.js .case:not(.is-inview) .case__media,.js .case:not(.is-inview) .case__intro,.js .case:not(.is-inview) .case__details{opacity:0;translate:0 48px}.js .case:not(.is-inview) .case__brush{clip-path:inset(0 100% 0 0)}.js .case:not(.is-inview) .case__name{background-size:0% 3px}.case__brush{clip-path:inset(0)}.case:target .case__media{animation:1.6s .5s pf-target}.pf-cta{isolation:isolate;padding:clamp(90px, 14vh, 150px) var(--pad-x) clamp(110px, 17vh, 180px);background:radial-gradient(70% 90% at 15% 100%, #fe9d221f, transparent 70%), var(--ink);border-top:1px solid #ffffff14;position:relative;overflow:hidden}.pf-cta__bolt{z-index:-1;aspect-ratio:87.05/208.99;fill:#fe9d2212;pointer-events:none;width:auto;height:140%;position:absolute;top:50%;right:4vw;translate:0 -50%;rotate:12deg}.pf-cta__inner{width:min(1200px,100%);margin-inline:auto}.pf-cta__title{letter-spacing:-.02em;text-wrap:balance;max-width:17ch;margin:20px 0 0;font-size:clamp(34px,4.6vw,72px);font-weight:600;line-height:1.05}.pf-cta__title em{color:var(--impact-orange);font-style:normal}.pf-cta__lead{color:#ffffffc7;max-width:46ch;margin:22px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.6}.pf-cta__actions{flex-wrap:wrap;gap:14px 16px;margin-top:clamp(28px,4.5vh,40px);display:flex}@keyframes pf-rise{0%{opacity:0;translate:0 26px}}@keyframes pf-paint{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes pf-target{0%,to{box-shadow:0 0 #0000}30%{box-shadow:0 0 0 2px var(--accent), 0 0 60px color-mix(in srgb, var(--accent) 45%, transparent)}}@media (width<=1024px){.pf-body{grid-template-columns:minmax(0,1fr)}.pf-index{display:none}}@media (width<=860px){.case__body{grid-template-columns:minmax(0,1fr)}.case__summary{max-width:none}}@media (width<=600px){.pf-hero{padding-top:116px}.pf-hero__brush{width:150vw;top:30%;right:-40vw}.pf-filter{padding:8px 13px;font-size:14px}.case__row{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 0}.case__row dd{font-size:14.5px}.case__gallery{grid-template-columns:minmax(0,1fr)}.case__tile--wide{aspect-ratio:4/3}.case__tile--palette{aspect-ratio:auto}.case__palette{flex-direction:column}.case__palette li{flex-direction:row;justify-content:space-between;align-items:center;padding:14px 16px}.case__palette li:hover{flex-grow:1}.case__swatch-name{font-size:13px}.case__swatch-hex{font-size:12px}.pf-cta__bolt{right:-16vw}.pf-cta__actions .btn{flex:auto}}@media (prefers-reduced-motion:reduce){.pf-hero__inner>*,.pf-hero__brush,.case:target .case__media,.case__badge--live:before{animation:none}.case__media,.case__intro,.case__details,.case__brush,.case__name,.case__media img{transition:none}}
