/* 경제·인문사회연구회(NRC) case study: every rule is scoped to .nr-page / .nr so the shared header, contact and footer stay untouched.
   Ink rooms are the round-2 film's near-black (#0d0f11) where the three official colours pass as text (11.0 · 8.9 · 6.1:1);
   paper rooms are white, where the official colours only fill shapes and text uses the 600/700 steps (4.5 / 7:1). */
.nr-page{--nr-k0:#0d0f11;--nr-k1:#14171a;--nr-k2:#1b1f23;--nr-k3:#262b30;--nr-fg:#f2efea;--nr-fg2:#c9c5bf;--nr-fg3:#a29e98;--nr-dline:#f2efea24;--nr-coral:#dcb496;--nr-sea:#88b29f;--nr-gray:#8c8a88;--nr-coral-t:#917058;--nr-sea-t:#5a7e6e;--nr-gray-t:#787675;--nr-coral-7:#70533d;--nr-sea-7:#3e5f51;--nr-paper:#fff;--nr-paper2:#f7f7f6;--nr-paper3:#efeeed;--nr-ink:#212121;--nr-ink2:#555;--nr-ink3:#6b6966;--nr-line:#2121211f;--nr-grad:linear-gradient(100deg,#f1d9c6 0%,#dcb496 42%,#9cc2b0 78%,#88b29f 100%);--nr-mono:'JetBrains Mono','Pretendard Variable',Pretendard,ui-monospace,monospace;--nr-disp:'Outfit','Pretendard Variable',Pretendard,sans-serif;--nr-ease:cubic-bezier(.16,1,.3,1);--nr-head:85px;background:var(--nr-k0)}
.nr-page .site-header{position:fixed;inset:0 0 auto;background:rgba(13,15,17,.86);border-bottom-color:#ffffff14}
.nr-page .site-header .container{background:transparent;box-shadow:none}
.nr-page.nr-at-hero .site-consult-bar{visibility:hidden;pointer-events:none}
.nr-skip{position:fixed;z-index:2000;left:12px;top:-60px;padding:12px 18px;border-radius:8px;background:#fff;color:#000;font-weight:700}
.nr-skip:focus{top:12px}
.nr{position:relative;color:var(--nr-ink);background:var(--nr-paper);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-size:18px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;overflow-x:clip;-webkit-font-smoothing:antialiased}
.nr *{box-sizing:border-box}
.nr [hidden]{display:none!important}
.nr :where(h1,h2,h3,h4,p,figure,dl,dd,ul,ol,blockquote,table){margin:0;padding:0}
.nr :where(h1,h2,h3,h4){font-weight:800;line-height:1.24;letter-spacing:-.04em;text-wrap:balance}
.nr :where(p){text-wrap:pretty}
.nr :where(ul,ol){list-style:none}
.nr :where(a){color:inherit;text-decoration:none}
.nr :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
.nr :where(img,video,canvas){display:block;max-width:100%}
.nr :where(img,video){height:auto}
.nr em{font-style:normal;color:var(--nr-coral-t)}
.nr code{font-family:var(--nr-mono);font-size:max(14px,.88em);font-weight:500;letter-spacing:0;white-space:nowrap}
.nr :is(a,button,input,canvas,[tabindex]):focus-visible{outline:3px solid var(--nr-sea-t);outline-offset:5px;border-radius:6px}
.nr section[id]{scroll-margin-top:84px}
.nr-wrap{width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
.nr-sec{position:relative;padding-block:clamp(96px,10vw,170px)}
.nr-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--nr-mono);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.16em;color:var(--nr-sea-t)}
.nr-eyebrow::before{content:"";width:28px;height:2px;background:currentColor;opacity:.7}
.nr-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;margin-bottom:clamp(48px,6vw,90px);border-bottom:1px solid var(--nr-line);font-size:15px;line-height:1.5;color:var(--nr-ink2)}
.nr-head>span:first-child{display:inline-flex;align-items:center;gap:14px;font-family:var(--nr-mono);font-weight:600;letter-spacing:.12em;color:var(--nr-ink);white-space:nowrap}
.nr-head svg,.nr-card header svg{width:30px;height:auto;flex:none;overflow:visible}
.nr-head svg path,.nr-card header svg path{fill:var(--nr-gray)}
.nr-head svg path.c,.nr-card header svg path.c{fill:var(--nr-coral)}
.nr-head svg path.s,.nr-card header svg path.s{fill:var(--nr-sea)}
.nr h2{font-size:clamp(34px,4vw,64px)}
.nr-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:7vw;align-items:start}
.nr-prose{padding-top:8px}
.nr-prose p{max-width:640px;color:var(--nr-ink2);font-size:19px}
.nr-prose p+p{margin-top:22px}
.nr-pill{display:inline-flex;align-items:center;gap:22px;min-height:62px;padding:0 30px;border-radius:99px;background:var(--nr-coral);color:#1b1410!important;font-weight:700;font-size:17px;transition:transform .3s,background .3s}
.nr-pill:hover{transform:translateY(-3px);background:#e8c6ad}
.nr-textlink{display:inline-flex;align-items:center;gap:32px;padding:12px 0;border-bottom:1.5px solid currentColor;font-size:17px;font-weight:600;line-height:1.5}
.nr-textlink span{font-size:22px;transition:transform .3s}
.nr-textlink:hover span{transform:translateX(4px)}
.nr-footnote{margin-top:28px;max-width:880px;font-size:15px;line-height:1.7;color:var(--nr-ink3)}

/* rooms: ink (film) · paper (official colours as shapes only) */
:is(.nr-hero,.nr-check,.nr-data,.nr-round2,.nr-sian--b,.nr-year,.nr-ending){background:var(--nr-k0);color:var(--nr-fg)}
:is(.nr-check,.nr-data,.nr-round2,.nr-sian--b,.nr-year,.nr-ending) em{background:var(--nr-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(.nr-check,.nr-data,.nr-round2,.nr-sian--b,.nr-year,.nr-ending) .nr-head{border-bottom-color:var(--nr-dline);color:var(--nr-fg2)}
:is(.nr-check,.nr-data,.nr-round2,.nr-sian--b,.nr-year,.nr-ending) .nr-head>span:first-child{color:var(--nr-fg)}
:is(.nr-check,.nr-data,.nr-round2,.nr-sian--b,.nr-year,.nr-ending) .nr-prose p{color:var(--nr-fg2)}
:is(.nr-check,.nr-data,.nr-round2,.nr-sian--b,.nr-year,.nr-ending) .nr-eyebrow{color:var(--nr-sea)}
:is(.nr-check,.nr-data,.nr-round2,.nr-sian--b,.nr-year,.nr-ending) .nr-footnote{color:var(--nr-fg3)}
:is(.nr-hero,.nr-check,.nr-data,.nr-round2,.nr-sian--b,.nr-year,.nr-ending) :is(a,button,input,canvas,[tabindex]):focus-visible{outline-color:var(--nr-coral)}
:is(.nr-symbol,.nr-round1,.nr-sian--a,.nr-credits){background:var(--nr-paper2)}
:is(.nr-overview,.nr-color,.nr-ia,.nr-retro){background:var(--nr-paper)}
.nr-symbol em,.nr-round1 em{color:var(--nr-sea-t)}

/* reveal */
.nr-js .nr-rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--nr-ease),transform .9s var(--nr-ease);transition-delay:var(--d,0ms)}
.nr-js .nr-rv.is-in{opacity:1;transform:none}

/* ---------------------------------------------------------------- 00 HERO: particles → letters · symbol · orbit · wave · symbol */
.nr-hero{position:relative}
html.nr-motion .nr-hero{height:640vh}
.nr-hero__pin{position:sticky;top:0;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:radial-gradient(60% 50% at 70% 40%,#1a1f24 0,transparent 70%),var(--nr-k0)}
.nr-hero__gl{position:absolute;inset:0;width:100%;height:100%}
.nr-hero__anchors i{position:absolute;display:block;pointer-events:none}
.nr-hero__anchors [data-anchor=letters]{left:47vw;top:calc(var(--nr-head) + 6vh);width:46vw;height:30vh}
.nr-hero__anchors [data-anchor=symbol]{left:52vw;top:20vh;width:38vw;height:56vh}
.nr-hero__anchors [data-anchor=orbit]{left:44vw;top:12vh;width:54vw;height:80vh}
.nr-hero__anchors [data-anchor=wave]{left:-8vw;top:54vh;width:116vw;height:44vh}
.nr-hero__anchors [data-anchor=final]{left:54vw;top:24vh;width:36vw;height:48vh}
.nr-hero__labels{position:absolute;inset:0;pointer-events:none}
.nr-hero__labels li{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 8px;border-radius:99px;background:#0d0f11d9;box-shadow:inset 0 0 0 1px #f2efea2e;font-family:var(--nr-disp);font-size:14px;font-weight:600;letter-spacing:.02em;color:#f2efea;white-space:nowrap;opacity:0;will-change:transform,opacity}
.nr-hero__labels li i{width:6px;height:6px;border-radius:50%;background:var(--g,#dcb496)}
.nr-hero__labels li[data-g="0"]{--g:#dcb496}.nr-hero__labels li[data-g="1"]{--g:#88b29f}.nr-hero__labels li[data-g="2"]{--g:#e8cbb4}.nr-hero__labels li[data-g="3"]{--g:#b2d2c3}.nr-hero__labels li[data-g="4"]{--g:#cfcbc6}
.nr-hero__still{display:none}
.nr-hud{position:absolute;inset:0;pointer-events:none;font-family:var(--nr-mono);color:#e9e4dc;text-shadow:0 1px 10px #0d0f11}
.nr-hud__top{position:absolute;left:4vw;top:calc(var(--nr-head) + 3vh);display:flex;gap:16px;font-size:14px;font-weight:600;letter-spacing:.14em;opacity:.8}
.nr-hud__read{position:absolute;right:4vw;top:calc(var(--nr-head) + 3vh);display:flex;align-items:baseline;gap:10px;font-size:14px;font-weight:600;letter-spacing:.12em}
.nr-hud__read b{font-size:24px;font-weight:600;letter-spacing:0;color:#fff}
.nr-hud__mode{margin-left:6px;padding:0 10px;border-radius:4px;background:var(--nr-coral);color:#1b1410}
.nr-hero__title{position:absolute;left:6vw;top:50%;width:min(680px,48vw);transform:translateY(calc(-40% + var(--ty,0px)));color:var(--nr-fg);transition:opacity .5s}
.nr-hero__top{display:flex;flex-wrap:wrap;gap:6px 22px;font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.12em;color:var(--nr-coral)}
.nr-hero__top span:first-child{font-family:'Pretendard Variable',Pretendard,sans-serif;letter-spacing:0;font-size:15px}
.nr-hero__title h1{display:grid;margin-top:clamp(20px,3vh,34px);font-size:clamp(60px,7.6vw,138px);font-weight:800;line-height:1.04;letter-spacing:-.055em}
.nr-hero__title h1 span:last-child{padding-left:.5em;background:var(--nr-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nr-hero__lead{max-width:560px;margin-top:clamp(18px,3vh,30px);font-size:clamp(17px,1.3vw,20px);line-height:1.65;color:var(--nr-fg2)}
.nr-hero__lead span{display:inline-block;margin-top:8px;font-size:15px;color:var(--nr-fg3)}
.nr-hero__down{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:10px 18px;border-radius:99px;border:1px solid #f2efea55;font-size:15px;font-weight:700;pointer-events:auto}
.nr-hero__beats{position:absolute;left:6vw;bottom:calc(4vh + 70px);width:min(640px,56vw);height:130px;pointer-events:none}
.nr-beat{position:absolute;left:0;bottom:0;font-size:clamp(19px,1.7vw,26px);font-weight:700;line-height:1.5;letter-spacing:-.02em;color:#faf7f2;text-shadow:0 2px 14px #0d0f11;opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s;text-wrap:balance}
.nr-beat.is-on{opacity:1;transform:none}
.nr-beat em{background:var(--nr-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nr-beat__tag{display:block;margin-bottom:8px;font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.16em;color:var(--nr-coral)}
.nr-hero__engine{position:absolute;right:4vw;bottom:calc(3vh + 46px);font-size:14px;font-weight:600;color:var(--nr-fg3);opacity:var(--eng,0);transition:opacity .5s}
.nr-hero__steps{position:absolute;left:6vw;right:4vw;bottom:3vh;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.nr-hero__steps li[data-h]{padding:3px 12px;border-radius:99px;border:1px solid #f2efea33;color:var(--nr-fg3);transition:background .4s,color .4s,border-color .4s}
.nr-hero__steps li.is-on{background:var(--nr-coral);border-color:var(--nr-coral);color:#1b1410}
.nr-hero__hint{margin-left:auto;font-family:var(--nr-mono);font-weight:600;letter-spacing:.2em;color:var(--nr-fg3)}
.nr-hero.is-off .nr-hero__title{opacity:0;pointer-events:none}
.nr-hero.is-off .nr-hero__down{pointer-events:none}
html:not(.nr-motion) .nr-hero__pin,.nr-hero.no-gl .nr-hero__pin{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:4vw;height:auto;min-height:100svh;padding:130px 6vw 90px}
html:not(.nr-motion) .nr-hero,html.nr-motion .nr-hero.no-gl{height:auto}
html:not(.nr-motion) .nr-hero__still,.nr-hero.no-gl .nr-hero__still{display:block;grid-column:2;grid-row:1;justify-self:center;width:min(100%,460px)}
html:not(.nr-motion) .nr-hero__still svg,.nr-hero.no-gl .nr-hero__still svg{display:block;width:100%;height:auto;overflow:visible}
html:not(.nr-motion) .nr-hero__title,.nr-hero.no-gl .nr-hero__title{position:relative;inset:auto;grid-column:1;grid-row:1;width:auto;transform:none;opacity:1}
html:not(.nr-motion) :is(.nr-hero__gl,.nr-hud,.nr-hero__beats,.nr-hero__steps,.nr-hero__labels,.nr-hero__engine),.nr-hero.no-gl :is(.nr-hero__gl,.nr-hud,.nr-hero__beats,.nr-hero__steps,.nr-hero__labels,.nr-hero__engine){display:none}

/* ---------------------------------------------------------------- 01 OVERVIEW */
.nr-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:clamp(60px,6vw,96px);padding-top:30px;border-top:1px solid var(--nr-line)}
.nr-meta dt{font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.14em;color:var(--nr-sea-t)}
.nr-meta dd{margin:10px 0 0;font-size:16px;line-height:1.65;font-weight:600}
.nr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(60px,6vw,90px)}
.nr-stats li{display:grid;align-content:start;gap:8px;padding:0 26px;border-right:1px solid var(--nr-line)}
.nr-stats li:first-child{padding-left:0}
.nr-stats li:last-child{border-right:0}
.nr-stats strong{display:flex;align-items:baseline;gap:6px;font-family:var(--nr-disp);font-size:clamp(52px,5.4vw,92px);font-weight:300;line-height:1;letter-spacing:-.04em;color:var(--nr-ink);font-variant-numeric:tabular-nums}
.nr-stats small{font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:20px;font-weight:700;letter-spacing:0;color:var(--nr-coral-t)}
.nr-stats b{font-size:17px}
.nr-stats li>span{font-size:15px;line-height:1.6;color:var(--nr-ink3)}
.nr-logo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:clamp(70px,7vw,110px);overflow:hidden;border-radius:24px;box-shadow:inset 0 0 0 1px var(--nr-line)}
.nr-logo__paper,.nr-logo__ink{display:grid;place-items:center;min-height:clamp(170px,16vw,240px);padding:clamp(28px,4vw,60px)}
.nr-logo__paper{background:#fff}
.nr-logo__ink{background:var(--nr-k0)}
.nr-logo img{width:min(100%,460px)}
.nr-logo figcaption{grid-column:1/-1;padding:18px clamp(20px,3vw,40px);background:var(--nr-paper2);font-size:16px;color:var(--nr-ink2)}
.nr-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:clamp(60px,6vw,90px);position:relative}
.nr-timeline::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--nr-line)}
.nr-timeline li{position:relative;padding-top:34px}
.nr-timeline li::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--nr-gray)}
.nr-timeline li.is-round::before{background:var(--nr-coral);box-shadow:none}
.nr-timeline time{font-family:var(--nr-disp);font-size:24px;font-weight:500;color:var(--nr-ink)}
.nr-timeline__round{display:inline-block;margin-left:10px;padding:1px 9px;border-radius:99px;background:var(--nr-ink);color:#fff;font-size:14px;font-weight:700;vertical-align:4px}
.nr-timeline b{display:block;margin-top:6px;font-size:17px}
.nr-timeline p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--nr-ink3)}

/* ---------------------------------------------------------------- 02 SYMBOL: pinned construction */
.nr-sym{position:relative;margin-top:clamp(40px,5vw,80px)}
html.nr-motion .nr-sym{height:calc(var(--steps,7) * 72vh + 100vh)}
.nr-sym__stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:5vw;align-items:center;width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
html.nr-motion .nr-sym__stage{position:sticky;top:var(--nr-head);height:calc(100vh - var(--nr-head));height:calc(100svh - var(--nr-head))}
.nr-sym__fig{position:relative;width:100%;max-width:760px;justify-self:center}
.nr-sym__svg{display:block;width:100%;height:auto;overflow:visible}
.nr-sym__base{fill:none;stroke:var(--nr-ink);stroke-width:2;stroke-dasharray:480;stroke-dashoffset:480;transition:stroke-dashoffset 1.1s var(--nr-ease),opacity .6s}
.nr-sym__dome{fill:var(--nr-gray);transform:scaleY(0);transform-origin:0 0;transition:transform 1.1s var(--nr-ease)}
.nr-sym__coral path{fill:var(--nr-coral)}
.nr-sym__coral{transform:translateX(-330px) rotate(-180deg);transform-origin:-100px 0;opacity:0;transition:transform 1.2s var(--nr-ease),opacity .5s}
.nr-sym__sea path{fill:var(--nr-sea)}
.nr-sym__sea{transform:translateY(150px);opacity:0;transition:transform 1.1s var(--nr-ease),opacity .5s}
.nr-sym__s{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-dasharray:640;stroke-dashoffset:640;transition:stroke-dashoffset 1.3s var(--nr-ease),opacity .5s;opacity:0}
.nr-sym__ghost{fill:none;stroke:var(--nr-ink);stroke-width:1.5;stroke-dasharray:6 8;opacity:0;transition:opacity .8s}
.nr-sym__dims path{fill:none;stroke:var(--nr-sea-t);stroke-width:1.5}
.nr-sym__dims{opacity:0;transition:opacity .6s}
.nr-sym__tag{position:absolute;padding:2px 10px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--nr-line),0 8px 20px -10px #0003;font-family:var(--nr-disp);font-size:clamp(14px,1.2vw,17px);font-weight:600;line-height:1.5;color:var(--nr-ink);white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
.nr-sym__tag b{margin-left:8px;font-weight:700;color:var(--nr-coral-t)}
.nr-sym__tag--w{left:50%;top:1%;transform:translate(-50%,6px)}
.nr-sym__tag--h{left:94%;top:24%}
.nr-sym__tag--r{left:20%;top:52%;transform:translate(-50%,6px)}
.nr-sym__tag--eco{left:6%;top:3%;font-family:'Pretendard Variable',Pretendard,sans-serif}
.nr-sym__tag--hum{right:2%;top:86%;font-family:'Pretendard Variable',Pretendard,sans-serif}
.nr-sym__tag--one{left:50%;top:-2%;transform:translate(-50%,6px);font-family:'Pretendard Variable',Pretendard,sans-serif}
.nr-sym__steps{position:relative;display:grid;gap:4px}
.nr-sym__steps li{padding:16px 0 16px 22px;border-left:2px solid var(--nr-line);opacity:.38;transition:opacity .5s,border-color .5s}
.nr-sym__steps li b{display:flex;align-items:baseline;gap:12px;font-size:clamp(19px,1.6vw,24px);letter-spacing:-.02em}
.nr-sym__steps li b span{flex:none;font-family:var(--nr-mono);font-size:14px;font-weight:600;color:var(--nr-sea-t)}
.nr-sym__steps li p{max-height:0;overflow:hidden;margin-top:0;font-size:16px;line-height:1.7;color:var(--nr-ink2);transition:max-height .7s var(--nr-ease),margin-top .5s}
.nr-sym__steps li.is-on{opacity:1;border-color:var(--nr-coral)}
.nr-sym__steps li.is-on p{max-height:12em;margin-top:8px}
/* step states (cumulative): s1 base · s2 dome · s3 coral · s4 sea · s5 S + ghost · s6 split · s7 merge */
.nr-sym[data-s] .nr-sym__base{stroke-dashoffset:0}
.nr-sym:is([data-s="1"],[data-s="2"],[data-s="3"],[data-s="4"],[data-s="5"],[data-s="6"]) .nr-sym__dome{transform:scaleY(1)}
.nr-sym[data-s="1"] .nr-sym__dims,.nr-sym[data-s="1"] :is(.nr-sym__tag--w,.nr-sym__tag--h){opacity:1}
.nr-sym[data-s="1"] .nr-sym__tag--w{transform:translate(-50%,0)}
.nr-sym[data-s="1"] .nr-sym__tag--h{transform:none}
.nr-sym:is([data-s="2"],[data-s="3"],[data-s="4"],[data-s="5"],[data-s="6"]) .nr-sym__coral{transform:none;opacity:1}
.nr-sym[data-s="2"] .nr-sym__tag--r{opacity:1;transform:translate(-50%,0)}
.nr-sym[data-s="2"] .nr-sym__dims{opacity:.45}
.nr-sym:is([data-s="3"],[data-s="4"],[data-s="5"],[data-s="6"]) .nr-sym__sea{transform:none;opacity:1}
.nr-sym[data-s="4"] .nr-sym__s{stroke-dashoffset:0;opacity:1}
.nr-sym[data-s="4"] .nr-sym__ghost{opacity:.55}
.nr-sym[data-s="5"] .nr-sym__dome{transform:scaleY(.0001)}
.nr-sym[data-s="5"] .nr-sym__coral{transform:translate(-40px,-56px) rotate(-8deg)}
.nr-sym[data-s="5"] .nr-sym__sea{transform:translate(40px,56px) rotate(8deg)}
.nr-sym[data-s="5"] .nr-sym__base{opacity:.25}
.nr-sym[data-s="5"] :is(.nr-sym__tag--eco,.nr-sym__tag--hum){opacity:1;transform:none}
.nr-sym[data-s="6"] .nr-sym__tag--one{opacity:1;transform:translate(-50%,0)}
.nr-sym[data-s="6"] .nr-sym__s{stroke-dashoffset:0;opacity:.9}
html:not(.nr-motion) .nr-sym__stage{grid-template-columns:minmax(0,1fr)}
html:not(.nr-motion) .nr-sym__steps li{opacity:1}
html:not(.nr-motion) .nr-sym__steps li p{max-height:none;margin-top:8px}
.nr-quote{position:relative;max-width:980px;margin:clamp(70px,7vw,120px) auto 0;padding:clamp(28px,3vw,44px) clamp(28px,4vw,60px);border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--nr-line)}
.nr-quote::before{content:"";position:absolute;left:clamp(28px,4vw,60px);top:-14px;width:56px;height:28px;border-radius:56px 56px 0 0;background:var(--nr-coral)}
.nr-quote p{font-size:clamp(18px,1.5vw,22px);font-weight:600;line-height:1.8;color:var(--nr-ink)}
.nr-quote footer{margin-top:16px;font-size:15px;font-weight:600;color:var(--nr-ink3)}

/* ---------------------------------------------------------------- 03 COLOR */
.nr-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1.3fr)) repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(60px,6vw,96px)}
.nr-swatches li{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;padding:0 0 18px;border-radius:20px;background:var(--nr-paper2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--nr-line);transition-delay:var(--d,0ms)}
.nr-swatches__chip{display:block;height:clamp(150px,13vw,210px);background:var(--c)}
.nr-swatches li:nth-child(1) .nr-swatches__chip{border-radius:0 0 50% 50%/0 0 0 0;clip-path:ellipse(70% 100% at 50% 100%)}
.nr-swatches li:nth-child(2) .nr-swatches__chip{clip-path:ellipse(70% 100% at 50% 0)}
.nr-swatches li:nth-child(3) .nr-swatches__chip{clip-path:ellipse(64% 100% at 50% 100%)}
.nr-swatches li.is-type .nr-swatches__chip{height:clamp(110px,9vw,150px)}
.nr-swatches b{display:grid;gap:2px;padding:0 18px;font-size:18px}
.nr-swatches b small{font-family:var(--nr-disp);font-size:14px;font-weight:500;color:var(--nr-ink3)}
.nr-swatches dl{display:grid;gap:4px;padding:0 18px}
.nr-swatches dl div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;font-size:14px;line-height:1.6}
.nr-swatches dt{font-family:var(--nr-mono);font-weight:600;letter-spacing:.06em;color:var(--nr-ink3)}
.nr-swatches dd{font-family:var(--nr-disp);font-weight:500;color:var(--nr-ink)}
.nr-swatches__role{margin:0 18px;padding-top:10px;border-top:1px solid var(--nr-line);font-size:14px;font-weight:700;color:var(--nr-ink2)}
.nr-contrast{display:grid;gap:8px;margin-top:clamp(50px,5vw,80px)}
.nr-contrast__row{display:grid;grid-template-columns:minmax(150px,.8fr) repeat(3,minmax(0,1fr));gap:8px}
.nr-contrast__row>span{display:grid;align-content:center;min-height:86px;padding:12px 18px;border-radius:14px}
.nr-contrast__row--head>span{min-height:auto;padding:4px 18px;font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--nr-ink3)}
.nr-contrast__row [role=rowheader]{display:flex;align-items:center;gap:10px;font-weight:700;background:var(--nr-paper2)}
.nr-contrast__row [role=rowheader] i{width:22px;height:11px;border-radius:22px 22px 0 0;background:var(--c)}
.nr-contrast__row [role=cell]{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--nr-line)}
.nr-contrast__row [role=cell] b{grid-row:span 2;font-size:clamp(20px,1.7vw,26px);font-weight:800;letter-spacing:-.02em}
.nr-contrast__row [role=cell] em{font-family:var(--nr-disp);font-size:20px;font-weight:600;text-align:right;-webkit-text-fill-color:currentColor;background:none;color:inherit}
.nr-contrast__row [role=cell] small{font-size:14px;font-weight:700;text-align:right}
.nr-contrast__row [role=cell]:nth-child(2){color:var(--nr-ink)}
.nr-contrast__row [role=cell]:nth-child(n+3){color:#f2efea}
.nr-contrast__row .is-fail small{color:#c2352b}
.nr-contrast__row .is-large small{color:#9a6300}
.nr-contrast__row [role=cell]:nth-child(n+3).is-pass small{color:#a7dcc4}
.nr-contrast__row [role=cell]:nth-child(2).is-pass small{color:var(--nr-sea-7)}
.nr-ramp{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(30px,4vw,70px);margin-top:clamp(70px,7vw,120px);padding-top:clamp(40px,4vw,60px);border-top:1px solid var(--nr-line)}
.nr-ramp__head h3{margin-top:14px;font-size:clamp(26px,2.4vw,38px)}
.nr-ramp__head p{margin-top:16px;font-size:17px;color:var(--nr-ink2)}
.nr-ramp__body{display:grid;gap:20px}
.nr-ramp__rows{display:grid;gap:10px}
.nr-ramp__row{display:grid;grid-template-columns:64px repeat(10,minmax(0,1fr));gap:4px;align-items:stretch}
.nr-ramp__name{display:flex;align-items:center;font-size:15px;font-weight:700}
.nr-ramp__cell{position:relative;display:grid;align-content:space-between;min-height:84px;padding:8px 6px;border-radius:10px;background:var(--c);color:#212121;text-align:left;transition:transform .3s var(--nr-ease),box-shadow .3s}
.nr-ramp__cell:nth-child(n+8){color:#fff}
.nr-ramp__step{font-family:var(--nr-disp);font-size:14px;font-weight:700}
.nr-ramp__ratio{font-family:var(--nr-disp);font-size:14px;font-weight:500;opacity:.92}
.nr-ramp__role{position:absolute;left:4px;right:4px;bottom:calc(100% + 4px);font-size:14px;font-weight:700;line-height:1.2;color:var(--nr-ink2);text-align:center;white-space:nowrap}
.nr-ramp__row:not(:first-child) .nr-ramp__role{display:none}
.nr-ramp__rows{padding-top:24px}
.nr-ramp__cell.is-official{box-shadow:inset 0 0 0 2px #21212155}
.nr-ramp__cell:hover{transform:translateY(-3px)}
.nr-ramp__cell[aria-pressed=true]{transform:translateY(-5px);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--nr-ink)}
.nr-ramp__try{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.nr-ramp__card{display:grid;gap:8px;padding:22px 24px;border-radius:18px;background:var(--bgc,#fff);box-shadow:inset 0 0 0 1px var(--nr-line)}
.nr-ramp__card--ink{--bgc:#212121}
.nr-ramp__label{font-size:14px;font-weight:700;color:var(--nr-ink3)}
.nr-ramp__card--ink .nr-ramp__label{color:#bdbab5}
.nr-ramp__sample{font-size:clamp(24px,2.2vw,34px);font-weight:800;letter-spacing:-.03em;color:var(--pick,#917058)}
.nr-ramp__body-text{font-size:16px;font-weight:500;color:var(--pick,#917058)}
.nr-ramp__score{display:flex;align-items:baseline;gap:10px;margin-top:6px;font-size:14px;font-weight:700;color:var(--nr-ink2)}
.nr-ramp__card--ink .nr-ramp__score{color:#d6d3ce}
.nr-ramp__score em{font-family:var(--nr-disp);font-size:24px;font-weight:600;color:inherit}
.nr-ramp__card.is-fail .nr-ramp__score [data-verdict]{color:#c2352b}
.nr-ramp__card--ink.is-fail .nr-ramp__score [data-verdict]{color:#ff8e85}
.nr-ramp__picked{grid-column:1/-1;font-size:15px;color:var(--nr-ink2)}
.nr-rule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(50px,5vw,80px)}
.nr-rule__item{display:grid;gap:14px}
.nr-rule__demo{position:relative;display:grid;align-content:end;gap:4px;min-height:200px;padding:24px;border-radius:18px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px var(--nr-line)}
.nr-rule__field{position:absolute;right:-30px;top:-60px;width:220px;height:110px;border-radius:220px 220px 0 0;background:var(--nr-coral);transform:rotate(180deg);opacity:.95}
.nr-rule__item.is-good .nr-rule__field{background:var(--nr-sea)}
.nr-rule__item.is-blue .nr-rule__field{background:#e7eaf9}
.nr-rule__demo b{position:relative;font-size:24px;font-weight:800}
.nr-rule__demo p{position:relative;font-size:15px;font-weight:600}
.nr-rule__item figcaption{display:grid;gap:4px;font-size:15px;line-height:1.6;color:var(--nr-ink2)}
.nr-rule__item figcaption span{font-size:16px;font-weight:800;color:var(--nr-ink)}
.nr-rule__item.is-bad figcaption span::before{content:"✕ ";color:#c2352b}
.nr-rule__item.is-good figcaption span::before{content:"✓ ";color:var(--nr-sea-7)}
.nr-rule__item.is-blue figcaption span::before{content:"◐ ";color:#3447ca}

/* ---------------------------------------------------------------- 04 CHECK: popups fold into the strip and the zone */
.nr-fold{position:relative;margin-top:clamp(50px,5vw,80px)}
html.nr-motion .nr-fold{height:300vh}
.nr-fold__stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:4vw;align-items:center;width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
html.nr-motion .nr-fold__stage{position:sticky;top:var(--nr-head);height:calc(100vh - var(--nr-head));height:calc(100svh - var(--nr-head))}
.nr-fold__screen{position:relative;aspect-ratio:16/10;max-height:calc(100svh - var(--nr-head) - 80px);width:100%;justify-self:center;overflow:hidden;border-radius:16px;background:#f4f5f7;box-shadow:0 40px 90px -40px #000,0 0 0 1px #ffffff1f;--f:0}
.nr-fold__strip{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;height:7%;padding:0 4%;background:#3447ca;color:#fff;font-size:clamp(14px,1vw,15px);font-weight:700;transform:translateY(calc((1 - min(1,var(--f) * 2)) * -100%));transition:transform .2s linear}
.nr-fold__strip i{width:14px;height:14px;border-radius:50%;background:#fff}
.nr-fold__strip b{margin-left:auto;padding:2px 10px;border-radius:6px;background:#fff;color:#3447ca}
.nr-fold__gnb{position:absolute;left:0;right:0;top:calc(min(1,var(--f) * 2) * 7%);display:flex;align-items:center;gap:3%;height:9%;padding:0 4%;background:#fff;transition:top .2s linear}
.nr-fold__logo{width:7%}
.nr-fold__logo svg{width:100%;height:auto}
.nr-fold__gnb i{width:7%;height:16%;border-radius:4px;background:#d5d8de}
.nr-fold__hero{position:absolute;left:4%;top:calc(min(1,var(--f) * 2) * 7% + 13%);width:56%;height:44%;border-radius:12px;background:linear-gradient(135deg,#2c3340,#4a5361);transition:top .2s linear}
.nr-fold__line{position:absolute;left:8%;top:16%;width:62%;height:12%;border-radius:6px;background:#ffffffd9}
.nr-fold__line--s{top:32%;width:44%}
.nr-fold__search{position:absolute;left:8%;bottom:16%;width:80%;height:15%;border-radius:10px;background:#fff}
.nr-fold__zone{position:absolute;right:4%;top:calc(min(1,var(--f) * 2) * 7% + 13%);width:32%;height:44%;display:grid;align-content:space-between;padding:4%;border-radius:12px;background:#1f2633;color:#fff;font-size:clamp(14px,1vw,15px);font-weight:700;opacity:calc(max(0,var(--f) * 2 - 1));transform:scale(calc(.9 + .1 * max(0,var(--f) * 2 - 1)));transition:top .2s linear}
.nr-fold__zone i{height:40%;border-radius:8px;background:linear-gradient(135deg,#b48b62,#59443a)}
.nr-fold__zone b{justify-self:end;font-family:var(--nr-disp);font-size:14px}
.nr-fold__cards{position:absolute;left:4%;right:4%;top:calc(min(1,var(--f) * 2) * 7% + 62%);display:grid;grid-template-columns:repeat(4,1fr);gap:2%;height:28%;transition:top .2s linear}
.nr-fold__cards i{border-radius:10px;background:#fff;box-shadow:0 0 0 1px #0000000f}
.nr-fold__pop{position:absolute;display:grid;align-content:start;gap:6%;padding:3%;border-radius:10px;background:#fff;box-shadow:0 30px 60px -20px #0008;font-size:clamp(14px,1.1vw,17px);font-weight:800;color:#1b2640;transition:transform .2s linear,opacity .2s linear}
.nr-fold__pop i{height:9%;min-height:8px;border-radius:4px;background:#e3e6ec}
.nr-fold__pop b{height:14%;min-height:12px;margin-top:auto;border-radius:8px;background:#0f7a6b}
.nr-fold__pop--a{left:14%;top:14%;width:31%;height:76%;transform:translate(calc(var(--f) * min(1,var(--f) * 2) * -40%),calc(min(1,var(--f) * 2) * -110%)) scale(calc(1 - min(1,var(--f) * 2) * .5));opacity:calc(1 - min(1,var(--f) * 2))}
.nr-fold__pop--b{left:48%;top:14%;width:32%;height:80%;background:#fdf6ec;transform:translate(calc(max(0,var(--f) * 2 - 1) * 60%),calc(max(0,var(--f) * 2 - 1) * -10%)) scale(calc(1 - max(0,var(--f) * 2 - 1) * .55));opacity:calc(1 - max(0,var(--f) * 2 - 1))}
.nr-fold__pop--b b{background:#e8735a}
.nr-fold__steps{display:grid;gap:10px}
.nr-fold__steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px 20px;border-radius:16px;background:var(--nr-k2);font-size:16px;line-height:1.65;color:var(--nr-fg2);opacity:.4;transition:opacity .4s,background .4s}
.nr-fold__steps li b{font-family:var(--nr-disp);font-size:20px;font-weight:600;color:var(--nr-coral)}
.nr-fold__steps li.is-on{opacity:1;background:var(--nr-k3);color:var(--nr-fg)}
html:not(.nr-motion) .nr-fold__steps li{opacity:1}
.nr-measure{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(30px,4vw,70px);margin-top:clamp(80px,8vw,130px)}
.nr-measure__head h3{margin-top:14px;font-size:clamp(26px,2.4vw,36px)}
.nr-measure__head p{margin-top:16px;font-size:17px;color:var(--nr-fg2)}
.nr-measure__chart{display:grid;gap:6px;align-content:start}
.nr-measure__row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,2fr) 70px minmax(110px,.8fr);gap:14px;align-items:center;padding:12px 16px;border-radius:12px;background:var(--nr-k1);font-size:15px}
.nr-measure__row--head{padding-block:6px;background:none;font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--nr-fg3)}
.nr-measure__row [role=rowheader]{display:grid;line-height:1.4}
.nr-measure__row [role=rowheader] small{font-size:14px;color:var(--nr-fg3)}
.nr-measure__bars{position:relative;display:grid;gap:4px;height:46px;align-content:center}
.nr-measure__bars i{position:relative;display:block;height:16px;border-radius:0 8px 8px 0;transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--nr-ease)}
.nr-measure__full{width:calc(var(--full) * 100%);background:#3a3f45}
.nr-measure__lcp{width:calc(var(--lcp) * 100%);background:var(--nr-sea)}
.nr-measure__bars em{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);font-family:var(--nr-disp);font-size:14px;font-weight:600;color:var(--nr-fg);white-space:nowrap;-webkit-text-fill-color:currentColor;background:none}
.nr-measure__limit{position:absolute;left:60%;top:-4px;bottom:-4px;border-left:2px dashed var(--nr-coral)}
.nr-measure__mb{display:flex;align-items:center;gap:10px}
.nr-measure__mb i{flex:none;width:calc(var(--mb) * 56px + 6px);height:16px;border-radius:4px;background:var(--nr-coral);transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--nr-ease) .2s}
.nr-measure.is-in .nr-measure__bars i,.nr-measure.is-in .nr-measure__mb i{transform:none}
.nr-measure__legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:8px;padding-left:16px;font-size:14px;font-weight:600;color:var(--nr-fg2)}
.nr-measure__legend span::before{content:"";display:inline-block;width:14px;height:10px;margin-right:8px;border-radius:2px;vertical-align:0}
.nr-measure__legend .is-lcp::before{background:var(--nr-sea)}
.nr-measure__legend .is-full::before{background:#3a3f45;box-shadow:inset 0 0 0 1px #ffffff40}
.nr-measure__legend .is-limit::before{width:0;height:12px;border-left:2px dashed var(--nr-coral);border-radius:0}

/* ---------------------------------------------------------------- 05 DATA: 4,581 dots */
.nr-dots{position:relative;margin-top:clamp(40px,4vw,70px)}
html.nr-motion .nr-dots{height:330vh}
.nr-dots__stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);grid-template-rows:auto minmax(0,1fr);gap:18px 4vw;width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
html.nr-motion .nr-dots__stage{position:sticky;top:var(--nr-head);height:calc(100vh - var(--nr-head));height:calc(100svh - var(--nr-head));padding:3vh 0 96px}
.nr-dots__tabs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.nr-dots__tabs button{min-height:44px;padding:0 20px;border-radius:99px;border:1px solid #f2efea40;font-size:16px;font-weight:700;color:var(--nr-fg2);transition:background .3s,color .3s,border-color .3s}
.nr-dots__tabs button[aria-selected=true]{background:var(--nr-coral);border-color:var(--nr-coral);color:#1b1410}
.nr-dots__view{position:relative;min-height:320px}
.nr-dots__cv{position:absolute;inset:0;width:100%;height:100%}
.nr-dots__total{position:absolute;right:0;bottom:-6px;display:flex;align-items:baseline;gap:6px;font-family:var(--nr-disp);color:var(--nr-fg3);pointer-events:none}
.nr-dots__total b{font-size:clamp(28px,2.4vw,40px);font-weight:300;color:var(--nr-fg)}
.nr-dots__side{overflow:auto;scrollbar-width:thin}
.nr-dots__note{font-size:16px;line-height:1.7;color:var(--nr-fg)}
.nr-dots__legend{display:grid;gap:2px;margin-top:18px}
.nr-dots__legend li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding:8px 10px;border-radius:10px;cursor:default;transition:background .3s}
.nr-dots__legend li:hover,.nr-dots__legend li.is-hot{background:#ffffff0f}
.nr-dots__legend i{width:12px;height:12px;border-radius:50%;background:var(--c);transform:translateY(1px)}
.nr-dots__legend b{font-size:15px;font-weight:700}
.nr-dots__legend span{font-family:var(--nr-disp);font-size:14px;font-weight:500;color:var(--nr-fg2);white-space:nowrap}
.nr-dots__legend small{grid-column:2/-1;font-size:14px;line-height:1.55;color:var(--nr-fg3)}
.nr-dots__mode[data-mode=subject] .nr-dots__legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}
.nr-dots__mode[data-mode=subject] .nr-dots__legend li{padding:5px 8px;grid-template-columns:12px minmax(0,1fr);}
.nr-dots__mode[data-mode=subject] .nr-dots__legend span{grid-column:2}

/* ---------------------------------------------------------------- 06 ROUND 1 */
.nr-evo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:clamp(60px,6vw,96px);align-items:start}
.nr-evo li{display:grid;gap:12px;transition-delay:var(--d,0ms)}
.nr-evo__shot{display:block;width:100%;height:clamp(260px,26vw,420px);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--nr-line),0 26px 50px -36px #0007}
.nr-evo__shot img{width:100%;height:auto;transition:transform 5s linear}
.nr-evo__shot:hover img{transform:translateY(calc(-100% + clamp(260px,26vw,420px)))}
.nr-evo b{display:flex;align-items:center;gap:10px;font-size:17px}
.nr-evo b span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--nr-paper3);font-family:var(--nr-disp);font-size:15px;font-weight:600}
.nr-evo li.is-final b span{background:var(--nr-ink);color:#fff}
.nr-evo p{font-size:15px;line-height:1.65;color:var(--nr-ink2)}
.nr-ab{position:relative;margin-top:clamp(80px,8vw,130px)}
html.nr-motion .nr-ab{height:420vh}
.nr-ab__stage{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:4vw;align-items:center;width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
html.nr-motion .nr-ab__stage{position:sticky;top:var(--nr-head);height:calc(100vh - var(--nr-head));height:calc(100svh - var(--nr-head))}
.nr-ab__info h3{margin-top:14px;font-size:clamp(26px,2.4vw,38px)}
.nr-ab__info p{margin-top:16px;font-size:17px;color:var(--nr-ink2)}
.nr-ab__switch{display:inline-flex;gap:4px;margin-top:24px;padding:4px;border-radius:99px;background:var(--nr-paper3)}
.nr-ab__switch button{min-height:44px;padding:0 18px;border-radius:99px;font-size:15px;font-weight:700;color:var(--nr-ink2)}
.nr-ab__switch button[aria-pressed=true]{background:var(--nr-ink);color:#fff}
.nr-ab__frames{position:relative;display:grid;grid-template-columns:minmax(0,1fr);height:min(72vh,640px);--sp:0}
.nr-ab__frame{grid-area:1/1;min-width:0;transition:opacity .5s,transform .6s var(--nr-ease)}
.nr-ab__frames[data-view=a] .nr-ab__frame--b,.nr-ab__frames[data-view=b] .nr-ab__frame--a{opacity:0;transform:translateY(16px) scale(.98);pointer-events:none}
.nr-ab__frames[data-view=both]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.nr-ab__frames[data-view=both] .nr-ab__frame--b{grid-area:1/2}
.nr-ab__frame .nr-browser{height:100%;display:grid;grid-template-rows:40px minmax(0,1fr)}
.nr-ab__frame .nr-browser__view{aspect-ratio:auto;height:100%;overflow:hidden;background:#fff}
.nr-ab__frame .nr-browser__view img{width:100%;height:auto;transform:translateY(calc(var(--sp) * (var(--vh,600px) - var(--ih,1200px))))}
.nr-six{position:relative;margin-top:clamp(80px,8vw,130px)}
.nr-six__stage{overflow:hidden}
html.nr-motion .nr-six__stage{position:sticky;top:var(--nr-head);height:calc(100vh - var(--nr-head));height:calc(100svh - var(--nr-head));display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:center;padding-block:2vh 92px}
.nr-six__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.nr-six__head p{max-width:640px;font-size:16px;color:var(--nr-ink2)}
.nr-six__track{display:flex;gap:clamp(20px,2.4vw,40px);align-items:stretch;padding:clamp(20px,3vh,36px) 6vw;will-change:transform}
.nr-six__item{flex:none;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;width:min(60vw,820px)}
.nr-six__item--tall{width:min(32vw,440px)}
.nr-six__shot{display:block;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--nr-line),0 30px 60px -40px #0008}
.nr-six__shot img{width:100%;height:auto;object-fit:cover;object-position:top;transition:transform 6s linear}
.nr-six__item--tall .nr-six__shot{background:#e3e5ea}
.nr-six__shot:hover img{transform:translateY(-30%)}
.nr-six__text b{display:flex;align-items:baseline;gap:10px;font-size:18px}
.nr-six__text b span{font-family:var(--nr-disp);font-size:15px;font-weight:600;color:var(--nr-sea-t)}
.nr-six__text p{margin-top:6px;max-width:640px;font-size:15px;line-height:1.65;color:var(--nr-ink2)}
.nr-six__note{font-size:14px;color:var(--nr-ink3)}
html.nr-motion .nr-six__track{height:100%}
html:not(.nr-motion) .nr-six__track{flex-direction:column;align-items:center;padding-inline:0}
html:not(.nr-motion) .nr-six__item,html:not(.nr-motion) .nr-six__item--tall{width:min(88vw,820px)}

/* ---------------------------------------------------------------- recordings (07 · 10 · 11) */
.nr-sian{position:relative;padding-block:clamp(90px,9vw,150px) clamp(70px,7vw,110px)}
.nr-round2,.nr-sian--b{background:radial-gradient(45% 45% at 72% 30%,#22302b 0,transparent 70%),radial-gradient(40% 40% at 20% 85%,#33281f55 0,transparent 70%),var(--nr-k0)}
.nr-sian--a{color:var(--nr-ink)}
.nr-sian__inner{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);gap:clamp(30px,4vw,72px);align-items:center;width:calc(100% - 8vw);max-width:1600px;margin-inline:auto}
.nr-sian__info{position:relative}
.nr-sian__letter{position:absolute;right:0;top:-48px;font-family:var(--nr-disp);font-size:clamp(130px,13vw,220px);font-weight:200;line-height:.8;opacity:.12;pointer-events:none;color:var(--nr-coral)}
.nr-sian--a .nr-sian__letter{color:var(--nr-gray);opacity:.22}
.nr-sian__status{display:inline-block;padding:6px 14px;border-radius:99px;font-size:14px;font-weight:800;letter-spacing:.04em;background:var(--nr-coral);color:#1b1410}
.nr-sian--a .nr-sian__status{background:var(--nr-ink);color:#fff}
.nr-sian__info h3{margin-top:20px;font-size:clamp(22px,2vw,32px)}
.nr-sian__info h3 small{display:block;margin-bottom:12px;font-family:var(--nr-disp);font-size:clamp(30px,2.9vw,50px);font-weight:300;line-height:1.05;letter-spacing:-.03em;background:var(--nr-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nr-sian--a .nr-sian__info h3 small{background:none;-webkit-text-fill-color:currentColor;color:var(--nr-coral-t)}
.nr-sian__info>p{margin-top:20px;font-size:17px;color:var(--nr-fg2)}
.nr-sian--a .nr-sian__info>p{color:var(--nr-ink2)}
.nr-sian__points{display:grid;gap:10px;margin-top:24px}
.nr-sian__points li{position:relative;padding-left:26px;font-size:16px;font-weight:600;line-height:1.55}
.nr-sian__points li::before{content:"";position:absolute;left:2px;top:.42em;width:14px;height:7px;border-radius:14px 14px 0 0;background:var(--nr-coral)}
.nr-sian--a .nr-sian__points li::before{background:var(--nr-sea)}
.nr-sian__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:26px}
.nr-sian__chips i{width:26px;height:26px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #f2efea40}
.nr-sian--a .nr-sian__chips i{box-shadow:0 0 0 1px #2121212e}
.nr-sian__chips span{margin-left:10px;font-size:14px;font-weight:700;opacity:.9}
.nr-sian__open{display:inline-flex;align-items:center;gap:14px;min-height:48px;margin-top:30px;padding:0 22px;border-radius:99px;font-size:16px;font-weight:800;background:var(--nr-coral);color:#1b1410!important;transition:transform .3s}
.nr-sian--a .nr-sian__open{background:var(--nr-ink);color:#fff!important}
.nr-sian__open:hover{transform:translateY(-3px)}
.nr-sian__device{position:relative;padding:0 clamp(50px,7vw,130px) 0 0}
.nr-sian__inner--wide .nr-sian__device{padding-right:0}
.nr-browser{overflow:hidden;border-radius:16px;background:#f3f3f2;box-shadow:0 50px 100px -40px #0007,0 0 0 1px #2121211f}
.nr-browser--dark{background:#111;box-shadow:0 50px 100px -40px #000,0 0 0 1px #f2efea24}
.nr-browser__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;height:40px;padding:0 16px;background:#e9e9e7}
.nr-browser--dark .nr-browser__bar{background:#1a1d20}
.nr-browser__bar>span:first-child{display:flex;gap:6px}
.nr-browser__bar>span:first-child i{width:10px;height:10px;border-radius:50%;background:#2121212e}
.nr-browser--dark .nr-browser__bar>span:first-child i{background:#ffffff2e}
.nr-browser__url{justify-self:center;padding:3px 40px;border-radius:99px;background:#fff;color:#4b4a48;font-family:var(--nr-mono);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.nr-browser--dark .nr-browser__url{background:#ffffff12;color:#d9d5cf}
.nr-browser__live{font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.12em;color:#c2352b}
.nr-browser--dark .nr-browser__live{color:#ff9aa8}
.nr-browser__view{position:relative;aspect-ratio:16/10;background:#000}
.nr-browser__view video{width:100%;height:100%;object-fit:cover}
.nr-phone{position:relative;width:200px;margin:0;padding:8px;border-radius:32px;background:#151719;box-shadow:0 40px 80px -30px #000b,0 0 0 1px #ffffff26}
.nr-phone__notch{position:absolute;z-index:2;top:14px;left:50%;width:62px;height:16px;margin-left:-31px;border-radius:99px;background:#151719}
.nr-phone__view{overflow:hidden;width:100%;border-radius:25px;aspect-ratio:390/844;background:#000}
.nr-phone__view video{width:100%;height:100%;object-fit:cover}
.nr-sian__device .nr-phone{position:absolute;right:0;bottom:56px}
.nr-chapter-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:center;margin-top:22px;max-width:calc(100% - 120px)}
.nr-sian__inner--wide .nr-chapter-bar{max-width:none}
.nr-chapter-bar__track{grid-column:1/-1;position:relative;height:3px;border-radius:2px;background:#f2efea26}
.nr-sian--a .nr-chapter-bar__track{background:#2121211f}
.nr-chapter-bar__track i{position:absolute;inset:0;background:var(--nr-grad);transform:scaleX(var(--vp,0));transform-origin:left}
.nr-chapter-bar__list{display:flex;flex-wrap:wrap;gap:6px}
.nr-chapter-bar__list button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border-radius:99px;border:1px solid #f2efea33;font-size:14px;font-weight:700;line-height:1.4;color:var(--nr-fg2);transition:background .3s,color .3s,border-color .3s}
.nr-sian--a .nr-chapter-bar__list button{border-color:#2121212e;color:var(--nr-ink2)}
.nr-chapter-bar__list button b{font-family:var(--nr-mono);font-size:14px;font-weight:600;opacity:.8}
.nr-chapter-bar__list button[aria-current="true"]{background:var(--nr-coral);border-color:var(--nr-coral);color:#1b1410}
.nr-sian--a .nr-chapter-bar__list button[aria-current="true"]{background:var(--nr-ink);border-color:var(--nr-ink);color:#fff}
.nr-chapter-bar__play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #f2efea55;font-size:14px;font-weight:700;color:var(--nr-fg)}
.nr-sian--a .nr-chapter-bar__play{border-color:#21212155;color:var(--nr-ink)}
.nr-notes{margin-top:clamp(70px,7vw,120px)}
.nr-notes__strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.nr-notes__shot{display:block;width:100%;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 0 0 1px #f2efea26}
.nr-sian--a .nr-notes__shot{background:#fff;box-shadow:0 0 0 1px var(--nr-line)}
.nr-notes__shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform .8s var(--nr-ease)}
.nr-notes__shot:hover img{transform:scale(1.05)}
.nr-notes__strip b{display:block;margin-top:14px;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--nr-coral)}
.nr-sian--a .nr-notes__strip b{color:var(--nr-coral-t)}
.nr-notes__strip p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--nr-fg2)}
.nr-sian--a .nr-notes__strip p{color:var(--nr-ink2)}

/* ---------------------------------------------------------------- 08 STRUCTURE */
.nr-tree{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,.5fr) minmax(0,1fr);gap:0;margin-top:clamp(60px,6vw,96px)}
.nr-tree__cap{display:block;margin-bottom:16px;font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--nr-ink3)}
.nr-tree__col ol{display:grid;gap:8px}
.nr-tree__col li{display:grid;gap:2px;padding:14px 18px;border-radius:14px;background:var(--nr-paper2);box-shadow:inset 0 0 0 1px var(--nr-line);transition:background .3s,box-shadow .3s}
.nr-tree__col li b{font-size:18px}
.nr-tree__col li span{font-size:14px;line-height:1.6;color:var(--nr-ink3)}
.nr-tree__col--new li{background:#fff;box-shadow:inset 0 0 0 1.5px var(--nr-gray)}
.nr-tree__col--new li[data-k=q]{background:var(--nr-coral);box-shadow:none}
.nr-tree__col--new li[data-k=t]{background:var(--nr-sea);box-shadow:none}
.nr-tree__col--new li[data-k=q] span,.nr-tree__col--new li[data-k=t] span{color:#212121}
.nr-tree__col li.is-hot{box-shadow:inset 0 0 0 2px var(--nr-ink)}
.nr-tree__lines{grid-column:2;width:100%;height:100%;overflow:visible}
.nr-tree__lines path{fill:none;stroke:var(--nr-gray);stroke-width:1.5;opacity:.7;stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);transition:stroke-dashoffset 1.2s var(--nr-ease),stroke .3s,opacity .3s}
.nr-tree.is-in .nr-tree__lines path{stroke-dashoffset:0}
.nr-tree__lines path.is-hot{stroke:var(--nr-ink);stroke-width:2.5;opacity:1}

/* ---------------------------------------------------------------- 09 DIRECTIONS: paper A · ink B */
.nr-dirs{background:linear-gradient(90deg,var(--nr-paper2) 50%,var(--nr-k0) 50%)}
.nr-dirs .nr-wrap{position:relative;z-index:1;padding:clamp(28px,3vw,44px);border-radius:24px;background:#fff;box-shadow:0 30px 60px -50px #0008}
.nr-dirs__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:calc(100% - 12vw);max-width:1440px;margin:clamp(40px,5vw,80px) auto 0;gap:0}
.nr-dir{position:relative;display:grid;align-content:start;gap:16px;padding:clamp(28px,4vw,60px)}
.nr-dir--a{color:var(--nr-ink)}
.nr-dir--b{color:var(--nr-fg)}
.nr-dir__letter{position:absolute;right:clamp(20px,3vw,40px);top:0;font-family:var(--nr-disp);font-size:clamp(110px,11vw,190px);font-weight:200;line-height:.9;opacity:.16}
.nr-dir__name{font-family:var(--nr-disp);font-size:clamp(28px,2.6vw,44px);font-weight:300;letter-spacing:-.02em;color:var(--nr-coral-t)}
.nr-dir--b .nr-dir__name{color:var(--nr-coral)}
.nr-dir h3{font-size:clamp(24px,2vw,32px)}
.nr-dir__line{font-size:18px;font-weight:600;line-height:1.6}
.nr-dir dl{display:grid;gap:10px;margin-top:6px}
.nr-dir dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding-top:10px;border-top:1px solid var(--nr-line);font-size:15px;line-height:1.6}
.nr-dir--b dl div{border-top-color:var(--nr-dline)}
.nr-dir dt{font-weight:800}
.nr-dir dd{color:var(--nr-ink2)}
.nr-dir--b dd{color:var(--nr-fg2)}
.nr-dir__shot{width:100%;margin-top:10px;border-radius:14px;box-shadow:0 0 0 1px var(--nr-line),0 30px 60px -40px #0008}
.nr-dir--b .nr-dir__shot{box-shadow:0 0 0 1px var(--nr-dline),0 30px 60px -40px #000}
.nr-dir .nr-textlink{justify-self:start;margin-top:6px}

/* ---------------------------------------------------------------- 12 YEAR: dome dial */
.nr-dial{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(30px,4vw,70px);align-items:center;margin-top:clamp(60px,6vw,96px)}
.nr-dial__fig{position:relative}
.nr-dial__svg{display:block;width:100%;height:auto;overflow:visible}
.nr-dial__dome{fill:#1b1f23;stroke:#f2efea26}
.nr-dial__half{fill:none}
.nr-dial__half--1{fill:#dcb4961f}
.nr-dial__half--2{fill:#88b29f1f}
.nr-dial__ticks line{stroke:#f2efea40;stroke-width:1.5}
.nr-dial__ticks line.is-on{stroke:var(--nr-coral);stroke-width:3}
.nr-dial__ticks circle{fill:var(--nr-sea)}
.nr-dial__needle{transform:rotate(var(--rot,-75deg));transition:transform .6s var(--nr-ease)}
.nr-dial__needle path{stroke:var(--nr-coral);stroke-width:3;stroke-linecap:round}
.nr-dial__needle circle{fill:var(--nr-coral)}
.nr-dial__months{position:absolute;inset:0;pointer-events:none}
.nr-dial__months span{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-family:var(--nr-disp);font-size:14px;font-weight:600;color:var(--nr-fg3);transition:color .3s}
.nr-dial__months span.is-on{color:var(--nr-coral)}
.nr-dial__now{position:absolute;left:50%;bottom:4%;display:grid;justify-items:center;gap:4px;width:min(92%,420px);transform:translateX(-50%);text-align:center}
.nr-dial__now b{font-family:var(--nr-disp);font-size:clamp(34px,3vw,52px);font-weight:300;line-height:1}
.nr-dial__now span{font-size:16px;font-weight:700;line-height:1.5;color:var(--nr-fg)}
.nr-dial__range{display:grid;gap:8px;font-size:14px;font-weight:700;color:var(--nr-fg2)}
.nr-dial__range input{width:100%;accent-color:var(--nr-coral)}
.nr-dial__list{display:grid;grid-template-columns:minmax(44px,auto) minmax(0,1fr);gap:2px;margin-top:20px}
/* 달 이름 칸은 목록 전체가 같은 너비를 쓴다(번역된 긴 달 이름이 한 글자씩 꺾이지 않게) */
.nr-dial__list li{display:grid;grid-column:1/-1;grid-template-columns:44px minmax(0,1fr);grid-template-columns:subgrid;column-gap:10px;padding:7px 10px;border-radius:10px;font-size:15px;line-height:1.5;color:var(--nr-fg3);transition:background .3s,color .3s}
.nr-dial__list li b{font-family:var(--nr-disp);font-weight:600}
.nr-dial__list li.is-on{background:#ffffff12;color:var(--nr-fg)}
.nr-dial__list li.is-on b{color:var(--nr-coral)}
.nr-dial__every{display:grid;grid-template-columns:minmax(44px,auto) minmax(0,1fr);gap:8px 10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--nr-dline)}
.nr-dial__every li{display:grid;grid-column:1/-1;grid-template-columns:44px minmax(0,1fr);grid-template-columns:subgrid;column-gap:10px;font-size:15px;line-height:1.55;color:var(--nr-fg2)}
.nr-dial__every b{color:var(--nr-sea)}

/* ---------------------------------------------------------------- 13 RETRO · 14 CREDITS · ENDING */
.nr-rounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(60px,6vw,96px)}
.nr-rounds li{position:relative;display:grid;gap:8px;padding:clamp(24px,2.6vw,40px);padding-top:clamp(70px,6vw,96px);border-radius:24px;background:var(--nr-paper2);overflow:hidden}
.nr-rounds li::before{content:"";position:absolute;left:clamp(24px,2.6vw,40px);top:0;width:80px;height:40px;border-radius:0 0 80px 80px;background:var(--nr-gray)}
.nr-rounds li:nth-child(2)::before{background:var(--nr-coral);border-radius:80px 80px 0 0;top:auto;transform:translateY(-100%);top:56px}
.nr-rounds li:nth-child(3)::before{background:var(--nr-sea)}
.nr-rounds__no{font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.1em;color:var(--nr-ink3)}
.nr-rounds b{font-size:clamp(20px,1.7vw,26px)}
.nr-rounds p{font-size:15px;color:var(--nr-ink2)}
.nr-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:clamp(60px,6vw,96px);padding-top:30px;border-top:1px solid var(--nr-line)}
.nr-lessons li{display:grid;gap:10px;transition-delay:var(--d,0ms)}
.nr-lessons span{font-family:var(--nr-disp);font-size:16px;font-weight:600;color:var(--nr-coral-t)}
.nr-lessons b{font-size:clamp(19px,1.6vw,24px);letter-spacing:-.02em}
.nr-lessons p{font-size:16px;color:var(--nr-ink2)}
.nr-card{max-width:1080px;margin:0 auto;padding:clamp(24px,3vw,44px);border-radius:28px;background:#fff;box-shadow:0 40px 90px -50px #21212166,inset 0 0 0 1px var(--nr-line)}
.nr-card header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:2px solid var(--nr-ink);font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.1em}
.nr-card header span:first-child{display:inline-flex;align-items:center;gap:12px}
.nr-card__title{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 28px;align-items:center;padding:28px 0}
.nr-card__sym{grid-row:span 3;display:grid;place-items:center;width:clamp(110px,12vw,160px);aspect-ratio:1;border-radius:24px;background:var(--nr-paper2)}
.nr-card__sym svg{width:70%;height:auto}
.nr-card__kicker{font-family:var(--nr-mono);font-size:14px;letter-spacing:.14em;color:var(--nr-ink3)}
.nr-card__kicker b{color:var(--nr-coral-t)}
.nr-card__title h2{font-size:clamp(40px,4.4vw,72px);line-height:1.04;letter-spacing:-.05em}
.nr-card__sub{font-size:15px;color:var(--nr-ink2)}
.nr-card__table{width:100%;border-collapse:collapse;font-size:16px}
.nr-card__table thead th{padding:10px 12px;border-bottom:1px solid var(--nr-ink);font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.1em;text-align:left;color:var(--nr-ink3)}
.nr-card__table tbody th{width:150px;padding:12px;border-bottom:1px solid var(--nr-line);font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.06em;text-align:left;vertical-align:top;color:var(--nr-sea-t)}
.nr-card__table td{padding:12px;border-bottom:1px solid var(--nr-line);line-height:1.6}
.nr-card__foot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin-top:22px;padding:16px 18px;border-radius:16px;background:var(--nr-k0);color:var(--nr-fg)}
.nr-card__foot>span:first-child{font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.12em;color:var(--nr-coral)}
.nr-card__foot b{font-size:17px}
.nr-ending{text-align:center;background:radial-gradient(60% 60% at 50% 0,#22302b 0,#0d0f11 70%)}
.nr-ending h2{margin-top:22px}
.nr-ending .nr-wrap>p{max-width:760px;margin:24px auto 0;font-size:18px;color:var(--nr-fg2)}
.nr-ending__links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 36px;margin-top:40px}
.nr-others{margin-top:clamp(80px,8vw,130px);text-align:left}
.nr-others__title{font-size:clamp(24px,2vw,32px)!important}
.nr-others ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}
.nr-others a{display:grid;gap:10px}
.nr-others__img{display:block;overflow:hidden;border-radius:16px;aspect-ratio:820/568;background:#14171a}
.nr-others__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--nr-ease)}
.nr-others a:hover .nr-others__img img{transform:scale(1.04)}
.nr-others__tag{font-family:var(--nr-mono);font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--nr-coral)}
.nr-others strong{font-size:20px}
.nr-others__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.65;color:var(--nr-fg2)}

/* ---------------------------------------------------------------- index · lightbox */
.nr-index{position:fixed;z-index:1001;left:50%;bottom:22px;display:flex;align-items:center;gap:2px;max-width:calc(100vw - 40px);padding:6px 6px 6px 16px;border-radius:99px;background:#ffffffeb;box-shadow:0 18px 40px #21212133,inset 0 0 0 1px #2121211a;backdrop-filter:blur(10px);transform:translate(-50%,140%);opacity:0;transition:transform .5s var(--nr-ease),opacity .5s,background .4s;font-family:'Pretendard Variable',Pretendard,sans-serif;overflow-x:auto;scrollbar-width:none}
.nr-index::-webkit-scrollbar{display:none}
.nr-index.is-visible{transform:translate(-50%,0);opacity:1}
.nr-index__gauge{display:inline-grid;gap:3px;margin-right:12px}
.nr-index__gauge i{position:relative;display:block;width:30px;height:4px;border-radius:2px;background:#21212121;overflow:hidden}
.nr-index__gauge i:nth-child(1)::after{background:var(--nr-gray)}
.nr-index__gauge i:nth-child(2)::after{background:var(--nr-coral-t)}
.nr-index__gauge i:nth-child(3)::after{background:var(--nr-sea-t)}
.nr-index__gauge i::after{content:"";position:absolute;inset:0;transform:scaleX(var(--g,0));transform-origin:left}
.nr-index a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 9px;border-radius:99px;color:#4b4a48;font-size:14px;font-weight:700;white-space:nowrap;transition:background .3s,color .3s}
.nr-index a b{font-family:var(--nr-mono);font-size:14px;font-weight:600;color:#6b6966}
.nr-index a span{display:none}
.nr-index a:hover{color:#212121}
.nr-index a[aria-current]{background:#212121;color:#fff}
.nr-index a[aria-current] b{color:var(--nr-coral)}
.nr-index a[aria-current] span{display:inline}
.nr-index.is-night{background:#0d0f11eb;box-shadow:0 18px 40px #0006,inset 0 0 0 1px #f2efea2e}
.nr-index.is-night .nr-index__gauge i{background:#f2efea26}
.nr-index.is-night .nr-index__gauge i:nth-child(2)::after{background:var(--nr-coral)}
.nr-index.is-night .nr-index__gauge i:nth-child(3)::after{background:var(--nr-sea)}
.nr-index.is-night a{color:#c9c5bf}
.nr-index.is-night a b{color:#a29e98}
.nr-index.is-night a:hover{color:#fff}
.nr-index.is-night a[aria-current]{background:var(--nr-coral);color:#1b1410}
.nr-index.is-night a[aria-current] b{color:#1b1410}
.nr-lightbox{width:min(1240px,94vw);max-width:none;height:92vh;max-height:none;padding:0;border:0;border-radius:18px;background:#121416;color:#fff;overflow:hidden}
.nr-lightbox::backdrop{background:#000000e0;backdrop-filter:blur(4px)}
.nr-lightbox__bar{display:flex;justify-content:space-between;align-items:center;gap:20px;height:60px;padding:0 20px;border-bottom:1px solid #ffffff1a}
.nr-lightbox__bar p{font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px;font-weight:600}
.nr-lightbox__close{min-height:44px;padding:0 16px;border-radius:99px;border:1px solid #ffffff4d;background:none;color:#fff;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px;font-weight:700;cursor:pointer}
.nr-lightbox__scroll{height:calc(92vh - 60px);overflow:auto;padding:20px}
.nr-lightbox__list{display:grid;gap:26px;margin:0;padding:0;list-style:none}
.nr-lightbox__list figure{margin:0}
.nr-lightbox__list img{display:block;width:100%;height:auto;border-radius:10px;background:#1b1e21}
.nr-lightbox__list li.is-narrow img{width:auto;max-width:100%;margin-inline:auto}
.nr-lightbox__list figcaption{display:flex;gap:10px;margin-top:10px;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px;font-weight:600}
.nr-lightbox__list figcaption b{color:#dcb496;font-family:'JetBrains Mono',monospace;font-size:14px}
.nr-lightbox__list li.is-target figure img{box-shadow:0 0 0 3px #dcb496}

/* ---------------------------------------------------------------- responsive */
@media (min-width:1101px) and (max-height:820px){
  .nr-sym__steps li{padding-block:10px}
  .nr-sym__steps li.is-on p{font-size:15px}
  .nr-fold__steps li{padding:12px 16px;font-size:15px}
  .nr-ab__frames{height:min(64vh,560px)}
}
@media (max-width:1100px){
  .nr-split,.nr-measure,.nr-ramp,.nr-dial{grid-template-columns:minmax(0,1fr);gap:28px}
  .nr-meta,.nr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nr-stats{gap:34px 0}
  .nr-stats li:nth-child(2){border-right:0}
  .nr-stats li:nth-child(3){padding-left:0}
  .nr-timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .nr-timeline::before{display:none}
  .nr-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nr-sym__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:16px;align-items:end;padding-bottom:92px}
  html.nr-motion .nr-sym__stage{align-content:center}
  .nr-sym__fig{max-width:min(620px,90vw);align-self:end}
  /* 단계 글을 한 칸에 겹쳐 두어, 가장 긴 단계(번역문 포함)만큼 높이를 잡고 그림이 나머지를 쓴다 */
  .nr-sym__steps{min-height:9.5em}
  .nr-sym__steps li{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s;border-left-color:var(--nr-coral)}
  .nr-sym__steps li.is-on{opacity:1;transform:none}
  .nr-sym__steps li p{max-height:none;margin-top:8px}
  html:not(.nr-motion) .nr-sym__steps li{grid-area:auto;opacity:1;transform:none}
  .nr-fold__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:18px;padding-bottom:92px}
  .nr-fold__steps{min-height:6.5em}
  .nr-fold__steps li{grid-area:1/1;opacity:0}
  .nr-fold__steps li.is-on{opacity:1}
  html:not(.nr-motion) .nr-fold__steps li{grid-area:auto;opacity:1}
  .nr-dots__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
  html.nr-motion .nr-dots__stage{padding-bottom:92px}
  .nr-dots__view{min-height:0}
  .nr-dots__side{max-height:34vh}
  .nr-evo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nr-ab__stage{grid-template-columns:minmax(0,1fr);align-content:center;gap:20px;padding-bottom:92px}
  .nr-ab__frames{height:min(54vh,520px)}
  .nr-sian__inner{grid-template-columns:minmax(0,1fr)}
  .nr-sian__device{padding-right:0}
  .nr-sian__device .nr-phone{display:none}
  .nr-chapter-bar{max-width:none}
  .nr-notes__strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nr-tree{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)}
  .nr-dirs{background:var(--nr-k0)}
  .nr-dirs__split{grid-template-columns:minmax(0,1fr);width:100%}
  .nr-dir--a{background:var(--nr-paper2)}
  .nr-dir{padding:44px 6vw}
  .nr-rounds,.nr-lessons{grid-template-columns:minmax(0,1fr)}
  .nr-others ul{grid-template-columns:minmax(0,1fr)}
  .nr-hero__title{width:min(680px,84vw)}
  .nr-hero__anchors [data-anchor=letters]{left:8vw;top:calc(var(--nr-head) + 4vh);width:84vw;height:20vh}
  .nr-hero__anchors [data-anchor=symbol]{left:10vw;top:calc(var(--nr-head) + 4vh);width:80vw;height:34vh}
  .nr-hero__anchors [data-anchor=orbit]{left:0;top:calc(var(--nr-head) + 2vh);width:100vw;height:46vh}
  .nr-hero__anchors [data-anchor=wave]{left:-20vw;top:22vh;width:140vw;height:40vh}
  .nr-hero__anchors [data-anchor=final]{left:14vw;top:calc(var(--nr-head) + 4vh);width:72vw;height:30vh}
  .nr-hero__title{top:auto;bottom:calc(4vh + 60px);transform:none}
  .nr-hero__beats{width:auto;right:6vw}
}
@media (max-width:720px){
  .nr{font-size:16px}
  .nr-wrap,.nr-sym__stage,.nr-fold__stage,.nr-dots__stage,.nr-ab__stage{width:calc(100% - 40px)}
  .nr-sec{padding-block:86px}
  .nr h2{font-size:clamp(30px,8.4vw,40px)}
  .nr-head{font-size:14px;margin-bottom:40px}
  .nr-head>span:first-child{letter-spacing:.06em}
  .nr-prose p{font-size:17px}
  .nr-meta,.nr-stats{grid-template-columns:minmax(0,1fr)}
  .nr-stats li{padding:0;border-right:0}
  .nr-logo{grid-template-columns:minmax(0,1fr)}
  .nr-timeline{grid-template-columns:minmax(0,1fr)}
  .nr-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nr-swatches li:first-child{grid-column:1/-1}
  .nr-contrast__row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nr-contrast__row [role=rowheader]{grid-column:1/-1;min-height:auto;padding:10px 14px}
  .nr-contrast__row--head span:first-child{display:none}
  .nr-contrast__row [role=cell]{grid-template-columns:minmax(0,1fr);min-height:auto;padding:12px}
  .nr-contrast__row [role=cell] b{grid-row:auto;font-size:18px}
  .nr-contrast__row [role=cell] em,.nr-contrast__row [role=cell] small{text-align:left}
  .nr-contrast__row--head>span{padding:4px 6px;font-size:14px;letter-spacing:0}
  .nr-ramp__row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .nr-ramp__name{grid-column:1/-1}
  .nr-ramp__cell{min-height:64px}
  .nr-ramp__role{display:none}
  .nr-ramp__rows{padding-top:0}
  .nr-ramp__try{grid-template-columns:minmax(0,1fr)}
  .nr-rule{grid-template-columns:minmax(0,1fr)}
  .nr-sym__tag{font-size:14px;padding:1px 8px}
  .nr-sym__tag--h{left:auto;right:-2%}
  /* 고정 장면의 바닥은 하단 안내도(bottom 84px) · 공용 프로모션 띠 위로 올린다 */
  html.nr-motion :is(.nr-sym__stage,.nr-fold__stage,.nr-dots__stage,.nr-ab__stage){padding-bottom:168px}
  .nr-sym__fig{width:min(100%,calc(38svh * 500 / 430));justify-self:center}
  .nr-sym__steps{min-height:8.8em}
  .nr-sym__steps li{padding-block:10px}
  .nr-sym__steps li p{font-size:15px;line-height:1.65}
  .nr-dots__side{max-height:26vh}
  .nr-measure__row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .nr-measure__row [role=rowheader]{grid-column:1/-1}
  .nr-measure__bars{grid-column:1/-1;height:40px}
  .nr-measure__row--head{display:none}
  .nr-measure__limit{left:60%}
  .nr-dots__tabs button{padding:0 14px;font-size:15px}
  .nr-dots__side{max-height:30vh}
  .nr-dots__note{font-size:15px}
  .nr-evo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
  .nr-evo__shot{height:200px}
  .nr-ab__switch button{padding:0 14px}
  .nr-ab__frames[data-view=both]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .nr-ab__frames{height:min(46vh,440px)}
  .nr-browser__bar{height:34px;padding:0 10px}
  .nr-ab__frame .nr-browser{grid-template-rows:34px minmax(0,1fr)}
  .nr-browser__url{padding:2px 14px;font-size:14px}
  .nr-browser__live{display:none}
  html.nr-motion .nr-six__stage{position:relative;top:auto;height:auto;padding-bottom:0}
  html.nr-motion .nr-six{height:auto!important}
  .nr-six__track{flex-direction:column;align-items:stretch;padding-inline:20px;transform:none!important;height:auto}
  .nr-six__item,.nr-six__item--tall{width:100%}
  .nr-six__item--tall .nr-six__shot{max-height:520px}
  .nr-six__shot{max-height:360px}
  .nr-six__head{grid-template-columns:minmax(0,1fr);gap:10px}
  .nr-notes__strip{grid-template-columns:minmax(0,1fr)}
  .nr-sian__inner{width:calc(100% - 40px)}
  .nr-chapter-bar__list button{min-height:44px}
  .nr-tree{grid-template-columns:minmax(0,1fr);gap:20px}
  .nr-tree__lines{display:none}
  .nr-tree__col--new li{position:relative}
  .nr-dial__now b{font-size:30px}
  .nr-index{bottom:84px;padding-left:10px}
  .nr-index__gauge{display:none}
  .nr-hero__title h1{font-size:clamp(46px,13vw,64px)}
  .nr-hero__lead{font-size:16px}
  .nr-hud__top{display:none}
  .nr-hud__read{left:20px;right:auto;top:calc(var(--nr-head) + 10px)}
  .nr-hero__beats{left:20px;right:20px;bottom:calc(3vh + 64px);height:150px}
  .nr-beat{font-size:18px}
  .nr-hero__steps{left:20px;right:20px;gap:4px;overflow:hidden}
  .nr-hero__steps li[data-h]{padding:2px 8px}
  .nr-hero__hint,.nr-hero__engine{display:none}
  .nr-hero__title{left:20px;right:20px;width:auto;bottom:calc(3vh + 56px)}
  .nr-card__title{grid-template-columns:minmax(0,1fr)}
  .nr-card__sym{grid-row:auto;width:96px}
  .nr-card__table tbody th{width:96px}
  .nr-card__foot{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .nr *{transition-duration:.01ms!important;animation:none!important}
}