/* The recorded glass world uses one static softened backdrop, keeping blur off scrolling panels. */
:root{--shadow-header:0 8px 28px rgba(53,42,18,.08);--shadow-panel:0 12px 36px rgba(53,42,18,.045);--shadow-card:0 10px 28px rgba(53,42,18,.05);--scrollbar:#7d7c68;--canvas:#d4c8b4;--backdrop-tint:rgba(226,217,194,.16);--selection:#e4cd64;--header-rim:rgba(255,255,247,.75);--header:rgba(249,247,235,.86);--navigation:rgba(255,255,249,.65);--navigation-selected:#2b2e25;--navigation-text:#fffdf5;--hero:rgba(247,245,232,.64);--artwork-surface:rgba(255,255,245,.24);--artwork-ink:#33372a;--artwork-paper:#e9e5d3;--artwork-line:#3c4131;--artwork-outline:#ece9d8;--invitation:rgba(255,253,241,.7);--scroll-ink:#303526;--project-index:rgba(249,247,235,.88);--card:rgba(250,248,239,.88);--card-rim:rgba(255,255,247,.85);--project-status:#55574a;--preview-frame:rgba(213,211,193,.5);--preview-frame-hover:rgba(213,211,193,.8);--preview-text:#34382a;--package-hover:rgba(229,213,129,.25);--tier-track:rgba(255,255,246,.55);--tier-stage:rgba(255,254,247,.52);--search-clear:#f6f3e7;--header-phone:rgba(249,247,235,.95);--surface-phone:rgba(250,248,239,.91);--hero-phone:rgba(247,245,232,.82);--opaque-surface:#f5f2e7;--header-touch:rgba(249,247,235,.97);--paper:#e6dfd2;--surface:rgba(250,248,239,.82);--ink:#24251f;--muted:#56574b;--line:rgba(66,64,49,.25);--accent:#454c2b;--accent-hover:#30371d;--soft:rgba(255,253,245,.55);--error:#9b281e;--button:#292c24;--button-text:#fffdf3;--secondary:#45483c;--focus:#3b4d2b;--field:rgba(255,254,248,.8);--field-border:#969784;--panel-rim:rgba(255,255,247,.78);--yellow:#e7d46e;--pad:clamp(20px,3.5vw,56px);color-scheme:light;scrollbar-color:var(--scrollbar) var(--paper)}
html{background:var(--canvas);scroll-padding-top:120px}
body.nk-art{background:transparent;padding:20px clamp(12px,2vw,32px) 24px}
body.nk-art:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(var(--backdrop-tint),var(--backdrop-tint)),url('/assets/glass/studio.webp') center/cover no-repeat;pointer-events:none}
::selection{background:var(--selection);color:var(--ink)}
:focus-visible{outline-color:var(--focus);outline-offset:4px}
.nk-art .silk-field{opacity:.06}
.nk-art main,.nk-art footer,.nk-art .site-header{max-width:1600px;margin-left:auto;margin-right:auto}
.nk-art .site-header{top:16px;min-height:80px;padding:12px 22px;gap:20px;border:1px solid var(--header-rim);border-radius:24px;background:var(--header);box-shadow:var(--shadow-header);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.nk-art .site-header .logo{font-size:40px}.nk-art .site-header nav{padding:4px;gap:4px;background:var(--navigation);border-radius:32px}.nk-art .site-header nav a{padding:8px 20px;border-radius:28px;transition:background .2s,color .2s}.nk-art .site-header nav a:after{display:none}.nk-art .site-header nav a:hover,.nk-art .site-header nav a[aria-current=page]{background:var(--navigation-selected);color:var(--navigation-text)}
.nk-art .start-link{border:0;border-radius:28px;background:var(--button);color:var(--button-text);padding:12px 22px}.nk-art .start-link:hover{background:var(--accent);color:var(--button-text)}
.nk-art .light-button,.nk-art .dark-button{border-radius:28px;background:var(--button);color:var(--button-text)}.nk-art .light-button:hover,.nk-art .dark-button:hover{background:var(--accent);color:var(--button-text)}
.nk-art main{padding-top:22px}.nk-art .signature-hero,.nk-art .section:not(.work),.nk-art .reading,.nk-art .case-art,.nk-art footer{background:var(--surface);border:1px solid var(--panel-rim);border-radius:28px;margin-bottom:22px;box-shadow:var(--shadow-panel)}
.nk-art .signature-hero{padding:24px 32px 0;min-height:0;gap:24px;background:var(--hero)}
.nk-art .create-stage{border-radius:20px;background:var(--artwork-surface);margin:0}.nk-art .create-type{max-height:300px;color:var(--artwork-ink)}.nk-art .create-type text{fill:var(--artwork-paper);stroke:var(--artwork-line)}.nk-art .create-type text:last-child{fill:var(--artwork-ink);stroke:var(--artwork-outline);stroke-width:4px}
.nk-art .signature-intro{gap:32px;padding:0 12px 8px;align-items:center}.nk-art .signature-intro h1{font-size:clamp(36px,3.7vw,58px)}.nk-art .signature-intro>div>p{color:var(--secondary);margin-top:20px}.nk-art .signature-invitation{width:320px;padding:20px 24px;border-radius:20px;background:var(--invitation)}.nk-art .signature-invitation>p{margin-top:0}.nk-art .signature-invitation .light-button{min-height:52px;margin-top:16px}.nk-art .signature-scroll{margin:0 12px;min-height:66px}.nk-art .signature-scroll svg{background:var(--yellow);border-radius:50%;padding:5px;width:32px;height:32px;color:var(--scroll-ink)}
.nk-art .section{padding:64px var(--pad)}.nk-art .section-heading{margin-bottom:32px;gap:40px}.nk-art .section-heading h2{font-size:clamp(34px,4vw,58px);max-width:17ch}.nk-art .work{padding:32px 0 0}.nk-art .work>.section-heading{background:var(--surface);border:1px solid var(--panel-rim);border-radius:24px;padding:32px var(--pad);margin-bottom:16px}.nk-art .project-index{background:var(--project-index);border:0;border-radius:20px;padding:12px 20px;margin-bottom:24px;gap:0 20px}.nk-art .project-index a{color:var(--secondary);min-height:44px}.nk-art .project-grid{gap:24px}.nk-art .project-showcase{min-width:0;background:var(--card);border:1px solid var(--card-rim);border-radius:24px;padding:24px;box-shadow:var(--shadow-card)}.nk-art .project-heading{margin-bottom:20px}.nk-art .project-heading h3{font-size:clamp(24px,2.1vw,32px)}.nk-art .project-heading span{color:var(--project-status)}.nk-art .project-preview{padding:16px;background:var(--preview-frame);border:0;border-radius:16px}.nk-art .project-preview img{background:transparent;border-radius:4px;aspect-ratio:1.65;object-fit:contain}.nk-art .project-preview:hover{background:var(--preview-frame-hover)}.nk-art .project-showcase>p{font-size:18px;margin-top:22px}.nk-art .project-details{margin-top:12px}.nk-art .project-details>span{color:var(--muted)}.nk-art .project-preview>span{color:var(--preview-text)}.nk-art .project-showcase:last-child:nth-child(odd){column-gap:32px}
.nk-art .service-summary{margin-top:24px}.nk-art .package-list strong{font-size:clamp(28px,3.3vw,46px)}.nk-art .package-list>a:hover{background:var(--package-hover)}.nk-art .studio-summary{gap:48px}.nk-art .contact-body{gap:48px}.nk-art .contact input,.nk-art .contact textarea,.nk-art .contact select,.nk-art .editor-controls input,.nk-art .service-search input{background:var(--field);border:1px solid var(--field-border);border-radius:12px}.nk-art .contact button{background:var(--button);color:var(--button-text)}.nk-art .contact button:hover{background:var(--accent);color:var(--button-text)}.nk-art .contact a:hover{color:var(--accent-hover)}.nk-art footer{padding:44px var(--pad) 20px}.nk-art .footer-top .logo{font-size:70px}
.nk-art .tier-selector{gap:6px;background:var(--tier-track);padding:6px;border:0;border-radius:20px}.nk-art .tier-selector button{background:transparent;border-radius:15px}.nk-art .tier-selector button[aria-pressed=true]{background:var(--button);color:var(--button-text)}.nk-art .tier-stage{border-radius:20px;background:var(--tier-stage);padding:32px}.nk-art .tier-price strong{color:var(--accent)}.nk-art .service-search button{border-radius:12px;background:var(--search-clear)}.nk-art .editor-preview{border-radius:20px}.nk-art .case-art{padding:24px}.nk-art .case-art img{border-radius:12px}.nk-art .case-live-label{border-radius:28px;background:var(--button);color:var(--button-text)}.nk-art .case-next .line-link{color:var(--accent)}.nk-art .reading{max-width:1100px;margin-left:auto;margin-right:auto}
@media(min-width:801px){.nk-art .project-showcase:last-child:nth-child(odd){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.nk-art .project-showcase:last-child:nth-child(odd)>p{margin-top:0}}
@media(max-width:1000px){.nk-art .site-header nav a{padding:8px 12px}.nk-art .section{padding:48px 28px}.nk-art .signature-hero{padding:20px 24px 0}.nk-art .signature-intro{padding-left:0;padding-right:0;gap:24px}.nk-art .signature-invitation{width:280px;padding:18px}.nk-art .project-showcase{padding:20px}.nk-art .project-grid{gap:20px}.nk-art .project-details{flex-wrap:wrap}}
@media(max-width:700px){html{scroll-padding-top:140px}body.nk-art{padding:10px 10px 16px}.nk-art .site-header{top:8px;padding:12px;border-radius:20px;gap:8px;background:var(--header-phone)}.nk-art .site-header .logo{font-size:34px;gap:10px}.nk-art .site-header .logo span{font-size:11px}.nk-art .site-header .start-link{padding:10px 14px;gap:8px}.nk-art .site-header nav{justify-content:center;width:100%;gap:2px;padding:0;background:transparent}.nk-art .site-header nav a{padding:8px 14px;font-size:12px}.nk-art main{padding-top:14px}.nk-art .signature-hero,.nk-art .section:not(.work),.nk-art .reading,.nk-art .case-art,.nk-art footer{border-radius:22px;margin-bottom:16px;background:var(--surface-phone)}.nk-art .signature-hero{padding:16px 18px 0;gap:20px;background:var(--hero-phone)}.nk-art .create-stage{border-radius:14px}.nk-art .create-type{max-height:none}.nk-art .signature-intro{padding:0;display:block}.nk-art .signature-intro h1{font-size:clamp(30px,7.5vw,48px)}.nk-art .signature-intro>div>p{font-size:14px;margin-top:16px}.nk-art .signature-invitation{width:100%;margin-top:24px;padding:18px;border-radius:16px}.nk-art .signature-invitation>p{margin-top:0}.nk-art .signature-pricing,.nk-art .signature-invitation .light-button{max-width:none}.nk-art .signature-scroll{margin:0;min-height:56px}.nk-art .signature-scroll>span:nth-child(2){display:block;font-size:12px;max-width:15ch;text-align:right}.nk-art .section{padding:36px 20px}.nk-art .work{padding:12px 0 0}.nk-art .work>.section-heading{padding:28px 20px;border-radius:22px;gap:20px}.nk-art .section-heading h2{font-size:34px}.nk-art .project-index{padding:10px 14px;gap:0 14px;margin-bottom:16px}.nk-art .project-grid{gap:16px}.nk-art .project-showcase{padding:18px;border-radius:22px}.nk-art .project-preview{padding:12px;border-radius:12px}.nk-art .project-heading h3{font-size:25px}.nk-art .project-showcase>p{font-size:17px;margin-top:18px}.nk-art .project-details{display:block}.nk-art .project-details>a{display:flex}.nk-art .section-heading{margin-bottom:28px;gap:20px}.nk-art .studio-summary,.nk-art .contact-body{gap:28px}.nk-art .contact h1,.nk-art .contact h2{margin-bottom:28px}.nk-art .package-list>a{gap:12px}.nk-art .package-list strong{font-size:27px}.nk-art .package-list>a>span:nth-child(2){font-size:20px}.nk-art .tier-selector{gap:4px;padding:4px}.nk-art .tier-selector button{padding:16px 12px}.nk-art .tier-selector strong{font-size:16px}.nk-art .tier-stage{padding:22px 16px}.nk-art footer{padding:32px 20px 16px}.nk-art .footer-top .logo{font-size:60px}.nk-art .case-art{padding:14px}.nk-art .reading{padding:32px 20px}}
@media(prefers-reduced-transparency:reduce){.nk-art .site-header,.nk-art .signature-hero,.nk-art .section:not(.work),.nk-art .project-showcase,.nk-art .work>.section-heading,.nk-art footer{background:var(--opaque-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.nk-art *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body.nk-art:before{inset:-12px;filter:blur(6px)}
@media(prefers-reduced-motion:no-preference){.nk-art main>section:first-child{animation:glass-arrive .7s cubic-bezier(.16,1,.3,1) both}@keyframes glass-arrive{from{opacity:1;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
/* Keep the full-width final project image identical in size to the paired previews. */
@media(min-width:1001px){.nk-art .project-showcase:last-child:nth-child(odd){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:74px}}
@media(min-width:801px) and (max-width:1000px){.nk-art .project-showcase:last-child:nth-child(odd){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:62px}}

/* Keep the glass backdrop still so scrolling does not composite a full-screen animation. */
.nk-art .silk-field svg{animation:none;will-change:auto;transform:rotate(-7deg) scale(1.12)}
.nk-art .quick-paths{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0 12px 20px}
.nk-art .quick-paths a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;text-underline-offset:4px}
.nk-art .quick-paths svg{width:18px;height:18px}
.nk-art h1,.nk-art h2{text-wrap:balance}
.nk-art .light-button,.nk-art .dark-button,.nk-art .start-link{transition:background-color .18s ease-out,transform .18s ease-out}
.nk-art .light-button:active,.nk-art .dark-button:active,.nk-art .start-link:active{transform:scale(.98)}
@media(hover:none),(max-width:700px){.nk-art .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--header-touch)}}
@media(max-width:700px){.nk-art .signature-intro>div>p{font-size:16px}.nk-art .quick-paths{padding:0 0 16px;gap:4px}.nk-art .quick-paths a{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.nk-art .light-button:active,.nk-art .dark-button:active,.nk-art .start-link:active{transform:none}}

/* Primary service explanations stay readable at phone sizes. */
@media(max-width:700px){.nk-art .service-scope,.nk-art .guide-list details>p,.nk-art .tier-copy li{font-size:16px;line-height:1.65}.nk-art .tier-foundation p,.nk-art .menu-terms{font-size:14px}.nk-art .tier-selector small{font-size:13px}.nk-art .case-live-label{justify-content:center;padding:12px 16px}}
@media(max-height:500px){.nk-art .site-header{position:relative;top:0}html{scroll-padding-top:16px}}
.nk-art .not-found{min-height:55svh;display:flex;flex-direction:column;justify-content:center}

.nk-art .menu-pricing{margin:0 0 24px;border-block:1px solid var(--line)}.nk-art .menu-pricing summary{padding:16px 0;min-height:52px;cursor:pointer;font-size:16px}.nk-art .menu-pricing .menu-terms{margin:0;padding:0 0 20px;max-width:70ch}

.nk-art .project-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px}.nk-art .project-index a{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:6px 0;line-height:1.45}.nk-art .project-index small{font-size:12px;color:var(--muted)}
.nk-art .tier-selector .tier-scale{line-height:1.45}.nk-art .tier-selector .tier-start{margin-top:auto;padding-top:12px}.nk-art .tier-comparison-note{max-width:75ch;margin:20px 0 0;font-size:14px;line-height:1.65;color:var(--muted)}
.nk-art .service-categories{display:flex;flex-wrap:wrap;gap:4px 24px;margin-bottom:20px}.nk-art .service-categories a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--accent);text-underline-offset:4px}.nk-art .service-categories a:hover{color:var(--accent-hover)}
.nk-art .case-service{margin-top:24px}
@media(max-width:700px){.nk-art .project-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.nk-art .service-categories{gap:4px 20px}}

/* Native select appearance preserves the dropdown cue through background overrides. */
.nk-art .contact select{appearance:auto;-webkit-appearance:auto}
.nk-art .contact-email,.nk-art .footer-top>p>a{min-height:44px}.nk-art .footer-top>p>a{display:inline-flex;align-items:center}.nk-art .footer-bottom a{min-width:44px}

/* Keep work and service choices visible before their optional detail. */
.nk-art .project-picker{margin:0 0 24px;padding:0 20px;border:0;border-radius:16px;background:var(--surface)}
.nk-art .project-picker>summary{min-height:48px;padding:12px 0;cursor:pointer;color:var(--secondary);font-size:15px}
.nk-art .project-picker .project-index{background:transparent;border-radius:0;padding:8px 0 20px;margin:0}
.nk-art .service-row{padding:18px 0;gap:4px 20px}
.nk-art .service-info>summary{min-height:44px;padding:9px 0;cursor:pointer;color:var(--secondary);font-size:14px}
.nk-art .service-info>p{margin:4px 0 12px}
.nk-art .service-info .line-link{font-size:14px}
.nk-art .editor-feedback{display:none}
@media(max-width:700px){.nk-art .project-picker{margin-bottom:20px}.nk-art .editor-feedback{display:block;margin:8px 0 20px;color:var(--secondary)}.nk-art .editor-feedback>span{font-size:12px}.nk-art .editor-feedback>p{font-size:18px;line-height:1.4;margin:4px 0 0;overflow-wrap:anywhere}}