@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/urbanist-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/urbanist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg-light: #fdfdfd;--bg-dark: #050505;--text-dark: #050505;--text-light: #fdfdfd;--accent-gold: #FFD700;--accent-green: #61ae24;--accent-blue: #0A192F;--font-heading: "Space Grotesk", sans-serif;--font-body: "Urbanist", sans-serif;--border-thick: 3px solid var(--text-dark);--border-thick-light: 3px solid var(--text-light);--border-gold: 3px solid var(--accent-gold);--border-green: 3px solid var(--accent-green);--radius-none: 0px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-light);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;line-height:1.1;letter-spacing:-.03em}a{text-decoration:none;color:inherit}ul{list-style:none}.container{width:90%;max-width:1200px;margin:0 auto}.section-spacing{padding:100px 0}.solid-bg{background-color:var(--accent-blue);color:var(--text-light)}.light-text{color:var(--text-light)}.accent-gold{color:var(--accent-gold)}.accent-green{color:var(--accent-green)}.font-bold{font-weight:700}.mb-4{margin-bottom:2rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mt-6{margin-top:4rem}.center-text{text-align:center}.small-text{font-size:.85rem;font-weight:600}.grid-2-col{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.grid-2-col{grid-template-columns:1fr 1fr}}.grid-3-col{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.grid-3-col{grid-template-columns:repeat(3,1fr)}}.align-center{align-items:center}.brutalist-nav{border-bottom:var(--border-thick);padding:1rem 0;position:sticky;top:0;background:var(--bg-light);z-index:100}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.05em}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:600;text-transform:uppercase;font-size:.9rem;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:var(--text-dark);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.hero{min-height:85vh;display:flex;align-items:center;border-bottom:var(--border-thick);background-color:var(--bg-light);background-image:radial-gradient(circle at 10% 20%,rgba(255,215,0,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(97,174,36,.08) 0%,transparent 40%),radial-gradient(var(--text-dark) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px;background-position:center,center,-19px -19px;padding:80px 0}.hero-top-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;font-family:var(--font-heading);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--text-dark);background:var(--bg-light)}.hero-badge.badge-green{border-color:var(--accent-green);color:var(--text-dark)}.hero-badge.badge-dark{background:var(--accent-blue);color:var(--text-light);border-color:var(--accent-blue)}.hero-badge.badge-gold{background:var(--accent-gold);color:var(--text-dark);border-color:var(--text-dark)}.badge-dot{width:8px;height:8px;background-color:var(--accent-green);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-size:clamp(2.8rem,7.5vw,5.5rem);line-height:.95;letter-spacing:-.05em;color:var(--accent-blue);margin:0 0 1rem}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:700;margin-bottom:1rem;color:var(--text-dark);line-height:1.3}.hero-description{font-size:clamp(1rem,1.8vw,1.25rem);font-weight:500;color:#050505cc;max-width:850px;margin-bottom:2rem;line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-bottom:3rem}.whatsapp-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.6rem;background-color:#25d366;color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.95rem;text-transform:uppercase;border:3px solid #1da851;transition:all .25s ease;cursor:pointer;text-decoration:none;white-space:nowrap;flex-shrink:0}.whatsapp-btn:hover{background-color:#1da851;transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--text-dark)}.whatsapp-icon{width:22px;height:22px;flex-shrink:0}.whatsapp-text{letter-spacing:.02em}.hero-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}@media(min-width:768px){.hero-stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.stat-card{border:2px solid var(--text-dark);padding:1.2rem 1rem;background:var(--bg-light);display:flex;flex-direction:column;gap:.3rem;transition:all .25s ease}.stat-card:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--text-dark);border-color:var(--accent-gold)}.stat-number{font-family:var(--font-heading);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--accent-blue);line-height:1}.stat-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#050505a6}.carousel-header{font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-gold);text-align:center;margin-bottom:1.4rem;padding-top:.2rem}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}to{transform:scale(1);opacity:1}}.brand-carousel{width:100%;overflow:hidden;background-color:var(--accent-blue);border-top:var(--border-thick);border-bottom:var(--border-thick);padding:1.8rem 0 1.6rem;position:relative}.brand-carousel:before,.brand-carousel:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.brand-carousel:before{left:0;background:linear-gradient(to right,var(--accent-blue),transparent)}.brand-carousel:after{right:0;background:linear-gradient(to left,var(--accent-blue),transparent)}.carousel-track{display:flex;width:max-content;animation:carousel-scroll 45s linear infinite;will-change:transform}.carousel-content{display:flex;align-items:center;gap:0;flex-shrink:0}.brand-logo-item{display:inline-flex;align-items:center;justify-content:center;width:175px;height:60px;padding:0 .5rem;flex-shrink:0}.brand-logo-img{max-width:145px;max-height:52px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1) opacity(.9);transition:filter .3s ease,transform .3s ease}.brand-logo-img[src*=O-Mega]{transform:scale(1.75)}.brand-logo-img[src*=ToroLogistics]{transform:scale(1.6)}.brand-logo-img[src*=Vitofarma]{transform:scale(1.4)}.brand-logo-img[src*=Arenea],.brand-logo-img[src*=Dentai]{transform:scale(1.35)}.brand-logo-img[src*=ColegioAmericano]{transform:scale(1.25)}.brand-logo-img[src*=Conetl]{transform:scale(1.2)}.brand-logo-img[src*=Enlace]{transform:scale(1.25)}.brand-logo-img[src*=Papelerama]{transform:scale(.85)}.brand-logo-img[src*=O-Mega]:hover{filter:brightness(1) invert(0) opacity(1);transform:scale(1.95)}.brand-logo-img[src*=ToroLogistics]:hover{filter:brightness(1) invert(0) opacity(1);transform:scale(1.8)}.brand-logo-img[src*=Vitofarma]:hover{filter:brightness(1) invert(0) opacity(1);transform:scale(1.6)}.brand-logo-img[src*=Arenea]:hover,.brand-logo-img[src*=Dentai]:hover{filter:brightness(1) invert(0) opacity(1);transform:scale(1.55)}.brand-logo-img[src*=ColegioAmericano]:hover{filter:brightness(1) invert(0) opacity(1);transform:scale(1.4)}.brand-logo-img[src*=Conetl]:hover{filter:brightness(1) invert(0) opacity(1);transform:scale(1.35)}.brand-logo-img[src*=Enlace]:hover{filter:brightness(1) invert(0) opacity(1);transform:scale(1.4)}.brand-logo-img[src*=Papelerama]:hover{filter:brightness(1) invert(0) opacity(1);transform:scale(1)}.brand-name{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;padding:0 1.5rem;opacity:.7;transition:opacity .3s ease}.brand-separator{color:var(--accent-gold);font-size:.85rem;opacity:.6;flex-shrink:0;margin:0 .5rem}@keyframes carousel-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-carousel:hover .carousel-track{animation-play-state:paused}.reels-section{border-top:var(--border-thick-light);border-bottom:var(--border-thick-light);position:relative;background-color:var(--accent-blue);overflow:hidden}.reels-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}@media(min-width:768px){.reels-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.reels-badge{display:inline-block;padding:.35rem .8rem;font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--accent-gold);color:var(--text-dark);border:2px solid var(--text-dark);box-shadow:2px 2px 0 var(--text-dark);margin-bottom:.8rem}.carousel-nav-controls{display:flex;gap:.75rem}.carousel-nav-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-gold);border:2px solid var(--text-dark);box-shadow:3px 3px 0 var(--text-dark);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.carousel-nav-btn:hover{background-color:var(--accent-green);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--text-dark)}.carousel-nav-btn.shuffle-btn:hover{background-color:var(--accent-gold)}.carousel-nav-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--text-dark)}.nav-btn-icon{width:22px;height:22px;display:block}.reels-carousel-wrapper{position:relative;width:100%}.reels-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.5rem .25rem 1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-gold) rgba(255,255,255,.1)}.reels-track::-webkit-scrollbar{height:6px}.reels-track::-webkit-scrollbar-track{background:#ffffff14}.reels-track::-webkit-scrollbar-thumb{background:var(--accent-gold)}.reel-card{flex:0 0 280px;scroll-snap-align:start;user-select:none}@media(min-width:768px){.reel-card{flex:0 0 300px}}.reel-frame{aspect-ratio:9 / 16;width:100%;position:relative;background-color:#000;border:3px solid var(--text-light);overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer}.reel-frame:hover{transform:translateY(-8px);border-color:var(--accent-gold);box-shadow:6px 6px 0 var(--accent-gold)}.reel-video{width:100%;height:100%;object-fit:cover;display:block;background-color:#000}.reel-badge-top{position:absolute;top:14px;left:14px;z-index:4;background:#000c;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:4px 10px;display:flex;align-items:center;gap:7px;font-family:var(--font-heading);font-size:.68rem;font-weight:700;color:#fff;letter-spacing:.05em}.pulse-red{background-color:#f34;box-shadow:0 0 8px #f34}.pulse-gold{background-color:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold)}.pulse-green{background-color:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.reel-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;padding:1.3rem;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 40%,rgba(0,0,0,.9) 100%);transition:background .3s ease;pointer-events:none}.reel-play-btn{align-self:center;margin:auto 0;width:58px;height:58px;border-radius:50%;background-color:var(--accent-gold);border:2px solid #000000;box-shadow:3px 3px #000;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .25s ease,background-color .25s ease,opacity .25s ease}.reel-play-btn:hover{background-color:var(--accent-green);transform:scale(1.12)}.reel-play-btn .play-icon{width:26px;height:26px;display:block;margin-left:2px}.reel-card.is-playing .reel-play-btn{opacity:0;pointer-events:none}.reel-card.is-playing:hover .reel-play-btn{opacity:.85;pointer-events:auto}.reel-info{z-index:4}.reel-category{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-gold);margin-bottom:4px}.reel-title{font-family:var(--font-heading);font-size:1.15rem;color:#fff;line-height:1.2;margin-bottom:6px;text-transform:uppercase}.reel-desc{font-size:.82rem;color:#ffffffd1;line-height:1.4}.reels-carousel-footer{margin-top:1.5rem;display:flex;justify-content:center}.carousel-drag-hint{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffffa6;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.carousel-drag-hint .hint-icon{filter:invert(1) opacity(.7)}.section-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem}.section-subtitle{font-size:1.2rem;font-weight:600;margin-bottom:3rem}.section-header{margin-bottom:1rem}.about-content{background-color:var(--bg-light)}.body-text{font-size:1.1rem;margin-bottom:1.5rem}.highlight-box{border:var(--border-thick);padding:1.5rem;margin-top:2rem;background-color:var(--accent-gold)}.highlight-text{font-family:var(--font-heading);font-size:1.3rem;color:var(--text-dark)}.brutalist-image-container{border:var(--border-thick);height:100%;min-height:400px;position:relative;background-color:var(--text-dark)}.brutalist-image-container:before{content:"";position:absolute;top:15px;left:15px;width:100%;height:100%;border:var(--border-thick);z-index:-1}.about-img{width:100%;height:100%;object-fit:cover;display:block}.services-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}@media(min-width:600px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{border:var(--border-thick);padding:1.8rem 1.4rem;background:var(--bg-light);display:flex;flex-direction:column;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-card:hover{transform:translate(-4px,-4px);box-shadow:4px 4px 0 var(--text-dark);border-color:var(--accent-blue)}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.service-card-top .service-number{margin-bottom:0}.service-icon-box{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:2px solid var(--text-dark);background:#fff;box-shadow:2px 2px 0 var(--text-dark);transition:transform .25s ease,border-color .25s ease}.service-card:hover .service-icon-box{transform:scale(1.08);border-color:var(--accent-gold)}.service-url-icon{width:22px;height:22px;display:block}.service-number{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-dark);background-color:var(--accent-gold);border:2px solid var(--text-dark);width:42px;height:42px;display:flex;align-items:center;justify-content:center;line-height:1;margin-bottom:1rem;box-shadow:2px 2px 0 var(--text-dark)}.service-title{font-size:1.15rem;margin-bottom:.6rem;color:var(--text-dark)}.service-desc{font-size:.95rem;color:#050505cc;line-height:1.5}.keyword-highlight{font-weight:700;color:var(--text-dark);background:linear-gradient(180deg,transparent 55%,rgba(255,215,0,.45) 55%);padding:0 3px}.text-accent-green{color:#1da851;font-weight:700}.text-accent-blue{color:var(--accent-blue);font-weight:700}.brutalist-card{border:var(--border-thick);padding:2rem;background:var(--bg-light);transition:transform .2s ease;height:100%}.brutalist-card:hover{transform:translate(-5px,-5px);box-shadow:5px 5px 0 var(--text-dark)}.brutalist-card.dark{background:var(--bg-dark);border:var(--border-thick-light)}.brutalist-card.dark:hover{box-shadow:5px 5px 0 var(--accent-gold)}.featured-projects{border-top:var(--border-thick)}.featured-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.featured-grid{grid-template-columns:1fr 1fr}}.featured-card{position:relative;display:flex;flex-direction:column;border:2px solid rgba(255,255,255,.15);background:#ffffff08;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.featured-card:hover{transform:translate(-4px,-4px);box-shadow:4px 4px 0 var(--accent-gold);border-color:var(--accent-gold)}.featured-image{position:relative;width:100%;aspect-ratio:16 / 9;height:auto;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(70%);transition:filter .4s ease,transform .4s ease}.featured-card:hover .featured-image img{filter:grayscale(0%);transform:scale(1.06)}.featured-overlay{position:absolute;top:1rem;right:1rem;z-index:2}.featured-tag{display:inline-block;padding:.3rem .8rem;background-color:var(--accent-gold);color:var(--text-dark);font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.featured-info{padding:1.5rem;display:flex;flex-direction:column;gap:.4rem;flex-grow:1}.featured-title{font-size:1.3rem;color:var(--accent-gold);margin-bottom:.2rem}.featured-client{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#fff9;letter-spacing:.05em}.featured-desc{font-size:.95rem;color:#ffffffbf;line-height:1.5;margin-top:.5rem}.tech-skills{border-top:var(--border-thick);border-bottom:var(--border-thick)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}@media(min-width:600px){.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1024px){.skills-grid{grid-template-columns:repeat(6,1fr);gap:1.25rem}}.skill-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;border:2px solid var(--text-dark);background:var(--bg-light);transition:all .25s ease;cursor:default;gap:.6rem}.skill-tile:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--text-dark);border-color:var(--accent-gold)}.skill-icon-wrapper{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:2px solid var(--text-dark);padding:.5rem;transition:transform .3s ease,border-color .3s ease}.skill-tile:hover .skill-icon-wrapper{transform:scale(1.1);border-color:var(--accent-gold)}.skill-icon{width:100%;height:100%;color:var(--text-light);transition:color .3s ease}.skill-img-icon{max-width:100%;max-height:100%;object-fit:contain;display:block}.skill-name{font-family:var(--font-heading);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-dark)}.skill-category-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#05050573;border-top:1px solid rgba(5,5,5,.1);padding-top:.4rem;width:100%}.soft-skills{border-bottom:var(--border-thick)}.soft-skills-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:600px){.soft-skills-grid{grid-template-columns:1fr 1fr}}.soft-skill-item{padding:2rem;border:var(--border-thick);background:var(--bg-light);transition:transform .25s ease,box-shadow .25s ease}.soft-skill-item:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--text-dark)}.soft-skill-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-gold);border:2px solid var(--text-dark);box-shadow:2px 2px 0 var(--text-dark);margin-bottom:1.2rem;transition:transform .25s ease,background-color .25s ease}.soft-skill-item:hover .soft-skill-icon-wrapper{transform:scale(1.08)}.soft-skill-url-icon{width:24px;height:24px;display:block}.soft-skill-title{font-size:1.15rem;margin-bottom:.5rem;color:var(--text-dark)}.soft-skill-text{font-size:.95rem;color:#050505b3;line-height:1.5}.other-projects{border-top:var(--border-thick)}.projects-thumbnail-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:600px){.projects-thumbnail-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.projects-thumbnail-grid{grid-template-columns:repeat(3,1fr)}}.thumbnail-card{position:relative;display:block;overflow:hidden;border:2px solid rgba(255,255,255,.15);aspect-ratio:4 / 3;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.thumbnail-card:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--accent-gold);border-color:var(--accent-gold)}.thumbnail-image{width:100%;height:100%;overflow:hidden}.thumbnail-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(50%);transition:filter .4s ease,transform .4s ease}.thumbnail-card:hover .thumbnail-image img{filter:grayscale(0%);transform:scale(1.08)}.thumbnail-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity .35s ease}.thumbnail-card:hover .thumbnail-overlay{opacity:1}.thumbnail-title{font-size:1rem;color:var(--accent-gold);margin-bottom:.2rem;line-height:1.2}.thumbnail-client{font-size:.8rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.brutalist-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-heading);font-weight:700;font-size:1.2rem;padding:1rem 2.5rem;background-color:var(--bg-light);color:var(--text-dark);border:var(--border-thick);cursor:pointer;text-transform:uppercase;transition:all .2s ease}.btn-url-icon{width:18px;height:18px;display:inline-block;transition:transform .2s ease}.brutalist-btn:hover .btn-url-icon{transform:translateY(3px)}.brutalist-btn:hover{background-color:var(--accent-gold);transform:translate(-4px,-4px);box-shadow:4px 4px 0 var(--text-dark)}.brutalist-btn.primary{background-color:var(--accent-gold)}.brutalist-btn.primary:hover{background-color:var(--accent-green)}.footer{background-color:var(--bg-dark);color:var(--text-light);border-top:var(--border-thick-light)}.footer-title{font-size:clamp(2.5rem,6vw,4.5rem);color:var(--accent-gold);margin-bottom:1.5rem}.footer-subtitle{font-size:1.3rem;max-width:800px;margin:0 auto 3rem}.footer-details{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;font-family:var(--font-heading);text-transform:uppercase;font-weight:700;margin-top:2rem}@media(min-width:768px){.footer-details{flex-direction:row;gap:3rem}}.contact-item a:hover{text-decoration:underline}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}@media(max-width:768px){.nav-links{display:none}.section-spacing{padding:60px 0}.brutalist-image-container:before{display:none}.hero-top-row{flex-direction:column;align-items:flex-start;gap:1rem}.featured-image{height:200px}.whatsapp-btn{align-self:flex-start}.thumbnail-overlay{opacity:1}}.skeleton-shimmer,.featured-image,.thumbnail-image,.reel-frame,.social-card-image-wrap{background-color:#111e33;background-image:linear-gradient(90deg,#fff0,#ffffff0a,#fff0);background-size:200% 100%;animation:skeleton-shimmer 2.2s infinite ease-in-out}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-shimmer,.featured-image,.thumbnail-image,.reel-frame,.social-card-image-wrap{animation:none}}.social-media-section{background-color:#07090e;color:var(--text-light);border-top:var(--border-thick-light);border-bottom:var(--border-thick-light);position:relative}.social-section-header{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:2rem}.social-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffd7001a;border:1px solid var(--accent-gold);color:var(--accent-gold);font-family:var(--font-heading);font-size:.75rem;font-weight:700;padding:.35rem .8rem;letter-spacing:.05em;text-transform:uppercase}.social-badge img{filter:invert(82%) sepia(50%) saturate(1200%) hue-rotate(3deg) brightness(105%) contrast(105%)}.social-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem}.social-filter-btn{display:inline-flex;align-items:center;gap:.55rem;background:#ffffff0a;color:var(--text-light);border:1.5px solid rgba(255,255,255,.15);font-family:var(--font-heading);font-size:.8rem;font-weight:700;padding:.6rem 1.15rem;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);letter-spacing:.03em;user-select:none}.social-filter-btn:hover{background:#ffd7001f;border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-2px)}.social-filter-btn.active{background:var(--accent-gold);color:var(--text-dark);border-color:var(--accent-gold);box-shadow:3px 3px #ffffffd9;transform:translateY(-2px)}.social-filter-btn .filter-count{background:#ffffff26;color:inherit;padding:.15rem .5rem;font-size:.72rem;border-radius:999px;font-weight:700;transition:background .2s ease}.social-filter-btn.active .filter-count{background:#0000002e;color:var(--text-dark)}.social-shuffle-btn{background:#25d366;color:#050505;border:2px solid #050505;font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.6rem 1.15rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:3px 3px #050505;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;user-select:none}.social-shuffle-btn:hover{background:#20ba5a;transform:translate(-2px,-2px);box-shadow:5px 5px #050505}.social-shuffle-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #050505}.social-shuffle-btn img{transition:transform .3s ease}.social-shuffle-btn:active img{transform:rotate(180deg)}.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.social-card{position:relative;background:#0d1017;border:2px solid rgba(255,255,255,.12);overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease,opacity .3s ease;outline:none}.social-card:focus-visible,.social-card:hover{transform:translateY(-5px);border-color:var(--accent-gold);box-shadow:5px 5px 0 var(--accent-gold)}.social-card.is-collapsed,.social-card.is-filtered-out{display:none!important}.social-card-inner{position:relative;width:100%;height:100%}.social-card-badge{position:absolute;top:12px;left:12px;z-index:3;background:#050505d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,215,0,.45);color:var(--accent-gold);font-family:var(--font-heading);font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:.25rem .6rem;pointer-events:none;text-transform:uppercase}.social-card-image-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#111e33}.social-card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.95);transition:transform .5s cubic-bezier(.16,1,.3,1),filter .3s ease}.social-card:hover .social-card-image-wrap img{transform:scale(1.06);filter:brightness(1.03)}.social-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(5,5,5,.96) 0%,rgba(5,5,5,.75) 55%,transparent 100%);padding:1.6rem 1rem 1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;z-index:2;transition:opacity .3s ease}.social-card-info{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex-grow:1}.social-card-cat{font-size:.72rem;font-weight:600;text-transform:uppercase;color:#ffffffa6;letter-spacing:.05em}.social-card-title{font-size:.95rem;font-weight:700;color:#fff;text-transform:uppercase;line-height:1.25;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0}.social-card-action{width:34px;height:34px;flex-shrink:0;border:1.5px solid var(--accent-gold);background:#ffd70026;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.social-card-action img{filter:invert(82%) sepia(50%) saturate(1200%) hue-rotate(3deg) brightness(105%) contrast(105%);transition:filter .2s ease}.social-card:hover .social-card-action{background:var(--accent-gold);transform:scale(1.08)}.social-card:hover .social-card-action img{filter:invert(0) brightness(0)}.social-load-more-wrap{margin-top:3rem;display:flex;justify-content:center}.social-load-more-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;font-size:.85rem;cursor:pointer}.social-load-more-btn .load-more-icon{transition:transform .3s ease}.social-load-more-btn.is-expanded .load-more-icon{transform:rotate(180deg)}.social-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1);padding:1.5rem}.social-modal.is-open{opacity:1;pointer-events:auto}.social-modal-backdrop{position:absolute;inset:0;background:#030408ed;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.social-modal-container{position:relative;z-index:2;width:100%;max-width:820px;max-height:94vh;display:flex;flex-direction:column;background:#090c13;border:2px solid var(--accent-gold);box-shadow:0 25px 60px #000000d9,6px 6px #ffd70059;overflow:hidden;animation:modal-pop .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-pop{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.social-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#06080d}.social-modal-brand-tag{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em}.social-modal-brand-tag .modal-separator{color:#ffffff4d}#modal-category{color:#ffffffb3;font-size:.78rem}.social-modal-counter{font-family:var(--font-heading);font-size:.85rem;color:#fff9;font-weight:700}.social-modal-close{background:transparent;border:1.5px solid rgba(255,255,255,.25);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.social-modal-close img{filter:invert(1);transition:transform .2s ease}.social-modal-close:hover{background:var(--accent-gold);border-color:var(--accent-gold)}.social-modal-close:hover img{filter:invert(0) brightness(0);transform:rotate(90deg)}.social-modal-body{position:relative;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;flex-grow:1;min-height:280px;max-height:68vh;background:#040508;user-select:none}.social-modal-image-wrapper{display:flex;align-items:center;justify-content:center;max-height:calc(68vh - 2rem);max-width:100%}.social-modal-img{max-height:calc(68vh - 2rem);max-width:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 30px #0009;transition:opacity .2s ease,transform .25s ease}.social-modal-img.is-loading{opacity:.3;transform:scale(.98)}.social-modal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;background:#090c13e0;border:1.5px solid var(--accent-gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:0}.social-modal-nav.prev-btn{left:1rem}.social-modal-nav.next-btn{right:1rem}.social-modal-nav img{filter:invert(82%) sepia(50%) saturate(1200%) hue-rotate(3deg) brightness(105%) contrast(105%)}.social-modal-nav:hover{background:var(--accent-gold);transform:translateY(-50%) scale(1.08)}.social-modal-nav:hover img{filter:invert(0) brightness(0)}.social-modal-footer{padding:1rem 1.5rem;background:#06080d;border-top:1px solid rgba(255,255,255,.1)}.social-modal-title{font-size:1.05rem;color:#fff;text-transform:uppercase;margin:0;letter-spacing:-.01em}@media(max-width:768px){.social-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.social-modal{padding:.5rem}.social-modal-body{padding:1rem .5rem}.social-modal-nav{width:36px;height:36px}.social-modal-nav.prev-btn{left:.5rem}.social-modal-nav.next-btn{right:.5rem}}.process-section{border-top:var(--border-thick-light);border-bottom:var(--border-thick-light);background-color:var(--accent-blue);color:var(--text-light);position:relative}.process-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}@media(min-width:640px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-card{border:2px solid rgba(255,255,255,.2);background:#ffffff0a;padding:2rem 1.5rem;display:flex;flex-direction:column;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.process-card:hover{transform:translateY(-6px);border-color:var(--accent-gold);box-shadow:6px 6px 0 var(--accent-gold);background:#ffffff12}.process-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.process-step-num{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-dark);background-color:var(--accent-gold);border:2px solid var(--text-dark);box-shadow:2px 2px 0 var(--text-dark);width:44px;height:44px;display:flex;align-items:center;justify-content:center;line-height:1}.process-badge{font-family:var(--font-heading);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .6rem;border:1px solid rgba(255,255,255,.3);color:var(--accent-gold);background:#0000004d}.process-card-title{font-size:1.2rem;color:var(--text-light);margin-bottom:.75rem;letter-spacing:-.02em;line-height:1.2}.process-card-desc{font-size:.95rem;color:#fffc;line-height:1.6;flex-grow:1}.process-guarantee-bar{margin-top:3rem;padding:1.25rem 1.5rem;border:2px solid var(--accent-gold);background:#ffd70014;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:1rem;text-align:center}.guarantee-item{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-gold)}.guarantee-item .dot{color:var(--accent-green)}.featured-card-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.3rem}.featured-metric-pill{display:inline-block;font-family:var(--font-heading);font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--accent-gold);background:#ffd7001f;border:1px solid var(--accent-gold);padding:.2rem .6rem;letter-spacing:.04em}.case-breakdown{display:flex;flex-direction:column;gap:.75rem;margin-top:.9rem;margin-bottom:1.25rem}.case-step{padding:.65rem .85rem;background:#00000059;border-left:3px solid var(--accent-gold);font-size:.9rem;line-height:1.5;color:#ffffffd9}.case-step.challenge{border-left-color:#ff5252}.case-step.solution{border-left-color:#40c4ff}.case-step.result{border-left-color:var(--accent-green);background:#61ae241a}.case-label{display:block;font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.case-step.challenge .case-label{color:#ff8a80}.case-step.solution .case-label{color:#80d8ff}.case-step.result .case-label{color:#b9f6ca}.project-action-bar{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.project-action-link{font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--accent-gold);display:inline-flex;align-items:center;gap:.4rem;transition:color .2s ease,transform .2s ease}.featured-card:hover .project-action-link{color:#fff;transform:translate(4px)}.reel-stat-tag{display:inline-block;font-family:var(--font-heading);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-gold);background:#000000b3;border:1px solid var(--accent-gold);padding:.15rem .5rem;margin-bottom:.4rem}.social-intro-banner{border:var(--border-thick);background:var(--bg-light);box-shadow:4px 4px 0 var(--text-dark);padding:1.5rem 1.8rem;margin-bottom:2.5rem;display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.social-intro-banner{flex-direction:row;align-items:center;gap:1.5rem}}.social-banner-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--accent-gold);color:var(--text-dark);border:2px solid var(--text-dark);padding:.4rem .8rem;white-space:nowrap;box-shadow:2px 2px 0 var(--text-dark)}.social-banner-text{font-size:.95rem;line-height:1.5;color:var(--text-dark);margin:0}.testimonials-section{border-top:var(--border-thick);background-color:var(--bg-light)}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;margin-top:2.5rem}@media(min-width:860px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{border:var(--border-thick);background:#fff;box-shadow:4px 4px 0 var(--text-dark);padding:2rem 1.6rem;display:flex;flex-direction:column;position:relative;transition:transform .25s ease,box-shadow .25s ease}.testimonial-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--text-dark)}.testimonial-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.testimonial-stars{color:#e6a800;font-size:1.1rem;letter-spacing:2px}.testimonial-verified-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-heading);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#1b7a37;background:#eafaf1;border:1px solid #1b7a37;padding:.2rem .5rem}.testimonial-quote-icon{font-family:Georgia,serif;font-size:3.5rem;line-height:.8;color:var(--accent-gold);user-select:none;margin-bottom:.5rem}.testimonial-quote{font-size:.98rem;line-height:1.65;color:var(--text-dark);margin-bottom:1.5rem;flex-grow:1;font-style:italic}.testimonial-author{border-top:2px dashed rgba(5,5,5,.15);padding-top:1rem;display:flex;flex-direction:column;gap:.2rem}.author-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;text-transform:uppercase;color:var(--text-dark)}.author-company{font-size:.85rem;color:#050505b3;font-weight:600}.author-placeholder-note{font-size:.72rem;color:#888;font-family:monospace;margin-top:.25rem}.hero-booking-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background-color:transparent;color:var(--text-dark);border:2px solid var(--text-dark);font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.8rem 1.4rem;box-shadow:3px 3px 0 var(--text-dark);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;cursor:pointer;text-decoration:none}.hero-booking-btn:hover{background-color:var(--accent-gold);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--text-dark)}.hero-booking-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--text-dark)}@media(min-width:768px){.hero-stats-grid{grid-template-columns:repeat(4,1fr)}}.photo-gallery-section{background-color:#06080d;position:relative;border-top:1px solid rgba(255,215,0,.15);border-bottom:1px solid rgba(255,215,0,.15)}.photo-gallery-header{text-align:center;max-width:860px;margin:0 auto 2.5rem}.photo-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffd70014;border:1px solid rgba(255,215,0,.35);color:var(--accent-gold);font-family:var(--font-heading);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.4rem .9rem;margin-bottom:1rem}.photo-badge img{filter:invert(82%) sepia(50%) saturate(1200%) hue-rotate(3deg) brightness(105%) contrast(105%)}.photo-intro-banner{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;background:#090d16;border:1.5px solid var(--accent-gold);box-shadow:4px 4px #ffd70040;padding:1rem 1.5rem;margin-bottom:2.2rem}.photo-banner-badge{font-family:var(--font-heading);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--accent-gold);color:#050505;padding:.35rem .75rem}.photo-banner-text{font-size:.92rem;color:#d1d5db;margin:0;flex:1;min-width:260px}.photo-filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2.2rem}.photo-filter-btn{background:#0c101a;color:#a0aec0;border:1.5px solid rgba(255,255,255,.12);font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.65rem 1.2rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.photo-filter-btn:hover{color:#fff;border-color:#ffd70080;background:#111724}.photo-filter-btn.active{background:var(--accent-gold);color:#050505;border-color:var(--accent-gold);box-shadow:3px 3px #000c}.photo-filter-count{display:inline-block;font-size:.72rem;padding:.15rem .45rem;background:#ffffff1a;color:inherit;border-radius:2px}.photo-filter-btn.active .photo-filter-count{background:#050505;color:var(--accent-gold)}.photo-shuffle-btn{background:#25d366;color:#050505;border:2px solid #050505;font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.65rem 1.15rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:3px 3px #050505;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.photo-shuffle-btn:hover{background:#20ba5a;transform:translate(-2px,-2px);box-shadow:5px 5px #050505}.photo-shuffle-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #050505}.photo-shuffle-btn img{transition:transform .3s ease}.photo-shuffle-btn:active img{transform:rotate(180deg)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.photo-card{position:relative;background:#0a0d14;border:1.5px solid rgba(255,255,255,.08);overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;animation:modal-pop .3s ease-out}.photo-card:hover{transform:translateY(-4px);border-color:var(--accent-gold);box-shadow:0 12px 28px #0009,4px 4px #ffd7004d}.photo-card-inner{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#04060a}.photo-card-inner img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.16,1,.3,1)}.photo-card:hover .photo-card-inner img{transform:scale(1.05)}.photo-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#000000bf);opacity:0;display:flex;align-items:flex-end;justify-content:space-between;padding:1rem;transition:opacity .25s ease}.photo-card:hover .photo-card-overlay{opacity:1}.photo-card-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;background:#050505d9;backdrop-filter:blur(4px);color:var(--accent-gold);font-family:var(--font-heading);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;border:1px solid rgba(255,215,0,.3)}.photo-card-zoom-icon{width:34px;height:34px;background:var(--accent-gold);display:flex;align-items:center;justify-content:center}.photo-card-zoom-icon img{filter:invert(0) brightness(0)}.photo-card-meta{padding:.85rem 1rem;background:#090c13;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)}.photo-card-title{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.03em;margin:0}.photo-card-cat{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.photo-load-more-wrap{text-align:center;margin-top:2.5rem}.photo-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1);padding:1.5rem}.photo-modal.is-open{opacity:1;pointer-events:auto}.photo-modal-backdrop{position:absolute;inset:0;background:#030408f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.photo-modal-container{position:relative;z-index:2;width:100%;max-width:960px;max-height:94vh;display:flex;flex-direction:column;background:#090c13;border:2px solid var(--accent-gold);box-shadow:0 25px 60px #000000d9,6px 6px #ffd70059;overflow:hidden;animation:modal-pop .3s cubic-bezier(.16,1,.3,1)}.photo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#06080d}.photo-modal-tag{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em}.photo-modal-tag .modal-separator{color:#ffffff4d}#photo-modal-series{color:#ffffffb3;font-size:.78rem}.photo-modal-counter{font-family:var(--font-heading);font-size:.85rem;color:#fff9;font-weight:700}.photo-modal-close{background:transparent;border:1.5px solid rgba(255,255,255,.25);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.photo-modal-close img{filter:invert(1);transition:transform .2s ease}.photo-modal-close:hover{background:var(--accent-gold);border-color:var(--accent-gold)}.photo-modal-close:hover img{filter:invert(0) brightness(0);transform:rotate(90deg)}.photo-modal-body{position:relative;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;flex-grow:1;min-height:280px;max-height:70vh;background:#040508;user-select:none}.photo-modal-image-wrapper{display:flex;align-items:center;justify-content:center;max-height:calc(70vh - 2rem);max-width:100%}.photo-modal-img{max-height:calc(70vh - 2rem);max-width:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 30px #0009;transition:opacity .2s ease,transform .25s ease}.photo-modal-img.is-loading{opacity:.3;transform:scale(.98)}.photo-modal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;background:#090c13e0;border:1.5px solid var(--accent-gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:0}.photo-modal-nav.prev-btn{left:1rem}.photo-modal-nav.next-btn{right:1rem}.photo-modal-nav img{filter:invert(82%) sepia(50%) saturate(1200%) hue-rotate(3deg) brightness(105%) contrast(105%)}.photo-modal-nav:hover{background:var(--accent-gold);transform:translateY(-50%) scale(1.08)}.photo-modal-nav:hover img{filter:invert(0) brightness(0)}.photo-modal-footer{padding:1rem 1.5rem;background:#06080d;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:1rem}.photo-modal-title{font-size:1.05rem;color:#fff;text-transform:uppercase;margin:0;letter-spacing:-.01em}.photo-modal-desc{font-size:.82rem;color:#94a3b8;margin:.2rem 0 0}@media(max-width:768px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.photo-modal{padding:.5rem}.photo-modal-body{padding:1rem .5rem}.photo-modal-nav{width:36px;height:36px}.photo-modal-nav.prev-btn{left:.5rem}.photo-modal-nav.next-btn{right:.5rem}}
