:root{--bg: #0b0b0c;--text: #f5f5f5;--muted: #e6dcdc;--accent: #ff4d00;--accent-blue: #294b70;--maxw: 1200px}html{scroll-behavior:smooth}html,body{position:relative;color:var(--text);font-family:Figtree,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;margin:0;font-size:14px}html:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 700 700" width="700" height="700" opacity="1"><defs><linearGradient gradientTransform="rotate(168, 0.5, 0.5)" x1="50%" y1="0%" x2="50%" y2="100%" id="ffflux-gradient"><stop stop-color="hsl(0, 0%, 0%)" stop-opacity="1" offset="0%"></stop><stop stop-color="hsl(218, 92%, 8%)" stop-opacity="1" offset="100%"></stop></linearGradient><filter id="ffflux-filter" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feTurbulence type="fractalNoise" baseFrequency="0.003 0.004" numOctaves="2" seed="2" stitchTiles="stitch" x="0%" y="0%" width="100%" height="100%" result="turbulence"></feTurbulence><feGaussianBlur stdDeviation="83 54" x="0%" y="0%" width="100%" height="100%" in="turbulence" edgeMode="duplicate" result="blur"></feGaussianBlur><feBlend mode="color" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" in2="blur" result="blend"></feBlend></filter></defs><rect width="700" height="700" fill="url(%23ffflux-gradient)" filter="url(%23ffflux-filter)"></rect></svg>') center center;background-size:110%;z-index:-1;animation:bgFloat 30s ease-in-out infinite}@keyframes bgFloat{0%,to{filter:brightness(.2)}75%{filter:brightness(.7)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}img{max-width:100%;display:block;transition:transform .3s ease,filter .3s ease}a{color:var(--text);text-decoration:none;transition:color .2s ease,opacity .2s ease}a:hover{color:var(--accent)}.container{max-width:var(--maxw);margin:0 auto;padding:24px}.grid{display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 800px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.h1{font-size:clamp(20px,3vw,24px);font-weight:800;letter-spacing:-.02em;margin:0!important;padding:0}.lead{font-size:clamp(14px,1.8vw,18px);color:var(--muted);max-width:72ch;margin:0!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #333;border-radius:8px;background:transparent;color:var(--text);transition:border-color .3s ease,background .3s ease,transform .2s ease}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.muted{color:var(--muted)}.section-title{font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0!important;padding:0!important}.tile{border:1px solid #242424;background:linear-gradient(0deg,#ffffff05,#ffffff05);display:flex;flex-direction:column;justify-content:space-between;width:100%;height:50vh;min-height:50vh;max-height:50vh;overflow:auto;box-sizing:border-box;transition:border-color .3s ease,transform .2s ease}.tile:hover{border-color:#333}.tile-withpadding{padding:19px;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.tile-no-scroll{overflow:hidden}.logo-grid{align-items:center;gap:6px}.logo-grid img{width:100%;height:32px;object-fit:contain;object-position:left;filter:saturate(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.logo-grid img:hover{scale:1.08;filter:saturate(1)}.viewport-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"logo empty1 empty2 empty3" "hero_desc logos_services projects further";width:100%;height:100vh}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:100%;grid-auto-rows:25%;gap:0}.project-card{position:relative;display:block;width:100%;height:100%;border:1px solid #242424;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(0);transition:filter .5s cubic-bezier(.4,0,.2,1),transform .3s ease,border-color .3s ease;animation:fadeInScale .5s ease-out backwards}.project-card:nth-child(1){animation-delay:.4s}.project-card:nth-child(2){animation-delay:.45s}.project-card:nth-child(3){animation-delay:.5s}.project-card:nth-child(4){animation-delay:.55s}.project-card:nth-child(5){animation-delay:.6s}.project-card:nth-child(6){animation-delay:.65s}.project-card:nth-child(7){animation-delay:.7s}.project-card:nth-child(8){animation-delay:.75s}.project-card:hover{filter:saturate(1);border-color:#333;transform:scale(1.02)}.project-card-meta{position:absolute;left:0;right:0;bottom:0;padding:16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#0000,#0000008c 60%,#000c);box-sizing:border-box;transition:padding .3s ease}.project-card:hover .project-card-meta{padding:20px 16px}.area-logo{grid-area:logo;animation:fadeInScale .6s ease-out}.area-hero-desc{grid-area:hero_desc;animation:fadeIn .6s ease-out .1s backwards}.area-logos-services{grid-area:logos_services;animation:fadeIn .6s ease-out .2s backwards}.area-projects{grid-area:projects;animation:fadeInScale .6s ease-out .3s backwards}.area-further{grid-area:further;animation:fadeIn .6s ease-out .4s backwards;justify-self:end;margin:0!important}@media (max-width: 800px){html:before{display:none!important}html,body{background:#000!important}.viewport-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"logo" "hero_desc" "logos_services" "projects" "further";height:auto;padding:16px;gap:16px;background:#000}.tile{height:auto;min-height:auto;max-height:none;margin-bottom:16px}.logo-grid{grid-template-columns:repeat(6,1fr)!important;gap:8px;width:100%}.logo-grid img{height:20px;width:100%;object-fit:contain}.area-hero-desc .logo-grid{grid-template-columns:repeat(6,1fr)!important}.project-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.project-card{height:200px;min-height:200px}.hero-content{gap:12px}.area-hero-desc .hero-content{margin-bottom:104px}.hero-buttons{display:none!important}.mobile-buttons-container{position:fixed;bottom:20px;left:20px;right:20px;z-index:1000;display:flex;gap:12px;align-items:center}.mobile-contact-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 4px 20px #ff4d004d;transition:all .3s ease}.mobile-contact-btn:hover{background:#e64400;transform:translateY(-2px);box-shadow:0 6px 25px #ff4d0066;color:#fff}.mobile-contact-btn svg{width:18px;height:18px}.mobile-instagram-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text);text-decoration:none;transition:all .3s ease;backdrop-filter:blur(10px)}.mobile-instagram-btn:hover{background:#fff3;border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.mobile-instagram-btn svg{width:20px;height:20px}.area-logos-services .tile-withpadding{padding:24px 19px}.area-logos-services .lead{margin-bottom:32px!important}.area-logos-services .grid.rows-3{gap:16px}.service-item{padding:12px 8px;margin-left:-8px}body{padding-bottom:80px}}@media (min-width: 801px){.mobile-buttons-container{display:none!important}}.service-item{cursor:default;transition:transform .2s ease;padding:8px;margin-left:-8px;border-radius:4px}.service-item:hover{transform:translate(2px)}.service-item:hover .service-title{color:var(--accent-blue)}.service-item:hover .service-sub{color:var(--text)}.service-title{font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:color .3s ease,transform .2s ease}.service-sub{font-size:10px;color:var(--muted);transition:color .3s ease}.tile li{transition:transform .2s ease,padding-left .2s ease}.tile li:hover{transform:translate(4px)}.hero-content{display:flex;flex-direction:column;gap:16px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-buttons .btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;letter-spacing:.02em;border:1px solid #333;border-radius:6px;background:transparent;color:var(--text);transition:all .3s ease;text-decoration:none}.hero-buttons .btn:hover{border-color:var(--accent);background:#ff4d000d;transform:translateY(-1px)}.hero-buttons .btn svg{flex-shrink:0}@media (max-width: 800px){.hero-buttons{gap:8px}.hero-buttons .btn{padding:6px 10px;font-size:11px}}