.tpd,.tpd-sec,.tpd-related{--tpd-line: rgba(29,29,27,.12);--tpd-ease: cubic-bezier(.22,1,.36,1);font-family: var(--nk-font);color: var(--tk-ink,#1d1d1b)}.tpd-eyebrow{display: inline-flex;align-items: center;gap: .8rem;margin: 0 0 1.1rem;font-size: .68rem;font-weight: 700;letter-spacing: .24em;text-transform: uppercase;color: var(--nk-accent-ink);text-decoration: none}.tpd-eyebrow i{display: block;flex: none;width: 34px;height: 2px;background: currentColor;transition: width .3s var(--tpd-ease)}a.tpd-eyebrow:hover i{width: 48px}.tpd{position: relative;isolation: isolate;padding: clamp(2.2rem,6vh,3.5rem) var(--nk-pad) clamp(3rem,8vh,4.5rem);background: #fbfaf7}.tpd::before{content: '';position: absolute;inset: 0;z-index: -1;background: url('../img/site/stitch-grid-dark.svg') right -1px top -1px / 160px 160px repeat;-webkit-mask-image: radial-gradient(ellipse 38% 60% at 100% 0%,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);mask-image: radial-gradient(ellipse 38% 60% at 100% 0%,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);pointer-events: none}.tpd-top{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: clamp(2rem,4.5vw,4.5rem);align-items: start}.tpd-gallery{min-width: 0}.tpd-stage{position: relative;margin: 0;aspect-ratio: 1.3;background: #efece7;overflow: hidden;isolation: isolate}.tpd-stage::after{content: '';position: absolute;left: 14%;right: 14%;bottom: 13%;height: 8%;z-index: -1;border-radius: 50%;background: radial-gradient(ellipse,rgba(29,29,27,.24) 0%,rgba(29,29,27,0) 70%);filter: blur(5px)}.tpd-stage__code{position: absolute;left: 50%;top: 44%;z-index: -2;transform: translate(-50%,-50%);font-size: clamp(4rem,11vw,10rem);font-weight: 800;line-height: 1;letter-spacing: -.04em;white-space: nowrap;color: rgba(29,29,27,.055);pointer-events: none;user-select: none}.tpd-stage__frame{position: absolute;inset: 14px;pointer-events: none}.tpd-stage__frame i{position: absolute;width: 18px;height: 18px;border: 0 solid var(--nk-orange)}.tpd-stage__frame i:nth-child(1){top: 0;left: 0;border-top-width: 2px;border-left-width: 2px}.tpd-stage__frame i:nth-child(2){top: 0;right: 0;border-top-width: 2px;border-right-width: 2px}.tpd-stage__frame i:nth-child(3){bottom: 0;left: 0;border-bottom-width: 2px;border-left-width: 2px}.tpd-stage__frame i:nth-child(4){bottom: 0;right: 0;border-bottom-width: 2px;border-right-width: 2px}.tpd-stage__zoom{display: grid;place-items: center;width: 100%;height: 100%;padding: 0;border: 0;background: none;cursor: zoom-in}.tpd-stage__zoom img{width: 82%;height: 82%;object-fit: contain;mix-blend-mode: multiply;transition: transform .6s var(--tpd-ease),opacity .25s}.tpd-stage__zoom:hover img{transform: scale(1.04)}.tpd-stage__ico{position: absolute;top: 1.6rem;right: 1.6rem;display: grid;place-items: center;width: 42px;height: 42px;background: #fff;color: var(--tk-ink);pointer-events: none;opacity: .9}.tpd-stage__ctrl{position: absolute;left: 1.6rem;bottom: 1.6rem;display: flex;align-items: center;background: var(--tk-ink);color: #fff}.tpd-nav{display: grid;place-items: center;width: 46px;height: 46px;padding: 0;border: 0;background: none;color: #fff;cursor: pointer;transition: background .2s,color .2s}.tpd-nav:hover{background: var(--nk-orange);color: var(--tk-ink)}.tpd-counter{padding: 0 .6rem;font-size: .74rem;font-weight: 600;letter-spacing: .06em;color: rgba(255,255,255,.7)}.tpd-counter b{color: var(--nk-orange)}.tpd-thumbs{display: flex;gap: .6rem;margin-top: .75rem;overflow-x: auto;scrollbar-width: none}.tpd-thumbs::-webkit-scrollbar{display: none}.tpd-thumb{position: relative;flex: none;width: 104px;aspect-ratio: 1.3;padding: 0;border: 0;background: #efece7;cursor: pointer;opacity: .62;transition: opacity .25s}.tpd-thumb::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background: var(--nk-orange);transform: scaleX(0);transform-origin: left;transition: transform .3s var(--tpd-ease)}.tpd-thumb img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: multiply}.tpd-thumb:hover{opacity: 1}.tpd-thumb.is-active{opacity: 1}.tpd-thumb.is-active::after{transform: none}.tpd-info{position: sticky;top: calc(var(--nk-nav,76px) + 1.5rem);padding-top: .4rem}.tpd-title{margin: 0 0 1.3rem;font-size: clamp(1.9rem,3vw,2.8rem);font-weight: 600;line-height: 1.12;letter-spacing: -.02em;text-wrap: balance}.tpd-codes{display: flex;flex-wrap: wrap;align-items: center;gap: .6rem;margin-bottom: 1.5rem}.tpd-code{display: inline-flex;align-items: center;gap: .6rem;padding: .45rem .8rem;background: var(--tk-ink);color: #fff}.tpd-code small{font-size: .6rem;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: rgba(255,255,255,.55)}.tpd-code b{font-size: .82rem;font-weight: 700;letter-spacing: .04em;color: var(--nk-orange)}.tpd-lead{margin: 0 0 1.6rem;padding-left: 1.1rem;border-left: 3px solid var(--nk-orange);font-size: clamp(.98rem,1.15vw,1.08rem);font-weight: 500;line-height: 1.7}.tpd-specs{margin: 0 0 1.6rem;border-top: 1px solid var(--tpd-line)}.tpd-specs div{display: flex;justify-content: space-between;gap: 1rem;padding: .7rem 0;border-bottom: 1px solid var(--tpd-line);font-size: .86rem}.tpd-specs dt{font-weight: 500;color: rgba(29,29,27,.6)}.tpd-specs dd{margin: 0;font-weight: 600;text-align: end}.tpd-quote{margin: 0 0 1.4rem;font-size: .84rem;line-height: 1.6;color: rgba(29,29,27,.62)}.tpd-actions{display: flex;flex-wrap: wrap;align-items: center;gap: .7rem;margin-bottom: 1.8rem}.tpd-btn{display: inline-flex;align-items: center;gap: .65rem;padding: .95rem 1.4rem;background: var(--nk-orange);color: #fff;font-size: .82rem;font-weight: 700;text-decoration: none;transition: background .25s var(--tpd-ease),color .25s,gap .25s var(--tpd-ease)}.tpd-btn:hover{background: var(--tk-ink);color: #fff;gap: .9rem}.tpd-btn--ghost{background: none;border: 1px solid var(--tpd-line);color: var(--tk-ink);font-weight: 600}.tpd-btn--ghost:hover{background: var(--tk-ink);border-color: var(--tk-ink)}.tpd-perks{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 0;margin: 0;padding: 0;list-style: none;border-top: 1px solid var(--tpd-line)}.tpd-perks li{display: flex;flex-direction: column;gap: .6rem;padding: 1.1rem 1rem 0 0;font-size: .78rem;font-weight: 500;line-height: 1.5;color: rgba(29,29,27,.72)}.tpd-perks li + li{padding-left: 1rem;border-left: 1px solid var(--tpd-line)}.tpd-perks svg{color: var(--nk-accent-ink)}.tpd-tabs{background: rgba(255,255,255,.94)}.tpd-sec{display: grid;grid-template-columns: minmax(0,3fr) minmax(0,9fr);gap: clamp(2rem,4vw,4rem);padding: clamp(3.5rem,9vh,5.5rem) var(--nk-pad);background: #fff}.tpd-sec__head{align-self: start;position: sticky;top: calc(var(--nk-nav,76px) + 5rem)}.tpd-sec__title{margin: 0;font-size: clamp(1.6rem,2.4vw,2.2rem);font-weight: 600;line-height: 1.15;letter-spacing: -.02em}.tpd-desc{min-width: 0}.tpd-desc .pdx-title{font-weight: 600}.tpd-related{padding: clamp(3.5rem,9vh,5.5rem) var(--nk-pad);background: #fbfaf7;border-top: 1px solid var(--tpd-line)}[dir=rtl] .tpd::before{background-position: left -1px top -1px;-webkit-mask-image: radial-gradient(ellipse 38% 60% at 0% 0%,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);mask-image: radial-gradient(ellipse 38% 60% at 0% 0%,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%)}[dir=rtl] .tpd-stage__ico{right: auto;left: 1.6rem}[dir=rtl] .tpd-stage__ctrl{left: auto;right: 1.6rem}[dir=rtl] .tpd-nav svg,[dir=rtl] .tpd-btn svg{transform: scaleX(-1)}[dir=rtl] .tpd-lead{padding: 0 1.1rem 0 0;border-left: 0;border-right: 3px solid var(--nk-orange)}[dir=rtl] .tpd-perks li{padding: 1.1rem 0 0 1rem}[dir=rtl] .tpd-perks li + li{padding-right: 1rem;border-left: 0;border-right: 1px solid var(--tpd-line)}[dir=rtl] .tpd-thumb::after{transform-origin: right}@media (max-width: 991.98px){.tpd-top,.tpd-sec{grid-template-columns: 1fr}.tpd-info,.tpd-sec__head{position: static}}@media (max-width: 640px){.tpd-stage{aspect-ratio: 1.1}.tpd-stage__ctrl{left: .9rem;bottom: .9rem}.tpd-stage__ico{top: 1rem;right: 1rem}.tpd-perks{grid-template-columns: 1fr}.tpd-perks li + li{padding-left: 0;border-left: 0;border-top: 1px solid var(--tpd-line);padding-bottom: .4rem}}.tpd-stage{container-type: inline-size}.tpd-stage__code{font-size: min(13cqw,10rem)}.tpd-desc .pdx-table{overflow-x: auto;margin-top: 1.4rem}.tpd-desc .pdx-table table{width: 100%;border-collapse: collapse;font-size: .86rem}.tpd-desc .pdx-table th,.tpd-desc .pdx-table td{padding: .85rem 1rem;border: 0;border-bottom: 1px solid var(--tpd-line);text-align: start;vertical-align: top}.tpd-desc .pdx-table tbody tr > *:first-child{font-weight: 600;color: var(--tk-ink);background: #fbfaf7;white-space: nowrap}.tpd-desc .pdx-table tbody tr:hover > *{background: #fff8d6}.tpd-desc .pdx-table thead tr > *,.tpd-desc .pdx-table table > tbody:first-child > tr:first-child > *,.tpd-desc .pdx-table table > tr:first-child > *{background: var(--tk-ink);color: var(--nk-orange);font-size: .72rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;border-bottom: 0;white-space: normal}.tpd-desc .pdx-table thead tr > *:first-child,.tpd-desc .pdx-table table > tbody:first-child > tr:first-child > *:first-child{color: rgba(255,255,255,.7)}.tpd-desc .pdx-no{color: var(--nk-accent-ink)}.tpd-colors{margin: 1.25rem 0 1.5rem;padding: 1rem 0;border-block: 1px dashed rgba(29,29,27,.2)}.tpd-colors__head{margin: 0 0 .8rem;color: #64676d;font-size: .86rem;font-weight: 600}.tpd-colors__head b{color: #1d1d1b;font-weight: 700}.tpd-colors__head small{margin-left: .6rem;color: var(--nk-orange);font-size: .76rem;font-weight: 700}.tpd-colors__list{display: flex;flex-wrap: wrap;gap: .5rem}.tpd-colors__list a{width: 34px;height: 34px;background: var(--s);box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);transition: transform .2s,box-shadow .2s}.tpd-colors__list a.is-light{box-shadow: inset 0 0 0 1px rgba(0,0,0,.3)}.tpd-colors__list a:hover{transform: scale(1.1)}.tpd-colors__list a.is-on{box-shadow: 0 0 0 2px #fff,0 0 0 4px var(--nk-orange)}.tpd-colors__list a:focus-visible{outline: 2px solid var(--nk-orange);outline-offset: 3px}.tpd-3d{position: absolute;z-index: 3;right: 1rem;bottom: 1rem;display: inline-flex;align-items: center;gap: .45rem;padding: .55rem .8rem;background: #15171b;color: #fff;font-size: .78rem;font-weight: 700;letter-spacing: .03em;text-decoration: none;transition: background .25s}.tpd-3d svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linejoin: round}.tpd-3d:hover{background: var(--nk-orange,#e2220d);color: #fff}.s3d__head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: 1rem}.s3d__note{margin: 0;color: #6f7680;font-size: .86rem}.s3d__stage{position: relative;display: grid;place-items: center;aspect-ratio: 16 / 9;max-height: 640px;width: 100%;overflow: hidden;isolation: isolate;cursor: grab;touch-action: pan-y;user-select: none;background: radial-gradient(ellipse 60% 45% at 50% 108%,rgba(226,34,13,.2),transparent 72%),#ebe7e0;border: 1px solid #ddd7cd}.s3d__stage.is-drag{cursor: grabbing}.s3d__stage:focus-visible{outline: 2px solid var(--nk-orange,#e2220d);outline-offset: 3px}.s3d__lines i{position: absolute;z-index: -1;top: 0;bottom: 0;width: 1px;background: rgba(21,23,27,.07)}.s3d__lines i:nth-child(1){left: 25%}.s3d__lines i:nth-child(2){left: 50%}.s3d__lines i:nth-child(3){left: 75%}.s3d__img{width: 88%;height: 88%;object-fit: contain;pointer-events: none;opacity: .4;transition: opacity .5s}.s3d.is-ready .s3d__img{opacity: 1}.s3d__loader{position: absolute;left: 0;right: 0;top: 0;height: 2px;background: rgba(21,23,27,.08);transition: opacity .4s}.s3d__loader i{display: block;height: 100%;background: var(--nk-orange,#e2220d);transform: scaleX(0);transform-origin: left;transition: transform .2s}.s3d.is-ready .s3d__loader{opacity: 0}.s3d__bar{position: absolute;left: 1.25rem;right: 1.25rem;bottom: 1rem;display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding-top: .8rem;border-top: 1px solid rgba(21,23,27,.12)}.s3d__hint{display: inline-flex;align-items: center;gap: .5rem;color: #33373d;font-size: .82rem;font-weight: 500}.s3d__hint svg{width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 1.5;stroke-linecap: round}.s3d__hint b{font-weight: 600;font-variant-numeric: tabular-nums;min-width: 2.2ch;text-align: right}.s3d__btns{display: flex;gap: .35rem}.s3d__btns button{display: grid;place-items: center;width: 38px;height: 38px;padding: 0;background: #fff;border: 1px solid #ddd7cd;color: #15171b;cursor: pointer;transition: background .2s,border-color .2s,color .2s}.s3d__btns button:hover{background: #15171b;border-color: #15171b;color: #fff}.s3d__btns svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linejoin: round}.s3d__btns .s3d__play{display: none;fill: currentColor;stroke: none}.s3d.is-paused .s3d__btns .s3d__play{display: block}.s3d.is-paused .s3d__btns .s3d__pause{display: none}@media (max-width: 640px){.s3d__stage{aspect-ratio: 4 / 3}.s3d__note{display: none}}