/* The real-project showcase shares ZippyGlow's current palette, fonts and navigation. */
.zg-content.zd-work{--work-paper:#f6f3ed;--work-ink:#111214;--work-accent:#c04622;font-family:PGSans,Inter,Arial,sans-serif}.zd-work .container{max-width:1440px;padding-inline:clamp(20px,5vw,76px)}.zg-content.zd-work section{padding-block:80px}.zd-work .zd-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--work-accent);margin:0 0 25px}.zg-content.zd-work .zd-hero{padding-top:88px;padding-bottom:54px}.zd-work .zd-hero>.container{display:block}.zd-work h1{font-family:PGDisplay,PGSans,Inter,Arial,sans-serif;font-size:clamp(48px,7.4vw,112px);font-weight:700;line-height:1.02;letter-spacing:-.055em;max-width:1100px;margin:0 0 35px}.zd-work h1 em,.zd-work .zd-final h2 em{font-style:normal;color:var(--work-accent)}.zd-work .zd-intro{display:flex;justify-content:space-between;gap:36px;align-items:center}.zd-work .zd-intro>p{max-width:650px;font-size:19px;line-height:1.6;margin:0}.zd-work .zd-text-link{white-space:nowrap;font-size:14px;font-weight:700;text-decoration:none;display:flex;gap:28px;align-items:center;border-bottom:1px solid #111214;padding:14px 0}.zd-work .zd-disclosure{font-size:12px;color:#5b5b58;max-width:780px;line-height:1.7;margin-top:28px}.zd-work .zd-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:30px}.zd-work .zd-section-head h2{font-size:30px;letter-spacing:-.04em;margin:0}.zd-work .zd-section-head>span{font-size:12px;color:#5b5b58}.zg-content.zd-work .zd-projects{padding-top:25px}.zd-project-list{display:grid;gap:50px}.zd-project{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);background:#fffdf8;border:1px solid #d9d2c6;border-radius:18px;overflow:hidden;transition:border-color .25s,box-shadow .25s}.zd-project:hover{border-color:#b89e87;box-shadow:0 16px 45px #20180b0c}.zd-project-visual{position:relative;padding:50px 35px 55px;background:#e8e1d1;min-width:0;overflow:hidden;display:flex;align-items:center}.zd-agency .zd-project-visual{background:#ebd4c5}.zd-training .zd-project-visual{background:#e1e5e6}.zd-browser{width:92%;border:1px solid #c9c2b7;border-radius:10px;overflow:hidden;box-shadow:0 22px 40px #1b1b1b1c;background:var(--work-paper);transform:rotate(-2deg);transition:transform .35s}.zd-project:hover .zd-browser{transform:rotate(0deg) translateY(-3px)}.zd-browser-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:9px;color:#51514a;background:#fffdf8}.zd-browser-top svg{width:13px;height:13px}.zd-dots{font-size:7px;letter-spacing:2px;color:#aca69b}.zd-screen{display:block;line-height:0;aspect-ratio:1.44;overflow:hidden}.zd-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.zd-phone{position:absolute;right:17px;bottom:38px;width:24%;min-width:94px;max-width:160px;border:5px solid #171a1c;border-radius:22px;background:#171a1c;padding-top:10px;box-shadow:0 12px 26px #0003;transform:rotate(5deg);overflow:hidden}.zd-phone-speaker{position:absolute;top:2px;left:35%;width:30%;height:4px;border-radius:4px;background:#5a5c60}.zd-phone img{display:block;width:100%;height:auto;border-radius:0 0 15px 15px}.zd-capture-note{position:absolute;bottom:13px;left:35px;font-size:9px;color:#55534a;letter-spacing:.04em}.zd-project-copy{padding:36px 32px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.zd-project-meta{display:flex;justify-content:space-between;width:100%;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#68645b;margin-bottom:30px}.zd-work .zd-category{font-size:11px;letter-spacing:.04em;color:#74614f;margin:0 0 9px}.zd-work .zd-project-copy h3{font-family:PGDisplay,PGSans,Arial,sans-serif;font-size:clamp(30px,3vw,46px);letter-spacing:-.05em;line-height:1.06;margin:0 0 20px}.zd-work .zd-description{font-size:15px;line-height:1.7;color:#424443;margin:0 0 22px}.zd-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0 0 24px}.zd-tags li{font-size:10px;padding:6px 9px;border:1px solid #d9d3c8;border-radius:20px;color:#55564f}.zd-work .zd-status{font-size:11px;line-height:1.7;color:#66665e;margin:0 0 25px}.zd-visit{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;background:#111214;color:#fff!important;padding:13px 20px;border-radius:30px;text-decoration:none;font-size:13px;font-weight:700;margin-top:auto}.zd-visit:hover{background:#a73d20}.zd-visit svg{flex-shrink:0}.zd-work .zd-separation{font-size:12px;line-height:1.7;color:#66665e;max-width:780px;margin:26px 0 0}.zg-content.zd-work .zd-approach{background:#ede7dc}.zd-approach-head{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}.zd-work .zd-approach h2{font-family:PGDisplay,PGSans,Arial,sans-serif;font-size:clamp(36px,4vw,60px);letter-spacing:-.05em;line-height:1.08;margin:0}.zd-approach-head>p{font-size:16px;line-height:1.7;margin:0;max-width:410px;color:#55554f}.zd-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.zd-principles article{border-top:1px solid #bbb2a3;padding-top:20px}.zd-principles article>span{font-size:11px;color:#a33d1f}.zd-work .zd-principles h3{font-size:20px;letter-spacing:-.03em;margin:16px 0 12px}.zd-principles p{font-size:14px;line-height:1.7;color:#565650;margin:0}.zd-work .zd-final>.container{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 70px;align-items:end}.zd-final .zd-eyebrow{grid-column:1/-1}.zd-work .zd-final h2{font-family:PGDisplay,PGSans,Arial,sans-serif;font-size:clamp(42px,5vw,76px);letter-spacing:-.05em;line-height:1.05;margin:0}.zd-final p{font-size:16px;line-height:1.7;max-width:430px;margin:0 0 25px}.zd-sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}@media(max-width:1000px){.zd-project{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.zd-project-copy{padding:26px 23px}.zd-project-visual{padding-inline:23px}.zd-project-meta{margin-bottom:22px}.zd-phone{right:12px;max-width:115px}.zd-capture-note{left:23px}.zd-approach-head{gap:35px}}@media(max-width:760px){.zg-content.zd-work section{padding-block:48px}.zg-content.zd-work .zd-hero{padding-top:45px;padding-bottom:35px}.zd-work h1{font-size:clamp(43px,9.5vw,66px);margin-bottom:25px}.zd-work .zd-eyebrow{font-size:10px;line-height:1.7;margin-bottom:20px}.zd-work .zd-intro{display:block}.zd-work .zd-intro>p{font-size:16px}.zd-work .zd-text-link{display:inline-flex;margin-top:12px}.zd-work .zd-disclosure{font-size:11px;margin-top:23px}.zd-work .zd-section-head{display:block}.zd-work .zd-section-head h2{font-size:27px;margin-bottom:8px}.zd-project-list{gap:28px}.zd-project{display:flex;flex-direction:column;border-radius:13px}.zd-project-visual{padding:36px 22px 45px;min-height:260px}.zd-phone{width:24%;right:18px;bottom:25px;min-width:85px;max-width:130px;border-width:4px;border-radius:17px}.zd-phone img{border-radius:0 0 12px 12px}.zd-project-copy{padding:25px 23px 30px}.zd-project-meta{margin-bottom:23px}.zd-work .zd-project-copy h3{font-size:37px}.zd-work .zd-description{font-size:15px}.zd-work .zd-status{font-size:12px}.zd-work .zd-visit{width:100%;font-size:14px;min-height:50px}.zd-approach-head{display:block}.zd-approach-head>p{margin-top:22px;font-size:15px}.zd-principles{grid-template-columns:1fr;gap:26px;margin-top:32px}.zd-principles article{padding-top:16px}.zd-work .zd-final>.container{display:block}.zd-work .zd-final h2{font-size:52px;margin-bottom:25px}.zd-final p{font-size:15px}.zd-work .zd-capture-note{font-size:8px}.zd-work .zd-project-copy,.zd-work .zd-final{scroll-margin-bottom:180px}}@media(prefers-reduced-motion:reduce){.zd-project,.zd-browser{transition:none}.zd-project:hover .zd-browser{transform:rotate(-2deg)}}

.zd-chat-dock{display:none}@media(max-width:600px){html.zd-showcase-root{height:100%;overflow:hidden}.zd-portfolio-page{height:100dvh;overflow:hidden}.zd-portfolio-page .zd-page-scroll{height:calc(100dvh - 78px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior-y:contain;scroll-padding-bottom:24px}.zd-chat-dock{display:block;position:fixed;bottom:0;left:0;right:0;height:calc(78px + env(safe-area-inset-bottom));background:#f6f3ed;border-top:1px solid #d9d2c6;z-index:2147482000}.zd-portfolio-page .zg-footer{padding-bottom:32px}}