/* Quiet paper diagrams, with the same readable type as the experience sections. */
.ai-feature{padding:45px 0 70px;scroll-margin-top:25px}
.ai-heading{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;padding:20px 0 28px;border-bottom:1px solid #c7c7c3}
.ai-kicker{font:12px/1.5 var(--font-body);letter-spacing:.06em;color:var(--text-secondary);margin:0 0 8px}
.ai-heading h2{font:500 78px/1.05 var(--font-display);letter-spacing:-.03em;margin:0;color:var(--ink)}
.ai-role{font:14px/1.8 var(--font-body);color:var(--text-secondary);margin:14px 0 0}
.ai-intro{font:18px/1.75 var(--font-body);color:var(--text-body);margin:0}
.ai-intro strong{font-weight:650}
.ai-walkthrough{margin:32px 0 0;border:1px solid #bbbdb6;border-radius:12px;overflow:hidden;background:#f5f4f1}
.ai-window-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #d6d6d0;padding:18px 22px;font-size:12px;color:#636861}
.ai-window-bar>span:first-child{display:flex;gap:10px;align-items:center}
.ai-window-bar i{width:7px;height:7px;border-radius:50%;background:#62695f;box-shadow:12px 0 0 #a5a89f,24px 0 0 #d0d2ca;margin-right:24px}
.ai-window-bar>span:last-child{font-size:11px}
.ai-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:36px 22px}
.ai-flow-card{position:relative;background:#fcfbf8;border:1px solid #d3d4cb;border-radius:7px;padding:20px 18px;transition:box-shadow .5s,border-color .5s,transform .5s;min-width:0}
.ai-flow-card:not(:last-child)::after{content:'→';position:absolute;right:-22px;top:50%;font:22px var(--font-display);color:#888e81}
.ai-walkthrough[data-step="0"] [data-phase="0"],.ai-walkthrough[data-step="1"] [data-phase="1"],.ai-walkthrough[data-step="2"] [data-phase="2"]{border-color:#737c6b;box-shadow:0 7px 20px #42493612;transform:translateY(-5px)}
.ai-card-label{font:11px/1.5 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:#697160;margin:0 0 22px}
.ai-flow-card h3{font:500 28px/1.15 var(--font-display);margin:20px 0 14px;color:#373c34}
.ai-flow-card>p:last-child,.ai-flow-card>p:not(.ai-card-label){font:13px/1.8 var(--font-body);color:#5c6357;margin-bottom:0}
.ai-error-icon{font:32px/1.2 'DM Mono',monospace;color:#636b5c;margin:28px 0}
.ai-log{border-top:1px solid #dcdfd4;border-bottom:1px solid #dcdfd4;padding:12px 0;display:grid;gap:9px;font-size:11px;line-height:1.6;color:#676e61}
.ai-log code{font:11px/1.6 'DM Mono',monospace;color:#343c2e;white-space:normal}
.ai-model-mark{border:1px solid #909b85;border-radius:50%;width:123px;height:123px;margin:0 auto 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;outline:1px solid #d7dece;outline-offset:6px;background:radial-gradient(circle,#fcfcf7,#edf0e5)}
.ai-model-mark>span{font:500 39px/1.1 var(--font-display)}
.ai-model-mark small{font:10px/1.6 var(--font-body);margin-top:6px}
.ai-decisions{margin:0;font:12px/1.7 var(--font-body)}
.ai-decisions>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #dfe2d7;padding:7px 0}
.ai-decisions dt{color:#686f62}.ai-decisions dd{margin:0;font-weight:600;color:#424b38}
.ai-review-icon{display:flex;gap:4px;margin:29px 0}.ai-review-icon span{width:33px;height:29px;display:grid;place-items:center;background:#e9ecdf;color:#5b6649;font:20px 'DM Mono',monospace}.ai-review-icon span:first-child{background:#ebe8e1;color:#85796a}
.ai-review-list{display:grid;gap:11px;padding:10px 0;font-size:11px;line-height:1.6}.ai-review-list span::before{content:'✓';margin-right:8px;color:#6c775d}
.ai-walk-controls{display:flex;align-items:center;gap:25px;border-top:1px solid #d6d6d0;padding:14px 22px}.ai-walk-controls[hidden]{display:none}
.ai-steps{display:flex;flex:1;gap:20px}.ai-steps button,.ai-play{border:0;background:none;cursor:pointer;color:#6b7264;font:12px/1.6 var(--font-body);padding:9px 0}
.ai-steps button{flex:1;text-align:left;border-top:2px solid #d3d8ca}
.ai-steps button[aria-pressed="true"]{border-color:#505d42;color:#303b25;font-weight:650}
.ai-play{min-width:54px;text-align:right}
.ai-notes{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:34px;padding:10px 0 12px}
.ai-notes h3{font:650 21px/1.4 var(--font-body);margin:0 0 16px;color:#343a37}
.ai-notes p{font:17px/1.85 var(--font-body);color:var(--text-body);margin:0 0 20px}
.ai-footer{border-top:1px solid #c7c7c3;padding-top:22px;display:flex;flex-direction:column;gap:16px}
.ai-footer p{font:13px/1.9 var(--font-body);color:var(--text-secondary);margin:0}
.ai-footer>div{display:flex;gap:28px;flex-wrap:wrap}.ai-footer a{font-size:14px;font-weight:600;border-bottom:1px solid #9b9c93;padding-bottom:3px}
.ai-product-preview{margin:2px 0 28px;border-top:1px solid #c7c7c3;padding-top:20px}
.ai-product-preview summary{cursor:pointer;font:14px/1.7 var(--font-body);color:var(--text-body)}.ai-product-preview summary span{float:right}
.ai-product-preview figure{margin:20px 0 0}.ai-product-preview img{display:block;max-width:100%;height:auto;border:1px solid #d1d1cb;border-radius:8px}
.ai-product-preview figcaption{font:12px/1.8 var(--font-body);color:var(--text-secondary);padding:10px 0}
.ai-document-stack{position:relative;width:110px;height:110px;margin:10px auto 32px}
.ai-document-stack>span{position:absolute;width:80px;height:100px;border:1px solid #a9afa3;background:#fafaf6;border-radius:3px;left:15px;top:0;transform:rotate(-13deg)}
.ai-document-stack>span:nth-child(2){transform:rotate(10deg)}.ai-document-stack>span:last-child{transform:rotate(-1deg);padding:25px 14px}
.ai-document-stack b{display:block;border-top:2px solid #c0c7b6;margin:9px 0}.ai-document-stack b:last-child{width:65%}
.ai-source-label{border-top:1px solid #dcdfd4;margin-top:20px;padding-top:13px;font:11px/1.6 var(--font-body);color:#68725b}.ai-source-label>span{margin:0 4px}
.ai-taxonomy{height:132px;margin:10px 0;display:flex;flex-direction:column;align-items:center;font:11px/1.5 var(--font-body);color:#5b654f}
.ai-taxonomy>span{padding:9px 18px;border:1px solid #b6bea9;border-radius:4px;background:#f2f4e9}.ai-taxonomy>i{height:25px;border-left:1px solid #b6bea9}
.ai-taxonomy>div{display:flex;justify-content:space-between;gap:5px;width:100%;position:relative;padding-top:18px;border-top:1px solid #b6bea9}
.ai-taxonomy>div>span{padding:7px 5px;border:1px solid #c5ccbb;border-radius:4px;position:relative;background:#fcfcf8}
.ai-taxonomy>div>span::before{content:'';position:absolute;top:-19px;left:50%;height:18px;border-left:1px solid #b6bea9}
.ai-search-example{border:1px solid #acb69d;background:#f9faf5;border-radius:5px;padding:9px;font:11px/1.6 var(--font-body);margin-top:10px}.ai-search-example>span{font-size:19px;vertical-align:middle;margin-right:5px}
.ai-search-docs{display:flex;gap:10px;height:97px;margin-top:15px}.ai-search-docs>span{flex:1;border:1px solid #d4dacb;border-radius:3px;background:#fafbf7;padding:12px}.ai-search-docs b,.ai-search-docs i{display:block;border-top:2px solid #cbd2c0;margin:8px 0}.ai-search-docs b{width:55%;border-color:#929e83}
.ai-walkthrough.is-playing[data-step="1"] .ai-model-mark{animation:ai-breathe 2s ease-in-out infinite}
@keyframes ai-breathe{50%{outline-offset:11px;outline-color:#a5b292;box-shadow:0 0 25px #a5b29230}}
@media(min-width:1200px){.ai-feature{width:1060px}}
@media(max-width:700px){.ai-heading{grid-template-columns:1fr;gap:20px}.ai-heading h2{font-size:60px}.ai-intro{font-size:17px}.ai-role{font-size:13px}.ai-flow{grid-template-columns:1fr;padding:25px 18px;gap:22px}.ai-flow-card{padding:22px}.ai-flow-card:not(:last-child)::after{display:none}.ai-walkthrough.is-enhanced .ai-flow-card{display:none;min-height:385px}.ai-walkthrough.is-enhanced[data-step="0"] [data-phase="0"],.ai-walkthrough.is-enhanced[data-step="1"] [data-phase="1"],.ai-walkthrough.is-enhanced[data-step="2"] [data-phase="2"]{display:block;transform:none}.ai-window-bar{padding:16px 18px;align-items:start;flex-direction:column;gap:6px}.ai-window-bar>span:last-child{padding-left:41px}.ai-flow-card>p:not(.ai-card-label){font-size:14px}.ai-log,.ai-log code,.ai-review-list,.ai-decisions{font-size:12px}.ai-walk-controls{padding:12px 18px;gap:12px}.ai-steps{gap:10px}.ai-steps button{font-size:11px}.ai-play{font-size:11px;min-width:42px}.ai-notes{grid-template-columns:1fr;gap:12px}.ai-notes h3{font-size:20px}.ai-notes p{font-size:16px}.ai-model-mark{margin-bottom:26px}.ai-taxonomy{max-width:265px;margin:10px auto 25px}.ai-document-stack{margin-bottom:25px}.ai-search-docs{height:100px}.ai-footer>div{gap:20px}.ai-footer a{font-size:13px}.ai-feature{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.ai-flow-card{transition:none;transform:none!important}.ai-model-mark{animation:none!important}}

/* Illustrated films: frame-based document movement and responsive compositions. */
.ai-film-wrap{margin-top:30px}
.ai-film-caption{min-height:154px;padding-bottom:20px}
.ai-film-caption>span{font:12px/1.5 var(--font-body);letter-spacing:.05em;color:var(--text-secondary)}
.ai-film-caption h3{font:500 37px/1.15 var(--font-display);margin:7px 0 12px}
.ai-film-caption p{font:16px/1.7 var(--font-body);color:var(--text-body);max-width:850px;margin:0}
.ai-film-cinema{border:1px solid #bebeba;border-radius:12px;overflow:hidden}
.ai-film-controls{display:flex;align-items:center;gap:22px;padding:11px 0}
.ai-film-controls button{border:0;background:none;padding:8px 0;font:14px/1.7 var(--font-body);color:#535a4d;cursor:pointer;min-width:90px;text-align:left}
.ai-film-controls label{flex:1;display:flex}.ai-film-controls input{width:100%;height:28px;accent-color:#717b66;cursor:pointer}
.ai-film-controls>span{font:12px/1.5 var(--font-body);color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:58px;text-align:right}
.ai-film-chapters{display:flex;gap:20px}.ai-film-chapters button{border:0;border-top:2px solid #c7ccc0;background:none;text-align:left;flex:1;font:14px/1.5 var(--font-body);padding:10px 0;color:#71776a;cursor:pointer}.ai-film-chapters small{display:block;font:11px/1.5 'DM Mono',monospace;margin-bottom:4px}.ai-film-chapters button[aria-current="step"]{border-color:#535f48;color:#303b28}
.ai-film-reading{font:13px/1.7 var(--font-body);color:var(--text-secondary);padding:7px 0;background:none;border:0;border-bottom:1px dashed #aeb3a6;cursor:pointer;margin-top:12px}.ai-film-reading:disabled{border:0;cursor:default}
.ai-film-readable{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:30px}.ai-film-readable h3{font:500 29px/1.2 var(--font-display);margin:0 0 12px}.ai-film-readable p{font:16px/1.8 var(--font-body);color:var(--text-body)}
#work{scroll-margin-top:25px}
@media(max-width:700px){.ai-film-caption{min-height:187px}.ai-film-caption h3{font-size:30px}.ai-film-caption p{font-size:14px}.ai-film-controls{gap:12px}.ai-film-controls button{font-size:12px;min-width:66px}.ai-film-chapters{gap:12px}.ai-film-chapters button{font-size:12px}.ai-film-readable{grid-template-columns:1fr;gap:14px}}

/* A sticky stage maps the whole story to scroll position, like Weaszel. */
.ai-film-track{height:350svh;position:relative}
.ai-film-sticky{position:sticky;top:12px;padding-top:12px}
.ai-film-track .ai-film-caption{min-height:140px;padding-bottom:14px}
.ai-film-track .ai-film-cinema{max-width:calc((100svh - 340px)*1.666667);margin:0 auto}
.ai-film-scroll-hint{font:18px/1.4 var(--font-display);text-align:center;color:var(--text-secondary);margin:5px 0 0}
.ai-film-still{height:auto}.ai-film-still .ai-film-sticky{position:relative;top:0}
@media(max-width:700px){.ai-film-track{height:350svh}.ai-film-sticky{top:5px;padding-top:10px}.ai-film-track .ai-film-caption{min-height:175px}.ai-film-track .ai-film-cinema{max-width:calc((100svh - 340px)*.76)}.ai-film-scroll-hint{font-size:16px}.ai-film-still{height:auto}}
@media(max-height:620px) and (min-width:701px){.ai-film-track{height:auto}.ai-film-sticky{position:relative;top:0}.ai-film-track .ai-film-cinema{max-width:850px}.ai-film-scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.ai-film-track{height:auto}.ai-film-sticky{position:relative;top:0}}