/* Homepage only. Pricing's palette, local typefaces and dimensional brand language. */
.zh-home{--zh-ink:#111214;--zh-orange:#c04622;--zh-muted:#55534e;--zh-card:#efe7d8;--zh-border:#d9cdbb;font-family:PGSans,Arial,sans-serif;overflow:clip;color:var(--zh-ink)}
.zh-home *{box-sizing:border-box}.zh-home .zh-wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}
.zh-home section{padding:52px 0}.zh-home h1,.zh-home h2,.zh-home h3{font-family:PGDisplay,Arial,sans-serif;letter-spacing:-.055em;line-height:1.08;font-weight:700;text-wrap:balance;margin:0 0 18px;color:#111214}
.zh-home h1{font-size:clamp(48px,6.1vw,88px);line-height:1.02;max-width:820px}.zh-home h1 em{font-style:normal;color:#c04622}.zh-home h2{font-size:clamp(34px,3.8vw,52px)}.zh-home h3{font-size:28px}.zh-home p{font-size:16px;line-height:1.65;color:#55534e;margin:0 0 18px;max-width:68ch}.zh-home .zh-eyebrow{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#a73a1b;margin-bottom:18px}.zh-home a{color:inherit;text-underline-offset:4px}.zh-home a:focus-visible,.zh-home summary:focus-visible{outline:3px solid #c04622;outline-offset:5px}.zh-home a:hover{color:#a73a1b}
.zh-home .zh-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;max-width:100%;padding:12px 20px;border-radius:9px;border:1px solid #111214;background:#111214;color:#fff;font-size:14px;font-weight:700;line-height:1.45;text-decoration:none;transition:transform .18s,background .18s}.zh-button>span:first-child{min-width:0}.zh-button>span:last-child{flex:0 0 auto;font-size:21px;line-height:1}.zh-home .zh-button:hover{transform:translateY(-2px);background:#a8371c;color:#fff}.zh-home .zh-button-secondary{background:transparent;color:#111214;border-color:#11121444}.zh-home .zh-button-secondary:hover{background:#efe7d8;color:#111214}.zh-home .zh-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.zh-home .zh-hero{padding:64px 0 48px}.zh-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:45px;align-items:center}.zh-hero-grid>*{min-width:0}.zh-home .zh-hero-copy{font-size:18px;max-width:580px}.zh-home .zh-hero-note{font-size:12px;margin:18px 0 0}.zh-home .zh-hero-note a{display:inline-block;min-height:30px}
.zh-art{width:100%;height:330px;max-width:405px;position:relative;isolation:isolate;margin:auto;perspective:1000px}.zh-art::before{content:'';position:absolute;inset:-35px -15px;background:radial-gradient(ellipse,#d6532d24,transparent 67%);z-index:-1}.zh-art-back,.zh-art-panel{position:absolute;top:35px;left:3%;width:89%;height:240px;border:1px solid #111214;border-radius:13px;box-shadow:0 12px 25px #11121415}.zh-art-back{background:#d6532d;transform:rotate(-8deg);left:7%}.zh-art-panel{background:#fcf9f2;transform:rotate(3deg);overflow:hidden}.zh-art-top{height:30px;border-bottom:1px solid #11121422;display:flex;gap:4px;align-items:center;padding:0 13px}.zh-art-top i{height:4px;width:4px;border-radius:50%;background:#aaa297}.zh-art-content{padding:25px 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.zh-art-lines i{display:block;width:95%;height:12px;border-radius:3px;background:#111214;margin:9px 0}.zh-art-lines i:nth-child(2){width:75%;background:#c04622}.zh-art-lines i:nth-child(3){width:87%;height:3px;background:#cfc6b7;margin-top:18px}.zh-art-lines i:nth-child(4){width:65%;height:3px;background:#cfc6b7}.zh-art-lines i:nth-child(5){width:49%;height:13px;background:#111214;border-radius:5px;margin-top:20px}.zh-art-spark{border-radius:70px 70px 14px 14px;height:116px;display:grid;place-items:center;background:#e7ddca;box-shadow:inset -7px -7px 0 #d9cbb5}.zh-art-spark svg{width:85px;height:85px;fill:#c04622;filter:drop-shadow(5px 6px 0 #963318);transform:rotate(-12deg)}.zh-art-tiles{display:flex;padding:0 20px;gap:8px}.zh-art-tiles i{height:22px;flex:1;background:#e7dfd0;border-radius:4px}.zh-art-tiles i:nth-child(2){background:#dfb298}.zh-art-mark{position:absolute;right:1%;bottom:14px;width:90px;height:84px;display:grid;place-items:center;border:1px solid #111214;border-radius:14px;background:#181a19;color:#ff9e6c;font-size:49px;box-shadow:5px 7px 0 #11121416;transform:rotate(-7deg)}
.zh-home .zh-band{background:#ebe3d43d;border-block:1px solid #11121416}.zh-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.zh-section-head p{margin-bottom:0;max-width:460px}.zh-section-head h2{margin-bottom:0}.zh-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.zh-home .zh-service{display:flex;flex-direction:column;position:relative;padding:25px;background:#efe7d8;border:1px solid #d9cdbb;border-radius:20px;box-shadow:0 8px 18px #11121405;text-decoration:none;transition:transform .18s,border-color .18s;min-width:0}.zh-service:hover{transform:translateY(-3px);border-color:#c04622}.zh-home .zh-service h3{font-size:27px;margin-bottom:12px}.zh-home .zh-service p{font-size:14px;line-height:1.6;margin-bottom:20px}.zh-service>.zm-icon{width:28px;height:28px;color:#a73a1b;margin-bottom:20px}.zh-home .zh-service .zh-service-label{font-size:10px;line-height:1.45;text-transform:uppercase;letter-spacing:.09em;color:#55534e;margin-bottom:10px;font-weight:700}.zh-service>span:last-child{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13px;font-weight:700;margin-top:auto;color:#111214}.zh-service>span:last-child i{font-style:normal;font-size:22px;color:#c04622}.zh-home .zh-services-note{font-size:13px;margin:22px 0 0;max-width:860px}.zh-service:last-child{grid-column:span 3;display:grid;grid-template-columns:40px 1fr 1.2fr auto;align-items:center;gap:18px;padding:23px 25px}.zh-service:last-child>.zm-icon{margin:0}.zh-service:last-child .zh-service-copy h3{font-size:25px;margin:0}.zh-service:last-child .zh-service-copy .zh-service-label{margin-bottom:6px}.zh-service:last-child>p{margin:0}.zh-service:last-child>span:last-child{margin:0;white-space:nowrap}
.zh-home .zh-work{padding-top:55px}.zh-project{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:42px;align-items:center;border:1px solid #d9cdbb;background:#efe7d8;padding:30px;border-radius:22px}.zh-project>*{min-width:0}.zh-project-visual{position:relative;padding:0 0 30px;max-width:100%;min-width:0}.zh-browser{border:1px solid #11121433;border-radius:11px;background:#fcf9f2;overflow:hidden;box-shadow:0 13px 28px #1112141c;transform:perspective(1100px) rotateX(var(--home-x,0deg)) rotateY(var(--home-y,0deg));transition:transform .2s ease}.zh-browser-bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #11121422}.zh-browser-bar i{width:4px;height:4px;background:#aaa297;border-radius:50%}.zh-browser-bar>span{font-size:9px;color:#55534e;margin:auto;letter-spacing:.02em}.zh-shot{aspect-ratio:1.44;overflow:hidden;background:#090b08}.zh-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.zh-mobile-frame{position:absolute;right:0;bottom:0;width:22%;max-width:145px;background:#181a19;border:5px solid #181a19;border-radius:16px;box-shadow:0 9px 25px #11121430;overflow:hidden;transform:rotate(5deg)}.zh-mobile-frame::before{content:'';position:absolute;top:4px;left:38%;width:24%;height:4px;border-radius:8px;background:#181a19;z-index:1}.zh-mobile-frame img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top}.zh-project .zh-browser{margin-right:32px}.zh-home .zh-project h3{font-size:46px;margin:7px 0 11px}.zh-home .zh-project-kind{font-size:13px;color:#55534e;margin:0 0 17px}.zh-home .zh-project p{font-size:15px}.zh-home .zh-project .zh-project-status{font-size:12px;border-top:1px solid #11121426;padding-top:15px;margin:17px 0}.zh-project .zh-button{width:100%}.zh-home .zh-project .zh-eyebrow{margin:0;font-size:10px}.zh-project-tags{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.zh-project-tags span{font-size:10px;border:1px solid #bfb29c;padding:5px 8px;border-radius:6px;color:#55534e}
.zh-own-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:35px;align-items:center;padding:30px;margin-top:24px;border:1px solid #d9cdbb;border-radius:22px;background:#fcf9f2}.zh-own-work .zh-browser{max-width:650px}.zh-own-work .zh-shot{aspect-ratio:1.7;background:#f6f3ed}.zh-own-work .zh-shot img{object-position:top}.zh-home .zh-own-work h3{font-size:33px}.zh-home .zh-own-work p{font-size:14px}.zh-own-work .zh-eyebrow{font-size:10px}.zh-home .zh-text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;min-height:44px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}.zh-text-link>span{flex-shrink:0;font-size:21px}
.zh-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:28px;padding:0;margin:30px 0 0}.zh-process li{border-top:1px solid #11121433;padding-top:22px}.zh-process li>span{display:grid;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;background:#c04622;color:#fff;border-radius:9px;box-shadow:3px 4px 0 #d9cdbb;margin-bottom:20px}.zh-process h3{font-size:27px}.zh-home .zh-process p{font-size:14px;margin:0}
.zh-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.zh-plan{padding:28px;border:1px solid #d9cdbb;border-radius:22px;background:#efe7d8;display:flex;flex-direction:column}.zh-home .zh-plan h3{font-size:33px}.zh-home .zh-plan .zh-eyebrow{font-size:10px;margin-bottom:14px}.zh-home .zh-price{color:#111214;display:flex;gap:14px;align-items:center;margin:0 0 10px}.zh-price strong{font:700 60px/1 PGDisplay,Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap}.zh-price span{font-size:12px;line-height:1.4;max-width:65px}.zh-home .zh-monthly{color:#111214;font-size:15px;margin-bottom:21px}.zh-monthly strong{font-size:21px}.zh-plan-features{display:grid;margin-bottom:20px}.zh-plan-features>span{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #11121426;padding:12px 0;font-size:14px;line-height:1.55}.zh-plan-features .zm-icon{height:19px;width:19px;flex-shrink:0;color:#a73a1b;margin-top:1px}.zh-plan .zh-button{margin-top:auto}.zh-plan-dark{background:#181a19;border-color:#181a19;color:#faf6ec}.zh-home .zh-plan-dark h3,.zh-home .zh-plan-dark .zh-price,.zh-home .zh-plan-dark .zh-monthly{color:#faf6ec}.zh-home .zh-plan-dark .zh-eyebrow,.zh-plan-dark .zm-icon{color:#ff9e6c}.zh-plan-dark .zh-plan-features>span{border-color:#ffffff29}.zh-plan-dark .zh-button{background:#c04622;border-color:#c04622}.zh-plan-dark a:focus-visible{outline-color:#ffb384}.zh-plan-dark a:hover{color:#ffb384}.zh-plan-dark .zh-button:hover{background:#a8371c;color:#fff}.zh-home .zh-plan-note{font-size:12px;color:#c9c7bf;margin:0 0 20px}.zh-home .zh-price-note{font-size:12px;margin:18px 0 12px;max-width:900px}
.zh-faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.zh-faq-grid details{border-bottom:1px solid #11121433}.zh-faq-grid summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;cursor:pointer;font-size:15px;font-weight:700;min-height:66px;padding:18px 0}.zh-faq-grid summary::-webkit-details-marker{display:none}.zh-faq-grid summary>span{font-size:24px;font-weight:400;color:#c04622}.zh-faq-grid details[open] summary>span{transform:rotate(45deg)}.zh-home .zh-faq-grid details p{font-size:14px;margin-bottom:20px}.zh-faq-grid summary:hover{color:#a73a1b}.zh-final-panel{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:36px;border-radius:22px;background:#d6532d}.zh-home .zh-final-panel h2{max-width:650px}.zh-home .zh-final-panel p{color:#111214;font-size:15px}.zh-home .zh-final-panel .zh-eyebrow{color:#111214}.zh-final-panel .zh-button{flex-shrink:0}.zh-final-panel a:focus-visible{outline-color:#111214}
@keyframes zh-arrive{from{transform:translateY(7px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.zh-hero-grid{animation:zh-arrive .45s ease-out both}.zh-art-panel{animation:zh-drift 7s ease-in-out infinite alternate}@keyframes zh-drift{from{transform:rotate(3deg) translateY(0)}to{transform:rotate(1deg) translateY(-5px)}}}
@media(max-width:950px){.zh-hero-grid{grid-template-columns:1.4fr 1fr;gap:24px}.zh-art{height:290px}.zh-art-panel,.zh-art-back{height:220px}.zh-art-content{padding:20px 15px}.zh-art-spark{height:105px}.zh-art-spark svg{width:70px;height:70px}.zh-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zh-service:last-child{grid-column:span 2;grid-template-columns:35px 1fr;gap:12px 17px}.zh-service:last-child>p,.zh-service:last-child>span:last-child{grid-column:2}.zh-service:last-child>.zm-icon{align-self:start}.zh-project{gap:28px;padding:26px;grid-template-columns:1.25fr 1fr}.zh-project .zh-browser{margin-right:18px}.zh-mobile-frame{border-width:4px;border-radius:12px}.zh-project-tags{gap:6px}.zh-own-work{gap:28px;padding:26px}.zh-process{gap:22px}.zh-faq-grid{gap:30px}.zh-final-panel{padding:30px}}
@media(max-width:650px){.zh-home .zh-wrap{padding-inline:18px}.zh-home section{padding:32px 0}.zh-home .zh-hero{padding:35px 0 26px}.zh-hero-grid{grid-template-columns:1fr;gap:12px}.zh-home h1{font-size:50px;line-height:1.04;max-width:450px}.zh-home h2{font-size:35px}.zh-home .zh-hero-copy{font-size:16px}.zh-home .zh-eyebrow{font-size:10px;margin-bottom:15px}.zh-home .zh-hero-note{font-size:12px;margin-top:15px}.zh-home .zh-actions{gap:10px;margin-top:22px}.zh-home .zh-button{font-size:13px;padding:11px 16px;gap:18px;min-height:47px}.zh-art{height:208px;max-width:300px}.zh-art-panel,.zh-art-back{top:15px;height:173px}.zh-art-top{height:23px}.zh-art-content{padding:15px;gap:12px}.zh-art-lines i{height:9px;margin:6px 0}.zh-art-lines i:nth-child(3){height:3px;margin-top:12px}.zh-art-lines i:nth-child(4){height:3px}.zh-art-lines i:nth-child(5){height:10px;margin-top:12px}.zh-art-spark{height:78px}.zh-art-spark svg{width:58px;height:58px}.zh-art-tiles i{height:14px}.zh-art-mark{width:58px;height:55px;font-size:33px;border-radius:10px;bottom:0}.zh-section-head{display:block;margin-bottom:22px}.zh-section-head p{font-size:14px;margin-top:16px}.zh-service-grid{grid-template-columns:1fr;gap:15px}.zh-home .zh-service{padding:22px;border-radius:18px}.zh-service>.zm-icon{margin-bottom:16px}.zh-home .zh-service h3{font-size:27px}.zh-service:last-child{grid-column:auto;display:flex;gap:0}.zh-service:last-child>.zm-icon{margin-bottom:16px}.zh-service:last-child>p{margin:12px 0 20px}.zh-service:last-child .zh-service-copy h3{font-size:27px}.zh-service:last-child>span:last-child{white-space:normal;display:flex}.zh-home .zh-services-note{font-size:12px;line-height:1.65}.zh-home .zh-work{padding-top:34px}.zh-project{grid-template-columns:1fr;padding:20px;gap:22px;border-radius:18px}.zh-project-visual{padding-bottom:16px}.zh-project .zh-browser{margin-right:13px}.zh-browser-bar{height:25px;padding:0 9px}.zh-browser-bar>span{font-size:8px}.zh-shot{aspect-ratio:1.44}.zh-mobile-frame{display:none}.zh-home .zh-project h3{font-size:38px}.zh-home .zh-project-kind{font-size:12px}.zh-home .zh-project p{font-size:14px}.zh-home .zh-project .zh-project-status{font-size:12px}.zh-project .zh-button{margin-top:2px}.zh-project-tags{margin:15px 0}.zh-own-work{grid-template-columns:1fr;padding:21px;border-radius:18px;gap:20px;margin-top:18px}.zh-own-work .zh-browser{grid-row:1}.zh-home .zh-own-work h3{font-size:30px}.zh-process{grid-template-columns:1fr;gap:22px;margin-top:26px}.zh-process li{display:grid;grid-template-columns:38px 1fr;column-gap:16px;padding-top:20px}.zh-process li>span{grid-row:span 2;margin:0}.zh-process h3{font-size:26px;margin-bottom:11px}.zh-plan-grid{grid-template-columns:1fr;gap:17px}.zh-plan{padding:24px;border-radius:18px}.zh-price strong{font-size:58px}.zh-home .zh-plan h3{font-size:33px}.zh-faq-grid{grid-template-columns:1fr;gap:16px}.zh-faq-grid summary{font-size:14px;min-height:64px}.zh-final-panel{display:block;padding:26px;border-radius:18px}.zh-home .zh-final-panel h2{font-size:38px}.zh-final-panel .zh-button{width:100%;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.zh-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.zh-browser{transform:none!important}}

/* Verified project slider; all slides share a grid cell so navigation cannot resize the section. */
.zh-work-stage{display:grid;min-width:0;isolation:isolate;touch-action:pan-y pinch-zoom}
.zh-work-stage>.zh-project-slide{grid-area:1/1;min-width:0;align-self:stretch;gap:32px;padding:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(10px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;z-index:0}
.zh-work-stage>.zh-project-slide[aria-hidden="false"]{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s;z-index:1}
.zh-work-stage .zh-project-visual{padding:0;align-self:center}.zh-work-stage .zh-browser{margin:0;transform:none}.zh-work-stage .zh-shot{aspect-ratio:1.6;background:#e6dfd3}.zh-work-stage .zh-shot img{object-fit:cover;object-position:top}
.zh-home .zh-work-stage h3{font-size:clamp(29px,3vw,40px);line-height:1.1;margin:9px 0 10px}.zh-home .zh-work-stage .zh-project-kind{font-size:12px;margin:0 0 13px}.zh-home .zh-work-stage .zh-project-description{margin:0;line-height:1.65;font-size:15px}.zh-home .zh-work-stage .zh-project-tags{margin:16px 0}.zh-home .zh-work-stage .zh-project-status{font-size:12px;line-height:1.6;margin:14px 0;padding-top:12px}.zh-work-stage .zh-button{margin-top:0}
.zh-work-controls-slot{min-height:62px;padding-top:16px}.zh-work-controls{visibility:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;min-height:46px}.zh-work-controls[data-ready="true"]{visibility:visible}
.zh-work-arrow,.zh-work-dot{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border:1px solid #c8bdad;border-radius:50%;background:#f6f3ed;color:#111214;cursor:pointer;font:inherit;transition:background-color .16s ease,border-color .16s ease}
.zh-work-arrow{font-size:22px}.zh-work-arrow:hover{background:#efe7d8;border-color:#c04622}.zh-work-arrow:active{background:#e4d9c5}.zh-work-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:0;min-width:0;max-width:calc(100% - 170px)}.zh-work-dot{border-color:transparent;background:transparent;width:40px}.zh-work-dot>span{display:block;width:9px;height:9px;border-radius:50%;background:#b4aa9b}.zh-work-dot[aria-current="true"]>span{background:#c04622;box-shadow:0 0 0 4px #c046221a}.zh-work-dot:hover>span{background:#c04622}
.zh-work-arrow:focus-visible,.zh-work-dot:focus-visible{outline:3px solid #c04622;outline-offset:3px}.zh-home .zh-work-status{margin:0 0 0 9px;font-size:13px;font-variant-numeric:tabular-nums;color:#514b43;min-width:44px;white-space:nowrap}.zh-work-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.zh-work-fallback{font-size:14px;line-height:1.6}
@media(max-width:950px){.zh-work-stage>.zh-project-slide{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;padding:24px}.zh-home .zh-work-stage h3{font-size:31px}}
@media(max-width:650px){.zh-work-stage>.zh-project-slide{grid-template-columns:minmax(0,1fr);align-content:start;gap:19px;padding:18px;border-radius:18px}.zh-work-stage .zh-project-visual{align-self:start}.zh-work-stage .zh-shot{aspect-ratio:1.6}.zh-home .zh-work-stage h3{font-size:29px;margin:8px 0}.zh-home .zh-work-stage .zh-project-description{font-size:14px;line-height:1.6}.zh-home .zh-work-stage .zh-project-kind{font-size:11px;margin-bottom:10px}.zh-home .zh-work-stage .zh-project-tags{gap:6px;margin:12px 0}.zh-work-stage .zh-project-tags span{font-size:10px;padding:4px 6px}.zh-home .zh-work-stage .zh-project-status{font-size:11px;margin:11px 0;padding-top:10px}.zh-work-controls{gap:5px}.zh-work-controls-slot{padding-top:12px;min-height:58px}.zh-home .zh-work-status{font-size:12px;margin-left:6px}}
@media(prefers-reduced-motion:reduce){.zh-work-stage>.zh-project-slide,.zh-work-arrow,.zh-work-dot{transition:none;transform:none}}

/* Current, separate viewport screenshots: both device previews stay visible together. */
.zh-work-stage .zh-device-composition{position:relative;width:100%;aspect-ratio:1.4;align-self:center;padding:0;min-width:0}
.zh-work-stage .zh-device-composition .zh-browser{position:absolute;left:0;top:0;width:81%;margin:0;transform:none}
.zh-work-stage .zh-device-composition .zh-shot{aspect-ratio:1.6}
.zh-project-phone{--phone-bezel:clamp(3px,.45vw,6px);--phone-radius:clamp(10px,1.6vw,22px);position:absolute;right:0;bottom:0;width:24%;padding:var(--phone-bezel);background:#111214;border:1px solid #443e36;border-radius:var(--phone-radius);box-shadow:0 9px 20px #11121430;z-index:2;overflow:hidden}
.zh-phone-camera{width:25%;max-width:28px;min-width:10px;height:3px;border-radius:8px;background:#4b4842;margin:0 auto 4px}
.zh-phone-screen{aspect-ratio:390/844;overflow:hidden;border-radius:calc(var(--phone-radius) - var(--phone-bezel) - 2px);background:#e6dfd3}
.zh-phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.zh-work-dot{width:44px;min-width:44px;min-height:44px}
@media(max-width:650px){.zh-work-stage .zh-device-composition{align-self:start}.zh-project-phone{box-shadow:0 5px 12px #11121428}.zh-phone-camera{height:2px;margin-bottom:3px}.zh-work-stage .zh-device-composition .zh-browser-bar{height:22px}.zh-work-stage .zh-device-composition .zh-browser-bar>span{font-size:7px}}