:root{--bg-primary: #2c2c3c;--bg-secondary: #252535;--bg-card: #32324a;--bg-card-dark: #282838;--accent: #f5c01a;--text-white: #ffffff;--text-muted: #7a7a95;--text-dim: #555570;--text-nav: #888899;--text-body-light: #e0e0f0;--font-display: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--section-py: 100px;--page-px: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-white);font-family:var(--font-body);font-size:14px;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.section-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}.section-label .dash{color:var(--accent)}.section-label .word{color:var(--text-dim)}.display-heading{font-family:var(--font-display);font-weight:900;font-size:clamp(34px,4vw,44px);color:var(--text-white);line-height:1.05;margin-bottom:20px}.yellow-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:15px;font-weight:600;font-family:var(--font-body);transition:gap .2s ease;cursor:pointer}.yellow-link:hover{gap:12px}.yellow-link .arr{transition:transform .2s ease;display:inline-block}.yellow-link:hover .arr{transform:translate(5px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:36px var(--page-px);transition:padding .3s ease,background .3s ease,backdrop-filter .3s ease}.navbar.scrolled{background:#252530e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:24px var(--page-px)}.nav-logo{width:46px;height:46px}.nav-logo svg{width:100%;height:100%}.nav-links{display:flex;align-items:center;gap:0;list-style:none}.nav-links li{display:flex;align-items:center}.nav-links a{position:relative;font-family:var(--font-body);font-size:19px;font-weight:600;color:var(--text-nav);transition:color .2s ease;padding:8px 6px}.nav-links a:hover,.nav-links a.active{color:var(--text-white)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) scale(0);width:5px;height:5px;border-radius:50%;background-color:var(--accent);transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-links a.active:after{transform:translate(-50%) scale(1)}.nav-sep{color:var(--text-dim);font-size:17px;margin:0 16px;-webkit-user-select:none;user-select:none}.nav-reveal{opacity:0;transform:translate(-100px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.nav-reveal.loaded{opacity:1;transform:translate(0)}#hero{position:relative;min-height:100vh;overflow:hidden;background:var(--bg-primary)}.hero-right-panel{position:absolute;top:0;right:0;width:58%;height:100%;background:#353548;clip-path:polygon(8% 0%,100% 0%,100% 100%,0% 100%);z-index:0}.hero-content{position:relative;z-index:4;display:flex;align-items:center;min-height:100vh;padding:0 var(--page-px);padding-top:80px}.hero-left{flex:0 0 40%;max-width:40%}.hero-name{position:relative;z-index:4;font-family:var(--font-display);font-weight:900;font-size:clamp(80px,14vw,180px);color:var(--text-white);line-height:.95;letter-spacing:-2px;opacity:0;transform:translateY(150px);transition:opacity 1.5s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1)}.hero-name.loaded{opacity:1;transform:translateY(0)}.hero-accent-bar{position:relative;z-index:4;width:40px;height:3px;background:var(--accent);margin-top:14px;opacity:0;transform:translateY(80px);transition:opacity 1.5s .2s cubic-bezier(.16,1,.3,1),transform 1.5s .2s cubic-bezier(.16,1,.3,1)}.hero-accent-bar.loaded{opacity:1;transform:translateY(0)}.hero-socials{position:relative;z-index:4;margin-top:32px;display:flex;gap:20px;opacity:0;transform:translateY(80px);transition:opacity 1.5s .35s cubic-bezier(.16,1,.3,1),transform 1.5s .35s cubic-bezier(.16,1,.3,1)}.hero-socials.loaded{opacity:1;transform:translateY(0)}.hero-socials a{color:var(--text-nav);transition:color .2s ease,transform .2s ease;display:flex;align-items:center}.hero-socials a:hover{color:var(--accent);transform:translateY(-2px)}.hero-center-photo{position:absolute;bottom:0;left:28%;transform:translate(calc(-50% - 140px),140px);z-index:3;height:100%;display:flex;align-items:flex-end;pointer-events:none;opacity:0;transition:transform 2.2s cubic-bezier(.16,1,.3,1) .3s,opacity 2.2s ease .3s}.hero-center-photo.loaded{opacity:1;transform:translate(-50%)}.hero-center-photo img{height:100%;width:auto;max-width:1200px;object-fit:contain;object-position:bottom center;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%);filter:drop-shadow(0 0 40px rgba(0,0,0,.4))}.hero-right{flex:0 0 56%;max-width:56%;margin-left:auto;padding-left:20%;opacity:0;transform:translateY(120px);transition:opacity .8s .2s cubic-bezier(.16,1,.3,1),transform .8s .2s cubic-bezier(.16,1,.3,1)}.hero-right.loaded{opacity:1;transform:translateY(0)}.hero-intro-label{font-family:var(--font-body);font-size:20px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.hero-intro-label .dash{margin-right:6px}.hero-intro-text{font-family:var(--font-body);font-size:50px;font-weight:500;color:var(--text-white);line-height:1.25;max-width:600px}.hero-intro-body{font-family:var(--font-body);font-size:30px;color:var(--text-muted);line-height:1.6;max-width:1000px;margin-top:20px;opacity:.8}.hero-actions{margin-top:36px;display:flex;align-items:center;gap:30px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);background:transparent;color:var(--accent);font-family:var(--font-body);font-weight:600;font-size:14px;padding:10px 24px;border-radius:4px;transition:background .3s ease,color .3s ease,transform .2s ease}.ghost-btn:hover{background:#f5c01a1a;transform:translateY(-2px)}#about{background:var(--bg-secondary);padding:var(--section-py) var(--page-px)}.about-top{display:grid;grid-template-columns:45% 55%;gap:40px;margin-bottom:70px}.about-body-text{font-family:var(--font-body);font-size:14px;color:var(--text-muted);line-height:1.7;max-width:300px;margin-bottom:28px}.about-quote{font-family:var(--font-body);font-size:22px;font-weight:400;color:var(--text-body-light);line-height:1.45;margin-bottom:20px}.about-stats{display:flex;gap:40px;margin-top:20px}.stat-block{display:flex;align-items:center;gap:12px}.stat-number{font-family:var(--font-display);font-weight:900;font-size:54px;color:var(--accent);line-height:1}.stat-label{font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--text-muted);line-height:1.4;text-transform:uppercase;letter-spacing:.5px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.service-card{padding:32px 28px;min-height:210px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;transition:transform .3s ease}.service-card--inactive{background:var(--bg-card)}.service-card--active{background:var(--accent)}.service-card:hover{transform:translateY(-3px)}.service-icon{width:28px;height:28px}.service-card--active .service-icon path,.service-card--active .service-icon rect,.service-card--active .service-icon circle,.service-card--active .service-icon polyline,.service-card--active .service-icon line{stroke:#252535}.service-card--inactive .service-icon path,.service-card--inactive .service-icon rect,.service-card--inactive .service-icon circle,.service-card--inactive .service-icon polyline,.service-card--inactive .service-icon line{stroke:var(--text-dim)}.service-card-title{font-family:var(--font-display);font-weight:900;font-size:28px;line-height:1}.service-card--active .service-card-title{color:#252535}.service-card--inactive .service-card-title{color:var(--text-white)}.service-card-count{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.5px}.service-card--active .service-card-count{color:#25253099}.service-card--inactive .service-card-count{color:var(--text-dim)}#portfolio{background:var(--bg-primary);padding:var(--section-py) var(--page-px)}.portfolio-layout{display:grid;grid-template-columns:35% 65%;gap:60px;align-items:start}.portfolio-left{position:sticky;top:100px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{background:var(--bg-card-dark);border-radius:8px;overflow:hidden;padding:32px 28px 0;display:flex;flex-direction:column;transition:transform .3s ease;cursor:pointer;min-height:480px}.project-card:hover{transform:translateY(-8px)}.project-card--seone,.project-card--beserver,.project-card--tumbler{grid-column:span 1}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.project-card-name{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--text-white);line-height:1.1}.project-card-tags{font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--text-dim);text-align:right;line-height:1.4}.project-card-image{margin-top:auto;overflow:hidden;border-radius:2px}.project-card-image img{width:100%;height:auto;display:block;transition:transform .4s ease}.project-card:hover .project-card-image img{transform:scale(1.03)}#blog{background:var(--bg-secondary);padding:var(--section-py) var(--page-px)}.blog-layout{display:grid;grid-template-columns:35% 65%;gap:60px;margin-bottom:80px}.blog-list{display:flex;flex-direction:column}.blog-item{display:flex;align-items:center;gap:28px;padding:22px 0;border-top:1px solid rgba(255,255,255,.07);transition:background .2s ease;cursor:pointer}.blog-item:last-child{border-bottom:1px solid rgba(255,255,255,.07)}.blog-meta{font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--text-dim);white-space:nowrap;min-width:100px}.blog-title{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--text-white);flex:1;transition:color .2s ease}.blog-arrow{color:var(--accent);font-size:20px;transition:transform .2s ease;flex-shrink:0}.blog-item:hover .blog-arrow{transform:translate(5px)}.blog-item:hover .blog-title{color:var(--accent)}.testimonial-block{display:flex;align-items:flex-start;gap:50px}.testimonial-photo{flex-shrink:0;width:160px;height:200px;border-radius:3px;overflow:hidden}.testimonial-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.testimonial-content{flex:1}.testimonial-quote-mark{font-family:var(--font-display);font-size:80px;color:var(--accent);line-height:.8;margin-bottom:10px;display:block}.testimonial-text{font-family:var(--font-body);font-size:19px;font-weight:500;color:var(--text-white);line-height:1.55;margin-bottom:24px}.testimonial-author-name{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--text-white)}.testimonial-author-title{font-family:var(--font-body);font-size:12px;color:var(--text-muted);margin-bottom:20px}.testimonial-dots{display:flex;gap:8px;margin-top:16px}.dot{height:3px;border-radius:2px;background:#444458;cursor:pointer;transition:background .2s,width .2s}.dot.active{background:var(--accent);width:30px}.dot:not(.active){width:18px}#contact{background:var(--bg-primary);padding:var(--section-py) var(--page-px)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-form-heading{font-family:var(--font-display);font-weight:900;font-size:clamp(28px,3.5vw,38px);color:var(--text-white);line-height:1.05;margin-bottom:36px}.form-field{position:relative;margin-bottom:36px}.form-field input,.form-field textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.12);outline:none;color:var(--text-white);font-family:var(--font-body);font-size:16px;padding:10px 0;resize:none;transition:border-color .2s ease}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted)}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-field .field-line{position:absolute;bottom:0;left:0;height:1px;background:var(--accent);width:0;transition:width .5s cubic-bezier(.16,1,.3,1);transform-origin:left}.form-field.revealed .field-line{width:0}.form-actions{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.attach-icon{color:var(--text-muted);font-size:18px;cursor:pointer;transition:color .2s}.attach-icon:hover{color:var(--text-white)}.submit-btn{background:none;border:none;color:var(--accent);font-size:24px;cursor:pointer;transition:transform .2s ease;display:inline-flex;align-items:center;padding:4px}.submit-btn:hover{transform:translate(6px)}footer{background:var(--bg-primary);padding:40px var(--page-px) 40px;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.footer-logo{width:40px;height:40px;margin:0 auto 16px}.footer-tagline{font-family:var(--font-body);font-size:14px;margin-bottom:20px}.footer-tagline strong{font-weight:700;color:var(--text-white)}.footer-tagline span{color:var(--text-muted)}.footer-socials{display:flex;align-items:center;justify-content:center;gap:20px}.social-icon{color:var(--text-muted);font-size:20px;cursor:pointer;transition:color .2s ease;display:inline-flex;align-items:center;justify-content:center}.social-icon:hover{color:var(--accent)}.social-icon svg{width:20px;height:20px;fill:currentColor;stroke:none}@media (max-width: 900px){:root{--page-px: 24px;--section-py: 60px}.about-top,.portfolio-layout,.blog-layout,.contact-layout,.service-cards{grid-template-columns:1fr}.hero-right-panel{display:none}.hero-center-photo{opacity:.15}.project-grid{grid-template-columns:1fr}.project-card--seone,.project-card--beserver,.project-card--tumbler{grid-column:1;grid-row:auto}.portfolio-left{position:static}.testimonial-block{flex-direction:column}.hero-right{display:none}}.shimmer-bar{width:120px;height:14px;background:#ffffff12;border-radius:3px;animation:pulse 1.4s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}