@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#111;--border:#222;--accent:#f97316;--accent-dim:rgba(249,115,22,.12);--text:#f0f0f0;--muted:#888;--radius:12px;--max-w:1100px}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}section{padding:96px 0}.detail-page{max-width:860px;margin:0 auto;padding:130px 24px 80px;position:relative}.detail-page:before{content:"";position:fixed;top:-60px;left:50%;transform:translateX(-50%);width:800px;height:520px;background:radial-gradient(ellipse at 50% 0,rgba(249,115,22,.08) 0,transparent 68%);pointer-events:none;z-index:0}.detail-page>*{position:relative;z-index:1}.detail-page h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 12px}.detail-page .lead{font-size:1.05rem;color:#a0a0a0;line-height:1.65;margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--border)}.detail-card{background:linear-gradient(140deg,#161616,#111);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:30px 34px;margin-bottom:18px}.detail-card h2{font-size:1.15rem;font-weight:700;color:var(--accent);margin-bottom:16px;display:flex;align-items:center;gap:9px}.detail-card h2:before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0}.detail-page h3{font-size:.97rem;font-weight:600;color:#e2e2e2;margin:26px 0 8px;padding-left:12px;border-left:2px solid rgba(249,115,22,.45)}.detail-page p{color:#bdbdbd;line-height:1.82;margin-bottom:14px}.detail-page ul{list-style:none;margin:0;padding:0}.detail-page li{position:relative;padding-left:20px;margin-bottom:11px;color:#bdbdbd;line-height:1.75}.detail-page li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.75}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,4%,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-logo{gap:10px;font-size:1.1rem;font-weight:800;letter-spacing:-.5px;color:var(--text);text-decoration:none}.logo-mark,.nav-logo{display:inline-flex;align-items:center}.logo-mark{justify-content:center;width:30px;height:30px;border-radius:8px;background:#000;color:var(--accent);border:1px solid #2a2a2a;font-weight:900;font-size:1rem;line-height:1}.logo-word{color:var(--text)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:.875rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}#hero{padding-top:160px;padding-bottom:96px;text-align:center}.eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);padding:4px 14px;border-radius:99px;margin-bottom:24px}h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.05;letter-spacing:-2px;max-width:800px;margin:0 auto 20px}.hero-sub{font-size:1.125rem;color:var(--muted);max-width:500px;margin:0 auto 40px}.btn{display:inline-block;padding:14px 32px;border-radius:var(--radius);font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#ea6c0a;transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border);color:var(--text);margin-left:12px}.btn-ghost:hover{border-color:var(--muted);transform:translateY(-1px)}#about{border-top:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center}.section-label{font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:20px}.about-text p{color:var(--muted);margin-bottom:16px;font-size:1rem}.about-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}.stat-number{font-size:2.5rem;font-weight:900;letter-spacing:-2px;color:var(--accent);display:block}.stat-label{font-size:.875rem;color:var(--muted);margin-top:4px}#services{border-top:1px solid var(--border)}.section-header{text-align:center;margin-bottom:56px}.section-header p{color:var(--muted);max-width:480px;margin:12px auto 0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;transition:border-color .2s}.service-card:hover{border-color:var(--accent)}.service-card>.service-img{width:100%;height:200px;object-fit:cover;display:block}.service-card>a,.service-card>h3,.service-card>p{padding-left:28px;padding-right:28px}.service-card>h3{padding-top:28px}.service-card>a{padding-bottom:28px;display:inline-block}.service-icon{font-size:2rem;margin-bottom:20px;display:block;padding:36px 28px 0}.service-card h3{font-size:1.2rem;font-weight:700;margin-bottom:12px;letter-spacing:-.3px}.service-card p{color:var(--muted);font-size:.9rem;line-height:1.7}.mascot-wrap{display:flex;align-items:center;justify-content:center;height:200px;background:var(--bg);border-bottom:1px solid var(--border)}.mascot{width:80px;height:100px;overflow:visible}.mascot-arm{transform-origin:73px 57px;animation:wave 1.2s ease-in-out infinite}@keyframes wave{0%{transform:rotate(0deg)}25%{transform:rotate(-30deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-20deg)}to{transform:rotate(0deg)}}.detail-link{display:inline-block;margin-top:14px;color:var(--accent);text-decoration:none;font-size:.86rem;font-weight:600}.detail-link:hover{opacity:.85}#work{border-top:1px solid var(--border)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s}.project-card:hover{border-color:var(--accent);transform:translateY(-4px)}.project-thumb{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.project-thumb-slider{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.project-thumb-slider .project-thumb{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:projectSlideshow 12s infinite}.project-thumb-slider .slide-one{animation-delay:0s}.project-thumb-slider .slide-two{animation-delay:4s}.project-thumb-slider .slide-three{animation-delay:8s}@keyframes projectSlideshow{0%{opacity:0}8%{opacity:1}30%{opacity:1}38%{opacity:0}to{opacity:0}}.project-thumb-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a1a,#222);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.project-body{padding:24px}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tag{font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);padding:3px 10px;border-radius:99px}.project-body h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.project-body p{font-size:.875rem;color:var(--muted);line-height:1.6}#faq{border-top:1px solid var(--border)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.faq-item h3{font-size:1.05rem;margin-bottom:8px}.faq-item p{color:var(--muted);font-size:.92rem}#contact{border-top:1px solid var(--border);text-align:center}#contact h2{margin-bottom:12px}.contact-sub{color:var(--muted);margin-bottom:40px;max-width:440px;margin-left:auto;margin-right:auto}.contact-email{display:inline-block;font-size:1.1rem;font-weight:600;color:var(--accent);text-decoration:none;margin-top:20px;transition:opacity .2s}.contact-email:hover{opacity:.75}footer{border-top:1px solid var(--border);padding:32px 0}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}footer p{font-size:.875rem;color:var(--muted)}.footer-link{color:var(--muted);text-decoration:none}.footer-link:hover{color:var(--text)}@media (max-width:768px){section{padding:64px 0}#hero{padding-top:120px;padding-bottom:64px}.nav-links{display:none}.about-grid{gap:40px}.about-grid,.faq-grid,.services-grid,.work-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:8px;text-align:center}}