/* Modern Kitchen | Tamiyouz Alrowad premium portfolio, scoped to .mk-page */
.mk-page{--mk-bg:#061728;--mk-deep:#071b30;--mk-dark:#051525;--mk-gold:#ebbf72;--mk-cream:#ffe2aa;--mk-muted:#a7bccf;--mk-line:rgba(240,197,125,.23);--mk-bezier:cubic-bezier(.2,.8,.2,1);overflow-x:clip;box-sizing:border-box;background:var(--mk-bg);color:#f7f9fd;line-height:1.9;font-family:"Cairo",Tahoma,Arial,sans-serif}
.mk-page *,.mk-page *:before,.mk-page *:after{box-sizing:border-box}
.mk-page img{max-width:100%}
.mk-page a{text-decoration:none}
.mk-page button{font-family:inherit}
.mk-page em{font-style:normal;background:linear-gradient(105deg,#ddb061,#ffebb9 43%,#e9b870 80%);color:transparent;-webkit-background-clip:text;background-clip:text}
.mk-shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.mk-overline{display:inline-block;font:900 11px/1.45 Arial,sans-serif;letter-spacing:.17em;color:var(--mk-gold);direction:ltr;text-align:start}
.mk-hero{position:relative;min-height:770px;overflow:hidden;padding:160px 0 60px;isolation:isolate;background:radial-gradient(ellipse 34% 41% at 92% 30%,rgba(216,156,79,.16),transparent 92%),radial-gradient(ellipse 47% 51% at 8% 68%,rgba(49,103,157,.24),transparent 86%),linear-gradient(125deg,#071a2c 0%,#081f35 56%,#051525)}
.mk-hero-gridline{position:absolute;inset:0;z-index:-1;opacity:.11;pointer-events:none;background-image:linear-gradient(90deg,transparent 98%,rgba(218,186,124,.38) 100%),linear-gradient(transparent 98%,rgba(218,186,124,.33) 100%);background-size:74px 74px;mask-image:linear-gradient(110deg,transparent,black 35%,transparent 95%)}
.mk-ring{position:absolute;z-index:-1;pointer-events:none;width:700px;height:700px;border:1px solid rgba(234,194,124,.17);border-radius:50%;box-shadow:0 0 0 68px rgba(244,209,147,.022),0 0 0 155px rgba(244,209,147,.018)}
.mk-ring-a{right:-240px;top:-115px;animation:mk-orbit 24s ease-in-out infinite alternate}
.mk-ring-b{width:360px;height:360px;left:10%;bottom:-220px;opacity:.4}
.mk-hero-layout{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:35px;align-items:center;position:relative;z-index:2}
.mk-hero-copy{position:relative;z-index:3;min-width:0;animation:mk-enter .95s var(--mk-bezier) both}
.mk-breadcrumb{display:flex;align-items:center;gap:12px;color:#8aa6bc;font-size:11px;font-weight:800;margin-bottom:35px}
.mk-breadcrumb a{color:#c3d2df}.mk-breadcrumb a:hover{color:var(--mk-gold)}
.mk-kicker{display:flex;align-items:center;gap:12px;color:var(--mk-gold);font:850 11px/1.65 Arial,sans-serif;letter-spacing:.09em;direction:ltr;justify-content:flex-end}
.mk-kicker-mark{font-size:22px;animation:mk-spin 12s linear infinite}
.mk-hero h1{font-size:clamp(42px,5.15vw,74px);line-height:1.31;color:#f7f9fe;font-weight:900;letter-spacing:-.035em;margin:17px 0 25px;max-width:750px;text-wrap:balance}
.mk-hero h1>span{color:#fafcff}
.mk-hero-text{font-size:15px;line-height:2.05;color:#b5c9db;max-width:550px;margin:0}
.mk-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:13px;min-height:56px;padding:11px 23px;font-size:13px;font-weight:900;position:relative;overflow:hidden;transition:transform .3s var(--mk-bezier),border-color .3s,box-shadow .3s}
.mk-btn:after{content:"";position:absolute;pointer-events:none;width:60%;height:100%;top:0;left:-100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);transform:skew(-22deg);transition:left .75s}
.mk-btn:hover:after{left:140%}
.mk-btn:hover{transform:translateY(-4px)}
.mk-btn span:last-child{font-size:18px;line-height:1}
.mk-btn-gold{color:#14283c!important;background:linear-gradient(115deg,#f9e2a9,#dea749 61%,#f0cb82);box-shadow:0 15px 32px rgba(208,151,63,.17),inset 0 1px 0 rgba(255,248,221,.6)}
.mk-btn-gold:hover{box-shadow:0 18px 40px rgba(216,156,63,.3)}
.mk-btn-outline{border:1px solid rgba(240,201,137,.56);background:rgba(21,52,80,.35);color:#f5dcaa!important}
.mk-btn-outline:hover{background:rgba(240,200,132,.11)}
.mk-hero-numbers{display:flex;align-items:center;gap:14px;margin-top:37px;font:800 11px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#99b0c6;direction:ltr;justify-content:flex-end}
.mk-hero-numbers>span:first-child{font-size:27px;color:#f1cf94}
.mk-hero-numbers small{font-size:11px;color:#819aaf}
.mk-hero-numbers i{height:1px;width:27px;background:#ceb37b;opacity:.47}
.mk-hero-art{position:relative;min-width:0;height:490px;perspective:1300px;animation:mk-enter .95s .18s var(--mk-bezier) both}
.mk-hero-orbit{position:absolute;inset:5% 3% 3% 5%;border:1px dashed rgba(242,195,110,.26);border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.mk-art-serial{position:absolute;top:0;left:8%;color:#91abc2;font:800 10px Arial,sans-serif;letter-spacing:.14em}
.mk-browser{background:#0b1e30;border:1px solid rgba(249,209,136,.69);overflow:hidden;box-shadow:0 35px 95px rgba(0,0,0,.51),0 0 0 1px rgba(255,255,255,.055) inset;border-radius:17px}
.mk-hero-browser{position:absolute;top:12%;left:2%;width:90%;transform:perspective(1400px) rotateY(7deg) rotateX(3deg) rotateZ(-1.5deg);transform-origin:center;transition:transform .65s var(--mk-bezier);will-change:transform}
.mk-hero-browser:hover{transform:perspective(1400px) rotateY(0) rotateX(0) rotateZ(0)}
.mk-browser-top{height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;border-bottom:1px solid rgba(244,199,117,.22);background:linear-gradient(95deg,#071524,#152638);color:#92a5b6;font:750 11px Arial,sans-serif;direction:ltr}
.mk-dots{display:flex;gap:5px}
.mk-dots b{display:block;width:7px;height:7px;border-radius:50%;background:#dda961}
.mk-dots b:nth-child(2){opacity:.65}.mk-dots b:nth-child(3){opacity:.38}
.mk-browser-lock{color:#e4b963}
.mk-browser-screen{background:#07131d}
.mk-browser-screen img{display:block;width:100%;height:auto;aspect-ratio:1200/708;object-fit:cover;object-position:top}
.mk-browser-bottom{display:flex;align-items:center;gap:8px;padding:10px 13px;color:#e7d2b1;font-size:10px;font-weight:850}
.mk-browser-bottom strong{margin-inline-start:auto;font:900 10px Arial,sans-serif;color:#a9bdd1;letter-spacing:.1em}
.mk-live-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#e8bd72;box-shadow:0 0 0 5px rgba(231,181,98,.11)}
.mk-phone{position:absolute;width:26%;height:300px;bottom:0;right:-3%;z-index:5;border:7px solid #192432;border-radius:28px;overflow:hidden;background:#171f28;transform:rotate(8deg);box-shadow:0 25px 65px rgba(0,0,0,.64),0 0 0 1px #b58b54;transition:transform .5s}
.mk-phone:hover{transform:rotate(1deg) translateY(-12px)}
.mk-phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.mk-phone-speaker{position:absolute;z-index:2;top:7px;width:33%;height:5px;border-radius:50px;background:#283544;left:33%}
.mk-hero-stamp{position:absolute;left:-14px;top:0;width:105px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#19344a,#081b2f);border:1px solid rgba(246,209,145,.52);transform:rotate(-11deg);z-index:3;box-shadow:0 17px 36px rgba(0,0,0,.4)}
.mk-hero-stamp b{font:900 34px Arial,sans-serif;color:#f3ce83;line-height:1}
.mk-hero-stamp span{font:850 8px/1.5 Arial,sans-serif;text-align:center;letter-spacing:.1em;color:#b9d0e0}
.mk-hero-chip{position:absolute;bottom:17px;left:12px;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:14px;border:1px solid rgba(243,196,112,.43);background:rgba(7,23,39,.91);box-shadow:0 15px 35px rgba(0,0,0,.34);backdrop-filter:blur(14px);font:800 11px/1.55 Arial,sans-serif;color:#f3d8aa}
.mk-chip-icon{font-size:25px;line-height:1;color:#f2c777}
.mk-hero-chip small{color:#9db6cb;font-size:10px}
.mk-scroll-cta{display:flex;align-items:center;justify-content:center;gap:11px;color:#b1c3d7;font:850 10px Arial,sans-serif;letter-spacing:.17em;position:relative;z-index:4;margin:47px auto 0;width:max-content}
.mk-scroll-cta span:last-child{color:#e8c078;font-size:19px;animation:mk-arrow 2s ease-in-out infinite}
.mk-marquee{overflow:hidden;background:linear-gradient(100deg,#dfaf61,#f3d391,#d7a04c);border-block:1px solid rgba(255,250,218,.38)}
.mk-marquee-track{display:flex;align-items:center;gap:0;width:max-content;white-space:nowrap;animation:mk-marquee 31s linear infinite}
.mk-marquee-track span{display:flex;align-items:center;gap:32px;padding:10px 27px 10px 0;color:#17263a;font:900 11px/1.8 Arial,sans-serif;letter-spacing:.22em}
.mk-marquee-track b{opacity:.6;font-size:15px}
.mk-section{padding:118px 0}
.mk-intro{background:radial-gradient(ellipse at 75% 30%,rgba(219,170,91,.1),transparent 43%),#081c30}
.mk-intro-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:78px}
.mk-intro-visual{min-width:0;position:relative;height:495px;perspective:1300px}
.mk-intro-number{position:absolute;right:-5%;top:-12%;font:900 240px/.9 Arial,sans-serif;-webkit-text-stroke:1px rgba(238,192,113,.13);color:transparent;z-index:0}
.mk-frame{position:relative;overflow:hidden;border-radius:15px;border:1px solid rgba(245,210,147,.65);background:#081a2b;box-shadow:0 31px 80px rgba(0,0,0,.48)}
.mk-intro-frame{position:absolute;z-index:2;left:0;right:11%;top:16%;transform:rotate(-4deg);transition:transform .5s var(--mk-bezier)}
.mk-intro-frame:hover{transform:rotate(0) translateY(-8px)}
.mk-frame-bar{display:flex;align-items:center;justify-content:space-between;background:#0d2234;padding:8px 12px;color:#e6ca99;font:850 10px Arial,sans-serif;letter-spacing:.06em;direction:ltr}
.mk-frame img{display:block;width:100%;height:auto;object-fit:cover}
.mk-intro-floating{position:absolute;z-index:3;bottom:0;right:-4%;width:47%;padding:5px;border:1px solid rgba(252,211,139,.63);background:#101d29;transform:rotate(8deg);border-radius:14px;box-shadow:0 28px 48px rgba(0,0,0,.41);transition:transform .5s}
.mk-intro-floating:hover{transform:rotate(1deg) translateY(-8px)}
.mk-intro-floating img{width:100%;height:auto;display:block;border-radius:9px}
.mk-intro-badge{position:absolute;left:3%;top:0;z-index:4;display:flex;gap:9px;align-items:center;color:#dfc08c;background:#112b44;border:1px solid rgba(248,206,135,.44);padding:11px 14px;border-radius:13px;box-shadow:0 15px 35px rgba(0,0,0,.3)}
.mk-intro-badge b{font:900 24px Arial}.mk-intro-badge span{font:850 10px/1.5 Arial,sans-serif;letter-spacing:.05em}
.mk-intro-copy h2,.mk-story-copy h2,.mk-catalog-copy h2{font-size:clamp(38px,4.3vw,59px);line-height:1.42;letter-spacing:-.025em;margin:17px 0 23px;color:#f5f8fc;font-weight:900}
.mk-body-lead,.mk-story-copy>p,.mk-catalog-copy>p{font-size:14px;line-height:2.2;color:#b2c7d9;max-width:595px;margin:0 0 27px}
.mk-feature-list{border-top:1px solid rgba(243,199,121,.31)}
.mk-feature-list>div{display:flex;gap:17px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(243,199,121,.16)}
.mk-feature-list strong{font:900 22px Arial,sans-serif;color:#f1c878;min-width:36px}
.mk-feature-list span{display:flex;flex-direction:column;gap:2px}
.mk-feature-list b{font-size:16px;color:#fff}
.mk-feature-list small{font-size:12px;color:#9bb4c9;line-height:1.8}
.mk-text-link{display:inline-flex;align-items:center;gap:15px;margin-top:24px;color:#f2c77b;font-size:13px;font-weight:900}
.mk-text-link:hover{color:#fff0d1}
.mk-showcase{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 17%,rgba(52,98,146,.2),transparent 42%),#061525}
.mk-section-heading{text-align:center;max-width:825px;margin:0 auto 42px}
.mk-section-heading h2{font-size:clamp(39px,4.6vw,62px);font-weight:900;line-height:1.45;margin:14px 0;color:#fff}
.mk-section-heading p{color:#afc3d5;font-size:14px;line-height:2.05;margin:0 auto;max-width:700px}
.mk-gallery-wrap{position:relative;isolation:isolate;padding:24px 20px 30px;border:1px solid rgba(239,199,132,.37);border-radius:25px;background:linear-gradient(145deg,rgba(16,45,74,.92),rgba(6,24,42,.96));box-shadow:0 33px 78px rgba(0,0,0,.29)}
.mk-gallery-rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.mk-gallery-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 10px 25px}
.mk-gallery-live{display:flex;align-items:center;gap:11px;color:#eacb97;font-size:12px;font-weight:800}
.mk-gallery-live i{width:9px;height:9px;border-radius:50%;background:#eac176;box-shadow:0 0 0 5px rgba(243,198,125,.11)}
.mk-gallery-count{font:900 15px Arial,sans-serif;direction:ltr;color:#ebc47b;border:1px solid rgba(242,196,110,.3);border-radius:9px;padding:7px 11px}
.mk-swiper{width:100%;overflow:visible;min-height:540px;padding:8px 0 22px!important}
.mk-swiper .swiper-wrapper{align-items:stretch}
.mk-swiper .swiper-slide{width:min(390px,67vw);height:auto;display:flex;justify-content:center;opacity:.7;transition:opacity .34s}
.mk-swiper .swiper-slide-active{opacity:1}
.mk-slide-card{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(245,200,130,.4);border-radius:17px;background:#0a223b;box-shadow:0 22px 55px rgba(0,0,0,.32)}
.mk-slide-visual{display:block;position:relative;padding:6px;border:0;width:100%;height:427px;overflow:hidden;background:#131d2b;cursor:zoom-in}
.mk-slide-img-wrap{display:block;width:100%;height:100%;overflow:hidden;border-radius:10px;background:#f6f2ed}
.mk-slide-img-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--mk-bezier)}
.mk-slide-visual:hover img{transform:scale(1.04)}
.mk-slide-expand{position:absolute;right:16px;bottom:17px;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:rgba(7,21,36,.86);border:1px solid rgba(244,197,113,.5);color:#f5da9e;font-size:25px}
.mk-slide-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px 20px;min-height:133px}
.mk-slide-caption h3{font-size:19px;font-weight:900;color:#fff;margin:2px 0}
.mk-slide-caption p{font-size:11px;color:#a6bfd2;line-height:1.8;margin:0}
.mk-slide-index{font:850 10px Arial,sans-serif;direction:ltr;color:#e7bf77}
.mk-slide-caption>span:last-child{flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(242,196,109,.4);border-radius:11px;color:#f1ca84}
.mk-gallery-controls{display:flex;align-items:center;justify-content:center;gap:19px;margin:25px auto 0}
.mk-gallery-prev,.mk-gallery-next{height:44px;width:44px;display:grid;place-items:center;border:1px solid rgba(241,194,113,.52);border-radius:50%;background:#132c46;color:#f8dfa8;font-size:23px;cursor:pointer;transition:background .25s,transform .25s}
.mk-gallery-prev:hover,.mk-gallery-next:hover{background:#25435d;transform:translateY(-2px)}
.mk-gallery-pagination{display:flex;align-items:center;justify-content:center;gap:8px;min-width:60px}
.mk-gallery-pagination .swiper-pagination-bullet{background:#a9bdca;opacity:.5;width:7px;height:7px;transition:width .25s,background .25s,opacity .25s}
.mk-gallery-pagination .swiper-pagination-bullet-active{background:#f0c574;opacity:1;width:26px;border-radius:6px}
.mk-gallery-footnote{text-align:center;color:#8fa6bb;font-size:11px;line-height:1.8;margin:18px 0 0}
.mk-story{background:radial-gradient(ellipse at 15% 20%,rgba(211,153,70,.09),transparent 40%),linear-gradient(120deg,#071b30,#0b2944)}
.mk-story-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:60px}
.mk-story-chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 30px}
.mk-story-chips span{border:1px solid rgba(241,195,116,.35);border-radius:40px;color:#e1bb78;background:rgba(241,188,110,.04);font:750 10px Arial,sans-serif;letter-spacing:.09em;padding:8px 12px}
.mk-story-live{display:flex;gap:13px;align-items:center;color:#d6e4ef;font:800 12px Arial,sans-serif;direction:ltr;justify-content:flex-end}
.mk-story-visual{height:420px;position:relative;perspective:1300px;min-width:0}
.mk-story-big-number{position:absolute;right:0;top:-90px;font:900 240px Arial,sans-serif;color:transparent;-webkit-text-stroke:1px rgba(246,208,151,.12)}
.mk-story-browser{position:absolute;top:12%;left:2%;width:85%;transform:rotate(-4deg);transition:transform .5s}
.mk-story-browser:hover{transform:rotate(0) translateY(-5px)}
.mk-story-thumb{position:absolute;bottom:-5%;right:1%;width:52%;z-index:2;border:5px solid #102840;border-radius:13px;overflow:hidden;transform:rotate(8deg);box-shadow:0 20px 43px rgba(0,0,0,.43)}
.mk-story-thumb img{width:100%;height:auto;display:block}
.mk-catalog{background:#081e34;overflow:hidden}
.mk-catalog-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:75px;align-items:center}
.mk-catalog-visual{height:430px;position:relative}
.mk-catalog-shape{position:absolute;left:2%;top:3%;width:470px;height:370px;max-width:90%;background:radial-gradient(ellipse,rgba(242,179,90,.19),transparent 72%);filter:blur(20px)}
.mk-catalog-front,.mk-catalog-side{position:absolute;z-index:1;padding:6px;background:#e9d09f;border-radius:14px;box-shadow:0 28px 57px rgba(0,0,0,.4);overflow:hidden;border:1px solid rgba(247,223,180,.66)}
.mk-catalog-front{top:10%;left:0;width:80%;transform:rotate(-6deg);transition:transform .4s}
.mk-catalog-side{bottom:2%;right:0;width:58%;transform:rotate(7deg);transition:transform .4s}
.mk-catalog-front img,.mk-catalog-side img{width:100%;height:auto;display:block;border-radius:9px}
.mk-catalog-front:hover,.mk-catalog-side:hover{transform:rotate(0) translateY(-8px)}
.mk-catalog-label{position:absolute;bottom:1%;left:0;z-index:5;display:flex;align-items:center;gap:15px;padding:9px 13px;border:1px solid rgba(244,207,145,.5);border-radius:12px;background:#112b43;color:#f2d194;font-size:13px;font-weight:850}
.mk-catalog-copy p{font-size:14px;color:#adc4d8;line-height:2.15}
.mk-catalog-feature{display:flex;align-items:center;gap:12px;padding:17px 20px;border:1px solid rgba(241,197,125,.32);border-radius:13px;background:#0c2a45;color:#e7ce9d;font-size:13px;font-weight:850}
.mk-catalog-feature span{font-size:23px;color:#f4c97b}
.mk-cta{position:relative;padding:94px 0;overflow:hidden;background:linear-gradient(115deg,#051425,#0b2740 58%,#071929)}
.mk-cta-ring{position:absolute;right:-140px;top:-230px;width:620px;height:620px;border:1px solid rgba(244,209,137,.18);border-radius:50%;box-shadow:0 0 0 58px rgba(243,196,110,.03),0 0 0 127px rgba(243,196,110,.02)}
.mk-cta-layout{position:relative;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:36px}
.mk-cta-symbol{display:grid;place-items:center;border:1px solid rgba(241,198,119,.44);background:#102b45;border-radius:50%;height:80px;width:80px;font-size:44px;color:#f4cf87}
.mk-cta-copy h2{font-size:clamp(34px,4.25vw,58px);font-weight:900;line-height:1.4;margin:12px 0;color:#fff}
.mk-cta-copy p{font-size:13px;color:#aec4d5;max-width:620px}
.mk-cta-actions{display:flex;align-items:center;flex-direction:column;gap:17px}
.mk-cta-actions .mk-btn{min-width:240px}
.mk-cta-back{display:flex;align-items:center;gap:12px;color:#ebc889;font-size:12px;font-weight:850}
.mk-cta-back:hover{color:#fff}
.mk-lightbox[hidden]{display:none!important}
.mk-lightbox{position:fixed;inset:0;z-index:11000;background:rgba(2,11,21,.975);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;overflow:hidden}
.mk-lightbox-top{width:100%;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px clamp(16px,4vw,60px);border-bottom:1px solid rgba(244,194,105,.36);color:#f5d69e;font-weight:900}
.mk-lightbox-top button{flex:none;width:45px;height:45px;border:1px solid rgba(242,200,131,.55);background:#102c47;border-radius:50%;color:#f9dfac;font-size:28px;cursor:pointer}
.mk-lightbox-content{flex:1;overflow:auto;overscroll-behavior:contain;width:100%;padding:22px;display:flex;align-items:flex-start;justify-content:center}
.mk-lightbox-content img{width:min(1020px,100%);height:auto;display:block;border:1px solid rgba(247,201,126,.44);border-radius:11px;box-shadow:0 23px 70px rgba(0,0,0,.56)}
html[lang=en] .mk-kicker,html[lang=en] .mk-hero-numbers,html[lang=en] .mk-story-live{justify-content:flex-start}
@keyframes mk-orbit{to{transform:translate(-65px,25px)}}
@keyframes mk-spin{to{transform:rotate(360deg)}}
@keyframes mk-arrow{50%{transform:translateY(7px)}}
@keyframes mk-marquee{to{transform:translateX(-50%)}}
@keyframes mk-enter{from{opacity:.12;transform:translateY(27px)}to{opacity:1;transform:translateY(0)}}
html.mk-motion-ready .mk-page [data-mk-reveal]:not(.mk-in-view){opacity:0;transform:translateY(27px)}
html.mk-motion-ready .mk-page [data-mk-reveal]{transition:opacity .85s var(--mk-bezier),transform .85s var(--mk-bezier)}
html.mk-motion-ready .mk-page [data-mk-reveal].mk-in-view{opacity:1;transform:translateY(0)}
@media(max-width:1120px){
 .mk-shell{width:calc(100% - 45px)}
 .mk-hero{padding:135px 0 45px;min-height:0}
 .mk-hero-layout{grid-template-columns:1fr;gap:20px}
 .mk-hero-copy{max-width:800px;margin:0 auto;text-align:center}
 .mk-breadcrumb,.mk-kicker,.mk-actions,.mk-hero-numbers{justify-content:center}
 .mk-hero h1{max-width:850px;margin-inline:auto}
 .mk-hero-text{margin-inline:auto}
 .mk-hero-art{width:min(760px,100%);height:500px;margin:10px auto 0}
 .mk-hero-browser{width:87%;left:2%}
 .mk-phone{right:1%;height:310px;width:24%}
 .mk-intro-layout,.mk-story-grid,.mk-catalog-grid{gap:30px}
 .mk-intro-visual{height:410px}
 .mk-catalog-visual{height:370px}
 .mk-cta-layout{grid-template-columns:64px 1fr auto;gap:19px}
 .mk-cta-symbol{width:64px;height:64px}
}
@media(max-width:800px){
 .mk-section{padding:81px 0}
 .mk-intro-layout,.mk-story-grid,.mk-catalog-grid{grid-template-columns:1fr}
 .mk-intro-copy,.mk-catalog-copy,.mk-story-copy{max-width:720px;margin:0 auto}
 .mk-intro-visual{order:2;max-width:670px;width:100%;height:435px;margin:0 auto}
 .mk-intro-copy{order:1}
 .mk-story-visual{max-width:690px;width:100%;margin:5px auto 0}
 .mk-catalog-visual{order:2;max-width:670px;width:100%;margin:0 auto}
 .mk-catalog-copy{order:1}
 .mk-swiper{min-height:540px}
 .mk-cta-layout{grid-template-columns:65px 1fr;gap:22px}
 .mk-cta-actions{grid-column:1/-1;flex-direction:row;justify-content:center}
}
@media(max-width:620px){
 .mk-shell{width:calc(100% - 30px)}
 .mk-hero{padding:112px 0 35px}
 .mk-hero-layout{gap:7px}
 .mk-ring{display:none}
 .mk-breadcrumb{font-size:10px;margin-bottom:18px;gap:8px}
 .mk-kicker{font-size:9px;letter-spacing:.05em;gap:7px}
 .mk-kicker-mark{font-size:16px}
 .mk-hero h1{font-size:clamp(33px,9vw,46px);line-height:1.34;margin:18px 0 16px}
 .mk-hero-text{font-size:12px;line-height:1.9}
 .mk-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:23px}
 .mk-btn{min-height:49px;width:100%;font-size:12px}
 .mk-hero-numbers{margin-top:22px;gap:11px;font-size:10px}
 .mk-hero-numbers>span:first-child{font-size:21px}
 .mk-hero-numbers i{width:18px}
 .mk-hero-art{height:305px;margin:18px auto 0;width:100%}
 .mk-art-serial{font-size:8px}
 .mk-hero-browser{top:13%;width:87%;left:0;transform:none;will-change:auto;border-radius:12px}
 .mk-hero-browser:hover{transform:none}
 .mk-browser-top{height:27px;font-size:8px;padding:0 8px}
 .mk-dots b{width:5px;height:5px}
 .mk-browser-bottom{padding:6px 8px;font-size:8px}
 .mk-browser-bottom strong{font-size:8px}
 .mk-phone{width:27%;height:190px;right:0;bottom:1%;border-width:4px;border-radius:15px;transform:rotate(6deg)}
 .mk-phone-speaker{height:3px;top:4px}
 .mk-hero-stamp{width:57px;height:57px;top:1%;left:0}
 .mk-hero-stamp b{font-size:20px}
 .mk-hero-stamp span{font-size:5px}
 .mk-hero-chip{padding:7px 9px;font-size:8px;bottom:5px;left:0;gap:5px;border-radius:9px}
 .mk-chip-icon{font-size:17px}
 .mk-hero-chip small{font-size:7px}
 .mk-scroll-cta{font-size:9px;margin:22px auto 0}
 .mk-marquee-track span{font-size:9px;letter-spacing:.1em;gap:15px;padding:9px 17px 9px 0}
 .mk-section{padding:65px 0}
 .mk-intro-layout{gap:24px}
 .mk-intro-copy h2,.mk-story-copy h2,.mk-catalog-copy h2{font-size:clamp(29px,8vw,39px);line-height:1.4;margin:11px 0 15px}
 .mk-overline{font-size:10px}
 .mk-body-lead,.mk-story-copy>p,.mk-catalog-copy>p{font-size:12px;line-height:2.05;margin:0 0 16px}
 .mk-feature-list>div{padding:12px 0;gap:11px}
 .mk-feature-list strong{font-size:19px;min-width:28px}
 .mk-feature-list b{font-size:14px}
 .mk-feature-list small{font-size:11px}
 .mk-intro-visual{height:250px;max-width:420px;margin:0 auto}
 .mk-intro-number{font-size:145px;top:-6%}
 .mk-intro-frame{top:10%;right:12%}
 .mk-intro-floating{width:47%;right:-1%;bottom:2%;border-radius:8px}
 .mk-intro-badge{padding:6px;gap:5px;top:0;left:2%}
 .mk-intro-badge b{font-size:16px}
 .mk-intro-badge span{font-size:7px}
 .mk-frame-bar{font-size:7px;padding:5px}
 .mk-text-link{font-size:12px;margin-top:16px}
 .mk-section-heading{margin-bottom:23px}
 .mk-section-heading h2{font-size:clamp(31px,8.1vw,41px);margin:9px 0}
 .mk-section-heading p{font-size:12px}
 .mk-gallery-wrap{padding:12px 7px 16px;border-radius:17px}
 .mk-gallery-top{padding:4px 9px 17px;gap:7px}
 .mk-gallery-live{font-size:9px;gap:9px;line-height:1.5}
 .mk-gallery-count{font-size:11px;padding:7px 8px;white-space:nowrap}
 .mk-swiper{min-height:475px;padding:0 0 8px!important}
 .mk-swiper .swiper-slide{width:min(292px,82vw)}
 .mk-slide-visual{height:342px}
 .mk-slide-caption{padding:12px 13px 14px;min-height:122px}
 .mk-slide-caption h3{font-size:15px}
 .mk-slide-caption p{font-size:10px}
 .mk-gallery-controls{margin-top:14px}
 .mk-gallery-prev,.mk-gallery-next{width:40px;height:40px;font-size:20px}
 .mk-gallery-footnote{font-size:10px}
 .mk-story-visual{height:275px}
 .mk-story-big-number{font-size:140px;top:-45px}
 .mk-story-browser{top:9%;width:88%}
 .mk-story-thumb{width:51%;bottom:0}
 .mk-story-chips{gap:7px;margin:12px 0 22px}
 .mk-story-chips span{font-size:9px;padding:7px 9px}
 .mk-story-live{font-size:10px}
 .mk-catalog-visual{height:255px}
 .mk-catalog-shape{height:210px}
 .mk-catalog-front{width:82%;top:6%}
 .mk-catalog-side{width:57%;bottom:4%}
 .mk-catalog-label{padding:7px;font-size:10px;gap:6px}
 .mk-catalog-feature{font-size:11px;padding:12px}
 .mk-cta{padding:72px 0}
 .mk-cta-layout{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px}
 .mk-cta-symbol{height:56px;width:56px;font-size:31px}
 .mk-cta-copy h2{font-size:clamp(31px,8vw,43px);margin:7px 0}
 .mk-cta-copy p{font-size:12px}
 .mk-cta-actions{display:flex;flex-direction:column;width:100%;gap:12px;margin-top:15px}
 .mk-cta-actions .mk-btn{min-width:0;width:100%}
 .mk-lightbox-top{min-height:58px;font-size:12px}
 .mk-lightbox-content{padding:9px}
}
@media(max-width:340px){.mk-shell{width:calc(100% - 24px)}.mk-hero h1{font-size:32px}.mk-hero-art{height:270px}.mk-phone{height:168px}.mk-hero-chip{display:none}.mk-swiper .swiper-slide{width:80vw}}
@media(prefers-reduced-motion:reduce){.mk-page *,.mk-page *:before,.mk-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mk-hero-browser{will-change:auto!important}html.mk-motion-ready .mk-page [data-mk-reveal]{opacity:1!important;transform:none!important}}