:root{--color-bg: #D9D9D9;--color-bg-alt: #E2E2E2;--color-bg-card: #EAEAEA;--color-text-main: #1A1A1A;--color-text-muted: #404040;--color-text-light: #666666;--color-primary: #111111;--color-accent: #fab511;--color-border: #C0C0C0;--color-border-fine: #CDCDCD;--font-main: "Space Grotesk", sans-serif;--container-width: 1120px;--spacing-xs: .5rem;--spacing-sm: 1.5rem;--spacing-md: 3rem;--spacing-lg: 6rem;--spacing-xl: 9rem;--radius-sm: 2px;--radius-md: 4px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .05);--shadow-hover: 0 8px 30px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-main);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .2s ease,opacity .2s ease}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5{color:var(--color-primary);font-weight:600;line-height:1.15;letter-spacing:-.02em}h1{font-size:3.5rem;margin-bottom:1.5rem}h2{font-size:2.25rem;margin-bottom:1rem}h3{font-size:1.5rem;margin-bottom:.75rem;font-weight:500}p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.7;font-weight:400}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--color-text-light);margin-bottom:1rem;display:block}.fine-border-bottom{border-bottom:1px solid var(--color-border)}.fine-border-top{border-top:1px solid var(--color-border)}.text-center{text-align:center}.text-accent{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;font-weight:600;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.25,.46,.45,.94);font-size:.95rem;letter-spacing:-.01em}.btn-primary{background-color:#252526;color:#fff!important;border:1px solid #252526}.btn-primary:hover{background-color:var(--color-accent);color:#111!important;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-accent{background-color:var(--color-accent);color:#111;border:1px solid var(--color-accent)}.btn-accent:hover{background-color:#e5a40f;border-color:#e5a40f;transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background-color:#0000000d;border-color:var(--color-primary)}#header{padding:1.25rem 0;position:fixed;width:100%;top:0;z-index:100;background-color:#d9d9d9e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;border-bottom:1px solid transparent}#header.scrolled{border-bottom-color:var(--color-border-fine);background-color:#d9d9d9fa}.header-container{display:flex;justify-content:space-between;align-items:center}.logo img{height:40px;width:auto}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{font-size:.9rem;font-weight:500;color:var(--color-text-main)}.nav-links a:hover{color:var(--color-accent)}.mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:101}.mobile-toggle span{width:24px;height:2px;background-color:var(--color-primary)}#hero{padding-top:180px;padding-bottom:120px;position:relative;background:radial-gradient(circle at 100% 0%,#e6e6e6,#d9d9d9 60%);overflow:hidden}#ion-network-canvas{position:absolute;top:0;right:0;width:50%;height:100%;background-color:transparent;z-index:0}@media(max-width:768px){#ion-network-canvas{width:100%;opacity:.3}}#hero:before{content:"";position:absolute;top:-50%;right:-10%;width:800px;height:800px;border-radius:50%;border:1px solid rgba(0,0,0,.05);z-index:-1}#hero:after{content:"";position:absolute;top:-40%;right:-5%;width:600px;height:600px;border-radius:50%;border:1px solid rgba(0,0,0,.08);z-index:-1}.hero-content{max-width:700px;position:relative;z-index:2}.hero-label{display:inline-block;padding:.25rem .75rem;background-color:#ffffff80;border:1px solid var(--color-border);border-radius:100px;font-size:.75rem;font-weight:700;color:var(--color-text-main);margin-bottom:2rem;letter-spacing:.05em}.hero-content h1{font-weight:700;color:#000;font-size:4rem;line-height:1.1}.hero-content p{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:3rem;max-width:540px;font-weight:400}.hero-actions{display:flex;gap:1rem}#trust{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-alt)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-item{padding:4rem 2rem;border-right:1px solid var(--color-border);text-align:left;display:flex;flex-direction:column;justify-content:center}.trust-item:last-child{border-right:none}.trust-item h3{font-size:2.5rem;color:var(--color-primary);margin-bottom:.25rem;font-weight:400;letter-spacing:-.05em}.trust-item p{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--color-text-light)}#services{padding:var(--spacing-xl) 0}.section-header{margin-bottom:2.5rem;max-width:600px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--color-border);background-color:var(--color-bg-alt);border-radius:var(--radius-md);overflow:hidden}.service-card{padding:4rem 2.5rem;border-right:1px solid var(--color-border);transition:background-color .3s ease;background-color:var(--color-bg)}.service-card:last-child{border-right:none}.service-card:hover{background-color:#e2e2e2}.service-card .icon{font-size:1rem;font-weight:700;color:var(--color-accent);margin-bottom:2rem;font-family:monospace;display:inline-block;background-color:#252526;padding:.3rem .6rem;border-radius:4px;-webkit-text-stroke:0;text-shadow:none}.service-card h3{font-size:1.25rem;margin-bottom:1rem;font-weight:600}.service-card p{font-size:1rem;color:var(--color-text-muted);margin-bottom:2rem}.link-arrow{font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary)}.link-arrow span{color:var(--color-accent)}.link-arrow:hover{opacity:.7}#portfolio{padding:var(--spacing-xl) 0;background-color:var(--color-bg-alt);border-top:1px solid var(--color-border)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.portfolio-item{cursor:pointer;background:var(--color-bg);padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform .3s ease,box-shadow .3s ease}.portfolio-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft);border-color:var(--color-text-muted)}.portfolio-image{height:320px;width:100%;background-size:cover;background-position:center;background-color:#ccc;margin-bottom:1.5rem;border-radius:2px}.portfolio-info{padding:0 .5rem .5rem}.portfolio-info span{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-accent);letter-spacing:.05em;margin-bottom:.5rem;display:inline-block;background-color:#252526;padding:.2rem .5rem;border-radius:4px}.portfolio-info h4{font-size:1.5rem;margin:0;color:var(--color-primary)}#contact{padding:var(--spacing-xl) 0;background-color:#d5d5d5}.contact-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:start}.contact-content h2{margin-bottom:1.5rem}.contact-details{margin-top:3rem;padding-top:3rem;border-top:1px solid var(--color-border)}.contact-details li{margin-bottom:1.25rem;font-size:1rem;color:var(--color-text-main)}.contact-details strong{font-size:.75rem;text-transform:uppercase;color:var(--color-text-light);margin-bottom:.25rem;display:block}.contact-form{padding:0;background:transparent;border:none}.form-group{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.75rem;font-size:.9rem;font-weight:600;color:var(--color-text-main)}.form-group input,.form-group textarea{width:100%;padding:1rem 0;background-color:transparent;border:none;border-bottom:1px solid var(--color-border-fine);color:var(--color-text-main);font-family:inherit;font-size:1rem;font-weight:500;border-radius:0;transition:border-color .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--color-accent)}footer{padding:4rem 0;border-top:1px solid var(--color-border);background-color:var(--color-bg)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start}.footer-legal{color:var(--color-text-light);font-size:.85rem}@media(max-width:900px){.services-grid{grid-template-columns:1fr}.service-card{border-right:none;border-bottom:1px solid var(--color-border)}.service-card:last-child{border-bottom:none}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:none;border-bottom:1px solid var(--color-border);padding:3rem 0}.portfolio-grid{grid-template-columns:1fr}.contact-wrapper{grid-template-columns:1fr;gap:4rem}h1{font-size:2.75rem}.nav-links{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}.nav-links.active{display:flex;opacity:1;visibility:visible}.nav-links a{font-size:1.5rem;margin-bottom:1rem}.mobile-toggle{display:flex}}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.fade-up.is-visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.toast{background-color:#19191af2;color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:1rem;font-size:.95rem;font-weight:500;min-width:300px;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94);pointer-events:auto;border:1px solid rgba(255,255,255,.1)}.toast.visible{opacity:1;transform:translateY(0)}.toast.success{border-left:4px solid var(--color-accent)}.toast.error{border-left:4px solid #ff4444}.toast-icon{font-size:1.2rem}#portfolio{padding:4rem 0 5rem;background-color:#d5d5d5;position:relative;overflow:hidden;color:var(--color-text)}#portfolio .section-header{width:100%;position:relative;z-index:5;opacity:1!important;transform:none!important}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;grid-auto-flow:dense;gap:1.25rem;width:100%}.bento-card.size-wide{grid-column:span 2}.bento-card.size-tall{grid-row:span 2}.bento-card.size-standard{grid-column:span 1;grid-row:span 1}.bento-card:nth-child(1){grid-column:1 / span 2;grid-row:1}.bento-card:nth-child(2){grid-column:3;grid-row:1 / span 2}.bento-card:nth-child(3){grid-column:4;grid-row:1}.bento-card:nth-child(4){grid-column:1;grid-row:2}.bento-card:nth-child(5){grid-column:2;grid-row:2}.bento-card:nth-child(6){grid-column:1 / span 2;grid-row:3}.bento-card:nth-child(7){grid-column:3 / span 2;grid-row:3}.bento-card:nth-child(8){grid-column:4;grid-row:2}.bento-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;background:var(--color-bg-card, #EAEAEA);border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 24px #00000024,0 2px 6px #0000000f;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease,border-color .4s ease;isolation:isolate;display:flex;flex-direction:column}.bento-card:hover{transform:translateY(-6px);border-color:#febc2e99;box-shadow:0 28px 60px -8px #0000004d,0 4px 10px #00000014}.bento-image-stack{position:relative;flex:1;min-height:0;overflow:hidden;background:#e2e2e2}.bento-image-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transform:scale(1.02);transition:opacity .7s ease,transform .6s cubic-bezier(.25,.46,.45,.94)}.bento-image-stack img.active{opacity:1;z-index:1}.bento-card:hover .bento-image-stack img.active{transform:scale(1.05)}.bento-info{width:100%;flex-shrink:0;padding:.85rem 1.2rem .95rem;color:var(--color-text, #1a1a1d);background:var(--color-bg-card, #EAEAEA);border-top:1px solid rgba(0,0,0,.08);pointer-events:auto;z-index:2}.bento-category{display:inline-flex;align-items:center;gap:.4rem;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, #404040);margin-bottom:.35rem}.bento-category:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent, #b88500);flex-shrink:0}.bento-title{font-size:1.02rem;font-weight:600;margin:0;line-height:1.25;letter-spacing:-.01em;color:var(--color-text-main, #1A1A1A)}.bento-summary,.bento-cta{display:none}.bento-count{position:absolute;top:.75rem;right:.75rem;z-index:4;display:flex;align-items:center;gap:.3rem;padding:4px 9px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;color:#1a1a1d;font-size:.7rem;font-weight:600;border:1px solid rgba(0,0,0,.08)}.bento-card:after{content:"";position:absolute;inset:0;z-index:5;border-radius:14px;box-shadow:inset 0 0 #febc2e00;transition:box-shadow .4s ease;pointer-events:none}.bento-card:hover:after{box-shadow:inset 0 0 0 2px #febc2e59}@media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;gap:1rem}.bento-card:nth-child(n){grid-column:auto;grid-row:auto}.bento-card.size-wide{grid-column:span 2}.bento-card.size-tall{grid-row:span 2}}@media(max-width:560px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:190px}.bento-card:nth-child(n){grid-column:auto;grid-row:auto}.bento-card.size-wide,.bento-card.size-tall,.bento-card.size-standard{grid-column:span 1;grid-row:span 1}.bento-card.size-tall{grid-row:span 2}.bento-info{transform:translateY(0)}}.portfolio-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;align-items:center;justify-content:center}.portfolio-modal.active{display:flex}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalBackdropIn .3s ease}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;width:90%;max-width:1000px;max-height:85vh;background:var(--color-bg);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px #0006;animation:modalSlideIn .35s ease;z-index:1}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.94) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:38px;height:38px;border-radius:50%;border:none;background:#00000026;color:var(--color-primary);font-size:1.4rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;line-height:1}.modal-close-btn:hover{background:#00000014;transform:rotate(90deg)}.modal-body{display:flex;flex-direction:row;overflow-y:auto;max-height:85vh}.modal-image-section{flex:0 0 55%;max-width:55%;display:flex;flex-direction:column;background:#0d0d0f}.modal-main-image-wrapper{width:100%;flex:1;min-height:380px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.modal-main-image{width:100%;height:100%;object-fit:contain;display:block}.modal-thumbnails{display:flex;gap:.5rem;padding:.75rem;background:#0d0d0f;overflow-x:auto;flex-shrink:0}.modal-thumbnails::-webkit-scrollbar{height:4px}.modal-thumbnails::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.modal-thumb{flex:0 0 70px;width:70px;height:50px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s,transform .2s,opacity .2s;opacity:.5}.modal-thumb:hover{opacity:.85;transform:translateY(-2px)}.modal-thumb.active{border-color:var(--color-accent, #febc2e);opacity:1}.modal-thumb img{width:100%;height:100%;object-fit:cover;display:block}.modal-info-section{flex:1;padding:2rem;display:flex;flex-direction:column;overflow-y:auto}.modal-category{background-color:#000;color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:4px;align-self:flex-start;margin-bottom:.8rem;letter-spacing:.05em}.modal-title{font-size:1.8rem;margin:0 0 1.2rem;color:var(--color-primary);line-height:1.2}.modal-description{font-size:.95rem;color:var(--color-text-muted);line-height:1.7}.modal-description p{margin:0 0 .8rem}@media(max-width:768px){.modal-container{width:100%;max-width:100%;max-height:100vh;border-radius:0;height:100vh}.modal-body{flex-direction:column;max-height:100vh}.modal-image-section{flex:none;max-width:100%}.modal-main-image-wrapper{height:250px;min-height:250px}.modal-info-section{padding:1.25rem}.modal-title{font-size:1.4rem}.modal-close-btn{top:.75rem;right:.75rem;background:#0006;color:#fff}.modal-thumb{flex:0 0 60px;width:60px;height:42px}}