/* Braindus page editor and database-driven public sections. */
.cms-editor{max-width:1400px;margin:0 auto;color:#19262d}.cms-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;background:linear-gradient(115deg,#19262d,#123e43);color:#fff;border-radius:12px;position:relative;overflow:hidden}.cms-editor-heading:after{content:'';position:absolute;inset-block:0;inset-inline-end:0;width:140px;opacity:.13;background:url('/assets/ajrak-pattern.svg') center/150px;pointer-events:none}.cms-editor-heading>div,.cms-editor-heading>a{position:relative;z-index:1}.cms-editor-heading h1{font-size:clamp(29px,4vw,45px);margin:0 0 8px}.cms-editor-heading p{font-size:14px;margin:0;color:#d6e2e2}.cms-editor-heading .eyebrow{margin:0 0 15px;font-size:9px}.cms-editor-heading .button{font-size:12px;flex-shrink:0}.cms-editor-toolbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:16px;padding:15px 0;background:#f6f3edf7;backdrop-filter:blur(12px);border-bottom:1px solid #d8d5cc}.cms-editor-toolbar select{max-width:190px;width:190px;background:#fffdf8}.cms-publish-actions{margin-inline-start:auto;display:flex;gap:9px;flex-wrap:wrap}.cms-publish-actions .button{font-size:12px;padding:12px 18px}.cms-publish-actions .button:first-child{color:#087c7b}.cms-save-status{font-size:11px;color:#08736c}.cms-save-status.unsaved{color:#a44b12}.cms-editor-meta{display:flex;align-items:center;gap:18px;padding:12px 0;color:#657378;font-size:11px;flex-wrap:wrap}.cms-editor-hint{padding:14px 18px;margin:4px 0 22px;border-inline-start:3px solid #009e9b;background:#eaf2ec;color:#345d58;font-size:12px}.cms-editor-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start;border:0;padding:0;margin:0;min-width:0}.cms-editor-outline{position:sticky;top:82px;padding:20px;background:#fffdf8;border:1px solid #dcd9d2;border-radius:10px;min-width:0;max-height:calc(100vh - 115px);overflow:auto}.cms-editor-outline h2{font-size:19px;letter-spacing:-.02em;margin:0 0 18px}.cms-editor-outline>button,.cms-outline-row>button{display:flex;align-items:center;gap:9px;width:100%;border:0;padding:13px 12px;text-align:start;color:#30494e;background:transparent;border-radius:6px;font:inherit;font-size:12px;line-height:1.5}.cms-editor-outline>button span{margin-inline-start:auto}.cms-editor-outline button.selected{background:#e4f2ed;color:#075e60;font-weight:700;border-inline-start:3px solid #009e9b}.cms-outline-row{display:flex;align-items:center;border-bottom:1px solid #eee9df}.cms-outline-row>button{flex:1;min-width:0}.cms-outline-row>button>span{overflow-wrap:anywhere}.cms-outline-row small{font-size:9px;color:#8c6d5b}.cms-outline-order{display:flex;flex-direction:column;gap:1px}.cms-outline-order button{width:25px;height:25px;background:transparent;border:0;color:#617277;font-size:15px}.cms-add-section{padding-top:20px;margin-top:10px;border-top:1px solid #dedbd3}.cms-add-section .button{width:100%;font-size:12px;padding:11px 10px}.cms-editor-fields{min-width:0;padding:24px;background:#fffdf8;border:1px solid #dcd9d2;border-radius:10px}.cms-language-tabs{display:flex;gap:6px;border-bottom:1px solid #d9d7ce;margin:0 0 26px;padding-bottom:10px}.cms-language-tabs button{flex:1;padding:10px;border:0;border-bottom:2px solid transparent;background:none;color:#58676d}.cms-language-tabs button[aria-pressed=true]{color:#007b79;border-color:#009e9b;background:#e9f5ef}.cms-language-tabs button[lang=sd]{font-family:'Sarem Iqra',sans-serif;font-size:19px}.cms-language-tabs button[lang=ur]{font-family:'Mehr Nastaliq Web',serif;font-size:18px}.cms-subheading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cms-subheading h2,.cms-subheading h3{font-size:23px;margin:0;letter-spacing:-.025em}.cms-subheading h3{font-size:19px}.cms-subheading .button{font-size:11px;padding:10px 15px}.cms-edit-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0;font-size:12px;color:#30494e}.cms-edit-field>span{font-weight:650}.cms-edit-field input,.cms-edit-field textarea,.cms-edit-field select,.cms-history select{display:block;width:100%;margin:0;padding:12px 13px;border:1px solid #d2d8d2;background:#fff;border-radius:7px;font-family:Manrope,Arial,sans-serif;font-size:13px;line-height:1.6;color:#19262d}.cms-edit-input[lang=sd]{font-family:'Sarem Iqra',sans-serif;font-size:20px;line-height:1.9}.cms-edit-input[lang=ur]{font-family:'Mehr Nastaliq Web',serif;font-size:20px;line-height:2.2}.cms-edit-field textarea{resize:vertical;min-height:72px}.cms-item{padding:0;border:1px solid #d8ddd5;border-radius:9px;margin:18px 0;overflow:hidden;background:#fff}.cms-item>summary{padding:16px 18px;font-size:15px;font-weight:700;cursor:pointer;background:#f4f1e9;color:#19262d;line-height:1.5}.cms-item-body{padding:22px}.cms-item-controls{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}.cms-small-button{display:inline-flex;align-items:center;gap:5px;border:1px solid #d1d6cd;background:transparent;border-radius:5px;color:#365c60;font-size:11px;padding:7px 10px;line-height:1.5}.cms-danger{color:#a34228;border-color:#dfb9aa}.cms-link-fields,.cms-media-fields{border:1px solid #deded5;border-radius:8px;padding:18px;margin:22px 0;min-width:0}.cms-link-fields>legend,.cms-media-fields>legend{font-size:12px;font-weight:750;padding-inline:7px;color:#2c5458}.cms-media-preview{height:150px;display:grid;place-items:center;background:#f0ede4;border-radius:6px;overflow:hidden;margin-bottom:14px;border:1px solid #e6e0d2}.cms-media-preview>img{width:100%;height:100%;object-fit:contain}.cms-media-preview>span{font-size:12px;color:#7b8585}.cms-media-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cms-upload-button{position:relative;font-size:12px!important;padding:10px 18px!important;overflow:hidden;cursor:pointer}.cms-upload-button input{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.cms-help{font-size:11px!important;color:#687579;line-height:1.6;margin:12px 0 18px}.cms-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cms-product-picker{padding:20px;border:1px solid #d6dfd5;border-radius:8px;background:#edf4ef;margin-block:24px}.cms-product-picker h3{font-size:19px;margin-bottom:10px}.cms-product-picker p{font-size:12px}.cms-product-picker .store-check{display:flex;gap:10px;align-items:center}.cms-product-picker small{margin-inline-start:auto;color:#8c614b}.cms-history{margin-top:25px;padding-top:20px;border-top:1px solid #dedbd3}.cms-history summary{font-size:12px;font-weight:700;cursor:pointer}.cms-history p{font-size:11px}.cms-history select{font-size:11px;margin-block:12px}.cms-editor button:focus-visible,.cms-editor input:focus-visible,.cms-editor select:focus-visible,.cms-editor textarea:focus-visible,.cms-editor summary:focus-visible{outline:2px solid #009e9b;outline-offset:3px}.cms-editor fieldset:disabled{opacity:.75}.cms-preview-banner{position:sticky;top:0;z-index:100;background:#fff0d3;color:#65450d;padding:10px 20px;font:600 13px/1.6 Manrope,Arial,sans-serif;text-align:center;box-shadow:0 2px 6px #0002}.cms-preview-banner a{color:#075e60;text-decoration:underline;margin-inline:14px}
/* Published content uses the existing Braindus typography and photography. */
.cms-section{scroll-margin-top:25px}.cms-section h1{font-size:clamp(32px,4vw,54px);line-height:1.2}.cms-section-description{max-width:760px;margin:15px 0 0;font-size:15px}.cms-theme-ivory{background:#f6f3ed;color:#19262d}.cms-theme-charcoal{background:#19262d;color:#f6f3ed}.cms-theme-teal{background:#075a5e;color:#fff}.cms-theme-ajrak{background:linear-gradient(110deg,#f6f3edfa,#f6f3eded),url('/assets/ajrak-pattern.svg') center/240px;color:#19262d}.cms-theme-charcoal p,.cms-theme-teal p{color:#d0dedf}.cms-theme-charcoal .studio-service-card,.cms-theme-teal .studio-service-card{color:#fff;border-color:#60777c}.cms-theme-charcoal .studio-review,.cms-theme-teal .studio-review{border-color:#60777c}.cms-section .studio-service-card>img{width:100%;height:160px;object-fit:cover;border-radius:7px;margin-bottom:18px}.cms-section .studio-product-card>div>p{margin:5px 0 0}.cms-section .studio-solution h3{color:#fff}.cms-section .studio-solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-section .studio-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-section .studio-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-type-cta{padding-block:48px!important}.cms-type-cta .studio-section-head{display:block}.cms-type-cta .actions{margin-top:24px}.cms-text-media{margin-top:25px;max-width:100%;border-radius:10px;overflow:hidden}.cms-text-media img{display:block;width:100%;max-height:580px;object-fit:cover}.cms-image-crop{display:block;background-repeat:no-repeat;background-color:#dedbd2;min-height:200px}.cms-service-list{padding:0}.cms-service-list .studio-section-head{padding:30px 44px}.cms-service-image{display:block;width:100%;height:100%;min-height:215px;max-height:350px;object-fit:cover}.cms-public-hero .studio-viewport{height:clamp(560px,42vw,680px)}.cms-public-slide .studio-hero-copy{max-width:60%;width:60%;padding-block:55px}.cms-public-slide .hero-title{white-space:normal;line-height:1.08;font-size:clamp(45px,6.5vw,92px);margin-bottom:22px}.cms-public-slide .hero-title.cms-three-words{display:flex;flex-direction:row;gap:.15em;white-space:nowrap;font-size:clamp(41px,6.1vw,88px)}.cms-three-words .word-0{color:#fff}.cms-three-words .word-1{color:#00aaa4}.cms-three-words .word-2{color:#ff7918}.cms-public-slide .cms-hero-subtitle{font-size:clamp(21px,2vw,30px);line-height:1.3;letter-spacing:-.025em;margin-bottom:18px;max-width:560px}.cms-carousel-navigation{display:flex;align-items:center;gap:13px;padding-block:15px}.cms-carousel-tabs{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0;overflow:auto}.cms-carousel-tabs .studio-slide-tab{min-width:100px;text-align:start;display:flex;gap:10px;align-items:center}.cms-carousel-tabs .studio-slide-tab strong{font-size:11px}.cms-carousel-navigation .studio-round{flex-shrink:0}.cms-public-hero{background:#19262d;color:#fff}.cms-public-slide{direction:ltr}.cms-public-slide .studio-hero-copy{margin-left:0;margin-right:auto}.cms-managed-page [dir=rtl],html[dir=rtl] .cms-public-slide .studio-hero-copy{direction:rtl;text-align:right}html[dir=rtl] .cms-public-slide .hero-title{font-size:clamp(41px,5vw,70px);line-height:1.65;letter-spacing:0}html[dir=rtl] .cms-public-slide .hero-title.cms-three-words{font-size:clamp(38px,5vw,70px);line-height:1.65}html[lang=sd] .cms-section h1,html[lang=sd] .cms-section h2,html[lang=sd] .cms-section h3{font-family:'Sarem Sindhi Aesthetic','Sarem Iqra',sans-serif}html[dir=rtl] .cms-carousel-tabs .studio-slide-tab strong{font-size:16px}html[dir=rtl] .cms-editor-heading h1{font-size:42px;line-height:1.8}html[dir=rtl] .cms-editor-outline>button,html[dir=rtl] .cms-outline-row>button{font-size:16px}
@media(min-width:761px){.cms-public-slide .studio-hero-copy{padding-block:55px}.cms-public-slide>img{object-fit:cover}}
@media(max-width:1100px){.cms-editor-grid{grid-template-columns:220px minmax(0,1fr);gap:16px}.cms-editor-fields{padding:20px}.cms-editor-toolbar{flex-wrap:wrap}.cms-public-slide .studio-hero-copy{width:70%;max-width:70%}.cms-carousel-tabs{grid-template-columns:repeat(4,minmax(100px,1fr))}}
@media(max-width:760px){.cms-editor-heading{padding:24px 20px;display:block}.cms-editor-heading .button{margin-top:20px}.cms-editor-grid{grid-template-columns:1fr}.cms-editor-outline{position:static;max-height:none;display:block}.cms-editor-outline .cms-outline-row{display:inline-flex;width:calc(50% - 4px);vertical-align:middle}.cms-editor-outline>button{width:100%}.cms-add-section{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.cms-add-section .cms-edit-field{margin:0}.cms-history{margin-top:16px;padding-top:14px}.cms-editor-toolbar{gap:10px}.cms-publish-actions{margin:0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cms-publish-actions .button{padding:11px 6px;font-size:11px}.cms-editor-fields{padding:16px}.cms-item-body{padding:16px}.cms-two-fields{grid-template-columns:1fr;gap:0}.cms-subheading{align-items:flex-start}.cms-subheading h2{font-size:22px}.cms-media-fields,.cms-link-fields{padding:14px}.cms-item-controls{gap:6px}.cms-small-button{font-size:10px;padding:7px 8px}.cms-section .studio-product-grid,.cms-section .studio-solutions-grid,.cms-section .studio-process-grid{grid-template-columns:1fr}.cms-section .studio-section-head{align-items:start}.cms-service-list .studio-section-head{padding:24px 18px}.cms-service-image{height:210px}.cms-public-hero .studio-viewport{height:640px;min-height:640px}.cms-public-slide .studio-hero-copy{max-width:100%;width:100%;padding-block:38px}.cms-public-slide .hero-title{font-size:clamp(38px,11vw,64px);line-height:1.12}.cms-public-slide .hero-title.cms-three-words{font-size:clamp(27px,8.2vw,49px);white-space:nowrap}.cms-public-slide>img{height:100%;width:100%;inset:0;object-fit:cover;object-position:70% center}.cms-public-slide:after{background:linear-gradient(90deg,#142028eb,#142028a3 60%,#1420282b),linear-gradient(0deg,#142028bb,transparent 70%)}.cms-public-slide p{font-size:14px;max-width:100%}.cms-public-slide .cms-hero-subtitle{font-size:23px;max-width:100%}.cms-carousel-navigation{gap:7px;width:calc(100% - 24px)}.cms-carousel-tabs{gap:6px;display:flex;overflow:auto}.cms-carousel-tabs .studio-slide-tab{min-width:108px}.cms-carousel-navigation .studio-round{width:29px;height:29px;font-size:16px}.cms-public-slide .actions .button{font-size:12px;padding:12px 16px}html[dir=rtl] .cms-public-slide .hero-title{font-size:clamp(33px,9vw,48px);line-height:1.7}html[dir=rtl] .cms-public-slide .hero-title.cms-three-words{font-size:clamp(27px,8vw,44px)}.cms-preview-banner{font-size:11px}.cms-preview-banner a{display:inline-block}}
@media(prefers-reduced-motion:reduce){.cms-public-slide,.cms-public-slide *{animation:none!important;transition:none!important}}
.cms-public-slide .hero-title:not(.cms-three-words){display:block!important;white-space:normal;overflow-wrap:break-word}
.cms-public-slide:not(:first-child) .studio-hero-copy{padding-block:55px}
.cms-section .studio-solution>a>div{padding:16px;background:#142229;color:#f6f3ed}
.cms-section .studio-solution h3{font-size:20px;margin:0 0 7px}
.cms-section .studio-solution p{font-size:12px;margin:0;color:#ccd9dc}
.cms-theme-charcoal .studio-product-card,.cms-theme-teal .studio-product-card{background:#24383e;color:#f6f3ed;border-color:#52696c}
.cms-edit-input[lang=en]{font-family:Manrope,Arial,sans-serif}
@media(max-width:760px){.cms-public-slide:not(:first-child) .studio-hero-copy{padding-block:38px}.cms-section .studio-solution:first-child{grid-column:auto}}