/* NowThatsKee rebuild additions */
.ntk-wordmark{font-family:"Archivo",var(--font-heading);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:.01em;line-height:1;white-space:nowrap;color:hsl(var(--foreground));font-size:clamp(1.05rem,5.6vw,1.6rem)}
@media (min-width:768px){.ntk-wordmark{font-size:2.1rem}}
header.ntk-on-dark:not(.ntk-scrolled) .ntk-wordmark{color:#fff}
.ntk-hero-title{white-space:nowrap}
@media (prefers-reduced-motion:reduce){.ntk-hero-video{display:none}.ntk-hero{background:#2A2A2A url(/assets/video/loop-hero-pacific-ave-poster.jpg) center/cover no-repeat}}
.ntk-cover{width:56px;height:56px;object-fit:cover;flex-shrink:0;display:block}
/* preview player + buy (exclusive tracks) */
.ntk-row{position:relative;flex-wrap:wrap;row-gap:.75rem}
.ntk-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0}
.ntk-play{width:32px;height:32px;border-radius:9999px;border:1px solid hsl(var(--foreground));color:hsl(var(--foreground));display:inline-flex;align-items:center;justify-content:center;transition:all .2s;background:transparent}
.ntk-play:hover,.ntk-row.is-playing .ntk-play{background:hsl(var(--foreground));color:hsl(var(--background))}
.ntk-play .ntk-i-pause,.ntk-row.is-playing .ntk-i-play{display:none}.ntk-row.is-playing .ntk-i-pause{display:block}
.ntk-time{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:hsl(var(--muted-foreground));min-width:3.6em}
.ntk-buy{font-size:10px;letter-spacing:.15em;text-transform:uppercase;border:1px solid hsl(var(--foreground));color:hsl(var(--foreground));padding:.375rem .75rem;white-space:nowrap;transition:all .2s}
.ntk-buy:hover{background:hsl(var(--foreground));color:hsl(var(--background))}
.ntk-progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none}.ntk-progress span{display:block;height:100%;width:0;background:hsl(var(--foreground))}
.ntk-year{margin-left:1.25rem}
@media (max-width:639px){.ntk-actions{width:calc(100% - 2.75rem);margin-left:2.75rem}.ntk-row .ntk-actions{order:3}.ntk-year{margin-left:auto}.ntk-buy{margin-left:auto}}
.ntk-cover--placeholder{background:hsl(var(--secondary));display:flex;align-items:center;justify-content:center}
.ntk-cover--placeholder span{font-family:"Archivo",var(--font-heading);font-weight:800;font-stretch:125%;font-size:10px;letter-spacing:.1em;color:hsl(var(--background));opacity:.55}
.ntk-portrait{display:flex;justify-content:center;padding:0}
.ntk-portrait img{display:block;width:100%;max-width:min(1000px,100vh);height:auto;object-fit:contain;background:hsl(var(--background))}
.ntk-story{min-height:85svh}
/* brand logo */
.ntk-brand{display:inline-flex;align-items:center;gap:.55rem}
.ntk-logo{height:2.1rem;width:auto;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
@media (min-width:768px){.ntk-logo{height:2.6rem}}
.ntk-foot-brand{display:inline-flex;align-items:center;gap:.6rem}.ntk-foot-brand .ntk-logo{height:1.9rem}
/* exclusives cards */
.ntk-excl-note{text-align:center;font-family:var(--font-sans);font-size:.85rem;color:hsl(var(--muted-foreground));margin:-2rem 0 2.5rem}
.ntk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.ntk-card{display:flex;flex-direction:column;border:1px solid hsl(var(--border));background:hsl(var(--card))}
.ntk-card-cover{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;filter:saturate(.92) contrast(1.03)}
.ntk-card-body{padding:1rem 1rem 1.25rem;position:relative}
.ntk-card-num{font-family:var(--font-heading);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:hsl(var(--muted-foreground))}
.ntk-card-title{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;font-size:1.35rem;margin:.25rem 0 .9rem;color:hsl(var(--foreground))}
.ntk-card .ntk-actions{margin-left:0;width:100%;order:0}.ntk-card .ntk-buy{margin-left:auto}
@media (max-width:767px){.ntk-cards{grid-template-columns:1fr;max-width:420px;margin:0 auto}}
/* shop */
.ntk-shop-h{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:hsl(var(--muted-foreground));margin:3.5rem 0 1.25rem;border-bottom:1px solid hsl(var(--border));padding-bottom:.6rem}
.ntk-shop-h:first-of-type{margin-top:0}
.ntk-tees{display:grid;gap:2rem}
.ntk-prod-img{background:#0d0d0d;overflow:hidden}.ntk-prod-img img{display:block;width:100%;height:auto;transition:transform .5s}
.ntk-prod:hover .ntk-prod-img img{transform:scale(1.03)}
.ntk-notify{font-size:10px;letter-spacing:.18em;text-transform:uppercase;border:1px solid hsl(var(--foreground));color:hsl(var(--foreground));padding:.5rem .8rem;white-space:nowrap;transition:all .2s}
.ntk-notify:hover{background:hsl(var(--foreground));color:hsl(var(--background))}
[data-placeholder-price]::after{content:" (est.)";font-weight:400;font-size:.7em;opacity:.55}
.ntk-bundle{display:grid;grid-template-columns:1.4fr 1fr}
.ntk-bundle-body{padding:2rem;display:flex;flex-direction:column;justify-content:center}
.ntk-bundle-title{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;font-size:clamp(1.4rem,3vw,2rem);line-height:1;margin:.6rem 0 .8rem;color:hsl(var(--foreground))}
.ntk-badge{align-self:flex-start;font-family:var(--font-heading);font-size:10px;letter-spacing:.25em;text-transform:uppercase;background:#E8B43C;color:#111;padding:.3rem .6rem}
@media (max-width:767px){.ntk-bundle{grid-template-columns:1fr}.ntk-bundle-body{padding:1.25rem}}
.ntk-form{display:flex;flex-direction:column;gap:.5rem;max-width:520px}
.ntk-label{font-family:var(--font-heading);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:hsl(var(--muted-foreground))}
.ntk-form-row{display:flex;gap:.5rem}
.ntk-form input[type=email],.ntk-form select{flex:1;min-width:0;background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.7rem .8rem;font-family:var(--font-sans);font-size:.9rem}
.ntk-form select option{color:#111}
.ntk-form button{font-family:var(--font-heading);font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:hsl(var(--foreground));color:hsl(var(--background));padding:0 1.2rem;border:1px solid hsl(var(--foreground))}
.ntk-notify-box{margin-top:3.5rem;scroll-margin-top:6rem}
.ntk-ok{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--foreground))}
/* gallery cards */
button.ntk-prod-img{display:block;width:100%;padding:0;border:0;position:relative;cursor:zoom-in}
.ntk-zoom-hint{position:absolute;right:.6rem;bottom:.6rem;font-family:var(--font-heading);font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:rgba(0,0,0,.6);color:#fff;padding:.3rem .5rem;opacity:.85}
.ntk-thumbs{display:flex;gap:.4rem;padding:.5rem;background:#141414;overflow-x:auto}
.ntk-thumb{flex:0 0 auto;width:64px;height:48px;padding:0;border:1px solid #333;background:#0d0d0d;cursor:pointer;overflow:hidden}
.ntk-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.ntk-thumb:hover,.ntk-thumb:focus-visible{border-color:#E8B43C;outline:none}
.ntk-thumb-360{color:#E8B43C;font-family:var(--font-heading);font-size:12px;letter-spacing:.1em}
.ntk-prod-img img{object-fit:contain}
.ntk-bundle .ntk-gallery{min-width:0}
/* lightbox */
html.ntk-lb-open{overflow:hidden}
.ntk-lb{position:fixed;inset:0;z-index:1000;background:rgba(8,8,8,.97);display:flex;flex-direction:column;color:#eee}
.ntk-lb[hidden]{display:none}
.ntk-lb-top{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;gap:1rem;z-index:2}
.ntk-lb-title{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
.ntk-lb-count{font-family:var(--font-heading);font-size:10px;letter-spacing:.25em;color:#999}
.ntk-lb-tools{display:flex;gap:.4rem}
.ntk-lb button{color:#eee;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);min-width:44px;min-height:44px;font-size:1.2rem;line-height:1;cursor:pointer}
.ntk-lb button:hover{background:rgba(232,180,60,.25)}.ntk-lb button:focus-visible{outline:2px solid #E8B43C;outline-offset:2px}.ntk-lb button:disabled{opacity:.35;cursor:default}
.ntk-lb-stage,.ntk-spin-stage{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:zoom-in;user-select:none;-webkit-user-select:none}
.ntk-lb-stage.is-zoomed,.ntk-spin-stage.is-zoomed{cursor:zoom-out}
.ntk-lb-img,.ntk-spin-stage img{max-width:100%;max-height:100%;width:auto;height:auto;transform-origin:center;will-change:transform;-webkit-user-drag:none;pointer-events:none}
.ntk-lb-stage[hidden]{display:none}
.ntk-lb-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem!important;z-index:2}
.ntk-lb-prev{left:.75rem}.ntk-lb-next{right:.75rem}.ntk-lb-nav[hidden]{display:none}
.ntk-lb-cap{text-align:center;font-family:var(--font-sans);font-size:.85rem;color:#ccc;padding:.6rem 1rem 0}
.ntk-lb-help{text-align:center;font-family:var(--font-heading);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#777;padding:.3rem 1rem .9rem}
.ntk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ntk-lb-spinwrap{flex:1;min-height:0;display:flex;flex-direction:column}.ntk-lb-spinwrap[hidden]{display:none}
.ntk-spin{display:flex;flex-direction:column;outline:none}.ntk-spin-stage{cursor:grab}
.ntk-spin-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem}
.ntk-spin-auto{font-family:var(--font-heading);font-size:11px!important;letter-spacing:.15em;text-transform:uppercase;padding:0 .9rem}
.ntk-spin-hint{font-family:var(--font-heading);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#888}
@media (max-width:640px){.ntk-lb-nav{top:auto;bottom:4.2rem;transform:none}.ntk-lb-help{font-size:9px}.ntk-zoom-hint{display:none}}
@media (min-width:640px){.ntk-tees{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.ntk-tees{grid-template-columns:repeat(3,1fr)}}
/* KEESPIN coming soon: video on top */
.ntk-bundle>.ntk-video{grid-column:1/-1;margin:0;padding:1.5rem 1.5rem 0}
.ntk-bundle>.ntk-video video{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:var(--radius,.5rem);background:#000;display:block}
.ntk-bundle>.ntk-video figcaption{font-size:.75rem;opacity:.7;margin-top:.5rem}
.ntk-bundle>.ntk-gallery{padding:1.5rem}
@media (max-width:767px){.ntk-bundle>.ntk-video{padding:1rem 1rem 0}.ntk-bundle>.ntk-gallery{padding:1rem}}
.ntk-bundle{grid-template-columns:1fr}
.ntk-bundle>.ntk-gallery .ntk-prod-img img{max-height:560px;width:100%;object-fit:contain}
.ntk-bundle-body{padding:0 1.5rem 2rem}
@media (max-width:767px){.ntk-bundle-body{padding:0 1rem 1.5rem}}
.ntk-bundle>.ntk-gallery .ntk-prod-img{border-radius:var(--radius,.5rem);overflow:hidden}
/* KEESPIN stage */
.ntk-stagebox{padding:1.5rem 1.5rem 1.25rem}
.ntk-stage{position:relative;aspect-ratio:16/9;border-radius:var(--radius,.5rem);overflow:hidden;background:#d9cdb8}
.ntk-stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.ntk-stage-img{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#d9cdb8;cursor:zoom-in}
.ntk-stage-img img{width:100%;height:100%;object-fit:contain;display:block}
.ntk-stage-video[hidden],.ntk-stage-img[hidden]{display:none}
.ntk-sthumbs{display:flex;gap:.6rem;margin-top:.8rem;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.25rem}
.ntk-sthumb{position:relative;flex:0 0 auto;width:112px;aspect-ratio:16/10;padding:0;border:2px solid transparent;border-radius:.4rem;overflow:hidden;background:#d9cdb8;cursor:pointer;scroll-snap-align:start;opacity:.75;transition:opacity .2s,border-color .2s}
.ntk-sthumb img{width:100%;height:100%;object-fit:cover;display:block}
.ntk-sthumb:hover,.ntk-sthumb.is-active{opacity:1}.ntk-sthumb.is-active{border-color:#d4af37}
.ntk-sthumb:focus-visible{outline:3px solid #6b2fb3;outline-offset:2px}
.ntk-sthumb-play{position:absolute;inset:0;margin:auto;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;padding-left:3px}
@media (max-width:767px){.ntk-stagebox{padding:1rem 1rem .75rem}.ntk-sthumb{width:88px}}
/* homepage: header wordmark aligns with hero title left edge (hero uses px-8 / md:px-16, full width) */
.ntk-home-header>div{max-width:none;padding-left:2rem;padding-right:2rem}
@media (min-width:768px){.ntk-home-header>div{padding-left:4rem;padding-right:4rem}}
.ntk-home-header .ntk-brand{gap:0}
.ntk-home-header .ntk-wordmark{margin-left:calc(clamp(3rem,15vw,13.5rem)*.032)} /* optical: match hero glyph side-bearing */
/* KEESPIN stage: sleek autoplay bar */
.ntk-vbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.6rem;padding:1.4rem .8rem .55rem;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);opacity:0;transition:opacity .25s;z-index:2}
.ntk-stage:hover .ntk-vbar,.ntk-stage:focus-within .ntk-vbar,.ntk-vbar.is-paused{opacity:1}
.ntk-vbar.is-show{opacity:1}
.ntk-vbar[hidden]{display:none}
.ntk-vb{flex:0 0 auto;width:26px;height:26px;padding:5px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .2s,background .2s}
.ntk-vb:hover{opacity:1;background:rgba(255,255,255,.12)}.ntk-vb:focus-visible{outline:2px solid #d4af37;outline-offset:1px}
.ntk-vb svg{width:14px;height:14px;fill:currentColor}
.ntk-vb-play .i-play,.ntk-vb-play.is-paused .i-pause{display:none}.ntk-vb-play.is-paused .i-play{display:inline}
.ntk-vb-snd .i-on,.ntk-vb-snd.is-on .i-off{display:none}.ntk-vb-snd.is-on .i-on{display:inline}
.ntk-vb-track{flex:1;height:2px;background:rgba(255,255,255,.25);border-radius:2px;overflow:hidden;cursor:pointer;position:relative}
.ntk-vb-track::before{content:"";position:absolute;inset:-8px 0}
.ntk-vb-fill{height:100%;width:0;background:#d4af37}
.ntk-sthumb-play{width:auto;height:auto;inset:auto 6px 6px auto;margin:0;padding:0;background:none}
.ntk-sthumb-play::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent rgba(255,255,255,.9);filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}
/* homepage hero: smaller title on tablet/desktop so Kee's face stays clear */
@media (min-width:768px){.ntk-hero-title{font-size:clamp(3.5rem,min(7.5vw,13vh),7rem)!important}
.ntk-home-header .ntk-wordmark{margin-left:calc(clamp(3.5rem,min(7.5vw,13vh),7rem)*.032)}}
@media (min-width:768px) and (max-width:1023px){.ntk-wordmark{font-size:1.45rem}}