/* Native-only integration; reviewed art direction remains in the unchanged source CSS. */ body.mrshmllow-native-page{margin:0;background:#101014;color:#fff} body.mrshmllow-native-page #mrshmllow-site{min-height:100vh;overflow-x:clip} #mrshmllow-site [hidden]{display:none!important} #mrshmllow-site .ms-native-filter{display:inline-flex;align-items:center;min-height:44px;padding:12px 18px;border:1px solid rgb(140,115,159);border-radius:30px;font-size:13px;background:transparent;color:#fff} #mrshmllow-site .ms-native-filter[aria-current="true"]{background:#00fe55;color:#101014;border-color:#00fe55} #mrshmllow-site .ms-native-pagination{display:flex;justify-content:center;gap:12px;margin-top:40px} #mrshmllow-site .ms-native-pagination a{display:grid;place-items:center;min-height:44px;min-width:44px;border:1px solid #8c739f;border-radius:50%} #mrshmllow-site .ms-native-pagination a[aria-current="page"]{background:#00fe55;color:#101014;border-color:#00fe55} #mrshmllow-site .ms-native-featured{object-fit:contain;width:85%;height:85%;max-height:100%} #mrshmllow-site .ms-native-project-art{aspect-ratio:4/3;background:#18161e;border:1px solid #493953;border-radius:16px;display:grid;place-items:center;overflow:hidden;padding:12%} #mrshmllow-site .ms-native-project-art img{width:100%;height:100%;object-fit:contain;min-width:0;min-height:0} #mrshmllow-site .ms-native-project-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)} #mrshmllow-site .ms-native-story p{white-space:normal;color:#ded4e9;line-height:1.85} #mrshmllow-site .ms-native-scope{border-top:1px solid #493953;padding-top:22px} #mrshmllow-site .ms-native-videos{padding:60px 0;border-top:1px solid #404139} #mrshmllow-site .ms-native-videos h2{font-size:clamp(30px,4vw,50px);line-height:1.15;color:#fff} #mrshmllow-site .ms-native-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #mrshmllow-site .ms-native-video-grid figure{margin:0;min-width:0} #mrshmllow-site .ms-native-video-grid video{display:block;background:#18161e;width:100%;max-height:70vh;aspect-ratio:9/16;object-fit:contain;border:1px solid #493953;border-radius:14px} #mrshmllow-site .ms-native-video-grid figcaption{font-size:13px;color:#ded4e9;margin-top:12px} #mrshmllow-site .ms-native-project-nav{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;padding:40px 0} #mrshmllow-site .ms-native-blog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px} #mrshmllow-site .ms-native-blog img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px} #mrshmllow-site .ms-native-blog h2{font-size:clamp(27px,3vw,42px)} #mrshmllow-site .ms-native-blog .navigation{grid-column:1/-1} #mrshmllow-site .ms-native-noscript{padding:30px 0} @media(max-width:700px){#mrshmllow-site .ms-native-filter{font-size:10px;padding:10px}#mrshmllow-site .ms-native-project-hero,#mrshmllow-site .ms-native-blog{grid-template-columns:1fr}#mrshmllow-site .ms-native-video-grid{grid-template-columns:1fr}#mrshmllow-site .ms-native-project-art{width:100%}} #mrshmllow-site .ms-native-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:40px 0} #mrshmllow-site .ms-native-gallery figure{margin:0;min-width:0} #mrshmllow-site .ms-native-gallery img{width:100%;height:auto;object-fit:contain;border-radius:14px} @media(max-width:700px){#mrshmllow-site .ms-native-gallery{grid-template-columns:1fr}} #mrshmllow-site fieldset[data-native-fields]{border:0;padding:0;margin:0;min-inline-size:0} /* Only the actual private preview banner enables this clearance; live layout stays unchanged. */ #mrshmllow-site[data-native-preview="true"]{padding-bottom:var(--mrsh-preview-offset,0px)} /* native.3: client marks are compact credits; actual work remains the visual lead. */ #mrshmllow-site .ms-work-grid .ms-brand-art{width:100%;height:136px!important;min-height:136px;aspect-ratio:auto;margin:0;padding:16px 22px!important;display:flex;align-items:center;justify-content:flex-start;background:#19191e!important;border:0;border-radius:10px;box-shadow:none!important;overflow:visible} #mrshmllow-site .ms-logo-plate.ms-brand-credit{--credit-width:96px;--credit-height:96px;width:var(--credit-width);height:var(--credit-height);max-width:100%;aspect-ratio:auto;margin:0;padding:0;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:2px;box-shadow:none;overflow:visible} #mrshmllow-site .ms-logo-plate.ms-brand-credit img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block;border:0;border-radius:2px;box-shadow:none;filter:none;transform:none} #mrshmllow-site .ms-brand-credit[data-project="juicetime"]{--credit-width:94px;--credit-height:104px} #mrshmllow-site .ms-brand-credit[data-project="lava-fashion"]{--credit-width:110px;--credit-height:104px} #mrshmllow-site .ms-brand-credit[data-project="ogym"]{--credit-width:96px;--credit-height:96px} #mrshmllow-site .ms-brand-credit[data-project="sohila-eltayeb"]{--credit-width:108px;--credit-height:104px} #mrshmllow-site .ms-brand-credit[data-project="castello"]{--credit-width:106px;--credit-height:100px} #mrshmllow-site .ms-brand-credit[data-project="fanar"]{--credit-width:90px;--credit-height:100px} #mrshmllow-site .ms-work-grid .ms-project-info{min-height:112px!important;padding:18px 0 12px;gap:10px 16px} #mrshmllow-site .ms-native-project-hero{grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:start} #mrshmllow-site .ms-native-project-art{width:168px;max-width:100%;height:136px;min-height:0;aspect-ratio:auto;padding:16px 24px;background:#19191e;border:0;border-radius:10px;box-shadow:none;display:flex;align-items:center;justify-content:center;overflow:visible} @media(prefers-reduced-motion:no-preference){#mrshmllow-site[data-motion="on"] .ms-work-grid .ms-brand-art{transition:transform .2s ease,background-color .2s ease}#mrshmllow-site[data-motion="on"] .ms-project:is(:hover,:focus-within) .ms-brand-art{transform:translateY(-2px);border:0;box-shadow:none!important}} @media(max-width:700px){#mrshmllow-site .ms-work-grid .ms-brand-art{height:128px!important;min-height:128px;padding:12px 18px!important}#mrshmllow-site .ms-work-grid .ms-project-info{min-height:104px!important;padding-top:16px}#mrshmllow-site .ms-native-project-hero{grid-template-columns:1fr;gap:24px}#mrshmllow-site .ms-native-project-art{width:156px;height:128px;padding:12px 22px}} #mrshmllow-site .ms-work-grid .ms-project-poster{display:block;width:100%;aspect-ratio:16/10;margin:0 0 12px;overflow:hidden;border:0;border-radius:10px;background:#19191e} #mrshmllow-site .ms-work-grid .ms-project-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;border:0;border-radius:0} #mrshmllow-site .ms-work-grid .ms-project-poster[data-project="castello"] img{object-position:center 55%} @media(prefers-reduced-motion:no-preference){#mrshmllow-site[data-motion="on"] .ms-project-poster img{transition:transform .35s ease}#mrshmllow-site[data-motion="on"] .ms-project-poster:is(:hover,:focus-visible) img{transform:scale(1.015)}} /* native.4: logo and project identity share one compact editorial row. */ #mrshmllow-site .ms-work-grid .ms-project:not([hidden]){display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:20px;row-gap:16px;align-content:start;align-items:center} #mrshmllow-site .ms-work-grid .ms-project-poster{grid-column:1/-1;width:100%;margin:0 0 4px} #mrshmllow-site .ms-work-grid .ms-project .ms-brand-art{grid-column:1;width:88px!important;height:88px!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;justify-content:center;align-self:start} #mrshmllow-site .ms-work-grid .ms-project .ms-project-info{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;width:auto;min-height:88px!important;height:auto;margin:0!important;padding:0!important} #mrshmllow-site .ms-work-grid .ms-project .ms-project-info>div{min-width:0;width:100%} #mrshmllow-site .ms-work-grid .ms-project .ms-project-info h3{margin:0!important;line-height:1.2} #mrshmllow-site .ms-work-grid .ms-project .ms-project-info p{margin:7px 0 0!important;line-height:1.5} #mrshmllow-site .ms-work-grid .ms-project .ms-case-detail{grid-column:1/-1;margin:0!important} #mrshmllow-site .ms-work-grid .ms-project .ms-brand-art .ms-logo-plate.ms-brand-credit,#mrshmllow-site .ms-native-project-art .ms-logo-plate.ms-brand-credit{width:var(--credit-width)!important;height:88px!important;max-width:88px!important;max-height:88px!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;border:0!important;box-shadow:none!important;background:transparent!important} #mrshmllow-site .ms-brand-credit{--credit-width:80px} #mrshmllow-site .ms-brand-credit[data-project="juicetime"]{--credit-width:78px} #mrshmllow-site .ms-brand-credit[data-project="lava-fashion"]{--credit-width:88px} #mrshmllow-site .ms-brand-credit[data-project="ogym"]{--credit-width:76px} #mrshmllow-site .ms-brand-credit[data-project="sohila-eltayeb"]{--credit-width:88px} #mrshmllow-site .ms-brand-credit[data-project="castello"]{--credit-width:84px} #mrshmllow-site .ms-brand-credit[data-project="fanar"]{--credit-width:72px} #mrshmllow-site .ms-native-project-art{width:88px!important;height:88px!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} @media(max-width:700px){#mrshmllow-site .ms-work-grid .ms-project:not([hidden]){grid-template-columns:76px minmax(0,1fr);column-gap:14px;row-gap:16px}#mrshmllow-site .ms-work-grid .ms-project .ms-brand-art{width:76px!important;height:80px!important}#mrshmllow-site .ms-work-grid .ms-project .ms-brand-art .ms-logo-plate.ms-brand-credit{max-width:76px!important;height:80px!important;max-height:80px!important}#mrshmllow-site .ms-work-grid .ms-project .ms-project-info{min-height:80px!important;gap:9px}#mrshmllow-site .ms-work-grid .ms-project .ms-project-info h3{font-size:22px!important}} /* native.5: visible language controls at both ends of every localized view. */ #mrshmllow-site .ms-nav-links > .ms-language-switch, #mrshmllow-site .ms-site-footer > .ms-language-switch{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #6a6a73;border-radius:999px;background:#19191e;color:#fff;font-family:Vazirmatn,Poppins,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.25;white-space:nowrap;text-decoration:none} #mrshmllow-site .ms-language-switch .ms-language-icon{display:block;flex:0 0 20px;width:20px;height:20px;color:#00fe55} #mrshmllow-site .ms-site-footer > .ms-language-switch > span{flex-basis:auto;order:0} #mrshmllow-site .ms-language-switch:hover{border-color:#00fe55;background:#24252a} #mrshmllow-site .ms-language-switch:focus-visible{outline:3px solid #00fe55;outline-offset:4px;border-color:#fff} @media(prefers-reduced-motion:no-preference){#mrshmllow-site .ms-language-switch{transition:background-color .2s,border-color .2s}} @media(max-width:700px){#mrshmllow-site .ms-nav{gap:10px}#mrshmllow-site .ms-nav-links{gap:8px}#mrshmllow-site .ms-nav-links > .ms-language-switch{font-size:12px;padding:10px 11px;gap:6px}#mrshmllow-site .ms-nav-links > .ms-language-home{font-size:11px;padding:10px 9px}#mrshmllow-site .ms-menu-toggle{padding:10px 12px}} @media(max-width:360px){#mrshmllow-site .ms-nav{flex-wrap:wrap;height:auto;min-height:78px;padding-block:14px;row-gap:12px}#mrshmllow-site .ms-nav-links{margin-inline-start:auto}} /* native.6: a tactile, brand-green project control with a consistent vector arrow. */ #mrshmllow-site .ms-case-caption #case-link{position:relative;isolation:isolate;display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;min-width:56px;min-height:56px;margin:0 2px 5px;padding:0;border:1px solid #67ff9a;border-radius:50%;background:#00fe55;color:#101014;box-shadow:0 4px 0 #087c32,0 7px 16px #10101433,inset 0 1px 0 #b5ffce;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation} #mrshmllow-site #case-link .ms-case-arrow{display:block;flex:none;width:26px;height:26px;overflow:visible;pointer-events:none} #mrshmllow-site .ms-case-caption #case-link:focus-visible{outline:3px solid #fff;outline-offset:5px;background:#54ff8d;border-color:#b5ffce} #mrshmllow-site .ms-case-caption #case-link:active{background:#54ff8d;box-shadow:0 2px 0 #087c32,0 4px 8px #10101433,inset 0 1px 0 #b5ffce} @media(hover:hover){#mrshmllow-site .ms-case-caption #case-link:hover:not(:active){background:#54ff8d;border-color:#b5ffce;box-shadow:0 5px 0 #087c32,0 10px 20px #10101444,inset 0 1px 0 #d1ffe1}} @media(prefers-reduced-motion:no-preference){#mrshmllow-site[data-motion="on"] #case-link{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}#mrshmllow-site[data-motion="on"] #case-link .ms-case-arrow{transition:transform .22s cubic-bezier(.2,.7,.3,1)}#mrshmllow-site[data-motion="on"] #case-link:focus-visible .ms-case-arrow{transform:translate(2px,-2px)}#mrshmllow-site[data-motion="on"] #case-link:active{transform:translateY(2px)}} @media(hover:hover) and (prefers-reduced-motion:no-preference){#mrshmllow-site[data-motion="on"] #case-link:hover{transform:translateY(-1px)}#mrshmllow-site[data-motion="on"] #case-link:hover .ms-case-arrow{transform:translate(2px,-2px)}#mrshmllow-site[data-motion="on"] #case-link:active{transform:translateY(2px)}} @media(max-width:700px){#mrshmllow-site .ms-case-caption #case-link{flex-basis:52px;width:52px;height:52px;min-width:52px;min-height:52px}#mrshmllow-site #case-link .ms-case-arrow{width:24px;height:24px}} /* Growth-focused review, 23 October 2026. Brand identity preserved. */ #mrshmllow-site .ms-hero-actions button.ms-hero-work{font:inherit;cursor:pointer;border:0;border-radius:999px;background:#00fe55;color:#101014;padding:16px 24px;text-align:center} #mrshmllow-site .ms-hero-copy h1{font-size:clamp(36px,4.4vw,64px);line-height:1.12;letter-spacing:-.045em} #mrshmllow-site .ms-growth-path{padding:64px 0;border-top:1px solid #514758;border-bottom:1px solid #514758;margin:0 0 64px} #mrshmllow-site .ms-growth-heading{display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;align-items:end;margin-bottom:32px} #mrshmllow-site .ms-growth-heading .ms-eyebrow{grid-column:1/-1} #mrshmllow-site .ms-growth-heading h2{font-size:clamp(30px,3.2vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0} #mrshmllow-site .ms-growth-heading p{max-width:440px;margin:0;color:#d4cde0} #mrshmllow-site .ms-growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #mrshmllow-site .ms-growth-grid article{padding:26px 0;border-top:2px solid #00fe55} #mrshmllow-site .ms-growth-number{font-size:12px;letter-spacing:.08em;color:#00fe55;font-weight:700} #mrshmllow-site .ms-growth-grid h3{font-size:22px;line-height:1.3;margin:16px 0 12px;max-width:300px} #mrshmllow-site .ms-growth-grid p{color:#d4cde0;margin:0;max-width:340px} #mrshmllow-site .ms-growth-footnote{color:#b7b6ad;font-size:13px;max-width:760px;margin:8px 0 0} #mrshmllow-site .ms-purpose{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:48px 0;border-top:1px solid #514758;border-bottom:1px solid #514758} #mrshmllow-site .ms-purpose h2{font-size:clamp(24px,2.2vw,34px);line-height:1.3;letter-spacing:-.025em;margin:12px 0 0} #mrshmllow-site .ms-purpose .ms-eyebrow{color:#00fe55} #mrshmllow-site .ms-more-context{grid-column:1/-1;border-top:1px solid #514758;padding-top:16px} #mrshmllow-site .ms-more-context summary{cursor:pointer;color:#d4cde0;padding:8px 0} #mrshmllow-site .ms-more-context .ms-fields{margin-top:16px} #mrshmllow-site .ms-hero-actions button.ms-hero-work:focus-visible,#mrshmllow-site .ms-more-context summary:focus-visible{outline:3px solid white;outline-offset:5px} @media(max-width:700px){#mrshmllow-site .ms-growth-heading,#mrshmllow-site .ms-growth-grid,#mrshmllow-site .ms-purpose{grid-template-columns:1fr;gap:20px}#mrshmllow-site .ms-growth-path{padding:40px 0;margin-bottom:40px}#mrshmllow-site .ms-growth-grid article{padding:20px 0 8px}#mrshmllow-site .ms-growth-grid h3{max-width:none}#mrshmllow-site .ms-hero-actions{align-items:stretch}#mrshmllow-site .ms-hero-actions button.ms-hero-work{max-width:100%;white-space:normal}#mrshmllow-site .ms-hero-copy h1{font-size:clamp(32px,8vw,48px)}} /* Narrow-layout and Arabic readability corrections after local browser QA. */ #mrshmllow-site .ms-hero-copy{min-width:0;max-width:100%} #mrshmllow-site .ms-hero-line{white-space:normal;overflow-wrap:normal} #mrshmllow-site .ms-hero-actions{min-width:0;max-width:100%;flex-wrap:wrap} #mrshmllow-site .ms-hero-actions .ms-hero-work{max-width:100%;white-space:normal;box-sizing:border-box} #mrshmllow-site[dir="rtl"] .ms-intro,#mrshmllow-site[data-lang="ar"] .ms-intro{font-size:19px;line-height:1.9;font-weight:400} #mrshmllow-site[data-lang="ar"] .ms-nav a,#mrshmllow-site[data-lang="ar"] .ms-mobile-nav a,#mrshmllow-site[data-lang="ar"] .ms-dialog-note,#mrshmllow-site[data-lang="ar"] .ms-fields label{font-size:17px;line-height:1.7} #mrshmllow-site[data-lang="ar"] .ms-fields input,#mrshmllow-site[data-lang="ar"] .ms-fields select,#mrshmllow-site[data-lang="ar"] .ms-fields textarea{font-size:17px;line-height:1.6} @media(max-width:700px){#mrshmllow-site .ms-hero-copy{width:100%;min-width:0;flex:1 1 100%}#mrshmllow-site .ms-hero-copy h1{max-width:100%;font-size:clamp(30px,7.6vw,44px)}#mrshmllow-site .ms-hero-actions .ms-hero-work{width:100%;padding:14px 18px}#mrshmllow-site[data-lang="ar"] .ms-hero-copy h1{font-size:clamp(32px,8vw,44px);line-height:1.4}} /* growth-mobile-qa-v2: scoped overrides for inherited fixed/min-content sizing. */ @media(max-width:700px){ #mrshmllow-site .ms-hero{grid-template-columns:minmax(0,1fr)!important} #mrshmllow-site .ms-hero .ms-hero-copy{min-width:0!important;width:100%!important;max-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important} #mrshmllow-site .ms-hero .ms-hero-copy h1{min-width:0!important;max-width:100%!important;font-size:clamp(28px,7.6vw,42px)!important;letter-spacing:-.04em!important} #mrshmllow-site .ms-hero .ms-hero-line{white-space:normal!important;overflow-wrap:anywhere!important} #mrshmllow-site .ms-hero .ms-hero-actions{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important} } #mrshmllow-site[data-lang="ar"] .ms-hero .ms-intro,html[lang^="ar"] #mrshmllow-site .ms-intro{font-size:19px!important;line-height:1.9!important;font-weight:400!important} #mrshmllow-site[data-lang="ar"] .ms-nav a,#mrshmllow-site[data-lang="ar"] .ms-mobile-nav a,#mrshmllow-site[data-lang="ar"] .ms-dialog-note,#mrshmllow-site[data-lang="ar"] .ms-form-explainer,#mrshmllow-site[data-lang="ar"] .ms-fields label,html[lang^="ar"] #mrshmllow-site .ms-fields label{font-size:17px!important;line-height:1.7!important;font-weight:400!important} #mrshmllow-site[data-lang="ar"] .ms-fields input,#mrshmllow-site[data-lang="ar"] .ms-fields select,#mrshmllow-site[data-lang="ar"] .ms-fields textarea{font-size:17px!important;line-height:1.6!important} /* Owner-selected portfolio: isolated from legacy listing/filter JS. */ #mrshmllow-site .ms-selected-work{padding-block:70px} #mrshmllow-site .ms-selected-heading{font-size:clamp(32px,5vw,60px);line-height:1.1;max-width:850px} #mrshmllow-site .ms-selected-intro{max-width:760px;line-height:1.8} #mrshmllow-site .ms-selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 48px} #mrshmllow-site .ms-selected-grid article{min-width:0;padding:28px;border:1px solid #594269;border-radius:18px;background:#21132f;color:#fff} #mrshmllow-site .ms-selected-grid article h4{font-size:clamp(24px,3vw,34px);line-height:1.3} #mrshmllow-site .ms-selected-grid article h5{font-size:18px;line-height:1.5;margin-top:22px} #mrshmllow-site .ms-selected-grid p{line-height:1.8} #mrshmllow-site .ms-selected-logo{height:90px;display:flex;align-items:center;margin-bottom:18px} #mrshmllow-site .ms-selected-logo img{max-width:240px;max-height:80px;object-fit:contain} #mrshmllow-site .ms-selected-role{font-size:15px;color:#b9ff8c} #mrshmllow-site .ms-selected-grid summary{cursor:pointer;color:#b9ff8c;padding:16px 0} #mrshmllow-site .ms-selected-grid details a{color:#b9ff8c;text-decoration:underline} #mrshmllow-site .ms-selected-grid summary:focus-visible,#mrshmllow-site .ms-selected-grid a:focus-visible{outline:2px solid #b9ff8c;outline-offset:5px} #mrshmllow-site .ms-selected-visual{max-width:100%;height:auto;border-radius:8px;margin-top:14px} #mrshmllow-site[data-lang="ar"] .ms-selected-grid p{font-size:17px;line-height:1.9} @media(max-width:700px){#mrshmllow-site .ms-selected-grid{grid-template-columns:minmax(0,1fr)}#mrshmllow-site .ms-selected-grid article{padding:22px}#mrshmllow-site .ms-selected-logo img{max-width:100%}} /* Owner-approved direct contact */ #mrshmllow-site .ms-direct-contact{display:flex;flex-wrap:wrap;gap:14px 24px;margin-block:20px;max-width:100%} #mrshmllow-site .ms-direct-contact a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:44px;max-width:100%;line-height:1.7} #mrshmllow-site .ms-direct-contact bdi{direction:ltr;unicode-bidi:isolate;white-space:nowrap} #mrshmllow-site .ms-footer-direct-contact{padding-block:16px} #mrshmllow-site .ms-direct-contact a:focus-visible{outline:2px solid #b9ff8c;outline-offset:4px} @media(max-width:600px){#mrshmllow-site .ms-direct-contact{flex-direction:column;gap:8px}} /* 2026-10-24: quieter brand palette, stronger editorial hierarchy. */ #mrshmllow-site{--ms-ink:#101014;--ms-surface:#19191f;--ms-paper:#f5f3f0;--ms-muted:#c1bec9;--ms-line:#39373f;--ms-purple:#7824f5;--ms-action:#00fe55;color:var(--ms-paper)} #mrshmllow-site h1,#mrshmllow-site h2,#mrshmllow-site h3,#mrshmllow-site h4{text-wrap:balance} #mrshmllow-site .ms-hero-copy{min-width:0;max-width:100%} #mrshmllow-site .ms-hero h1{font-size:clamp(40px,4.8vw,72px);line-height:1.08;letter-spacing:-.035em} #mrshmllow-site .ms-intro{color:var(--ms-muted);font-size:clamp(18px,1.45vw,21px);line-height:1.65;max-width:36em} #mrshmllow-site .ms-eyebrow{color:var(--ms-muted);font-size:13px;line-height:1.6;letter-spacing:.035em} #mrshmllow-site .ms-quote-button{background:var(--ms-action);color:var(--ms-ink);border-color:var(--ms-action)} #mrshmllow-site .ms-selected-work{padding-block:clamp(48px,7vw,96px);border-top:1px solid var(--ms-line)} #mrshmllow-site .ms-selected-heading{font-size:clamp(34px,4.4vw,64px);line-height:1.08;letter-spacing:-.025em;margin:0 0 22px;color:var(--ms-paper)} #mrshmllow-site .ms-selected-intro{color:var(--ms-muted);font-size:18px;line-height:1.75;max-width:45em;margin-bottom:48px} #mrshmllow-site .ms-selected-work>h3{font-size:14px;letter-spacing:.045em;line-height:1.6;color:var(--ms-muted);margin:44px 0 20px;padding-top:20px;border-top:1px solid var(--ms-line)} #mrshmllow-site .ms-selected-grid{gap:24px;margin:0 0 48px} #mrshmllow-site .ms-selected-grid article{padding:32px;border:1px solid var(--ms-line);border-radius:14px;background:var(--ms-surface);color:var(--ms-paper);transition:border-color 160ms ease;box-shadow:none} #mrshmllow-site .ms-selected-grid article:focus-within{border-color:#9276bf} #mrshmllow-site .ms-selected-grid article h4{font-size:clamp(25px,2.6vw,36px);line-height:1.2;letter-spacing:-.02em;margin:12px 0 20px} #mrshmllow-site .ms-selected-grid article h5{font-size:13px;letter-spacing:.05em;line-height:1.6;color:var(--ms-paper);margin:24px 0 8px} #mrshmllow-site .ms-selected-logo{height:76px;margin-bottom:28px} #mrshmllow-site .ms-selected-logo img{max-width:min(220px,100%);max-height:68px;width:auto;height:auto;object-fit:contain} #mrshmllow-site .ms-selected-logo strong{font-size:25px;letter-spacing:-.02em} #mrshmllow-site .ms-selected-role{color:#cabce0;font-size:14px;line-height:1.6;margin:0} #mrshmllow-site .ms-selected-grid p{color:var(--ms-muted);font-size:16px;line-height:1.8} #mrshmllow-site .ms-selected-grid p.ms-selected-role{color:#cabce0;font-size:14px} #mrshmllow-site .ms-selected-grid summary{color:var(--ms-paper);min-height:44px;padding:14px 0;border-top:1px solid var(--ms-line);font-size:15px;line-height:1.6;list-style-position:inside} #mrshmllow-site .ms-selected-grid details a{color:var(--ms-paper);text-decoration:underline;text-underline-offset:4px} #mrshmllow-site .ms-selected-visual{display:block;max-width:100%;height:auto;border-radius:8px;margin:18px 0} #mrshmllow-site .ms-selected-grid article>.ms-selected-visual{max-height:360px;width:100%;object-fit:contain;background:#131317} #mrshmllow-site .ms-selected-grid article:only-child{grid-column:1/-1} #mrshmllow-site .ms-selected-grid article:only-child>.ms-selected-visual{max-height:420px} #mrshmllow-site[data-lang="ar"] h1,#mrshmllow-site[data-lang="ar"] h2,#mrshmllow-site[data-lang="ar"] h3,#mrshmllow-site[data-lang="ar"] h4,#mrshmllow-site[data-lang="ar"] h5{letter-spacing:normal;line-height:1.45} #mrshmllow-site[data-lang="ar"] .ms-selected-grid p{font-size:17px;line-height:1.9} #mrshmllow-site[data-lang="ar"] .ms-selected-work>h3{font-size:16px} #mrshmllow-site[data-lang="ar"] .ms-selected-grid summary{font-size:17px;line-height:1.8} @media(hover:hover){#mrshmllow-site .ms-selected-grid article:hover{border-color:#68606f}} @media(max-width:700px){#mrshmllow-site .ms-selected-grid{grid-template-columns:minmax(0,1fr);gap:18px}#mrshmllow-site .ms-selected-grid article{padding:22px}#mrshmllow-site .ms-selected-intro{font-size:17px;margin-bottom:32px}#mrshmllow-site .ms-selected-logo{margin-bottom:20px}#mrshmllow-site .ms-selected-heading{font-size:34px}#mrshmllow-site .ms-hero h1{font-size:40px;letter-spacing:-.025em}} @media(prefers-reduced-motion:reduce){#mrshmllow-site *,#mrshmllow-site *::before,#mrshmllow-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Preserve Arabic shaping against the earlier narrow-screen !important rule. */ #mrshmllow-site[data-lang="ar"] .ms-hero .ms-hero-copy h1{letter-spacing:normal!important;line-height:1.45!important} #mrshmllow-site .ms-growth-grid article{border-top-color:#78618f} #mrshmllow-site .ms-growth-number,#mrshmllow-site .ms-purpose .ms-eyebrow{color:#cabce0} /* Audit7: readable controls, intrinsic project video, no extra motion or dependencies. */ #mrshmllow-site .ms-brand-hint,#mrshmllow-site .ms-hero-note, #mrshmllow-site .ms-native-filter,#mrshmllow-site figcaption{font-size:13px;line-height:1.6;color:#c1bec9} #mrshmllow-site .ms-native-video-grid video{display:block;width:100%;height:auto;max-height:80vh;aspect-ratio:auto;object-fit:contain} #mrshmllow-site a:focus-visible,#mrshmllow-site button:focus-visible, #mrshmllow-site summary:focus-visible{outline:3px solid #00fe55;outline-offset:4px} #mrshmllow-site .ms-selected-visual{height:auto;object-fit:contain} /* Stacked contact methods, single visible number. */ #mrshmllow-site .ms-direct-contact.ms-contact-stack{display:grid!important;grid-template-columns:max-content max-content;align-items:center;justify-content:start;gap:0 20px;max-width:100%} #mrshmllow-site .ms-direct-contact.ms-contact-stack>.ms-contact-labels{display:flex!important;flex-direction:column!important;gap:0;min-width:0} #mrshmllow-site .ms-direct-contact.ms-contact-stack>.ms-contact-labels>a{display:flex!important;min-height:44px;font-size:16px;white-space:nowrap} #mrshmllow-site .ms-contact-stack>bdi{font-size:clamp(20px,4vw,28px);font-weight:600;color:#f5f3f0} /* Approved director chair hero: static image, complete composition, separate HTML copy. */ #mrshmllow-site .ms-hero{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:32px} #mrshmllow-site .ms-hero-copy{width:auto!important;min-width:0!important;max-width:100%} /* Desktop/tablet containment: inherited heading spans must wrap inside their grid track. */ @media(min-width:701px){#mrshmllow-site .ms-hero .ms-hero-copy{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}#mrshmllow-site .ms-hero .ms-hero-copy h1{width:auto!important;min-width:0!important;max-width:100%!important;font-size:clamp(34px,3.5vw,56px)!important;white-space:normal!important;overflow-wrap:anywhere!important}#mrshmllow-site .ms-hero .ms-hero-copy .ms-hero-line{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}} #mrshmllow-site .ms-agency-hero-image{margin:0;min-width:0;max-width:100%;overflow:hidden;border-radius:12px;background:#101014} #mrshmllow-site .ms-agency-hero-image img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;max-width:100%} #mrshmllow-site .ms-hero-bottom{grid-column:1/-1} /* Text-free brand scenes; client evidence and director-chair hero unchanged. */ #mrshmllow-site .ms-brand-scene{margin:36px 0;overflow:hidden;border-radius:12px;background:#19191f} #mrshmllow-site .ms-brand-scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover} #mrshmllow-site .ms-company-with-art{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:32px;align-items:start} #mrshmllow-site .ms-company-with-art .ms-brand-portrait{grid-row:1/3;margin:0;max-width:100%;overflow:hidden;border-radius:12px} #mrshmllow-site .ms-brand-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover} #mrshmllow-site .ms-company-with-art>div{min-width:0} @media(max-width:760px){#mrshmllow-site .ms-brand-scene img{aspect-ratio:4/3;object-position:center}#mrshmllow-site .ms-brand-process img{aspect-ratio:16/9;object-fit:contain}#mrshmllow-site .ms-company-with-art{grid-template-columns:minmax(0,1fr);gap:24px}#mrshmllow-site .ms-company-with-art .ms-brand-portrait{grid-row:auto;order:3}#mrshmllow-site .ms-brand-scene{margin:24px 0}} /* Reviewed production and scoped package choices, 26 October 2026. */ #mrshmllow-site .ms-production-options,#mrshmllow-site .ms-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px} #mrshmllow-site .ms-production-options>div{border-top:2px solid var(--ms-action);padding:24px 0;min-width:0} #mrshmllow-site .ms-production h3,#mrshmllow-site .ms-packages h3{font-size:clamp(22px,2.2vw,32px);line-height:1.3;margin:0 0 16px;color:var(--ms-paper)} #mrshmllow-site .ms-production p,#mrshmllow-site .ms-packages p,#mrshmllow-site .ms-packages li{font-size:17px;line-height:1.7;color:var(--ms-muted)} #mrshmllow-site .ms-package-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--ms-line);border-radius:12px;background:var(--ms-surface)} #mrshmllow-site .ms-package-card ul{padding-inline-start:20px;margin:8px 0 28px;flex:1} #mrshmllow-site .ms-package-card li{margin:8px 0} #mrshmllow-site .ms-package-card .ms-button{align-self:flex-start;white-space:normal} #mrshmllow-site .ms-package-custom{margin-top:28px;padding:28px 0;border-top:1px solid var(--ms-line)} #mrshmllow-site .ms-package-custom p{max-width:900px;margin-bottom:24px} @media(max-width:760px){#mrshmllow-site .ms-production-options,#mrshmllow-site .ms-package-grid{grid-template-columns:minmax(0,1fr);gap:16px}#mrshmllow-site .ms-package-card{padding:24px}#mrshmllow-site .ms-production h2,#mrshmllow-site .ms-packages h2{font-size:clamp(28px,7.5vw,42px);line-height:1.25}} @media(max-width:900px){#mrshmllow-site .ms-hero{grid-template-columns:minmax(0,1fr);gap:24px}#mrshmllow-site .ms-agency-hero-image{width:100%}} /* v13 editorial draft. Original Poppins/Vazirmatn, near-black/plum; paper is a proposed neutral. */ #mrshmllow-site .ms-editorial-v13{--ed-paper:#f5f3f0;--ed-ink:#101014;--ed-plum:#54396c} #mrshmllow-site .ms-editorial-v13 section{scroll-margin-top:100px} #mrshmllow-site .ms-editorial-v13 .ms-hero{position:relative;isolation:isolate;display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;min-height:680px;padding:70px 6%;margin:0;gap:40px;overflow:hidden} #mrshmllow-site .ms-editorial-v13 .ms-agency-hero-image{position:absolute;inset:0;z-index:-2;border-radius:0;width:100%;height:100%} #mrshmllow-site .ms-editorial-v13 .ms-agency-hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;aspect-ratio:auto} #mrshmllow-site .ms-editorial-v13 .ms-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,16,20,.94),rgba(16,16,20,.64) 38%,rgba(16,16,20,0) 78%)} #mrshmllow-site .ms-editorial-v13 .ms-hero .ms-hero-copy{max-width:65%!important} #mrshmllow-site .ms-editorial-v13 .ms-hero .ms-hero-copy h1{font-size:clamp(46px,5.6vw,84px)!important;line-height:1.06!important;font-weight:600;letter-spacing:-.045em!important;overflow-wrap:normal!important;margin:28px 0} #mrshmllow-site .ms-editorial-v13 .ms-hero .ms-intro{font-size:19px;line-height:1.65;max-width:470px;color:#eee9ef} #mrshmllow-site .ms-editorial-v13 .ms-hero-bottom{width:100%;margin-top:55px;font-size:12px} #mrshmllow-site .ms-editorial-v13 .ms-growth-path{background:var(--ed-paper);color:var(--ed-ink);padding:90px 6%;margin:0;border:0} #mrshmllow-site .ms-editorial-v13 .ms-growth-path h2{font-size:clamp(42px,4.7vw,68px);line-height:1.08;letter-spacing:-.035em;color:var(--ed-ink)} #mrshmllow-site .ms-editorial-v13 .ms-growth-path p,#mrshmllow-site .ms-editorial-v13 .ms-growth-path h3{color:#39343c} #mrshmllow-site .ms-editorial-v13 .ms-growth-path .ms-eyebrow,#mrshmllow-site .ms-editorial-v13 .ms-growth-number{color:#54396c} #mrshmllow-site .ms-editorial-v13 .ms-growth-grid{gap:38px;margin-top:56px} #mrshmllow-site .ms-editorial-v13 .ms-growth-grid article{background:transparent;border:0;border-top:1px solid #bfb5c5;border-radius:0;padding:26px 0} #mrshmllow-site .ms-editorial-v13 .ms-agency-section{padding-block:85px} #mrshmllow-site .ms-editorial-v13 .ms-work-head h2,#mrshmllow-site .ms-editorial-v13 .ms-selected-heading{font-size:clamp(36px,4.5vw,64px);font-weight:500;line-height:1.1;letter-spacing:-.035em;max-width:850px} #mrshmllow-site .ms-editorial-v13 .ms-work-head{gap:48px;align-items:end;margin-bottom:38px} #mrshmllow-site .ms-editorial-v13 .ms-service-grid{display:block} #mrshmllow-site .ms-editorial-v13 .ms-service-grid details{padding:24px 0;border:0;border-top:1px solid #65566f;border-radius:0;background:transparent} #mrshmllow-site .ms-editorial-v13 .ms-service-grid summary{font-size:clamp(23px,2.3vw,34px)} #mrshmllow-site .ms-editorial-v13 .ms-selected-grid{gap:46px 36px} #mrshmllow-site .ms-editorial-v13 .ms-selected-grid article{padding:30px 0;background:transparent;border:0;border-top:1px solid #65566f;border-radius:0;box-shadow:none} #mrshmllow-site .ms-editorial-v13 .ms-selected-logo{height:75px;max-height:75px;object-fit:contain;object-position:left center;background:transparent} #mrshmllow-site .ms-editorial-v13 .ms-selected-visual{border-radius:0} #mrshmllow-site .ms-editorial-v13 .ms-brand-scene{border-radius:0;margin:44px 0;background:transparent} #mrshmllow-site .ms-editorial-v13 .ms-fashion-story img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto} #mrshmllow-site .ms-editorial-v13 .ms-fashion-story figcaption{font-size:11px;letter-spacing:.08em;padding-top:16px;color:#cbbfd4} #mrshmllow-site .ms-editorial-v13 .ms-production-options>div{border-top:1px solid #a591b2} #mrshmllow-site .ms-editorial-v13 .ms-package-grid{display:block;margin-top:45px} #mrshmllow-site .ms-editorial-v13 .ms-package-card{display:grid;grid-template-columns:1fr 1.2fr 1.4fr auto;gap:28px;align-items:start;background:transparent;border:0;border-top:1px solid #65566f;border-radius:0;padding:32px 0} #mrshmllow-site .ms-editorial-v13 .ms-package-card h3{font-size:27px} #mrshmllow-site .ms-editorial-v13 .ms-package-card ul{margin:0;padding-inline-start:18px} #mrshmllow-site .ms-editorial-v13 .ms-package-card p{margin:0} #mrshmllow-site .ms-editorial-v13 .ms-company-editorial{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:70px 6%;background:#f5f3f0;color:#101014;border:0} #mrshmllow-site .ms-editorial-v13 .ms-company-editorial h2{font-size:clamp(36px,4.5vw,65px);line-height:1.13;letter-spacing:-.035em} #mrshmllow-site .ms-editorial-v13 .ms-company-editorial p,.ms-company-editorial h2{color:#101014} #mrshmllow-site .ms-editorial-v13 .ms-page-hero{display:block;padding-block:75px 90px} #mrshmllow-site .ms-editorial-v13 .ms-page-hero h1{font-size:clamp(45px,6vw,90px);line-height:1.07;max-width:1000px;letter-spacing:-.045em} #mrshmllow-site .ms-editorial-v13 .ms-page-intro{max-width:720px;font-size:20px;line-height:1.7} #mrshmllow-site .ms-editorial-v13 .ms-editorial{padding-block:48px;border-top:1px solid #65566f} #mrshmllow-site[data-lang="ar"] .ms-editorial-v13 h1,#mrshmllow-site[data-lang="ar"] .ms-editorial-v13 h2,#mrshmllow-site[data-lang="ar"] .ms-editorial-v13 figcaption{letter-spacing:normal!important;line-height:1.45!important} #mrshmllow-site[data-lang="ar"] .ms-editorial-v13 .ms-hero:before{background:linear-gradient(270deg,rgba(16,16,20,.94),rgba(16,16,20,.70) 45%,rgba(16,16,20,.1))} #mrshmllow-site[data-lang="ar"] .ms-editorial-v13 .ms-selected-logo{object-position:right center} @media(max-width:1000px){#mrshmllow-site .ms-editorial-v13 .ms-package-card{grid-template-columns:1fr 1fr}#mrshmllow-site .ms-editorial-v13 .ms-hero .ms-hero-copy{max-width:80%!important}} @media(max-width:760px){#mrshmllow-site .ms-editorial-v13 .ms-hero{display:flex!important;min-height:0;padding:45px 0 0;gap:24px;overflow:visible}#mrshmllow-site .ms-editorial-v13 .ms-hero:before{display:none}#mrshmllow-site .ms-editorial-v13 .ms-hero .ms-hero-copy{max-width:100%!important;padding:0}#mrshmllow-site .ms-editorial-v13 .ms-hero .ms-hero-copy h1{font-size:clamp(38px,10vw,62px)!important;line-height:1.12!important}#mrshmllow-site .ms-editorial-v13 .ms-agency-hero-image{position:relative;inset:auto;z-index:auto;height:auto;width:100%;order:2}#mrshmllow-site .ms-editorial-v13 .ms-agency-hero-image img{height:auto;object-fit:contain;aspect-ratio:1672/941}#mrshmllow-site .ms-editorial-v13 .ms-hero-bottom{order:3;margin:0 0 28px}#mrshmllow-site .ms-editorial-v13 .ms-growth-path{padding:45px 22px}#mrshmllow-site .ms-editorial-v13 .ms-growth-grid{grid-template-columns:1fr;gap:12px;margin-top:32px}#mrshmllow-site .ms-editorial-v13 .ms-work-head{gap:20px;align-items:start}#mrshmllow-site .ms-editorial-v13 .ms-agency-section{padding-block:48px}#mrshmllow-site .ms-editorial-v13 .ms-package-card{grid-template-columns:1fr;gap:16px}#mrshmllow-site .ms-editorial-v13 .ms-company-editorial{grid-template-columns:1fr;gap:24px;padding:40px 22px}#mrshmllow-site .ms-editorial-v13 .ms-page-hero{padding:45px 0}#mrshmllow-site .ms-editorial-v13 .ms-page-hero h1{font-size:42px}#mrshmllow-site .ms-editorial-v13 .ms-selected-grid{grid-template-columns:1fr}#mrshmllow-site .ms-editorial-v13 .ms-fashion-story img{aspect-ratio:3/2;object-fit:contain}#mrshmllow-site .ms-editorial-v13 .ms-production-options{grid-template-columns:1fr}} #mrshmllow-site .ms-editorial-v13 .ms-company-editorial .ms-eyebrow{color:#54396c} /* 2026-10-27: reconstructed approved readability, crop, logo and package corrections. */ #mrshmllow-site .ms-editorial-v13 .ms-company-editorial h2, #mrshmllow-site .ms-editorial-v13 .ms-company-editorial p, #mrshmllow-site .ms-editorial-v13 .ms-company-editorial a{color:#101014!important} #mrshmllow-site .ms-editorial-v13 .ms-company-editorial p{font-size:18px!important;line-height:1.75!important;font-weight:400} #mrshmllow-site .ms-editorial-v13 .ms-company-editorial h2{font-size:clamp(32px,4vw,58px);line-height:1.18} #mrshmllow-site .ms-editorial-v13 .ms-company-editorial .ms-eyebrow{color:#54396c!important} #mrshmllow-site .ms-editorial-v13 .ms-fashion-story img{display:block;aspect-ratio:1.44;object-fit:cover;object-position:left center;width:100%;height:auto} #mrshmllow-site .ms-editorial-v13 .ms-selected-logo{height:100px;max-height:none;display:flex;align-items:center;margin-bottom:26px} #mrshmllow-site .ms-editorial-v13 .ms-selected-logo img{max-height:100px;max-width:min(240px,100%);width:auto;height:auto;object-fit:contain} #mrshmllow-site .ms-editorial-v13 #haj-arafa .ms-selected-logo, #mrshmllow-site .ms-editorial-v13 #takhyal .ms-selected-logo, #mrshmllow-site .ms-editorial-v13 #beit-teta .ms-selected-logo{height:160px} #mrshmllow-site .ms-editorial-v13 #haj-arafa .ms-selected-logo img, #mrshmllow-site .ms-editorial-v13 #takhyal .ms-selected-logo img, #mrshmllow-site .ms-editorial-v13 #beit-teta .ms-selected-logo img{height:160px;width:160px;max-height:160px;max-width:100%;object-fit:contain} #mrshmllow-site .ms-editorial-v13 .ms-package-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,1.1fr) auto} #mrshmllow-site .ms-package-price{display:block;font-size:clamp(36px,4vw,56px);line-height:1.1;letter-spacing:-.035em;font-weight:500;color:#f5f3f0;margin-bottom:10px;direction:ltr;unicode-bidi:isolate} #mrshmllow-site .ms-package-price small{font-size:13px;line-height:1.5;letter-spacing:0;color:#c1bec9;font-weight:400} #mrshmllow-site .ms-package-description{display:block;font-size:15px;line-height:1.65} #mrshmllow-site .ms-package-cashback{display:block;color:#e2d5ed;font-size:14px;line-height:1.7;margin-top:16px} #mrshmllow-site .ms-package-card .ms-button{min-height:44px} #mrshmllow-site[data-lang="ar"] .ms-package-price{letter-spacing:0} @media(max-width:1000px){#mrshmllow-site .ms-editorial-v13 .ms-package-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}} @media(max-width:760px){ #mrshmllow-site .ms-editorial-v13 .ms-company-editorial h2{font-size:32px!important;line-height:1.22!important} #mrshmllow-site .ms-editorial-v13 .ms-company-editorial p{font-size:17px!important;line-height:1.8!important} #mrshmllow-site .ms-editorial-v13 .ms-page-intro{font-size:17px;line-height:1.75} #mrshmllow-site .ms-editorial-v13 .ms-page-hero h1{font-size:clamp(32px,8.5vw,42px)} #mrshmllow-site .ms-editorial-v13 .ms-work-head h2,#mrshmllow-site .ms-editorial-v13 .ms-selected-heading{font-size:32px;line-height:1.2} #mrshmllow-site .ms-editorial-v13 .ms-package-card{grid-template-columns:minmax(0,1fr);gap:18px;padding:28px 0} #mrshmllow-site .ms-editorial-v13 .ms-package-card ul{margin:0} #mrshmllow-site .ms-editorial-v13 .ms-package-card .ms-button{justify-self:start} #mrshmllow-site .ms-editorial-v13 .ms-selected-grid article h4{font-size:26px;line-height:1.3} #mrshmllow-site[data-lang="ar"] .ms-editorial-v13 .ms-company-editorial h2{line-height:1.5!important} } /* Prepared 27 October 2026. Page-level editorial consistency; no source content removed. */ #mrshmllow-site[data-page="contact"] .ms-page-hero, #mrshmllow-site[data-page="portfolio"] .ms-page-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:40px;border-bottom:1px solid #65566f;padding:72px 0 64px} #mrshmllow-site[data-page="contact"] .ms-page-hero h1, #mrshmllow-site[data-page="portfolio"] .ms-page-hero h1{font-size:clamp(40px,5.2vw,76px);line-height:1.12;letter-spacing:-.035em;max-width:900px;margin:20px 0 24px} #mrshmllow-site[data-page="contact"] .ms-page-symbol, #mrshmllow-site[data-page="portfolio"] .ms-page-symbol{width:140px;height:170px;max-width:100%;margin:0;justify-self:end;align-self:center} #mrshmllow-site[data-page="contact"] .ms-page-intro, #mrshmllow-site[data-page="portfolio"] .ms-page-intro{font-size:18px;line-height:1.8;max-width:42em;color:#c1bec9} #mrshmllow-site[data-page="contact"] .ms-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start;padding:64px 0 80px} #mrshmllow-site[data-page="contact"] .ms-contact-layout>aside{min-width:0;padding:14px 0} #mrshmllow-site[data-page="contact"] .ms-contact-layout h2{font-size:clamp(27px,3vw,40px);line-height:1.25;letter-spacing:-.02em;margin:0 0 24px} #mrshmllow-site[data-page="contact"] .ms-contact-layout p{font-size:17px;line-height:1.8;color:#c1bec9;max-width:38em} #mrshmllow-site[data-page="contact"] .ms-contact-email{display:inline-block;max-width:100%;font-size:clamp(17px,2vw,24px);line-height:1.7;overflow-wrap:anywhere;padding-block:12px;text-underline-offset:6px} #mrshmllow-site[data-page="contact"] .ms-contact-layout .ms-contact-brief{padding:clamp(28px,4vw,56px);background:#f5f3f0;color:#101014;border:0;border-radius:0;min-width:0} #mrshmllow-site[data-page="contact"] .ms-contact-brief h2, #mrshmllow-site[data-page="contact"] .ms-contact-brief p{color:#101014!important} #mrshmllow-site[data-page="contact"] .ms-contact-brief .ms-quote-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;margin-top:24px;padding:15px 23px;text-align:center;white-space:normal;line-height:1.5;background:#54396c;color:#fff;border-color:#54396c} #mrshmllow-site[data-page="contact"] .ms-social-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-block:24px} #mrshmllow-site[data-page="contact"] .ms-contact-note{margin-top:30px} #mrshmllow-site[data-page="portfolio"] .ms-selected-work{padding-block:64px;border-top:0} #mrshmllow-site[data-page="portfolio"] .ms-page-cta, #mrshmllow-site[data-page="project"] .ms-page-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:48px 0 64px;border-top:1px solid #65566f} #mrshmllow-site[data-page="portfolio"] .ms-page-cta h2, #mrshmllow-site[data-page="project"] .ms-page-cta h2{font-size:clamp(30px,3.4vw,48px);line-height:1.2;margin:0} #mrshmllow-site[data-page="portfolio"] .ms-page-cta p, #mrshmllow-site[data-page="project"] .ms-page-cta p{font-size:17px;line-height:1.8;margin:0 0 24px;color:#c1bec9} /* Existing genuine Takhyal visual; explicit in-progress caption retained. */ #mrshmllow-site .ms-selected-grid>#takhyal.ms-case-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);grid-column:1/-1;align-items:start;padding:clamp(26px,4vw,60px);background:#f5f3f0;color:#101014;border:0;border-radius:0} #mrshmllow-site #takhyal.ms-case-feature .ms-case-feature-image{margin:0;min-width:0} #mrshmllow-site #takhyal.ms-case-feature .ms-case-feature-image img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent;margin:0;border-radius:0} #mrshmllow-site #takhyal.ms-case-feature figcaption{font-size:12px;line-height:1.7;color:#625b69;padding-top:15px} #mrshmllow-site #takhyal.ms-case-feature .ms-case-feature-copy{min-width:0} #mrshmllow-site #takhyal.ms-case-feature .ms-selected-logo{height:100px;margin-bottom:24px} #mrshmllow-site #takhyal.ms-case-feature .ms-selected-logo img{width:100px;height:100px;max-height:100px;max-width:100%;object-fit:contain} #mrshmllow-site #takhyal.ms-case-feature h4{font-size:clamp(38px,5vw,72px);line-height:1.1;font-weight:600;letter-spacing:-.035em;color:#101014;margin:24px 0 30px} #mrshmllow-site #takhyal.ms-case-feature .ms-selected-role{font-size:13px;line-height:1.7;color:#54396c;margin:0} #mrshmllow-site #takhyal.ms-case-feature .ms-case-feature-goal{font-size:clamp(24px,2.8vw,36px);font-weight:500;line-height:1.35;letter-spacing:-.02em;color:#101014;margin:0 0 28px} #mrshmllow-site #takhyal.ms-case-feature .ms-case-feature-intro{font-size:17px;line-height:1.8;color:#625b69;margin-bottom:28px} #mrshmllow-site #takhyal.ms-case-feature details{border-top:1px solid #c9bfce;margin-top:26px} #mrshmllow-site #takhyal.ms-case-feature details p{color:#39343c;font-size:16px;line-height:1.8} #mrshmllow-site #takhyal.ms-case-feature details h5, #mrshmllow-site #takhyal.ms-case-feature details a, #mrshmllow-site #takhyal.ms-case-feature summary{color:#101014} #mrshmllow-site #takhyal.ms-case-feature summary{border:0;min-height:44px;padding-block:16px} #mrshmllow-site #takhyal.ms-case-feature a:focus-visible, #mrshmllow-site #takhyal.ms-case-feature summary:focus-visible{outline-color:#54396c} /* Legacy project pages retain every story, original image and video. */ #mrshmllow-site[data-page="project"] .ms-native-project-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 168px;gap:48px;align-items:start;padding-block:72px 56px;border-bottom:1px solid #65566f} #mrshmllow-site[data-page="project"] .ms-native-project-art{width:168px!important;height:144px!important;max-width:100%;margin:0;padding:12px!important;align-self:start} #mrshmllow-site[data-page="project"] .ms-native-project-art .ms-brand-credit{width:140px!important;height:120px!important;max-width:140px!important;max-height:120px!important} #mrshmllow-site[data-page="project"] .ms-native-project-art img{width:100%;height:100%;object-fit:contain} #mrshmllow-site[data-page="project"] .ms-native-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;padding-block:48px;border-top:0} #mrshmllow-site[data-page="project"] .ms-native-story h2{font-size:clamp(28px,3.2vw,44px);line-height:1.3;margin:0} #mrshmllow-site[data-page="project"] .ms-native-story p{font-size:17px;line-height:1.85;max-width:45em;color:#c1bec9} #mrshmllow-site[data-page="project"] .ms-native-gallery{gap:28px;margin-block:24px 56px} #mrshmllow-site[data-page="project"] .ms-native-gallery img{border-radius:0;max-width:100%;height:auto;object-fit:contain} #mrshmllow-site[data-page="project"] .ms-native-video-grid{gap:28px} #mrshmllow-site[data-page="project"] .ms-native-video-grid video{border-radius:0;width:100%;height:auto;object-fit:contain} /* Blog index only. Individual Ohio blog templates require separate live-DOM review. */ #mrshmllow-site[data-page="blog"] .ms-native-blog{gap:48px 32px;padding-block:48px} #mrshmllow-site[data-page="blog"] .ms-native-blog article{min-width:0;padding-bottom:28px;border-bottom:1px solid #65566f} #mrshmllow-site[data-page="blog"] .ms-native-blog img{border-radius:0;max-width:100%;aspect-ratio:4/3;object-fit:cover} #mrshmllow-site[data-page="blog"] .ms-native-blog h2{font-size:clamp(25px,2.8vw,38px);line-height:1.3;margin:24px 0 16px} #mrshmllow-site[data-page="blog"] .ms-native-blog p{font-size:17px;line-height:1.8;color:#c1bec9} #mrshmllow-site[data-page="blog"] .ms-native-blog time{font-size:13px;color:#c1bec9} #mrshmllow-site[data-lang="ar"] #takhyal.ms-case-feature h4, #mrshmllow-site[data-lang="ar"] #takhyal.ms-case-feature .ms-case-feature-goal, #mrshmllow-site[data-lang="ar"] .ms-native-story h2{letter-spacing:normal;line-height:1.5} @media(max-width:760px){ #mrshmllow-site[data-page="contact"] .ms-page-hero,#mrshmllow-site[data-page="portfolio"] .ms-page-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:40px} #mrshmllow-site[data-page="contact"] .ms-page-hero h1,#mrshmllow-site[data-page="portfolio"] .ms-page-hero h1{font-size:38px} #mrshmllow-site[data-page="contact"] .ms-page-symbol,#mrshmllow-site[data-page="portfolio"] .ms-page-symbol{width:84px;height:100px;justify-self:start} #mrshmllow-site[data-page="contact"] .ms-contact-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:40px} #mrshmllow-site[data-page="contact"] .ms-contact-layout .ms-contact-brief{padding:28px 22px} #mrshmllow-site[data-page="contact"] .ms-contact-layout h2{font-size:28px} #mrshmllow-site[data-page="portfolio"] .ms-page-cta,#mrshmllow-site[data-page="project"] .ms-page-cta{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:36px 48px} #mrshmllow-site .ms-selected-grid>#takhyal.ms-case-feature{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:30px} #mrshmllow-site #takhyal.ms-case-feature h4{font-size:42px;line-height:1.15} #mrshmllow-site #takhyal.ms-case-feature .ms-case-feature-goal{font-size:26px} #mrshmllow-site #takhyal.ms-case-feature .ms-case-feature-intro{font-size:17px} #mrshmllow-site #takhyal.ms-case-feature .ms-selected-logo{height:80px;margin-bottom:18px} #mrshmllow-site #takhyal.ms-case-feature .ms-selected-logo img{width:80px;height:80px} #mrshmllow-site[data-page="project"] .ms-native-project-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:40px} #mrshmllow-site[data-page="project"] .ms-native-story{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px} #mrshmllow-site[data-page="project"] .ms-native-gallery,#mrshmllow-site[data-page="project"] .ms-native-video-grid,#mrshmllow-site[data-page="blog"] .ms-native-blog{grid-template-columns:minmax(0,1fr);gap:24px} } /* Draft24: authentic contour as a small integrated accent, never a pasted cover panel. */ #mrshmllow-site{--ms-contour-accent:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221640%22%20height%3D%22720%22%20viewBox%3D%220%200%201640%20720%22%3E%3Ctitle%3EMRSHMLLOW%20%E2%80%94%20flowing%20identity%20cover%3C%2Ftitle%3E%3Cdesc%3EAuthentic%20asymmetric%20marshmallow%20contour%20extended%20as%20one%20oversized%20brand%20gesture%2C%20transparent%20decoration.%3C%2Fdesc%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22pearl%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23F8F5F6%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23EEEDF3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F9F7F5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ribbon%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22200%22%20y1%3D%22100%22%20x2%3D%221440%22%20y2%3D%22420%22%20gradientTransform%3D%22translate%2838%2038.4%29%20scale%280.0161290322581%29%20rotate%28-82%29%20translate%28-820%2095%29%22%3E%3Cstop%20stop-color%3D%22%23B593DB%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23D69BCD%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23B5ACDE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238ED7D0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28820%20-95%29%20rotate%2882%29%20scale%2862%29%20translate%28-38%20-38.4%29%22%3E%3Cpath%20d%3D%22M%2038.270702%2C48.515800%20C%2035.087700%2C48.515800%2030.936701%2C47.656799%2030.008701%2C45.051804%20C%2029.585701%2C43.867802%2029.759701%2C42.107803%2030.524700%2C39.819801%20C%2030.559700%2C39.715801%2030.609701%2C39.590801%2030.668701%2C39.443802%20C%2030.910702%2C38.838802%2031.276701%2C37.923801%2031.294701%2C36.735802%20C%2031.299702%2C36.361801%2031.270700%2C36.033802%2031.237701%2C35.653801%20C%2031.165701%2C34.833801%2031.064701%2C34.344803%2030.975700%2C33.912804%20C%2030.898701%2C33.538803%2030.832701%2C33.216801%2030.804701%2C32.789803%20C%2030.762701%2C32.136803%2030.705700%2C31.243801%2031.087700%2C30.483803%20C%2032.223701%2C28.224802%2036.651699%2C28.259802%2038.315701%2C28.267801%20L%2038.343700%2C28.267801%20C%2038.797699%2C28.270802%2039.361702%2C28.274801%2040.110703%2C28.381802%20C%2041.664700%2C28.604801%2045.357700%2C29.365801%2046.068703%2C31.605803%20C%2046.289700%2C32.301804%2046.062702%2C33.205803%2045.610703%2C35.005802%20C%2045.513702%2C35.392803%2045.430702%2C35.705803%2045.360703%2C35.974800%20C%2045.125702%2C36.865803%2045.018700%2C37.271801%2044.936699%2C38.217804%20C%2044.835701%2C39.391800%2044.922699%2C40.341801%2044.983700%2C40.803802%20C%2045.087700%2C41.593803%2045.147701%2C41.824802%2045.307701%2C42.442802%20L%2045.380699%2C42.725800%20C%2045.616699%2C43.644802%2045.729702%2C45.050804%2045.474701%2C45.847801%20C%2044.829700%2C47.859802%2041.065701%2C48.353802%2039.477699%2C48.472801%20C%2039.098701%2C48.500801%2038.692699%2C48.515800%2038.270702%2C48.515800%20Z%20M%2037.882287%2C29.831658%20C%2036.280902%2C29.877790%2033.089898%2C30.018922%2032.262014%2C31.724875%20C%2031.961659%2C32.333592%2032.016471%2C33.045120%2032.060057%2C33.614564%20C%2032.086840%2C33.968764%2032.145787%2C34.240038%2032.213441%2C34.553616%20C%2032.293971%2C34.927157%2032.384178%2C35.349976%2032.444858%2C36.033219%20C%2032.473175%2C36.381764%2032.494888%2C36.663332%2032.483782%2C36.988552%20C%2032.441105%2C38.030108%2032.071407%2C38.864648%2031.851154%2C39.367844%20C%2031.797446%2C39.491055%2031.751339%2C39.597028%2031.719858%2C39.683959%20C%2031.016239%2C41.646082%2030.840252%2C43.153598%2031.184456%2C44.157387%20C%2032.054166%2C46.633910%2036.623682%2C47.165258%2039.255345%2C46.879438%20C%2040.576541%2C46.749781%2043.706945%2C46.337339%2044.208504%2C44.704228%20C%2044.413273%2C44.052954%2044.305174%2C42.887646%2044.100652%2C42.123815%20L%2044.036005%2C41.881670%20C%2043.893815%2C41.346440%2043.840802%2C41.146265%2043.753755%2C40.465940%20C%2043.704698%2C40.066857%2043.643670%2C39.247018%2043.764851%2C38.228377%20C%2043.864931%2C37.397027%2043.970745%2C37.039174%2044.201273%2C36.250009%20C%2044.269248%2C36.015246%2044.347367%2C35.741591%2044.438541%2C35.406129%20C%2044.852072%2C33.852854%2045.053982%2C33.073295%2044.882492%2C32.511073%20C%2044.300072%2C30.641593%2041.138593%2C30.027510%2039.809907%2C29.869160%20C%2039.167984%2C29.796829%2038.684152%2C29.809164%2038.296448%2C29.819556%20L%2038.272202%2C29.820372%20C%2038.156228%2C29.823392%2038.025665%2C29.826889%2037.882287%2C29.831658%20Z%22%20fill%3D%22url%28%23ribbon%29%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} #mrshmllow-site .ms-production > .ms-work-head > h2::after, #mrshmllow-site #our-point-of-view > h2::after, #mrshmllow-site[data-page="portfolio"] .ms-page-cta > h2::after, #mrshmllow-site[data-page="contact"] .ms-contact-brief > h2::after{content:"";display:block;inline-size:112px;block-size:49px;margin-block-start:16px;background:transparent var(--ms-contour-accent) center/contain no-repeat;pointer-events:none} /* Current page stays identifiable without hover, animation or a layout shift. */ #mrshmllow-site .ms-nav-links > a[aria-current="page"], #mrshmllow-site .ms-mobile-nav > a[aria-current="page"]{color:#e2d5ed!important;text-decoration-line:underline;text-decoration-color:#c9a4df;text-decoration-thickness:2px;text-underline-offset:7px} @media(max-width:760px){ #mrshmllow-site .ms-production > .ms-work-head > h2::after, #mrshmllow-site #our-point-of-view > h2::after, #mrshmllow-site[data-page="portfolio"] .ms-page-cta > h2::after, #mrshmllow-site[data-page="contact"] .ms-contact-brief > h2::after{inline-size:96px;block-size:42px;margin-block-start:14px}} /* Actual approved website-set concept, clearly distinguished from genuine client evidence. */ #mrshmllow-site #beit-teta .ms-hospitality-concept{margin:0 0 32px;max-width:100%} #mrshmllow-site #beit-teta .ms-hospitality-concept img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0} #mrshmllow-site #beit-teta .ms-hospitality-concept figcaption{font-size:13px;line-height:1.7;color:#c1bec9;padding-top:14px;max-width:60em} /* Exact owner-approved raster identity, no distortion or re-creation. */ #mrshmllow-site .ms-logo{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0} #mrshmllow-site .ms-logo .ms-owner-logo{display:block;width:112px;height:112px;max-width:100%;object-fit:contain;border-radius:0} #mrshmllow-site .ms-site-footer .ms-footer-owner-logo{display:block;width:160px;height:160px;object-fit:contain;margin:0 0 24px;border-radius:0} @media(max-width:760px){#mrshmllow-site .ms-logo .ms-owner-logo{width:100px;height:100px}#mrshmllow-site .ms-nav{padding-block:8px}#mrshmllow-site .ms-site-footer .ms-footer-owner-logo{width:144px;height:144px}} /* Browser QA: override inherited dark link text on purple WhatsApp CTA. */ #mrshmllow-site[data-page="contact"] .ms-editorial-v13 .ms-contact-brief a.ms-quote-button,#mrshmllow-site[data-page="contact"] .ms-contact-brief .ms-quote-button{color:#ffffff!important;background:#54396c!important;border-color:#54396c!important} /* Owner-requested refined offers, 27 October2026. Exact economics unchanged. */ #mrshmllow-site .ms-editorial-v13 .ms-package-card{grid-template-columns:minmax(0,.75fr) minmax(0,1.2fr) minmax(0,1.3fr) minmax(130px,.7fr);gap:28px;padding:36px 20px} #mrshmllow-site .ms-editorial-v13 .ms-package-card>div{min-width:0} #mrshmllow-site .ms-package-title h3{margin-bottom:12px} #mrshmllow-site .ms-package-positioning{display:block;color:#f5f3f0;font-size:19px;line-height:1.5;font-weight:500;margin:18px 0 10px} #mrshmllow-site .ms-editorial-v13 .ms-package-description{font-size:15px;line-height:1.75;color:#c1bec9} #mrshmllow-site .ms-editorial-v13 .ms-package-detail li{font-size:15px;line-height:1.7} #mrshmllow-site .ms-editorial-v13 .ms-package-comparison{font-size:14px;line-height:1.75;color:#e2d5ed;margin-top:22px} #mrshmllow-site .ms-editorial-v13 .ms-package-recommended{background:#211a29;border-top:2px solid #c9a4df} #mrshmllow-site .ms-package-badge{display:inline-block;max-width:100%;background:#e2d5ed;color:#211a29;font-size:12px;font-weight:600;line-height:1.6;padding:6px 10px;margin-bottom:18px} #mrshmllow-site .ms-packages .ms-quote-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;max-width:100%;padding:14px 18px;white-space:normal;text-align:center;line-height:1.5;color:#fff!important;background:#54396c!important;border:1px solid #a28daf;border-radius:0} #mrshmllow-site .ms-packages .ms-quote-button:hover{background:#684780!important} #mrshmllow-site .ms-packages .ms-quote-button:focus-visible{outline:3px solid #e2d5ed;outline-offset:5px} #mrshmllow-site .ms-editorial-v13 .ms-package-scope{font-size:15px;line-height:1.8;color:#c1bec9;max-width:54em;margin:24px 0 0} #mrshmllow-site .ms-editorial-v13 .ms-signature-360{margin-top:64px;padding:clamp(28px,5vw,64px);background:#f5f3f0;color:#101014;border:0;max-width:100%} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 .ms-eyebrow{color:#54396c;font-size:12px;letter-spacing:.12em;text-transform:uppercase} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 h3{font-size:clamp(40px,5vw,68px);line-height:1.15;color:#101014;margin:18px 0 20px;letter-spacing:-.035em} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 h4{font-size:clamp(25px,3vw,38px);line-height:1.3;color:#101014;margin:0 0 24px;max-width:26em} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 p,#mrshmllow-site .ms-editorial-v13 .ms-signature-360 li{color:#39343c;font-size:17px;line-height:1.8;max-width:52em} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 ul{padding-inline-start:20px;margin:24px 0} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 .ms-signature-scope{font-size:14px;color:#625b69;margin:24px 0} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 .ms-quote-support{font-size:13px;margin:14px 0 0;color:#625b69} #mrshmllow-site .ms-signature-360 .ms-quote-button:focus-visible{outline-color:#54396c} #mrshmllow-site[data-lang="ar"] .ms-signature-360 h3,#mrshmllow-site[data-lang="ar"] .ms-signature-360 .ms-eyebrow{letter-spacing:normal} @media(max-width:1100px){#mrshmllow-site .ms-editorial-v13 .ms-package-card{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){#mrshmllow-site .ms-editorial-v13 .ms-package-card{grid-template-columns:minmax(0,1fr);gap:22px;padding:30px 18px}#mrshmllow-site .ms-editorial-v13 .ms-signature-360{padding:30px 22px;margin-top:44px}#mrshmllow-site .ms-editorial-v13 .ms-signature-360 h3{font-size:40px}#mrshmllow-site .ms-editorial-v13 .ms-signature-360 h4{font-size:28px}} /* Owner13:08: explicit labels and icons, not color alone. */ #mrshmllow-site .ms-packages .ms-package-detail .ms-package-list-label{font-size:13px;line-height:1.6;letter-spacing:.025em;font-weight:600;color:#fff;margin:0 0 12px} #mrshmllow-site .ms-packages .ms-package-detail .ms-excluded-label{color:#b7b3bf;margin-top:24px} #mrshmllow-site .ms-packages .ms-package-detail ul{list-style:none;padding:0;margin:0} #mrshmllow-site .ms-packages .ms-package-detail li{display:flex;align-items:flex-start;gap:10px;margin:10px 0} #mrshmllow-site .ms-packages .ms-package-detail .ms-included-list li{color:#fff} #mrshmllow-site .ms-packages .ms-package-detail .ms-excluded-list li{color:#b7b3bf} #mrshmllow-site .ms-package-detail li>span:first-child{flex:0 0 16px} #mrshmllow-site .ms-package-detail li>span:last-child{min-width:0} /* Same nine comparable feature rows in every monthly tier. */ #mrshmllow-site .ms-packages .ms-package-checklist strong{display:block;font-size:14px;line-height:1.6;font-weight:500;color:inherit} #mrshmllow-site .ms-packages .ms-package-checklist .ms-feature-status{display:block;font-size:13px;line-height:1.7;color:inherit;margin-top:2px} #mrshmllow-site .ms-packages .ms-package-checklist li.ms-feature-included{color:#fff} #mrshmllow-site .ms-packages .ms-package-checklist li.ms-feature-excluded{color:#b7b3bf} #mrshmllow-site .ms-packages .ms-package-checklist li.ms-feature-custom{color:#cbb9d9} /* Visually reviewed Higgsfield comparison pattern, reinterpreted in MRSHMLLOW's restrained palette. */ #mrshmllow-site .ms-editorial-v13 .ms-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;margin-top:40px} #mrshmllow-site .ms-editorial-v13 .ms-package-card{display:flex;flex-direction:column;gap:0;min-width:0;padding:28px;border:1px solid #65566f;border-radius:0;background:#17141c} #mrshmllow-site .ms-editorial-v13 .ms-package-card.ms-package-recommended{border:2px solid #c9a4df;background:linear-gradient(180deg,#2c2236 0,#1d1723 320px);padding:27px} #mrshmllow-site .ms-package-card .ms-package-title{min-height:92px} #mrshmllow-site .ms-package-card .ms-package-overview{min-height:238px} #mrshmllow-site .ms-package-card .ms-package-price{font-size:44px} #mrshmllow-site .ms-package-card .ms-package-price small{display:block;margin-top:8px} #mrshmllow-site .ms-packages .ms-package-card>a.ms-quote-button{display:flex;align-self:stretch;width:100%;box-sizing:border-box;min-height:52px;margin:24px 0 28px} #mrshmllow-site .ms-package-card .ms-package-detail{flex:1;width:100%} #mrshmllow-site .ms-packages .ms-package-checklist>li{min-height:54px;margin:0;padding:10px 0;box-sizing:border-box} #mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(3){min-height:132px} #mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(4),#mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(8){border-top:1px solid #65566f;padding-top:20px;margin-top:12px} #mrshmllow-site .ms-packages .ms-quantity-chip{display:inline-block;background:#3c3048;color:#fff;font-size:14px;font-weight:600;line-height:1.5;min-width:28px;text-align:center;padding:2px 6px;margin-inline-end:4px} #mrshmllow-site .ms-feature-excluded .ms-quantity-chip{background:#29252e;color:#b7b3bf} @media(max-width:1179px) and (min-width:761px){#mrshmllow-site .ms-editorial-v13 .ms-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){#mrshmllow-site .ms-editorial-v13 .ms-package-grid{grid-template-columns:minmax(0,1fr);gap:24px}#mrshmllow-site .ms-editorial-v13 .ms-package-card{padding:26px 22px}#mrshmllow-site .ms-editorial-v13 .ms-package-card.ms-package-recommended{padding:25px 21px}#mrshmllow-site .ms-package-card .ms-package-title,#mrshmllow-site .ms-package-card .ms-package-overview{min-height:0}#mrshmllow-site .ms-package-card .ms-package-title{margin-bottom:16px}#mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(3){min-height:0}} /* Browser QA20: reserve the same recommendation strip on every package. */ #mrshmllow-site .ms-package-card .ms-package-title{position:relative;box-sizing:border-box;min-height:112px;padding-top:49px;width:100%} #mrshmllow-site .ms-package-card .ms-package-title .ms-package-badge{position:absolute;top:0;inset-inline-start:0;margin:0;width:max-content;max-width:100%} /* Owner refinement27Oct13:46: included-benefit explanations and concise Signature360. */ #mrshmllow-site .ms-packages .ms-package-checklist .ms-feature-explanation{display:block;font-size:13px;line-height:1.75;font-weight:400;color:#d4cfdb;max-width:34em;margin-top:10px} #mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(1),#mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(2){min-height:150px} #mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(3){min-height:174px} #mrshmllow-site .ms-editorial-v13 .ms-signature-360{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(34px,5vw,60px);margin-top:56px;border-top:1px solid #c9bfce;background:#f5f3f0} #mrshmllow-site .ms-signature-identity,#mrshmllow-site .ms-signature-summary{min-width:0} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 .ms-eyebrow{font-size:11px;line-height:1.7;letter-spacing:.12em;color:#625b69;margin:0 0 22px} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 h3{font-size:clamp(42px,4.7vw,62px);line-height:1.12;letter-spacing:-.04em;font-weight:500;margin:0;color:#211a29} #mrshmllow-site .ms-editorial-v13 .ms-signature-summary>p:first-child{font-size:19px;line-height:1.75;color:#39343c;margin:0;max-width:37em} #mrshmllow-site .ms-editorial-v13 .ms-signature-360 .ms-signature-scope{font-size:14px;line-height:1.75;color:#625b69;margin:20px 0 26px;max-width:42em} #mrshmllow-site .ms-signature-summary .ms-signature-button{font-size:14px;min-height:50px;padding:15px 22px;max-width:100%} #mrshmllow-site[data-lang="ar"] .ms-editorial-v13 .ms-signature-360 h3,#mrshmllow-site[data-lang="ar"] .ms-editorial-v13 .ms-signature-360 .ms-eyebrow{letter-spacing:normal} @media(max-width:760px){#mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(1),#mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(2),#mrshmllow-site .ms-packages .ms-package-checklist>li:nth-child(3){min-height:0;padding-block:12px}#mrshmllow-site .ms-editorial-v13 .ms-signature-360{grid-template-columns:minmax(0,1fr);gap:26px;padding:34px 24px;margin-top:44px}#mrshmllow-site .ms-editorial-v13 .ms-signature-360 h3{font-size:40px}#mrshmllow-site .ms-editorial-v13 .ms-signature-360 .ms-eyebrow{margin-bottom:16px}#mrshmllow-site .ms-editorial-v13 .ms-signature-summary>p:first-child{font-size:17px}} /* Actual20.2browserQA: Arabic mobilefooter inherited11px and no inlinepadding. */ @media(max-width:700px){ #mrshmllow-site[data-lang="ar"] .ms-site-footer{box-sizing:border-box;width:100%;max-width:100%;padding-inline:22px} #mrshmllow-site[data-lang="ar"] .ms-site-footer>div:first-child{width:100%;max-width:100%;min-width:0} #mrshmllow-site[data-lang="ar"] .ms-site-footer>div:first-child>p,#mrshmllow-site[data-lang="ar"] .ms-site-footer>div:first-child>span{font-size:14px;line-height:1.9;overflow-wrap:break-word} #mrshmllow-site[data-lang="ar"] .ms-site-footer>div:first-child>span{display:block;margin-top:16px} } /* Owner-approved Takhyal paper matched to authentic logo background. */ #mrshmllow-site .ms-selected-grid>#takhyal.ms-case-feature{background:#f0edde} /* Confirmed launch packages27Oct: no invented deadline/discount, reels within content totals. */ #mrshmllow-site .ms-packages .ms-package-launch{display:block;color:#d9c7e6;font-size:12px;font-weight:500;line-height:1.6;letter-spacing:.04em;margin:0 0 12px} #mrshmllow-site[data-lang="ar"] .ms-packages .ms-package-launch{letter-spacing:normal} #mrshmllow-site .ms-packages .ms-package-checklist>li[data-feature="ai-production"]{min-height:158px} #mrshmllow-site .ms-packages .ms-package-checklist>li[data-feature="real-reels"]{min-height:218px} #mrshmllow-site .ms-packages .ms-package-checklist>li[data-feature="media-management"]{min-height:174px} #mrshmllow-site .ms-packages .ms-package-checklist>li[data-feature="extra-production"]{min-height:92px} #mrshmllow-site .ms-packages .ms-package-checklist>li[data-feature="signature-projects"]{min-height:84px} @media(max-width:760px){#mrshmllow-site .ms-packages .ms-package-checklist>li[data-feature]{min-height:0}} /* Draft22.1: match overview space to the tallest measured desktop copy; mobile remains natural. */ @media(min-width:761px){#mrshmllow-site .ms-package-card .ms-package-overview{min-height:250px}} /* Owner-approved deliberate reveal: compact offers, one native dismissible comparison. No JS or auto-open. */ #mrshmllow-site .ms-packages-compact .ms-package-grid>.ms-package-card{display:flex;flex-direction:column;padding:26px;gap:0} #mrshmllow-site .ms-packages-compact .ms-package-grid>.ms-package-recommended{padding:25px} #mrshmllow-site .ms-packages-compact .ms-package-grid>.ms-package-card>.ms-package-title{min-height:90px;padding-top:38px} #mrshmllow-site .ms-packages-compact .ms-package-grid>.ms-package-card>.ms-package-overview{min-height:0} #mrshmllow-site .ms-packages-compact .ms-package-highlights{flex:1;list-style:none;padding:0;margin:18px 0 16px} #mrshmllow-site .ms-packages-compact .ms-package-highlights li{font-size:15px;line-height:1.75;color:#f5f3f0;margin:9px 0;padding:0} #mrshmllow-site .ms-packages-compact .ms-package-highlights li:first-child{font-weight:600} #mrshmllow-site .ms-packages-compact .ms-package-card .ms-package-compact-scope{font-size:12px;line-height:1.8;color:#c1bec9;margin:0;min-height:44px} #mrshmllow-site .ms-packages-compact .ms-package-card>a.ms-quote-button{margin:22px 0 0;min-height:52px} #mrshmllow-site .ms-package-essential-scope{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:30px;padding:24px 0 0} #mrshmllow-site .ms-packages-compact .ms-package-essential-scope p{font-size:13px;line-height:1.8;color:#c1bec9;margin:0} #mrshmllow-site .ms-packages-compact .ms-package-essential-scope .ms-package-essential-cashback{color:#e2d5ed} #mrshmllow-site .ms-packages-compact .ms-package-comparison-details{margin:26px 0 0;border:0;max-width:100%} #mrshmllow-site .ms-package-comparison-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box;min-height:64px;padding:18px 22px;border:1px solid #887497;background:#211a29;color:#fff;font-size:16px;line-height:1.6;font-weight:500;cursor:pointer;list-style:none} #mrshmllow-site .ms-package-comparison-details>summary::-webkit-details-marker{display:none} #mrshmllow-site .ms-package-comparison-details>summary:hover{border-color:#c9a4df} #mrshmllow-site .ms-package-comparison-details>summary:focus-visible{outline:3px solid #e2d5ed;outline-offset:4px} #mrshmllow-site .ms-package-comparison-details .ms-comparison-open-label{display:none} #mrshmllow-site .ms-package-comparison-details[open] .ms-comparison-open-label{display:inline} #mrshmllow-site .ms-package-comparison-details[open] .ms-comparison-closed-label{display:none} #mrshmllow-site .ms-comparison-toggle-icon{display:inline-block;flex:0 0 auto;font-size:28px;line-height:1;font-weight:300} #mrshmllow-site .ms-package-comparison-details[open] .ms-comparison-toggle-icon{transform:rotate(45deg)} #mrshmllow-site .ms-packages-compact .ms-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:28px;align-items:start} #mrshmllow-site .ms-packages-compact .ms-comparison-column{min-width:0;padding:22px 16px;border-inline-start:1px solid #65566f} #mrshmllow-site .ms-packages-compact .ms-comparison-recommended{background:#211a29} #mrshmllow-site .ms-packages-compact .ms-comparison-column>h3{font-size:24px;line-height:1.4;margin:0 0 26px;min-height:34px;color:#f5f3f0} #mrshmllow-site .ms-packages-compact .ms-comparison-column .ms-package-detail{min-width:0;width:100%} #mrshmllow-site .ms-packages-compact .ms-signature-summary>p:first-child{max-width:32em} @media(max-width:1049px){#mrshmllow-site .ms-packages-compact .ms-comparison-grid{grid-template-columns:minmax(0,1fr);gap:24px}#mrshmllow-site .ms-packages-compact .ms-comparison-column{padding:24px;border:1px solid #65566f}#mrshmllow-site .ms-packages-compact .ms-comparison-column .ms-package-checklist>li{min-height:0}} @media(max-width:760px){#mrshmllow-site .ms-packages-compact .ms-package-grid>.ms-package-card{padding:24px 22px}#mrshmllow-site .ms-packages-compact .ms-package-grid>.ms-package-recommended{padding:23px 21px}#mrshmllow-site .ms-packages-compact .ms-package-grid>.ms-package-card>.ms-package-title{min-height:0;padding-top:38px;margin-bottom:16px}#mrshmllow-site .ms-packages-compact .ms-package-card .ms-package-compact-scope{min-height:0}#mrshmllow-site .ms-package-essential-scope{grid-template-columns:minmax(0,1fr);gap:16px}#mrshmllow-site .ms-package-comparison-details>summary{padding:16px 18px;font-size:15px}#mrshmllow-site .ms-packages-compact .ms-comparison-column{padding:24px 18px}} #mrshmllow-site .ms-package-comparison-details:not([open])>.ms-comparison-grid{display:none} /* Revision25: consistent native line padlocks; no emoji. Explicit inclusion/custom-quote text remains authoritative. */ #mrshmllow-site .ms-packages .ms-package-checklist > li > span[aria-hidden="true"]:first-child{display:inline-block;flex:0 0 22px;width:22px;height:24px;margin-top:1px;font-size:0!important;line-height:0;background-position:center;background-size:22px 22px;background-repeat:no-repeat} #mrshmllow-site .ms-packages .ms-package-checklist > li.ms-feature-included > span[aria-hidden="true"]:first-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2d5ed%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2011V7a4%204%200%200%201%207.7-1.5%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M12%2016v2%22%2F%3E%3C%2Fsvg%3E")} #mrshmllow-site .ms-packages .ms-package-checklist > li.ms-feature-excluded > span[aria-hidden="true"]:first-child, #mrshmllow-site .ms-packages .ms-package-checklist > li.ms-feature-custom > span[aria-hidden="true"]:first-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23aaa4b2%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2011V7a4%204%200%200%201%208%200v4%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M12%2016v2%22%2F%3E%3C%2Fsvg%3E")}