/* Reference portfolio defaults, scoped to this theme. Elementor widget settings can override these defaults. */
.basheer-theme button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;color:inherit;box-shadow:none;text-shadow:none;border-radius:0}.basheer-theme a{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.basheer-theme img{max-width:100%;height:auto;border-radius:0}.basheer-theme input,.basheer-theme textarea,.basheer-theme select{font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;box-shadow:none}
:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme: #28E98C;
  --header: #1C1D20;
  --text: #666666;
  --border: #273536;
  --bg: #F9F9F9;
  --bg-2: #1C1D20;
  --border: 1.5px solid rgba(102, 102, 102, 0.24);
  --border-2: 1.5px solid #28E98C;
  --border-3: 1.5px solid rgba(102, 102, 102, 0.16);
  --box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
}

.basheer-theme .theme-btn {
  background: var(--theme);
  color: var(--header);
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  padding: 20px 30px;
  border-radius: 100px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 2;
  line-height: 1;
  overflow: hidden;
}
.basheer-theme .theme-btn::before {
  content: "";
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: var(--header);
  z-index: -1;
  transition: all 0.4s ease-out;
  border-radius: inherit;
}
.basheer-theme .theme-btn i, .basheer-theme .theme-btn img {
  margin-left: 10px;
  transform: rotate(-45deg);
  transition: all 0.4s ease-in-out;
}
.basheer-theme .theme-btn:hover {
  color: var(--white);
}
.basheer-theme .theme-btn:hover::before {
  width: 100%;
}
.basheer-theme .theme-btn:hover i {
  transform: rotate(0);
}
@media (max-width: 767px) {
  .basheer-theme .theme-btn {
    padding: 20px 32px;
  }
}
@media (max-width: 575px) {
  .basheer-theme .theme-btn {
    padding: 18px 30px;
    font-size: 14px;
  }
}
.basheer-theme .theme-btn.border-btn {
  border: 1px solid var(--border);
  background: transparent;
  color: var(--white);
}
.basheer-theme .theme-btn.border-btn::before, .basheer-theme .theme-btn.border-btn::after {
  background: var(--theme);
}
.basheer-theme .theme-btn.border-btn img {
  transition: all 0.4s ease-in-out;
}
.basheer-theme .theme-btn.border-btn:hover img {
  filter: grayscale(100%) brightness(300%);
}
.basheer-theme .theme-btn.radius-btn {
  border-radius: 60px;
}
.basheer-theme .theme-btn.radius-btn:hover i, .basheer-theme .theme-btn.radius-btn:hover img {
  filter: grayscale(100%) brightness(300%);
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body.basheer-theme {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  letter-spacing: 0.5px;
}

.basheer-theme ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.basheer-theme button {
  border: none;
  background-color: transparent;
  padding: 0;
}

.basheer-theme input:focus {
  color: var(--text);
  outline: none;
}

.basheer-theme input {
  color: var(--text);
}

.basheer-theme h1,
.basheer-theme h2,
.basheer-theme h3,
.basheer-theme h4,
.basheer-theme h5,
.basheer-theme h6 {
  font-family: "Manrope", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--header);
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}

.basheer-theme h1 {
  font-size: 100px;
  font-weight: 800;
  line-height: 108%;
}
@media (max-width: 1600px) {
  .basheer-theme h1 {
    font-size: 90px;
  }
}
@media (max-width: 991px) {
  .basheer-theme h1 {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .basheer-theme h1 {
    font-size: 70px;
  }
}
@media (max-width: 575px) {
  .basheer-theme h1 {
    font-size: 60px;
  }
}

.basheer-theme h2 {
  font-size: 48px;
  line-height: 116%;
  font-weight: 800;
}
@media (max-width: 1199px) {
  .basheer-theme h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .basheer-theme h2 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .basheer-theme h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .basheer-theme h2 {
    font-size: 30px;
  }
}

.basheer-theme h3 {
  font-size: 32px;
  font-weight: 800;
  line-height: 132%;
}
@media (max-width: 575px) {
  .basheer-theme h3 {
    font-size: 25px;
  }
}

.basheer-theme h4 {
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 1199px) {
  .basheer-theme h4 {
    font-size: 20px;
  }
}

.basheer-theme h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.basheer-theme h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
}

