1import{r as n,j as e,m as a,A as v,u as W}from"./framer-motion-4HS7Z6-J.js";import{I as Z,H as B,L as w}from"./index-C_lQs6WG.js";import{Q as R}from"./QuoteButton-BJnrl34v.js";import{P as F}from"./PageSeo-CgKXX26Q.js";import P from"./HlsVideo-DOZZHR-3.js";import{B as N}from"./BgHls-rE3Bl0gh.js";import{F as T,m as H,o as M,Q as O,O as f,s as D,n as L,a5 as A,L as E,t as V,R as q,u as G,ad as Y,X as z,q as k,r as I}from"./lucide-Dsae3KNg.js";import"./hls-Cpgfo5ZQ.js";const o="#e0bc1d",i=`${Z}/images/projects/la-zoo`,s=[{src:`${i}/gallery-boulderscape-lazoo-1.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-2.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-3.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-4.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-5.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-6.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-7.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-9.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-10.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-11.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-12.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-13.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-14.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-15.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-16.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-17.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-18.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-19.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-20.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-21.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-22.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-23.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-24.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-25.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-26.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-27.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-28.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-29.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-30.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-31.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-32.webp`,alt:"LA Zoo project photo"},{src:`${i}/gallery-boulderscape-lazoo-.webp`,alt:"LA Zoo project photo"}];function c({children:d,delay:g=0}){const p=n.useRef(null),h=W(p,{once:!0,margin:"-50px"});return e.jsx(a.div,{ref:p,initial:{opacity:0,y:25},animate:h?{opacity:1,y:0}:{},transition:{duration:.6,delay:g},children:d})}const S=[{icon:M,value:"78",unit:"Days",label:"Record Installation Time",mobileLabel:`Record 2Installation Time`},{icon:O,value:"26",unit:"%",label:"Savings Over Alternatives",mobileLabel:`Savings Over 3Alternatives`},{icon:f,value:"11K",unit:"Sq Ft",label:"Wall Square Footage",mobileLabel:`Wall Square 4Footage`}],Q=[{icon:E,title:"Services Provided",value:"Supplied, created, and installed all rockwork, pond elements, epoxy sculpting, model creation, waterproofing, and accent staining."},{icon:V,title:"Boulderscape Finish",value:"Multi-jungle & desert formations"},{icon:L,title:"Color Scheme",value:"Various Earth Blended Finishes"},{icon:q,title:"Shotcrete Thickness",value:'6-24"'},{icon:f,title:"Average Relief",value:'10"'},{icon:G,title:"Shoring System",value:"Various"},{icon:A,title:"Shotcrete/Concrete Mix Design",value:"6,000 PSI"},{icon:Y,title:"Weather",value:"Silica fume, Xypex Concentrate, C-500 Integral Waterproofing"}];function ie(){const[d,g]=n.useState(!1),[p,h]=n.useState(0),[l,b]=n.useState(null),C=n.useCallback(()=>h(t=>(t+1)%s.length),[]),$=n.useCallback(()=>h(t=>(t-1+s.length)%s.length),[]);return n.useEffect(()=>(document.body.style.overflow=d||l!==null?"hidden":"",()=>{document.body.style.overflow=""}),[d,l]),e.jsxs(e.Fragment,{children:[e.jsx(F,{path:"/la-zoo"}),e.jsxs(B,{children:[e.jsx("script",{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"CreativeWork",name:"LA Zoo",about:"Architectural sculpted shotcrete",creator:{"@type":"Organization",name:"Boulderscape, Inc."},locationCreated:{"@type":"Place",name:"Los Angeles, California"},url:"https://boulderscape.com/la-zoo"})}),e.jsx("script",{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:"https://boulderscape.com/"},{"@type":"ListItem",position:2,name:"Our Projects",item:"https://boulderscape.com/our-projects"},{"@type":"ListItem",position:3,name:"LA Zoo",item:"https://boulderscape.com/la-zoo"}]})})]}),e.jsxs("section",{style:{position:"relative",minHeight:"70vh",display:"flex",flexDirection:"column",justifyContent:"center",paddingTop:130,paddingBottom:60},children:[e.jsxs("div",{style:{position:"absolute",inset:0},children:[e.jsx("img",{src:`${i}/hero-loop-la-zoo.webp`,alt:"Multi-jungle & desert formations architectural shotcrete wall by Boulderscape in Los Angeles",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}),e.jsx(N,{slug:"la-zoo",className:"hero-bg-video",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.9) 100%)"}})]}),e.jsxs("div",{className:"proj-hero-content",style:{position:"relative",zIndex:10,maxWidth:1100,margin:"0 auto",width:"100%",padding:"0 40px",display:"flex",alignItems:"center",gap:60,flexWrap:"wrap"},children:[e.jsxs("div",{style:{flex:"1 1 500px",paddingTop:30},children:[e.jsxs(a.div,{initial:{opacity:0,y:20}
4,animate:{opacity:1,y:0},transition:{duration:.7},style:{display:"inline-flex",alignItems:"center",gap:8,padding:"8px 18px",borderRadius:50,background:"rgba(224,188,29,0.1)",border:"1px solid rgba(224,188,29,0.25)",WebkitBackdropFilter:"blur(12px)",backdropFilter:"blur(12px)",marginBottom:16},children:[e.jsx(T,{size:13,style:{color:o}}),e.jsx("span",{style:{fontSize:10,fontWeight:700,letterSpacing:"0.2em",textTransform:"uppercase",color:o},children:"Boulderscape Project"})]}),e.jsxs(a.h1,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.8,delay:.1},style:{fontSize:"clamp(36px, 6vw, 64px)",fontWeight:200,color:"#fff",letterSpacing:0,lineHeight:1.1,marginBottom:10},children:["LA ",e.jsx("span",{style:{fontWeight:700,color:o},children:"Zoo"})]}),e.jsxs(a.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.7,delay:.16},style:{display:"inline-flex",alignItems:"center",gap:7,marginBottom:14},children:[e.jsx(H,{size:15,style:{color:o}}),e.jsx("span",{style:{fontSize:15,fontWeight:500,letterSpacing:"0.04em",color:"rgba(255,255,255,0.75)"},children:"Los Angeles, California"})]}),e.jsxs(a.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.7,delay:.22},style:{fontSize:17,color:"rgba(255,255,255,0.7)",maxWidth:560,lineHeight:1.7},children:["At the LA Zoo, Boulderscape hand-built five immersive animal habitats â from Alligator Swamp to Oak Woodland Pond â sculpting 11,000 square feet of ",e.jsx("strong",{style:{color:"rgba(255,255,255,0.92)",fontWeight:600},children:"shotcrete rockwork"}),", ponds, and naturalistic detail, delivered in 78 days at 26% below traditional construction."]}),e.jsx("div",{className:"proj-stats-inline",style:{display:"none"},children:e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:10,marginTop:28},children:S.map(t=>e.jsxs("div",{style:{textAlign:"center",padding:"12px 8px",display:"flex",flexDirection:"column",alignItems:"center"},children:[e.jsx("div",{style:{width:40,height:40,borderRadius:50,marginBottom:10,background:"rgba(224,188,29,0.08)",border:"1px solid rgba(224,188,29,0.15)",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(t.icon,{size:18,style:{color:o}})}),e.jsxs("div",{children:[e.jsx("span",{style:{fontSize:32,fontWeight:200,color:"#fff",fontFamily:"'Roboto', sans-serif"},children:t.value}),e.jsx("span",{style:{fontSize:14,fontWeight:700,color:o,marginLeft:4},children:t.unit})]}),e.jsx("p",{style:{fontSize:13,color:"#fff",marginTop:6,lineHeight:1.3,whiteSpace:"pre-line"},children:t.mobileLabel})]},t.label))})})]}),e.jsxs(a.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.7,delay:.3},style:{display:"flex",flexDirection:"column",alignItems:"center",gap:12},children:[e.jsxs("button",{onClick:()=>g(!0),className:"hero-play-btn",style:{position:"relative",width:64,height:64,borderRadius:"50%",border:`2px solid ${o}`,background:"rgba(0,0,0,0.4)",WebkitBackdropFilter:"blur(10px)",backdropFilter:"blur(10px)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.4s ease"},children:[e.jsx("span",{style:{position:"absolute",inset:-10,borderRadius:"50%",border:`1px solid ${o}`,opacity:0,animation:"playPulse 2s ease-out infinite"}}),e.jsx("span",{style:{position:"absolute",inset:-10,borderRadius:"50%",border:`1px solid ${o}`,opacity:0,animation:"playPulse 2s ease-out infinite 0.6s"}}),e.jsx(D,{size:24,fill:o,color:o,style:{marginLeft:3}})]}),e.jsx("span",{style:{fontSize:11,fontWeight:700,letterSpacing:"0.1em",textTransform:"uppercase",color:"rgba(255,255,255,0.6)"},children:"Watch Video"})]})]}),e.jsx("div",{className:"proj-stats-wrap",style:{position:"relative",zIndex:10,width:"100%"},children:e.jsx("div",{className:"proj-stats",style:{maxWidth:1100,margin:"0 auto",padding:"0 40px",display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:16},children:S.map((t,r)=>e.jsx(c,{delay:.3+r*.1,children:e.jsxs("div",{style:{padding:"24px 20px",textAlign:"center",position:"relative"},children:[e.jsx("div",{style:{width:52,height:52,borderRadius:50,margin:"0 auto 16px",background:"rgba(224,188,29,0.06)",border:"1px solid rgba(224,188,29,0.12)",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",zIndex:1,boxShadow:"0 0 20px rgba(224,188,29,0.08)"},children:e.jsx(t.icon,{size:22,style:{color:o,filter:"drop-shadow(0 0 4px rgba(224,188,29,0.4))"}})}),e.jsxs("div",{style:{position:"relative",zIndex:1},children:[e.jsx("span",{style:{fontSize:48,fontWeight:200,color:"#fff",lineHeight:1,fontFamily:"'Roboto', sans-serif"},children:t.value}),e.jsx("span",{style:{fontSize:18,fontWeight:700,color:o,marginLeft:6},children:t.unit})]}),e.jsx("div",{style:{width:30,height:1,background:"rgba(224,188,29,0.3)",margin:"12px auto",position:"relative",zIndex:1}}),e.jsx("p",{style:{fontSize:14,color:"#fff",letterSpacing:"0.06em",position:"relative",zIndex:1,fontWeight:500},children:t.label})]})},t.label))})}),e.jsx(a.div,{className:"proj-scroll-indicator",style:{position:"absolute",bottom:20,left
4:"50%",transform:"translateX(-50%)",zIndex:10,cursor:"pointer"},initial:{opacity:0},animate:{opacity:1},transition:{delay:1.5,duration:.8},onClick:()=>{var t;return(t=document.getElementById("about-project"))==null?void 0:t.scrollIntoView({behavior:"smooth"})},children:e.jsx(a.div,{style:{width:24,height:40,borderRadius:12,border:"1px solid rgba(255,255,255,0.2)",display:"flex",alignItems:"flex-start",justifyContent:"center",padding:6},children:e.jsx(a.div,{style:{width:3,height:8,borderRadius:2,background:o},animate:{y:[0,14,0]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut"}})})})]}),e.jsx("section",{id:"about-project",style:{background:"#000",paddingTop:60,paddingBottom:80,scrollMarginTop:100},children:e.jsxs("div",{className:"proj-about",style:{display:"grid",gridTemplateColumns:"1fr 1fr",maxWidth:1400,margin:"0 auto",padding:"0 40px",gap:40,alignItems:"center"},children:[e.jsx(c,{children:e.jsx("div",{style:{borderRadius:12,overflow:"hidden",aspectRatio:"1/1"},children:e.jsx("img",{src:`${i}/gallery-boulderscape-lazoo-2.webp`,alt:"LA Zoo detail",loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})})}),e.jsx("div",{style:{display:"flex",alignItems:"center"},children:e.jsxs("div",{style:{padding:"40px",maxWidth:560,margin:"0 auto"},children:[e.jsxs(c,{children:[e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:8,padding:"8px 18px",borderRadius:50,background:"rgba(224,188,29,0.08)",border:"1px solid rgba(224,188,29,0.2)",marginBottom:20},children:[e.jsx(L,{size:13,style:{color:o}}),e.jsx("span",{style:{fontSize:10,fontWeight:700,letterSpacing:"0.2em",textTransform:"uppercase",color:o},children:"In-Depth Analysis"})]}),e.jsxs("h2",{style:{fontSize:"clamp(28px, 3.5vw, 40px)",fontWeight:200,color:"#fff",marginBottom:16},children:["Boulderscape ",e.jsx("span",{style:{fontWeight:700},children:"Services"})]})]}),e.jsxs(c,{delay:.1,children:[e.jsx("p",{style:{fontSize:15,color:"rgba(255,255,255,0.65)",lineHeight:1.8,marginBottom:20},children:"As part of a multi exhibit expansion at the Los Angeles Zoo, Boulderscape helped create five immersive animal habitats including Oak Woodland Pond, Alligator Swamp, Damp Forest, Bite and Squeeze, and Behind the Glass. Each environment was designed to replicate the natural habitat of its featured species through detailed sculpted shotcrete and themed architectural elements."}),e.jsx("p",{style:{fontSize:15,color:"rgba(255,255,255,0.65)",lineHeight:1.8,marginBottom:20},children:"Boulderscape fabricated and installed a wide range of features including rock formations, ponds, trees, root systems, mud banks, and other habitat components. Many elements were constructed in Boulderscape's fabrication facility before being transported and installed on site, while others were sculpted directly in place. All features were finished using integral color and environmentally friendly topical stains to create realistic textures and natural color variation."}),e.jsxs("p",{style:{fontSize:15,color:"rgba(255,255,255,0.65)",lineHeight:1.8},children:['The project encompassed 11,230 square feet of themed construction consisting of structural shotcrete sections ranging from 6" thick to 24" thick with an average 10" thick architectural relief using a 6,000 PSI mix design. The entire installation was backed by a 10 year warranty, providing the owner with long term confidence in the durability and performance of the finished exhibits. See our ',e.jsx(w,{to:"/shotcrete-process",style:{color:o,fontWeight:600,textDecoration:"none"},children:"sculpted shotcrete process"})," or explore more ",e.jsx(w,{to:"/finishes",style:{color:o,fontWeight:600,textDecoration:"none"},children:"shotcrete finishes"}),"."]}),e.jsx(R,{})]})]})})]})}),e.jsx("section",{style:{position:"relative",background:"#000",padding:"80px 0"},children:e.jsxs("div",{style:{position:"relative",zIndex:2,maxWidth:1200,margin:"0 auto",padding:"0 40px"},children:[e.jsx(c,{children:e.jsxs("div",{style:{textAlign:"center",marginBottom:48},children:[e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:8,padding:"8px 18px",borderRadius:50,background:"rgba(224,188,29,0.1)",border:"1px solid rgba(224,188,29,0.25)",marginBottom:20},children:[e.jsx(A,{size:13,style:{color:o}}),e.jsx("span",{style:{fontSize:10,fontWeight:700,letterSpacing:"0.2em",textTransform:"uppercase",color:o},children:"Project Specifications"})]}),e.jsxs("h2",{style:{fontSize:"clamp(28px, 4vw, 44px)",fontWeight:200,color:"#fff"},children:["Service ",e.jsx("span",{style:{fontWeight:700},children:"Overview"})]})]})}),e.jsx("div",{className:"proj-specs",style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:16},children:Q.map((t,r)=>{const u=t.icon;return e.jsx(c,{delay:r*.06,children:e.jsxs("div",{className:"proj-spec-card",style:{padding:"28px 24px",textAlign:"center",position:"relative"},children:[e.jsx("div",{className:"proj-spec-glow",style:{position:"absolute",inset:0,borderRadius:12,background:"radial-gradient(ellipse at 50% 30%, rgba(224,188,29,0.06) 0%, transparent 60%)",opacity:0,transition:"opacity 0.5s ease",pointerEvents:"none"}}),e.jsx("div",{className:"proj-spec-icon",style:{width:90,height:90,borderRadius:"50%",margin:"0 auto 18px",background:"linear-gradient(145deg, rgba(20,18,5,0.9) 0%, rgba(0,0,0,0.95) 100%)",border:`2px solid ${o}`,display:"flex",alignItems:"center",justifyContent:"center",position:"relative",zIndex:1,transition:"all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1)",boxShadow:"0 0 15px rgba(224,188,29,0.1), inset 0 0 15px rgba(224,188,29,0.05)"},children:e.jsx(u,{size:40,style:{color:o,transition:"all 0.6s ease",filter:"drop-shadow(0 0 3px rgba(224,188,29,0.3))"},className:"proj-spec-icon-svg"})}),e.jsx("h4",{style:{fontSize:16,fontWeight:700,color:"#fff",marginBottom:8,letterSpacing:"0.03em",position:"relative",zIndex:1},children:t.title}),e.jsx("p",{style:{fontSize:15,color:"rgba(255,255,255,0.7)",lineHeight:1.6,position:"relative",zIndex:1},children:t.value})]})},t.title)})})]})}),e.jsx(v,{children:d&&e.jsxs(a.div,{initial:{opacity:0}
4,animate:{opacity:1},exit:{opacity:0},transition:{duration:.4},style:{position:"fixed",inset:0,zIndex:9999,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.92)",WebkitBackdropFilter:"blur(20px)",backdropFilter:"blur(20px)"},onClick:()=>g(!1),children:[e.jsx(a.button,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:.2},onClick:()=>g(!1),style:{position:"absolute",top:24,right:24,zIndex:10,width:48,height:48,borderRadius:10,background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.15)",color:"#fff",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(z,{size:22})}),e.jsx(a.div,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},onClick:t=>t.stopPropagation(),style:{width:"90vw",maxWidth:1280,aspectRatio:"16/9",borderRadius:10,overflow:"hidden",boxShadow:"0 30px 80px rgba(0,0,0,0.5)",border:"1px solid rgba(255,255,255,0.08)",position:"relative"},children:e.jsx(P,{slug:"la-zoo"})})]})}),e.jsx("section",{style:{background:"#000",padding:"0 0 60px",position:"relative"},children:e.jsxs("div",{style:{maxWidth:1400,margin:"0 auto",padding:"0 20px",position:"relative"},children:[e.jsx("div",{className:"proj-gallery-grid",style:{display:"grid",gridTemplateColumns:"1fr 1.2fr 1fr",gap:10,alignItems:"center"},children:(()=>{const t=s.length,r=(p-1+t)%t,u=(p+1)%t;return[{idx:r,position:"left"},{idx:p,position:"center"},{idx:u,position:"right"}].map(({idx:x,position:y})=>{const j=s[x],m=y==="center";return e.jsxs(a.div,{layout:!0,"data-position":y,style:{aspectRatio:"16/9",borderRadius:12,overflow:"hidden",cursor:"pointer",position:"relative",opacity:m?1:.5,transform:m?"scale(1)":"scale(0.92)",transition:"all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)"},onClick:()=>{m?b(x):h(x)},whileHover:{opacity:m?1:.75,scale:m?1.02:.95},children:[e.jsx("img",{src:j.src,alt:j.alt,loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}}),e.jsx("div",{className:"proj-gallery-overlay",style:{position:"absolute",inset:0,background:"rgba(0,0,0,0)",transition:"background 0.4s ease",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{className:"proj-gallery-zoom",style:{width:48,height:48,borderRadius:"50%",background:"rgba(0,0,0,0.5)",border:`2px solid ${o}`,display:"flex",alignItems:"center",justifyContent:"center",opacity:0,transform:"scale(0.8)",transition:"all 0.4s ease"},children:e.jsx(f,{size:20,style:{color:o}})})})]},`${y}-${x}`)})})()}),e.jsx("button",{onClick:$,className:"gallery-nav-btn",style:{position:"absolute",left:28,top:"50%",transform:"translateY(-50%)",zIndex:5,width:48,height:48,borderRadius:"50%",background:"rgba(0,0,0,0.7)",border:`2px solid ${o}`,WebkitBackdropFilter:"blur(10px)",backdropFilter:"blur(10px)",color:o,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.4s ease"},children:e.jsx(k,{size:22})}),e.jsx("button",{onClick:C,className:"gallery-nav-btn",style:{position:"absolute",right:28,top:"50%",transform:"translateY(-50%)",zIndex:5,width:48,height:48,borderRadius:"50%",background:"rgba(0,0,0,0.7)",border:`2px solid ${o}`,WebkitBackdropFilter:"blur(10px)",backdropFilter:"blur(10px)",color:o,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.4s ease"},children:e.jsx(I,{size:22})})]})}),e.jsx(v,{children:l!==null&&e.jsxs(a.div,{initial:{opacity:0}
4,animate:{opacity:1},exit:{opacity:0},style:{position:"fixed",inset:0,zIndex:9999,background:"rgba(0,0,0,0.95)",display:"flex",alignItems:"center",justifyContent:"center"},onClick:()=>b(null),children:[e.jsx("button",{onClick:()=>b(null),style:{position:"absolute",top:20,right:20,zIndex:10,width:48,height:48,borderRadius:10,background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.15)",color:"#fff",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(z,{size:22})}),l>0&&e.jsx("button",{onClick:t=>{t.stopPropagation(),b(r=>r-1)},style:{position:"absolute",left:20,top:"50%",transform:"translateY(-50%)",zIndex:10,width:52,height:52,borderRadius:"50%",background:"rgba(0,0,0,0.6)",border:`2px solid ${o}`,color:o,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(k,{size:24})}),l<s.length-1&&e.jsx("button",{onClick:t=>{t.stopPropagation(),b(r=>r+1)},style:{position:"absolute",right:20,top:"50%",transform:"translateY(-50%)",zIndex:10,width:52,height:52,borderRadius:"50%",background:"rgba(0,0,0,0.6)",border:`2px solid ${o}`,color:o,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(I,{size:24})}),e.jsx(a.img,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},src:s[l].src,alt:s[l].alt,onClick:t=>t.stopPropagation(),style:{maxWidth:"95vw",maxHeight:"95vh",objectFit:"contain",borderRadius:8}},l)]})}),e.jsx("style",{children:` 5 @keyframes playPulse { 0% { transform: scale(1); opacity: 0.6; } 100% { transform: scale(1.6); opacity: 0; } } 6 .hero-bg-video::-webkit-media-controls { display: none !important; } .hero-bg-video { pointer-events: none; } 7 .hero-play-btn:hover { background: rgba(224,188,29,0.15) !important; box-shadow: 0 0 30px rgba(224,188,29,0.3); } 8 .proj-gallery-grid > div:hover .proj-gallery-overlay { background: rgba(0,0,0,0.3) !important; } 9 .proj-gallery-grid > div:hover .proj-gallery-zoom { opacity: 1 !important; transform: scale(1) !important; } 10 .gallery-nav-btn:hover { background: ${o} !important; color: #000 !important; box-shadow: 0 0 20px rgba(224,188,29,0.4); } 11 .proj-spec-icon:hover { background: linear-gradient(135deg, #f0d44a 0%, ${o} 50%, #c9a817 100%) !important; border-color: ${o} !important; box-shadow: 0 0 30px rgba(224,188,29,0.5), 0 0 60px rgba(224,188,29,0.2), inset 0 0 20px rgba(255,255,255,0.1) !important; transform: scale(1.12); } 12 .proj-spec-icon:hover .proj-spec-icon-svg { color: #000 !important; filter: none !important; } 13 @media (max-width: 768px) { .proj-gallery-grid { grid-template-columns: 1fr !important; } .proj-gallery-grid > div:not([data-position="center"]) { display: none !important; } .proj-gallery-grid > div[data-position="center"] { opacity: 1 !important; transform: scale(1) !important; } } 14 @media (max-width: 1023px) { 15 .proj-stats-wrap { display: none !important; } .proj-scroll-indicator { display: none !important; } .proj-stats-inline { display: block !important; } 16 .proj-hero-content { flex-direction: column !important; gap: 24px !important; padding: 0 20px !important; text-align: center !important; align-items: center !important; padding-bottom: 0 !important; } 17 section:has(.proj-hero-content) { padding-bottom: 20px !important; } .proj-hero-content > div:first-child { padding-top: 0 !important; } .proj-hero-content > div:last-child { order: -1; } 18 .proj-about { display: flex !important; flex-direction: column !important; padding: 0 20px !important; gap: 20px !important; } 19 .proj-about > div:first-child { order: -1 !important; } 20 .proj-about > div:first-child > div:first-child { aspect-ratio: 16/7 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 40px rgba(0,0,0,0.5) !important; } 21 .proj-about > div:last-child { text-align: left !important; padding: 24px !important; } 22 .proj-specs { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; } 23 .proj-specs .proj-spec-card { padding: 16px 12px !important; } .proj-specs .proj-spec-icon { width: 60px !important; height: 60px !important; margin-bottom: 10px !important; } 24 .proj-specs .proj-spec-icon svg { width: 26px !important;
24 height: 26px !important; } .proj-specs h4 { font-size: 12px !important; } .proj-specs p { font-size: 12px !important; } 25 } 26 @media (max-width: 640px) { .proj-specs { grid-template-columns: 1fr !important; } } 27 `})]})}export{ie as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.