/* MAH / RAKIZA SABA — bespoke brand identity case study
   Project visuals are adapted from the supplied 2026 RAKIZA SABA brand guideline.
   Scoped to .rz-project so the main MAH design and future case studies remain independent. */
.rz-project{--rz-navy:#0f3b66;--rz-ink:#102d47;--rz-gold:#c79a5b;--rz-cream:#f7f3e9;--rz-paper:#fffdfa;--rz-muted:#61758a;color:var(--rz-ink);background:var(--rz-paper);overflow:clip;font-family:Alexandria,sans-serif;font-size:14px}
html[lang=en] .rz-project{font-family:'DM Sans',sans-serif}
.rz-project *{box-sizing:border-box}
.rz-project img{display:block;max-width:100%}
.rz-project figure{margin:0}
.rz-project h1,.rz-project h2,.rz-project h3,.rz-project p{margin:0}
.rz-project h1,.rz-project h2,.rz-project h3{font-weight:700}
.rz-project p{line-height:2.15}
.rz-wrap{width:min(1200px,calc(100% - 88px));margin-inline:auto}
.rz-section{scroll-margin-top:115px;padding-block:125px}
.rz-eyebrow{display:inline-flex;font:700 11px/1.5 'Space Grotesk',sans-serif;letter-spacing:.18em;color:#7a8b98;direction:ltr;text-align:start}
.rz-project h2{font-size:clamp(34px,4.9vw,66px);letter-spacing:-.035em;line-height:1.5}
html[lang=en] .rz-project h2{line-height:1.13}
.rz-project h3{font-size:23px;line-height:1.45}
.rz-main-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 24px;background:var(--rz-gold);color:#102d47;border-radius:2px;font-weight:800;text-decoration:none;font-size:13px;transition:background .25s,transform .25s}
.rz-main-button:hover{transform:translateY(-3px);background:#e1b576}
.rz-main-button:focus-visible,.rz-chapter-nav a:focus-visible,.rz-stage:focus-visible,.rz-more-apps summary:focus-visible,.rz-all-sketches summary:focus-visible{outline:3px solid #e87d5e;outline-offset:4px}
/* Opening: architectural framing, a real logo from the document, and zero placeholder imagery */
.rz-hero{position:relative;background:var(--rz-navy);color:#f7f3e9;isolation:isolate;padding:106px 0 0;overflow:hidden;min-height:min(800px,95svh)}
.rz-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 13%,rgba(214,172,110,.16),transparent 38%),linear-gradient(125deg,#103c66 0%,#092d50 100%);z-index:-2}
.rz-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,transparent 9%,#000 90%);pointer-events:none;z-index:-1}
.rz-hero-content{width:min(1300px,calc(100% - 110px));margin:auto;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:7%;padding-block:55px 92px;min-height:570px}
.rz-hero-copy{position:relative;z-index:2}
.rz-overline{display:inline-flex;align-items:center;gap:15px;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.18em;color:#e2bc82;direction:ltr;text-align:start}
.rz-line{display:inline-block;width:36px;height:2px;background:#d9aa65}
.rz-hero h1{font-size:clamp(45px,6vw,100px);line-height:1.38;letter-spacing:-.05em;margin:30px 0 24px}
.rz-hero h1 span,.rz-hero h1 em{display:block;font-style:normal}
.rz-hero h1 em{color:#d7a965}
html[lang=en] .rz-hero h1{font-family:'Space Grotesk',sans-serif;line-height:1.09;font-size:clamp(50px,6vw,92px)}
.rz-hero-copy>p{font-size:15px;line-height:2.3;color:#d4e0e9;max-width:590px;margin-bottom:32px}
.rz-hero-art{position:relative;max-width:580px;background:#f8f6f1;border-radius:2px;min-height:490px;box-shadow:34px 37px 0 rgba(3,22,43,.34);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 25px 50px;transform:rotate(-1.4deg);transition:transform .5s}
.rz-hero-art:hover{transform:rotate(0deg) translateY(-4px)}
.rz-hero-inner{width:77%;max-width:420px}
.rz-hero-inner img{width:100%;height:auto;object-fit:contain}
.rz-hero-art small{position:absolute;bottom:21px;color:#7c8ca0;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.18em}
.rz-hero-bracket{position:absolute;width:70px;height:70px;z-index:3}
.rz-topleft{inset-inline-start:-17px;top:-17px;border-inline-start:4px solid #d1a266;border-top:4px solid #d1a266}
.rz-bottomright{inset-inline-end:-17px;bottom:-17px;border-inline-end:4px solid #d1a266;border-bottom:4px solid #d1a266}
.rz-hero-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #476487;width:min(1300px,calc(100% - 110px));margin:auto;padding:25px 0 36px;gap:28px}
.rz-hero-facts>div{display:flex;flex-direction:column;gap:10px}
.rz-hero-facts span{font-size:11px;color:#aebfd0}
.rz-hero-facts strong{font-size:12px;line-height:1.9;color:#fff;font-weight:600}
/* Case-specific reading navigator */
.rz-chapter-nav{position:sticky;top:76px;z-index:31;background:#fbf8f2f3;backdrop-filter:blur(15px);border-bottom:1px solid #dce2e3}
.rz-chapter-inner{width:min(1300px,calc(100% - 88px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:71px}
.rz-chapter-inner>span{white-space:nowrap;color:#738597;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.1em}
.rz-chapter-inner>div{display:flex;align-items:center;gap:clamp(13px,2.5vw,35px)}
.rz-chapter-inner a{font-size:11px;font-weight:700;text-decoration:none;color:var(--rz-ink);opacity:.62;transition:opacity .2s,color .2s;white-space:nowrap}
.rz-chapter-inner a:hover,.rz-chapter-inner a.is-current{color:#bd8645;opacity:1}
/* Chapter 1 research */
.rz-discovery{background:#fffdfa}
.rz-section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:7%}
.rz-section-heading .rz-eyebrow{grid-column:1/-1}
.rz-section-heading h2{max-width:610px}
.rz-bodycopy{display:flex;flex-direction:column;gap:19px;color:#4f6577;font-size:14px;padding-top:10px}
.rz-research-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-block:75px 50px;border-top:1px solid #e4e5e0;border-bottom:1px solid #e4e5e0}
.rz-research-fact{padding:33px 28px;display:flex;flex-direction:column;gap:13px;border-inline-end:1px solid #e4e5e0}
.rz-research-fact:last-child{border-inline-end:0}
.rz-research-fact>span{font:700 15px 'Space Grotesk',sans-serif;color:#b98b53}
.rz-research-fact strong{font-size:17px}
.rz-research-fact small{font-size:12px;color:#607489;line-height:1.9}
.rz-moodboard{position:relative;background:#f4f0e9;overflow:hidden;border-radius:3px;padding:23px}
.rz-moodboard img{width:100%;max-height:540px;object-fit:contain;mix-blend-mode:multiply}
.rz-moodboard figcaption{padding:17px 5px 4px;color:#627588;font-size:12px}
/* Chapter 2 original sketches */
.rz-sketches{background:#f0eee9}
.rz-concept-intro{display:grid;grid-template-columns:1fr .85fr;gap:8%;align-items:end;margin:30px 0 55px}
.rz-concept-intro p{color:#53697c;font-size:14px}
.rz-sketch-player{display:grid;grid-template-columns:1.32fr .68fr;background:#fdfcf8;border:1px solid #ddded8;min-height:475px;box-shadow:0 20px 60px rgba(10,36,59,.06)}
.rz-sketch-active{padding:38px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:20px;overflow:hidden}
.rz-sketch-title{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8193a4;font-size:13px}
.rz-sketch-title span:first-child{font:700 13px 'Space Grotesk',sans-serif;color:#b78951}
.rz-sketch-active img{width:100%;height:295px;object-fit:contain;mix-blend-mode:multiply;transition:opacity .22s ease,transform .28s}
.rz-sketch-corner{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#a4b0b6;direction:ltr}
.rz-stages{display:flex;flex-direction:column;background:var(--rz-navy);color:#f4f0e9;padding:30px}
.rz-stages-overline{font-size:11px;letter-spacing:.1em;color:#b4c4d3;margin-bottom:20px}
.rz-stage{border:0;border-top:1px solid #4d6580;background:none;color:#d1dce8;display:flex;align-items:center;gap:21px;text-align:start;padding:15px 4px;cursor:pointer;font:600 13px Alexandria,sans-serif;transition:color .2s,padding .2s}
html[lang=en] .rz-stage{font-family:'DM Sans',sans-serif}
.rz-stage:hover,.rz-stage[aria-pressed=true]{color:#e6b97a;padding-inline-start:15px}
.rz-stage span{font:700 12px 'Space Grotesk',sans-serif;color:#acbace}
.rz-all-sketches{margin-top:28px;background:#fffdfa}
.rz-all-sketches summary,.rz-more-apps summary{cursor:pointer;padding:19px 25px;display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--rz-ink);list-style:none;border:1px solid #d5d9da}
.rz-all-sketches summary::-webkit-details-marker,.rz-more-apps summary::-webkit-details-marker{display:none}
.rz-all-sketches summary span,.rz-more-apps summary span{font-size:30px;font-weight:300}
.rz-all-sketches[open] summary span,.rz-more-apps[open] summary span{transform:rotate(45deg)}
.rz-all-sketches img{width:100%;margin-top:18px;mix-blend-mode:multiply}
/* Chapter 3 conceptual philosophy */
.rz-manifest{background:var(--rz-navy);color:#f0f3f4}
.rz-manifest-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}
.rz-symbol-presentation{background:#123f6b;border:1px solid #376080;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:35px 20px;color:#a8bbcd;gap:35px;position:relative;overflow:hidden}
.rz-symbol-presentation:before,.rz-symbol-presentation:after{content:'';position:absolute;inset:-15%;border:1px solid #446582;border-radius:50%;pointer-events:none}
.rz-symbol-presentation:after{inset:10%;transform:rotate(25deg)}
.rz-symbol-presentation>span,.rz-symbol-presentation small{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.14em;direction:ltr;z-index:1}
.rz-symbol-presentation img{max-width:88%;width:420px;object-fit:contain;z-index:1;filter:drop-shadow(0 24px 16px #092b4c)}
.rz-manifest-copy .rz-eyebrow{color:#d3a66a}
.rz-manifest-copy h2{margin:21px 0 25px}
.rz-manifest-copy>p{color:#c7d8e5;max-width:640px}
.rz-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:38px}
.rz-principle{border-top:1px solid #54708a;padding-top:18px}
.rz-principle>span{color:#d8b37c;font:700 11px 'Space Grotesk',sans-serif}
.rz-principle h3{font-size:18px;margin:10px 0 7px}
.rz-principle p{color:#b9cbda;font-size:12px}
/* Chapter 4 visual system */
.rz-identity{background:#fdfbf6}
.rz-intro-pair{display:grid;grid-template-columns:1.04fr .96fr;align-items:end;gap:8%;margin:27px 0 48px}
.rz-intro-pair p{max-width:560px;color:#596d7f;font-size:14px}
.rz-color-system{display:grid;grid-template-columns:1fr 1fr .85fr;gap:15px}
.rz-color-card{height:340px;display:flex;flex-direction:column;justify-content:space-between;padding:30px}
.rz-color-card span{font-size:15px;font-weight:600}
.rz-color-card strong{font:700 31px 'Space Grotesk',sans-serif;letter-spacing:.04em;direction:ltr;text-align:start}
.rz-color-navy{background:#0f3b66;color:#fff}
.rz-color-gold{background:#c79a5b;color:#12304a}
.rz-type-card{border:1px solid #d8dedc;display:flex;flex-direction:column;padding:28px;gap:23px;justify-content:center;background:#f6f1e7}
.rz-type-card span{font-size:12px;color:#7a8c99}
.rz-type-card strong{font:700 clamp(15px,1.7vw,21px) 'Space Grotesk',sans-serif;direction:ltr;text-align:start;line-height:1.7}
.rz-guides-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}
.rz-guides-preview figure{background:#fff;border:1px solid #e4e5df;overflow:hidden}
.rz-guides-preview img{width:100%;height:290px;object-fit:contain}
.rz-guides-preview figcaption{padding:18px 20px;font-size:12px;font-weight:600}
/* Chapter 5 applications gallery */
.rz-apps{background:#fffdfa}
.rz-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.rz-gallery-card{min-width:0;background:#f2ede4;overflow:hidden}
.rz-gallery-card img{width:100%;height:340px;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.rz-gallery-card:hover img{transform:scale(1.045)}
.rz-gallery-wide{grid-column:span 2;display:grid;grid-template-columns:1.65fr .55fr;min-height:470px}
.rz-gallery-wide img{height:100%;min-height:470px}
.rz-gallery-wide figcaption{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:36px;gap:14px}
.rz-gallery-wide figcaption span{font-size:22px}
.rz-gallery-card figcaption{padding:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rz-gallery-card figcaption span{font-weight:700;font-size:13px}
.rz-gallery-card figcaption small{max-width:180px;color:#657588;line-height:1.8;font-size:11px}
.rz-more-apps{margin-top:31px}
.rz-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-top:22px}
.rz-more-grid img{width:100%;height:185px;object-fit:cover}
.rz-more-grid figcaption{padding:13px 5px;font-weight:600;font-size:12px}
.rz-mockup-note{font-size:12px;color:#708396;margin-top:28px;max-width:920px}
/* brand guideline proofs */
.rz-brandguide{background:#f1eee8}
.rz-guide-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rz-guide-gallery figure{background:white;overflow:hidden}
.rz-guide-gallery img{width:100%;aspect-ratio:1.42;object-fit:cover}
.rz-guide-gallery figcaption{padding:17px;font-size:12px;font-weight:700}
/* Final */
.rz-final{background:#113b63;color:#f8f7ef}
.rz-final>.rz-wrap{display:grid;grid-template-columns:.83fr 1.17fr;gap:9%;align-items:center}
.rz-final-brand{background:#fdfbf6;min-height:530px;padding:40px;display:grid;place-items:center}
.rz-final-brand img{width:100%;max-width:370px;object-fit:contain}
.rz-final-words .rz-eyebrow{color:#d9b07d}
.rz-final-words h2{margin:20px 0 24px}
.rz-final-words>p{color:#c8d8e6}
.rz-scope{padding:22px 0;border-top:1px solid #58708a;border-bottom:1px solid #58708a;margin-top:30px;display:flex;flex-direction:column;gap:10px}
.rz-scope strong{color:#ddb681;font-size:13px}
.rz-scope span{font-size:12px;line-height:2.2;color:#c8d8e6}
.rz-final-call{margin:38px 0 24px}
.rz-final-call h3{font-size:20px;margin-bottom:19px}
.rz-back{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#bacbdb;font-size:12px;text-decoration:underline;text-underline-offset:7px}
.rz-end-note{background:#082945;color:#b7c8d6;padding:25px 0}
.rz-end-note>.rz-wrap{display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.9}
/* Tablet */
@media(max-width:1040px){.rz-hero-content{grid-template-columns:1fr 1fr;gap:5%}.rz-hero-art{min-height:395px}.rz-hero h1{font-size:clamp(45px,6vw,72px)}.rz-hero-facts{gap:17px}.rz-manifest-grid{gap:5%}.rz-symbol-presentation{min-height:530px}.rz-identity h2{font-size:43px}.rz-gallery-wide{grid-template-columns:1.25fr .75fr}.rz-chapter-inner>span:first-child{display:none}}
@media(max-width:800px){.rz-wrap{width:min(100% - 42px,650px)}.rz-section{padding-block:85px}.rz-hero{padding-top:75px;min-height:auto}.rz-hero-content{width:min(100% - 42px,650px);grid-template-columns:1fr;gap:45px;padding:15px 0 55px}.rz-hero h1{font-size:clamp(45px,10vw,77px);margin:22px 0}.rz-hero-art{min-height:370px;width:min(100%,520px);margin:auto;box-shadow:16px 16px 0 rgba(3,22,43,.34)}.rz-hero-inner{max-width:340px}.rz-hero-facts{grid-template-columns:1fr 1fr;width:min(100% - 42px,650px)}.rz-chapter-nav{top:70px}.rz-chapter-inner{width:calc(100% - 32px);min-height:59px;overflow:auto;scrollbar-width:none}.rz-chapter-inner>div{gap:19px}.rz-chapter-inner a{font-size:10px}.rz-chapter-count{display:none}.rz-section-heading,.rz-concept-intro,.rz-intro-pair{grid-template-columns:1fr;gap:19px}.rz-research-facts{margin-block:43px 36px}.rz-research-fact{padding:21px 12px}.rz-research-fact strong{font-size:13px}.rz-research-fact small{font-size:10px}.rz-sketch-player{grid-template-columns:1fr}.rz-sketch-active{padding:25px}.rz-sketch-active img{height:240px}.rz-stages{padding:18px;display:grid;grid-template-columns:1fr 1fr}.rz-stages-overline{grid-column:span 2}.rz-stage{padding:12px 8px}.rz-manifest-grid,.rz-final>.rz-wrap{grid-template-columns:1fr;gap:42px}.rz-symbol-presentation{min-height:390px}.rz-symbol-presentation img{max-width:250px}.rz-principles{gap:18px}.rz-color-system{grid-template-columns:1fr 1fr}.rz-type-card{grid-column:span 2;min-height:145px}.rz-color-card{height:270px}.rz-gallery-wide{display:block;grid-column:span 2}.rz-gallery-wide img{height:auto;min-height:unset;aspect-ratio:1.65;object-fit:cover}.rz-gallery-wide figcaption{padding:23px}.rz-gallery-wide figcaption span{font-size:15px}.rz-more-grid{grid-template-columns:1fr 1fr}.rz-guide-gallery{grid-template-columns:1fr 1fr}.rz-final-brand{min-height:350px}.rz-final-brand img{max-height:340px;width:auto}}
@media(max-width:550px){.rz-section{padding-block:65px}.rz-project h2{font-size:clamp(31px,8.2vw,45px)}.rz-hero{padding-top:52px}.rz-hero h1{font-size:clamp(39px,10vw,59px)}.rz-hero-copy>p{font-size:13px}.rz-hero-art{min-height:330px;padding:12px}.rz-hero-inner{width:76%}.rz-hero-facts{grid-template-columns:1fr 1fr;gap:20px 10px}.rz-hero-facts strong{font-size:10px}.rz-moodboard{padding:8px}.rz-research-facts{grid-template-columns:1fr;border:0;margin:27px 0}.rz-research-fact{border-inline-end:0;border-bottom:1px solid #e4e5e0;padding:17px 10px}.rz-sketch-active img{height:220px}.rz-stage{gap:9px;font-size:11px}.rz-symbol-presentation{min-height:320px}.rz-symbol-presentation img{width:190px}.rz-principles{grid-template-columns:1fr 1fr;gap:10px}.rz-principle h3{font-size:15px}.rz-principle p{font-size:11px}.rz-color-system{gap:8px}.rz-color-card{height:205px;padding:16px}.rz-color-card span{font-size:12px}.rz-color-card strong{font-size:18px}.rz-guides-preview{grid-template-columns:1fr}.rz-guides-preview img{height:210px}.rz-gallery{gap:13px}.rz-gallery-card img{height:195px}.rz-gallery-card figcaption{flex-direction:column;gap:3px;padding:13px}.rz-gallery-card figcaption span{font-size:11px}.rz-gallery-card figcaption small{font-size:10px}.rz-gallery-wide img{height:270px;aspect-ratio:auto}.rz-gallery-wide figcaption{padding:15px}.rz-more-grid img{height:115px}.rz-guide-gallery{grid-template-columns:1fr}.rz-guide-gallery img{max-height:220px;object-fit:contain}.rz-final-brand{min-height:315px}.rz-final-words h2{font-size:40px}.rz-end-note>.rz-wrap{flex-direction:column;gap:7px}.rz-overline{font-size:9px}.rz-moodboard figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.rz-project *,.rz-project *::before,.rz-project *::after{transition:none!important;animation:none!important}}