/* SOURCE: brand227.css?v=26.3.0 */ /* v23.0.0 Brand refresh */ .studio-logo227{width:36px!important;height:36px!important;display:block;filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--studio-accent) 22%,transparent))} .studio-loader__mark227{display:grid!important;place-items:center!important} .studio-loader__logo227{width:68px;height:68px;display:block;filter:drop-shadow(0 14px 34px rgba(230,57,70,.22))} .site-logo227{width:34px;height:34px;display:block} .sidebar-brand .site-logo227{width:36px;height:36px} @media(max-width:720px){.studio-loader__logo227{width:60px;height:60px}} ; /* SOURCE: studio230.css?v=26.3.0 */ /* Ali963sy Studio v23.0 — Cinematic Signature */ :root{ --s23-bg:#050506;--s23-bg2:#09090b;--s23-panel:#0d0d10;--s23-panel2:#121216; --s23-text:#f6f3ee;--s23-muted:#96949b;--s23-accent:#ff304d;--s23-accent2:#ff6d78; --s23-ivory:#eee7dc;--s23-line:rgba(255,255,255,.095);--s23-soft:rgba(255,255,255,.055); --s23-shadow:0 26px 90px rgba(0,0,0,.42);--s23-radius:24px;--s23-max:1440px; } html{background:var(--s23-bg);scrollbar-color:#313038 #070708} body{background: radial-gradient(circle at 82% 5%,rgba(255,48,77,.075),transparent 28%), radial-gradient(circle at 12% 54%,rgba(238,231,220,.028),transparent 26%), linear-gradient(180deg,#050506,#08080a 58%,#050506);color:var(--s23-text)} body:before{content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:soft-light} ::selection{background:var(--s23-accent);color:#fff}img{image-rendering:auto}.s23-progress{position:fixed;z-index:10020;top:0;right:0;height:2px;width:0;background:linear-gradient(90deg,var(--s23-accent),#fff);box-shadow:0 0 16px rgba(255,48,77,.8);pointer-events:none}.s23-orb{position:fixed;z-index:-1;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,48,77,.055),transparent 68%);transform:translate(50%,-50%);pointer-events:none;filter:blur(2px)} /* Global cinematic header normalization */ header,.yt-nav,.top,.wrap.top{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)} header.scrolled,.yt-nav,.wrap.top{background:rgba(5,5,6,.84)!important;border-color:var(--s23-line)!important;box-shadow:0 16px 55px rgba(0,0,0,.26)!important} .logo,.brand,.yt-brand{letter-spacing:-.02em}.logo-icon{border-radius:50%!important;background:rgba(255,48,77,.075)!important;border-color:rgba(255,48,77,.32)!important}.nav-links a{font-weight:750!important;letter-spacing:.01em}.nav-links a.active,.nav-links a:hover{background:rgba(255,255,255,.055)!important}.home-btn,.back,.yt-back{border-radius:999px!important;border:1px solid var(--s23-line)!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important} /* Homepage signature hero */ .slider{min-height:720px!important;height:100svh!important;border-bottom:1px solid var(--s23-line);isolation:isolate} .slider:before{content:"ALI963SY";position:absolute;z-index:8;right:-.04em;bottom:-.18em;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(9rem,25vw,28rem);font-weight:950;line-height:.75;letter-spacing:-.075em;color:#fff;opacity:.027;pointer-events:none;white-space:nowrap} .slider:after{content:"STUDIO / VISUAL STORIES / 2026";position:absolute;z-index:22;left:32px;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;color:rgba(255,255,255,.43);font-size:.62rem;font-weight:900;letter-spacing:.25em;pointer-events:none} .slide{filter:brightness(.33) saturate(.78) contrast(1.08)!important}.slide:after{background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 27%,transparent 55%,rgba(0,0,0,.93)),linear-gradient(90deg,rgba(0,0,0,.35),transparent 48%,rgba(230,20,48,.06))!important} .slide-overlay{padding-top:120px!important}.hero-inner{max-width:1040px!important;text-align:center!important;position:relative}.hero-inner:before{content:"CINEMATIC • PHOTOGRAPHY • STORIES";display:block;margin:0 auto 18px;color:#d8d2cc;font-size:.65rem;font-weight:900;letter-spacing:.24em}.hero-badge{border-radius:4px!important;background:rgba(4,4,5,.46)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;padding:8px 14px!important;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem}.hero-title{font-family:"Cairo","Segoe UI",sans-serif!important;font-size:clamp(3.5rem,8.4vw,8.3rem)!important;line-height:.94!important;letter-spacing:-.075em!important;margin:24px auto 24px!important;max-width:1050px;text-wrap:balance}.hero-title span{color:var(--s23-accent)!important;text-shadow:0 0 50px rgba(255,48,77,.18)!important}.hero-desc{max-width:720px!important;color:#d4d0d0!important;font-size:clamp(.98rem,1.7vw,1.18rem)!important}.hero-btns{margin-top:34px}.btn,.hero-action,.hero-btn,.yt-btn,.btn-play-all,.btn-secondary-v2{border-radius:8px!important;min-height:48px;font-weight:850!important}.btn:not(.btn-outline),.hero-action.primary,.hero-btn.primary,.yt-btn.primary,.btn-play-all{background:var(--s23-accent)!important;box-shadow:10px 10px 0 rgba(255,48,77,.12)!important}.btn:hover,.hero-action:hover,.hero-btn:hover,.yt-btn:hover{transform:translateY(-2px)!important}.slider-arrow{width:52px!important;height:52px!important;border-radius:6px!important;background:rgba(7,7,8,.5)!important}.slider-thumbs{border-radius:10px!important;background:rgba(5,5,6,.65)!important}.thumb-dot{border-radius:6px!important;width:58px!important;height:42px!important}.thumb-dot.active{transform:translateY(-3px)!important} /* user preference: no moving marquee */ .marquee-container{display:none!important} /* Homepage sections */ .stats-section{background:var(--s23-ivory)!important;color:#111!important;border:0!important}.stats-section .stat-box{border-color:rgba(0,0,0,.12)!important;background:transparent!important}.stats-section .stat-box strong,.stats-section .stat-box b{color:#111!important}.stats-section .stat-box span,.stats-section .stat-box p{color:#5f5a55!important}.stat-icon{background:#111!important;color:var(--s23-ivory)!important;border-radius:50%!important} .section-title,.v2-heading{font-size:clamp(2.2rem,5vw,5.2rem)!important;line-height:1!important;letter-spacing:-.055em!important;text-wrap:balance}.section-subtitle{color:var(--s23-muted)!important}.featured-grid{gap:12px!important}.featured-grid>*{border-radius:4px!important;border-color:var(--s23-line)!important;box-shadow:none!important;overflow:hidden!important}.services-v2{gap:9px!important}.service-v2{border-radius:3px!important;background:linear-gradient(145deg,#111115,#0b0b0e)!important;border:1px solid var(--s23-line)!important;min-height:235px;position:relative;overflow:hidden}.service-v2:after{content:"";position:absolute;left:-28px;bottom:-28px;width:90px;height:90px;border:1px solid rgba(255,48,77,.22);border-radius:50%}.service-number{color:var(--s23-accent)!important;font-family:Impact,"Arial Black",sans-serif;font-size:2.25rem!important}.about-preview{border-top:1px solid var(--s23-line)!important;border-bottom:1px solid var(--s23-line)!important}.about-image img{filter:saturate(.86) contrast(1.05)}.about-point{border-radius:4px!important;border-color:var(--s23-line)!important;background:#0b0b0e!important}.testimonials-v2{gap:10px!important}.quote-v2{border-radius:3px!important;border-color:var(--s23-line)!important;background:#0d0d10!important}.quote-mark{font-family:Georgia,serif;color:var(--s23-accent)!important}.tools-grid{gap:10px!important}.tool-card{border-radius:3px!important;background:linear-gradient(145deg,#111114,#09090b)!important;border-color:var(--s23-line)!important}.tool-icon{border-radius:50%!important} footer{border-top:1px solid var(--s23-line)!important;background:#040405!important} /* Shared page heroes */ .hero-v3,.hero,.featured-showcase,.yt-hero,.wrap .hero,.studio20-blog-hero,.insta20-hero{position:relative!important;overflow:hidden!important;border-color:var(--s23-line)!important;background: radial-gradient(circle at 82% 12%,rgba(255,48,77,.12),transparent 27%),linear-gradient(145deg,#101014,#050506 65%)!important} .hero-v3:before,.hero:before,.featured-showcase:before,.yt-hero:before,.wrap .hero:before,.studio20-blog-hero:before,.insta20-hero:before{content:"ALI963SY";position:absolute;left:-.03em;bottom:-.22em;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(8rem,22vw,22rem);line-height:.75;letter-spacing:-.08em;color:#fff;opacity:.025;pointer-events:none} .hero-v3-card,.hero-card,.featured-showcase,.yt-feature-card,.portrait-card{border-radius:8px!important;border-color:var(--s23-line)!important;box-shadow:var(--s23-shadow)!important}.eyebrow,.studio-page-kicker,.yt-kicker,.badge{color:var(--s23-accent2)!important;letter-spacing:.12em!important;text-transform:uppercase}.archive-stats,.stats,.music-pro-strip{border-color:var(--s23-line)!important;background:rgba(10,10,12,.72)!important;backdrop-filter:blur(16px)}.stat-pill,.stat,.music-pro-stat{border-radius:4px!important;border-color:var(--s23-line)!important} /* Gallery — editorial, less card-like */ .gallery-toolbar-shell,.g212-explorer,.g213-showcase{border-color:var(--s23-line)!important;background:rgba(10,10,12,.72)!important;box-shadow:none!important}.gallery-toolbar,.g212-head,.g213-head{border-radius:4px!important}.filter-btn,.g213-chip{border-radius:999px!important}.gallery-grid{gap:8px!important}.gallery-item,.photo-card,.g212-card{border-radius:2px!important;border-color:rgba(255,255,255,.07)!important;background:#09090b!important;box-shadow:none!important}.gallery-item img,.photo-card img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s!important;filter:saturate(.88) contrast(1.03)}.gallery-item:hover img,.photo-card:hover img{transform:scale(1.025)!important;filter:saturate(1) contrast(1.02)!important}.lightbox,.viewer{backdrop-filter:blur(22px)!important;background:rgba(3,3,4,.92)!important}.lightbox img,.viewer img{filter:none!important;opacity:1!important} /* Videos */ .video-grid{gap:9px!important}.video-card,.video-item{border-radius:3px!important;border-color:var(--s23-line)!important;background:#09090b!important;box-shadow:none!important}.video-card video,.video-item video,.video-card img,.video-item img{filter:saturate(.86) contrast(1.05);transition:.4s}.video-card:hover video,.video-item:hover video,.video-card:hover img,.video-item:hover img{filter:saturate(1)}.toolbar-shell{background:rgba(9,9,11,.78)!important;border-color:var(--s23-line)!important;box-shadow:none!important} /* Music */ .featured-showcase{border-radius:8px!important;min-height:470px!important}.showcase-info h1{font-size:clamp(2.6rem,6vw,5.7rem)!important;line-height:.98!important;letter-spacing:-.055em!important}.equalizer-box{border-radius:4px!important;background:#08080a!important;border-color:var(--s23-line)!important}.eq-bar{background:linear-gradient(var(--s23-accent2),var(--s23-accent))!important}.library-toolbar{border-color:var(--s23-line)!important;background:#0b0b0e!important;border-radius:4px!important}.playlist-grid{gap:9px!important}.track-card,.playlist-card,.music-card{border-radius:3px!important;border-color:var(--s23-line)!important;background:linear-gradient(145deg,#101013,#08080a)!important;box-shadow:none!important}.modal-player{background:rgba(4,4,5,.94)!important;backdrop-filter:blur(26px)!important}.player-shell,.modal-content{border-radius:8px!important;border-color:var(--s23-line)!important}.music-white-dot,.white-circle,.bottom-circle{display:none!important} /* YouTube */ .yt-wrap{background:transparent!important}.yt-featured{gap:12px!important}.yt-feature-card,.yt-info-card{border-radius:5px!important;border-color:var(--s23-line)!important;background:#0b0b0e!important}.yt-grid{gap:9px!important}.yt-card{border-radius:3px!important;border-color:var(--s23-line)!important;background:#0b0b0e!important;box-shadow:none!important}.yt-thumb{border-radius:2px!important}.yt-toolbar{border-color:var(--s23-line)!important;background:#0b0b0e!important;border-radius:4px!important} /* Stories / Instagram / Blog / About */ .story-card,.insta20-item,.studio20-article,.value{border-radius:3px!important;border-color:var(--s23-line)!important;background:#0c0c0f!important;box-shadow:none!important}.stories,.insta20-grid,.studio20-blog-grid{gap:9px!important}.story-card img,.insta20-item img,.studio20-article-media img{filter:saturate(.86) contrast(1.04);transition:.45s}.story-card:hover img,.insta20-item:hover img,.studio20-article:hover img{filter:saturate(1);transform:scale(1.02)}.portrait-card{border-radius:5px!important}.portrait-card img{filter:saturate(.86) contrast(1.05)}.values{gap:9px!important}.value i{color:var(--s23-accent)!important}.contact{border-radius:5px!important;border-color:var(--s23-line)!important;background:#0b0b0e!important}.socials a{border-radius:50%!important} /* Downloader + private/client surfaces */ .client-tools,.tool-card,.download-card,.downloader-card{border-color:var(--s23-line)!important;background:#0b0b0e!important;box-shadow:none!important;border-radius:5px!important} /* Performance / paint containment */ .gallery-item,.photo-card,.video-card,.video-item,.story-card,.insta20-item,.studio20-article,.track-card,.playlist-card,.service-v2,.quote-v2{content-visibility:auto;contain-intrinsic-size:320px 300px} /* Mobile dock injected by studio230.js */ .s23-mobile-dock{display:none}.s23-version-chip{position:fixed;z-index:70;right:14px;bottom:14px;padding:6px 10px;border:1px solid var(--s23-line);background:rgba(7,7,8,.72);backdrop-filter:blur(14px);color:#777;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;pointer-events:none} @media(max-width:980px){ .slider:after{display:none}.hero-title{font-size:clamp(3.1rem,12vw,6.5rem)!important}.slider{min-height:650px!important}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.services-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:720px){ body{padding-bottom:78px!important}.s23-version-chip{display:none}.s23-orb{display:none} header{padding:10px 0!important}.logo{font-size:1.08rem!important}.logo-icon{width:36px!important;height:36px!important}.menu-btn{border-radius:50%!important} .slider{height:88svh!important;min-height:590px!important}.slide-overlay{padding:100px 16px 115px!important}.hero-inner:before{font-size:.53rem;letter-spacing:.15em}.hero-title{font-size:clamp(3.05rem,15vw,5.3rem)!important;line-height:.95!important}.hero-desc{font-size:.93rem!important;line-height:1.75!important}.hero-btns{gap:8px}.btn{padding:11px 17px!important;min-height:45px}.slider-arrow{display:none!important}.slider-bottom{bottom:20px!important}.slider-thumbs{padding:7px!important}.thumb-dot{width:42px!important;height:34px!important} .stats-section{grid-template-columns:repeat(2,1fr)!important}.featured-grid,.services-v2,.testimonials-v2,.tools-grid{grid-template-columns:1fr!important}.section-title,.v2-heading{font-size:2.7rem!important} .gallery-grid,.video-grid,.playlist-grid,.insta20-grid,.studio20-blog-grid{gap:6px!important}.gallery-item,.photo-card,.video-card,.video-item,.story-card,.insta20-item,.studio20-article{border-radius:2px!important} .s23-mobile-dock{display:grid;position:fixed;z-index:9990;right:8px;left:8px;bottom:8px;grid-template-columns:repeat(5,1fr);height:62px;background:rgba(8,8,10,.94);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(22px);box-shadow:0 16px 50px rgba(0,0,0,.45);border-radius:16px;padding:4px}.s23-mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#aaa;font-size:16px;border-radius:12px}.s23-mobile-dock a.active{background:rgba(255,48,77,.13);color:#fff}.s23-mobile-dock small{font-size:8px;font-weight:800}.s23-mobile-dock .s23-main{transform:translateY(-12px)}.s23-mobile-dock .s23-main span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--s23-accent);color:#fff;box-shadow:0 0 0 5px #09090b} } @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.s23-orb{display:none!important}} ; /* SOURCE: studio231.css?v=26.3.0 */ /* Ali963sy Studio v23.1.0 — Precision Polish */ :root{ --s231-bg:#050506;--s231-surface:#0b0b0e;--s231-surface2:#111116; --s231-text:#f7f4ef;--s231-muted:#9d9aa2;--s231-red:#ff3653;--s231-red2:#ff6d7f; --s231-ivory:#eee7dc;--s231-line:rgba(255,255,255,.095);--s231-soft:rgba(255,255,255,.055); --s231-max:1440px;--s231-radius:20px;--s231-shadow:0 28px 90px rgba(0,0,0,.38); } html{scroll-behavior:smooth;background:var(--s231-bg);text-rendering:optimizeLegibility} body{min-height:100dvh;background-color:var(--s231-bg);overflow-x:hidden} body.s231-ready{opacity:1}body:not(.s231-ready){opacity:.995} *{scrollbar-width:thin;scrollbar-color:#35343a #08080a} :focus-visible{outline:2px solid var(--s231-red2)!important;outline-offset:3px!important} img,video{max-width:100%}button,a,input,select,textarea{font:inherit} .s23-version-chip{display:none!important} .marquee-container,[class*="marquee"]{animation:none!important} /* cleaner global navigation */ body[data-page]:not([data-page="home"])>header, body[data-page]:not([data-page="home"]) .yt-nav, body[data-page]:not([data-page="home"]) .top{ position:sticky!important;top:0!important;z-index:120!important; background:rgba(5,5,7,.78)!important;border-bottom:1px solid var(--s231-line)!important; backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15) } body.s231-scrolled>header,body.s231-scrolled .yt-nav{box-shadow:0 16px 50px rgba(0,0,0,.28)!important} .logo,.brand,.yt-brand{min-width:0}.logo span,.brand span,.yt-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .home-btn,.back,.yt-back{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px} /* high-end page hero rhythm */ body[data-page]:not([data-page="home"]) .hero, body[data-page]:not([data-page="home"]) .hero-v3, body[data-page]:not([data-page="home"]) .yt-hero, body[data-page]:not([data-page="home"]) .studio20-blog-hero, body[data-page]:not([data-page="home"]) .insta20-hero{ min-height:clamp(330px,55vh,620px)!important;margin-top:0!important;padding-top:clamp(58px,8vw,110px)!important; padding-bottom:clamp(42px,6vw,80px)!important } body[data-page] h1{font-feature-settings:"kern" 1;text-wrap:balance} body[data-page] .eyebrow,body[data-page] .studio-page-kicker,body[data-page] .yt-kicker{font-size:.68rem!important;font-weight:900!important;letter-spacing:.16em!important} .archive-stats,.stats,.music-pro-strip{box-shadow:none!important} /* homepage: cinematic but readable */ body[data-page="home"] .slider{min-height:680px!important;height:100svh!important} body[data-page="home"] .slide-overlay{display:flex!important;align-items:center!important;justify-content:center!important} body[data-page="home"] .hero-inner{width:min(980px,calc(100% - 40px))!important;margin-inline:auto!important} body[data-page="home"] .hero-title{font-size:clamp(3.2rem,7.7vw,7.5rem)!important;letter-spacing:-.065em!important} body[data-page="home"] .hero-desc{max-width:680px!important;margin-inline:auto!important;line-height:1.9!important} body[data-page="home"] .hero-btns{justify-content:center!important;flex-wrap:wrap!important} body[data-page="home"] .stats-section{position:relative!important;z-index:5!important} body[data-page="home"] .section-title,body[data-page="home"] .v2-heading{max-width:900px;text-wrap:balance} /* gallery: editorial wall, no classic card feel */ body[data-page="gallery"] .gallery-grid.editorial{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important;padding-inline:clamp(12px,3vw,42px)!important;max-width:1540px!important} body[data-page="gallery"] .gallery-grid.editorial .gallery-item{grid-column:span 4!important;height:clamp(300px,38vw,500px)!important;border:0!important;border-radius:3px!important;background:#09090b!important} body[data-page="gallery"] .gallery-grid.editorial .gallery-item:nth-child(8n+1), body[data-page="gallery"] .gallery-grid.editorial .gallery-item:nth-child(8n+6){grid-column:span 8!important;height:clamp(380px,48vw,650px)!important} body[data-page="gallery"] .gallery-item img{width:100%!important;height:100%!important;object-fit:cover!important} body[data-page="gallery"] .gallery-item:hover{transform:none!important;box-shadow:none!important} body[data-page="gallery"] .gallery-overlay{background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.35))!important} body[data-page="gallery"] .favorite-btn{backdrop-filter:blur(14px)} body[data-page="gallery"] .gallery-toolbar-shell,body[data-page="gallery"] .g212-explorer,body[data-page="gallery"] .g213-showcase{border-radius:12px!important} /* videos: artwork first — no generated titles/captions */ body[data-page="videos"] .video-grid{gap:10px!important} body[data-page="videos"] .video-card{min-height:0!important;border-radius:4px!important;border:0!important;background:#08080a!important;overflow:hidden!important} body[data-page="videos"] .video-info{display:none!important} body[data-page="videos"] .video-thumb,body[data-page="videos"] .video-card:nth-child(7n+1) .video-thumb,body[data-page="videos"] .video-card:nth-child(7n+5) .video-thumb{height:clamp(260px,36vw,520px)!important;border-radius:4px!important} body[data-page="videos"] .video-card:hover{transform:none!important;box-shadow:none!important} body[data-page="videos"] .video-badge{font-size:.62rem!important;letter-spacing:.12em!important} /* stories: immersive vertical gallery */ body[data-page="stories"] .stories{column-gap:10px!important} body[data-page="stories"] .story-card{border-radius:6px!important;border:0!important;margin-bottom:10px!important;background:#09090b!important} body[data-page="stories"] .story-card img{filter:saturate(.94) contrast(1.025)} body[data-page="stories"] .viewer-shell{box-shadow:0 0 0 1px var(--s231-line),0 40px 120px #000} /* shared collection surfaces */ body[data-page="instagram"] .insta20-item, body[data-page="blog"] .studio20-article, body[data-page="youtube"] .yt-card, body[data-page="music"] .playlist-card, body[data-page="about"] .portrait-card{border-color:var(--s231-line)!important;box-shadow:none!important} body[data-page="instagram"] .insta20-item:hover, body[data-page="blog"] .studio20-article:hover, body[data-page="youtube"] .yt-card:hover{transform:translateY(-3px)!important} /* downloader: focused task surface */ body[data-page="downloader"] .download-card,body[data-page="downloader"] .downloader-card,body[data-page="downloader"] .tool-card{max-width:920px;margin-inline:auto!important;border-radius:16px!important} body[data-page="downloader"] input[type="url"],body[data-page="downloader"] input[type="text"]{min-height:54px!important;border-radius:10px!important} /* make lower sections feel intentional */ footer{padding-bottom:max(26px,env(safe-area-inset-bottom))!important} .empty,.empty-v3,.empty-state{border-style:dashed!important;border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.02)!important} .skeleton{animation-duration:1.35s!important} /* performance paint isolation */ .gallery-item,.video-card,.story-card,.playlist-card,.yt-card,.insta20-item,.studio20-article,.service-v2,.quote-v2{content-visibility:auto;contain-intrinsic-size:360px 340px} /* offline status */ .s231-net{position:fixed;z-index:10040;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%,-140%);opacity:0;transition:.25s ease;padding:8px 13px;border:1px solid var(--s231-line);border-radius:999px;background:rgba(8,8,10,.94);color:#ddd;font-size:.72rem;font-weight:800;backdrop-filter:blur(18px);pointer-events:none} .s231-net.show{transform:translate(-50%,0);opacity:1}.s231-net.offline{color:#ffadb8;border-color:rgba(255,54,83,.35)} /* mobile navigation refresh */ @media(max-width:980px){ body[data-page="gallery"] .gallery-grid.editorial .gallery-item,body[data-page="gallery"] .gallery-grid.editorial .gallery-item:nth-child(8n+1),body[data-page="gallery"] .gallery-grid.editorial .gallery-item:nth-child(8n+6){grid-column:span 6!important;height:420px!important} } @media(max-width:720px){ body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important} body[data-page="home"] .slider{height:90svh!important;min-height:610px!important} body[data-page="home"] .slide-overlay{padding:94px 14px 116px!important} body[data-page="home"] .hero-inner{width:100%!important} body[data-page="home"] .hero-title{font-size:clamp(2.85rem,14.5vw,5.1rem)!important;line-height:.97!important} body[data-page="home"] .hero-desc{font-size:.92rem!important;line-height:1.75!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} body[data-page="home"] .hero-btns .btn{flex:1 1 150px!important;max-width:220px!important} body[data-page]:not([data-page="home"]) .hero,body[data-page]:not([data-page="home"]) .hero-v3,body[data-page]:not([data-page="home"]) .yt-hero{min-height:320px!important;padding-top:52px!important} body[data-page]:not([data-page="home"]) h1{font-size:clamp(2.8rem,13vw,4.6rem)!important;line-height:1!important} body[data-page="gallery"] .gallery-grid.editorial{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding-inline:6px!important} body[data-page="gallery"] .gallery-grid.editorial .gallery-item,body[data-page="gallery"] .gallery-grid.editorial .gallery-item:nth-child(8n+1),body[data-page="gallery"] .gallery-grid.editorial .gallery-item:nth-child(8n+6){grid-column:span 1!important;height:58vw!important;min-height:210px!important} body[data-page="gallery"] .gallery-grid.editorial .gallery-item:nth-child(5n+1){grid-column:span 2!important;height:72vw!important} body[data-page="videos"] .video-grid{grid-template-columns:1fr!important;padding-inline:8px!important} body[data-page="videos"] .video-card,body[data-page="videos"] .video-card:nth-child(7n+1),body[data-page="videos"] .video-card:nth-child(7n+5){grid-column:auto!important} body[data-page="videos"] .video-thumb,body[data-page="videos"] .video-card:nth-child(7n+1) .video-thumb,body[data-page="videos"] .video-card:nth-child(7n+5) .video-thumb{height:58vw!important;min-height:230px!important} body[data-page="stories"] .stories{columns:2 130px!important;column-gap:6px!important;padding-inline:4px!important} body[data-page="stories"] .story-card{margin-bottom:6px!important;border-radius:4px!important} .s23-mobile-dock{right:7px!important;left:7px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;height:64px!important;border-radius:18px!important;padding:5px!important;background:rgba(7,7,9,.94)!important} .s23-mobile-dock a{gap:2px!important;font-size:15px!important;min-width:0!important}.s23-mobile-dock small{font-size:8px!important;white-space:nowrap!important}.s23-mobile-dock .s23-main{transform:translateY(-10px)!important} } @media(max-width:380px){.s23-mobile-dock small{display:none!important}.s23-mobile-dock{height:58px!important}body{padding-bottom:70px!important}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.s231-net{transition:none!important}} ; /* SOURCE: studio232.css?v=26.3.0 */ /* Ali963sy Studio v23.2.0 — Stable Recovery & Precision Polish */ :root{ --s232-safe-x:clamp(14px,3vw,44px); --s232-panel:rgba(12,12,15,.72); --s232-panel-strong:rgba(9,9,12,.92); --s232-line:rgba(255,255,255,.09); --s232-accent:#ff3653; --s232-accent-soft:rgba(255,54,83,.14); } html,body{max-width:100%;overflow-x:clip} body{isolation:isolate} main,section,.container,.wrap,.content{min-width:0} img,video{display:block} button,.btn,a[role="button"]{-webkit-tap-highlight-color:transparent} /* Navigation: keep the visual center stable on desktop and mobile. */ header nav,.nav,.navbar,.yt-nav-inner{max-width:1540px;margin-inline:auto} .nav-links,.menu,.links{align-items:center} @media(min-width:901px){ .nav-links,.menu{justify-content:center} } /* Consistent premium controls without changing the existing brand. */ .btn,button,.home-btn,.back,.yt-back{ border-radius:12px; transition:transform .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease; } @media(hover:hover){ .btn:hover,button:hover,.home-btn:hover,.back:hover,.yt-back:hover{transform:translateY(-1px)} } .btn:active,button:active{transform:translateY(0) scale(.985)} /* Better page spacing and readable line lengths. */ body[data-page] main{padding-inline:max(0px,env(safe-area-inset-left));} body[data-page]:not([data-page="home"]) .hero p, body[data-page]:not([data-page="home"]) .hero-v3 p, body[data-page]:not([data-page="home"]) .yt-hero p{max-width:760px;text-wrap:pretty} body[data-page="home"] .hero-inner{padding-inline:clamp(10px,2vw,28px)} /* Gallery: preserve editorial rhythm but avoid overly narrow tiles. */ body[data-page="gallery"] .gallery-grid.editorial{align-items:start} body[data-page="gallery"] .gallery-item{overflow:hidden;contain:layout paint style} body[data-page="gallery"] .gallery-item img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease} @media(hover:hover){body[data-page="gallery"] .gallery-item:hover img{transform:scale(1.018);filter:saturate(1.02)}} /* Video wall: keep controls usable while captions remain hidden. */ body[data-page="videos"] .video-card{position:relative} body[data-page="videos"] .video-thumb{background:#08080a} body[data-page="videos"] video{width:100%;height:100%;object-fit:cover;background:#000} /* Music: larger precision target for seek/volume on touch devices. */ body[data-page="music"] input[type="range"]{min-height:28px;touch-action:none} body[data-page="music"] .player-controls button{min-width:42px;min-height:42px} body[data-page="music"] .playlist-card{content-visibility:auto;contain-intrinsic-size:110px} /* Admin: stronger hierarchy, less visual noise. */ body.admin-page .admin-card,body[data-page="admin"] .admin-card, body.admin-page .panel,body[data-page="admin"] .panel{border-color:var(--s232-line)!important;box-shadow:none!important} body.admin-page input,body.admin-page select,body.admin-page textarea, body[data-page="admin"] input,body[data-page="admin"] select,body[data-page="admin"] textarea{min-height:44px} .a232-health{position:fixed;z-index:10060;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--s232-line);border-radius:999px;background:var(--s232-panel-strong);color:#d7d4d9;font:800 11px/1.1 system-ui;backdrop-filter:blur(18px);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease} .a232-health.show{opacity:1;transform:none}.a232-health.bad{color:#ffadb8;border-color:rgba(255,54,83,.4)} .a232-health i{width:7px;height:7px;border-radius:50%;background:#61d69b;box-shadow:0 0 0 4px rgba(97,214,155,.09)} .a232-health.bad i{background:#ff5a70;box-shadow:0 0 0 4px rgba(255,90,112,.1)} /* Smaller devices: more breathing room, fewer accidental taps. */ @media(max-width:720px){ body[data-page]:not([data-page="home"]) .hero, body[data-page]:not([data-page="home"]) .hero-v3, body[data-page]:not([data-page="home"]) .yt-hero{padding-inline:18px!important} body[data-page="gallery"] .gallery-grid.editorial{gap:5px!important} body[data-page="videos"] .video-grid{gap:8px!important} body[data-page="music"] .player-controls{gap:8px} .s23-mobile-dock a{min-height:50px} } @media(max-width:390px){ body[data-page="gallery"] .gallery-grid.editorial .gallery-item{min-height:180px!important} body[data-page="home"] .hero-btns{gap:8px!important} } @media(prefers-reduced-motion:reduce){ .gallery-item img,.btn,button,.home-btn,.back,.yt-back,.a232-health{transition:none!important} } ; /* SOURCE: studio233.css?v=26.3.0 */ /* Ali963sy Studio v23.3.0 — Complete Experience Refinement */ :root{ --s233-bg:#070709; --s233-bg-soft:#0d0d11; --s233-surface:rgba(18,18,23,.76); --s233-surface-strong:rgba(11,11,15,.94); --s233-line:rgba(255,255,255,.09); --s233-line-strong:rgba(255,255,255,.16); --s233-text:#f8f7fa; --s233-muted:#aaa7b0; --s233-accent:#ff3653; --s233-accent-2:#ff6b80; --s233-success:#65d6a3; --s233-danger:#ff6378; --s233-radius-sm:12px; --s233-radius:18px; --s233-radius-lg:28px; --s233-shadow:0 24px 70px rgba(0,0,0,.34); --s233-page:1540px; --s233-readable:760px; --s233-gutter:clamp(16px,3.2vw,48px); --s233-section:clamp(64px,8vw,120px); --s233-ease:cubic-bezier(.2,.72,.2,1); } html{scroll-behavior:smooth;scroll-padding-top:90px;background:var(--s233-bg)} html,body{max-width:100%;overflow-x:clip} body{background:var(--s233-bg);color:var(--s233-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} body::selection{background:rgba(255,54,83,.28);color:#fff} *,*::before,*::after{box-sizing:border-box} img,video,canvas,svg{max-width:100%} img,video{height:auto} a,button,input,select,textarea{font:inherit} a,button,[role="button"],input,select,textarea{outline:none} a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{ box-shadow:0 0 0 3px rgba(255,54,83,.24),0 0 0 1px var(--s233-accent)!important; outline:2px solid transparent!important; } button,a[role="button"],.btn,.back,.home-btn,.yt-btn{min-height:44px;touch-action:manipulation} input,select,textarea{accent-color:var(--s233-accent)} ::placeholder{color:#787680;opacity:1} .s233-skip{position:fixed;z-index:20000;top:10px;left:50%;transform:translate(-50%,-140%);padding:10px 16px;border-radius:999px;background:#fff;color:#111;font-weight:900;transition:transform .18s ease} .s233-skip:focus{transform:translate(-50%,0)} .s233-scroll-progress{position:fixed;z-index:15000;top:0;left:0;width:100%;height:2px;pointer-events:none;background:transparent} .s233-scroll-progress>i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--s233-accent),var(--s233-accent-2));box-shadow:0 0 14px rgba(255,54,83,.55)} .s233-network{position:fixed;z-index:16000;left:50%;bottom:max(16px,env(safe-area-inset-bottom));translate:-50% 12px;opacity:0;pointer-events:none;padding:9px 14px;border:1px solid var(--s233-line);border-radius:999px;background:rgba(10,10,14,.92);backdrop-filter:blur(18px);color:#d9d7dd;font-size:.78rem;font-weight:850;transition:.2s ease} .s233-network.show{opacity:1;translate:-50% 0}.s233-network.offline{color:#ffb0ba;border-color:rgba(255,54,83,.34)} .s233-page-shell{width:min(var(--s233-page),calc(100% - (var(--s233-gutter) * 2)));margin-inline:auto} .s233-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .media-load-error{background:linear-gradient(135deg,#141419,#0d0d10)!important;opacity:.72} /* Unified glass navigation and top bars */ .navbar,.nav,.top,.yt-nav,.gallery-nav,.video-nav,.music-nav,.header,.site-header{ border-color:var(--s233-line)!important; } @supports(backdrop-filter:blur(18px)){ .navbar,.nav,.yt-nav{backdrop-filter:blur(22px) saturate(1.2)} } .nav-links a,.menu a,.yt-back,.back,.home-btn{position:relative} .nav-links a::before,.menu a::before{content:"";position:absolute;inset:auto 14px 4px;height:2px;border-radius:99px;background:var(--s233-accent);transform:scaleX(0);transition:transform .22s var(--s233-ease)} .nav-links a:hover::before,.nav-links a.active::before,.menu a:hover::before,.menu a.active::before{transform:scaleX(1)} /* Typography & spacing */ h1,h2,h3{text-wrap:balance} p{line-height:1.85} .hero p,.hero-v3 p,.yt-hero p,.studio20-blog-hero p,.insta20-hero p{max-width:var(--s233-readable);text-wrap:pretty} main{min-width:0} section{min-width:0} /* Shared cards */ :is(.card,.panel,.admin-card,.yt-info-card,.yt-feature-card,.value,.contact-card,.video-card,.music-card,.playlist-card,.article-card,.insta20-item,.folder-card){ border-color:var(--s233-line)!important; } @media(hover:hover){ :is(.card,.panel,.yt-info-card,.value,.video-card,.playlist-card,.article-card):hover{border-color:var(--s233-line-strong)!important} } /* HOME — cinematic, cleaner hierarchy */ body[data-page="home"] .slider{min-height:clamp(620px,100svh,1080px);background:#030304} body[data-page="home"] .slide{will-change:opacity,transform} body[data-page="home"] .slide-overlay{padding-inline:var(--s233-gutter)!important} body[data-page="home"] .hero-inner{width:min(920px,100%);margin-inline:auto} body[data-page="home"] .hero-title{font-size:clamp(2.65rem,7vw,6.4rem)!important;line-height:.98!important;letter-spacing:-.05em!important} body[data-page="home"] .hero-desc{max-width:720px!important;color:#d2d0d5!important} body[data-page="home"] .hero-btns .btn{min-width:150px} body[data-page="home"] .slider-arrow{width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px)} body[data-page="home"] .v2-extra,body[data-page="home"] .client-tools{content-visibility:auto;contain-intrinsic-size:700px} body[data-page="home"] .v2-extra{padding-block:var(--s233-section)!important} /* GALLERY — editorial rhythm, fast rendering */ body[data-page="gallery"] .hero-v3{padding-inline:var(--s233-gutter)!important} body[data-page="gallery"] .gallery-grid.editorial{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(6px,1vw,12px)!important;align-items:stretch!important} body[data-page="gallery"] .gallery-item{grid-column:span 4;min-height:320px;border-radius:clamp(14px,1.5vw,24px)!important;overflow:hidden;contain:layout paint style;background:#0b0b0e} body[data-page="gallery"] .gallery-item:nth-child(7n+1),body[data-page="gallery"] .gallery-item:nth-child(7n+5){grid-column:span 8} body[data-page="gallery"] .gallery-item img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .65s var(--s233-ease),filter .35s ease;will-change:transform} body[data-page="gallery"] .gallery-item::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.32));opacity:.45;transition:.25s ease} @media(hover:hover){body[data-page="gallery"] .gallery-item:hover img{transform:scale(1.028);filter:saturate(1.04) contrast(1.01)}body[data-page="gallery"] .gallery-item:hover::after{opacity:.8}} body[data-page="gallery"] .g212-explorer,body[data-page="gallery"] .g213-showcase{content-visibility:auto;contain-intrinsic-size:800px} /* VIDEOS — clean cinema wall; no titles over work */ body[data-page="videos"] .video-grid{width:min(var(--s233-page),calc(100% - var(--s233-gutter)*2));margin-inline:auto;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(8px,1.15vw,16px)!important} body[data-page="videos"] .video-card{grid-column:span 6;overflow:hidden;border-radius:clamp(16px,1.7vw,26px)!important;background:#050506;box-shadow:none!important;content-visibility:auto;contain-intrinsic-size:460px} body[data-page="videos"] .video-card:nth-child(5n+1){grid-column:span 8}body[data-page="videos"] .video-card:nth-child(5n+2){grid-column:span 4} body[data-page="videos"] .video-thumb{aspect-ratio:16/9;overflow:hidden;background:#000} body[data-page="videos"] .video-thumb img,body[data-page="videos"] .video-thumb video{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--s233-ease)} body[data-page="videos"] :is(.video-title,.video-name,.video-card h3,.video-card p,.video-meta){display:none!important} @media(hover:hover){body[data-page="videos"] .video-card:hover .video-thumb img{transform:scale(1.018)}} /* MUSIC — focused player, touch-first controls */ body[data-page="music"]{--music-accent:var(--s233-accent)} body[data-page="music"] .player,body[data-page="music"] .music-player,body[data-page="music"] .now-playing{border-radius:var(--s233-radius-lg)!important;border-color:var(--s233-line)!important;box-shadow:var(--s233-shadow)!important} body[data-page="music"] .player-controls button,body[data-page="music"] .controls button{min-width:46px;min-height:46px;border-radius:999px!important} body[data-page="music"] input[type="range"]{min-height:32px;cursor:pointer} body[data-page="music"] .playlist-card{content-visibility:auto;contain-intrinsic-size:96px;transition:transform .18s ease,border-color .18s ease} @media(hover:hover){body[data-page="music"] .playlist-card:hover{transform:translateY(-1px)}} /* YOUTUBE */ body[data-page="youtube"] .yt-wrap{width:min(var(--s233-page),calc(100% - var(--s233-gutter)*2));margin-inline:auto} body[data-page="youtube"] .yt-hero{padding-block:clamp(76px,10vw,150px)!important} body[data-page="youtube"] .yt-featured{gap:clamp(16px,3vw,34px)!important} body[data-page="youtube"] .yt-feature-card,body[data-page="youtube"] .yt-info-card{border-radius:var(--s233-radius-lg)!important;overflow:hidden} body[data-page="youtube"] .yt-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,20px)!important} body[data-page="youtube"] .yt-card{content-visibility:auto;contain-intrinsic-size:360px;border-radius:var(--s233-radius)!important;overflow:hidden} body[data-page="youtube"] .yt-search input{min-height:48px} /* ABOUT */ body[data-page="about"] .wrap{width:min(1180px,calc(100% - var(--s233-gutter)*2))!important} body[data-page="about"] .hero{padding-block:clamp(70px,10vw,150px)!important} body[data-page="about"] .stats{gap:10px!important} body[data-page="about"] .stats>*{border-radius:var(--s233-radius)!important} body[data-page="about"] .story{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(24px,5vw,70px);align-items:center} body[data-page="about"] .story img{border-radius:var(--s233-radius-lg);box-shadow:var(--s233-shadow)} body[data-page="about"] .values{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important} body[data-page="about"] .value{border-radius:var(--s233-radius)!important} /* STORIES */ body[data-page="stories"] .wrap{width:min(1280px,calc(100% - var(--s233-gutter)*2))!important} body[data-page="stories"] .stories{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.2vw,16px)!important} body[data-page="stories"] .story-card,body[data-page="stories"] .story-item{border-radius:clamp(16px,2vw,24px)!important;overflow:hidden;aspect-ratio:9/16;content-visibility:auto;contain-intrinsic-size:520px} body[data-page="stories"] .viewer-shell{border-radius:clamp(18px,3vw,30px)!important;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.55)} /* BLOG */ body[data-page="blog"] main{width:min(1240px,calc(100% - var(--s233-gutter)*2));margin-inline:auto} body[data-page="blog"] .studio20-blog-hero{padding-block:clamp(80px,11vw,150px)!important} body[data-page="blog"] .studio20-blog-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.7vw,22px)!important} body[data-page="blog"] .studio20-blog-grid>*{grid-column:span 6;border-radius:var(--s233-radius-lg)!important;content-visibility:auto;contain-intrinsic-size:320px} body[data-page="blog"] .studio20-blog-grid>*:first-child{grid-column:span 12} /* INSTAGRAM / DAILY */ body[data-page="instagram"] .insta20{width:min(1320px,calc(100% - var(--s233-gutter)*2));margin-inline:auto} body[data-page="instagram"] .insta20-hero{padding-block:clamp(80px,10vw,140px)!important} body[data-page="instagram"] .insta20-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(5px,.7vw,10px)!important} body[data-page="instagram"] .insta20-item{grid-column:span 3;aspect-ratio:1/1;border-radius:clamp(12px,1.4vw,20px)!important;overflow:hidden;content-visibility:auto;contain-intrinsic-size:320px} body[data-page="instagram"] .insta20-item:nth-child(9n+1),body[data-page="instagram"] .insta20-item:nth-child(9n+6){grid-column:span 6;grid-row:span 2} body[data-page="instagram"] .insta20-item img{width:100%;height:100%;object-fit:cover} /* DOWNLOADER */ body[data-page="downloader"] main{width:min(920px,calc(100% - var(--s233-gutter)*2));margin-inline:auto} body[data-page="downloader"] .intro{padding-block:clamp(80px,11vw,150px)!important} body[data-page="downloader"] :is(.download-card,.downloader-card,.tool-card,.result-card){border-radius:var(--s233-radius-lg)!important;border-color:var(--s233-line)!important;box-shadow:none!important} body[data-page="downloader"] input[type="url"],body[data-page="downloader"] input[type="text"]{min-height:52px;border-radius:14px!important} body[data-page="downloader"] .result-card{content-visibility:auto;contain-intrinsic-size:280px} /* PRIVATE FOLDERS */ body[data-page="folder"] .demo,body[data-page="folder"] main{width:min(1080px,calc(100% - var(--s233-gutter)*2));margin-inline:auto} body[data-page="folder"] .secure,body[data-page="folder"] .folder-card{border-radius:var(--s233-radius-lg)!important;border-color:var(--s233-line)!important} body[data-page="folder"] img,body[data-page="folder"] video{border-radius:var(--s233-radius)!important} /* UPLOAD */ body[data-page="upload"] main,body[data-page="upload"] .upload-wrap,body[data-page="upload"] .container{width:min(860px,calc(100% - var(--s233-gutter)*2));margin-inline:auto} body[data-page="upload"] :is(.upload-box,.drop-zone,.upload-card){border-radius:var(--s233-radius-lg)!important;border-color:var(--s233-line)!important} body[data-page="upload"] input[type="file"]{min-height:48px} /* Errors/offline */ body[data-page="offline"],body[data-page="not-found"]{display:grid;min-height:100svh;place-items:center;padding:24px} /* Responsive */ @media(max-width:1100px){ body[data-page="gallery"] .gallery-item,body[data-page="gallery"] .gallery-item:nth-child(n){grid-column:span 6} body[data-page="videos"] .video-card,body[data-page="videos"] .video-card:nth-child(n){grid-column:span 6} body[data-page="youtube"] .yt-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body[data-page="stories"] .stories{grid-template-columns:repeat(3,minmax(0,1fr))} body[data-page="about"] .values{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ :root{--s233-gutter:16px;--s233-radius-lg:22px} html{scroll-padding-top:72px} body[data-page="home"] .slider{min-height:100svh} body[data-page="home"] .slide-overlay{padding-top:110px!important;padding-bottom:120px!important;align-items:center!important} body[data-page="home"] .hero-title{font-size:clamp(2.55rem,13vw,4.2rem)!important} body[data-page="home"] .hero-desc{font-size:.98rem!important;line-height:1.8} body[data-page="home"] .hero-btns{display:grid!important;grid-template-columns:1fr 1fr;width:min(100%,430px);margin-inline:auto} body[data-page="home"] .hero-btns .btn{min-width:0!important;padding-inline:12px!important} body[data-page="gallery"] .gallery-grid.editorial{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} body[data-page="gallery"] .gallery-item,body[data-page="gallery"] .gallery-item:nth-child(n){grid-column:span 1!important;min-height:230px!important} body[data-page="gallery"] .gallery-item:nth-child(5n+1){grid-column:span 2!important;min-height:360px!important} body[data-page="videos"] .video-grid{grid-template-columns:1fr!important} body[data-page="videos"] .video-card,body[data-page="videos"] .video-card:nth-child(n){grid-column:auto!important} body[data-page="youtube"] .yt-grid{grid-template-columns:1fr} body[data-page="about"] .story{grid-template-columns:1fr!important} body[data-page="about"] .values{grid-template-columns:1fr} body[data-page="stories"] .stories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} body[data-page="blog"] .studio20-blog-grid{grid-template-columns:1fr!important} body[data-page="blog"] .studio20-blog-grid>*{grid-column:auto!important} body[data-page="instagram"] .insta20-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important} body[data-page="instagram"] .insta20-item,body[data-page="instagram"] .insta20-item:nth-child(n){grid-column:auto!important;grid-row:auto!important} body[data-page="instagram"] .insta20-item:nth-child(7n+1){grid-column:span 2!important;aspect-ratio:16/10} .s23-mobile-dock{padding-bottom:max(8px,env(safe-area-inset-bottom))!important} } @media(max-width:420px){ body[data-page="home"] .hero-btns{grid-template-columns:1fr} body[data-page="stories"] .stories{gap:6px!important} body[data-page="gallery"] .gallery-item,body[data-page="gallery"] .gallery-item:nth-child(n){min-height:200px!important} body[data-page="gallery"] .gallery-item:nth-child(5n+1){min-height:315px!important} } /* Accessibility & motion */ @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} } @media(forced-colors:active){ a,button,input,select,textarea{forced-color-adjust:auto} } /* FEED */ body[data-page="feed"] main{width:min(1280px,calc(100% - var(--s233-gutter)*2));margin-inline:auto} body[data-page="feed"] .hero{padding-block:clamp(72px,10vw,140px)!important} body[data-page="feed"] .toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap} body[data-page="feed"] .grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.5vw,20px)!important} body[data-page="feed"] .post{grid-column:span 6;border-radius:var(--s233-radius-lg)!important;overflow:hidden;content-visibility:auto;contain-intrinsic-size:380px} body[data-page="feed"] .post:first-child{grid-column:span 12} /* ARTICLE / DYNAMIC PAGE */ body[data-page="blog"] .article20,body[data-page="page"] .content{width:min(920px,calc(100% - var(--s233-gutter)*2));margin-inline:auto;padding-block:clamp(70px,9vw,130px)} body[data-page="blog"] .article20-content,body[data-page="page"] .content{border-radius:var(--s233-radius-lg);border:1px solid var(--s233-line);background:linear-gradient(180deg,rgba(18,18,23,.76),rgba(10,10,13,.76));box-shadow:var(--s233-shadow)} body[data-page="blog"] .article20-content{padding:clamp(22px,4vw,52px)} body[data-page="blog"] .article20-content :is(p,li){line-height:1.95} body[data-page="blog"] .article20-content img{border-radius:var(--s233-radius);margin-block:24px} /* CLIENT UPLOAD */ body[data-page="client"] .shell{width:min(1040px,calc(100% - var(--s233-gutter)*2));margin-inline:auto} body[data-page="client"] .hero{padding-block:clamp(50px,8vw,100px)!important} body[data-page="client"] .card,body[data-page="client"] .drop{border-radius:var(--s233-radius-lg)!important;border-color:var(--s233-line)!important} body[data-page="client"] .drop{transition:border-color .18s ease,background-color .18s ease} body[data-page="client"] .drop:hover{border-color:rgba(255,54,83,.34)!important;background:rgba(255,54,83,.04)!important} body[data-page="client"] .queue>*{content-visibility:auto;contain-intrinsic-size:88px} /* MAINTENANCE */ body[data-page="maintenance"]{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(255,54,83,.12),transparent 34rem),#070709} body[data-page="maintenance"] .box{width:min(680px,100%);border:1px solid var(--s233-line)!important;border-radius:var(--s233-radius-lg)!important;background:var(--s233-surface)!important;box-shadow:var(--s233-shadow)!important} @media(max-width:760px){ body[data-page="feed"] .grid{grid-template-columns:1fr!important} body[data-page="feed"] .post,body[data-page="feed"] .post:first-child{grid-column:auto!important} body[data-page="client"] .shell{width:min(100% - 28px,1040px)} } ; /* SOURCE: studio234.css?v=26.3.0 */ /* Ali963sy Studio v23.5.0 — Visual Signature */ :root{ --s234-bg:#050507;--s234-panel:#0d0d12;--s234-panel2:#121219;--s234-text:#fbfafc;--s234-muted:#aaa7b1; --s234-accent:#ff3454;--s234-accent2:#ff7a62;--s234-line:rgba(255,255,255,.095);--s234-line2:rgba(255,255,255,.17); --s234-glass:rgba(10,10,14,.68);--s234-shadow:0 30px 90px rgba(0,0,0,.42);--s234-r1:18px;--s234-r2:30px;--s234-r3:44px; --s234-gutter:clamp(16px,3.4vw,56px);--s234-max:1560px;--s234-ease:cubic-bezier(.2,.78,.18,1) } @view-transition{navigation:auto} ::view-transition-old(root){animation:180ms ease both s234-out} ::view-transition-new(root){animation:360ms var(--s234-ease) both s234-in} @keyframes s234-out{to{opacity:.45;transform:scale(.992)}}@keyframes s234-in{from{opacity:0;transform:translateY(10px) scale(.994)}} html{background:var(--s234-bg)}body{background:var(--s234-bg)!important;color:var(--s234-text)!important} body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 82% 10%,rgba(255,52,84,.12),transparent 26rem),radial-gradient(circle at 8% 75%,rgba(255,122,98,.06),transparent 30rem),linear-gradient(180deg,#050507 0%,#08080c 46%,#050507 100%)} body::after{opacity:.018!important} .s234-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.s234-ambient::before,.s234-ambient::after{content:"";position:absolute;width:40vw;aspect-ratio:1;border-radius:50%;filter:blur(100px);opacity:.11;background:var(--s234-accent);animation:s234-float 14s ease-in-out infinite alternate}.s234-ambient::before{right:-18vw;top:10vh}.s234-ambient::after{left:-22vw;bottom:8vh;background:var(--s234-accent2);animation-duration:18s} @keyframes s234-float{to{transform:translate3d(4vw,5vh,0) scale(1.08)}} .s234-page-mark{position:fixed;z-index:1200;left:max(16px,env(safe-area-inset-left));top:50%;translate:0 -50%;writing-mode:vertical-rl;rotate:180deg;letter-spacing:.22em;font-size:.64rem;font-weight:900;color:rgba(255,255,255,.32);pointer-events:none;text-transform:uppercase}.s234-page-mark::before{content:"";display:inline-block;width:1px;height:46px;background:linear-gradient(transparent,var(--s234-accent));margin-block-end:12px} .s234-hero-ghost{position:absolute;z-index:0;inset-inline:0;top:50%;translate:0 -50%;font-size:clamp(5rem,18vw,18rem);line-height:.75;font-weight:1000;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);white-space:nowrap;text-align:center;pointer-events:none;user-select:none} :is(header,.navbar,.nav,.yt-nav,.gallery-nav,.video-nav,.music-nav,.site-header){backdrop-filter:blur(28px) saturate(1.25)!important;background:linear-gradient(180deg,rgba(7,7,10,.82),rgba(7,7,10,.54))!important;border-color:var(--s234-line)!important} :is(.nav-links,.menu) a{border-radius:999px!important;transition:background .22s ease,color .22s ease,transform .22s ease!important} :is(.nav-links,.menu) a.active{background:rgba(255,255,255,.09)!important;color:#fff!important} @media(hover:hover){:is(.nav-links,.menu) a:hover{transform:translateY(-1px);background:rgba(255,255,255,.07)!important}} :is(h1,.hero-title,.yt-hero h1,.studio20-blog-hero h1,.insta20-hero h1){letter-spacing:-.055em!important;text-wrap:balance} :is(.hero,.hero-v3,.yt-hero,.studio20-blog-hero,.insta20-hero,.intro){position:relative;isolation:isolate;overflow:hidden} :is(.hero,.hero-v3,.yt-hero,.studio20-blog-hero,.insta20-hero,.intro)::after{content:"";position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;right:8%;top:10%;background:radial-gradient(circle,rgba(255,52,84,.13),transparent 66%);filter:blur(20px)} .s234-reveal{opacity:1;transform:none} @supports(animation-timeline:view()){.s234-reveal{animation:s234-reveal both linear;animation-timeline:view();animation-range:entry 5% cover 26%}@keyframes s234-reveal{from{opacity:.2;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}} /* HOME */ body[data-page="home"] .slider{min-height:100svh!important;border-bottom-left-radius:clamp(28px,5vw,72px);border-bottom-right-radius:clamp(28px,5vw,72px);overflow:hidden} body[data-page="home"] .slide{filter:brightness(.42) saturate(.9) contrast(1.04)!important} body[data-page="home"] .slide::after{background:linear-gradient(180deg,rgba(3,3,5,.62),transparent 24%,transparent 50%,rgba(3,3,5,.92)),linear-gradient(90deg,rgba(3,3,5,.44),transparent 42%,rgba(3,3,5,.16))!important} body[data-page="home"] .hero-inner{position:relative;z-index:2;width:min(980px,100%)!important} body[data-page="home"] .hero-title{font-size:clamp(3rem,8.4vw,8rem)!important;line-height:.9!important;text-shadow:0 20px 60px #000!important} body[data-page="home"] .hero-badge{border-radius:999px!important;background:rgba(8,8,11,.48)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important} body[data-page="home"] .hero-btns .btn{border-radius:999px!important;min-height:52px!important;padding-inline:26px!important} body[data-page="home"] .btn:not(.btn-outline){background:linear-gradient(135deg,var(--s234-accent),#e91f43)!important;box-shadow:0 14px 42px rgba(255,52,84,.28)!important} body[data-page="home"] :is(.services-v2,.featured-grid,.tools-grid,.about-preview,.testimonials-v2){gap:clamp(14px,2vw,28px)!important} body[data-page="home"] :is(.featured-grid>*,.tools-grid>*,.services-v2>*,.stat-box){border-radius:var(--s234-r2)!important;border:1px solid var(--s234-line)!important;background:linear-gradient(145deg,rgba(18,18,24,.76),rgba(8,8,12,.88))!important;box-shadow:none!important} body[data-page="home"] .about-preview{border-radius:var(--s234-r3);overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent)} /* GALLERY */ body[data-page="gallery"] .page-header{padding-top:clamp(90px,12vw,170px)!important} body[data-page="gallery"] .hero-v3-card{border-radius:var(--s234-r3)!important;background:linear-gradient(145deg,rgba(17,17,23,.78),rgba(8,8,12,.86))!important;border:1px solid var(--s234-line)!important;box-shadow:var(--s234-shadow)!important} body[data-page="gallery"] .gallery-toolbar-shell{border-radius:999px!important;background:rgba(10,10,14,.72)!important;border:1px solid var(--s234-line)!important;backdrop-filter:blur(24px)} body[data-page="gallery"] .filter-buttons button{border-radius:999px!important} body[data-page="gallery"] .gallery-grid.editorial{gap:clamp(8px,1.15vw,18px)!important} body[data-page="gallery"] .gallery-item{border-radius:clamp(16px,2vw,32px)!important;min-height:360px!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important} body[data-page="gallery"] .gallery-item:nth-child(9n+1){grid-column:span 8!important;min-height:560px!important}body[data-page="gallery"] .gallery-item:nth-child(9n+2){grid-column:span 4!important}body[data-page="gallery"] .gallery-item:nth-child(9n+6){grid-column:span 7!important}body[data-page="gallery"] .gallery-item:nth-child(9n+7){grid-column:span 5!important} body[data-page="gallery"] .gallery-overlay{background:linear-gradient(transparent 46%,rgba(0,0,0,.72))!important} /* VIDEOS */ body[data-page="videos"] .hero-card{border-radius:var(--s234-r3)!important;background:linear-gradient(145deg,rgba(18,18,25,.76),rgba(8,8,12,.9))!important;border:1px solid var(--s234-line)!important} body[data-page="videos"] .video-grid{gap:clamp(12px,1.6vw,24px)!important} body[data-page="videos"] .video-card{border-radius:clamp(18px,2vw,34px)!important;border:1px solid var(--s234-line)!important;background:#08080b!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important} body[data-page="videos"] .video-card:nth-child(6n+1){grid-column:span 8!important}body[data-page="videos"] .video-card:nth-child(6n+2){grid-column:span 4!important}body[data-page="videos"] .video-card:nth-child(6n+5){grid-column:span 4!important}body[data-page="videos"] .video-card:nth-child(6n+6){grid-column:span 8!important} body[data-page="videos"] .play-orb{width:66px!important;height:66px!important;background:rgba(255,255,255,.93)!important;color:#08080b!important;border:none!important;box-shadow:0 14px 50px rgba(0,0,0,.35)!important} /* MUSIC */ body[data-page="music"] .featured-showcase{border-radius:var(--s234-r3)!important;overflow:hidden!important;border:1px solid var(--s234-line)!important;background:radial-gradient(circle at 14% 18%,rgba(255,52,84,.18),transparent 28rem),linear-gradient(135deg,#12121a,#09090d)!important;box-shadow:var(--s234-shadow)!important} body[data-page="music"] .card-img-container{border-radius:24px!important;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.38)!important} body[data-page="music"] .playlist-grid{container-type:inline-size} body[data-page="music"] .playlist-grid>*{border-radius:22px!important;border:1px solid var(--s234-line)!important;background:rgba(255,255,255,.025)!important} body[data-page="music"] .player-bar{border-top:1px solid var(--s234-line)!important;background:rgba(8,8,12,.88)!important;backdrop-filter:blur(30px) saturate(1.25)!important} body[data-page="music"] .music-search{border-radius:999px!important} /* YOUTUBE */ body[data-page="youtube"] .yt-featured{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;align-items:stretch!important} body[data-page="youtube"] .yt-feature-card,body[data-page="youtube"] .yt-info-card{border-radius:var(--s234-r3)!important;border:1px solid var(--s234-line)!important;background:linear-gradient(145deg,rgba(17,17,23,.82),rgba(8,8,12,.9))!important;box-shadow:var(--s234-shadow)!important} body[data-page="youtube"] .yt-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}body[data-page="youtube"] .yt-card{grid-column:span 4;border-radius:26px!important}body[data-page="youtube"] .yt-card:nth-child(7n+1){grid-column:span 8}body[data-page="youtube"] .yt-card:nth-child(7n+2){grid-column:span 4} /* ABOUT */ body[data-page="about"] .hero h1{font-size:clamp(3rem,8vw,7.4rem)!important;line-height:.92!important} body[data-page="about"] .portrait-card{border-radius:var(--s234-r3)!important;overflow:hidden;box-shadow:var(--s234-shadow)!important;transform:rotate(-1.2deg)} body[data-page="about"] .story{padding-block:clamp(44px,7vw,100px)!important} body[data-page="about"] .values>*{border-radius:26px!important;background:linear-gradient(145deg,rgba(18,18,24,.7),rgba(9,9,13,.86))!important;border:1px solid var(--s234-line)!important} body[data-page="about"] .stats>*{background:transparent!important;border:0!important;border-inline-start:1px solid var(--s234-line)!important;border-radius:0!important} body[data-page="about"] .stats strong{font-size:clamp(2rem,5vw,4.6rem)!important;letter-spacing:-.06em} /* STORIES / SOCIAL */ body[data-page="stories"] .stories{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(10px,1.3vw,18px)!important} body[data-page="stories"] .story-card{aspect-ratio:9/16!important;border-radius:clamp(18px,2vw,30px)!important;overflow:hidden;border:1px solid var(--s234-line)!important;box-shadow:0 22px 60px rgba(0,0,0,.28)!important} body[data-page="stories"] .story-card:nth-child(6n+2),body[data-page="stories"] .story-card:nth-child(6n+5){translate:0 34px} body[data-page="instagram"] .insta20-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(6px,1vw,14px)!important} body[data-page="instagram"] .insta20-item{grid-column:span 4!important;border-radius:24px!important;overflow:hidden!important}body[data-page="instagram"] .insta20-item:nth-child(8n+1){grid-column:span 8!important;grid-row:span 2!important}body[data-page="instagram"] .insta20-item:nth-child(8n+6){grid-column:span 6!important} /* BLOG / FEED */ body[data-page="blog"] .studio20-blog-hero h1{font-size:clamp(3rem,7vw,7rem)!important;line-height:.92!important} body[data-page="blog"] .studio20-blog-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(14px,2vw,28px)!important} body[data-page="blog"] .studio20-article{grid-column:span 6!important;border:0!important;border-top:1px solid var(--s234-line)!important;border-radius:0!important;background:transparent!important;padding-top:18px!important}body[data-page="blog"] .studio20-article:first-child{grid-column:span 12!important;display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:clamp(20px,4vw,56px)!important} body[data-page="blog"] .studio20-article-media{border-radius:28px!important;overflow:hidden!important} body[data-page="feed"] .post{border-radius:28px!important;border:1px solid var(--s234-line)!important;background:linear-gradient(145deg,rgba(18,18,24,.66),rgba(8,8,12,.84))!important;overflow:hidden!important} /* DOWNLOADER / FOLDER / UPLOAD */ body[data-page="downloader"] .intro h1{font-size:clamp(3rem,8vw,7rem)!important;line-height:.9!important} body[data-page="downloader"] .workspace{gap:clamp(16px,2vw,28px)!important} body[data-page="downloader"] .panel{border-radius:var(--s234-r3)!important;background:linear-gradient(145deg,rgba(17,17,23,.78),rgba(8,8,12,.9))!important;border:1px solid var(--s234-line)!important;box-shadow:var(--s234-shadow)!important} body[data-page="downloader"] .field input,body[data-page="downloader"] .input-wrap{border-radius:20px!important} body[data-page="folder"] .secure{border-radius:var(--s234-r3)!important;background:radial-gradient(circle at 80% 0,rgba(255,52,84,.13),transparent 24rem),linear-gradient(145deg,#111118,#08080c)!important;border:1px solid var(--s234-line)!important} body[data-page="folder"] .g{gap:10px!important}body[data-page="folder"] .x{border-radius:22px!important;background:linear-gradient(135deg,#17171f,#0c0c11)!important;border:1px solid var(--s234-line)!important} body[data-page="upload"] .box,body[data-page="client"] .card,body[data-page="client"] .drop{border-radius:var(--s234-r2)!important;background:linear-gradient(145deg,rgba(18,18,24,.78),rgba(8,8,12,.88))!important;border:1px solid var(--s234-line)!important} /* ERROR / OFFLINE / MAINTENANCE */ body[data-page="offline"],body[data-page="not-found"],body[data-page="maintenance"]{background:radial-gradient(circle at 50% 10%,rgba(255,52,84,.16),transparent 32rem),#050507!important} body[data-page="offline"] :is(.card,.box),body[data-page="not-found"] :is(.card,.box),body[data-page="maintenance"] .box{border-radius:var(--s234-r3)!important;border:1px solid var(--s234-line)!important;background:rgba(11,11,16,.82)!important;backdrop-filter:blur(24px)} /* Responsive */ @media(max-width:1100px){body[data-page="youtube"] .yt-featured{grid-template-columns:1fr!important}body[data-page="youtube"] .yt-card{grid-column:span 6!important}body[data-page="stories"] .stories{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:760px){ .s234-page-mark{display:none}.s234-hero-ghost{font-size:28vw} body[data-page="home"] .slider{border-radius:0 0 34px 34px}body[data-page="home"] .hero-title{font-size:clamp(3rem,15vw,5.4rem)!important} body[data-page="gallery"] .gallery-item,body[data-page="gallery"] .gallery-item:nth-child(n){grid-column:span 1!important;min-height:230px!important;border-radius:18px!important}body[data-page="gallery"] .gallery-item:nth-child(5n+1){grid-column:span 2!important;min-height:390px!important} body[data-page="videos"] .video-card,body[data-page="videos"] .video-card:nth-child(n){grid-column:auto!important;border-radius:20px!important} body[data-page="youtube"] .yt-grid{grid-template-columns:1fr!important}body[data-page="youtube"] .yt-card,body[data-page="youtube"] .yt-card:nth-child(n){grid-column:auto!important} body[data-page="stories"] .stories{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page="stories"] .story-card:nth-child(n){translate:none} body[data-page="instagram"] .insta20-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page="instagram"] .insta20-item,body[data-page="instagram"] .insta20-item:nth-child(n){grid-column:auto!important;grid-row:auto!important;border-radius:16px!important}body[data-page="instagram"] .insta20-item:nth-child(7n+1){grid-column:span 2!important} body[data-page="blog"] .studio20-blog-grid{grid-template-columns:1fr!important}body[data-page="blog"] .studio20-article,body[data-page="blog"] .studio20-article:first-child{grid-column:auto!important;display:block!important} body[data-page="about"] .portrait-card{transform:none} } @media(prefers-reduced-motion:reduce){.s234-ambient::before,.s234-ambient::after{animation:none!important}@view-transition{navigation:none}} ; /* SOURCE: studio235.css?v=26.3.0 */ /* Ali963sy Studio v23.5.0 — Open Canvas */ :root{ --s235-bg:#050507;--s235-ink:#fbfbfd;--s235-muted:#a8a7ae;--s235-line:rgba(255,255,255,.10); --s235-accent:#ff3454;--s235-soft:rgba(255,52,84,.12);--s235-radius:clamp(18px,2.4vw,36px); --s235-max:1560px;--s235-pad:clamp(16px,3.2vw,54px);--s235-ease:cubic-bezier(.2,.8,.2,1) } html{scroll-padding-top:90px} body{background:#050507!important} main{overflow:clip} ::selection{background:rgba(255,52,84,.28);color:#fff} :is(.container,.wrap,.section-inner){width:min(var(--s235-max),calc(100% - (var(--s235-pad)*2)))} :is(section,.section){scroll-margin-top:92px} /* Cleaner chrome across the whole site */ :is(.featured-card,.tool-card,.service-v2,.post,.yt-card,.story-card,.video-card,.gallery-item,.studio20-article){transition:transform .38s var(--s235-ease),border-color .28s ease,opacity .28s ease!important} @media(hover:hover) and (pointer:fine){ :is(.featured-card,.tool-card,.service-v2,.post,.yt-card,.video-card,.gallery-item):hover{transform:translateY(-4px)!important} } :is(input,textarea,select,button,a):focus-visible{outline:2px solid #fff!important;outline-offset:3px!important} /* ========================================================= HOME — image-first slideshow, no overlay card/text ========================================================= */ body[data-page="home"] #heroSlider{ height:clamp(560px,78svh,900px)!important;min-height:0!important; border:0!important;border-radius:0 0 clamp(24px,4vw,56px) clamp(24px,4vw,56px)!important; box-shadow:none!important;background:#08080a!important;overflow:hidden!important } body[data-page="home"] .slide{ filter:brightness(.78) saturate(1.02) contrast(1.03)!important; background-position:center center!important } body[data-page="home"] .slide::after{ background:linear-gradient(180deg,rgba(3,3,5,.22),transparent 22%,transparent 76%,rgba(3,3,5,.34))!important } body[data-page="home"] .slider-arrow{ width:46px!important;height:46px!important;border-radius:999px!important; background:rgba(5,5,8,.24)!important;border:1px solid rgba(255,255,255,.28)!important; backdrop-filter:blur(8px)!important;box-shadow:none!important } body[data-page="home"] .slider-bottom{bottom:20px!important;pointer-events:none} body[data-page="home"] .slider-thumbs{ pointer-events:auto!important;display:flex!important;gap:7px!important;padding:8px 10px!important; background:rgba(5,5,7,.16)!important;border:0!important;border-radius:999px!important; backdrop-filter:blur(7px)!important;box-shadow:none!important;max-width:min(72vw,520px)!important } body[data-page="home"] .thumb-dot{ width:30px!important;height:4px!important;min-width:0!important;border:0!important;border-radius:999px!important; padding:0!important;overflow:hidden!important;background:rgba(255,255,255,.32)!important; box-shadow:none!important;transform:none!important;opacity:1!important } body[data-page="home"] .thumb-dot::before,body[data-page="home"] .thumb-dot img{display:none!important} body[data-page="home"] .thumb-dot.active{width:58px!important;background:#fff!important;transform:none!important} body[data-page="home"] .home-intro-panel{ position:relative;z-index:4;width:min(1320px,calc(100% - (var(--s235-pad)*2))); margin:0 auto;padding:clamp(46px,7vw,100px) 0 clamp(36px,6vw,86px); background:transparent!important;border:0!important;box-shadow:none!important } body[data-page="home"] .home-intro-panel::before{ content:"";display:block;width:82px;height:1px;margin-bottom:28px; background:linear-gradient(90deg,var(--s235-accent),transparent) } body[data-page="home"] .hero-inner{ position:relative!important;inset:auto!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important; width:min(1050px,100%)!important;max-width:1050px!important;margin:0!important;padding:0!important; transform:none!important;text-align:right!important;align-items:initial!important; background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important; backdrop-filter:none!important;-webkit-backdrop-filter:none!important } body[data-page="home"] .hero-inner::before{display:none!important;content:none!important} body[data-page="home"] .hero-badge{ padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important; box-shadow:none!important;border-radius:0!important;color:#c9c8ce!important;letter-spacing:.08em!important } body[data-page="home"] .hero-title{ max-width:980px!important;margin:18px 0 22px!important;font-size:clamp(3.2rem,7.6vw,7.7rem)!important; line-height:.92!important;text-shadow:none!important;color:#fff!important;letter-spacing:-.065em!important } body[data-page="home"] .hero-title span{color:var(--s235-accent)!important;text-shadow:none!important} body[data-page="home"] .hero-desc{ max-width:760px!important;margin:0 0 30px!important;color:#b8b6bf!important;font-size:clamp(1rem,1.45vw,1.18rem)!important; line-height:1.95!important } body[data-page="home"] .hero-btns{justify-content:flex-start!important;gap:10px!important} body[data-page="home"] .hero-btns .btn{min-height:52px!important;border-radius:999px!important;padding-inline:25px!important} body[data-page="home"] .hero-btns .btn-outline{background:transparent!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:none!important} body[data-page="home"] :is(.featured-grid>*,.tools-grid>*,.services-v2>*,.stat-box){ background:transparent!important;box-shadow:none!important;border-color:rgba(255,255,255,.11)!important } body[data-page="home"] .featured-card .featured-img-box{border-radius:var(--s235-radius)!important;overflow:hidden!important} body[data-page="home"] .about-preview{background:transparent!important;border-top:1px solid var(--s235-line)!important;border-bottom:1px solid var(--s235-line)!important;border-radius:0!important} /* GALLERY — photographs dominate */ body[data-page="gallery"] .hero-v3-card{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:0!important} body[data-page="gallery"] .gallery-grid{gap:clamp(8px,1.1vw,16px)!important} body[data-page="gallery"] .gallery-item{background:#09090b!important;border:0!important;box-shadow:none!important;border-radius:clamp(12px,1.5vw,24px)!important} body[data-page="gallery"] .gallery-item::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);pointer-events:none} body[data-page="gallery"] .gallery-overlay{background:linear-gradient(transparent 68%,rgba(0,0,0,.54))!important} /* VIDEOS — cinema frames, less card chrome */ body[data-page="videos"] .hero-card{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:0!important} body[data-page="videos"] .video-card{background:#070709!important;border:0!important;box-shadow:none!important;overflow:hidden!important} body[data-page="videos"] .video-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);pointer-events:none} body[data-page="videos"] .play-orb{width:58px!important;height:58px!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important} /* MUSIC — premium sound-room hierarchy */ body[data-page="music"] .featured-showcase{border:0!important;box-shadow:none!important;background:radial-gradient(circle at 12% 20%,rgba(255,52,84,.16),transparent 30rem),#0a0a0e!important} body[data-page="music"] .playlist-grid>*{background:transparent!important;border-color:rgba(255,255,255,.095)!important} body[data-page="music"] .player-bar{box-shadow:0 -18px 50px rgba(0,0,0,.22)!important} /* YOUTUBE — one strong feature, quieter list */ body[data-page="youtube"] .yt-feature-card,body[data-page="youtube"] .yt-info-card{background:transparent!important;box-shadow:none!important;border-color:rgba(255,255,255,.10)!important} body[data-page="youtube"] .yt-card{background:transparent!important;border:0!important;box-shadow:none!important} body[data-page="youtube"] .yt-thumb{border-radius:22px!important;overflow:hidden!important} /* ABOUT — editorial, open canvas */ body[data-page="about"] .portrait-card{box-shadow:0 28px 80px rgba(0,0,0,.28)!important} body[data-page="about"] .values>*{background:transparent!important;border:0!important;border-top:1px solid var(--s235-line)!important;border-radius:0!important} body[data-page="about"] .stats>*{border-inline-start-color:rgba(255,255,255,.14)!important} /* STORIES / INSTAGRAM — cleaner media wall */ body[data-page="stories"] .story-card{border:0!important;box-shadow:none!important;background:#09090b!important} body[data-page="instagram"] .insta20-item{box-shadow:none!important;background:#09090b!important} body[data-page="instagram"] .insta20-item::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);pointer-events:none} /* BLOG / FEED — editorial typography */ body[data-page="blog"] .studio20-article{padding-block:22px!important} body[data-page="blog"] .studio20-article:first-child{padding-top:30px!important;border-top-color:rgba(255,255,255,.22)!important} body[data-page="feed"] .post{background:transparent!important;border:0!important;border-top:1px solid var(--s235-line)!important;border-radius:0!important;box-shadow:none!important} /* TOOLS / PRIVATE / UPLOAD — solid workspace, less glass */ body[data-page="downloader"] .panel,body[data-page="folder"] .secure,body[data-page="upload"] .box,body[data-page="client"] :is(.card,.drop){ background:#0b0b0f!important;box-shadow:none!important;border-color:rgba(255,255,255,.11)!important } body[data-page="folder"] .x{background:#0a0a0d!important;box-shadow:none!important} /* ADMIN — clearer control center */ body[data-page="admin"] :is(.admin-panel,.panel,.admin-card,.stat-card){box-shadow:none!important} body[data-page="admin"] :is(.admin-panel,.panel,.admin-card){background:rgba(12,12,17,.78)!important;border-color:rgba(255,255,255,.10)!important} body[data-page="admin"] :is(input,textarea,select){background:#09090d!important;border-color:rgba(255,255,255,.12)!important} body[data-page="admin"] :is(.sidebar,.admin-sidebar){background:#08080c!important;backdrop-filter:none!important} /* Mobile */ @media(max-width:760px){ body[data-page="home"] #heroSlider{height:clamp(500px,66svh,650px)!important;border-radius:0 0 28px 28px!important} body[data-page="home"] .slide{filter:brightness(.84) saturate(1.02)!important} body[data-page="home"] .slider-arrow{display:none!important} body[data-page="home"] .slider-thumbs{bottom:auto!important;max-width:82vw!important} body[data-page="home"] .home-intro-panel{width:calc(100% - 34px);padding:40px 0 56px} body[data-page="home"] .hero-title{font-size:clamp(3rem,15vw,5.2rem)!important;line-height:.94!important} body[data-page="home"] .hero-desc{font-size:.96rem!important;margin-bottom:24px!important} body[data-page="home"] .hero-btns{display:grid!important;grid-template-columns:1fr!important;width:100%!important} body[data-page="home"] .hero-btns .btn{width:100%!important} body[data-page="gallery"] .gallery-grid{gap:7px!important} body[data-page="gallery"] .gallery-item{border-radius:14px!important} body[data-page="stories"] .story-card{border-radius:16px!important} } @media(prefers-reduced-motion:reduce){ :is(.featured-card,.tool-card,.service-v2,.post,.yt-card,.video-card,.gallery-item){transition:none!important} } /* v23.5 homepage cleanup: no marquee between image and content */ body[data-page="home"] .marquee-container{display:none!important} ; /* SOURCE: studio236.css?v=26.3.0 */ /* Ali963sy Studio v23.6.0 — Bold Editorial Evolution */ :root{ --s236-accent:#ff3156;--s236-accent2:#ff8a6f;--s236-ink:#fcfbfd;--s236-muted:#aaa8b1; --s236-line:rgba(255,255,255,.105);--s236-line2:rgba(255,255,255,.2);--s236-panel:#0b0b10; --s236-radius:clamp(18px,2.2vw,34px);--s236-max:1580px;--s236-gutter:clamp(18px,3.5vw,58px); --s236-ease:cubic-bezier(.2,.8,.2,1) } body.studio-v236{background:#050507!important} body.studio-v236::before{background: radial-gradient(circle at 92% 8%,rgba(255,49,86,.14),transparent 25rem), radial-gradient(circle at 6% 58%,rgba(255,138,111,.07),transparent 31rem), linear-gradient(180deg,#050507 0%,#08080c 52%,#050507 100%)!important} /* Stronger navigation identity */ body.studio-v236 :is(header,.navbar,.nav,.yt-nav,.gallery-nav,.video-nav,.music-nav,.site-header){ border-bottom:1px solid rgba(255,255,255,.09)!important; box-shadow:0 14px 50px rgba(0,0,0,.16)!important } body.studio-v236 :is(.nav-links,.menu) a{font-weight:750!important;letter-spacing:-.01em!important} body.studio-v236 :is(.nav-links,.menu) a.active{background:rgba(255,49,86,.12)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,49,86,.2)!important} body.studio-v236 :is(.nav-links,.menu) a.active::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--s236-accent);margin-inline-end:7px;box-shadow:0 0 16px rgba(255,49,86,.9)} /* Section chapter treatment – visible but not card-heavy */ body.studio-v236 main>section,body.studio-v236 main>.section{position:relative} body.studio-v236 .s236-section-index{position:absolute;z-index:0;inset-inline-end:max(16px,var(--s236-gutter));top:clamp(18px,4vw,48px);font-size:clamp(3.8rem,10vw,9rem);line-height:.78;font-weight:950;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);pointer-events:none;user-select:none} body.studio-v236 :is(.section-title,.v2-heading h2,.page-title,.studio20-blog-hero h1,.insta20-hero h1){text-wrap:balance} body.studio-v236 :is(.section-title,.v2-heading h2){font-size:clamp(2.15rem,4.7vw,4.8rem)!important;line-height:.98!important;letter-spacing:-.06em!important} body.studio-v236 .section-subtitle{max-width:620px!important;color:#97959f!important;line-height:1.9!important} /* HOME — very obvious new editorial composition, slideshow remains 100% uncovered */ body[data-page="home"].studio-v236 #heroSlider{height:clamp(590px,82svh,960px)!important;border-radius:0 0 clamp(28px,5vw,68px) clamp(28px,5vw,68px)!important} body[data-page="home"].studio-v236 .slide{filter:brightness(.9) saturate(1.06) contrast(1.02)!important} body[data-page="home"].studio-v236 .slide::after{background:linear-gradient(180deg,rgba(2,2,4,.18),transparent 18%,transparent 82%,rgba(2,2,4,.28))!important} body[data-page="home"].studio-v236 .slider-thumbs{background:transparent!important;backdrop-filter:none!important;padding:0!important;gap:6px!important} body[data-page="home"].studio-v236 .thumb-dot{height:3px!important;width:36px!important;background:rgba(255,255,255,.34)!important} body[data-page="home"].studio-v236 .thumb-dot.active{width:84px!important;background:#fff!important;box-shadow:0 0 18px rgba(255,255,255,.28)!important} body[data-page="home"].studio-v236 .home-intro-panel{width:min(var(--s236-max),calc(100% - (var(--s236-gutter)*2)))!important;padding:clamp(58px,8vw,126px) 0 clamp(64px,8vw,120px)!important} body[data-page="home"].studio-v236 .home-intro-panel::before{width:100%!important;height:1px!important;margin-bottom:clamp(34px,5vw,70px)!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)!important} body[data-page="home"].studio-v236 .hero-inner{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)!important;grid-template-areas:"badge badge" "title desc" "title buttons"!important;gap:18px clamp(28px,5vw,80px)!important;max-width:none!important;width:100%!important;align-items:start!important} body[data-page="home"].studio-v236 .hero-badge{grid-area:badge!important;margin:0!important;color:#aaa8b1!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.16em!important} body[data-page="home"].studio-v236 .hero-title{grid-area:title!important;margin:0!important;font-size:clamp(4rem,8.8vw,9.2rem)!important;line-height:.84!important;letter-spacing:-.075em!important;max-width:none!important} body[data-page="home"].studio-v236 .hero-desc{grid-area:desc!important;margin:8px 0 0!important;align-self:end!important;font-size:clamp(1rem,1.35vw,1.17rem)!important;line-height:2!important;max-width:560px!important} body[data-page="home"].studio-v236 .hero-btns{grid-area:buttons!important;align-self:start!important;justify-content:flex-start!important;margin-top:10px!important} body[data-page="home"].studio-v236 .hero-btns .btn{min-height:56px!important;padding-inline:30px!important} /* HOME stats: huge editorial numerals, no cards */ body[data-page="home"].studio-v236 #statsSection{padding-top:0!important;padding-bottom:clamp(70px,8vw,120px)!important} body[data-page="home"].studio-v236 .stats-section{width:min(var(--s236-max),calc(100% - (var(--s236-gutter)*2)))!important;margin:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:1px solid var(--s236-line2)!important;border-bottom:1px solid var(--s236-line)!important} body[data-page="home"].studio-v236 .stat-box{padding:clamp(30px,4vw,58px) clamp(12px,2vw,30px)!important;border:0!important;border-inline-start:1px solid var(--s236-line)!important;border-radius:0!important;background:transparent!important;min-width:0!important;text-align:start!important} body[data-page="home"].studio-v236 .stat-box:first-child{border-inline-start:0!important} body[data-page="home"].studio-v236 .stat-icon{font-size:.7rem!important;color:var(--s236-accent)!important;margin-bottom:26px!important;opacity:.9!important} body[data-page="home"].studio-v236 .stat-box h3{font-size:clamp(3rem,6vw,6.6rem)!important;line-height:.82!important;letter-spacing:-.075em!important;margin:0 0 18px!important;color:#fff!important} body[data-page="home"].studio-v236 .stat-box p{font-size:.86rem!important;color:#8f8d96!important;max-width:150px!important;margin:0!important;line-height:1.6!important} /* HOME featured: cinematic asymmetry */ body[data-page="home"].studio-v236 #featuredSection{width:min(var(--s236-max),calc(100% - (var(--s236-gutter)*2)))!important;margin:auto!important} body[data-page="home"].studio-v236 #featuredSection>.section-title,body[data-page="home"].studio-v236 #featuredSection>.section-subtitle{text-align:start!important;margin-inline:0!important} body[data-page="home"].studio-v236 .featured-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(10px,1.2vw,18px)!important;margin-top:clamp(34px,5vw,62px)!important} body[data-page="home"].studio-v236 .featured-grid>*{grid-column:span 4!important;border:0!important;background:transparent!important;border-radius:0!important} body[data-page="home"].studio-v236 .featured-grid>*:nth-child(6n+1){grid-column:span 7!important} body[data-page="home"].studio-v236 .featured-grid>*:nth-child(6n+2){grid-column:span 5!important} body[data-page="home"].studio-v236 .featured-grid>*:nth-child(6n+4){grid-column:span 5!important} body[data-page="home"].studio-v236 .featured-grid>*:nth-child(6n+5){grid-column:span 7!important} body[data-page="home"].studio-v236 .featured-card .featured-img-box{min-height:clamp(320px,38vw,660px)!important;border-radius:clamp(16px,2vw,30px)!important} body[data-page="home"].studio-v236 .featured-card:nth-child(3n) .featured-img-box{min-height:clamp(260px,30vw,500px)!important} /* HOME about – more like a magazine spread */ body[data-page="home"].studio-v236 #aboutPreviewSection{padding-inline:var(--s236-gutter)!important} body[data-page="home"].studio-v236 .about-preview{width:min(var(--s236-max),100%)!important;margin:auto!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;gap:0!important;border:1px solid var(--s236-line)!important;border-radius:clamp(24px,3vw,46px)!important;overflow:hidden!important;background:#09090d!important} body[data-page="home"].studio-v236 .about-image{min-height:clamp(520px,58vw,820px)!important} body[data-page="home"].studio-v236 .about-image img{width:100%!important;height:100%!important;object-fit:cover!important} body[data-page="home"].studio-v236 .about-copy{padding:clamp(34px,5vw,82px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important} body[data-page="home"].studio-v236 .about-copy .section-title{text-align:start!important;font-size:clamp(2.8rem,5vw,5.6rem)!important} body[data-page="home"].studio-v236 .about-points{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:34px 0!important;border-top:1px solid var(--s236-line)!important} body[data-page="home"].studio-v236 .about-point{padding:20px 0!important;border-bottom:1px solid var(--s236-line)!important} /* HOME services/reviews: visible chapter panels */ body[data-page="home"].studio-v236 :is(#servicesV2,#reviewsV2,.client-tools){width:min(var(--s236-max),calc(100% - (var(--s236-gutter)*2)))!important;margin:auto!important} body[data-page="home"].studio-v236 .v2-heading{align-items:end!important;border-bottom:1px solid var(--s236-line)!important;padding-bottom:28px!important;margin-bottom:34px!important} body[data-page="home"].studio-v236 .services-v2{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;background:var(--s236-line)!important;border:1px solid var(--s236-line)!important;border-radius:clamp(20px,3vw,40px)!important;overflow:hidden!important} body[data-page="home"].studio-v236 .service-v2{position:relative!important;min-height:360px!important;padding:clamp(28px,3vw,48px)!important;background:#09090d!important;border:0!important;border-radius:0!important;overflow:hidden!important} body[data-page="home"].studio-v236 .service-v2::after{content:attr(data-s236-no);position:absolute;inset-inline-end:16px;bottom:-18px;font-size:clamp(5rem,10vw,9rem);font-weight:950;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);pointer-events:none} body[data-page="home"].studio-v236 .service-v2 h3{font-size:clamp(1.6rem,2.6vw,2.8rem)!important;line-height:1.08!important;margin-top:70px!important} body[data-page="home"].studio-v236 .testimonials-v2{display:grid!important;grid-template-columns:1.35fr .825fr .825fr!important;gap:14px!important} body[data-page="home"].studio-v236 .quote-v2{min-height:300px!important;padding:clamp(26px,3.6vw,54px)!important;border-radius:clamp(18px,2vw,32px)!important;background:#09090d!important;border:1px solid var(--s236-line)!important} body[data-page="home"].studio-v236 .quote-v2:first-child p{font-size:clamp(1.5rem,2.6vw,2.8rem)!important;line-height:1.45!important} /* GALLERY — stronger editorial wall */ body[data-page="gallery"].studio-v236 .hero-v3-card{padding-block:clamp(20px,3vw,36px)!important} body[data-page="gallery"].studio-v236 .gallery-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(6px,.8vw,12px)!important} body[data-page="gallery"].studio-v236 .gallery-item{grid-column:span 4!important;min-height:430px!important;border-radius:clamp(10px,1.25vw,20px)!important} body[data-page="gallery"].studio-v236 .gallery-item:nth-child(10n+1){grid-column:span 8!important;min-height:680px!important} body[data-page="gallery"].studio-v236 .gallery-item:nth-child(10n+2){grid-column:span 4!important;min-height:680px!important} body[data-page="gallery"].studio-v236 .gallery-item:nth-child(10n+5){grid-column:span 5!important;min-height:520px!important} body[data-page="gallery"].studio-v236 .gallery-item:nth-child(10n+6){grid-column:span 7!important;min-height:520px!important} body[data-page="gallery"].studio-v236 .gallery-item img{transition:transform .8s var(--s236-ease),filter .45s ease!important} @media(hover:hover){body[data-page="gallery"].studio-v236 .gallery-item:hover img{transform:scale(1.035)!important;filter:saturate(1.08)!important}} /* VIDEOS — first frame becomes a hero, rest editorial */ body[data-page="videos"].studio-v236 .video-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(10px,1.2vw,18px)!important} body[data-page="videos"].studio-v236 .video-card{grid-column:span 6!important;border-radius:clamp(14px,1.6vw,26px)!important} body[data-page="videos"].studio-v236 .video-card:first-child{grid-column:1/-1!important;min-height:clamp(480px,58vw,820px)!important} body[data-page="videos"].studio-v236 .video-card:nth-child(5n+4){grid-column:span 7!important}body[data-page="videos"].studio-v236 .video-card:nth-child(5n+5){grid-column:span 5!important} body[data-page="videos"].studio-v236 .play-orb{width:74px!important;height:74px!important;box-shadow:0 18px 60px rgba(0,0,0,.4)!important} /* MUSIC — stage-like centerpiece */ body[data-page="music"].studio-v236 .featured-showcase{position:relative!important;min-height:clamp(520px,60vw,820px)!important;border-radius:clamp(24px,3vw,48px)!important;background:radial-gradient(circle at 15% 24%,rgba(255,49,86,.24),transparent 28rem),linear-gradient(135deg,#14141d,#08080c)!important} body[data-page="music"].studio-v236 .featured-showcase::before{content:"SOUND";position:absolute;inset-inline-end:clamp(18px,3vw,48px);bottom:-.08em;font-size:clamp(6rem,17vw,16rem);line-height:.72;font-weight:950;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);pointer-events:none} body[data-page="music"].studio-v236 .playlist-grid>*{border-radius:16px!important;border-color:rgba(255,255,255,.08)!important} /* YOUTUBE — screening-room emphasis */ body[data-page="youtube"].studio-v236 .yt-feature-card{min-height:clamp(430px,52vw,760px)!important} body[data-page="youtube"].studio-v236 .yt-grid{gap:clamp(10px,1.2vw,18px)!important} body[data-page="youtube"].studio-v236 .yt-card{border-top:1px solid var(--s236-line)!important;padding-top:14px!important;border-radius:0!important} body[data-page="youtube"].studio-v236 .yt-thumb{border-radius:clamp(14px,1.5vw,24px)!important} /* ABOUT — dramatic portrait/editorial story */ body[data-page="about"].studio-v236 .hero h1{font-size:clamp(4rem,10vw,10rem)!important;line-height:.82!important;letter-spacing:-.08em!important} body[data-page="about"].studio-v236 .portrait-card{border-radius:clamp(22px,3vw,48px)!important;transform:rotate(-2deg) scale(.98)!important} body[data-page="about"].studio-v236 .story{border-top:1px solid var(--s236-line)!important;border-bottom:1px solid var(--s236-line)!important} body[data-page="about"].studio-v236 .values{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;background:var(--s236-line)!important;border:1px solid var(--s236-line)!important;border-radius:28px!important;overflow:hidden!important} body[data-page="about"].studio-v236 .values>*{background:#09090d!important;padding:clamp(26px,3vw,44px)!important;border:0!important} /* STORIES / INSTAGRAM — stronger visual wall */ body[data-page="stories"].studio-v236 .stories{gap:clamp(8px,1vw,14px)!important} body[data-page="stories"].studio-v236 .story-card{border-radius:clamp(14px,1.7vw,26px)!important} body[data-page="stories"].studio-v236 .story-card:nth-child(8n+1),body[data-page="stories"].studio-v236 .story-card:nth-child(8n+6){scale:1.04} body[data-page="instagram"].studio-v236 .insta20-grid{gap:clamp(4px,.55vw,8px)!important} body[data-page="instagram"].studio-v236 .insta20-item{border-radius:clamp(10px,1.2vw,18px)!important} /* BLOG / FEED — magazine hierarchy */ body[data-page="blog"].studio-v236 .studio20-blog-hero h1{font-size:clamp(4rem,9vw,9rem)!important;line-height:.82!important} body[data-page="blog"].studio-v236 .studio20-article:first-child{padding-block:clamp(34px,5vw,68px)!important;border-bottom:1px solid var(--s236-line)!important} body[data-page="blog"].studio-v236 .studio20-article:first-child h2{font-size:clamp(2.3rem,5vw,5.5rem)!important;line-height:.98!important;letter-spacing:-.06em!important} body[data-page="feed"].studio-v236 .post{border-radius:0!important;border-inline:0!important;border-top:1px solid var(--s236-line)!important;background:transparent!important;padding-block:clamp(24px,3vw,42px)!important} /* WORKSPACE / PRIVATE / UPLOAD */ body[data-page="downloader"].studio-v236 .panel,body[data-page="folder"].studio-v236 .secure,body[data-page="upload"].studio-v236 .box,body[data-page="client"].studio-v236 :is(.card,.drop){border-radius:clamp(22px,2.7vw,42px)!important;background:linear-gradient(145deg,#0d0d13,#08080c)!important;border-color:rgba(255,255,255,.1)!important} body[data-page="downloader"].studio-v236 .intro h1{font-size:clamp(4rem,9vw,9rem)!important} /* ADMIN — visibly more like a production control center */ body[data-page="admin"].studio-v236 :is(.sidebar,.admin-sidebar){border-inline-end:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,#09090d,#060609)!important} body[data-page="admin"].studio-v236 :is(.admin-panel,.panel,.admin-card){border-radius:20px!important;background:#0b0b10!important;border-color:rgba(255,255,255,.09)!important} body[data-page="admin"].studio-v236 :is(.admin-panel,.panel,.admin-card) h2{font-size:clamp(1.35rem,2vw,2rem)!important;letter-spacing:-.035em!important} body[data-page="admin"].studio-v236 :is(input,textarea,select){min-height:48px!important;border-radius:12px!important;background:#07070a!important} body[data-page="admin"].studio-v236 :is(button,.btn){border-radius:12px!important} body[data-page="admin"].studio-v236 .s233-scroll-progress{height:3px!important} /* Footer as a strong ending */ body.studio-v236 footer{position:relative!important;overflow:hidden!important;border-top:1px solid var(--s236-line)!important;padding-top:clamp(54px,8vw,110px)!important} body.studio-v236 footer::before{content:"ALI963SY";position:absolute;inset-inline:0;bottom:-.12em;text-align:center;font-size:clamp(6rem,18vw,18rem);font-weight:950;line-height:.72;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);pointer-events:none} body.studio-v236 footer>*{position:relative;z-index:1} /* Modern layout responsiveness */ :is(.featured-grid,.video-grid,.yt-grid,.services-v2,.testimonials-v2,.about-preview){container-type:inline-size} @container (max-width:700px){ body[data-page="home"].studio-v236 .about-points{grid-template-columns:1fr!important} } @supports(animation-timeline:view()){ body.studio-v236 .s236-enter{animation:s236-enter both linear;animation-timeline:view();animation-range:entry 0% cover 30%} @keyframes s236-enter{from{opacity:.18;transform:translateY(34px) scale(.985)}to{opacity:1;transform:none}} } @media(max-width:900px){ body[data-page="home"].studio-v236 .hero-inner{grid-template-columns:1fr!important;grid-template-areas:"badge" "title" "desc" "buttons"!important} body[data-page="home"].studio-v236 .hero-title{font-size:clamp(3.6rem,13vw,7rem)!important} body[data-page="home"].studio-v236 .stats-section{grid-template-columns:repeat(2,minmax(0,1fr))!important} body[data-page="home"].studio-v236 .stat-box:nth-child(3){border-top:1px solid var(--s236-line)!important;border-inline-start:0!important} body[data-page="home"].studio-v236 .stat-box:nth-child(4){border-top:1px solid var(--s236-line)!important} body[data-page="home"].studio-v236 .about-preview{grid-template-columns:1fr!important} body[data-page="home"].studio-v236 .about-image{min-height:500px!important} body[data-page="home"].studio-v236 .services-v2{grid-template-columns:1fr!important} body[data-page="home"].studio-v236 .testimonials-v2{grid-template-columns:1fr!important} body[data-page="gallery"].studio-v236 .gallery-item,body[data-page="gallery"].studio-v236 .gallery-item:nth-child(n){grid-column:span 6!important;min-height:360px!important} body[data-page="videos"].studio-v236 .video-card,body[data-page="videos"].studio-v236 .video-card:nth-child(n){grid-column:span 6!important} body[data-page="videos"].studio-v236 .video-card:first-child{grid-column:1/-1!important} } @media(max-width:620px){ body.studio-v236 .s236-section-index{font-size:4.4rem!important;top:20px!important} body[data-page="home"].studio-v236 #heroSlider{height:clamp(510px,68svh,680px)!important} body[data-page="home"].studio-v236 .home-intro-panel{width:calc(100% - 34px)!important;padding:48px 0 64px!important} body[data-page="home"].studio-v236 .hero-title{font-size:clamp(3.4rem,17vw,5.6rem)!important;line-height:.86!important} body[data-page="home"].studio-v236 .hero-btns{display:grid!important;grid-template-columns:1fr!important;width:100%!important} body[data-page="home"].studio-v236 .hero-btns .btn{width:100%!important} body[data-page="home"].studio-v236 .stats-section{width:calc(100% - 34px)!important} body[data-page="home"].studio-v236 .stat-box{padding:28px 16px!important} body[data-page="home"].studio-v236 .stat-box h3{font-size:clamp(2.7rem,15vw,4.6rem)!important} body[data-page="home"].studio-v236 #featuredSection,body[data-page="home"].studio-v236 :is(#servicesV2,#reviewsV2,.client-tools){width:calc(100% - 34px)!important} body[data-page="home"].studio-v236 .featured-grid{grid-template-columns:1fr!important} body[data-page="home"].studio-v236 .featured-grid>*,body[data-page="home"].studio-v236 .featured-grid>*:nth-child(n){grid-column:auto!important} body[data-page="home"].studio-v236 .featured-card .featured-img-box{min-height:430px!important} body[data-page="home"].studio-v236 #aboutPreviewSection{padding-inline:17px!important} body[data-page="home"].studio-v236 .about-image{min-height:420px!important} body[data-page="home"].studio-v236 .about-copy{padding:28px!important} body[data-page="gallery"].studio-v236 .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} body[data-page="gallery"].studio-v236 .gallery-item,body[data-page="gallery"].studio-v236 .gallery-item:nth-child(n){grid-column:auto!important;min-height:260px!important} body[data-page="gallery"].studio-v236 .gallery-item:nth-child(5n+1){grid-column:span 2!important;min-height:430px!important} body[data-page="videos"].studio-v236 .video-grid{grid-template-columns:1fr!important} body[data-page="videos"].studio-v236 .video-card,body[data-page="videos"].studio-v236 .video-card:nth-child(n),body[data-page="videos"].studio-v236 .video-card:first-child{grid-column:auto!important;min-height:0!important} body[data-page="about"].studio-v236 .portrait-card{transform:none!important} body[data-page="about"].studio-v236 .values{grid-template-columns:1fr!important} } @media(prefers-reduced-motion:reduce){body.studio-v236 .s236-enter{animation:none!important}} ; /* SOURCE: studio240.css?v=26.3.0 */ /* Ali963sy Studio v24.0.0 — Immersive Editorial System */ :root{ --v240-ink:#050507; --v240-ink-2:#09090d; --v240-paper:#f3f0e9; --v240-line:rgba(255,255,255,.105); --v240-line-strong:rgba(255,255,255,.18); --v240-muted:rgba(255,255,255,.62); --v240-soft:rgba(255,255,255,.035); --v240-accent:var(--primary,#e63946); --v240-max:1440px; --v240-pad:clamp(18px,4vw,72px); --v240-radius:clamp(18px,2.4vw,36px); } @view-transition{navigation:auto} ::view-transition-old(root){animation:v240-out .2s ease both} ::view-transition-new(root){animation:v240-in .36s cubic-bezier(.2,.7,.2,1) both} @keyframes v240-out{to{opacity:.45;filter:blur(3px)}} @keyframes v240-in{from{opacity:0;filter:blur(5px);transform:translateY(8px)}} html{scroll-padding-top:92px} body.studio-v240{ background: radial-gradient(circle at 82% -10%,color-mix(in srgb,var(--v240-accent) 9%,transparent),transparent 35%), linear-gradient(180deg,#050507 0,#07070a 44%,#040405 100%)!important; color:#f8f8fa; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; } body.studio-v240::before{ content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 78%); } body.studio-v240::after{opacity:.012!important} body.studio-v240 *{scrollbar-color:color-mix(in srgb,var(--v240-accent) 55%,#202027) #08080b} body.studio-v240 .v240-skip{ position:fixed;z-index:100000;top:10px;inset-inline-start:10px;transform:translateY(-160%); padding:11px 16px;border-radius:12px;background:#fff;color:#050505;font-weight:900;transition:.2s } body.studio-v240 .v240-skip:focus{transform:none} body.studio-v240 :is(a,button,input,select,textarea,[tabindex]):focus-visible{ outline:3px solid color-mix(in srgb,var(--v240-accent) 82%,white)!important; outline-offset:4px!important;box-shadow:none!important } body.studio-v240 :is(button,.btn,.hero-btn,.hero-action,.filter-btn,.view-btn,.home-btn,.social-btn,.lb-btn,.g213-chip){min-height:44px} body.studio-v240 :is(img,video){max-width:100%} body.studio-v240 main>section:not(.home-intro-panel){content-visibility:auto;contain-intrinsic-size:1px 900px} /* 01 — Navigation: editorial top rail, not a floating card */ body.studio-v240>header,body.studio-v240 header#mainHeader{ border-bottom:1px solid transparent!important;background:linear-gradient(180deg,rgba(3,3,5,.82),rgba(3,3,5,0))!important; backdrop-filter:none!important;box-shadow:none!important } body.studio-v240>header.scrolled,body.studio-v240 header#mainHeader.scrolled{ background:rgba(5,5,7,.88)!important;backdrop-filter:blur(18px) saturate(130%)!important; border-bottom-color:var(--v240-line)!important } body.studio-v240 header nav{width:min(var(--v240-max),calc(100% - 2*var(--v240-pad)))!important} body.studio-v240 header .logo{font-weight:950!important;letter-spacing:-.035em!important} body.studio-v240 header .logo-icon{border-radius:50%!important;background:transparent!important;box-shadow:none!important} body.studio-v240 .nav-links{gap:clamp(2px,.4vw,8px)!important} body.studio-v240 .nav-links a{border-radius:0!important;background:transparent!important;padding-inline:clamp(8px,1vw,15px)!important;font-size:.82rem!important;letter-spacing:.01em!important} body.studio-v240 .nav-links a::after{bottom:0!important;height:1px!important;right:12%!important;left:12%!important} body.studio-v240 .menu-btn{border-radius:50%!important;background:transparent!important} /* 02 — Home slider: photo owns the entire canvas */ body[data-page="home"].studio-v240 #heroSlider{ height:clamp(620px,86svh,980px)!important;min-height:0!important;border-radius:0!important; box-shadow:none!important;background:#070709!important } body[data-page="home"].studio-v240 #heroSlider .slide{ filter:brightness(.82) saturate(1.08) contrast(1.035)!important;transform:scale(1.035)!important } body[data-page="home"].studio-v240 #heroSlider .slide.active{transform:scale(1)!important} body[data-page="home"].studio-v240 #heroSlider .slide::after{ background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 22%,transparent 72%,rgba(0,0,0,.38) 100%)!important } body[data-page="home"].studio-v240 #heroSlider :is(.slide-overlay,.hero-inner,.hero-title,.hero-desc,.hero-btns){ } body[data-page="home"].studio-v240 #heroSlider .slider-arrow{ width:52px!important;height:52px!important;border-radius:0!important;background:rgba(5,5,7,.18)!important; border:1px solid rgba(255,255,255,.28)!important;backdrop-filter:blur(6px)!important;box-shadow:none!important } body[data-page="home"].studio-v240 #heroSlider .slider-arrow:hover{background:rgba(5,5,7,.7)!important;border-color:#fff!important} body[data-page="home"].studio-v240 #heroSlider .slider-bottom{bottom:22px!important} body[data-page="home"].studio-v240 #heroSlider .slider-thumbs{ padding:0!important;gap:7px!important;background:transparent!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;box-shadow:none!important } body[data-page="home"].studio-v240 #heroSlider .thumb-dot{ width:42px!important;height:3px!important;border:0!important;border-radius:999px!important;opacity:.4!important;background:#fff!important;overflow:hidden!important;transform:none!important } body[data-page="home"].studio-v240 #heroSlider .thumb-dot img{display:none!important} body[data-page="home"].studio-v240 #heroSlider .thumb-dot.active{width:76px!important;opacity:1!important;background:var(--v240-accent)!important;box-shadow:none!important} body[data-page="home"].studio-v240 #heroSlider .thumb-dot.active::after{display:none!important} body[data-page="home"].studio-v240 .v240-frame-rail{ width:min(var(--v240-max),calc(100% - 2*var(--v240-pad)));margin:0 auto;border-bottom:1px solid var(--v240-line); min-height:74px;display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:clamp(16px,3vw,42px); color:var(--v240-muted);font:800 .72rem/1.2 "Cairo",system-ui,sans-serif;letter-spacing:.12em } body[data-page="home"].studio-v240 .v240-frame-count{color:#fff;font-size:.9rem;letter-spacing:.05em;white-space:nowrap} body[data-page="home"].studio-v240 .v240-frame-progress{height:1px;background:var(--v240-line);overflow:hidden} body[data-page="home"].studio-v240 .v240-frame-progress>i{display:block;height:100%;width:var(--v240-progress,0%);background:var(--v240-accent);transition:width .5s ease} /* 03 — Home intro: dramatic type, generous breathing room */ body[data-page="home"].studio-v240 .home-intro-panel{ width:min(var(--v240-max),calc(100% - 2*var(--v240-pad)))!important;margin:0 auto!important; padding:clamp(70px,10vw,150px) 0 clamp(78px,11vw,160px)!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important } body[data-page="home"].studio-v240 .home-intro-panel .hero-inner{ max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important; grid-template-areas:"badge badge" "title desc" "title buttons"!important;column-gap:clamp(34px,7vw,120px)!important;align-items:end!important;text-align:start!important } body[data-page="home"].studio-v240 .home-intro-panel .hero-badge{grid-area:badge!important;justify-self:start!important;background:transparent!important;border:0!important;padding:0 0 22px!important;border-radius:0!important;color:color-mix(in srgb,var(--v240-accent) 78%,white)!important;backdrop-filter:none!important;box-shadow:none!important;letter-spacing:.06em!important} body[data-page="home"].studio-v240 .home-intro-panel .hero-title{ grid-area:title!important;margin:0!important;font-size:clamp(4rem,9.1vw,9.8rem)!important;line-height:.82!important;letter-spacing:-.075em!important;text-shadow:none!important;max-width:10ch!important } body[data-page="home"].studio-v240 .home-intro-panel .hero-title span{color:transparent!important;-webkit-text-stroke:1px color-mix(in srgb,var(--v240-accent) 72%,white)!important;text-shadow:none!important} body[data-page="home"].studio-v240 .home-intro-panel .hero-desc{grid-area:desc!important;margin:0!important;max-width:34rem!important;color:var(--v240-muted)!important;font-size:clamp(1rem,1.5vw,1.28rem)!important;line-height:2!important;text-align:start!important} body[data-page="home"].studio-v240 .home-intro-panel .hero-btns{grid-area:buttons!important;justify-content:flex-start!important;margin-top:30px!important} body.studio-v240 .btn,body.studio-v240 .hero-btn,body.studio-v240 .hero-action{ border-radius:999px!important;padding-inline:clamp(20px,2.4vw,34px)!important;box-shadow:none!important;transform:none!important } body.studio-v240 .btn-outline{background:transparent!important;border-color:var(--v240-line-strong)!important} /* suppress the legacy moving strip: visual work should breathe */ body[data-page="home"].studio-v240 #marqueeSection{display:none!important} /* 04 — Home chapter system */ body[data-page="home"].studio-v240 :is(#statsSection,#featuredSection,#aboutPreviewSection,#servicesV2,#reviewsV2,.client-tools){position:relative!important} body[data-page="home"].studio-v240 :is(#featuredSection,#servicesV2,#reviewsV2,.client-tools){width:min(var(--v240-max),calc(100% - 2*var(--v240-pad)))!important;margin-inline:auto!important;padding-block:clamp(78px,10vw,150px)!important;border-top:1px solid var(--v240-line)!important} body[data-page="home"].studio-v240 .s236-section-index{font-size:clamp(4rem,10vw,10rem)!important;opacity:.055!important;inset-inline-start:auto!important;inset-inline-end:0!important;top:34px!important;line-height:.7!important} body[data-page="home"].studio-v240 .section-title,body[data-page="home"].studio-v240 .v2-heading h2{ font-size:clamp(3rem,7vw,7.5rem)!important;line-height:.88!important;letter-spacing:-.065em!important;max-width:12ch!important;margin-inline:0!important;text-align:start!important } body[data-page="home"].studio-v240 .section-subtitle,body[data-page="home"].studio-v240 .v2-heading>p{max-width:45rem!important;margin-inline:0!important;text-align:start!important;color:var(--v240-muted)!important} /* stats are numbers, not cards */ body[data-page="home"].studio-v240 #statsSection{padding:0!important} body[data-page="home"].studio-v240 .stats-section{ width:min(var(--v240-max),calc(100% - 2*var(--v240-pad)))!important;margin:0 auto!important;padding:0!important; display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-block:1px solid var(--v240-line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important } body[data-page="home"].studio-v240 .stat-box{padding:clamp(32px,4vw,62px) clamp(12px,2.3vw,34px)!important;background:transparent!important;border:0!important;border-inline-start:1px solid var(--v240-line)!important;text-align:start!important;border-radius:0!important} body[data-page="home"].studio-v240 .stat-box:first-child{border-inline-start:0!important} body[data-page="home"].studio-v240 .stat-icon{display:none!important} body[data-page="home"].studio-v240 .stat-box h3{font-size:clamp(3.2rem,7vw,7.4rem)!important;line-height:.8!important;letter-spacing:-.07em!important;margin:0 0 18px!important;color:#fff!important} body[data-page="home"].studio-v240 .stat-box p{margin:0!important;color:var(--v240-muted)!important;font-size:.82rem!important;letter-spacing:.02em!important} /* featured work: gallery-like, almost no chrome */ body[data-page="home"].studio-v240 .featured-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(8px,1.2vw,18px)!important} body[data-page="home"].studio-v240 .featured-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important} body[data-page="home"].studio-v240 .featured-card:nth-child(6n+1){grid-column:span 7!important} body[data-page="home"].studio-v240 .featured-card:nth-child(6n+2){grid-column:span 5!important;margin-top:clamp(55px,8vw,120px)!important} body[data-page="home"].studio-v240 .featured-card:nth-child(6n+3){grid-column:span 4!important} body[data-page="home"].studio-v240 .featured-card:nth-child(6n+4){grid-column:span 8!important;margin-top:clamp(28px,4vw,70px)!important} body[data-page="home"].studio-v240 .featured-img-box{height:auto!important;min-height:clamp(390px,50vw,760px)!important;border-radius:var(--v240-radius)!important;overflow:hidden!important;background:#0a0a0d!important} body[data-page="home"].studio-v240 .featured-card:nth-child(6n+2) .featured-img-box,body[data-page="home"].studio-v240 .featured-card:nth-child(6n+3) .featured-img-box{min-height:clamp(330px,37vw,590px)!important} body[data-page="home"].studio-v240 .featured-img-box img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s!important} @media(hover:hover) and (pointer:fine){body[data-page="home"].studio-v240 .featured-card:hover .featured-img-box img{transform:scale(1.025)!important;filter:saturate(1.08)!important}} /* about: full-bleed editorial split */ body[data-page="home"].studio-v240 #aboutPreviewSection{padding:0!important;margin-top:clamp(60px,8vw,120px)!important;border-block:1px solid var(--v240-line)!important} body[data-page="home"].studio-v240 .about-preview{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important} body[data-page="home"].studio-v240 .about-image{min-height:clamp(620px,68vw,900px)!important;border-radius:0!important;overflow:hidden!important} body[data-page="home"].studio-v240 .about-image img{width:100%!important;height:100%!important;object-fit:cover!important} body[data-page="home"].studio-v240 .about-copy{padding:clamp(50px,8vw,120px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:#08080b!important;text-align:start!important} body[data-page="home"].studio-v240 .about-copy .section-title{font-size:clamp(3.6rem,7vw,7.5rem)!important;text-align:start!important} body[data-page="home"].studio-v240 .about-points{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:1px solid var(--v240-line)!important;margin-block:34px!important} body[data-page="home"].studio-v240 .about-point{padding:22px 0!important;border-bottom:1px solid var(--v240-line)!important;background:transparent!important;border-radius:0!important} /* services and testimonials as open editorial rows */ body[data-page="home"].studio-v240 .services-v2{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--v240-line)!important} body[data-page="home"].studio-v240 .service-v2{min-height:420px!important;padding:clamp(32px,4vw,62px)!important;background:transparent!important;border:0!important;border-inline-start:1px solid var(--v240-line)!important;border-radius:0!important;box-shadow:none!important} body[data-page="home"].studio-v240 .service-v2:first-child{border-inline-start:0!important} body[data-page="home"].studio-v240 .service-v2 h3{font-size:clamp(2rem,3.5vw,4rem)!important;line-height:1!important;letter-spacing:-.05em!important;margin-top:auto!important} body[data-page="home"].studio-v240 .service-v2::before{font-size:clamp(4rem,7vw,7rem)!important;opacity:.12!important} body[data-page="home"].studio-v240 .testimonials-v2{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(28px,4vw,72px)!important} body[data-page="home"].studio-v240 .quote-v2{padding:38px 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--v240-line)!important;border-radius:0!important;box-shadow:none!important} body[data-page="home"].studio-v240 .quote-v2 p{font-size:clamp(1.35rem,2.2vw,2rem)!important;line-height:1.75!important} body[data-page="home"].studio-v240 .quote-mark{font-size:5rem!important;color:var(--v240-accent)!important} /* client tools: giant navigational rows */ body[data-page="home"].studio-v240 .tools-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--v240-line)!important} body[data-page="home"].studio-v240 .tool-card{min-height:0!important;padding:clamp(28px,4vw,54px) 0!important;border:0!important;border-bottom:1px solid var(--v240-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important} body[data-page="home"].studio-v240 .tool-card h3{font-size:clamp(2rem,4.8vw,5rem)!important;letter-spacing:-.055em!important;margin:.2em 0!important} body[data-page="home"].studio-v240 .tool-icon{display:none!important} body[data-page="home"].studio-v240 .tool-action>span:last-child{width:62px!important;height:62px!important;border-radius:50%!important;border:1px solid var(--v240-line-strong)!important;display:grid!important;place-items:center!important} /* 05 — Shared page hero language */ body.studio-v240:not([data-page="home"]):not([data-page="admin"]) :is(.hero,.hero-v3,.studio20-blog-hero,.intro,.featured-showcase){ position:relative!important;isolation:isolate!important;overflow:hidden!important } body.studio-v240:not([data-page="home"]):not([data-page="admin"]) :is(.hero-card,.hero-v3-card,.featured-showcase,.panel,.secure,.box){ box-shadow:none!important } body.studio-v240 .v240-page-code{ display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--v240-muted);font:900 .68rem/1.2 "Cairo",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase } body.studio-v240 .v240-page-code::before{content:"";width:44px;height:1px;background:var(--v240-accent)} body.studio-v240:not([data-page="admin"]) h1{letter-spacing:-.06em!important} /* Gallery — museum wall */ body[data-page="gallery"].studio-v240 .hero-v3{padding-top:clamp(130px,15vw,210px)!important;padding-bottom:clamp(70px,9vw,130px)!important} body[data-page="gallery"].studio-v240 .hero-v3-card{background:transparent!important;border:0!important;border-radius:0!important;min-height:0!important} body[data-page="gallery"].studio-v240 .hero-v3-copy{max-width:1100px!important} body[data-page="gallery"].studio-v240 .hero-v3 h1{font-size:clamp(4.2rem,10vw,11rem)!important;line-height:.83!important;max-width:10ch!important} body[data-page="gallery"].studio-v240 .archive-stats{border-block:1px solid var(--v240-line)!important;border-radius:0!important;background:transparent!important;padding-block:18px!important} body[data-page="gallery"].studio-v240 .stat-pill{background:transparent!important;border:0!important;border-radius:0!important} body[data-page="gallery"].studio-v240 .gallery-toolbar-shell{background:rgba(5,5,7,.84)!important;border-block:1px solid var(--v240-line)!important;backdrop-filter:blur(16px)!important} body[data-page="gallery"].studio-v240 .gallery-grid{width:min(var(--v240-max),calc(100% - 2*var(--v240-pad)))!important;margin-inline:auto!important;gap:clamp(8px,1vw,16px)!important} body[data-page="gallery"].studio-v240 .gallery-item{border-radius:clamp(12px,1.6vw,24px)!important;border:0!important;background:#09090c!important;box-shadow:none!important} body[data-page="gallery"].studio-v240 .g213-smart{width:min(var(--v240-max),calc(100% - 2*var(--v240-pad)))!important;margin-inline:auto!important} /* Videos — film contact sheet */ body[data-page="videos"].studio-v240 .hero{padding-top:clamp(130px,15vw,210px)!important;padding-bottom:70px!important} body[data-page="videos"].studio-v240 .hero-card{background:transparent!important;border:0!important;border-radius:0!important;min-height:0!important} body[data-page="videos"].studio-v240 .hero h1{font-size:clamp(4.2rem,9vw,10rem)!important;line-height:.84!important;max-width:9ch!important} body[data-page="videos"].studio-v240 .stats{border-block:1px solid var(--v240-line)!important;background:transparent!important;border-radius:0!important} body[data-page="videos"].studio-v240 .stat{background:transparent!important;border:0!important;border-radius:0!important} body[data-page="videos"].studio-v240 .toolbar-shell{background:rgba(5,5,7,.86)!important;border-block:1px solid var(--v240-line)!important;backdrop-filter:blur(16px)!important} body[data-page="videos"].studio-v240 .video-grid{width:min(var(--v240-max),calc(100% - 2*var(--v240-pad)))!important;margin-inline:auto!important;gap:clamp(10px,1.2vw,18px)!important} body[data-page="videos"].studio-v240 .video-card{border-radius:clamp(12px,1.7vw,26px)!important;border:0!important;background:#09090c!important;box-shadow:none!important} body[data-page="videos"].studio-v240 .video-card:first-child{aspect-ratio:21/10!important} /* Music — stage, not dashboard */ body[data-page="music"].studio-v240 .container{width:min(var(--v240-max),calc(100% - 2*var(--v240-pad)))!important} body[data-page="music"].studio-v240 .featured-showcase{margin-top:clamp(110px,12vw,170px)!important;min-height:clamp(560px,65vw,820px)!important;border-radius:clamp(18px,2.4vw,38px)!important;border:0!important;box-shadow:none!important} body[data-page="music"].studio-v240 .featured-showcase::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.88),rgba(5,5,7,.32) 58%,rgba(5,5,7,.1));pointer-events:none} body[data-page="music"].studio-v240 .showcase-content-wrapper{position:relative;z-index:2!important} body[data-page="music"].studio-v240 #hero-title{font-size:clamp(3.8rem,7.7vw,8.5rem)!important;line-height:.86!important;max-width:9ch!important} body[data-page="music"].studio-v240 :is(.music-card,.track-card,.playlist-item){box-shadow:none!important} /* YouTube — broadcast composition */ body[data-page="youtube"].studio-v240 h1{font-size:clamp(4rem,8.5vw,9rem)!important;line-height:.85!important} body[data-page="youtube"].studio-v240 :is(.featured-card,.yt-card){box-shadow:none!important} /* About — typography and portrait */ body[data-page="about"].studio-v240 h1{font-size:clamp(5rem,13vw,14rem)!important;line-height:.72!important;color:transparent!important;-webkit-text-stroke:1px rgba(255,255,255,.78)!important} body[data-page="about"].studio-v240 :is(.portrait-card,.value-card,.story-card){box-shadow:none!important} /* Stories / Instagram / Blog — image and type first */ body[data-page="stories"].studio-v240 h1,body[data-page="instagram"].studio-v240 h1,body[data-page="blog"].studio-v240 h1,body[data-page="feed"].studio-v240 h1{font-size:clamp(4rem,9vw,10rem)!important;line-height:.82!important} body[data-page="stories"].studio-v240 .story-card,body[data-page="instagram"].studio-v240 .insta20-item{box-shadow:none!important;border:0!important} body[data-page="blog"].studio-v240 .studio20-article,body[data-page="feed"].studio-v240 .post{box-shadow:none!important} /* Utility / private spaces — calm, trustworthy */ body[data-page="downloader"].studio-v240 .intro h1{font-size:clamp(4rem,9vw,9rem)!important;line-height:.85!important} body[data-page="downloader"].studio-v240 .panel,body[data-page="folder"].studio-v240 .secure,body[data-page="upload"].studio-v240 .box,body[data-page="client"].studio-v240 :is(.card,.drop){background:#0a0a0e!important;border:1px solid var(--v240-line)!important;border-radius:24px!important;box-shadow:none!important} /* Admin — production control room with less visual noise */ body[data-page="admin"].studio-v240{--admin-accent:var(--v240-accent)} body[data-page="admin"].studio-v240 :is(.sidebar,.admin-sidebar){background:#07070a!important;border-inline-end:1px solid var(--v240-line)!important;box-shadow:none!important} body[data-page="admin"].studio-v240 :is(.glass-panel,.admin-panel,.panel,.admin-card){background:#0a0a0e!important;border:1px solid var(--v240-line)!important;border-radius:16px!important;box-shadow:none!important} body[data-page="admin"].studio-v240 .page-title{font-size:clamp(2.2rem,4vw,4.8rem)!important;line-height:.95!important;letter-spacing:-.055em!important;margin-bottom:28px!important} body[data-page="admin"].studio-v240 :is(input,textarea,select,.input-style){background:#060609!important;border-color:rgba(255,255,255,.12)!important;border-radius:10px!important;min-height:48px!important} body[data-page="admin"].studio-v240 :is(.btn-action,button){box-shadow:none!important} body[data-page="admin"].studio-v240 .v240-admin-version{position:fixed;z-index:999;inset-inline-end:18px;bottom:18px;padding:8px 12px;border:1px solid var(--v240-line);background:rgba(6,6,9,.8);backdrop-filter:blur(12px);border-radius:999px;color:var(--v240-muted);font-size:.68rem;font-weight:900;letter-spacing:.08em;pointer-events:none} /* Footer: large typographic finale */ body.studio-v240 footer{padding:clamp(70px,10vw,150px) var(--v240-pad) 48px!important;background:#030304!important;border-top:1px solid var(--v240-line)!important} body.studio-v240 footer::before{font-size:clamp(6rem,20vw,22rem)!important;-webkit-text-stroke:1px rgba(255,255,255,.065)!important;opacity:1!important} body.studio-v240 .footer-logo{font-size:clamp(2.6rem,6vw,6rem)!important;letter-spacing:-.06em!important} /* Dynamic media performance */ body.studio-v240 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item,.studio20-article,.post,.featured-card){content-visibility:auto;contain-intrinsic-size:1px 520px} /* Fine-pointer micro motion, never required for understanding */ @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ body.studio-v240 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item){transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s!important} body.studio-v240 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item):hover{transform:translateY(-5px)!important;filter:saturate(1.06)!important} } /* Responsive system */ @media(max-width:1000px){ body[data-page="home"].studio-v240 .home-intro-panel .hero-inner{grid-template-columns:1fr!important;grid-template-areas:"badge" "title" "desc" "buttons"!important;row-gap:24px!important} body[data-page="home"].studio-v240 .home-intro-panel .hero-title{max-width:9ch!important} body[data-page="home"].studio-v240 .stats-section{grid-template-columns:repeat(2,minmax(0,1fr))!important} body[data-page="home"].studio-v240 .stat-box:nth-child(3){border-top:1px solid var(--v240-line)!important;border-inline-start:0!important} body[data-page="home"].studio-v240 .stat-box:nth-child(4){border-top:1px solid var(--v240-line)!important} body[data-page="home"].studio-v240 .about-preview{grid-template-columns:1fr!important} body[data-page="home"].studio-v240 .about-image{min-height:560px!important} body[data-page="home"].studio-v240 .services-v2{grid-template-columns:1fr!important} body[data-page="home"].studio-v240 .service-v2{min-height:0!important;border-inline-start:0!important;border-top:1px solid var(--v240-line)!important} body[data-page="home"].studio-v240 .testimonials-v2{grid-template-columns:1fr!important} } @media(max-width:700px){ :root{--v240-pad:17px} body.studio-v240::before{background-size:42px 42px} body[data-page="home"].studio-v240 #heroSlider{height:clamp(500px,68svh,680px)!important} body[data-page="home"].studio-v240 #heroSlider .slider-arrow{width:44px!important;height:44px!important;top:auto!important;bottom:34px!important;transform:none!important} body[data-page="home"].studio-v240 #heroSlider .slider-prev{right:17px!important} body[data-page="home"].studio-v240 #heroSlider .slider-next{left:17px!important} body[data-page="home"].studio-v240 #heroSlider .slider-bottom{bottom:92px!important} body[data-page="home"].studio-v240 .v240-frame-rail{min-height:62px!important;grid-template-columns:auto 1fr!important} body[data-page="home"].studio-v240 .v240-frame-brand{display:none!important} body[data-page="home"].studio-v240 .home-intro-panel{padding-block:70px 90px!important} body[data-page="home"].studio-v240 .home-intro-panel .hero-title{font-size:clamp(3.6rem,17vw,6.2rem)!important;line-height:.84!important} body[data-page="home"].studio-v240 .home-intro-panel .hero-desc{font-size:1rem!important} body[data-page="home"].studio-v240 .home-intro-panel .hero-btns{display:grid!important;grid-template-columns:1fr!important;width:100%!important} body[data-page="home"].studio-v240 .home-intro-panel .hero-btns .btn{width:100%!important} body[data-page="home"].studio-v240 .stats-section{grid-template-columns:1fr 1fr!important} body[data-page="home"].studio-v240 .featured-grid{grid-template-columns:1fr!important} body[data-page="home"].studio-v240 .featured-card,body[data-page="home"].studio-v240 .featured-card:nth-child(n){grid-column:auto!important;margin-top:0!important} body[data-page="home"].studio-v240 .featured-img-box,body[data-page="home"].studio-v240 .featured-card:nth-child(n) .featured-img-box{min-height:clamp(420px,125vw,620px)!important} body[data-page="home"].studio-v240 .about-image{min-height:450px!important} body[data-page="home"].studio-v240 .about-copy{padding:44px 24px!important} body[data-page="home"].studio-v240 .about-points{grid-template-columns:1fr!important} body[data-page="home"].studio-v240 .tool-card{grid-template-columns:1fr!important;gap:20px!important} body[data-page="home"].studio-v240 .tool-action{justify-content:space-between!important} body[data-page="gallery"].studio-v240 .hero-v3 h1,body[data-page="videos"].studio-v240 .hero h1{font-size:clamp(3.6rem,16vw,6.5rem)!important} body[data-page="music"].studio-v240 #hero-title{font-size:clamp(3.4rem,14vw,5.8rem)!important} body[data-page="about"].studio-v240 h1{font-size:clamp(4.7rem,23vw,8rem)!important} } @media(prefers-reduced-motion:reduce){ ::view-transition-old(root),::view-transition-new(root){animation:none!important} body.studio-v240 *,body.studio-v240 *::before,body.studio-v240 *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } @media(prefers-contrast:more){ body.studio-v240{--v240-line:rgba(255,255,255,.35);--v240-line-strong:rgba(255,255,255,.62);--v240-muted:rgba(255,255,255,.84)} } @media(forced-colors:active){body.studio-v240 *{box-shadow:none!important}body.studio-v240 :is(a,button,input,select,textarea):focus-visible{outline:3px solid Highlight!important}} ; /* SOURCE: studio241.css?v=26.3.0 */ /* Ali963sy Studio v24.1.0 — Signature Experience Layer */ :root{ --v241-accent:var(--primary,#e63946); --v241-bg:#050507; --v241-surface:#0a0a0e; --v241-text:#f7f7f9; --v241-muted:rgba(255,255,255,.58); --v241-line:rgba(255,255,255,.11); --v241-line-strong:rgba(255,255,255,.2); --v241-safe:env(safe-area-inset-bottom,0px); } html{color-scheme:dark;accent-color:var(--v241-accent)} body.studio-v241{background-color:var(--v241-bg)!important} /* One precise progress line replaces multiple legacy indicators visually. */ body.studio-v241 .s23-progress{ position:fixed!important;z-index:10050!important;top:0!important;left:0!important;right:auto!important; height:2px!important;min-height:2px!important;border:0!important;border-radius:0!important; background:linear-gradient(90deg,var(--v241-accent),color-mix(in srgb,var(--v241-accent) 55%,white))!important; box-shadow:0 0 18px color-mix(in srgb,var(--v241-accent) 45%,transparent)!important; pointer-events:none!important } /* Desktop navigation becomes a restrained editorial bar. */ @media(min-width:901px){ body[data-page="home"].studio-v241 #mainHeader{padding-top:14px!important} body[data-page="home"].studio-v241 #mainHeader nav{ width:min(1420px,calc(100% - 42px))!important;min-height:64px!important;padding:8px 10px 8px 14px!important; border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important; background:rgba(6,6,9,.44)!important;backdrop-filter:blur(20px) saturate(1.2)!important; box-shadow:0 20px 60px rgba(0,0,0,.18)!important } body[data-page="home"].studio-v241 #mainHeader.scrolled nav{background:rgba(6,6,9,.82)!important} body[data-page="home"].studio-v241 .nav-links{gap:0!important} body[data-page="home"].studio-v241 .nav-links a{padding:10px 12px!important;border-radius:9px!important;font-size:.78rem!important;font-weight:750!important;letter-spacing:.01em!important} body[data-page="home"].studio-v241 .nav-links a::after{bottom:4px!important;height:1px!important} } /* Home slider stays completely photography-first. */ body[data-page="home"].studio-v241 #heroSlider{ background:#020203!important;box-shadow:none!important;border-bottom:0!important } body[data-page="home"].studio-v241 #heroSlider .slide{filter:brightness(.82) saturate(1.03) contrast(1.02)!important} body[data-page="home"].studio-v241 #heroSlider .slide::after{ background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 24%,transparent 76%,rgba(0,0,0,.34))!important } body[data-page="home"].studio-v241 #heroSlider :is(.slide-overlay,.hero-inner,.hero-badge,.hero-title,.hero-desc,.hero-btns){pointer-events:none} body[data-page="home"].studio-v241 #heroSlider .slider-arrow{ width:50px!important;height:50px!important;border-radius:999px!important; background:rgba(4,4,6,.2)!important;border:1px solid rgba(255,255,255,.16)!important; backdrop-filter:blur(8px)!important;box-shadow:none!important;opacity:.8!important } body[data-page="home"].studio-v241 #heroSlider .slider-arrow:hover{opacity:1!important;background:rgba(4,4,6,.6)!important;border-color:rgba(255,255,255,.34)!important} body[data-page="home"].studio-v241 #heroSlider .slider-thumbs{ padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;gap:7px!important } body[data-page="home"].studio-v241 #heroSlider .thumb-dot{ width:34px!important;height:3px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.34)!important;opacity:1!important;overflow:hidden!important;transform:none!important } body[data-page="home"].studio-v241 #heroSlider .thumb-dot img{display:none!important} body[data-page="home"].studio-v241 #heroSlider .thumb-dot.active{width:72px!important;background:var(--v241-accent)!important;box-shadow:none!important} body[data-page="home"].studio-v241 #heroSlider .thumb-dot.active::after{display:none!important} /* Frame rail + intro read as one magazine opening, still OUTSIDE the slideshow. */ body[data-page="home"].studio-v241 .v240-frame-rail{ max-width:100%!important;padding-inline:clamp(18px,4vw,72px)!important;min-height:74px!important; border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important; background:#050507!important } body[data-page="home"].studio-v241 .home-intro-panel{padding-top:clamp(86px,10vw,150px)!important;padding-bottom:clamp(94px,11vw,165px)!important} body[data-page="home"].studio-v241 .home-intro-panel .hero-inner{position:relative!important} body[data-page="home"].studio-v241 .home-intro-panel .hero-inner::before{ content:"ALI963SY / STUDIO";position:absolute;inset-inline-start:0;top:-46px; color:var(--v241-muted);font:800 .66rem/1.2 Cairo,system-ui;letter-spacing:.22em } body[data-page="home"].studio-v241 .home-intro-panel .hero-title{ text-wrap:balance!important;text-shadow:none!important;max-width:9.5ch!important } body[data-page="home"].studio-v241 .home-intro-panel .hero-title span{position:relative!important} body[data-page="home"].studio-v241 .home-intro-panel .hero-title span::after{ content:"";display:inline-block;width:clamp(42px,7vw,110px);height:.08em;background:var(--v241-accent);margin-inline-start:.18em;vertical-align:.22em;border-radius:99px } /* Section chapters: clear hierarchy without another card. */ body.studio-v241 main>section[data-v241-section]{position:relative!important} body.studio-v241 main>section[data-v241-section]::after{ content:attr(data-v241-section);position:absolute;inset-inline-end:var(--v240-pad,4vw);top:clamp(20px,3vw,46px); color:rgba(255,255,255,.055);font:950 clamp(4rem,10vw,11rem)/.8 Arial,sans-serif;letter-spacing:-.08em; pointer-events:none;z-index:-1 } body.studio-v241 :is(.section-title,.v2-heading h2,.studio20-blog-hero h1,.hero-v3 h1){text-wrap:balance} /* Stats are editorial measurements, not boxes. */ body[data-page="home"].studio-v241 .stats-section{border-block:1px solid var(--v241-line)!important;background:transparent!important} body[data-page="home"].studio-v241 .stat-box{position:relative!important;overflow:hidden!important} body[data-page="home"].studio-v241 .stat-box::before{ content:"";position:absolute;inset-inline-start:0;top:0;width:0;height:2px;background:var(--v241-accent);transition:width .55s cubic-bezier(.2,.7,.2,1) } @media(hover:hover) and (pointer:fine){body[data-page="home"].studio-v241 .stat-box:hover::before{width:100%}} /* Featured projects get a clear visual index and stronger image treatment. */ body.studio-v241 .featured-card{position:relative!important} body.studio-v241 .featured-card[data-v241-index]::before{ content:attr(data-v241-index);position:absolute;z-index:5;top:14px;inset-inline-start:14px; min-width:42px;height:28px;padding:0 9px;display:grid;place-items:center;border-radius:999px; background:rgba(5,5,8,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16); color:#fff;font:850 .66rem/1 Cairo,system-ui;letter-spacing:.08em } body.studio-v241 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item,.featured-card) img{ transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .45s ease!important } @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ body.studio-v241 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item,.featured-card):hover img{transform:scale(1.025)!important} } /* Visual archive and cinema: cleaner frames, stronger rhythm. */ body[data-page="gallery"].studio-v241 :is(.gallery-grid,.gallery213-grid){gap:clamp(8px,1vw,14px)!important} body[data-page="gallery"].studio-v241 .gallery-item{border-radius:clamp(8px,1vw,15px)!important;background:#07070a!important} body[data-page="videos"].studio-v241 .video-grid{gap:clamp(10px,1vw,16px)!important} body[data-page="videos"].studio-v241 .video-card{overflow:hidden!important;border-radius:clamp(10px,1.2vw,18px)!important} body[data-page="youtube"].studio-v241 .yt-card{border-radius:clamp(10px,1.2vw,18px)!important;overflow:hidden!important} /* Music: stronger active-player hierarchy. */ body[data-page="music"].studio-v241 .featured-showcase{outline:1px solid rgba(255,255,255,.08)!important;outline-offset:-1px!important} body[data-page="music"].studio-v241 :is(.track-card,.playlist-item)[class*="active"]{border-color:color-mix(in srgb,var(--v241-accent) 70%,transparent)!important} body[data-page="music"].studio-v241 :is(.track-card,.playlist-item)[class*="active"]::before{background:var(--v241-accent)!important} /* Admin: reduce legacy gradients and make the working surface denser and clearer. */ body[data-page="admin"].studio-v241 :is(.glass-panel,.admin-panel,.panel,.admin-card){backdrop-filter:none!important} body[data-page="admin"].studio-v241 :is(.sidebar,.admin-sidebar){background:#060608!important} body[data-page="admin"].studio-v241 .v240-admin-version{display:none!important} body[data-page="admin"].studio-v241 .v241-admin-version{ position:fixed;z-index:999;inset-inline-end:16px;bottom:16px;padding:7px 11px; border:1px solid var(--v241-line);border-radius:999px;background:rgba(5,5,8,.84);backdrop-filter:blur(10px); color:var(--v241-muted);font:850 .63rem/1.4 Cairo,system-ui;letter-spacing:.09em;pointer-events:none } /* Unified back-to-top control. */ body.studio-v241 .v241-top, body.studio-v241 #scrollTopBtn{ position:fixed!important;z-index:4000!important;inset-inline-end:18px!important;bottom:18px!important; width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important; border:1px solid var(--v241-line-strong)!important;background:rgba(7,7,10,.76)!important;backdrop-filter:blur(12px)!important; color:#fff!important;display:grid!important;place-items:center!important;box-shadow:none!important; opacity:0!important;visibility:hidden!important;transform:translateY(10px)!important;transition:.25s!important } body.studio-v241 .v241-top.show,body.studio-v241 #scrollTopBtn.show{opacity:1!important;visibility:visible!important;transform:none!important} body.studio-v241 .v241-top::before,body.studio-v241 #scrollTopBtn::before{content:"↑";font:700 1.15rem/1 system-ui} body.studio-v241 #scrollTopBtn{font-size:0!important} /* A single mobile navigation authority. */ @media(max-width:900px){ body.studio-v241 .m214-dock,body.studio-v241 #s209Dock{display:none!important;visibility:hidden!important;pointer-events:none!important} body.studio-v241 .s23-mobile-dock{ display:grid!important;right:8px!important;left:8px!important;bottom:max(8px,var(--v241-safe))!important; height:64px!important;padding:5px!important;border-radius:18px!important; background:rgba(6,6,9,.9)!important;border:1px solid rgba(255,255,255,.12)!important; backdrop-filter:blur(20px) saturate(1.25)!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important } body.studio-v241 .s23-mobile-dock a{min-height:52px!important;border-radius:13px!important;color:rgba(255,255,255,.55)!important} body.studio-v241 .s23-mobile-dock a.active{background:color-mix(in srgb,var(--v241-accent) 12%,transparent)!important;color:#fff!important} body.studio-v241 .s23-mobile-dock .s23-main{transform:none!important} body.studio-v241 .s23-mobile-dock .s23-main span{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} body.studio-v241 .v241-top,body.studio-v241 #scrollTopBtn{bottom:calc(82px + var(--v241-safe))!important;inset-inline-end:14px!important;width:44px!important;height:44px!important} body[data-page="music"].studio-v241 .v241-top{bottom:88px!important} } @media(max-width:700px){ body[data-page="home"].studio-v241 #heroSlider{height:clamp(470px,64svh,650px)!important;min-height:0!important} body[data-page="home"].studio-v241 #heroSlider .slider-bottom{bottom:72px!important} body[data-page="home"].studio-v241 #heroSlider .slider-arrow{bottom:18px!important;width:42px!important;height:42px!important} body[data-page="home"].studio-v241 .v240-frame-rail{min-height:58px!important} body[data-page="home"].studio-v241 .home-intro-panel{padding-top:82px!important;padding-bottom:96px!important} body[data-page="home"].studio-v241 .home-intro-panel .hero-inner::before{top:-36px!important;font-size:.58rem!important} body.studio-v241 main>section[data-v241-section]::after{font-size:clamp(3.8rem,22vw,7rem)!important;top:20px!important} } @media(prefers-reduced-motion:reduce){ body.studio-v241 :is(.featured-card,.gallery-item,.video-card,.yt-card,.story-card,.insta20-item) img{transition:none!important;transform:none!important} } @media(prefers-contrast:more){ body.studio-v241{--v241-line:rgba(255,255,255,.32);--v241-line-strong:rgba(255,255,255,.65);--v241-muted:rgba(255,255,255,.82)} } ; /* SOURCE: studio242.css?v=26.3.0 */ /* Ali963sy Studio v24.2.0 — Mobile Showcase / approved-preview match */ :root{ --v242-bg:#03070d; --v242-panel:#080d15; --v242-panel-2:#0b111b; --v242-line:rgba(150,185,220,.18); --v242-line-strong:rgba(150,185,220,.32); --v242-text:#f6f8fb; --v242-muted:#9da8b5; --v242-cyan:#2fb8ef; --v242-cyan-soft:rgba(47,184,239,.16); --v242-pink:#ff315b; --v242-pink-2:#d61e49; --v242-purple:#a967ff; --v242-safe:env(safe-area-inset-bottom,0px); } html[data-studio-version="24.2.0"]{background:var(--v242-bg)} body.studio-v242{ background: radial-gradient(circle at 8% 6%,rgba(47,184,239,.07),transparent 24rem), radial-gradient(circle at 90% 30%,rgba(255,49,91,.055),transparent 27rem), linear-gradient(180deg,#03070d 0%,#02060b 50%,#03070d 100%)!important; color:var(--v242-text)!important; font-family:Cairo,"Segoe UI",Tahoma,Arial,sans-serif!important; min-height:100%; --primary:var(--v242-cyan)!important; --accent:var(--v242-cyan)!important; } body.studio-v242::after{opacity:.012!important} body.studio-v242 :focus-visible{outline:2px solid var(--v242-cyan)!important;outline-offset:3px!important} body.studio-v242 :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent} /* ---------- global header matching the approved preview ---------- */ body.studio-v242 header#mainHeader, body.studio-v242 .top, body.studio-v242 .yt-nav{ background:linear-gradient(180deg,rgba(4,9,15,.98),rgba(4,9,15,.94))!important; border:1px solid rgba(129,172,211,.15)!important; box-shadow:none!important; backdrop-filter:blur(20px) saturate(1.2)!important; } body.studio-v242 header#mainHeader{padding:12px 0!important} body.studio-v242 header#mainHeader.scrolled{padding:10px 0!important;background:rgba(4,9,15,.94)!important} body.studio-v242 header#mainHeader nav{width:min(1280px,94%)!important;min-height:64px!important} body.studio-v242 header#mainHeader .logo{ color:#fff!important;font-size:1rem!important;font-weight:800!important;gap:10px!important; position:relative;padding-block-end:18px!important } body.studio-v242 header#mainHeader .logo::after{ content:"اهلا بكم •";position:absolute;inset-inline-start:0;bottom:-1px; color:var(--v242-cyan);font-size:.72rem;font-weight:700;letter-spacing:0;white-space:nowrap;opacity:.9 } body.studio-v242 header#mainHeader .logo-icon{ width:38px!important;height:38px!important;border-radius:10px!important; border-color:rgba(47,184,239,.5)!important;background:rgba(47,184,239,.07)!important } body.studio-v242 header#mainHeader .logo-icon::before{border-color:var(--v242-cyan)!important} body.studio-v242 header#mainHeader .logo-icon::after{background:var(--v242-cyan)!important} body.studio-v242 .v242-header-tools{display:flex;align-items:center;gap:9px;margin-inline-start:auto} body.studio-v242 .v242-head-btn, body.studio-v242 header#mainHeader .menu-btn{ display:grid!important;place-items:center!important;width:54px!important;height:54px!important; padding:0!important;border:1px solid rgba(83,137,188,.26)!important;border-radius:16px!important; background:linear-gradient(180deg,rgba(10,24,38,.95),rgba(6,15,25,.95))!important; color:#f4f8fb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;font-size:1.15rem!important } body.studio-v242 .v242-head-btn:hover, body.studio-v242 header#mainHeader .menu-btn:hover{border-color:rgba(47,184,239,.52)!important;background:#0a1724!important} /* quick-search popup */ body.studio-v242 .v242-search-panel{ position:fixed;z-index:10050;inset:0;display:grid;place-items:start center;padding:120px 16px 30px; background:rgba(1,5,9,.72);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:.2s } body.studio-v242 .v242-search-panel.open{opacity:1;visibility:visible} body.studio-v242 .v242-search-box{ width:min(560px,100%);padding:15px;border:1px solid var(--v242-line-strong);border-radius:22px; background:#07101a;box-shadow:0 24px 80px rgba(0,0,0,.45) } body.studio-v242 .v242-search-row{display:flex;gap:8px;align-items:center} body.studio-v242 .v242-search-row input{ min-width:0;flex:1;height:50px;border-radius:14px;border:1px solid var(--v242-line);background:#040a11;color:#fff; padding:0 14px;font:600 1rem Cairo } body.studio-v242 .v242-search-close{width:50px;height:50px;border-radius:14px;border:1px solid var(--v242-line);background:#0b1420;color:#fff} body.studio-v242 .v242-search-results{display:grid;gap:7px;margin-top:11px} body.studio-v242 .v242-search-results a{padding:12px 14px;border-radius:12px;border:1px solid transparent;color:#d8e2eb} body.studio-v242 .v242-search-results a:hover{background:rgba(47,184,239,.08);border-color:rgba(47,184,239,.22);color:#fff} /* ---------- homepage: exact hierarchy of the preview ---------- */ body[data-page="home"].studio-v242 main{padding-top:0!important} body[data-page="home"].studio-v242 #heroSlider{ width:min(1240px,calc(100% - 32px))!important;height:clamp(560px,72vw,760px)!important;min-height:0!important; margin:18px auto 14px!important;border-radius:28px!important;overflow:hidden!important; border:1px solid rgba(113,157,198,.25)!important;background:#07111d!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 30px 90px rgba(0,0,0,.28)!important } body[data-page="home"].studio-v242 #heroSlider .slide{ filter:brightness(.68) saturate(1.04)!important;transform:scale(1.035)!important;background-position:center!important } body[data-page="home"].studio-v242 #heroSlider .slide.active{transform:scale(1)!important} body[data-page="home"].studio-v242 #heroSlider .slide::after{ background: linear-gradient(90deg,rgba(3,10,18,.90) 0%,rgba(3,10,18,.68) 31%,rgba(3,10,18,.15) 61%,rgba(3,10,18,.08) 100%), linear-gradient(180deg,rgba(2,7,12,.12),transparent 58%,rgba(2,7,12,.74))!important } body[data-page="home"].studio-v242 .v242-hero-copy{ position:absolute;z-index:16;inset-inline-start:clamp(36px,7vw,92px);top:50%;transform:translateY(-50%); width:min(500px,46%);text-align:start;pointer-events:none } body[data-page="home"].studio-v242 .v242-hero-copy .hero-badge{ border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important; padding:0!important;color:var(--v242-cyan)!important;font-size:.76rem!important;margin-bottom:12px!important } body[data-page="home"].studio-v242 .v242-hero-copy .hero-badge i{background:var(--v242-cyan)!important;box-shadow:0 0 16px var(--v242-cyan)!important} body[data-page="home"].studio-v242 .v242-hero-copy .hero-title{ margin:0 0 18px!important;color:#fff!important;font-size:clamp(2.35rem,5.1vw,5rem)!important;line-height:1.17!important; letter-spacing:-.04em!important;text-shadow:0 8px 40px rgba(0,0,0,.48)!important;text-align:start!important } body[data-page="home"].studio-v242 .v242-hero-copy .hero-title span{color:var(--v242-cyan)!important;text-shadow:0 0 30px rgba(47,184,239,.22)!important} body[data-page="home"].studio-v242 .v242-hero-copy .hero-desc{ margin:0 0 24px!important;max-width:430px!important;color:rgba(223,230,237,.78)!important; font-size:clamp(.95rem,1.5vw,1.12rem)!important;line-height:2!important;text-align:start!important } body[data-page="home"].studio-v242 .v242-hero-mini{ pointer-events:auto;display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:0 22px;border-radius:18px; border:1px solid rgba(47,184,239,.7);background:rgba(3,13,21,.38);color:#fff;font-weight:800; backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.18) } body[data-page="home"].studio-v242 .v242-hero-mini i{color:var(--v242-cyan)} body[data-page="home"].studio-v242 #heroSlider .slider-arrow{ z-index:40!important;width:50px!important;height:50px!important;border-radius:50%!important; border:1px solid rgba(207,224,239,.28)!important;background:rgba(4,10,17,.68)!important;color:#fff!important; box-shadow:none!important;backdrop-filter:blur(10px)!important;top:50%!important;bottom:auto!important } body[data-page="home"].studio-v242 #heroSlider .slider-prev{right:18px!important} body[data-page="home"].studio-v242 #heroSlider .slider-next{left:18px!important} body[data-page="home"].studio-v242 #heroSlider .slider-bottom{bottom:27px!important} body[data-page="home"].studio-v242 #heroSlider .slider-thumbs{ height:18px!important;min-width:150px!important;padding:5px 9px!important;gap:8px!important;border:0!important;border-radius:99px!important; background:rgba(4,10,16,.34)!important;backdrop-filter:blur(8px)!important;box-shadow:none!important } body[data-page="home"].studio-v242 #heroSlider .thumb-dot{ width:34px!important;height:6px!important;border:0!important;border-radius:99px!important;opacity:.38!important;background:#d7dde3!important;overflow:hidden!important } body[data-page="home"].studio-v242 #heroSlider .thumb-dot img{display:none!important} body[data-page="home"].studio-v242 #heroSlider .thumb-dot.active{width:48px!important;background:var(--v242-cyan)!important;opacity:1!important;transform:none!important;box-shadow:0 0 18px rgba(47,184,239,.3)!important} body[data-page="home"].studio-v242 #heroSlider .thumb-dot.active::after{display:none!important} /* CTA section becomes only two strong buttons immediately after the slider */ body[data-page="home"].studio-v242 .home-intro-panel{ width:min(1240px,calc(100% - 32px))!important;margin:0 auto!important;padding:0 0 24px!important;background:transparent!important;min-height:0!important } body[data-page="home"].studio-v242 .home-intro-panel::before, body[data-page="home"].studio-v242 .home-intro-panel::after, body[data-page="home"].studio-v242 .home-intro-panel .hero-inner::before{display:none!important} body[data-page="home"].studio-v242 .home-intro-panel .hero-inner{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important} body[data-page="home"].studio-v242 .home-intro-panel .hero-badge, body[data-page="home"].studio-v242 .home-intro-panel .hero-title, body[data-page="home"].studio-v242 .home-intro-panel .hero-desc{display:none!important} body[data-page="home"].studio-v242 .home-intro-panel .hero-btns{ width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important } body[data-page="home"].studio-v242 .home-intro-panel .hero-btns .btn{ width:100%!important;min-height:64px!important;border-radius:999px!important;font-size:1.06rem!important;font-weight:800!important; border:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important;transform:none!important } body[data-page="home"].studio-v242 .home-intro-panel .hero-btns .btn:first-child{ background:linear-gradient(100deg,var(--v242-pink),var(--v242-pink-2))!important;border-color:rgba(255,95,124,.65)!important; box-shadow:0 14px 42px rgba(224,30,71,.18)!important } body[data-page="home"].studio-v242 .home-intro-panel .hero-btns .btn:last-child{ background:rgba(5,10,17,.54)!important;border-color:rgba(205,222,237,.26)!important;color:#fff!important } body[data-page="home"].studio-v242 .home-intro-panel .hero-btns .btn::before{display:none!important} /* The old marquee is not part of the approved preview. */ body[data-page="home"].studio-v242 #marqueeSection{display:none!important} /* Stats: exact 2x2 premium blocks with category icon tiles. */ body[data-page="home"].studio-v242 #statsSection{padding:18px 16px 30px!important} body[data-page="home"].studio-v242 .stats-section{ width:min(1240px,100%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important; gap:14px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important } body[data-page="home"].studio-v242 .stat-box{ min-height:180px!important;padding:24px!important;border:1px solid rgba(139,169,199,.22)!important;border-radius:22px!important; background:linear-gradient(145deg,rgba(11,17,26,.98),rgba(5,10,17,.96))!important;text-align:start!important; display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto 1fr!important;align-items:center!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;overflow:hidden!important } body[data-page="home"].studio-v242 .stat-box::after{content:"";position:absolute;inset:auto -35px -55px auto;width:120px;height:120px;border-radius:50%;filter:blur(35px);opacity:.13;background:var(--v242-stat-color,var(--v242-cyan));pointer-events:none} body[data-page="home"].studio-v242 .stat-box:nth-child(1){--v242-stat-color:#ff6688} body[data-page="home"].studio-v242 .stat-box:nth-child(2){--v242-stat-color:#38aaff} body[data-page="home"].studio-v242 .stat-box:nth-child(3){--v242-stat-color:#37c7e9} body[data-page="home"].studio-v242 .stat-box:nth-child(4){--v242-stat-color:#a56bff} body[data-page="home"].studio-v242 .stat-icon{ grid-column:2;grid-row:1/3;width:66px!important;height:66px!important;border-radius:18px!important; border:1px solid color-mix(in srgb,var(--v242-stat-color) 55%,transparent)!important; background:color-mix(in srgb,var(--v242-stat-color) 13%,#07101a)!important; color:var(--v242-stat-color)!important;display:grid!important;place-items:center!important;font-size:1.55rem!important; box-shadow:none!important;transform:none!important } body[data-page="home"].studio-v242 .stat-box h3{ grid-column:1;grid-row:1;font-size:clamp(2.2rem,4vw,3.4rem)!important;line-height:1!important;margin:0!important; font-weight:900!important;color:#fff!important;font-variant-numeric:tabular-nums!important;text-align:start!important } body[data-page="home"].studio-v242 .stat-box p{ grid-column:1;grid-row:2;margin:8px 0 0!important;color:var(--v242-muted)!important;font-size:.92rem!important;text-align:start!important } /* ---------- global content language ---------- */ body.studio-v242 :is(.hero-v3-card,.hero-card,.featured-showcase,.yt-featured,.portrait,.story,.tool-card,.service-v2,.quote-v2,.gallery-item,.video-card,.yt-card,.story-card,.insta20-item,.studio20-article){ border-color:rgba(126,159,190,.18)!important;box-shadow:none!important } body.studio-v242 :is(.hero-v3-card,.hero-card,.featured-showcase,.yt-featured,.portrait,.story,.tool-card){background:linear-gradient(145deg,#09111b,#050a11)!important} body.studio-v242 :is(.section-title,h1,h2,h3){text-wrap:balance} body.studio-v242 :is(.filter-btn,.view-btn,.hero-action,.hero-btn,.yt-btn,.btn-secondary-v2,.sort-btn,.icon-btn-v2){border-radius:14px!important} body.studio-v242 :is(.filter-btn.active,.view-btn.active,.hero-action.primary,.hero-btn.primary,.yt-btn.primary){background:var(--v242-cyan-soft)!important;border-color:rgba(47,184,239,.45)!important;color:#fff!important} body.studio-v242 :is(.search-box,.music-search,.yt-search) input{background:#050b12!important;border-color:var(--v242-line)!important;color:#fff!important} body.studio-v242 :is(.gallery-grid,.video-grid,.yt-grid,.stories,.insta20-grid,.studio20-blog-grid){gap:14px!important} /* Remove old floating/double controls on public pages. */ body.studio-v242 :is(.m214-dock,#s209Dock,.s23-mobile-dock){display:none!important;visibility:hidden!important;pointer-events:none!important} body.studio-v242 .v241-top{display:none!important} /* ---------- one mobile dock, identical everywhere ---------- */ body.studio-v242 .v242-mobile-dock{display:none} @media(max-width:900px){ body.studio-v242{padding-bottom:calc(88px + var(--v242-safe))!important} body.studio-v242 header#mainHeader{ position:sticky!important;top:0!important;z-index:6000!important;padding:9px 0!important;margin:0!important; border-width:0 0 1px!important } body.studio-v242 header#mainHeader nav{width:calc(100% - 24px)!important;min-height:76px!important;gap:10px!important} body.studio-v242 header#mainHeader .nav-links{display:none!important} body.studio-v242 header#mainHeader .menu-btn{order:3!important;margin:0!important} body.studio-v242 header#mainHeader .v242-header-tools{order:2!important;margin-inline-start:auto!important} body.studio-v242 header#mainHeader .logo{order:1!important;margin-inline-start:0!important;margin-inline-end:auto!important} body.studio-v242 .v242-mobile-dock{ position:fixed;z-index:7000;display:grid;grid-template-columns:repeat(5,1fr);direction:rtl; inset-inline:14px;bottom:max(10px,var(--v242-safe));height:76px;padding:6px;border-radius:24px; border:1px solid rgba(131,166,199,.24);background:rgba(5,11,18,.92);backdrop-filter:blur(22px) saturate(1.25); box-shadow:0 20px 60px rgba(0,0,0,.44) } body.studio-v242 .v242-mobile-dock a{ min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px; color:#9ba7b4;font-size:.67rem;font-weight:700;line-height:1.15;transition:.2s } body.studio-v242 .v242-mobile-dock a i{font-size:1.22rem} body.studio-v242 .v242-mobile-dock a.active{background:linear-gradient(180deg,rgba(21,79,105,.62),rgba(9,41,57,.84));color:#fff} body.studio-v242 .v242-mobile-dock a.active i{color:#fff} body.studio-v242 #scrollTopBtn{display:none!important} } @media(max-width:700px){ body[data-page="home"].studio-v242 #heroSlider{ width:calc(100% - 28px)!important;height:clamp(500px,67svh,620px)!important;margin:14px auto 12px!important;border-radius:24px!important } body[data-page="home"].studio-v242 #heroSlider .slide{ background-position:68% center!important;filter:brightness(.72) saturate(1.02)!important } body[data-page="home"].studio-v242 #heroSlider .slide::after{ background: linear-gradient(90deg,rgba(3,10,18,.96) 0%,rgba(3,10,18,.77) 42%,rgba(3,10,18,.16) 78%,rgba(3,10,18,.08) 100%), linear-gradient(180deg,rgba(2,7,12,.08),transparent 55%,rgba(2,7,12,.72))!important } body[data-page="home"].studio-v242 .v242-hero-copy{ inset-inline-start:38px!important;top:46%!important;width:min(68%,350px)!important;text-align:start!important } body[data-page="home"].studio-v242 .v242-hero-copy .hero-title{font-size:clamp(2rem,9.4vw,3.25rem)!important;margin-bottom:14px!important} body[data-page="home"].studio-v242 .v242-hero-copy .hero-desc{font-size:.88rem!important;line-height:1.9!important;margin-bottom:18px!important} body[data-page="home"].studio-v242 .v242-hero-copy .hero-badge{font-size:.66rem!important;margin-bottom:8px!important} body[data-page="home"].studio-v242 .v242-hero-mini{min-height:48px!important;padding:0 17px!important;border-radius:16px!important;font-size:.82rem!important} body[data-page="home"].studio-v242 #heroSlider .slider-arrow{width:44px!important;height:44px!important;font-size:1rem!important} body[data-page="home"].studio-v242 #heroSlider .slider-prev{right:-4px!important} body[data-page="home"].studio-v242 #heroSlider .slider-next{left:-4px!important} body[data-page="home"].studio-v242 #heroSlider .slider-bottom{bottom:22px!important} body[data-page="home"].studio-v242 .home-intro-panel{width:calc(100% - 28px)!important;padding-bottom:14px!important} body[data-page="home"].studio-v242 .home-intro-panel .hero-btns{gap:10px!important} body[data-page="home"].studio-v242 .home-intro-panel .hero-btns .btn{min-height:60px!important;font-size:.98rem!important} body[data-page="home"].studio-v242 #statsSection{padding:18px 14px 24px!important} body[data-page="home"].studio-v242 .stats-section{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} body[data-page="home"].studio-v242 .stat-box{ min-width:0!important;min-height:155px!important;padding:18px 15px!important;border-radius:20px!important; grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr!important;align-content:start!important } body[data-page="home"].studio-v242 .stat-icon{ grid-column:1!important;grid-row:1!important;width:56px!important;height:56px!important;border-radius:16px!important;margin-bottom:15px!important;font-size:1.3rem!important } body[data-page="home"].studio-v242 .stat-box h3{grid-column:1!important;grid-row:2!important;font-size:2.6rem!important;text-align:end!important} body[data-page="home"].studio-v242 .stat-box p{grid-column:1!important;grid-row:3!important;font-size:.76rem!important;text-align:end!important;margin-top:8px!important} /* Content below the approved first screen keeps the same visual grammar. */ body.studio-v242 :is(.hero-v3,.hero,.yt-hero,.featured-showcase,.insta20-hero,.studio20-blog-hero){margin-top:12px!important} body.studio-v242 :is(.hero-v3-card,.hero-card,.featured-showcase,.yt-featured){border-radius:24px!important} body.studio-v242 :is(.gallery-grid,.video-grid,.yt-grid,.stories,.insta20-grid,.studio20-blog-grid){gap:10px!important} body.studio-v242 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item,.studio20-article){border-radius:18px!important} body.studio-v242 :is(.toolbar-shell,.gallery-toolbar-shell,.library-toolbar,.yt-toolbar){border-radius:18px!important} } @media(max-width:390px){ body.studio-v242 header#mainHeader .v242-head-btn, body.studio-v242 header#mainHeader .menu-btn{width:48px!important;height:48px!important;border-radius:14px!important} body[data-page="home"].studio-v242 .v242-hero-copy{inset-inline-start:30px!important;width:70%!important} body[data-page="home"].studio-v242 .v242-hero-copy .hero-title{font-size:1.9rem!important} body[data-page="home"].studio-v242 .stat-box{padding:15px 13px!important} } @media(prefers-reduced-motion:reduce){ body.studio-v242 *,body.studio-v242 *::before,body.studio-v242 *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } @media(min-width:901px){ body.studio-v242 header#mainHeader .v242-header-tools .menu-btn{display:none!important} body.studio-v242 header#mainHeader .v242-head-btn{width:44px!important;height:44px!important;border-radius:13px!important} } @media(max-width:900px){ body.studio-v242 header#mainHeader .nav-links.v242-open{ display:grid!important;position:fixed!important;z-index:6200!important;top:94px!important;left:12px!important;right:12px!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:12px!important;margin:0!important; border:1px solid var(--v242-line-strong)!important;border-radius:20px!important;background:rgba(5,12,20,.97)!important; backdrop-filter:blur(20px)!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important } body.studio-v242 header#mainHeader .nav-links.v242-open li{display:block!important;margin:0!important} body.studio-v242 header#mainHeader .nav-links.v242-open a{ min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:9px!important; border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:#08111b!important;color:#dfe7ee!important } } body.studio-v242 .v242-mobile-dock a svg{width:22px;height:22px;flex:none} body.studio-v242 .v242-head-btn svg,body.studio-v242 header#mainHeader .menu-btn svg{width:22px;height:22px} body[data-page="home"].studio-v242 .stat-icon svg{width:27px;height:27px} body[data-page="home"].studio-v242 .v242-hero-mini svg{width:18px;height:18px;color:var(--v242-cyan)} /* Mobile header shared by public pages that use legacy page-specific top bars. */ body.studio-v242 .v242-site-head{display:none} body.studio-v242 .v242-menu-panel{ position:fixed;z-index:10060;inset:0;display:grid;place-items:start center;padding:112px 14px 24px; background:rgba(1,5,9,.72);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:.2s } body.studio-v242 .v242-menu-panel.open{opacity:1;visibility:visible} body.studio-v242 .v242-menu-sheet{ width:min(560px,100%);padding:14px;border:1px solid var(--v242-line-strong);border-radius:22px;background:#07101a; box-shadow:0 24px 80px rgba(0,0,0,.45) } body.studio-v242 .v242-menu-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} body.studio-v242 .v242-menu-sheet-head strong{font-size:1rem} body.studio-v242 .v242-menu-close{width:46px;height:46px;border-radius:13px;border:1px solid var(--v242-line);background:#0b1420;color:#fff;display:grid;place-items:center} body.studio-v242 .v242-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} body.studio-v242 .v242-menu-grid a{min-height:48px;display:grid;place-items:center;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#08111b;color:#dfe7ee;font-weight:700;font-size:.86rem} body.studio-v242 .v242-menu-grid a:hover{border-color:rgba(47,184,239,.3);background:rgba(47,184,239,.08);color:#fff} @media(max-width:900px){ body.studio-v242 .v242-site-head{ display:block;position:sticky;top:0;z-index:6000;padding:9px 12px;border-bottom:1px solid rgba(129,172,211,.15); background:linear-gradient(180deg,rgba(4,9,15,.98),rgba(4,9,15,.94));backdrop-filter:blur(20px) saturate(1.2) } body.studio-v242 .v242-site-head-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:10px} body.studio-v242 .v242-site-brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:0} body.studio-v242 .v242-site-brand>span:last-child{display:grid;line-height:1.2;min-width:0} body.studio-v242 .v242-site-brand b{font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px} body.studio-v242 .v242-site-brand small{color:var(--v242-cyan);font-size:.72rem;font-weight:700;margin-top:5px} body.studio-v242 .v242-site-camera{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(47,184,239,.5);border-radius:10px;background:rgba(47,184,239,.07);color:var(--v242-cyan)} body.studio-v242 .v242-site-tools{display:flex;align-items:center;gap:9px} /* Hide page-specific duplicate headers only after the unified one exists. */ body.studio-v242 .v242-site-head ~ :is(.top,.yt-wrap>.yt-nav){display:none!important} } @media(max-width:900px){body.studio-v242 .v242-legacy-head{display:none!important}} ; /* SOURCE: studio243.css?v=26.3.0 */ /* Ali963sy Studio v24.3.0 — Mobile Precision & Visual Rhythm */ :root{ --v243-bg:#03070d; --v243-panel:#08111b; --v243-panel-2:#0b1520; --v243-line:rgba(151,185,216,.18); --v243-line-strong:rgba(151,185,216,.30); --v243-cyan:#35bdf3; --v243-pink:#ff315d; --v243-pink-2:#d81c49; --v243-text:#f7f9fc; --v243-muted:#99a6b4; --v243-safe:env(safe-area-inset-bottom,0px); } html[data-studio-version="24.3.0"]{background:var(--v243-bg)} body.studio-v243{ background: radial-gradient(800px 520px at 84% 8%,rgba(53,189,243,.055),transparent 64%), radial-gradient(620px 460px at 10% 42%,rgba(255,49,93,.045),transparent 67%), var(--v243-bg)!important; color:var(--v243-text)!important; --primary:var(--v243-cyan)!important; --accent:var(--v243-cyan)!important; } body.studio-v243 :focus-visible{outline:2px solid var(--v243-cyan)!important;outline-offset:3px!important} body.studio-v243 :is(a,button,input,select,textarea){-webkit-tap-highlight-color:transparent} /* Header: smaller, cleaner and visually closer to the approved mockup. */ body.studio-v243 header#mainHeader{ background:rgba(4,9,15,.93)!important; border-bottom:1px solid rgba(141,174,205,.16)!important; box-shadow:none!important; backdrop-filter:blur(20px) saturate(1.15)!important; } body.studio-v243 header#mainHeader .logo{color:#fff!important} body.studio-v243 header#mainHeader .logo-icon{border-color:rgba(53,189,243,.48)!important;background:rgba(53,189,243,.07)!important} body.studio-v243 header#mainHeader .logo-icon::before{border-color:var(--v243-cyan)!important} body.studio-v243 header#mainHeader .logo-icon::after{background:var(--v243-cyan)!important} body.studio-v243 .v242-head-btn, body.studio-v243 header#mainHeader .menu-btn{ border-color:rgba(135,171,204,.22)!important; background:linear-gradient(145deg,#0b1623,#07101a)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important; } /* HOME — keep slider, CTAs and stats as one compact visual rhythm. */ body[data-page="home"].studio-v243 #heroSlider{ border-color:rgba(139,177,211,.24)!important; background:#07111a!important; box-shadow:0 22px 60px rgba(0,0,0,.24)!important; } body[data-page="home"].studio-v243 #heroSlider .slide, body[data-page="home"].studio-v243 #heroSlider .slide img{ object-fit:cover!important; object-position:center 44%!important; background-position:center 44%!important; } body[data-page="home"].studio-v243 #heroSlider .slide::after{ background: linear-gradient(90deg,rgba(3,9,16,.90) 0%,rgba(3,9,16,.60) 38%,rgba(3,9,16,.12) 69%,rgba(3,9,16,.04) 100%), linear-gradient(180deg,rgba(2,7,12,.08),transparent 61%,rgba(2,7,12,.55))!important; } body[data-page="home"].studio-v243 .v242-hero-copy{z-index:20!important} body[data-page="home"].studio-v243 .v242-hero-copy .hero-title{letter-spacing:-.035em!important} body[data-page="home"].studio-v243 .v242-hero-copy .hero-desc{color:rgba(225,232,239,.76)!important} body[data-page="home"].studio-v243 .v242-hero-mini{ border-color:rgba(53,189,243,.66)!important; background:rgba(4,12,20,.58)!important; box-shadow:none!important; } body[data-page="home"].studio-v243 #heroSlider .slider-arrow{ border-color:rgba(204,222,238,.25)!important; background:rgba(4,10,16,.63)!important; } body[data-page="home"].studio-v243 #heroSlider .slider-thumbs{ min-width:auto!important;background:rgba(3,9,15,.28)!important; } body[data-page="home"].studio-v243 #heroSlider .thumb-dot{height:5px!important;background:rgba(225,234,241,.42)!important} body[data-page="home"].studio-v243 #heroSlider .thumb-dot.active{background:var(--v243-cyan)!important;box-shadow:0 0 14px rgba(53,189,243,.25)!important} body[data-page="home"].studio-v243 .home-intro-panel{ margin-top:0!important; padding-top:0!important; } body[data-page="home"].studio-v243 .home-intro-panel .hero-btns{ gap:10px!important; } body[data-page="home"].studio-v243 .home-intro-panel .hero-btns .btn{ min-height:58px!important; border-radius:999px!important; letter-spacing:0!important; } body[data-page="home"].studio-v243 .home-intro-panel .hero-btns .btn:first-child{ background:linear-gradient(105deg,var(--v243-pink),var(--v243-pink-2))!important; box-shadow:0 14px 34px rgba(216,28,73,.16)!important; } body[data-page="home"].studio-v243 .home-intro-panel .hero-btns .btn:last-child{ background:linear-gradient(145deg,rgba(10,17,26,.92),rgba(5,10,16,.92))!important; border-color:rgba(199,218,235,.25)!important; } body[data-page="home"].studio-v243 #statsSection{padding-top:10px!important} body[data-page="home"].studio-v243 .stat-box{ background:linear-gradient(145deg,rgba(11,18,28,.98),rgba(5,10,17,.97))!important; border-color:rgba(139,173,204,.20)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important; } body[data-page="home"].studio-v243 .stat-box h3{font-variant-numeric:tabular-nums!important} /* Hide all known legacy floating actions on mobile; they caused the overlap shown in the screenshot. */ @media(max-width:900px){ body.studio-v243{ padding-bottom:calc(104px + var(--v243-safe))!important; scroll-padding-bottom:calc(104px + var(--v243-safe))!important; } body.studio-v243 :is(#scrollTopBtn,.back-to-top,.scroll-top,.scrollTop,.floating-top,.float-top,.page-fab,.floating-action){display:none!important} body.studio-v243 header#mainHeader{padding:7px 0!important} body.studio-v243 header#mainHeader nav{min-height:68px!important} body.studio-v243 header#mainHeader .logo-icon{width:38px!important;height:38px!important;border-radius:11px!important} body.studio-v243 .v242-mobile-dock{ height:70px!important; bottom:max(9px,var(--v243-safe))!important; inset-inline:12px!important; padding:5px!important; border-radius:22px!important; border-color:rgba(134,171,204,.22)!important; background:rgba(5,11,18,.94)!important; box-shadow:0 18px 48px rgba(0,0,0,.36)!important; } body.studio-v243 .v242-mobile-dock a{border-radius:16px!important;font-size:.64rem!important;gap:3px!important} body.studio-v243 .v242-mobile-dock a svg{width:21px!important;height:21px!important} body.studio-v243 .v242-mobile-dock a.active{ background:linear-gradient(180deg,rgba(24,87,115,.70),rgba(8,41,58,.88))!important; } } @media(max-width:700px){ body[data-page="home"].studio-v243 #heroSlider{ width:calc(100% - 24px)!important; height:clamp(445px,58svh,540px)!important; margin:10px auto 10px!important; border-radius:22px!important; } body[data-page="home"].studio-v243 #heroSlider .slide, body[data-page="home"].studio-v243 #heroSlider .slide img{ object-position:64% 46%!important; background-position:64% 46%!important; } body[data-page="home"].studio-v243 #heroSlider .slide::after{ background: linear-gradient(90deg,rgba(3,9,16,.94) 0%,rgba(3,9,16,.73) 39%,rgba(3,9,16,.18) 76%,rgba(3,9,16,.05) 100%), linear-gradient(180deg,rgba(2,7,12,.05),transparent 58%,rgba(2,7,12,.58))!important; } body[data-page="home"].studio-v243 .v242-hero-copy{ inset-inline-start:30px!important; top:44%!important; width:min(72%,330px)!important; } body[data-page="home"].studio-v243 .v242-hero-copy .hero-title{ font-size:clamp(1.9rem,8.8vw,2.65rem)!important; margin-bottom:10px!important; line-height:1.22!important; } body[data-page="home"].studio-v243 .v242-hero-copy .hero-desc{ font-size:.82rem!important; line-height:1.78!important; margin-bottom:14px!important; max-width:260px!important; } body[data-page="home"].studio-v243 .v242-hero-copy .hero-badge{font-size:.61rem!important;margin-bottom:6px!important} body[data-page="home"].studio-v243 .v242-hero-mini{min-height:44px!important;padding:0 14px!important;font-size:.77rem!important;border-radius:14px!important} body[data-page="home"].studio-v243 #heroSlider .slider-arrow{width:40px!important;height:40px!important} body[data-page="home"].studio-v243 #heroSlider .slider-prev{right:-3px!important} body[data-page="home"].studio-v243 #heroSlider .slider-next{left:-3px!important} body[data-page="home"].studio-v243 #heroSlider .slider-bottom{bottom:16px!important} body[data-page="home"].studio-v243 #heroSlider .slider-thumbs{height:14px!important;padding:3px 6px!important;gap:7px!important} body[data-page="home"].studio-v243 #heroSlider .thumb-dot{width:28px!important} body[data-page="home"].studio-v243 #heroSlider .thumb-dot.active{width:42px!important} body[data-page="home"].studio-v243 .home-intro-panel{ width:calc(100% - 24px)!important; padding-bottom:10px!important; } body[data-page="home"].studio-v243 .home-intro-panel .hero-btns{gap:9px!important} body[data-page="home"].studio-v243 .home-intro-panel .hero-btns .btn{ min-height:56px!important; font-size:.93rem!important; } body[data-page="home"].studio-v243 #statsSection{padding:8px 12px 20px!important} body[data-page="home"].studio-v243 .stats-section{gap:9px!important} body[data-page="home"].studio-v243 .stat-box{ min-height:142px!important; padding:14px 13px!important; border-radius:19px!important; } body[data-page="home"].studio-v243 .stat-icon{ width:50px!important;height:50px!important;border-radius:15px!important;margin-bottom:10px!important; } body[data-page="home"].studio-v243 .stat-icon svg{width:24px!important;height:24px!important} body[data-page="home"].studio-v243 .stat-box h3{font-size:2.35rem!important} body[data-page="home"].studio-v243 .stat-box p{font-size:.73rem!important;margin-top:5px!important;line-height:1.45!important} /* Remaining public pages: cleaner visual rhythm and better touch ergonomics. */ body.studio-v243 :is(.hero-v3,.hero,.yt-hero,.featured-showcase,.insta20-hero,.studio20-blog-hero){margin-top:8px!important} body.studio-v243 :is(.hero-v3-card,.hero-card,.featured-showcase,.yt-featured,.portrait,.story,.tool-card){border-radius:22px!important} body.studio-v243 :is(.gallery-grid,.video-grid,.yt-grid,.stories,.insta20-grid,.studio20-blog-grid){gap:9px!important} body.studio-v243 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item,.studio20-article){border-radius:17px!important} body.studio-v243 :is(.filter-btn,.view-btn,.hero-action,.hero-btn,.yt-btn,.btn-secondary-v2,.sort-btn,.icon-btn-v2){min-height:44px!important} } /* Global content refinement without changing data or business logic. */ body.studio-v243 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item,.studio20-article,.tool-card,.service-v2,.quote-v2){ border-color:rgba(141,174,205,.17)!important; } body.studio-v243 :is(.section-title,h1,h2,h3){text-wrap:balance} body.studio-v243 :is(.section-subtitle,.hero-desc,p){text-wrap:pretty} body.studio-v243 img{background-color:#07101a} body.studio-v243 footer{border-top-color:rgba(141,174,205,.13)!important} @media(max-width:390px){ body[data-page="home"].studio-v243 #heroSlider{height:430px!important} body[data-page="home"].studio-v243 .v242-hero-copy{inset-inline-start:26px!important;width:73%!important} body[data-page="home"].studio-v243 .v242-hero-copy .hero-title{font-size:1.78rem!important} body[data-page="home"].studio-v243 .v242-hero-copy .hero-desc{font-size:.77rem!important;line-height:1.7!important} body[data-page="home"].studio-v243 .stat-box{min-height:136px!important;padding:13px 11px!important} } @media(prefers-reduced-motion:reduce){ body.studio-v243 *,body.studio-v243 *::before,body.studio-v243 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} } @media(max-width:900px){body.studio-v243 .v242-mobile-dock.v243-keyboard-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(20px)!important}} body.studio-v243.v243-save-data *{backdrop-filter:none!important} ; /* SOURCE: studio244.css?v=26.3.0 */ /* Ali963sy Studio v24.4.0 — Refined Cinematic Balance */ :root{ --v244-bg:#03070c; --v244-surface:#08111b; --v244-surface-2:#0c1621; --v244-line:rgba(151,184,214,.17); --v244-line-strong:rgba(151,184,214,.29); --v244-cyan:#38bdf2; --v244-cyan-soft:rgba(56,189,242,.13); --v244-pink:#ff315d; --v244-pink-deep:#d71c48; --v244-purple:#9f6bff; --v244-teal:#33c2d9; --v244-text:#f8fafc; --v244-muted:#97a5b4; --v244-radius:24px; --v244-safe:env(safe-area-inset-bottom,0px); } html[data-studio-version="24.4.0"]{background:var(--v244-bg)} body.studio-v244{ background: radial-gradient(900px 620px at 82% 5%,rgba(56,189,242,.055),transparent 62%), radial-gradient(720px 520px at 9% 42%,rgba(255,49,93,.035),transparent 65%), linear-gradient(180deg,#03070c 0%,#04080e 52%,#03070c 100%)!important; color:var(--v244-text)!important; --primary:var(--v244-cyan)!important; --accent:var(--v244-cyan)!important; } body.studio-v244 :focus-visible{outline:2px solid var(--v244-cyan)!important;outline-offset:4px!important} body.studio-v244 :is(h1,h2,h3,.section-title){text-wrap:balance} body.studio-v244 :is(p,.section-subtitle,.hero-desc){text-wrap:pretty} body.studio-v244 img,body.studio-v244 video{background:#071019} /* Remove visual leftovers that do not belong to the approved direction. */ body.studio-v244 #marqueeSection, body.studio-v244 .marquee-container{display:none!important} body.studio-v244 :is(.back-to-top,.scroll-top,.scrollTop,.floating-top,.float-top,.page-fab,.floating-action){display:none!important} /* Header — less chrome, clearer brand, better spacing. */ body.studio-v244 header#mainHeader, body.studio-v244 .v242-site-head{ background:rgba(3,8,14,.92)!important; border-color:rgba(146,180,211,.14)!important; box-shadow:0 1px 0 rgba(255,255,255,.015)!important; backdrop-filter:blur(22px) saturate(1.14)!important; } body.studio-v244 header#mainHeader .logo, body.studio-v244 .v242-site-brand b{font-weight:800!important;letter-spacing:-.02em!important} body.studio-v244 :is(.v242-head-btn,header#mainHeader .menu-btn){ border:1px solid rgba(137,174,207,.22)!important; background:linear-gradient(145deg,#0b1622,#07101a)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important; transition:transform .2s ease,border-color .2s ease,background .2s ease!important; } @media(hover:hover) and (pointer:fine){ body.studio-v244 :is(.v242-head-btn,header#mainHeader .menu-btn):hover{transform:translateY(-2px);border-color:rgba(56,189,242,.48)!important;background:#0c1b29!important} } /* HOME — one continuous visual rhythm: slider -> CTA -> stats. */ body[data-page="home"].studio-v244 #heroSlider{ isolation:isolate!important; border:1px solid rgba(142,179,212,.22)!important; background:#06101a!important; box-shadow:0 26px 72px rgba(0,0,0,.30)!important; overflow:hidden!important; } body[data-page="home"].studio-v244 #heroSlider .slide::after{ background: linear-gradient(90deg,rgba(3,8,14,.88) 0%,rgba(3,8,14,.58) 35%,rgba(3,8,14,.12) 67%,rgba(3,8,14,.03) 100%), linear-gradient(180deg,rgba(3,8,14,.03),transparent 62%,rgba(3,8,14,.48))!important; } body[data-page="home"].studio-v244 .v242-hero-copy{filter:none!important;text-shadow:0 2px 20px rgba(0,0,0,.55)!important} body[data-page="home"].studio-v244 .v242-hero-copy .hero-badge{ color:#8edfff!important;background:rgba(4,13,21,.34)!important;border:1px solid rgba(56,189,242,.18)!important; border-radius:999px!important;padding:6px 10px!important;width:max-content!important; } body[data-page="home"].studio-v244 .v242-hero-copy .hero-title{font-weight:880!important;letter-spacing:-.045em!important} body[data-page="home"].studio-v244 .v242-hero-copy .hero-desc{color:rgba(229,235,241,.78)!important} body[data-page="home"].studio-v244 .v242-hero-mini{ background:rgba(4,12,19,.55)!important;border-color:rgba(56,189,242,.58)!important;color:#f5fbff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important; } body[data-page="home"].studio-v244 #heroSlider .slider-arrow{ background:rgba(4,10,16,.56)!important;border:1px solid rgba(211,228,241,.22)!important;box-shadow:none!important; } body[data-page="home"].studio-v244 #heroSlider .slider-thumbs{ background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important; } body[data-page="home"].studio-v244 #heroSlider .thumb-dot{height:4px!important;background:rgba(223,234,243,.34)!important} body[data-page="home"].studio-v244 #heroSlider .thumb-dot.active{background:var(--v244-cyan)!important;box-shadow:0 0 16px rgba(56,189,242,.28)!important} body[data-page="home"].studio-v244 .home-intro-panel{margin-top:0!important;padding-top:0!important} body[data-page="home"].studio-v244 .home-intro-panel .hero-inner{padding-top:0!important} body[data-page="home"].studio-v244 .home-intro-panel .hero-btns{gap:9px!important;margin-top:0!important} body[data-page="home"].studio-v244 .home-intro-panel .hero-btns .btn{ min-height:56px!important;border-radius:999px!important;font-weight:780!important;box-shadow:none!important;transition:transform .2s ease,filter .2s ease!important; } body[data-page="home"].studio-v244 .home-intro-panel .hero-btns .btn:first-child{ background:linear-gradient(105deg,var(--v244-pink),var(--v244-pink-deep))!important;border-color:rgba(255,126,155,.48)!important; box-shadow:0 14px 34px rgba(215,28,72,.15)!important; } body[data-page="home"].studio-v244 .home-intro-panel .hero-btns .btn:last-child{ background:linear-gradient(145deg,rgba(10,17,26,.95),rgba(5,10,16,.96))!important;border-color:rgba(199,218,235,.23)!important; } @media(hover:hover) and (pointer:fine){body[data-page="home"].studio-v244 .hero-btns .btn:hover{transform:translateY(-2px)!important;filter:brightness(1.07)}} /* Stats — cleaner visual hierarchy with category colors. */ body[data-page="home"].studio-v244 #statsSection{padding-top:8px!important} body[data-page="home"].studio-v244 .stat-box{ position:relative!important;overflow:hidden!important; background:linear-gradient(145deg,rgba(11,19,29,.98),rgba(5,10,17,.98))!important; border:1px solid rgba(141,175,205,.18)!important;border-radius:21px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important; } body[data-page="home"].studio-v244 .stat-box::before{ content:"";position:absolute;inset-inline:14px;top:0;height:2px;border-radius:10px;background:var(--v244-cyan);opacity:.5; } body[data-page="home"].studio-v244 .stat-box:nth-child(2)::before{background:var(--v244-pink)} body[data-page="home"].studio-v244 .stat-box:nth-child(3)::before{background:var(--v244-teal)} body[data-page="home"].studio-v244 .stat-box:nth-child(4)::before{background:var(--v244-purple)} body[data-page="home"].studio-v244 .stat-box h3{font-weight:880!important;letter-spacing:-.04em!important;font-variant-numeric:tabular-nums!important} body[data-page="home"].studio-v244 .stat-box p{color:#98a5b3!important} body[data-page="home"].studio-v244 .stat-icon{background:rgba(255,255,255,.025)!important;border:1px solid currentColor!important} body[data-page="home"].studio-v244 .stat-box:nth-child(1) .stat-icon{color:var(--v244-cyan)!important} body[data-page="home"].studio-v244 .stat-box:nth-child(2) .stat-icon{color:var(--v244-pink)!important} body[data-page="home"].studio-v244 .stat-box:nth-child(3) .stat-icon{color:var(--v244-teal)!important} body[data-page="home"].studio-v244 .stat-box:nth-child(4) .stat-icon{color:var(--v244-purple)!important} /* Home lower sections — more editorial, fewer boxed islands. */ body[data-page="home"].studio-v244 :is(#featuredSection,#aboutPreviewSection,#servicesV2,#reviewsV2,.client-tools){ border-top:1px solid rgba(143,175,204,.12)!important; } body[data-page="home"].studio-v244 :is(.section-title,.v2-heading h2){letter-spacing:-.035em!important} body[data-page="home"].studio-v244 .section-title::before, body[data-page="home"].studio-v244 .v2-heading h2::before{ content:"";display:inline-block;width:34px;height:3px;margin-inline-end:12px;vertical-align:middle;border-radius:4px;background:linear-gradient(90deg,var(--v244-cyan),transparent); } body[data-page="home"].studio-v244 .featured-grid{gap:12px!important} body[data-page="home"].studio-v244 .featured-item{border-radius:22px!important;overflow:hidden!important;border-color:rgba(143,175,204,.16)!important} body[data-page="home"].studio-v244 .featured-item img{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .35s ease!important} @media(hover:hover) and (pointer:fine){body[data-page="home"].studio-v244 .featured-item:hover img{transform:scale(1.035)!important;filter:brightness(1.06)!important}} body[data-page="home"].studio-v244 .about-preview{border-radius:28px!important;border-color:rgba(143,175,204,.15)!important;background:linear-gradient(145deg,rgba(10,17,27,.86),rgba(5,10,16,.78))!important} body[data-page="home"].studio-v244 .services-v2{gap:0!important;border-top:1px solid var(--v244-line)!important;border-bottom:1px solid var(--v244-line)!important} body[data-page="home"].studio-v244 .service-v2{border-radius:0!important;border:0!important;border-inline-start:1px solid var(--v244-line)!important;background:transparent!important;box-shadow:none!important} body[data-page="home"].studio-v244 .service-v2:last-child{border-inline-start:0!important} body[data-page="home"].studio-v244 .quote-v2{background:rgba(8,14,22,.58)!important;border-color:rgba(143,175,204,.14)!important;box-shadow:none!important} body[data-page="home"].studio-v244 .tool-card{background:rgba(8,14,22,.58)!important;border-color:rgba(143,175,204,.14)!important;box-shadow:none!important} /* INNER PAGE SYSTEM — unify hero, toolbar, media rhythm across all public pages. */ body.studio-v244 :is(.hero-v3,.hero,.yt-hero,.featured-showcase,.insta20-hero,.studio20-blog-hero){ border-color:rgba(143,177,207,.16)!important;box-shadow:none!important; } body.studio-v244 :is(.hero-v3-card,.hero-card,.yt-featured,.featured-showcase,.portrait,.story,.panel,.tool-card){ border-color:rgba(143,177,207,.16)!important;box-shadow:none!important; } body.studio-v244 :is(.eyebrow,.yt-kicker,.studio-page-kicker,.v2-kicker){color:#7ad8fb!important;letter-spacing:.16em!important} body.studio-v244 :is(.page-header,.yt-toolbar,.toolbar,.archive-stats){border-color:rgba(143,177,207,.13)!important} body.studio-v244 :is(.filter-btn,.view-btn,.hero-action,.hero-btn,.yt-btn,.btn-secondary-v2,.sort-btn,.icon-btn-v2,.action){ transition:transform .18s ease,border-color .18s ease,background .18s ease!important; } @media(hover:hover) and (pointer:fine){ body.studio-v244 :is(.filter-btn,.view-btn,.hero-action,.hero-btn,.yt-btn,.btn-secondary-v2,.sort-btn,.icon-btn-v2,.action):hover{transform:translateY(-2px)} } /* Gallery — image-first archive. */ body[data-page="gallery"].studio-v244 .gallery-grid{gap:12px!important} body[data-page="gallery"].studio-v244 .gallery-item{border-radius:20px!important;border-color:rgba(143,177,207,.15)!important;box-shadow:none!important;background:#071019!important;overflow:hidden!important} body[data-page="gallery"].studio-v244 .gallery-item img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease!important} @media(hover:hover) and (pointer:fine){body[data-page="gallery"].studio-v244 .gallery-item:hover img{transform:scale(1.025)!important;filter:brightness(1.05)!important}} /* Videos — user preference: media only, no names/descriptions beneath cards. */ body[data-page="videos"].studio-v244 .video-grid{gap:12px!important} body[data-page="videos"].studio-v244 .video-card{min-height:0!important;border-radius:22px!important;background:#071019!important;border-color:rgba(143,177,207,.16)!important;box-shadow:none!important;overflow:hidden!important} body[data-page="videos"].studio-v244 .video-info{display:none!important} body[data-page="videos"].studio-v244 .video-thumb, body[data-page="videos"].studio-v244 .video-card:nth-child(7n+1) .video-thumb, body[data-page="videos"].studio-v244 .video-card:nth-child(7n+5) .video-thumb{height:auto!important;aspect-ratio:16/10!important} body[data-page="videos"].studio-v244 .video-badge{background:rgba(3,8,14,.64)!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(8px)!important} body[data-page="videos"].studio-v244 .play-orb{box-shadow:0 12px 34px rgba(0,0,0,.26)!important} /* YouTube / Music / Stories / Blog — stronger page character but same system. */ body[data-page="youtube"].studio-v244 .yt-featured{border-radius:26px!important;overflow:hidden!important} body[data-page="youtube"].studio-v244 .yt-card{border-color:rgba(143,177,207,.15)!important;box-shadow:none!important;border-radius:20px!important} body[data-page="music"].studio-v244 .featured-showcase{border-radius:30px!important;background:radial-gradient(circle at 22% 20%,rgba(56,189,242,.09),transparent 38%),linear-gradient(145deg,#0a131e,#050a10)!important} body[data-page="music"].studio-v244 :is(.track-card,.playlist-item,.music-card){border-color:rgba(143,177,207,.15)!important;box-shadow:none!important} body[data-page="stories"].studio-v244 .story-card{border-radius:22px!important;overflow:hidden!important;border-color:rgba(143,177,207,.15)!important} body[data-page="instagram"].studio-v244 .insta20-item{border-radius:18px!important;overflow:hidden!important;border-color:rgba(143,177,207,.14)!important} body[data-page="blog"].studio-v244 .studio20-article{border-color:rgba(143,177,207,.14)!important;box-shadow:none!important} body[data-page="feed"].studio-v244 .post{border-color:rgba(143,177,207,.14)!important;box-shadow:none!important} /* Downloader / client / private views. */ body.studio-v244 :is(.workspace,.form-panel,.auth-wall,.box){border-color:rgba(143,177,207,.16)!important;box-shadow:none!important} body.studio-v244 :is(input,textarea,select){border-color:rgba(143,177,207,.20)!important} body.studio-v244 :is(input,textarea,select):focus{border-color:rgba(56,189,242,.62)!important;box-shadow:0 0 0 3px rgba(56,189,242,.08)!important} /* Admin — calmer control center, less visual noise. */ body.admin-body.studio-v244{background:#04080d!important} body.admin-body.studio-v244 .sidebar{background:#07101a!important;border-color:rgba(143,177,207,.14)!important;box-shadow:none!important} body.admin-body.studio-v244 :is(.admin-card,.panel,.settings-card,.stat-card,.module-card){border-color:rgba(143,177,207,.15)!important;box-shadow:none!important} body.admin-body.studio-v244 :is(.btn-action,button.primary,.save-btn){box-shadow:none!important} body.admin-body.studio-v244 .nav-link.active{background:rgba(56,189,242,.10)!important;color:#dff7ff!important} /* Footer — compact finish, no page-name clutter. */ body.studio-v244 footer{border-top:1px solid rgba(143,177,207,.12)!important;background:transparent!important} body.studio-v244 footer :is(.footer-links,.footer-nav,.page-links){display:none!important} body.studio-v244 footer .social-btn{border-color:rgba(143,177,207,.18)!important;background:rgba(8,14,22,.62)!important;box-shadow:none!important} /* Mobile precision. */ @media(max-width:900px){ body.studio-v244{padding-bottom:calc(98px + var(--v244-safe))!important;scroll-padding-bottom:calc(98px + var(--v244-safe))!important} body.studio-v244 #scrollTopBtn{display:none!important} body.studio-v244 .v242-mobile-dock{ height:68px!important;inset-inline:12px!important;bottom:max(8px,var(--v244-safe))!important;padding:5px!important; border-radius:21px!important;background:rgba(4,10,17,.95)!important;border:1px solid rgba(139,176,208,.22)!important; box-shadow:0 18px 44px rgba(0,0,0,.34)!important;backdrop-filter:blur(20px) saturate(1.12)!important; } body.studio-v244 .v242-mobile-dock a{border-radius:15px!important;gap:3px!important;font-size:.63rem!important;color:#9da9b5!important} body.studio-v244 .v242-mobile-dock a svg{width:20px!important;height:20px!important} body.studio-v244 .v242-mobile-dock a.active{color:#fff!important;background:linear-gradient(180deg,rgba(28,101,132,.62),rgba(7,42,59,.86))!important} body.studio-v244 .v242-mobile-dock a.active::after{content:"";position:absolute;bottom:4px;width:18px;height:2px;border-radius:3px;background:var(--v244-cyan)} body.studio-v244 .v242-mobile-dock a{position:relative!important} body.studio-v244 :is(.v242-menu-sheet,.v242-search-box){border-radius:24px!important;border-color:rgba(143,177,207,.20)!important;background:#08111b!important;box-shadow:0 28px 80px rgba(0,0,0,.46)!important} } @media(max-width:700px){ body[data-page="home"].studio-v244 #heroSlider{ width:calc(100% - 24px)!important;height:clamp(420px,55svh,505px)!important;margin:9px auto 8px!important;border-radius:22px!important; } body[data-page="home"].studio-v244 #heroSlider .slide, body[data-page="home"].studio-v244 #heroSlider .slide img{object-position:65% 45%!important;background-position:65% 45%!important} body[data-page="home"].studio-v244 #heroSlider .slide::after{ background:linear-gradient(90deg,rgba(3,8,14,.91) 0%,rgba(3,8,14,.67) 38%,rgba(3,8,14,.13) 75%,rgba(3,8,14,.025) 100%),linear-gradient(180deg,transparent 58%,rgba(3,8,14,.46))!important; } body[data-page="home"].studio-v244 .v242-hero-copy{inset-inline-start:28px!important;top:42%!important;width:min(74%,325px)!important} body[data-page="home"].studio-v244 .v242-hero-copy .hero-title{font-size:clamp(1.82rem,8.4vw,2.45rem)!important;line-height:1.18!important;margin-bottom:8px!important} body[data-page="home"].studio-v244 .v242-hero-copy .hero-desc{font-size:.79rem!important;line-height:1.72!important;max-width:255px!important;margin-bottom:12px!important} body[data-page="home"].studio-v244 .v242-hero-mini{min-height:42px!important;padding:0 13px!important;font-size:.75rem!important;border-radius:13px!important} body[data-page="home"].studio-v244 #heroSlider .slider-arrow{width:38px!important;height:38px!important} body[data-page="home"].studio-v244 #heroSlider .slider-prev{right:-2px!important} body[data-page="home"].studio-v244 #heroSlider .slider-next{left:-2px!important} body[data-page="home"].studio-v244 #heroSlider .slider-bottom{bottom:13px!important} body[data-page="home"].studio-v244 #heroSlider .thumb-dot{width:26px!important} body[data-page="home"].studio-v244 #heroSlider .thumb-dot.active{width:39px!important} body[data-page="home"].studio-v244 .home-intro-panel{width:calc(100% - 24px)!important;padding-bottom:8px!important} body[data-page="home"].studio-v244 .home-intro-panel .hero-btns{gap:8px!important} body[data-page="home"].studio-v244 .home-intro-panel .hero-btns .btn{min-height:54px!important;font-size:.91rem!important} body[data-page="home"].studio-v244 #statsSection{padding:7px 12px 18px!important} body[data-page="home"].studio-v244 .stats-section{gap:9px!important} body[data-page="home"].studio-v244 .stat-box{min-height:134px!important;padding:13px 12px!important;border-radius:18px!important} body[data-page="home"].studio-v244 .stat-icon{width:47px!important;height:47px!important;border-radius:14px!important;margin-bottom:8px!important} body[data-page="home"].studio-v244 .stat-icon svg{width:23px!important;height:23px!important} body[data-page="home"].studio-v244 .stat-box h3{font-size:2.2rem!important} body[data-page="home"].studio-v244 .stat-box p{font-size:.71rem!important;margin-top:4px!important} body[data-page="home"].studio-v244 :is(#featuredSection,#aboutPreviewSection,#servicesV2,#reviewsV2,.client-tools){padding-top:34px!important;margin-top:18px!important} body[data-page="home"].studio-v244 .section-title::before, body[data-page="home"].studio-v244 .v2-heading h2::before{width:24px;height:2px;margin-inline-end:8px} body[data-page="home"].studio-v244 .services-v2{display:block!important} body[data-page="home"].studio-v244 .service-v2{border-inline-start:0!important;border-bottom:1px solid var(--v244-line)!important;padding-block:20px!important} body[data-page="home"].studio-v244 .service-v2:last-child{border-bottom:0!important} body[data-page="videos"].studio-v244 .video-thumb, body[data-page="videos"].studio-v244 .video-card:nth-child(7n+1) .video-thumb, body[data-page="videos"].studio-v244 .video-card:nth-child(7n+5) .video-thumb{aspect-ratio:16/10!important;height:auto!important} body.studio-v244 :is(.gallery-grid,.video-grid,.yt-grid,.stories,.insta20-grid,.studio20-blog-grid){gap:10px!important} body.studio-v244 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item,.studio20-article){border-radius:17px!important} body.studio-v244 :is(.filter-btn,.view-btn,.hero-action,.hero-btn,.yt-btn,.btn-secondary-v2,.sort-btn,.icon-btn-v2,.action){min-height:44px!important} } @media(max-width:390px){ body[data-page="home"].studio-v244 #heroSlider{height:412px!important} body[data-page="home"].studio-v244 .v242-hero-copy{inset-inline-start:24px!important;width:76%!important} body[data-page="home"].studio-v244 .v242-hero-copy .hero-title{font-size:1.68rem!important} body[data-page="home"].studio-v244 .v242-hero-copy .hero-desc{font-size:.74rem!important} body[data-page="home"].studio-v244 .stat-box{min-height:128px!important;padding:12px 10px!important} } /* Reveal polish — progressive enhancement only. */ body.studio-v244.v244-motion-ready .v244-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)} body.studio-v244.v244-motion-ready .v244-reveal.v244-in{opacity:1;transform:none} body.studio-v244 .v244-loaded{animation:v244media .35s ease both} @keyframes v244media{from{opacity:.72}to{opacity:1}} @media(prefers-reduced-motion:reduce){ body.studio-v244 *,body.studio-v244 *::before,body.studio-v244 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} body.studio-v244 .v244-reveal{opacity:1!important;transform:none!important} } body.studio-v244.v244-save-data *{backdrop-filter:none!important} ; /* SOURCE: studio245.css?v=26.3.0 */ /* Ali963sy Studio v24.5.0 — Cinematic Flow & Interface Cleanup */ :root{ --v245-bg:#02060b; --v245-panel:#07101a; --v245-panel-2:#0a1521; --v245-text:#f7fafc; --v245-muted:#95a4b4; --v245-line:rgba(151,185,214,.15); --v245-line-2:rgba(151,185,214,.26); --v245-cyan:#42c3f4; --v245-cyan-soft:rgba(66,195,244,.11); --v245-pink:#ff315d; --v245-pink-2:#d51d49; --v245-purple:#9f70ff; --v245-teal:#35c5d9; --v245-radius:22px; --v245-section-space:clamp(42px,7vw,92px); --v245-safe:env(safe-area-inset-bottom,0px); } html[data-studio-version="24.5.0"]{background:var(--v245-bg)} body.studio-v245{ --primary:var(--v245-cyan)!important; --accent:var(--v245-cyan)!important; color:var(--v245-text)!important; background: radial-gradient(920px 560px at 82% -5%,rgba(66,195,244,.055),transparent 68%), radial-gradient(760px 540px at 8% 40%,rgba(255,49,93,.025),transparent 72%), linear-gradient(180deg,#02060b 0%,#03080e 48%,#02060b 100%)!important; } body.studio-v245 main{isolation:isolate} body.studio-v245 :is(h1,h2,h3,.section-title){text-wrap:balance;letter-spacing:-.03em} body.studio-v245 :is(p,.hero-desc,.section-subtitle){text-wrap:pretty} body.studio-v245 :focus-visible{outline:2px solid var(--v245-cyan)!important;outline-offset:4px!important} body.studio-v245 :is(img,video){background:#06101a} body.studio-v245 :is(.back-to-top,.scroll-top,.scrollTop,.floating-top,.float-top,.page-fab,.floating-action,#scrollTopBtn,.admin-float,.admin-fab){display:none!important} body.studio-v245 #marqueeSection,body.studio-v245 .marquee-container{display:none!important} /* One calm header system. */ body.studio-v245 :is(header#mainHeader,.v242-site-head){ background:rgba(2,7,12,.92)!important; border-color:rgba(151,185,214,.13)!important; box-shadow:0 1px 0 rgba(255,255,255,.015)!important; backdrop-filter:blur(18px) saturate(1.12)!important; } body.studio-v245 :is(.v242-head-btn,header#mainHeader .menu-btn){ border:1px solid var(--v245-line)!important; background:#07111b!important; box-shadow:none!important; } @media(hover:hover) and (pointer:fine){ body.studio-v245 :is(.v242-head-btn,header#mainHeader .menu-btn):hover{border-color:rgba(66,195,244,.45)!important;background:#0a1825!important;transform:translateY(-1px)} } /* HOME: slider and content should read as one continuous composition. */ body[data-page="home"].studio-v245 #heroSlider{ width:min(1380px,calc(100% - 40px))!important; height:auto!important; min-height:0!important; aspect-ratio:16/7.6!important; margin:18px auto 7px!important; border-radius:28px!important; border:1px solid rgba(153,188,217,.20)!important; box-shadow:0 28px 76px rgba(0,0,0,.30)!important; background:#06101a!important; overflow:hidden!important; } body[data-page="home"].studio-v245 #heroSlider .slide, body[data-page="home"].studio-v245 #heroSlider .slide img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important} body[data-page="home"].studio-v245 #heroSlider .slide::after{ background: linear-gradient(90deg,rgba(2,7,12,.78) 0%,rgba(2,7,12,.42) 34%,rgba(2,7,12,.08) 67%,rgba(2,7,12,.015) 100%), linear-gradient(180deg,rgba(2,7,12,.01) 48%,rgba(2,7,12,.38) 100%)!important; } body[data-page="home"].studio-v245 .v242-hero-copy{ top:50%!important;transform:translateY(-50%)!important; inset-inline-start:clamp(34px,5vw,76px)!important; width:min(44%,560px)!important; filter:none!important;text-shadow:0 4px 26px rgba(0,0,0,.58)!important; } body[data-page="home"].studio-v245 .v242-hero-copy .hero-badge{ display:inline-flex!important;align-items:center!important;min-height:30px!important; background:rgba(3,10,17,.34)!important;border:1px solid rgba(66,195,244,.22)!important; color:#a6e8ff!important;border-radius:999px!important;padding:5px 10px!important; } body[data-page="home"].studio-v245 .v242-hero-copy .hero-title{ font-size:clamp(2.5rem,5vw,5.5rem)!important;line-height:1.02!important; font-weight:900!important;letter-spacing:-.055em!important;margin:12px 0 12px!important; } body[data-page="home"].studio-v245 .v242-hero-copy .hero-desc{ max-width:520px!important;color:rgba(233,239,245,.80)!important;line-height:1.8!important; font-size:clamp(.94rem,1.25vw,1.12rem)!important;margin-bottom:16px!important; } body[data-page="home"].studio-v245 .v242-hero-mini{ min-height:44px!important;padding:0 16px!important;border-radius:14px!important; color:#f7fcff!important;background:rgba(4,12,19,.46)!important;border:1px solid rgba(66,195,244,.52)!important;box-shadow:none!important; } body[data-page="home"].studio-v245 #heroSlider .slider-arrow{ width:44px!important;height:44px!important;background:rgba(3,9,15,.52)!important; border:1px solid rgba(220,234,245,.20)!important;box-shadow:none!important;opacity:.86!important; } body[data-page="home"].studio-v245 #heroSlider .slider-bottom{bottom:15px!important} body[data-page="home"].studio-v245 #heroSlider .slider-thumbs{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;gap:7px!important} body[data-page="home"].studio-v245 #heroSlider .thumb-dot{height:3px!important;width:30px!important;border-radius:99px!important;background:rgba(228,238,246,.31)!important} body[data-page="home"].studio-v245 #heroSlider .thumb-dot.active{width:54px!important;background:var(--v245-cyan)!important;box-shadow:none!important} /* CTA sits immediately below the slider; no dead zone. */ body[data-page="home"].studio-v245 .home-intro-panel{ width:min(1380px,calc(100% - 40px))!important;margin:0 auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important; } body[data-page="home"].studio-v245 .home-intro-panel .hero-inner{max-width:none!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important} body[data-page="home"].studio-v245 .home-intro-panel :is(.hero-badge,.hero-title,.hero-desc){display:none!important} body[data-page="home"].studio-v245 .home-intro-panel .hero-btns{ display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:8px!important;margin:0!important;padding:0!important; } body[data-page="home"].studio-v245 .home-intro-panel .hero-btns .btn{ min-height:56px!important;border-radius:17px!important;font-weight:830!important;font-size:.95rem!important;box-shadow:none!important; } body[data-page="home"].studio-v245 .home-intro-panel .hero-btns .btn:first-child{ background:linear-gradient(105deg,var(--v245-pink),var(--v245-pink-2))!important;border-color:rgba(255,129,158,.40)!important; } body[data-page="home"].studio-v245 .home-intro-panel .hero-btns .btn:last-child{ background:#07111b!important;border-color:rgba(151,185,214,.20)!important; } /* Stats: lower height, more legible, no button-like appearance. */ body[data-page="home"].studio-v245 #statsSection{padding:10px 20px 0!important;margin:0 auto!important;max-width:1420px!important} body[data-page="home"].studio-v245 .stats-section{gap:9px!important} body[data-page="home"].studio-v245 .stat-box{ min-height:116px!important;padding:15px 16px!important;border-radius:18px!important; display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:12px!important; background:linear-gradient(145deg,rgba(9,18,28,.96),rgba(4,10,16,.98))!important; border:1px solid rgba(151,185,214,.14)!important;box-shadow:none!important; } body[data-page="home"].studio-v245 .stat-box::before{inset-inline:15px!important;opacity:.38!important} body[data-page="home"].studio-v245 .stat-icon{grid-column:2!important;grid-row:1/3!important;width:50px!important;height:50px!important;margin:0!important;border-radius:15px!important;background:rgba(255,255,255,.02)!important} body[data-page="home"].studio-v245 .stat-box h3{grid-column:1!important;grid-row:1!important;align-self:end!important;font-size:clamp(2.1rem,4vw,3.4rem)!important;line-height:.9!important;margin:0!important} body[data-page="home"].studio-v245 .stat-box p{grid-column:1!important;grid-row:2!important;align-self:start!important;margin:7px 0 0!important;color:#9aa7b4!important;font-size:.78rem!important} /* A consistent editorial cadence for home sections. */ body[data-page="home"].studio-v245 :is(#featuredSection,#aboutPreviewSection,#servicesV2,#reviewsV2,.client-tools){ margin-top:var(--v245-section-space)!important;padding-top:clamp(28px,4vw,48px)!important;border-top:1px solid rgba(151,185,214,.11)!important; } body[data-page="home"].studio-v245 :is(.section-title,.v2-heading h2){font-size:clamp(1.9rem,4.7vw,4.7rem)!important;line-height:1.05!important;font-weight:900!important} body[data-page="home"].studio-v245 :is(.section-subtitle,.v2-heading p){max-width:760px!important;color:#8f9dac!important} body[data-page="home"].studio-v245 .featured-grid{ display:grid!important;grid-template-columns:1.25fr .75fr .75fr!important;grid-auto-rows:minmax(220px,29vw)!important;gap:10px!important; } body[data-page="home"].studio-v245 .featured-card, body[data-page="home"].studio-v245 .featured-item{position:relative!important;border-radius:22px!important;border:1px solid rgba(151,185,214,.13)!important;overflow:hidden!important;box-shadow:none!important;background:#06101a!important} body[data-page="home"].studio-v245 .featured-card:first-child, body[data-page="home"].studio-v245 .featured-item:first-child{grid-row:span 2!important} body[data-page="home"].studio-v245 .featured-img-box{height:100%!important;min-height:100%!important} body[data-page="home"].studio-v245 .featured-content{position:absolute!important;inset-inline:0!important;bottom:0!important;z-index:4!important;background:linear-gradient(180deg,transparent,rgba(2,7,12,.82))!important;padding:54px 18px 16px!important} body[data-page="home"].studio-v245 .about-preview{border-radius:26px!important;background:linear-gradient(145deg,rgba(8,17,27,.76),rgba(3,9,15,.76))!important;border-color:rgba(151,185,214,.13)!important;box-shadow:none!important} body[data-page="home"].studio-v245 .services-v2{border-color:rgba(151,185,214,.12)!important} body[data-page="home"].studio-v245 .service-v2{padding:clamp(24px,4vw,48px)!important;background:transparent!important;box-shadow:none!important} body[data-page="home"].studio-v245 .quote-v2, body[data-page="home"].studio-v245 .tool-card{background:rgba(6,13,21,.46)!important;border-color:rgba(151,185,214,.12)!important;box-shadow:none!important} /* INNER PAGES: bigger media, less chrome, stronger hierarchy. */ body.studio-v245 :is(.hero-v3,.hero,.yt-hero,.featured-showcase,.insta20-hero,.studio20-blog-hero){ border-radius:26px!important;border-color:rgba(151,185,214,.14)!important;box-shadow:none!important;background-color:rgba(5,12,20,.55)!important; } body.studio-v245 :is(.gallery-toolbar-shell,.toolbar-shell,.yt-toolbar,.library-toolbar,.toolbar){ border-color:rgba(151,185,214,.12)!important;box-shadow:none!important;background:rgba(5,12,20,.74)!important;backdrop-filter:blur(16px)!important; } body[data-page="gallery"].studio-v245 .gallery-grid{gap:9px!important} body[data-page="gallery"].studio-v245 .gallery-item{border-radius:18px!important;border-color:rgba(151,185,214,.12)!important;box-shadow:none!important} body[data-page="gallery"].studio-v245 .gallery-overlay{background:linear-gradient(180deg,transparent 58%,rgba(2,6,11,.42))!important} body[data-page="videos"].studio-v245 .video-grid{gap:10px!important} body[data-page="videos"].studio-v245 .video-card{border-radius:18px!important;border:1px solid rgba(151,185,214,.12)!important;background:#050d15!important;box-shadow:none!important} body[data-page="videos"].studio-v245 .video-info{display:none!important} body[data-page="videos"].studio-v245 .video-thumb{aspect-ratio:16/9!important;height:auto!important} body[data-page="videos"].studio-v245 .video-card:first-child{grid-column:span 2!important} body[data-page="videos"].studio-v245 .video-card:first-child .video-thumb{aspect-ratio:21/9!important} body[data-page="youtube"].studio-v245 .yt-card{border-radius:18px!important;border-color:rgba(151,185,214,.12)!important;box-shadow:none!important;background:#06101a!important} body[data-page="youtube"].studio-v245 .yt-featured{border-radius:26px!important;border:1px solid rgba(151,185,214,.13)!important;background:#06101a!important} body[data-page="music"].studio-v245 .featured-showcase{border-radius:28px!important;border:1px solid rgba(151,185,214,.13)!important;box-shadow:none!important;background:radial-gradient(circle at 20% 18%,rgba(66,195,244,.075),transparent 40%),linear-gradient(145deg,#08131e,#040a10)!important} body[data-page="music"].studio-v245 :is(.track-card,.playlist-item,.music-card){border-radius:18px!important;border-color:rgba(151,185,214,.12)!important;box-shadow:none!important} body[data-page="music"].studio-v245 .player-bar{border-color:rgba(151,185,214,.16)!important;background:rgba(3,9,15,.94)!important;box-shadow:0 -18px 44px rgba(0,0,0,.22)!important} body[data-page="stories"].studio-v245 .stories{gap:10px!important} body[data-page="stories"].studio-v245 .story-card{border-radius:20px!important;border-color:rgba(151,185,214,.12)!important;box-shadow:none!important} body[data-page="instagram"].studio-v245 .insta20-grid{gap:8px!important} body[data-page="instagram"].studio-v245 .insta20-item{border-radius:17px!important;border-color:rgba(151,185,214,.11)!important;box-shadow:none!important} body[data-page="blog"].studio-v245 .studio20-blog-grid{gap:12px!important} body[data-page="blog"].studio-v245 .studio20-article{border-radius:20px!important;border-color:rgba(151,185,214,.12)!important;box-shadow:none!important} body[data-page="feed"].studio-v245 .post{border-radius:20px!important;border-color:rgba(151,185,214,.12)!important;box-shadow:none!important} /* Forms and delivery views: less glass, clearer controls. */ body.studio-v245 :is(.workspace,.form-panel,.auth-wall,.box,.secure){border-color:rgba(151,185,214,.14)!important;box-shadow:none!important;background:rgba(6,13,21,.72)!important} body.studio-v245 :is(input,textarea,select){border-color:rgba(151,185,214,.18)!important;background:rgba(3,9,15,.82)!important} body.studio-v245 :is(input,textarea,select):focus{border-color:rgba(66,195,244,.58)!important;box-shadow:0 0 0 3px rgba(66,195,244,.075)!important} /* Admin polish. */ body.admin-body.studio-v245{background:#03080d!important} body.admin-body.studio-v245 .sidebar{background:#06101a!important;border-color:rgba(151,185,214,.12)!important;box-shadow:none!important} body.admin-body.studio-v245 .nav-link{border-radius:11px!important} body.admin-body.studio-v245 .nav-link.active{background:rgba(66,195,244,.095)!important;color:#e3f8ff!important;box-shadow:inset 3px 0 0 var(--v245-cyan)!important} body.admin-body.studio-v245 :is(.glass-panel,.admin-card,.panel,.settings-card,.stat-card,.module-card,.section-box){border-color:rgba(151,185,214,.12)!important;box-shadow:none!important} body.admin-body.studio-v245 :is(.input-style,input,textarea,select){border-radius:12px!important} body.admin-body.studio-v245 :is(.btn-action,.btn-soft,.quick-link-btn,.pm-open){border-radius:12px!important;box-shadow:none!important} /* Footer — brand and socials only. */ body.studio-v245 footer{margin-top:var(--v245-section-space)!important;padding-top:34px!important;border-top:1px solid rgba(151,185,214,.11)!important;background:transparent!important} body.studio-v245 footer :is(.footer-links,.footer-nav,.page-links){display:none!important} body.studio-v245 footer .social-btn{background:#07111b!important;border-color:rgba(151,185,214,.16)!important;box-shadow:none!important} /* Mobile: approved compact sequence and one dock only. */ @media(max-width:900px){ body.studio-v245{padding-bottom:calc(86px + var(--v245-safe))!important;scroll-padding-bottom:calc(86px + var(--v245-safe))!important} body.studio-v245 .v242-mobile-dock{ height:64px!important;inset-inline:10px!important;bottom:max(7px,var(--v245-safe))!important; padding:4px!important;border-radius:20px!important;background:rgba(3,9,15,.95)!important; border:1px solid rgba(151,185,214,.19)!important;box-shadow:0 16px 40px rgba(0,0,0,.30)!important; } body.studio-v245 .v242-mobile-dock a{min-width:0!important;border-radius:15px!important;gap:2px!important;font-size:.61rem!important;color:#97a4b1!important} body.studio-v245 .v242-mobile-dock a svg{width:19px!important;height:19px!important} body.studio-v245 .v242-mobile-dock a.active{color:#fff!important;background:linear-gradient(180deg,rgba(34,112,145,.58),rgba(6,39,55,.78))!important} body.studio-v245 .v242-mobile-dock a.active::after{bottom:3px!important;height:2px!important;width:16px!important;background:var(--v245-cyan)!important} } @media(max-width:700px){ body[data-page="home"].studio-v245 #heroSlider{ width:calc(100% - 20px)!important;aspect-ratio:auto!important;height:clamp(350px,48svh,410px)!important; margin:8px auto 6px!important;border-radius:20px!important; } body[data-page="home"].studio-v245 #heroSlider .slide, body[data-page="home"].studio-v245 #heroSlider .slide img{object-position:66% 48%!important;background-position:66% 48%!important} body[data-page="home"].studio-v245 #heroSlider .slide::after{ background:linear-gradient(90deg,rgba(2,7,12,.83) 0%,rgba(2,7,12,.53) 40%,rgba(2,7,12,.10) 76%,rgba(2,7,12,.01) 100%),linear-gradient(180deg,transparent 58%,rgba(2,7,12,.34))!important; } body[data-page="home"].studio-v245 .v242-hero-copy{ top:49%!important;transform:translateY(-50%)!important;inset-inline-start:22px!important;width:min(76%,310px)!important; } body[data-page="home"].studio-v245 .v242-hero-copy .hero-badge{min-height:26px!important;padding:4px 8px!important;font-size:.66rem!important} body[data-page="home"].studio-v245 .v242-hero-copy .hero-title{font-size:clamp(1.72rem,8.2vw,2.3rem)!important;line-height:1.12!important;margin:8px 0 7px!important} body[data-page="home"].studio-v245 .v242-hero-copy .hero-desc{font-size:.76rem!important;line-height:1.68!important;max-width:238px!important;margin-bottom:10px!important} body[data-page="home"].studio-v245 .v242-hero-mini{min-height:39px!important;padding:0 12px!important;font-size:.72rem!important;border-radius:12px!important} body[data-page="home"].studio-v245 #heroSlider .slider-arrow{width:35px!important;height:35px!important;font-size:.85rem!important} body[data-page="home"].studio-v245 #heroSlider .slider-prev{right:3px!important} body[data-page="home"].studio-v245 #heroSlider .slider-next{left:3px!important} body[data-page="home"].studio-v245 #heroSlider .slider-bottom{bottom:11px!important} body[data-page="home"].studio-v245 #heroSlider .thumb-dot{width:23px!important;height:3px!important} body[data-page="home"].studio-v245 #heroSlider .thumb-dot.active{width:36px!important} body[data-page="home"].studio-v245 .home-intro-panel{width:calc(100% - 20px)!important} body[data-page="home"].studio-v245 .home-intro-panel .hero-btns{grid-template-columns:1fr!important;gap:6px!important} body[data-page="home"].studio-v245 .home-intro-panel .hero-btns .btn{min-height:49px!important;border-radius:16px!important;font-size:.86rem!important} body[data-page="home"].studio-v245 #statsSection{padding:8px 10px 0!important} body[data-page="home"].studio-v245 .stats-section{grid-template-columns:1fr 1fr!important;gap:7px!important} body[data-page="home"].studio-v245 .stat-box{min-height:106px!important;padding:12px 11px!important;border-radius:17px!important;gap:7px!important} body[data-page="home"].studio-v245 .stat-icon{width:43px!important;height:43px!important;border-radius:13px!important} body[data-page="home"].studio-v245 .stat-icon svg{width:21px!important;height:21px!important} body[data-page="home"].studio-v245 .stat-box h3{font-size:2rem!important} body[data-page="home"].studio-v245 .stat-box p{font-size:.67rem!important;margin-top:5px!important} body[data-page="home"].studio-v245 :is(#featuredSection,#aboutPreviewSection,#servicesV2,#reviewsV2,.client-tools){margin-top:38px!important;padding-top:26px!important} body[data-page="home"].studio-v245 :is(.section-title,.v2-heading h2){font-size:clamp(1.7rem,8vw,2.6rem)!important} body[data-page="home"].studio-v245 .featured-grid{grid-template-columns:1fr 1fr!important;grid-auto-rows:190px!important;gap:7px!important} body[data-page="home"].studio-v245 .featured-card:first-child, body[data-page="home"].studio-v245 .featured-item:first-child{grid-column:1/-1!important;grid-row:span 2!important} body[data-page="home"].studio-v245 .featured-card, body[data-page="home"].studio-v245 .featured-item{border-radius:17px!important} body[data-page="home"].studio-v245 .service-v2{padding:20px 0!important} body[data-page="videos"].studio-v245 .video-card:first-child{grid-column:1/-1!important} body[data-page="videos"].studio-v245 .video-card:first-child .video-thumb{aspect-ratio:16/9!important} body.studio-v245 :is(.gallery-grid,.video-grid,.yt-grid,.stories,.insta20-grid,.studio20-blog-grid){gap:8px!important} body.studio-v245 :is(.gallery-item,.video-card,.yt-card,.story-card,.insta20-item,.studio20-article){border-radius:16px!important} body.studio-v245 :is(.filter-btn,.view-btn,.hero-action,.hero-btn,.yt-btn,.btn-secondary-v2,.sort-btn,.icon-btn-v2,.action){min-height:44px!important} } @media(max-width:390px){ body[data-page="home"].studio-v245 #heroSlider{height:352px!important} body[data-page="home"].studio-v245 .v242-hero-copy{width:78%!important;inset-inline-start:19px!important} body[data-page="home"].studio-v245 .v242-hero-copy .hero-title{font-size:1.62rem!important} body[data-page="home"].studio-v245 .v242-hero-copy .hero-desc{font-size:.70rem!important;max-width:215px!important} body[data-page="home"].studio-v245 .stat-box{min-height:101px!important} } /* Motion is subtle, purposeful and optional. */ body.studio-v245.v245-motion-ready .v245-reveal{opacity:0;transform:translateY(12px);transition:opacity .48s ease,transform .48s cubic-bezier(.2,.7,.2,1)} body.studio-v245.v245-motion-ready .v245-reveal.v245-in{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){ body.studio-v245 *,body.studio-v245 *::before,body.studio-v245 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} body.studio-v245 .v245-reveal{opacity:1!important;transform:none!important} } body.studio-v245.v245-save-data *{backdrop-filter:none!important} ; /* SOURCE: studio246.css?v=26.3.0 */ /* Ali963sy Studio v24.6.0 — Mobile First Mastery */ :root{ --v246-cyan:#3cc4f4; --v246-pink:#ff3d68; --v246-line:rgba(151,185,214,.14); --v246-surface:#07111b; --v246-safe-bottom:env(safe-area-inset-bottom,0px); --v246-page-x:clamp(10px,3.6vw,18px); } html{overflow-x:hidden;scroll-padding-top:78px} body.studio-v246{overflow-x:clip;overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent} body.studio-v246 main{min-width:0} body.studio-v246 img,body.studio-v246 video{max-width:100%} body.studio-v246 :is(a,button,input,select,textarea){touch-action:manipulation} body.studio-v246 :is(a,button):focus-visible{outline:2px solid var(--v246-cyan)!important;outline-offset:3px!important} /* Hard stop for legacy controls that can overlap mobile content. */ body.studio-v246 :is(.back-to-top,.scroll-top,.scrollTop,.floating-top,.float-top,.page-fab,.floating-action,#scrollTopBtn,.admin-float,.admin-fab,.s23-version-chip){display:none!important} body.studio-v246 :is(.m214-dock,#s209Dock,.s23-mobile-dock,.v240-mobile-dock,.v241-mobile-dock){display:none!important;visibility:hidden!important;pointer-events:none!important} body[data-page="home"].studio-v246 :is(#marqueeSection,.marquee-container){display:none!important} /* Mobile-first public header + single bottom dock. */ @media(max-width:900px){ html{scroll-padding-top:68px} body.studio-v246{padding-bottom:calc(76px + var(--v246-safe-bottom))!important;scroll-padding-bottom:calc(78px + var(--v246-safe-bottom))!important} body.studio-v246 header#mainHeader, body.studio-v246 .v242-site-head{ position:sticky!important;top:0!important;z-index:6500!important; height:auto!important;padding:6px var(--v246-page-x)!important; background:rgba(3,9,15,.93)!important;border-bottom:1px solid rgba(151,185,214,.11)!important; backdrop-filter:blur(20px) saturate(1.18)!important;-webkit-backdrop-filter:blur(20px) saturate(1.18)!important; } body.studio-v246 header#mainHeader nav, body.studio-v246 .v242-site-head-inner{ width:100%!important;min-height:58px!important;height:58px!important;margin:0 auto!important;padding:0!important;gap:8px!important; } body.studio-v246 header#mainHeader .logo{min-width:0!important;gap:8px!important;font-size:.92rem!important} body.studio-v246 header#mainHeader .logo-icon, body.studio-v246 .v242-site-camera{width:36px!important;height:36px!important;border-radius:11px!important;flex:0 0 36px!important} body.studio-v246 .v242-site-brand{gap:8px!important;min-width:0!important} body.studio-v246 .v242-site-brand b{font-size:.91rem!important;max-width:145px!important} body.studio-v246 .v242-site-brand small{font-size:.64rem!important;margin-top:2px!important} body.studio-v246 .v242-header-tools, body.studio-v246 .v242-site-tools{gap:6px!important} body.studio-v246 :is(.v242-head-btn,header#mainHeader .menu-btn){width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;background:#07111b!important;border:1px solid rgba(151,185,214,.15)!important;box-shadow:none!important} body.studio-v246 :is(.v242-head-btn,header#mainHeader .menu-btn) svg{width:19px!important;height:19px!important} body.studio-v246 .v242-mobile-dock{ height:60px!important;inset-inline:8px!important;bottom:max(6px,var(--v246-safe-bottom))!important; padding:4px!important;border-radius:18px!important;background:rgba(3,9,15,.96)!important; border:1px solid rgba(151,185,214,.16)!important;box-shadow:0 12px 36px rgba(0,0,0,.34)!important; backdrop-filter:blur(18px) saturate(1.15)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important; } body.studio-v246 .v242-mobile-dock a{border-radius:14px!important;gap:1px!important;font-size:.57rem!important;line-height:1!important;color:#8f9dab!important;min-height:50px!important} body.studio-v246 .v242-mobile-dock a svg{width:18px!important;height:18px!important} body.studio-v246 .v242-mobile-dock a.active{background:linear-gradient(180deg,rgba(47,155,197,.42),rgba(5,34,48,.70))!important;color:#fff!important} body.studio-v246 .v242-mobile-dock a.active::after{width:14px!important;height:2px!important;bottom:2px!important;background:var(--v246-cyan)!important} /* Menu/search become bottom sheets: easier to reach with one hand. */ body.studio-v246 :is(.v242-menu-panel,.v242-search-panel){align-items:end!important;place-items:end center!important;padding:80px 8px max(8px,var(--v246-safe-bottom))!important;background:rgba(0,4,8,.70)!important} body.studio-v246 :is(.v242-menu-sheet,.v242-search-box){width:100%!important;max-height:min(72svh,620px)!important;border-radius:24px 24px 18px 18px!important;padding:14px!important;background:#07111b!important;border:1px solid rgba(151,185,214,.17)!important;box-shadow:0 -20px 60px rgba(0,0,0,.36)!important;overflow:auto!important} body.studio-v246 .v242-menu-grid{grid-template-columns:1fr 1fr!important;gap:7px!important} body.studio-v246 .v242-menu-grid a{min-height:46px!important;border-radius:13px!important;font-size:.80rem!important} body.studio-v246 .v242-search-row input{min-height:48px!important;font-size:16px!important} } /* HOME — compact, image-led first screen. */ @media(max-width:700px){ body[data-page="home"].studio-v246 #heroSlider{ width:calc(100% - 16px)!important;height:clamp(304px,43svh,360px)!important; margin:6px auto 5px!important;border-radius:18px!important;border-color:rgba(151,185,214,.13)!important;box-shadow:none!important; } body[data-page="home"].studio-v246 #heroSlider .slide, body[data-page="home"].studio-v246 #heroSlider .slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:68% 48%!important;background-position:68% 48%!important} body[data-page="home"].studio-v246 #heroSlider .slide::after{ background:linear-gradient(90deg,rgba(2,7,12,.84) 0%,rgba(2,7,12,.50) 42%,rgba(2,7,12,.08) 78%,rgba(2,7,12,.01) 100%),linear-gradient(180deg,rgba(2,7,12,.02) 58%,rgba(2,7,12,.38) 100%)!important; } body[data-page="home"].studio-v246 .v242-hero-copy{top:49%!important;inset-inline-start:18px!important;width:min(76%,290px)!important;transform:translateY(-50%)!important} body[data-page="home"].studio-v246 .v242-hero-copy .hero-badge{min-height:24px!important;padding:3px 8px!important;font-size:.61rem!important;border-radius:999px!important;margin:0 0 6px!important} body[data-page="home"].studio-v246 .v242-hero-copy .hero-title{font-size:clamp(1.55rem,7.6vw,2.18rem)!important;line-height:1.07!important;letter-spacing:-.045em!important;margin:4px 0 7px!important;max-width:250px!important} body[data-page="home"].studio-v246 .v242-hero-copy .hero-desc{font-size:.70rem!important;line-height:1.58!important;max-width:218px!important;margin:0 0 9px!important;color:rgba(234,240,246,.78)!important} body[data-page="home"].studio-v246 .v242-hero-mini{min-height:36px!important;padding:0 11px!important;font-size:.67rem!important;border-radius:11px!important;gap:6px!important} body[data-page="home"].studio-v246 #heroSlider .slider-arrow{width:31px!important;height:31px!important;font-size:.76rem!important;background:rgba(3,9,15,.42)!important;border-color:rgba(255,255,255,.15)!important;opacity:.72!important} body[data-page="home"].studio-v246 #heroSlider .slider-prev{right:2px!important} body[data-page="home"].studio-v246 #heroSlider .slider-next{left:2px!important} body[data-page="home"].studio-v246 #heroSlider .slider-bottom{bottom:9px!important} body[data-page="home"].studio-v246 #heroSlider .slider-thumbs{gap:5px!important} body[data-page="home"].studio-v246 #heroSlider .thumb-dot{width:18px!important;height:2px!important} body[data-page="home"].studio-v246 #heroSlider .thumb-dot.active{width:32px!important} body[data-page="home"].studio-v246 .home-intro-panel{width:calc(100% - 16px)!important;margin:0 auto!important} body[data-page="home"].studio-v246 .home-intro-panel .hero-btns{grid-template-columns:1fr!important;gap:5px!important} body[data-page="home"].studio-v246 .home-intro-panel .hero-btns .btn{min-height:46px!important;border-radius:14px!important;font-size:.82rem!important;padding-inline:14px!important} body[data-page="home"].studio-v246 #statsSection{padding:7px 8px 0!important;margin:0!important} body[data-page="home"].studio-v246 .stats-section{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} body[data-page="home"].studio-v246 .stat-box{min-height:92px!important;padding:10px 10px!important;border-radius:15px!important;gap:7px!important;background:linear-gradient(145deg,rgba(8,17,26,.92),rgba(4,10,16,.96))!important} body[data-page="home"].studio-v246 .stat-icon{width:39px!important;height:39px!important;border-radius:12px!important} body[data-page="home"].studio-v246 .stat-icon svg{width:18px!important;height:18px!important} body[data-page="home"].studio-v246 .stat-box h3{font-size:1.75rem!important;line-height:.9!important} body[data-page="home"].studio-v246 .stat-box p{font-size:.62rem!important;line-height:1.35!important;margin-top:4px!important} /* Editorial rhythm without huge vertical gaps. */ body[data-page="home"].studio-v246 :is(#featuredSection,#aboutPreviewSection,#servicesV2,#reviewsV2,.client-tools){width:calc(100% - 20px)!important;margin:30px auto 0!important;padding-top:20px!important} body[data-page="home"].studio-v246 :is(.section-title,.v2-heading h2){font-size:clamp(1.55rem,7.4vw,2.3rem)!important;line-height:1.06!important;letter-spacing:-.04em!important;margin-bottom:7px!important} body[data-page="home"].studio-v246 :is(.section-subtitle,.v2-heading p){font-size:.73rem!important;line-height:1.65!important;margin-top:6px!important} body[data-page="home"].studio-v246 .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:156px!important;gap:6px!important} body[data-page="home"].studio-v246 .featured-card:first-child, body[data-page="home"].studio-v246 .featured-item:first-child{grid-column:1/-1!important;grid-row:span 2!important} body[data-page="home"].studio-v246 .featured-card, body[data-page="home"].studio-v246 .featured-item{border-radius:15px!important} body[data-page="home"].studio-v246 .featured-content{padding:40px 12px 11px!important} body[data-page="home"].studio-v246 .featured-content h3{font-size:.86rem!important;margin:0!important} body[data-page="home"].studio-v246 .about-preview{display:grid!important;grid-template-columns:1fr!important;border-radius:18px!important;overflow:hidden!important} body[data-page="home"].studio-v246 .about-image{min-height:260px!important;aspect-ratio:4/3!important} body[data-page="home"].studio-v246 .about-image img{width:100%!important;height:100%!important;object-fit:cover!important} body[data-page="home"].studio-v246 .about-copy{padding:18px 4px 4px!important} body[data-page="home"].studio-v246 .about-points{grid-template-columns:1fr 1fr!important;gap:6px!important} body[data-page="home"].studio-v246 .about-point{padding:10px!important;border-radius:12px!important} body[data-page="home"].studio-v246 .about-point b{font-size:.75rem!important} body[data-page="home"].studio-v246 .about-point span{font-size:.65rem!important} body[data-page="home"].studio-v246 .services-v2{display:grid!important;grid-template-columns:1fr!important;gap:0!important} body[data-page="home"].studio-v246 .service-v2{padding:17px 0!important;border-radius:0!important;border-bottom:1px solid rgba(151,185,214,.10)!important} body[data-page="home"].studio-v246 .service-v2 h3{font-size:1rem!important;margin:6px 0!important} body[data-page="home"].studio-v246 .service-v2 p{font-size:.72rem!important;line-height:1.65!important} body[data-page="home"].studio-v246 .service-number{font-size:.62rem!important} body[data-page="home"].studio-v246 .testimonials-v2{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:7px!important;padding-bottom:6px!important;scrollbar-width:none!important} body[data-page="home"].studio-v246 .testimonials-v2::-webkit-scrollbar{display:none!important} body[data-page="home"].studio-v246 .quote-v2{flex:0 0 86%!important;scroll-snap-align:start!important;border-radius:16px!important;padding:16px!important;min-height:180px!important} /* Deferred rendering for heavy below-fold sections. */ body[data-page="home"].studio-v246 :is(#featuredSection,#aboutPreviewSection,#servicesV2,#reviewsV2,.client-tools){content-visibility:auto;contain-intrinsic-size:500px} } /* INNER PAGES — genuinely mobile layouts. */ @media(max-width:700px){ body.studio-v246 :is(.hero-v3,.hero,.yt-hero,.featured-showcase,.insta20-hero,.studio20-blog-hero){width:calc(100% - 16px)!important;margin:8px auto 0!important;padding-inline:0!important} body.studio-v246 :is(.hero-v3-card,.hero-card,.yt-hero,.featured-showcase,.insta20-hero,.studio20-blog-hero){min-height:0!important;border-radius:18px!important;padding:22px 18px!important} body.studio-v246 :is(.hero-v3 h1,.hero h1,.yt-hero h1,.insta20-hero h1,.studio20-blog-hero h1){font-size:clamp(1.85rem,9vw,2.75rem)!important;line-height:1.03!important;letter-spacing:-.045em!important} body.studio-v246 :is(.hero-v3 p,.hero p,.yt-hero p,.insta20-hero p,.studio20-blog-hero p){font-size:.76rem!important;line-height:1.7!important;margin-top:10px!important} body.studio-v246 :is(.hero-actions,.yt-actions){gap:6px!important;margin-top:14px!important} body.studio-v246 :is(.hero-action,.hero-btn,.yt-btn){min-height:43px!important;padding:0 13px!important;border-radius:13px!important;font-size:.74rem!important} /* Horizontal toolbars keep one-line controls instead of tall wrapped blocks. */ body.studio-v246 :is(.gallery-toolbar-shell,.toolbar-shell,.yt-toolbar,.library-toolbar){width:calc(100% - 16px)!important;margin:10px auto 12px!important;padding:0!important;position:relative!important;top:auto!important} body.studio-v246 :is(.gallery-toolbar,.toolbar,.yt-toolbar,.library-toolbar){padding:8px!important;border-radius:15px!important;gap:6px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important;flex-wrap:nowrap!important} body.studio-v246 :is(.gallery-toolbar,.toolbar,.yt-toolbar,.library-toolbar)::-webkit-scrollbar{display:none!important} body.studio-v246 :is(.toolbar-right,.toolbar-left,.toolbar-group){flex-wrap:nowrap!important;flex:0 0 auto!important;width:auto!important;gap:5px!important} body.studio-v246 :is(.filter-btn,.view-btn,.sort-btn,.icon-btn-v2,.action){min-height:40px!important;white-space:nowrap!important;border-radius:12px!important;font-size:.70rem!important;padding-inline:11px!important} /* Gallery: two-column visual wall, lead frame full width. */ body[data-page="gallery"].studio-v246 :is(.gallery-grid,.gallery-grid.compact,.gallery-grid.editorial){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0 8px 72px!important} body[data-page="gallery"].studio-v246 :is(.gallery-grid,.gallery-grid.compact,.gallery-grid.editorial) .gallery-item{grid-column:span 1!important;height:auto!important;aspect-ratio:4/5!important;border-radius:14px!important} body[data-page="gallery"].studio-v246 :is(.gallery-grid,.gallery-grid.compact,.gallery-grid.editorial) .gallery-item:first-child{grid-column:1/-1!important;aspect-ratio:16/10!important} body[data-page="gallery"].studio-v246 .gallery-item img{width:100%!important;height:100%!important;object-fit:cover!important} body[data-page="gallery"].studio-v246 .gallery-overlay{opacity:.68!important} /* Videos and YouTube: one clean cinematic column, no dead metadata panels. */ body[data-page="videos"].studio-v246 .video-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding-inline:8px!important} body[data-page="videos"].studio-v246 .video-card{grid-column:1/-1!important;border-radius:14px!important} body[data-page="videos"].studio-v246 .video-thumb{aspect-ratio:16/9!important} body[data-page="videos"].studio-v246 .video-info{display:none!important} body[data-page="youtube"].studio-v246 .yt-grid{grid-template-columns:1fr!important;gap:7px!important;padding-inline:8px!important} body[data-page="youtube"].studio-v246 .yt-card{border-radius:14px!important} body[data-page="youtube"].studio-v246 .yt-card-info{padding:10px 11px!important} body[data-page="youtube"].studio-v246 .yt-card-info h3{font-size:.82rem!important;line-height:1.35!important} body[data-page="youtube"].studio-v246 .yt-featured{width:calc(100% - 16px)!important;margin-inline:auto!important;border-radius:18px!important;overflow:hidden!important} /* Stories retain cinematic ratio in a compact two-column wall. */ body[data-page="stories"].studio-v246 .stories{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding-inline:8px!important} body[data-page="stories"].studio-v246 .story-card{border-radius:14px!important;aspect-ratio:9/16!important;min-height:0!important} /* Instagram becomes an efficient 3-column social wall. */ body[data-page="instagram"].studio-v246 .insta20{width:100%!important;margin-top:0!important} body[data-page="instagram"].studio-v246 .insta20-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;padding:0 5px 72px!important} body[data-page="instagram"].studio-v246 .insta20-item{aspect-ratio:1!important;border-radius:9px!important} body[data-page="instagram"].studio-v246 .insta20-item span{display:none!important} /* Blog/feed use readable compact cards instead of giant mobile panels. */ body[data-page="blog"].studio-v246 .studio20-blog-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding-inline:8px!important} body[data-page="blog"].studio-v246 .studio20-article{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;min-height:122px!important;border-radius:15px!important;overflow:hidden!important} body[data-page="blog"].studio-v246 .studio20-article-media{height:100%!important;min-height:122px!important} body[data-page="blog"].studio-v246 .studio20-article-copy{padding:11px!important} body[data-page="blog"].studio-v246 .studio20-article-copy h2{font-size:.94rem!important;line-height:1.35!important;margin:4px 0!important} body[data-page="blog"].studio-v246 .studio20-article-copy p{font-size:.67rem!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} body[data-page="blog"].studio-v246 .studio20-article-meta{font-size:.59rem!important} body[data-page="feed"].studio-v246 .grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important} body[data-page="feed"].studio-v246 .post,body[data-page="feed"].studio-v246 .post:nth-child(n){grid-column:span 1!important;min-height:0!important;aspect-ratio:4/5!important;border-radius:13px!important} body[data-page="feed"].studio-v246 .post:first-child{grid-column:1/-1!important;aspect-ratio:16/10!important} body[data-page="feed"].studio-v246 .post-info{inset-inline:9px!important;bottom:8px!important;font-size:.62rem!important} /* About: portrait first, typography second. */ body[data-page="about"].studio-v246 .hero{padding:22px 12px!important} body[data-page="about"].studio-v246 .portrait{width:100%!important;margin:10px auto 18px!important} body[data-page="about"].studio-v246 .portrait-card{border-radius:18px!important;transform:none!important;max-height:70svh!important} body[data-page="about"].studio-v246 .story{font-size:.82rem!important;line-height:1.9!important} /* Music: thumb-friendly compact library; player stays above dock. */ body[data-page="music"].studio-v246 .featured-showcase{width:calc(100% - 16px)!important;margin:8px auto 12px!important;border-radius:18px!important;padding:14px!important} body[data-page="music"].studio-v246 .playlist-grid{grid-template-columns:1fr!important;gap:6px!important;padding-inline:8px!important} body[data-page="music"].studio-v246 :is(.playlist-card,.track-card,.music-card){min-height:74px!important;border-radius:14px!important;padding:8px!important} body[data-page="music"].studio-v246 .player-bar{left:8px!important;right:8px!important;bottom:calc(70px + var(--v246-safe-bottom))!important;border-radius:17px!important;padding:8px 10px!important;box-shadow:0 14px 42px rgba(0,0,0,.40)!important} body[data-page="music"].studio-v246 .player-center-btns{gap:5px!important} body[data-page="music"].studio-v246 .player-center-btns button{width:39px!important;height:39px!important} /* Downloader / upload / private pages: one-column, no horizontal squeeze. */ body[data-page="downloader"].studio-v246 :is(.workspace,.box,.panel), body[data-page="upload"].studio-v246 :is(.workspace,.box,.panel), body[data-page="folder"].studio-v246 :is(.workspace,.box,.panel), body[data-page="client"].studio-v246 :is(.workspace,.box,.panel){width:calc(100% - 16px)!important;margin-inline:auto!important;padding:14px!important;border-radius:16px!important} body.studio-v246 :is(input,textarea,select){font-size:16px!important;min-height:46px!important;border-radius:12px!important} body.studio-v246 textarea{min-height:110px!important} /* Common viewer/modal controls respect safe areas. */ body.studio-v246 :is(.viewer,.lightbox,.yt-viewer,.insta20-view){padding:calc(10px + env(safe-area-inset-top,0px)) 8px calc(10px + var(--v246-safe-bottom))!important} body.studio-v246 :is(.viewer img,.lightbox img,.yt-viewer img,.insta20-view img){max-width:96vw!important;max-height:82svh!important;border-radius:14px!important} } /* Very small phones: preserve readability without forcing overflow. */ @media(max-width:390px){ :root{--v246-page-x:8px} body[data-page="home"].studio-v246 #heroSlider{width:calc(100% - 12px)!important;height:clamp(290px,42svh,334px)!important;border-radius:16px!important} body[data-page="home"].studio-v246 .v242-hero-copy{inset-inline-start:15px!important;width:77%!important} body[data-page="home"].studio-v246 .v242-hero-copy .hero-title{font-size:1.48rem!important} body[data-page="home"].studio-v246 .v242-hero-copy .hero-desc{font-size:.66rem!important;max-width:198px!important} body[data-page="home"].studio-v246 .home-intro-panel{width:calc(100% - 12px)!important} body[data-page="home"].studio-v246 .stat-box{min-height:88px!important;padding:9px!important} body[data-page="home"].studio-v246 .stat-icon{width:36px!important;height:36px!important} body[data-page="home"].studio-v246 .stat-box h3{font-size:1.58rem!important} body[data-page="home"].studio-v246 .stat-box p{font-size:.59rem!important} body[data-page="gallery"].studio-v246 :is(.gallery-grid,.gallery-grid.compact,.gallery-grid.editorial) .gallery-item{aspect-ratio:3/4!important} body[data-page="blog"].studio-v246 .studio20-article{grid-template-columns:104px minmax(0,1fr)!important} } @media(min-width:701px) and (max-width:1024px){ body.studio-v246 :is(.gallery-grid,.video-grid,.yt-grid,.stories,.insta20-grid){gap:10px!important} body[data-page="home"].studio-v246 #heroSlider{width:calc(100% - 28px)!important} } @media(prefers-reduced-motion:reduce){ body.studio-v246 *,body.studio-v246 *::before,body.studio-v246 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} } body.studio-v246.v246-save-data *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} ; /* SOURCE: studio250.css?v=26.3.0 */ /* Ali963sy Studio v25.0.0 — Exact Visual System */ :root{ --v25-cyan:#18b8f2; --v25-pink:#ff3d73; --v25-violet:#9b65ff; --v25-bg:#020912; --v25-surface:#07111d; --v25-surface-2:#0a1522; --v25-text:#f8fbff; --v25-muted:#9aa7b5; --v25-line:rgba(160,195,224,.18); --v25-radius:24px; --v25-gap:12px; --v25-page-x:clamp(10px,3.3vw,18px); --v25-font-scale:1; --v25-hero-mobile:455px; --v25-hero-desktop:720px; --v25-dock-h:66px; } html{background:var(--v25-bg);color-scheme:dark} body.studio-v250{ background: radial-gradient(900px 560px at 80% 0, color-mix(in srgb,var(--v25-cyan) 10%, transparent),transparent 62%), radial-gradient(760px 520px at 10% 42%,color-mix(in srgb,var(--v25-pink) 7%,transparent),transparent 70%), var(--v25-bg)!important; color:var(--v25-text)!important; font-size:calc(1rem * var(--v25-font-scale)); } body.studio-v250 *{box-sizing:border-box} body.studio-v250 ::selection{background:var(--v25-pink);color:#fff} body.studio-v250 :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent} body.studio-v250 :is(button,a):focus-visible{outline:2px solid var(--v25-cyan)!important;outline-offset:3px!important} body.studio-v250 :is(.marquee-container,#marqueeSection,#scrollTopBtn,.back-to-top,.scroll-top,.floating-action,.page-fab,.admin-fab){display:none!important} /* ---------- V25 HEADER ---------- */ body.studio-v250 .v25-header, body.studio-v250 .v242-site-head, body.studio-v250 header#mainHeader{ background:linear-gradient(180deg,rgba(2,9,18,.97),rgba(2,9,18,.90))!important; border-bottom:1px solid rgba(145,181,211,.10)!important; box-shadow:none!important; backdrop-filter:blur(22px) saturate(1.22)!important; -webkit-backdrop-filter:blur(22px) saturate(1.22)!important; } body.studio-v250 .v25-brand-mark, body.studio-v250 .v242-site-camera, body.studio-v250 header#mainHeader .logo-icon{ color:var(--v25-cyan)!important; border-color:color-mix(in srgb,var(--v25-cyan) 34%,transparent)!important; background:linear-gradient(145deg,color-mix(in srgb,var(--v25-cyan) 14%,transparent),color-mix(in srgb,var(--v25-pink) 8%,transparent))!important; box-shadow:inset 0 0 28px rgba(24,184,242,.06)!important; } body.studio-v250 .v242-site-brand b, body.studio-v250 header#mainHeader .logo{color:#fff!important;font-weight:850!important;letter-spacing:-.02em} body.studio-v250 .v242-site-brand small{color:var(--v25-cyan)!important} body.studio-v250 :is(.v242-head-btn,header#mainHeader .menu-btn){ background:linear-gradient(180deg,#081421,#06101a)!important; border:1px solid rgba(155,188,216,.17)!important; color:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important; } /* ---------- MOBILE APP SHELL ---------- */ @media(max-width:900px){ html{scroll-padding-top:70px!important} body.studio-v250{padding-bottom:calc(var(--v25-dock-h) + env(safe-area-inset-bottom,0px) + 13px)!important} body.studio-v250 .v242-site-head, body.studio-v250 header#mainHeader{position:sticky!important;top:0!important;z-index:8000!important;padding:7px var(--v25-page-x)!important;height:auto!important} body.studio-v250 .v242-site-head-inner, body.studio-v250 header#mainHeader nav{width:100%!important;min-height:56px!important;height:56px!important;margin:0!important;padding:0!important;gap:9px!important} body.studio-v250 .v242-site-brand{gap:8px!important;flex-direction:row!important} body.studio-v250 .v242-site-camera, body.studio-v250 header#mainHeader .logo-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important} body.studio-v250 .v242-site-brand b{font-size:1rem!important;line-height:1.1!important} body.studio-v250 .v242-site-brand small{font-size:.63rem!important;line-height:1.1!important;margin-top:3px!important} body.studio-v250 :is(.v242-head-btn,header#mainHeader .menu-btn){width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important} body.studio-v250 .v242-header-tools,body.studio-v250 .v242-site-tools{gap:7px!important} body.studio-v250 .v242-mobile-dock{ position:fixed!important;z-index:8500!important; left:8px!important;right:8px!important;bottom:max(7px,env(safe-area-inset-bottom,0px))!important; height:var(--v25-dock-h)!important;padding:5px!important;border-radius:22px!important; background:rgba(6,16,27,.95)!important;border:1px solid rgba(158,195,226,.17)!important; box-shadow:0 18px 50px rgba(0,0,0,.45)!important;backdrop-filter:blur(22px) saturate(1.18)!important; -webkit-backdrop-filter:blur(22px) saturate(1.18)!important; } body.studio-v250 .v242-mobile-dock a{min-height:54px!important;border-radius:17px!important;color:#98a5b2!important;font-size:.61rem!important;font-weight:750!important;gap:2px!important} body.studio-v250 .v242-mobile-dock a svg{width:20px!important;height:20px!important} body.studio-v250 .v242-mobile-dock a.active{ color:#fff!important;background:linear-gradient(145deg,rgba(20,168,224,.27),rgba(255,61,115,.10))!important; border:1px solid rgba(35,185,240,.16)!important;box-shadow:inset 0 0 30px rgba(18,174,230,.07)!important; } body.studio-v250 .v242-mobile-dock a.active::after{content:""!important;position:absolute!important;bottom:2px!important;width:18px!important;height:3px!important;border-radius:99px!important;background:var(--v25-cyan)!important} body.studio-v250.v246-keyboard-open .v242-mobile-dock, body.studio-v250.v243-keyboard-open .v242-mobile-dock{transform:translateY(130%)!important;opacity:0!important;pointer-events:none!important} body.studio-v250 :is(.v242-menu-panel,.v242-search-panel){z-index:9000!important;background:rgba(0,4,10,.74)!important;backdrop-filter:blur(8px)!important} body.studio-v250 :is(.v242-menu-sheet,.v242-search-box){background:#07121e!important;border:1px solid var(--v25-line)!important;border-radius:24px 24px 18px 18px!important;box-shadow:0 -20px 60px rgba(0,0,0,.5)!important} } /* ---------- HOME / APPROVED MOCKUP ---------- */ body[data-page="home"].studio-v250 #heroSlider{ width:min(1380px,calc(100% - 28px))!important; height:var(--v25-hero-desktop)!important;min-height:0!important; margin:18px auto 0!important;border-radius:34px!important; overflow:hidden!important;border:1px solid rgba(151,188,220,.17)!important; background:#020913!important;box-shadow:0 28px 80px rgba(0,0,0,.30)!important; } body[data-page="home"].studio-v250 #heroSlider .slide{filter:brightness(.78) saturate(1.06) contrast(1.04)!important;transform:scale(1.015)!important} body[data-page="home"].studio-v250 #heroSlider .slide.active{transform:scale(1)!important} body[data-page="home"].studio-v250 #heroSlider .slide::after{ background:linear-gradient(90deg,rgba(2,8,15,.88) 0%,rgba(2,8,15,.62) 32%,rgba(2,8,15,.15) 66%,rgba(2,8,15,.08) 100%),linear-gradient(180deg,rgba(2,7,13,.08),rgba(2,7,13,.04) 65%,rgba(2,7,13,.74))!important; } body[data-page="home"].studio-v250 .v242-hero-copy{ position:absolute!important;z-index:30!important;inset:auto auto 14% 8%!important; width:min(520px,45%)!important;text-align:right!important;direction:rtl!important; padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important; } body[data-page="home"].studio-v250 .v242-hero-copy .hero-badge{ border:0!important;background:transparent!important;padding:0!important;color:#c7d4df!important;box-shadow:none!important;backdrop-filter:none!important;font-size:.72rem!important;letter-spacing:.12em!important;text-transform:uppercase!important } body[data-page="home"].studio-v250 .v242-hero-copy .hero-title{ margin:12px 0 13px!important;font-size:clamp(2.8rem,5.5vw,5.4rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;text-shadow:0 10px 28px rgba(0,0,0,.7)!important;color:#fff!important } body[data-page="home"].studio-v250 .v242-hero-copy .hero-title span{ background:linear-gradient(90deg,var(--v25-cyan),#4e9fff 46%,var(--v25-pink));-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important } body[data-page="home"].studio-v250 .v242-hero-copy .hero-desc{font-size:1.02rem!important;line-height:1.95!important;color:#d6dee6!important;max-width:430px!important;margin:0!important;text-shadow:0 4px 18px #000!important} body[data-page="home"].studio-v250 .v242-hero-mini{display:none!important} body[data-page="home"].studio-v250 .slider-arrow{ width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(3,10,17,.62)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;backdrop-filter:blur(10px)!important } body[data-page="home"].studio-v250 .slider-prev{right:16px!important} body[data-page="home"].studio-v250 .slider-next{left:16px!important} body[data-page="home"].studio-v250 .slider-bottom{bottom:18px!important} body[data-page="home"].studio-v250 .slider-thumbs{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;gap:8px!important} body[data-page="home"].studio-v250 .thumb-dot{width:34px!important;height:5px!important;border-radius:99px!important;background:rgba(255,255,255,.26)!important;border:0!important;opacity:1!important;overflow:hidden!important;transform:none!important} body[data-page="home"].studio-v250 .thumb-dot img{display:none!important} body[data-page="home"].studio-v250 .thumb-dot.active{width:48px!important;background:var(--v25-cyan)!important;box-shadow:0 0 22px rgba(24,184,242,.33)!important} body[data-page="home"].studio-v250 .thumb-dot.active::after{display:none!important} body[data-page="home"].studio-v250 .home-intro-panel{ width:min(1180px,calc(100% - 28px))!important;margin:12px auto 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important } body[data-page="home"].studio-v250 .home-intro-panel .hero-inner{max-width:none!important;width:100%!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important} body[data-page="home"].studio-v250 .home-intro-panel :is(.hero-badge,.hero-title,.hero-desc){display:none!important} body[data-page="home"].studio-v250 .hero-btns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0!important} body[data-page="home"].studio-v250 .hero-btns .btn{ min-height:66px!important;border-radius:24px!important;font-size:1.02rem!important;font-weight:850!important;box-shadow:none!important;transform:none!important } body[data-page="home"].studio-v250 .hero-btns .btn:first-child{background:linear-gradient(100deg,#f82356,var(--v25-pink),#d9184f)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 16px 38px rgba(255,45,103,.17)!important} body[data-page="home"].studio-v250 .hero-btns .btn-outline{background:linear-gradient(180deg,rgba(9,19,31,.92),rgba(5,13,22,.94))!important;border:1px solid rgba(58,182,232,.52)!important;color:#fff!important} body[data-page="home"].studio-v250 #statsSection{padding:34px 0 20px!important} body[data-page="home"].studio-v250 .stats-section{width:min(1180px,calc(100% - 28px))!important;margin:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:0!important} body[data-page="home"].studio-v250 .stat-box{ min-height:165px!important;border-radius:var(--v25-radius)!important;border:1px solid var(--v25-line)!important; background:linear-gradient(145deg,rgba(10,22,35,.94),rgba(5,13,22,.94))!important; padding:20px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;gap:4px 18px!important;text-align:right!important;box-shadow:none!important } body[data-page="home"].studio-v250 .stat-icon{grid-row:1/3!important;width:64px!important;height:64px!important;border-radius:20px!important;border:1px solid currentColor!important;background:rgba(255,255,255,.03)!important;display:grid!important;place-items:center!important} body[data-page="home"].studio-v250 .stat-box:nth-child(1) .stat-icon{color:var(--v25-pink)!important;background:rgba(255,61,115,.07)!important} body[data-page="home"].studio-v250 .stat-box:nth-child(2) .stat-icon{color:var(--v25-cyan)!important;background:rgba(24,184,242,.07)!important} body[data-page="home"].studio-v250 .stat-box:nth-child(3) .stat-icon{color:var(--v25-violet)!important;background:rgba(155,101,255,.07)!important} body[data-page="home"].studio-v250 .stat-box:nth-child(4) .stat-icon{color:#32d0ea!important;background:rgba(50,208,234,.07)!important} body[data-page="home"].studio-v250 .stat-box h3{font-size:3rem!important;line-height:1!important;margin:0!important;color:#fff!important;letter-spacing:-.05em!important} body[data-page="home"].studio-v250 .stat-box p{font-size:.87rem!important;color:#a9b3be!important;margin:4px 0 0!important} /* ---------- COMMON PAGE TITLE ---------- */ body.studio-v250 :is(.hero-v3,.hero,.featured-showcase,.studio20-blog-hero,.insta20-hero,.stories-hero){isolation:isolate} body.studio-v250 [data-page-title],body.studio-v250 #galleryTitle,body.studio-v250 .hero h1,body.studio-v250 #hero-title{ letter-spacing:-.045em!important;text-wrap:balance } body.studio-v250 [data-page-title] span,body.studio-v250 #galleryTitle span,body.studio-v250 .hero h1 span,body.studio-v250 #hero-title span{ background:linear-gradient(90deg,var(--v25-cyan),#4ba9ff 43%,var(--v25-pink));-webkit-background-clip:text;background-clip:text;color:transparent!important } /* ---------- GALLERY ---------- */ body[data-page="gallery"].studio-v250 .hero-v3{padding:34px var(--v25-page-x) 12px!important} body[data-page="gallery"].studio-v250 .hero-v3-card{min-height:auto!important;padding:20px 8px!important;background:none!important;border:0!important;box-shadow:none!important} body[data-page="gallery"].studio-v250 .hero-v3-copy{max-width:none!important;text-align:right!important} body[data-page="gallery"].studio-v250 #galleryTitle{font-size:clamp(2.3rem,6vw,4rem)!important;margin:0 0 6px!important;color:#fff!important} body[data-page="gallery"].studio-v250 #gallerySubtitle{color:#9ca9b7!important;margin:0!important} body[data-page="gallery"].studio-v250 .hero-v3 .hero-actions{display:none!important} body[data-page="gallery"].studio-v250 .page-header{width:calc(100% - 2*var(--v25-page-x))!important;margin:auto!important;padding:0!important} body[data-page="gallery"].studio-v250 .archive-stats{justify-content:flex-start!important} body[data-page="gallery"].studio-v250 .archive-stats .stat-pill:not(:first-child){display:none!important} body[data-page="gallery"].studio-v250 .stat-pill{border-radius:999px!important;background:#08131f!important;border:1px solid var(--v25-line)!important} body[data-page="gallery"].studio-v250 :is(.g213-smart,.gallery-toolbar-shell){width:calc(100% - 2*var(--v25-page-x))!important;margin-inline:auto!important} body[data-page="gallery"].studio-v250 .gallery-grid{width:calc(100% - 2*var(--v25-page-x))!important;max-width:1280px!important;margin-inline:auto!important} body[data-page="gallery"].studio-v250 .gallery-item{border:1px solid rgba(157,190,218,.14)!important;box-shadow:none!important;overflow:hidden!important} body[data-page="gallery"].studio-v250 .gallery-overlay{background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.46))!important} /* ---------- VIDEOS ---------- */ body[data-page="videos"].studio-v250 .hero{padding:34px var(--v25-page-x) 12px!important} body[data-page="videos"].studio-v250 .hero-card{min-height:auto!important;padding:18px 8px!important;background:none!important;border:0!important;box-shadow:none!important} body[data-page="videos"].studio-v250 .hero-content{text-align:center!important;max-width:none!important} body[data-page="videos"].studio-v250 .hero-content .eyebrow{display:none!important} body[data-page="videos"].studio-v250 .hero-content h1{font-size:clamp(2.5rem,7vw,4.6rem)!important;margin:0 0 6px!important} body[data-page="videos"].studio-v250 .hero-content p{color:#9ba7b3!important;margin:0!important} body[data-page="videos"].studio-v250 .hero-actions{display:none!important} body[data-page="videos"].studio-v250 .stats{display:none!important} body[data-page="videos"].studio-v250 .toolbar-shell{width:calc(100% - 2*var(--v25-page-x))!important;margin:10px auto 14px!important} body[data-page="videos"].studio-v250 .video-grid{width:calc(100% - 2*var(--v25-page-x))!important;max-width:1240px!important;margin:0 auto!important} body[data-page="videos"].studio-v250 .video-card{overflow:hidden!important;border:1px solid rgba(157,190,218,.15)!important;background:#06111d!important;box-shadow:none!important} body[data-page="videos"].studio-v250 .video-info{display:none!important} body[data-page="videos"].studio-v250 .video-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.32));pointer-events:none} body[data-page="videos"].studio-v250 .play-orb,body[data-page="videos"].studio-v250 .play-btn{border-color:color-mix(in srgb,var(--v25-pink) 65%,#fff)!important;box-shadow:0 0 28px rgba(255,61,115,.15)!important} /* ---------- MUSIC ---------- */ body[data-page="music"].studio-v250 .container{width:min(1180px,calc(100% - 2*var(--v25-page-x)))!important} body[data-page="music"].studio-v250 .featured-showcase{ margin-top:28px!important;border-radius:30px!important;border:1px solid var(--v25-line)!important; background:linear-gradient(145deg,#071522,#040b13)!important;box-shadow:none!important;overflow:hidden!important } body[data-page="music"].studio-v250 #hero-title{font-size:clamp(2.4rem,6vw,4.2rem)!important} body[data-page="music"].studio-v250 .studio-page-kicker{color:var(--v25-cyan)!important} body[data-page="music"].studio-v250 .equalizer-box .eq-bar{background:linear-gradient(180deg,var(--v25-pink),var(--v25-cyan))!important} body[data-page="music"].studio-v250 .music-pro-strip{border-radius:20px!important;background:#06111d!important;border:1px solid var(--v25-line)!important;box-shadow:none!important} body[data-page="music"].studio-v250 .playlist-card{border:1px solid rgba(153,188,218,.13)!important;background:linear-gradient(145deg,#081522,#050f19)!important;box-shadow:none!important} body[data-page="music"].studio-v250 .playlist-card.active-track{border-color:rgba(24,184,242,.46)!important;background:linear-gradient(145deg,rgba(24,184,242,.10),rgba(255,61,115,.05),#06111c)!important} body[data-page="music"].studio-v250 .player-bar{border:1px solid var(--v25-line)!important;background:rgba(4,13,22,.96)!important;box-shadow:0 18px 48px rgba(0,0,0,.42)!important} /* ---------- ABOUT ---------- */ body[data-page="about"].studio-v250 main.wrap{width:min(1180px,calc(100% - 2*var(--v25-page-x)))!important} body[data-page="about"].studio-v250 .hero{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:center!important;gap:30px!important;padding:44px 0 20px!important;background:none!important;border:0!important;box-shadow:none!important} body[data-page="about"].studio-v250 #aboutTitle{font-size:clamp(3rem,7vw,5.4rem)!important;margin:0 0 8px!important;background:linear-gradient(90deg,var(--v25-cyan),var(--v25-pink));-webkit-background-clip:text;background-clip:text;color:transparent!important} body[data-page="about"].studio-v250 .portrait{border:1px solid var(--v25-line)!important;border-radius:30px!important;overflow:hidden!important;background:#06111c!important} body[data-page="about"].studio-v250 .portrait img{filter:saturate(1.04) contrast(1.02)!important} body[data-page="about"].studio-v250 .portrait-card{background:linear-gradient(180deg,transparent,rgba(2,7,12,.92))!important} body[data-page="about"].studio-v250 .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:18px 0 34px!important} body[data-page="about"].studio-v250 .stat{min-height:120px!important;border-radius:20px!important;border:1px solid var(--v25-line)!important;background:#07131f!important;box-shadow:none!important} body[data-page="about"].studio-v250 .value{border-radius:22px!important;border:1px solid rgba(153,188,218,.14)!important;background:#07131f!important;box-shadow:none!important} /* ---------- OTHER PUBLIC PAGES ---------- */ body.studio-v250 :is(.yt-card,.story-card,.insta20-item,.studio20-article,.post,.tool-card,.box,.panel,.workspace){border-color:rgba(154,190,219,.14)!important;box-shadow:none!important} body.studio-v250 :is(.filter-btn,.g213-chip,.sort-btn,.view-btn,.icon-btn-v2){border-radius:999px!important} body.studio-v250 :is(.filter-btn.active,.g213-chip.active,.sort-btn.active){background:linear-gradient(90deg,var(--v25-pink),#e72b5d)!important;color:#fff!important;border-color:transparent!important} /* ---------- MOBILE EXACT MATCH ---------- */ @media(max-width:700px){ :root{--v25-radius:19px;--v25-gap:8px;--v25-page-x:8px;--v25-dock-h:64px} body.studio-v250{font-size:calc(.96rem * var(--v25-font-scale))} body[data-page="home"].studio-v250 #heroSlider{ width:calc(100% - 16px)!important;height:var(--v25-hero-mobile)!important;margin:8px auto 0!important;border-radius:20px!important; border-color:rgba(148,185,215,.17)!important } body[data-page="home"].studio-v250 #heroSlider .slide::after{ background:linear-gradient(90deg,rgba(2,8,14,.89) 0%,rgba(2,8,14,.67) 36%,rgba(2,8,14,.20) 69%,rgba(2,8,14,.05)),linear-gradient(180deg,rgba(1,5,10,.03),rgba(1,5,10,.08) 62%,rgba(1,5,10,.67))!important } body[data-page="home"].studio-v250 .v242-hero-copy{ inset:auto auto 15% 20px!important;width:70%!important;max-width:290px!important;text-align:right!important } body[data-page="home"].studio-v250 .v242-hero-copy .hero-badge{font-size:.57rem!important;letter-spacing:.07em!important} body[data-page="home"].studio-v250 .v242-hero-copy .hero-title{font-size:clamp(2rem,8.6vw,2.72rem)!important;line-height:1.08!important;margin:9px 0 10px!important;max-width:280px!important} body[data-page="home"].studio-v250 .v242-hero-copy .hero-desc{font-size:.74rem!important;line-height:1.85!important;max-width:245px!important;color:#d5dde5!important;display:block!important} body[data-page="home"].studio-v250 .slider-arrow{width:42px!important;height:42px!important;top:56%!important;font-size:1.05rem!important} body[data-page="home"].studio-v250 .slider-prev{right:7px!important}.slider-next{left:7px!important} body[data-page="home"].studio-v250 .slider-bottom{bottom:14px!important} body[data-page="home"].studio-v250 .thumb-dot{width:26px!important;height:4px!important}.thumb-dot.active{width:38px!important} body[data-page="home"].studio-v250 .home-intro-panel{width:calc(100% - 16px)!important;margin:8px auto 0!important} body[data-page="home"].studio-v250 .hero-btns{grid-template-columns:1fr 1fr!important;gap:7px!important} body[data-page="home"].studio-v250 .hero-btns .btn{min-height:58px!important;padding:10px 12px!important;border-radius:20px!important;font-size:.80rem!important;line-height:1.2!important} body[data-page="home"].studio-v250 #statsSection{padding:12px 0 14px!important} body[data-page="home"].studio-v250 .stats-section{width:calc(100% - 16px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} body[data-page="home"].studio-v250 .stat-box{min-height:112px!important;padding:12px!important;border-radius:18px!important;gap:2px 10px!important} body[data-page="home"].studio-v250 .stat-icon{width:48px!important;height:48px!important;border-radius:15px!important} body[data-page="home"].studio-v250 .stat-icon svg{width:23px!important;height:23px!important} body[data-page="home"].studio-v250 .stat-box h3{font-size:2.1rem!important} body[data-page="home"].studio-v250 .stat-box p{font-size:.69rem!important;line-height:1.25!important;margin:3px 0 0!important} body[data-page="home"].studio-v250 #featuredSection{padding:38px 8px 16px!important} body[data-page="home"].studio-v250 .section-title{font-size:1.75rem!important;text-align:right!important;padding-inline:4px!important} body[data-page="home"].studio-v250 .section-subtitle{text-align:right!important;padding-inline:4px!important;font-size:.72rem!important} body[data-page="home"].studio-v250 .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} body[data-page="home"].studio-v250 .featured-grid > *:first-child{grid-column:1/-1!important;aspect-ratio:16/10!important} body[data-page="home"].studio-v250 #aboutPreviewSection{padding:28px 8px!important} body[data-page="home"].studio-v250 .about-preview{grid-template-columns:1fr!important;border-radius:20px!important;overflow:hidden!important} body[data-page="home"].studio-v250 .about-image{min-height:300px!important} body[data-page="home"].studio-v250 .about-copy{padding:17px!important} body[data-page="home"].studio-v250 .v2-extra,body[data-page="home"].studio-v250 .client-tools{padding:30px 8px!important} /* Gallery mock: title then count/filter strip then masonry. */ body[data-page="gallery"].studio-v250 .hero-v3{padding:20px 10px 4px!important} body[data-page="gallery"].studio-v250 .hero-v3-card{padding:8px 2px!important} body[data-page="gallery"].studio-v250 #galleryTitle{font-size:2.15rem!important} body[data-page="gallery"].studio-v250 #gallerySubtitle{font-size:.74rem!important} body[data-page="gallery"].studio-v250 .archive-stats{margin:6px 0!important}.stat-pill{font-size:.69rem!important;padding:8px 11px!important} body[data-page="gallery"].studio-v250 .g213-smart{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:5px 0!important;scrollbar-width:none!important} body[data-page="gallery"].studio-v250 .g213-smart::-webkit-scrollbar{display:none!important} body[data-page="gallery"].studio-v250 .g213-chip{flex:0 0 auto!important;min-height:38px!important;padding:7px 15px!important;font-size:.68rem!important} body[data-page="gallery"].studio-v250 .gallery-toolbar-shell{display:none!important} body[data-page="gallery"].studio-v250 .gallery-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0 0 10px!important} body[data-page="gallery"].studio-v250 .gallery-item{grid-column:span 1!important;aspect-ratio:4/5!important;border-radius:15px!important} body[data-page="gallery"].studio-v250 .gallery-item:first-child{grid-column:1/-1!important;aspect-ratio:16/9!important} body[data-page="gallery"].studio-v250 .gallery-item:nth-child(2){grid-row:span 2!important;aspect-ratio:3/5!important} /* Videos mock: one lead film then 3-column compact grid. */ body[data-page="videos"].studio-v250 .hero{padding:20px 10px 4px!important} body[data-page="videos"].studio-v250 .hero-card{padding:8px 0!important} body[data-page="videos"].studio-v250 .hero-content h1{font-size:2.25rem!important;background:linear-gradient(90deg,var(--v25-cyan),var(--v25-pink));-webkit-background-clip:text;background-clip:text;color:transparent!important} body[data-page="videos"].studio-v250 .hero-content p{font-size:.72rem!important} body[data-page="videos"].studio-v250 .toolbar-shell{display:none!important} body[data-page="videos"].studio-v250 .video-grid{display:grid!important;grid-template-columns:repeat(var(--v25-video-cols,3),minmax(0,1fr))!important;gap:6px!important;padding:4px 0 12px!important} body[data-page="videos"].studio-v250 .video-card{grid-column:span 1!important;border-radius:15px!important;aspect-ratio:4/5!important} body[data-page="videos"].studio-v250 .video-card:first-child{grid-column:1/-1!important;aspect-ratio:16/9!important} body[data-page="videos"].studio-v250 .video-thumb{height:100%!important;aspect-ratio:auto!important} body[data-page="videos"].studio-v250 .video-thumb img,body[data-page="videos"].studio-v250 .video-thumb video{height:100%!important;object-fit:cover!important} body[data-page="videos"].studio-v250 .video-badge{font-size:.55rem!important;padding:5px 7px!important} /* Music mock: hero becomes now-playing stage, playlist rows beneath. */ body[data-page="music"].studio-v250 .container{width:calc(100% - 16px)!important;padding:0!important} body[data-page="music"].studio-v250 .featured-showcase{margin:14px 0 10px!important;border-radius:20px!important;padding:16px!important;min-height:310px!important} body[data-page="music"].studio-v250 .showcase-content-wrapper{display:grid!important;grid-template-columns:1fr!important;gap:12px!important} body[data-page="music"].studio-v250 #hero-title{font-size:2rem!important;margin:4px 0 6px!important;text-align:right!important} body[data-page="music"].studio-v250 #hero-desc{font-size:.72rem!important;line-height:1.65!important;text-align:right!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} body[data-page="music"].studio-v250 .showcase-btns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important} body[data-page="music"].studio-v250 .showcase-btns > :nth-child(3){display:none!important} body[data-page="music"].studio-v250 .showcase-btns button{min-height:44px!important;border-radius:14px!important;font-size:.70rem!important} body[data-page="music"].studio-v250 .equalizer-box{height:72px!important} body[data-page="music"].studio-v250 .music-pro-strip{display:none!important} body[data-page="music"].studio-v250 .library-toolbar{margin:10px 0!important;width:100%!important} body[data-page="music"].studio-v250 .playlist-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:0 0 120px!important} body[data-page="music"].studio-v250 .playlist-card{min-height:78px!important;border-radius:16px!important;padding:9px!important} body[data-page="music"].studio-v250 .player-bar{left:8px!important;right:8px!important;bottom:calc(var(--v25-dock-h) + env(safe-area-inset-bottom,0px) + 12px)!important;border-radius:19px!important} /* About mock: big gradient title, portrait card, 4 mini stats, services. */ body[data-page="about"].studio-v250 main.wrap{width:calc(100% - 16px)!important} body[data-page="about"].studio-v250 .hero{grid-template-columns:1fr!important;gap:12px!important;padding:20px 0 10px!important;text-align:center!important} body[data-page="about"].studio-v250 .hero > div:first-child{order:0!important}.portrait{order:1!important} body[data-page="about"].studio-v250 #aboutTitle{font-size:2.6rem!important;margin:0!important} body[data-page="about"].studio-v250 .lead{font-size:.75rem!important;color:#9da9b5!important} body[data-page="about"].studio-v250 .portrait{border-radius:20px!important;max-height:none!important;aspect-ratio:16/10!important;margin:6px 0!important} body[data-page="about"].studio-v250 .portrait img{width:100%!important;height:100%!important;object-fit:cover!important} body[data-page="about"].studio-v250 .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:8px 0 24px!important} body[data-page="about"].studio-v250 .stat{min-height:92px!important;padding:8px 3px!important;border-radius:15px!important;text-align:center!important} body[data-page="about"].studio-v250 .stat b{font-size:1.25rem!important}.stat span{font-size:.56rem!important} body[data-page="about"].studio-v250 .story{grid-template-columns:1fr!important;gap:8px!important;padding:20px 2px!important} body[data-page="about"].studio-v250 .story h2{font-size:1.45rem!important} body[data-page="about"].studio-v250 .values{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} body[data-page="about"].studio-v250 .value{padding:13px!important;border-radius:17px!important}.value h3{font-size:.82rem!important}.value p{font-size:.62rem!important;line-height:1.55!important} body.studio-v250 footer{padding-bottom:calc(var(--v25-dock-h) + env(safe-area-inset-bottom,0px) + 28px)!important} } @media(max-width:390px){ :root{--v25-hero-mobile:410px;--v25-page-x:6px} body[data-page="home"].studio-v250 .v242-hero-copy{width:73%!important;inset-inline-start:17px!important} body[data-page="home"].studio-v250 .v242-hero-copy .hero-title{font-size:1.88rem!important} body[data-page="home"].studio-v250 .v242-hero-copy .hero-desc{font-size:.68rem!important;max-width:218px!important} body[data-page="home"].studio-v250 .hero-btns .btn{font-size:.72rem!important;min-height:54px!important} body[data-page="home"].studio-v250 .stat-box{min-height:101px!important;padding:10px!important} body[data-page="home"].studio-v250 .stat-icon{width:43px!important;height:43px!important}.stat-box h3{font-size:1.9rem!important} } @media(min-width:701px){ body[data-page="gallery"].studio-v250 .gallery-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important} body[data-page="gallery"].studio-v250 .gallery-item{grid-column:span 4!important;border-radius:22px!important} body[data-page="gallery"].studio-v250 .gallery-item:nth-child(7n+1){grid-column:span 8!important} body[data-page="videos"].studio-v250 .video-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important} body[data-page="videos"].studio-v250 .video-card{grid-column:span 4!important;border-radius:22px!important} body[data-page="videos"].studio-v250 .video-card:first-child{grid-column:span 8!important} } @media(prefers-reduced-motion:reduce){body.studio-v250 *,body.studio-v250 *::before,body.studio-v250 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}} body.studio-v250 .v25-hidden{display:none!important} body[data-page="gallery"].studio-v250 .archive-stats.v25-hidden{display:none!important} body[data-page="gallery"].studio-v250 .g213-smart.v25-hidden{display:none!important} body[data-page="videos"].studio-v250.v25-video-captions .video-info{display:block!important} body[data-page="videos"].studio-v250.v25-video-no-badges .video-badge{display:none!important} body[data-page="videos"].studio-v250.v25-video-no-feature .video-card:first-child{grid-column:span 1!important;aspect-ratio:4/5!important} body[data-page="music"].studio-v250 .music-pro-strip.v25-force-show{display:flex!important} @media(max-width:700px){ body[data-page="gallery"].studio-v250 .gallery-grid{grid-template-columns:repeat(var(--v25-gallery-cols,2),minmax(0,1fr))!important} body[data-page="gallery"].studio-v250:not(.v25-gallery-lead) .gallery-item:first-child{grid-column:span 1!important;aspect-ratio:4/5!important} } ; /* SOURCE: studio261.css?v=26.3.0 */ /* Ali963sy Studio v26.2 — Responsive UX & interaction polish */ :root{ --v261-tap:44px; --v261-mobile-gap:14px; --v261-mobile-radius:22px; --v261-safe-bottom:max(14px,env(safe-area-inset-bottom)); } html{scroll-padding-top:84px} body{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} button,a,input,select,textarea{font:inherit} button,.btn,.action,.hero-btn,.hero-action,.filter-btn,.view-btn,.mode-btn,.nav-btn,.sort-btn,.icon-btn-v2,.btn-action,.m260-btn{ min-height:var(--v261-tap); } button,.btn,.action,.hero-btn,.hero-action,.filter-btn,.view-btn,.mode-btn,.nav-btn,.sort-btn,.icon-btn-v2,.btn-action,.m260-btn,a{ -webkit-tap-highlight-color:transparent; } button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{ outline:3px solid #18b8f2;outline:3px solid color-mix(in srgb,var(--v25-cyan,#18b8f2) 78%,white 22%); outline-offset:3px; } button:disabled,.btn[aria-disabled="true"],.action[aria-disabled="true"]{opacity:.52;cursor:not-allowed;filter:saturate(.65)} body.v261-press-effects button:active,body.v261-press-effects .btn:active,body.v261-press-effects .action:active,body.v261-press-effects .hero-btn:active,body.v261-press-effects .hero-action:active{transform:translateY(1px) scale(.985)} img,video{background:#070c12} img{color:transparent} .v261-content-visibility .gallery-card,.v261-content-visibility .video-card,.v261-content-visibility .story-card,.v261-content-visibility .insta20-item,.v261-content-visibility .article-card,.v261-content-visibility .featured-card,.v261-content-visibility .playlist-card,.v261-content-visibility .track-card{ content-visibility:auto;contain-intrinsic-size:360px 320px; } .v261-content-visibility main>section:nth-of-type(n+3){content-visibility:auto;contain-intrinsic-size:1px 700px} .v261-offline-note{position:fixed;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%,-130%);z-index:2147483000;padding:10px 15px;border:1px solid #ffb44d55;border-radius:999px;background:#15100ded;color:#ffe4bd;box-shadow:0 12px 40px #0008;font-size:.78rem;font-weight:800;transition:transform .22s ease;pointer-events:none} body.v261-show-network .v261-offline-note.show{transform:translate(-50%,0)} @media(max-width:760px){ :root{--v261-tap:46px} html{scroll-padding-top:70px} body{overflow-x:hidden} body.v261-density-compact{--v261-mobile-gap:10px;--v261-mobile-radius:18px} body.v261-density-comfortable{--v261-mobile-gap:14px;--v261-mobile-radius:22px} main,.container,.wrap,.insta20,.article20{max-width:100%} .filter-buttons,.g213-smart,.g212-tags,.g212-collections,.toolbar-group,.music-pro-actions{ scrollbar-width:none; } .filter-buttons::-webkit-scrollbar,.g213-smart::-webkit-scrollbar,.g212-tags::-webkit-scrollbar,.g212-collections::-webkit-scrollbar,.toolbar-group::-webkit-scrollbar,.music-pro-actions::-webkit-scrollbar{display:none} body.v261-sticky-filters .gallery-toolbar-shell,body.v261-sticky-filters .toolbar-shell,body.v261-sticky-filters .library-toolbar{ position:sticky;top:8px;z-index:70;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px) } .gallery-toolbar,.toolbar,.library-toolbar{gap:8px} .filter-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:2px} .filter-btn,.g213-chip,.sort-btn,.mode-btn{flex:0 0 auto;scroll-snap-align:start} .hero,.hero-card,.hero-v3-card,.featured-showcase,.about-preview,.panel,.secure{border-radius:var(--v261-mobile-radius)!important} .stats,.stats-section{gap:var(--v261-mobile-gap)!important} .stat,.stat-box{min-width:0} .viewer-shell,.modal-content{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px)} .viewer,.modal-player,.lightbox{padding-bottom:env(safe-area-inset-bottom)} .player-bar{bottom:calc(74px + env(safe-area-inset-bottom))} body.v261-keyboard-open.v261-hide-dock .v251-mobile-dock,body.v261-keyboard-open.v261-hide-dock .v242-mobile-dock,body.v261-keyboard-open.v261-hide-dock .mobile-bottom-nav{display:none!important} body.v261-keyboard-open .player-bar{bottom:8px} } @media(max-width:390px){ :root{--v261-tap:44px} .filter-btn,.mode-btn,.sort-btn{font-size:.78rem} .stat-box,.stat{padding-inline:11px!important} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } /* v26.2 compact card typography shared across public pages */ :root{--v262-card-scale:.80;--v262-title-scale:.82} @media(max-width:760px){ :is(.gallery-card,.video-card,.article-card,.story-card,.insta20-item,.playlist-card,.track-card,.media-card,.folder-card){border-radius:var(--v261-mobile-radius,18px)!important} :is(.gallery-card,.article-card,.story-card,.playlist-card,.track-card,.media-card,.folder-card) :is(h2,h3,.title,.card-title){font-size:calc(.98rem * var(--v262-title-scale) + .05rem)!important;line-height:1.35!important} :is(.article-card,.playlist-card,.track-card,.folder-card) :is(p,.desc,.description,.meta){font-size:.72rem!important;line-height:1.55!important} :is(.playlist-card,.track-card,.folder-card){padding:calc(14px * var(--v262-card-scale) + 2px)!important} }