/*
 * Tasarım notu — Dijital Editoryal Atölye:
 * Ambalaj ve web hizmetlerinde hareket; üretim adımlarını görünür kılan sakin,
 * editoryal ve amaçlı bir katmandır. Renk, tipografi ve yüzey dili mevcut NK
 * tasarım sistemine sadık kalır; reduced-motion tercihi tüm dekoratif hareketi kapatır.
 */
.nk-packaging-hero{position:relative;overflow:hidden}.nk-packaging-hero::after{content:"";position:absolute;right:-12%;bottom:-35%;width:420px;height:420px;border:1px solid var(--nk-line);border-radius:50%;pointer-events:none}.nk-packaging-hero-copy{position:relative;z-index:2}.nk-packaging-signal{position:absolute;z-index:1;right:4%;bottom:40px;width:min(35vw,420px);aspect-ratio:1;border:1px solid var(--nk-line);background:rgba(250,248,241,.72);overflow:hidden}.nk-packaging-signal::before,.nk-packaging-signal::after{content:"";position:absolute;border:1px solid rgba(240,100,50,.45);border-radius:50%}.nk-packaging-signal::before{inset:13%}.nk-packaging-signal::after{inset:28%;border-color:rgba(27,31,27,.22)}.nk-packaging-signal-label{position:absolute;z-index:3;top:18px;left:18px;padding:7px 9px;background:var(--nk-ink);color:var(--nk-paper-light);font-size:9px;letter-spacing:.12em;font-weight:800}.nk-packaging-signal-line{position:absolute;z-index:3;top:56%;left:-8%;width:116%;height:2px;background:var(--nk-orange);transform:rotate(-18deg);transform-origin:center}.nk-packaging-signal-ring{position:absolute;z-index:3;top:38%;left:38%;width:24%;height:24%;border:2px solid var(--nk-ink);border-radius:50%;box-shadow:0 0 0 10px rgba(240,100,50,.12)}.nk-packaging-signal-dot{position:absolute;z-index:4;width:11px;height:11px;border-radius:50%;background:var(--nk-orange);box-shadow:0 0 0 5px rgba(240,100,50,.14)}.nk-dot-one{top:19%;right:24%}.nk-dot-two{bottom:22%;left:24%;background:var(--nk-ink);box-shadow:0 0 0 5px rgba(27,31,27,.1)}.nk-dot-three{right:18%;bottom:35%;width:7px;height:7px;background:#d2c952;box-shadow:none}

.nk-web-hero{position:relative}.nk-web-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:50px;align-items:center}.nk-web-hero-copy{position:relative;z-index:2}.nk-web-hero-art{position:relative;min-height:410px;overflow:hidden;border:1px solid var(--nk-line);background:#eee9de;box-shadow:16px 16px 0 var(--nk-ink)}.nk-web-hero-art::before{content:"";position:absolute;inset:11%;border:1px solid rgba(27,31,27,.16)}.nk-web-art-meta{position:absolute;z-index:5;top:18px;left:18px;color:var(--nk-orange);font-size:9px;font-weight:800;letter-spacing:.13em}.nk-web-art-window{position:absolute;display:block;border:1px solid rgba(27,31,27,.5);background:rgba(250,248,241,.55);box-shadow:8px 8px 0 rgba(27,31,27,.92)}.nk-web-art-window-one{top:21%;right:10%;width:61%;height:43%;transform:skewY(-7deg)}.nk-web-art-window-two{bottom:14%;left:12%;width:54%;height:30%;border-color:rgba(240,100,50,.72);box-shadow:8px 8px 0 rgba(240,100,50,.22);transform:skewY(7deg)}.nk-web-art-route{position:absolute;z-index:4;top:12%;right:-8%;width:125%;height:3px;background:var(--nk-orange);transform:rotate(-31deg)}.nk-web-art-node{position:absolute;z-index:5;width:13px;height:13px;border-radius:50%;background:var(--nk-ink);box-shadow:0 0 0 5px rgba(250,248,241,.86)}.nk-web-art-node-one{top:28%;right:32%}.nk-web-art-node-two{bottom:29%;left:29%;background:var(--nk-orange)}.nk-web-art-stamp{position:absolute;z-index:6;right:22px;bottom:21px;display:grid;place-items:center;width:70px;height:70px;border:1px solid var(--nk-orange);border-radius:50%;background:var(--nk-ink);color:var(--nk-paper-light);font-family:var(--nk-serif);font-size:14px;line-height:.9;text-align:center;letter-spacing:.04em}

.nk-motion-ready .nk-motion-reveal{opacity:0;transform:translateY(28px);transition:opacity .64s var(--nk-ease),transform .64s var(--nk-ease)}.nk-motion-ready .nk-motion-reveal.is-visible{opacity:1;transform:none}.nk-motion-ready .nk-packaging-page .nk-package-group article,.nk-motion-ready .nk-web-detail .nk-package-grid article,.nk-motion-ready .nk-web-detail .nk-web-capability-grid article{opacity:0;transform:translateY(22px)}.nk-motion-ready .nk-packaging-page .nk-package-group.is-visible article,.nk-motion-ready .nk-web-detail .nk-package-group.is-visible article,.nk-motion-ready .nk-web-detail .nk-web-capabilities.is-visible article{animation:nk-card-in .58s var(--nk-ease) forwards}.nk-motion-ready .nk-packaging-page .nk-package-group.is-visible article:nth-child(2),.nk-motion-ready .nk-web-detail .nk-package-grid.is-visible article:nth-child(2),.nk-motion-ready .nk-web-detail .nk-web-capability-grid.is-visible article:nth-child(2){animation-delay:.08s}.nk-motion-ready .nk-packaging-page .nk-package-group.is-visible article:nth-child(3),.nk-motion-ready .nk-web-detail .nk-package-grid.is-visible article:nth-child(3),.nk-motion-ready .nk-web-detail .nk-web-capability-grid.is-visible article:nth-child(3){animation-delay:.16s}.nk-motion-ready .nk-packaging-page .nk-package-group.is-visible article:nth-child(n+4),.nk-motion-ready .nk-web-detail .nk-web-capability-grid.is-visible article:nth-child(n+4){animation-delay:.24s}.nk-motion-ready .nk-packaging-page .nk-package-gallery figure{opacity:0;transform:translateY(22px)}.nk-motion-ready .nk-packaging-page .nk-package-gallery.is-visible figure{animation:nk-card-in .56s var(--nk-ease) forwards}.nk-motion-ready .nk-packaging-page .nk-package-gallery.is-visible figure:nth-child(2n){animation-delay:.09s}.nk-motion-ready .nk-packaging-page .nk-package-gallery.is-visible figure:nth-child(3n){animation-delay:.16s}@keyframes nk-card-in{to{opacity:1;transform:none}}@keyframes nk-drift{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-12px) rotate(-18deg)}}@keyframes nk-orbit{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:no-preference){.nk-packaging-signal::before{animation:nk-orbit 14s linear infinite}.nk-packaging-signal-line{animation:nk-drift 6s ease-in-out infinite}.nk-web-art-window-one{animation:nk-window-one 7s ease-in-out infinite}.nk-web-art-window-two{animation:nk-window-two 8.5s ease-in-out infinite}.nk-web-art-route{animation:nk-route 7s ease-in-out infinite}.nk-web-art-stamp{animation:nk-orbit 18s linear infinite}@keyframes nk-window-one{0%,100%{transform:translateY(0) skewY(-7deg)}50%{transform:translateY(-13px) skewY(-7deg)}}@keyframes nk-window-two{0%,100%{transform:translateY(0) skewY(7deg)}50%{transform:translateY(13px) skewY(7deg)}}@keyframes nk-route{0%,100%{transform:translateX(0) rotate(-31deg)}50%{transform:translateX(-28px) rotate(-31deg)}}}
@media(max-width:900px){.nk-packaging-signal{position:relative;right:auto;bottom:auto;width:300px;margin:38px 0 0 auto}.nk-web-hero-grid{grid-template-columns:1fr;gap:42px}.nk-web-hero-art{max-width:520px;width:88%;margin-left:auto;min-height:340px}}
@media(max-width:600px){.nk-packaging-signal{width:86%;min-width:0;margin-right:0}.nk-web-hero-art{width:calc(100% - 12px);min-height:285px;box-shadow:12px 12px 0 var(--nk-ink)}.nk-web-art-stamp{right:15px;bottom:15px;width:60px;height:60px;font-size:12px}.nk-packaging-hero::after{width:260px;height:260px;right:-44%;bottom:-15%}}
@media(prefers-reduced-motion:reduce){.nk-motion-ready .nk-motion-reveal,.nk-motion-ready .nk-packaging-page .nk-package-group article,.nk-motion-ready .nk-web-detail .nk-package-grid article,.nk-motion-ready .nk-web-detail .nk-web-capability-grid article,.nk-motion-ready .nk-packaging-page .nk-package-gallery figure{opacity:1;transform:none;animation:none}}