/* Abaphathi Bendawo — Who is Mphathi? editorial page */
.mphathi-page{background:#fbf7ee;color:#17130f;overflow-x:hidden}
.mphathi-page .site-header{background:rgba(255,255,255,.94)}
.mphathi-hero{position:relative;overflow:hidden;padding:155px 0 85px;background:radial-gradient(circle at 80% 18%,rgba(231,190,85,.28),transparent 28%),linear-gradient(135deg,#fffdf7 0%,#f5ead2 55%,#fff 100%)}
.mphathi-gold-glow{position:absolute;right:-180px;top:-180px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(206,154,30,.24),transparent 65%);filter:blur(4px)}
.mphathi-orbit{position:absolute;border:1px solid rgba(139,90,0,.16);border-radius:50%;pointer-events:none}.orbit-a{width:700px;height:700px;right:-300px;top:-260px}.orbit-b{width:430px;height:430px;left:-260px;bottom:-260px}
.mphathi-hero-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(340px,1.1fr) minmax(220px,.6fr);gap:34px;align-items:center;position:relative;z-index:2}
.photo-frame,.gallery-frame{position:relative;background:#fff;border:10px solid #fff;box-shadow:0 22px 55px rgba(45,29,5,.16);overflow:hidden}.photo-frame:after,.gallery-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(78,49,8,.14);pointer-events:none}.photo-frame img,.gallery-frame img{display:block;width:100%;height:100%;object-fit:cover}.photo-frame-main{transform:rotate(-2.2deg);min-height:610px}.photo-frame-main img{min-height:610px;object-position:center 30%}.frame-pin{position:absolute;right:14px;top:-6px;z-index:3;color:#9a6500;font-size:28px;transform:rotate(15deg)}
.mphathi-eyebrow{color:#805500}.mphathi-hero-copy{position:relative;padding:12px 4px}.mphathi-hero-copy h1{font-size:clamp(62px,7.4vw,112px);line-height:.77;letter-spacing:-.075em;margin:14px 0 28px;color:#56200f}.mphathi-hero-copy h1 span{color:#b27a0c}.mphathi-hero-copy .lead{font-size:clamp(15px,1.35vw,20px);line-height:1.65;max-width:720px;color:#352f28}.script-note{font-family:cursive;color:#8b5d11;font-size:28px;transform:rotate(-5deg);margin:10px 0 -8px}.script-note span{font-size:22px}.mphathi-hero-copy blockquote{margin:28px 0 8px;padding-left:22px;border-left:4px solid #c89625;font-family:Georgia,serif;font-size:clamp(21px,2vw,32px);line-height:1.35;font-style:italic;color:#4a2a1d}.signature-line{font-family:cursive;font-size:28px;color:#4a2619;margin-left:35px}.mphathi-hero-collage{position:relative;min-height:600px}.mini-polaroid{position:absolute;background:#fff;padding:10px 10px 30px;box-shadow:0 18px 45px rgba(50,30,0,.18);width:205px}.mini-polaroid img{display:block;width:100%;height:260px;object-fit:cover}.tilt-left{left:0;top:30px;transform:rotate(-7deg)}.tilt-right{right:-12px;top:235px;transform:rotate(7deg);width:190px}.tilt-right img{height:190px}.hero-sticker{position:absolute;right:12px;bottom:40px;background:#fffaf0;border:1px solid #e2c67e;padding:18px 18px 20px;box-shadow:0 18px 40px rgba(50,30,0,.15);font-family:cursive;font-size:22px;line-height:1.02;transform:rotate(-5deg);color:#5e2615}.hero-sticker b{font-family:Georgia,serif;color:#9b6708}
.mphathi-ribbon{background:linear-gradient(90deg,#4b160b,#6f2614 45%,#421108);color:#fff;padding:20px 0;box-shadow:0 16px 35px rgba(48,15,4,.18)}.ribbon-grid{display:grid;grid-template-columns:repeat(6,1fr) 1.4fr;gap:8px;align-items:center}.ribbon-grid>div:not(.ribbon-script){text-align:center;border-right:1px solid rgba(255,226,150,.2);padding:8px 5px}.ribbon-grid span{display:block;font-size:28px;color:#ffd36a;margin-bottom:7px}.ribbon-grid strong{font-size:9px;letter-spacing:.08em;line-height:1.25}.ribbon-script{font-family:cursive;font-size:25px;line-height:1.05;color:#ffd76d;text-align:center;transform:rotate(-3deg)}
.mphathi-story-section{padding:90px 0;background:#fffdf7}.story-intro-grid{display:grid;grid-template-columns:1.05fr .7fr .7fr;grid-template-rows:330px 300px;gap:20px;align-items:stretch}.story-card-accent{grid-row:1 / 3;background:#f5e9c9;border:1px solid #ead7a9;padding:42px 38px;display:flex;flex-direction:column;justify-content:center}.story-card-accent h2{font-size:clamp(35px,4vw,60px);line-height:.9;letter-spacing:-.06em;color:#6b2012;margin:10px 0 25px}.story-card-accent p{line-height:1.65;color:#463b31;font-size:14px}.gallery-frame{border-radius:4px}.gallery-tall{transform:rotate(1.5deg)}.gallery-square{transform:rotate(-2deg)}.gallery-wide{grid-column:2 / 4;transform:rotate(.8deg)}.gallery-tall img,.gallery-square img{object-position:center}.gallery-wide img{object-position:center 45%}
.hive-purpose-section{padding:100px 0;background:linear-gradient(135deg,#fffaf0,#f3e6c9)}.purpose-grid{display:grid;grid-template-columns:1.05fr .75fr .85fr;gap:28px;align-items:center}.purpose-copy h2,.role-copy h2,.purpose-head h2{font-size:clamp(50px,6vw,88px);line-height:.82;letter-spacing:-.07em;color:#5a1c0f;margin:12px 0 24px}.purpose-copy h2 span,.purpose-head h2 span{color:#b67c0e}.purpose-copy p{line-height:1.75;color:#4d4136;max-width:650px}.purpose-copy .big-copy{font-size:19px;line-height:1.55}.quote-card{background:#fffaf0;border:1px solid #dfc783;padding:45px 38px;text-align:center;box-shadow:0 20px 50px rgba(84,48,0,.1);position:relative}.quote-mark{font-family:Georgia,serif;font-size:70px;color:#c28a1d;line-height:.5}.quote-card p{font-family:Georgia,serif;font-style:italic;font-size:27px;line-height:1.25;color:#4b2c20}.quote-card small{display:block;font-size:13px;line-height:1.7;color:#756858}.gold-line{height:2px;width:65px;background:#b17b16;margin:25px auto 0}.purpose-photo{min-height:470px;transform:rotate(2deg)}.purpose-photo img{min-height:470px}
.mphathi-role-section{padding:100px 0;background:#fff}.role-grid{display:grid;grid-template-columns:1fr .95fr;gap:75px;align-items:center}.role-collage{position:relative;min-height:620px}.role-photo-a{position:absolute;left:0;top:30px;width:58%;height:360px;transform:rotate(-4deg);z-index:2}.role-photo-b{position:absolute;right:0;top:145px;width:58%;height:300px;transform:rotate(4deg);z-index:1}.role-photo-c{position:absolute;left:16%;bottom:0;width:50%;height:250px;transform:rotate(-1deg);z-index:3}.role-copy p{font-size:16px;line-height:1.75;color:#4a4036}.role-copy blockquote{border-left:4px solid #b77d12;padding-left:18px;font-family:Georgia,serif;font-size:25px;font-style:italic;color:#612616;margin:22px 0}
.bigger-purpose-section{padding:100px 0;background:#f7f0df}.purpose-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.purpose-head>p{line-height:1.75;color:#51463a;font-size:16px}.purpose-mosaic{display:grid;grid-template-columns:1fr .75fr 1fr;gap:22px;align-items:center;margin-top:50px}.mosaic-dining{height:440px;transform:rotate(-2deg)}.mosaic-dining img{object-position:center 55%}.mosaic-copy{padding:20px 20px 20px 35px}.mosaic-copy p{line-height:1.5;color:#4b4035;margin:0 0 13px}.mosaic-copy blockquote{font-family:Georgia,serif;font-size:26px;line-height:1.25;font-style:italic;color:#682216;margin:24px 0;border-left:4px solid #b98014;padding-left:18px}.mosaic-team{height:400px;transform:rotate(2deg)}.mosaic-team img{object-position:center 35%}
.mphathi-closing{padding:90px 0 75px;background:radial-gradient(circle at 20% 20%,rgba(201,145,29,.3),transparent 25%),linear-gradient(135deg,#2c0804,#651b0d 48%,#240603);color:#fff;position:relative;overflow:hidden}.mphathi-closing:before,.mphathi-closing:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,215,105,.22);pointer-events:none}.mphathi-closing:before{width:500px;height:500px;left:-300px;top:-250px}.mphathi-closing:after{width:700px;height:700px;right:-450px;bottom:-450px}.closing-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center;position:relative;z-index:1}.closing-photo{height:500px;transform:rotate(-3deg)}.closing-copy h2{font-size:clamp(44px,6vw,85px);line-height:.84;letter-spacing:-.065em;margin:14px 0 25px}.closing-copy h2 span{color:#ffd36c}.closing-copy p{color:#e5d9c9;line-height:1.75;max-width:650px}.closing-copy .btn{margin-top:15px}.mphathi-final-strip{background:#111;color:#f4c75d;padding:16px 0}.final-strip-grid{display:flex;justify-content:center;gap:15px;font-size:10px;letter-spacing:.18em;font-weight:900}
.mphathi-page .site-disclaimer{margin-top:0;background:#fff}.mphathi-page .footer{margin-top:0}
@media(max-width:1050px){.mphathi-hero-grid{grid-template-columns:.8fr 1.2fr}.mphathi-hero-collage{display:none}.ribbon-grid{grid-template-columns:repeat(3,1fr)}.ribbon-script{grid-column:1/-1;padding-top:8px}.story-intro-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto 300px 260px}.story-card-accent{grid-row:1;grid-column:1/-1}.gallery-wide{grid-column:1/-1}.purpose-grid{grid-template-columns:1fr 1fr}.purpose-copy{grid-column:1/-1}.role-grid{grid-template-columns:1fr;gap:45px}.role-collage{min-height:520px}.purpose-mosaic{grid-template-columns:1fr 1fr}.mosaic-copy{grid-column:1/-1;grid-row:2}.mosaic-team{grid-column:2;grid-row:1}.purpose-head{grid-template-columns:1fr}}
@media(max-width:760px){.mphathi-hero{padding-top:145px}.mphathi-hero-grid{grid-template-columns:1fr}.photo-frame-main,.photo-frame-main img{min-height:480px}.mphathi-hero-copy h1{font-size:clamp(58px,18vw,92px)}.ribbon-grid{grid-template-columns:repeat(2,1fr)}.ribbon-grid>div:nth-child(odd){border-right:0}.story-intro-grid{grid-template-columns:1fr;grid-template-rows:auto}.story-card-accent{grid-column:1}.gallery-wide{grid-column:1}.gallery-tall,.gallery-square,.gallery-wide{min-height:300px;transform:none}.purpose-grid{grid-template-columns:1fr}.purpose-photo{grid-column:1;min-height:360px}.purpose-photo img{min-height:360px}.role-collage{min-height:470px}.role-photo-a{width:65%;height:280px}.role-photo-b{width:62%;height:245px}.role-photo-c{width:58%;height:220px}.purpose-mosaic{grid-template-columns:1fr}.mosaic-team{grid-column:1;grid-row:auto;height:330px}.mosaic-dining{height:330px}.mosaic-copy{grid-column:1;grid-row:auto;padding:10px}.closing-inner{grid-template-columns:1fr;gap:45px}.closing-photo{height:420px}.final-strip-grid{flex-wrap:wrap;font-size:8px;gap:8px}.mphathi-page .birthday-mini-inner span:not(.birthday-mini-icon){display:none}}
@media(max-width:560px){.mphathi-ribbon{padding:13px 0}.ribbon-grid span{font-size:22px}.ribbon-grid strong{font-size:8px}.mphathi-hero-copy .lead{font-size:15px}.mphathi-hero-copy blockquote{font-size:20px}.role-collage{min-height:420px}.role-photo-a{height:235px}.role-photo-b{height:205px}.role-photo-c{height:180px}.closing-photo{height:350px}.story-card-accent{padding:30px 24px}.quote-card{padding:32px 22px}}
@media(prefers-reduced-motion:reduce){.photo-frame,.gallery-frame,.mini-polaroid,.hero-sticker{transform:none!important}.reveal{transition:none!important}}

/* Immersive single-viewport Mphathi journey gallery */
.mphathi-gallery-section{padding:105px 0;background:linear-gradient(135deg,#fffdf7 0%,#f4e7ca 52%,#fffaf0 100%);position:relative;overflow:hidden}
.mphathi-gallery-section:before{content:"";position:absolute;left:-220px;top:80px;width:520px;height:520px;border:1px solid rgba(142,92,7,.14);border-radius:50%;pointer-events:none}
.mphathi-gallery-section:after{content:"";position:absolute;right:-260px;bottom:-260px;width:650px;height:650px;border:1px solid rgba(142,92,7,.12);border-radius:50%;pointer-events:none}
.mphathi-gallery-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:45px;position:relative;z-index:1}
.mphathi-gallery-heading h2{font-size:clamp(48px,6vw,88px);line-height:.82;letter-spacing:-.07em;color:#5a1c0f;margin:12px 0 0}.mphathi-gallery-heading h2 span{color:#b67c0e}.mphathi-gallery-heading p{font-size:16px;line-height:1.8;color:#51463a;max-width:580px;margin:0}
.mphathi-gallery{position:relative;z-index:1;background:#2b0b06;padding:14px;border:1px solid rgba(255,215,105,.42);box-shadow:0 30px 80px rgba(51,20,4,.24)}
.gallery-viewport{position:relative;width:100%;height:min(72vh,760px);min-height:470px;background:#120806;overflow:hidden;touch-action:pan-y}
.gallery-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:none;transition:opacity .55s ease,visibility .55s ease;background:#120806}
.gallery-slide.is-active{opacity:1;visibility:visible}
.gallery-slide img,.gallery-slide video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:#120806}
.gallery-slide:not(.gallery-slide-video) img{object-position:center}
.gallery-slide-video video{object-fit:contain}
.gallery-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,2,0,.08),transparent 35%,rgba(10,2,0,.24));pointer-events:none}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:54px;height:54px;border:1px solid rgba(255,222,140,.6);border-radius:50%;background:rgba(40,10,4,.74);color:#ffe09a;font-size:39px;line-height:1;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.gallery-nav:hover{background:#8d5609;color:#fff;transform:translateY(-50%) scale(1.06)}.gallery-prev{left:18px}.gallery-next{right:18px}
.gallery-count{position:absolute;right:20px;top:18px;z-index:4;background:rgba(24,7,3,.78);color:#ffe09a;border:1px solid rgba(255,222,140,.36);padding:8px 11px;font-size:11px;letter-spacing:.16em;font-weight:900}
.gallery-caption{background:#fffaf0;border-left:4px solid #c18a20;color:#5a3020;font-family:Georgia,serif;font-size:19px;font-style:italic;padding:17px 20px;margin-top:0;min-height:58px;display:flex;align-items:center}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 4px 2px;color:#f8d77e}.gallery-play{border:1px solid rgba(255,215,105,.42);background:transparent;color:#ffe09a;padding:9px 12px;font-size:10px;font-weight:900;letter-spacing:.12em;cursor:pointer}.gallery-play span{font-size:13px;margin-left:4px}.gallery-dots{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}.gallery-dot{width:10px;height:10px;padding:0;border:1px solid #d7ae53;background:transparent;border-radius:50%;cursor:pointer;opacity:.7}.gallery-dot.is-active{background:#f1c65b;opacity:1;transform:scale(1.35)}.gallery-dot-video{width:26px;height:22px;border-radius:2px;color:#ffd76d;font-size:9px;line-height:1}.gallery-hint{font-size:9px;letter-spacing:.15em;font-weight:900;opacity:.7;white-space:nowrap}
@media(max-width:850px){.mphathi-gallery-heading{grid-template-columns:1fr;gap:18px}.gallery-viewport{height:min(68vh,650px);min-height:430px}.gallery-controls{flex-wrap:wrap}.gallery-hint{display:none}.gallery-dots{order:3;width:100%}}
@media(max-width:560px){.mphathi-gallery-section{padding:75px 0}.mphathi-gallery{padding:8px}.gallery-viewport{min-height:390px;height:62vh}.gallery-nav{width:44px;height:44px;font-size:32px}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-count{right:10px;top:10px}.gallery-caption{font-size:16px;padding:14px 15px}.gallery-controls{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.gallery-slide{transition:none}.gallery-nav{transition:none}}