.jb-project-main .jb-showcase{--showcase-action-bg:var(--jb-gold);--showcase-action-ink:var(--jb-deep);--showcase-action-focus:var(--jb-green)}.jb-project-main .jb-showcase:has(.hc-showcase){--showcase-action-bg:#6223a7;--showcase-action-ink:#fff}.jb-project-main .jb-showcase:has(.rf-showcase){--showcase-action-bg:#cba552;--showcase-action-ink:#191919;--showcase-action-focus:#94732d}.jb-project-main .jb-showcase:has(.ic-showcase){--showcase-action-bg:#bb4416;--showcase-action-ink:#fff;--showcase-action-focus:#bb4416}.jb-project-main .jb-showcase:has(.dn-showcase){--showcase-action-bg:#073a35;--showcase-action-ink:#fff;--showcase-action-focus:#073a35}.jb-project-main .jb-showcase :is(.jb-closing a,.rf-actions a,.ic-actions a,.dn-actions a){display:inline-flex;align-items:center;justify-content:center;min-height:44px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;text-decoration:none}.jb-project-main .jb-showcase :is(.jb-closing a,.rf-actions a,.ic-actions a,.dn-actions a):is(:hover,:focus-visible){background:var(--showcase-action-bg);color:var(--showcase-action-ink);border-color:var(--showcase-action-bg);box-shadow:0 7px 18px color-mix(in srgb,var(--showcase-action-bg) 24%,transparent);transform:translateY(-3px)}.jb-project-main .jb-showcase :is(.jb-closing a,.rf-actions a,.ic-actions a,.dn-actions a):focus-visible{outline:2px solid var(--showcase-action-focus);outline-offset:4px}.jb-project-main .jb-showcase .ir-showcase .jb-closing a:is(:hover,:focus-visible){transform:translateY(-3px) rotate(-1.5deg)}.jb-project-main .jb-showcase :is(.jb-closing a,.rf-actions a,.ic-actions a,.dn-actions a):active{transform:translateY(0);box-shadow:none}@media(prefers-reduced-motion:reduce){.jb-project-main .jb-showcase :is(.jb-closing a,.rf-actions a,.ic-actions a,.dn-actions a){transition:none}.jb-project-main .jb-showcase :is(.jb-closing a,.rf-actions a,.ic-actions a,.dn-actions a):is(:hover,:focus-visible,:active){transform:none}}.jb-project-main .jb-showcase:has(.ic-showcase){--jb-green:#282b2a;--jb-deep:#171c1e;--jb-gold:#ff5d1c;--jb-cream:#f2f3f1;--jb-paper:#fff;--jb-ink:#252b2d}.jb-project-main .ic-showcase .jb-section{padding-block:72px}.jb-project-main .ic-showcase .jb-section-heading h2{color:#252b2d}.jb-project-main .ic-showcase .jb-section-heading h2 span{display:block;margin-top:12px;color:#c14b1c}.jb-project-main .ic-showcase .jb-section p{color:#61686b}.ic-showcase img{max-width:100%;height:auto}.ic-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.ic-tags span{padding:8px 18px;border:1px solid #e4d7cd;border-radius:99px;color:#a64722;font-size:15px}.ic-screen{margin:26px 0 0;border:1px solid #e2e5e3;border-radius:18px;overflow:hidden;background:#f4f5f3}.ic-screen img{display:block;width:100%}.ic-screen figcaption{padding:16px 22px;font-size:14px;line-height:1.8;color:#647074;text-align:center}.ic-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;align-items:start}.ic-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:32px;gap:32px;margin-top:36px}.ic-three>div{border-top:1px solid #eead91;padding-block:24px}.ic-three>div>span{font-size:38px;color:#e95e28}.jb-project-main .ic-three p{font-size:18px;line-height:2}.jb-project-main .ic-showcase .ic-light{background:#f2f3f1}.jb-project-main .ic-showcase .ic-dark{background:radial-gradient(ellipse at 80% 10%,#344047,#171c1e 65%)}.jb-project-main .ic-showcase .ic-dark .jb-section-heading h2{color:#fff}.jb-project-main .ic-showcase .ic-dark .jb-section-heading h2 span{color:#ff8856}.jb-project-main .ic-showcase .ic-dark p{color:#ced4d5}.ic-dark .ic-screen{background:#25292b;border-color:#454c4e}.ic-dark .ic-screen figcaption{color:#e8b9a4}.ic-editorial{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:50px;gap:50px;align-items:start}.ic-kicker{display:block;font:12px/1.8 Arial,sans-serif;letter-spacing:.13em;color:#bc5128;margin-block:30px}.ic-editorial h3{font-size:clamp(26px,3vw,44px);line-height:1.6}.ic-editorial .jb-process-list h3{font-size:22px}.ic-banner-stack{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px}.ic-banner-stack .ic-screen{border:0;background:transparent;overflow:visible}.ic-banner-stack .ic-screen img{margin-block:20px}.ic-timeline{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-block:28px;margin-block:28px;border-block:1px solid #e5e5e1}.ic-timeline strong{font-size:48px;color:#cc4f20}.ic-timeline span{font-size:22px}.jb-project-main .ic-showcase .ic-note{font-size:14px;line-height:2;color:#7e8789;margin-top:26px}.ic-showcase .jb-gallery-grid{align-items:start}.ic-showcase .jb-gallery-card{background:#f3f4f2;border-color:#e3e5e1}.ic-showcase .jb-gallery-card>p:empty{display:none}.ic-showcase .jb-gallery-caption{padding:18px 20px 20px}.ic-showcase .jb-gallery-caption b{color:#293034}.ic-showcase .jb-gallery-caption small{color:#bd5128}.ic-showcase .jb-gallery-preview{aspect-ratio:16/9;background:#eaede9}.ic-showcase .jb-gallery-crop{width:100%;height:100%;aspect-ratio:auto;padding:0}.ic-showcase .jb-gallery-crop img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:top;transform:none}.ic-showcase .jb-gallery-mobile .jb-gallery-preview{aspect-ratio:4/5}.ic-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}.ic-actions a{padding:14px 22px;border:1px solid #dbe0dc;border-radius:8px;color:#a74421}@media(max-width:800px){.ic-banner-stack,.ic-editorial,.ic-pair,.ic-three{grid-template-columns:1fr;gap:24px}.jb-project-main .ic-showcase .jb-section{padding-block:48px}.ic-timeline{gap:18px}.ic-editorial .ic-screen{margin-top:0}}.ic-showcase .jb-process-list li>span{color:#cb5428}.ic-editorial .jb-process-list{display:block;margin-top:24px}.ic-editorial .jb-process-list li{display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:16px;gap:16px;margin-top:20px;border-top:1px solid #dce1dc;padding-top:16px}.jb-project-main .ic-editorial .jb-process-list h3{font-size:20px}.jb-project-main .ic-editorial .jb-process-list p{font-size:16px}.ic-showcase .ic-gallery-desktop{grid-template-columns:repeat(2,minmax(0,1fr))}.ic-showcase .ic-gallery-mobile{grid-template-columns:repeat(3,minmax(0,1fr))}.ic-showcase .ic-gallery-label{margin:44px 0 24px;font-size:24px}.ic-showcase .jb-gallery-mobile .jb-gallery-crop{width:100%;height:100%;aspect-ratio:auto;padding:18px 18%}.ic-showcase .jb-gallery-mobile .jb-gallery-crop img{width:100%;height:100%;object-fit:cover;object-position:top}@media(max-width:650px){.ic-showcase .ic-gallery-desktop,.ic-showcase .ic-gallery-mobile{grid-template-columns:1fr}}.jb-project-main .jb-showcase:has(.dn-showcase){--jb-green:#282b2a;--jb-deep:#171c1e;--jb-gold:#356f66;--jb-cream:#f2f3f1;--jb-paper:#fff;--jb-ink:#252b2d}.jb-project-main .dn-showcase .jb-section{padding-block:72px}.jb-project-main .dn-showcase .jb-section-heading h2{color:#252b2d}.jb-project-main .dn-showcase .jb-section-heading h2 span{display:block;margin-top:12px;color:#3b6a60}.jb-project-main .dn-showcase .jb-section p{color:#61686b}.dn-showcase img{max-width:100%;height:auto}.dn-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.dn-tags span{padding:8px 18px;border:1px solid #e4d7cd;border-radius:99px;color:#3b6a60;font-size:15px}.dn-screen{margin:26px 0 0;border:1px solid #e2e5e3;border-radius:18px;overflow:hidden;background:#f4f5f3}.dn-screen img{display:block;width:100%}.dn-screen figcaption{padding:16px 22px;font-size:14px;line-height:1.8;color:#647074;text-align:center}.dn-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;align-items:start}.dn-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:32px;gap:32px;margin-top:36px}.dn-three>div{border-top:1px solid #9ab4aa;padding-block:24px}.dn-three>div>span{font-size:38px;color:#3b6a60}.jb-project-main .dn-three p{font-size:18px;line-height:2}.jb-project-main .dn-showcase .dn-light{background:#f2f3f1}.jb-project-main .dn-showcase .dn-dark{background:radial-gradient(ellipse at 80% 10%,#344047,#171c1e 65%)}.jb-project-main .dn-showcase .dn-dark .jb-section-heading h2{color:#fff}.jb-project-main .dn-showcase .dn-dark .jb-section-heading h2 span{color:#b5d0c0}.jb-project-main .dn-showcase .dn-dark p{color:#ced4d5}.dn-dark .dn-screen{background:#25292b;border-color:#454c4e}.dn-dark .dn-screen figcaption{color:#bed3c8}.dn-editorial{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:50px;gap:50px;align-items:start}.dn-kicker{display:block;font:12px/1.8 Arial,sans-serif;letter-spacing:.13em;color:#3b6a60;margin-block:30px}.dn-editorial h3{font-size:clamp(26px,3vw,44px);line-height:1.6}.dn-editorial .jb-process-list h3{font-size:22px}.dn-banner-stack{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px}.dn-banner-stack .dn-screen{border:0;background:transparent;overflow:visible}.dn-banner-stack .dn-screen img{margin-block:20px}.dn-timeline{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-block:28px;margin-block:28px;border-block:1px solid #e5e5e1}.dn-timeline strong{font-size:48px;color:#3b6a60}.dn-timeline span{font-size:22px}.jb-project-main .dn-showcase .dn-note{font-size:14px;line-height:2;color:#7e8789;margin-top:26px}.dn-showcase .jb-gallery-grid{align-items:start}.dn-showcase .jb-gallery-card{background:#f3f4f2;border-color:#e3e5e1}.dn-showcase .jb-gallery-card>p:empty{display:none}.dn-showcase .jb-gallery-caption{padding:18px 20px 20px}.dn-showcase .jb-gallery-caption b{color:#293034}.dn-showcase .jb-gallery-caption small{color:#3b6a60}.dn-showcase .jb-gallery-preview{aspect-ratio:16/9;background:#eaede9}.dn-showcase .jb-gallery-crop{width:100%;height:100%;aspect-ratio:auto;padding:0}.dn-showcase .jb-gallery-crop img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:top;transform:none}.dn-showcase .jb-gallery-mobile .jb-gallery-preview{aspect-ratio:4/5}.dn-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}.dn-actions a{padding:14px 22px;border:1px solid #dbe0dc;border-radius:8px;color:#3b6a60}@media(max-width:800px){.dn-banner-stack,.dn-editorial,.dn-pair,.dn-three{grid-template-columns:1fr;gap:24px}.jb-project-main .dn-showcase .jb-section{padding-block:48px}.dn-timeline{gap:18px}.dn-editorial .dn-screen{margin-top:0}}.dn-showcase .jb-process-list li>span{color:#3b6a60}.dn-editorial .jb-process-list{display:block;margin-top:24px}.dn-editorial .jb-process-list li{display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:16px;gap:16px;margin-top:20px;border-top:1px solid #dce1dc;padding-top:16px}.jb-project-main .dn-editorial .jb-process-list h3{font-size:20px}.jb-project-main .dn-editorial .jb-process-list p{font-size:16px}.dn-showcase .dn-gallery-desktop{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-showcase .dn-gallery-mobile{grid-template-columns:repeat(3,minmax(0,1fr))}.dn-showcase .dn-gallery-label{margin:44px 0 24px;font-size:24px}.dn-showcase .jb-gallery-mobile .jb-gallery-crop{width:100%;height:100%;aspect-ratio:auto;padding:18px 18%}.dn-showcase .jb-gallery-mobile .jb-gallery-crop img{width:100%;height:100%;object-fit:cover;object-position:top}@media(max-width:650px){.dn-showcase .dn-gallery-desktop,.dn-showcase .dn-gallery-mobile{grid-template-columns:1fr}}#dn-mobile+p{color:#fff}.dn-showcase .dn-gallery-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-showcase .dn-dark .dn-pair>div{display:flex;flex-direction:column;align-items:center;gap:24px}.dn-showcase .dn-dark .jb-iphone{width:min(300px,100%)}@media(max-width:650px){.dn-showcase .dn-gallery-mobile{grid-template-columns:1fr}}.dn-brand-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;margin-top:32px}.dn-brand-palette>div{display:flex;flex-direction:column;gap:12px}.dn-brand-palette span{display:block;height:140px;border-radius:18px;border:1px solid #dfe5df}.dn-brand-palette b{font-size:20px;color:#233e35}.dn-brand-palette small{font-size:15px;color:#68746c}.dn-color-green{background:#073a35}.dn-color-light{background:#f6f3ec}.dn-color-ink{background:#222222}@media(max-width:650px){.dn-brand-palette{grid-template-columns:1fr}.dn-brand-palette span{height:100px}}.dn-table-wrap{overflow-x:auto;margin-block:32px}.dn-comparison{width:100%;border-collapse:collapse;text-align:right;line-height:1.9;font-size:17px}.dn-comparison td,.dn-comparison th{padding:20px;border-bottom:1px solid #dce4dd;vertical-align:top}.dn-comparison thead{background:#eaf0e9;color:#244e42}.dn-comparison tbody th{width:20%;color:#244e42}@media(max-width:650px){.dn-comparison{font-size:14px;min-width:520px}.dn-comparison td,.dn-comparison th{padding:12px}}.dn-logo-lockup{display:flex;align-items:center;justify-content:center;gap:70px;padding:70px 30px;background:#f3f1e9;border-radius:24px;margin-top:34px}.dn-logo-lockup>div{flex:1 1;display:flex;align-items:center;flex-direction:column;gap:24px}.dn-logo-lockup img{width:min(360px,100%);height:170px;object-fit:contain}.dn-logo-lockup>span{font-size:40px;color:#456c5e}.dn-logo-lockup b{font-size:20px;color:#1b4037}.dn-brand-palette span{display:flex;align-items:center;justify-content:center}.dn-brand-palette code{font:600 24px/1.5 monospace;direction:ltr;color:#fff}.dn-brand-palette .dn-color-light code{color:#203b31}.dn-large-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;width:calc(100vw - 80px);max-width:1800px;position:relative;right:50%;transform:translateX(50%);margin:32px 0;align-items:start}.dn-large-pair .dn-screen{margin-top:0}.dn-showcase .dn-gallery-desktop{display:block;column-count:2;column-gap:28px}.dn-showcase .dn-gallery-desktop .jb-gallery-card{display:block;page-break-inside:avoid;break-inside:avoid;margin-bottom:28px}.dn-showcase .dn-gallery-desktop .jb-gallery-crop,.dn-showcase .dn-gallery-desktop .jb-gallery-preview{aspect-ratio:auto;height:auto;width:100%}.dn-showcase .dn-gallery-desktop .jb-gallery-crop img{height:auto;width:100%;object-fit:contain}.dn-video-flow{display:flex;align-items:center;justify-content:center;gap:20px;margin:35px 0}.dn-video-flow span{padding:24px;border:1px solid #d4dfd7;border-radius:12px;background:#edf2ec}@media(max-width:800px){.dn-large-pair{width:100%;right:auto;transform:none;grid-template-columns:1fr}.dn-logo-lockup{gap:24px;padding:35px 20px;flex-direction:column}.dn-logo-lockup img{height:120px}.dn-video-flow{flex-direction:column}.dn-showcase .dn-gallery-desktop{column-count:1}}.dn-logo-lockup>div:first-child img{filter:brightness(0)}@media(min-width:801px) and (max-width:1400px){.dn-large-pair{grid-template-columns:1fr;max-width:1200px}}