@font-face{font-family:tw-thmanyah;src:url('assets/regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:tw-thmanyah;src:url('assets/bold.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}
body.tw-preview-body{margin:0;background:#0b0e0e}
#tw-portfolio{--tw-bg:#0b0e0e;--tw-surface:#151c1c;--tw-gold:#ba955d;--tw-gold-light:#d9c39f;--tw-teal:#6b8a8c;--tw-white:#fcfcfc;--tw-muted:#aeb9b7;--tw-line:rgba(175,191,186,.2);font-family:tw-thmanyah,sans-serif;color:var(--tw-white);background:var(--tw-bg);font-size:16px;font-weight:400;line-height:1.7;overflow:hidden;isolation:isolate;position:relative;text-align:right;color-scheme:dark;direction:rtl}
#tw-portfolio *,#tw-portfolio *::before,#tw-portfolio *::after{box-sizing:border-box}
#tw-portfolio h1,#tw-portfolio h2,#tw-portfolio h3,#tw-portfolio p,#tw-portfolio ul{margin:0;padding:0}
#tw-portfolio h1,#tw-portfolio h2,#tw-portfolio h3{font-family:inherit;font-weight:700;line-height:1.32;color:inherit}
#tw-portfolio h1 em,#tw-portfolio h2 em{font-style:normal;color:var(--tw-gold-light)}
#tw-portfolio a{color:inherit;text-decoration:none;box-shadow:none}
#tw-portfolio button,#tw-portfolio summary{font:inherit;color:inherit}
#tw-portfolio button{cursor:pointer;appearance:none;border:0;background:none;letter-spacing:normal}
#tw-portfolio img{display:block;max-width:100%;height:auto}
#tw-portfolio svg{display:block;width:24px;height:24px;flex:none}
#tw-portfolio [hidden]{display:none!important}
#tw-portfolio :focus-visible{outline:2px solid var(--tw-gold-light);outline-offset:6px}
#tw-portfolio .tw-container{width:min(1264px,calc(100% - 96px));margin-inline:auto}
#tw-portfolio section[id]{scroll-margin-top:35px}
#tw-portfolio .tw-skip{position:absolute;top:-100px;right:24px;background:var(--tw-gold);padding:12px 22px;z-index:100}
#tw-portfolio .tw-skip:focus{top:12px}
#tw-portfolio .tw-header{display:flex;align-items:center;justify-content:space-between;gap:28px;height:128px;position:relative;z-index:20}
#tw-portfolio .tw-logo img{width:126px;height:64px;object-fit:contain}
#tw-portfolio .tw-nav{display:flex;gap:29px;align-items:center;padding:18px 34px;background:#24231f;border:1px solid rgba(255,255,255,.025);border-radius:60px;font-size:14px}
#tw-portfolio .tw-nav a{position:relative;white-space:nowrap;transition:color .2s}
#tw-portfolio .tw-nav a:hover,#tw-portfolio .tw-nav .tw-nav-active{color:var(--tw-gold-light)}
#tw-portfolio .tw-nav-active::after{content:'';width:4px;height:4px;background:var(--tw-gold);position:absolute;bottom:-9px;right:calc(50% - 2px);border-radius:50%}
#tw-portfolio .tw-header-cta{display:flex;align-items:center;justify-content:center;gap:20px;font-size:13px;background:var(--tw-gold);color:#0b0e0e;padding:13px 21px;border-radius:40px;transition:background .2s,transform .2s;white-space:nowrap}
#tw-portfolio .tw-header-cta:hover{background:#a37d45;transform:translateY(-2px)}
#tw-portfolio .tw-header-cta span{font-size:22px;line-height:1}
#tw-portfolio .tw-menu{display:none}
#tw-portfolio .tw-eyebrow{font-size:13px;font-weight:400;color:var(--tw-gold-light);display:flex;align-items:center;gap:10px;line-height:1.5;letter-spacing:.01em}
#tw-portfolio .tw-dot{width:7px;height:7px;border-radius:50%;background:var(--tw-gold);box-shadow:0 0 0 6px rgba(186,149,93,.09)}
#tw-portfolio .tw-hero{position:relative;padding:65px 0 0;min-height:800px}
#tw-portfolio .tw-hero::before{content:'';position:absolute;inset:-160px 0 auto;height:850px;background:radial-gradient(ellipse at 22% 40%,rgba(107,138,140,.11),transparent 53%);pointer-events:none}
#tw-portfolio .tw-hero-glow{position:absolute;width:800px;height:700px;left:-220px;top:-100px;opacity:.13;background:radial-gradient(ellipse,var(--tw-gold),transparent 62%);filter:blur(60px);pointer-events:none}
#tw-portfolio .tw-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;position:relative}
#tw-portfolio .tw-hero-copy{padding-bottom:35px;position:relative;z-index:3}
#tw-portfolio .tw-hero .tw-eyebrow{margin-bottom:28px}
#tw-portfolio .tw-hero h1{font-size:clamp(62px,6.35vw,94px);line-height:1.23;letter-spacing:-3px;margin:0 0 27px}
#tw-portfolio .tw-hero-intro{font-size:17px;line-height:1.9;color:#b7c0bc;max-width:500px}
#tw-portfolio .tw-hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}
#tw-portfolio .tw-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:56px;padding:14px 25px;border-radius:40px;font-size:14px;line-height:1.5;position:relative;overflow:hidden;isolation:isolate;transition:background .25s,transform .25s,border-color .25s,color .25s;font-weight:400;text-align:center}
#tw-portfolio .tw-button>span{font-size:22px;line-height:1}
#tw-portfolio .tw-button-primary{background:var(--tw-teal);color:#0b0e0e;border:1px solid var(--tw-teal)}
#tw-portfolio .tw-button-primary::before{content:'';position:absolute;inset:0;background:var(--tw-gold);z-index:-1;transform:translateX(103%);transition:transform .35s cubic-bezier(.2,.7,.25,1)}
#tw-portfolio .tw-button-primary:hover::before{transform:translateX(0)}
#tw-portfolio .tw-button-primary:hover{border-color:var(--tw-gold);transform:translateY(-2px)}
#tw-portfolio .tw-button-outline{border:1px solid rgba(220,230,226,.42);background:transparent}
#tw-portfolio .tw-button-outline:hover{border-color:var(--tw-gold);background:rgba(186,149,93,.08);transform:translateY(-2px)}
#tw-portfolio .tw-text-link{font-size:14px;display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid rgba(255,255,255,.3);padding:7px 0}
#tw-portfolio .tw-text-link span{font-size:24px;transition:transform .2s}
#tw-portfolio .tw-text-link:hover span{transform:translate(-3px,-3px)}
#tw-portfolio .tw-hero-proof{margin-top:53px;display:flex;align-items:center;gap:17px;color:#87938f;font-size:12px;line-height:1.8}
#tw-portfolio .tw-proof-mark{font-size:40px;line-height:1;color:var(--tw-gold);font-family:serif;font-weight:400}
#tw-portfolio .tw-hero-proof strong{color:#c6cfcb;font-weight:400}
#tw-portfolio .tw-hero-stage{height:490px;position:relative;direction:ltr;transform:translateY(10px);min-width:0}
#tw-portfolio .tw-stage-label{font:10px/1.6 tw-thmanyah,sans-serif;letter-spacing:.1em;color:#78908c;position:absolute;top:3px;left:43px;direction:rtl;writing-mode:vertical-rl;transform:rotate(180deg)}
#tw-portfolio .tw-orbit{position:absolute;border:1px solid rgba(186,149,93,.13);border-radius:50%;pointer-events:none}
#tw-portfolio .tw-orbit-one{width:470px;height:470px;top:-30px;left:10px}
#tw-portfolio .tw-orbit-two{width:580px;height:580px;top:-85px;left:-45px;border-color:rgba(107,138,140,.08)}
#tw-portfolio .tw-hero-screen{position:absolute;border:1px solid rgba(220,233,226,.25);box-shadow:0 32px 75px rgba(0,0,0,.45);overflow:hidden;background:#1b2423;border-radius:10px;will-change:auto}
#tw-portfolio .tw-hero-screen-main{width:96%;top:55px;left:-7px;transform:perspective(1400px) rotateY(10deg) rotateZ(-3deg);z-index:2}
#tw-portfolio .tw-browser-bar{height:29px;background:#242b29;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);font:8px/1 tw-thmanyah,sans-serif;color:#83908b}
#tw-portfolio .tw-browser-dots{display:flex;gap:4px}
#tw-portfolio .tw-browser-dots i{width:5px;height:5px;border-radius:50%;background:#8a8073}
#tw-portfolio .tw-browser-dots i:nth-child(2){background:#748882}
#tw-portfolio .tw-browser-dots i:nth-child(3){background:#566b64}
#tw-portfolio .tw-browser-lock{font-size:15px;color:#89928e}
#tw-portfolio .tw-hero-image-wrap{height:300px;overflow:hidden;background:#17211f}
#tw-portfolio .tw-hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}
#tw-portfolio .tw-crop-admin{transform:scale(1.055) translateY(-1.1%);transform-origin:center top}
#tw-portfolio .tw-screen-caption{position:absolute;bottom:12px;left:14px;color:white;background:rgba(11,14,14,.78);border:1px solid rgba(255,255,255,.18);padding:4px 12px;border-radius:20px;font-size:10px;direction:rtl;backdrop-filter:blur(8px)}
#tw-portfolio .tw-hero-screen-secondary{width:38%;height:216px;right:-10px;bottom:0;z-index:4;transform:rotate(5deg);border-color:rgba(186,149,93,.42);box-shadow:0 22px 50px rgba(0,0,0,.6)}
#tw-portfolio .tw-mini-bar{height:18px;background:#242b29;display:flex;gap:3px;padding:6px 7px}
#tw-portfolio .tw-mini-bar span{width:4px;height:4px;border-radius:50%;background:#6b7772}
#tw-portfolio .tw-hero-screen-secondary img{height:198px;width:100%;object-fit:cover;object-position:top center}
#tw-portfolio .tw-floating-note{position:absolute;left:9px;bottom:28px;z-index:5;display:flex;gap:15px;align-items:center;background:#263431;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px rgba(0,0,0,.23);border-radius:8px;padding:19px 23px;direction:rtl;font-size:12px;transform:rotate(-3deg)}
#tw-portfolio .tw-floating-note>span{font-size:40px;color:var(--tw-gold-light);font-family:serif;font-weight:400}
#tw-portfolio .tw-floating-note strong{font-size:15px;font-weight:400;color:#e5e9e5}
#tw-portfolio .tw-stage-bottom{position:absolute;bottom:-41px;left:15px;right:30px;display:flex;align-items:center;gap:13px;color:#80908a;font-size:10px;direction:rtl}
#tw-portfolio .tw-small-star{font-size:16px;color:var(--tw-gold)}
#tw-portfolio .tw-stage-line{height:1px;background:#3b453f;flex:1}
#tw-portfolio .tw-hero-baseline{margin-top:86px;border-bottom:1px solid var(--tw-line);padding-bottom:25px;display:flex;align-items:center;justify-content:space-between;color:#84938c;font-size:11px}
#tw-portfolio .tw-hero-baseline a{display:flex;align-items:center;gap:12px}
#tw-portfolio .tw-scroll-circle{width:32px;height:32px;display:grid;place-items:center;border:1px solid #46524c;border-radius:50%;font-size:18px;color:var(--tw-gold-light)}
#tw-portfolio .tw-work{padding-top:105px;padding-bottom:55px}
#tw-portfolio .tw-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:51px}
#tw-portfolio .tw-section-heading h2,#tw-portfolio .tw-journey-heading h2,#tw-portfolio .tw-faq h2{font-size:clamp(38px,4vw,58px);letter-spacing:-1.4px;line-height:1.35;margin-top:18px}
#tw-portfolio .tw-section-heading>p,#tw-portfolio .tw-packages-intro>p{font-size:15px;line-height:1.9;color:var(--tw-muted);max-width:360px;margin-bottom:5px}
#tw-portfolio .tw-work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 29px;border-bottom:1px solid var(--tw-line);margin-bottom:40px}
#tw-portfolio .tw-filters{display:flex;gap:7px;flex-wrap:wrap}
#tw-portfolio .tw-filter{font-size:13px;border-radius:30px;border:1px solid transparent;padding:9px 19px;color:#a9b7b1;transition:all .2s}
#tw-portfolio .tw-filter.is-active{color:#fff;border-color:#536863;background:#273531}
#tw-portfolio .tw-filter:hover{color:var(--tw-gold-light);border-color:#536863}
#tw-portfolio .tw-results{font-size:11px;color:#7d8c85;white-space:nowrap;direction:rtl}
#tw-portfolio .tw-projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:45px}
#tw-portfolio .tw-project{grid-column:span 4;min-width:0}
#tw-portfolio .tw-project-featured:nth-child(4n + 1){grid-column:span 7}
#tw-portfolio .tw-project-featured:nth-child(4n + 2){grid-column:span 5}
#tw-portfolio .tw-project-featured:nth-child(4n + 3){grid-column:span 5}
#tw-portfolio .tw-project-featured:nth-child(4n + 4){grid-column:span 7}
#tw-portfolio .tw-project-open{display:block;width:100%;padding:0!important;text-align:right;overflow:visible}
#tw-portfolio .tw-project-visual{height:300px;position:relative;overflow:hidden;border-radius:10px;background:#243531;isolation:isolate;border:1px solid rgba(255,255,255,.04)}
#tw-portfolio .tw-project-featured .tw-project-visual{height:400px}
#tw-portfolio .tw-project-araya .tw-project-visual{background:#c3b291}
#tw-portfolio .tw-project-unique .tw-project-visual{background:#263941}
#tw-portfolio .tw-project-dawrq .tw-project-visual{background:#7f6e51}
#tw-portfolio .tw-project-era .tw-project-visual{background:#2d3936}
#tw-portfolio .tw-project-kahrmann .tw-project-visual{background:#43463d}
#tw-portfolio .tw-project-ziar .tw-project-visual{background:#263f41}
#tw-portfolio .tw-project-linas .tw-project-visual{background:#394d42}
#tw-portfolio .tw-project-atheya .tw-project-visual{background:#6d5748}
#tw-portfolio .tw-project-dar-alezz .tw-project-visual{background:#4e4d3e}
#tw-portfolio .tw-project-kinaz .tw-project-visual{background:#3f4741}
#tw-portfolio .tw-project-madar .tw-project-visual{background:#3b413f}
#tw-portfolio .tw-project-asmak .tw-project-visual{background:#284d51}
#tw-portfolio .tw-project-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.12),transparent 65%);z-index:-1}
#tw-portfolio .tw-project-visual::after{content:'';position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.22));z-index:0;pointer-events:none}
#tw-portfolio .tw-project-status{position:absolute;top:18px;right:18px;border:1px solid rgba(255,255,255,.2);background:rgba(11,14,14,.67);color:#e0e6e0;backdrop-filter:blur(8px);font-size:10px;line-height:1.5;border-radius:20px;padding:6px 10px;display:flex;align-items:center;gap:6px;z-index:3;max-width:calc(100% - 65px)}
#tw-portfolio .tw-project-status i{width:4px;height:4px;border-radius:50%;background:#8cb4a4;flex:none}
#tw-portfolio .tw-project-status.is-local i{background:var(--tw-gold-light)}
#tw-portfolio .tw-project-serial{position:absolute;left:20px;top:19px;font:11px/1.5 tw-thmanyah,sans-serif;color:rgba(255,255,255,.5);z-index:3}
#tw-portfolio .tw-project-browser{position:absolute;left:8%;right:8%;top:24%;border-radius:6px;overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.22);transform:translateY(7px) rotate(-2deg);transition:transform .6s cubic-bezier(.2,.65,.25,1);background:#1c2421;direction:ltr}
#tw-portfolio .tw-project:nth-child(2n) .tw-project-browser{transform:translateY(7px) rotate(2deg)}
#tw-portfolio .tw-project-featured .tw-project-browser{left:7%;right:7%;top:22%}
#tw-portfolio .tw-project-browser-top{display:flex;gap:4px;align-items:center;height:20px;padding:0 9px;background:#e6e6e0;border-bottom:1px solid #c9ccc5;color:#8e948d}
#tw-portfolio .tw-project-browser-top>span{width:4px;height:4px;border-radius:50%;background:#afb8b0}
#tw-portfolio .tw-project-browser-top i{font:6px/1.2 tw-thmanyah,sans-serif;font-style:normal;flex:1;text-align:center;padding-right:15px}
#tw-portfolio .tw-project-image{height:240px;overflow:hidden}
#tw-portfolio .tw-project-featured .tw-project-image{height:330px}
#tw-portfolio .tw-project-image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s cubic-bezier(.2,.65,.25,1)}
#tw-portfolio .tw-project-open:hover .tw-project-browser{transform:translateY(-6px) rotate(0)}
#tw-portfolio .tw-project-open:hover .tw-project-image img{transform:scale(1.025)}
#tw-portfolio .tw-project-open:hover .tw-project-image img.tw-crop-admin{transform:scale(1.07) translateY(-1.1%)}
#tw-portfolio .tw-project-explore{position:absolute;bottom:17px;left:18px;color:white;background:rgba(15,22,19,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:7px 13px;display:flex;align-items:center;gap:20px;font-size:10px;z-index:2;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}
#tw-portfolio .tw-project-explore svg{width:15px;height:15px}
#tw-portfolio .tw-project-open:hover .tw-project-explore,#tw-portfolio .tw-project-open:focus-visible .tw-project-explore{opacity:1;transform:none}
#tw-portfolio .tw-project-caption{padding:19px 2px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}
#tw-portfolio .tw-project-caption p{color:#84958b;font-size:10px;margin-bottom:4px}
#tw-portfolio .tw-project-caption h3{font-size:22px;font-weight:400}
#tw-portfolio .tw-project-featured .tw-project-caption h3{font-size:27px}
#tw-portfolio .tw-project-arrow{border:1px solid #3d4d44;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#b2c1b8;transition:background .25s,color .25s,transform .25s;flex:none}
#tw-portfolio .tw-project-arrow svg{width:18px;height:18px}
#tw-portfolio .tw-project-open:hover .tw-project-arrow{background:var(--tw-gold);color:#0b0e0e;border-color:var(--tw-gold);transform:rotate(-5deg)}
#tw-portfolio .tw-show-more-wrap{display:flex;justify-content:center;margin-top:48px}
#tw-portfolio .tw-work-footnote{text-align:center;font-size:11px;line-height:1.8;color:#788b80;margin:25px auto 0;max-width:580px}
#tw-portfolio .tw-transition-band{margin-top:50px;overflow:hidden;border-block:1px solid var(--tw-line);padding:33px 0;transform:rotate(-2deg);width:104%;margin-right:-2%;background:#111916}
#tw-portfolio .tw-marquee{display:flex;align-items:center;gap:45px;white-space:nowrap;width:max-content;animation:tw-marquee 50s linear infinite;color:#9cac9f;font-size:27px;direction:rtl}
#tw-portfolio .tw-marquee i{color:var(--tw-gold);font-style:normal;font-size:30px}
#tw-portfolio .tw-transition-band:hover .tw-marquee{animation-play-state:paused}
#tw-portfolio .tw-packages{padding-top:145px;padding-bottom:100px}
#tw-portfolio .tw-packages-intro{max-width:390px}
#tw-portfolio .tw-review-label{font-size:10px;line-height:1.6;color:#d6c09a;border:1px solid rgba(186,149,93,.3);background:rgba(186,149,93,.05);display:inline-flex;gap:8px;align-items:center;border-radius:20px;padding:6px 12px;margin-top:18px}
#tw-portfolio .tw-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}
#tw-portfolio .tw-plan{position:relative;padding:31px 23px 18px;background:#17221d;border:1px solid #34443a;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;min-width:0;transition:border-color .25s,transform .25s}
#tw-portfolio .tw-plan:hover{transform:translateY(-5px);border-color:#7e8064}
#tw-portfolio .tw-plan-featured{background:#25352c;border-color:#a58a5e}
#tw-portfolio .tw-plan-ribbon{font-size:10px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;right:0;background:#ba955d;padding:5px 16px;color:#151c16;line-height:1.5}
#tw-portfolio .tw-plan-featured{padding-top:46px}
#tw-portfolio .tw-plan-salla{background:#132321}
#tw-portfolio .tw-platform{display:flex;align-items:center;gap:10px;margin-bottom:24px;min-height:39px}
#tw-portfolio .tw-platform-logo{display:grid;place-items:center;width:40px;height:40px;padding:7px;border-radius:10px;background:#e8ebe7;flex:none}
#tw-portfolio .tw-platform-logo img{height:27px;max-width:100%;object-fit:contain}
#tw-portfolio .tw-plan-salla .tw-platform-logo{width:64px;padding:6px}
#tw-portfolio .tw-plan-salla .tw-platform-logo img{width:52px;height:28px}
#tw-portfolio .tw-filter{min-height:44px}
#tw-portfolio .tw-platform>span:last-child{font-size:10px;line-height:1.6;color:#a1b3a7}
#tw-portfolio .tw-plan h3{font-size:29px;font-weight:400;line-height:1.3;margin-bottom:12px}
#tw-portfolio .tw-plan-tagline{font-size:12px;line-height:1.9;color:#a9bbae;min-height:48px}
#tw-portfolio .tw-plan-price{display:flex;align-items:center;gap:10px;margin-top:25px;direction:ltr;justify-content:flex-end}
#tw-portfolio .tw-plan-price strong{font-size:42px;letter-spacing:-1px;font-weight:400;line-height:1.2;order:1}
#tw-portfolio .tw-plan-price>span{font-size:9px;line-height:1.6;direction:rtl;color:#becbbe;text-align:right}
#tw-portfolio .tw-plan-price small{font-size:8px;color:#ac9670}
#tw-portfolio .tw-one-time{font-size:9px;color:#8fa393;margin-top:3px;margin-bottom:23px}
#tw-portfolio .tw-plan>.tw-button{width:100%;padding:12px 17px;font-size:12px;min-height:48px}
#tw-portfolio .tw-plan-rule{margin-top:27px;display:flex;align-items:center;gap:10px;color:#ced9ce;font-size:10px}
#tw-portfolio .tw-plan-rule::after{content:'';height:1px;flex:1;background:#415347}
#tw-portfolio .tw-plan-features{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:11px;margin-bottom:26px}
#tw-portfolio .tw-plan-features li{display:flex;align-items:baseline;gap:9px;color:#c4d0c5;font-size:11px;line-height:1.8}
#tw-portfolio .tw-plan-features li>span{color:var(--tw-gold-light);font-size:10px;flex:none}
#tw-portfolio .tw-plan-aftercare{margin-top:auto;padding:0 0 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#a5b8aa}
#tw-portfolio .tw-plan-aftercare strong{font-weight:400;color:#d2dcca}
#tw-portfolio .tw-plan-delivery{border-top:1px solid #3b4c40;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8fa393}
#tw-portfolio .tw-plan-delivery strong{font-size:12px;font-weight:400;color:var(--tw-gold-light)}
#tw-portfolio .tw-pricing-note{display:flex;align-items:flex-start;gap:14px;margin-top:24px;padding:18px 0;border-bottom:1px solid var(--tw-line);color:#7f9386;font-size:10px;line-height:1.9}
#tw-portfolio .tw-pricing-note>span{color:var(--tw-gold);font-size:17px;line-height:1.4;flex:none}
#tw-portfolio .tw-pricing-note strong{font-weight:400;color:#b4c2b8}
#tw-portfolio .tw-journey{padding-bottom:110px;display:grid;grid-template-columns:1fr 1.4fr;gap:65px;align-items:start}
#tw-portfolio .tw-journey-heading h2{font-size:40px}
#tw-portfolio .tw-steps{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:25px}
#tw-portfolio .tw-step{border-top:1px solid #3d4b42;padding-top:20px;position:relative}
#tw-portfolio .tw-step>span{font-size:12px;color:var(--tw-gold);display:block;margin-bottom:15px}
#tw-portfolio .tw-step h3{font-size:19px;font-weight:400;margin-bottom:10px}
#tw-portfolio .tw-step p{font-size:12px;line-height:1.9;color:#8f9f94}
#tw-portfolio .tw-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;padding-top:50px;padding-bottom:110px;border-top:1px solid var(--tw-line)}
#tw-portfolio .tw-faq h2{font-size:42px}
#tw-portfolio .tw-faq-heading>p{font-size:13px;color:#84968a;margin-top:18px}
#tw-portfolio .tw-questions details{border-bottom:1px solid var(--tw-line)}
#tw-portfolio .tw-questions details:first-child{border-top:1px solid var(--tw-line)}
#tw-portfolio .tw-questions summary{padding:21px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;font-size:15px;color:#cfd8ce}
#tw-portfolio .tw-questions summary::-webkit-details-marker{display:none}
#tw-portfolio .tw-questions summary>span{color:#bca77f;font-size:23px;font-family:serif;font-weight:400;transition:transform .2s}
#tw-portfolio .tw-questions details[open] summary>span{transform:rotate(45deg)}
#tw-portfolio .tw-questions details p{padding:0 0 22px 30px;font-size:12px;line-height:2;color:#8d9f92}
#tw-portfolio .tw-closing{padding-bottom:95px}
#tw-portfolio .tw-closing-inner{position:relative;text-align:center;border:1px solid rgba(186,149,93,.25);border-radius:14px;padding:66px 35px 55px;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(107,138,140,.19),transparent 70%),#111a15}
#tw-portfolio .tw-closing-inner::before,#tw-portfolio .tw-closing-inner::after{content:'';position:absolute;border:1px solid rgba(186,149,93,.13);width:450px;height:450px;top:65px;border-radius:50%;pointer-events:none}
#tw-portfolio .tw-closing-inner::before{left:-210px}
#tw-portfolio .tw-closing-inner::after{right:-210px}
#tw-portfolio .tw-closing-symbol{position:absolute;left:67px;top:60px;font-size:70px;color:var(--tw-gold);font-family:serif;line-height:1;font-weight:400;transform:rotate(15deg);opacity:.4}
#tw-portfolio .tw-closing .tw-eyebrow{justify-content:center;font-size:11px;position:relative}
#tw-portfolio .tw-closing h2{font-size:clamp(45px,5vw,68px);line-height:1.25;margin-top:22px;letter-spacing:-1.5px}
#tw-portfolio .tw-closing p{font-size:14px;color:#97a99b;margin-top:20px}
#tw-portfolio .tw-closing .tw-button{margin-top:30px}
#tw-portfolio .tw-closing-note{display:block;font-size:10px;color:#6f8677;margin-top:17px}
#tw-portfolio .tw-footer{border-top:1px solid var(--tw-line);padding-top:42px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}
#tw-portfolio .tw-footer-logo img{width:108px;height:55px;object-fit:contain}
#tw-portfolio .tw-footer>div>p{font-size:12px;line-height:1.9;color:#9cae9f;margin-top:16px}
#tw-portfolio .tw-footer-links{display:flex;align-items:flex-start;gap:29px;padding-top:10px;font-size:12px;color:#a2b3a6}
#tw-portfolio .tw-footer-links a:hover{color:var(--tw-gold-light)}
#tw-portfolio .tw-footer-bottom{width:100%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--tw-line);padding:23px 0 28px;font-size:9px;color:#6d8374;margin-top:10px}
#tw-portfolio .tw-dialog{color:var(--tw-white);background:#152019;border:1px solid #546046;border-radius:14px;padding:0;max-width:min(1000px,calc(100% - 40px));max-height:90vh;overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.6);font-family:tw-thmanyah,sans-serif;text-align:right;direction:rtl}
#tw-portfolio .tw-dialog::backdrop{background:rgba(5,10,7,.85);backdrop-filter:blur(9px)}
#tw-portfolio .tw-dialog-close{position:absolute;z-index:5;left:16px;top:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#1a241e;color:white;font-family:serif;font-size:25px;line-height:1}
#tw-portfolio .tw-project-dialog{width:960px}
#tw-portfolio .tw-detail-image{height:355px;overflow:hidden;background:#253529}
#tw-portfolio .tw-detail-image img{width:100%;height:100%;object-fit:cover;object-position:top center}
#tw-portfolio .tw-detail-content{padding:30px 40px 40px;position:relative}
#tw-portfolio .tw-detail-content .tw-eyebrow{font-size:10px}
#tw-portfolio .tw-detail-content h2{font-size:36px;margin-top:12px;margin-bottom:8px}
#tw-portfolio .tw-detail-status{color:#b2c3b5;border:1px solid #465c4b;display:inline-flex;border-radius:20px;padding:4px 11px;font-size:10px;margin-bottom:19px}
#tw-portfolio .tw-detail-content>p{font-size:14px;line-height:1.9;color:#abbcac;max-width:760px}
#tw-portfolio .tw-detail-content h3{font-size:15px;margin-top:23px;margin-bottom:10px;font-weight:400;color:var(--tw-gold-light)}
#tw-portfolio .tw-detail-content ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}
#tw-portfolio .tw-detail-content li{font-size:11px;border:1px solid #344b3b;background:#1b2a20;padding:6px 12px;border-radius:4px;color:#a5bba9}
#tw-portfolio .tw-detail-content .tw-button{font-size:12px;min-height:48px}
#tw-portfolio .tw-detail-content .tw-local-explanation{font-size:11px;border-right:2px solid var(--tw-gold);padding:6px 14px;color:#c2b395}
#tw-portfolio .tw-plan-dialog{width:520px;padding:46px 35px 32px}
#tw-portfolio .tw-plan-dialog h2{font-size:32px;margin-top:19px;margin-bottom:15px}
#tw-portfolio .tw-plan-dialog>p{font-size:13px;line-height:1.9;color:#b2c3b5}
#tw-portfolio .tw-plan-dialog .tw-plan-dialog-note{margin-top:15px;color:#7e9784}
#tw-portfolio .tw-plan-dialog .tw-button{margin-top:26px;font-size:12px;width:100%;min-height:51px}
#tw-portfolio .tw-plan-dialog small{display:block;font-size:10px;color:#7f9887;margin-top:15px}
#tw-portfolio .tw-noscript{text-align:center;padding:30px;font-size:15px}
#tw-portfolio .tw-noscript a{text-decoration:underline;color:var(--tw-gold-light)}
#tw-portfolio .tw-cursor{display:none;position:fixed;top:-12px;left:-12px;width:24px;height:24px;border:1px solid rgba(221,217,193,.6);background:rgba(255,255,255,.03);border-radius:50%;pointer-events:none;z-index:99;opacity:0;transition:opacity .2s,width .2s,height .2s,top .2s,left .2s,background .2s}
#tw-portfolio .tw-cursor.is-visible{opacity:1}
#tw-portfolio .tw-cursor.is-hovering{width:44px;height:44px;top:-22px;left:-22px;background:rgba(186,149,93,.08)}
#tw-portfolio.tw-ready .tw-reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)}
#tw-portfolio.tw-ready .tw-reveal:not(.is-visible){opacity:0;transform:translateY(22px)}
#tw-portfolio.tw-embedded [data-standalone]{display:none}
#tw-portfolio.tw-embedded .tw-hero{padding-top:75px}
@keyframes tw-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media(min-width:1025px) and (hover:hover) and (pointer:fine){#tw-portfolio .tw-cursor{display:block}}
@media(min-width:1500px){#tw-portfolio .tw-hero h1{font-size:100px}#tw-portfolio .tw-hero-grid{gap:65px}#tw-portfolio .tw-hero-stage{height:530px}#tw-portfolio .tw-hero-image-wrap{height:330px}#tw-portfolio .tw-hero-screen-main{top:62px}}
@media(max-width:1200px){#tw-portfolio .tw-container{width:calc(100% - 64px)}#tw-portfolio .tw-header{gap:20px}#tw-portfolio .tw-nav{gap:21px;padding:16px 25px;font-size:12px}#tw-portfolio .tw-logo img{width:110px}#tw-portfolio .tw-header-cta{font-size:11px;gap:12px;padding:12px 18px}#tw-portfolio .tw-hero{padding-top:48px;min-height:720px}#tw-portfolio .tw-hero h1{font-size:72px}#tw-portfolio .tw-hero-intro{font-size:14px}#tw-portfolio .tw-hero-stage{height:430px}#tw-portfolio .tw-hero-image-wrap{height:260px}#tw-portfolio .tw-hero-screen-secondary{height:190px}#tw-portfolio .tw-hero-screen-secondary img{height:172px}#tw-portfolio .tw-floating-note{left:-8px;padding:15px;bottom:22px;font-size:10px}#tw-portfolio .tw-floating-note strong{font-size:12px}#tw-portfolio .tw-hero-proof{font-size:10px}#tw-portfolio .tw-plan{padding-inline:18px}#tw-portfolio .tw-plan-grid{gap:12px}#tw-portfolio .tw-plan-price strong{font-size:37px}#tw-portfolio .tw-plan-features li{font-size:10px}#tw-portfolio .tw-project-featured .tw-project-visual{height:360px}#tw-portfolio .tw-journey,#tw-portfolio .tw-faq{gap:40px}}
@media(max-width:1024px){#tw-portfolio .tw-header{height:106px}#tw-portfolio .tw-header-cta{display:none}#tw-portfolio .tw-nav{margin-right:auto}#tw-portfolio .tw-hero-grid{grid-template-columns:1fr;gap:18px}#tw-portfolio .tw-hero-copy{max-width:680px;padding-bottom:0}#tw-portfolio .tw-hero h1{font-size:83px}#tw-portfolio .tw-hero-intro{font-size:16px}#tw-portfolio .tw-hero-stage{width:70%;height:440px;justify-self:left;margin-top:-70px}#tw-portfolio .tw-hero-proof{max-width:230px;margin-top:50px;position:relative;z-index:6}#tw-portfolio .tw-hero-image-wrap{height:285px}#tw-portfolio .tw-hero-screen-main{top:35px}#tw-portfolio .tw-hero-screen-secondary{right:-15px;bottom:5px;width:33%}#tw-portfolio .tw-floating-note{left:-15px;bottom:15px}#tw-portfolio .tw-hero-baseline{margin-top:50px}#tw-portfolio .tw-hero{min-height:0}#tw-portfolio .tw-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#tw-portfolio .tw-plan{padding:30px 26px 20px}#tw-portfolio .tw-plan-featured{padding-top:46px}#tw-portfolio .tw-plan h3{font-size:32px}#tw-portfolio .tw-plan-tagline{min-height:40px}#tw-portfolio .tw-plan-features li{font-size:12px}#tw-portfolio .tw-plan-price strong{font-size:46px}#tw-portfolio .tw-platform>span:last-child{font-size:12px}#tw-portfolio .tw-project{grid-column:span 6}#tw-portfolio .tw-project-featured:nth-child(n){grid-column:span 6}#tw-portfolio .tw-project-featured .tw-project-visual{height:330px}#tw-portfolio .tw-project-featured .tw-project-image{height:270px}#tw-portfolio .tw-projects{gap:30px 22px}#tw-portfolio .tw-project-caption h3,#tw-portfolio .tw-project-featured .tw-project-caption h3{font-size:23px}#tw-portfolio .tw-project-caption p{font-size:9px}#tw-portfolio .tw-journey,#tw-portfolio .tw-faq{grid-template-columns:1fr 1.2fr;gap:35px}#tw-portfolio .tw-journey-heading h2,#tw-portfolio .tw-faq h2{font-size:34px}#tw-portfolio .tw-step h3{font-size:17px}#tw-portfolio .tw-step p{font-size:11px}#tw-portfolio .tw-footer-links{gap:20px}}
@media(max-width:760px){#tw-portfolio .tw-container{width:calc(100% - 36px)}#tw-portfolio .tw-header{height:94px;gap:15px}#tw-portfolio .tw-logo img{width:105px;height:53px}#tw-portfolio .tw-menu{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #3d4a42;border-radius:50%;margin-right:auto;z-index:24}#tw-portfolio .tw-menu span{width:16px;height:1px;background:#d6ddce;transition:transform .2s}#tw-portfolio .tw-menu[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}#tw-portfolio .tw-menu[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}#tw-portfolio .tw-nav{display:none;position:absolute;top:78px;right:0;left:0;background:#202b23;border:1px solid #47513e;box-shadow:0 20px 45px rgba(0,0,0,.5);border-radius:12px;padding:20px;z-index:23;flex-direction:column;align-items:stretch;gap:0;font-size:14px;margin:0}#tw-portfolio .tw-nav.is-open{display:flex}#tw-portfolio .tw-nav a{padding:10px 8px}#tw-portfolio .tw-nav-active::after{display:none}#tw-portfolio .tw-hero{padding-top:30px}#tw-portfolio .tw-hero .tw-eyebrow{font-size:11px;margin-bottom:24px}#tw-portfolio .tw-hero h1{font-size:clamp(46px,11.7vw,78px);letter-spacing:-2px;line-height:1.3;margin-bottom:23px}#tw-portfolio .tw-hero-intro{font-size:13px;line-height:2;max-width:450px}#tw-portfolio .tw-hero-actions{gap:23px;margin-top:26px}#tw-portfolio .tw-button{font-size:12px;min-height:51px;padding:13px 21px;gap:24px}#tw-portfolio .tw-text-link{font-size:12px;gap:10px}#tw-portfolio .tw-hero-proof{display:none}#tw-portfolio .tw-hero-stage{width:92%;height:350px;margin:25px 0 0 0;justify-self:center;transform:none}#tw-portfolio .tw-hero-screen-main{left:-4%;width:100%;top:28px;transform:rotate(-3deg)}#tw-portfolio .tw-hero-image-wrap{height:205px}#tw-portfolio .tw-browser-bar{height:22px;padding:0 8px;font-size:6px}#tw-portfolio .tw-hero-screen-secondary{height:158px;bottom:7px;right:-6%;width:34%}#tw-portfolio .tw-hero-screen-secondary img{height:140px}#tw-portfolio .tw-floating-note{padding:12px 16px;left:-4%;bottom:5px;gap:10px;font-size:9px}#tw-portfolio .tw-floating-note>span{font-size:29px}#tw-portfolio .tw-floating-note strong{font-size:11px}#tw-portfolio .tw-stage-label{left:3px;top:-1px;font-size:7px;writing-mode:initial;transform:none;letter-spacing:.12em}#tw-portfolio .tw-orbit-one{width:300px;height:300px;left:10px;top:0}#tw-portfolio .tw-orbit-two{width:380px;height:380px;left:-30px;top:-40px}#tw-portfolio .tw-stage-bottom{display:none}#tw-portfolio .tw-hero-baseline{margin-top:34px;padding-bottom:23px;font-size:9px}#tw-portfolio .tw-hero-baseline>span{font-size:9px}#tw-portfolio .tw-scroll-circle{width:29px;height:29px;font-size:15px}#tw-portfolio .tw-work{padding-top:66px}#tw-portfolio .tw-section-heading{display:block;margin-bottom:32px}#tw-portfolio .tw-section-heading h2{font-size:40px;letter-spacing:-1px;margin-top:13px}#tw-portfolio .tw-eyebrow{font-size:11px}#tw-portfolio .tw-section-heading>p,#tw-portfolio .tw-packages-intro>p{font-size:12px;line-height:1.9;margin-top:20px;max-width:360px}#tw-portfolio .tw-work-toolbar{display:block;padding-bottom:20px;margin-bottom:25px}#tw-portfolio .tw-filters{gap:3px;display:grid;grid-template-columns:repeat(2,1fr)}#tw-portfolio .tw-filter{font-size:11px;padding:9px 10px;border-color:rgba(61,77,67,.5)}#tw-portfolio .tw-results{display:block;font-size:9px;margin-top:15px}#tw-portfolio .tw-projects{grid-template-columns:1fr;gap:30px}#tw-portfolio .tw-project,#tw-portfolio .tw-project-featured:nth-child(n){grid-column:1}#tw-portfolio .tw-project-visual,#tw-portfolio .tw-project-featured .tw-project-visual{height:310px;border-radius:8px}#tw-portfolio .tw-project-browser,#tw-portfolio .tw-project-featured .tw-project-browser{left:7%;right:7%;top:22%}#tw-portfolio .tw-project-image,#tw-portfolio .tw-project-featured .tw-project-image{height:250px}#tw-portfolio .tw-project-status{top:15px;right:15px;font-size:9px;padding:5px 9px;max-width:calc(100% - 60px)}#tw-portfolio .tw-project-serial{top:15px;left:15px;font-size:10px}#tw-portfolio .tw-project-caption{padding-top:15px}#tw-portfolio .tw-project-caption h3,#tw-portfolio .tw-project-featured .tw-project-caption h3{font-size:23px}#tw-portfolio .tw-project-caption p{font-size:9px}#tw-portfolio .tw-project-arrow{width:35px;height:35px}#tw-portfolio .tw-project-explore{opacity:1;transform:none;bottom:13px;left:13px;font-size:9px;padding:6px 10px;gap:12px}#tw-portfolio .tw-show-more-wrap{margin-top:32px}#tw-portfolio .tw-work-footnote{font-size:9px;margin-top:20px;max-width:310px}#tw-portfolio .tw-transition-band{margin-top:15px;padding:22px 0}#tw-portfolio .tw-marquee{font-size:19px;gap:28px}#tw-portfolio .tw-marquee i{font-size:22px}#tw-portfolio .tw-packages{padding-top:82px;padding-bottom:65px}#tw-portfolio .tw-packages-intro{max-width:none}#tw-portfolio .tw-review-label{font-size:9px;margin-top:14px}#tw-portfolio .tw-plan-grid{grid-template-columns:1fr;gap:20px}#tw-portfolio .tw-plan{padding:28px 25px 19px;border-radius:10px}#tw-portfolio .tw-plan-featured{padding-top:48px}#tw-portfolio .tw-platform{margin-bottom:19px}#tw-portfolio .tw-platform>span:last-child{font-size:11px}#tw-portfolio .tw-plan h3{font-size:33px}#tw-portfolio .tw-plan-tagline{font-size:12px;min-height:0;max-width:290px}#tw-portfolio .tw-plan-price{margin-top:23px;gap:13px;justify-content:flex-end}#tw-portfolio .tw-plan-price strong{font-size:48px}#tw-portfolio .tw-plan-price>span{font-size:10px}#tw-portfolio .tw-one-time{font-size:9px;margin-bottom:21px}#tw-portfolio .tw-plan-features li{font-size:12px;line-height:1.9}#tw-portfolio .tw-plan-rule{font-size:11px}#tw-portfolio .tw-plan>.tw-button{font-size:13px;min-height:51px}#tw-portfolio .tw-pricing-note{font-size:9px;gap:10px;padding-top:17px;line-height:2}#tw-portfolio .tw-journey{grid-template-columns:1fr;gap:31px;padding-bottom:65px}#tw-portfolio .tw-journey-heading h2,#tw-portfolio .tw-faq h2{font-size:36px;line-height:1.35;margin-top:14px}#tw-portfolio .tw-steps{gap:24px 20px}#tw-portfolio .tw-step{padding-top:17px}#tw-portfolio .tw-step>span{font-size:10px;margin-bottom:12px}#tw-portfolio .tw-step h3{font-size:17px}#tw-portfolio .tw-step p{font-size:10px;line-height:1.95}#tw-portfolio .tw-faq{grid-template-columns:1fr;gap:29px;padding-top:38px;padding-bottom:65px}#tw-portfolio .tw-faq-heading>p{font-size:11px;margin-top:13px}#tw-portfolio .tw-questions summary{font-size:12px;line-height:1.8;padding:17px 0;gap:15px}#tw-portfolio .tw-questions details p{font-size:11px;padding-left:10px;line-height:2}#tw-portfolio .tw-closing{padding-bottom:60px}#tw-portfolio .tw-closing-inner{padding:43px 18px 35px;border-radius:10px}#tw-portfolio .tw-closing .tw-eyebrow{font-size:9px}#tw-portfolio .tw-closing h2{font-size:44px;line-height:1.25;margin-top:18px}#tw-portfolio .tw-closing p{font-size:11px;max-width:240px;margin:18px auto 0}#tw-portfolio .tw-closing .tw-button{font-size:12px;margin-top:25px}#tw-portfolio .tw-closing-note{font-size:8px;max-width:230px;margin:15px auto 0}#tw-portfolio .tw-closing-symbol{font-size:43px;left:14px;top:48px;opacity:.2}#tw-portfolio .tw-closing-inner::before,#tw-portfolio .tw-closing-inner::after{height:300px;width:300px;top:100px}#tw-portfolio .tw-closing-inner::before{left:-230px}#tw-portfolio .tw-closing-inner::after{right:-230px}#tw-portfolio .tw-footer{padding-top:30px;gap:27px}#tw-portfolio .tw-footer-logo img{width:103px;height:50px}#tw-portfolio .tw-footer>div>p{font-size:11px;margin-top:14px}#tw-portfolio .tw-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;font-size:11px;width:100%;padding-top:0}#tw-portfolio .tw-footer-bottom{font-size:8px;flex-direction:column;gap:7px;padding:19px 0 23px;margin-top:0}#tw-portfolio .tw-dialog{max-width:calc(100% - 24px);max-height:92vh;border-radius:10px}#tw-portfolio .tw-dialog-close{left:12px;top:12px;width:33px;height:33px;font-size:23px}#tw-portfolio .tw-detail-image{height:240px}#tw-portfolio .tw-detail-content{padding:25px 22px 28px}#tw-portfolio .tw-detail-content h2{font-size:29px}#tw-portfolio .tw-detail-content>p{font-size:12px}#tw-portfolio .tw-detail-content h3{font-size:13px}#tw-portfolio .tw-detail-content li{font-size:10px}#tw-portfolio .tw-detail-content .tw-local-explanation{font-size:10px}#tw-portfolio .tw-plan-dialog{padding:45px 24px 29px}#tw-portfolio .tw-plan-dialog h2{font-size:29px}#tw-portfolio .tw-plan-dialog>p{font-size:12px}#tw-portfolio .tw-plan-dialog small{font-size:9px}#tw-portfolio.tw-embedded .tw-hero{padding-top:42px}}
@media(max-width:370px){#tw-portfolio .tw-hero h1{font-size:43px}#tw-portfolio .tw-hero-intro{font-size:11px}#tw-portfolio .tw-hero-actions{gap:18px}#tw-portfolio .tw-button{font-size:11px;padding-inline:18px}#tw-portfolio .tw-hero-stage{height:300px}#tw-portfolio .tw-hero-image-wrap{height:175px}#tw-portfolio .tw-hero-screen-secondary{height:137px}#tw-portfolio .tw-hero-screen-secondary img{height:119px}#tw-portfolio .tw-project-visual,#tw-portfolio .tw-project-featured .tw-project-visual{height:270px}#tw-portfolio .tw-plan{padding-inline:20px}#tw-portfolio .tw-closing h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){#tw-portfolio *,#tw-portfolio *::before,#tw-portfolio *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#tw-portfolio.tw-ready .tw-reveal:not(.is-visible){opacity:1;transform:none}#tw-portfolio .tw-cursor{display:none!important}}

/* Gallery revision: original interactive work, full context, and all projects. */
#tw-portfolio .tw-hero-exhibit{height:auto;min-height:0;transform:none;direction:rtl;align-self:center;width:100%;margin:0;padding-top:7px}
#tw-portfolio .tw-exhibit-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#8fa4a1;font-size:9px;margin-bottom:14px}
#tw-portfolio .tw-exhibit-heading>span:first-child{display:flex;align-items:center;gap:7px;color:var(--tw-gold-light)}
#tw-portfolio .tw-exhibit-heading i{width:5px;height:5px;background:var(--tw-gold);border-radius:50%}
#tw-portfolio .tw-hero-scene{position:relative;display:block;width:100%;padding:0;border:1px solid #3d4f4d;border-radius:10px;overflow:hidden;background:#151c1c;box-shadow:0 28px 65px rgba(0,0,0,.35);aspect-ratio:1.5}
#tw-portfolio .tw-hero-scene>img{width:100%;height:100%;object-fit:contain;transition:transform .65s ease}
#tw-portfolio .tw-hero-scene:hover>img{transform:scale(1.025)}
#tw-portfolio .tw-hero-scene-cta{position:absolute;bottom:18px;left:18px;display:flex;align-items:center;gap:14px;background:rgba(10,17,16,.88);border:1px solid rgba(217,195,159,.45);border-radius:35px;padding:11px 17px;color:#f2eee4;font-size:11px;backdrop-filter:blur(10px)}
#tw-portfolio .tw-cube-mark{color:var(--tw-gold-light);font-size:26px;line-height:1}
#tw-portfolio .tw-exhibit-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;font-size:10px;color:#809591}
#tw-portfolio .tw-exhibit-bottom strong{font-size:12px;font-weight:400;color:#d1dcd7}
#tw-portfolio .tw-hero-project-index{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;padding-top:19px;border-top:1px solid var(--tw-line)}
#tw-portfolio .tw-hero-project-index button{padding:0;display:flex;align-items:center;gap:8px;text-align:right;font-size:12px;color:#cfdbd5;transition:color .2s}
#tw-portfolio .tw-hero-project-index button:hover{color:var(--tw-gold-light)}
#tw-portfolio .tw-hero-project-index button>span{font-size:9px;color:#8a9d97}
#tw-portfolio .tw-hero-baseline{margin-top:65px}
#tw-portfolio .tw-experience{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid #3b4b48;border-radius:12px;background:#111a19;overflow:hidden;scroll-margin-top:25px}
#tw-portfolio .tw-experience-sidebar{padding:31px 21px 23px;background:#172321;border-left:1px solid #3b4b48;display:flex;flex-direction:column}
#tw-portfolio .tw-experience-sidebar>.tw-eyebrow{font-size:10px}
#tw-portfolio .tw-experience-sidebar>h3{font-size:29px;line-height:1.4;margin-top:17px;font-weight:400;letter-spacing:-.5px}
#tw-portfolio .tw-experience-sidebar>h3 em{font-style:normal;color:var(--tw-gold-light)}
#tw-portfolio .tw-experience-tabs{display:flex;flex-direction:column;gap:9px;margin-top:28px}
#tw-portfolio .tw-experience-tabs>button{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:7px;padding:13px 10px;text-align:right;transition:background .2s,border-color .2s;background:#15201e;min-height:78px}
#tw-portfolio .tw-experience-tabs>button.is-active{background:#293a34;border-color:#8a795a}
#tw-portfolio .tw-experience-tabs>button:hover{border-color:#697971}
#tw-portfolio .tw-experience-tabs>button>span{font-size:9px;color:#8ca096;align-self:flex-start;padding-top:5px}
#tw-portfolio .tw-experience-tabs strong{font-weight:400;font-size:17px;line-height:1.5;display:block;color:#edf0e8}
#tw-portfolio .tw-experience-tabs small{font-size:9px;line-height:1.8;color:#95aaa1;display:block;margin-top:3px}
#tw-portfolio .tw-experience-tabs i{font-style:normal;color:var(--tw-gold-light);font-size:20px;margin-right:auto}
#tw-portfolio .tw-experience-note{font-size:9px;line-height:1.9;color:#8da195;margin-top:auto;padding-top:30px}
#tw-portfolio .tw-experience-content{min-width:0;background:#101816}
#tw-portfolio .tw-experience-panel{min-width:0;background:#101816;height:100%;display:flex;flex-direction:column}
#tw-portfolio .tw-scene-toolbar{height:49px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px;border-bottom:1px solid #35443e;font-size:10px;color:#c0ccc4;background:#1b2823;flex:none}
#tw-portfolio .tw-scene-toolbar>span{display:flex;gap:8px;align-items:center}
#tw-portfolio .tw-scene-toolbar i{width:5px;height:5px;border-radius:50%;background:#c5ad7f}
#tw-portfolio .tw-scene-toolbar button{padding:5px 0;display:flex;gap:10px;align-items:center;font-size:10px;color:#bdcbbf;white-space:nowrap}
#tw-portfolio .tw-scene-toolbar button>span{font-size:17px;color:var(--tw-gold-light)}
#tw-portfolio .tw-live-stage{position:relative;height:600px;overflow:hidden;background:#12201b;isolation:isolate}
#tw-portfolio .tw-scene-poster{width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .3s}
#tw-portfolio .tw-scene-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:24px 30px;min-width:260px;border:1px solid #aa936c;border-radius:12px;background:rgba(10,20,16,.92);backdrop-filter:blur(12px);display:flex;align-items:center;flex-direction:column;text-align:center;box-shadow:0 20px 80px rgba(0,0,0,.6);color:#e8eee7;z-index:3}
#tw-portfolio .tw-scene-start-icon{font-size:46px;line-height:1;color:var(--tw-gold-light);margin-bottom:14px}
#tw-portfolio .tw-scene-start strong{font-size:22px;font-weight:400}
#tw-portfolio .tw-scene-start small{font-size:10px;color:#a8bba9;margin-top:8px}
#tw-portfolio .tw-scene-start>span:last-child{font-size:28px;color:var(--tw-gold-light);margin-top:14px;line-height:1}
#tw-portfolio .tw-live-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#111e18;z-index:2}
#tw-portfolio .tw-live-stage.is-scene-ready>.tw-scene-poster{opacity:0}
#tw-portfolio .tw-scene-caption{min-height:51px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #35443e;background:#18251f;font-size:9px;line-height:1.7;color:#9caf9e;margin-top:auto}
#tw-portfolio .tw-scene-caption button{font-size:10px;color:var(--tw-gold-light);display:flex;align-items:center;gap:9px;white-space:nowrap;padding:0}
#tw-portfolio .tw-kinaz-stage{height:520px;position:relative;overflow:hidden;background:#192c25}
#tw-portfolio .tw-kinaz-stage>img{height:100%;width:100%;object-fit:contain}
#tw-portfolio .tw-kinaz-label{position:absolute;bottom:18px;right:20px;font-size:10px;padding:5px 12px;border:1px solid rgba(217,195,159,.35);border-radius:25px;color:#d3ddcd;background:rgba(17,28,21,.78);backdrop-filter:blur(8px)}
#tw-portfolio .tw-sequence-controls{min-height:80px;padding:17px 20px;background:#1b2a22;display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid #35443e}
#tw-portfolio .tw-sequence-controls button{font-size:10px;color:#e0e5d6;border:1px solid #78856e;border-radius:30px;padding:8px 14px;display:flex;gap:9px;align-items:center;white-space:nowrap}
#tw-portfolio .tw-sequence-controls button>span{font-size:18px;line-height:1;color:var(--tw-gold-light)}
#tw-portfolio .tw-sequence-label{font-size:9px;color:#93a693}
#tw-portfolio .tw-sequence-controls input{width:auto;min-width:100px;flex:1;accent-color:var(--tw-gold);height:6px;cursor:ew-resize;margin:0}
#tw-portfolio .tw-sequence-controls output{font-size:10px;font-variant-numeric:tabular-nums;color:var(--tw-gold-light);direction:ltr;white-space:nowrap}
#tw-portfolio .tw-madar-stage{width:100%;height:600px;display:block;padding:25px;position:relative;overflow:hidden;background:#1b2521}
#tw-portfolio .tw-madar-stage img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.3))}
#tw-portfolio .tw-madar-stage>span{position:absolute;bottom:22px;left:22px;font-size:11px;background:#15231e;color:#dfdfc7;padding:9px 15px;border:1px solid #6e785d;border-radius:30px;display:flex;align-items:center;gap:16px}
#tw-portfolio .tw-madar-stage i{font-style:normal;color:var(--tw-gold-light)}
#tw-portfolio .tw-experience-panel:fullscreen{background:#111b16;width:100vw;height:100vh;display:flex;flex-direction:column}
#tw-portfolio .tw-experience-panel:fullscreen .tw-live-stage,#tw-portfolio .tw-experience-panel:fullscreen .tw-kinaz-stage,#tw-portfolio .tw-experience-panel:fullscreen .tw-madar-stage{height:auto;flex:1;min-height:0}
#tw-portfolio .tw-gallery-intro{margin:80px 0 33px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
#tw-portfolio .tw-gallery-intro>div>span{font-size:11px;color:var(--tw-gold-light)}
#tw-portfolio .tw-gallery-intro h3{font-size:36px;font-weight:400;margin-top:10px}
#tw-portfolio .tw-gallery-intro>p{font-size:12px;color:#97aaa0;max-width:300px;line-height:1.9}
#tw-portfolio .tw-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}
#tw-portfolio .tw-project,#tw-portfolio .tw-project-featured:nth-child(n){grid-column:auto;background:#111b17;border:1px solid #33473b;border-radius:9px;overflow:hidden}
#tw-portfolio .tw-project-priority{border-color:#7d775a;background:#18251e}
#tw-portfolio .tw-project-open{height:100%;display:flex;flex-direction:column}
#tw-portfolio .tw-project-open:focus-visible{outline-offset:-3px}
#tw-portfolio .tw-project-visual,#tw-portfolio .tw-project-featured .tw-project-visual{height:auto;aspect-ratio:auto;background:#1b2823;border-radius:0;border:0;border-bottom:1px solid #35473b;overflow:hidden;position:relative;width:100%}
#tw-portfolio .tw-project-visual::before,#tw-portfolio .tw-project-visual::after{display:none}
#tw-portfolio .tw-project-browser-top{height:25px;background:#27372e;color:#a8b9a9;border:0;direction:ltr;padding:0 11px;gap:4px}
#tw-portfolio .tw-project-browser-top>span{background:#788c7a}
#tw-portfolio .tw-project-browser-top i{font-size:7px;line-height:1.2;color:#b7c5b5;font-style:normal;text-align:center;direction:rtl;font-family:tw-thmanyah,sans-serif}
#tw-portfolio .tw-project-image,#tw-portfolio .tw-project-featured .tw-project-image{height:255px;background:#e8ebe7;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
#tw-portfolio .tw-project-image img,#tw-portfolio .tw-project-open:hover .tw-project-image img{height:100%;width:100%;object-fit:contain;object-position:center;transform:none;transition:filter .3s ease}
#tw-portfolio .tw-project-open:hover .tw-project-image img{filter:brightness(1.04)}
#tw-portfolio .tw-project-caption{padding:21px 21px 0;width:100%;gap:12px}
#tw-portfolio .tw-project-caption h3,#tw-portfolio .tw-project-featured .tw-project-caption h3{font-size:24px;line-height:1.5;font-weight:400}
#tw-portfolio .tw-project-caption p{font-size:9px;color:#9bae9d;margin-bottom:5px}
#tw-portfolio .tw-project-arrow{width:33px;height:33px;border-color:#60725e;color:#c1d0bf}
#tw-portfolio .tw-project-arrow svg{width:16px;height:16px}
#tw-portfolio .tw-project-description{font-size:11px;color:#9eafa0;line-height:1.95;padding:13px 21px 20px;text-align:right;min-height:100px}
#tw-portfolio .tw-project-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 42px);margin:0 21px;padding:16px 0 18px;border-top:1px solid #34493a;margin-top:auto}
#tw-portfolio .tw-project-meta .tw-project-status{position:static;border:0;background:none;backdrop-filter:none;padding:0;max-width:none;font-size:9px;color:#afc1ad;border-radius:0;line-height:1.8}
#tw-portfolio .tw-project-meta .tw-project-status.is-local{color:#d4bd8b}
#tw-portfolio .tw-project-detail-link{font-size:10px;color:#c1cbb4;white-space:nowrap}
#tw-portfolio .tw-project-detail-link>span{color:var(--tw-gold-light);margin-right:7px;font-size:15px}
#tw-portfolio .tw-detail-image{height:auto;min-height:220px;max-height:65vh;display:flex;align-items:center;justify-content:center;background:#dfe5dc;overflow:auto}
#tw-portfolio .tw-detail-image img{width:100%;height:auto;max-height:65vh;object-fit:contain;object-position:center;transform:none}
@media(max-width:1200px){#tw-portfolio .tw-experience{grid-template-columns:230px minmax(0,1fr)}#tw-portfolio .tw-experience-sidebar{padding:25px 15px 20px}#tw-portfolio .tw-experience-sidebar>h3{font-size:27px}#tw-portfolio .tw-experience-tabs strong{font-size:16px}#tw-portfolio .tw-experience-tabs small{font-size:8px}#tw-portfolio .tw-hero-project-index{gap:10px}#tw-portfolio .tw-hero-project-index button{font-size:11px}#tw-portfolio .tw-exhibit-heading{font-size:8px}#tw-portfolio .tw-project-image,#tw-portfolio .tw-project-featured .tw-project-image{height:220px}#tw-portfolio .tw-project-caption h3{font-size:22px}#tw-portfolio .tw-project-description{min-height:120px}#tw-portfolio .tw-sequence-label{display:none}}
@media(max-width:1024px){#tw-portfolio .tw-hero-exhibit{width:100%;max-width:680px;justify-self:center;margin-top:20px}#tw-portfolio .tw-hero-scene{aspect-ratio:1.6}#tw-portfolio .tw-exhibit-heading{font-size:10px}#tw-portfolio .tw-hero-project-index button{font-size:13px}#tw-portfolio .tw-experience{grid-template-columns:1fr}#tw-portfolio .tw-experience-sidebar{border-left:0;border-bottom:1px solid #3b4b48;padding:22px}#tw-portfolio .tw-experience-sidebar>h3{font-size:26px;margin-top:10px}#tw-portfolio .tw-experience-sidebar>h3 br{display:none}#tw-portfolio .tw-experience-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;gap:9px}#tw-portfolio .tw-experience-tabs>button{min-height:78px;padding:11px 12px;gap:8px}#tw-portfolio .tw-experience-tabs i{display:none}#tw-portfolio .tw-experience-tabs strong{font-size:16px}#tw-portfolio .tw-experience-tabs small{font-size:8px}#tw-portfolio .tw-experience-note{padding-top:15px;font-size:9px;max-width:600px}#tw-portfolio .tw-projects{grid-template-columns:repeat(2,minmax(0,1fr))}#tw-portfolio .tw-project,#tw-portfolio .tw-project-featured:nth-child(n){grid-column:auto}#tw-portfolio .tw-project-image,#tw-portfolio .tw-project-featured .tw-project-image{height:250px}#tw-portfolio .tw-project-description{min-height:100px}#tw-portfolio .tw-live-stage,#tw-portfolio .tw-madar-stage{height:600px}#tw-portfolio .tw-kinaz-stage{height:520px}}
@media(max-width:760px){#tw-portfolio .tw-hero-exhibit{height:auto;margin-top:28px;max-width:none;width:100%;transform:none}#tw-portfolio .tw-exhibit-heading{font-size:8px;margin-bottom:11px;gap:10px}#tw-portfolio .tw-exhibit-heading>span:last-child{text-align:left;max-width:130px}#tw-portfolio .tw-hero-scene{border-radius:8px;aspect-ratio:1.35}#tw-portfolio .tw-hero-scene-cta{bottom:12px;left:12px;gap:9px;padding:8px 11px;font-size:9px}#tw-portfolio .tw-cube-mark{font-size:23px}#tw-portfolio .tw-exhibit-bottom{font-size:8px;line-height:1.9;margin-top:12px;gap:12px}#tw-portfolio .tw-exhibit-bottom strong{font-size:10px;white-space:nowrap}#tw-portfolio .tw-hero-project-index{gap:7px;margin-top:19px;padding-top:15px}#tw-portfolio .tw-hero-project-index button{font-size:10px;gap:6px}#tw-portfolio .tw-hero-project-index button>span{font-size:7px}#tw-portfolio .tw-hero-baseline{margin-top:34px}#tw-portfolio .tw-experience{border-radius:9px}#tw-portfolio .tw-experience-sidebar{padding:21px 15px 17px}#tw-portfolio .tw-experience-sidebar>.tw-eyebrow{font-size:9px}#tw-portfolio .tw-experience-sidebar>h3{font-size:25px;margin-top:10px}#tw-portfolio .tw-experience-tabs{gap:6px;margin-top:18px}#tw-portfolio .tw-experience-tabs>button{min-height:80px;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 8px;border-radius:5px}#tw-portfolio .tw-experience-tabs>button>span{font-size:7px;line-height:1;padding:0}#tw-portfolio .tw-experience-tabs strong{font-size:12px;line-height:1.5;white-space:nowrap}#tw-portfolio .tw-experience-tabs small{font-size:7px;line-height:1.6;margin-top:4px}#tw-portfolio .tw-experience-note{font-size:8px;padding-top:14px;line-height:1.9}#tw-portfolio .tw-live-stage,#tw-portfolio .tw-madar-stage{height:420px}#tw-portfolio .tw-kinaz-stage{height:350px}#tw-portfolio .tw-scene-toolbar{height:44px;padding:0 12px;font-size:8px;gap:10px}#tw-portfolio .tw-scene-toolbar button{font-size:8px;gap:6px}#tw-portfolio .tw-scene-toolbar button>span{font-size:15px}#tw-portfolio .tw-scene-toolbar>span{gap:6px}#tw-portfolio .tw-scene-toolbar i{width:4px;height:4px}#tw-portfolio .tw-scene-start{min-width:235px;padding:22px 20px;border-radius:9px}#tw-portfolio .tw-scene-start strong{font-size:21px}#tw-portfolio .tw-scene-start small{font-size:9px}#tw-portfolio .tw-scene-start-icon{font-size:40px;margin-bottom:12px}#tw-portfolio .tw-scene-caption{font-size:8px;padding:10px 12px;gap:10px;line-height:1.8;align-items:flex-start}#tw-portfolio .tw-scene-caption>span{max-width:54%}#tw-portfolio .tw-scene-caption button{font-size:8px;gap:6px;padding-top:1px}#tw-portfolio .tw-kinaz-label{font-size:8px;bottom:12px;right:12px;padding:4px 9px}#tw-portfolio .tw-sequence-controls{padding:13px 12px;gap:12px;min-height:70px}#tw-portfolio .tw-sequence-controls button{font-size:8px;gap:5px;padding:7px 10px}#tw-portfolio .tw-sequence-controls button>span{font-size:15px}#tw-portfolio .tw-sequence-controls input{min-width:60px}#tw-portfolio .tw-sequence-controls output{font-size:8px}#tw-portfolio .tw-madar-stage{padding:12px}#tw-portfolio .tw-madar-stage>span{font-size:8px;bottom:15px;left:15px;padding:7px 10px;gap:11px}#tw-portfolio .tw-gallery-intro{margin:49px 0 24px;display:block}#tw-portfolio .tw-gallery-intro>div>span{font-size:10px}#tw-portfolio .tw-gallery-intro h3{font-size:30px;margin-top:8px}#tw-portfolio .tw-gallery-intro>p{font-size:10px;margin-top:13px;max-width:280px}#tw-portfolio .tw-projects{grid-template-columns:1fr;gap:23px}#tw-portfolio .tw-project,#tw-portfolio .tw-project-featured:nth-child(n){grid-column:auto;border-radius:8px}#tw-portfolio .tw-project-visual,#tw-portfolio .tw-project-featured .tw-project-visual{height:auto;border-radius:0}#tw-portfolio .tw-project-image,#tw-portfolio .tw-project-featured .tw-project-image{height:245px}#tw-portfolio .tw-project-browser-top{height:23px}#tw-portfolio .tw-project-browser-top i{font-size:7px}#tw-portfolio .tw-project-caption{padding:18px 18px 0}#tw-portfolio .tw-project-caption h3,#tw-portfolio .tw-project-featured .tw-project-caption h3{font-size:25px}#tw-portfolio .tw-project-caption p{font-size:9px}#tw-portfolio .tw-project-description{padding:12px 18px 19px;font-size:11px;line-height:1.9;min-height:0}#tw-portfolio .tw-project-meta{width:calc(100% - 36px);margin:0 18px;padding:14px 0 16px}#tw-portfolio .tw-project-meta .tw-project-status{font-size:9px}#tw-portfolio .tw-project-detail-link{font-size:9px}#tw-portfolio .tw-project-arrow{width:33px;height:33px}#tw-portfolio .tw-detail-image{min-height:150px;height:auto;max-height:55vh}#tw-portfolio .tw-detail-image img{height:auto;max-height:55vh;object-fit:contain}}
@media(max-width:370px){#tw-portfolio .tw-experience-tabs strong{font-size:10px}#tw-portfolio .tw-experience-tabs small{font-size:6px}#tw-portfolio .tw-project-image,#tw-portfolio .tw-project-featured .tw-project-image{height:210px}#tw-portfolio .tw-hero-project-index button{font-size:9px}#tw-portfolio .tw-exhibit-heading{font-size:7px}#tw-portfolio .tw-exhibit-bottom strong{font-size:9px}#tw-portfolio .tw-scene-toolbar>span{font-size:7px}#tw-portfolio .tw-scene-toolbar button{font-size:7px}#tw-portfolio .tw-live-stage,#tw-portfolio .tw-madar-stage{height:420px}}
@media(max-width:760px){#tw-portfolio .tw-kinaz-stage{height:auto;min-height:0}#tw-portfolio .tw-kinaz-stage>img{height:auto;width:100%}#tw-portfolio .tw-madar-stage{height:auto;min-height:0}#tw-portfolio .tw-madar-stage>img{height:auto;width:100%}#tw-portfolio .tw-scene-toolbar button,#tw-portfolio .tw-sequence-controls button{min-height:40px;font-size:10px}#tw-portfolio .tw-sequence-controls input{min-height:44px}#tw-portfolio .tw-scene-caption button{min-height:30px;font-size:9px}}

/* Mobile gallery: native RTL swipe, with the desktop grid unchanged. */
#tw-portfolio .tw-carousel-tools{display:none}
#tw-portfolio .tw-carousel-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){
  #tw-portfolio .tw-projects{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;padding:2px 0 8px;align-items:stretch;direction:rtl}
  #tw-portfolio .tw-projects::-webkit-scrollbar{display:none}
  #tw-portfolio .tw-projects:focus-visible{outline-offset:5px;border-radius:8px}
  #tw-portfolio .tw-projects .tw-project{flex:0 0 calc(100% - 28px);width:calc(100% - 28px);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;margin:0;transform:none!important;opacity:1!important}
  #tw-portfolio .tw-projects .tw-project-open{height:100%;touch-action:pan-x pan-y pinch-zoom}
  #tw-portfolio .tw-projects .tw-project-image{height:clamp(210px,56vw,330px)}
  #tw-portfolio .tw-carousel-tools{display:block;margin-top:13px;padding:0 2px}
  #tw-portfolio .tw-carousel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
  #tw-portfolio .tw-carousel-top>p{font-size:9px;color:#a4b6a8;display:flex;gap:9px;align-items:center;line-height:1.7}
  #tw-portfolio .tw-carousel-top>p>span{font-size:18px;color:var(--tw-gold-light)}
  #tw-portfolio .tw-carousel-navigation{display:flex;align-items:center;gap:10px;flex:none}
  #tw-portfolio .tw-carousel-navigation button{width:44px;min-width:44px;height:44px;min-height:44px;border:1px solid #54694f;background:#18271d;color:#e1e9d8;border-radius:50%;padding:0;display:grid;place-items:center;font-size:21px;line-height:1;transition:background .2s,opacity .2s}
  #tw-portfolio .tw-carousel-navigation button:not(:disabled):hover{background:#2b3e2d}
  #tw-portfolio .tw-carousel-navigation button:disabled{opacity:.32;cursor:default}
  #tw-portfolio #tw-carousel-position{font-size:10px;line-height:1.5;min-width:43px;text-align:center;color:var(--tw-gold-light);font-variant-numeric:tabular-nums;direction:ltr}
  #tw-portfolio .tw-carousel-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:8px auto 0;max-width:100%}
  #tw-portfolio .tw-carousel-dots button{padding:0;width:24px;height:28px;min-width:24px;min-height:28px;display:grid;place-items:center;border-radius:8px}
  #tw-portfolio .tw-carousel-dots button>span{width:5px;height:5px;border-radius:50%;background:#5d7461;transition:background .2s,transform .2s}
  #tw-portfolio .tw-carousel-dots button.is-current>span{background:var(--tw-gold-light);transform:scale(1.45)}
  #tw-portfolio .tw-work-footnote{margin-top:18px}
}
@media(max-width:370px){#tw-portfolio .tw-carousel-top{gap:8px}#tw-portfolio .tw-carousel-top>p{font-size:8px;gap:5px;max-width:105px}#tw-portfolio .tw-carousel-navigation{gap:7px}#tw-portfolio #tw-carousel-position{font-size:9px;min-width:38px}}

/* The approved package cards retain their content and desktop layout. */
@media(max-width:760px){
  #tw-portfolio .tw-plan-grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;align-items:stretch;direction:rtl;scroll-snap-type:x mandatory;scroll-padding-inline:8px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;padding:10px 8px 12px}
  #tw-portfolio .tw-plan-grid::-webkit-scrollbar{display:none}
  #tw-portfolio .tw-plan-grid:focus-visible{outline-offset:3px;border-radius:10px}
  #tw-portfolio .tw-plan-grid .tw-plan{flex:0 0 calc(100% - 28px);width:calc(100% - 28px);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;margin:0;transform:none!important;opacity:1!important}
  #tw-portfolio .tw-plan-grid .tw-plan:hover{transform:none}
  #tw-portfolio .tw-plans-carousel-tools{margin-top:5px;padding-inline:8px}
  #tw-portfolio .tw-plans-carousel-position{font-size:10px;line-height:1.5;min-width:43px;text-align:center;color:var(--tw-gold-light);font-variant-numeric:tabular-nums;direction:ltr}
  #tw-portfolio .tw-plans-carousel-tools .tw-carousel-dots{margin-top:6px}
}
@media(max-width:370px){#tw-portfolio .tw-plans-carousel-position{font-size:9px;min-width:38px}}

/* Compact package cards: retain every service, with name and price sharing a row. */
#tw-portfolio .tw-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto auto auto 1fr auto auto;column-gap:10px;align-content:start;padding:20px 18px 16px}
#tw-portfolio .tw-plan-featured{padding-top:38px}
#tw-portfolio .tw-plan .tw-platform{grid-column:1/-1;grid-row:1;gap:8px;min-height:30px;margin-bottom:12px}
#tw-portfolio .tw-plan .tw-platform-logo{width:30px;height:30px;padding:5px;border-radius:8px}
#tw-portfolio .tw-plan .tw-platform-logo img{height:23px}
#tw-portfolio .tw-plan-salla .tw-platform-logo{width:49px;padding:5px}
#tw-portfolio .tw-plan-salla .tw-platform-logo img{width:39px;height:22px}
#tw-portfolio .tw-plan .tw-platform>span:last-child{font-size:10px;line-height:1.5}
#tw-portfolio .tw-plan h3{grid-column:1;grid-row:2;align-self:center;min-width:0;font-size:26px;line-height:1.3;margin:0;letter-spacing:-.3px}
#tw-portfolio .tw-plan-price{grid-column:2;grid-row:2;align-self:center;gap:6px;margin:0}
#tw-portfolio .tw-plan-price strong{font-size:35px;line-height:1.2;letter-spacing:-1px}
#tw-portfolio .tw-plan-price>span{font-size:8px;line-height:1.5}
#tw-portfolio .tw-plan-price small{font-size:8px}
#tw-portfolio .tw-plan-tagline{grid-column:1/-1;grid-row:3;min-height:0;max-width:none;margin-top:9px;font-size:11px;line-height:1.7}
#tw-portfolio .tw-one-time{grid-column:1/-1;grid-row:4;margin:5px 0 12px;font-size:9px;line-height:1.5}
#tw-portfolio .tw-plan>.tw-button{grid-column:1/-1;grid-row:5;min-height:44px;padding:9px 15px;font-size:12px}
#tw-portfolio .tw-plan-rule{grid-column:1/-1;grid-row:6;margin-top:16px;font-size:10px;line-height:1.6}
#tw-portfolio .tw-plan-features{grid-column:1/-1;grid-row:7;align-self:start;gap:7px;margin:11px 0 17px}
#tw-portfolio .tw-plan-features li{gap:7px;font-size:11px;line-height:1.65}
#tw-portfolio .tw-plan-features li>span{font-size:10px}
#tw-portfolio .tw-plan-aftercare{grid-column:1/-1;grid-row:8;margin-top:0;padding-bottom:9px;gap:8px;font-size:9px;line-height:1.6}
#tw-portfolio .tw-plan-delivery{grid-column:1/-1;grid-row:9;padding-top:9px;font-size:9px;line-height:1.6}
#tw-portfolio .tw-plan-delivery strong{font-size:11px}
@media(min-width:1025px) and (max-width:1200px){
  #tw-portfolio .tw-plan{padding-inline:14px;column-gap:7px}
  #tw-portfolio .tw-plan h3{font-size:23px}
  #tw-portfolio .tw-plan-price strong{font-size:30px}
  #tw-portfolio .tw-plan-price{gap:5px}
}
@media(max-width:1024px){
  #tw-portfolio .tw-plan{padding:20px 20px 16px}
  #tw-portfolio .tw-plan-featured{padding-top:38px}
  #tw-portfolio .tw-plan h3{font-size:27px}
  #tw-portfolio .tw-plan-tagline,#tw-portfolio .tw-plan-features li{font-size:12px}
  #tw-portfolio .tw-plan-price strong{font-size:36px}
}
@media(max-width:760px){
  #tw-portfolio .tw-plan-grid .tw-plan{padding:18px 17px 14px;column-gap:8px}
  #tw-portfolio .tw-plan-grid .tw-plan-featured{padding-top:36px}
  #tw-portfolio .tw-plan .tw-platform{margin-bottom:10px}
  #tw-portfolio .tw-plan h3{font-size:26px}
  #tw-portfolio .tw-plan-price strong{font-size:35px}
  #tw-portfolio .tw-plan-tagline{margin-top:8px}
  #tw-portfolio .tw-one-time{margin-bottom:10px}
  #tw-portfolio .tw-plan-rule{margin-top:14px}
  #tw-portfolio .tw-plan-features{gap:6px;margin-top:9px;margin-bottom:14px}
}
@media(max-width:370px){
  #tw-portfolio .tw-plan-grid .tw-plan{padding-inline:15px;column-gap:6px}
  #tw-portfolio .tw-plan h3{font-size:24px}
  #tw-portfolio .tw-plan-price strong{font-size:32px}
  #tw-portfolio .tw-plan-price{gap:5px}
}