.ai-cast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ai-cast__card{border-radius:12px;min-height:184px;padding:20px;display:flex;flex-direction:column;gap:12px;color:#1a1a19;transition:transform .2s ease-out}
.ai-cast__card:hover{transform:translateY(-4px) rotate(-.3deg)}
.ai-cast__card--lavender{background:#d3c8e7}
.ai-cast__card--peach{background:#e9af91}
.ai-cast__card--mint{background:#c8d7cc}
.ai-cast__card .meta-label{color:#343431}
.ai-cast__card h3{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:29px;letter-spacing:-.45px;margin:18px 0 0}
.ai-cast__card h3,.ai-cast__card p{color:#1a1a19}
.ai-cast__card p{font-family:var(--font-meta);font-size:11px;line-height:18px;letter-spacing:.45px;text-transform:uppercase;margin:auto 0 0}
.ai-cast__card--lead{grid-column:1/-1;min-height:190px}.ai-cast__card--lead h3{max-width:760px;font-size:32px;line-height:38px;letter-spacing:-.7px}.ai-cast__card--lead p{font-size:12px}
.ds-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:12px;align-items:stretch}
.ds-showcase figure{margin:0}
.ds-showcase__cover,.ds-showcase__detail{border:1px solid var(--color-border-default);background:var(--color-bg-surface);border-radius:12px;padding:12px;min-width:0}
.ds-showcase__cover{display:flex;flex-direction:column}
.ds-showcase__cover img{width:100%;height:100%;min-height:390px;object-fit:cover;border-radius:8px;background:#111}
.ds-showcase figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--color-text-secondary);font-size:13px;line-height:20px;padding:12px 4px 2px}
.ds-showcase figcaption a{color:var(--color-text-primary);text-underline-offset:3px;white-space:nowrap}
.ds-showcase__detail{display:flex;flex-direction:column;gap:12px}
.ds-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.ds-ribbon span{border-radius:7px;padding:11px 8px;text-align:center;color:#1a1a19;font-family:var(--font-meta);font-size:10px;line-height:14px;letter-spacing:.7px;text-transform:uppercase}
.ds-ribbon span:nth-child(1){background:#d3c8e7}.ds-ribbon span:nth-child(2){background:#e9af91}.ds-ribbon span:nth-child(3){background:#c8d7cc}
.ds-showcase__detail figure{display:flex;flex-direction:column;flex:1}
.ds-showcase__detail figcaption{display:block}
.depth-system-proof__canvas{background:#f4f2ec;border-radius:8px;min-height:300px;padding:20px;color:#1a1a19;display:flex;flex-direction:column;gap:16px}
.depth-system-proof__header,.depth-system-proof__source{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-meta);font-size:9px;line-height:13px;letter-spacing:.65px;text-transform:uppercase}
.depth-system-proof__header span:last-child{color:#6d6d66}
.depth-system-proof__modes{display:grid;grid-template-columns:1fr .78fr;gap:8px;flex:1;align-items:stretch}
.depth-system-proof__mode{border:1px solid #1a1a1924;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fffdf8}
.depth-system-proof__mode--tldr{background:#d3c8e7;transform:translateY(12px)}
.depth-system-proof__pill{align-self:flex-start;border:1px solid #1a1a1938;border-radius:999px;padding:4px 7px;font-family:var(--font-meta);font-size:8px;line-height:10px;letter-spacing:.4px;text-transform:uppercase}
.depth-system-proof__mode strong{font-family:var(--font-display);font-size:15px;line-height:18px;margin:4px 0}
.depth-system-proof__line{height:4px;border-radius:999px;background:#1a1a1938;width:82%}.depth-system-proof__line.is-long{width:100%}.depth-system-proof__line.is-short{width:56%}
.depth-system-proof__blocks{display:flex;gap:4px;margin-top:auto}.depth-system-proof__blocks i{display:block;flex:1;height:28px;border-radius:4px;background:#e9af91}.depth-system-proof__blocks i:nth-child(2){background:#c8d7cc}.depth-system-proof__blocks i:nth-child(3){background:#d3c8e7}
.depth-system-proof__source{border-top:1px solid #1a1a1924;padding-top:12px;color:#55554f}
.depth-system-proof__source span:last-child{font-size:14px}
.ds-artifacts{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.45fr);gap:12px}
.ds-artifacts figure,.reading-modes-proof figure,.project-range-proof figure{margin:0}
.ds-artifacts figure{border:1px solid var(--color-border-default);border-radius:12px;background:var(--color-bg-surface);padding:12px;min-width:0;display:flex;flex-direction:column}
.evidence-frame{border-radius:8px;overflow:hidden;background:#f5f4ee;min-width:0}
.evidence-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}
.ds-detail-board{background:#f4f2ec;border-radius:8px;padding:10px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(150px,.5fr);gap:8px;min-height:410px}
.ds-detail-board__panel{background:#fff;border:1px solid #1a1a1912;border-radius:6px;overflow:hidden;min-width:0}
.ds-detail-board__panel img{width:100%;height:100%;display:block;object-fit:contain}
.ds-detail-board__panel--tokens,.ds-detail-board__panel--states{min-height:260px}.ds-detail-board__panel--metrics{grid-column:1/-1;min-height:118px}
.ds-artifacts__mobile .evidence-frame{aspect-ratio:.62/1;background:#54254f}
.ds-artifacts__mobile img{object-position:top center}
.ds-artifacts figcaption{display:flex;flex-direction:column;gap:5px;padding:14px 4px 4px;color:var(--color-text-secondary);font-size:13px;line-height:20px}
.ds-artifacts figcaption strong{color:var(--color-text-primary);font-family:var(--font-display);font-size:18px;line-height:23px;font-weight:600}
.reading-modes-proof{border-top:1px solid var(--color-border-default);padding-top:24px;display:flex;flex-direction:column;gap:20px}
.reading-modes-proof__intro{display:grid;grid-template-columns:170px minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}
.reading-modes-proof__intro h3,.project-range-proof__intro h3{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:29px;letter-spacing:-.45px;margin:0}
.reading-modes-proof__intro>p:last-child{color:var(--color-text-secondary);font-size:15px;line-height:23px;margin:0}
.reading-modes-proof__screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reading-modes-proof figure{border:1px solid var(--color-border-default);background:var(--color-bg-surface);border-radius:12px;padding:12px}
.reading-modes-proof .evidence-frame{aspect-ratio:1.22/1}
.reading-modes-proof figcaption,.project-range-proof figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--color-text-primary);padding:11px 3px 1px;font-family:var(--font-meta);font-size:11px;line-height:15px;letter-spacing:.55px;text-transform:uppercase}
.reading-modes-proof figcaption small,.project-range-proof figcaption small{color:var(--color-text-muted);font:inherit;font-size:9px}
.build-layers article,.build-layers article h3,.build-layers article .meta-label,.build-layers article>p:last-child,.build-layer__number{color:#1a1a19!important}
.build-layers article .meta-label,.build-layer__number{opacity:.72}
.limits-grid__human,.limits-grid__human .meta-label,.limits-grid__human ul,.limits-grid__human li,.limits-grid__human li:before{color:#1a1a19!important}
.limits-grid__human .meta-label,.limits-grid__human li:before{opacity:.68}
.system-stack article:first-child{border-top:0!important;padding-top:0!important}
.page-proof{border-top:1px solid var(--color-border-default);padding-top:24px;display:flex;flex-direction:column;gap:24px}
.page-proof__intro{display:grid;grid-template-columns:170px minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}
.page-proof__intro h3{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:29px;letter-spacing:-.45px;margin:0}
.page-proof__intro>p:last-child{color:var(--color-text-secondary);font-size:15px;line-height:23px;margin:0}
.page-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 14px 26px;background:#17231f;border-radius:12px;overflow:hidden;position:relative}
.page-showcase:before,.page-showcase:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.page-showcase:before{width:190px;height:190px;background:#6b578c;right:-75px;top:-100px;opacity:.65}.page-showcase:after{width:170px;height:170px;background:#9f6c59;left:-70px;bottom:-110px;opacity:.5}
.page-showcase__card{z-index:1;margin:0;background:#f5f4ee;border-radius:10px;overflow:hidden;box-shadow:0 18px 36px #0003;transition:transform .2s ease-out}
.page-showcase__card--home{transform:rotate(-1.2deg)}.page-showcase__card--about{transform:translateY(14px) rotate(.7deg)}.page-showcase__card--story{transform:rotate(-.35deg)}
.page-showcase__card:hover{transform:translateY(-4px) rotate(0deg)}
.page-showcase__bar{height:28px;background:#ecece5;border-bottom:1px solid #deded6;display:flex;align-items:center;gap:5px;padding:0 9px}
.page-showcase__bar span{width:6px;height:6px;border-radius:50%;background:#b7b7ad}.page-showcase__bar small{margin-left:6px;color:#77786f;font-family:var(--font-meta);font-size:8px;letter-spacing:.3px}
.page-showcase__card>img{width:100%;height:350px;object-fit:cover;object-position:top;background:#fff}
.page-showcase__card figcaption{color:#55554f;font-size:12px;line-height:18px;padding:10px 12px 12px}
.project-range-proof{display:flex;flex-direction:column;gap:18px;padding-top:24px}
.project-range-proof__intro{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}
.project-range-proof__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.project-range-proof__card{border:1px solid var(--color-border-default);background:var(--color-bg-surface);border-radius:12px;padding:12px;overflow:hidden}
.project-range-proof__card>img{width:100%;aspect-ratio:1.1/1;object-fit:cover;object-position:top;display:block;border-radius:8px;background:#fff}
.problem-evidence{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:12px;margin-top:8px}
.problem-test{margin:0;border-left:3px solid #e9af91;background:var(--color-bg-surface);border-radius:0 10px 10px 0;padding:16px 20px;display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center}.problem-test p{margin:0}.problem-test>p:last-child{color:var(--color-text-primary);font-family:var(--font-display);font-size:20px;line-height:26px;letter-spacing:-.25px}
.problem-evidence figure{margin:0;border:1px solid var(--color-border-default);background:var(--color-bg-surface);border-radius:12px;padding:12px;min-width:0}
.problem-evidence figcaption{display:flex;flex-direction:column;gap:4px;padding:12px 3px 2px;color:var(--color-text-primary);font-family:var(--font-meta);font-size:11px;line-height:16px;letter-spacing:.5px;text-transform:uppercase}
.problem-evidence figcaption small{color:var(--color-text-muted);font:inherit;font-size:9px}
.old-pattern{height:390px;border-radius:8px;background:#252522;color:#f5f4ee;overflow:hidden;display:flex;flex-direction:column}
.old-pattern__bar{height:34px;border-bottom:1px solid #ffffff1f;display:flex;align-items:center;gap:6px;padding:0 12px}.old-pattern__bar i{width:6px;height:6px;border-radius:50%;background:#77776f}.old-pattern__bar span{margin-left:auto;font-family:var(--font-meta);font-size:8px;letter-spacing:.65px;color:#aaa9a1}
.old-pattern__scroll{width:76%;margin:0 auto;padding:28px 0 22px;display:flex;flex-direction:column;gap:10px;position:relative}.old-pattern__scroll:after{content:"";position:absolute;right:-13px;top:25px;width:2px;height:310px;background:linear-gradient(#d3c8e7 0 19%,#ffffff20 19% 70%,#e9af91 70% 100%);border-radius:3px}
.old-pattern__block{border-radius:7px;padding:12px 13px;font-family:var(--font-display);font-size:15px;display:flex;gap:10px;align-items:center}.old-pattern__block b{font-family:var(--font-meta);font-size:9px;font-weight:500;opacity:.65}.old-pattern__block--context{background:#3b3445}.old-pattern__block--process{margin-top:14px;background:#33332f}.old-pattern__block--result{margin-top:18px;background:#e9af91;color:#1a1a19}
.old-pattern__line{height:5px;width:74%;background:#ffffff24;border-radius:99px}.old-pattern__line.is-long{width:100%}.old-pattern__line.is-short{width:46%}
.problem-evidence__image{height:390px;border-radius:8px;overflow:hidden;position:relative;background:#f5f4ee}.problem-evidence__image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}
.evidence-tag{position:absolute;padding:7px 10px;border-radius:999px;background:#1a1a19;color:#fafaf8;font-family:var(--font-meta);font-size:9px;line-height:12px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 6px 20px #0003}.evidence-tag--one{top:18px;left:20px}.evidence-tag--two{top:122px;right:18px;background:#5e3a5a}.evidence-tag--three{bottom:18px;left:42%;background:#336d58}
[data-lightbox-trigger]{cursor:zoom-in}
[data-lightbox-trigger]:focus-visible{outline:3px solid #815b9f;outline-offset:4px;border-radius:6px}
.qa-reality{border:1px solid var(--color-border-default);border-radius:12px;background:var(--color-bg-surface);padding:12px;display:flex;flex-direction:column;gap:12px}.qa-reality__header{border-radius:8px;background:#3b2e49;padding:22px;color:#fafaf8;display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start}.qa-reality__header .meta-label{color:#d5c9e7}.qa-reality__header h3{margin:0;max-width:620px;color:#fafaf8;font-family:var(--font-display);font-size:26px;line-height:32px;letter-spacing:-.45px}.qa-reality__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qa-reality__columns article{min-height:190px;border-radius:8px;background:#f4f2ec;padding:20px;color:#1a1a19;display:flex;flex-direction:column;gap:22px}.qa-reality__columns article:nth-child(2){background:#f1ddd2}.qa-reality__columns p{margin:auto 0 0;color:#1a1a19;font-size:16px;line-height:24px}.qa-reality__status{align-self:flex-start;border-radius:999px;padding:7px 10px;color:#1a1a19;font-family:var(--font-meta);font-size:9px;line-height:12px;letter-spacing:.55px}.qa-reality__status--pass{background:#c8d7cc}.qa-reality__status--found{background:#e9af91}.qa-reality__foot{border-top:1px solid var(--color-border-default);padding:16px 10px 8px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px}.qa-reality__foot p{margin:0;color:var(--color-text-secondary);font-size:15px;line-height:23px}
@media (width<=1023px){.ai-cast{grid-template-columns:1fr}.ai-cast__card,.ai-cast__card--lead{grid-column:auto;min-height:150px}.ds-showcase{grid-template-columns:1fr}.ds-showcase__cover img{min-height:0}.ds-artifacts{grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr)}.page-proof__intro,.reading-modes-proof__intro{grid-template-columns:1fr}.page-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.page-showcase__card--story{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.problem-evidence{grid-template-columns:1fr}}
@media (width<=767px){.ds-showcase figcaption{display:block}.ds-showcase figcaption a{display:inline-block;margin-top:4px}.ds-ribbon{grid-template-columns:1fr}.ds-artifacts,.reading-modes-proof__screens,.project-range-proof__grid,.project-range-proof__intro{grid-template-columns:1fr}.ds-detail-board{grid-template-columns:1fr;min-height:0}.ds-detail-board__panel--metrics{grid-column:auto}.ds-detail-board__panel--tokens,.ds-detail-board__panel--states{min-height:220px}.ds-artifacts__mobile .evidence-frame{aspect-ratio:1/1}.ds-artifacts__mobile img{object-position:top}.reading-modes-proof .evidence-frame{aspect-ratio:1/1}.page-showcase{grid-template-columns:1fr;padding:14px}.page-showcase__card--home,.page-showcase__card--about,.page-showcase__card--story{width:100%;grid-column:auto;transform:none}.page-showcase__card>img{height:330px}.ai-cast__card h3,.ai-cast__card--lead h3{margin-top:12px;font-size:24px;line-height:29px}.project-range-proof__card>img{aspect-ratio:1/1}.old-pattern,.problem-evidence__image{height:320px}.evidence-tag--two{top:102px}.evidence-tag--three{left:20px}.problem-test,.qa-reality__header,.qa-reality__columns,.qa-reality__foot{grid-template-columns:1fr;gap:8px}.qa-reality__columns article{min-height:160px}}
@media (prefers-reduced-motion:reduce){.ai-cast__card,.page-showcase__card{transition:none}.ai-cast__card:hover,.page-showcase__card:hover{transform:none}}