:root{--bg: #f1f2f6;--surface: #ffffff;--ink: #111111;--ink-muted: #6b6b6b;--ink-subtle: #9a9a9a;--line: rgba(17, 17, 17, .08);--accent: #111111;--ink-inverse: #ffffff;--radius-lg: 24px;--radius-md: 14px;--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .18s;--dur: .32s;--dur-slow: .56s;color-scheme:light}:root[data-theme=dark]{--bg: #0e0e10;--surface: #000000;--ink: #f5f5f5;--ink-muted: #a0a0a0;--ink-subtle: #6b6b6b;--line: rgba(255, 255, 255, .1);--accent: #f5f5f5;--ink-inverse: #111111;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-y:scroll}img{display:block;max-width:100%}button{font:inherit;cursor:pointer;color:inherit}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:var(--bg);transition:opacity var(--dur) var(--ease)}.loader.is-leaving{opacity:0;pointer-events:none}.loader__inner{width:100%;max-width:280px;display:flex;flex-direction:column;gap:14px;text-align:center}.loader__label{margin:0;font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle)}.loader__bar{position:relative;width:100%;height:2px;border-radius:2px;background:var(--line);overflow:hidden}.loader__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-fast) var(--ease)}.loader__count{margin:0;font-size:13px;color:var(--ink-muted);font-variant-numeric:tabular-nums}.app{opacity:0;transition:opacity var(--dur-slow) var(--ease)}.app.is-ready{opacity:1}.app[hidden]{display:none}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;padding:96px 64px 64px}.hero__inner{max-width:1800px;margin:0 auto;width:100%}.hero__eyebrow{margin:0 0 24px;font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle)}.hero__title{margin:0 0 24px;font-size:28px;font-weight:400;letter-spacing:-.01em;line-height:40px;max-width:36ch}.hero__lede{margin:0;font-size:clamp(16px,1.6vw,20px);line-height:1.5;color:var(--ink-muted);max-width:56ch}.hero__hint{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px;color:var(--ink-muted)}.hero__hint li{display:inline-flex;align-items:center;gap:8px}.hero__hint-keys{display:inline-flex;gap:2px}.hero__hint kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;line-height:1}.case{min-height:100svh;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;padding:64px;background:var(--bg);border:12px solid var(--surface);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.case>*{max-width:1800px;width:100%;margin-left:auto;margin-right:auto}.case__layout{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}@media (min-width: 1500px){.case__layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:56px}}.case__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:40px}.case__title{margin:0;font-size:28px;font-weight:400;letter-spacing:-.01em;line-height:40px;max-width:56ch}.case__nav{display:flex;gap:8px;flex:0 0 auto}.nav-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:2px;border:none;background:var(--surface);color:var(--ink);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.nav-btn:hover{background:var(--bg);border-color:var(--ink-subtle)}.nav-btn:active{transform:translateY(1px)}.nav-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #1111111a}.gallery{display:flex;gap:4px;height:clamp(360px,72svh,980px)}.gallery__slide{position:relative;flex:0 0 56px;min-width:0;padding:0;border:none;border-radius:2px;overflow:hidden;background:var(--bg);cursor:pointer;transition:flex var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease)}.gallery__slide[data-distance="1"]{flex:0 0 56px;opacity:.6}.gallery__slide[data-distance="2"]{flex:0 0 40px;opacity:.4}.gallery__slide[data-distance="3"]{flex:0 0 24px;opacity:.25}.gallery__slide[data-distance="4"]{flex:0 0 16px;opacity:.15}.gallery__slide.is-active{flex:1 1 0;opacity:1;cursor:default}.gallery__slide:not(.is-active):hover{flex:0 0 96px;opacity:1}.gallery__slide:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 5px #11111180}.gallery__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}.gallery__slide.is-active .gallery__image{transform:scale(1)}.gallery__slide:not(.is-active):hover .gallery__image{transform:scale(1.04)}.case__content{display:grid}.content__block{grid-column:1;grid-row:1;max-width:720px;opacity:0;transform:translateY(4px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);pointer-events:none}.content__block.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.content__label{margin:0 0 10px;font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);font-variant-numeric:tabular-nums}.content__body{margin:0;font-size:18px;line-height:26px;color:var(--accent)}.content__block a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:1px;transition:border-color var(--dur-fast) var(--ease)}.content__block>a{display:inline-block;margin-top:12px;font-size:14px}.content__block a[target=_blank]:after{content:"";display:inline-block;width:.75em;height:.75em;margin-left:6px;vertical-align:.02em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 4h6v6'/><path d='M12 4L4 12'/></svg>") no-repeat center / contain;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 4h6v6'/><path d='M12 4L4 12'/></svg>") no-repeat center / contain}.content__block a:hover{border-bottom-color:var(--ink)}.content__block a:focus-visible{outline:none;border-bottom-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.footer{min-height:100svh;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;padding:96px 64px 64px}.footer__inner{max-width:1800px;margin:0 auto;width:100%}.footer__line{margin:0;font-size:14px;color:var(--ink-muted);display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.footer__link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:1px;transition:border-color var(--dur-fast) var(--ease)}.footer__link:hover{border-bottom-color:var(--ink)}.footer__link:focus-visible{outline:none;border-bottom-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.footer__sep{color:var(--ink-subtle)}@media (max-width: 900px){.hero{padding:64px 24px 48px}.case{padding:56px 24px 64px}.case__header{flex-direction:column;align-items:flex-start;gap:20px}.gallery{gap:6px;min-height:240px}.gallery__slide{border-radius:var(--radius-md)}.gallery__slide[data-distance="1"]{flex:0 0 44px}.gallery__slide[data-distance="2"]{flex:0 0 32px}.gallery__slide[data-distance="3"]{flex:0 0 20px}.gallery__slide[data-distance="4"]{flex:0 0 12px}.footer{padding:40px 24px 56px}}@media (max-width: 480px){.hero{padding:48px 20px 32px}.case{padding:48px 20px 56px}.gallery{min-height:200px}.gallery__slide[data-distance="1"]{flex:0 0 32px}.gallery__slide[data-distance="2"]{flex:0 0 22px}.gallery__slide[data-distance="3"]{flex:0 0 14px}.gallery__slide[data-distance="4"]{flex:0 0 8px}}.theme-toggle{position:fixed;bottom:32px;right:32px;z-index:200;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:0 6px 24px -8px #0000002e;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.theme-toggle:hover{border-color:var(--ink-subtle)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 4px var(--line)}.theme-toggle__icon{width:18px;height:18px}.theme-toggle__icon--sun{display:none}:root[data-theme=dark] .theme-toggle__icon--moon{display:none}:root[data-theme=dark] .theme-toggle__icon--sun{display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}