.basheer-theme a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  transition: all 0.4s ease-in-out;
}

.basheer-theme p {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

.basheer-theme span {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}


.basheer-theme .section-padding {
  padding: 120px 0;
}
@media (max-width: 1199px) {
  .basheer-theme .section-padding {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .basheer-theme .section-padding {
    padding: 80px 0;
  }
}


:root{--green:#28e98c;--ink:#1c1d20;--copy:#666;--line:#e2e4e3}html{scroll-behavior:smooth;scroll-padding-top:100px}body.basheer-theme{letter-spacing:0;background:#fff;color:var(--ink)}.basheer-theme h1,.basheer-theme h2,.basheer-theme h3{text-transform:none}.basheer-theme h2{font-size:48px;line-height:1.16;letter-spacing:-1.6px}.basheer-theme h3{font-size:24px;line-height:1.3}.basheer-theme a:focus-visible,.basheer-theme button:focus-visible,.basheer-theme input:focus-visible,.basheer-theme textarea:focus-visible,.basheer-theme select:focus-visible,.basheer-theme summary:focus-visible{outline:3px solid #087742!important;outline-offset:5px}.basheer-theme button{cursor:pointer}.basheer-theme .skip-link{position:absolute;top:-70px;left:20px;z-index:999;background:var(--green);padding:12px}.basheer-theme .skip-link:focus{top:12px}.basheer-theme .container{max-width:1296px}.basheer-theme .site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;background:#ffffffed;backdrop-filter:blur(12px)}.basheer-theme .wordmark{font:800 30px Manrope,sans-serif;display:flex;gap:8px;align-items:center;color:var(--ink)}.basheer-theme .brand-mark{color:var(--green);font-size:49px;line-height:1}.basheer-theme .brand-dot{color:#098047;margin-left:-6px}.basheer-theme .site-header nav{display:flex;gap:32px}.basheer-theme .site-header nav a{font-size:16px;font-weight:600}.basheer-theme .site-header nav a:hover,.basheer-theme .site-header nav a.active{color:#087742}.basheer-theme .header-cta{padding:17px 28px;background:var(--ink);color:#fff}.basheer-theme .header-cta:before{background:var(--green)}.basheer-theme .header-cta:hover{color:var(--ink)}.basheer-theme .menu-button{display:none}.basheer-theme .hero{position:relative;background:radial-gradient(ellipse at 95% 0%,#d0f4ff 0,transparent 49%),radial-gradient(ellipse at 0% 95%,#c9ffe2 0,transparent 48%),radial-gradient(ellipse at 60% 100%,#ffeded,transparent 40%);padding:90px 0 42px;overflow:hidden}.basheer-theme .hero-grid{display:grid;grid-template-columns:47% 53%;align-items:center;gap:35px}.basheer-theme .hero-copy{position:relative;z-index:2;padding-right:35px}.basheer-theme .eyebrow{font:600 18px Manrope,sans-serif;display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--ink)}.basheer-theme .eyebrow>span{font-size:28px;color:#09915a}.basheer-theme .hero h1{font-size:65px;font-weight:800;line-height:1.12;letter-spacing:-2.6px;margin-bottom:28px}.basheer-theme .role-text{color:#52585a;font-size:.75em;white-space:nowrap}.basheer-theme .intro{max-width:525px;line-height:1.7;font-size:17px}.basheer-theme .hero-actions{display:flex;gap:25px;align-items:center;margin-top:36px}.basheer-theme .secondary-link{display:flex;align-items:center;gap:10px;font:600 14px Manrope,sans-serif}.basheer-theme .round-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #d7ddd9;border-radius:50%}.basheer-theme .hero-art{height:580px;position:relative;align-self:end;display:flex;align-items:flex-end}.basheer-theme .hero-green{position:absolute;left:7%;bottom:40px;width:86%;height:78%;background:var(--green);border-radius:0 180px 0 180px;transform:rotate(-3deg)}.basheer-theme .portrait-frame{position:relative;z-index:2;width:100%;margin-bottom:65px;border-radius:24px;overflow:hidden}.basheer-theme .portrait-frame>img{width:100%;height:auto;display:block;min-height:250px;object-fit:contain}.basheer-theme .portrait-fallback{height:420px;background:#1c1d20;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.basheer-theme .portrait-fallback[hidden]{display:none}.basheer-theme .portrait-fallback>span{font:800 130px Manrope;color:var(--green)}.basheer-theme .portrait-fallback p{font-size:14px;letter-spacing:2px}.basheer-theme .developer-tag{z-index:3;position:absolute;bottom:32px;left:22%;background:white;border-radius:100px;padding:17px 22px;box-shadow:0 10px 50px #0000000c;font:600 14px Manrope;display:flex;gap:9px;align-items:center}.basheer-theme .status-dot{width:8px;height:8px;border-radius:50%;background:#139458}.basheer-theme .code-tag{position:absolute;right:0;top:10%;z-index:3;width:90px;height:90px;background:#fff;border:1px solid var(--line);border-radius:22px;display:grid;place-items:center;font:700 34px Manrope;transform:rotate(8deg)}.basheer-theme .decor{position:absolute;color:#91efd0}.basheer-theme .decor-one{font-size:86px;right:18%;top:-20px;animation:float 4s ease-in-out infinite}.basheer-theme .decor-two{font-size:48px;left:5%;top:20px}.basheer-theme .hero-social{position:absolute;left:8px;top:55%;display:flex;gap:24px;transform:rotate(-90deg) translateX(-50%);transform-origin:0 0}.basheer-theme .hero-social a{font-size:13px;color:#656b67}.basheer-theme .hero-note{border-top:1px solid #dce5e0;margin-top:35px;padding-top:19px;display:flex;flex-direction:column;gap:8px;font-size:12px}.basheer-theme .hero-note strong{font-size:14px;font-weight:600}.basheer-theme .hero-note b{color:#868f89;padding:0 8px}.basheer-theme .scroll-hint{display:flex;align-items:center;justify-content:center;gap:16px;font-size:10px;letter-spacing:2px;padding-top:36px}.basheer-theme .scroll-hint span{font-size:24px}.basheer-theme .marquee{background:var(--ink);padding:27px 0;overflow:hidden;position:relative;color:white}.basheer-theme .marquee-track{width:max-content;animation:marquee 35s linear infinite}.basheer-theme .marquee span{font:700 24px Manrope;white-space:nowrap;letter-spacing:.5px}.basheer-theme .marquee b{color:var(--green);padding:0 40px}.basheer-theme .marquee button{position:absolute;right:20px;top:22px;width:42px;height:42px;border-radius:50%;background:var(--green);color:var(--ink);font-weight:700}.basheer-theme .muted{color:#707674}.basheer-theme .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.basheer-theme .section-copy{line-height:1.75;margin-top:24px}.basheer-theme .about .theme-btn{margin-top:30px}.basheer-theme .about-panel{background:#f7faf8;border:1px solid var(--line);padding:38px;border-radius:24px;position:relative}.basheer-theme .panel-label{font-size:11px;letter-spacing:2px;font-weight:600;color:#626963}.basheer-theme .principle{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid #dde5df}.basheer-theme .principle>span{font:600 15px Manrope;color:#5b6760}.basheer-theme .principle h3{font-size:21px;letter-spacing:-.5px;margin-bottom:8px}.basheer-theme .principle p{font-size:14px}.basheer-theme .panel-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:14px}.basheer-theme .dark{background:var(--ink);color:#bbbcbc}.basheer-theme .dark h2,.basheer-theme .dark h3,.basheer-theme .dark .eyebrow{color:white}.basheer-theme .dark .eyebrow>span{color:var(--green)}.basheer-theme .section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.basheer-theme .section-top>p{font-size:15px;line-height:1.7}.basheer-theme .service-list{display:grid;gap:18px}.basheer-theme .service-row{border:1px solid #4a514c;border-radius:16px;display:grid;grid-template-columns:48px 260px 1fr 48px;align-items:center;gap:24px;padding:26px;color:white;transition:border-color .25s,background-color .25s}.basheer-theme .service-number{font-size:18px;color:#bbc4bf}.basheer-theme .service-row h3{font-size:23px}.basheer-theme .service-row p{color:#bbc4bf;font-size:15px}.basheer-theme .service-arrow{border:1px solid var(--green);color:var(--green);display:grid;place-items:center;border-radius:50%;height:44px;font-size:27px}.basheer-theme .service-row:hover,.basheer-theme .service-row:focus-visible{border-color:var(--green);background:#222a26}.basheer-theme .service-row:hover .service-arrow{background:var(--green);color:var(--ink)}.basheer-theme .work-count{font-size:11px;letter-spacing:2px}.basheer-theme .work-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 30px}.basheer-theme .project-card{min-width:0}.basheer-theme .project-preview{display:block;width:100%;overflow:hidden;border:1px solid #d9e2dd;border-radius:16px;background:#f0f4f2;text-align:left;transition:border-color .25s}.basheer-theme .browser-bar{height:37px;display:flex;align-items:center;gap:5px;padding:0 14px;background:#f2f5f3}.basheer-theme .browser-bar>span{height:6px;width:6px;background:#bac6bf;border-radius:50%}.basheer-theme .browser-bar small{margin:auto;font-size:8px;letter-spacing:1.6px;color:#6b7770}.basheer-theme .project-preview img{width:100%;height:310px;object-fit:cover;object-position:top;transition:transform .4s}.basheer-theme .project-preview:hover{border-color:#079052}.basheer-theme .project-preview:hover img{transform:scale(1.025)}.basheer-theme .project-info{display:flex;justify-content:space-between;align-items:center;padding:22px 12px 0}.basheer-theme .project-info p{font-size:12px;margin-bottom:6px}.basheer-theme .project-info h3{font-size:26px}.basheer-theme .project-open{height:48px;width:48px;border-radius:50%;border:1px solid #0b965a;font-size:28px;color:var(--ink);transition:background .2s}.basheer-theme .project-open:hover{background:var(--green)}.basheer-theme .project-wide{grid-column:1/-1}.basheer-theme .project-wide .project-preview img{height:450px}.basheer-theme .pale{background:#f7f9f8}.basheer-theme .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.basheer-theme .process-card{border:1px solid var(--line);padding:34px;border-radius:16px;background:#fff}.basheer-theme .process-card>span{font-size:11px;letter-spacing:1px}.basheer-theme .process-card h3{font-size:25px;margin:28px 0 16px;letter-spacing:-.6px}.basheer-theme .process-card p{font-size:15px}.basheer-theme .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.basheer-theme .text-link{display:inline-block;margin-top:28px;font-size:14px;border-bottom:1px solid #a3b0a8;padding-bottom:6px}.basheer-theme details{border:1px solid #e1e5e2;border-radius:12px;margin-bottom:16px;padding:22px 24px}.basheer-theme summary{font:700 16px Manrope;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;color:var(--ink)}.basheer-theme summary:after{content:'+';font-size:22px;color:#168651}.basheer-theme details[open] summary:after{content:'−'}.basheer-theme details p{font-size:14px;margin-top:16px;line-height:1.7}.basheer-theme .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.basheer-theme .green-text{color:var(--green)}.basheer-theme .social-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.basheer-theme .social-buttons a{border:1px solid #59645d;border-radius:100px;padding:10px 16px;font-size:12px;color:#fff}.basheer-theme .social-buttons i{margin-right:7px}.basheer-theme .social-buttons a:hover{background:var(--green);color:var(--ink)}.basheer-theme .brief-form{background:#25292a;border:1px solid #414a45;border-radius:20px;padding:32px}.basheer-theme .brief-form h3{margin-bottom:12px}.basheer-theme .brief-form>p{font-size:13px;line-height:1.6;margin-bottom:22px}.basheer-theme .brief-form label{display:block;font-size:12px;color:#e2e8e4;margin-bottom:8px}.basheer-theme .brief-form input,.basheer-theme .brief-form textarea,.basheer-theme .brief-form select{display:block;background:#303536;border:1px solid #57605b;border-radius:8px;padding:12px 14px;width:100%;margin-bottom:18px;color:white;font:14px Inter,sans-serif}.basheer-theme .brief-form input::placeholder,.basheer-theme .brief-form textarea::placeholder{color:#a8b3ad}.basheer-theme .brief-form select option{background:#303536}.basheer-theme .brief-form textarea{resize:vertical}.basheer-theme .brief-form .theme-btn{width:100%;margin-top:4px}.basheer-theme #form-status{margin:14px 0 0;color:var(--green)}.basheer-theme #brief-output{margin-top:18px}.basheer-theme .copy-button{padding:10px 18px;background:var(--green);border-radius:8px;font-size:13px;color:var(--ink)}.basheer-theme footer{background:var(--ink);color:#bcc5bf;border-top:1px solid #424a45;padding:38px 0 22px}.basheer-theme .footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.basheer-theme .footer-row .wordmark{color:#fff;font-size:24px}.basheer-theme .footer-row>p,.basheer-theme .footer-row>a:last-child{color:#c5cfc8;font-size:12px}.basheer-theme .footer-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.4px;padding-top:25px;margin-top:26px;border-top:1px solid #3b423e}.basheer-theme dialog{width:min(1040px,94vw);max-height:90vh;border:0;border-radius:20px;padding:38px;box-shadow:0 40px 100px #0004}.basheer-theme dialog::backdrop{background:#131b17cc;backdrop-filter:blur(6px)}.basheer-theme .close-dialog{position:sticky;float:right;top:0;border-radius:50%;background:#eef5f0;width:40px;height:40px;font-size:29px;z-index:2}.basheer-theme .dialog-label{font-size:12px;color:#15784b;margin:8px 0 15px}.basheer-theme .dialog-image{width:100%;border:1px solid var(--line);border-radius:12px;margin:25px 0}.basheer-theme .dialog-info{display:grid;grid-template-columns:1fr 2fr;gap:30px}.basheer-theme .dialog-info p{font-size:14px;line-height:1.7}.basheer-theme .dialog-info h3{font-size:19px;margin-bottom:10px}.basheer-theme .reveal{transition:opacity .6s,transform .6s}body.basheer-theme.js-ready .reveal{opacity:0;transform:translateY(18px)}body.basheer-theme.js-ready .reveal.visible{opacity:1;transform:none}body.basheer-theme.motion-paused .marquee-track,body.basheer-theme.motion-paused .decor{animation-play-state:paused}@keyframes float{50%{transform:translateY(14px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.basheer-theme .hero-grid{gap:60px}.basheer-theme .hero h1{font-size:75px}.basheer-theme .hero-art{height:640px}}@media(max-width:1199px){.basheer-theme .hero-social{display:none}.basheer-theme .container{padding-left:30px;padding-right:30px}.basheer-theme .site-header nav{gap:22px}.basheer-theme .hero h1{font-size:55px}.basheer-theme .hero-grid{gap:25px}.basheer-theme .hero-art{height:500px}.basheer-theme .hero-actions{gap:16px;flex-wrap:wrap}.basheer-theme .about-grid,.basheer-theme .contact-grid{gap:55px}.basheer-theme .service-row{grid-template-columns:30px 220px 1fr 44px;gap:18px}.basheer-theme .hero-copy{padding-right:0}.basheer-theme .developer-tag{left:10%}}@media(max-width:991px){.basheer-theme .site-header{height:80px}.basheer-theme .site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:26px;box-shadow:0 15px 30px #0001;flex-direction:column}.basheer-theme .site-header nav.open{display:flex}.basheer-theme .header-cta{margin-left:auto;margin-right:20px;padding:14px 20px;font-size:13px}.basheer-theme .menu-button{display:grid;gap:7px;width:28px}.basheer-theme .menu-button span{height:2px;width:25px;background:var(--ink)}.basheer-theme .hero{padding-top:55px}.basheer-theme .hero-grid{grid-template-columns:1fr 1.1fr}.basheer-theme .hero h1{font-size:42px;letter-spacing:-1.6px}.basheer-theme .hero-art{height:390px}.basheer-theme .hero-green{bottom:40px;height:70%;border-radius:0 100px}.basheer-theme .portrait-frame{margin-bottom:70px}.basheer-theme .code-tag{height:60px;width:60px;font-size:25px;top:8%}.basheer-theme .developer-tag{font-size:11px;padding:12px 15px}.basheer-theme .eyebrow{font-size:16px}.basheer-theme .hero-note strong{font-size:12px}.basheer-theme .hero .intro{font-size:15px}.basheer-theme .about-grid,.basheer-theme .faq-grid,.basheer-theme .contact-grid{gap:40px}.basheer-theme h2{font-size:35px;letter-spacing:-1px}.basheer-theme .service-row{grid-template-columns:30px 1fr 44px}.basheer-theme .service-row p{grid-column:2;grid-row:2}.basheer-theme .service-arrow{grid-column:3;grid-row:1/3}.basheer-theme .process-card{padding:24px}.basheer-theme .process-card h3{font-size:22px}.basheer-theme .project-preview img{height:235px}.basheer-theme .project-wide .project-preview img{height:350px}.basheer-theme .about-panel{padding:25px}.basheer-theme .principle{gap:16px}.basheer-theme .principle h3{font-size:18px}.basheer-theme .hero-note{margin-top:24px}}
@media(max-width:767px){.basheer-theme .container{padding-left:22px;padding-right:22px}.basheer-theme .wordmark{font-size:25px}.basheer-theme .brand-mark{font-size:37px}.basheer-theme .site-header{padding:0 22px}.basheer-theme .header-cta{padding:12px 15px;margin-right:17px}.basheer-theme .hero-grid{display:flex;flex-direction:column-reverse;gap:20px}.basheer-theme .hero-copy{width:100%}.basheer-theme .hero h1{font-size:48px;line-height:1.1}.basheer-theme .hero h1 br:first-of-type{display:none}.basheer-theme .role-text{font-size:.7em}.basheer-theme .hero-art{width:min(490px,100%);height:330px;align-self:center}.basheer-theme .hero-green{height:83%;bottom:25px}.basheer-theme .portrait-frame{margin-bottom:47px;min-height:200px}.basheer-theme .portrait-frame>img{min-height:0}.basheer-theme .developer-tag{bottom:15px;left:19%}.basheer-theme .decor-one{font-size:55px;top:-5px}.basheer-theme .code-tag{right:8px;top:12px}.basheer-theme .hero-note{margin-top:28px}.basheer-theme .hero{padding-top:40px;padding-bottom:28px}.basheer-theme .hero .intro{max-width:520px}.basheer-theme .hero-actions{margin-top:24px}.basheer-theme .scroll-hint{padding-top:22px}.basheer-theme .marquee{padding:23px 0}.basheer-theme .marquee span{font-size:19px}.basheer-theme .marquee button{top:17px;width:38px;height:38px}.basheer-theme .marquee b{padding:0 24px}.basheer-theme .section-padding{padding:64px 0}.basheer-theme .about-grid,.basheer-theme .faq-grid,.basheer-theme .contact-grid{grid-template-columns:1fr;gap:36px}.basheer-theme .section-top{align-items:start;margin-bottom:30px}.basheer-theme .section-top>p{display:none}.basheer-theme h2{font-size:34px}.basheer-theme .section-copy{font-size:15px}.basheer-theme .eyebrow{margin-bottom:18px}.basheer-theme .work-grid{grid-template-columns:1fr;gap:32px}.basheer-theme .project-wide{grid-column:auto}.basheer-theme .project-preview img,.basheer-theme .project-wide .project-preview img{height:auto;aspect-ratio:1.7;object-fit:cover}.basheer-theme .project-info{padding:17px 4px 0}.basheer-theme .project-info h3{font-size:23px}.basheer-theme .work-count{display:none}.basheer-theme .service-row{padding:22px 18px;gap:12px}.basheer-theme .service-row h3{font-size:20px}.basheer-theme .service-row p{font-size:14px}.basheer-theme .service-number{font-size:15px}.basheer-theme .service-arrow{width:40px;height:40px}.basheer-theme .process-grid{grid-template-columns:1fr;gap:16px}.basheer-theme .process-card h3{margin-top:20px}.basheer-theme .brief-form{padding:24px}.basheer-theme .footer-row{flex-wrap:wrap}.basheer-theme .footer-row>p{width:100%;order:3}.basheer-theme .dialog-info{grid-template-columns:1fr;gap:20px}.basheer-theme dialog{padding:24px}.basheer-theme .dialog-image{margin-top:20px}.basheer-theme .portrait-fallback{height:250px}.basheer-theme .portrait-fallback>span{font-size:80px}.basheer-theme .developer-tag{white-space:nowrap}}@media(max-width:380px){.basheer-theme .hero h1{font-size:39px}.basheer-theme .header-cta{display:none}.basheer-theme .menu-button{margin-left:auto}.basheer-theme .hero-art{height:285px}.basheer-theme .hero-note strong{font-size:11px}.basheer-theme .service-row{grid-template-columns:23px 1fr 35px}.basheer-theme .service-arrow{width:34px;height:34px}.basheer-theme .hero-actions .theme-btn{padding:18px 24px}.basheer-theme h2{font-size:30px}.basheer-theme .secondary-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.basheer-theme *,.basheer-theme *:before,.basheer-theme *:after{animation:none!important;transition:none!important}body.basheer-theme.js-ready .reveal{opacity:1;transform:none}.basheer-theme .marquee-track{transform:none}}
/* Section entrance choreography: no content or layout changes. */
html.anchor-scrolling{scroll-behavior:auto!important}
body.basheer-theme.scroll-choreography .reveal{opacity:1;transform:none;transition:none}
body.basheer-theme.scroll-choreography .site-header::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green);transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}
body.basheer-theme.scroll-choreography .hero-art{will-change:transform}
body.basheer-theme.scroll-choreography .project-preview img{transition:transform .8s cubic-bezier(.16,1,.3,1)}
body.basheer-theme.scroll-choreography .theme-btn,body.basheer-theme.scroll-choreography .project-open,body.basheer-theme.scroll-choreography .social-buttons a{transition:background-color .35s ease,color .35s ease,border-color .35s ease}
body.basheer-theme.scroll-choreography .service-arrow{transition:background-color .35s ease,color .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}
body.basheer-theme.scroll-choreography .service-row:hover .service-arrow{transform:rotate(45deg)}
body.basheer-theme.scroll-choreography dialog[open]{animation:dialog-enter .45s cubic-bezier(.16,1,.3,1)}
@keyframes dialog-enter{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body.basheer-theme.scroll-choreography .hero-art{will-change:auto}body.basheer-theme.scroll-choreography .site-header::after{display:none}}