.nts{--nts-ink:#252123;--nts-paper:#f2eee8;--nts-line:#d5ccc5;--nts-muted:#6d625c;background:var(--nts-paper);color:var(--nts-ink);padding:clamp(56px,7vw,104px) 0;font-family:var(--font-body)}
.nts__inner{max-width:1440px}
.nts__header{display:grid;grid-template-columns:1fr 1fr;gap:16px 60px;align-items:end;margin-bottom:42px}
.nts__header .eyebrow{grid-column:1/-1;margin:0;font-size:10px;letter-spacing:.16em;font-weight:600}
.nts__header h2{font-family:var(--font-heading);font-size:clamp(44px,5.4vw,80px);line-height:1.04;letter-spacing:-.045em;font-weight:400;margin:0;max-width:650px;text-wrap:balance}
.nts__intro{max-width:320px;justify-self:end;margin:0 0 3px;font-size:16px;line-height:1.6;color:var(--nts-muted);text-wrap:pretty}
.nts__layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.8fr);gap:clamp(32px,6.2vw,88px)}
.nts__editorial{display:flex;flex-direction:column;min-width:0;padding-top:4px}
.nts__controls{display:none}
.nts.is-ready .nts__controls{display:flex}
.nts__chapters{border-top:1px solid var(--nts-line);flex-direction:column}
.nts__chapters button{position:relative;width:100%;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:10px;min-height:56px;padding:13px 0;background:none;color:var(--nts-muted);border:0;border-bottom:1px solid var(--nts-line);font:inherit;text-align:start;cursor:pointer;transition:color .2s}
.nts__chapters button>span:first-child{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.nts__chapters button>span:nth-child(2){font-size:15px;font-weight:500}
.nts__chapters button i{justify-self:end;width:5px;height:5px;background:currentColor;border-radius:50%;opacity:0;transform:scale(.5);transition:opacity .25s,transform .25s}
.nts__chapters button.is-active,.nts__chapters button:hover{color:var(--nts-ink)}
.nts__chapters button.is-active i{opacity:1;transform:scale(1)}
.nts__story{padding:36px 0 24px}
.nts__story[hidden],.nts__scene[hidden],.nts [hidden]{display:none!important}
.nts__index{font-family:var(--font-heading);font-size:58px;font-weight:400;line-height:1;color:#b8a69a;letter-spacing:-.04em}
.nts__index i{font:400 10px var(--font-body);letter-spacing:.08em;color:var(--nts-muted);margin-inline-start:12px}
.nts__story h3{font-family:var(--font-heading);font-size:clamp(26px,2.5vw,36px);line-height:1.14;letter-spacing:-.025em;font-weight:400;margin:20px 0 15px;text-wrap:balance}
.nts__story p{max-width:300px;font-size:15px;line-height:1.65;margin:0;color:var(--nts-muted);text-wrap:pretty}
.nts__navigation{align-items:center;gap:18px;margin-top:auto;padding-top:24px}
.nts__navigation>span{font-size:12px;line-height:1.3;max-width:120px;color:var(--nts-muted)}
.nts__arrows{display:flex;gap:8px}
.nts__arrows button{height:44px;width:44px;display:grid;place-items:center;border:1px solid var(--nts-line);border-radius:50%;background:transparent;color:var(--nts-ink);padding:10px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.nts__arrows button:hover{background:var(--nts-ink);border-color:var(--nts-ink);color:#fff}
.nts__arrows svg{width:20px;height:20px}
.nts__arrows [data-nts-prev] svg{transform:rotate(180deg)}
.nts__stage{position:relative;min-width:0;touch-action:pan-y}
.nts__scene{height:100%;position:relative;display:flex;flex-direction:column;background:#e6d9cc;overflow:hidden}
.nts__visual{position:relative;overflow:hidden;aspect-ratio:1.47;min-height:310px;background:#d7c3b2}
.nts__poster,.nts__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.nts__video{opacity:0;transition:opacity .4s}
.nts__video.is-playing{opacity:1}
.nts__scene--one .nts__poster,.nts__scene--one .nts__video{object-position:50% 45%}
.nts__scene--three .nts__poster{object-position:65% 38%}
.nts__scene-label{position:absolute;left:24px;right:76px;top:23px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.14em;color:#fff;text-shadow:0 1px 8px #0008;pointer-events:none}
.nts__scene-label i{font-style:normal;font-size:10px;letter-spacing:.1em}
.nts__product{position:relative;display:grid;grid-template-columns:1fr 84px 42px;gap:20px;align-items:center;padding:20px 24px;background:#e8dfd5;color:var(--nts-ink);min-height:126px;text-decoration:none}
.nts__product-copy{min-width:0;max-width:300px}
.nts__product-copy small{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:7px}
.nts__product-copy strong{display:block;font-size:15px;font-weight:500;line-height:1.35;text-wrap:pretty}
.nts__product-copy>span{display:block;font-size:14px;margin-top:8px;font-variant-numeric:tabular-nums}
.nts__cutout{width:84px;height:154px;object-fit:contain;background:transparent!important;position:relative;align-self:end;margin-top:-60px;margin-bottom:-5px;filter:drop-shadow(0 7px 8px #4b342a20);transition:transform .35s}
.nts__product:hover .nts__cutout{transform:translateY(-4px)}
.nts__product-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #bcb0a5;border-radius:50%;transition:background .2s,color .2s}
.nts__product-arrow svg{width:19px;height:19px}
.nts__product:hover .nts__product-arrow{background:var(--nts-ink);color:white;border-color:var(--nts-ink)}
.nts__play{position:absolute;z-index:2;right:18px;top:16px;width:44px;height:44px;align-items:center;justify-content:center;background:#f6f0e9e8;color:var(--nts-ink);border:1px solid #fff9;border-radius:50%;padding:11px;cursor:pointer}
.nts__play:hover{background:#fff}
.nts__play span,.nts__play svg{display:block;width:20px;height:20px}
.nts :is(button,a):focus-visible{outline:2px solid var(--nts-ink);outline-offset:5px}
.nts__product:focus-visible{outline-offset:-5px}
.nts__footer{display:flex;justify-content:space-between;gap:24px;padding-top:16px;color:var(--nts-muted);font-size:10px;line-height:1.4}
.nts__footer>span:last-child{flex:none;letter-spacing:.1em}
.nts__fallback-links{display:flex;gap:20px;flex-wrap:wrap;padding-top:20px;font-size:14px;text-decoration:underline}
.nts.is-playing .nts__scene:not(.has-video) .nts__poster{animation:nts-breathe 16s ease-in-out infinite alternate}
.nts.is-changing .nts__scene,.nts.is-changing .nts__story{animation:nts-enter .45s ease both}
@keyframes nts-breathe{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes nts-enter{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.nts__visual{aspect-ratio:1.65}}
@media(max-width:989px){.nts__layout{grid-template-columns:minmax(200px,.85fr) minmax(0,1.5fr);gap:30px}.nts__header{gap:16px 30px}.nts__header h2{font-size:54px}.nts__visual{aspect-ratio:1;min-height:300px}.nts__product{grid-template-columns:1fr 68px 34px;gap:10px;padding:18px}.nts__cutout{width:68px;height:132px;margin-top:-50px}.nts__product-arrow{width:34px;height:34px}.nts__product-copy strong{font-size:14px}.nts__story{padding-top:28px}.nts__index{font-size:48px}.nts__story h3{font-size:28px}}
@media(max-width:700px){.nts{padding:54px 0}.nts__header{display:block;margin-bottom:28px}.nts__header .eyebrow{margin-bottom:16px}.nts__header h2{font-size:46px;max-width:340px}.nts__intro{margin:20px 0 0;font-size:15px;max-width:340px}.nts__layout{display:flex;flex-direction:column;gap:0}.nts__stage{order:0}.nts__editorial{order:1;padding-top:0}.nts__visual{aspect-ratio:1.12;min-height:0}.nts__chapters{order:0;flex-direction:row;border-top:0;border-bottom:1px solid var(--nts-line);gap:20px;margin-top:6px;justify-content:space-between}.nts__chapters button{display:flex;flex:1;gap:7px;min-height:54px;padding:12px 0;border-bottom:0;justify-content:center}.nts__chapters button.is-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--nts-ink)}.nts__chapters button>span:nth-child(2){font-size:13px;white-space:normal;line-height:1.2}.nts__chapters button>span:first-child{font-size:9px}.nts__chapters button i{display:none}.nts__story{position:relative;padding:24px 0 0 66px;min-height:126px}.nts__index{position:absolute;left:0;top:28px;font-size:42px}.nts__index i{display:none}.nts__story h3{margin:0 0 10px;font-size:27px}.nts__story p{max-width:none;font-size:14px;line-height:1.55}.nts__navigation{padding-top:24px;justify-content:space-between}.nts__navigation>span{max-width:none;text-align:end}.nts__product{grid-template-columns:1fr 66px 34px;padding:18px;gap:10px;min-height:126px}.nts__product-copy strong{font-size:13px}.nts__product-copy small{font-size:9px}.nts__product-copy>span{font-size:13px}.nts__cutout{width:66px;height:132px}.nts__scene-label{left:18px;top:23px;font-size:10px}.nts__footer{padding-top:24px;font-size:9px;gap:16px}.nts__footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.nts *{animation:none!important;transition:none!important}.nts__product:hover .nts__cutout{transform:none}}
