:root{
  --ink:#111214;
  --ink-soft:#202225;
  --paper:#f5f3ef;
  --paper-2:#ece9e3;
  --surface:#ffffff;
  --muted:#696a6d;
  --muted-dark:#a8abb0;
  --line:rgba(17,18,20,.11);
  --line-dark:rgba(255,255,255,.12);
  --accent:#d8c5a6;
  --accent-deep:#b79a6d;
  --radius-sm:14px;
  --radius:24px;
  --radius-lg:34px;
  --shadow:0 18px 55px rgba(20,20,20,.10);
  --font-fa:"Vazirmatn","IRANSansX","Peyda","Segoe UI",Tahoma,Arial,sans-serif;
  --font-latin:Inter,"Segoe UI",Arial,sans-serif;
  --ease:cubic-bezier(.2,.75,.25,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-fa);font-size:15px;line-height:1.8;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body,button,a{font-family:var(--font-fa)}
img{display:block;max-width:100%}
section[id]{scroll-margin-top:96px}
a{color:inherit;text-decoration:none}
button{color:inherit}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
::selection{background:#d8c5a6;color:#111214}
:focus-visible{outline:3px solid #c19c64;outline-offset:4px}
.skip-link{position:fixed;z-index:999;top:10px;right:10px;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:#fff;border-radius:10px}
.skip-link:focus{width:auto;height:auto;padding:10px 14px;overflow:visible;clip-path:none}

.site-header{position:fixed;z-index:50;top:18px;right:50%;transform:translateX(50%);width:min(1180px,calc(100% - 40px));height:66px;padding:8px 9px 8px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(17,18,20,.68);backdrop-filter:blur(18px) saturate(1.18);box-shadow:0 12px 40px rgba(0,0,0,.16);color:#fff;transition:background .3s,border-color .3s,transform .3s}
.site-header.is-scrolled{background:rgba(17,18,20,.92);border-color:rgba(255,255,255,.09)}
.brand{display:flex;align-items:center;gap:10px;min-height:48px}
.brand-mark{width:48px;height:48px;border-radius:15px;overflow:hidden;background:#0c0d0f;display:grid;place-items:center}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.brand-type{display:flex;align-items:baseline;gap:6px;font-family:var(--font-latin);direction:ltr;letter-spacing:-.02em}
.brand-type b{font-size:19px}.brand-type span{font-size:12px;color:#c8c9cc;letter-spacing:.08em;text-transform:uppercase}
.desktop-nav{justify-self:center;display:flex;align-items:center;gap:34px}
.desktop-nav a{position:relative;padding:10px 8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#d7d8da;transition:color .2s}
.desktop-nav a:after{content:"";position:absolute;right:0;left:0;bottom:4px;height:1px;background:#fff;transform:scaleX(0);transition:transform .25s var(--ease)}
.desktop-nav a:hover{color:#fff}.desktop-nav a:hover:after{transform:scaleX(1)}
.header-call{height:48px;display:inline-flex;align-items:center;gap:9px;padding:0 16px;border-radius:15px;background:#fff;color:#111214;font-weight:700;font-size:13px;transition:transform .2s,background .2s}
.header-call:hover{transform:translateY(-2px);background:#f3eee4}.header-call svg{width:18px;height:18px;stroke-width:1.9}

.hero{position:relative;min-height:100svh;background:#111214;color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0;overflow:hidden;background:#151618}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity .65s var(--ease),transform 1.2s var(--ease)}
.hero-slide[hidden]{display:block;visibility:hidden;pointer-events:none}
.hero-slide.is-active{opacity:1;transform:scale(1);visibility:visible}
.hero-slide picture,.hero-slide img{width:100%;height:100%}.hero-slide img{object-fit:cover;object-position:center 48%;filter:saturate(.78) contrast(1.05) brightness(.82)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,12,.17) 0%,rgba(9,10,12,.12) 42%,rgba(9,10,12,.82) 100%),linear-gradient(0deg,rgba(9,10,12,.55),transparent 48%)}
.hero-content{position:relative;z-index:3;width:min(1180px,calc(100% - 40px));min-height:100svh;margin:auto;padding:150px 0 92px;display:grid;grid-template-columns:minmax(0,620px) auto;gap:48px;align-items:end;justify-content:space-between}
.hero-copy{align-self:center;max-width:620px}
.hero-brandline{margin:0 0 18px;font-family:var(--font-latin);direction:ltr;text-align:right;color:#e5e5e6;font-size:12px;letter-spacing:.18em}.hero-brandline span{font-weight:800;color:#fff}
.hero h1{margin:0;max-width:14ch;font-size:clamp(38px,4vw,56px);line-height:1.34;letter-spacing:-.038em;font-weight:650;text-wrap:balance}
.hero-copy>p:not(.hero-brandline){max-width:52ch;margin:20px 0 0;color:#c8c9cc;font-size:15px;line-height:1.95}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:30px}
.button{min-height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;font-size:13px;font-weight:700;transition:transform .22s var(--ease),background .22s,color .22s}
.button svg{width:18px;height:18px}.button--primary{background:#fff;color:#111214;box-shadow:0 12px 30px rgba(0,0,0,.18)}.button--primary:hover{transform:translateY(-2px);background:#f2ece3}.button--quiet{color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}.button--quiet:hover{background:rgba(255,255,255,.12)}
.hero-switcher{align-self:end;display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(13,14,16,.48);backdrop-filter:blur(12px)}
.hero-thumb{width:66px;height:66px;padding:0;border:0;border-radius:14px;overflow:hidden;background:#222;opacity:.52;cursor:pointer;position:relative;transition:opacity .2s,transform .2s}
.hero-thumb img{width:100%;height:100%;object-fit:cover}.hero-thumb:hover{opacity:.82;transform:translateY(-1px)}.hero-thumb.is-active{opacity:1}.hero-thumb.is-active:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.92);border-radius:10px}
.hero-scroll{position:absolute;min-height:44px;min-width:64px;justify-content:center;z-index:3;right:50%;bottom:26px;transform:translateX(50%);display:flex;align-items:center;gap:8px;color:#d4d5d7;font-size:11px}.hero-scroll svg{width:17px;height:17px;animation:soft-bob 2.2s ease-in-out infinite}@keyframes soft-bob{50%{transform:translateY(4px)}}

.services{padding:118px 0 130px;width:min(1180px,calc(100% - 40px));margin:auto}
.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);gap:60px;align-items:end;margin-bottom:52px}.section-heading>p{margin:0;color:var(--muted);max-width:44ch;font-size:14px}
.kicker{margin:0 0 10px;color:#8a7352;font-size:12px;font-weight:700;letter-spacing:.02em}
.section-heading h2,.feature-copy h2,.contact h2{margin:0;font-size:clamp(28px,3vw,44px);line-height:1.5;letter-spacing:-.03em;font-weight:680;text-wrap:balance}
.service-layout{display:grid;grid-template-columns:minmax(320px,.74fr) minmax(520px,1.26fr);gap:24px;align-items:stretch}
.service-list{display:flex;flex-direction:column;gap:8px}
.service-item{width:100%;min-height:88px;border:1px solid transparent;border-radius:20px;background:transparent;display:grid;grid-template-columns:54px 1fr 22px;align-items:center;gap:14px;text-align:right;padding:12px 14px;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.service-item:hover{background:rgba(255,255,255,.55)}.service-item.is-active{background:#fff;border-color:var(--line);box-shadow:0 14px 40px rgba(20,20,20,.07);transform:translateX(-4px)}
.service-icon{width:52px;height:52px;border-radius:16px;background:#e9e5de;display:grid;place-items:center;color:#303134;transition:background .25s,color .25s}.service-item.is-active .service-icon{background:#17181a;color:#fff}.service-icon svg{width:30px;height:30px;stroke-width:1.55}
.service-label{display:flex;flex-direction:column;gap:2px}.service-label b{font-size:16px;font-weight:720}.service-label small{font-size:11.5px;color:var(--muted);font-weight:500}.service-arrow{width:19px;height:19px;color:#999;transition:transform .25s,color .25s}.service-item.is-active .service-arrow{transform:translateX(-3px);color:#111214}
.service-view{position:relative;min-height:540px;border-radius:var(--radius-lg);overflow:hidden;background:#17181a;color:#fff;box-shadow:var(--shadow)}
.service-view-media{position:absolute;inset:0}.service-photo{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .5s var(--ease),transform .75s var(--ease);transform:scale(1.02)}.service-photo[hidden]{display:block;visibility:hidden}.service-photo.is-active{opacity:1;visibility:visible;transform:scale(1)}.service-photo img,.service-photo picture{width:100%;height:100%}.service-photo img{object-fit:cover;filter:saturate(.78) brightness(.74);}
.service-view:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,11,12,.9),rgba(10,11,12,.05) 65%)}
.service-view-copy{position:absolute;z-index:2;right:30px;left:30px;bottom:26px;max-width:470px}.service-view-copy>span{font-size:11px;color:#d3c3aa}.service-view-copy h3{margin:5px 0 6px;font-size:30px;line-height:1.3}.service-view-copy p{margin:0;color:#d0d1d3;font-size:13px;max-width:48ch}.service-view-copy a{display:inline-flex;align-items:center;gap:7px;margin-top:12px;min-height:44px;font-size:12px;font-weight:700}.service-view-copy a svg{width:17px;height:17px}

.feature-band{width:min(1180px,calc(100% - 40px));margin:0 auto 130px;background:#17181a;color:#fff;border-radius:38px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;min-height:560px}
.feature-media{min-height:560px;overflow:hidden}.feature-media img,.feature-media picture{width:100%;height:100%}.feature-media img{object-fit:cover;object-position:center 40%;filter:saturate(.72) contrast(1.03)}
.feature-copy{padding:62px;display:flex;flex-direction:column;justify-content:center}.feature-copy .kicker{color:#c7ad87}.feature-copy h2{max-width:11ch}.feature-copy>p:last-child{color:#c8c9cb;max-width:42ch;font-size:14px;margin:20px 0 0}.feature-icon{width:64px;height:64px;border:1px solid rgba(255,255,255,.15);border-radius:20px;display:grid;place-items:center;margin-bottom:30px;color:#e0cba9}.feature-icon svg{width:34px;height:34px}

.work{padding:0 0 130px}.section-heading--work{width:min(1180px,calc(100% - 40px));margin-right:auto;margin-left:auto}.work-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,28vw);grid-template-rows:520px;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:0 max(20px,calc((100vw - 1180px)/2));scrollbar-width:none;cursor:grab}.work-rail::-webkit-scrollbar{display:none}.work-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
.work-shot{border:0;padding:0;border-radius:24px;overflow:hidden;background:#ddd;scroll-snap-align:start;position:relative;cursor:pointer}.work-shot picture,.work-shot img{width:100%;height:100%}.work-shot img{object-fit:cover;filter:saturate(.8);transition:transform .7s var(--ease),filter .35s}.work-shot:hover img{transform:scale(1.025);filter:saturate(.95)}.work-shot--landscape{grid-column:span 2;min-width:min(550px,56vw)}
.work-shot:after{content:"+";position:absolute;left:16px;bottom:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#111214;font:400 24px/1 var(--font-latin);opacity:0;transform:translateY(6px);transition:.25s}.work-shot:hover:after{opacity:1;transform:none}
.rail-hint{width:min(1180px,calc(100% - 40px));margin:16px auto 0;display:flex;align-items:center;gap:12px;color:#818286;font-size:11px}.rail-hint span{width:54px;height:1px;background:#aaa;position:relative}.rail-hint span:after{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-left:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg)}.rail-hint p{margin:0}

.contact{width:min(1180px,calc(100% - 40px));margin:0 auto 50px;padding:68px;border-radius:38px;background:#e5e0d7;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-copy{max-width:520px}.contact-copy>p:last-child{color:#66676a;max-width:44ch;font-size:14px}.contact-symbol{width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;margin-bottom:24px}.contact-symbol svg{width:30px;height:30px}
.contact-actions{display:flex;flex-direction:column;gap:10px}.contact-card{min-height:82px;padding:12px 14px;display:grid;grid-template-columns:52px 1fr 20px;gap:14px;align-items:center;border:1px solid rgba(17,18,20,.1);border-radius:20px;background:rgba(255,255,255,.54);transition:background .2s,transform .2s}.contact-card:hover{background:#fff;transform:translateX(-3px)}.contact-card--primary{background:#17181a;color:#fff;border-color:#17181a}.contact-card--primary:hover{background:#252629}.contact-card-icon{width:50px;height:50px;border-radius:15px;background:rgba(17,18,20,.06);display:grid;place-items:center}.contact-card--primary .contact-card-icon{background:rgba(255,255,255,.1)}.contact-card-icon svg{width:24px;height:24px}.contact-card>span:nth-child(2){display:flex;flex-direction:column}.contact-card small{font-size:11px;color:#797a7d}.contact-card--primary small{color:#b9bbbe}.contact-card strong{font-size:14px}.contact-card-arrow{width:18px;height:18px;color:#848589}.contact-card--primary .contact-card-arrow{color:#fff}

.site-footer{width:min(1180px,calc(100% - 40px));min-height:120px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;border-top:1px solid var(--line);color:#6d6e71;font-size:12px}.footer-brand{display:flex;align-items:center;gap:10px;min-height:44px;font-family:var(--font-latin);direction:ltr;color:#1b1c1e}.footer-brand img{width:42px;height:42px;border-radius:13px}.footer-brand span{font-size:13px}.footer-up{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center}.footer-up svg{width:18px;height:18px}

.mobile-dock{display:none}
.lightbox{padding:0;border:0;background:transparent;max-width:min(92vw,980px);max-height:90vh;overflow:visible}.lightbox::backdrop{background:rgba(8,9,10,.9);backdrop-filter:blur(8px)}.lightbox>img{max-width:88vw;max-height:82vh;width:auto;height:auto;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.lightbox-close{position:fixed;top:20px;right:20px;width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer}.lightbox-close svg{width:20px;height:20px}.lightbox-controls{position:fixed;bottom:22px;right:50%;transform:translateX(50%);display:flex;gap:8px}.lightbox-controls button{width:52px;height:52px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer}.lightbox-controls svg{width:20px;height:20px}

@media (max-width:900px){
  html{scroll-padding-top:76px}
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  .site-header{top:12px;width:calc(100% - 24px);height:58px;padding:6px 8px 6px 10px;grid-template-columns:auto 1fr;border-radius:18px;background:rgba(17,18,20,.72)}
  .brand{gap:8px}.brand-mark{width:44px;height:44px;border-radius:13px}.brand-type b{font-size:17px}.brand-type span{font-size:10px}
  .desktop-nav,.header-call{display:none}
  .hero{min-height:92svh}
  .hero-content{width:100%;min-height:92svh;padding:100px 18px 30px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:18px}
  .hero-media{inset:0}.hero-slide img{object-position:center 43%}.hero-shade{background:linear-gradient(0deg,rgba(9,10,12,.93) 0%,rgba(9,10,12,.48) 42%,rgba(9,10,12,.12) 75%)}
  .hero-copy{align-self:auto;max-width:none}.hero-brandline{font-size:10px;margin-bottom:10px}.hero h1{font-size:clamp(29px,8vw,36px);line-height:1.44;max-width:12.5ch;letter-spacing:-.035em}.hero-copy>p:not(.hero-brandline){font-size:12.5px;line-height:1.9;max-width:36ch;margin-top:12px}.hero-actions{margin-top:18px}.button{min-height:48px;border-radius:14px;font-size:12px;padding:0 16px}.button--quiet{background:rgba(255,255,255,.08)}
  .hero-switcher{order:-1;align-self:flex-start;flex-direction:row;padding:7px;border-radius:16px;background:rgba(13,14,16,.38)}.hero-thumb{width:46px;height:46px;border-radius:11px}.hero-thumb.is-active:after{inset:3px;border-radius:8px}
  .hero-scroll{display:none}
  .services{width:calc(100% - 28px);padding:76px 0 88px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:12px;font-size:12px;line-height:1.8;max-width:38ch}.section-heading h2,.feature-copy h2,.contact h2{font-size:29px;line-height:1.48}.kicker{font-size:11px;margin-bottom:6px}
  .service-layout{display:flex;flex-direction:column;gap:14px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-item{min-height:104px;grid-template-columns:42px 1fr;padding:12px;border-radius:18px;gap:10px}.service-item.is-active{transform:none}.service-icon{width:42px;height:42px;border-radius:13px}.service-icon svg{width:25px;height:25px}.service-label b{font-size:13.5px}.service-label small{font-size:10px;line-height:1.5}.service-arrow{display:none}
  .service-view{min-height:470px;border-radius:26px}.service-view-copy{right:20px;left:20px;bottom:20px}.service-view-copy h3{font-size:25px}.service-view-copy p{font-size:11.5px}.service-view-copy a{font-size:11.5px}
  .feature-band{width:calc(100% - 28px);margin-bottom:88px;border-radius:28px;display:flex;flex-direction:column;min-height:0}.feature-media{height:390px;min-height:0}.feature-copy{padding:30px 24px 34px}.feature-icon{width:52px;height:52px;border-radius:16px;margin-bottom:20px}.feature-icon svg{width:28px;height:28px}.feature-copy>p:last-child{font-size:12px;margin-top:14px}
  .work{padding-bottom:88px}.section-heading--work{width:calc(100% - 28px)}.work-rail{grid-auto-columns:78vw;grid-template-rows:430px;gap:10px;padding:0 14px}.work-shot--landscape{grid-column:span 1;min-width:78vw}.work-shot{border-radius:20px}.work-shot:after{display:none}.rail-hint{width:calc(100% - 28px)}
  .contact{width:calc(100% - 28px);margin-bottom:24px;padding:30px 18px;border-radius:28px;display:block}.contact-symbol{width:50px;height:50px;border-radius:15px;margin-bottom:18px}.contact-symbol svg{width:26px;height:26px}.contact-copy>p:last-child{font-size:12px}.contact-actions{margin-top:26px}.contact-card{min-height:72px;grid-template-columns:46px 1fr 18px;border-radius:18px;padding:10px}.contact-card-icon{width:44px;height:44px;border-radius:13px}.contact-card strong{font-size:12.5px}
  .site-footer{width:calc(100% - 28px);min-height:170px;margin-bottom:10px;grid-template-columns:1fr auto;gap:12px}.site-footer>p{grid-column:1/-1;grid-row:2;margin:0;font-size:10.5px}.footer-up{grid-column:2;grid-row:1}.footer-brand{grid-column:1;grid-row:1}
  .mobile-dock{position:fixed;z-index:60;right:12px;left:12px;bottom:max(10px,env(safe-area-inset-bottom));height:68px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(17,18,20,.9);backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 16px 50px rgba(0,0,0,.28);direction:rtl}
  .mobile-dock a{position:relative;min-width:0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#aeb0b4;font-size:10.2px;font-weight:600;transition:background .2s,color .2s,transform .2s}.mobile-dock a svg{width:21px;height:21px;stroke-width:1.65}.mobile-dock a.is-active{background:rgba(255,255,255,.09);color:#fff}.mobile-dock .dock-call{background:#fff;color:#111214}.mobile-dock .dock-call:active,.mobile-dock a:active{transform:scale(.96)}
}

@media (max-width:430px){
  .hero{min-height:90svh}.hero-content{min-height:90svh;padding-top:92px;padding-bottom:24px}.hero h1{font-size:29px}.hero-actions{gap:8px}.button{padding:0 14px}.button--quiet{font-size:11px}
  .service-list{grid-template-columns:1fr}.service-item{min-height:78px;grid-template-columns:46px 1fr}.service-label small{font-size:10.5px}.service-view{min-height:430px}
  .feature-media{height:330px}.work-rail{grid-template-rows:390px}
}
@media (max-width:350px){
  .hero h1{font-size:27px}.hero-copy>p:not(.hero-brandline){font-size:11.5px}.button{font-size:11px;padding:0 11px}.hero-thumb{width:44px;height:44px}
  .section-heading h2,.feature-copy h2,.contact h2{font-size:26px}.mobile-dock{right:8px;left:8px}.mobile-dock a{font-size:8.8px}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* =========================================================
   K1 v4 — Interactive real-work hero
   ========================================================= */
:root{
  --hero-ivory:#f0ebe2;
  --hero-gold:#c7ad83;
  --hero-charcoal:#101113;
}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.82;font-feature-settings:"kern" 1,"liga" 1}
.hero-v4{min-height:100svh;background:radial-gradient(circle at 72% 30%,#292a2e 0,#17181b 34%,#0d0e10 72%);isolation:isolate;overflow:hidden}
.hero-v4:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.025),transparent 38%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 35%);pointer-events:none}
.hero-v4-ambient{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.ambient-orb{position:absolute;border-radius:999px;filter:blur(1px);opacity:.66}
.ambient-orb--one{width:min(54vw,760px);aspect-ratio:1;left:49%;top:2%;background:radial-gradient(circle,rgba(199,173,131,.12),rgba(199,173,131,0) 67%);transform:translateX(-15%)}
.ambient-orb--two{width:420px;height:420px;right:-180px;bottom:-160px;background:radial-gradient(circle,rgba(255,255,255,.055),transparent 68%)}
.ambient-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to left,#000,transparent 52%)}
.hero-v4-inner{position:relative;z-index:2;width:min(1240px,calc(100% - 48px));min-height:100svh;margin:0 auto;padding:126px 0 68px;display:grid;grid-template-columns:minmax(340px,.78fr) minmax(560px,1.22fr);gap:64px;align-items:center}
.hero-v4-copy{align-self:center;max-width:500px;padding-top:10px}
.hero-v4-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:#d8d7d5;font-size:11px;font-weight:650;letter-spacing:.025em}
.hero-v4-eyebrow>span{width:8px;height:8px;border-radius:50%;background:#d1b88f;box-shadow:0 0 0 5px rgba(209,184,143,.11)}
.hero-v4 h1{margin:0;max-width:9ch;color:#fff;font-size:clamp(44px,5.2vw,72px);line-height:1.21;letter-spacing:-.052em;font-weight:680;text-wrap:balance}
.hero-v4 h1 em{display:block;color:var(--hero-ivory);font-style:normal;font-weight:510}
.hero-v4-lead{max-width:40ch;margin:22px 0 0;color:#b8b9bc;font-size:14px;line-height:1.95}
.hero-v4-actions{display:flex;gap:10px;align-items:center;margin-top:30px}
.hero-v4 .button{min-height:50px;border-radius:16px;padding:0 18px;font-size:12px}
.hero-v4 .button--primary{background:var(--hero-ivory);color:#131416;box-shadow:0 15px 34px rgba(0,0,0,.22)}
.hero-v4 .button--primary:hover{background:#fff;transform:translateY(-2px)}
.hero-v4 .button--quiet{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:#f5f4f1}
.hero-v4 .button--quiet:hover{background:rgba(255,255,255,.09)}
.hero-v4-services{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}
.hero-v4-services>span{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#c7c8ca;font-size:10.5px}
.hero-v4-services svg{width:14px;height:14px;color:#d1b88f;stroke-width:1.55}
.hero-v4-showcase{position:relative;justify-self:end;width:min(100%,700px);padding:22px 38px 36px 20px;perspective:1400px}
.compare-stage{--split:52%;position:relative;aspect-ratio:1.08/1;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:38px;background:#17181a;box-shadow:0 42px 100px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.08) inset;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-style:preserve-3d;transition:transform .22s ease-out}
.compare-stage:after{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;background:radial-gradient(circle 200px at var(--mx) var(--my),rgba(255,255,255,.10),transparent 68%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 22%,transparent 78%,rgba(0,0,0,.24));mix-blend-mode:screen}
.compare-layer,.compare-layer picture,.compare-layer img{position:absolute;inset:0;width:100%;height:100%}
.compare-layer img{object-fit:cover;user-select:none;-webkit-user-drag:none}
.compare-layer--after img{object-position:54% 56%;filter:saturate(.88) contrast(1.04) brightness(.96)}
.compare-layer--before{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0);filter:saturate(.7)}
.compare-layer--before img{object-position:46% 55%;filter:brightness(.88) contrast(1.03)}
.finish-sheen{position:absolute;z-index:3;inset:-18% -55%;pointer-events:none;background:linear-gradient(106deg,transparent 39%,rgba(255,255,255,.02) 44%,rgba(255,255,255,.22) 49%,rgba(255,255,255,.04) 54%,transparent 60%);transform:translateX(-48%) skewX(-12deg);animation:finish-sheen 5.8s cubic-bezier(.3,.7,.2,1) 1.1s infinite}
@keyframes finish-sheen{0%,54%{transform:translateX(-48%) skewX(-12deg);opacity:0}60%{opacity:.55}78%{transform:translateX(48%) skewX(-12deg);opacity:.1}100%{transform:translateX(48%) skewX(-12deg);opacity:0}}
.compare-label{position:absolute;z-index:8;top:18px;min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(15,16,18,.64);backdrop-filter:blur(12px);display:flex;align-items:center;color:#f4f3f0;font-size:10px;font-weight:700;pointer-events:none}
.compare-label--before{left:18px}.compare-label--after{right:18px;background:rgba(240,235,226,.9);color:#151618;border-color:transparent}
.compare-handle{position:absolute;z-index:9;top:0;bottom:0;left:var(--split);width:1px;pointer-events:none;transform:translateX(-50%)}
.compare-handle-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.92) 9%,rgba(255,255,255,.92) 91%,transparent);box-shadow:0 0 22px rgba(255,255,255,.3)}
.compare-handle-knob{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(18,19,21,.78);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.3);display:grid;place-items:center;color:#fff}
.compare-handle-knob svg{width:22px;height:22px;stroke-width:1.6}
.compare-range{position:absolute;z-index:10;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.compare-cursor-hint{position:absolute;z-index:8;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:999px;background:rgba(15,16,18,.68);backdrop-filter:blur(10px);color:#ddd;font-size:9.5px;pointer-events:none;transition:opacity .25s}
.compare-cursor-hint svg{width:15px;height:15px}.compare-stage.is-touched .compare-cursor-hint{opacity:0}
.case-badge{position:absolute;z-index:12;top:1px;right:0;min-height:52px;padding:8px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(16,17,19,.78);backdrop-filter:blur(15px);box-shadow:0 14px 35px rgba(0,0,0,.24);transform:translate(2px,-2px)}
.case-badge-dot{width:9px;height:9px;border-radius:50%;background:#bcd894;box-shadow:0 0 0 5px rgba(188,216,148,.08)}
.case-badge>span:last-child{display:flex;flex-direction:column;direction:ltr;text-align:left;font-family:var(--font-latin)}.case-badge b{font-size:9px;letter-spacing:.14em}.case-badge small{margin-top:1px;color:#989a9e;font-size:8px;letter-spacing:.08em}
.hero-service-orbit{position:absolute;z-index:14;inset:0;pointer-events:none}
.orbit-chip{position:absolute;pointer-events:auto;min-height:56px;padding:7px 11px 7px 8px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(18,19,21,.78);backdrop-filter:blur(16px);color:#fff;box-shadow:0 18px 38px rgba(0,0,0,.28);transition:transform .25s var(--ease),background .25s}
.orbit-chip:hover{transform:translateY(-3px);background:rgba(30,31,34,.92)}
.orbit-chip--paint{right:-4px;top:25%}.orbit-chip--detail{left:-12px;bottom:9%}
.orbit-icon{width:39px;height:39px;border-radius:13px;background:rgba(240,235,226,.11);display:grid;place-items:center;color:#dfc79f}.orbit-icon svg{width:20px;height:20px;stroke-width:1.55}
.orbit-chip>span:last-child{display:flex;flex-direction:column;line-height:1.25}.orbit-chip small{color:#8f9195;font-size:8px}.orbit-chip b{margin-top:3px;font-size:10px;font-weight:700}
.hero-v4-scroll{position:absolute;z-index:3;right:50%;bottom:18px;transform:translateX(50%);min-width:60px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;color:#8f9195;font-size:9.5px}.hero-v4-scroll svg{width:15px;height:15px;animation:soft-bob 2.2s ease-in-out infinite}

/* Softer global typography and geometry */
.section-heading h2,.feature-copy h2,.contact h2{font-weight:620;letter-spacing:-.035em}.section-heading>p,.feature-copy>p:last-child,.contact-copy>p:last-child{font-size:13px;line-height:1.9}.service-item,.service-view,.feature-band,.contact,.contact-card,.work-shot{border-radius:26px}.service-view{border-radius:32px}.feature-band,.contact{border-radius:34px}.kicker{letter-spacing:.01em}

@media (max-width:1100px){
  .hero-v4-inner{grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);gap:36px}.hero-v4-showcase{padding-left:8px;padding-right:24px}.orbit-chip--paint{right:-8px}.orbit-chip--detail{left:-6px}.hero-v4 h1{font-size:clamp(40px,5.2vw,60px)}
}
@media (max-width:900px){
  .hero-v4{min-height:100svh}.hero-v4-inner{width:100%;min-height:100svh;padding:88px 14px calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:17px;align-items:stretch;justify-content:flex-start}
  .hero-v4-showcase{order:1;width:100%;max-width:650px;align-self:center;padding:13px 3px 0}.hero-v4-copy{order:2;max-width:650px;width:100%;align-self:center;padding:0 5px}
  .compare-stage{aspect-ratio:1.2/1;border-radius:27px;box-shadow:0 28px 70px rgba(0,0,0,.38)}.compare-layer--after img{object-position:54% 57%}.compare-layer--before img{object-position:46% 56%}
  .case-badge{top:0;right:10px;min-height:44px;border-radius:14px;padding:6px 9px}.case-badge-dot{width:7px;height:7px}.case-badge b{font-size:8px}.case-badge small{font-size:7px}
  .hero-service-orbit{display:none}.compare-handle-knob{width:44px;height:44px}.compare-label{top:13px;font-size:9px;min-height:28px}.compare-label--before{left:12px}.compare-label--after{right:12px}
  .hero-v4-eyebrow{margin:0 0 8px;font-size:9.5px}.hero-v4 h1{max-width:none;font-size:clamp(31px,9vw,42px);line-height:1.27}.hero-v4 h1 em{display:inline}.hero-v4-lead{margin-top:10px;font-size:11.5px;line-height:1.85;max-width:39ch}
  .hero-v4-actions{margin-top:15px;gap:8px}.hero-v4 .button{min-height:46px;border-radius:14px;font-size:11px;padding:0 14px}.hero-v4-services{margin-top:13px;gap:5px}.hero-v4-services>span{min-height:30px;font-size:9px;padding:0 8px}
  .hero-v4-scroll{display:none}
}
@media (max-width:430px){
  .hero-v4-inner{padding-top:82px;gap:14px}.compare-stage{aspect-ratio:1.08/1;border-radius:24px}.compare-cursor-hint{bottom:10px;min-height:28px;font-size:8.5px}.hero-v4 h1{font-size:31px}.hero-v4-lead{font-size:11px}.hero-v4-actions{display:grid;grid-template-columns:1.15fr .85fr}.hero-v4 .button{padding:0 10px}.hero-v4-services>span:nth-child(3){display:none}
}
@media (max-width:350px){
  .hero-v4-inner{padding-right:10px;padding-left:10px}.hero-v4 h1{font-size:28px}.hero-v4-lead{font-size:10.5px}.hero-v4 .button{font-size:10px}.compare-label{font-size:8px}.compare-handle-knob{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){
  .finish-sheen{animation:none}.compare-stage{transition:none}.hero-v4-scroll svg{animation:none}
}

/* v4 final polish */
.section-heading h2,.feature-copy h2,.contact h2{font-size:clamp(27px,2.65vw,39px)}
@media (max-width:900px){
  .case-badge{display:none}
  .section-heading h2,.feature-copy h2,.contact h2{font-size:25px}
}
@media (max-width:430px){.hero-v4 h1{font-size:29px}}
.hero-v4 h1{font-size:clamp(40px,4.5vw,62px)}
@media (max-width:900px){.hero-v4 h1{font-size:clamp(30px,8vw,38px)}}
@media (max-width:430px){.hero-v4 h1{font-size:29px}}
@media (max-width:350px){.hero-v4 h1{font-size:27px}}

/* =========================================================
   K1 v5 — Hybrid real / motion / illustration showcase
   ========================================================= */
:root{
  --v5-cream:#f4eee5;
  --v5-warm:#c9ad82;
  --v5-bg:#0d0e10;
  --v5-panel:#151619;
}
body{
  font-family:"Segoe UI Variable Text","Segoe UI",Tahoma,Arial,sans-serif;
  font-size:14px;
  line-height:1.78;
  letter-spacing:-.008em;
}
.rtl-forward{transform:scaleX(-1)}
.service-item.is-active .service-arrow.rtl-forward{transform:scaleX(-1) translateX(-3px)}
.contact-card:hover .contact-card-arrow.rtl-forward{transform:scaleX(-1) translateX(-2px)}

.hero-v5{min-height:100svh;background:radial-gradient(circle at 25% 28%,#23252a 0,#151619 32%,#0d0e10 71%);isolation:isolate;overflow:hidden}
.hero-v5:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.022),transparent 34%),linear-gradient(0deg,rgba(0,0,0,.23),transparent 42%);pointer-events:none}
.hero-v5-ambient{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.v5-glow{position:absolute;border-radius:999px;filter:blur(4px);opacity:.8}
.v5-glow--a{width:min(64vw,900px);aspect-ratio:1;left:-8%;top:-22%;background:radial-gradient(circle,rgba(201,173,130,.11),transparent 66%)}
.v5-glow--b{width:min(48vw,650px);aspect-ratio:1;right:3%;bottom:-26%;background:radial-gradient(circle,rgba(92,99,113,.16),transparent 68%)}
.v5-motion-lines{position:absolute;inset:auto 0 -4% 0;width:100%;height:72%;opacity:.16;filter:blur(.15px)}
.v5-motion-lines path{fill:none;stroke:rgba(244,238,229,.42);stroke-width:1.2;stroke-dasharray:9 18;animation:v5-drift 18s linear infinite}
.v5-motion-lines path+path{opacity:.44;animation-duration:24s;animation-direction:reverse}
@keyframes v5-drift{to{stroke-dashoffset:-360}}

.hero-v5-inner{position:relative;z-index:2;width:min(1240px,calc(100% - 48px));min-height:100svh;margin:auto;padding:118px 0 72px;display:grid;grid-template-columns:minmax(560px,1.18fr) minmax(330px,.82fr);grid-template-areas:"stage copy";gap:72px;align-items:center}
.hero-v5-copy{grid-area:copy;max-width:520px;justify-self:end}
.hero-v5-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#d6d7da;font-size:10.5px;line-height:1.2}
.hero-v5-eyebrow>span{width:8px;height:8px;border-radius:50%;background:var(--v5-warm);box-shadow:0 0 0 5px rgba(201,173,130,.10)}
.hero-v5-eyebrow b{font-family:Inter,"Segoe UI",Arial,sans-serif;direction:ltr;letter-spacing:.12em;font-size:9px;color:#fff}.hero-v5-eyebrow em{font-style:normal;color:#9fa1a5}
.hero-v5 h1{margin:0;color:#fff;font-size:clamp(42px,4.45vw,64px);line-height:1.32;letter-spacing:-.052em;font-weight:660;text-wrap:balance}
.hero-v5 h1 em{font-style:normal;color:var(--v5-cream);font-weight:470}
.hero-v5-lead{max-width:39ch;margin:20px 0 0;color:#b8babf;font-size:13.5px;line-height:1.95}
.hero-v5-actions{display:flex;align-items:center;gap:10px;margin-top:28px}.hero-v5 .button{min-height:50px;border-radius:16px;font-size:12px;padding:0 18px}.hero-v5 .button--primary{background:var(--v5-cream);color:#111214}.hero-v5 .button--primary:hover{background:#fff}.hero-v5 .button--quiet{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.045)}
.hero-v5-proof{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}.hero-v5-proof span{min-height:33px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#c6c7ca;font-size:9.8px}.hero-v5-proof svg{width:13px;height:13px;color:var(--v5-warm);stroke-width:1.55}

.hero-v5-stage{--px:0px;--py:0px;grid-area:stage;position:relative;width:min(100%,710px);justify-self:start;padding:34px 38px 62px 44px;perspective:1400px}
.compare-stage--v5{--split:56%;position:relative;z-index:3;aspect-ratio:1.03/1;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:38px;background:#18191c;box-shadow:0 46px 110px rgba(0,0,0,.46),0 1px 0 rgba(255,255,255,.08) inset;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translate3d(var(--px),var(--py),0);transition:transform .2s ease-out}
.compare-stage--v5:before{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.compare-stage--v5:after{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;background:radial-gradient(circle 220px at var(--mx) var(--my),rgba(255,255,255,.095),transparent 66%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 26%,transparent 72%,rgba(0,0,0,.26));mix-blend-mode:screen}
.compare-stage--v5 .compare-layer--before{z-index:1;clip-path:none;filter:saturate(.66)}
.compare-stage--v5 .compare-layer--before img{object-position:46% 55%;filter:brightness(.84) contrast(1.04)}
.compare-stage--v5 .compare-layer--after{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.compare-stage--v5 .compare-layer--after img{object-position:54% 56%;filter:saturate(.92) contrast(1.055) brightness(.98)}
.compare-stage--v5 .compare-range{direction:ltr}
.compare-stage--v5 .compare-label--after{left:16px;right:auto;background:rgba(244,238,229,.93);color:#111214}
.compare-stage--v5 .compare-label--before{right:16px;left:auto;background:rgba(16,17,19,.72);color:#fff;border-color:rgba(255,255,255,.16)}
.compare-stage--v5 .compare-handle-knob{width:50px;height:50px;background:rgba(15,16,18,.78);box-shadow:0 14px 36px rgba(0,0,0,.36),0 0 0 6px rgba(255,255,255,.035)}
.compare-stage--v5 .compare-handle-knob:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.finish-sheen--v5{position:absolute;z-index:5;inset:-18% -38%;pointer-events:none;background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.02) 43%,rgba(255,255,255,.26) 49%,rgba(255,255,255,.035) 54%,transparent 62%);transform:translateX(-70%);animation:v5-sheen 6.2s var(--ease) infinite}
@keyframes v5-sheen{0%,28%{transform:translateX(-74%)}68%,100%{transform:translateX(74%)}}
.compare-direction{position:absolute;z-index:11;right:50%;bottom:12px;transform:translateX(50%);min-height:30px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(12,13,15,.55);backdrop-filter:blur(10px);color:#d8d9dc;font-size:8.5px;pointer-events:none;direction:rtl}.compare-direction i{width:34px;height:1px;background:linear-gradient(90deg,#a9aaad,#f4eee5);position:relative}.compare-direction i:after{content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;border-top:1px solid #f4eee5;border-right:1px solid #f4eee5;transform:translateY(-50%) rotate(45deg)}

.hero-v5-sketch{position:absolute;z-index:1;left:-12px;top:-22px;width:88%;height:auto;overflow:visible;transform:translate3d(calc(var(--px) * -.7),calc(var(--py) * -.7),0) rotate(-2deg);opacity:.72;pointer-events:none}
.hero-v5-sketch path{fill:none;vector-effect:non-scaling-stroke}.sketch-line{stroke:rgba(244,238,229,.34);stroke-width:1.25;stroke-dasharray:980;stroke-dashoffset:980;animation:v5-draw 5.6s var(--ease) infinite}.sketch-line--2{stroke:rgba(201,173,130,.36);animation-delay:.18s}.sketch-line--3{animation-delay:.36s}.sketch-detail{stroke:rgba(244,238,229,.21);stroke-width:1;stroke-dasharray:420;stroke-dashoffset:420;animation:v5-draw-small 5.6s var(--ease) .5s infinite}.sketch-accent{stroke:rgba(201,173,130,.48);stroke-width:1.25;stroke-dasharray:18 11;animation:v5-sketch-flow 5s linear infinite}
@keyframes v5-draw{0%,12%{stroke-dashoffset:980;opacity:.05}44%,78%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-120;opacity:.12}}
@keyframes v5-draw-small{0%,18%{stroke-dashoffset:420;opacity:.05}48%,80%{stroke-dashoffset:0;opacity:.85}100%{opacity:.08}}
@keyframes v5-sketch-flow{to{stroke-dashoffset:-174}}
.case-pulse{position:absolute;z-index:0;right:1%;bottom:8%;width:52%;aspect-ratio:1;border:1px solid rgba(201,173,130,.09);border-radius:50%;pointer-events:none}.case-pulse:before,.case-pulse:after{content:"";position:absolute;inset:13%;border:1px solid rgba(201,173,130,.07);border-radius:inherit;animation:v5-pulse 4s ease-out infinite}.case-pulse:after{inset:28%;animation-delay:1.1s}.case-pulse>span{position:absolute;right:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--v5-warm);box-shadow:0 0 18px rgba(201,173,130,.7)}@keyframes v5-pulse{0%{transform:scale(.82);opacity:.8}70%,100%{transform:scale(1.17);opacity:0}}

.hero-v5-cases{position:absolute;z-index:10;left:0;bottom:1px;display:flex;gap:9px;direction:ltr;transform:translate3d(calc(var(--px) * 1.15),calc(var(--py) * 1.15),0)}
.v5-case-card{position:relative;width:126px;height:92px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#191a1d;box-shadow:0 20px 40px rgba(0,0,0,.28);transition:transform .26s var(--ease),border-color .26s}.v5-case-card:hover{transform:translateY(-6px) rotate(-1deg);border-color:rgba(255,255,255,.28)}.v5-case-card picture,.v5-case-card img{position:absolute;inset:0;width:100%;height:100%}.v5-case-card img{object-fit:cover;filter:saturate(.8) brightness(.72)}.v5-case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,8,9,.84),transparent 62%)}.v5-case-card>span{position:absolute;z-index:2;right:10px;left:10px;bottom:8px;color:#fff;direction:rtl;display:flex;align-items:end;justify-content:space-between;gap:7px}.v5-case-card small{font-size:7px;color:#c7c8ca}.v5-case-card b{font-size:9px;font-weight:650}.v5-case-card--two{transform:translateY(12px)}.v5-case-card--two:hover{transform:translateY(6px) rotate(1deg)}
.v5-real-badge{position:absolute;z-index:11;right:9px;top:6px;min-height:50px;padding:7px 10px;display:grid;grid-template-columns:9px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(14,15,17,.76);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.24);direction:ltr}.v5-real-badge>span{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#b5d67e;box-shadow:0 0 0 5px rgba(181,214,126,.08)}.v5-real-badge b{font-family:Inter,"Segoe UI",sans-serif;font-size:8px;letter-spacing:.12em}.v5-real-badge small{font-size:7px;color:#94969a}
.hero-v5-scroll{position:absolute;z-index:4;right:50%;bottom:18px;transform:translateX(50%);min-width:62px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;color:#8d8f94;font-size:9px}.hero-v5-scroll svg{width:14px;height:14px;animation:soft-bob 2.2s ease-in-out infinite}

/* High quality image delivery — let the new encodes stay crisp rather than softening them. */
.service-photo img,.feature-media img,.work-shot img{filter:saturate(.86) contrast(1.025) brightness(.82)}
.work-shot img{transform:scale(1.002)}

@media (max-width:1100px){
  .hero-v5-inner{grid-template-columns:minmax(500px,1.14fr) minmax(310px,.86fr);gap:38px}.hero-v5-stage{padding-left:28px}.v5-case-card{width:112px}.hero-v5 h1{font-size:clamp(39px,4.6vw,56px)}
}
@media (max-width:900px){
  .hero-v5{min-height:100svh}.hero-v5-inner{width:100%;min-height:100svh;padding:82px 14px calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:15px;align-items:stretch;justify-content:flex-start}.hero-v5-stage{order:1;width:100%;max-width:650px;align-self:center;padding:18px 4px 52px}.hero-v5-copy{order:2;width:100%;max-width:650px;align-self:center;justify-self:auto;padding:0 5px}.compare-stage--v5{aspect-ratio:1.12/1;border-radius:27px}.hero-v5-sketch{left:-7%;top:-8%;width:92%;opacity:.5}.v5-real-badge{display:none}.hero-v5-cases{left:10px;bottom:3px}.v5-case-card{width:104px;height:72px;border-radius:16px}.v5-case-card>span{right:8px;left:8px;bottom:7px}.v5-case-card small{display:none}.hero-v5-eyebrow{margin-bottom:8px;font-size:9.5px}.hero-v5 h1{font-size:clamp(30px,8.2vw,39px);line-height:1.32}.hero-v5 h1 br{display:none}.hero-v5-lead{margin-top:9px;font-size:11.5px;line-height:1.86;max-width:40ch}.hero-v5-actions{margin-top:14px;gap:8px}.hero-v5 .button{min-height:46px;border-radius:14px;font-size:11px;padding:0 13px}.hero-v5-proof{margin-top:12px;gap:5px}.hero-v5-proof span{min-height:29px;font-size:8.7px;padding:0 8px}.hero-v5-scroll{display:none}.compare-stage--v5 .compare-handle-knob{width:46px;height:46px}.compare-direction{bottom:9px;min-height:27px;font-size:7.8px}.case-pulse{display:none}
}
@media (max-width:430px){
  .hero-v5-inner{padding-top:76px;gap:10px}.hero-v5-stage{padding:12px 0 46px}.compare-stage--v5{aspect-ratio:1.02/1;border-radius:24px}.hero-v5 h1{font-size:29px}.hero-v5-lead{font-size:10.8px}.hero-v5-actions{display:grid;grid-template-columns:1.15fr .85fr}.hero-v5 .button{padding:0 9px;font-size:10.5px}.hero-v5-proof span:nth-child(3){display:none}.hero-v5-cases{left:6px;bottom:1px}.v5-case-card{width:92px;height:64px}.v5-case-card b{font-size:8px}.compare-stage--v5 .compare-label{top:11px;min-height:27px;font-size:8.3px}.compare-stage--v5 .compare-label--after{left:10px}.compare-stage--v5 .compare-label--before{right:10px}.compare-direction{padding:0 7px;gap:5px}.compare-direction i{width:27px}
}
@media (max-width:350px){.hero-v5-inner{padding-right:10px;padding-left:10px}.hero-v5 h1{font-size:27px}.hero-v5-lead{font-size:10.2px}.v5-case-card{width:84px}.hero-v5 .button{font-size:9.8px}}
@media (prefers-reduced-motion:reduce){.v5-motion-lines path,.sketch-line,.sketch-detail,.sketch-accent,.case-pulse:before,.case-pulse:after,.finish-sheen--v5{animation:none!important}.hero-v5-sketch{opacity:.38}.compare-stage--v5{transition:none}}

/* v5.0.1 visual polish: make the illustration visibly coexist with the real work, without masking it. */
.hero-v5-sketch{z-index:6;left:10px;top:18px;width:calc(100% - 46px);opacity:.38;mix-blend-mode:screen;filter:drop-shadow(0 0 12px rgba(201,173,130,.08))}
.sketch-line{stroke:rgba(244,238,229,.48)}.sketch-line--2{stroke:rgba(201,173,130,.55)}.sketch-detail{stroke:rgba(244,238,229,.34)}.sketch-accent{stroke:rgba(201,173,130,.62)}.sketch-spark{stroke:rgba(244,238,229,.76);stroke-width:1.2;stroke-dasharray:64;animation:v5-spark 3.8s ease-in-out infinite}
@keyframes v5-spark{0%,25%{stroke-dashoffset:64;opacity:0}48%,72%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-64;opacity:0}}
.compare-stage--v5 .compare-handle,.compare-stage--v5 .compare-label,.compare-stage--v5 .compare-direction{z-index:12}
.compare-direction i:before,.compare-direction i:after{content:"";position:absolute;top:50%;width:6px;height:6px;border-top:1px solid #f4eee5;border-right:1px solid #f4eee5}
.compare-direction i:after{right:-1px;transform:translateY(-50%) rotate(45deg)}
.compare-direction i:before{left:-1px;transform:translateY(-50%) rotate(-135deg)}
@media (max-width:900px){.hero-v5-sketch{left:0;top:5px;width:100%;opacity:.30}}
@media (max-width:430px){.hero-v5-sketch{opacity:.25}}
@media (prefers-reduced-motion:reduce){.sketch-spark{animation:none!important}}