:root{--bg:#0d0d0b;--bg2:#141410;--text:#f0ede6;--muted:#7a7670;--accent:#c8a96e;--accent2:#e8c98a;--border:rgba(200,169,110,.15);--card:#181814}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Noto Sans JP,sans-serif;font-weight:300;overflow-x:hidden}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");content:"";inset:0;opacity:.4;pointer-events:none;position:fixed;z-index:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media(max-width:768px){nav{padding:20px 24px!important}.nav-links{gap:16px!important}.nav-links a:not(.nav-cta){display:none}.hero{padding:100px 24px 60px!important}.hero-scroll{left:24px!important}.section{padding:80px 24px!important}.about-grid{gap:40px!important}.about-grid,.services-grid{grid-template-columns:1fr!important}.flow-steps{grid-template-columns:1fr 1fr!important}.work-item{grid-template-columns:48px 1fr!important}.work-tags{display:none!important}footer{flex-direction:column!important;gap:12px!important;text-align:center!important}}