/* Native editorial system. Existing Midad green and self-hosted Arabic fonts. */
@font-face{font-family:Midad;src:url('assets/arabic-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Midad;src:url('assets/arabic-bold.ttf');font-weight:600 900;font-display:swap}
:root{--ink:#193b32;--muted:#596b63;--paper:#fafcf9;--tint:#edf2ec;--line:#d4ddd4;--radius:8px;font-family:Midad,Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:weight;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #376f59;outline-offset:5px}a:active{transform:translateY(1px)}.skip{position:absolute;top:-100px;right:20px;z-index:20;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.site-nav{max-width:1400px;padding:20px 5%;margin:auto;display:flex;align-items:center;gap:30px;min-height:80px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;gap:9px;align-items:baseline;white-space:nowrap;font-weight:700;font-size:37px;letter-spacing:-1.5px;line-height:1}.wordmark span{font-size:15px;font-weight:400;letter-spacing:0}.site-nav nav{margin-inline:auto;display:flex;gap:30px;font-size:14px}.site-nav nav a:hover,.site-footer nav a:hover{color:#386a56}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:50px;padding:14px 23px;border:1px solid var(--ink);border-radius:var(--radius);font-weight:700;font-size:14px;white-space:nowrap;transition:background .18s,transform .18s}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:#295342}.button.outline{background:transparent;color:var(--ink);padding:11px 17px;min-height:44px}.button.outline:hover{background:var(--tint)}.button span{font:22px Arial}main{max-width:1400px;margin:auto}.portal-hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:6%;padding:55px 5% 74px}.hero-copy{padding-bottom:10px}.eyebrow{font-size:14px;font-weight:700;margin:0 0 26px;color:var(--muted)}h1{font-size:clamp(42px,4.8vw,70px);line-height:1.3;font-weight:700;letter-spacing:-1.8px;margin:0 0 25px}h1 span{color:#466c5c}.hero-lead{font-size:20px;line-height:1.85;max-width:25em;margin:0 0 33px}.hero-photo{margin:0;overflow:hidden;border-radius:var(--radius);height:540px}.hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 58%}.section-intro h2,.clarity-title h2{font-size:clamp(32px,3.3vw,48px);line-height:1.4;letter-spacing:-1px;margin:0 0 23px}.section-intro p{max-width:31em;font-size:16px;line-height:1.9;color:var(--muted);margin:0}.uses-section{padding:74px 5% 92px;display:grid;grid-template-columns:.95fr 1.4fr;gap:9%;border-top:1px solid var(--line)}.uses-list{padding-top:1px}.use-row{display:flex;align-items:center;gap:26px;padding:25px 0;border-bottom:1px solid var(--line);transition:padding .18s}.use-row:first-child{padding-top:0}.use-row:last-child{border:0;padding-bottom:0}.use-row:hover{padding-inline-start:7px}.use-row h3{font-size:24px;font-weight:700;margin:0 0 9px}.use-row p{font-size:14px;line-height:1.85;color:var(--muted);margin:0;max-width:30em}.use-link{margin-inline-start:auto;flex-shrink:0;font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:14px}.use-link span{font:26px Arial}.method-section{background:var(--tint);padding:76px 5% 80px}.method-section .section-intro{max-width:740px}.method-flow{counter-reset:step;list-style:none;padding:0;margin:45px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.method-flow li{counter-increment:step;position:relative;padding-top:38px;border-top:1px solid #bdcbbc}.method-flow li::before{content:counter(step,decimal-leading-zero);position:absolute;top:-12px;background:var(--tint);padding-inline-end:18px;font:16px Arial;color:var(--muted)}.method-flow h3{font-size:25px;margin:0 0 13px}.method-flow p{font-size:15px;line-height:1.95;color:var(--muted);margin:0;max-width:28em}.clarity-section{display:grid;grid-template-columns:1fr 1.25fr;gap:8%;padding:98px 5%}.clarity-content details{border-bottom:1px solid var(--line);padding:21px 0}.clarity-content details:first-child{padding-top:0}.clarity-content summary{cursor:pointer;font-size:19px;font-weight:700;line-height:1.6;padding-inline-end:26px}.clarity-content details p{font-size:15px;line-height:1.95;color:var(--muted);margin:16px 0 5px;max-width:45em}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:6px;font-weight:700;font-size:14px;padding:13px 0}.site-footer{max-width:1400px;margin:auto;border-top:1px solid var(--line);padding:43px 5% 30px;display:flex;align-items:center;gap:35px;flex-wrap:wrap}.site-footer p{font-size:13px;line-height:1.9;margin:0}.site-footer nav{margin-inline-start:auto;display:flex;gap:27px;font-size:13px}.site-footer small{width:100%;font-size:11px;color:var(--muted);line-height:1.8;margin-top:6px}
/* Experience gallery has real editor examples; demo brands live only here. */
.experiences-main{padding:65px 5% 85px}.experience-heading{max-width:770px;margin-bottom:28px}.experience-heading h1{font-size:clamp(39px,4vw,58px)}.experience-heading p{font-size:18px;line-height:1.9;color:var(--muted);max-width:38em;margin:0}.experience-notice{padding:16px 19px;background:var(--tint);font-size:13px;line-height:1.9;margin:0 0 40px;border-radius:var(--radius)}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 30px}.experience-card{min-width:0;scroll-margin-top:30px}.experience-card.wide{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.experience-image{display:block;aspect-ratio:16/10;background:var(--tint);border-radius:var(--radius);overflow:hidden}.experience-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.experience-image:hover img{transform:scale(1.015)}.experience-card.wide .experience-image{aspect-ratio:16/9}.experience-card.shop .experience-image img{object-fit:contain;background:#f1eeeb}.experience-info{padding-top:20px}.experience-card.wide .experience-info{padding-top:0}.experience-info h2{font-size:30px;line-height:1.45;margin:0 0 13px;letter-spacing:-.5px}.experience-info p{font-size:15px;line-height:1.9;color:var(--muted);max-width:37em;margin:0 0 15px}.experience-type{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.experience-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:21px}.certificate-art{height:100%;padding:28px;background:#e8eee7;display:flex;align-items:center;justify-content:center}.certificate-art-inner{width:100%;height:100%;border:1px solid #94aa9b;background:#fbfcf9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--ink);outline:1px solid #c7d2c8;outline-offset:-9px;padding:28px;text-align:center}.certificate-art-inner small{font-size:11px;letter-spacing:1px}.certificate-art-inner strong{font-size:36px;font-weight:700}.certificate-art-inner span{font-size:16px}.certificate-art-inner i{width:90px;border-top:1px solid #b5c3b5;margin:6px}.experience-tail{margin-top:62px;padding:32px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.experience-tail h2{font-size:28px;margin:0}.experience-tail p{font-size:15px;color:var(--muted);line-height:1.9;margin:0 0 10px}
@media(max-width:1024px){.site-nav{gap:22px}.site-nav nav{gap:19px;font-size:13px}.hero-photo{height:470px}.portal-hero{gap:5%}.hero-lead{font-size:18px}.uses-section{gap:5%;grid-template-columns:1fr 1.3fr}.use-row{gap:14px}.use-row h3{font-size:22px}.use-link{font-size:10px}.method-flow{gap:30px}.experience-card.wide{gap:30px}.experience-info h2{font-size:25px}.site-footer nav{gap:18px}.clarity-section{gap:6%}}
@media(max-width:767px){.site-nav{padding:19px 22px;min-height:72px;flex-wrap:wrap;gap:18px}.wordmark{font-size:32px}.site-nav>.button{margin-inline-start:auto;font-size:12px;gap:16px;padding:8px 13px}.site-nav nav{order:2;width:100%;justify-content:space-between;margin:0;font-size:12px;gap:12px}.portal-hero{padding:40px 22px 46px;grid-template-columns:1fr;gap:34px}.eyebrow{margin-bottom:20px;font-size:13px}.hero-copy{padding:0}h1{font-size:clamp(38px,8.6vw,57px);letter-spacing:-1.1px;margin-bottom:19px}.hero-lead{font-size:17px;line-height:1.8;margin-bottom:25px;max-width:26em}.hero-photo{height:330px;object-position:center 60%}.button{font-size:13px;min-height:49px;padding:12px 19px}.uses-section{display:block;padding:49px 22px 50px}.section-intro h2,.clarity-title h2{font-size:33px;letter-spacing:-.6px;margin-bottom:17px}.section-intro p{font-size:15px}.uses-list{margin-top:32px}.use-row{padding:23px 0;gap:15px}.use-row h3{font-size:21px}.use-row p{font-size:13px}.use-link{font-size:10px;max-width:78px;line-height:1.8}.method-section{padding:50px 22px}.method-flow{grid-template-columns:1fr;gap:32px;margin-top:36px}.method-flow li{padding-top:23px}.method-flow h3{font-size:23px;margin-bottom:9px}.method-flow p{font-size:14px;max-width:none}.clarity-section{display:block;padding:51px 22px}.clarity-title{margin-bottom:31px}.clarity-content summary{font-size:17px}.clarity-content details p{font-size:14px}.site-footer{padding:30px 22px;gap:22px}.site-footer nav{width:100%;margin:0;flex-wrap:wrap;gap:21px;font-size:12px}.site-footer small{font-size:10px}.experiences-main{padding:38px 22px 50px}.experience-heading h1{font-size:37px}.experience-heading p{font-size:16px}.experience-notice{font-size:12px;padding:14px 16px;margin-bottom:30px}.experience-grid{display:block}.experience-card,.experience-card.wide{display:block;margin-bottom:42px}.experience-card.wide .experience-info{padding-top:20px}.experience-info h2{font-size:26px}.experience-info p{font-size:14px}.experience-links{gap:19px}.experience-tail{display:block;margin-top:15px;padding-top:28px}.experience-tail h2{margin-bottom:18px;font-size:27px}.experience-tail p{font-size:14px}.certificate-art{padding:22px}.certificate-art-inner{gap:10px;padding:20px}.certificate-art-inner strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}