:is(.case-design,.case-standalone){--case-editorial-font:var(--font-instrument-sans,"Instrument Sans"),"Helvetica Neue",Helvetica,Arial,sans-serif;--case-heading-font:var(--font-space-grotesk,"Space Grotesk"),"Helvetica Neue",Helvetica,Arial,sans-serif;--case-label-font:var(--font-space-mono,"Space Mono");--case-title-size:clamp(36px,4.2vw,52px);--case-section-size:clamp(30px,3.2vw,38px)}:is(.case-design,.case-standalone) :is(h1,h2,h3,h4,p,li,dt,dd,figcaption,blockquote):not(:where(.sentry-demo *,.sentry-preview-card *,.agent-film *,.agent-handoff-preview *,.rt-specimen *,.queue-flow *,.queue-concept-sketch *,.travel-glance *,.trace-watch *,pre *,code *)){font-family:var(--case-editorial-font)!important}:is(.case-design,.case-standalone) h1{font-family:var(--case-heading-font)!important;font-size:var(--case-title-size)!important;font-weight:600!important;line-height:1.1!important;letter-spacing:-.05em!important;word-spacing:-.05em;text-wrap:balance}:is(.case-design,.case-standalone) h2:not(:where(.sentry-demo *,.agent-handoff-preview *,.queue-flow *,.related-studies *)){font-family:var(--case-heading-font)!important;font-size:var(--case-section-size)!important;font-weight:600!important;line-height:1.12!important;letter-spacing:-.05em!important;word-spacing:-.05em;text-wrap:balance}:is(.case-design,.case-standalone) :is(h3,h4):not(:where(.sentry-demo *,.agent-handoff-preview *,.queue-flow *,.rt-specimen *)){font-family:var(--case-heading-font)!important;font-size:26px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-.01em!important}:is(.case-design,.case-standalone) :is(.section-text,.ibm-section-text,.td-section-text,.fb-text,.trace-ecosystem-copy>p,.agent-story-opening>p:not(.agent-story-label),.agent-story-section>p:not(.agent-story-label),.se-chapter>p,.story-queue-solution>div>p){font-size:16px!important;line-height:1.55!important;font-weight:400!important;letter-spacing:0!important}:is(.case-design,.case-standalone) :is(.agent-story-insight strong,.user-quote-blue p,.key-insight p,.research-quote){font-family:var(--case-editorial-font)!important;font-style:normal!important;font-weight:400!important;letter-spacing:-.015em!important;line-height:1.4!important}:is(.case-design,.case-standalone) :is(.section-subtitle,.subsection-header,.attempt-summary,.attempt-body,.numbered-feature p,.decision-content p,.column p,.research-label,.research-value){font-family:var(--case-editorial-font)!important}@media(max-width:700px){:is(.case-design,.case-standalone) :is(.section-text,.ibm-section-text,.td-section-text,.fb-text,.trace-ecosystem-copy>p,.agent-story-opening>p:not(.agent-story-label),.agent-story-section>p:not(.agent-story-label),.se-chapter>p,.story-queue-solution>div>p){font-size:16px!important;line-height:1.6!important}}:is(.case-design,.case-standalone){--editorial-surface:#f7f7f7;--editorial-border:#dedede;--editorial-copy:#555;--editorial-ink:#171717;--editorial-accent:#7250c8}body.case-standalone[data-theme=dark],html[data-theme=dark] :is(.case-design,.case-standalone){--editorial-surface:#171717;--editorial-border:#303030;--editorial-copy:#b8b8b8;--editorial-ink:#fafafa}:is(.case-design,.case-standalone) :is(.agent-decision-grid>div,.se-research-pair article,.se-split-audit article){padding:24px!important;border:1px solid var(--editorial-border)!important;border-radius:4px!important;background:var(--editorial-surface)!important;box-shadow:none!important}:is(.case-design,.case-standalone) :is(.agent-decision-grid,.se-research-pair,.se-split-audit){gap:24px!important}:is(.case-design,.case-standalone) :is(.agent-decision-grid,.se-research-pair,.se-split-audit) h3{font-size:24px!important;margin:0 0 12px!important;color:var(--editorial-ink)!important}:is(.case-design,.case-standalone) :is(.agent-decision-grid,.se-research-pair,.se-split-audit) p{font-size:14px!important;line-height:1.55!important;color:var(--editorial-copy)!important;margin:0!important}:is(.case-design,.case-standalone) :is(.agent-story-insight,.key-insight,.user-quote-blue){background:var(--editorial-surface)!important;border:0!important;border-left:3px solid var(--editorial-accent)!important;border-radius:0 4px 4px 0!important;padding:clamp(24px,3vw,32px)!important;margin-block:32px!important;color:var(--editorial-ink)!important;box-shadow:none!important}:is(.case-design,.case-standalone) :is(.agent-story-insight strong,.key-insight p,.user-quote-blue p){font-size:clamp(20px,2vw,24px)!important;line-height:1.5!important;color:var(--editorial-ink)!important;font-style:normal!important}:is(.case-design,.case-standalone) :is(.agent-learning-list,.story-lessons,.design-decisions){display:grid;gap:32px!important}:is(.case-design,.case-standalone) :is(.agent-learning-list article,.story-lessons article,.decision-item){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;column-gap:20px!important}:is(.case-design,.case-standalone) .story-lessons article:before{content:"↗";color:var(--editorial-accent);font:24px/1.25 var(--case-editorial-font);grid-row:1/3}:is(.case-design,.case-standalone) .story-lessons article>:is(h3,p){grid-column:2}:is(.case-design,.case-standalone) :is(.agent-learning-list,.story-lessons,.decision-content) :is(h3,h4){font-size:24px!important;line-height:1.1!important;margin:0 0 10px!important;color:var(--editorial-ink)!important}:is(.case-design,.case-standalone) :is(.agent-learning-list,.story-lessons,.decision-content) p{font-size:16px!important;line-height:1.55!important;margin:0!important;color:var(--editorial-copy)!important}:is(.case-design,.case-standalone) :is(.agent-learning-list article>svg,.decision-icon){color:var(--editorial-accent)!important;background:none!important;border:0!important;width:24px!important;height:24px!important;padding:0!important}:is(.case-design,.case-standalone) .agent-decision-symbol{color:var(--editorial-accent)!important;margin-bottom:24px!important}@media(max-width:700px){:is(.case-design,.case-standalone) :is(.agent-decision-grid,.se-research-pair,.se-split-audit){grid-template-columns:1fr!important}}.case-design .trace-case.travel-case.se-case-message-queuing .se-concept-decisions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;overflow:visible!important}.case-design .trace-case.travel-case.se-case-message-queuing .se-concept-decisions figure{padding:24px!important;background:var(--editorial-surface)!important;border:1px solid var(--editorial-border)!important;border-radius:4px!important}.case-design .se-concept-decisions figcaption p{font-size:14px!important;line-height:1.55!important}@media(max-width:700px){.case-design .trace-case.travel-case.se-case-message-queuing .se-concept-decisions{grid-template-columns:1fr!important}}.case-design :is(.trace-insight-readings article,.se-component-contract article){padding:24px!important;background:var(--editorial-surface)!important;border:1px solid var(--editorial-border)!important;border-radius:4px!important;color:var(--editorial-ink)!important}.case-design :is(.trace-insight-readings,.se-component-contract) h3{font-size:24px!important;font-weight:700!important;line-height:1.1!important;margin:0 0 12px!important;color:var(--editorial-ink)!important}.case-design :is(.trace-insight-readings,.se-component-contract) p{font-size:14px!important;line-height:1.55!important;color:var(--editorial-copy)!important;margin:0!important}.case-design .trace-has-navigation :is(.trace-problem-compact>p,.travel-evidence-copy>p){font-size:16px!important;line-height:1.55!important}:is(.case-design,.case-standalone){--editorial-muted:#686868;--editorial-accent:#6d28d9}html[data-theme=dark] :is(.case-design,.case-standalone){--editorial-muted:#a3a3a3;--editorial-accent:#b497ff}.case-design .agent-story{--editorial-accent:#e64800}html[data-theme=dark] .case-design .agent-story{--editorial-accent:#ff6b24}.case-standalone{--editorial-accent:#e64800}html[data-theme=dark] .case-standalone{--editorial-accent:#ff6b24}:is(.case-design,.case-standalone) :is(.project-meta,.ibm-project-meta,.td-project-meta,.fb-meta,.section-label,.ibm-section-label,.td-section-label,.fb-label,.trace-kicker,.agent-story-label,.agent-segment-label,.info-item h4,.trace-project-facts dt,.agent-story-facts dt){font-family:var(--case-label-font),monospace!important;font-size:11px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--editorial-muted)!important}:is(.case-design,.case-standalone) :is(.tree-nav,.agent-story-tree,.sentry-story-tree,.trace-case-tree) a{font-family:var(--case-label-font),monospace!important;font-size:10px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--editorial-muted)!important}.case-standalone .tree-section.active>a,:is(.case-design,.case-standalone) :is(.tree-nav,.agent-story-tree,.sentry-story-tree,.trace-case-tree) :is(a[aria-current],a:hover,a:focus-visible){color:var(--editorial-ink)!important}:is(.case-design,.case-standalone) :is(.section-subtitle,.attempt-summary,.attempt-body,.column>p,.footer-credit,.se-caption,.se-source figcaption,.se-handle-study figcaption){color:var(--editorial-muted)!important}.case-standalone :is(.image-label,.quote-card .speaker){color:#626262!important}.case-standalone a.story-block{color:var(--editorial-ink)!important;background:var(--editorial-surface)!important}.case-standalone a.story-block :is(h3,p,span){color:inherit!important}.case-design .trace-case .trace-decision-scroll{--trace-ink:#1d1d1f;--trace-copy:#555;color:#1d1d1f}.case-design .trace-case .ts-color-bridge{color:var(--trace-copy)!important}.case-design :is(.ibm-top-nav,.td-top-nav,.top-nav,.ibm-footer-links,.td-footer-links,.footer-links) :is(a,button),.case-design :is(.td-nav-pills,.ibm-nav-pills,.nav-pills) :is(a,button){color:var(--editorial-ink)!important}.case-design :is(.ibm-tree-section-link,.td-tree-section-link,.tree-section-link,.tree-subsection-link){color:var(--editorial-muted)!important}.case-design :is(.ibm-info-item,.td-info-item,.fb-info-item) h4{font-family:var(--case-label-font),monospace!important;font-size:11px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--editorial-muted)!important}.case-design .agent-segment{background:var(--editorial-surface)!important;border:1px solid var(--editorial-border)!important;border-radius:4px!important;padding:24px!important}.case-design .agent-segment p{color:var(--editorial-copy)!important}.case-design .image-label,.case-standalone .image-container .image-label{color:var(--editorial-muted)!important}.case-design .se-concept-decisions figcaption{color:var(--editorial-copy)!important}.case-design .agent-study-page :is(p,nav a,.walkthrough-switch button,.walkthrough-caption button){color:#625b55}.case-design .agent-study-page .walkthrough-step{opacity:1}.case-design .agent-study-page .agent-description{color:#625b55!important}.case-design :is(.ibm-highlight-icon,.ibm-locked-icon,.td-highlight-icon,.td-locked-icon),.case-standalone :is(.decision-icon,.story-icon){color:var(--editorial-accent)!important}.case-design :is(.ibm-main-content,.td-main-content) blockquote{border-left:3px solid var(--editorial-accent)!important;padding:24px!important;border-radius:0 4px 4px 0;background:var(--editorial-surface);color:var(--editorial-ink);font-style:normal}.case-design:has(.agent-study-page){background:var(--editorial-page-bg,#fff)}html[data-theme=dark] .case-design:has(.agent-study-page){--editorial-page-bg:#000}.case-design .agent-study-page{background:var(--editorial-page-bg,#fff);color:var(--editorial-ink)}.case-design .agent-study-page>:is(header,nav,footer,.agent-study-notes) :is(p,a,span){color:var(--editorial-muted)!important}.case-design :is(.ibm-key-insight,.td-key-insight){border-left:3px solid var(--editorial-accent)!important;padding:24px!important;background:var(--editorial-surface)!important}.case-design :is(.ibm-key-insight,.td-key-insight) p{color:var(--editorial-ink)!important;font-style:normal!important;line-height:1.55!important}.case-design .td-disclaimer-icon-wrap svg{color:var(--editorial-accent)!important}.case-design .se-hero-art.se-hero-split-panel,.case-design .se-hero-split-panel .se-hero-product{background:#fff!important;background-image:none!important}.case-design .se-handle-study figure>div{background:#fff!important;color:#302d38!important;border-color:#d7d4de;overflow:visible}.case-design .se-handle-study figure span{color:#302d38!important}.case-design .se-handle-study i{position:relative;background:#d7d4de;box-shadow:none}.case-design .se-handle-study [data-state="1"] i{background:#9d7aff;box-shadow:0 0 0 1px #cbb9ff}.case-design .se-handle-study [data-state="2"] i{background:#7951ff;box-shadow:0 0 0 3px #fff,0 0 0 5px #7951ff;border-radius:1px}.case-design .se-handle-study [data-state="3"]{grid-template-columns:1.25fr 1px .75fr}.case-design .se-handle-study [data-state="3"] i{background:#5934c4;box-shadow:0 0 0 2px #7951ff}.case-design .se-handle-study [data-state="3"] i:after{content:"";position:absolute;inset:calc(50% - 11px) -3px auto;height:22px;background:#5934c4;border-radius:3px}.case-design .se-component-contract{background:#fff!important;border-radius:4px!important}.case-design .se-component-contract article{background:#f6f5f8!important;border-color:#dfdce5!important}.case-design .se-component-contract :is(h3,p,.trace-kicker){color:#302d38!important}.case-design .sentry-split .split-divider:hover:before{background:#a78bfa;box-shadow:0 0 0 1px #cbb9ff}.case-design .sentry-split .split-divider:focus-visible:before{background:#7951ff;box-shadow:0 0 0 3px #fff,0 0 0 5px #7951ff}.case-design .sentry-split .split-divider.is-dragging:before{background:#5934c4;box-shadow:0 0 0 2px #7951ff}:is(.case-design,.case-standalone) .story-lessons article:before{content:none}.case-design .story-lessons .editorial-idea-icon{width:24px;height:24px;color:var(--editorial-accent);grid-column:1;grid-row:1/3;margin-top:2px}.case-design .agent-story .agent-segment,.case-design .agent-story .agent-segment:nth-child(2){background:#ffff99!important;border:1px solid #e0e080!important;border-radius:2px!important;box-shadow:0 4px 0 #dddd78,0 12px 24px #00000012!important}.case-design .agent-story .agent-segment :is(h4,dt,strong){color:#332d23!important}.case-design .agent-story .agent-segment :is(p,dd,span){color:#594e31!important}.case-design .agent-story .agent-segment .agent-segment-label{color:#706039!important}.case-design .agent-story{--editorial-accent:#7733e8}html[data-theme=dark] .case-design .agent-story{--editorial-accent:#b889ff}.case-design .agent-configuration-stat{margin:32px 0;padding:0;max-width:68ch}.case-design .agent-configuration-stat h3{font-size:24px!important;line-height:1.3!important;letter-spacing:-.015em;margin:0 0 12px;color:var(--editorial-ink);text-wrap:pretty}.case-design .agent-configuration-stat h3 span{color:var(--editorial-accent)}.case-design .agent-configuration-stat>p{font-size:16px;line-height:1.55;color:var(--editorial-copy);margin:0}.case-standalone .technical-question-card{position:relative;padding:40px;margin:32px 0;border:1px solid var(--editorial-border);border-radius:4px;background:var(--editorial-surface);color:var(--editorial-ink)}.case-standalone .technical-question-card:after,.case-standalone .technical-question-card:before{content:"";position:absolute;width:24px;height:24px;border-color:var(--editorial-accent);border-style:solid}.case-standalone .technical-question-card:before{top:12px;left:12px;border-width:1px 0 0 1px}.case-standalone .technical-question-card:after{bottom:12px;right:12px;border-width:0 1px 1px 0}.case-standalone .technical-question-card>p{font-size:28px!important;font-weight:500;line-height:1.25!important;letter-spacing:-.02em;max-width:36ch;margin:16px 0;color:var(--editorial-ink)!important}.case-standalone .technical-question-detail{display:block;max-width:62ch;font-size:14px;line-height:1.55;color:var(--editorial-copy)}@media(max-width:600px){.case-standalone .technical-question-card{padding:32px 24px}.case-standalone .technical-question-card>p{font-size:24px!important}}.case-design .se-hero-split-panel .split-reference-preview{background:#fff!important}.case-standalone :is(blockquote.font-research-quote,.font-original-question){background:transparent!important;border:0!important;border-left:3px solid var(--figma-blue)!important;border-radius:0!important;padding:0 0 0 var(--space-lg)!important;margin:var(--space-xl) 0!important}.case-standalone :is(blockquote.font-research-quote,.font-original-question) p{font-family:"Source Serif 4",Georgia,serif!important;font-size:var(--font-subsection)!important;font-style:italic!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;color:var(--text-primary)!important;margin:0!important}body.case-fontcontext,html[data-theme=dark] body.case-fontcontext{--editorial-accent:#ff5a00;--figma-blue:#ff5a00;--figma-blue-hover:#e04f00;--figma-blue-50:rgba(255,90,0,.5);--figma-blue-light:#f4f4f6}html[data-theme=dark] body.case-fontcontext{--figma-blue-light:rgba(255,255,255,.07)}.case-fontcontext .attempt-visual svg,.case-fontcontext :is(.stat-icon,.metric-icon,.bolt-icon,.decision-icon,.story-icon){color:var(--editorial-accent)!important}.case-fontcontext :is(.font-research-quote,.font-original-question){border-left-color:var(--editorial-accent)!important}html[data-type] :is(.case-design,.case-standalone){--case-heading-font:var(--tt-heading);--case-editorial-font:var(--tt-body);--case-label-font:var(--tt-label)}html[data-type] :is(.case-design,.case-standalone) :is(h1,h2,h3,h4){font-weight:var(--tt-heading-weight,600)!important;font-style:var(--tt-heading-style,normal)}html[data-type] .case-design h1{font-family:var(--tt-heading)!important}.portfolio-contact-footer{border-top:0!important;justify-content:flex-end!important}:root{--page-gutter:clamp(20px,4vw,64px);--section-space:clamp(48px,7vw,96px);--content-width:1200px}.case-design{min-height:100svh;background:#fff}.case-design :is(main,section,article,header,figure,nav){min-width:0}.case-design :is(h1,h2,h3,p,a){overflow-wrap:break-word}.case-design :is(img,video){max-width:100%}.case-design :is(.trace-case,.agent-study-page){width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--page-gutter)}.case-design :is(.main-content,.ibm-main-content,.td-main-content){padding-inline:var(--page-gutter)}.case-design :is(.trace-nav,.agent-study-page>nav){gap:16px;flex-wrap:wrap;align-items:center}.case-design :is(.trace-nav a,.trace-version-switch button,.trace-guide-toggle,.walkthrough-switch button){min-height:44px;display:inline-flex;align-items:center;justify-content:center}.case-design .trace-guide-toggle{min-width:44px}.case-design .trace-nav{margin-bottom:clamp(24px,4vw,48px);font-size:14px}.case-design .trace-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);min-height:0;margin:0;align-items:center}.case-design .trace-opening .trace-header{padding:0}.case-design .trace-opening .trace-header h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.035em;max-width:16ch;text-wrap:balance;margin:16px 0 24px}.case-design .trace-opening .trace-header>p{font-size:clamp(16px,1.5vw,19px);line-height:1.6}.case-design .trace-opening-image{width:100%;max-width:440px;justify-self:center}.case-design .trace-opening-image img{max-height:480px;object-fit:contain}.case-design .trace-opening .trace-project-facts{font-size:12px;line-height:1.5;gap:8px 20px}.case-design .trace-opening-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.case-design .trace-case :is(.trace-narrative,.trace-study,.trace-workbench,.trace-family,.trace-closing){margin-block:var(--section-space)}.case-design .trace-case h2{font-size:clamp(27px,3vw,36px);line-height:1.2}.case-design .trace-apple-lessons{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px}.case-design :is(.trace-source-widget,.trace-original-crop){width:100%;max-width:330px;zoom:1}.case-design .trace-source-widget{height:auto;aspect-ratio:330/158;padding:4.85%}.case-design .trace-comparison-art{width:100%;max-width:330px;height:auto;min-width:0;zoom:1}.case-design .trace-annotated-product{width:100%;height:auto;aspect-ratio:330/158}.case-design .trace-comparison-stage{padding:32px 16px;min-width:0}.case-design .trace-anatomy-widget{width:100%;max-width:330px;zoom:1}.case-design .trace-family-board{display:flex;flex-wrap:wrap;gap:32px;padding:32px 16px}.case-design .trace-family-board>div{min-width:0;max-width:100%}.case-design .trace-family-board>div:last-child{width:330px}.case-design .trace-family-board .trace-native{zoom:1}.case-design .trace-stage-meta{flex-wrap:wrap;gap:8px}@media(max-width:959px){.case-design .trace-workbench-columns{display:flex;flex-direction:column-reverse}.case-design .trace-workbench-display{border-left:0;border-bottom:1px solid #e7e7e7}.case-design .trace-workbench-heading{flex-wrap:wrap}.case-design .trace-decision-scroll{height:320px;padding:0 24px 160px}.case-design .trace-scroll-step{min-height:260px}.case-design .trace-scroll-step p{font-size:16px}.case-design .trace-comparison-stage{min-height:240px}.case-design .trace-anatomy,.case-design .trace-data-decisions{grid-template-columns:minmax(0,1fr)}}@media(max-width:699px){.case-design .trace-case{padding-top:16px}.case-design .trace-opening{grid-template-columns:minmax(0,1fr);gap:24px}.case-design .trace-opening-image{grid-row:1;max-width:240px}.case-design .trace-opening-image img{max-height:240px}.case-design .trace-opening-image figcaption{display:none}.case-design .trace-opening .trace-header h1{max-width:18ch;margin-top:12px}.case-design .trace-originals{padding:20px;grid-template-columns:minmax(0,1fr)}.case-design .trace-token-row{flex-wrap:wrap}.case-design .walkthrough{padding:16px}.case-design .walkthrough-heading{flex-wrap:wrap}}@media(max-width:1100px){.canvas-folio .folio-header{width:auto;max-width:none;margin-inline:var(--page-gutter);height:64px}.canvas-folio .folio-header nav{gap:20px}.canvas-folio .folio-header nav>a,.canvas-folio .theme-control{min-height:44px;display:inline-flex;align-items:center}.widget-world .scatter-viewport{width:auto;max-width:960px;height:auto;margin:16px var(--page-gutter) 64px}.widget-world .scatter{width:100%;height:auto;transform:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px 24px}.widget-world .scatter-intro{position:relative;grid-column:1/-1;top:auto;left:auto;width:100%;transform:none;margin:0}.widget-world .scatter-intro .original-intro h1{font-size:clamp(28px,3.6vw,38px);line-height:1.18;max-width:38ch}.widget-world .canvas-instructions{display:none}.widget-world .scatter .scatter-item{position:relative;left:auto;top:auto;width:100%;max-width:420px;grid-column:auto;transform:none!important;zoom:1;justify-self:center;touch-action:pan-y}.widget-world .scatter .scatter-trace{grid-column:1/-1;max-width:660px;container-type:inline-size;aspect-ratio:660/376}.scatter-trace .trace-project-link{position:absolute;top:0;left:0;width:660px;height:376px;transform:scale(calc(100cqw / 660px));transform-origin:top left}.scatter-trace .trace-project-art{height:354px;grid-template-columns:1.08fr 1fr;grid-template-rows:210px 136px}.scatter-trace .trace-bento-watch{grid-row:1/3}.widget-world .scatter-1{order:1}.widget-world .scatter-9{order:2}.widget-world .scatter-2{order:3}.widget-world .scatter-0{order:4}.widget-world .scatter-3{order:7}.widget-world .scatter-trace{order:5}.widget-world .scatter-5{order:6}.widget-world .scatter-12{order:8}.widget-world .scatter-10{order:9}.widget-world .scatter-paint{order:10}.widget-world .scatter-metallic{order:11}.widget-world .scatter-edu{order:12}.widget-world .scatter .scatter-edu{grid-column:1/-1;max-width:660px}.widget-world .scatter-flyers{order:13}.widget-world .scatter-deck{order:14}.widget-world .scatter .scatter-deck{grid-column:1/-1;max-width:660px}.widget-world .widget-label{align-items:center;height:44px}.widget-world .widget-label button{opacity:1;min-width:44px;min-height:44px;display:grid;place-items:center}.widget-world .card{padding:clamp(16px,3vw,24px)}}@media(max-width:599px){.widget-world .scatter{grid-template-columns:minmax(0,1fr);gap:24px}.widget-world .scatter .scatter-item{grid-column:1}.widget-world .scatter-10{padding:16px}.canvas-folio .folio-header nav{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.widget-world .scatter-item{transition:none!important}}@media(max-width:1100px){.canvas-folio .theme-control{min-width:44px;width:44px;height:44px;justify-content:center;padding:0}.widget-world :is(.timer-actions,.music-controls) button{min-width:44px;min-height:44px}.widget-world .detail-toolbar{height:auto;min-height:72px;padding:12px 16px;gap:8px;flex-wrap:wrap}.widget-world .detail-toolbar button{min-height:44px}.widget-world .detail-stage{min-height:0;padding:24px 20px;gap:32px;flex-direction:column}.widget-world .detail-widget{width:100%;max-width:352px;flex-shrink:1}.widget-world .blueprint-wrap{width:100%;max-width:446px;flex:none}.widget-world .detail-nav{flex-wrap:wrap;padding:20px;gap:4px}.widget-world .detail-nav button{width:32px;height:32px;border:12px solid transparent;background-clip:content-box}}@media(max-width:699px){.case-design :is(.top-nav,.ibm-top-nav,.td-top-nav,.fb-top-nav){position:relative;height:auto;min-height:108px;padding:8px var(--page-gutter);display:flex;flex-direction:column;align-items:stretch;gap:4px;overflow:visible}.case-design :is(.back-link,.ibm-back-link,.td-back-link,.fb-back,.td-back-link-wrapper){position:static;display:flex;min-height:44px;align-items:center;align-self:flex-start;flex-shrink:0}.case-design :is(.nav-pills,.ibm-nav-pills,.td-nav-pills,.fb-pills){max-width:100%;width:fit-content;flex-shrink:1;overflow-x:auto;white-space:nowrap}.case-design :is(.nav-pills,.ibm-nav-pills,.td-nav-pills,.fb-pills){gap:4px;padding:3px;scrollbar-width:none}.case-design :is(.nav-pills,.ibm-nav-pills,.td-nav-pills,.fb-pills)::-webkit-scrollbar{display:none}.case-design :is(.nav-pills,.ibm-nav-pills,.td-nav-pills,.fb-pills)>*{flex-shrink:0;min-height:44px;padding-inline:12px;display:inline-flex;align-items:center;justify-content:center}.case-design :is(.main-content,.ibm-main-content,.td-main-content){margin-top:0;padding-top:32px}.case-design .fb-main{padding-top:32px}.case-design header:has(.td-header-inner){position:relative}.case-design .td-header-inner{flex-direction:column;align-items:stretch;gap:4px}.case-design header:has(.td-header-inner)~main{padding-top:32px}}@media(max-width:1100px){.widget-world .scatter .scatter-trace{aspect-ratio:auto}.scatter-trace .trace-project-link{position:relative;width:100%;height:auto;transform:none;padding:1.52cqw;border-radius:4.24cqw}.scatter-trace .trace-project-art{height:auto;aspect-ratio:638/354;grid-template-rows:59.32% 38.42%;gap:1.25%}.scatter-trace :is(.trace-bento-watch,.trace-bento-widget,.trace-bento-state){border-radius:3.03cqw}.scatter-trace :is(.trace-bento-watch,.trace-bento-widget)>span{font-size:clamp(8px,1.82cqw,12px);bottom:2.27cqw;left:2.73cqw}.scatter-trace .trace-project-widget{width:80%;transform:translate(-50%,-50%)}.scatter-trace .trace-source-widget{width:100%;height:auto;aspect-ratio:330/158;padding:4.85%;border-radius:3.33cqw}.scatter-trace .trace-bento-state{padding:2.88cqw 3.03cqw}.scatter-trace .trace-bento-state-label{font-size:clamp(6px,1.36cqw,9px);letter-spacing:.1em;margin-bottom:1.97cqw}.scatter-trace .trace-bento-state>div{font-size:clamp(9px,2.58cqw,17px);gap:1.21cqw}.scatter-trace .trace-bento-state p{font-size:clamp(8px,1.82cqw,12px);margin:.76cqw 0 1.67cqw 2.12cqw}.scatter-trace .trace-bento-state-bottom{font-size:clamp(6px,1.52cqw,10px)}}