#smartho-project-detail{--cd-paper:#faf9f6;--cd-mist:#f3f1ec;--cd-ink:#242621;--cd-muted:#65675f;--cd-line:#dcd8cf;--cd-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;--cd-text:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;--cd-sticky-top:80px;--cd-stage-height:calc(100svh - 96px);--cd-step:72svh;background:var(--cd-paper);color:var(--cd-ink);font:400 16px/1.45 var(--cd-text);position:relative;isolation:isolate}
#smartho-project-detail *,#smartho-project-detail *::before,#smartho-project-detail *::after{box-sizing:border-box}
#smartho-project-detail [hidden]{display:none!important}
#smartho-project-detail h1,#smartho-project-detail h2,#smartho-project-detail p,#smartho-project-detail figure{margin:0}
#smartho-project-detail a{color:inherit;text-decoration:none}
#smartho-project-detail button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}
#smartho-project-detail :is(a,button):focus-visible{outline:2px solid #6e776b;outline-offset:6px}
#smartho-project-detail .cd-wrap{max-width:1152px;width:calc(100% - 96px);margin-inline:auto}
#smartho-project-detail .cd-back{padding:40px 0 0;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--cd-muted)}
#smartho-project-detail .cd-back a{display:flex;align-items:center;gap:14px;color:var(--cd-ink)}
#smartho-project-detail .cd-sequence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;align-items:start;padding-top:52px;padding-bottom:80px}
#smartho-project-detail .cd-heading{align-self:start;position:sticky;top:clamp(154px,calc(50svh - 205px),330px)}
#smartho-project-detail .cd-eyebrow{font-size:12px;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;color:var(--cd-muted);margin-bottom:28px}
#smartho-project-detail h1{font:600 clamp(64px,6.7vw,96px)/.98 var(--cd-display);letter-spacing:-.046em}
#smartho-project-detail .cd-lead{font:400 24px/1.25 var(--cd-display);letter-spacing:-.015em;margin-top:32px;color:var(--cd-muted)}
#smartho-project-detail .cd-text-link{display:inline-flex;gap:22px;align-items:center;margin-top:56px;font-size:14px}
#smartho-project-detail h2{font:600 clamp(40px,4.5vw,58px)/1.06 var(--cd-display);letter-spacing:-.036em}
#smartho-project-detail .cd-track{height:calc(var(--cd-stage-height) + var(--cd-steps)*var(--cd-step));min-width:0;scroll-margin-top:var(--cd-sticky-top)}
#smartho-project-detail .cd-stage{position:sticky;top:var(--cd-sticky-top);height:var(--cd-stage-height);display:flex;justify-content:center;align-items:flex-start}
#smartho-project-detail .cd-viewer{display:flex;align-items:center;flex-direction:column;max-width:100%;width:100%}
/* Actual user-supplied PNG. Only web clipping/composition; no phone redraw. */
#smartho-project-detail .cd-phone-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
#smartho-project-detail .cd-display{width:min(354px,calc((var(--cd-stage-height) - 100px)*0.503086419753));max-width:100%}
#smartho-project-detail .cd-device{display:block;position:relative;padding:0;aspect-ratio:326/648;border:0;background:transparent;box-shadow:none;isolation:isolate;overflow:hidden}
#smartho-project-detail .cd-phone-art{position:absolute;display:block;left:-63.8036809816%;top:-6.9444444444%;width:226.9938650307%;height:auto;max-width:none;clip-path:none;pointer-events:none;z-index:0}
#smartho-project-detail .cd-real-screen{position:absolute;left:7.2085889571%;top:3.2407407407%;width:85.8895705521%;height:93.5185185185%;clip-path:url(#cd-phone-aperture);background:#000;z-index:1}
#smartho-project-detail .cd-capture-area{position:absolute;inset:0;pointer-events:none}
#smartho-project-detail .cd-screen-stack{display:block;position:relative;width:100%;height:100%;aspect-ratio:739/1600;overflow:hidden;background:#000;isolation:isolate}
#smartho-project-detail .cd-screen{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#070809;opacity:0;transform:translate3d(0,100%,0)}
#smartho-project-detail .cd-screen:first-child{opacity:1;transform:translate3d(0,0,0)}
#smartho-project-detail .cd-controls{display:flex;align-items:center;gap:12px;margin-top:12px;min-height:44px;font-size:12px;font-style:normal;color:var(--cd-muted)}
#smartho-project-detail .cd-controls button{font-size:19px;min-width:44px;min-height:44px;line-height:1;color:var(--cd-ink)}
#smartho-project-detail .cd-controls button:disabled{opacity:.25;cursor:default}
#smartho-project-detail .cd-count{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
#smartho-project-detail .cd-enlarge{font-size:12px;margin-left:auto;min-height:44px;display:inline-flex;align-items:center;gap:5px;color:var(--cd-ink)}
#smartho-project-detail .cd-screen-note{font-size:11px;color:var(--cd-muted);margin-top:14px;line-height:16px;text-align:center}
#smartho-project-detail .cd-fallback{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:60px 0;margin:0;list-style:none}
#smartho-project-detail[data-cd-enhanced="true"] .cd-fallback{display:none}
#smartho-project-detail .cd-fallback img{display:block;width:100%;height:auto;object-fit:contain}
#smartho-project-detail .cd-empty{padding-top:100px;padding-bottom:120px}
#smartho-project-detail .cd-empty .cd-heading{position:static}
#smartho-project-detail .cd-adjacent{border-top:1px solid var(--cd-line);border-bottom:1px solid var(--cd-line);display:grid;grid-template-columns:1fr 1fr;padding:40px 0;gap:64px}
#smartho-project-detail .cd-adjacent>a{display:flex;flex-direction:column;gap:12px;min-width:0}
#smartho-project-detail .cd-adjacent>a:last-child{text-align:right;align-items:flex-end}
#smartho-project-detail .cd-adjacent>a>span{font-size:12px;color:var(--cd-muted)}
#smartho-project-detail .cd-adjacent strong{font:500 24px/1.2 var(--cd-display);letter-spacing:-.02em}
#smartho-project-detail .cd-contact{display:flex;justify-content:space-between;align-items:center;gap:48px;padding:120px 0 136px}
#smartho-project-detail .cd-contact .cd-eyebrow{margin-bottom:20px}
#smartho-project-detail .cd-contact h2{font-size:48px;max-width:600px}
#smartho-project-detail .cd-contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px;font-size:13px}
#smartho-project-detail .cd-button{display:inline-flex;align-items:center;gap:28px;padding:16px 23px;border:1px solid #b7b9ae;border-radius:999px;font-size:14px;white-space:nowrap}
#smartho-project-detail .cd-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:var(--cd-ink);background:var(--cd-paper);overflow:hidden;font:400 14px/1.4 var(--cd-text)}
#smartho-project-detail .cd-dialog[open]{display:flex;flex-direction:column}
#smartho-project-detail .cd-dialog::backdrop{background:#242621cc}
#smartho-project-detail .cd-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:20px 32px;border-bottom:1px solid var(--cd-line)}
#smartho-project-detail .cd-close{min-width:70px;min-height:44px}
#smartho-project-detail .cd-dialog-image{flex:1;min-height:0;overflow:auto;text-align:center;padding:20px}
#smartho-project-detail .cd-dialog-image img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;margin:auto}
#smartho-project-detail .cd-dialog[data-full="true"] .cd-dialog-image img{width:var(--cd-original-width,739px);height:auto;max-width:none}
#smartho-project-detail .cd-dialog-nav{display:flex;align-items:center;justify-content:center;gap:28px;flex-shrink:0;padding:16px 24px;border-top:1px solid var(--cd-line);background:var(--cd-paper)}
#smartho-project-detail .cd-dialog-nav button{min-width:44px;min-height:44px}
#smartho-project-detail .cd-dialog-nav button:disabled{opacity:.25;cursor:default}
#smartho-project-detail .cd-dialog-nav p{font-size:12px;text-align:center;min-width:80px}
@media(max-width:1024px){#smartho-project-detail .cd-sequence{column-gap:40px}#smartho-project-detail .cd-contact{gap:32px}#smartho-project-detail .cd-contact h2{font-size:40px}}
@media(max-width:767px){#smartho-project-detail{--cd-sticky-top:64px;--cd-stage-height:calc(100svh - 64px)}#smartho-project-detail .cd-wrap{width:calc(100% - 48px)}#smartho-project-detail .cd-back{padding-top:28px}#smartho-project-detail .cd-back>span{display:none}#smartho-project-detail .cd-sequence{display:block;padding-top:44px;padding-bottom:64px}#smartho-project-detail .cd-heading{position:static;margin-bottom:44px}#smartho-project-detail h1{font-size:clamp(58px,16vw,78px);line-height:1.01}#smartho-project-detail .cd-lead{font-size:22px;margin-top:24px}#smartho-project-detail .cd-eyebrow{margin-bottom:24px}#smartho-project-detail .cd-text-link{margin-top:32px}#smartho-project-detail .cd-stage{align-items:flex-start}#smartho-project-detail .cd-display{width:min(100%,calc((var(--cd-stage-height) - 100px)*0.503086419753))}#smartho-project-detail .cd-controls{gap:8px}#smartho-project-detail .cd-fallback{grid-template-columns:1fr;padding:40px 0;gap:40px}#smartho-project-detail h2{font-size:42px}#smartho-project-detail .cd-adjacent{padding:28px 0;gap:24px}#smartho-project-detail .cd-adjacent strong{font-size:18px}#smartho-project-detail .cd-adjacent>a>span{font-size:11px}#smartho-project-detail .cd-contact{display:block;padding:76px 0 88px}#smartho-project-detail .cd-contact h2{font-size:40px}#smartho-project-detail .cd-contact-actions{margin-top:36px}#smartho-project-detail .cd-dialog-bar{padding:12px 20px}#smartho-project-detail .cd-dialog-image{padding:16px}#smartho-project-detail .cd-dialog-nav{gap:12px;flex-wrap:wrap;padding:8px 16px}#smartho-project-detail .cd-dialog-nav p{min-width:80px;flex:1}#smartho-project-detail .cd-dialog-nav [data-cd-fit]{width:100%;font-size:12px;min-height:32px}#smartho-project-detail .cd-empty{padding-top:64px;padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){#smartho-project-detail *,#smartho-project-detail *::before,#smartho-project-detail *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;transform:none!important}}

/* Only the single-project renderer: native Elementor wrapper and theme integration. */
.elementor-1483 .smartho-project-renderer,.elementor-1483 .smartho-project-renderer>.elementor-widget-container{margin:0;padding:0;width:100%;overflow:visible}
#smartho-project-detail h1,#smartho-project-detail h2{color:var(--cd-ink)}
#smartho-project-detail .cd-adjacent-prev{grid-column:1;text-align:left;align-items:flex-start}
#smartho-project-detail .cd-adjacent-next{grid-column:2;text-align:right;align-items:flex-end}