@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#091226;--navy:#0b1229;--body:#19243b;--coral:#ff724c;--pink:#ec61ab;--violet:#7c70fe;--aqua:#54ebdf;--paper:#fff;--wash:#f6f8fd;--line:#dbe2f1;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.64 'DM Sans','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:'Outfit','Arial',sans-serif;line-height:1.13;margin:0 0 13px;font-weight:850;letter-spacing:-.027em}h1{font-size:clamp(39px,5.1vw,75px)}h2{font-size:clamp(29px,3.5vw,49px)}h3{font-size:clamp(19px,1.7vw,25px)}p{margin:0 0 15px;color:var(--body)}img{max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1240px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{position:fixed;left:1rem;top:1rem;padding:10px;background:#fff;z-index:9999}.topbar{background:#060c1d;color:#fff;border-bottom:1px solid #27334f}.topbar .container{min-height:40px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px;font-weight:800}.topbar a:hover{color:#ffb489}.topbar .ph{display:flex;gap:15px}.site-header{position:sticky;top:0;z-index:100;background:rgba(8,13,32,.98);box-shadow:0 9px 30px #05092322;color:#fff;border-bottom:1px solid #283755}.header-inner{display:flex;gap:20px;align-items:center;min-height:84px}.brand{display:flex;gap:8px;align-items:center;flex-shrink:0}.brand img{width:98px;height:75px;object-fit:contain;filter:drop-shadow(0 4px 12px #ff6a3c55)}.brand-words{font:900 21px/1.0 'Outfit',sans-serif;letter-spacing:-.04em}.brand-words small{display:block;font-size:12px;letter-spacing:.16em;color:#70f0ed;margin-top:4px}.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav>a,.dropbutton{display:block;background:transparent;border:0;color:#fff;font-size:13px;font-weight:800;padding:13px 10px;border-radius:12px;white-space:nowrap}.nav>a:hover,.dropbutton:hover,.nav>a[aria-current=page]{background:#23365e;color:#fff}.nav-drop{position:relative}.mega{position:absolute;top:100%;left:0;display:none;width:310px;background:#101a39;border:1px solid #405477;box-shadow:0 22px 45px #0008;border-radius:16px;padding:10px}.nav-drop:hover .mega,.nav-drop:focus-within .mega{display:grid}.mega a{display:block;padding:10px 13px;font-size:13px;font-weight:700;color:#fff;border-radius:8px}.mega a:hover{background:#273a66}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 21px;font:800 14px/1.15 'Outfit',sans-serif;border:1px solid transparent;border-radius:13px;transition:transform .19s,box-shadow .2s;text-align:center;min-height:46px}.btn:hover{transform:translateY(-2px)}.btn.hot{background:linear-gradient(115deg,#ffbb51,#ff6d65 54%,#e15aca);color:#111127;box-shadow:0 8px 27px #ff576069}.btn.hot:hover{box-shadow:0 15px 37px #ff57607c}.btn.outline{border-color:#80dff5;color:#fff;background:#141f43}.btn.outline:hover{background:#213667}.btn.deep{background:#0b1732;color:#fff}.btn.light{background:#fff;color:#131a32}.head-cta{flex-shrink:0}.nav-toggle{display:none;color:white;background:#19274d;border:1px solid #5273ae;border-radius:12px;padding:8px 14px;font-size:23px}.hero{background:radial-gradient(ellipse at 85% 17%,#421c6a 0%,transparent 50%),linear-gradient(120deg,#090e22,#111c3f 65%,#080b1d);color:#fff;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#7688b835 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent,#000 90%);opacity:.55}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:32px;align-items:center;min-height:640px;padding:62px 0 82px;position:relative}.eyebrow{display:inline-flex;font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:900;color:#d7517e;margin-bottom:18px}.hero .eyebrow{color:#76ffdc}.hero h1{max-width:760px;font-size:clamp(44px,5.2vw,76px);color:#fff;letter-spacing:-.047em}.gradient-text{background:linear-gradient(94deg,#ffbf69,#ff86b6 48%,#9a8dff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .lead{color:#fff;font-size:18px;line-height:1.65;max-width:560px;margin:16px 0 29px;font-weight:550}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.trust-strip span{font-size:12px;font-weight:850;border:1px solid #6274ab;min-height:32px;border-radius:99px;background:#0f1e42;padding:7px 12px;color:#fff}.hero-art{position:relative;min-height:540px}.hero-art .art-back{position:absolute;inset:13% 9% 8% 3%;border:1px solid #ffffff41;background:linear-gradient(110deg,#25315c,#4b2781);border-radius:32px;transform:rotate(5deg);box-shadow:0 14px 48px #0007}.art-main{position:absolute;left:7%;top:4%;width:62%;height:77%;object-fit:cover;transform:rotate(-8deg);border:7px solid #fff;box-shadow:0 20px 55px #000a;border-radius:28px}.art-second{position:absolute;right:0;top:30%;width:52%;height:60%;object-fit:cover;transform:rotate(8deg);border:7px solid #fff;box-shadow:0 20px 58px #000a;border-radius:27px}.art-sticker{position:absolute;right:4%;top:2%;z-index:5;background:#ffca65;color:#0b1024;transform:rotate(8deg);padding:18px 23px;border-radius:22px;font-size:15px;font-weight:900;box-shadow:0 8px 26px #0006}.art-mini{position:absolute;left:0;bottom:5%;background:#fff;color:#0d1834;border-radius:18px;padding:15px 19px;z-index:4;font-size:16px;font-weight:900;box-shadow:0 12px 27px #0005}.ribbon{background:linear-gradient(90deg,#ffd68f,#ffd1dd,#bbf5ff);color:#0b1024;padding:13px 0}.ribbon .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:900}.section{padding:84px 0}.section.soft{background:var(--wash)}.section.dark{background:linear-gradient(120deg,#10152f,#141c45);color:#fff}.section.dark p,.section.dark .intro{color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head p{max-width:670px;font-size:16px;color:#27344d}.section-head h2{max-width:780px}.accent{color:#e34c81}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{background:#fff;border:1px solid #dbe2f2;border-radius:22px;overflow:hidden;box-shadow:0 9px 26px #1d2f5a11;display:flex;flex-direction:column}.service-card:hover{box-shadow:0 20px 48px #1b315b33;transform:translateY(-3px);transition:.25s}.service-card img{aspect-ratio:1.6;width:100%;object-fit:cover;background:#111c42}.service-card .inside{padding:21px;display:flex;flex-direction:column;flex:1}.service-card p{font-size:14px;line-height:1.57;flex:1}.pill{display:inline-flex;align-items:center;gap:6px;background:#fce4ef;color:#921b59;border-radius:100px;padding:6px 12px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;width:fit-content;margin-bottom:12px}.more{color:#144bc7;font-weight:900;font-size:14px}.more:hover{text-decoration:underline}.showcase{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mock-card{border-radius:18px;background:#fff;border:1px solid #d9e0ec;overflow:hidden;box-shadow:0 8px 20px #202b461c;cursor:pointer;position:relative}.mock-card img{width:100%;height:215px;object-fit:cover;display:block}.mock-card .mock-caption{padding:12px 13px;color:#111b31;font-weight:800;font-size:12px;line-height:1.3;min-height:56px}.mock-card:focus-visible,.mock-card:hover{outline:3px solid #ff76a5}.sample-tag{position:absolute;top:8px;left:8px;background:#fff;color:#13213d;border-radius:8px;font-size:9px;font-weight:900;padding:4px 8px}.gallery-intro{padding:16px 20px;background:#fff3d8;color:#32210a;border:1px solid #f8cc73;border-radius:14px;font-size:14px;font-weight:700;margin-bottom:25px}.stat-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}.stat-row div{flex:1;min-width:130px;background:#fff;border:1px solid #e0e5f4;border-radius:18px;padding:22px}.stat-row b{display:block;font-size:32px;color:#151d3b}.section.dark .stat-row div{background:#1c2853;border-color:#4c6093}.section.dark .stat-row b{color:#76eeeb}.ctabox{background:linear-gradient(110deg,#ffb96a,#ff78ad 55%,#afa2ff);border-radius:30px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ctabox h2{font-size:clamp(26px,3vw,41px);margin:0;color:#0c1427}.ctabox p{color:#1a1833;font-weight:750;margin:10px 0 0}.page-hero{background:radial-gradient(circle at 84% 10%,#512d7c,transparent 45%),linear-gradient(115deg,#0a122d,#151e49);color:#fff;padding:69px 0 70px}.page-hero h1{max-width:980px;font-size:clamp(37px,5vw,66px);color:#fff}.page-hero p{color:#fff;font-size:17px;max-width:820px}.crumbs{font-size:13px;color:#c9ddff;margin-bottom:18px}.crumbs a{text-decoration:underline}.page-two{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:43px}.article-body h2{font-size:29px;margin:37px 0 12px}.article-body h3{font-size:22px;margin:27px 0 12px}.article-body p{font-size:16px;line-height:1.85}.article-body ul,.article-body ol{padding-left:23px;color:#202a40}.article-body li{margin:10px 0;line-height:1.7}.article-body .note{background:#fff1d7;border-left:5px solid #f7a846;padding:18px 22px;border-radius:0 13px 13px 0;font-weight:700;color:#211931}.sidebar-box{position:sticky;top:111px;background:#f4f7ff;border:1px solid #dbe2f0;border-radius:22px;padding:25px;height:max-content}.sidebar-box h3{margin-bottom:13px}.sidebar-box .btn{width:100%;margin-bottom:11px}.link-stack{display:grid;gap:10px;margin-top:18px}.link-stack a{font-weight:750;color:#1544ae;font-size:14px;border-bottom:1px solid #d4dbea;padding-bottom:9px}.chipbox{display:flex;flex-wrap:wrap;gap:9px}.chip{display:inline-block;background:#f3e8ff;color:#622281;border-radius:12px;padding:9px 13px;font-weight:800;font-size:12px;border:1px solid #e3c3f6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:13px;font-weight:850;color:#142239;display:block}.form-grid input,.form-grid textarea,.form-grid select,.search{width:100%;padding:13px 14px;border:1px solid #b8c8e4;border-radius:12px;background:#fff;color:#0b1426;margin-top:5px}.form-grid .full{grid-column:1/-1}.filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.filterbar .search{max-width:360px;margin:0}.filter{border:1px solid #cad6e7;color:#172440;background:#fff;border-radius:99px;padding:9px 14px;font-weight:850;font-size:12px}.filter.active,.filter:hover{background:#192349;color:#fff;border-color:#192349}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related a{padding:16px;border:1px solid #d9e1f4;border-radius:13px;color:#0b3475;font-weight:800;background:#fff}.related a:hover{border-color:#ff7b9a}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split p{line-height:1.9}.split .visual img{border-radius:26px;box-shadow:0 14px 36px #1c255a3b;width:100%;object-fit:cover;max-height:460px}.site-footer{background:#080f24;color:#fff;padding:67px 0 20px}.site-footer p,.site-footer li{color:#fff}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .9fr 1.1fr;gap:35px}.site-footer h3{font-size:18px;margin-bottom:19px}.site-footer a{color:#fff}.site-footer a:hover{color:#ffbd6e}.foot-links{display:grid;gap:11px}.foot-links a{font-size:13px;font-weight:650}.site-footer .brand img{width:105px;height:85px}.site-footer .brand-words{font-size:18px}.foot-network{display:flex;gap:18px;flex-wrap:wrap;align-items:center;border-top:1px solid #354463;border-bottom:1px solid #354463;margin-top:34px;padding:18px 0;font-weight:800;font-size:13px}.foot-network strong{color:#76efea}.foot-bottom{display:flex;justify-content:space-between;gap:16px;padding:23px 0 0;font-size:12px;color:#fff}.whatsapp-float{position:fixed;right:18px;bottom:20px;background:#10b981;border-radius:999px;color:#041b16!important;padding:13px 20px;font-weight:900;z-index:99;box-shadow:0 8px 30px #0cbd8980}.whatsapp-float:hover{background:#37ecba}.lightbox{position:fixed;inset:0;z-index:300;background:#080b17e8;display:none;align-items:center;justify-content:center;padding:22px}.lightbox.open{display:flex}.lightbox-dialog{max-width:min(900px,96vw);max-height:95vh;display:flex;flex-direction:column;gap:8px}.lightbox img{max-height:76vh;width:auto;max-width:90vw;border-radius:16px;object-fit:contain;background:#0b142a}.lightbox .lightbox-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#fff;font-weight:800}.lightbox button{background:#fff;border:0;border-radius:9px;padding:8px 16px}.muted-legal{font-size:12px;color:#314057;font-weight:700}.sample-note{font-size:12px;color:#fff;font-weight:700;background:#182449;border:1px solid #52619d;border-radius:10px;padding:8px 12px;display:inline-block}.empty-state{display:none;padding:25px;border:1px dashed #a1b4d3;border-radius:14px}.visually-hidden{position:absolute;left:-9999px}
@media(max-width:1250px){.head-cta{display:none}.nav>a,.dropbutton{padding:10px 7px}.brand-words{font-size:19px}}
@media(max-width:990px){.topbar .ph a:last-child{display:none}.nav-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#101a37;max-height:78vh;overflow:auto;flex-direction:column;align-items:stretch;padding:20px 25px}.nav.open{display:flex}.nav>a,.dropbutton{text-align:left;padding:13px;font-size:15px}.nav-drop .mega{position:static;display:grid;width:100%;box-shadow:none;background:#18264b}.hero-grid{grid-template-columns:1fr;padding:62px 0}.hero-art{min-height:480px}.grid{grid-template-columns:repeat(2,1fr)}.showcase{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.page-two{grid-template-columns:1fr}.sidebar-box{position:static}}
@media(max-width:640px){.container{width:calc(100% - 28px)}.topbar .container{justify-content:center}.topbar .email,.topbar .ph{display:none}.topbar{font-size:11px}.brand img{width:76px;height:60px}.brand-words{font-size:17px}.header-inner{min-height:72px}.hero-grid{padding:43px 0 54px}.hero h1{font-size:clamp(40px,11vw,60px)}.hero .lead{font-size:15px}.hero-actions .btn{width:100%}.hero-art{min-height:330px}.art-main{height:75%;left:4%}.art-second{height:56%}.art-sticker{font-size:10px;padding:10px 12px}.art-mini{font-size:11px;padding:8px}.section{padding:57px 0}.section-head{display:block}.section-head .btn{margin-top:14px}.grid,.grid.four{grid-template-columns:1fr}.showcase{grid-template-columns:repeat(2,1fr);gap:10px}.mock-card img{height:145px}.mock-card .mock-caption{font-size:11px}.ctabox{display:block;padding:29px 25px}.ctabox .btn{margin-top:20px}.page-hero{padding:45px 0}.page-hero h1{font-size:38px}.footer-grid,.split{grid-template-columns:1fr}.foot-bottom{display:block}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.whatsapp-float{padding:12px 15px;bottom:12px;right:10px;font-size:13px}.related{grid-template-columns:1fr}}

/* Refined collage hero based on original Payal Graphics creative concepts. */
.hero-art .art-main{width:84%;height:81%;top:8%;left:3%;object-fit:cover;transform:rotate(-4deg)}
.hero-art .art-second{width:37%;height:52%;top:43%;right:-1%;transform:rotate(8deg)}

/* Payal Graphics 2026-10-11 Gallery / Video update: readable, uncropped media */
html{scroll-padding-top:95px} .section,.page-hero{scroll-margin-top:95px}
.mock-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:18px;border:1px solid #cad7e9;box-shadow:0 8px 24px #142d531a;background:#fff}
.mock-card img{display:block;width:100%;height:auto!important;aspect-ratio:640/440!important;object-fit:contain!important;background:#0b1732}
.mock-card .mock-caption{display:block;font-size:clamp(13px,1.0vw,15px);line-height:1.52;font-weight:850;text-align:center;color:#09172e;min-height:0;padding:12px 10px;overflow-wrap:anywhere;flex:1}
.mock-card .sample-tag{z-index:2;color:#13233b;background:#fff;box-shadow:0 4px 10px #060e2340}
.mock-card:focus-visible,.mock-card:hover{outline:3px solid #ff66a3;outline-offset:2px}
.service-card img{object-fit:contain!important;background:#0b1732;}
.split .visual img{max-height:none!important;object-fit:contain!important;background:#09132a}
.pg-reel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pg-reel{appearance:none;border:1px solid #d5dfee;border-radius:22px;overflow:hidden;padding:0;text-align:left;background:#fff;color:#0a1632;box-shadow:0 12px 35px #0a16451c;display:flex;flex-direction:column;min-width:0;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}
.pg-reel:hover,.pg-reel:focus-visible{transform:translateY(-3px);box-shadow:0 17px 39px #0b2d6345;outline:2px solid #46bfff;outline-offset:2px}
.pg-reel-cover{display:block;width:100%;height:235px;position:relative;overflow:hidden;background:linear-gradient(120deg,#0b1940,#10356f);}
.pg-reel-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.pg-reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#0a1639d9;border:3px solid #fff;width:65px;height:65px;border-radius:50%;font-size:26px;color:#fff;box-shadow:0 6px 24px #000a;padding-left:4px}
.pg-reel-duration{position:absolute;right:10px;top:9px;background:#06122dd9;color:#fff;font-size:11px;font-weight:900;padding:6px 9px;border-radius:10px}
.pg-reel-info{display:grid;gap:7px;padding:14px 16px 18px;flex:1;background:#fff}
.pg-reel-info small{font-weight:900;letter-spacing:.07em;color:#085c97;text-transform:uppercase;font-size:10px}
.pg-reel-info strong{font:850 17px/1.28 'Outfit',Arial,sans-serif;color:#0a1732;overflow-wrap:anywhere}
.pg-reel-info>span{align-self:end;color:#0a6ca2;font-size:12px;font-weight:900}
.pg-showcase-section .section-head{margin-bottom:26px}.pg-showcase-section .section-head p{color:#14203b}
.pg-gallery-banner{padding:34px 0;background:#0c1839}
.pg-gallery-banner a,.pg-art-intro a,.pg-image-features a{display:block;position:relative;border-radius:22px;overflow:hidden;background:#081329;box-shadow:0 13px 36px #02091238}
.pg-gallery-banner img,.pg-art-intro img,.pg-image-features img{width:100%;height:auto;object-fit:contain;display:block}
.pg-banner-caption,.pg-art-intro span,.pg-image-features span{position:absolute;bottom:0;left:0;right:0;padding:17px 20px;background:linear-gradient(0deg,#050c1df2,#050c1d16);color:#fff;font-weight:900;font-size:18px;text-shadow:0 2px 4px #0009}
.pg-image-features{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}
.pg-image-features a>img{aspect-ratio:1.72;object-fit:contain}
.pg-art-intro{margin:25px auto 12px}.pg-art-intro img{max-height:530px}
.pg-home-hero-image img{width:100%;display:block;height:auto;border-radius:26px;border:1px solid #608dd073;box-shadow:0 22px 55px #0008}
.hero-art{min-height:0;display:flex;align-items:center;justify-content:center}
.pg-tirth-home{background:linear-gradient(115deg,#f1f7ff,#eaf5ff)}
.pg-feature-art img{width:100%;height:auto;border-radius:23px;display:block;box-shadow:0 14px 36px #071e3d29}
.pg-tirth-hero{background:radial-gradient(circle at 85% 25%,#266fa0,transparent 42%),linear-gradient(115deg,#08162b,#122c57)}
.pg-tirth-hero .eyebrow{color:#83f2e8}.pg-tirth-hero .btn.outline{color:#fff}
.pg-video-modal[hidden]{display:none!important}
.pg-video-modal{position:fixed;inset:0;background:#010814e8;z-index:500;display:flex;align-items:center;justify-content:center;padding:18px}
.pg-video-dialog{background:#0a1534;color:#fff;border:1px solid #4c77b1;border-radius:20px;max-width:850px;width:min(96vw,850px);max-height:96vh;overflow:auto;padding:18px;box-shadow:0 30px 90px #000b}
.pg-video-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.pg-video-dialog h3{font-size:clamp(17px,2.2vw,24px);margin:0;color:#fff}
.pg-video-dialog button[data-pg-close]{border:1px solid #a9b9e0;border-radius:12px;padding:7px 12px;color:#fff;background:#1b3261;font-weight:900}
.pg-video-dialog video{display:block;width:100%;height:auto;max-height:62vh;background:#000;border-radius:13px;object-fit:contain}
.pg-video-dialog .pg-dialog-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
.pg-video-dialog p{color:#e5efff;font-size:13px;margin:8px 0}
.pg-video-dialog .btn{min-width:200px}
@media(max-width:1100px){.pg-reel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.pg-reel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pg-image-features{grid-template-columns:1fr}.pg-reel-cover{height:250px}.pg-reel-info strong{font-size:15px}}
@media(max-width:540px){.pg-reel-cover{height:200px}.pg-reel-info{padding:12px 10px 15px}.pg-reel-info strong{font-size:14px}.pg-reel-play{width:50px;height:50px;font-size:20px}.pg-reel-duration{font-size:9px}.pg-reel-grid{gap:9px}.pg-gallery-banner{padding:16px 0}.pg-banner-caption,.pg-art-intro span,.pg-image-features span{position:static;background:#071634;color:#fff;font-size:13px;padding:12px}.mock-card .mock-caption{font-size:12px;line-height:1.4;padding:10px 7px}.pg-video-dialog{padding:12px}.pg-video-dialog .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pg-reel{transition:none}}

.pg-blog-media{margin:25px 0 31px;background:#0b1740;border-radius:18px;overflow:hidden;box-shadow:0 12px 27px #05142a2c}.pg-blog-media img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}.pg-blog-media figcaption{padding:10px 15px;color:#fff;font-size:13px;font-weight:750}

/* Payal Graphics 4-Banner Premium Hero Slider — 2026-10-11 */
.hero .hero-grid{grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:28px;min-height:0;padding:49px 0 58px;align-items:center}
.hero .hero-grid>div:first-child{min-width:0}
.hero .hero-grid .hero-art.pg-hero-carousel{position:relative;display:block;width:100%;min-width:0;min-height:0;aspect-ratio:1.52;overflow:hidden;border-radius:25px;background:#061a38;border:1px solid rgba(88,205,255,.6);box-shadow:0 22px 55px #0009,0 0 38px #009bf04a;isolation:isolate}
.pg-slide-track{position:absolute;inset:0}
.pg-hero-carousel .pg-slide{position:absolute;inset:0;color:white;text-decoration:none;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(12px);transition:opacity .52s ease,transform .52s ease,visibility .52s}
.pg-hero-carousel .pg-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.pg-hero-carousel .pg-slide img{display:block;width:100%;height:calc(100% - 66px);object-fit:contain;background:linear-gradient(145deg,#06142c,#0b2048);border-radius:0}
.pg-hero-carousel .pg-slide-caption{height:66px;padding:10px 17px;background:linear-gradient(95deg,#0c2150,#07152c);display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid rgba(96,225,255,.36)}
.pg-hero-carousel .pg-slide-caption strong{font-size:17px;line-height:1.28;font-weight:900;color:#fff}
.pg-hero-carousel .pg-slide-caption>span{flex-shrink:0;color:#4df6eb;font-size:12px;font-weight:850}
.pg-hero-carousel .pg-slide-nav{position:absolute;right:14px;top:13px;z-index:2;display:flex;align-items:center;gap:9px;filter:drop-shadow(0 4px 9px #0008)}
.pg-hero-carousel .pg-slide-nav button{border:1px solid rgba(140,242,255,.55);background:#04132fc9;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s}
.pg-hero-carousel .pg-slide-nav>button{border-radius:11px;width:31px;height:32px;font-size:25px;line-height:1}
.pg-hero-carousel .pg-slide-nav>button:hover{background:#0878c2}
.pg-hero-carousel .pg-slide-dots{display:flex;gap:6px;align-items:center}
.pg-hero-carousel .pg-slide-dots button{border-radius:50%;height:10px;width:10px;padding:0}
.pg-hero-carousel .pg-slide-dots button[aria-current="true"]{background:#59f3e1;border-color:#59f3e1;width:25px;border-radius:10px}
.pg-hero-carousel .pg-slide:focus-visible{outline:3px solid #5afde9;outline-offset:-6px}
@media(max-width:990px){.hero .hero-grid{grid-template-columns:1fr;gap:28px;padding:40px 0 48px}.hero .hero-grid .hero-art.pg-hero-carousel{min-height:0;max-width:800px;margin:auto}}
@media(max-width:620px){.hero .hero-grid{padding:30px 0 34px}.hero .hero-grid .hero-art.pg-hero-carousel{border-radius:16px;aspect-ratio:1.39}.pg-hero-carousel .pg-slide img{height:calc(100% - 62px)}.pg-hero-carousel .pg-slide-caption{height:62px;padding:9px 12px}.pg-hero-carousel .pg-slide-caption strong{font-size:13px}.pg-hero-carousel .pg-slide-caption>span{font-size:10px}.pg-hero-carousel .pg-slide-nav{right:8px;top:8px;gap:6px}.pg-hero-carousel .pg-slide-nav>button{height:26px;width:27px;font-size:21px}.pg-hero-carousel .pg-slide-dots button{width:9px;height:9px}.pg-hero-carousel .pg-slide-dots button[aria-current="true"]{width:20px}}
@media(prefers-reduced-motion:reduce){.pg-hero-carousel .pg-slide{transition:none}}


/* Payal Graphics — Full Height Hero Carousel (2026-10-11 heightfix5)
   Maintains full image visibility while aligning the slider with the hero copy. */
@media (min-width:991px){
  .hero .hero-grid{grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:stretch;gap:26px;}
  .hero .hero-grid .hero-art.pg-hero-carousel{
    align-self:stretch; height:auto;min-height:640px;aspect-ratio:auto;
    margin-top:0;margin-bottom:0;
  }
}
.pg-hero-carousel .pg-slide{min-height:0;}
.pg-hero-carousel .pg-slide img{
  flex-shrink:0; width:100%;height:auto;max-height:63%;aspect-ratio:1200 / 676;
  object-fit:contain;object-position:center top;background:#06152f;
}
.pg-hero-carousel .pg-slide-caption{
  position:relative;isolation:isolate;flex:1;height:auto;min-height:0;
  width:100%;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;gap:9px;padding:19px 26px 21px;
  background:radial-gradient(circle at 93% 8%,rgba(26,133,244,.26),transparent 44%),
   linear-gradient(115deg,#07162f 0%,#0b2652 56%,#091935 100%);
  border-top:1px solid rgba(96,225,255,.45);
}
.pg-hero-carousel .pg-slide-caption::before{
  content:'';position:absolute;top:12px;right:14px;bottom:12px;left:auto;
  width:50%;border-radius:30px;background:linear-gradient(90deg,transparent,rgba(26,189,237,.05));
  pointer-events:none;z-index:-1;
}
.pg-hero-carousel .pg-slide-caption .pg-slide-kicker{
  font-size:10px;letter-spacing:.15em;font-weight:900;color:#73ecff;line-height:1.3;
}
.pg-hero-carousel .pg-slide-caption strong{
  display:block;font-size:clamp(21px,2.15vw,30px);font-weight:900;
  color:#fff;line-height:1.14;letter-spacing:-.028em;
}
.pg-hero-carousel .pg-slide-caption .pg-slide-summary{
  font-size:14px;line-height:1.5;color:#f3faff;font-weight:650;white-space:normal;
  flex-shrink:1;
}
.pg-hero-carousel .pg-slide-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px;}
.pg-hero-carousel .pg-slide-tags em{
  display:inline-flex;align-items:center;font-style:normal;font-size:11px;font-weight:850;
  padding:5px 10px;border-radius:99px;color:#dcfcff;
  border:1px solid rgba(87,199,244,.47);background:rgba(10,61,109,.65);
}
.pg-hero-carousel .pg-slide-foot{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;
}
.pg-hero-carousel .pg-slide-explore{
  display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;
  background:linear-gradient(110deg,#50dcf8,#998cff);color:#071126;
  border-radius:10px;font-size:12px;font-weight:900;
  box-shadow:0 8px 24px rgba(42,154,252,.25);
}
.pg-hero-carousel .pg-slide-count{font-size:12px;font-weight:850;color:#bce6ff;letter-spacing:.13em;}
@media (min-width:991px) and (max-width:1180px){
  .hero .hero-grid .hero-art.pg-hero-carousel{min-height:615px;}
  .pg-hero-carousel .pg-slide-caption{padding:16px 18px;gap:7px;}
  .pg-hero-carousel .pg-slide-caption strong{font-size:22px;}
  .pg-hero-carousel .pg-slide-summary{font-size:12px;}
}
@media (min-width:641px) and (max-width:990px){
  .hero .hero-grid .hero-art.pg-hero-carousel{height:auto;min-height:0;aspect-ratio:1.22;}
  .pg-hero-carousel .pg-slide img{max-height:61%;}
  .pg-hero-carousel .pg-slide-caption{padding:17px 21px;gap:7px;}
  .pg-hero-carousel .pg-slide-caption strong{font-size:clamp(19px,3.4vw,27px);}
}
@media (max-width:640px){
  .hero .hero-grid .hero-art.pg-hero-carousel{height:auto;min-height:0;aspect-ratio: .96;}
  .pg-hero-carousel .pg-slide img{width:100%;height:auto;max-height:55%;aspect-ratio:1200 / 676;object-fit:contain;}
  .pg-hero-carousel .pg-slide-caption{height:auto;min-height:0;padding:12px 13px 13px;gap:5px;}
  .pg-hero-carousel .pg-slide-caption .pg-slide-kicker{font-size:8px;}
  .pg-hero-carousel .pg-slide-caption strong{font-size:clamp(15px,4.3vw,20px);line-height:1.1;}
  .pg-hero-carousel .pg-slide-caption .pg-slide-summary{font-size:10px;line-height:1.4;}
  .pg-hero-carousel .pg-slide-tags{gap:4px;margin-top:2px;}
  .pg-hero-carousel .pg-slide-tags em{font-size:8px;padding:3px 6px;}
  .pg-hero-carousel .pg-slide-foot{margin-top:3px;}
  .pg-hero-carousel .pg-slide-explore{font-size:9px;padding:7px 11px;border-radius:8px;}
  .pg-hero-carousel .pg-slide-count{font-size:9px;}
}
@media (max-width:360px){
 .pg-hero-carousel .pg-slide-summary{display:none;}
 .pg-hero-carousel .pg-slide-tags em{font-size:8px;}
}