/* Agrawal Flex Printers — refined social showcase and 3D hero fallback */
.social-section{display:block!important;width:100%;padding:clamp(64px,8vw,112px) 8%;background:#e8e8df;overflow:hidden}
.social-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 36px}
.social-head>div{min-width:0}
.social-head h2{font-family:var(--font);font-size:clamp(44px,5.4vw,76px);font-weight:800;line-height:.92;letter-spacing:-.075em;margin:18px 0 0}
.social-head h2 em{font-style:normal;color:#8cae0a}
.social-handle{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.12em;padding:0 0 10px;border-bottom:1px solid #171a1d}
.reel-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}
.reel-card{position:relative;display:flex!important;min-width:0;min-height:490px;aspect-ratio:9/14;overflow:hidden;padding:22px;color:#fff!important;flex-direction:column;justify-content:space-between;isolation:isolate;border-radius:2px;box-shadow:0 18px 45px #171a1d18;transition:transform .4s ease,box-shadow .4s ease}
.reel-card:hover{transform:translateY(-9px);box-shadow:0 26px 55px #171a1d2c}
.reel-card:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#090d14 0%,transparent 35%,#090d14 100%)}
.reel-card:after{content:"";position:absolute;z-index:-1;inset:-45%;background:linear-gradient(110deg,transparent 42%,#d8ff4350 50%,transparent 58%);transform:translateX(-65%) rotate(10deg);transition:transform .9s ease}
.reel-card:hover:after{transform:translateX(55%) rotate(10deg)}
.reel-one{background:radial-gradient(ellipse at 50% 42%,#c9ee52 0%,#607b35 25%,#18231c 70%)}
.reel-two{background:radial-gradient(ellipse at 50% 42%,#8aa0bb 0%,#40536d 28%,#101722 72%)}
.reel-three{background:radial-gradient(ellipse at 50% 42%,#d69a6b 0%,#845638 28%,#211a18 72%)}
.reel-label,.reel-footer{position:relative;z-index:1;font-size:9px;font-weight:800;letter-spacing:.16em}
.reel-play{position:absolute;top:48%;left:50%;width:66px;height:66px;display:grid;place-items:center;padding-left:4px;border:1px solid #ffffffa8;border-radius:50%;background:#ffffff20;color:white;font-size:18px;backdrop-filter:blur(8px);transform:translate(-50%,-50%);transition:all .3s ease}
.reel-card:hover .reel-play{background:#d8ff43;color:#111720;border-color:#d8ff43;transform:translate(-50%,-50%) scale(1.1)}
.reel-copy{position:relative;z-index:1;display:block}
.reel-copy small{display:block;color:#d8ff43;font-size:9px;font-weight:800;letter-spacing:.2em;margin-bottom:13px}
.reel-copy b{display:block;color:#fff;font-family:var(--font);font-size:clamp(28px,3.3vw,46px);font-weight:800;line-height:.91;letter-spacing:-.075em}
.reel-footer{border-top:1px solid #ffffff70;padding-top:15px}
.social-note{max-width:760px;font-size:10px;line-height:1.7;color:#6f756e;margin:22px 0 25px}
.button-dark{display:inline-flex;align-items:center;gap:22px;background:#111720;color:#fff;padding:16px 21px;font-size:10px;font-weight:800;letter-spacing:.04em}
.button-dark span{color:#d8ff43}
.button-dark:hover{background:#29313e}
.audience-section{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}
.audience-list{min-width:0}
.audience-link{display:grid!important;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid var(--darkline);transition:padding .25s ease,color .25s ease}
.audience-link b{font-size:clamp(13px,1.2vw,16px);line-height:1.4}
.audience-link:hover{padding-left:10px;color:#769300}
.audience-link i{font-style:normal;text-align:right}
.audience-list>div{display:none!important}
.hero-art{perspective:1100px}
.hero-3d-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:3;display:block;pointer-events:auto}
.hero-art .sign-card{z-index:2;opacity:1;transform-style:preserve-3d;animation:sign-float 6s ease-in-out infinite;transition:opacity .5s ease}
html.three-ready .hero-art .sign-card{opacity:.13}
html.three-fallback .hero-3d-canvas{display:none}
html.three-fallback .hero-art .sign-card{opacity:1;animation:sign-float 6s ease-in-out infinite,sign-turn 12s ease-in-out infinite}
@keyframes sign-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes sign-turn{0%,100%{rotate:-5deg}50%{rotate:5deg}}
@media(max-width:900px){.reel-card{min-height:410px}}
@media(max-width:720px){
 .social-section{padding:72px 6%}
 .social-head{display:block;margin-bottom:26px}
 .social-head h2{font-size:clamp(42px,11vw,58px)}
 .social-handle{display:inline-block;margin-top:22px}
 .reel-grid{grid-template-columns:1fr!important;gap:15px}
 .reel-card{min-height:0;aspect-ratio:4/5;padding:20px}
 .reel-copy b{font-size:clamp(32px,9vw,46px)}
 .audience-section{grid-template-columns:1fr!important;gap:32px}
 .audience-link{padding:17px 0}
 .hero-3d-canvas{opacity:.8}
}
@media(prefers-reduced-motion:reduce){
 .reel-card,.hero-art .sign-card{transition:none!important;animation:none!important}
 .reel-card:after{display:none}
}

/* Premium top ticker and physically layered signage showcase */
body>.ticker{position:relative;z-index:12;height:46px;padding:0;display:flex;align-items:center}
body>.ticker .ticker-track{justify-content:flex-start;gap:42px;min-width:max-content;padding-left:100%;animation:ticker-run 34s linear infinite}
body>.ticker .ticker-track span{white-space:nowrap}
body>.ticker:hover .ticker-track{animation-play-state:paused}
.acrylic-scene{isolation:isolate;perspective:1000px;position:relative}
.acrylic-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#ffffff45,transparent 58%);z-index:-1}
.acrylic-scene-dark{background:radial-gradient(ellipse at 50% 45%,#35404b,#111720 72%)}
.acrylic-scene-warm{background:radial-gradient(ellipse at 50% 42%,#e6d5c0,#9b8878 78%)}
.wall-wash{position:absolute;inset:0;background:linear-gradient(125deg,#ffffff24,transparent 48%,#11182720)}
.mount-board{position:relative;display:grid;place-items:center;transform:rotateY(-13deg) rotateX(5deg);transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff38,#ffffff08 30%,#00000010 75%,#ffffff35);border:1px solid #ffffff9c;box-shadow:22px 26px 34px #111a,inset 0 0 0 7px #ffffff18,inset 0 0 22px #ffffff40;backdrop-filter:blur(3px)}
.mount-board:before{content:"";position:absolute;inset:12px;background:linear-gradient(135deg,#ffffff2a,transparent 45%);border:1px solid #ffffff55;pointer-events:none}
.mount-board-large{width:76%;height:72%;padding:24px;background:linear-gradient(135deg,#d8e0ddc9,#82949a88);transform:rotateY(-15deg) rotateX(5deg) rotateZ(-3deg)}
.mount-board-compact{width:78%;height:67%;padding:18px;background:linear-gradient(145deg,#ffffff45,#c5d0d188);transform:rotateY(-12deg) rotateX(4deg) rotateZ(2deg)}
.mount-board-warm{background:linear-gradient(145deg,#f2e5d6,#bba995)}
.acrylic-face{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:9%;color:#17252b;background:linear-gradient(145deg,#f5f5e9f2,#dce6e1dc);border:1px solid #ffffff;box-shadow:0 14px 24px #1115,inset 0 0 24px #ffffffa8;transform:translateZ(18px)}
.acrylic-face:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff9c,transparent 23%,transparent 70%,#ffffff65);pointer-events:none}
.acrylic-face small{font-size:clamp(6px,.65vw,9px);letter-spacing:.2em;font-weight:800;color:#657278}
.acrylic-face b{font:800 clamp(28px,3.4vw,52px)/.88 var(--font);letter-spacing:-.08em;margin:14px 0;color:#1a2a30}
.acrylic-face b em{font-style:normal;color:#86a900}
.acrylic-face>span,.acrylic-face i{font-style:normal;font-size:7px;letter-spacing:.16em;font-weight:800;color:#68777a}
.stand-off{position:absolute;z-index:4;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 12%,#d9e0e1 20%,#68747c 56%,#27323b 78%);border:1px solid #f8ffff;box-shadow:2px 3px 5px #1118,0 0 0 3px #ffffff20;transform:translateZ(28px)}
.top-left{top:9px;left:9px}.top-right{top:9px;right:9px}.bottom-left{bottom:9px;left:9px}.bottom-right{bottom:9px;right:9px}
.face-glow{background:linear-gradient(145deg,#202b39,#111923);color:#fff;box-shadow:0 0 12px #d8ff4380,0 0 35px #d8ff4340,inset 0 0 20px #ffffff18}
.face-glow small,.face-glow i{color:#b7c1cb}.face-glow b{color:#f4f8ed;text-shadow:0 0 12px #d8ff43}.face-glow b span{color:#d8ff43;margin-left:9px}
.face-name{background:linear-gradient(145deg,#f9f1e4,#d9c7b3)}.face-name b{font-size:clamp(27px,3vw,42px)}
.scene-caption{position:absolute;bottom:12px;left:15px;color:#ffffffc9;font-size:7px;font-weight:800;letter-spacing:.16em}
.work-grid-premium{align-items:stretch}.work-grid-premium .work-art{height:340px}.work-grid-premium .work-wide .work-art{height:340px}.work-grid-premium .work-tile{min-width:0}.work-grid-premium .work-label b{line-height:1.4}
@media(max-width:720px){body>.ticker{height:40px}.work-grid-premium{grid-template-columns:1fr 1fr}.work-grid-premium .work-wide{grid-column:1/-1}.work-grid-premium .work-art,.work-grid-premium .work-wide .work-art{height:245px}.mount-board-large{width:82%;height:72%}.acrylic-face b{font-size:clamp(27px,8vw,42px)}}


/* Brand hierarchy correction — clean, legible and unmistakably Agrawal Flex Printers */
.site-header{min-height:98px;height:98px;padding-left:6%;padding-right:6%}
.site-header .brand{gap:16px;min-width:300px}
.site-header .brand-mark{flex:0 0 58px;width:58px;height:58px;border:1px solid var(--lime);background:linear-gradient(145deg,#d8ff4318,#ffffff05);box-shadow:0 0 0 5px #d8ff430d}
.site-header .brand-af{font-size:22px;letter-spacing:-2px}
.site-header .brand-plus{right:6px;bottom:5px;font-size:13px}
.site-header .brand-name{display:flex;flex-direction:column;gap:3px;font-size:18px;line-height:1.05;letter-spacing:.08em}
.site-header .brand-name strong{font-size:18px;line-height:1.05;letter-spacing:.1em}
.site-header .brand-name b{font-size:15px;line-height:1.1;letter-spacing:.19em;margin:0}
.site-header .brand-name small{font-size:8px;letter-spacing:.22em;margin-top:5px;color:var(--lime)}
.hero{padding-top:82px}
.hero-content{max-width:700px}
.hero-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:auto;max-width:100%;margin:0 0 28px;padding:0 0 0 18px;border:0;border-left:3px solid var(--lime);background:none}
.hero-brand-kicker{display:block;border:0;padding:0;margin:0 0 8px;color:#d8ff43;font-size:9px;line-height:1.4;letter-spacing:.2em}
.hero-brand-name{display:block;margin:0;color:#fff;font-family:var(--font);font-size:clamp(24px,2.7vw,36px);font-weight:900;line-height:1.08;letter-spacing:-.045em;white-space:normal}
.hero-brand-service{display:block;margin-top:8px;color:#aeb4bd;font-size:9px;line-height:1.5;letter-spacing:.17em;font-weight:700}
.hero .eyebrow{margin-top:0}
.hero h1{margin-top:22px}
@media(max-width:1050px){
 .site-header .brand{min-width:260px}
 .site-header .brand-name,.site-header .brand-name strong{font-size:16px}
 .site-header .brand-name b{font-size:13px}
 .main-nav{gap:14px}
}
@media(max-width:720px){
 .site-header{height:78px;min-height:78px;padding:0 5%}
 .site-header .brand{min-width:0;gap:11px}
 .site-header .brand-mark{flex-basis:46px;width:46px;height:46px}
 .site-header .brand-name,.site-header .brand-name strong{font-size:14px}
 .site-header .brand-name b{font-size:11px;letter-spacing:.16em}
 .site-header .brand-name small{font-size:6px;letter-spacing:.16em;margin-top:3px}
 .main-nav{top:78px}
 .hero{padding:58px 6% 100px;min-height:790px}
 .hero-brand-lockup{margin-bottom:23px;padding-left:13px}
 .hero-brand-kicker{font-size:8px}
 .hero-brand-name{font-size:clamp(23px,7vw,31px);line-height:1.1}
 .hero-brand-service{font-size:8px;letter-spacing:.12em}
 .hero h1{margin-top:20px}
}


/* Brand-first hero: the business name leads; the campaign line supports it. */
.site-header .brand{gap:14px;min-width:320px}
.site-header .brand-mark{width:54px;height:54px;flex:0 0 54px;border:1px solid #d8ff43;background:#d8ff430c;box-shadow:none}
.site-header .brand-af{font:900 20px/1 var(--font);letter-spacing:-2px;color:#d8ff43}
.site-header .brand-name{display:flex;flex-direction:column;gap:3px;font-size:18px;line-height:1.05;letter-spacing:.08em}
.site-header .brand-name strong{font-size:18px;letter-spacing:.1em}
.site-header .brand-name b{font-size:15px;letter-spacing:.16em;margin:0}
.site-header .brand-name small{font-size:7px;letter-spacing:.18em;margin-top:4px;color:#aeb4bd}
.hero{min-height:700px;padding-top:76px;padding-bottom:95px}
.hero-content{width:58%;max-width:720px}
.hero-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:auto;max-width:100%;margin:0 0 25px;padding:0;border:0;background:none}
.hero-brand-kicker{display:inline-flex;align-items:center;gap:9px;border:0;padding:0;margin:0 0 16px;color:var(--lime);font-size:10px;line-height:1.4;letter-spacing:.22em;font-weight:800}
.hero-brand-kicker:before{content:"";width:24px;height:2px;background:var(--lime)}
.hero-brand-name{display:block;color:#fff;font:900 clamp(48px,5.4vw,76px)/.91 var(--font);letter-spacing:-.075em;white-space:normal}
.hero-brand-name span{color:var(--lime)}
.hero-brand-service{display:block;margin-top:18px;color:#aeb4bd;font-size:10px;line-height:1.5;letter-spacing:.16em;font-weight:800}
.hero-slogan{font:800 clamp(25px,2.6vw,38px)/1.08 var(--font)!important;letter-spacing:-.055em!important;margin:0 0 18px!important;color:#f3f4f0}
.hero-slogan em{font-style:normal;color:#c9d0b0!important}
.hero-copy{max-width:410px;margin-top:0;font-size:13px}
.hero-proof{margin-top:45px}
.hero-art{width:40%;right:4%;top:14%;height:450px}
.hero-art .sign-card{width:min(340px,78%);height:295px}
.hero-art .sign-letter{font-size:56px}
@media(max-width:1050px){
 .site-header .brand{min-width:260px}
 .hero-content{width:62%}
 .hero-brand-name{font-size:clamp(43px,5.3vw,62px)}
 .hero-art{right:0;width:39%;opacity:.9}
 .hero-slogan{font-size:clamp(23px,2.7vw,32px)!important}
}
@media(max-width:720px){
 .site-header .brand{min-width:0;gap:10px}
 .site-header .brand-mark{width:44px;height:44px;flex-basis:44px}
 .site-header .brand-name,.site-header .brand-name strong{font-size:14px}
 .site-header .brand-name b{font-size:11px;letter-spacing:.14em}
 .site-header .brand-name small{font-size:6px;letter-spacing:.13em}
 .hero{min-height:790px;padding:55px 6% 100px;align-items:flex-start}
 .hero-content{width:100%;max-width:100%}
 .hero-brand-lockup{margin-bottom:20px}
 .hero-brand-kicker{font-size:8px;margin-bottom:12px}
 .hero-brand-name{font-size:clamp(43px,12vw,62px);line-height:.93}
 .hero-brand-service{font-size:8px;letter-spacing:.1em;margin-top:13px}
 .hero-slogan{font-size:clamp(24px,7vw,32px)!important;line-height:1.08!important;margin:0 0 14px!important}
 .hero-copy{font-size:11px;max-width:340px}
 .hero-proof{margin-top:25px}
 .hero-art{width:100%;height:285px;top:auto;bottom:52px;right:-12%;opacity:.48;transform:scale(.7);transform-origin:right bottom}
}