@font-face{font-family:East Sea Dokdo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dokdo-400-tHTh_bOW.woff2)format("woff2")}@font-face{font-family:Nanum Myeongjo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/myeongjo-400-CFILp4kk.woff2)format("woff2")}@font-face{font-family:Nanum Myeongjo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/myeongjo-800-BjCflQHf.woff2)format("woff2")}@font-face{font-family:Mrs Saint Delafield;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mrs-saint-delafield-latin-400-normal-DistX2Vi.woff2)format("woff2"),url(/assets/mrs-saint-delafield-latin-400-normal-eJo8ETdN.woff)format("woff")}@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")}@font-face{font-family:Bellefair;src:url(/fonts/Bellefair-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Europa Grotesk;src:url(/fonts/EuropaGroteskSH-Reg.woff2)format("woff2");font-display:swap}:root{--vw:1vw;--vh:1svh;--nav-h:56px;--ink:#161616;--red:#c33a2c;--xr-teal:#1596b3;--xr-pink:#e8379b;--xr-indigo:#3f51d6;--display:"Bellefair", "Times New Roman", serif;--text:"Europa Grotesk", "Helvetica Neue", Arial, sans-serif;--brush:"East Sea Dokdo", "Nanum Myeongjo", serif;--cjk:"Nanum Myeongjo", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html.is-fit,html.is-fit body,html.is-fit #root{height:100%}html{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;background:#000;overflow-x:clip}.board{z-index:1;height:calc(100 * var(--vh));height:calc(100 * var(--vh));min-height:640px;padding:calc(var(--nav-h) + 4px) clamp(18px, calc(3 * var(--vw)), 48px) clamp(18px, calc(3 * var(--vw)), 48px);position:relative}.sticker-grid{gap:clamp(14px, calc(1.6 * var(--vw)), 26px);grid-template:"a a b b b c"30fr"d g g f f f"33fr"d e e e h h"33fr/23fr 32fr 15fr 10fr 7fr 13fr;height:100%;display:grid}.pack-slot{will-change:transform;min-width:0;min-height:0;position:relative}.sticker-slot,.sway{width:100%;height:100%}.pack-slot.is-fixed{place-items:center;display:grid;container-type:size}.sticker{cursor:pointer;width:100%;height:100%;position:relative}.sticker-cut,.sticker-paper,.sticker-face,.sticker-decor,.sticker-overlay,.sticker-flap{position:absolute;inset:0}.sticker-paper{box-shadow:inset 0 0 0 1px #281c1012,inset 0 0 22px #46321e24}.scan{pointer-events:none;background-size:240px 240px;position:absolute;inset:0}.scan-dark{mix-blend-mode:multiply;opacity:.7;background-image:url(/texture/copier-multiply.webp)}.scan-light{mix-blend-mode:screen;opacity:.4;background-image:url(/texture/copier-screen.webp)}.sticker-face{text-transform:uppercase;container:face/size}.sticker-overlay,.sticker-flap{pointer-events:none;overflow:visible}.scroller,.strip{position:relative}.scroller.is-wide{height:calc(100 * var(--vh));height:calc(100 * var(--vh))}.is-wide .viewport{height:calc(100 * var(--vh));height:calc(100 * var(--vh));position:sticky;top:0;overflow:hidden}.is-wide .strip{will-change:transform;width:max-content;height:100%;display:flex}.is-wide .board{width:calc(100 * var(--vw));transform-origin:0;flex:none;height:100%;min-height:0;margin-right:-380px}.is-wide .track{width:calc(100 * var(--vw));flex:none;height:100%}.is-wide .stage{height:100%;position:relative;overflow:visible}.sticker.is-still{cursor:default}.sticker.is-grabbable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sticker.is-grabbable:active{cursor:grabbing}.case-lean{border-radius:inherit;transform-origin:50% 100%;position:absolute;inset:0}.case-3d{z-index:0}.stub-3d{perspective:900px;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.curl-root{transform-style:preserve-3d;position:absolute;inset:0}.curl-band{transform-origin:50% 100%;transform-style:preserve-3d;position:absolute}.curl-face,.curl-back{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.curl-back{transform:rotateX(180deg)}.curl-paper{background:#ddd6c5;position:absolute;inset:0}.curl-face .sticker-paper{position:absolute;inset:0}.track{--bh:612px;--bw:calc(var(--bh) * .81);z-index:0;position:relative}.stage{height:calc(100 * var(--vh));height:calc(100 * var(--vh));position:relative;overflow:clip}.case{left:calc(50% - var(--bw) / 2);top:calc((100% - var(--bh) * 1.25) / 2 + var(--bh) * .17 - 14px);width:var(--bw);height:var(--bh);border-radius:calc(var(--bw) * .06) / calc(var(--bw) * .06);transform-origin:50% 100%;cursor:pointer;background:0 0;position:absolute;container-type:size}@media (width<=680px){.track{--ph-top:calc(var(--nav-h) + 96px);--ph-bot:calc(56px + env(safe-area-inset-bottom,0px));--bh:clamp(240px, min(calc((100 * var(--vh) - var(--ph-top) - var(--ph-bot)) / 1.3), calc(90 * var(--vw))), 680px)}.track .case{top:calc(var(--ph-top) + (100% - var(--ph-top) - var(--ph-bot) - var(--bh) * 1.25) / 2 + var(--bh) * .17)}}.ropes{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.case .scan{border-radius:inherit;opacity:.55}.home .case-lean,.home .board{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1)}html.case-ready .home .case-lean,html.case-ready .home .board{opacity:1}.case-plate{transform-origin:50% 82%;pointer-events:none;-webkit-user-select:none;user-select:none;width:156%;max-width:none;height:136%;position:absolute;top:-12%;left:-26%}.case-name{font-weight:400;font-family:var(--display);white-space:nowrap;writing-mode:vertical-rl;color:#abaeb4;filter:url(#engrave);margin:0;font-size:15.6cqh;line-height:.8;position:absolute;top:10.5cqh;left:11cqw}.engrave-defs{width:0;height:0;position:absolute}@media (width<=680px){.board{height:auto;min-height:0;padding:calc(var(--nav-h) + 8px) 16px 40px}.sticker-grid{grid-template-rows:330px 210px 220px 220px 370px 210px 290px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a a""b b""d c""d h""e e""f f""g g";gap:22px 14px;height:auto}}html.is-fit,html.is-fit body{background:#000;overflow:hidden}html.is-fit #root{min-height:0;overflow:hidden}html.is-paper,html.is-paper body,html.is-paper.is-fit #root{background:#fff}.wip-stamp{z-index:30;outline-offset:3px;color:#c33a2c;pointer-events:none;white-space:nowrap;background:#f1eee7;border:2.5px solid #c33a2c;border-radius:6px;outline:1px solid #c33a2c;flex-direction:column;align-items:center;gap:2px;padding:10px 18px 9px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 16px #00000047}.wip-stamp b{font-family:var(--display);letter-spacing:.01em;font-size:38px;font-weight:400;line-height:1}.wip-stamp span{letter-spacing:.22em;text-transform:uppercase;font-size:9px}.wip-stamp .wip-ko{letter-spacing:.05em;text-transform:none;font-family:East Sea Dokdo,cursive;font-size:20px}.work-loading{background:#fff;position:fixed;inset:0}.is-fit .home{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.is-fit .home::-webkit-scrollbar{display:none}.scroller:not(.is-wide){height:calc(100 * var(--vh,1vh));overflow:clip}.mp{--mp-ink:#1d1f24;--mp-blue:#4a50d8;--mp-mute:#8a8d96;--mp-line:#d4d4d6;color:var(--mp-ink);text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.mp-main,.mp-stub{flex-direction:column;min-width:0;display:flex;position:relative}.mp-main{padding:5.4cqh 4cqh 3cqh 6.4cqh}.mp-stub{background:#1d1f2409;gap:2.6cqh;padding:5.4cqh 5cqh 3.4cqh 4.2cqh}.mp-contour{fill:none;stroke:#c3c6cf;stroke-width:.5px;opacity:.55;pointer-events:none;width:30%;height:100%;position:absolute;top:0;left:0}.mp-stripes{width:3.6cqh;height:14cqh;fill:var(--mp-blue);position:absolute;top:3cqh;left:0}.mp-head{font-family:var(--text);letter-spacing:.2em;white-space:nowrap;align-items:center;gap:2.2cqh;font-size:2.6cqh;display:flex;position:relative}.mp-globe{fill:none;width:6cqh;height:6cqh;stroke:var(--mp-blue);stroke-width:1.4px;flex:none}.mp-air{color:var(--mp-ink)}.mp-bar{background:var(--mp-mute);width:1px;height:3.4cqh}.mp-tag{color:var(--mp-mute);font-size:2.2cqh}.mp-member{color:var(--mp-mute);align-items:center;gap:1.4cqh;margin-left:auto;font-size:1.9cqh;display:flex}.mp-member i{border:1.5px solid var(--red);border-radius:50%;width:3.6cqh;height:3.6cqh}.mp-body{grid-template-columns:1fr 1.15fr;gap:4cqh;margin-top:6cqh;display:grid;position:relative}.mp-k{font-family:var(--text);letter-spacing:.16em;color:var(--mp-blue);font-size:2.3cqh;display:block}.mp-name{letter-spacing:.04em;white-space:nowrap;margin-top:1cqh;font-size:9cqh;font-weight:400;line-height:1;display:block}.mp-role{letter-spacing:.1em;color:#555862;margin-top:1.2cqh;font-size:2.6cqh;display:block}.mp-right{gap:4.2cqh;display:grid}.mp-row{align-items:flex-start;gap:4.2cqh;display:flex}.mp-f{min-width:0}.mp-f b{letter-spacing:.05em;white-space:nowrap;margin-top:.8cqh;font-size:5cqh;font-weight:400;line-height:1;display:block}.mp-big b{font-size:8.4cqh}.mp-sub{letter-spacing:.1em;color:var(--mp-mute);white-space:nowrap;margin-top:1cqh;font-size:2.1cqh;display:block}.mp-box{border:1px solid var(--mp-line);border-radius:1.6cqh;gap:4.6cqh;width:max-content;margin-top:4.6cqh;padding:2.6cqh 4cqh;display:flex;position:relative}.mp-box .mp-f b{font-size:5.6cqh}.mp-note{letter-spacing:.1em;align-items:center;gap:2cqh;margin-top:3.4cqh;font-size:2.1cqh;display:flex;position:relative}.mp-note em{color:var(--mp-blue);font-style:normal;display:block}.mp-plane{width:5cqh;height:5cqh;fill:var(--mp-blue);flex:none;scale:-1 1}.mp-stamp{fill:none;stroke:#b9bcc5;stroke-width:.8px;opacity:.55;width:26cqh;height:26cqh;position:absolute;bottom:13%;right:9%}.mp-stamp text{fill:#a6a9b3;stroke:none;font-family:var(--text);letter-spacing:1.4px;font-size:7px}.mp-foot{letter-spacing:.14em;color:var(--mp-mute);gap:4cqh;margin-top:auto;font-size:1.6cqh;display:flex}.mp-foot span:first-child{margin-right:auto}.mp-barcode{width:100%;height:6.4cqh;fill:var(--mp-ink);margin-top:1.4cqh;display:block}.mp-stub .mp-head{gap:1.6cqh;font-size:2.1cqh}.mp-stub .mp-globe{width:4.8cqh;height:4.8cqh}.mp-stub .mp-f b{font-size:4cqh}.mp-stub .mp-k{font-size:1.9cqh}.mp-route{align-items:center}.mp-route .mp-plane{width:3.8cqh;height:3.8cqh;margin-top:2cqh}.mp-stubtag{border:1px solid var(--mp-blue);letter-spacing:.3em;color:var(--mp-blue);align-self:center;margin-top:auto;padding:.8cqh 3cqh;font-size:1.8cqh}.mp-fold{writing-mode:vertical-rl;letter-spacing:.3em;color:var(--mp-ink);font-size:1.8cqh;position:absolute;top:50%;right:1.6cqh;translate:0 -50%}.tool{border-radius:21cqh;place-items:center;display:grid;position:absolute;inset:4.5%}.tool svg{width:auto;height:50cqh}.tool-react svg{width:80cqh;height:46cqh}.tool-framer svg{height:44cqh}.pack-slot .sticker-cut{filter:drop-shadow(0 .5px .5px #0000004d)drop-shadow(0 1.5px 2.5px #00000024)}.tcard-rot{width:100cqh;height:100cqw;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-90deg;container-type:size}.tcard{color:#1c1c1c;font-family:var(--text);text-transform:none;background:#f6f1e4;border-radius:2.4cqw;flex-direction:column;padding:3cqw 4cqw;display:flex;position:absolute;inset:5cqw 5cqw 4cqw}.tcard-top{align-items:baseline;gap:2cqw;padding-top:8cqh;display:flex}.tcard-stage{color:#6c6556;font-size:3.6cqw}.tcard-name{font-family:var(--display);font-size:11cqw;font-weight:400;line-height:1}.tcard-hp{color:var(--red);margin-left:auto;font-size:7.4cqw}.tcard-hp small{margin-right:.6cqw;font-size:3.4cqw}.tcard-type{background:#4f7a4c;border-radius:50%;align-self:center;width:7cqw;height:7cqw;box-shadow:inset 0 0 0 1.2cqw #f6f1e4,0 0 0 .6cqw #4f7a4c}.tcard-art{background:#2a2722;border:1.4cqw solid #c9a64a;height:44cqh;margin-top:2cqw;overflow:hidden}.tcard-art img{object-fit:cover;filter:contrast(1.1)saturate(.9);width:100%;height:100%}.tcard-kind{letter-spacing:.04em;background:#e2d3a5;margin:1.4cqw auto 0;padding:.5cqw 4cqw;font-size:3.2cqw}.tcard-moves{flex-direction:column;gap:1.6cqw;margin-top:3cqw;display:flex}.tcard-move{align-items:center;gap:2cqw;font-size:5.4cqw;display:flex}.tcard-cost{gap:.8cqw;width:16cqw;display:flex}.tcard-cost i{background:#f1c84b;border-radius:50%;width:4.4cqw;height:4.4cqw;box-shadow:inset 0 0 0 .6cqw #b48a1c}.tcard-dmg{margin-left:auto;font-size:6.4cqw}.tcard-flavor{color:#5e584b;border-top:1px solid #d8cdb0;margin:auto 0 0;padding-top:2cqw;font-size:3cqw;font-style:italic;line-height:1.35}.tcard-foot{color:#6c6556;justify-content:space-between;margin-top:1.6cqw;font-size:2.6cqw;display:flex}.ltag{font-family:var(--text);text-transform:none;flex-direction:column;align-items:center;padding:30cqw 11cqw 9cqw;display:flex;position:absolute;inset:0}.ltag-window{color:#1c1c1c;background:#f4efe4;border-radius:3cqw;width:100%;padding:7cqw 7cqw 6cqw;box-shadow:inset 0 0 0 1.2cqw #6a3a1c,inset 0 2cqw 4cqw #0000002e}.ltag-k{letter-spacing:.16em;text-transform:uppercase;color:#8a7660;font-size:4.2cqw;display:block}.ltag-name{color:#1f2a48;margin:1cqw 0 4cqw;font-family:Mrs Saint Delafield,cursive;font-size:15cqw;line-height:1.1;display:block}.ltag-line{border-top:1px solid #d9cfbd;padding:2.2cqw 0 1.6cqw;font-size:5.6cqw}.ltag-mono{font-family:var(--display);letter-spacing:.06em;color:#6e3d1d;text-shadow:0 1px #ffdcb447,0 -1px #00000059;margin-top:auto;font-size:18cqw;line-height:1}.sheen{pointer-events:none;transform:rotate(var(--rot-back,0deg));position:absolute;overflow:hidden}.sheen>i{position:absolute}.sheen-ribs,.sheen-glint{background-repeat:repeat-x;background-size:var(--rib-p,32px) var(--rib-h,0px);background-position:calc(var(--half) + var(--rib-x,0px) - var(--rib-p,32px) / 2) calc(var(--half) + var(--rib-y,0px));opacity:var(--rib-on,0);inset:0}.sheen.is-shade{mix-blend-mode:multiply}.sheen.is-glint{mix-blend-mode:screen}.sheen-ribs{background-image:var(--rib-shade)}.sheen-glint{background-image:var(--rib-glint)}.sheen-band{width:11%;opacity:calc((1 - var(--rib-on,0)) * .16);transform:translateX(var(--gloss-x,0px)) rotate(22deg);background:#fff;top:-10%;bottom:-10%;left:30%}.sheen-band.is-thin{width:2.5%;opacity:calc((1 - var(--rib-on,0)) * .22);left:44%}.quirks{pointer-events:none;position:absolute;inset:0}.quirk{pointer-events:auto;position:absolute;translate:0 -50%}.quirk>.pack-slot{position:absolute;inset:0}.qk{text-transform:none;place-items:center;display:grid;position:absolute;inset:5%;overflow:hidden}.qk svg{width:100%;height:100%}.qk-fight{background:var(--red);color:#fbf4e6;font-family:var(--brush);text-transform:none;border-radius:26cqh;font-size:46cqh;line-height:1;inset:6%}.qk-fight span{translate:0 4%;rotate:-4deg}.qk-heart{background:#ffe9e4;border-radius:50%}.qk-heart svg{width:72%;height:72%}.qk-key{background:#121214;border-radius:20cqh;inset:5%}.qk-keytop{color:#f1eee7;font-family:var(--text);text-transform:none;background:#2a2a2e;border-radius:14cqh;place-content:center;justify-items:center;gap:2cqh;display:grid;position:absolute;inset:8% 11% 18%}.qk-keytop b{letter-spacing:.04em;font-size:22cqh;font-weight:400;line-height:1}.qk-keytop small{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-size:9cqh}.qk-latte{background:#f6ead6;border-radius:26cqh}.qk-latte svg{width:82%;height:82%}.qk-latte text{font-family:var(--text);letter-spacing:.08em;fill:#161616;font-size:6.4px}.qk-badge{border-radius:50%;inset:3%}.qk-badge text{font-family:var(--text);text-transform:uppercase;fill:#161616;font-size:7.6px}.case-caption{left:20px;right:20px;bottom:calc(18px + env(safe-area-inset-bottom,0px));letter-spacing:.16em;text-transform:uppercase;color:#f1eee78c;justify-content:space-between;align-items:baseline;font-size:11px;display:flex;position:absolute}.case-caption a{color:#f1eee7;-webkit-tap-highlight-color:transparent;padding:8px 0;text-decoration:none}.case-caption a i{margin-left:4px;font-style:normal}.case-caption a:active{color:#c33a2c}.home .case-caption{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1) .2s}html.case-ready .home .case-caption{opacity:1}@media (width>=681px){.case-caption{left:clamp(16px, calc(3 * var(--vw)), 48px);justify-content:flex-start;gap:48px;font-size:12px;bottom:18px;right:auto}.case-caption a{padding:6px 0;transition:color .3s cubic-bezier(.16,1,.3,1)}.case-caption a i{transition:translate .4s cubic-bezier(.16,1,.3,1);display:inline-block}.case-caption a:hover{color:#c33a2c}.case-caption a:hover i{translate:4px}}.cv-page{--line:#dcd9d2;--mute:#74716b;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;min-height:100svh;padding:calc(var(--nav-h) + 28px) 20px 64px;color:var(--ink);background:#fff}.is-fit .cv-page{min-height:0;padding:calc(var(--nav-h) + 56px) 48px 96px;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.mp-code{position:relative}.mp-read{pointer-events:none;height:6.4cqh;position:absolute;top:1.4cqh;left:0;right:0}.mp-read .mp-barcode{fill:var(--xr-pink);clip-path:inset(0 100% 0 0);margin:0;animation:.65s steps(20,end) .15s both mp-read}@keyframes mp-read{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.cs{gap:88px;max-width:1080px;margin:0 auto;display:grid}.cs-back{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);justify-self:start;margin-bottom:-56px;font-size:12px;text-decoration:none}.cs-back:hover,.cs-back:focus-visible{color:var(--ink)}.cs-head h1{font-family:var(--display);font-size:clamp(22px,5.6vw,28px);font-weight:400;line-height:1}.cs-q{max-width:26ch;font-family:var(--display);letter-spacing:-.005em;text-wrap:balance;margin-top:20px;font-size:clamp(40px,10.5vw,76px);line-height:1.02}.cs-facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin-top:48px;padding-top:18px;display:grid}.is-fit .cs-facts{grid-template-columns:repeat(5,minmax(0,1fr))}.cs-facts dt,.cs-log time,.cs figcaption,.cs-sheet span,.cs-next span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:12px}.cs-facts dd{margin-top:8px;font-size:16px;line-height:1.4}.cs-facts a{color:inherit;border-bottom:1px solid var(--line);text-decoration:none}.cs-facts a:hover{border-bottom-color:var(--ink)}.cs img{border:1px solid var(--line);width:100%;height:auto;display:block}.cs figcaption{margin-top:10px}.cs-pair{gap:20px;display:grid}.is-fit .cs-pair{grid-template-columns:1fr 1fr;gap:24px}.cs-pair img{aspect-ratio:8/5;object-fit:cover;object-position:top}.cs-pair figure:last-child figcaption{color:var(--xr-indigo)}.cs-sec{gap:36px;display:grid}.cs-intro{gap:14px;display:grid}.is-fit .cs-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:48px}.cs-intro h2{font-family:var(--display);font-size:clamp(36px,9vw,52px);font-weight:400;line-height:1}.cs-intro p,.cs-log p,.cs-ground p{color:#3b3a37;max-width:36rem;font-size:17px;line-height:1.6}.cs-log{border-bottom:1px solid var(--line);list-style:none}.cs-log li{border-top:1px solid var(--line);gap:14px;padding:28px 0;display:grid}.is-fit .cs-log li{grid-template-columns:72px minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:40px;padding:40px 0}.cs-log time{color:var(--ink);padding-top:8px}.cs-log h3{font-family:var(--display);text-wrap:balance;margin-bottom:12px;font-size:32px;font-weight:400;line-height:1.1}.cs-close{max-width:30ch;font-family:var(--display);text-wrap:pretty;font-size:clamp(28px,7vw,40px);line-height:1.2}.cs-log-text p+p{margin-top:12px}.cs-log li:last-child time,.cs-log li:last-child h3{color:var(--xr-indigo)}.cs-fams{border-bottom:1px solid var(--line);display:grid}.cs-fam{border-top:1px solid var(--line);gap:14px;padding:22px 0;display:grid}.is-fit .cs-fam{grid-template-columns:112px minmax(0,1fr);gap:0}.cs-fam>p{align-items:baseline;gap:12px;display:flex}.is-fit .cs-fam>p{flex-direction:column;gap:6px}.cs-fam>p b{font-family:var(--display);font-size:44px;font-weight:400;line-height:1}.cs-fam>p span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:12px}.cs-sheet{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;display:grid}.is-fit .cs-sheet{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.cs-sheet li{gap:6px;display:grid}.cs-sheet img{aspect-ratio:3/5;object-fit:cover;object-position:top}.cs-sheet .is-on img{border-color:var(--xr-teal);outline:1px solid var(--xr-teal)}.cs-sheet .is-on span{color:var(--xr-indigo)}.cs-ground{border-bottom:1px solid var(--line);list-style:none}.cs-ground li{border-top:1px solid var(--line);gap:8px;padding:22px 0;display:grid}.is-fit .cs-ground li{grid-template-columns:112px minmax(0,36rem);align-items:start;gap:0}.is-fit .cs-ground p{padding-top:12px}.cs-ground b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:64px;font-weight:400;line-height:1}.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.is-fit .cs-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cv-page.cs-page{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.cs-next{justify-content:flex-end;align-items:baseline;gap:16px;display:flex}.cs-next a{font-family:var(--display);color:var(--ink);font-size:clamp(36px,10vw,56px);text-decoration:none}.cs img[data-full]{cursor:zoom-in}.cs-before{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:62%;grid-auto-flow:column;gap:12px;list-style:none;display:grid;overflow-x:auto}.is-fit .cs-before{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;gap:16px;overflow:visible}.cs-before li{scroll-snap-align:start;align-content:start;gap:8px;display:grid}.cs-before img{aspect-ratio:3/4;object-fit:cover;object-position:top}.cs-before span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-top:4px;font-size:12px}.cs-before p{color:var(--mute);font-size:16px;line-height:1.4}html.cs-locked,html.cs-locked body,html.cs-locked .cs-page{overflow:hidden}.cs-view{z-index:200;cursor:zoom-out;background:#0c0c0cf5;place-items:center;padding:7vh 12vw;display:grid;position:fixed;inset:0}.cs-view img{object-fit:contain;max-width:100%;max-height:100%}.cs-view.is-tall{overscroll-behavior:contain;scrollbar-width:none;place-items:start center;overflow-y:auto}.cs-view.is-tall img{width:min(760px,100%);max-height:none}.cs-view-close{top:calc(12px + env(safe-area-inset-top,0px));color:#f4f2ee;width:40px;height:40px;font:300 28px/1 var(--text);cursor:pointer;background:0 0;border:0;position:fixed;right:16px}.cs-view-close:focus-visible{outline:1px solid #f4f2ee}@media (width<=680px){.cs-view{padding:64px 16px 32px}}.is-fit .nb .cs-before{grid-template-columns:repeat(4,minmax(0,1fr))}.nb .cs-before img{aspect-ratio:16/10;object-position:left top}.nb .cs-pair figure:last-child figcaption{color:inherit}.nb .cs-pair:first-of-type figure:last-child figcaption{color:var(--xr-indigo)}.nb video{aspect-ratio:1280/804;border:1px solid var(--line);background:#f2f1ee;width:100%;display:block}.nb-work p,.nb-also{color:#3b3a37;max-width:36rem;font-size:17px;line-height:1.6}.nb-work{border-bottom:1px solid var(--line);list-style:none}.nb-work li{border-top:1px solid var(--line);gap:16px;padding:28px 0;display:grid}.nb-work h3{font-family:var(--display);margin-bottom:12px;font-size:32px;font-weight:400;line-height:1.1}.is-fit .nb-work li{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:48px;padding:40px 0}.is-fit .nb-also{max-width:44rem}.ht .cs-before img{aspect-ratio:3/7}.ht-tall img{aspect-ratio:4/5;object-position:top}.ht-phones{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:46%;grid-auto-flow:column;gap:12px;list-style:none;display:grid;overflow-x:auto}.is-fit .ht-phones{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:24px;overflow:visible}.ht-phones li{scroll-snap-align:start;gap:10px;display:grid}.ht-phones img{aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:22px}.ht-phones span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:12px}.fs-hero img{aspect-ratio:16/10;object-fit:cover;object-position:top}.fs-results{gap:8px;list-style:none;display:grid}.fs-results li{border-top:1px solid var(--line);align-items:baseline;gap:16px;padding:18px 0;display:flex}.fs-results li:last-child{border-bottom:1px solid var(--line)}.fs-results b{font-family:var(--display);color:var(--xr-indigo);font-size:clamp(56px,14vw,96px);font-weight:400;line-height:1}.fs-results p{color:#3b3a37;max-width:14rem;font-size:18px;line-height:1.4}.is-fit .fs-results{grid-template-columns:1fr 1fr;gap:24px}.is-fit .fs-results li{border-bottom:1px solid var(--line)}.is-fit .fs .cs-before{grid-template-columns:repeat(4,minmax(0,1fr))}.fs .cs-before img{aspect-ratio:3/7}.fs-steps,.fs-rest{gap:16px;list-style:none;display:grid}.fs-steps{grid-template-columns:1fr}.is-fit .fs-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.fs-rest{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.is-fit .fs-rest{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.fs-steps li,.fs-rest li{align-content:start;gap:10px;display:grid}.fs-steps img{aspect-ratio:4/5;object-fit:cover;object-position:top}.fs-rest img{aspect-ratio:3/4;object-fit:cover;object-position:top}.fs-steps span,.fs-rest span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:12px}.pk-hero img{aspect-ratio:1400/788;border:0}.pk-sizes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;list-style:none;display:grid}.is-fit .pk-sizes{grid-template-columns:var(--cols);gap:20px}.pk-sizes li{gap:10px;display:grid}.pk-sizes img{object-fit:cover}.pk-sizes span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:11px}.pin-hero img{aspect-ratio:1400/788}.cs-phones{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:46%;grid-auto-flow:column;gap:12px;list-style:none;display:grid;overflow-x:auto}.is-fit .cs-phones{grid-auto-flow:row;grid-template-columns:repeat(var(--n), minmax(0, 260px));gap:24px;overflow:visible}.cs-phones li{scroll-snap-align:start;align-content:start;gap:10px;display:grid}.cs-phones img{aspect-ratio:430/932;object-fit:cover;border-radius:22px}.cs-phones span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:12px}.li-hero img,.isp-hero img{aspect-ratio:1400/788}.li-desk img{aspect-ratio:1400/953;object-fit:cover;object-position:top}.ico-hero img{aspect-ratio:1400/785}.ico-parts img{aspect-ratio:4/3;object-fit:cover;object-position:top}.ico-page{max-width:560px}.isp-desk{gap:16px;list-style:none;display:grid}.is-fit .isp-desk{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.isp-desk li{gap:10px;display:grid}.isp-desk img{aspect-ratio:3/2;object-fit:cover;object-position:top}.isp-desk span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:12px}.bs .cs-pair img{aspect-ratio:16/10;object-fit:cover;object-position:top}.bs-web{gap:14px;display:grid}.is-fit .bs-web{grid-template-columns:minmax(0,.8fr) repeat(2,minmax(0,1fr));align-items:start;gap:18px}.is-fit .bs-web .is-tall{grid-row:span 2}.is-fit .bs-web figure:last-child{grid-column:span 2}.bs-web figure:last-child img{aspect-ratio:16/10;object-fit:cover;object-position:top}.bs-web .is-tall img{aspect-ratio:3/5;object-fit:cover;object-position:top}.bs-mocks{gap:14px;list-style:none;display:grid}.is-fit .bs-mocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bs-mocks span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-top:10px;font-size:12px;display:block}.bs-steps{gap:14px;list-style:none;display:grid}.is-fit .bs-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bs-steps span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:pre;color:var(--mute);margin-top:10px;font-size:12px;display:block}.bs-steps li:last-child span{color:var(--xr-indigo)}.bs-lede{max-width:32ch;font-family:var(--display);text-wrap:pretty;font-size:clamp(26px,6.4vw,38px);line-height:1.22}.bs-needs{border-bottom:1px solid var(--line);list-style:none;display:grid}.is-fit .bs-needs{border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.bs-needs li{border-top:1px solid var(--ink);align-content:start;gap:12px;padding:20px 0 24px;display:grid}.bs-needs b{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--xr-indigo);font-size:12px;font-weight:400}.bs-needs blockquote{font-family:var(--display);font-size:clamp(24px,6vw,30px);line-height:1.15}.bs-needs p,.bs-rounds p,.bs-modes p,.bs-side p{color:#3b3a37;max-width:36rem;font-size:17px;line-height:1.6}.bs-rounds{border-bottom:1px solid var(--line);list-style:none}.bs-rounds>li{border-top:1px solid var(--line);gap:16px;padding:32px 0;display:grid}.is-fit .bs-rounds>li{grid-template-columns:72px minmax(0,.8fr) minmax(0,1.6fr);align-items:start;gap:32px}.bs-rounds time{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;padding-top:8px;font-size:12px}.bs-rounds h3,.bs-modes h3{font-family:var(--display);margin-bottom:10px;font-size:32px;font-weight:400;line-height:1.1}.bs-rounds-grid,.bs-three,.bs-cli{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;display:grid}.is-fit .bs-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bs-rounds-one{list-style:none}.bs-rounds-grid span,.bs-rounds-one span,.bs-three span,.bs-cli span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-top:8px;font-size:12px;display:block}.bs-modes{list-style:none}.bs-modes>li{border-top:1px solid var(--line);gap:16px;padding:40px 0;display:grid}.is-fit .bs-modes>li{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.8fr);align-items:start;gap:28px}.is-fit .bs-modes>li:nth-child(2){grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr) minmax(0,.9fr)}.is-fit .bs-modes>li:nth-child(2) .bs-modes-text{order:3}.is-fit .bs-modes>li:nth-child(2) .is-small{order:1}.is-fit .bs-modes>li:nth-child(2) .is-big{order:2}.bs-modes .bs-why{border-left:2px solid var(--xr-teal);color:#3b3a37;margin-top:14px;padding-left:14px;font-size:15px}.is-fit .bs-modes .is-small{margin-top:64px}.bs-side{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px;padding:28px 0;display:grid}.is-fit .bs-side{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:start;gap:40px}.bs-side h2{font-family:var(--display);margin-bottom:10px;font-size:28px;font-weight:400;line-height:1.1}.is-fit .bs-cli{grid-template-columns:repeat(3,minmax(0,1fr))}.bs-rounds-one img{aspect-ratio:16/10;object-fit:cover;object-position:top}.db-lede{max-width:32ch;font-family:var(--display);text-wrap:pretty;font-size:clamp(26px,6.4vw,38px);line-height:1.22}.db-before,.db-tries,.db-states,.db-three,.db-added{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;display:grid}.is-fit .db-before,.is-fit .db-tries{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.is-fit .db-states{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.is-fit .db-three,.is-fit .db-added{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.db-before span,.db-tries span,.db-states span,.db-three span,.db-added span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:12px;display:flex}.db-before em{color:var(--xr-indigo);font-style:normal}.db-before li:not(.is-tagged) img{opacity:.5}.db-before .is-tagged img{border-color:var(--xr-indigo)}.db-trips{border-bottom:1px solid var(--line);list-style:none}.db-trips>li{border-top:1px solid var(--line);gap:18px;padding:26px 0 30px;display:grid}.is-fit .db-trips>li{grid-template-columns:minmax(0,.8fr) minmax(0,2fr);align-items:center;gap:32px}.db-trips h3{font-family:var(--display);font-size:28px;font-weight:400;line-height:1.1}.db-route{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:12px;list-style:none;display:grid}.db-route li{padding:0 0 14px 22px;position:relative}.db-route li:before{content:"";border:1px solid var(--ink);z-index:1;background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:0}.db-route li:not(:last-child):after{content:"";background:var(--ink);width:1px;position:absolute;top:8px;bottom:-4px;left:5px}.db-route li:last-child{color:var(--xr-indigo);padding-bottom:0}.db-route li:last-child:before{border-color:var(--xr-indigo);background:var(--xr-indigo)}.is-fit .db-route{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.is-fit .db-route li{padding:22px 12px 0 0}.is-fit .db-route li:before{top:0}.is-fit .db-route li:not(:last-child):after{width:auto;height:1px;inset:5px 0 auto 9px}.db-pages{border-bottom:1px solid var(--line);list-style:none}.db-pages>li{border-top:1px solid var(--line);gap:16px;padding:36px 0;display:grid}.is-fit .db-pages>li{grid-template-columns:minmax(0,.9fr) minmax(0,.7fr) minmax(0,1.4fr);align-items:start;gap:28px}.db-pages h3{font-family:var(--display);margin-bottom:10px;font-size:32px;font-weight:400;line-height:1.1}.db-pages p{color:#3b3a37;max-width:36rem;font-size:17px;line-height:1.6}.db-pages img{aspect-ratio:16/10;object-fit:cover;object-position:top left}.db-pages figcaption{margin-top:8px}.db-pages .is-after figcaption{color:var(--xr-indigo)}.db-tries img{aspect-ratio:1160/560;object-fit:cover;object-position:top}.db-tries .is-kept img{border-color:var(--xr-teal);outline:1px solid var(--xr-teal)}.db-tries .is-kept span{color:var(--xr-indigo)}.db-states img,.db-three img{aspect-ratio:1440/861;object-fit:cover;object-position:top}.db-added img{aspect-ratio:4/3;object-fit:contain;background:#fff}.db-try a{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--line);font-size:13px;text-decoration:none}.db-try a:hover,.db-try a:focus-visible{color:var(--xr-pink);border-bottom-color:var(--xr-pink)}.db-canvas figcaption,.db-canvases figcaption{margin-top:10px}.db-canvases{align-items:start;gap:24px;display:grid}.is-fit .db-canvases{grid-template-columns:minmax(0,1.83fr) minmax(0,1fr)}.case-wheels{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.case-wheels svg{aspect-ratio:1;width:14.2%;margin:-7.1% 0 0 -7.1%;position:absolute;top:108.2%;overflow:visible}.case-wheels svg g{rotate:var(--roll,0deg);transform-box:fill-box;transform-origin:50%}.cs{gap:96px;max-width:none}.cs-back{letter-spacing:.06em;margin-bottom:-64px;font-size:11px}.cs-head h1{letter-spacing:-.02em;font-size:clamp(64px,9vw,132px);line-height:.86}.cs-q{max-width:24ch;margin-top:28px;font-size:clamp(26px,3vw,44px);line-height:1.08}.cs-facts{border-top:0;margin-top:44px;padding-top:0}.is-fit .cs-facts{flex-wrap:wrap;gap:18px 64px;display:flex}.is-fit .cs-facts>div{max-width:22ch}.cs-facts dt,.cs-log time,.cs figcaption,.cs-sheet span,.cs-next span{letter-spacing:.06em;font-size:11px}.cs-facts dd{font-family:var(--display);margin-top:4px;font-size:22px;line-height:1.2}.cs-log,.cs-log li,.cs-fams,.cs-fam,.cs-ground,.cs-ground li{border-top:0;border-bottom:0}.cs img{border-color:#d5d5d8;border-radius:6px}.cs-next a:hover,.cs-next a:focus-visible{color:var(--xr-indigo)}.cs .nb-work,.cs .nb-work li,.cs .fs-results li,.cs .bs-needs,.cs .bs-rounds,.cs .bs-rounds>li,.cs .bs-modes>li,.cs .bs-side,.cs .db-trips,.cs .db-trips>li,.cs .db-pages,.cs .db-pages>li{border-top:0;border-bottom:0}.case-id{--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;z-index:3;color:#f1eee7;position:absolute;top:14px;left:16px;right:16px}.home .case-id{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1) .2s}html.case-ready .home .case-id{opacity:1}.cq-title{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(60px,19.5vw,100px);font-weight:400;line-height:.84}.cq-title span{white-space:nowrap;display:block}.cq-list{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;gap:3px;margin-top:22px;font-size:11px;line-height:1.5;display:grid}.cq-list>a,.cq-list>p{color:#f1eee7;grid-template-columns:46% minmax(0,1fr);gap:12px;text-decoration:none;display:grid}.cq-list b{font-weight:500}.cq-list i{opacity:.55;font-style:normal}.cq-list>p{margin-top:28px}.cq-list>p b{display:grid}.cq-list>p a{color:#f1eee7;text-decoration:none}.cq-list a:hover b,.cq-list>p a:hover{color:#9aa8ff}@media (width>=681px){.home .track{--bh:672px}.home .case{left:calc(67% - var(--bw) / 2);top:calc((100% - var(--bh) * 1.25) / 2 + var(--bh) * .17 - 30px)}.home .case-caption{bottom:26px;left:30px}.case-id{left:30px;right:auto;top:calc(5.6 * var(--vh))}.cq-title{font-size:calc(10.9 * var(--vw));margin-left:-.045em;line-height:.86}.cq-list{width:max-content;margin-top:calc(5.2 * var(--vh));gap:5px;font-size:11.5px}.cq-list>a,.cq-list>p{white-space:nowrap;grid-template-columns:168px max-content;gap:16px}.cq-list>p{margin-top:24px}}@media (width<=680px){.home,.home .track{--row:clamp(24px, calc(3.1 * var(--vh)), 28px);--ph-top:calc(12px + 33 * var(--vw) + 14px + 11 * var(--row) + 12px + 6px);--ph-bot:calc(44px + env(safe-area-inset-bottom,0px));--bh:clamp(calc(66 * var(--vw)), calc((100 * var(--vh) - var(--ph-top) - var(--ph-bot)) / 1.08), calc(76 * var(--vw)));--need:max(calc(100 * var(--vh)), calc(var(--ph-top) + var(--bh) * 1.08 + var(--ph-bot)))}.home .stage,.home .scroller:not(.is-wide){height:var(--need)}.home .track .case{left:calc(100% - var(--bw) * 1.09 - 6px);top:calc(var(--ph-top) + (100% - var(--ph-top) - var(--ph-bot) - var(--bh) * 1.08) / 2);cursor:default}.home .board,.home .board *{pointer-events:none}.case-id{top:12px}.cq-title{font-size:calc(19.5 * var(--vw))}.cq-list{grid-template-columns:minmax(0,1fr);justify-items:start;gap:0;margin-top:14px;font-size:12px}.cq-list>a,.cq-list>p{min-height:var(--row);white-space:nowrap;align-items:center;display:flex}.cq-list>a span,.cq-list>p span{display:none}.cq-list>p{margin-top:12px}.cq-list>p b{display:block}.cq-list>a:active b,.cq-list>p a:active{color:#9aa8ff}}.cv-page.cs-page{padding-top:calc(28px + env(safe-area-inset-top,0px))}.is-fit .cv-page.cs-page{padding-top:48px}