@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/titan-one-latin-ext-400-normal-BW7cdQ38.woff2) format("woff2"),url(/assets/titan-one-latin-ext-400-normal-CiNNQIOC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/titan-one-latin-400-normal-DwVbh4mi.woff2) format("woff2"),url(/assets/titan-one-latin-400-normal-VZVzRR2h.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #05060d;--ink: #ece8e1;--ink-2: rgb(236 232 225 / .58);--m: clamp(16px, 2.6vw, 40px);--opal: #ffd18c, #ff8c73, #ff73b3, #b88cff, #66b3ff, #4debe6, #8cfab3, #e6f28c;--display: "Titan One", "Arial Black", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--sans: "Hanken Grotesk Variable", "Helvetica Neue", Arial, sans-serif;--line: rgb(236 232 225 / .1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}html.grab{cursor:grab}html.grabbing,html.grabbing *{cursor:grabbing;-webkit-user-select:none;user-select:none}p,h1,h2,h3,dl,dd{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{display:block}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.mono{font:400 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.sr-only:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}main{font-family:var(--sans)}.wrap{max-width:1320px;margin:0 auto;padding-inline:var(--m)}.away,.away *,.away:before{animation-play-state:paused!important}.top{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;padding:22px calc(max(0px,(100% - 1320px) / 2) + var(--m))}.logo img{width:auto;height:22.6px}.nav{position:absolute;left:50%;translate:-50% 0;display:flex;gap:6px;font:450 14px/1 var(--sans)}.nav a{padding:9px 16px;border-radius:999px;background:#10111a9e;box-shadow:inset 0 0 0 1px #ffffff1f;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);transition:background-color .3s,box-shadow .3s}.nav a:hover{background:#10111ad1;box-shadow:inset 0 0 0 1px #ffffff3d}.first{--ignite: 0;position:relative;height:100svh;min-height:520px;overflow:hidden}.first.lit{--ignite: 1}.motto{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;pointer-events:none;font:400 clamp(38px,min(5vw,8.4vh),94px) / .86 var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}.motto>span{position:absolute;top:var(--my, 55%);overflow:hidden;padding-block:.06em;white-space:nowrap}.motto>span:first-child{right:calc(100% - var(--ax, 50%) + var(--gap, 22vh));translate:0 -50%}.motto>span:last-child{left:calc(var(--ax, 50%) + var(--gap, 22vh));translate:0 -50%}.motto span span{display:block;animation:rise-in 1.15s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--i) * .13s) both}@keyframes rise-in{0%{translate:0 110%}}.aura{position:absolute;z-index:1;left:var(--ax, 50%);top:var(--ay, 44%);width:var(--aw, 70vmin);aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:var(--aura-bg, radial-gradient(closest-side, rgb(255 236 214 / .55), rgb(255 236 214 / 0) 60%), conic-gradient(from 20deg, var(--opal), #ffd18c));filter:blur(64px);-webkit-mask:radial-gradient(closest-side,#000,rgb(0 0 0 / .9) 22%,rgb(0 0 0 / .55) 48%,rgb(0 0 0 / .2) 72%,transparent);mask:radial-gradient(closest-side,#000,rgb(0 0 0 / .9) 22%,rgb(0 0 0 / .55) 48%,rgb(0 0 0 / .2) 72%,transparent);opacity:calc(var(--ignite, 1) * var(--ignite, 1) * .72);transition:opacity 2.4s cubic-bezier(.3,0,.2,1);animation:turn 90s linear infinite}@keyframes turn{to{rotate:360deg}}:root[data-theme=mix]{--aura-bg: radial-gradient(closest-side, rgb(255 244 228 / .4), rgb(255 244 228 / 0) 58%), conic-gradient(from 30deg, #1f3bff, #ff4d12, #ffbf1a, #efe8dd, #1f3bff)}:root[data-theme=klein]{--aura-bg: radial-gradient(closest-side, rgb(176 192 255 / .55), rgb(58 92 255 / .55) 36%, rgb(22 48 214 / .3) 62%, rgb(0 30 160 / 0) 100%)}:root[data-theme=bone]{--aura-bg: radial-gradient(closest-side, rgb(255 255 255 / .35), rgb(150 168 255 / .3) 42%, rgb(47 85 255 / .15) 68%, rgb(47 85 255 / 0) 100%)}:root[data-theme=signal]{--aura-bg: radial-gradient(closest-side, rgb(255 214 180 / .5), rgb(255 106 40 / .5) 36%, rgb(200 50 10 / .28) 62%, rgb(160 30 0 / 0) 100%)}.stage{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity 1.4s}.lit .stage{opacity:1}.fallback,.no-webgl .stage{display:none}.no-webgl .fallback{display:block;position:absolute;z-index:2;left:50%;top:44%;height:46%;width:auto;translate:-50% -50%}[data-reveal]{opacity:0;translate:0 64px;scale:.97;transition:opacity 1s,translate 1.2s,scale 1.2s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}[data-reveal].in{opacity:1;translate:none;scale:none}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(200px,17vw,250px);gap:12px;margin-top:clamp(64px,8vw,120px)}.bento[data-reveal]{opacity:1;translate:none;scale:none}.tile{position:relative;overflow:hidden;border-radius:22px;padding:clamp(18px,2vw,28px);opacity:0;translate:0 48px;transition:opacity .9s,translate 1.1s,scale .5s;transition-timing-function:cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .09s)}.bento.in .tile{opacity:1;translate:none}.opal{grid-column:1 / 3;display:flex;align-items:flex-end;isolation:isolate;color:#16171b}.opal:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:260%;background:linear-gradient(115deg,var(--opal),#ffd18c);animation:slide 14s ease-in-out infinite alternate}@keyframes slide{to{translate:-61.54% 0}}.opal p{font:400 clamp(34px,4.2vw,64px) / .95 var(--display);text-transform:uppercase;letter-spacing:-.005em;max-width:9em}.door{grid-row:span 2;grid-column:3;display:flex;flex-direction:column;justify-content:space-between;background:#b88cff;color:#16171b}.spines{display:flex;align-items:flex-end;gap:3px;height:74%}.spines span{position:relative;flex:0 0 calc(clamp(40px,3.6vw,56px) * var(--t, 1));height:var(--h);border-radius:3px 3px 1px 1px;transform-origin:100% 100%;background:linear-gradient(90deg,#0000002e,#fff3 12%,#fff0 36%,#0000000d 74%,#0000003d),var(--c);box-shadow:inset 0 1px #ffffff40}.spines span:before,.spines span:after{content:"";position:absolute;left:0;right:0;height:4px;border-block:1.5px solid rgb(22 23 27 / .3)}.spines span:before{top:9px}.spines span:after{bottom:9px}.spines i{position:absolute;top:22px;left:50%;translate:-50% 0;display:grid;place-items:center;width:46%;aspect-ratio:1;border-radius:50%;background:#0c0d12;box-shadow:inset 0 0 0 1px #ffffff14}.spines i img{width:62%;height:62%;object-fit:contain}.spines .word{position:absolute;left:50%;bottom:24px;width:auto;height:13px;transform-origin:0 100%;transform:translate(6.5px) rotate(-90deg)}.spines span:first-child .word{filter:brightness(0) opacity(.85)}.door:hover .spines span{animation:nudge 1s calc(var(--n, 0) * .07s) both}.spines span:first-child{--t: 1.08}.spines span:nth-child(2){--n: 1;--k: 1.25;--t: .96}.spines span:nth-child(3){--n: 2;--k: 1.5;--t: .88}@keyframes nudge{0%{rotate:0deg;animation-timing-function:cubic-bezier(.2,.7,.3,1)}26%{rotate:calc(var(--k, 1) * 9deg);animation-timing-function:cubic-bezier(.6,0,.9,.5)}48%{rotate:0deg;animation-timing-function:cubic-bezier(.2,.6,.4,1)}60%{rotate:calc(var(--k, 1) * 2.4deg);animation-timing-function:cubic-bezier(.6,0,.9,.5)}72%{rotate:0deg;animation-timing-function:ease-out}80%{rotate:calc(var(--k, 1) * .6deg);animation-timing-function:ease-in}88%,to{rotate:0deg}}.orb{grid-row:span 2;grid-column:4;padding:0;background:radial-gradient(90% 70% at 50% 50%,#10112a,#07080f);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.orb canvas{display:block;width:100%;height:100%}.count{grid-column:1;display:flex;flex-direction:column;justify-content:flex-end;background:#f1ede5;color:#16171b}.count div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid rgb(22 23 27 / .14)}.count dt{color:#16171b8c;font-size:11px;white-space:nowrap}.count dd{margin:0;font:500 15px / 1.25 var(--sans);text-align:right}.seoul{grid-column:2;display:flex;flex-direction:column;justify-content:space-between;background:#8cfab3;color:#16171b}.seoul .city{font:400 clamp(40px,4.6vw,72px) / .9 var(--display);text-transform:uppercase}.seoul .where{display:grid;gap:8px;padding-top:12px;border-top:1px solid rgb(22 23 27 / .14)}.seoul .where p{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.seoul .clock{font:500 clamp(20px,1.8vw,26px) / 1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.seoul .mono{font-size:11px;color:#16171b9e}.story{position:relative;margin-top:clamp(120px,14vw,200px)}.story-text{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}.story h2{font:400 clamp(40px,5vw,76px) / .95 var(--display);text-transform:uppercase;letter-spacing:-.005em}.story p{padding-top:.3em;font:500 clamp(22px,2.1vw,30px) / 1.3 var(--sans);letter-spacing:-.015em;text-wrap:pretty}.row{position:relative;overflow:clip;height:clamp(220px,24vw,340px);margin-top:clamp(48px,7vw,104px);touch-action:pan-y;cursor:pointer}.row i{position:absolute;bottom:0;translate:-50% 0;border-radius:999px;transform-origin:50% calc(100% - var(--r))}.ways{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:40px;margin-top:clamp(120px,14vw,200px)}.ways-title{position:sticky;top:140px;align-self:start;font:400 clamp(40px,5vw,76px) / .95 var(--display);text-transform:uppercase;letter-spacing:-.005em}.cards{display:grid;gap:clamp(64px,8vw,120px)}.way h3{margin-top:24px;font:600 clamp(22px,2vw,28px) / 1.2 var(--sans)}.way p{margin-top:10px;font:400 17px / 1.55 var(--sans);color:var(--ink-2);text-wrap:pretty}.pic{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:22px}.pic i{position:absolute;display:block}.ship{background:#ff8c73}.ship .ledge{left:0;top:46%;width:42%;height:14px;border-radius:0 7px 7px 0;background:#16171b}.ship .ball{left:8%;top:25.2%;width:13%;aspect-ratio:1;border-radius:50%;background:#16171b;animation:ship 3.4s cubic-bezier(.45,0,.55,1) infinite}@keyframes ship{0%{translate:0 0;opacity:0}6%{opacity:1}34%{translate:230% 0;animation-timing-function:cubic-bezier(.5,0,1,.6)}52%{translate:300% 200%;animation-timing-function:cubic-bezier(0,.5,.5,1)}62%{translate:335% 140%;animation-timing-function:cubic-bezier(.5,0,1,.6)}70%{translate:360% 200%;animation-timing-function:ease-out}76%{translate:372% 182%}82%,90%{translate:380% 200%;opacity:1}to{translate:380% 200%;opacity:0}}.rise{background:#e6f28c;cursor:pointer}.rise svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.rise line{stroke:#16171b;stroke-width:1.4;stroke-linecap:round}.rise use{fill:#16171b}.rise .near{opacity:.34}.rise .far{opacity:.14}.new{display:flex;align-items:center;justify-content:center;gap:5%;background:#b88cff}.new i{position:static;width:18%;aspect-ratio:1;border-radius:50%;background:#16171b}.new .fresh{background:conic-gradient(from 0deg,var(--opal),#ffd18c);animation:fresh 3s cubic-bezier(.2,.9,.3,1.3) infinite,turn 6s linear infinite}@keyframes fresh{0%,18%{scale:0}38%{scale:1.12}48%,86%{scale:1}to{scale:0}}.work{padding-block:clamp(96px,14vw,180px) 0}.shelf{--spine: 64px;--badge: 40px;container-type:inline-size;display:flex;font-family:var(--sans)}.book{position:relative;flex:0 0 var(--spine);overflow:hidden;background:var(--c);color:var(--k);box-shadow:inset 1px 0 #fff3,inset 22px 0 26px -24px #00000080;transition:flex-grow 1s cubic-bezier(.7,0,.2,1),flex-basis .4s cubic-bezier(.2,.7,.2,1)}.book:first-child{box-shadow:none}:root:not(.shelved) .book.open{flex-grow:1}.book:not(.open):hover,.shelved .book:hover{flex-basis:calc(var(--spine) + 16px)}.spine{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;cursor:pointer}.spine:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--spine);background:linear-gradient(90deg,#00000012,#ffffff29 30%,#fff0 62%,#0000001a);transition:opacity .6s .4s}:root:not(.shelved) .open .spine{pointer-events:none}:root:not(.shelved) .open .spine:before{opacity:0;transition:opacity .3s}.spine:focus-visible{outline-offset:-6px;outline-color:var(--k)}.vt{position:absolute;left:50%;bottom:24px;width:auto;height:20px;transform-origin:0 100%;transform:translate(10px) rotate(-90deg);transition:opacity .4s .5s}:root:not(.shelved) .open .vt{opacity:0;transition:opacity .2s}.badge{position:absolute;z-index:2;top:20px;right:calc((var(--spine) - var(--badge)) / 2);display:grid;place-items:center;width:var(--badge);aspect-ratio:1;border-radius:50%;background:#0c0d12;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px -8px #0000008c;transition:scale .4s cubic-bezier(.2,.7,.2,1)}.book:not(.open):hover .badge,.shelved .book:hover .badge{scale:1.08}.badge img{width:60%;height:60%;object-fit:contain}.inner{position:relative;width:calc(100cqw - 2 * var(--spine));min-height:clamp(480px,66vh,680px);height:100%;padding:30px 40px 40px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:36px 48px;transform-origin:0 50%;transform:perspective(1400px) rotateY(24deg);transition:transform .4s}:root:not(.shelved) .open .inner{transform:perspective(1400px) rotateY(0);transition:transform 1.2s cubic-bezier(.6,0,.2,1)}.book:after{content:"";position:absolute;z-index:1;inset:0 0 0 auto;width:140px;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#00000024 50%,#ffffff38 82%,#00000038)}:root:not(.shelved) .open:after{animation:fold 1.2s cubic-bezier(.6,0,.2,1)}@keyframes fold{12%,55%{opacity:1}}.inner>*{opacity:0;translate:0 20px;transition:opacity .2s,translate .2s}.inner>.title{translate:64px 0}:root:not(.shelved) .open .inner>*{opacity:1;translate:0;transition:opacity .7s calc(.3s + var(--i, 0) * .09s),translate 1.1s calc(.25s + var(--i, 0) * .09s) cubic-bezier(.2,.7,.2,1)}.inner>:nth-child(2){--i: 1}.inner>:nth-child(3){--i: 2}.title{grid-column:1 / -1;height:clamp(56px,6.4vw,100px);padding-right:calc(var(--badge) + 32px)}.title a,.title img{display:block;height:100%}.title img{width:auto;max-width:100%;object-fit:contain;object-position:left}.plate{position:relative;display:block;align-self:end;width:72%;max-height:100%;aspect-ratio:3 / 2;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 30px 60px -30px #00000073}.plate svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:scale .8s cubic-bezier(.2,.7,.2,1)}a.plate:hover svg{scale:1.035}.plate.bare{overflow:visible;background:none;box-shadow:none}.text{align-self:end;display:flex;flex-direction:column;gap:16px}.tag{font:600 clamp(28px,2.8vw,44px) / 1.05 var(--sans);letter-spacing:-.03em;text-wrap:balance}.desc{max-width:30rem;font-size:17px;line-height:1.55;opacity:.78;text-wrap:pretty}.rows{list-style:none;margin:18px 0 0;padding:0;font:600 15px / 1.3 var(--sans)}.rows li{padding:10px 0;border-top:1px solid color-mix(in srgb,var(--k) 30%,transparent)}.rows li:last-child{border-bottom:1px solid color-mix(in srgb,var(--k) 30%,transparent)}.rows a:hover{opacity:.7}.ext{width:.72em;height:.72em;margin-left:.32em;vertical-align:-.02em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sheet{background:linear-gradient(#f3f0e8 26%,#f0ece4 93%)}.sheet .title img,.sheet .vt{filter:brightness(0) opacity(.89) drop-shadow(0 1px 0 rgb(255 255 255 / .8))}.marks,.roll{padding-top:14px;border-top:1px solid #bab7af}.marks{width:100%;height:100%;min-height:0;object-fit:contain;object-position:left top;-webkit-mask:linear-gradient(#000 94%,transparent);mask:linear-gradient(#000 94%,transparent)}.roll{display:flex;flex-direction:column}.roll .mono{margin-top:14px;color:#9a968e}.roll .mono b{margin-right:.5em;font-weight:400;color:#1b1b1b}.roll .plate{flex:1;width:100%;aspect-ratio:auto;border-radius:0;border-bottom:1.5px solid #1b1b1b}.roll .plate svg{inset:auto 0 0;height:min(100%,clamp(120px,12vw,170px))}.slogan{margin-top:16px;text-align:center;font:560 14px / 1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.company{margin-top:clamp(120px,16vw,200px);padding-block:56px 40px;border-top:1px solid var(--line);font:400 12px/1.6 var(--mono);letter-spacing:.04em;color:var(--ink-2)}.company .name,.products li>:first-child{display:flex;align-items:center;gap:10px;color:var(--ink)}.company .name img,.products img{width:18px;height:18px;object-fit:contain}.company .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;margin-top:40px}.company .head{margin-bottom:14px;color:var(--ink);opacity:.5}.company address{max-width:26rem;margin-bottom:6px;font-style:normal}.company a:hover{color:var(--ink)}.company .copy{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;border-top:1px solid var(--line)}.products{list-style:none;margin:0;padding:0;display:grid;gap:14px}.products li{display:grid;gap:2px}.products li>:last-child{padding-left:28px}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.shelf{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}}}@keyframes rise{0%{opacity:0;translate:0 32px}}@media(prefers-reduced-motion:reduce){.motto span span,.opal:before,.pic i,.spines span,.book:after{animation:none!important}.book,.inner,.inner>*,.vt,.spine:before,.badge,.stage,.aura{transition:none!important}.inner{transform:none!important}[data-reveal],.tile{opacity:1;translate:none;scale:none;transition:none}}@media(max-width:760px){.logo img{height:16.4px}.nav{display:none}.bento{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:10px}.opal{grid-column:1 / 3}.door{grid-column:1;grid-row:span 2}.orb{grid-column:2;grid-row:span 2}.count,.seoul{grid-column:1 / 3}.tile{border-radius:18px}.spines span{flex-basis:calc(32px * var(--t, 1))}.spines span:before{top:6px}.spines span:after{bottom:6px}.spines .word{height:10px;bottom:16px;transform:translate(5px) rotate(-90deg)}.spines i{top:15px;width:50%}.story-text,.ways{grid-template-columns:1fr}.ways-title{position:static}.row{height:220px}.shelf{--spine: 40px;--badge: 28px}.badge{top:12px}.vt{height:14px;bottom:16px;transform:translate(7px) rotate(-90deg)}.inner{grid-template-columns:1fr;grid-template-rows:auto;gap:24px;min-height:0;padding:64px 20px 24px}.title{height:48px;padding-right:0}.plate{width:80%;aspect-ratio:4 / 3}.tag{font-size:28px}.desc{font-size:16px}.roll .plate{flex:none;height:220px}.company .cols{grid-template-columns:1fr}.company .copy{flex-direction:column}}@media(max-width:760px),(orientation:portrait){.motto{inset:78px 0 auto;display:grid;justify-items:center;gap:4px;font-size:clamp(30px,9vw,46px)}.motto>span{position:static;translate:none!important}}