body:not(.pink){--ink:#531f3a;--accent:#c43f70;--soft:#f8e4e9;--paper:#fffaf9;--muted:#775966;--line:#ead5d9}
.visual{isolation:isolate;perspective:1100px;background:radial-gradient(circle at 75% 22%,#fff 0 8%,transparent 9%),linear-gradient(145deg,#fbecef,#eed0da);box-shadow:0 35px 80px rgba(83,31,58,.18);transform-style:preserve-3d;animation:heroFloat 6s ease-in-out infinite}.pink .visual{background:radial-gradient(circle at 75% 22%,#fff 0 8%,transparent 9%),linear-gradient(145deg,#ffe8f1,#f4bfd5)}.visual:before,.visual:after{content:'';position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.visual:before{width:170px;height:170px;right:-45px;top:-35px;background:linear-gradient(135deg,var(--accent),transparent);opacity:.25;animation:orb 7s ease-in-out infinite}.visual:after{width:110px;height:110px;left:8%;bottom:-35px;background:#e6adbd;opacity:.55;animation:orb 5s ease-in-out infinite reverse}.visual>img{position:relative;z-index:2;filter:drop-shadow(0 24px 18px rgba(68,25,47,.2));transform:translateZ(45px);transition:transform .25s ease}.visual:hover>img{transform:translateZ(75px) rotateY(-2deg) rotateX(1deg)}.seal{z-index:5;box-shadow:0 18px 35px rgba(55,21,39,.28);animation:sealPulse 3.2s ease-in-out infinite}.float-card{position:absolute;width:112px;height:112px;padding:8px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:0 18px 45px rgba(83,31,58,.22);z-index:4;transform:translateZ(85px)}.float-card img{width:100%;height:100%;object-fit:contain;border-radius:17px}.float-card.one{right:-34px;bottom:12%;animation:cardFloat 4.8s ease-in-out infinite}.float-card.two{left:8%;top:-38px;width:90px;height:90px;animation:cardFloat 5.5s ease-in-out infinite reverse}
.reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-9px) rotate(.35deg);border-color:rgba(196,63,112,.35);box-shadow:0 22px 50px rgba(83,31,58,.1)}
.media-section{padding:90px 0;position:relative}.media-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.media-head p{max-width:390px;color:var(--muted);font-size:14px;margin:0}.media-grid{display:grid;grid-auto-flow:column;grid-auto-columns:min(72vw,390px);gap:18px;overflow-x:auto;padding:12px 5px 35px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--soft)}.media-item{padding:0;border:0;background:linear-gradient(145deg,#fff,var(--soft));border-radius:28px;overflow:hidden;cursor:pointer;position:relative;aspect-ratio:4/5;scroll-snap-align:center;box-shadow:0 18px 45px rgba(83,31,58,.12);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.media-item:nth-child(even){transform:translateY(18px)}.media-item:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 30px 65px rgba(83,31,58,.2)}.media-item:nth-child(even):hover{transform:translateY(9px) rotate(1deg)}.media-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.media-item:hover img{transform:scale(1.07)}.media-item:after{content:'اضغطي للتكبير ↗';position:absolute;left:16px;bottom:16px;background:rgba(55,21,39,.82);backdrop-filter:blur(8px);color:white;padding:7px 14px;border-radius:20px;font-size:11px;opacity:.92}.lightbox{border:0;padding:0;background:transparent;max-width:min(900px,92vw)}.lightbox::backdrop{background:rgba(25,12,19,.9);backdrop-filter:blur(8px)}.lightbox img{display:block;max-width:92vw;max-height:86vh;border-radius:20px;box-shadow:0 40px 100px #000}.lightbox-close{position:fixed;top:20px;left:20px;width:46px;height:46px;border:0;border-radius:50%;background:white;color:#301521;font-size:25px;cursor:pointer}.video-slot{margin-top:28px;border-radius:28px;overflow:hidden;background:#27111e;box-shadow:0 28px 70px rgba(55,21,39,.18)}.video-slot video{width:100%;max-height:680px;display:block;object-fit:contain;background:#1b0d15}.video-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;color:white;padding:16px 22px;font-size:13px}.video-caption b{font-family:var(--display);font-size:16px}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(1deg)}}@keyframes cardFloat{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -14px;rotate:3deg}}@keyframes orb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,14px) scale(1.12)}}@keyframes sealPulse{0%,100%{scale:1;rotate:-10deg}50%{scale:1.06;rotate:-7deg}}
@media(max-width:760px){.media-section{padding:55px 0}.media-head{display:block}.media-grid{grid-auto-columns:82vw;gap:13px;margin-left:-5vw;margin-right:-5vw;padding-inline:5vw}.media-item{border-radius:22px}.media-item:after{font-size:10px}.float-card{width:82px;height:82px;right:-14px}.float-card.two{width:68px;height:68px;top:-20px}.video-caption{align-items:flex-start;flex-direction:column}.visual{animation-duration:7s}}
@media(prefers-reduced-motion:reduce){.visual,.seal,.float-card,.visual:before,.visual:after{animation:none!important}.reveal{opacity:1;transform:none}}