.v3{--fork:3}.v3 .section{--page-margin-y:calc(2 * var(--page-margin));--row-size:calc(( var(--canvas-h) - 2 * var(--page-margin-y) - (var(--grid-rows) - 1) * var(--grid-gap) ) / var(--grid-rows))}.v3 .page-grid{padding-top:var(--page-margin-y);padding-bottom:var(--page-margin-y);grid-template-rows:repeat(var(--grid-rows), minmax(0, 1fr))}.v3 .band{right:calc(var(--page-margin) + 3 * var(--u));left:calc(var(--page-margin) + 3 * var(--u));z-index:5;height:var(--page-margin-y);grid-template-columns:repeat(var(--grid-cols), 1fr);gap:var(--grid-gap);color:var(--fg-soft);font-family:var(--font-display);font-size:calc(11.5 * var(--u));letter-spacing:.08em;text-transform:uppercase;opacity:.6;pointer-events:none;align-items:center;font-weight:500;display:grid;position:absolute}.v3 .band-top{top:calc(-9 * var(--u))}.v3 .band-bottom{bottom:calc(-9 * var(--u));opacity:.3}.v3 #nudake-signs-2 .nud-cap-card .work-visual{transition:opacity .46s,filter .46s}.v3 #nudake-signs-2 [data-live] .nud-cap-card:not([data-on]) .work-visual{opacity:.4;filter:grayscale()}.v3 #nudake-signs-2 [data-live] .nud-cap-card:not([data-on]) .nud-mock{opacity:1;filter:none}.v3 #nudake-signs-2 [data-live] .nud-cap-card:not([data-on]) .nud-cap>:not(.step){opacity:.5}.v3 #nudake-gap-4 .nud-stage-tag{left:calc(50% - 166.5 * var(--u));z-index:56;background:var(--fg)}.v3 #nudake-gap-4 .nud-stage[data-dim] .nud-stage-tag{background:#19191954}.v3 #nudake-gap-4 .nud-stage>.nud-mock{transition:opacity .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1)}.v3 #nudake-gap-4 .nud-stage[data-dim]>.nud-mock{opacity:.4;filter:grayscale()}.v3 #nudake-gap-4 .nud-stage[data-dim]:after{opacity:0}.v3 #nudake-gap-4 .note{padding-right:calc(20 * var(--u))}.v3 #nudake-gap-4 .note .nud-open{right:calc(20 * var(--u) - 10 * var(--u))}.v3 #nudake-gap-4 .note[data-side=before] .nud-now,.v3 #nudake-gap-4 .note[data-side=after] .nud-was-in>*{opacity:.55}.v3 #nudake-gap-4 .note[data-off]>:not(.nud-open,.nud-bar){opacity:.12}.v3 #nudake-gap-4 .note{transition:border-color .46s}.v3 #nudake-gap-4 .note .nud-bar{transition:background .46s}.v3 #nudake-gap-4 .note[data-off]{border-top-color:#1919190d}.v3 #nudake-gap-4 .note[data-off] .nud-bar{background:#1919190d}.v3 #nudake-gap-4 .nud-turn{grid-row:4/span 3}.v3 #nudake-gap-4 .nud-stage .nud-mock-bar .nud-mock-tap,.v3 #nudake-gap-4 .nud-stage .nud-kakao-bar>i,.v3 #nudake-gap-4 .nud-stage .nud-kakao-bar>span{display:none}.v3 #tamburins-screens .steps-shot{pointer-events:none}.v3 #tamburins-screens .steps-shot:not([data-idle]){z-index:10}.v3 #tamburins-screens .steps-shot,.v3 #tamburins-screens .steps-shot[data-idle]{filter:none}.v3 #tamburins-screens .steps-shot .steps-frame{transition:height 1.1s cubic-bezier(.22,1,.36,1),margin-top 1.1s cubic-bezier(.22,1,.36,1),opacity .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1)}.v3 #tamburins-screens .steps-shot[data-idle] .steps-frame{opacity:.4;filter:grayscale()}.v3 #tamburins-screens .steps-shot[data-idle] .steps-frame:after{opacity:0}.v3 #tamburins-screens .tall-cap>*{transition:opacity .9s cubic-bezier(.22,1,.36,1)}.v3 #tamburins-screens .tall-cap[data-dim]>*{opacity:.5}.v3 #tamburins-screens .steps-shot .steps-frame{pointer-events:none}.v3 #tamburins-screens [data-visible] .steps-shot .steps-frame{animation:hit-on var(--reveal-time) steps(1, end) both;animation-delay:calc(var(--delay,0s) * var(--stagger))}@keyframes hit-on{0%{pointer-events:none}to{pointer-events:auto}}.v3 #principles .card-text{min-height:calc(96 * var(--u))}.v3 #principles .page-grid>.type-lead{grid-column:span 7}.v3 .why-card .why-tag,.v3 #nudake-gap-4 .nud-side{font-family:var(--font-display);font-size:calc(9.5 * var(--u));letter-spacing:.14em;text-transform:uppercase;font-weight:500}.v3 .band-cell{align-items:center;gap:calc(16 * var(--u));white-space:nowrap;margin:0;display:flex}.v3 .band-toc{pointer-events:auto;align-self:stretch;position:relative}.v3 .band-toc-head{align-items:center;gap:calc(16 * var(--u));color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.v3 .band-toc-cue{width:calc(10 * var(--u));height:calc(10 * var(--u));margin-left:calc(-6 * var(--u));transition:scale .2s}.v3 .band-toc[data-open] .band-toc-head .band-toc-cue{scale:1 -1}.v3 .band-toc-veil{z-index:60;opacity:0;visibility:hidden;background:#19191952;transition:opacity .22s,visibility 0s .22s;position:fixed;inset:0}.v3 .band-toc[data-open] .band-toc-veil{opacity:1;visibility:visible;transition-delay:0s}:is(.v3 .section:has(.compose-full) .band-toc-veil,.v3 .section:has(.page-grid[data-past]) .band-toc-veil,.v3 .section:has(.after-frame) .band-toc-veil,.v3 .section:has(.statement-dark) .band-toc-veil){background:#00000080}.v3 .band-toc-list{top:100%;bottom:calc(-1 * (var(--canvas-h) - var(--page-margin-y) - 51 * var(--u)));left:calc(-8 * var(--u));z-index:70;gap:calc(10 * var(--u));width:calc(2 * var(--col-size) + var(--grid-gap) + 3 * var(--u) + 8 * var(--u));padding:calc(12 * var(--u)) calc(12 * var(--u)) calc(14 * var(--u));font-size:calc(13.5 * var(--u));background:var(--bg);box-shadow:0 calc(14 * var(--u)) calc(34 * var(--u)) #1919191f;opacity:0;translate:0 calc(-6 * var(--u));visibility:hidden;border:1px solid #1919191f;flex-direction:column;transition:opacity .22s,translate .32s cubic-bezier(.22,1,.36,1),visibility 0s .22s;display:flex;position:absolute;overflow-y:auto}.v3 .band-toc[data-open] .band-toc-list{opacity:1;visibility:visible;transition-delay:0s;translate:0}.v3 .band-toc-group{gap:calc(4 * var(--u));flex-direction:column;display:flex}.v3 .band-toc-title{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));padding:calc(7 * var(--u)) calc(8 * var(--u));color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;font-size:calc(14 * var(--u));opacity:.5;cursor:pointer;background:0 0;border:0;margin:0;font-weight:600;transition:opacity .16s;display:flex}.v3 .band-toc-title:hover,.v3 .band-toc-group[data-shown] .band-toc-title{opacity:1}.v3 .band-toc-title .band-toc-cue{margin-left:0}.v3 .band-toc-group[data-shown] .band-toc-title .band-toc-cue{scale:1 -1}.v3 .band-toc-contact{gap:calc(6 * var(--u));padding:calc(14 * var(--u)) calc(8 * var(--u)) calc(4 * var(--u));color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;font-size:calc(9.5 * var(--u));background:0 0;border:0;flex-direction:column;margin-top:auto;text-decoration:none;display:flex}.v3 .band-toc-contact>span:first-child{opacity:.5}.v3 .band-toc-mail{align-items:center;gap:calc(4 * var(--u));color:var(--fg);opacity:.5;font-size:calc(11.5 * var(--u));letter-spacing:.02em;text-transform:none;display:inline-flex}.v3 .band-toc-mail svg{width:calc(9 * var(--u));height:calc(9 * var(--u))}.v3 .band-toc-contact:hover .band-toc-mail,.v3 .band-toc-contact[data-copied] .band-toc-mail{opacity:1}.v3 .band-toc-group[data-shown]{padding-bottom:calc(8 * var(--u))}.v3 .band-toc-item{align-items:center;gap:calc(12 * var(--u));padding:calc(7 * var(--u)) calc(8 * var(--u)) calc(7 * var(--u)) calc(24 * var(--u));color:var(--fg);opacity:.5;font:inherit;font-size:calc(12 * var(--u));letter-spacing:.04em;text-transform:none;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;font-weight:500;transition:background .16s,opacity .16s;display:flex}.v3 .band-toc-item:hover,.v3 .band-toc-item[data-now]{opacity:1}.v3 .band-toc-item:hover{background:#1919190f}.v3 .band-toc-item[data-now]{color:var(--fg);background:0 0}.v3 .band-toc-no{width:calc(18 * var(--u));opacity:.55;letter-spacing:.08em}.v3 .band-toc-item[data-now] .band-toc-no{opacity:1}:is(.v3 .section:has(.compose-full) .band-toc-list,.v3 .section:has(.page-grid[data-past]) .band-toc-list,.v3 .section:has(.after-frame) .band-toc-list,.v3 .section:has(.statement-dark) .band-toc-list){box-shadow:0 calc(14 * var(--u)) calc(34 * var(--u)) #0006;border-color:#fafafa24}:is(.v3 .section:has(.compose-full) .band-toc-item:hover,.v3 .section:has(.page-grid[data-past]) .band-toc-item:hover,.v3 .section:has(.after-frame) .band-toc-item:hover,.v3 .section:has(.statement-dark) .band-toc-item:hover){background:#fafafa14}.v3 .section .band.band-top:has(.band-toc[data-open]){z-index:80;opacity:1}.v3 .band-right{justify-content:flex-end}.v3 .band-rule{width:1px;height:calc(10 * var(--u));opacity:.5;background:currentColor}.v3 .band svg{width:calc(11.5 * var(--u));height:calc(11.5 * var(--u))}.v3 .compose-full-frame{top:var(--page-margin-y);height:var(--tall,calc(var(--canvas-h) - 2 * var(--page-margin-y)))}.v3 #nudake-flow-full .nudc{height:100%!important}.v3 .pager{display:none}.v3 .section:has(.statement-dark) .band{--fg-soft:#fafafab8;--fg:#fafafa;--bg:#202020}:is(.v3 .section:has(.compose-full) .band,.v3 .section:has(.page-grid[data-past]) .band,.v3 .section:has(.after-frame) .band,.v3 .section:has(.statement-dark) .band,.v3 .section:has(.thanks) .band){opacity:.4}:is(.v3 .section:has(.compose-full) .band-bottom,.v3 .section:has(.page-grid[data-past]) .band-bottom,.v3 .section:has(.after-frame) .band-bottom,.v3 .section:has(.statement-dark) .band-bottom,.v3 .section:has(.thanks) .band-bottom){opacity:.2}.v3 .section:has(.thanks){--bg:#202020;--fg:#fafafa;--fg-soft:#fafafab8;color:#fafafa;background:#202020}.v3 .thanks-lead{gap:calc(40 * var(--u));flex-direction:column;align-self:start;display:flex}.v3 .thanks-note{font-size:calc(22 * var(--u));color:var(--fg);line-height:1.3}.v3 .thanks-cell{gap:calc(16 * var(--u));flex-direction:column;align-self:end;display:flex}.v3 .thanks-cell a{color:var(--fg);text-decoration:none}.v3 .thanks-cell a:hover{text-underline-offset:.2em;text-decoration:underline}.v3 .thanks .nud-eyebrow{color:#fafafa80}.v3 #gentle-monster-after .after-frame{grid-row:1/span 6;padding-top:0}.v3 [data-visible] #gentle-monster-after .after-frame.rise,.v3 #gentle-monster-after [data-visible] .after-frame.rise{animation-name:fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.v3 .thanks-mail,.v3 .work[data-linked]{cursor:pointer}.v3 .view-cursor,.v3 .view-cursor-core{margin:calc(14px + 30 * var(--u)) 0 0 calc(14px + 30 * var(--u))}:is(.v3 .view-cursor-core[data-light],.v3 .section:has(.compose-full) .view-cursor-core,.v3 .section:has(.after-frame) .view-cursor-core,.v3 .section:has(.page-grid[data-past]) .view-cursor-core,.v3 .section:has(.statement-dark) .view-cursor-core,.v3 .section:has(.thanks) .view-cursor-core){color:#191919;background:#fafafa}.v3 .play-core svg{width:calc(18 * var(--u));height:calc(18 * var(--u));translate:calc(1 * var(--u)) 0}.v3 .view-cursor{width:calc(60 * var(--u));height:calc(60 * var(--u));color:#0000;mix-blend-mode:difference;background:#fff}.v3 .view-cursor-core{z-index:41;width:calc(40 * var(--u));height:calc(40 * var(--u));color:#fafafa;font-family:var(--font-display);font-size:calc(8 * var(--u));letter-spacing:.1em;text-indent:.1em;text-transform:uppercase;pointer-events:none;opacity:0;background:#191919;border-radius:50%;place-items:center;font-weight:700;transition:scale .26s cubic-bezier(.22,1,.36,1),opacity .18s linear;display:grid;position:fixed;top:0;left:0;scale:.6}.v3 .view-cursor-core[data-on]{opacity:1;scale:1}.v3 #tamburins-one .qr-card,.v3 #nudake-flow-full .qr-card{margin-top:calc(32 * var(--u));align-self:start}.v3 .nud-cap .step,.v3 .tall-cap-over .steps-no i,.v3 #nudake-gap-4 .nud-bar{height:calc(1.5 * var(--u))}.v3 #tamburins-screens .steps-frame>:not(.steps-cap),.v3 #nudake-gap-3 .nud-stage>.nud-mock,.v3 #nudake-gap-4 .nud-stage>.nud-mock,.v3 #nudake-signs-2 .work-visual>.nud-mock,.v3 #nudake-flow-full .compose-full-frame>.nud-mock{animation:.36s backwards soft-in}.v3 .cmpb-stage[data-dim] .cmpb-box,.v3 .cmpb-layer[data-dim] .cmpb-layer-head,.v3 .cmpb-layer[data-dim] .cmpb-layer-body{filter:none;opacity:.6}.v3 #nudake .nud-scene-in{translate:0 calc(-75 * var(--u));transform-origin:50%;position:absolute;inset:0;scale:1.1}.v3 #nudake .nud-card-hand{font-size:calc(34.4 * var(--u));translate:0 calc(-14 * var(--u))}.v3 .pm-art svg{stroke-width:1px;opacity:.67;overflow:visible}@keyframes pm-route{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}@keyframes pm-memory-back{0%,to{opacity:.43;transform:translate(-4px,4px)}50%{opacity:.7;transform:translate(-12px,12px)}}@keyframes pm-memory-front{0%,to{opacity:.43;transform:translate(4px,-4px)}50%{opacity:.7;transform:translate(12px,-12px)}}.v3 .pm-memory-route{animation:7.2s linear infinite pm-route}.v3 .pm-memory-back{animation:7.2s ease-in-out infinite pm-memory-back}.v3 .pm-memory-front{animation:7.2s ease-in-out infinite pm-memory-front}@keyframes pm-sense-0{0%,2%{opacity:0;stroke-dashoffset:1px}18%,78%{opacity:1;stroke-dashoffset:0}96%,to{opacity:0;stroke-dashoffset:0}}@keyframes pm-sense-1{0%,17%{opacity:0;stroke-dashoffset:1px}33%,78%{opacity:1;stroke-dashoffset:0}96%,to{opacity:0;stroke-dashoffset:0}}@keyframes pm-sense-2{0%,32%{opacity:0;stroke-dashoffset:1px}48%,78%{opacity:1;stroke-dashoffset:0}96%,to{opacity:0;stroke-dashoffset:0}}@keyframes pm-sense-center{0%,49%,to{opacity:0}61%,78%{opacity:1}94%{opacity:0}}.v3 .pm-sense-0,.v3 .pm-sense-1,.v3 .pm-sense-2{stroke-dasharray:1}.v3 .pm-sense-0{animation:12s cubic-bezier(.45,0,.55,1) infinite pm-sense-0}.v3 .pm-sense-1{animation:12s cubic-bezier(.45,0,.55,1) infinite pm-sense-1}.v3 .pm-sense-2{animation:12s cubic-bezier(.45,0,.55,1) infinite pm-sense-2}.v3 .pm-sense-center{animation:12s ease-in-out infinite pm-sense-center}@keyframes pm-expect-cue{0%,to{opacity:0}1%,3.7%{opacity:.81}5%,99%{opacity:0}}@keyframes pm-expect-result{0%,4%,to{opacity:0}5.2%,9.2%{opacity:1}11%,99%{opacity:0}}.v3 .pm-expect-cue{animation:27s ease-in-out infinite pm-expect-cue;animation-delay:calc(var(--phase) * 1.5)}.v3 .pm-expect-result{animation:27s ease-in-out infinite pm-expect-result;animation-delay:calc(var(--phase) * 1.5)}@keyframes pm-translate-shape{0%,16%,to{rx:41.4px;ry:41.4px}48%,73%{rx:3.45px;ry:3.45px}}@keyframes pm-translate-depth{0%,16%,to{opacity:0;transform:translate(0)}48%,73%{opacity:.52;transform:translate(-4px,4px)}}.v3 .pm-translate-shape{animation:6.7s cubic-bezier(.45,0,.55,1) infinite pm-translate-shape}.v3 .pm-translate-depth{animation:6.7s cubic-bezier(.45,0,.55,1) infinite pm-translate-shape,6.7s cubic-bezier(.45,0,.55,1) infinite pm-translate-depth}.v3 .principles-motion:not([data-visible]) .pm-art *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.v3 .pm-art *{animation:none!important}}.v3 #gentle-monster-explore .page-next{color:color-mix(in srgb, var(--fg) 45%, transparent);opacity:1}.v3 #gentle-monster-explore .page-next:hover{color:var(--fg)}.v3 .compose-full .issue{cursor:pointer}