@font-face{font-family:Create;src:url('/assets/create-lettering.woff2') format('woff2');font-weight:400 700;font-display:swap}
/* CREATE is the brand artwork; interface headings retain the readable scale. */
.nk-art{position:relative;isolation:isolate}.nk-art main,.nk-art footer{position:relative}.silk-field{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:paint;opacity:.18}.silk-field svg{display:block;width:100%;height:100%;stroke:var(--accent);stroke-width:1;fill:none;transform-origin:center;animation:signature-current 28s ease-in-out infinite paused}.silk-field.is-flowing svg{animation-play-state:running;will-change:transform}@keyframes signature-current{0%,100%{transform:translate3d(-3%,-1%,0) rotate(-7deg) scale(1.12)}50%{transform:translate3d(3%,2%,0) rotate(6deg) scale(1.16)}}
.nk-art .site-header{min-height:100px;padding-top:20px;padding-bottom:20px;background:var(--paper);border-bottom:0}.nk-art .logo{font-size:46px}.nk-art .site-header nav a{position:relative}.nk-art .site-header nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nk-art .site-header nav a:hover:after,.nk-art .site-header nav a[aria-current=page]:after{transform:scaleX(1)}.nk-art .start-link{background:transparent;color:var(--ink);border:1px solid var(--line);padding:12px 20px}.nk-art .start-link:hover{border-color:var(--accent);color:var(--accent)}
.signature-hero{padding:12px var(--pad) 0;min-height:calc(100svh - 100px);display:flex;flex-direction:column;justify-content:space-between}.create-stage{width:100%;user-select:none;pointer-events:none;contain:paint;overflow:hidden}.create-type{display:block;width:100%;height:auto;max-height:46svh;overflow:visible;color:var(--accent);stroke:none}.create-type text{font:600 246px Create,sans-serif;letter-spacing:-8px;fill:var(--paper);stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;paint-order:stroke fill}.create-type text:last-child{fill:var(--accent);stroke:var(--paper);stroke-width:4px}.create-type text:nth-child(1){opacity:.3}.create-type text:nth-child(2){opacity:.45}.create-type text:nth-child(3){opacity:.6}.create-type text:nth-child(4){opacity:.75}.create-type text:nth-child(5){opacity:.85}.create-type text:nth-child(6){opacity:.95}
.signature-intro{display:flex;justify-content:space-between;align-items:end;gap:64px;padding:0 0 48px}.signature-intro h1{font-size:clamp(34px,3.5vw,56px);line-height:1.1;letter-spacing:-.035em}.signature-intro h1 em{color:var(--ink)}.signature-intro>div>p{color:var(--muted);font-size:15px;margin-top:24px}.signature-invitation{width:320px;flex-shrink:0}.signature-invitation .light-button{width:100%;margin-top:20px;min-height:58px}.signature-pricing{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:9px;font-size:13px;color:var(--muted);text-decoration:none}.signature-pricing svg{width:18px}.signature-scroll{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);min-height:72px;font-size:13px;text-decoration:none}.signature-scroll>span:nth-child(2){color:var(--muted);margin-left:auto}.signature-scroll svg{transform:rotate(90deg)}
.nk-art .section{padding-top:120px;padding-bottom:120px}.nk-art .section-heading{margin-bottom:64px;align-items:start}.nk-art .section-heading h2{max-width:15ch}.nk-art .section-heading>p{padding-top:8px}.nk-art .work{border-top:0}.nk-art .project-index{margin-bottom:60px;padding:0 0 24px;gap:4px 24px}.nk-art .project-index a{font-size:13px;text-decoration:none;color:var(--muted)}.nk-art .project-index a:hover{color:var(--accent)}.nk-art .project-grid{gap:84px 40px}.nk-art .project-heading{display:block;margin-bottom:20px}.nk-art .project-heading h3{font-size:clamp(25px,2.3vw,34px);line-height:1.2}.nk-art .project-heading span{display:block;margin-top:8px;color:var(--muted);font-size:12px}.nk-art .project-preview{position:relative;padding:20px;background:var(--soft);border:1px solid var(--line);transition:border-color .3s var(--ease),background-color .3s var(--ease)}.nk-art .project-preview img{width:100%;height:auto;aspect-ratio:1.65;object-fit:contain;background:var(--soft)}.nk-art .project-preview>span{padding-top:14px;min-height:44px;color:var(--ink);font-size:12px}.nk-art .project-preview:hover{border-color:var(--accent);background:var(--surface)}.nk-art .project-showcase>p{font-size:20px;line-height:1.45;margin-top:24px;max-width:32ch}.nk-art .project-details{margin-top:12px;align-items:start}.nk-art .project-details .line-link{min-height:44px}.nk-art .project-preview svg,.nk-art .light-button svg,.nk-art .start-link svg{transition:transform .3s var(--ease)}@media(hover:hover) and (pointer:fine){.nk-art .project-preview:hover svg,.nk-art .light-button:hover svg,.nk-art .start-link:hover svg{transform:translate(3px,-3px)}}
.nk-art .service-summary{background:var(--surface)}.nk-art .package-list>a{position:relative;padding:28px 0;transition:color .25s,background-color .25s}.nk-art .package-list>a:hover{color:var(--accent);background:var(--soft)}.nk-art .package-list strong{font-size:clamp(28px,3.6vw,52px);font-weight:400;letter-spacing:-.035em}.nk-art .package-list small{font-size:13px}.nk-art .package-list>a>span:nth-child(2){font-size:25px;font-variant-numeric:tabular-nums}.nk-art .studio-summary{background:transparent}.nk-art .contact{background:var(--surface);border-top:1px solid var(--line)}.nk-art .contact h2,.nk-art .contact h1{max-width:15ch}.nk-art .contact input,.nk-art .contact select,.nk-art .contact textarea{background:var(--paper)}.nk-art footer{background:var(--paper);padding-top:72px}.nk-art .footer-top .logo{font-size:100px;line-height:1}.nk-art .footer-top .logo span{font-size:12px}.nk-art .case-art{padding:24px var(--pad);background:var(--soft)}.nk-art .case-art img{object-fit:contain}.nk-art .page-intro{padding-top:80px}.nk-art .line-link{transition:color .2s}.nk-art a:active,.nk-art button:active{filter:brightness(.9)}
@media(min-width:801px){.nk-art .project-showcase:last-child:nth-child(odd){column-gap:40px}.nk-art .project-showcase:last-child:nth-child(odd) .project-heading{margin-bottom:20px}.nk-art .project-showcase:last-child:nth-child(odd)>p{margin-top:0}.nk-art .project-showcase:last-child:nth-child(odd) .project-details{display:block}.nk-art .project-showcase:last-child:nth-child(odd) .project-details>a{display:flex;margin-top:12px}}
@media(min-width:1800px){.signature-hero{min-height:850px}.create-type{max-height:480px}}
@media(max-width:1000px){.signature-intro{gap:32px}.signature-invitation{width:270px}.nk-art .section{padding-top:88px;padding-bottom:88px}.nk-art .project-grid{gap:64px 26px}.nk-art .project-preview{padding:14px}.signature-intro>div>p{font-size:14px}.signature-intro h1{font-size:38px}}
@media(max-width:700px){.nk-art .site-header{min-height:0;padding-top:14px;padding-bottom:10px;gap:12px}.nk-art .site-header .logo{font-size:38px}.nk-art .site-header .logo span{font-size:10px}.nk-art .site-header .start-link{min-height:44px;padding:8px 12px;font-size:12px;gap:12px}.nk-art .site-header nav{gap:24px}.nk-art .site-header nav a{font-size:12px}.signature-hero{min-height:0;padding-top:32px}.create-stage{margin:0 0 32px}.create-type{max-height:none}.signature-intro{display:block;padding-bottom:36px}.signature-intro h1{font-size:clamp(32px,7.8vw,48px);max-width:16ch}.signature-intro>div>p{font-size:14px;margin-top:20px}.signature-invitation{width:100%;margin-top:28px}.signature-invitation>p{max-width:26ch}.signature-invitation .light-button{max-width:360px;margin-top:18px}.signature-pricing{max-width:360px}.signature-scroll{font-size:12px;min-height:64px;gap:12px}.signature-scroll>span:nth-child(2){display:none}.nk-art .section{padding-top:72px;padding-bottom:72px}.nk-art .section-heading{margin-bottom:36px;gap:24px}.nk-art .project-index{margin-bottom:36px;gap:2px 20px}.nk-art .project-grid{gap:52px}.nk-art .project-heading h3{font-size:27px}.nk-art .project-preview{padding:12px}.nk-art .project-showcase>p{font-size:19px}.nk-art .project-details{gap:0 20px}.nk-art .package-list>a{padding:22px 0}.nk-art .package-list strong{font-size:30px}.nk-art .package-list>a>span:nth-child(2){font-size:22px}.nk-art .footer-top .logo{font-size:76px}.silk-field{opacity:.12}.silk-field svg{width:160%;max-width:none;margin-left:-30%;animation-duration:32s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.silk-field svg{animation:none;will-change:auto}.nk-art a,.nk-art button,.nk-art svg,.nk-art .project-preview{transition:none!important}}
