@font-face{font-family:Onest;src:url('./onest-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20A0-20CF,U+2190-21FF}@font-face{font-family:Onest;src:url('./onest-400-cyrillic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0400-052F}@font-face{font-family:Onest;src:url('./onest-600-latin.woff2') format('woff2');font-weight:600 900;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20A0-20CF,U+2190-21FF}@font-face{font-family:Onest;src:url('./onest-600-cyrillic.woff2') format('woff2');font-weight:600 900;font-display:swap;unicode-range:U+0400-052F}
:root{color-scheme:light;--paper:#f4f4ef;--ink:#111217;--blue:#2347ff;--muted:#565950;--line:#aaaca4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Onest,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{text-decoration-thickness:1px;text-underline-offset:5px}::selection{background:var(--blue);color:white}:focus-visible{outline:3px solid var(--blue);outline-offset:6px}main:focus{outline:0}[hidden]{display:none!important}.wrap{width:min(1248px,calc(100% - 96px));margin-inline:auto}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.045em;line-height:1.08;margin:0}p{margin:0}h1{font-size:clamp(68px,9vw,128px)}h2{font-size:clamp(40px,5vw,72px)}h3{font-size:28px}.skip{position:fixed;left:16px;top:-100px;padding:12px 20px;background:var(--ink);color:white;z-index:100}.skip:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--ink)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:30px;line-height:1;letter-spacing:-1.4px;min-height:44px}.brand-mark{display:block;width:28px;height:28px;color:var(--blue);flex:none}.brand-mark svg{display:block;width:100%;height:100%}.header-nav{display:flex;align-items:center;gap:28px}.header-nav>a{display:flex;align-items:center;min-height:44px}.languages{display:flex;gap:2px;margin-left:8px}.language{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:44px;min-height:44px;color:var(--muted)}.language.selected{color:var(--ink)}.language.selected:after{content:'';position:absolute;left:12px;right:12px;bottom:7px;border-bottom:1px solid var(--ink)}.menu-toggle{display:none}.margin-label{font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:80px;align-items:end;padding-block:64px 76px}.hero-name>.margin-label{margin-bottom:28px}.hero h1{font-size:clamp(80px,9.5vw,136px);line-height:.96;letter-spacing:-.065em}.hero h1 span{color:var(--blue)}.hero-position{max-width:400px;padding-bottom:5px}.hero-position>p{font-size:20px;line-height:1.5;letter-spacing:-.025em}.direct-contact{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;font-weight:600}.hero-position .direct-contact{margin-top:24px}.flagship{padding-top:28px;border-top:1px solid var(--ink)}.case-heading{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:end;gap:80px;margin-bottom:32px}.case-heading .margin-label{margin-bottom:12px}.case-heading h1,.case-heading h2{font-size:clamp(64px,7vw,96px);line-height:1;letter-spacing:-.06em}.case-summary{max-width:400px}.case-summary>p{font-size:20px;line-height:1.4;letter-spacing:-.025em}.text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;font-weight:600}.case-summary .text-link{margin-top:12px;font-size:14px}.project-figure{margin:0}.project-car{display:block;transform-origin:center;transition:transform 650ms cubic-bezier(.2,.8,.2,1)}.project-car img{display:block;width:100%;height:auto;aspect-ratio:1476/700;object-fit:cover;border-radius:2px}.project-car.is-tilting{will-change:transform;transition:transform 140ms ease-out}.project-figure figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:12px}.story-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:96px;padding-block:52px 72px}.story-flow{max-width:720px}.story-section+.story-section{margin-top:36px}.story-section h3{font-size:30px;margin-bottom:16px}.story-section p{font-size:18px;line-height:1.7}.technical-note{align-self:start;border-top:3px solid var(--blue);padding-top:20px;min-width:0}.technical-note h3{font-family:Onest,Arial,sans-serif;font-size:14px;letter-spacing:0;line-height:1.5;font-weight:600}.media-weight{font-family:Arial,Helvetica,sans-serif;font-size:80px;font-weight:700;letter-spacing:-.06em;line-height:1.05;margin-top:28px}.media-weight span{font-size:28px;letter-spacing:-.04em}.weight-label{font-size:16px;margin-top:4px}.weight-note{font-size:14px;line-height:1.5;color:var(--muted);margin-top:12px;max-width:280px}.technical-note dl{margin:28px 0 0;font-size:14px}.technical-note dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:12px 0;border-top:1px solid var(--line)}.technical-note dt{color:var(--muted)}.technical-note dd{margin:0}.architecture{border-top:1px solid var(--ink);margin-top:32px;padding-top:16px}.architecture>p{font-size:14px;font-weight:600}.architecture pre{font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;color:var(--muted);margin:12px 0 0}.bot-workshop{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:80px;align-items:start;border-top:1px solid var(--ink);padding-block:44px 64px}.bot-copy .margin-label{margin-bottom:20px}.bot-copy h1,.bot-copy h2{font-size:clamp(36px,4.5vw,58px);max-width:650px;line-height:1.05}.bot-intro{font-size:18px;line-height:1.65;max-width:620px;margin-top:24px}.bot-detail{font-size:14px;color:var(--muted);line-height:1.6;max-width:560px;margin-top:16px}.bot-copy .text-link{margin-top:20px}.sandbox{min-width:0;max-width:480px;width:100%;justify-self:end}.sandbox-meta{display:flex;justify-content:space-between;gap:16px;font:14px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;padding-bottom:12px;color:var(--muted)}.sandbox-meta>span:first-child{overflow-wrap:anywhere}.chat-preview{position:relative;background:var(--blue);color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 24px 58px;min-height:286px;border-radius:2px}.bubble{font-size:16px;line-height:1.4;letter-spacing:-.025em;position:relative;padding:12px 16px;border-radius:2px;max-width:100%;overflow-wrap:break-word}.outgoing{align-self:flex-end;background:var(--paper)}.incoming{align-self:flex-start;background:white}.demo-trigger{font:inherit;font-size:16px;line-height:1.4;letter-spacing:-.025em;border:1px solid transparent;color:var(--ink);min-height:44px;cursor:pointer;text-align:left}.demo-trigger:disabled{cursor:default;opacity:1}.demo-trigger:focus-visible,.demo-reset:focus-visible{outline:2px solid white;outline-offset:4px}.demo-stage{width:100%;min-height:66px;display:flex;align-items:flex-start}.demo-stage .bubble{width:fit-content;max-width:100%}.demo-answer{transform-origin:bottom left}.demo-chat[data-state=answered] .demo-answer{animation:reply-spring 520ms both}.typing-dots{display:flex;align-items:center;gap:5px;min-height:20px;padding-inline:2px}.typing-dots i{width:5px;height:5px;background:var(--ink);border-radius:50%;animation:typing-dot 700ms ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:110ms}.typing-dots i:nth-child(3){animation-delay:220ms}.demo-controls{min-height:44px;display:flex;align-items:center}.demo-reset{min-height:44px;border:0;background:transparent;color:white;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:4px 0;cursor:pointer}.chat-caption{position:absolute;bottom:16px;left:24px;right:24px;color:white;font-size:14px;line-height:1.4}.demo-noscript{font-size:14px;color:white}.sandbox-hint{font-size:14px;color:var(--muted);line-height:1.6;margin-top:16px}.author-end{border-top:1px solid var(--ink);padding-block:44px 64px;display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:64px}.author-end>.margin-label{padding-top:6px}.contact{min-width:0;max-width:720px;scroll-margin-top:28px}.contact h2{font-size:42px;margin-bottom:20px}.contact>p:not(.contact-note){font-size:18px;line-height:1.7}.contact .direct-contact{font-size:24px;margin-top:20px;letter-spacing:-.03em}.contact .contact-note{font-size:14px;line-height:1.6;color:var(--muted);max-width:540px;margin-top:12px}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--ink);padding-block:18px;font-size:14px}.footer a{display:inline-flex;align-items:center;min-height:44px}.footer-brand{font-weight:600}.footer>span{color:var(--muted)}.back-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;margin-bottom:32px}.case-main{padding-top:32px}.case-main>.flagship,.case-main>.bot-workshop{border-top:0}.case-main>.bot-workshop>.back-link{grid-column:1/-1;margin-bottom:-8px}.error{padding-block:72px;min-height:70vh}.status-code{font-size:14px;color:var(--muted);margin-bottom:24px}.error h1{font-size:64px;max-width:780px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;background:var(--blue);color:white;border-radius:2px;font-weight:600}.error .button{margin-top:32px}.scramble-label{display:inline-grid;min-width:0;max-width:100%;vertical-align:middle}.label-base,.label-fx{grid-area:1/1}.label-fx{visibility:hidden;overflow:hidden;white-space:nowrap;max-width:100%;text-align:inherit}.is-scrambling .label-base{opacity:0}.is-scrambling .label-fx{visibility:visible}.magnetic{transition:transform 480ms cubic-bezier(.34,1.56,.64,1)}.magnetic.is-magnetic{will-change:transform;transition:transform 120ms ease-out}
@media(hover:hover){.header-nav>a:hover,.back-link:hover,.footer a:hover{text-decoration:underline}.direct-contact:hover,.text-link:hover{color:var(--blue)}.demo-trigger:hover:not(:disabled),.button:hover{background:var(--ink);color:white}}
@keyframes reply-spring{0%{opacity:0;transform:translateY(22px) scale(.94)}55%{opacity:1;transform:translateY(-6px) scale(1.012)}78%{transform:translateY(2px) scale(.996)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes typing-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero,.case-heading,.bot-workshop{gap:40px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.hero{padding-block:52px 60px}.hero h1{font-size:clamp(76px,10vw,110px)}.hero-position>p,.case-summary>p{font-size:18px}.header-nav{gap:20px}.story-grid{gap:48px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.story-section h3{font-size:28px}.technical-note dl>div{grid-template-columns:1fr;gap:4px}.bot-copy h1,.bot-copy h2{font-size:42px}.chat-preview{padding-inline:20px;min-height:306px}.chat-caption{left:20px;right:20px}.bubble,.demo-trigger{font-size:15px}.author-end{grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:48px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:80px;gap:16px;flex-wrap:wrap;position:relative}.brand{font-size:26px;letter-spacing:-1.2px;gap:9px}.brand-mark{width:25px;height:25px}.header-nav{width:100%;justify-content:flex-start;gap:8px 20px;flex-wrap:wrap;padding-bottom:18px}.header-nav>a{font-size:16px}.languages{margin-left:auto}.js .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;border:1px solid var(--line);background:transparent;border-radius:2px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.js .header-nav{display:none}.js .header-nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:28px;padding-block:40px 44px}.hero-name>.margin-label{margin-bottom:20px}.hero h1{font-size:clamp(64px,14vw,100px);line-height:.96}.hero-position{max-width:500px;padding:0}.hero-position>p{font-size:17px;line-height:1.55;max-width:420px}.hero-position .direct-contact{margin-top:16px;font-size:16px}.flagship{padding-top:24px}.case-heading{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.case-heading h1,.case-heading h2{font-size:64px}.case-heading .margin-label{margin-bottom:12px}.case-summary{max-width:500px}.case-summary>p{font-size:19px}.case-summary .text-link{margin-top:8px}.project-car img{aspect-ratio:1.5;object-fit:cover;object-position:center}.project-figure figcaption{font-size:14px;margin-top:12px}.story-grid{grid-template-columns:1fr;gap:36px;padding-block:32px 40px}.story-section+.story-section{margin-top:28px}.story-section h3{font-size:28px;margin-bottom:12px}.story-section p{font-size:17px;line-height:1.7}.technical-note{width:100%;max-width:560px;padding-top:16px}.media-weight{font-size:64px;margin-top:20px}.technical-note dl{margin-top:24px}.technical-note dl>div{grid-template-columns:1fr 1.2fr;gap:20px}.architecture{margin-top:24px}.architecture pre{font-size:14px}.bot-workshop{grid-template-columns:1fr;gap:28px;padding-block:32px 40px}.bot-copy h1,.bot-copy h2{font-size:38px;line-height:1.1}.bot-copy .margin-label{margin-bottom:16px}.bot-intro{font-size:17px;margin-top:20px}.bot-detail{font-size:14px;margin-top:12px}.bot-copy .text-link{margin-top:16px}.sandbox{justify-self:start;max-width:480px}.sandbox-meta{font-size:14px}.chat-preview{padding:24px 20px 58px;min-height:286px}.bubble,.demo-trigger{font-size:16px}.demo-stage{min-height:68px}.sandbox-hint{font-size:14px}.author-end{grid-template-columns:1fr;gap:20px;padding-block:28px 40px}.author-end>.margin-label{padding:0}.contact h2{font-size:36px;margin-bottom:16px}.contact>p:not(.contact-note){font-size:17px}.contact .direct-contact{font-size:24px;margin-top:20px}.footer{flex-wrap:wrap;gap:4px 24px;font-size:14px;padding-block:16px}.footer>span{width:100%;order:3}.footer>a:last-child{margin-left:auto}.error h1{font-size:48px}.error{padding-block:56px}.case-main{padding-top:8px}.case-main>.bot-workshop>.back-link{margin-bottom:0}.project-car,.magnetic{transform:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project-car,.magnetic,.demo-answer{transform:none!important}.label-fx{display:none}.is-scrambling .label-base{opacity:1}}
/* Personal copy and plain working principles — no process cards. */
.hero-position>p+p{margin-top:16px}.hero h1{font-size:clamp(72px,8.3vw,120px)}.hero-position .direct-contact{font-size:15px;line-height:1.6}.principles{padding-left:20px;margin:0;max-width:700px;font-size:18px;line-height:1.65}.principles li+li{margin-top:16px}.principles li::marker{color:var(--blue)}.footer{display:block}.footer p{font-size:14px;color:var(--muted);line-height:1.6}.footer p a{color:var(--ink);text-decoration:underline}.contact .direct-contact{margin-top:24px}
@media(max-width:1100px) and (min-width:761px){.hero h1{font-size:clamp(64px,8.3vw,92px)}.hero-position>p{font-size:18px}}
@media(max-width:760px){.hero h1{font-size:clamp(52px,12.7vw,90px)}.hero-position .direct-contact{font-size:15px;margin-top:16px}.principles{font-size:17px;line-height:1.65}.footer p{max-width:560px}.footer p a{min-height:44px}.contact .direct-contact{font-size:24px}}

.case-contact{border-top:1px solid var(--ink);padding-block:24px 40px}.case-contact .direct-contact{font-size:20px}.technical-note dl{margin-top:16px}@media(max-width:760px){.case-contact{padding-block:20px 32px}.case-contact .direct-contact{font-size:18px}}
/* Visual refinement: a clear introduction and two equally weighted projects. */
:root{--line:#d4d7d0;--muted:#54594f}body{font-family:Onest,Arial,sans-serif}.site-header{min-height:88px;border-color:var(--line)}h1,h2,h3{font-family:Onest,Arial,sans-serif;letter-spacing:-.045em}.margin-label,.sandbox-meta{font:400 14px/1.5 Onest,Arial,sans-serif;color:var(--muted)}.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:64px;align-items:center;padding-block:48px 56px}.hero-byline{font-size:18px;line-height:1.5;margin-bottom:14px}.hero h1{font-size:clamp(48px,5.1vw,74px);line-height:1.05;letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.hero-position{max-width:380px;padding:24px 0 0}.hero-position>p{font-size:18px;line-height:1.55;letter-spacing:0}.hero-position>p+p{margin-top:12px}.hero-position>p.hero-stack{font-size:15px;color:var(--muted)}.hero-position .direct-contact{background:var(--blue);color:white;padding:10px 18px;border-radius:6px;text-decoration:none;font-size:16px;line-height:1.5;margin-top:20px;min-height:48px}.hero-position .direct-contact:hover{background:var(--ink);color:white}
.flagship{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:64px;row-gap:18px;padding-block:28px 48px;border-top:0;align-items:start}.case-heading{grid-column:2;grid-row:1;display:block;margin:0}.case-heading .margin-label{margin-bottom:10px}.case-heading h1,.case-heading h2{font-size:42px;line-height:1.1;letter-spacing:-.045em}.case-summary{max-width:100%;margin-top:12px}.case-summary>p{font-size:18px;line-height:1.5;letter-spacing:0}.case-summary .text-link{font-size:15px;margin-top:8px}.project-figure{grid-column:1;grid-row:1/3;align-self:stretch;min-height:370px;background:#e5e7e1;border-radius:10px;padding:24px;display:flex;align-items:center;min-width:0}.browser-frame{width:100%;border:1px solid #c5c9c0;border-radius:7px;overflow:hidden;background:white;box-shadow:0 3px 12px #11121712}.browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:6px 12px;color:#5e635a;background:#f7f8f4;font-size:13px;line-height:1.4}.browser-dots{letter-spacing:2px;color:#afb5a8;font-size:9px}.project-car img{border-radius:0;aspect-ratio:1476/700;height:auto;object-fit:contain}.story-grid{grid-column:2;grid-row:2;display:block;padding:0;min-width:0}.story-flow{max-width:550px}.story-section h3{font-size:16px;line-height:1.5;letter-spacing:0;margin-bottom:4px}.story-section p{font-size:16px;line-height:1.6}.story-section+.story-section{margin-top:14px}.technical-note{border:0;padding:0;margin-top:18px}.technical-note h3{display:none}.technical-note dl{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;font-size:14px;line-height:1.5;color:var(--muted)}.technical-note dl>div{display:flex;gap:8px;padding:0;border:0}.technical-note dt{display:none}.technical-note dd{margin:0}
.bot-workshop{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;border-top:0;padding-block:24px 56px;align-items:center}.bot-copy{grid-column:2;grid-row:1}.bot-copy .margin-label{margin-bottom:10px}.bot-copy h1,.bot-copy h2{font-size:42px;line-height:1.1;letter-spacing:-.045em}.bot-intro{font-size:18px;line-height:1.6;margin-top:16px;max-width:500px}.bot-detail{font-size:14px;line-height:1.65;margin-top:16px}.bot-copy .text-link{font-size:15px;margin-top:16px}.sandbox{grid-column:1;grid-row:1;max-width:none;justify-self:stretch;background:#e7ecfc;border:1px solid #d8dff4;border-radius:10px;overflow:hidden;padding:0;min-height:370px;display:flex;flex-direction:column}.sandbox-meta{background:#f6f8ff;border-bottom:1px solid #d8dff4;padding:14px 20px;gap:12px}.sandbox-meta span:last-child{color:#66739d}.chat-preview{background:transparent;border-radius:0;min-height:0;padding:24px 24px 16px;gap:14px;flex:1;justify-content:flex-start}.demo-request{background:var(--blue);color:white;padding:10px 14px;border-radius:8px 8px 2px 8px}.demo-stage{min-height:66px;align-items:flex-start}.incoming{border:1px solid #d8dff4;border-radius:8px 8px 8px 2px;padding:12px 14px}.bubble{letter-spacing:0}.demo-stage .bubble{font-size:16px;line-height:1.5}.demo-controls{display:flex;gap:16px;flex-wrap:wrap;margin-top:auto;min-height:44px}.demo-trigger{display:inline-flex;align-items:center;gap:10px;border:1px solid #aeb9df;border-radius:6px;background:transparent;color:var(--ink);padding:9px 14px;font-size:15px;line-height:1.5;min-height:44px;letter-spacing:0}.demo-trigger:hover:not(:disabled){background:white;color:var(--ink);border-color:var(--blue)}.demo-trigger:focus-visible,.demo-reset:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.demo-reset{color:var(--muted);font-size:14px}.chat-caption{position:static;display:block;color:var(--muted);font-size:14px;line-height:1.5}.sandbox-hint{margin:0;padding:0 24px 18px;font-size:14px;line-height:1.5}.demo-noscript{color:var(--muted)}
.author-end{display:block;padding-block:32px 36px;border-top:1px solid var(--line)}.contact{max-width:none;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) auto;gap:32px;align-items:start}.contact h2{font-size:28px;line-height:1.2;margin:4px 0 0}.principles{font-size:16px;line-height:1.6;padding-left:18px;margin:0;max-width:500px}.principles li+li{margin-top:6px}.contact .direct-contact{font-size:18px;margin:0;letter-spacing:-.02em;line-height:1.5}.footer{border-color:var(--line);padding-block:12px}.case-main{padding-top:28px}.case-main>.flagship{padding-top:0}.case-main .back-link{grid-column:1/-1;grid-row:1;margin:0 0 12px}.case-main .case-heading{grid-row:2}.case-main .project-figure{grid-row:2/4}.case-main .story-grid{grid-row:3}.case-main>.bot-workshop{padding-top:0}.case-main>.bot-workshop>.back-link{grid-row:1;margin-bottom:0}.case-main .bot-copy,.case-main .sandbox{grid-row:2}.case-contact{border-color:var(--line)}
@media(max-width:1100px){.hero{gap:32px;padding-block:40px 48px}.hero h1{font-size:clamp(44px,5.2vw,60px)}.flagship,.bot-workshop{column-gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.case-heading h1,.case-heading h2,.bot-copy h1,.bot-copy h2{font-size:36px}.project-figure{padding:16px;min-height:360px}.sandbox{min-height:360px}.chat-preview{padding:20px 18px 14px}.sandbox-hint{padding-inline:18px}.sandbox-meta{padding-inline:18px}.contact{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:24px}.contact .direct-contact{grid-column:2;margin-top:-12px}.technical-note dl{gap:4px 12px}}
@media(max-width:760px){.site-header{min-height:80px}.hero{grid-template-columns:1fr;gap:20px;padding-block:32px 36px}.hero-byline{font-size:16px;margin-bottom:12px}.hero h1{font-size:clamp(38px,9.6vw,64px);line-height:1.08}.hero-position{padding:0;max-width:440px}.hero-position>p{font-size:17px;line-height:1.55}.hero-position>p+p{margin-top:8px}.hero-position .direct-contact{font-size:15px;margin-top:16px}.flagship{display:flex;flex-direction:column;gap:20px;padding-block:20px 36px}.case-heading{width:100%}.case-heading h1,.case-heading h2,.bot-copy h1,.bot-copy h2{font-size:34px;line-height:1.1}.case-summary{margin-top:10px}.case-summary>p{font-size:17px;line-height:1.5}.case-summary .text-link{margin-top:4px}.project-figure{order:0;width:100%;min-height:0;display:block;padding:16px;border-radius:8px}.browser-bar{padding:6px 10px;min-height:30px}.project-car img{aspect-ratio:1476/700;object-fit:contain}.story-grid{padding:0;width:100%}.story-section h3{font-size:16px;margin-bottom:4px}.story-section p{font-size:16px;line-height:1.6}.story-section+.story-section{margin-top:12px}.technical-note{margin-top:14px}.technical-note dl>div{gap:0}.bot-workshop{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-block:20px 36px}.bot-intro{font-size:17px;line-height:1.6;margin-top:14px}.bot-copy .text-link{margin-top:12px}.bot-detail{margin-top:12px}.sandbox{min-height:0;width:100%;max-width:none;border-radius:8px}.sandbox-meta{padding:12px 16px}.chat-preview{min-height:0;padding:20px 16px 14px;gap:12px}.demo-stage{min-height:66px}.demo-controls{margin-top:0;gap:12px}.demo-trigger{font-size:15px}.demo-stage .bubble{font-size:16px}.sandbox-hint{padding:0 16px 16px}.author-end{padding-block:28px}.contact{display:block}.contact h2{font-size:28px;margin:0 0 16px}.principles{font-size:16px;line-height:1.6}.contact .direct-contact{font-size:20px;margin-top:16px}.footer{padding-block:12px}.case-main{padding-top:8px}.case-main .back-link{margin-bottom:0}.case-main>.flagship{padding-top:16px}.case-main>.bot-workshop{padding-top:16px}.case-main .project-figure{order:0}.case-main .case-heading{order:0}.case-contact{padding-block:16px 28px}}