html.is-portfolio,body.is-portfolio{overflow:auto!important;overscroll-behavior:auto!important;height:auto!important;min-height:100%;-webkit-overflow-scrolling:touch;touch-action:pan-y}.pf-hero{position:relative;height:100svh;min-height:560px;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}.pf-hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#070f1cb8,#070f1c8c 60%,#070f1cd9)}.pf-hero__content{position:relative;z-index:2;max-width:780px}.pf-hero__eyebrow{font-family:var(--font-heading);font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 20px}.pf-hero__company-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-bottom:12px}.pf-hero__company-link:hover .pf-hero__company{color:var(--primary)}.pf-hero__ext{color:#fff6;flex-shrink:0;margin-top:4px;transition:color .2s}.pf-hero__company-link:hover .pf-hero__ext{color:var(--primary)}.pf-hero__company{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:600;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.15;transition:color .2s}.pf-hero__title{font-family:var(--font-body);font-size:clamp(1rem,2.2vw,1.3rem);font-weight:300;color:var(--primary);margin:0 0 24px;letter-spacing:.01em}.pf-hero__title-sub{color:#ffffff73;font-size:.85em}.pf-hero__socials{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}.pf-hero__socials a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#ffffff8c;font-size:16px;text-decoration:none;transition:border-color .25s,color .25s,background .25s;backdrop-filter:blur(4px)}.pf-hero__socials a:hover{border-color:var(--primary);color:#fff;background:#027dc340}.pf-hero__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:.82rem;color:#fff9;font-weight:300;letter-spacing:.04em}.pf-hero__sep{color:var(--accent);opacity:.7}.pf-hero__scroll-hint{position:absolute;bottom:36px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-heading);font-size:.6rem;letter-spacing:.18em;color:var(--accent);animation:pf-bounce 2s ease-in-out infinite}@keyframes pf-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.pf-main{background:var(--dark)}.pf-container{max-width:1100px;margin:0 auto;padding:0 40px}.pf-section{padding:72px 0;border-bottom:1px solid rgba(255,255,255,.05)}.pf-section--alt{background:#022d602e}.pf-section--has-watermark{position:relative;overflow:hidden}.pf-logo-watermark{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:55%;max-width:580px;pointer-events:none;opacity:.055;filter:brightness(0) invert(1);will-change:transform;user-select:none}.pf-logo-watermark img{width:100%;height:auto;display:block}.pf-section__inner{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}.pf-section__title{font-family:var(--font-heading);font-size:1.35rem;font-weight:600;color:#fff;margin:0 0 10px;letter-spacing:-.01em}.pf-section__sub{font-size:.78rem;font-weight:400;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0}.pf-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}.pf-list li{position:relative;padding-left:20px;font-size:.92rem;font-weight:300;color:#ffffffb8;line-height:1.7}.pf-list li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:2px;background:var(--primary);border-radius:2px}.pf-cases{padding:80px 0 96px;background:var(--dark)}.pf-cases__head{margin-bottom:48px}.pf-cases__title{font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600;color:#fff;margin:0 0 14px;letter-spacing:-.02em}.has-first-color{color:var(--accent)}.pf-cases__note{font-size:.8rem;color:#ffffff59;margin:0;font-style:italic}.pf-cases__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pf-card{display:flex;flex-direction:column;background:#0006;border:1px solid rgba(255,255,255,.07);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;transition:background .3s ease,border-color .3s ease,transform .3s ease}.pf-card:hover{background:#015483bf;border-color:var(--primary);transform:translateY(-4px)}.pf-card__img-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden}.pf-card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pf-card:hover .pf-card__img-wrap img{transform:scale(1.04)}.pf-card__lock{position:absolute;top:12px;right:12px;background:#0009;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;backdrop-filter:blur(4px)}.pf-card__body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}.pf-card__title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:#fff;margin:0;letter-spacing:.04em;text-transform:uppercase}.pf-card__desc{font-size:.82rem;font-weight:300;color:#fff9;line-height:1.65;margin:0;flex:1}.pf-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;font-family:var(--font-heading);color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;transition:color .2s}.pf-card:hover .pf-card__cta{color:#fff}.pf-card--locked .pf-card__cta{color:var(--accent)}.pf-prevnext{display:flex;justify-content:space-between;align-items:stretch;border-top:1px solid rgba(255,255,255,.08);background:#0000004d}.pf-prevnext__link{display:flex;align-items:center;gap:16px;padding:32px 40px;flex:1;color:#ffffff8c;text-decoration:none;transition:background .3s,color .3s;font-size:.85rem;font-weight:300}.pf-prevnext__link:hover{background:#027dc31f;color:#fff}.pf-prevnext__link--next{justify-content:flex-end;border-left:1px solid rgba(255,255,255,.08);text-align:right}.pf-prevnext__link span{display:flex;flex-direction:column;gap:3px}.pf-prevnext__link em{font-style:normal;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-family:var(--font-heading);font-weight:600}.pf-prevnext__link svg{flex-shrink:0;opacity:.5;transition:opacity .2s}.pf-prevnext__link:hover svg{opacity:1}.pf-hero--slideshow{position:relative;overflow:hidden}.pf-hero__slide{position:absolute;inset:0;background-size:cover;background-position:top center;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.pf-hero__slide--1{animation-name:pf-kb-1}.pf-hero__slide--2{animation-name:pf-kb-2}@keyframes pf-kb-1{0%,to{opacity:1;transform:scale(1)}45%{opacity:1;transform:scale(1.08)}50%{opacity:0;transform:scale(1.08)}55%{opacity:0;transform:scale(1)}}@keyframes pf-kb-2{0%{opacity:0;transform:scale(1.08)}50%{opacity:0;transform:scale(1.08)}55%{opacity:1;transform:scale(1.08)}95%,to{opacity:1;transform:scale(1)}}.cs-fullwidth-img-wrap,.cs-img-clickable{position:relative;cursor:zoom-in;display:block;overflow:hidden}.cs-fullwidth-img-wrap:hover .cs-img-expand-btn,.cs-img-clickable:hover .cs-img-expand-btn,.cs-scroll-img-outer:hover .cs-img-expand-btn{opacity:1}.cs-img-expand-btn{position:absolute;top:12px;right:12px;width:38px;height:38px;background:#022d60d9;border:1px solid rgba(2,125,195,.4);border-radius:6px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;z-index:3}.cs-img-expand-btn:hover{background:var(--primary)}.cs-img-expand-btn--bottom-right{top:auto;bottom:12px;right:12px}.cs-img-expand-btn--top-right{top:12px;right:12px}.cs-view-full-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;background:none;border:none;color:#fff6;font-family:var(--font-body);font-size:.72rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .2s}.cs-view-full-btn:hover{color:var(--primary)}.cs-img-caption{font-size:.72rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin:0 0 12px}.cs-fullwidth-img{width:100%;height:auto;display:block;border-radius:4px}.cs-screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0}.cs-screenshot-grid .cs-img-clickable img{width:100%;height:auto;display:block;border-radius:6px}@media(max-width:680px){.cs-screenshot-grid{grid-template-columns:1fr}}.cs-scroll-img-outer{border-radius:8px;overflow:hidden}.cs-scroll-img-outer{position:relative;width:100%;overflow:hidden;border-radius:8px}.cs-scroll-img-holder{width:100%;height:480px;overflow:hidden;position:relative}.cs-scroll-img-inner{width:100%;height:100%;background-image:url(/images/portfolio/albertsons-design-system/largest-grid-scroll.webp);background-size:cover;background-position:bottom center;background-repeat:no-repeat;transition:background-position 10s ease-in-out}.cs-scroll-img-inner.is-scrolling{background-position:top center}#pf-lightbox{position:fixed;inset:0;z-index:9999;background:#040a18f5;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}#pf-lightbox.is-open{opacity:1;pointer-events:all}#pf-lightbox .pf-lb__img-wrap{position:relative;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:12px}#pf-lightbox img{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:4px;box-shadow:0 24px 80px #000000b3}#pf-lightbox .pf-lb__caption{font-size:.78rem;color:#ffffff80;text-align:center;max-width:720px;line-height:1.5}#pf-lightbox .pf-lb__close{position:absolute;top:-44px;right:0;width:36px;height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}#pf-lightbox .pf-lb__close:hover{background:var(--accent)}@media(max-width:860px){.pf-section__inner{grid-template-columns:1fr;gap:20px}.pf-cases__grid{grid-template-columns:1fr}.pf-container{padding:0 24px}.pf-prevnext{flex-direction:column}.pf-prevnext__link--next{border-left:none;border-top:1px solid rgba(255,255,255,.08);justify-content:flex-start;text-align:left}}