@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul{padding:0;list-style:none}:root{--bg:#fff;--bg-alt:#f7f8fa;--ink:#16181d;--ink-soft:#444851;--ink-faint:#878d97;--rule:#e5e7ec;--rule-soft:#eef0f4;--surface:#f7f8fa;--surface-2:#eef1f6;--accent:#2c5fe0;--accent-ink:#1c44ad;--accent-wash:#eef3fe;--on-accent:#fff;--font-display:"Pretendard Variable", Pretendard, system-ui, sans-serif;--font-body:"Pretendard Variable", Pretendard, system-ui, sans-serif;--font-label:"Pretendard Variable", Pretendard, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Pretendard Variable", monospace;--fs-base:17px;--lh-body:1.72;--maxw:1180px;--rail:188px;--rail-gap:56px;--sec-pad:88px;--nav-h:46px;--display-weight:760;--display-spacing:-.02em;--display-family:var(--font-display);--label-mono:0;--ghost-num:0;--radius:10px;--chip-radius:7px}body[data-accent=blue]{--accent:#2c5fe0;--accent-ink:#1c44ad;--accent-wash:#eef3fe}body[data-accent=ink]{--accent:#16181d;--accent-ink:#000;--accent-wash:#f0f1f3}body[data-accent=green]{--accent:#16794a;--accent-ink:#0f5c38;--accent-wash:#e9f5ef}body[data-accent=orange]{--accent:#d4541f;--accent-ink:#a93f14;--accent-wash:#fcefe8}body[data-accent=violet]{--accent:#6d3bd4;--accent-ink:#5328ad;--accent-wash:#f1ecfc}body[data-density=compact]{--sec-pad:62px;--lh-body:1.62}body[data-density=comfy]{--sec-pad:116px;--lh-body:1.84}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;word-break:keep-all;overflow-wrap:anywhere;transition:background .35s,color .35s}.doc{max-width:var(--maxw);margin:0 auto;padding:0 40px}.readbar{background:var(--accent);z-index:60;width:0%;height:3px;transition:width .12s linear;position:fixed;top:0;left:0}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}.masthead{border-bottom:1px solid var(--ink);padding:56px 0 34px}.masthead-main{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:44px;display:grid}.mh-id{min-width:0}.mh-eyebrow{font-family:var(--font-label);letter-spacing:0;color:var(--accent);align-items:center;gap:12px;margin-bottom:18px;font-size:14px;font-weight:600;display:flex}.mh-eyebrow:after{content:"";background:var(--rule);flex:1;max-width:88px;height:1px}.mh-name{font-family:var(--display-family);font-weight:var(--display-weight);letter-spacing:0;margin:0 0 10px;font-size:72px;line-height:1.04}.mh-name .han{color:var(--ink)}.mh-name .lat{color:var(--ink-faint);font-weight:400}.mh-role{font-family:var(--font-label);color:var(--ink-soft);letter-spacing:0;margin-bottom:22px;font-size:18px;font-weight:600}.mh-role .dot{color:var(--ink-faint);margin:0 10px}.mh-tagline{max-width:39ch;color:var(--ink);letter-spacing:0;font-size:21px;font-weight:500;line-height:1.55}.mh-tagline em{color:var(--accent);font-style:normal;font-weight:650}.mh-photo{width:100%}.mh-sticker{aspect-ratio:1;background:var(--bg);border:1px solid var(--rule);width:100%;margin:0;padding:6px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:relative;transform:rotate(-2.2deg);box-shadow:0 10px 24px #14182821,0 2px 6px #0000000d}.mh-sticker img{object-fit:cover;filter:grayscale(.1);width:100%;height:100%;display:block}.mh-tape{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff80;border:1px solid #ffffffb3;width:92px;height:30px;margin-left:-46px;position:absolute;top:-14px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 3px #00000024}.mh-sticker:hover{transform:rotate(0)translateY(-5px);box-shadow:0 18px 38px #14182833,0 3px 8px #0000000f}.mh-contact{border-top:1px solid var(--rule);font-family:var(--font-mono);flex-wrap:nowrap;align-items:center;margin-top:40px;padding-top:22px;font-size:13px;display:flex;overflow-x:auto}.mh-contact>a,.mh-contact>span{white-space:nowrap;color:var(--ink-soft);border-right:1px solid var(--rule);align-items:center;gap:7px;padding:0 16px;text-decoration:none;display:inline-flex}.mh-contact>:first-child{padding-left:0}.mh-contact>:last-child{border-right:0;padding-right:0}.mh-contact a:hover{color:var(--accent)}.mh-contact svg{width:15px;height:15px;color:var(--ink-faint);flex:none}.mh-contact a:hover svg{color:var(--accent)}.page-nav{z-index:40;background:var(--bg);border-bottom:1px solid var(--rule);font-family:var(--font-mono);position:sticky;top:0}.page-nav-inner{max-width:var(--maxw);height:var(--nav-h);flex-wrap:nowrap;align-items:center;margin:0 auto;padding:0 40px;display:flex;overflow-x:auto}.page-nav-trailing{align-items:center;margin-left:auto;padding-left:16px;display:inline-flex}.page-nav-h{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);white-space:nowrap;margin-right:18px;font-size:11px;font-weight:600}.page-nav-link{white-space:nowrap;color:var(--ink-soft);border-right:1px solid var(--rule);align-items:baseline;gap:7px;padding:4px 16px;text-decoration:none;transition:color .15s;display:inline-flex}.page-nav-link:first-of-type{padding-left:0}.page-nav-link:last-of-type{border-right:0;padding-right:0}.page-nav-link:hover,.page-nav-link:hover .page-nav-ix{color:var(--accent)}.page-nav-ix{color:var(--ink-faint);font-size:11px}.page-nav-name{font-size:13px}.page-nav-link.active,.page-nav-link.active .page-nav-ix{color:var(--accent)}.page-nav-link.active .page-nav-name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.theme-toggle{border:1px solid var(--rule);background:var(--bg);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:18px;height:18px}.sec{grid-template-columns:var(--rail) 1fr;gap:var(--rail-gap);padding:var(--sec-pad) 0;border-bottom:1px solid var(--rule-soft);scroll-margin-top:calc(var(--nav-h) + 18px);display:grid;position:relative}.sec:last-of-type{border-bottom:0}.sec-head{top:calc(var(--nav-h) + 14px);align-self:start;position:sticky}.sec-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);margin-bottom:12px;font-size:13px;font-weight:600}.sec-title{font-family:var(--display-family);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);color:var(--ink);font-size:26px;line-height:1.1}.sec-body{min-width:0}.case-toc{flex-direction:column;gap:1px;margin-top:24px;display:flex}.case-toc-h{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin-bottom:10px;font-size:11px;font-weight:600}.case-toc-link{color:var(--ink-soft);align-items:baseline;gap:9px;padding:5px 0;text-decoration:none;transition:color .15s;display:flex}.case-toc-link:hover{color:var(--accent)}.case-toc-ix{font-family:var(--font-mono);color:var(--ink-faint);flex:none;font-size:12px}.case-toc-link:hover .case-toc-ix{color:var(--accent)}.case-toc-name{font-family:var(--font-mono);font-size:14px;font-weight:600}.case-toc-link.active,.case-toc-link.active .case-toc-ix{color:var(--accent)}.case-toc-link.active .case-toc-name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.prose p{font-size:1.06rem;line-height:var(--lh-body);color:var(--ink-soft);text-wrap:pretty;max-width:64ch}.prose p+p{margin-top:1.05em}.prose strong{color:var(--ink);font-weight:700}.prose .lead{color:var(--ink);letter-spacing:-.01em;max-width:34ch;font-size:1.32rem;font-weight:500;line-height:1.5}.prodgrid{background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:38px;display:grid;overflow:hidden}.prod{background:var(--bg);flex-direction:column;padding:20px 22px;display:flex}.prod-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.prod-name{font-family:var(--font-mono);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}a.prod-name{color:var(--accent)}a.prod-name:hover{text-decoration:underline}.prod-sum{color:var(--ink-soft);flex:1;margin:9px 0 14px;font-size:13px;line-height:1.5}.prod-meta{align-items:center;gap:10px;display:flex}.prod-bar{background:var(--rule);border-radius:3px;flex:1;height:6px;overflow:hidden}.prod-bar>span{background:var(--accent);border-radius:3px;height:100%;display:block}.prod-commits{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;font-size:11px}.prod-role{font-family:var(--font-mono);color:var(--accent-ink);background:var(--accent-wash);letter-spacing:.02em;border-radius:3px;padding:3px 9px;font-size:11px}body[data-darkmode=on] .prod-role{background:color-mix(in srgb, var(--accent) 22%, var(--bg));color:color-mix(in srgb, var(--accent) 72%, #fff)}.tech-badge{font-family:var(--font-mono);color:color-mix(in srgb, var(--tc) 55%, var(--ink));background:color-mix(in srgb, var(--tc) 10%, transparent);border:1px solid color-mix(in srgb, var(--tc) 32%, transparent);border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;line-height:1;display:inline-flex}.tech-ico{width:13px;height:13px;fill:var(--tc);flex:none}.tech-badge--solid{letter-spacing:.01em;color:#fff;background:var(--tc);border:1px solid color-mix(in srgb, #fff 16%, var(--tc));border-radius:6px;gap:7px;padding:7px 11px;font-size:11.5px;font-weight:600}.tech-badge--solid .tech-ico{fill:#fff;width:auto;height:14px}.tech-badge--solid[data-tech=react],.tech-badge--solid[data-tech=aws],.tech-badge--solid[data-tech=supabase]{color:#14181d}.tech-badge--solid[data-tech=react] .tech-ico,.tech-badge--solid[data-tech=aws] .tech-ico,.tech-badge--solid[data-tech=supabase] .tech-ico{fill:#14181d}body[data-darkmode=on] .tech-badge--solid{background:color-mix(in srgb, var(--tc) 80%, #b4bec9);border-color:color-mix(in srgb, #fff 30%, var(--tc))}.stackgrid{background:var(--rule-soft);border:1px solid var(--rule);border-radius:var(--radius);gap:2px;display:grid;overflow:hidden}.stackrow{background:var(--bg);grid-template-columns:168px 1fr;align-items:center;gap:28px;padding:22px 30px;display:grid}.stackrow-h{font-family:var(--font-label);color:var(--ink);letter-spacing:-.01em;font-size:16px;font-weight:700}.stackrow-h .en{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:11.5px;font-weight:500;display:block}.stackrow-badges{flex-wrap:wrap;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{font-family:var(--font-mono);border:1px solid var(--rule);border-radius:var(--chip-radius);color:var(--ink-soft);background:var(--bg-alt);letter-spacing:-.005em;white-space:nowrap;flex:none;padding:5px 11px;font-size:12.5px;font-weight:500}.chip.key{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-wash)}.exp{border-left:2px solid var(--ink);padding-left:30px}.exp+.exp{margin-top:46px}.exp-top{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 16px;margin-bottom:18px;display:grid}.exp-id{flex-wrap:wrap;grid-area:1/1;align-items:baseline;gap:6px 14px;display:flex}.exp-co{font-family:var(--display-family);letter-spacing:-.015em;font-size:24px;font-weight:720}.exp-tag{color:var(--ink-faint);font-size:13px;font-family:var(--font-label)}.exp-period{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.01em;white-space:nowrap;grid-area:1/2;justify-self:end;font-size:12px}.exp-role{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;grid-area:2/1;font-size:13px;font-weight:600}.exp p{color:var(--ink-soft);font-size:1.02rem;line-height:var(--lh-body);max-width:62ch}.exp p+p{margin-top:.9em}.exp .brands{margin-top:30px}.brands-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px;font-size:11px}.brands-logos{flex-wrap:wrap;align-items:center;gap:18px 30px;display:flex}.brand-logo{background-image:var(--logo-light);background-position:0;background-repeat:no-repeat;background-size:contain;flex:none;display:inline-block}body[data-darkmode=on] .brand-logo{background-image:var(--logo-dark)}.cases{flex-direction:column;gap:0;display:flex}.case{padding:6px 0 var(--sec-pad);border-bottom:1px solid var(--rule);scroll-margin-top:calc(var(--nav-h) + 18px)}.case:first-child{padding-top:0}.case:last-child{border-bottom:0;padding-bottom:6px}.case-head{margin-bottom:36px;position:relative}.case-ix{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.case-ix:after{content:"";background:var(--rule);flex:1;height:1px}.case-name{font-family:var(--display-family);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);margin-bottom:6px;font-size:clamp(30px,4.2vw,46px);line-height:1.02}.case-name .mono-id{font-family:var(--font-mono);font-weight:700}.case-sub{color:var(--ink-soft);letter-spacing:-.01em;max-width:52ch;font-size:1.12rem;font-weight:500;line-height:1.45}.case-meta{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:0;margin-top:26px;display:flex}.case-meta .m{border-right:1px solid var(--rule);flex-direction:column;flex:none;gap:5px;margin-right:26px;padding:16px 26px 16px 0;display:flex}.case-meta .m:last-child{border-right:0;margin-right:0}.case-meta .m .mv{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.02em;white-space:nowrap;font-size:21px;font-weight:700}.case-meta .m .mk{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-family:var(--font-mono)}.case-body{grid-template-columns:1fr;gap:30px;display:grid}.block{grid-template-columns:150px 1fr;align-items:start;gap:28px;display:grid}.block-k{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding-top:4px;font-size:12px;font-weight:600}.block-k .dotnum{color:var(--accent)}.block-v{min-width:0}.block-v p{color:var(--ink-soft);font-size:1.04rem;line-height:var(--lh-body);text-wrap:pretty;max-width:64ch}.block-v p strong{color:var(--ink);font-weight:700}.block-v p+p{margin-top:.85em}.builds{gap:14px;display:grid}.build{border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg-alt);grid-template-columns:auto 1fr;align-items:start;gap:16px;padding:16px 18px;display:grid}.build .bn{font-family:var(--font-mono);color:var(--accent);background:var(--accent-wash);white-space:nowrap;border-radius:6px;margin-top:2px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.4}.build .bt{color:var(--ink-soft);font-size:1.02rem;line-height:1.55}.build .bt b{color:var(--ink);font-weight:700}.techgrid{flex-wrap:wrap;gap:7px;display:flex}.secnote{border-left:3px solid var(--accent);background:var(--accent-wash);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px}.secnote .bt,.secnote p{color:var(--accent-ink);font-size:.98rem;line-height:1.6}.secnote .bt b,.secnote p strong{color:var(--accent-ink);font-weight:700}body[data-darkmode=on] .secnote .bt,body[data-darkmode=on] .secnote p,body[data-darkmode=on] .secnote .bt b,body[data-darkmode=on] .secnote p strong{color:color-mix(in srgb, var(--accent) 72%, #fff)}.flow-title{font-family:var(--display-family);letter-spacing:-.01em;color:var(--ink);margin-bottom:4px;font-size:1.12rem;font-weight:650}.flow{align-items:stretch;gap:9px;margin-top:14px;display:flex}.flow-step{background:var(--bg-alt);border:1px solid var(--rule);border-radius:var(--radius);flex-direction:column;flex:1 1 0;gap:8px;min-width:0;padding:13px 14px;display:flex}.flow-k{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:700}.flow-d{color:var(--ink-soft);letter-spacing:-.01em;font-size:.95rem;line-height:1.5}.flow-d b{color:var(--ink);font-weight:700}.flow-arrow{color:var(--accent);flex:none;align-self:center;font-size:18px;font-weight:700;line-height:1}@media (max-width:760px){.flow{flex-direction:column;align-items:stretch;gap:7px}.flow-arrow{margin:1px 0;transform:rotate(90deg)}}.case-foot{border:1.5px solid var(--ink);border-radius:var(--radius);grid-template-columns:1fr;gap:0;margin-top:34px;display:grid;overflow:hidden}.case-foot .row{grid-template-columns:150px 1fr;gap:28px;padding:22px 26px;display:grid}.case-foot .row+.row{border-top:1px solid var(--rule)}.case-foot .row.ax{background:var(--ink)}.case-foot .rk{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding-top:3px;font-size:12px;font-weight:600}.case-foot .row.ax .rk{color:#ffffff8c}.case-foot .rv{color:var(--ink);font-size:1.08rem;font-weight:500;line-height:1.55}.case-foot .row.ax .rv{color:#fff}.case-foot .rv .arrow{color:var(--accent);font-weight:700}.case-foot .row.ax .rv .arrow{color:#fff}.case-foot .row.ax .rv b{color:#fff;box-shadow:inset 0 -.4em #ffffff29}.foot{border-top:1.5px solid var(--ink);margin-top:12px;padding:80px 0 90px}.foot .mh-contact{border-top:0;margin-top:0;padding-top:0}.foot-fine{font-family:var(--font-mono);color:var(--ink-faint);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:56px;padding-top:22px;font-size:12px;display:flex}body[data-dir=b]{--bg:#f5f1e8;--bg-alt:#efe9da;--ink:#211c14;--ink-soft:#524a3b;--ink-faint:#9b9079;--rule:#ddd4c0;--rule-soft:#e7dfcd;--surface:#efe9da;--surface-2:#e7dfcd;--display-family:"Noto Serif KR", serif;--display-weight:600;--display-spacing:-.01em;--rail:200px;--radius:4px;--chip-radius:3px}body[data-dir=b] .mh-name{font-size:76px;line-height:1.02}body[data-dir=b] .mh-name .lat{font-style:italic}body[data-dir=b] .mh-tagline{font-family:Noto Serif KR,serif;font-size:22px;font-weight:400;line-height:1.55}body[data-dir=b] .sec-title{font-size:32px}body[data-dir=b] .sec{position:relative}body[data-dir=b] .sec-num{font-size:15px}body[data-dir=b] .case-name{font-size:clamp(34px,5vw,56px)}body[data-dir=b] .case-ix{font-size:14px}body[data-dir=b] .prose .lead{font-family:Noto Serif KR,serif;font-weight:500}body[data-dir=b] .case-foot{border-width:1px;border-radius:4px}body[data-dir=b] .case-foot .rv{font-family:Noto Serif KR,serif;font-size:1.18rem}body[data-dir=b] .build{background:var(--bg-alt);border-color:var(--rule)}body[data-dir=b] .exp-co{font-size:27px}body[data-dir=c]{--bg:#f1f3f5;--bg-alt:#e8ebee;--ink:#14181d;--ink-soft:#3b444e;--ink-faint:#828d99;--rule:#d3d9df;--rule-soft:#dde2e7;--surface:#e8ebee;--surface-2:#dde2e7;--display-family:var(--font-label);--display-weight:720;--display-spacing:-.02em;--label-mono:1;--radius:4px;--chip-radius:3px;--rail:200px}body[data-dir=c] .doc{position:relative}body[data-dir=c] .masthead,body[data-dir=c] .sec,body[data-dir=c] .case{background-image:linear-gradient(90deg, var(--rule-soft) 1px, transparent 1px);background-position:-1px 0;background-size:28px 100%}body[data-dir=c] .masthead-main,body[data-dir=c] .sec-body,body[data-dir=c] .sec-head,body[data-dir=c] .case-head,body[data-dir=c] .case-body,body[data-dir=c] .case-foot,body[data-dir=c] .mh-contact{background:var(--bg)}body[data-dir=c] .mh-name{font-family:var(--font-mono);letter-spacing:0;font-size:64px;font-weight:700}body[data-dir=c] .mh-name .lat{font-weight:400}body[data-dir=c] .sec-title,body[data-dir=c] .case-name,body[data-dir=c] .exp-co{font-family:var(--font-label)}body[data-dir=c] .case-name .mono-id{font-family:var(--font-mono)}body[data-dir=c] .sec-num:before{content:"[";color:var(--ink-faint);margin-right:4px}body[data-dir=c] .sec-num:after{content:"]";color:var(--ink-faint);margin-left:4px}body[data-dir=c] .build{border-radius:3px}body[data-dir=c] .build .bn{border-radius:2px}body[data-darkmode=on]{--bg:#0f1318;--bg-alt:#161b22;--ink:#e7ebf0;--ink-soft:#aab3bf;--ink-faint:#6b7682;--rule:#262d36;--rule-soft:#1d232b;--surface:#161b22;--surface-2:#1d232b;--accent-wash:#4678f024}body[data-darkmode=on][data-accent=ink]{--accent:#e7ebf0;--accent-ink:#fff;--accent-wash:#ffffff1a}body[data-darkmode=on] .masthead{border-bottom-color:var(--ink-soft)}body[data-darkmode=on] .case-foot{border-color:var(--ink-soft)}body[data-darkmode=on] .case-foot .row.ax{background:#000}body[data-darkmode=on] .foot{border-top-color:var(--ink-soft)}body[data-darkmode=on] .mh-sticker{background:#171c23;border-color:#2a313b;box-shadow:0 10px 24px #0006,0 2px 6px #0000004d}body[data-darkmode=on] .mh-sticker img{filter:grayscale(.2)brightness(.92)}body[data-darkmode=on] .mh-tape{background:#ffffff29;border-color:#ffffff38}body[data-darkmode=on] .mh-sticker:hover{box-shadow:0 18px 38px #00000080}body[data-darkmode=on] .tech-badge:not(.tech-badge--solid){color:color-mix(in srgb, var(--tc) 40%, var(--ink));background:color-mix(in srgb, var(--tc) 22%, var(--surface));border-color:color-mix(in srgb, var(--tc) 50%, var(--rule))}body[data-darkmode=on] .tech-badge:not(.tech-badge--solid) .tech-ico{fill:color-mix(in srgb, var(--tc) 60%, var(--ink))}body[data-darkmode=on][data-dir=c] .masthead,body[data-darkmode=on][data-dir=c] .sec,body[data-darkmode=on][data-dir=c] .case{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px)}@media (max-width:920px){:root{--fs-base:16px}.doc,.page-nav-inner{padding:0 24px}.sec{grid-template-columns:1fr;gap:22px}.sec-head{position:static}.exp-top{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.masthead-main{grid-template-columns:1fr;gap:30px}.mh-name{font-size:58px}body[data-dir=b] .mh-name{font-size:60px}body[data-dir=c] .mh-name{font-size:54px}.mh-photo{order:-1;width:150px}.stackrow{grid-template-columns:1fr;align-items:start;gap:14px}.block,.case-foot .row{grid-template-columns:1fr;gap:10px}body[data-dir=c] .masthead,body[data-dir=c] .sec,body[data-dir=c] .case{background-image:none}}@media (max-width:560px){.masthead{padding-top:44px}.mh-name,body[data-dir=b] .mh-name,body[data-dir=c] .mh-name{font-size:42px}.mh-role{font-size:16px;line-height:1.55}.mh-tagline{font-size:18px}.mh-contact .v{display:none}.mh-contact>a,.mh-contact>span{padding:0 14px}.case-meta{gap:8px}.case-meta .m{border-right:0;margin-right:0;padding-right:16px}.prodgrid{grid-template-columns:1fr}.page-nav-inner{gap:0;padding:0 10px;overflow-x:hidden}.page-nav-h,.page-nav-ix{display:none}.page-nav-link{border-right:0;flex:1 1 0;justify-content:center;gap:0;min-width:0;padding:4px 1px}.page-nav-link:first-of-type{padding-left:1px}.page-nav-name{letter-spacing:-.02em;white-space:nowrap;font-size:12px}.page-nav-trailing{flex:none;margin-left:2px;padding-left:4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}