/* KH-04: editorial portraits, original artwork, a small RTL reading room. */
.personal-brand .about{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:9%;align-items:center;padding-block:120px 100px;border-bottom:0}
.about-copy{max-width:610px}.personal-brand .about h2{font-size:clamp(34px,4vw,56px);line-height:1.6}
.personal-brand .about .about-intro{font-size:clamp(25px,2.3vw,33px);line-height:1.85;margin-top:35px}
.portrait-frame{position:relative;isolation:isolate;min-width:0}.portrait-frame:before{content:"";position:absolute;inset:10% -12% -4%;background:radial-gradient(ellipse,#a0162750,transparent 67%);z-index:-1;pointer-events:none}
.personal-photo{width:100%;height:auto;display:block;object-fit:contain;border-radius:2px;box-shadow:0 28px 65px #0008}
.portrait-main{max-width:490px;margin-inline:auto;transform:rotate(-2deg)}
/* Bound the rotated halo locally: negative inline overflow also widens an RTL page. */
.portrait-main:before{inset-inline:max(-12%,-20px)}
.portrait-main:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid #9b683961;z-index:-1}
.personal-brand .approach{grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-block:90px}
.approach-photo{width:72%;max-width:340px;margin-top:45px;margin-inline:8% auto;transform:rotate(2deg)}
.personal-brand .approach-body{padding-top:20px}.personal-brand .approach-item{padding-bottom:28px;margin-bottom:28px}
.work-bridge{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:11%;align-items:center;padding-block:65px 120px;max-width:1050px}
.bridge-photo{width:100%;max-width:295px;justify-self:end}.work-bridge h2{font-size:clamp(30px,3.2vw,44px);line-height:1.7;max-width:580px}
.work-bridge p{font-size:21px;line-height:2;margin-block:24px}.work-bridge .text-link{display:inline-flex;gap:15px;align-items:center;min-height:44px;color:#e8c777;font-size:19px}
/* Every supplied banner appears once, on a flat readable plane inside its own product. */
.personal-brand .detail-copy{min-width:0}
.personal-brand .detail-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,1.15fr);gap:50px;align-items:start}
.personal-brand .detail-art{position:sticky;top:110px;display:flex;flex-direction:column;gap:28px;min-width:0}
.personal-brand .detail-art .product-banner{width:100%;height:auto;max-height:none;object-fit:contain;filter:none;box-shadow:0 22px 45px #0006}
.personal-brand .detail-art .product-banner[data-media-id="B02"]{max-width:370px;margin-inline:auto}
.animated-art{position:relative;width:100%;isolation:isolate}.animated-art>img{display:block;width:100%;height:auto}.animated-art>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.animated-art>video.is-playing{opacity:1}
.product-reviews{border-top:1px solid #5b3a32;margin-top:36px;padding-top:24px}.product-reviews h3,.recording-section h3{font:650 23px/1.7 Alexandria,sans-serif;color:#e8c777;margin-bottom:18px}
.review-strip{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 4px 13px;scrollbar-width:thin;scrollbar-color:#956b48 #1d1013}
.review-open{flex:0 0 76px;width:76px;height:142px;display:block;background:#090708;border:1px solid #6b493a;border-radius:5px;padding:4px;transition:border-color .15s,transform .15s}.review-open img{display:block;width:100%;height:100%;object-fit:contain}.review-open:hover{border-color:#e8c777;transform:translateY(-3px)}
.recording-section{margin-block:40px 10px;padding-top:35px;border-top:1px solid #503330}.recording{position:relative;margin-inline:auto;max-width:860px;background:#060607;isolation:isolate}.recording video{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain}.recording-play{position:absolute;inset:0;width:100%;height:100%;padding:0;background:#080709;border:0;cursor:pointer}.recording-play>img{display:block;width:100%;height:100%;object-fit:contain}.recording-play>span{position:absolute;inset:auto 0 10%;margin:auto;display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;background:#e8c777;color:#190e10;padding:10px 20px;border:1px solid #fff2b3;border-radius:3px;font:700 19px/1.4 Tajawal,sans-serif;box-shadow:0 8px 32px #000a}.recording-play i{font:normal 16px Archivo,sans-serif}.portrait-recording .recording{max-width:320px}.recording-status{position:absolute;bottom:0;inset-inline:0;z-index:2;background:#180b11eb;color:#f7ebd6;font-size:17px;line-height:1.5;padding:8px;text-align:center;pointer-events:none}.recording-status:empty{display:none}.recording-play[hidden]{display:none}
body:not(.is-enhanced) .recording-play{display:none}
.community{padding-block:100px 90px}.community header{max-width:690px;margin-bottom:45px}.community h2,.life h2,.promo h2,.market h2{font-size:clamp(29px,3.5vw,46px);line-height:1.65}.community header p{font-size:21px;line-height:2;margin-top:18px}
.community-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.community-card{display:block;min-width:0;padding-bottom:25px;border-bottom:1px solid #79503e;transition:border-color .2s}.community-art{height:245px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#65101e65,transparent 67%)}.community-art>img{position:absolute;inset:-10% 0 auto;width:100%;height:94%;object-fit:contain;filter:drop-shadow(0 12px 20px #0008)}.community-samples{position:absolute;bottom:9px;inset-inline:12px;display:flex;justify-content:center;gap:8px;transform:rotate(-4deg)}.community-samples img{width:42px;height:80px;object-fit:contain;background:#130b10;border:1px solid #94714070;box-shadow:0 8px 18px #000a}.community-samples img:nth-child(2){transform:translateY(7px) rotate(5deg)}.community-card h3{font:720 20px/1.3 Archivo,sans-serif;margin-block:21px 13px}.community-card>span{font-size:17px;color:#e8c777;display:flex;gap:12px;align-items:center}.community-card:hover{border-color:#e8c777}.community-card:hover .community-art>img{transform:translateY(-5px)}
.life{padding-block:80px 120px;position:relative}.life h2{position:relative;z-index:2;max-width:650px;margin-bottom:40px}.life-images{display:grid;grid-template-columns:1fr .61fr;align-items:center;gap:12%;position:relative;max-width:1010px;margin-inline:auto}.life-wide{width:100%;transform:rotate(-2deg)}.life-small{transform:translateY(55px) rotate(4deg)}.life-line{position:absolute;inset:28% -14% 4%;border:1px solid #a2423460;border-radius:50%;transform:rotate(-18deg);pointer-events:none;z-index:-1}
.promo{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:6%;padding-block:110px;isolation:isolate}.promo-art{position:relative;box-shadow:0 35px 70px #0009}.promo-banner,.channel-banner{width:100%;height:auto;display:block;object-fit:contain}.promo-copy h2{font-size:clamp(30px,3vw,42px)}.promo-copy p,.market p{font-size:21px;line-height:2;margin-block:20px 27px}.promo-light{position:absolute;inset:0 -3%;background:radial-gradient(ellipse at 70% 50%,#80132266,transparent 65%);pointer-events:none;z-index:-1}.promo:after{content:"";position:absolute;inset:9% -1% 8%;border-block:1px solid #88513850;transform:skewY(-5deg);z-index:-1;pointer-events:none}
.market{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:8%;align-items:center;padding-block:110px}.market-art{box-shadow:0 22px 55px #0008}
/* Dialog stays portrait and leaves the page visible around it. No full-screen image mode. */
.review-dialog{color:#f7ebd6;background:#180d12;border:1px solid #9f754e;border-radius:12px;width:min(410px,calc(100vw - 28px));max-width:none;max-height:78dvh;padding:0;margin:auto;overflow:hidden;box-shadow:0 24px 100px #000b;font-family:Tajawal,sans-serif}
.review-dialog::backdrop{background:#0703099c;backdrop-filter:blur(3px)}.review-dialog[open]{display:flex;flex-direction:column}.review-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:8px 12px;border-bottom:1px solid #5c3d34}.review-bar h2{font:700 15px/1.3 Archivo,sans-serif;max-width:290px;color:#e8c777}
.review-dialog button{font-family:Tajawal,sans-serif;color:#f7ebd6;background:#27141a;border:1px solid #674632;border-radius:5px;min-width:44px;min-height:44px;cursor:pointer}.review-close{display:grid;place-items:center}.review-close svg{width:20px;height:20px}.review-scroll{position:relative;flex:0 1 auto;height:calc(var(--review-height,340px) + 16px);min-height:40px;padding:8px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;direction:ltr;background:#090609}.review-stage{min-height:100%;display:flex;align-items:flex-start;justify-content:center}.review-stage>img{display:block;width:var(--review-width);height:var(--review-height);max-width:100%;object-fit:contain}.review-stage>img[hidden]{display:none}.is-reading .review-stage>img{width:100%;height:auto;max-height:none;object-fit:contain}.review-feedback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding:20px}.review-status{font-size:17px;line-height:1.6;text-align:center;direction:rtl}.review-status:empty{display:none}.review-retry{pointer-events:auto;margin-top:15px;padding-inline:12px}.review-retry[hidden]{display:none}.review-controls{flex:none;padding:8px 10px 10px;border-top:1px solid #5c3d34}.review-nav{display:flex;align-items:center;gap:7px}.review-prev,.review-next{font:24px/1 Archivo,sans-serif!important}.review-counter{font:500 13px Archivo,sans-serif;min-width:42px;text-align:center}.review-zoom{margin-inline-start:auto;padding-inline:10px;font-size:15px;white-space:nowrap}.review-dialog [aria-disabled="true"]{opacity:.4;cursor:default}.review-thumbs{display:flex;gap:8px;padding:9px 3px 3px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#aa8056 #241017;overscroll-behavior:contain}.review-thumb{flex:0 0 52px;width:52px;height:80px;padding:3px;background:#100910!important;opacity:.58}.review-thumb>img{display:block;width:100%;height:100%;object-fit:contain}.review-thumb[aria-current="true"]{opacity:1;outline:2px solid #e8c777;outline-offset:1px;border-color:#e8c777;background:#795731!important}
@media(max-width:1050px){.personal-brand .detail-layout{gap:30px;grid-template-columns:1fr 1fr}.community-cards{gap:16px}.community-art{height:200px}.community-card h3{font-size:17px}.work-bridge{max-width:900px}}
@media(max-width:850px){.personal-brand .about{gap:7%;padding-block:80px}.personal-brand .about h2{font-size:34px}.personal-brand .about .about-intro{font-size:25px;margin-top:23px}.personal-brand .approach{gap:7%;padding-block:60px}.approach-photo{width:88%;margin-inline:auto}.work-bridge{gap:8%;padding-block:40px 80px}.work-bridge p{font-size:19px}.personal-brand .read-panel .detail-art{display:flex;position:static;max-width:620px;gap:24px;width:100%}.personal-brand .detail-layout{grid-template-columns:1fr}.personal-brand .read-panel .detail-art .product-banner{max-height:none}.community-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.community-art{height:250px}.community-card h3{font-size:21px}.promo{grid-template-columns:1fr;padding-block:80px;gap:32px}.promo-copy{max-width:590px}.market{gap:5%;padding-block:70px}.market p{font-size:19px}.life{padding-block:70px 80px}.community{padding-block:70px 50px}}
@media(max-width:600px){.personal-brand .about{display:flex;flex-direction:column;gap:34px;padding-block:55px 65px}.personal-brand .about h2{font-size:30px}.personal-brand .about .about-intro{font-size:25px;margin-top:24px}.about-location{margin-bottom:0}.portrait-main{width:87%;max-width:350px;margin-inline:auto;transform:rotate(-2deg)}.portrait-main:after{inset:12px -12px -12px 12px}.personal-brand .approach{display:flex;flex-direction:column;gap:0;padding-block:35px 45px}.approach-photo{width:76%;max-width:310px;margin-block:35px 0;margin-inline:auto 0}.personal-brand .approach-body{margin-top:40px;padding-top:0}.work-bridge{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:22px;padding-block:45px 70px}.work-bridge h2{font-size:23px;line-height:1.8}.work-bridge p{font-size:18px;line-height:1.9;margin-block:18px}.work-bridge .text-link{font-size:16px;gap:8px}.bridge-photo{align-self:start;margin-top:12px}.personal-brand .read-panel{padding-inline:16px}.personal-brand .detail-layout{gap:28px}.personal-brand .read-panel .detail-art .product-banner{max-height:none}.product-reviews h3,.recording-section h3{font-size:21px}.review-open{flex-basis:64px;width:64px;height:124px}.review-strip{gap:10px}.recording-section{padding-top:25px}.recording video{max-height:65dvh}.community-cards{gap:26px 16px}.community-art{height:180px}.community-art>img{height:90%}.community-samples{gap:4px;inset-inline:1px}.community-samples img{width:32px;height:63px}.community-card h3{font-size:17px}.community-card>span{font-size:16px;gap:6px}.community header p{font-size:19px}.life h2{font-size:29px;margin-bottom:30px}.life-images{gap:8%;grid-template-columns:1fr .67fr}.life-small{transform:translateY(38px) rotate(4deg)}.life{padding-block:50px 80px}.promo{padding-block:60px;gap:28px}.promo-copy h2,.market h2{font-size:29px}.promo-copy p,.market p{font-size:19px}.market{grid-template-columns:1fr;gap:30px;padding-block:65px}.market-art{grid-row:1}.review-dialog{width:calc(100vw - 28px);max-width:410px}.review-bar{padding-inline:9px}.review-bar h2{font-size:14px;max-width:235px}.review-controls{padding-inline:8px}.review-nav{gap:5px}.review-zoom{font-size:14px;padding-inline:7px}.review-counter{min-width:39px}.review-dialog::backdrop{backdrop-filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){.portrait-main,.approach-photo,.life-wide,.life-small{transform:none}.community-card:hover .community-art>img,.review-open:hover{transform:none}.animated-art>video{display:none}}
@media(max-width:600px){.life-line{inset:26% 6% 12%}}
/* Prevent the six-item review strip from contributing its max-content width to a grid track. */
.review-strip{max-width:100%}
.life{contain:paint}
@media(max-width:850px){.personal-brand .detail-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.portrait-frame:before{inset:10% 0 -4%}}
@media(max-width:850px){.personal-brand .read-panel .detail-art:has(.animated-art){display:flex}}
@media(max-width:850px){.portrait-frame:before{inset:10% 0 -4%}}