@font-face{font-family:RT Obligat;src:url(/fonts/RTObligat.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{-webkit-tap-highlight-color:transparent;color-scheme:light;--accent: #fd5c2f;--bg: #f3f3f3;--surface: #e3e3e3;--surface-hover: #dcdcdc;--surface-active: #cbcbcb;--text: #1a1a1a;--muted: rgba(26, 26, 26, .52);--fill: rgba(26, 26, 26, .055);--fill-hover: rgba(26, 26, 26, .1);--toggle: rgba(26, 26, 26, .09);--knob: #f7f7f7;--scrollbar: rgba(26, 26, 26, .28);--radius-panel: 16px;--radius-card: var(--radius-panel);--radius-image: calc(var(--radius-panel) - var(--preview-inset));--radius-button: 12px;--radius-pill: 999px;--card-inset: 16px;--thumb-size: 64px;--radius-thumb: 6px;--preview-inset: 8px;--text-xs: 12px;--text-sm: 14px;--text-body: 16px;--text-lede: 18px;--text-mobile: 20px;--text-feature: 24px;--text-title-sm: 32px;--text-title: 40px;--text-title-lg: 48px;--nav-width: 404px;--gap: 8px;--pad: 8px;--font: var(--font-medeo-sans), "Medeo Sans", sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease: var(--ease-out)}html[data-theme=dark]{color-scheme:dark;--accent: #fd5c2f;--bg: #0d0d0d;--surface: #1a1a1a;--surface-hover: #242424;--surface-active: #363636;--text: #e6e6e6;--muted: rgba(230, 230, 230, .52);--fill: rgba(230, 230, 230, .08);--fill-hover: rgba(230, 230, 230, .15);--toggle: rgba(230, 230, 230, .14);--knob: #f2f2f2;--scrollbar: rgba(230, 230, 230, .32)}*{box-sizing:border-box}html{background:var(--bg)}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-sm);font-weight:400;line-height:20px;font-variation-settings:"opsz" 14,"wght" 400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html.theme-switching,html.theme-switching *,html.theme-switching *:before,html.theme-switching *:after{transition:none!important}html.theme-switching .theme-knob{transition:transform .2s var(--ease-out)!important}button,a{font:inherit;color:inherit}button{cursor:pointer}button,a.pill,a.book{font-family:RT Obligat,sans-serif;font-size:var(--text-body);line-height:20px;font-variation-settings:normal}a.pill.primary,a.book{font-size:var(--text-lede);line-height:24px}a{text-decoration-thickness:1px;text-underline-offset:3px}:focus-visible{outline:2px solid var(--text);outline-offset:3px}.shell{display:flex;align-items:flex-start;min-height:100vh}.nav{position:sticky;top:0;width:var(--nav-width);height:100vh;flex-shrink:0;overflow-x:hidden;overflow-y:auto;padding:var(--pad) 0 var(--pad) var(--pad);scrollbar-width:none}.nav::-webkit-scrollbar{display:none;width:0;height:0}.nav-top{--block-gap: 24px;display:flex;flex-direction:column;gap:var(--block-gap);padding-bottom:var(--block-gap)}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-brand{container-type:inline-size;display:flex;flex-direction:column;align-items:stretch;gap:16px;text-align:left}.display{margin:0;font-family:RT Obligat,sans-serif;font-size:var(--text-title);font-weight:500;line-height:1;letter-spacing:-.03em}.display .accent{display:block;color:var(--accent)}.lede{margin:0;font-size:var(--text-lede);font-weight:500;line-height:1.35;letter-spacing:-.03em;font-variation-settings:"opsz" 18,"wght" 500;color:var(--muted)}.nav-actions{display:flex;align-items:stretch;gap:8px}.nav-actions .pill{height:64px;flex-shrink:0;border-radius:var(--radius-button);padding:0 32px;background:var(--surface);white-space:nowrap}.nav-actions .pill.primary{flex:1 1 auto;flex-shrink:1;background:var(--accent);color:#fff}.pill,.book,.card-slot{transition:transform .16s var(--ease-out),background-color .48s var(--ease-in-out),color .48s var(--ease-in-out)}.case-preview{transition:transform .16s var(--ease-out),background-color .5s ease}.pill{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:var(--fill);color:var(--text);font-weight:500;letter-spacing:-.03em;font-variation-settings:"opsz" 16,"wght" 500;text-decoration:none}.pill:active,.book:active{transform:scale(.97)}.card-slot:active,.case-preview:active{transform:scale(.982)}.pill.is-static{cursor:default;-webkit-user-select:none;user-select:none}.theme{position:relative;width:62px;height:38px;padding:3px;border:0;border-radius:var(--radius-pill);background:var(--toggle);flex-shrink:0}.theme-knob{display:block;width:32px;height:32px;border-radius:50%;background:var(--knob);transform:translate(0);transition:transform .2s var(--ease-out),background-color .2s ease}html[data-theme=dark] .theme-knob{transform:translate(23px)}.cards{display:flex;flex-direction:column;gap:var(--gap);padding-bottom:72px}.card-slot{filter:drop-shadow(0 8px 8px rgba(0,0,0,.08));position:relative;z-index:1}.card{position:relative;display:flex;align-items:center;width:100%;gap:12px;min-height:calc(var(--thumb-size) + var(--card-inset) * 2);padding:var(--card-inset);border-radius:var(--radius-card);background:var(--surface);text-decoration:none;transform-origin:50% 100%;box-shadow:none;transition:background-color .5s ease}html[data-theme=dark] .card-slot{filter:drop-shadow(0 10px 11px rgba(0,0,0,.55))}.card.is-external{padding-right:32px}.card-external{position:absolute;top:12px;right:12px;width:12px;height:12px;color:var(--muted);display:grid;place-items:center}.card.is-active{background:var(--surface-active)}.thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:var(--radius-thumb);overflow:hidden;flex-shrink:0;background:var(--fill)}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.card h2{font-size:var(--text-feature);line-height:28px}.card h2,.card p{margin:0;font-weight:400}.card h2,.panel h2,.case-preview h3,.section-title,.display{font-family:RT Obligat,sans-serif;font-weight:500;letter-spacing:-.03em;font-variation-settings:normal}.card p{margin-top:6px;color:var(--muted);font-weight:500;letter-spacing:-.03em;font-variation-settings:"opsz" 14,"wght" 500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content{flex:1;min-width:0;padding:var(--pad);animation:enter .6s var(--ease)}.stack{display:flex;flex-direction:column;gap:var(--gap)}figure{margin:0}.hero{width:100%;height:calc(100vh - 196px);min-height:520px}.media,.split-item,.hero{width:100%;border-radius:var(--radius-panel);overflow:hidden;background:var(--surface)}.media,.media.is-hero{height:auto;min-height:0}.split-item{aspect-ratio:1 / 1;height:auto}.hero img,.split-item img{width:100%;height:100%;object-fit:cover;display:block}.media img{width:100%;height:auto;object-fit:contain;display:block}.hero img{object-position:center 18%}.posters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);align-items:stretch}.posters figure{margin:0;aspect-ratio:1254 / 1788;overflow:hidden;border-radius:var(--radius-panel)}.posters img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.content .hero img,.content .media img,.content .split-item img,.content .posters img{animation:settle 1.15s var(--ease)}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:var(--gap)}.rail{position:sticky;bottom:var(--pad);align-self:end;height:fit-content}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.pair,.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.pair-stack{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.panel{background:var(--surface);border-radius:var(--radius-panel);padding:24px;transition:background-color .4s var(--ease)}.panel h2{margin:0 0 16px;font-size:var(--text-sm);line-height:20px;color:var(--muted)}.panel h2.section-title{margin:0 0 24px;font-size:var(--text-feature);line-height:1.15;color:var(--text)}.prose{margin:0;font-size:var(--text-feature);line-height:32px;letter-spacing:.45px;font-variation-settings:"opsz" 32,"wght" 400}.prose-feature,.pair:not(.pair-sm) .prose{font-size:var(--text-feature);font-weight:500;line-height:28px;font-variation-settings:"opsz" 32,"wght" 500}.prose+.prose{margin-top:16px}.prose,.prose-sm{white-space:pre-line}.prose-sm{margin:0;font-size:var(--text-body);font-weight:400;line-height:22px;letter-spacing:0;font-variation-settings:"opsz" 16,"wght" 400}.pair.is-single{grid-template-columns:1fr}.pair:not(.pair-sm) .panel h2,.case-feature .panel h2,.pair-sm .panel h2,.pair-sm .panel h3{font-family:var(--font);font-weight:400;font-size:var(--text-body);line-height:22px;letter-spacing:0;font-variation-settings:"opsz" 16,"wght" 400;color:var(--muted)}.pair-sm .panel h3{margin:0 0 12px}.subsection+.subsection{margin-top:24px}.pair-sm .panel h2+.subsection{margin-top:8px}.case-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:var(--gap)}.case-column{display:flex;flex-direction:column;gap:var(--gap)}.case-preview{display:flex;flex-direction:column;gap:12px;width:100%;height:auto;padding:var(--preview-inset) var(--preview-inset) 16px;border-radius:var(--radius-panel);background:var(--surface);color:inherit;text-decoration:none}.case-preview-media{display:block;overflow:hidden;border-radius:var(--radius-image)}.case-preview-media img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;transition:transform .5s ease}.case-preview-body{display:flex;flex-direction:column;gap:16px;padding:8px}.case-preview h3,.case-preview h4,.case-preview p{margin:0}.case-preview h3{font-size:var(--text-feature);line-height:1.15;white-space:pre-line}.case-preview h4{margin:0 0 8px;font-family:var(--font);font-size:var(--text-body);font-weight:400;line-height:1.4;letter-spacing:0;font-variation-settings:"opsz" 16,"wght" 400;color:var(--muted)}.case-preview .meta{font-size:var(--text-body);font-weight:500;letter-spacing:-.03em;font-variation-settings:"opsz" 16,"wght" 500;color:var(--muted)}.preview-block p{font-size:var(--text-body);font-weight:400;line-height:1.4;letter-spacing:0;color:var(--text)}.pub-list{display:flex;flex-direction:column;gap:24px}.pub{display:flex;gap:16px;align-items:flex-start}.pub img{width:64px;height:64px;border-radius:var(--radius-button);object-fit:cover;flex-shrink:0}.pub strong,.pub span span{display:block}.pub strong{margin-bottom:8px;font-size:var(--text-body);font-weight:500;line-height:20px;letter-spacing:-.03em;font-variation-settings:"opsz" 16,"wght" 500}.pub span span{font-weight:500;letter-spacing:-.03em;font-variation-settings:"opsz" 16,"wght" 500}.pub span span,.link-list p{color:var(--muted);font-size:var(--text-body);line-height:18px}.link-list{display:flex;flex-direction:column;gap:24px;font-size:var(--text-body);font-weight:500;line-height:20px;letter-spacing:-.03em;font-variation-settings:"opsz" 16,"wght" 500}.link-list a{display:block;margin:-8px;padding:8px;color:inherit;text-decoration:none}.link-list p{margin:8px 0 0;font-weight:400;letter-spacing:0}.book{display:flex;align-items:center;justify-content:center;gap:10px;height:64px;padding:0 16px;white-space:nowrap;border-radius:var(--radius-button);background:var(--bg);color:var(--text);font-weight:500;letter-spacing:-.03em;font-variation-settings:"opsz" 16,"wght" 500;text-decoration:none}.book-faces{flex-shrink:0;display:flex;align-items:center;gap:4px;color:var(--muted)}.book-faces img,.book-user{flex-shrink:0;width:32px;height:32px;border-radius:50%}.book-faces img{object-fit:cover}.book-user{display:grid;place-items:center;background:var(--surface);color:var(--text)}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes settle{0%{transform:scale(1.045)}to{transform:none}}@media(hover:hover)and (pointer:fine){a.pill:hover{background:var(--fill-hover)}.nav-actions .pill.primary:hover{background:color-mix(in srgb,var(--accent) 86%,white)}.book:hover{background:color-mix(in srgb,var(--bg) 78%,var(--surface))}.card:hover,.case-preview:hover{background:var(--surface-hover)}.card:hover .thumb img,.case-preview:hover .case-preview-media img{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.pill,.book,.card,.case-preview,.link-list a{transition:background-color .2s ease,color .2s ease!important}}.case-page{container-type:inline-size}.case-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--gap);align-items:stretch}.case-feature .panel{min-width:0;display:flex;flex-direction:column;justify-content:center}.case-feature .media{position:relative;min-width:0;aspect-ratio:16 / 11;align-self:stretch}.case-feature .media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.case-feature.is-reversed{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.case-feature.is-reversed .panel{order:2}@container (max-width: 960px){.case-feature,.case-feature.is-reversed{grid-template-columns:minmax(0,1fr)}.case-feature.is-reversed .panel{order:0}}.nav-frame{display:contents}.mobile-header,.mobile-intro,.dock-edge{display:none}@media(min-width:1081px)and (max-width:1400px){:root{--nav-width: 320px}.display{font-size:var(--text-title-sm)}.about-page>.grid{grid-template-columns:minmax(0,1fr)}.about-page .span-2{grid-column:auto}.about-page .rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media(max-width:1080px){:root{--dock-space: calc(116px + env(safe-area-inset-bottom, 0px)) }html{scroll-padding-bottom:calc(var(--dock-space) + 16px)}.shell{display:block;min-height:100svh}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;min-height:64px}.nav-frame{display:block;position:fixed;inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px));z-index:50;border-radius:calc(var(--radius-card) + 8px);box-shadow:0 8px 32px #00000024}.nav{position:relative;top:auto;width:auto;height:auto;--dock-padding: 8px;--dock-card-bg: color-mix(in srgb, var(--bg) 88%, var(--text));--dock-card-active: color-mix(in srgb, var(--bg) 76%, var(--text));padding:var(--dock-padding) 0;overflow:hidden;border:0;border-radius:calc(var(--radius-card) + var(--dock-padding));background:color-mix(in srgb,var(--bg) 66%,transparent);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:none}.nav-top{display:none}.cards{position:relative;z-index:1;flex-direction:row;gap:8px;overflow-x:auto;overscroll-behavior-x:none;scroll-snap-type:none;overflow-anchor:none;scrollbar-width:none;padding:0 var(--dock-padding)}.dock-edge{display:block;position:absolute;z-index:2;inset-block:0;width:72px;pointer-events:none;opacity:0;background:linear-gradient(var(--edge-direction),rgb(0 0 0 / 18%) 0%,rgb(0 0 0 / 12%) 20%,rgb(0 0 0 / 6%) 45%,rgb(0 0 0 / 2%) 70%,rgb(0 0 0 / 0%) 100%)}.dock-edge-start{left:0;--edge-direction: to right;transform:translate(-100%)}.dock-edge-end{right:0;--edge-direction: to left;transform:translate(100%)}.nav[data-fade-start=true] .dock-edge-start,.nav[data-fade-end=true] .dock-edge-end{opacity:1;transform:translate(0)}html .nav .dock-edge,html.theme-switching .nav .dock-edge{transition:transform .45s var(--ease-in-out),opacity .45s var(--ease-in-out)!important}@media(prefers-reduced-motion:reduce){html .nav .dock-edge,html.theme-switching .nav .dock-edge{transform:none;transition:opacity .2s ease!important}}.cards::-webkit-scrollbar{display:none}.card-slot{flex:0 0 240px}.card-slot,html[data-theme=dark] .card-slot{filter:none}.card{--card-inset: 10px;--thumb-size: 48px;height:68px;min-height:68px;gap:10px;padding:var(--card-inset);box-shadow:none}html[data-theme=dark] .card{box-shadow:none}.card>span:not(.thumb):not(.card-external){min-width:0}.card h2{font-size:var(--text-lede);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card p{font-size:var(--text-xs);line-height:15px;margin-top:3px;-webkit-line-clamp:1}.card .thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:calc(var(--radius-card) - var(--card-inset))}.nav .card{background:var(--dock-card-bg)}.nav .card.is-active{background:var(--dock-card-active);box-shadow:none}.content{width:100%;padding:0 var(--pad) calc(var(--dock-space) + 16px)}.mobile-intro{display:flex;padding:16px 0 24px}.display{font-size:var(--text-title-sm)}.lede{font-size:var(--text-lede);max-width:36em}.nav-actions{max-width:480px}.hero{height:auto;min-height:0;aspect-ratio:4 / 3}.about-page>.grid{grid-template-columns:minmax(0,1fr)}.span-2,.span-3{grid-column:auto}.rail{position:static;align-self:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.panel{min-width:0}.pair,.split{grid-template-columns:repeat(2,minmax(0,1fr))}.book{padding-inline:16px}}@media(max-width:600px){.panel{padding:20px}.pair,.split{grid-template-columns:minmax(0,1fr)}.pair:not(.pair-sm) .prose,.prose{font-size:var(--text-mobile);line-height:28px;letter-spacing:0;font-variation-settings:"opsz" 20,"wght" 500}.prose-sm{font-size:var(--text-body);line-height:22px}.posters{grid-template-columns:repeat(2,minmax(0,1fr))}.rail{display:flex}.case-grid{display:flex;flex-direction:column;gap:var(--gap)}.case-column{display:contents}.case-preview{order:var(--case-order)}.split-item{aspect-ratio:auto}.split-item img{height:auto;object-fit:contain}.link-list a{overflow-wrap:anywhere}}a:focus-visible,button:focus-visible{clip-path:none!important;-webkit-clip-path:none!important}@media(min-width:601px)and (max-width:1080px){.display{font-size:var(--text-title-lg)}}@container (max-width: 344px){.nav-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-actions .primary{grid-column:1 / -1}}.help-panel{padding:8px}.help-panel>h2.section-title{margin:16px 16px 24px}.help-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.help-item{padding:16px;border-radius:calc(var(--radius-panel) - 8px);background:var(--bg)}.help-list h3{margin:0 0 8px;font-size:var(--text-body);font-weight:500;line-height:24px;font-variation-settings:"opsz" 16,"wght" 500}.help-list p{color:var(--muted)}@media(max-width:600px){.help-panel>h2.section-title{margin:12px 12px 20px}}