/* Responsive defaults are variables consumed by editable Elementor controls. */
:where(.yh-page){
 --yh-gutter:clamp(24px,4.5vw,120px);--yh-hero-size:clamp(42px,3.55vw,68px);--yh-hero-columns:minmax(0,.85fr) minmax(0,1.5fr);--yh-hero-gap:clamp(32px,4vw,72px);--yh-hero-pad:42px;--yh-hero-title-gap:28px;--yh-hero-ratio:16/9;
 --yh-section-pad:36px;--yh-section-head-gap:28px;--yh-h2-size:clamp(36px,3.1vw,59px);--yh-process-title:clamp(30px,2.5vw,44px);--yh-process-ratio:2.3/1;--yh-process-gap:24px;--yh-caption-size:14px;--yh-about-columns:1fr 1.65fr;--yh-about-gap:clamp(32px,8vw,160px);--yh-about-size:clamp(17px,1.35vw,22px);
 direction:ltr;
}
:where(.yh-page) .yh-line{display:block}
:where(.yh-page) .yh-prose p{margin:0}
:where(.yh-page) .yh-hero-copy h1{text-wrap:balance;text-transform:uppercase}
:where(.yh-page) h2{text-transform:uppercase}
:where(.yh-page) .elementor-widget-image img{display:block}
:where(.yh-page) .yh-hero-caption{pointer-events:none;z-index:1}
:where(.yh-page) .yh-hero-media:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}
:where(.yh-page) a:focus-visible,:where(.yh-page) button:focus-visible{outline:2px solid #8b8be4;outline-offset:4px}
@media(min-width:2000px){:where(.yh-page){--yh-hero-pad:48px;--yh-hero-size:72px;--yh-section-pad:44px}}
@media(max-width:1100px){:where(.yh-page){--yh-hero-columns:minmax(0,.95fr) minmax(0,1.15fr);--yh-hero-gap:28px;--yh-hero-size:40px}}
@media(max-width:767px){:where(.yh-page){--yh-gutter:24px;--yh-hero-columns:minmax(0,1fr);--yh-hero-gap:26px;--yh-hero-size:clamp(37px,7.8vw,49px);--yh-hero-pad:30px;--yh-hero-title-gap:22px;--yh-hero-ratio:16/10;--yh-section-pad:30px;--yh-section-head-gap:24px;--yh-h2-size:36px;--yh-process-title:30px;--yh-process-ratio:3/4;--yh-process-gap:14px;--yh-caption-size:12px;--yh-about-columns:minmax(0,1fr);--yh-about-gap:20px;--yh-about-size:17px}}
@media(max-width:480px){:where(.yh-page){--yh-process-gap:10px}}

/* All custom-widget rules stay inside its own namespace. Native page controls own the rest. */
:where(.yh-work-showcase){--paper:#f3f3ef;--ink:#101112;--purple:#8b8be4;--muted:#aaaab4;color:var(--paper);font:16px/1.6 'DM Sans',sans-serif;direction:ltr;min-width:0}
:where(.yh-work-showcase) *{box-sizing:border-box}
:where(.yh-work-showcase) button,:where(.yh-work-showcase) a{font:inherit;color:inherit;text-decoration:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;padding:0;background:none}
:where(.yh-work-showcase) h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;margin:0}
:where(.yh-work-showcase) p{margin:0}
:where(.yh-work-showcase) img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
:where(.yh-work-showcase) .yh-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;padding:5px 0;border-bottom:1px solid var(--purple);font-size:14px;text-align:left;background:none}
:where(.yh-work-showcase) .yh-text-link span{color:var(--purple);font-size:22px}
:where(.yh-work-showcase) .yh-description{color:#bebec6}
:where(.yh-work-showcase) .yh-card-media{display:block;position:relative;padding:0;overflow:hidden;width:100%;background:#242529;text-align:left}
:where(.yh-work-showcase) .yh-placeholder{display:grid;place-items:center;isolation:isolate;background:linear-gradient(145deg,#2b2931,#18191d)}
:where(.yh-work-showcase) .yh-placeholder:before{content:'';position:absolute;border:1px solid;z-index:-1}
:where(.yh-work-showcase) .yh-placeholder-center{display:block;padding:20px;font:600 50px/1.05 'Barlow Condensed',sans-serif;text-align:center}
:where(.yh-work-showcase) .yh-placeholder-note{display:block;font:400 10px/1.5 'DM Sans',sans-serif}
:where(.yh-work-showcase) .yh-category{text-transform:uppercase;line-height:1.5}
:where(.yh-work-showcase) .yh-media-action{position:absolute}
:where(.yh-work-showcase) button:focus-visible,:where(.yh-work-showcase) a:focus-visible{outline:2px solid var(--purple);outline-offset:-3px}
:where(.yh-work-showcase) [aria-disabled=true]{cursor:default}
:where(.yh-work-showcase) .yh-empty{padding:24px;border:1px dashed #8b8be4;color:#f3f3ef}
:where(.yh-work-showcase) [hidden]{display:none}
.yh-page .yh-button .elementor-button-text{display:flex;align-items:center;justify-content:space-between;gap:28px;white-space:nowrap}
.yh-page .yh-button a.elementor-button,
.yh-page .yh-button a.elementor-button:is(:link,:visited,:hover,:focus,:active){text-decoration:none}
.yh-page .yh-button a.elementor-button{transition:background-color .25s,border-color .25s,color .25s}
@media(prefers-reduced-motion:reduce){.yh-page .yh-button a.elementor-button{transition:none}}
.yh-page .yh-button .yh-button-arrow{font-size:22px;line-height:1.6;color:#8b8be4}
.yh-page .yh-button-primary .yh-button-arrow{color:inherit;font-size:21px}
.yh-page .yh-button-quiet .yh-button-arrow{font-size:21px}
@media(max-width:1100px){.yh-page .yh-button:not(.yh-button-link) .elementor-button-text{gap:14px}}
@media(max-width:767px){.yh-page .yh-button-link .elementor-button-text{gap:12px}.yh-page .yh-process h2{max-width:19ch}}
@media(max-width:480px){.yh-page .yh-step{display:none}}