:root{--pf-bg:#f4f4f4;--pf-surface:#fff;--pf-ink:#141414;--pf-muted:rgba(20,20,20,.6);--pf-accent:#bffe08;--pf-radius:25px;--pf-gap:20px}*{box-sizing:border-box}html{scroll-padding-top:120px}body{margin:0;background:var(--pf-bg);color:var(--pf-ink);overflow-x:clip}body,input,button,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}a{color:inherit;text-underline-position:from-font;text-decoration-thickness:from-font}.ar-page{width:100%;padding:20px clamp(16px,3.2vw,140px) 0;background:var(--pf-bg);color:var(--pf-ink)}.ar-skip{position:fixed;left:20px;top:8px;z-index:100;transform:translateY(-160%);background:var(--pf-accent);border-radius:60px;padding:12px 18px;text-decoration:none;font-weight:500}.ar-skip:focus{transform:none}a:focus-visible,button:focus-visible{outline:2px solid var(--pf-accent);outline-offset:3px}
.ar-nav{position:sticky;top:20px;z-index:20;display:flex;align-items:center;gap:clamp(16px,2vw,40px);background:#fff;border-radius:60px;padding:18px 18px 18px 30px;margin-bottom:20px}.ar-nav__logo{display:flex;align-items:center;margin-right:auto}.ar-nav__logo img{display:block;width:auto;height:36px}.ar-nav__links{display:contents}.ar-nav__links>a{font-weight:500;font-size:16px;letter-spacing:-.05em;text-decoration:none}.ar-nav__links>a:hover,.ar-nav__links>a[aria-current=page]{color:#7a9e00}.ar-burger{display:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--pf-bg);align-items:center;justify-content:center}.ar-burger span{display:grid;gap:5px}.ar-burger i{display:block;width:18px;height:2px;background:var(--pf-ink)}
main{display:grid;gap:30px}.portfolio-intro{padding:clamp(40px,5vw,76px) 0 10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:end;gap:20px 40px}.portfolio-intro h1{margin:0;font-weight:500;font-size:clamp(42px,4.4vw,72px);line-height:1;letter-spacing:-.055em;text-wrap:balance}.portfolio-intro p{margin:0;max-width:470px;font-size:16px;line-height:1.45;letter-spacing:-.04em;color:var(--pf-muted)}.portfolio-section{scroll-margin-top:120px}.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--pf-gap)}.portfolio-grid>.sc-host-x{display:contents}.portfolio-grid>.sc-host-x:nth-child(n)>.portfolio-card{grid-column:span 6}
.portfolio-card{min-width:0;overflow:hidden;background:#fff;border-radius:var(--pf-radius);display:grid;grid-template-rows:auto 1fr}.portfolio-card__media{padding:12px;background:transparent}.portfolio-preview{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;margin:0;border-radius:15px;background:transparent;outline:1px solid rgba(0,0,0,.08);outline-offset:-1px;transition:transform var(--ar-dur-slow) var(--ar-ease)}.portfolio-preview img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.portfolio-preview figcaption{position:absolute;left:18px;bottom:18px;color:rgba(20,20,20,.55);font-size:13px;letter-spacing:-.03em}.portfolio-card__body{padding:clamp(20px,2vw,30px);display:grid;gap:18px}.portfolio-card__meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.3;letter-spacing:-.03em;color:var(--pf-muted)}.portfolio-card__heading{display:grid;gap:9px}.portfolio-card__heading h2,.portfolio-card__heading h3{margin:0;font-weight:500;font-size:clamp(24px,2vw,34px);line-height:1.02;letter-spacing:-.05em;text-wrap:balance}.portfolio-card__heading p{margin:0;max-width:620px;font-size:15px;line-height:1.45;letter-spacing:-.035em;color:var(--pf-muted)}.portfolio-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.portfolio-card__services{list-style:none;margin:0;padding:0;display:flex;gap:7px;flex-wrap:wrap}.portfolio-card__services li{padding:7px 10px;border-radius:60px;background:var(--pf-bg);font-size:12px;line-height:1}.portfolio-card__link{min-height:44px;display:inline-flex;align-items:center;font-weight:500;font-size:14px;letter-spacing:-.04em;text-decoration:none;transition:color var(--ar-dur-fast) var(--ar-ease),transform var(--ar-dur-fast) var(--ar-ease)}.portfolio-card__link:hover{color:#7a9e00}.portfolio-card__link:active{transform:scale(.96)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-card:hover .portfolio-preview{transform:scale(1.02)}}
.portfolio-cta{margin-top:clamp(56px,8vh,120px);background:var(--pf-accent);border-radius:35px;padding:clamp(30px,4vw,64px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}.portfolio-cta h2{margin:0;max-width:900px;font-weight:500;font-size:clamp(32px,3.6vw,64px);line-height:1;letter-spacing:-.055em;text-wrap:balance}.portfolio-cta__action{display:grid;justify-items:start;gap:12px}.portfolio-cta__action p{margin:0;font-size:14px}.ar-footer{margin:clamp(56px,8vh,120px) calc(-1 * clamp(16px,3.2vw,140px)) 0;color:#faf9fd;padding:clamp(40px,5vh,80px) clamp(16px,3.2vw,140px) clamp(80px,10vh,120px);background:#141414}.ar-footer a:hover{opacity:.7}
@media(max-width:1200px){.ar-nav{gap:12px;padding:14px 14px 14px 22px}.ar-nav__links>a{font-size:14px}.ar-nav__logo img{height:30px}}@media(min-width:901px){[data-footer-grid]{grid-template-columns:repeat(3,minmax(0,1fr))!important}[data-footer-grid]>[data-footer-form]{grid-column:span 2!important}}@media(min-width:1200px){[data-footer-grid]{grid-template-columns:repeat(3,minmax(0,1fr)) 1.4fr .9fr!important}[data-footer-grid]>[data-footer-form]{grid-column:auto!important}}@media(max-width:1000px){.ar-nav{top:12px;flex-wrap:nowrap;justify-content:space-between;padding:10px 10px 10px 18px}.ar-nav__logo img{height:28px}.ar-burger{display:flex}.ar-nav__links{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:25px;padding:18px;flex-direction:column;align-items:stretch;gap:4px}.ar-nav[data-menu-open] .ar-nav__links{display:flex}.ar-nav__links>a{min-height:48px;display:flex;align-items:center;font-size:17px}.ar-nav__links>*:last-child{margin-top:8px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid>.sc-host-x:nth-child(n)>.portfolio-card{grid-column:span 1}.portfolio-grid>.sc-host-x:first-child>.portfolio-card{grid-column:span 2}.portfolio-intro{grid-template-columns:1fr}.portfolio-cta{grid-template-columns:1fr}[data-footer-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}[data-footer-grid]>[data-footer-form]{grid-column:span 2!important;order:5}[data-footer-grid]>*:last-child{grid-column:span 2!important;order:4}}@media(max-width:640px){.ar-page{padding-top:12px}.portfolio-intro{padding:34px 0 0}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid>.sc-host-x:nth-child(n)>.portfolio-card{grid-column:auto}.portfolio-preview{aspect-ratio:4/3}.ar-footer{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}@media(max-width:520px){[data-footer-grid]{grid-template-columns:1fr!important}[data-footer-grid]>[data-footer-form],[data-footer-grid]>*:last-child{grid-column:auto!important}.ar-footer a{min-height:44px;display:inline-flex;align-items:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-rise]{opacity:1!important;transform:none!important;will-change:auto!important}}
@media(min-width:1001px){.portfolio-card--large .portfolio-preview{aspect-ratio:16/5}}

.portfolio-case-slot{grid-column:span 4;min-width:0}
.portfolio-case-slot--flagship{grid-column:span 6}
.portfolio-case-slot>.sc-host-x{display:contents}
@media(max-width:1000px){.portfolio-case-slot{grid-column:span 1}.portfolio-case-slot--flagship{grid-column:span 2}}
@media(max-width:640px){.portfolio-case-slot,.portfolio-case-slot--flagship{grid-column:auto}}

/* A strict 12-column case matrix: 8+4, then 6+6. */
.portfolio-card__media{min-height:0;display:flex;padding:12px}
.portfolio-preview{height:100%;flex:1;aspect-ratio:auto}
.portfolio-card__body{min-height:0;padding:20px;gap:10px;align-content:start}
.portfolio-card__heading{gap:6px}
.portfolio-card__heading p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.portfolio-card__footer{margin-top:auto;gap:8px}
.portfolio-card__services{gap:6px}
.portfolio-card__services li{padding:6px 9px}
.portfolio-card__link{min-height:32px}

/* PortfolioCard inherits the spacing, type and link treatment from the production AppRivers case cards. */
.portfolio-card{padding:20px;gap:20px;border-radius:20px}
.portfolio-card__media{padding:0;background:transparent}
.portfolio-preview{border-radius:15px;outline:0}
.portfolio-card__body{padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px}
.portfolio-card__content{min-width:0;width:min(100%,620px)}
.portfolio-card__heading{gap:8px}
.portfolio-card__heading h2,.portfolio-card__heading h3{font-size:22px;line-height:1.1;letter-spacing:-.05em}
.portfolio-card__heading p{max-width:none;font-size:14px;line-height:19px;letter-spacing:-.56px;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
.portfolio-card__link{height:55px;min-height:55px;padding:0 32px;align-self:center;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--ar-radius-pill,60px);background:var(--pf-ink);color:#faf9fd;font-size:16px;font-weight:500;line-height:22.4px;letter-spacing:-.8px;text-decoration:none;white-space:nowrap;transition:filter 180ms cubic-bezier(.2,.6,.2,1),transform 180ms cubic-bezier(.2,.6,.2,1)}
.portfolio-card__link:hover{color:#faf9fd;filter:brightness(.92);transform:translateY(-1px)}
.portfolio-card__link:active{transform:scale(.985)}
.ar-cta-button__arrow{display:inline-block;transition:transform 220ms cubic-bezier(.2,.6,.2,1)}
.ar-cta-button:hover .ar-cta-button__arrow{transform:translateX(4px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-card:hover .portfolio-preview{transform:none}}

@media(min-width:1001px){
  .portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;gap:var(--pf-gap);align-items:stretch}
  .portfolio-case-slot{display:flex;grid-column:span 6;min-width:0}
  .portfolio-case-slot>.sc-host-x{display:contents}
  .portfolio-card{width:100%;height:clamp(680px,45vw,740px);grid-template-rows:minmax(0,87fr) minmax(0,13fr)}
  .portfolio-card--large .portfolio-preview{aspect-ratio:auto}
}

@media(max-width:1000px) and (min-width:641px){
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pf-gap);align-items:stretch}
  .portfolio-case-slot,.portfolio-case-slot--flagship{display:flex;grid-column:span 1}
  .portfolio-case-slot>.sc-host-x{display:contents}
  .portfolio-card{width:100%;height:640px;grid-template-rows:minmax(0,72fr) minmax(0,28fr)}
  .portfolio-card__body{grid-template-columns:1fr;align-items:start;row-gap:16px}
  .portfolio-card__link{justify-self:start;align-self:start}
}

@media(max-width:640px){
  .portfolio-grid{grid-template-columns:1fr;gap:14px}
  .portfolio-case-slot,.portfolio-case-slot--flagship{display:block;grid-column:auto}
  .portfolio-card{height:auto;grid-template-rows:auto auto}
  .portfolio-preview,.portfolio-card--large .portfolio-preview{height:auto;aspect-ratio:4/3}
  .portfolio-card__body{padding:18px 18px 24px;grid-template-columns:1fr;align-items:start;row-gap:18px}
  .portfolio-card__link{justify-self:start;align-self:start}
}

@media(prefers-reduced-motion:reduce){
  .portfolio-card__link,.ar-cta-button__arrow{transition:none!important}
  .portfolio-card__link:hover,.portfolio-card__link:active,.ar-cta-button:hover .ar-cta-button__arrow{transform:none!important}
}