.route-hawaiian-case-study{background:#111210}.route-hawaiian-case-study .site-main{margin:0;max-width:none;padding:0}.route-hawaiian-case-study .site-contact{background:#0a0a0a47;border:1px solid rgba(255,255,255,.62);color:#fff}.route-hawaiian-case-study .site-home{color:#fff}.route-hawaiian-case-study .site-home:hover,.route-hawaiian-case-study .site-home:focus-visible{color:#ef6d5a}.route-hawaiian-case-study .site-contact:hover,.route-hawaiian-case-study .site-contact:focus-visible{background:#fff;border-color:#fff;color:#191817}.route-hawaiian-case-study .site-footer{background:#111210;color:#8d918c;margin:0;max-width:none;padding:1.5rem 2rem 2rem}.case-study[data-astro-cid-xjofnqn2]{--case-accent: #ef6d5a;--case-dark: #111210;--case-paper: #f1f0ed;--case-muted: #6d716c;background:#fff;color:#171816;overflow:clip}.case-shell[data-astro-cid-xjofnqn2]{margin:0 auto;max-width:1180px;padding-left:2.5rem;padding-right:2.5rem}.case-progress[data-astro-cid-xjofnqn2]{background:#ffffff2e;height:2px;inset:0 0 auto;position:fixed;z-index:40}.case-progress[data-astro-cid-xjofnqn2] span[data-astro-cid-xjofnqn2]{background:var(--case-accent);display:block;height:100%;transform:scaleX(0);transform-origin:left center;width:100%}.case-hero[data-astro-cid-xjofnqn2]{align-items:center;background:linear-gradient(125deg,#0d0f0e,#151815 58%,#1b1d1a);color:#fff;display:flex;min-height:min(760px,88svh);overflow:hidden;padding:7.5rem 0 4.5rem}.case-hero-layout[data-astro-cid-xjofnqn2]{align-items:center;display:grid;gap:clamp(3rem,6vw,6rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:100%}.case-hero-content[data-astro-cid-xjofnqn2]{min-width:0}.case-hero-media[data-astro-cid-xjofnqn2]{animation:case-image-arrive 1.4s cubic-bezier(.16,1,.3,1) both;aspect-ratio:2500 / 1674;box-shadow:0 2rem 5rem #00000052;margin:0;overflow:hidden}.case-hero-image[data-astro-cid-xjofnqn2]{height:100%;object-fit:cover;width:100%}.case-hero-content[data-astro-cid-xjofnqn2]>[data-astro-cid-xjofnqn2]{animation:case-content-arrive .7s cubic-bezier(.16,1,.3,1) both}.case-hero-content[data-astro-cid-xjofnqn2]>[data-astro-cid-xjofnqn2]:nth-child(2){animation-delay:80ms}.case-hero-content[data-astro-cid-xjofnqn2]>[data-astro-cid-xjofnqn2]:nth-child(3){animation-delay:.15s}.case-kicker[data-astro-cid-xjofnqn2]{color:var(--case-accent);font-size:.75rem;font-weight:750;margin:0 0 1.5rem;text-transform:uppercase}.case-hero[data-astro-cid-xjofnqn2] h1[data-astro-cid-xjofnqn2]{font-size:clamp(3.75rem,5.4vw,5.25rem);font-weight:560;line-height:.98;margin:0;max-width:650px}.case-hero-summary[data-astro-cid-xjofnqn2]{color:#fffc;font-size:1.15rem;margin:2rem 0 0;max-width:660px}.case-overview[data-astro-cid-xjofnqn2]{padding:9rem 0}.case-overview-grid[data-astro-cid-xjofnqn2]{align-items:start;display:grid;gap:8rem;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.case-overview[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2],.case-story[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2],.case-moments[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2],.case-outcome[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2]{font-size:3.5rem;font-weight:520;line-height:1.02;margin:0}.case-overview-copy[data-astro-cid-xjofnqn2]>p[data-astro-cid-xjofnqn2]:last-child{color:var(--case-muted);font-size:1.15rem;margin:2rem 0 0;max-width:650px}.case-facts[data-astro-cid-xjofnqn2]{margin:0}.case-facts[data-astro-cid-xjofnqn2]>div[data-astro-cid-xjofnqn2]{border-top:1px solid #d8d9d5;padding:1.4rem 0 1.8rem}.case-facts[data-astro-cid-xjofnqn2] dt[data-astro-cid-xjofnqn2]{font-size:3.4rem;font-weight:560;line-height:1}.case-facts[data-astro-cid-xjofnqn2] dd[data-astro-cid-xjofnqn2]{color:var(--case-muted);margin:.5rem 0 0}.case-facts[data-astro-cid-xjofnqn2] .case-scope[data-astro-cid-xjofnqn2] dt[data-astro-cid-xjofnqn2]{font-size:.75rem;font-weight:750;text-transform:uppercase}.case-story[data-astro-cid-xjofnqn2]{background:var(--case-dark);color:#fff;padding:9rem 0 5rem}.case-story-heading[data-astro-cid-xjofnqn2]{margin-bottom:7rem}.case-story-heading[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2]{max-width:720px}.case-story-layout[data-astro-cid-xjofnqn2]{align-items:start;display:grid;gap:6rem;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}.case-story-stage[data-astro-cid-xjofnqn2]{margin:0;position:sticky;top:7vh}.case-story-images[data-astro-cid-xjofnqn2]{aspect-ratio:4 / 5;background:#e8e7e3;overflow:hidden;position:relative}.case-story-image[data-astro-cid-xjofnqn2]{height:100%;inset:0;object-fit:contain;opacity:0;padding:3rem;position:absolute;scale:1.025;transition:opacity .45s ease,scale .8s cubic-bezier(.16,1,.3,1);width:100%}.case-story-image[data-astro-cid-xjofnqn2].is-active{opacity:1;scale:1}.case-story-stage[data-astro-cid-xjofnqn2] figcaption[data-astro-cid-xjofnqn2]{color:#9ca09a;display:flex;font-size:.7rem;font-weight:700;justify-content:space-between;padding-top:1rem;text-transform:uppercase}.case-story-steps[data-astro-cid-xjofnqn2]{list-style:none;margin:0;padding:0}.case-story-steps[data-astro-cid-xjofnqn2] li[data-astro-cid-xjofnqn2]{align-items:center;display:flex;min-height:68vh}.case-story-step[data-astro-cid-xjofnqn2]{background:transparent;border:0;border-top:1px solid #353733;color:#929690;cursor:pointer;display:grid;font:inherit;grid-template-columns:auto 1fr;padding:1.5rem 0 2rem;text-align:left;transition:color .22s ease,border-color .22s ease;width:100%}.case-story-step[data-astro-cid-xjofnqn2]:hover,.case-story-step[data-astro-cid-xjofnqn2]:focus-visible,.case-story-step[data-astro-cid-xjofnqn2].is-active{border-color:var(--case-accent);color:#fff;outline:none}.case-story-index[data-astro-cid-xjofnqn2],.case-story-label[data-astro-cid-xjofnqn2]{color:var(--case-accent);font-size:.7rem;font-weight:750;text-transform:uppercase}.case-story-label[data-astro-cid-xjofnqn2]{justify-self:end}.case-story-step[data-astro-cid-xjofnqn2] strong[data-astro-cid-xjofnqn2],.case-story-body[data-astro-cid-xjofnqn2]{grid-column:1 / -1}.case-story-step[data-astro-cid-xjofnqn2] strong[data-astro-cid-xjofnqn2]{font-size:2rem;font-weight:520;line-height:1.08;margin-top:2rem}.case-story-body[data-astro-cid-xjofnqn2]{font-size:1rem;line-height:1.65;margin-top:1rem}.case-story-mobile-image[data-astro-cid-xjofnqn2]{display:none}.case-moments[data-astro-cid-xjofnqn2]{background:var(--case-paper);padding:9rem 0}.case-moments-heading[data-astro-cid-xjofnqn2]{margin-bottom:5rem;max-width:800px}.case-moments-grid[data-astro-cid-xjofnqn2]{display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.case-moment[data-astro-cid-xjofnqn2]{margin:0}.case-moment-media[data-astro-cid-xjofnqn2]{aspect-ratio:2 / 3;background:#deddd9;overflow:hidden}.case-moment[data-astro-cid-xjofnqn2] img[data-astro-cid-xjofnqn2]{height:100%;object-fit:cover;transition:scale .7s cubic-bezier(.16,1,.3,1);width:100%}.case-moment[data-astro-cid-xjofnqn2]:hover img[data-astro-cid-xjofnqn2]{scale:1.025}.case-moment[data-astro-cid-xjofnqn2] figcaption[data-astro-cid-xjofnqn2]{display:grid;gap:.5rem;padding-top:1.25rem}.case-moment[data-astro-cid-xjofnqn2] figcaption[data-astro-cid-xjofnqn2] strong[data-astro-cid-xjofnqn2]{font-size:1.15rem}.case-moment[data-astro-cid-xjofnqn2] figcaption[data-astro-cid-xjofnqn2] span[data-astro-cid-xjofnqn2]{color:var(--case-muted);max-width:340px}.case-outcome[data-astro-cid-xjofnqn2]{background:var(--case-dark);color:#fff;padding:10rem 0}.case-outcome-grid[data-astro-cid-xjofnqn2]{display:grid;gap:4rem;grid-template-columns:minmax(160px,.35fr) minmax(0,1.65fr)}.case-outcome[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2]{max-width:900px;overflow-wrap:break-word}.case-outcome-grid[data-astro-cid-xjofnqn2]>[data-astro-cid-xjofnqn2]{min-width:0}.case-outcome-grid[data-astro-cid-xjofnqn2]>div[data-astro-cid-xjofnqn2]>p[data-astro-cid-xjofnqn2]{color:#b9bcb7;font-size:1.1rem;margin:2rem 0 0;max-width:700px}.case-action[data-astro-cid-xjofnqn2]{align-items:center;background:var(--case-accent);color:#161816;display:inline-flex;font-size:.78rem;font-weight:750;justify-content:center;margin-top:3rem;min-height:50px;padding:.9rem 1.2rem;text-decoration:none;text-transform:uppercase}.case-action[data-astro-cid-xjofnqn2]:hover,.case-action[data-astro-cid-xjofnqn2]:focus-visible{background:#fff;color:#161816}.case-project-nav[data-astro-cid-xjofnqn2]{background:var(--case-dark);border-top:1px solid #30322f;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.case-project-nav[data-astro-cid-xjofnqn2] a[data-astro-cid-xjofnqn2]{color:#b9bcb7;display:flex;flex-direction:column;justify-content:center;min-height:168px;padding:2.75rem clamp(1.5rem,6vw,6rem);text-decoration:none;transition:background-color .18s ease,color .18s ease}.case-project-nav[data-astro-cid-xjofnqn2] a[data-astro-cid-xjofnqn2]:hover,.case-project-nav[data-astro-cid-xjofnqn2] a[data-astro-cid-xjofnqn2]:focus-visible{background:#1a1c19;color:#fff}.case-project-nav[data-astro-cid-xjofnqn2] span[data-astro-cid-xjofnqn2]{color:var(--case-accent);font-size:.7rem;font-weight:750;text-transform:uppercase}.case-project-nav[data-astro-cid-xjofnqn2] strong[data-astro-cid-xjofnqn2]{font-size:1.4rem;font-weight:560;line-height:1.15;margin-top:.7rem}.case-project-previous[data-astro-cid-xjofnqn2]{align-items:flex-start;border-right:1px solid #30322f;text-align:left}.case-project-next[data-astro-cid-xjofnqn2]{align-items:flex-end;text-align:right}@keyframes case-image-arrive{0%{opacity:0;scale:1.035}to{opacity:1;scale:1}}@keyframes case-content-arrive{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0 0}}@media(max-width:980px){.case-hero[data-astro-cid-xjofnqn2]{min-height:680px}.case-hero-layout[data-astro-cid-xjofnqn2]{gap:3rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.case-hero[data-astro-cid-xjofnqn2] h1[data-astro-cid-xjofnqn2]{font-size:3.65rem}.case-overview-grid[data-astro-cid-xjofnqn2]{gap:4rem}.case-overview[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2],.case-story[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2],.case-moments[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2],.case-outcome[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2]{font-size:3rem}.case-story-layout[data-astro-cid-xjofnqn2]{gap:3rem;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.case-story-step[data-astro-cid-xjofnqn2] strong[data-astro-cid-xjofnqn2]{font-size:1.65rem}}@media(max-width:760px){.route-hawaiian-case-study .site-footer{padding:1.4rem 1.25rem 2rem}.case-shell[data-astro-cid-xjofnqn2]{padding-left:1.25rem;padding-right:1.25rem}.case-hero[data-astro-cid-xjofnqn2]{min-height:0;padding:7rem 0 3rem}.case-hero-layout[data-astro-cid-xjofnqn2]{gap:2.75rem;grid-template-columns:1fr}.case-hero[data-astro-cid-xjofnqn2] h1[data-astro-cid-xjofnqn2]{font-size:3.25rem;line-height:.98}.case-hero-summary[data-astro-cid-xjofnqn2]{font-size:1rem;max-width:520px}.case-overview[data-astro-cid-xjofnqn2],.case-moments[data-astro-cid-xjofnqn2]{padding:6rem 0}.case-overview-grid[data-astro-cid-xjofnqn2],.case-outcome-grid[data-astro-cid-xjofnqn2]{gap:4rem;grid-template-columns:1fr}.case-project-nav[data-astro-cid-xjofnqn2] a[data-astro-cid-xjofnqn2]{min-height:132px;padding:1.5rem 1.25rem}.case-project-nav[data-astro-cid-xjofnqn2] strong[data-astro-cid-xjofnqn2]{font-size:1.05rem}.case-overview[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2],.case-story[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2],.case-moments[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2],.case-outcome[data-astro-cid-xjofnqn2] h2[data-astro-cid-xjofnqn2]{font-size:2.45rem}.case-story[data-astro-cid-xjofnqn2]{padding:6rem 0 3rem}.case-story-heading[data-astro-cid-xjofnqn2]{margin-bottom:4rem}.case-story-layout[data-astro-cid-xjofnqn2]{display:block}.case-story-stage[data-astro-cid-xjofnqn2]{display:none}.case-story-steps[data-astro-cid-xjofnqn2] li[data-astro-cid-xjofnqn2]{min-height:0}.case-story-step[data-astro-cid-xjofnqn2]{cursor:default;padding:0 0 5rem}.case-story-mobile-image[data-astro-cid-xjofnqn2]{background:#e8e7e3;display:block;grid-column:1 / -1;height:auto;margin-bottom:1.25rem;max-height:72svh;object-fit:contain;padding:1.25rem;width:100%}.case-story-step[data-astro-cid-xjofnqn2] strong[data-astro-cid-xjofnqn2]{font-size:1.75rem;margin-top:1.5rem}.case-moments-grid[data-astro-cid-xjofnqn2]{grid-template-columns:1fr}.case-moment[data-astro-cid-xjofnqn2]+.case-moment[data-astro-cid-xjofnqn2]{margin-top:3rem}.case-moment-media[data-astro-cid-xjofnqn2]{aspect-ratio:4 / 5}.case-outcome[data-astro-cid-xjofnqn2]{padding:7rem 0}}@media(max-width:520px){.case-project-nav[data-astro-cid-xjofnqn2]{grid-template-columns:1fr}.case-project-nav[data-astro-cid-xjofnqn2] a[data-astro-cid-xjofnqn2]{min-height:112px}.case-project-previous[data-astro-cid-xjofnqn2]{border-bottom:1px solid #30322f;border-right:0}.case-project-next[data-astro-cid-xjofnqn2]{align-items:flex-start;text-align:left}}@media(prefers-reduced-motion:reduce){.case-hero-image[data-astro-cid-xjofnqn2],.case-hero-content[data-astro-cid-xjofnqn2]>[data-astro-cid-xjofnqn2]{animation:none}.case-story-image[data-astro-cid-xjofnqn2],.case-moment[data-astro-cid-xjofnqn2] img[data-astro-cid-xjofnqn2]{transition:none}}.route-w3c-case-study .site-main,.route-mozilla-case-study .site-main{margin:0;max-width:none;padding:0}.route-mozilla-case-study .site-home{color:#fff}.route-mozilla-case-study .site-home:hover,.route-mozilla-case-study .site-home:focus-visible{color:#56d9ae}.route-mozilla-case-study .site-contact{background:#08110f4d;border:1px solid rgba(255,255,255,.64);color:#fff}.route-mozilla-case-study .site-contact:hover,.route-mozilla-case-study .site-contact:focus-visible{background:#56d9ae;border-color:#56d9ae;color:#10201b}.route-w3c-case-study .site-home:hover,.route-w3c-case-study .site-home:focus-visible{color:#1769aa}.route-w3c-case-study .site-contact:hover,.route-w3c-case-study .site-contact:focus-visible{background:#1769aa;color:#fff}.route-w3c-case-study .site-footer,.route-mozilla-case-study .site-footer{margin:0;max-width:none;padding:1.5rem max(2rem,calc((100vw - 1180px)/2)) 2rem}.route-w3c-case-study .site-footer{background:#0d2537;color:#8ea8ba}.route-mozilla-case-study .site-footer{background:#0b1512;color:#82928c}.portfolio-case[data-astro-cid-jlptlzvw]{--pc-accent: #1769aa;--pc-dark: #0d2537;--pc-hero-ink: #12202b;--pc-paper: #eef4f7;--pc-rule: #cedae1;background:#fff;color:#172027;overflow:clip}.portfolio-case-mozilla[data-astro-cid-jlptlzvw]{--pc-accent: #158c68;--pc-dark: #0b1512;--pc-hero-ink: #fff;--pc-paper: #edf3ef;--pc-rule: #cddad2;color:#15211d}.pc-shell[data-astro-cid-jlptlzvw]{margin:0 auto;max-width:1180px;padding-left:2.5rem;padding-right:2.5rem}.pc-progress[data-astro-cid-jlptlzvw]{background:#1769aa29;height:2px;inset:0 0 auto;position:fixed;z-index:40}.portfolio-case-mozilla[data-astro-cid-jlptlzvw] .pc-progress[data-astro-cid-jlptlzvw]{background:#ffffff29}.pc-progress[data-astro-cid-jlptlzvw] span[data-astro-cid-jlptlzvw]{background:var(--pc-accent);display:block;height:100%;transform:scaleX(0);transform-origin:left center;width:100%}.pc-hero[data-astro-cid-jlptlzvw]{align-items:center;background:linear-gradient(125deg,#edf5f9,#f8faf9 54%,#e2eef3);color:var(--pc-hero-ink);display:flex;min-height:min(760px,88svh);padding:7.5rem 0 4.5rem}.portfolio-case-mozilla[data-astro-cid-jlptlzvw] .pc-hero[data-astro-cid-jlptlzvw]{background:linear-gradient(125deg,#0b1110,#12201c 58%,#183027)}.pc-hero-grid[data-astro-cid-jlptlzvw]{align-items:center;display:grid;gap:clamp(3rem,6vw,6rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:100%}.pc-hero-copy[data-astro-cid-jlptlzvw]{min-width:0}.pc-hero-copy[data-astro-cid-jlptlzvw]>[data-astro-cid-jlptlzvw],.pc-hero-media[data-astro-cid-jlptlzvw]{animation:pc-arrive .75s cubic-bezier(.16,1,.3,1) both}.pc-hero-copy[data-astro-cid-jlptlzvw]>[data-astro-cid-jlptlzvw]:nth-child(2){animation-delay:70ms}.pc-hero-copy[data-astro-cid-jlptlzvw]>[data-astro-cid-jlptlzvw]:nth-child(3){animation-delay:.13s}.pc-hero-media[data-astro-cid-jlptlzvw]{animation-delay:.11s;aspect-ratio:3 / 2;box-shadow:0 2rem 5rem #1933422e;margin:0;overflow:hidden}.portfolio-case-mozilla[data-astro-cid-jlptlzvw] .pc-hero-media[data-astro-cid-jlptlzvw]{box-shadow:0 2rem 5rem #00000057}.pc-hero-media[data-astro-cid-jlptlzvw] img[data-astro-cid-jlptlzvw]{height:100%;object-fit:cover;width:100%}.pc-kicker[data-astro-cid-jlptlzvw]{color:var(--pc-accent);font-size:.75rem;font-weight:750;margin:0 0 1.5rem;text-transform:uppercase}.portfolio-case-mozilla[data-astro-cid-jlptlzvw] .pc-hero[data-astro-cid-jlptlzvw] .pc-kicker[data-astro-cid-jlptlzvw]{color:#56d9ae}.pc-hero[data-astro-cid-jlptlzvw] h1[data-astro-cid-jlptlzvw]{font-size:clamp(3.7rem,5.3vw,5.2rem);font-weight:560;line-height:.98;margin:0}.pc-hero-summary[data-astro-cid-jlptlzvw]{color:#52616b;font-size:1.1rem;margin:2rem 0 0;max-width:620px}.portfolio-case-mozilla[data-astro-cid-jlptlzvw] .pc-hero-summary[data-astro-cid-jlptlzvw]{color:#ffffffc2}.pc-brief[data-astro-cid-jlptlzvw]{padding:8.5rem 0}.pc-brief-grid[data-astro-cid-jlptlzvw]{align-items:start;display:grid;gap:8rem;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr)}.pc-brief[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw],.pc-section-heading[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw],.pc-outcome[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw]{font-size:3.4rem;font-weight:540;line-height:1.04;margin:0}.pc-brief-grid[data-astro-cid-jlptlzvw]>div[data-astro-cid-jlptlzvw]>p[data-astro-cid-jlptlzvw]:last-child,.pc-outcome-grid[data-astro-cid-jlptlzvw]>div[data-astro-cid-jlptlzvw]>p[data-astro-cid-jlptlzvw]{color:#606b67;font-size:1.08rem;margin:2rem 0 0;max-width:680px}.pc-facts[data-astro-cid-jlptlzvw]{border-top:1px solid #d7dfdc;margin:0}.pc-facts[data-astro-cid-jlptlzvw] div[data-astro-cid-jlptlzvw]{border-bottom:1px solid #d7dfdc;padding:1.5rem 0}.pc-facts[data-astro-cid-jlptlzvw] dt[data-astro-cid-jlptlzvw]{color:var(--pc-accent);font-size:.7rem;font-weight:750;text-transform:uppercase}.pc-facts[data-astro-cid-jlptlzvw] dd[data-astro-cid-jlptlzvw]{font-size:1rem;margin:.45rem 0 0}.pc-process[data-astro-cid-jlptlzvw]{background:var(--pc-paper);padding:8.5rem 0 9rem}.pc-section-heading[data-astro-cid-jlptlzvw]{max-width:920px}.pc-process-layout[data-astro-cid-jlptlzvw]{align-items:start;display:grid;gap:clamp(3.5rem,7vw,7rem);grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);margin-top:5rem}.pc-process-stage[data-astro-cid-jlptlzvw]{margin:0;position:sticky;top:5.5rem}.pc-process-images[data-astro-cid-jlptlzvw]{aspect-ratio:16 / 11;background:#fff;border:1px solid var(--pc-rule);overflow:hidden;position:relative}.pc-process-image[data-astro-cid-jlptlzvw]{height:100%;inset:0;object-fit:contain;opacity:0;position:absolute;transition:opacity .28s ease;width:100%}.pc-process-image[data-astro-cid-jlptlzvw].is-active{opacity:1}.pc-process-stage[data-astro-cid-jlptlzvw] figcaption[data-astro-cid-jlptlzvw]{color:#61706a;display:flex;font-size:.72rem;font-weight:750;justify-content:space-between;padding-top:.9rem;text-transform:uppercase}.pc-process-steps[data-astro-cid-jlptlzvw]{list-style:none;margin:0;padding:0}.pc-process-steps[data-astro-cid-jlptlzvw] li[data-astro-cid-jlptlzvw]{border-top:1px solid var(--pc-rule);min-height:15rem}.pc-process-steps[data-astro-cid-jlptlzvw] li[data-astro-cid-jlptlzvw]:last-child{border-bottom:1px solid var(--pc-rule)}.pc-process-step[data-astro-cid-jlptlzvw]{background:transparent;border:0;color:inherit;cursor:pointer;display:grid;font:inherit;grid-template-columns:2.5rem 1fr;padding:2rem 0 3rem;text-align:left;width:100%}.pc-step-index[data-astro-cid-jlptlzvw],.pc-step-label[data-astro-cid-jlptlzvw]{color:#6a7771;font-size:.7rem;font-weight:750;text-transform:uppercase}.pc-step-label[data-astro-cid-jlptlzvw]{color:var(--pc-accent)}.pc-process-step[data-astro-cid-jlptlzvw] strong[data-astro-cid-jlptlzvw],.pc-step-body[data-astro-cid-jlptlzvw]{grid-column:2}.pc-process-step[data-astro-cid-jlptlzvw] strong[data-astro-cid-jlptlzvw]{font-size:1.7rem;font-weight:600;line-height:1.12;margin-top:1.5rem}.pc-step-body[data-astro-cid-jlptlzvw]{color:#64706b;font-size:.94rem;margin-top:.85rem}.pc-process-step[data-astro-cid-jlptlzvw]:not(.is-active) strong[data-astro-cid-jlptlzvw]{color:#7b8681}.pc-process-step[data-astro-cid-jlptlzvw]:hover strong[data-astro-cid-jlptlzvw],.pc-process-step[data-astro-cid-jlptlzvw]:focus-visible strong[data-astro-cid-jlptlzvw],.pc-process-step[data-astro-cid-jlptlzvw].is-active strong[data-astro-cid-jlptlzvw]{color:var(--pc-accent)}.pc-process-step[data-astro-cid-jlptlzvw]:focus-visible{outline:2px solid var(--pc-accent);outline-offset:4px}.pc-process-mobile-image[data-astro-cid-jlptlzvw]{display:none}.pc-showcase[data-astro-cid-jlptlzvw]{padding:9rem 0}.pc-showcase-grid[data-astro-cid-jlptlzvw]{display:grid;gap:4.5rem 2.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:5rem}.pc-showcase-item[data-astro-cid-jlptlzvw]{margin:0}.pc-showcase-item-featured[data-astro-cid-jlptlzvw]{grid-column:1 / -1}.pc-showcase-media[data-astro-cid-jlptlzvw]{aspect-ratio:3 / 2;background:#edf2f0;overflow:hidden}.pc-showcase-media[data-astro-cid-jlptlzvw] img[data-astro-cid-jlptlzvw]{height:100%;object-fit:cover;transition:scale .8s cubic-bezier(.16,1,.3,1);width:100%}.pc-showcase-item[data-astro-cid-jlptlzvw]:hover img[data-astro-cid-jlptlzvw]{scale:1.015}.pc-showcase-item[data-astro-cid-jlptlzvw] figcaption[data-astro-cid-jlptlzvw]{display:grid;gap:.6rem;padding-top:1.25rem}.pc-showcase-item[data-astro-cid-jlptlzvw] figcaption[data-astro-cid-jlptlzvw] strong[data-astro-cid-jlptlzvw]{font-size:1.15rem}.pc-showcase-item[data-astro-cid-jlptlzvw] figcaption[data-astro-cid-jlptlzvw] span[data-astro-cid-jlptlzvw]{color:#65706b;font-size:.92rem}.pc-outcome[data-astro-cid-jlptlzvw]{background:var(--pc-dark);color:#fff;padding:8.5rem 0}.pc-outcome-grid[data-astro-cid-jlptlzvw]{align-items:start;display:grid;gap:5rem;grid-template-columns:minmax(140px,.28fr) minmax(0,1fr)}.pc-outcome[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw]{max-width:850px;overflow-wrap:break-word}.pc-outcome-grid[data-astro-cid-jlptlzvw]>[data-astro-cid-jlptlzvw]{min-width:0}.pc-outcome-grid[data-astro-cid-jlptlzvw]>div[data-astro-cid-jlptlzvw]>p[data-astro-cid-jlptlzvw]{color:#ffffffb3}.pc-action[data-astro-cid-jlptlzvw]{align-items:center;background:var(--pc-accent);color:#fff;display:inline-flex;font-size:.74rem;font-weight:750;justify-content:center;margin-top:2.5rem;min-height:50px;padding:.9rem 1.2rem;text-decoration:none;text-transform:uppercase}.pc-action[data-astro-cid-jlptlzvw]:hover,.pc-action[data-astro-cid-jlptlzvw]:focus-visible{background:#fff;color:var(--pc-dark)}.portfolio-case-mozilla[data-astro-cid-jlptlzvw] .pc-action[data-astro-cid-jlptlzvw]{background:#56d9ae;color:#0b1512}.pc-project-nav[data-astro-cid-jlptlzvw]{background:var(--pc-dark);border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pc-project-nav[data-astro-cid-jlptlzvw] a[data-astro-cid-jlptlzvw]{color:#ffffffb8;display:flex;flex-direction:column;justify-content:center;min-height:168px;padding:2.75rem clamp(1.5rem,6vw,6rem);text-decoration:none;transition:background-color .18s ease,color .18s ease}.pc-project-nav[data-astro-cid-jlptlzvw] a[data-astro-cid-jlptlzvw]:hover,.pc-project-nav[data-astro-cid-jlptlzvw] a[data-astro-cid-jlptlzvw]:focus-visible{background:#ffffff0b;color:#fff}.pc-project-nav[data-astro-cid-jlptlzvw] span[data-astro-cid-jlptlzvw]{color:var(--pc-accent);font-size:.7rem;font-weight:750;text-transform:uppercase}.portfolio-case-mozilla[data-astro-cid-jlptlzvw] .pc-project-nav[data-astro-cid-jlptlzvw] span[data-astro-cid-jlptlzvw]{color:#56d9ae}.pc-project-nav[data-astro-cid-jlptlzvw] strong[data-astro-cid-jlptlzvw]{font-size:1.4rem;font-weight:560;line-height:1.15;margin-top:.7rem}.pc-project-previous[data-astro-cid-jlptlzvw]{align-items:flex-start;border-right:1px solid rgba(255,255,255,.08);text-align:left}.pc-project-next[data-astro-cid-jlptlzvw]{align-items:flex-end;text-align:right}@keyframes pc-arrive{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0 0}}@media(max-width:980px){.pc-hero[data-astro-cid-jlptlzvw]{min-height:680px}.pc-hero-grid[data-astro-cid-jlptlzvw]{gap:3rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.pc-hero[data-astro-cid-jlptlzvw] h1[data-astro-cid-jlptlzvw]{font-size:3.6rem}.pc-brief-grid[data-astro-cid-jlptlzvw]{gap:4rem}.pc-brief[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw],.pc-section-heading[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw],.pc-outcome[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw]{font-size:3rem}.pc-process-layout[data-astro-cid-jlptlzvw]{gap:3.5rem;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}}@media(max-width:760px){.route-w3c-case-study .site-footer,.route-mozilla-case-study .site-footer{padding:1.4rem 1.25rem 2rem}.pc-shell[data-astro-cid-jlptlzvw]{padding-left:1.25rem;padding-right:1.25rem}.pc-hero[data-astro-cid-jlptlzvw]{min-height:0;padding:7rem 0 3rem}.pc-hero-grid[data-astro-cid-jlptlzvw]{gap:2.75rem;grid-template-columns:1fr}.pc-hero[data-astro-cid-jlptlzvw] h1[data-astro-cid-jlptlzvw]{font-size:3.15rem}.pc-hero-summary[data-astro-cid-jlptlzvw]{font-size:1rem}.pc-brief[data-astro-cid-jlptlzvw],.pc-process[data-astro-cid-jlptlzvw],.pc-showcase[data-astro-cid-jlptlzvw],.pc-outcome[data-astro-cid-jlptlzvw]{padding:6rem 0}.pc-brief-grid[data-astro-cid-jlptlzvw],.pc-outcome-grid[data-astro-cid-jlptlzvw]{gap:4rem;grid-template-columns:1fr}.pc-brief[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw],.pc-section-heading[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw],.pc-outcome[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw]{font-size:2.45rem}.pc-process-layout[data-astro-cid-jlptlzvw]{display:block;margin-top:3.5rem}.pc-process-stage[data-astro-cid-jlptlzvw]{display:none}.pc-process-steps[data-astro-cid-jlptlzvw] li[data-astro-cid-jlptlzvw]{min-height:0}.pc-process-step[data-astro-cid-jlptlzvw]{display:grid;grid-template-columns:2.5rem 1fr;padding:2.5rem 0}.pc-process-mobile-image[data-astro-cid-jlptlzvw]{display:block;grid-column:1 / -1;margin-bottom:2rem;width:100%}.pc-showcase-grid[data-astro-cid-jlptlzvw]{gap:3.5rem;grid-template-columns:1fr;margin-top:3.5rem}.pc-showcase-item-featured[data-astro-cid-jlptlzvw]{grid-column:auto}.pc-project-nav[data-astro-cid-jlptlzvw] a[data-astro-cid-jlptlzvw]{min-height:132px;padding:1.5rem 1.25rem}.pc-project-nav[data-astro-cid-jlptlzvw] strong[data-astro-cid-jlptlzvw]{font-size:1.05rem}}@media(max-width:520px){.pc-project-nav[data-astro-cid-jlptlzvw]{grid-template-columns:1fr}.pc-project-nav[data-astro-cid-jlptlzvw] a[data-astro-cid-jlptlzvw]{min-height:112px}.pc-project-previous[data-astro-cid-jlptlzvw]{border-bottom:1px solid rgba(255,255,255,.08);border-right:0}.pc-project-next[data-astro-cid-jlptlzvw]{align-items:flex-start;text-align:left}.pc-hero[data-astro-cid-jlptlzvw] h1[data-astro-cid-jlptlzvw]{font-size:2.75rem}.pc-brief[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw],.pc-section-heading[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw],.pc-outcome[data-astro-cid-jlptlzvw] h2[data-astro-cid-jlptlzvw]{font-size:2.15rem}.pc-step-body[data-astro-cid-jlptlzvw]{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.pc-hero-copy[data-astro-cid-jlptlzvw]>[data-astro-cid-jlptlzvw],.pc-hero-media[data-astro-cid-jlptlzvw]{animation:none}.pc-process-image[data-astro-cid-jlptlzvw],.pc-showcase-media[data-astro-cid-jlptlzvw] img[data-astro-cid-jlptlzvw]{transition:none}}