@font-face{font-family:Creative Sans;src:url('fonts/instrument-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Creative Sans;src:url('fonts/instrument-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}
.lukman-creative-home:not(.lch-elementor){--creative-paper:#f7f6f0;--creative-ink:#191c23;--creative-blue:#232dad;--creative-lime:#e8ffad;--creative-coral:#ffa38d;--creative-gutter:clamp(22px,3vw,56px);background:var(--creative-paper);color:var(--creative-ink);font-family:Creative Sans,Arial,sans-serif}
.lukman-creative-home:not(.lch-elementor) :where(h1,h2,h3,p,figure){margin:0}
.lukman-creative-home:not(.lch-elementor) :is(h1,h2,h3,p){color:inherit}
.lukman-creative-home:not(.lch-elementor) :where(a){color:inherit;text-decoration:none}
.lukman-creative-home:not(.lch-elementor) :where(a:focus-visible,button:focus-visible){outline:3px solid #ff855c;outline-offset:5px}
.creative-skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--creative-paper);padding:12px;color:var(--creative-ink)}.creative-skip:focus-within{top:12px}
.lukman-creative-home:not(.lch-elementor) :where(.wp-block-group){box-sizing:border-box}
.lukman-creative-home:not(.lch-elementor) :where(.creative-hero,.creative-intro,.creative-about,.creative-contact,.creative-work)>.wp-block-group__inner-container{display:contents}
.lukman-creative-home:not(.lch-elementor) :where(.creative-hero){height:100svh;min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 30% 70%,#637bcc 0,transparent 55%),var(--creative-blue);color:var(--creative-paper);padding:28px var(--creative-gutter);display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.admin-bar.lukman-creative-home:not(.lch-elementor) :where(.creative-hero){height:calc(100svh - 32px)}
.creative-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.creative-name{transform:translateY(calc(-35px * var(--creative-exit,0)))}
.lukman-creative-home:not(.lch-elementor) .creative-name,.lukman-creative-home:not(.lch-elementor) .creative-contact h2,.lukman-creative-home:not(.lch-elementor) .creative-contact a{color:inherit}
.lukman-creative-home:not(.lch-elementor) :where(.creative-top){font-size:14px;line-height:1.4;align-items:start;position:relative}
.lukman-creative-home:not(.lch-elementor) :where(.creative-top>p:last-of-type){text-align:right;margin-left:auto}
.lukman-creative-home:not(.lch-elementor) :where(.creative-name){font-family:Creative Sans,Arial,sans-serif;font-size:clamp(100px,var(--creative-hero-size,22vw),340px);font-weight:600;line-height:.76;letter-spacing:-.095em;text-transform:uppercase;align-self:center;width:100%;max-width:1450px;padding-right:.05em;position:relative}
.lukman-creative-home:not(.lch-elementor) :where(.creative-dock){align-items:end;font-size:13px}
.lukman-creative-home:not(.lch-elementor) :where(.creative-dock .wp-block-buttons){gap:8px;flex-wrap:wrap}
.lukman-creative-home:not(.lch-elementor) :where(.wp-block-button__link,.creative-motion-toggle){border:0;border-radius:100px;background:var(--creative-paper);color:var(--creative-ink);font:inherit;font-size:15px;padding:12px 22px;transition:background .2s,transform .2s;cursor:pointer}
.lukman-creative-home:not(.lch-elementor) :where(.wp-block-button__link:hover,.creative-motion-toggle:hover){background:var(--creative-lime);transform:translateY(-3px)}
.creative-motion-toggle{position:absolute;right:var(--creative-gutter);top:95px;padding:8px 14px!important;font-size:12px!important}
.lukman-creative-home:not(.lch-elementor) :where(.creative-label){font-size:12px;letter-spacing:.04em;margin-bottom:32px}
.lukman-creative-home:not(.lch-elementor) :where(.creative-intro){padding:100px var(--creative-gutter) 110px;display:grid;grid-template-columns:2fr 1fr;gap:26px 70px}
.lukman-creative-home:not(.lch-elementor) :where(.creative-intro .creative-label){grid-column:1/-1;margin:0}
.lukman-creative-home:not(.lch-elementor) :where(.creative-intro h2){font-size:clamp(40px,5.6vw,86px);font-weight:600;line-height:1.03;letter-spacing:-.065em}
.lukman-creative-home:not(.lch-elementor) :where(.creative-intro em){font-family:Georgia,serif;font-weight:400}
.lukman-creative-home:not(.lch-elementor) :where(.creative-intro>p:last-child){align-self:end;font-size:20px;line-height:1.5;max-width:29ch}
.lukman-creative-home:not(.lch-elementor) :where(.creative-work){padding:0 var(--creative-gutter) 80px;scroll-margin-top:36px}
.lukman-creative-home:not(.lch-elementor) :where(.creative-section-label){padding-bottom:18px;border-bottom:1px solid #b8b8b1;align-items:center;margin-bottom:22px}
.lukman-creative-home:not(.lch-elementor) :where(.creative-section-label h2,.creative-section-label p){font-size:13px;font-weight:400}
/* Scoped layout defaults. The vendor still controls which items/fields are rendered. */
.creative-work .vp-portfolio{--vp-items__gap:0px;--vp-items__gap-vertical:var(--creative-row-gap,80px);--vp-font-family:Creative Sans,Arial,sans-serif}
.creative-work .vp-portfolio__item-wrap{border-top:1px solid #b8b8b1;padding-top:20px;margin-top:0}
.creative-work .vp-portfolio__item-wrap:first-child{border-top:0;padding-top:0}
.creative-work .vp-portfolio figure.vp-portfolio__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.15fr);gap:clamp(24px,4vw,72px);margin:0}
.creative-work .vp-portfolio__item-img-wrap{grid-column:2;grid-row:1;overflow:hidden;background:#deded6;position:relative;aspect-ratio:var(--lch-home-card-ratio,16 / 9);max-height:var(--lch-home-card-max-height,560px);width:100%;min-width:0}
.creative-work .vp-portfolio__item-img-wrap::before{display:none!important}
.creative-work .vp-portfolio__item-caption{grid-column:1;grid-row:1;text-align:left!important;margin:0!important;align-self:stretch}
.creative-work .vp-portfolio__item-meta{height:100%;display:flex;flex-direction:column;align-items:start}
.creative-work .vp-portfolio__item-meta-title{order:-2;font:600 clamp(26px,3.1vw,48px)/1.05 Creative Sans,Arial,sans-serif!important;letter-spacing:-.055em;margin:0 0 16px!important}
.creative-work .vp-portfolio__item-meta-categories{order:-1;font-size:11px!important;letter-spacing:.04em;text-transform:uppercase;margin-bottom:28px!important}
.creative-work .vp-portfolio__item-meta-excerpt{font:400 clamp(17px,1.7vw,23px)/1.4 Creative Sans,Arial,sans-serif!important;margin:auto 0 24px!important}
.creative-work .vp-portfolio__item-meta-read-more{font-size:14px!important;border-bottom:1px solid;padding:0 0 5px!important}
.creative-work .vp-portfolio__item-overlay{display:none}
.creative-work .vp-portfolio__item-img img{transition:transform .75s cubic-bezier(.2,.65,.3,1);object-fit:cover}
.creative-work .vp-portfolio__item-img-wrap:hover img{transform:scale(1.035)}
.creative-card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .3s}
.creative-card-video.is-playing{opacity:1}
.creative-follow{position:absolute;left:0;top:0;transform:translate(var(--follow-x,30px),var(--follow-y,30px)) translate(-50%,-50%);background:var(--creative-lime);color:var(--creative-ink);padding:13px 20px;border-radius:100px;font-size:14px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:3}
.vp-portfolio__item-img-wrap:hover .creative-follow{opacity:1}
.lukman-creative-home:not(.lch-elementor) :where(.creative-about){margin-top:30px;padding:86px var(--creative-gutter) 110px;background:var(--creative-lime);display:grid;grid-template-columns:1.4fr 1fr;gap:30px 70px;scroll-margin-top:0}
.lukman-creative-home:not(.lch-elementor) :where(.creative-about .creative-label){grid-column:1/-1;margin:0}
.lukman-creative-home:not(.lch-elementor) :where(.creative-about h2){font-size:clamp(40px,5.6vw,86px);font-weight:600;line-height:1.02;letter-spacing:-.065em}
.lukman-creative-home:not(.lch-elementor) :where(.creative-about>p:last-child){font-size:clamp(18px,2vw,25px);line-height:1.45;max-width:35ch}
.lukman-creative-home:not(.lch-elementor) :where(.creative-contact){padding:80px var(--creative-gutter) 30px;background:var(--creative-blue);color:var(--creative-paper);scroll-margin-top:0}
.lukman-creative-home:not(.lch-elementor) :where(.creative-contact h2){font-size:clamp(50px,9vw,138px);line-height:.98;font-weight:600;letter-spacing:-.065em;margin-bottom:40px}
.lukman-creative-home:not(.lch-elementor) :where(.creative-contact>p:not(.creative-label):not(.creative-footer)){font-size:clamp(20px,3vw,42px);margin-bottom:70px}
.lukman-creative-home:not(.lch-elementor) :where(.creative-contact a){display:inline-block;border-bottom:1px solid;padding-bottom:8px;transition:color .2s}
.lukman-creative-home:not(.lch-elementor) :where(.creative-contact a:hover){color:var(--creative-lime)}
.lukman-creative-home:not(.lch-elementor) :where(.creative-footer){border-top:1px solid #ffffff55;padding-top:24px;font-size:12px}
.lukman-creative-home:not(.lch-elementor) :where(.creative-all-work){padding:0 var(--creative-gutter) 70px}.creative-all-work .wp-block-button__link{background:var(--creative-ink);color:var(--creative-paper)}
@media(max-width:780px){.lukman-creative-home:not(.lch-elementor) :where(.creative-hero){min-height:540px}.lukman-creative-home:not(.lch-elementor) :where(.creative-name){font-size:18vw;line-height:.85}.lukman-creative-home:not(.lch-elementor) :where(.creative-intro,.creative-about){grid-template-columns:1fr;padding-block:65px;gap:24px}.lukman-creative-home:not(.lch-elementor) :where(.creative-intro>p:last-child){max-width:40ch}.creative-work .vp-portfolio__item{grid-template-columns:1fr;gap:20px}.creative-work .vp-portfolio__item-img-wrap{grid-column:1;grid-row:1}.creative-work .vp-portfolio__item-caption{grid-column:1;grid-row:2}.creative-work .vp-portfolio__item-meta{height:auto}.creative-work .vp-portfolio__item-meta-title{font-size:32px!important}.creative-work .vp-portfolio__item-meta-categories{margin-bottom:12px!important}.creative-work .vp-portfolio__item-meta-excerpt{margin:0 0 18px!important;font-size:18px!important}.creative-work .vp-portfolio{--vp-items__gap-vertical:48px}.lukman-creative-home:not(.lch-elementor) :where(.creative-dock>p){display:none}.lukman-creative-home:not(.lch-elementor) :where(.wp-block-button__link){padding:12px 17px;font-size:14px}.lukman-creative-home:not(.lch-elementor) :where(.creative-section-label>p){display:none}.lukman-creative-home:not(.lch-elementor) :where(.creative-top){font-size:12px}}
@media(max-width:380px){.lukman-creative-home:not(.lch-elementor) :where(.wp-block-button__link){padding:11px 13px;font-size:12px}.creative-motion-toggle{top:85px}.lukman-creative-home:not(.lch-elementor) :where(.creative-hero){min-height:500px}}
@media(max-width:782px){.admin-bar.lukman-creative-home:not(.lch-elementor) :where(.creative-hero){height:calc(100svh - 46px)}}
@media(max-width:780px){.lukman-creative-home:not(.lch-elementor) :where(.creative-name){font-size:23vw;line-height:.79}}
@media(max-width:780px){.lukman-creative-home:not(.lch-elementor){--creative-gutter:var(--creative-mobile-gutter,22px)!important}}
@media(hover:none){.creative-follow{display:none}.creative-work .vp-portfolio__item-img-wrap:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.lukman-creative-home:not(.lch-elementor) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.creative-follow,.creative-card-video{display:none}.creative-name,.creative-work .vp-portfolio__item-img-wrap:hover img{transform:none}}
/* Native Elementor owns section layout, spacing and typography. Only motion needs these hooks. */
html.creative-scroll{scroll-behavior:smooth}
.lch-elementor .creative-hero{isolation:isolate}
.lch-elementor .creative-art{z-index:0}
.lch-elementor .creative-hero>.e-con,.lch-elementor .creative-hero>.elementor-element{z-index:1}
.lch-elementor .creative-motion-toggle{z-index:2;border:0;border-radius:100px;background:var(--creative-paper);color:var(--creative-ink);font-family:Creative Sans,Arial,sans-serif;cursor:pointer}
.lch-elementor .creative-name{width:100%;transform:translateY(calc(-35px * var(--creative-exit,0)))}
.lch-elementor .creative-intro-heading em{font-family:Georgia,serif;font-weight:400}
.lch-elementor .elementor-button{transition:background .2s,transform .2s}
.lch-elementor .elementor-button:hover{transform:translateY(-3px)}
.lch-elementor :where(a:focus-visible,button:focus-visible){outline:3px solid #ff855c;outline-offset:5px}
.lch-elementor .elementor-widget-text-editor p:last-child{margin-bottom:0}
@media(max-width:780px){.creative-work .vp-portfolio figure.vp-portfolio__item{grid-template-columns:1fr;gap:20px}}
@media(max-width:780px){.creative-work .vp-portfolio__item-img-wrap{aspect-ratio:var(--lch-home-card-ratio,4 / 3);max-height:var(--lch-home-card-max-height,380px)}}
@media(prefers-reduced-motion:reduce){html.creative-scroll{scroll-behavior:auto}.lch-elementor .elementor-button{transition:none}.lch-elementor .elementor-button:hover,.lch-elementor .creative-name{transform:none}}