:root{--bg: #050506;--text: #f5f5f5;--muted: #e6dcdc;--accent: #ff7d46;--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(220, 20%, 3%)" 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}html:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}@keyframes bgFloat{0%,to{filter:brightness(.15)}75%{filter:brightness(.4)}}@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:2px;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-bottom:8px}.tile{border:1px solid #0e0e0e;background:linear-gradient(0deg,#ffffff05,#ffffff05);display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:0;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:12px}.logo-grid img{width:90%;height:36px;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:minmax(260px,38vh) auto auto auto auto;grid-template-areas:"logo empty1 empty2 empty3 " "hero_desc hero_desc empty4 empty5" "logos services empty7 empty8" "banner banner banner banner" "projects projects further further";width:100%;min-height:100vh;gap:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(100px,8vh);gap:4px}.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-hero-desc:hover{color:var(--accent)}.area-services{grid-area:services;animation:fadeIn .6s ease-out .2s backwards}.area-logos{grid-area:logos;animation:fadeIn .6s ease-out .2s backwards}.area-banner{grid-area:banner;display:flex;align-items:center;padding:10px 19px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.area-banner__text{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.area-projects{grid-area:projects;animation:fadeInScale .6s ease-out .3s backwards}.area-further{grid-area:further;animation:fadeIn .6s ease-out .4s backwards;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" "services" "logos" "banner" "projects" "further";height:auto;padding:16px;gap:12px;background:#000}.tile{height:auto;min-height:auto;max-height:none;margin-bottom:10px}.area-logo{margin-bottom:94px}.logo-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px;width:100%}.logo-grid img{height:40px;width:100%;object-fit:contain}.area-logos .logo-grid,.area-hero-desc .logo-grid{grid-template-columns:repeat(4,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;text-transform:uppercase}.area-hero-desc .hero-content{margin-bottom:0}.area-hero-desc .h1{font-size:clamp(26px,5vw,32px)}.area-services .service-title,.area-services .service-sub{font-size:14px}.hero-buttons{display:none!important}.mobile-buttons-container{position:fixed;bottom:20px;left:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;align-items:stretch}.mobile-buttons-subtext{font-size:13px;line-height:1.4;color:var(--muted)}.mobile-buttons-row{display:flex;gap:12px;align-items:center}.mobile-contact-btn{flex:1;display:flex;align-items:center;justify-content:center;text-transform:uppercase;gap:8px;padding:16px 20px;background:#fff;color:#404040;border:none;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 4px 20px #ff4d004d;transition:all .3s ease;border-radius:2px;border:1px solid #3a3a3a}.mobile-contact-btn:hover{background:#fff;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);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}body{padding-bottom:10px}}@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:9px 14px;font-size:12px;font-weight:700;letter-spacing:.02em;border:1px solid #3a3a3a;background:#fff;color:#404040;transition:all .3s ease;text-transform:uppercase}.blob-btn{--blob-border: 1px;z-index:1;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#404040;background:#fff;border:none;outline:none;cursor:pointer;transition:color .4s ease;text-transform:uppercase}.blob-btn:before{content:"";z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #242424;pointer-events:none}.blob-btn:hover{color:#fff}.blob-btn__text{position:relative;z-index:1}.blob-btn__inner{z-index:-1;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%}.blob-btn__blobs{position:relative;display:block;height:100%;filter:url(#goo)}.blob-btn__blob{position:absolute;top:1px;width:25%;height:100%;background:var(--accent);transform:translate3d(0,150%,0) scale(1.6);transition:transform .45s ease}@supports (filter: url(#goo)){.blob-btn__blob{transform:translate3d(0,150%,0) scale(1.35)}}.blob-btn__blob:nth-child(1){left:0%;transition-delay:0s}.blob-btn__blob:nth-child(2){left:30%;transition-delay:.08s}.blob-btn__blob:nth-child(3){left:60%;transition-delay:.16s}.blob-btn__blob:nth-child(4){left:90%;transition-delay:.24s}.blob-btn:hover .blob-btn__blob{transform:translateZ(0) scale(1.6)}@supports (filter: url(#goo)){.blob-btn:hover .blob-btn__blob{transform:translateZ(0) scale(1.35)}}.hero-buttons .btn-contact:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.hero-buttons .btn:hover{color:#404040;background:#f4f4f4;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}}