@import url("/service-site/studio-software-20261021/studio-direction-v01/business-fit-v28.css?v=hero-2");
:root{--gallery-surface:#edf0e9}
html[data-theme=dark]{--gallery-surface:#27302b}
.header{height:6.5rem;max-width:112.5rem}
.gallery-intro{padding:6rem 0 4.5rem}
.gallery-intro .eyebrow{margin-bottom:2.25rem}
.gallery-intro h1{font-size:clamp(3rem,5.2vw,6rem);font-weight:450;line-height:1.07;letter-spacing:-.06em;text-wrap:balance;max-width:70rem}
.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:2.5rem}
.intro-bottom p{color:var(--muted);font-size:1rem}
.intro-bottom a{display:flex;align-items:center;gap:3rem;font-size:.8125rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.showcase{padding-bottom:1rem;overflow:hidden}
.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}
.showcase-tabs{display:flex;gap:2rem}
.showcase-tabs button{display:flex;align-items:center;gap:.625rem;min-height:2.75rem;font:.625rem Mono;color:var(--muted);padding:.5rem 0;border-bottom:1px solid transparent}
.showcase-tabs button span{font:.8125rem Inter}
.showcase-tabs button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--text)}
.showcase-arrows{display:flex;gap:.5rem}
.showcase-arrows button{height:2.75rem;width:2.75rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}
.showcase-arrows svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.showcase-arrows button:disabled{opacity:.3;cursor:default}
.showcase-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(3.5rem,calc((100vw - 94.5rem)/2));scroll-padding-inline:max(3.5rem,calc((100vw - 94.5rem)/2));overscroll-behavior-x:contain}
.showcase-slide{flex:0 0 min(82vw,87rem);min-width:0;scroll-snap-align:start}
.showcase-art{height:clamp(23rem,43vw,42rem);display:grid;place-items:center;border-radius:.375rem;overflow:hidden;background:var(--gallery-surface);padding:2.75rem 4rem}
.showcase-art img{height:100%;width:100%;object-fit:contain;min-height:0;filter:drop-shadow(0 1.5rem 2rem #25312b15);border-radius:.2rem}
.showcase-art.art-sand{background:#e4d7c5;padding:0}
.showcase-art.art-sand img{object-fit:cover;filter:none;border-radius:0}
.showcase-art.art-blue{background:#dfe8ec}
.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.75rem 0 1.5rem}
.showcase-caption h2{font-size:1.875rem;line-height:1.15;letter-spacing:-.045em}
.showcase-caption p{font-size:.8125rem;color:var(--muted);margin-top:.625rem}
.showcase-caption>a,.showcase-caption>button{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:2.75rem;font-size:.8125rem;white-space:nowrap;border-bottom:1px solid var(--line);padding:.5rem 0}
.showcase-proof{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.6875rem;color:var(--muted);gap:1rem}
.showcase-proof b{margin:0 .75rem;font-weight:400}
.showcase-proof>span{font:.625rem Mono;white-space:nowrap}
.workspace-section{padding:8rem 0 6rem;border-bottom:1px solid var(--line);scroll-margin-top:2rem}
.workspace-window{border:1px solid var(--line);border-radius:.5rem;overflow:hidden;box-shadow:0 1.5rem 4rem #18231b0b;background:#f6f7f3}
.workspace-top{height:3rem;display:flex;align-items:center;gap:1.5rem;padding:0 1.25rem;background:var(--bg);color:var(--muted);font-size:.6875rem;border-bottom:1px solid var(--line)}
.workspace-top small{margin-left:auto;font-size:.625rem}
.window-dots{display:flex;gap:.375rem}
.window-dots i{width:.4375rem;height:.4375rem;background:#afbbb2;border-radius:50%}
.workspace-window iframe{width:100%;height:44rem;display:block;border:0;background:#f6f7f3}
.workspace-bottom{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1.5rem}
.workspace-bottom p{font-size:.6875rem;color:var(--muted)}
.workspace-bottom button{font-size:.8125rem;border-bottom:1px solid var(--line);display:flex;gap:2rem;align-items:center}
#possibilities{padding-top:6rem}
@media(max-width:68.75rem){.gallery-intro{padding-top:4.5rem}.showcase-tabs{gap:1.25rem}.showcase-track{padding-inline:2rem;scroll-padding-inline:2rem}.showcase-art{padding:2rem}.showcase-caption h2{font-size:1.5rem}.workspace-window iframe{height:40rem}}
@media(max-width:47.5rem){
.header{height:5rem}.gallery-intro{padding:3.5rem 0 2.75rem}.gallery-intro .eyebrow{font-size:.5625rem;margin-bottom:1.5rem}.gallery-intro h1{font-size:clamp(2.6rem,10.5vw,4rem);line-height:1.09}.gallery-intro h1 br{display:none}.intro-bottom{display:block;margin-top:1.75rem}.intro-bottom p{font-size:.875rem;max-width:20rem}.intro-bottom a{display:inline-flex;margin-top:1.25rem;font-size:.75rem;gap:2rem}.showcase-toolbar{display:block;margin-bottom:1rem}.showcase-tabs{display:flex;gap:1rem;justify-content:space-between}.showcase-tabs button{font-size:.5rem;gap:.375rem}.showcase-tabs button span{font-size:.625rem;line-height:1.5;max-width:6rem;text-align:left}.showcase-arrows{display:none}.showcase-track{gap:.75rem;padding-inline:1.375rem;scroll-padding-inline:1.375rem}.showcase-slide{flex-basis:86vw}.showcase-art{height:18rem;padding:1rem}.showcase-caption{display:block;padding:1.25rem 0}.showcase-caption h2{font-size:1.5rem}.showcase-caption p{font-size:.75rem}.showcase-caption>a,.showcase-caption>button{display:inline-flex;margin-top:.75rem;font-size:.75rem;gap:2rem}.showcase-proof{font-size:.5625rem;align-items:flex-start;padding-top:1rem}.showcase-proof b{margin:0 .25rem}.workspace-section{padding:4.5rem 0 4rem}.workspace-window{border-radius:.3rem}.workspace-top{padding:0 .75rem;gap:.75rem;font-size:.5625rem}.workspace-top small{display:none}.workspace-window iframe{height:36rem}.workspace-bottom{align-items:flex-start;gap:1rem}.workspace-bottom p{max-width:10rem;font-size:.625rem}.workspace-bottom button{font-size:.6875rem;gap:.75rem;max-width:11rem;text-align:left}#possibilities{padding-top:4rem}}

@media(max-width:47.5rem){.showcase-art.art-sand img{object-fit:contain}.showcase-art.art-sand{background:#d8c6ae}}

/* One bounded composition: extra screen width becomes outer breathing room. */
:root{--page-width:1440px;--page-gutter:clamp(1.375rem,6vw,10rem)}
.wrap,.header,.showcase{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin-inline:auto}
.header{padding-inline:0;height:5.75rem}
.gallery-intro{padding-top:3.5rem;padding-bottom:2.75rem}
.gallery-intro .eyebrow{margin-bottom:1.75rem}
.gallery-intro h1{font-size:clamp(3rem,4.6vw,4.75rem);max-width:100%}
.intro-bottom{margin-top:2rem}
.showcase-toolbar,.showcase-proof{width:100%;max-width:none}
.showcase-track{padding-inline:0;scroll-padding-inline:0;gap:1.5rem}
.showcase-slide{flex-basis:92%}
.showcase-art{height:clamp(22rem,32vw,35rem)}
@media(max-width:47.5rem){
 .header{height:5rem}.gallery-intro{padding-top:2.75rem;padding-bottom:2.25rem}
 .gallery-intro h1{font-size:clamp(2.6rem,10.5vw,4rem)}
 .gallery-intro .eyebrow{margin-bottom:1.5rem}.intro-bottom{margin-top:1.75rem}
 .showcase-track{gap:.75rem}.showcase-slide{flex-basis:94%}.showcase-art{height:18rem}
}

:root{font-size:clamp(100%,calc(.357142857vw + .678571429rem),125%)}
@media(min-width:47.5625rem){.gallery-intro{padding-top:3rem;padding-bottom:2rem}.gallery-intro h1{font-size:clamp(3rem,4.3vw,4.4rem)}.gallery-intro .eyebrow{margin-bottom:1.5rem}.intro-bottom{margin-top:1.75rem}}

/* AI-first opening: a readable process, then two clear entry points. */
.ai-example{border:1px solid var(--line,#d5dbd4);border-radius:.65rem;padding:2rem;background:var(--panel,rgba(128,140,120,.035))}.flow-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.flow-heading h2{font-size:1.65rem;letter-spacing:-.04em;margin:.7rem 0 0}.flow-heading>span{font-size:.8rem;opacity:.7}.ai-flow{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.35rem;padding:0;margin:0}.ai-flow li{position:relative;padding:1.25rem 1rem;border:1px solid var(--line,#d5dbd4);border-radius:.4rem;min-height:10.5rem}.ai-flow li:not(:last-child):after{content:'→';position:absolute;right:-1.15rem;top:50%;transform:translateY(-50%);font-size:1.1rem;opacity:.55}.tool-mark{display:inline-block;font-size:.7rem;font-weight:600;opacity:.7;min-height:1.7rem}.ai-flow h3{font-size:1rem;letter-spacing:-.025em;margin:.5rem 0 .6rem}.ai-flow p{font-size:.8rem;line-height:1.6;margin:0;opacity:.7}.ai-flow .human-step{border-color:#8a9d83;background:rgba(124,147,112,.07)}.flow-foot{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.5rem}.flow-foot p,.start-note{font-size:.75rem;line-height:1.6;opacity:.65}.flow-foot button{background:none;border:0;color:inherit;font:inherit;font-size:.8rem;cursor:pointer}.ai-credentials{font-size:.75rem;opacity:.75;padding-block:1.75rem}.ai-credentials span{margin-inline:.8rem}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.start-grid article{border-top:1px solid var(--line,#d5dbd4);padding-top:1.8rem;display:flex;flex-direction:column;align-items:start}.start-grid h3{font-size:1.6rem;letter-spacing:-.04em;line-height:1.2;margin:1.2rem 0}.start-grid p{font-size:.95rem;line-height:1.75;max-width:32rem;opacity:.75}.start-grid a{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:.4rem;margin-top:auto;padding-top:1rem;font-size:.9rem}.start-grid a span{margin-left:1.25rem}.start-result{padding-bottom:1rem}.start-note{margin-top:2rem}.proof-section blockquote{font-size:1.35rem;line-height:1.6;margin:0 0 1.5rem;padding-top:1.25rem;max-width:30rem}.starting-points{padding-top:3.5rem}.gallery-intro h1{font-size:clamp(3rem,5vw,5.3rem)}
@media(max-width:65rem){.ai-flow{grid-template-columns:1fr;gap:.9rem}.ai-flow li{min-height:0;padding:1rem 1.2rem;display:grid;grid-template-columns:8rem 1fr;gap:.25rem 1rem}.ai-flow h3{margin:0}.ai-flow p{grid-column:2}.ai-flow li:not(:last-child):after{content:'↓';top:auto;bottom:-1rem;right:50%;transform:none}.tool-mark{grid-row:span 2}.flow-heading{align-items:start;flex-direction:column;gap:.75rem}.ai-example{padding:1.4rem}}
@media(max-width:47.5rem){.start-grid{grid-template-columns:1fr;gap:2.5rem}.flow-foot{align-items:start;flex-direction:column;gap:.6rem}.ai-flow li{grid-template-columns:1fr;gap:.1rem}.tool-mark{grid-row:auto}.ai-flow p{grid-column:auto}.ai-credentials{line-height:2}.ai-credentials span{margin-inline:.3rem}.gallery-intro h1{font-size:clamp(3rem,12vw,4rem)}}

.tool-mark{display:flex;align-items:center;gap:.45rem}.tool-mark img{width:1.1rem;height:1.1rem;object-fit:contain}

/* Paper companions frame the invitation; the workflow stays real and readable. */
.character-intro{position:relative;isolation:isolate;display:flex;justify-content:center;text-align:center;padding-top:2.5rem;padding-bottom:2.5rem;min-height:26rem;align-items:center}.hero-message{position:relative;z-index:2;max-width:42rem;padding-inline:2rem}.character-intro h1{font-size:clamp(3rem,4.5vw,4.8rem);line-height:1.05;letter-spacing:-.065em;margin:0}.character-intro .eyebrow{margin-bottom:1.4rem}.hero-support{font-size:1rem;line-height:1.7;opacity:.75;margin:1.4rem 0}.hero-invitation{color:inherit;display:inline-flex;align-items:center;gap:1rem;text-decoration:none;border-bottom:1px solid var(--line,#d5dbd4);padding:.5rem 0;font-size:.85rem}.hero-person,.hero-robot{position:absolute;width:clamp(12rem,21vw,19rem);height:auto;bottom:-1.3rem;z-index:1;pointer-events:none}.hero-person{left:-1.4rem}.hero-robot{right:-1.4rem}.ai-example{position:relative;z-index:3;background:var(--bg,#f7f8f2);padding:1.7rem 2rem}.flow-heading{margin-bottom:1.5rem}.ai-flow li{min-height:9rem;padding:1rem}.tool-mark{opacity:1;min-height:2rem;font-size:.65rem;gap:.5rem}.tool-mark img,.flow-icon{width:1.65rem;height:1.65rem;flex-shrink:0}.flow-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;color:#6e8774}.flow-icon:is(svg){fill:none;stroke:currentColor;stroke-width:1.5}.ai-flow li:after{animation:handover 9s ease-in-out infinite}.ai-flow li:nth-child(2):after{animation-delay:1.5s}.ai-flow li:nth-child(3):after{animation-delay:3s}.ai-flow li:nth-child(4):after{animation-delay:4.5s}@keyframes handover{0%,15%,50%,100%{opacity:.35}25%,35%{opacity:1;color:#799b78}}.ai-credentials{text-align:center;padding-block:1.2rem}.compact-start{padding-top:1rem;padding-bottom:1rem}.compact-start .start-grid{gap:3rem}.compact-start article{padding-top:1.1rem}.compact-start h2{font-size:1.7rem;letter-spacing:-.045em;line-height:1.2;margin:.8rem 0 0}.compact-start p{margin:.7rem 0 1rem;font-size:.9rem}.compact-start details{width:100%;font-size:.8rem}.compact-start summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--line,#d5dbd4);width:100%}.compact-start summary::-webkit-details-marker{display:none}.compact-start details[open] summary span{transform:rotate(45deg)}.start-details{padding-top:.5rem}.start-details a{display:inline-block}.compact-start+#possibilities{padding-top:3rem}
@media(max-width:65rem){.hero-person,.hero-robot{width:12rem;bottom:-.7rem}.hero-person{left:-2rem}.hero-robot{right:-2rem}.hero-message{max-width:32rem;padding-inline:3rem}.character-intro{min-height:25rem}.character-intro .eyebrow{max-width:20rem;margin-inline:auto}.ai-flow li{min-height:0}.tool-mark{font-size:.7rem}.ai-example{padding:1.4rem}}
@media(max-width:47.5rem){.character-intro{padding-top:2rem;padding-bottom:12rem;min-height:0}.hero-message{padding:0;max-width:100%}.character-intro h1{font-size:3rem}.hero-invitation{font-size:.8rem;text-align:left}.hero-person,.hero-robot{width:10.5rem;bottom:-2rem}.hero-person{left:-1.4rem}.hero-robot{right:-1.4rem}.hero-support{font-size:.9rem;margin:1.2rem 0 .6rem}.compact-start .start-grid{gap:1.5rem}.ai-example{padding:1.25rem}.ai-flow li{padding:.8rem 1rem}.flow-heading h2{font-size:1.5rem}.ai-credentials{font-size:.65rem}.compact-start+#possibilities{padding-top:2.5rem}}
@media(prefers-reduced-motion:reduce){.ai-flow li:after{animation:none}}

/* Studio-led opening: one composed scene and a clear AI offer. */
.studio-intro{padding-top:3rem;padding-bottom:2.5rem}.studio-intro h1{font-size:clamp(2.8rem,4.1vw,4.15rem);line-height:1.08;letter-spacing:-.06em;max-width:100%}.studio-intro .intro-bottom{margin-top:1.75rem}.showcase-arrows button{font-size:1.35rem;display:grid;place-items:center}.showcase-art img{object-fit:contain}.ai-example{margin-bottom:4rem}.compact-start{padding-top:1rem;padding-bottom:3rem}.studio-intro+#showcase{margin-bottom:1rem}
@media(max-width:47.5rem){.studio-intro{padding-top:2.5rem;padding-bottom:2rem}.studio-intro h1{font-size:clamp(2.6rem,10vw,3.6rem)}.studio-intro h1 br{display:none}.ai-example{margin-bottom:2rem}}

/* Automation ideas communicate a process rather than pretend to be an app. */
.idea-kind{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.8rem 0 1rem}.idea-kind button{font:inherit;font-size:.85rem;color:inherit;background:transparent;border:1px solid var(--line,#ced5ce);border-radius:2rem;padding:.7rem 1.15rem;cursor:pointer}.idea-kind button[aria-pressed=true]{background:var(--text,#25322b);color:var(--bg,#f7f8f2)}.automation-art{background:#e8eee8!important;color:#2a4438!important;text-align:left}.process-preview{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;gap:1.5rem}.process-label,.process-caption{font-size:.65rem;letter-spacing:.06em;opacity:.65}.process-steps{display:flex;flex-direction:column;gap:1rem}.process-step{display:flex;align-items:center;gap:.9rem;font-size:.95rem;line-height:1.35}.process-number{font-size:.65rem;border:1px solid #a8bdae;border-radius:50%;width:1.65rem;height:1.65rem;display:grid;place-items:center;flex-shrink:0}.process-caption{letter-spacing:0}.automation-dialog .concept-views,.automation-dialog .concept-stage,.automation-dialog .concept-detail{display:none!important}.automation-detail{padding:1.5rem 2rem;overflow:auto}.automation-detail .process-preview{background:#e8eee8;color:#2a4438;border-radius:.5rem;height:auto;margin-bottom:1.25rem}.automation-detail .process-steps{flex-direction:row;justify-content:space-between;gap:1.5rem}.automation-row{display:grid;grid-template-columns:9rem 1fr;gap:1rem;border-top:1px solid var(--line,#ced5ce);padding:.85rem 0}.automation-row h3{font-size:.8rem;margin:0}.automation-row p{font-size:.85rem;line-height:1.6;margin:0;opacity:.8}#concept-dialog.automation-dialog{display:none}#concept-dialog.automation-dialog[open]{display:flex;flex-direction:column;max-height:90svh}.automation-dialog .dialog-header,.automation-dialog .dialog-foot{flex-shrink:0}
@media(max-width:47.5rem){.automation-detail{padding:1.2rem}.automation-detail .process-steps{flex-direction:column;gap:.8rem}.automation-row{grid-template-columns:1fr;gap:.35rem}.process-preview{padding:1.2rem}.idea-kind{gap:.4rem}.idea-kind button{padding:.6rem .8rem}}

#concept-dialog.automation-dialog{height:auto;min-height:0}.automation-dialog .dialog-foot{margin-top:0}

/* Miniature workflow artefacts share the app gallery's visual weight. */
.automation-art{padding:1.05rem!important;background:#e2e9e1!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden}.map-mini{display:block;height:auto;width:100%;padding:0;gap:0;background:#fcfdf9;color:#2c3e33;border:1px solid #dce3d9;border-radius:.28rem;box-shadow:0 .65rem 1.5rem #29432c15;pointer-events:none;text-align:left}.mini-bar{height:1.7rem;display:flex;align-items:center;gap:.5rem;padding:0 .65rem;border-bottom:1px solid #e7ebe4;font-size:.35rem;color:#899688;white-space:nowrap}.mini-dots{font-size:.6rem;letter-spacing:.1rem;color:#b7c3b3}.mini-status{margin-left:auto;font-size:.3rem;color:#8b9f88}.mini-status:before{content:'•';margin-right:.2rem;color:#83a780}.mini-canvas{padding:1.2rem .7rem 1rem;background-image:radial-gradient(#a1b49a32 .45px,transparent .45px);background-size:.6rem .6rem}.mini-heading{display:flex;justify-content:space-between;align-items:center;font-size:.62rem;letter-spacing:-.025em;margin-bottom:1.3rem;gap:.5rem}.mini-hint{font-size:.3rem;color:#9aa694;letter-spacing:0;white-space:nowrap}.mini-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.mini-node{position:relative;min-height:5.5rem;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e7dc;box-shadow:0 .15rem .4rem #24432903;border-radius:.25rem;padding:.55rem .5rem}.mini-node:not(:last-child):after{content:'→';position:absolute;left:100%;top:50%;transform:translateY(-50%);width:.65rem;text-align:center;color:#96aa92;font-size:.65rem}.mini-human{background:#f4f8f1;border-color:#a8bba0}.mini-brand{display:flex;align-items:center;gap:.25rem;font-size:.32rem;white-space:nowrap;color:#84917e}.mini-brand img,.mini-person,.mini-ai{width:1rem;height:1rem;object-fit:contain;flex-shrink:0}.mini-ai{font-size:1.1rem;line-height:1rem;color:#849a79}.mini-person svg{width:100%;height:100%;fill:none;stroke:#839d7b;stroke-width:1.4}.mini-step-title{font-size:.48rem;line-height:1.4;letter-spacing:-.02em;margin:.7rem 0 .6rem}.mini-node-status{font-size:.26rem;letter-spacing:.04em;color:#9aa893;text-transform:uppercase;margin-top:auto}.mini-canvas-foot{display:flex;justify-content:space-between;gap:.4rem;margin-top:1rem;font-size:.3rem;color:#9baa94}.mini-review{color:#809777}.automation-art:after{z-index:3}.automation-art:hover .map-mini{transform:translateY(-2px);box-shadow:0 .8rem 1.8rem #29432c20}.automation-art .map-mini{transition:transform .35s ease,box-shadow .35s ease}.automation-detail .map-mini{max-width:100%;margin-bottom:1.4rem;border-radius:.5rem}.automation-detail .mini-bar{height:2.5rem;font-size:.6rem;padding-inline:1rem}.automation-detail .mini-dots{font-size:.8rem}.automation-detail .mini-status{font-size:.5rem}.automation-detail .mini-canvas{padding:1.4rem}.automation-detail .mini-heading{font-size:1rem;margin-bottom:1.5rem}.automation-detail .mini-hint{font-size:.55rem}.automation-detail .mini-nodes{gap:1.5rem}.automation-detail .mini-node{padding:1rem;min-height:8rem}.automation-detail .mini-node:after{width:1.5rem;font-size:1.1rem}.automation-detail .mini-brand{font-size:.6rem;gap:.5rem}.automation-detail .mini-brand img,.automation-detail .mini-person,.automation-detail .mini-ai{width:1.4rem;height:1.4rem}.automation-detail .mini-ai{font-size:1.5rem;line-height:1.4rem}.automation-detail .mini-step-title{font-size:.8rem;margin:1rem 0}.automation-detail .mini-node-status,.automation-detail .mini-canvas-foot{font-size:.5rem}.automation-detail .mini-canvas-foot{margin-top:1.5rem}
@media(max-width:47.5rem){.automation-art{padding:1rem!important}.mini-bar{font-size:.4rem}.mini-status{font-size:.35rem}.mini-heading{font-size:.7rem}.mini-hint{font-size:.35rem}.mini-brand{font-size:.4rem}.mini-step-title{font-size:.57rem}.mini-node-status{font-size:.3rem}.mini-node{min-height:6rem}.mini-canvas-foot{font-size:.35rem}.automation-detail .mini-hint,.automation-detail .mini-status{display:none}.automation-detail .mini-canvas{padding:1rem}.automation-detail .mini-nodes{gap:.7rem}.automation-detail .mini-node{padding:.6rem;min-height:7rem}.automation-detail .mini-node:after{width:.7rem}.automation-detail .mini-brand{flex-direction:column;align-items:start;font-size:.45rem}.automation-detail .mini-step-title{font-size:.6rem}.automation-detail .mini-node-status{font-size:.35rem}.automation-detail .mini-canvas-foot{font-size:.4rem}}
@media(prefers-reduced-motion:reduce){.automation-art .map-mini{transition:none}}

.automation-art .mini-canvas{padding:.8rem .7rem .65rem}.automation-art .mini-heading{margin-bottom:.8rem}.automation-art .mini-node{min-height:4.5rem}.automation-art .mini-canvas-foot{margin-top:.65rem}.automation-art .mini-bar{height:1.4rem}

/* A glanceable story outside; the detailed process stays inside. */
.story-art{padding:1.5rem!important}.story-art:after{display:none!important}.story-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#354c40}.story-chain{width:100%;display:grid;grid-template-columns:.75fr .22fr .75fr .22fr 1.6fr;gap:.2rem;align-items:center}.story-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;font-size:.57rem;line-height:1.5}.story-tool{width:2.6rem;height:2.6rem;display:grid;place-items:center;background:#fbfcf8;border:1px solid #dce4d7;box-shadow:0 .3rem .7rem #29432c06;border-radius:.65rem}.story-tool img{width:1.5rem;height:1.5rem;object-fit:contain}.story-ai{font-size:2rem;color:#8b9a78}.story-arrow{color:#91a48e;font-size:.85rem;text-align:center;margin-top:-1.25rem}.story-output{background:#fffefb;border:1px solid #dce3d6;border-radius:.45rem;box-shadow:0 .55rem 1.2rem #29432c10;padding:.8rem .65rem;min-height:7rem;transform:rotate(-1deg)}.story-output-head{display:flex;gap:.3rem;align-items:center;font-size:.48rem;color:#779077}.output-symbol{width:.75rem;height:.75rem;display:inline-block;flex-shrink:0}.output-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}.output-main{font-size:.55rem!important;line-height:1.5!important;margin:.8rem 0 .35rem!important;color:#374b3e!important}.output-sub{font-size:.42rem!important;line-height:1.5!important;color:#8b998a!important;margin:0!important}.output-lines{display:flex;flex-direction:column;gap:.25rem;margin-top:.65rem}.output-lines i{height:2px;background:#e7ece2;width:90%}.output-lines i+ i{width:65%}.automation-art:has([data-tone=email]){background:#e7ebe2!important}.automation-art:has([data-tone=tasks]){background:#e5ebed!important}.automation-art:has([data-tone=folder]){background:#ece7dc!important}.automation-art:has([data-tone=report]){background:#e4e9e3!important}.automation-art:has([data-tone=document]){background:#e9e6ed!important}.automation-art:has([data-tone=alert]){background:#efe9da!important}.card-title{font:inherit;letter-spacing:inherit;text-align:left;padding:0;border:0;background:none;color:inherit;cursor:pointer}.card-title:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.card-meta .save{display:flex;align-items:center;gap:.4rem;padding:.4rem .2rem;border:0;background:transparent;min-height:2.2rem;font-size:.7rem;color:inherit}.save svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.4}.save[aria-pressed=true] svg{fill:currentColor}.card-meta{margin-top:.8rem}.card-meta>p{font-size:.7rem;opacity:.65}.story-art:hover .story-output{transform:rotate(0) translateY(-2px)}.story-output{transition:transform .3s ease}.story-art:hover .story-tool{border-color:#b2c0a9}.mini-review{max-width:50%;text-align:right}
@media(max-width:47.5rem){.story-art{padding:1.5rem!important}.story-node{font-size:.65rem}.story-output{padding:.9rem .7rem;min-height:8rem}.story-output-head{font-size:.55rem}.output-main{font-size:.62rem!important}.output-sub{font-size:.5rem!important}.story-tool{width:2.8rem;height:2.8rem}.card-meta .save{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.story-output{transition:none}}

/* Result-led automation collection, from the reviewed V31 studies. */
.result-art{padding:0!important;background:#e9ece5!important;cursor:pointer}.result-preview{width:100%;height:100%;padding:1rem;display:flex;align-items:center;justify-content:center}.result-mount{width:100%;container-type:inline-size}.result-preview .artifact{width:100%;text-align:left}.result-art:after{display:none!important}
.result-preview .artifact{width:100%;position:relative;background:#fffefa;border:1px solid #dce2d5;border-radius:1.3889cqw;box-shadow:0 2.7778cqw 6.1111cqw #2e43270a;overflow:hidden}
.result-preview .artifact-top{padding:3.6111cqw 4.4444cqw;border-bottom:1px solid #e8ece3;display:flex;justify-content:space-between;align-items:center;gap:3.3333cqw;font-size:2.5cqw;color:#88927f}
.result-preview .artifact-top strong{font-weight:500;color:#52604b}
.result-preview .artifact-body{padding:5.2778cqw 5.2778cqw 5.5556cqw}
.result-preview .overline{font-size:2.2222cqw;letter-spacing:.2.2222cqw;color:#909b85;text-transform:uppercase}
.result-preview .subject{font-size:3.8889cqw;line-height:1.4;font-weight:500;letter-spacing:-.3px;margin:2.7778cqw 0 3.0556cqw}
.result-preview .email-copy{font-size:2.7778cqw;line-height:1.9;color:#64725c;margin:0}
.result-preview .email-copy+.email-copy{margin-top:2.2222cqw}
.result-preview .email-meta{display:flex;align-items:center;gap:1.9444cqw;font-size:2.2222cqw;color:#929b89;margin-bottom:4.1667cqw}
.result-preview .avatar{width:5.2778cqw;height:5.2778cqw;background:#e9ede3;display:grid;place-items:center;border-radius:50%;font-size:1.9444cqw;color:#7c8b71}
.result-preview .artifact-bottom{border-top:1px solid #e9ede4;padding:3.3333cqw 4.4444cqw;display:flex;align-items:center;justify-content:space-between;font-size:2.2222cqw;color:#91a083}
.result-preview .review-pill{display:flex;align-items:center;gap:1.3889cqw}
.result-preview .review-pill:before{content:'';width:1.1111cqw;height:1.1111cqw;border-radius:50%;background:#a6b68e}
.result-preview .send{background:#edf2e7;color:#657d50;border:1px solid #dfe7d4;padding:1.3889cqw 2.2222cqw;border-radius:3px;font-size:2.2222cqw}
.result-preview .invoice .preview{background:#ebe9e0}
.result-preview .invoice-head{display:flex;justify-content:space-between;align-items:start}
.result-preview .invoice-total{font-size:8.0556cqw;letter-spacing:-1.2px;margin:2.2222cqw 0 1.3889cqw}
.result-preview .overdue{font-size:1.9444cqw;color:#a28957;background:#f6f0df;border:1px solid #eee5c9;border-radius:3px;padding:1.3889cqw 1.6667cqw}
.result-preview .invoice-meta{font-size:2.2222cqw;color:#919982}
.result-preview .invoice-table{display:flex;justify-content:space-between;border-top:1px solid #e8ebdf;padding-top:3.3333cqw;margin-top:4.7222cqw;font-size:2.2222cqw;color:#89947e}
.result-preview .reminder{background:#f8f9f3;border-top:1px solid #e4e8da;padding:3.8889cqw 5.2778cqw}
.result-preview .reminder-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.2222cqw;font-size:2.5cqw;color:#5f7352}
.result-preview .reminder p{font-size:2.5cqw;line-height:1.7;margin:0;color:#67775b}
.result-preview .documents .preview{background:#e5e9e8}
.result-preview .extract-grid{display:grid;grid-template-columns:.86fr 1.14fr;min-height:62.5cqw}
.result-preview .paper{margin:4.1667cqw 0 4.1667cqw 3.8889cqw;background:#f8f8f3;border:1px solid #e4e7dc;border-radius:2px;padding:3.8889cqw 2.7778cqw}
.result-preview .paper-brand{font-family:Georgia,serif;font-size:3.6111cqw;color:#717d67;letter-spacing:-.3px}
.result-preview .paper .overline{font-size:1.6667cqw;letter-spacing:.1.3889cqw;margin-top:3.0556cqw}
.result-preview .paper-amount{font-size:4.7222cqw;letter-spacing:-.1.3889cqw;margin:2.2222cqw 0 3.6111cqw;color:#69785d}
.result-preview .paper-row{display:flex;justify-content:space-between;gap:1.3889cqw;font-size:1.6667cqw;color:#9ca58f;border-top:1px solid #e3e8db;padding-top:2.2222cqw;margin-top:2.2222cqw}
.result-preview .extract-fields{padding:5.5556cqw 3.8889cqw}
.result-preview .extract-fields h3{font-size:2.7778cqw;font-weight:500;margin:0 0 4.4444cqw}
.result-preview .field{margin-bottom:3.3333cqw}
.result-preview .field label{display:block;font-size:1.6667cqw;letter-spacing:.1.3889cqw;text-transform:uppercase;color:#9da78f;margin-bottom:1.1111cqw}
.result-preview .field span{font-size:2.5cqw;color:#5b704c}
.result-preview .field.needs-check span{color:#ac915b}
.result-preview .field.needs-check{padding:1.6667cqw 1.9444cqw;background:#f8f3e8;border:1px solid #eee4cd;border-radius:3px;margin:0 -1.6667cqw}
.result-preview .field.needs-check label{color:#b6a27c}
.result-preview .artifact{max-height:none;flex-shrink:0}.result-preview .email-copy{color:#64725c}.result-preview .subject{font-weight:500}.result-preview .send{cursor:inherit}.result-preview .result-row{display:flex;justify-content:space-between;gap:1rem;padding:2.5cqw 0;border-top:1px solid #e6ebdf;font-size:2.2cqw;line-height:1.6;color:#839277}.result-row strong{font-weight:500;color:#657b57}.result-preview .result-tag{display:inline-block;font-size:2cqw;color:#88987a;border:1px solid #e5ebdc;border-radius:2px;padding:1.5cqw 2cqw;margin-top:4cqw}.result-preview .result-tag.warning{background:#f8f2e4;color:#a38c5b}.result-preview .result-check{border-top:1px solid #e4eadd;padding:3cqw 0 0;margin-top:3cqw;font-size:2.5cqw;color:#657958}.result-check:before{content:'○';margin-right:2cqw;color:#9baa8c}.result-check span{display:block;font-size:2cqw;color:#99a78d;margin-left:4cqw;margin-top:1cqw}.result-preview .result-stats{display:flex;gap:7cqw;margin-top:4cqw}.result-stats span{display:block;font-size:2cqw;color:#94a287}.result-stats strong{display:block;font-size:5cqw;letter-spacing:-.1cqw;font-weight:400;margin-top:2cqw;color:#5c7350}.result-chart{height:10cqw;display:flex;align-items:end;gap:2.5cqw;margin:4cqw 0 3cqw}.result-chart i{display:block;flex:1;background:#b6c5a5;border-radius:1px}.result-source{margin-top:4cqw!important}.result-route{display:flex;align-items:center;gap:.35rem;font-size:.5rem;color:#788a6b;padding-top:.7rem;white-space:nowrap}.result-route img{width:.8rem;height:.8rem;object-fit:contain}.route-arrow{color:#8c9e7c}.result-art:has([data-result=invoice-reminders]),.result-art:has([data-result=client-setup]){background:#ebe9e0!important}.result-art:has([data-result=document-processing]),.result-art:has([data-result=meeting-followup]){background:#e5e9e8!important}.result-art:has([data-result=content-preparation]){background:#e9e7eb!important}.result-art .result-preview{transition:filter .2s ease}.result-art:hover .result-preview{filter:brightness(1.015)}
@media(max-width:47.5rem){.result-preview{padding:1.2rem}.result-route{font-size:.6rem;gap:.45rem}}

.result-mount{transform:scale(.74);transform-origin:center;flex-shrink:0}.result-preview{padding:0 1rem}.result-art{pointer-events:auto}

/* Each idea is one object: artwork, title, benefit. */
.card-media{position:relative}.card-media .card-art{width:100%}.card-bookmark{position:absolute;z-index:4;right:.65rem;top:.65rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;min-height:44px;min-width:44px;padding:0;border:1px solid #d4ddce;border-radius:50%;background:#fcfdf7ed;color:#526449;box-shadow:0 2px 6px #243a2407;cursor:pointer}.card-bookmark span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.card-bookmark svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.5}.card-bookmark:hover{background:#fff;border-color:#9bac91}.card-bookmark[aria-pressed=true]{background:#e1eacc;color:#405635;border-color:#a7bb91}.card-bookmark[aria-pressed=true] svg{fill:currentColor}.concept-card h3{margin:1rem 0 .45rem!important;line-height:1.25}.concept-card .card-benefit{margin:0!important;line-height:1.65;font-size:.9rem}.concept-card .card-kind{font-size:.65rem!important;line-height:1.4!important;letter-spacing:.04em;margin:.9rem 0 -.5rem!important;opacity:.6}.concept-grid{row-gap:3rem}.card-media .result-art{display:flex}.card-media .card-art:after{display:none!important}@media(max-width:47.5rem){.concept-card h3{margin-top:.85rem!important}.concept-grid{row-gap:2.25rem}.card-bookmark{right:.6rem;top:.6rem}}

/* Pass 1: distinguish a first conversation from scoped work. */
.compact-start .offer-scope{font-size:.75rem;line-height:1.6;margin:-.25rem 0 .65rem;opacity:.65}.first-conversation{font-size:.8rem;line-height:1.7;margin-top:1.75rem;color:inherit;opacity:.8}.first-conversation a{color:inherit;text-decoration:underline;text-underline-offset:.2rem}.contact-ideas-link{color:inherit;font:inherit;font-size:.8rem;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line,#c5cdbf);padding:.25rem 0;cursor:pointer;width:fit-content}.contact-action>.light-button{font-size:.9rem;white-space:normal;line-height:1.45;max-width:27rem}.contact-action>p{line-height:1.7}

.contact-action .contact-ideas-link{display:block;margin:.75rem 0 1rem}.contact-action .email{display:block;width:fit-content}

/* Pass 2: preserve the composed scene and vary section rhythm. */
.showcase-art.art-sand img{object-fit:contain}.showcase-art.art-sand{background:#e3d5c3}
@media(min-width:47.5625rem){#past-work,#method,#sean{padding-block:4.5rem}#past-work .section-head,#method .section-head{margin-bottom:2.5rem}#possibilities{padding-bottom:4rem}.ai-example{margin-bottom:2.5rem}#contact{padding-block:4.75rem}}

.showcase-slide .showcase-caption{opacity:0;transition:opacity .2s ease}.showcase-slide.is-current .showcase-caption{opacity:1}@media(prefers-reduced-motion:reduce){.showcase-slide .showcase-caption{transition:none}}

/* Pass 3: selected outcomes remain legible while hovered. */
html[data-theme] .outcome-choices button[aria-pressed=true],html[data-theme] .outcome-choices button[aria-pressed=true]:hover{background:var(--text);color:var(--bg);border-color:var(--text)}

/* Pass 4: save, review and handoff without a dead end. */
.concept-actions{display:flex;align-items:center;gap:1.25rem}.concept-actions #review-saved{font-size:.75rem;text-decoration:underline;text-underline-offset:.2rem;padding:.5rem 0}.ideas-body .copy-brief{display:block;margin:.8rem auto 0;font-size:.75rem;text-decoration:underline;text-underline-offset:.2rem;min-height:2.75rem}.ideas-body .email-help{font-size:.75rem;line-height:1.6;margin-top:.6rem;color:var(--muted)}@media(max-width:47.5rem){.concept-actions{flex-direction:column-reverse;align-items:end;gap:.25rem}.concept-actions #review-saved{font-size:.7rem}.dialog-foot:has(.concept-actions){align-items:center}.dialog-foot:has(.concept-actions)>p{max-width:8rem}}

/* Pass 6: keep the journey reachable by touch, without a hidden menu. */
.header nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:47.5rem){.header{display:grid;grid-template-columns:1fr auto auto;gap:.4rem 1rem;height:auto;padding-block:.9rem .2rem}.header .wordmark{grid-column:1;grid-row:1}.header .collection{grid-column:2;grid-row:1;margin-left:0}.header .theme-toggle{grid-column:3;grid-row:1}.header nav{display:flex;grid-column:1/-1;grid-row:2;margin:0;justify-content:space-between;gap:.75rem;font-size:.7rem}.header nav a{white-space:nowrap;min-height:44px}.header nav a span{margin-left:.25rem}.studio-intro{padding-top:1.75rem;padding-bottom:1.5rem}.showcase-art{height:auto;aspect-ratio:16/10}.showcase-art.art-sand img{height:100%;object-fit:contain}.intro-bottom a{min-height:44px;align-items:center}}
@media(max-width:22rem){.header{gap:.35rem .65rem}.header nav{font-size:.65rem;gap:.4rem}.header .collection{padding-inline:.7rem;gap:.65rem}}

@media(max-width:22rem){.studio-intro h1{font-size:2.15rem;line-height:1.12}}

/* Pass 7: secondary labels stay readable; artwork does not duplicate content. */
.concept-card .card-kind{opacity:1;color:var(--muted)}.automation-detail .mini-brand,.automation-detail .mini-node-status,.automation-detail .mini-canvas-foot,.automation-detail .mini-hint,.automation-detail .mini-bar,.automation-detail .mini-status{color:#61715b}.automation-detail .mini-review{color:#526a49}

/* Pass 8: concrete delivered scope, distinct from the concept library. */
.delivered-summary{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border:1px solid var(--line);border-radius:.4rem;padding:1.6rem 1.8rem;margin-bottom:2.5rem}.delivered-summary h3{font-size:1.5rem;letter-spacing:-.04em;line-height:1.3;margin-top:.8rem}.delivered-summary>div>p:not(.eyebrow){font-size:.9rem;color:var(--muted);line-height:1.75}.delivered-summary details{font-size:.8rem;margin-top:.8rem}.delivered-summary summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:44px;list-style:none;border-bottom:1px solid var(--line);padding-bottom:.35rem}.delivered-summary summary::-webkit-details-marker{display:none}.delivered-summary details[open] summary span{transform:rotate(45deg)}.delivered-summary details p{margin-top:.8rem;color:var(--muted);line-height:1.75}@media(max-width:47.5rem){.delivered-summary{grid-template-columns:1fr;gap:1.2rem;padding:1.25rem}.delivered-summary h3{font-size:1.4rem}}

/* V31 pass 3: keep each short mobile showcase choice together. */
@media(max-width:47.5rem){.showcase-tabs button{white-space:nowrap}.showcase-tabs button span{max-width:none;white-space:nowrap}}
.sean-trust{scroll-margin-top:2rem}.trust-intro{display:grid;grid-template-columns:1fr 14rem;gap:4rem;align-items:center}.trust-intro h2{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.08;letter-spacing:-.05em;margin:1.5rem 0}.trust-description{max-width:37rem;color:var(--muted);font-size:1.1rem;line-height:1.7}.trust-facts{font-size:.85rem;color:var(--muted);margin:1.5rem 0}.trust-facts span{margin:0 .65rem}.trust-portrait{margin:0}.trust-portrait img{width:11rem;height:11rem;object-fit:cover;border-radius:50%;transform:scaleX(-1)}.trust-portrait figcaption{margin-top:1.25rem;font-size:1rem}.trust-portrait figcaption span{display:block;font-size:.75rem;color:var(--muted);margin-top:.4rem}.trust-body{display:grid;grid-template-columns:1fr 1.55fr;gap:4rem;margin-top:3.5rem}.trust-quote{margin:0;padding:1.75rem 0 0;border-top:1px solid var(--line);max-width:25rem}.trust-quote>p{font-size:1.35rem;line-height:1.55;margin:0 0 1.5rem}.sean-trust blockquote footer{display:block;padding:0;border:0;font-size:.85rem;margin:0}.sean-trust blockquote footer span{display:block;color:var(--muted);font-size:.75rem;line-height:1.6;margin-top:.35rem}.trust-rows details{border-top:1px solid var(--line)}.trust-rows details:last-child{border-bottom:1px solid var(--line)}.trust-rows summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.35rem 0;cursor:pointer;min-height:5rem}.trust-rows summary::-webkit-details-marker{display:none}.trust-rows summary strong{display:block;font-size:1.05rem;font-weight:500}.trust-rows summary small{display:block;font-size:.8rem;color:var(--muted);margin-top:.45rem;line-height:1.5}.trust-plus{flex:0 0 1.5rem;font-size:1.4rem;text-align:center;line-height:1}.trust-rows details[open] .trust-plus{transform:rotate(45deg)}.trust-detail{padding:0 2rem 1.75rem 0;color:var(--muted);font-size:.9rem;line-height:1.7}.trust-detail h3{color:var(--text);font-size:1.15rem;line-height:1.4}.trust-detail article+article{margin-top:2rem;padding-top:1.75rem;border-top:1px solid var(--line)}.trust-note{font-size:.75rem}.trust-detail blockquote{margin:0}.trust-detail blockquote>p{color:var(--text);font-size:1.15rem}.trust-timeline{list-style:none;padding:0;margin:0;display:grid;gap:1.5rem}.trust-timeline li{display:grid;grid-template-columns:6rem 1fr;column-gap:1rem}.trust-timeline .career-date{grid-row:span 2;font-size:.75rem}.trust-timeline h3{margin:0;font-size:1rem}.trust-timeline p{margin:.3rem 0 0}.trust-rows summary:focus-visible{outline:2px solid var(--text);outline-offset:5px}
@media(max-width:47.5rem){.trust-intro{grid-template-columns:1fr 6rem;gap:1rem;align-items:start}.trust-intro>div{display:contents}.trust-intro .eyebrow,.trust-description,.trust-facts,.trust-intro .founder-links{grid-column:1/-1}.trust-intro h2{grid-column:1;margin:.5rem 0;font-size:2.5rem}.trust-portrait{grid-column:2;grid-row:2}.trust-portrait img{width:5.5rem;height:5.5rem}.trust-portrait figcaption{font-size:.75rem;margin-top:.6rem}.trust-portrait figcaption span{display:none}.trust-description{font-size:1rem;margin:.5rem 0}.trust-facts{margin:.5rem 0}.trust-body{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.trust-quote{max-width:none}.trust-quote>p{font-size:1.2rem}.trust-detail{padding-right:.5rem}.trust-timeline li{grid-template-columns:5rem 1fr}}
.trust-portrait img{transform:none}.trust-description{text-wrap:pretty}
/* Connectors occupy the centre of a dedicated gap, never a card edge. */
.ai-flow{gap:2rem}.ai-flow li:not(:last-child)::after{content:'';width:1rem;height:1rem;right:-1.5rem;top:50%;bottom:auto;transform:translateY(-50%);background:currentColor;opacity:.55;animation:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:65rem){.ai-flow{gap:2rem}.ai-flow li:not(:last-child)::after{left:50%;right:auto;top:calc(100% + 1rem);bottom:auto;transform:translate(-50%,-50%) rotate(90deg)}}
/* Editorial discovery comes before the optional searchable collection. */
.editorial-gallery{padding-top:5rem;padding-bottom:4rem}.editorial-heading{display:grid;grid-template-columns:1fr 1fr;gap:1rem 4rem;align-items:end;margin-bottom:4.5rem}.editorial-heading .eyebrow{grid-column:1/-1}.editorial-heading h2{font-size:clamp(2.5rem,4.5vw,4rem);letter-spacing:-.05em;line-height:1.08;margin:0}.editorial-heading>p:last-child{font-size:1rem;line-height:1.7;color:var(--muted);max-width:27rem;justify-self:end;margin:0}.idea-chapter{margin-bottom:5rem}.chapter-heading{display:grid;grid-template-columns:2.5rem 1fr 1fr;gap:1rem;align-items:baseline;border-top:1px solid var(--line);padding-top:1.3rem;margin-bottom:1.75rem}.chapter-heading h3{font-size:1.65rem;letter-spacing:-.04em;margin:0}.chapter-heading p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6;justify-self:end}.chapter-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:2rem}.chapter-grid .concept-card:first-child{grid-row:span 2}.chapter-grid .card-art{aspect-ratio:16/9;height:auto!important;border-radius:.35rem}.chapter-grid .concept-card:first-child .card-art{aspect-ratio:1/1}.chapter-grid .card-art img{width:100%;height:100%;object-fit:contain}.chapter-grid .concept-card:first-child .card-art>img:first-child{object-fit:cover}.chapter-grid .concept-card h3{font-size:1.1rem;margin-top:.85rem!important}.chapter-grid .concept-card:first-child h3{font-size:1.5rem}.chapter-grid .card-benefit{max-width:36rem}.chapter-grid .result-preview{width:100%;height:100%}.chapter-grid .concept-card:first-child .result-preview .result-mount{transform:scale(.82)}.full-collection{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:1rem}.full-collection>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.75rem 0;font-size:1.25rem;letter-spacing:-.02em}.full-collection>summary::-webkit-details-marker{display:none}.collection-toggle{font-size:1.5rem;width:2rem;text-align:center}.full-collection[open] .collection-toggle{transform:rotate(45deg)}.collection-interior{padding:0 0 3rem}.collection-intro{color:var(--muted);margin-bottom:1.5rem}.full-collection .context-line{display:none}.full-collection .concept-grid{margin-top:2rem}.editorial-gallery>.concept-note{margin-top:2rem;max-width:43rem}.full-collection summary:focus-visible{outline:2px solid var(--text);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.editorial-gallery .card-bookmark{opacity:0;transition:opacity .18s}.editorial-gallery .card-media:hover .card-bookmark,.editorial-gallery .card-media:focus-within .card-bookmark,.editorial-gallery .card-bookmark[aria-pressed=true]{opacity:1}}
@media(max-width:47.5rem){.editorial-gallery{padding-top:3rem}.editorial-heading{grid-template-columns:1fr;gap:1.25rem;margin-bottom:3rem}.editorial-heading>p:last-child{justify-self:start}.chapter-heading{grid-template-columns:1.75rem 1fr;gap:.5rem}.chapter-heading p{grid-column:2;justify-self:start;font-size:.85rem}.chapter-heading h3{font-size:1.5rem}.chapter-grid{grid-template-columns:1fr;gap:2rem}.chapter-grid .concept-card:first-child{grid-row:auto}.chapter-grid .concept-card:first-child .card-art{aspect-ratio:4/3}.chapter-grid .concept-card:first-child h3{font-size:1.2rem}.idea-chapter{margin-bottom:3.5rem}}
@media(prefers-reduced-motion:reduce){.editorial-gallery .card-bookmark{transition:none}}
.chapter-grid .concept-card:first-child .card-art>img:first-child{object-fit:contain}.chapter-grid .concept-card:first-child .card-art{background:#e5e8df}.chapter-grid .concept-card:first-child .card-art:has(img[src*="portal"]){background:#e0d5c5}
.character-hero{position:relative;isolation:isolate;min-height:35rem;padding-top:5rem;padding-bottom:4rem;overflow:hidden;border-bottom:1px solid var(--line)}.character-hero h1{position:relative;z-index:2;font-size:clamp(3rem,4.6vw,4.7rem);max-width:55rem;margin-bottom:2rem}.character-hero .eyebrow{position:relative;z-index:2}.hero-inspector{position:absolute;z-index:0;width:28rem;height:auto;right:-3rem;bottom:-7rem;pointer-events:none}.character-hero .intro-bottom{position:relative;z-index:2;display:block;max-width:38rem}.character-hero .intro-bottom p{max-width:35rem}.character-hero .intro-bottom a{display:inline-flex;gap:3rem;margin-top:1.5rem}.hero-experience{position:relative;z-index:2;color:var(--muted);font-size:.7rem;margin-top:2.5rem}.hero-experience span{margin:0 .65rem}.library-link{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-block:1px solid var(--line);color:var(--text);text-decoration:none;font-size:1.2rem}.library-link span{font-size:1.5rem}.library-page .character-hero,.library-page #idea-chapters,.library-page #start,.library-page #sean,.library-page #method,.library-page .ai-example,.library-page #contact{display:none}.library-page .full-collection{border:0;margin-top:0}.library-page .full-collection>summary{display:none}.library-page .editorial-heading{margin-bottom:2.5rem}.library-page .editorial-gallery{padding-top:4rem}.library-page .collection-intro{display:none}.library-page .collection-interior{padding-bottom:1rem}
@media(min-width:75rem){.character-hero h1{max-width:52rem}.hero-inspector{width:30rem;right:-2rem}}
@media(max-width:65rem){.character-hero{min-height:39rem}.character-hero h1{max-width:40rem;font-size:3.5rem}.hero-inspector{width:23rem;right:-3rem;bottom:-5rem}.character-hero .intro-bottom{max-width:30rem}.hero-experience{max-width:25rem;line-height:1.8}}
@media(max-width:47.5rem){.character-hero{padding-top:3rem;padding-bottom:17rem;min-height:0}.character-hero h1{font-size:2.6rem;max-width:none}.hero-inspector{width:18rem;right:-2rem;bottom:-6rem}.character-hero .intro-bottom{max-width:none}.character-hero .intro-bottom p{font-size:.875rem}.hero-experience{font-size:.65rem;max-width:12rem;margin-top:2rem;line-height:1.9}.library-page .editorial-gallery{padding-top:3rem}}
@media(min-width:75rem){.character-hero h1{font-size:3.4rem;max-width:55rem;text-wrap:initial}}
.tool-ribbon{padding-top:1.4rem;padding-bottom:1rem}.ribbon-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ribbon-heading p{font-size:.7rem;color:var(--muted);margin:0}.ribbon-heading button{display:flex;align-items:center;gap:.6rem;border:0;background:none;color:var(--muted);font:inherit;font-size:.65rem;min-height:44px;cursor:pointer}.ribbon-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.ribbon-track{display:flex;width:max-content;animation:tool-drift 48s linear infinite;padding-block:1rem}.ribbon-track ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:3.5rem;padding-right:3.5rem;flex-shrink:0}.ribbon-track li{display:flex;align-items:center;gap:.7rem;white-space:nowrap;color:var(--text);font-size:.95rem;font-weight:500}.ribbon-track img{width:1.6rem;height:1.6rem;object-fit:contain}.ribbon-note{font-size:.65rem;color:var(--muted);margin:.6rem 0 0}.tool-ribbon:hover .ribbon-track,.tool-ribbon:focus-within .ribbon-track,.tool-ribbon.is-paused .ribbon-track{animation-play-state:paused}@keyframes tool-drift{to{transform:translateX(-50%)}}[data-theme=dark] .ribbon-track img[src*="openai"]{filter:invert(1)}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;width:auto}.ribbon-track ul[aria-hidden]{display:none}.ribbon-window{overflow:auto;mask-image:none}.ribbon-heading button{display:none}}
@media(max-width:47.5rem){.ribbon-track ul{gap:2rem;padding-right:2rem}.ribbon-track li{font-size:.85rem}.ribbon-heading p{font-size:.65rem}.ribbon-note{line-height:1.7}}
/* Compact, logo-only tool ribbon. Accessible names stay available. */
.ribbon-track li>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ribbon-track img{width:1.1rem;height:1.1rem}.ribbon-track ul{gap:2.5rem;padding-right:2.5rem}.ribbon-track li{gap:0}.ribbon-track{padding-block:.75rem}
.ribbon-track ul{min-width:min(88vw,90rem);justify-content:space-around;box-sizing:border-box;padding-right:2.5rem}.ribbon-heading>p,.ribbon-note{display:none}.ribbon-heading{justify-content:flex-end;height:1.5rem}.ribbon-heading button{font-size:0;min-width:44px;justify-content:center}.ribbon-heading button span{font-size:.75rem}.tool-ribbon{padding-top:.5rem}
.paper-start{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin:0 0 2rem}.paper-start h2{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.05em;margin:1rem 0}.paper-partners{display:flex;justify-content:center;align-items:end;height:17rem;overflow:hidden}.paper-partners img{width:13rem;height:auto;flex-shrink:0;margin-block:-2.5rem}.paper-partners img+img{margin-left:-2rem}.contact .paper-goodbye{display:block;width:12rem;height:15rem;object-fit:contain;object-position:center;margin:1rem 0 -2rem;pointer-events:none}
@media(max-width:47.5rem){.paper-start{grid-template-columns:1fr;gap:.5rem}.paper-start h2{font-size:2.5rem}.paper-partners{height:14rem;justify-content:flex-end}.paper-partners img{width:11rem}.contact .paper-goodbye{width:9rem;height:11rem;margin:.5rem 0 -1rem}}
/* Fixed, compact spacing instead of stretching logos across the page. */
.ribbon-track ul{min-width:0;justify-content:flex-start;gap:2rem;padding-right:2rem}.ribbon-window{max-width:42rem;margin-inline:auto}.ribbon-heading{max-width:42rem;margin-inline:auto}

.ribbon-window,.ribbon-heading{max-width:none;width:100%}

@keyframes tool-drift{to{transform:translateX(-25%)}}
/* Same-origin page transitions keep navigation grounded in the shared shell. */
@view-transition{navigation:auto}
.header{view-transition-name:site-header}
::view-transition-old(root){animation:explore-out .18s ease both}
::view-transition-new(root){animation:explore-in .28s ease both}
::view-transition-old(site-header),::view-transition-new(site-header){animation:none}
@keyframes explore-out{to{opacity:0}}
@keyframes explore-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* Optical balance: equal footprints, compact badges, and a calmer hero edge. */
.ribbon-track li{width:1.5rem;height:1.5rem;justify-content:center;flex-shrink:0}.ribbon-track img{width:1.2rem;height:1.2rem}.ribbon-track img[src*="salesforce"]{width:1.45rem;height:1.45rem}.ribbon-track img[src*="typeform-symbol"]{width:1.3rem;height:1.3rem}.ribbon-track ul{gap:1.65rem;padding-right:1.65rem}.tool-ribbon+.editorial-gallery{padding-top:2.5rem}
@media(min-width:75rem){.hero-inspector{width:28rem;right:1rem;bottom:-6rem}}
@media(max-width:47.5rem){.tool-ribbon+.editorial-gallery{padding-top:2rem}}
/* Give the offer, proof and next action a little more reading weight. */
.character-hero .intro-bottom p{font-size:1.1rem}.character-hero .intro-bottom a{font-size:.95rem}.hero-experience{font-size:.825rem}
@media(max-width:47.5rem){.character-hero .intro-bottom p{font-size:.9625rem}.character-hero .intro-bottom a{font-size:.825rem}.hero-experience{font-size:.7625rem}}
.character-hero .intro-bottom p{max-width:38rem;text-wrap:pretty}
.tool-ribbon .ribbon-heading{display:none}

/* Portal thumbnail: the actual dock UI fills the preview instead of a padded frame. */
.concept-card[data-concept=portal] .card-art{padding:0;aspect-ratio:3/2!important}
.concept-card[data-concept=portal] .card-art>img:first-child{object-fit:cover!important;width:100%;height:100%;padding:0}

/* A continuous journey: recognition, possibilities, then a useful next step. */
.problem-section{padding-block:5rem;border-bottom:1px solid var(--line);scroll-margin-top:2rem}
.problem-heading{display:grid;grid-template-columns:1.25fr 1fr;column-gap:4rem;align-items:end}
.problem-heading>.eyebrow{grid-column:1/-1;margin-bottom:1.4rem}
.problem-heading h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.12;letter-spacing:-.045em;margin:0}
.problem-heading>p:last-child{font-size:1rem;line-height:1.8;color:var(--muted);max-width:29rem;margin:0}
.problem-points{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3.5rem}
.problem-points article{border-top:1px solid var(--line);padding-top:1.2rem}
.problem-number{font-size:.65rem;color:var(--muted)}
.problem-points h3{font-size:1.1rem;font-weight:500;letter-spacing:-.02em;margin:1rem 0 .65rem}
.problem-points p{font-size:.9rem;line-height:1.8;color:var(--muted);margin:0;max-width:25rem}
.problem-bridge{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-top:3rem}
.problem-bridge p{font-size:.95rem;line-height:1.8;max-width:43rem;margin:0}
.problem-bridge a{white-space:nowrap;text-decoration:none;padding-block:.7rem;border-bottom:1px solid var(--text);display:flex;gap:2rem;font-size:.9rem}
.library-page .editorial-heading h1{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.08;letter-spacing:-.05em;margin:0}
.library-next{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:4rem;padding-block:4rem 5rem;border-top:1px solid var(--line)}
.library-next h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.04em;margin:1rem 0}
.library-next p:not(.eyebrow){max-width:36rem;color:var(--muted);font-size:.95rem;line-height:1.8}
.journey-links{display:flex;flex-direction:column;align-items:flex-start;gap:1.3rem;justify-self:end}
.journey-links>a{font-size:.85rem;color:var(--muted);text-underline-offset:5px}
.header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@media(max-width:47.5rem){.problem-section{padding-block:3rem}.problem-heading,.problem-points,.library-next{grid-template-columns:1fr;gap:1.5rem}.problem-heading>.eyebrow{margin-bottom:0}.problem-heading>p:last-child{font-size:.95rem}.problem-points{margin-top:2rem;gap:1.5rem}.problem-points h3{margin-top:.6rem}.problem-bridge{flex-direction:column;align-items:flex-start;gap:1.2rem;margin-top:2rem}.problem-bridge a{white-space:normal}.library-next{padding-block:2.5rem 3rem}.journey-links{justify-self:start}}

@media(max-width:47.5rem){.library-page .editorial-heading h1{font-size:2rem;line-height:1.12}.library-page #gallery-title br{display:none}}

/* Automation previews and their details share the same visual language. */
.card-art.automation-art{padding:clamp(1rem,2vw,1.7rem)!important;container-type:inline-size}.card-art.automation-art .map-mini{box-shadow:none;background:#f9fbf7}.card-art.automation-art .mini-bar,.card-art.automation-art .mini-heading,.card-art.automation-art .mini-canvas-foot,.card-art.automation-art .mini-node-status{display:none}.card-art.automation-art .mini-canvas{padding:1.1rem .7rem}.card-art.automation-art .mini-nodes{gap:.8rem}.card-art.automation-art .mini-node{min-height:7rem;padding:.8rem .5rem;justify-content:center}.card-art.automation-art .mini-brand{flex-direction:column;align-items:flex-start;gap:.4rem;font-size:clamp(.55rem,2.4cqw,.75rem);white-space:normal}.card-art.automation-art .mini-brand img,.card-art.automation-art .mini-person,.card-art.automation-art .mini-ai{width:1.4rem;height:1.4rem}.card-art.automation-art .mini-step-title{font-size:clamp(.65rem,2.8cqw,.9rem);margin:.65rem 0 0;line-height:1.4}.card-art.automation-art .mini-node:after{width:.8rem;font-size:.85rem}
.automation-output{border-top:1px solid var(--line);margin-top:1rem}.automation-output summary{cursor:pointer;padding:1rem 0;font-size:.9rem;font-weight:500}.automation-output summary:focus-visible{outline:2px solid var(--text);outline-offset:3px}.automation-output-note{font-size:.8rem;color:var(--muted);margin:0 0 1rem}.automation-output-example{background:#ebece5;padding:1.5rem;border-radius:.4rem;display:grid;place-items:center;overflow:hidden}.automation-output-example .result-preview{width:min(100%,36rem);min-height:20rem;display:flex;align-items:center;justify-content:center}.automation-output-example .result-mount{transform:scale(.9)}
@media(max-width:47.5rem){.card-art.automation-art .mini-node{min-height:6.5rem}.automation-output-example{padding:.5rem}.automation-output-example .result-mount{transform:scale(.65)}}

/* Full catalogue on the homepage: equal cards, denser desktop rows. */
.marketplace-home .full-collection{border:0;margin:0}.marketplace-home .full-collection>summary,.marketplace-home .collection-intro{display:none}.marketplace-home .editorial-heading{margin-bottom:2rem}.marketplace-home .concept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.5rem;row-gap:2.7rem}.marketplace-home .concept-grid .card-art{aspect-ratio:4/3;height:auto!important}.marketplace-home .concept-grid .card-art>img{width:100%;height:100%;object-fit:contain}.marketplace-home .concept-card h3{font-size:1rem}.marketplace-home .concept-card .card-benefit{font-size:.8rem}.marketplace-home .context-line{max-width:48rem;font-size:.85rem;line-height:1.6;color:var(--muted)}
@media(max-width:70rem){.marketplace-home .concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:52rem){.marketplace-home .concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}}
@media(max-width:35rem){.marketplace-home .concept-grid{grid-template-columns:1fr}.marketplace-home .concept-grid .card-art{aspect-ratio:16/10}}
/* Portal uses the same framed preview proportions as neighbouring apps. */
.marketplace-home .concept-card[data-concept=portal] .card-art{aspect-ratio:4/3!important;background:#e4d9ca}
.marketplace-home .concept-card[data-concept=portal] .card-art>img:first-child{object-fit:contain!important}

/* Quiet, compact automation maps: smaller labels and balanced nodes. */
.card-art.automation-art{padding:1.15rem!important}.card-art.automation-art .map-mini{border-color:#d7e0d4;border-radius:.3rem}.card-art.automation-art .mini-canvas{padding:1.05rem .75rem;background-image:none}.card-art.automation-art .mini-nodes{gap:.85rem;align-items:stretch}.card-art.automation-art .mini-node{min-height:6.8rem;padding:.65rem .5rem;justify-content:flex-start;border-radius:.25rem;box-shadow:none}.card-art.automation-art .mini-brand{gap:.35rem;font-size:clamp(.5rem,2.2cqw,.65rem);line-height:1.35;color:#66755f}.card-art.automation-art .mini-brand img,.card-art.automation-art .mini-person,.card-art.automation-art .mini-ai{width:1.15rem;height:1.15rem}.card-art.automation-art .mini-step-title{font-size:clamp(.57rem,2.45cqw,.75rem);line-height:1.5;letter-spacing:0;margin:.65rem 0 0;text-wrap:pretty}.card-art.automation-art .mini-node:after{width:.85rem;font-size:.8rem;color:#8da185}.card-art.automation-art .mini-human{background:#f5f8f2;border-color:#c4d1bc}.card-art.automation-art .mini-ai{font-size:1.25rem;line-height:1.15rem}

/* One quiet filter bar, with two clearly separated groups. */
.catalogue-filters{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:0 0 1rem;margin:0 0 1.5rem}.filter-scroll{display:flex;align-items:center;gap:.65rem;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:3px}.catalogue-filters .idea-kind,.catalogue-filters .outcome-choices{display:flex;align-items:center;flex-wrap:nowrap;gap:.25rem;margin:0;padding:0;border:0}.filter-divider{height:1.3rem;width:1px;background:var(--line);flex-shrink:0;margin:0 .4rem}.catalogue-filters .idea-kind button,.catalogue-filters .outcome-choices button{flex-shrink:0;min-height:40px;min-width:4.3rem;padding:.55rem .75rem;border:1px solid transparent;border-radius:.4rem;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;line-height:1.3;white-space:nowrap;cursor:pointer}.catalogue-filters .idea-kind button:hover,.catalogue-filters .outcome-choices button:hover{background:var(--line);color:var(--text)}.catalogue-filters .idea-kind button[aria-pressed=true],html[data-theme] .catalogue-filters .outcome-choices button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:transparent}.catalogue-filters button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.catalogue-filters .results{margin-left:auto;flex-shrink:0;font-size:.7rem}.catalogue-filters .results p{white-space:nowrap;margin:0}.catalogue-filters #reset-filters{font-size:.65rem;min-height:32px}.marketplace-home .character-hero{border-bottom:0}.marketplace-home .tool-ribbon{padding-top:0;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.marketplace-home .tool-ribbon .ribbon-track{padding-block:.5rem 1rem}.marketplace-home .tool-ribbon .ribbon-track img{width:1.4rem;height:1.4rem}.marketplace-home .tool-ribbon .ribbon-track ul{gap:2.2rem;padding-right:2.2rem}
@media(max-width:65rem){.catalogue-filters{gap:.5rem}.catalogue-filters .results{display:none}.filter-scroll{width:100%}.catalogue-filters .idea-kind button,.catalogue-filters .outcome-choices button{font-size:.7rem;padding:.6rem;min-width:4rem}}

/* Tool marks carry identity; task labels carry meaning. */
.tool-name-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mini-brand{position:relative;min-height:1.4rem}.mini-brand img,.ribbon-track img{background:transparent!important;border:0;box-shadow:none;border-radius:0}.mini-ai-pair{display:flex;align-items:center;gap:.3rem;min-height:1.4rem}.card-art.automation-art .mini-ai-pair img{width:1rem;height:1rem}.automation-detail .mini-ai-pair img{width:1.3rem;height:1.3rem}.card-art.automation-art .mini-step-title{margin-top:.8rem}.marketplace-home .editorial-heading h2{font-size:clamp(2.1rem,3.5vw,3.25rem);max-width:38rem}.marketplace-home .character-hero h1{font-size:clamp(3rem,4.6vw,4.7rem)}
@media(max-width:47.5rem){.marketplace-home .character-hero h1{font-size:2.6rem}.marketplace-home .editorial-heading h2{font-size:2rem}}

.client-history{padding-block:1.5rem 3rem;margin-bottom:2rem}.client-history-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.client-history-head p{margin:0}.client-history-head button{border:0;background:none;color:var(--muted);font:inherit;font-size:.65rem;min-height:44px;cursor:pointer}.client-history-window{overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);padding-block:1rem}.client-history-track{display:flex;width:max-content;animation:client-name-drift 70s linear infinite}.client-history-run{display:flex;align-items:center;gap:3rem;padding-right:3rem;flex-shrink:0}.client-history-run span{font-size:clamp(1rem,1.7vw,1.5rem);letter-spacing:-.025em;white-space:nowrap;color:var(--muted)}.client-history:hover .client-history-track,.client-history:focus-within .client-history-track,.client-history.is-paused .client-history-track{animation-play-state:paused}.client-history button:focus-visible,.client-history-window:focus-visible{outline:2px solid var(--text);outline-offset:3px}@keyframes client-name-drift{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.client-history-track{animation:none}.client-history-run[aria-hidden]{display:none}.client-history-head button{display:none}}
/* Visual starting points. Hover reveals detail; touch keeps it available. */
.visual-start{padding-block:4rem}.visual-start>.section-head{margin-bottom:2rem}.visual-start .section-head h2{font-size:clamp(2rem,3.5vw,3.2rem)}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.offer-card{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;border-radius:.5rem;color:#fffaf0;text-decoration:none;background:#29332d;isolation:isolate}.offer-card>img{width:100%;height:100%;object-fit:cover;transition:filter .4s,transform .6s}.offer-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#101d17dc 100%);transition:background .35s}.offer-copy{position:absolute;inset:auto 2rem 2rem;z-index:2}.offer-kicker{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.offer-copy h3{font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.04em;line-height:1.15;margin:.65rem 0 0}.offer-reveal{display:grid;grid-template-rows:0fr;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s,max-height .4s}.offer-reveal p{font-size:.9rem;line-height:1.6;max-width:28rem;margin:1rem 0 .5rem}.offer-reveal small{font-size:.7rem;color:#e2e5d9}.offer-action{display:flex;justify-content:space-between;border-top:1px solid #fff4;margin-top:1.2rem;padding-top:1rem;font-size:.85rem}.offer-card:hover>img,.offer-card:focus-visible>img{filter:blur(3px) brightness(.65);transform:scale(1.035)}.offer-card:hover .offer-reveal,.offer-card:focus-visible .offer-reveal{opacity:1;max-height:15rem;grid-template-rows:1fr}.offer-card:hover .offer-scrim,.offer-card:focus-visible .offer-scrim{background:#15201980}.first-conversation button{font:inherit;font-size:.85rem;color:var(--text);border:0;border-bottom:1px solid var(--line);background:none;padding:.5rem 0;cursor:pointer}.contact-action .light-button{font:inherit;font-size:.85rem;cursor:pointer}.contact-ideas-link{display:flex!important;justify-content:space-between;width:100%;max-width:24rem}.contact-ideas-link span{margin-right:0}
/* Editorial workflow: connected steps, no faux software chrome. */
.automation-dialog .automation-detail{padding:1.5rem 2rem 2rem}.automation-intro{font-size:1rem;line-height:1.65;color:var(--muted);max-width:45rem;margin:0 0 1.8rem}.automation-detail .workflow-editorial{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 2rem}.workflow-editorial .mini-bar,.workflow-editorial .mini-heading,.workflow-editorial .mini-canvas-foot{display:none}.automation-detail .workflow-editorial .mini-canvas{padding:0;background:none}.automation-detail .workflow-editorial .mini-nodes{gap:2rem;counter-reset:flow-step}.automation-detail .workflow-editorial .mini-node{background:var(--surface,var(--bg));border:1px solid var(--line);padding:1.25rem;min-height:10rem;box-shadow:none;border-radius:.5rem;counter-increment:flow-step}.workflow-editorial .mini-node:before{content:'0' counter(flow-step);font-size:.6rem;color:var(--muted);margin-bottom:1rem;letter-spacing:.08em}.automation-detail .workflow-editorial .mini-node:after{width:2rem;font-size:1.1rem}.automation-detail .workflow-editorial .mini-step-title{font-size:.95rem;line-height:1.45;color:var(--text);margin:1rem 0 .7rem}.workflow-editorial .mini-node-status{font-size:.55rem!important;color:var(--muted)!important}.workflow-editorial .mini-human{background:color-mix(in srgb,var(--bg),#8ea27d 8%)!important}.automation-facts{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.automation-facts .automation-row{display:block}.automation-facts .automation-row h3{font-size:.7rem;color:var(--muted);font-weight:400;margin-bottom:.65rem}.automation-facts .automation-row p{font-size:.85rem}.automation-output>h3{font-size:1.1rem;margin:1.4rem 0 .6rem}.automation-output-example{min-height:20rem}.automation-output-example .result-preview{padding:0;container-type:normal}.automation-output-example .result-mount{transform:scale(.85)}
#booking-dialog{width:min(65rem,94vw);max-height:92svh;padding:0;border:1px solid var(--line);border-radius:.6rem;background:var(--bg);color:var(--text)}#booking-dialog[open]{display:flex;flex-direction:column}#booking-dialog iframe{display:block;width:100%;height:min(70svh,48rem);min-height:24rem;border:0;background:#fff}.booking-help{font-size:.8rem;color:var(--muted);padding:.8rem 1.5rem;margin:0}.booking-help a{color:var(--text)}
/* Mouse clicks stay quiet; keyboard focus stays visible in the brand palette. */
:where(button,a,input,textarea,select,summary):focus:not(:focus-visible){outline:none!important;box-shadow:none!important}h2[tabindex='-1']:focus,section[tabindex='-1']:focus{outline:none!important}:where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #8d9e81!important;outline-offset:3px!important}dialog h2:focus{outline:none!important}
@media(hover:none){.offer-reveal{opacity:1;max-height:15rem;grid-template-rows:1fr}.offer-scrim{background:linear-gradient(180deg,#15201920,#152019e8)}.offer-card{aspect-ratio:1/1}}
@media(max-width:47.5rem){.offer-grid{grid-template-columns:1fr}.offer-copy{inset:auto 1.4rem 1.4rem}.automation-dialog .automation-detail{padding:1.2rem}.automation-detail .workflow-editorial .mini-nodes{grid-template-columns:1fr;gap:1.5rem}.automation-detail .workflow-editorial .mini-node{min-height:0;padding:1rem}.automation-detail .workflow-editorial .mini-node:after{content:'↓';left:50%;top:100%;transform:translateX(-50%);height:1.5rem;line-height:1.5rem;width:auto}.automation-facts{grid-template-columns:1fr;gap:0;margin-bottom:1rem}.automation-output-example .result-mount{transform:scale(.6)}.visual-start{padding-block:2.5rem}}
@media(prefers-reduced-motion:reduce){.offer-card>img,.offer-reveal,.offer-scrim{transition:none}.offer-card:hover>img{transform:none}}
.contact-ideas-link{width:fit-content!important;justify-content:flex-start;gap:.65rem}.contact-ideas-link span{order:-1}
.offer-scrim:after{content:'';position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
[data-theme=dark] .workflow-editorial .mini-ai-pair img[src*='openai'],[data-theme=dark] .workflow-editorial img[src*='intercom-official']{filter:invert(1)}
@media(max-width:47.5rem){.offer-card{aspect-ratio:1/1;min-height:23rem}.offer-reveal{opacity:1;max-height:15rem;grid-template-rows:1fr}.offer-scrim{background:linear-gradient(180deg,#15201920,#152019ed)}}

/* Keep the paired scenes within their grid track on narrow phones. */
.offer-card{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:600px){.character-hero{overflow-x:clip}}
@media(max-width:47.5rem){.offer-card{width:100%;aspect-ratio:auto;height:25rem}}

/* A single compact toolbar and a calm, consistently inset concept viewer. */
#concept-dialog:not(.automation-dialog){width:min(76rem,calc(100vw - 4rem));max-width:76rem;max-height:92svh;padding:0;border-radius:1rem}
#concept-dialog .dialog-header{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.75rem}
#concept-dialog .dialog-header>div:first-child{margin-right:auto;min-width:0}
#concept-dialog .dialog-header h2{font-size:1.4rem;line-height:1.2;margin:.35rem 0 0}
#concept-dialog .dialog-header .eyebrow{font-size:.55rem;letter-spacing:.12em}
#concept-dialog .concept-views{display:flex;align-items:center;gap:.2rem;padding:.25rem;margin:0;background:var(--gallery-surface);border:0;border-radius:.6rem;flex-shrink:0}
#concept-dialog .concept-views[hidden]{display:none}
#concept-dialog .concept-views button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.5rem .85rem;font-size:.75rem;border:0;border-radius:.4rem;background:transparent;color:var(--muted);box-shadow:none}
#concept-dialog .concept-views button[aria-pressed=true]{background:var(--bg);color:var(--text);box-shadow:0 1px 4px #00000010}
#concept-dialog .concept-views svg{width:1rem;height:1rem}
#concept-dialog .dialog-header .close{width:2.75rem;height:2.75rem;min-width:2.75rem;padding:.75rem;border:0;border-radius:50%;background:transparent;color:var(--text)}
#concept-dialog .dialog-header .close:hover{background:var(--gallery-surface)}
#concept-dialog:not(.automation-dialog) .concept-stage{padding:1.5rem 1.75rem;background:var(--gallery-surface);min-height:0}
#concept-dialog:not(.automation-dialog) #concept-art{display:block;width:100%;height:min(52svh,40rem);max-height:none;object-fit:contain;margin:auto;border-radius:.4rem}
#concept-dialog:not(.automation-dialog) .concept-detail{display:flex;align-items:start;justify-content:space-between;gap:2rem;padding:1.25rem 1.75rem .75rem;border:0}
#concept-dialog:not(.automation-dialog) #concept-description{font-size:.85rem;line-height:1.65;max-width:35rem;margin:0}
#concept-dialog:not(.automation-dialog) #concept-features{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin:0;padding:0;max-width:25rem;font-size:.7rem;line-height:1.6}
#concept-dialog:not(.automation-dialog) #concept-features li{padding:0;border:0}
#concept-dialog:not(.automation-dialog) .dialog-foot{padding:.75rem 1.75rem 1.25rem;border:0;gap:1rem;background:transparent}
#concept-dialog .dialog-foot p{font-size:.7rem;color:var(--muted)}
#concept-dialog #save-concept{min-height:2.75rem;padding:.65rem 1.1rem;border-radius:.5rem;font-size:.8rem;min-width:10rem}
@media(max-width:47.5rem){
 #concept-dialog:not(.automation-dialog){width:calc(100vw - 1.25rem);max-height:94svh}
 #concept-dialog .dialog-header{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem}
 #concept-dialog .dialog-header>div:first-child{grid-column:1;grid-row:1}
 #concept-dialog .dialog-header .close{grid-column:2;grid-row:1}
 #concept-dialog .concept-views{grid-row:2;grid-column:1/-1;justify-self:start}
 #concept-dialog:not(.automation-dialog) .concept-stage{padding:1rem}
 #concept-dialog:not(.automation-dialog) #concept-art{height:auto;max-height:42svh}
 #concept-dialog:not(.automation-dialog) .concept-detail{flex-direction:column;gap:.75rem;padding:1rem 1rem .5rem}
 #concept-dialog:not(.automation-dialog) .dialog-foot{padding:.75rem 1rem 1rem;align-items:center}
 #concept-dialog:not(.automation-dialog) .dialog-foot>p{max-width:10rem}
}
#concept-dialog .concept-views button{white-space:nowrap;flex-shrink:0;width:auto}
@media(max-width:47.5rem){#concept-dialog .concept-views{justify-self:stretch}#concept-dialog .concept-views button{flex:1}}

/* Give each concept a short, useful explanation beneath the artwork. */
#concept-dialog:not(.automation-dialog) .concept-detail{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:1.5rem 1.75rem}
#concept-dialog .concept-detail h3,#concept-dialog .concept-tailoring h3{font-size:.75rem;font-weight:600;line-height:1.4;letter-spacing:0;margin:0 0 .65rem;color:var(--text)}
#concept-dialog:not(.automation-dialog) #concept-features{display:grid;gap:.65rem;max-width:none;list-style:none}
#concept-dialog:not(.automation-dialog) #concept-features li{display:flex;align-items:center;gap:.65rem;font-size:.8rem;line-height:1.45}
#concept-dialog:not(.automation-dialog) #concept-features li:before{display:none}
#concept-dialog #concept-features svg{width:1.1rem;height:1.1rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
#concept-dialog:not(.automation-dialog) .dialog-foot{margin:0 1.75rem;padding:1.1rem 0 1.25rem;border-top:1px solid var(--line);align-items:center}
#concept-dialog .concept-tailoring p{margin:0;line-height:1.6;font-size:.75rem}
#concept-dialog .concept-tailoring h3{margin-bottom:.3rem}
#concept-dialog.automation-dialog .concept-tailoring h3{display:none}
@media(max-width:47.5rem){#concept-dialog:not(.automation-dialog) .concept-detail{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem 1rem}#concept-dialog:not(.automation-dialog) .dialog-foot{margin:0 1rem;padding:1rem 0;gap:1rem;flex-wrap:wrap}#concept-dialog .concept-tailoring{flex:1;min-width:9rem}#concept-dialog .concept-tailoring p{max-width:20rem}}

/* Two deliberate headline lines, rather than four accidental fragments. */
.marketplace-home .character-hero h1{font-size:clamp(2.5rem,3.8vw,4rem);max-width:70%;line-height:1.1;letter-spacing:-.055em}
.character-hero h1>span{display:block}
@media(min-width:65rem){.character-hero h1>span{white-space:nowrap}}
@media(max-width:65rem){.marketplace-home .character-hero h1{max-width:78%;font-size:clamp(2.3rem,4.1vw,3rem)}}
@media(max-width:47.5rem){.marketplace-home .character-hero h1{max-width:100%;font-size:clamp(2.1rem,8vw,2.6rem)}.character-hero h1>span{display:inline}.character-hero h1>span+span:before{content:' '}}

/* Let the details determine their height; keep the primary action in the toolbar. */
#concept-dialog:not(.automation-dialog) .concept-detail{height:auto;min-height:min-content;flex-shrink:0;overflow:visible;align-items:start}
#concept-dialog:not(.automation-dialog) .concept-detail>div{min-width:0}
#concept-dialog:not(.automation-dialog) #concept-features{height:auto;position:static;padding-bottom:.25rem}
#concept-dialog:not(.automation-dialog) .dialog-foot{height:auto;min-height:0;flex-shrink:0}
#concept-dialog .dialog-header #save-concept{flex-shrink:0;white-space:nowrap;margin:0}
#concept-dialog:not(.automation-dialog) .dialog-foot .concept-actions:has(#review-saved[hidden]){display:none}
@media(max-width:47.5rem){#concept-dialog .dialog-header #save-concept{grid-column:2;grid-row:1;min-width:0;font-size:.72rem;padding:.6rem .75rem}#concept-dialog .dialog-header{grid-template-columns:minmax(0,1fr) auto}}

/* A small, deliberately stepped paper-puppet study. */
.hero-stopmotion{position:absolute;right:-1rem;bottom:1rem;width:29rem;z-index:1;text-align:center}
.robot-poses{position:relative;width:100%;aspect-ratio:1}
.robot-pose{position:absolute;inset:0;opacity:0;animation:robot-pose-cycle 9s steps(1,end) infinite}
.robot-pose>img:first-child{width:100%;height:100%;object-fit:contain}
.robot-pose.pose-1{animation-delay:0s;opacity:1}.robot-pose.pose-2{animation-delay:3s}.robot-pose.pose-3{animation-delay:6s}
@keyframes robot-pose-cycle{0%,33.32%{opacity:1}33.33%,100%{opacity:0}}
.robot-pose .held-logo{position:absolute;width:5%;height:5%;object-fit:contain;transform:rotate(3deg);top:69%;left:25%}
.robot-pose .held-right{left:48%;top:71%}.pose-2 .held-left{left:27%;top:70%}.pose-2 .held-right{left:41%;top:70%}.pose-3 .held-left{left:28%;top:67%}.pose-3 .held-right{left:43%;top:69%}
.hero-stopmotion p{font-size:.7rem;color:var(--muted);margin:.25rem 0}
.robot-motion-toggle{font:inherit;font-size:.6rem;color:var(--muted);border:0;background:transparent;padding:.5rem;cursor:pointer;text-decoration:underline;text-underline-offset:.2rem}
.hero-stopmotion.is-paused .robot-pose{animation-play-state:paused}
@media(max-width:65rem){.hero-stopmotion{width:23rem;right:-1rem}}
@media(max-width:47.5rem){.character-hero{padding-bottom:20rem}.hero-stopmotion{width:18rem;right:-.5rem;bottom:0}.hero-stopmotion p{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.robot-pose{animation:none;opacity:0}.robot-pose.pose-1{opacity:1}.robot-motion-toggle{display:none}}

/* Inspect for six seconds; briefly connect, then return to the main pose. */
.hero-stopmotion .robot-pose{animation:none;opacity:0}
.robot-inspect{position:absolute;inset:0;opacity:1;animation:robot-inspect-sequence 10s steps(1,end) infinite}
.robot-inspect img{width:100%;height:100%;object-fit:cover;object-position:center 44%}
.hero-stopmotion .pose-1{animation:robot-connect-first 10s steps(1,end) infinite}
.hero-stopmotion .pose-2{animation:robot-connect-second 10s steps(1,end) infinite}
.hero-stopmotion .pose-3{animation:robot-connect-third 10s steps(1,end) infinite}
@keyframes robot-inspect-sequence{0%,59.99%{opacity:1}60%,94.99%{opacity:0}95%,100%{opacity:1}}
@keyframes robot-connect-first{0%,59.99%{opacity:0}60%,69.99%{opacity:1}70%,100%{opacity:0}}
@keyframes robot-connect-second{0%,69.99%{opacity:0}70%,79.99%{opacity:1}80%,100%{opacity:0}}
@keyframes robot-connect-third{0%,79.99%{opacity:0}80%,94.99%{opacity:1}95%,100%{opacity:0}}
.hero-stopmotion:hover .robot-pose,.hero-stopmotion:hover .robot-inspect{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-stopmotion .robot-pose{animation:none;opacity:0}.robot-inspect{animation:none;opacity:1}}
.robot-inspect img{object-position:center 30%}
/* Trim the subpixel cutout fringe without touching interior paper detail. */
.robot-pose>img:first-child,.robot-inspect img{filter:url(#robot-edge-clean)}

/* Keep the artwork and explanation visible together on desktop. */
@media(min-width:60rem){
 #concept-dialog:not(.automation-dialog)[open]{display:grid;grid-template-columns:minmax(0,1fr) 20rem;grid-template-rows:auto minmax(0,1fr) auto;width:min(88rem,calc(100vw - 4rem));max-width:88rem;max-height:90svh;overflow:auto}
 #concept-dialog:not(.automation-dialog) .dialog-header{grid-column:1/-1;grid-row:1}
 #concept-dialog:not(.automation-dialog) .concept-stage{grid-column:1;grid-row:2/4;display:flex;align-items:center;justify-content:center;padding:1.5rem;min-width:0}
 #concept-dialog:not(.automation-dialog) #concept-art{width:100%;height:auto;max-height:68svh;object-fit:contain}
 #concept-dialog:not(.automation-dialog) .concept-detail{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:1.75rem;padding:1.75rem 1.5rem;align-self:start}
 #concept-dialog:not(.automation-dialog) .dialog-foot{grid-column:2;grid-row:3;display:block;margin:0 1.5rem;padding:1.25rem 0 1.5rem;align-self:end}
 #concept-dialog:not(.automation-dialog) .concept-actions{margin-top:1rem}
 #concept-dialog:not(.automation-dialog) #try-screen{max-width:100%;min-width:0;font-size:.8rem}
}
@media(max-width:59.99rem){#concept-dialog:not(.automation-dialog){overflow-y:auto}}

/* One continuous sidebar; tailoring follows the features, not a distant footer. */
#concept-dialog:not(.automation-dialog) .dialog-foot .concept-actions:has(#review-saved[hidden]){display:flex}
#concept-dialog .concept-dismiss{font:inherit;font-size:.75rem;color:var(--muted);border:0;background:none;padding:.65rem 0;min-height:44px;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}
@media(min-width:60rem){
 #concept-dialog:not(.automation-dialog)[open]{grid-template-rows:auto auto 1fr}
 #concept-dialog:not(.automation-dialog) .concept-detail{padding-bottom:1.5rem}
 #concept-dialog:not(.automation-dialog) .dialog-foot{align-self:start}
 #concept-dialog:not(.automation-dialog) .concept-actions{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.75rem}
}

/* Product-gallery controls sit with the image, not in the title bar. */
#concept-dialog:not(.automation-dialog) .concept-stage{flex-direction:column;gap:1rem}
#concept-dialog .gallery-pagination{background:none;padding:0;justify-content:center;gap:.3rem;align-self:center}
#concept-dialog .gallery-pagination .gallery-dot{width:2rem;height:2.5rem;min-width:0;min-height:2.5rem;padding:0;flex:0 0 2rem;position:relative;background:none;box-shadow:none}
#concept-dialog .gallery-dot:after{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.3;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}
#concept-dialog .gallery-dot[aria-pressed=true]:after{opacity:1;background:var(--text)}
#concept-dialog .gallery-pagination .gallery-arrow{width:2.5rem;height:2.5rem;min-width:0;padding:0;flex:0 0 2.5rem;font-size:1rem;background:transparent}
#concept-dialog .gallery-pagination .gallery-arrow:hover{background:var(--line)}
#concept-dialog:not(.automation-dialog) #concept-art{max-height:61svh}
#concept-dialog:not(.automation-dialog) .concept-actions{justify-content:flex-end;margin-top:1.25rem}
#concept-dialog:not(.automation-dialog) .concept-stage .gallery-pagination{display:flex}
#concept-dialog .concept-stage .gallery-pagination[hidden]{display:none}
@media(max-width:59.99rem){#concept-dialog:not(.automation-dialog) .concept-stage{display:flex}#concept-dialog:not(.automation-dialog) .dialog-foot{display:flex;flex-wrap:wrap;justify-content:space-between}#concept-dialog:not(.automation-dialog) .concept-actions{margin-top:.5rem}}
#concept-dialog .concept-views .gallery-dot[aria-pressed]{background:transparent;box-shadow:none;border:0}

/* Stacked previews must grow naturally inside the scrollable dialog. */
@media(max-width:59.99rem){
 #concept-dialog:not(.automation-dialog)[open]{display:block;height:auto;max-height:92svh;overflow-y:auto;overflow-x:hidden}
 #concept-dialog:not(.automation-dialog) .dialog-header{position:relative;height:auto;min-height:0;flex-shrink:0}
 #concept-dialog:not(.automation-dialog) .concept-stage{height:auto;min-height:0;flex:none;display:flex;padding:1rem;gap:.5rem}
 #concept-dialog:not(.automation-dialog) #concept-art{height:auto;max-height:46svh;flex:none;object-fit:contain}
 #concept-dialog:not(.automation-dialog) .concept-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;min-height:0;max-height:none;flex:none;position:static;overflow:visible;padding:1.5rem;gap:1.5rem}
 #concept-dialog:not(.automation-dialog) .dialog-foot{display:flex;position:static;height:auto;min-height:0;max-height:none;flex:none;clear:both;margin:0 1.5rem;padding:1.25rem 0;gap:1.25rem;align-items:center;justify-content:space-between}
 #concept-dialog:not(.automation-dialog) .concept-actions{margin:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.75rem}
 #concept-dialog:not(.automation-dialog) #concept-features{max-height:none;overflow:visible}
}
@media(max-width:35rem){
 #concept-dialog:not(.automation-dialog) .concept-detail{grid-template-columns:1fr;padding:1.25rem 1rem;gap:1.25rem}
 #concept-dialog:not(.automation-dialog) .dialog-foot{margin:0 1rem;align-items:flex-start;flex-direction:column}
 #concept-dialog:not(.automation-dialog) .concept-actions{width:100%;justify-content:flex-end}
}

/* Quiet, coherent product-gallery controls. */
#concept-dialog{outline:none}
#concept-dialog #review-saved{display:none!important}
#concept-dialog .dialog-header #save-concept{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:0;min-height:2.75rem;padding:.65rem 1rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.8rem;box-shadow:none;flex:none}
#concept-dialog #save-concept svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
#concept-dialog #save-concept span{margin:0;position:static;font:inherit}
#concept-dialog #save-concept[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
#concept-dialog #save-concept[aria-pressed=true] svg{fill:currentColor}
#concept-dialog .concept-actions{display:none!important}
#concept-dialog .gallery-pagination{gap:.1rem;margin-top:.25rem}
#concept-dialog .gallery-pagination .gallery-arrow{width:2.75rem;height:2.75rem;flex-basis:2.75rem;border-radius:50%;opacity:.65}
#concept-dialog .gallery-pagination .gallery-arrow svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#concept-dialog .gallery-pagination .gallery-arrow:hover{opacity:1;background:var(--bg)}
#concept-dialog .gallery-pagination .gallery-dot{width:1.5rem;flex-basis:1.5rem}
#concept-dialog .gallery-dot:after{width:5px;height:5px;top:calc(50% - 2.5px);left:calc(50% - 2.5px)}
#concept-dialog .gallery-dot[aria-pressed=true]:after{width:16px;left:calc(50% - 8px);border-radius:3px}

/* V32: shared reading scale and relationships. V31 remains unchanged. */
:root{font-size:16px;--v32-space:clamp(3.5rem,7vw,6.5rem)}
@media(min-width:90rem){:root{font-size:clamp(16px,calc(10px + .4167vw),19px)}}
body{line-height:1.6}
.wrap{width:calc(100% - clamp(2.5rem,8vw,8rem));max-width:88rem}
.header{width:calc(100% - clamp(2.5rem,8vw,8rem));max-width:88rem;padding:0;min-height:6rem;height:auto;padding-block:1.25rem;gap:1.5rem}
.header nav{font-size:.85rem;gap:1.7rem}
.collection{border-radius:999px;padding:.65rem 1rem;gap:.75rem;font-size:.8rem}
.eyebrow{font-size:.7rem;letter-spacing:.1em}
.marketplace-home .character-hero{padding-block:clamp(3rem,6vw,6rem) 3rem;min-height:33rem}
.marketplace-home .character-hero h1{font-size:clamp(2.8rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.055em;max-width:64%;margin-bottom:1.75rem}
.character-hero .intro-bottom p{font-size:1rem;line-height:1.7;max-width:34rem}
.character-hero .intro-bottom a{font-size:.9rem;min-height:2.75rem;align-items:center;margin-top:1.3rem;gap:2rem}
.hero-experience{font-size:.75rem;line-height:1.7;max-width:43rem;margin-top:2rem}
.hero-inspector{width:30rem;right:-1rem;bottom:-6rem}
.marketplace-home .editorial-gallery{padding-top:var(--v32-space)}
.marketplace-home .editorial-heading h2{font-size:clamp(2rem,3.4vw,3rem);max-width:36rem;line-height:1.12}
.editorial-heading>p,.editorial-heading .section-description{font-size:.95rem;line-height:1.6}
.catalogue-filters{gap:.8rem;padding-block:1.25rem;margin-bottom:1.75rem;align-items:center}
.catalogue-filters .idea-kind button,.catalogue-filters .outcome-choices button{font-size:.8rem;min-height:2.75rem;padding:.65rem .85rem;border-radius:.4rem;white-space:nowrap}
.catalogue-filters .idea-kind,.catalogue-filters .outcome-choices{gap:.15rem}
.catalogue-filters .results{font-size:.75rem}
.concept-grid{gap:2.75rem 1.5rem}
.concept-card h3{font-size:1.15rem;line-height:1.3;letter-spacing:-.03em;margin-top:.6rem}
.concept-card .card-benefit{font-size:.9rem;line-height:1.6;max-width:32ch;margin-top:.65rem}
.concept-card .card-type{font-size:.7rem;margin-top:.9rem}
.card-art{border-radius:.65rem}
.card-art img{transition:transform .3s ease}
.card-art:hover img{transform:scale(1.015)}
.card-art:focus-visible{outline:2px solid var(--text);outline-offset:4px}
.card-save{min-width:2.75rem;min-height:2.75rem}
.visual-start{padding-block:var(--v32-space)}
.visual-start .section-head{margin-bottom:2rem}
.offer-grid{gap:2rem}
.offer-card{height:auto;min-height:0;aspect-ratio:auto;display:block;overflow:visible;background:transparent;color:var(--text);border-radius:0}
.offer-card>img{height:auto;aspect-ratio:16/10;width:100%;object-fit:cover;border-radius:.65rem;filter:none!important;transform:none!important}
.offer-scrim{display:none}
.offer-copy{position:static;padding:1.25rem 0 0}
.offer-kicker{font-size:.7rem;color:var(--muted)}
.offer-copy h3{font-size:1.6rem;line-height:1.2;margin:.5rem 0 .75rem}
.offer-reveal{display:block;opacity:1;max-height:none;overflow:visible}
.offer-reveal p{font-size:.95rem;line-height:1.65;margin:0 0 .6rem;max-width:34rem;color:var(--muted)}
.offer-reveal small{font-size:.75rem;line-height:1.6;color:var(--muted)}
.offer-action{font-size:.85rem;border-top:0;margin-top:.8rem;padding-top:.5rem;justify-content:flex-start;gap:.8rem}
.offer-card:hover .offer-action,.offer-card:focus-visible .offer-action{text-decoration:underline;text-underline-offset:.25rem}
.offer-card:focus-visible{outline:0;box-shadow:none}.offer-card:focus-visible h3{text-decoration:underline;text-underline-offset:.25rem}
.first-conversation{margin-top:1.75rem;font-size:.85rem}
#sean,#method,#contact{scroll-margin-top:2rem}
.about-copy p{max-width:55ch}
.client-strip{padding-block:2rem}
#concept-dialog:not(.automation-dialog){width:min(84rem,calc(100vw - 3rem));max-height:90svh;border-radius:.85rem}
#concept-dialog .dialog-header{padding:1.25rem 1.5rem}
#concept-dialog .dialog-header h2{font-size:1.4rem}
#concept-dialog .dialog-header .eyebrow{font-size:.65rem}
#concept-dialog .concept-detail h3,#concept-dialog .concept-tailoring h3{font-size:.8rem}
#concept-dialog:not(.automation-dialog) #concept-description{font-size:.9rem;line-height:1.65}
#concept-dialog:not(.automation-dialog) #concept-features li{font-size:.85rem;line-height:1.5}
#concept-dialog .concept-tailoring p{font-size:.8rem;line-height:1.6}
#concept-dialog .gallery-pagination .gallery-arrow{opacity:1;color:var(--muted)}
#concept-dialog .gallery-dot:after{opacity:.55}
#concept-dialog .gallery-dot[aria-pressed=true]:after{opacity:1}
#concept-dialog:not(.automation-dialog) .concept-stage{padding:1.5rem;gap:.75rem}
#concept-dialog:not(.automation-dialog) #concept-art{max-height:59svh}
#concept-dialog #save-concept:hover{background:var(--gallery-surface);transform:none}
#concept-dialog #save-concept[aria-pressed=true]:hover{background:var(--text);color:var(--bg)}
button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}
:where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--text);outline-offset:4px}
.header nav a:focus-visible,.card-title:focus-visible,.concept-card h3 button:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em}
[hidden]{display:none!important}
@media(min-width:60rem){
 #concept-dialog:not(.automation-dialog)[open]{grid-template-columns:minmax(0,1fr) 19.5rem;grid-template-rows:auto auto 1fr;height:auto}
 #concept-dialog:not(.automation-dialog) .concept-detail{padding:1.75rem 1.5rem;gap:1.75rem}
 #concept-dialog:not(.automation-dialog) .dialog-foot{padding:1.25rem 0 1.5rem;margin-inline:1.5rem}
}
@media(max-width:74rem){.catalogue-filters{flex-wrap:wrap}.catalogue-filters .results{margin-left:auto}.hero-inspector{width:26rem;right:-2rem}.hero-experience{max-width:35rem}}
@media(max-width:59.99rem){
 .header{flex-wrap:wrap;gap:.8rem}.header nav{order:3;width:100%;margin:0;justify-content:space-between;gap:.75rem;font-size:.8rem}.header .collection{margin-left:auto}
 .marketplace-home .character-hero h1{max-width:70%;font-size:clamp(2.6rem,4.8vw,3.5rem)}
 .hero-inspector{width:24rem;right:-3rem;bottom:-5rem}
 .hero-experience{max-width:25rem}
 .catalogue-filters .outcome-choices{flex-wrap:wrap}
 #concept-dialog:not(.automation-dialog) #concept-art{max-height:46svh}
 .offer-copy h3{font-size:1.4rem}
}
@media(max-width:47.5rem){
 .marketplace-home .character-hero{padding-top:2.75rem;padding-bottom:16rem;min-height:0}
 .marketplace-home .character-hero h1{font-size:clamp(2.2rem,8.4vw,3rem);max-width:100%;text-wrap:balance}
 .character-hero h1>span{display:inline;white-space:normal}
 .hero-inspector{width:18rem;bottom:-6rem;right:-1.5rem}
 .hero-experience{font-size:.75rem;max-width:15rem;line-height:1.7}
 .character-hero .intro-bottom p{font-size:1rem}
 .editorial-heading{display:block}.editorial-heading>p{margin-top:1rem}
 .catalogue-filters{gap:.65rem;padding-block:1rem}
 .catalogue-filters .idea-kind{width:100%;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.65rem}
 .catalogue-filters .idea-kind button{flex:1;padding-inline:.5rem}
 .catalogue-filters .outcome-choices{display:flex;gap:.2rem;flex-wrap:wrap;border:0;padding:0}
 .catalogue-filters .outcome-choices button{min-height:2.5rem;font-size:.75rem;padding:.55rem .65rem}
 .catalogue-filters .results{width:100%;margin:0}
 .concept-card h3{font-size:1.25rem}.concept-card .card-benefit{font-size:1rem;max-width:36ch}
 .offer-grid{gap:2.5rem}.offer-card{height:auto;min-height:0;aspect-ratio:auto}
 .offer-card>img{aspect-ratio:4/3}.offer-copy{padding-top:1rem}
 #concept-dialog:not(.automation-dialog){width:calc(100vw - 1rem);max-height:94svh}
 #concept-dialog .dialog-header{padding:1rem;gap:1rem}
 #concept-dialog .dialog-header h2{font-size:1.2rem}
 #concept-dialog .dialog-header #save-concept{font-size:.8rem;min-height:2.75rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(forced-colors:active){:where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid Highlight!important}.card-title:focus-visible,.header nav a:focus-visible{outline:2px solid Highlight}}
.marketplace-home .concept-card h3{font-size:1.15rem;line-height:1.35}
.marketplace-home .concept-card .card-benefit{font-size:.9rem;line-height:1.6}
.marketplace-home .concept-grid{row-gap:2.75rem}
.card-bookmark{opacity:1!important;visibility:visible!important;transform:none!important}
.card-workplace{display:none!important}
@media(max-width:47.5rem){.marketplace-home .concept-card h3{font-size:1.25rem}.marketplace-home .concept-card .card-benefit{font-size:1rem}}
/* Automation details explain the handoff without repeating its status labels. */
#concept-dialog.automation-dialog{width:min(84rem,calc(100vw - 3rem));max-width:84rem}
.automation-dialog .dialog-foot{display:none}
.automation-detail .mini-node-status{display:none}
.automation-detail .workflow-editorial .mini-node{min-height:9rem;padding:1.25rem}
.automation-detail .workflow-editorial{margin-bottom:1.5rem}
.automation-detail .mini-step-title{font-size:.95rem;line-height:1.5}
.automation-detail .automation-intro{font-size:1rem;line-height:1.65;margin-bottom:1.5rem}
.automation-detail .automation-row p{font-size:.9rem}
.automation-detail .automation-output-note{font-size:.85rem;line-height:1.6}
@media(max-width:47.5rem){#concept-dialog.automation-dialog{width:calc(100vw - 1rem)}.automation-detail .workflow-editorial .mini-node{min-height:0}}
.offer-card>img{aspect-ratio:4/3}
/* Native scrolling and visible system scrollbars make overflow discoverable. */
*{scrollbar-width:thin}*::-webkit-scrollbar{display:block;width:6px;height:6px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
#ideas-dialog .close,#booking-dialog .close{border:0;background:transparent;border-radius:50%;width:2.75rem;height:2.75rem;padding:.75rem}
#ideas-dialog .close:hover,#booking-dialog .close:hover{background:var(--gallery-surface)}
#ideas-dialog{border-radius:.85rem;max-height:92svh;overflow:auto}
#ideas-dialog .ideas-body{padding:1.5rem}
#ideas-dialog .ideas-body h2{font-size:2rem;line-height:1.15;letter-spacing:-.04em}
#ideas-dialog .ideas-body>p{font-size:.9rem;line-height:1.65}
#ideas-dialog textarea{font-size:.9rem;line-height:1.6;border-radius:.5rem;padding:1rem;min-height:8rem}
#ideas-dialog #email-brief,.contact-action .light-button{background:var(--text);color:var(--bg);border-radius:.5rem;font-size:.9rem}
#ideas-dialog #email-brief:hover,.contact-action .light-button:hover{opacity:.9;transform:none}
#ideas-dialog .privacy{font-size:.75rem;line-height:1.6;color:var(--muted)}
#ideas-dialog .saved-item{padding-block:1rem}
#ideas-dialog .saved-item button{min-height:2.75rem}

/* Sean's preferred V31 width and immersive starting-point cards. */
.wrap{width:calc(100% - 7rem);max-width:94.5rem}
.header{width:auto;max-width:112.5rem;padding-inline:3.5rem}
.visual-start{padding-block:4rem}
.offer-grid{gap:1.5rem}
.offer-card{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;border-radius:.5rem;color:#fffaf0;text-decoration:none;background:#29332d;isolation:isolate;height:auto;min-height:0}
.offer-card>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;transition:filter .4s,transform .6s}
.offer-scrim{display:block;position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#101d17dc 100%);transition:background .35s}
.offer-copy{position:absolute;inset:auto 2rem 2rem;padding:0;z-index:2}
.offer-kicker{font-size:.65rem;color:inherit;text-transform:uppercase;letter-spacing:.1em;opacity:.85}
.offer-copy h3{font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.04em;line-height:1.15;margin:.65rem 0 0}
.offer-reveal{display:grid;grid-template-rows:0fr;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s,max-height .4s}
.offer-reveal p{font-size:.9rem;line-height:1.6;max-width:28rem;margin:1rem 0 .5rem;color:inherit}
.offer-reveal small{font-size:.7rem;color:#e2e5d9}
.offer-action{display:flex;justify-content:space-between;gap:0;border-top:1px solid #fff4;margin-top:1.2rem;padding-top:1rem;font-size:.85rem}
.offer-card:hover>img,.offer-card:focus-visible>img{filter:blur(3px) brightness(.65)!important;transform:scale(1.035)!important}
.offer-card:hover .offer-reveal,.offer-card:focus-visible .offer-reveal{opacity:1;max-height:15rem;grid-template-rows:1fr}
.offer-card:hover .offer-scrim,.offer-card:focus-visible .offer-scrim{background:#15201980}
@media(max-width:47.5rem){.wrap{width:calc(100% - 3rem)}.header{padding-inline:1.5rem}.visual-start{padding-block:2.5rem}.offer-card{width:100%;aspect-ratio:auto;height:25rem}.offer-copy{inset:auto 1.4rem 1.4rem}.offer-reveal{opacity:1;max-height:15rem;grid-template-rows:1fr}.offer-scrim{background:linear-gradient(180deg,#15201920,#152019ed)}}
@media(hover:none){.offer-reveal{opacity:1;max-height:15rem;grid-template-rows:1fr}.offer-scrim{background:linear-gradient(180deg,#15201920,#152019e8)}}
@media(prefers-reduced-motion:reduce){.offer-card>img,.offer-reveal,.offer-scrim{transition:none}.offer-card:hover>img{transform:none!important}}
.wrap,.header,.showcase{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin-inline:auto}.header{padding-inline:0}

/* Read the automation and its result together. */
@media(min-width:60rem){
 #concept-dialog.automation-dialog[open]{width:min(84rem,calc(100vw - 3rem));height:auto;max-height:92svh}
 .automation-dialog .automation-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto 1fr;gap:1.25rem 2.5rem;padding:1.75rem;align-items:start}
 .automation-detail .automation-intro{grid-column:1;grid-row:1;margin:0;font-size:.95rem}
 .automation-detail .workflow-editorial{grid-column:1;grid-row:2;margin:0}
 .automation-detail .workflow-editorial .mini-nodes{display:grid;grid-template-columns:1fr;gap:1rem}
 .automation-detail .workflow-editorial .mini-node{min-height:0;padding:1rem;display:grid;grid-template-columns:1.5rem 2.5rem 1fr;gap:.75rem;align-items:center}
 .automation-detail .workflow-editorial .mini-node:before{margin:0;font-size:.65rem}
 .automation-detail .workflow-editorial .mini-brand{margin:0}
 .automation-detail .workflow-editorial .mini-step-title{margin:0;font-size:.9rem}
 .automation-detail .workflow-editorial .mini-node:after{content:'↓';left:50%;top:100%;height:1rem;line-height:1rem;width:auto;transform:translateX(-50%);font-size:.85rem}
 .automation-detail .automation-facts{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr;gap:1rem;margin:0}
 .automation-detail .automation-row{padding:.85rem 0 0;display:block}
 .automation-detail .automation-row h3{font-size:.75rem;margin-bottom:.4rem}
 .automation-detail .automation-row p{font-size:.85rem;line-height:1.6}
 .automation-detail .automation-output{grid-column:2;grid-row:1/4;border-top:0;border-left:1px solid var(--line);margin:0;padding-left:2.5rem;min-width:0}
 .automation-detail .automation-output>h3{margin:0 0 .5rem;font-size:1rem}
 .automation-detail .automation-output-note{font-size:.8rem;margin-bottom:1rem;line-height:1.5}
 .automation-detail .automation-output-example{padding:1.25rem;overflow:visible}
 .automation-detail .automation-output-example .result-preview{width:100%;height:auto;min-height:0;padding:0}
 .automation-detail .automation-output-example .result-mount{width:100%;transform:none;min-width:0}
}
@media(max-width:59.99rem){
 .automation-detail .automation-output-example .result-preview{width:100%;height:auto;min-height:0;padding:0}
 .automation-detail .automation-output-example .result-mount{transform:none;width:100%;min-width:0}
}
.automation-detail .workflow-editorial .mini-node:last-child:after{display:none}

/* The process is a quiet connected sequence, not a stack of wide panels. */
@media(min-width:60rem){
 .automation-dialog .automation-detail{grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);column-gap:3rem}
 .automation-detail .workflow-editorial{width:min(100%,22rem);padding-block:.5rem}
 .automation-detail .workflow-editorial .mini-nodes{gap:0}
 .automation-detail .workflow-editorial .mini-node{position:relative;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 0 2rem;min-height:0}
 .automation-detail .workflow-editorial .mini-node:last-child{padding-bottom:0}
 .automation-detail .workflow-editorial .mini-node:before{content:'';position:absolute;left:1.35rem;top:2.75rem;bottom:.25rem;width:1px;background:var(--line);margin:0}
 .automation-detail .workflow-editorial .mini-node:last-child:before{display:none}
 .automation-detail .workflow-editorial .mini-node:after{display:none}
 .automation-detail .workflow-editorial .mini-brand{grid-column:1;grid-row:1;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:.8rem;background:var(--bg);z-index:1}
 .automation-detail .workflow-editorial .mini-brand>img{width:1.25rem;height:1.25rem}
 .automation-detail .workflow-editorial .mini-brand .mini-ai-pair{gap:.2rem}
 .automation-detail .workflow-editorial .mini-brand .mini-ai-pair img{width:1rem;height:1rem}
 .automation-detail .workflow-editorial .mini-step-title{grid-column:2;grid-row:1;align-self:center;font-size:1rem;line-height:1.45;letter-spacing:-.015em;margin:0}
 .automation-detail .automation-facts{max-width:25rem;margin-top:.5rem}
}
@media(min-width:60rem){.automation-detail .workflow-editorial .mini-node.mini-human{background:transparent!important;border:0!important}}
@media(max-width:59.99rem){
 .automation-detail .workflow-editorial{width:100%;padding-block:.5rem}
 .automation-detail .workflow-editorial .mini-nodes{display:grid;grid-template-columns:1fr;gap:0}
 .automation-detail .workflow-editorial .mini-node,.automation-detail .workflow-editorial .mini-node.mini-human{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:1rem;position:relative;border:0!important;background:transparent!important;border-radius:0;padding:0 0 1.5rem;min-height:0}
 .automation-detail .workflow-editorial .mini-node:last-child{padding-bottom:0}
 .automation-detail .workflow-editorial .mini-node:before{content:'';position:absolute;left:1.35rem;top:2.75rem;bottom:0;width:1px;background:var(--line);margin:0}
 .automation-detail .workflow-editorial .mini-node:last-child:before,.automation-detail .workflow-editorial .mini-node:after{display:none}
 .automation-detail .workflow-editorial .mini-brand{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:.8rem;background:var(--bg);z-index:1}
 .automation-detail .workflow-editorial .mini-step-title{margin:0;font-size:.95rem;line-height:1.5}
}

.mini-ai-spark{display:inline-flex;align-items:center;justify-content:center;color:var(--muted,#72866f)}.mini-ai-spark svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* One centred icon family for AI and human review. */
.mini-brand .mini-ai-spark,.mini-brand .mini-person{display:flex!important;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;line-height:0;color:#536358!important;margin:0;padding:0;flex:none}
.mini-brand .mini-ai-spark svg,.mini-brand .mini-person svg{display:block!important;width:1.5rem!important;height:1.5rem!important;fill:none;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round;stroke-linejoin:round;margin:0;vertical-align:middle;flex:none}
[data-theme=dark] .workflow-editorial .mini-brand .mini-ai-spark,[data-theme=dark] .workflow-editorial .mini-brand .mini-person{color:#c0cec3!important}
.automation-detail .workflow-editorial .mini-brand:has(.mini-ai-spark),.automation-detail .workflow-editorial .mini-brand:has(.mini-person){display:flex!important;align-items:center!important;justify-content:center!important;padding:0;line-height:0}

/* Compact explanatory process paired with a naturally sized output. */
#concept-dialog.automation-dialog[open]{height:auto!important;min-height:0!important;max-height:90svh;width:min(72rem,calc(100vw - 2rem));max-width:72rem}
.automation-dialog .dialog-foot,.automation-detail .automation-facts{display:none!important}
.automation-dialog .automation-detail{height:auto;min-height:0;max-height:none;flex:0 1 auto;overflow:auto;padding:1.5rem;align-content:start}
.automation-detail .automation-output-example{padding:1rem;overflow:visible}
.automation-detail .automation-output-example .result-preview{width:100%;height:auto;min-height:0;padding:0}
.automation-detail .automation-output-example .result-mount{width:100%;transform:none}
.automation-detail .workflow-editorial .mini-node-status{display:none}
.automation-detail .workflow-editorial .mini-nodes{display:grid;grid-template-columns:1fr;gap:0}
.automation-detail .workflow-editorial .mini-node,.automation-detail .workflow-editorial .mini-node.mini-human{position:relative;display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.3rem 1rem;padding:0 0 1.5rem;min-height:0;background:transparent!important;border:0!important;border-radius:0;align-items:start}
.automation-detail .workflow-editorial .mini-node:last-child{padding-bottom:0}
.automation-detail .workflow-editorial .mini-node:before{content:'';position:absolute;left:1.35rem;top:2.75rem;bottom:0;width:1px;background:var(--line);margin:0}
.automation-detail .workflow-editorial .mini-node:last-child:before,.automation-detail .workflow-editorial .mini-node:after{display:none}
.automation-detail .workflow-editorial .mini-brand{grid-column:1;grid-row:1/3;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:.8rem;background:var(--bg);z-index:1}
.automation-detail .workflow-editorial .mini-step-title{grid-column:2;grid-row:1;font-size:.95rem;line-height:1.45;margin:.1rem 0 0;align-self:start}
.automation-detail .process-explanation{grid-column:2;grid-row:2;font-size:.8rem;line-height:1.55;color:var(--muted);margin:0;max-width:33ch}
.automation-detail .automation-intro{font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}
.automation-detail .workflow-editorial{width:100%;max-width:26rem;margin:0;padding:0}
.automation-detail .automation-output{min-width:0;margin:0;padding-top:0}
.automation-detail .automation-output>h3{font-size:.95rem;margin:0 0 .5rem}
.automation-detail .automation-output-note{font-size:.8rem;line-height:1.5;margin:0 0 1rem}
@media(min-width:48rem){
 .automation-dialog .automation-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto 1fr;gap:0 2rem}
 .automation-detail .automation-intro{grid-column:1;grid-row:1}
 .automation-detail .workflow-editorial{grid-column:1;grid-row:2}
 .automation-detail .automation-output{grid-column:2;grid-row:1/3;border:0;border-left:1px solid var(--line);padding:0 0 0 2rem;max-width:31rem;align-self:start}
}
@media(max-width:47.99rem){.automation-dialog .automation-detail{display:block}.automation-detail .automation-output{border:0;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:1.5rem}}
#concept-dialog.automation-dialog[open]{inset-block-start:50%;inset-block-end:auto;margin-block:0;transform:translateY(-50%)}

/* Mirrored column headers and a shared content baseline. */
.automation-process-heading{font-size:.95rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}
.automation-detail .automation-output>h3{font-size:.95rem;font-weight:600;line-height:1.4}
.automation-detail .automation-intro,.automation-detail .automation-output-note{font-size:.85rem;line-height:1.6;color:var(--muted)}
@media(min-width:48rem){
 .automation-dialog .automation-detail{grid-template-rows:auto auto 1fr;gap:0 2.5rem}
 .automation-process-heading{grid-column:1;grid-row:1}
 .automation-detail .automation-intro{grid-column:1;grid-row:2;margin:0 0 1.25rem}
 .automation-detail .workflow-editorial{grid-column:1;grid-row:3}
 .automation-detail .automation-output{display:contents}
 .automation-detail .automation-output>h3{grid-column:2;grid-row:1;margin:0 0 .5rem}
 .automation-detail .automation-output-note{grid-column:2;grid-row:2;margin:0 0 1.25rem}
 .automation-detail .automation-output-example{grid-column:2;grid-row:3;width:100%;max-width:31rem;align-self:start;justify-self:start}
}

/* Floating preview study: one atmosphere for app and automation ideas. */
#concept-dialog{--text:#f5f3eb;--muted:#c1c7bf;--line:#ffffff24;--bg:#202722;--gallery-surface:#ffffff0b;color:var(--text);background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#concept-dialog::backdrop{background:rgba(12,19,17,.84);backdrop-filter:blur(22px) saturate(.65);-webkit-backdrop-filter:blur(22px) saturate(.65)}
#concept-dialog .dialog-header{background:transparent;border:0;padding:1rem 1.5rem 1.75rem}
#concept-dialog .dialog-header h2{color:var(--text);font-size:1.6rem}
#concept-dialog .dialog-header .eyebrow{color:var(--muted)}
#concept-dialog .dialog-header #save-concept{border-color:#ffffff40;background:#ffffff08;color:var(--text)}
#concept-dialog #save-concept:hover{background:#ffffff18}
#concept-dialog #save-concept[aria-pressed=true]{background:#f5f3eb;color:#202722;border-color:#f5f3eb}
#concept-dialog:not(.automation-dialog) .concept-stage{background:transparent;padding:0 1.5rem 1rem}
#concept-dialog:not(.automation-dialog) #concept-art{border-radius:.65rem;box-shadow:0 1.5rem 4rem #0003;max-height:60svh}
#concept-dialog .concept-detail,#concept-dialog .dialog-foot{background:transparent;color:var(--text)}
#concept-dialog #concept-features svg{color:var(--muted)}
#concept-dialog .gallery-pagination .gallery-arrow{color:#e7ebe4}
#concept-dialog .gallery-pagination .gallery-arrow:hover{background:#ffffff15}
#concept-dialog .gallery-dot:after{background:#d3dbd1}
#concept-dialog .gallery-dot[aria-pressed=true]:after{background:#fff}
#concept-dialog #try-screen{color:var(--text);border-color:#ffffff40;background:transparent}
#concept-dialog .automation-detail{padding-top:0}
#concept-dialog .workflow-editorial .mini-brand{background:#ffffff08;border-color:#ffffff30}
#concept-dialog .mini-brand .mini-ai-spark,#concept-dialog .mini-brand .mini-person{color:#e0e7dc!important}
#concept-dialog .automation-output-example{background:transparent;padding:0;border-radius:.65rem}
#concept-dialog .automation-output-example .artifact{box-shadow:0 1.5rem 4rem #0003}
#concept-dialog .workflow-editorial .mini-step-title{color:var(--text)}
#concept-dialog .workflow-editorial img[src*="intercom-official"],#concept-dialog .workflow-editorial img[src*="notion"]{filter:invert(1)}
#concept-dialog :where(button,a):focus-visible{outline:2px solid #e6eddf!important;outline-offset:4px!important}
@media(min-width:60rem){#concept-dialog:not(.automation-dialog)[open]{width:min(78rem,calc(100vw - 3rem));grid-template-columns:minmax(0,1fr) 20rem;grid-template-rows:auto auto 1fr;height:auto;inset-block-start:50%;inset-block-end:auto;margin-block:0;transform:translateY(-50%)}#concept-dialog:not(.automation-dialog) .concept-detail{padding-top:0}#concept-dialog:not(.automation-dialog) .concept-stage{grid-row:2/4}#concept-dialog:not(.automation-dialog) .dialog-foot{align-self:start}}
#concept-dialog.automation-dialog[open]{width:min(74rem,calc(100vw - 3rem));max-width:74rem}
@media(max-width:59.99rem){#concept-dialog:not(.automation-dialog)[open]{height:auto;inset-block-start:50%;inset-block-end:auto;margin-block:0;transform:translateY(-50%)}#concept-dialog .dialog-header{padding-inline:1rem}#concept-dialog:not(.automation-dialog) .concept-stage{padding-inline:1rem}}
@media(prefers-reduced-transparency:reduce){#concept-dialog::backdrop{background:#121b17;backdrop-filter:none}}

#concept-dialog .automation-output-example .artifact{--text:#26352d;--muted:#66715f;color:#26352d}#concept-dialog .automation-output-example .artifact .subject{color:#26352d}

#concept-dialog #concept-features,#concept-dialog #concept-features li,#concept-dialog #concept-features li span{color:#e2e7df!important}#concept-dialog:not(.automation-dialog) .concept-stage{box-shadow:none;border:0}

/* Shared floating gallery: a result on the left, context on the right. */
#concept-dialog::backdrop{background:rgba(16,23,21,.91);backdrop-filter:blur(40px) saturate(.35);-webkit-backdrop-filter:blur(40px) saturate(.35)}
#concept-dialog.automation-dialog[open]{width:min(78rem,calc(100vw - 3rem));max-width:78rem}
#concept-dialog.automation-dialog .automation-detail{padding:0 1.5rem 1.5rem;overflow:visible}
#concept-dialog.automation-dialog .automation-output>h3,#concept-dialog.automation-dialog .automation-output-note{display:none}
#concept-dialog.automation-dialog .automation-output-example{min-height:0;max-width:none;width:100%;padding:2rem;border-radius:.65rem;background:#ffffff06;align-self:start;display:grid;place-items:center}
#concept-dialog.automation-dialog .automation-output-example .result-preview{max-width:38rem;width:100%;min-height:0}
#concept-dialog.automation-dialog .automation-process-heading{font-size:.85rem;margin:0 0 .6rem}
#concept-dialog.automation-dialog .automation-intro{margin:0 0 1.75rem}
#concept-dialog.automation-dialog .workflow-editorial{max-width:none}
#concept-dialog.automation-dialog .process-explanation{max-width:none}
@media(min-width:60rem){
 #concept-dialog.automation-dialog .automation-detail{display:grid;grid-template-columns:minmax(0,1fr) 17rem;grid-template-rows:auto auto 1fr;column-gap:3rem}
 #concept-dialog.automation-dialog .automation-output{display:contents}
 #concept-dialog.automation-dialog .automation-output-example{grid-column:1;grid-row:1/4}
 #concept-dialog.automation-dialog .automation-process-heading{grid-column:2;grid-row:1}
 #concept-dialog.automation-dialog .automation-intro{grid-column:2;grid-row:2}
 #concept-dialog.automation-dialog .workflow-editorial{grid-column:2;grid-row:3}
}
@media(max-width:59.99rem){
 #concept-dialog.automation-dialog .automation-detail{display:flex;flex-direction:column}
 #concept-dialog.automation-dialog .automation-output{display:contents}
 #concept-dialog.automation-dialog .automation-output-example{order:-1;margin-bottom:1.75rem;padding:1rem}
 #concept-dialog.automation-dialog .workflow-editorial{margin:0}
}
@media(prefers-reduced-transparency:reduce){#concept-dialog::backdrop{background:#121b17;backdrop-filter:none;-webkit-backdrop-filter:none}}

#concept-dialog.automation-dialog .automation-detail{flex:none;height:auto;max-height:none}
#concept-dialog.automation-dialog .automation-output-example{flex:none;grid-template-rows:auto;height:auto}

@media(max-width:35rem){#concept-dialog .dialog-header{flex-wrap:wrap;gap:1rem;align-items:flex-start}#concept-dialog .dialog-header>div{flex:1 0 100%;min-width:0}#concept-dialog .dialog-header #save-concept{margin-left:0}#concept-dialog.automation-dialog .automation-detail{padding-inline:1rem}}

@media(max-width:35rem){#concept-dialog .dialog-header{display:flex!important;flex-direction:column!important}#concept-dialog .dialog-header>div{width:100%}#concept-dialog #concept-title{max-width:none;width:100%}}

/* Automation thumbnails communicate connections, not miniature interfaces. */
.card-art.automation-art .map-mini{background:transparent;border:0;box-shadow:none;transform:none;width:100%;padding:0}
.card-art.automation-art:hover .map-mini{transform:none;box-shadow:none}
.card-art.automation-art .mini-bar,.card-art.automation-art .mini-heading,.card-art.automation-art .mini-canvas-foot,.card-art.automation-art .mini-step-title,.card-art.automation-art .mini-node-status{display:none!important}
.card-art.automation-art .mini-canvas{background:none;padding:1.5rem .5rem}
.card-art.automation-art .mini-nodes{display:flex;align-items:center;justify-content:space-between;gap:0}
.card-art.automation-art .mini-node,.card-art.automation-art .mini-node.mini-human{display:flex;align-items:center;justify-content:center;flex:0 0 3.5rem;width:3.5rem;height:3.5rem;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;position:relative}
.card-art.automation-art .mini-brand{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;margin:0;gap:0;flex-direction:row}
.card-art.automation-art .mini-brand img{width:2rem;height:2rem;object-fit:contain}
.card-art.automation-art .mini-brand .mini-ai-spark,.card-art.automation-art .mini-brand .mini-person{width:2rem;height:2rem}
.card-art.automation-art .mini-brand .mini-ai-spark svg,.card-art.automation-art .mini-brand .mini-person svg{width:2rem!important;height:2rem!important;stroke-width:1.7!important}
.card-art.automation-art .mini-node:before{display:none}
.card-art.automation-art .mini-node:not(:last-child):after{content:'';position:absolute;left:calc(100% + .3rem);top:50%;width:clamp(.7rem,3cqw,1.25rem);height:5px;border:0;border-top:1px solid #91a18e;border-right:1px solid #91a18e;transform:translateY(-50%) skewX(35deg);border-radius:0;background:none}
.card-art.automation-art .mini-node:not(:last-child):after{height:12px;border:0;transform:translateY(-50%);background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='%2391a18e' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h21m-4-4 4 4-4 4'/%3E%3C/svg%3E")}

/* Provider marks share a document-clock phase, including after filtering. */
.ai-logo-cycle{position:relative;width:2rem;height:2rem;display:block!important}
.ai-logo-cycle img{position:absolute;inset:0;width:2rem;height:2rem;object-fit:contain;opacity:0;animation:ai-provider-fade 15s linear infinite;animation-delay:var(--ai-cycle-offset,0s)}
.ai-logo-cycle img:nth-child(2){animation-delay:calc(var(--ai-cycle-offset,0s) - 10s)}
.ai-logo-cycle img:nth-child(3){animation-delay:calc(var(--ai-cycle-offset,0s) - 5s)}
@keyframes ai-provider-fade{0%,30%{opacity:1}33.333%,96.666%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.ai-logo-cycle img{animation:none;opacity:0}.ai-logo-cycle img:first-child{opacity:1}}

/* Slower provider rotation, with independent card phases. */
.ai-logo-cycle img{animation-duration:32s}
.ai-logo-cycle img:nth-child(2){animation-delay:calc(var(--ai-cycle-offset,0s) - 24s)}
.ai-logo-cycle img:nth-child(3){animation-delay:calc(var(--ai-cycle-offset,0s) - 16s)}
.ai-logo-cycle img:nth-child(4){animation-delay:calc(var(--ai-cycle-offset,0s) - 8s)}
@keyframes ai-provider-fade{0%,21.25%{opacity:1}25%,96.25%{opacity:0}100%{opacity:1}}

.mini-brand .mini-person .human-paper-face{width:100%!important;height:100%!important;object-fit:contain;display:block}.card-art.automation-art .mini-brand .mini-person{width:2.5rem;height:2.5rem}.automation-detail .mini-brand .mini-person:has(.human-paper-face){width:2rem;height:2rem}

.mini-brand .mini-person.human-paper-pair{background-image:url("/service-site/studio-software-20261021/studio-direction-v01/assets/ai-tool-logos-v31/human-papercraft-pair-v3.webp");background-size:200% 100%;background-repeat:no-repeat;background-position:left center}.mini-brand .mini-person.human-paper-feminine{background-position:right center}

.mini-brand .mini-person.human-paper-pair{background-image:url("/service-site/studio-software-20261021/studio-direction-v01/assets/ai-tool-logos-v31/human-papercraft-v1.webp");background-size:contain;background-position:center}.mini-brand .mini-person.human-paper-feminine{background-image:url("/service-site/studio-software-20261021/studio-direction-v01/assets/ai-tool-logos-v31/human-papercraft-female-v1.webp");background-position:center}

.mini-logic-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:#536358}.mini-logic-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.card-art.automation-art .mini-logic-icon{width:2rem;height:2rem}#concept-dialog .mini-logic-icon{color:#e0e7dc}.automation-scope{font-size:.75rem;line-height:1.6;color:var(--muted);margin:1.5rem 0 0;grid-column:2;grid-row:4}@media(min-width:60rem){#concept-dialog.automation-dialog .automation-output-example{grid-row:1/5}}

.mini-logic-icon.paper-logic{background-image:url("/service-site/studio-software-20261021/studio-direction-v01/assets/ai-tool-logos-v31/paper-workflow-symbols-v1.webp");background-size:300% 100%;background-repeat:no-repeat;background-position:left center}.mini-logic-icon.paper-logic svg{display:none}.mini-logic-icon.paper-logic-rules{background-position:center}.mini-logic-icon.paper-logic-sync{background-position:right center}#concept-dialog .mini-brand .ai-logo-cycle img{width:100%;height:100%;filter:none}.automation-detail .mini-brand .ai-logo-cycle{width:1.7rem;height:1.7rem}.automation-detail .mini-brand .paper-logic{width:2rem;height:2rem}

#concept-dialog .mini-brand .ai-logo-cycle img[src$="openai.svg"]{filter:invert(1)}

/* Optical sizing compensates for transparent margins in paper symbols. */
#concept-dialog .automation-detail .mini-brand .paper-logic{width:2.6rem;height:2.6rem;flex:none}

.card-art.automation-art .mini-brand .paper-logic{width:2.6rem;height:2.6rem;flex:none}

.trust-portrait .portrait-transform{position:relative;display:block;width:100%;aspect-ratio:1;border:0;padding:0;border-radius:50%;overflow:hidden;background:none;cursor:pointer}.trust-portrait .portrait-transform img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;margin:0;transform:none}.trust-portrait .portrait-transform .portrait-paper{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}.portrait-transform[aria-pressed=true] .portrait-paper{opacity:1}.portrait-transform:focus-visible{outline:2px solid var(--text);outline-offset:5px}@media(hover:hover){.portrait-transform:hover .portrait-paper{opacity:1}}@media(max-width:47.5rem){.trust-portrait .portrait-transform{width:5.5rem}}@media(prefers-reduced-motion:reduce){.trust-portrait .portrait-transform .portrait-paper{transition:none}}

/* Lift each icon container so bitmap and paper marks move identically. */
.card-art.automation-art .mini-brand{transition:transform .3s ease}
.card-art.automation-art .mini-brand img{transform:none!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.concept-card:hover .card-art.automation-art .mini-brand,.card-art.automation-art:hover .mini-brand{transform:translateY(-4px)}}
@media(prefers-reduced-motion:no-preference){.concept-card:focus-within .card-art.automation-art .mini-brand{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.card-art.automation-art .mini-brand{transition:none;transform:none!important}}

.header .collection{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:3.25rem;min-height:44px;padding:.65rem .85rem;border-radius:999px;background:transparent;border:1px solid var(--line)}.header .collection svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.header .collection #idea-count{font-size:.7rem;margin:0}.client-history-run{gap:2rem;padding-right:2rem}.client-history-run span{font-size:clamp(.8rem,1.1vw,1rem);letter-spacing:-.015em}@media(max-width:47.5rem){.header{grid-template-columns:1fr auto}}

/* Arrival: the final step opens into the studio. */
.studio-arrival{position:relative;isolation:isolate;background:#19231f url("/service-site/studio-software-20261021/studio-direction-v01/assets/starting-points/studio-arrival-v1.webp") center/cover no-repeat;color:#fffdf3;margin-top:4rem;overflow:hidden;scroll-margin-top:0}
.arrival-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101e1a35,#101c1855 45%,#101b1870),linear-gradient(0deg,#101a18ec,transparent 50%,#101a1830)}
.arrival-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(25rem,32rem);gap:6rem;align-items:center;padding-block:7rem 6rem;min-height:52rem}
.arrival-copy{align-self:start;padding-top:1rem;text-shadow:0 2px 25px #0005}.arrival-copy .eyebrow{color:#e4e7d9;margin-bottom:1.75rem}.arrival-copy h2{font-size:clamp(3rem,5vw,5.25rem);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0 0 1.75rem;color:#fffdf3}.arrival-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;color:#eff0e8;max-width:29rem;text-wrap:pretty}.arrival-copy>a{display:inline-flex;gap:1rem;margin-top:1.5rem;color:#fffdf3;font-size:.85rem;text-decoration:underline;text-underline-offset:.3rem}
.arrival-panel{padding:2rem;border:1px solid #ffffff35;border-radius:1.25rem;background:#1b2823b8;backdrop-filter:blur(24px) saturate(.8);-webkit-backdrop-filter:blur(24px) saturate(.8);box-shadow:0 1.5rem 5rem #0002;color:#fffdf3}
.arrival-form-head .eyebrow{color:#c5cfc0}.arrival-form-head h3{font-size:1.75rem;letter-spacing:-.035em;font-weight:500;line-height:1.2;margin:.75rem 0}.arrival-form-head p{font-size:.85rem;color:#d2d9cf;margin:0 0 1.75rem}
#studio-enquiry{display:grid;gap:1.25rem}.arrival-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.arrival-panel label{display:grid;gap:.5rem;font-size:.8rem;color:#f1f2e8;font-weight:450}.arrival-panel label>span:not(.arrival-select){font-size:.7rem;color:#c1cabe;font-weight:400;display:inline}.arrival-panel input,.arrival-panel textarea,.arrival-panel select{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;font:inherit;font-size:.9rem;line-height:1.5;color:#fffdf3;background:#ffffff0a;border:1px solid #ffffff30;border-radius:.5rem;padding:.8rem .9rem;min-height:48px;box-shadow:none;transition:background .2s,border-color .2s}.arrival-panel input::placeholder,.arrival-panel textarea::placeholder{color:#bbc7b9;opacity:1}.arrival-panel textarea{resize:vertical;min-height:7rem;max-height:20rem}.arrival-panel input:focus,.arrival-panel textarea:focus,.arrival-panel select:focus{outline:none;border-color:#dce5cb;background:#ffffff12;box-shadow:0 0 0 2px #dce5cb24}.arrival-select{position:relative;display:block}.arrival-panel select{padding-right:2.7rem;cursor:pointer}.arrival-panel select option{background:#26372e;color:#fffdf3}.arrival-select svg{position:absolute;right:.9rem;top:calc(50% - .5rem);width:1rem;height:1rem;fill:none;stroke:#e1e8d8;stroke-width:1.6;pointer-events:none}
.arrival-submit{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;width:100%;min-height:50px;padding:.9rem 1.1rem;background:#e2e9bd;border:1px solid #e2e9bd;color:#233126;border-radius:.5rem;font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none}.arrival-submit svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.arrival-submit:hover{background:#edf1d5}.arrival-submit:active{background:#cad79e}.arrival-panel .arrival-privacy{font-size:.7rem;line-height:1.55;color:#c5cebf;margin:-.4rem 0 0}.arrival-booking{border-top:1px solid #ffffff25;margin-top:1.5rem;padding-top:1.25rem;display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#c5cebf}.arrival-booking button{font:inherit;font-size:.8rem;color:#fffdf3;background:none;border:0;padding:.5rem 0;min-height:44px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:1rem}
.studio-arrival :where(button,a):focus-visible{outline:2px solid #f0f2d5;outline-offset:4px}.arrival-footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:2rem;color:#f5f5eb;border-top:1px solid #ffffff30;padding-block:2rem;background:transparent}.arrival-footer p,.arrival-footer>a:last-child{font-size:.75rem;color:#d4dcd0}.arrival-footer .wordmark{color:#fffdf3}.arrival-footer .brand-dot{color:#cfddad}
#arrival-draft h4{font-size:1.2rem;margin:0 0 1rem}#arrival-draft pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem;line-height:1.7;max-height:20rem;overflow-y:auto;padding:1rem;background:#0002;border-radius:.5rem}.arrival-draft-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.arrival-draft-actions button{font:inherit;font-size:.8rem;min-height:44px;background:none;border:0;color:#fffdf3;padding:.5rem .7rem;cursor:pointer}
.arrival-content.is-observed .arrival-panel,.arrival-content.is-observed .arrival-copy{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.arrival-content.is-arrived .arrival-panel,.arrival-content.is-arrived .arrival-copy{opacity:1;transform:none}.arrival-content.is-arrived .arrival-panel{transition-delay:.12s}
@media(max-width:65rem){.arrival-content{gap:2.5rem;grid-template-columns:minmax(0,1fr) minmax(23rem,1fr);padding-block:5rem}.arrival-copy h2{font-size:3.5rem}.arrival-panel{padding:1.5rem}}
@media(max-width:47.5rem){.studio-arrival{background-position:32% center;margin-top:2rem}.arrival-shade{background:linear-gradient(0deg,#101a18f5,#101a1890 65%,#101a1850)}.arrival-content{grid-template-columns:1fr;gap:2.5rem;padding-block:4rem 2rem;min-height:0}.arrival-copy h2{font-size:3.25rem}.arrival-copy h2 br:last-child{display:none}.arrival-copy>p:not(.eyebrow) br{display:none}.arrival-panel{padding:1.4rem;border-radius:1rem}.arrival-footer{flex-wrap:wrap;gap:1rem;padding-block:1.5rem}.arrival-footer p{order:3;width:100%;margin:0}.arrival-footer>a:last-child{margin-left:auto}.arrival-field-pair{grid-template-columns:1fr;gap:1.25rem}}
@media(prefers-reduced-motion:reduce){.arrival-content.is-observed .arrival-panel,.arrival-content.is-observed .arrival-copy{opacity:1;transform:none;transition:none!important}.arrival-panel :is(input,textarea,select){transition:none}}
@media(prefers-reduced-transparency:reduce){.arrival-panel{background:#1b2823;backdrop-filter:none;-webkit-backdrop-filter:none}}

#studio-enquiry[hidden],#arrival-draft[hidden]{display:none}

.studio-arrival{background-position:left center}.arrival-content{padding-block:4rem;min-height:46rem}.arrival-copy h2{font-size:clamp(3rem,4.2vw,4.5rem)}.arrival-panel label{display:block}.arrival-panel label>span:not(.arrival-select){margin-left:.3rem}.arrival-panel :is(input,textarea,.arrival-select){margin-top:.5rem}.arrival-panel textarea{background:#ffffff0a!important;color:#fffdf3!important;border-color:#ffffff30!important}.arrival-panel textarea:focus{background:#ffffff12!important;border-color:#dce5cb!important}.arrival-select select{margin-top:0}.arrival-content{gap:4rem}@media(max-width:47.5rem){.arrival-content{padding-block:3rem 2rem;gap:2rem}.studio-arrival{background-position:28% center}.arrival-copy h2{font-size:3rem}}

.arrival-panel :is(input,textarea,select):focus-visible{outline:none!important;border-color:#e2e9bd!important;box-shadow:0 0 0 2px #e2e9bd20}.arrival-booking button:focus-visible,.arrival-draft-actions button:focus-visible{outline:none;background:#ffffff12;border-radius:.3rem}@media(forced-colors:active){.arrival-panel :is(input,textarea,select,button,a):focus-visible{outline:2px solid Highlight!important}}

/* Local wordmark and restrained violet colour study. */
@font-face{font-family:MelisHelvetica;src:url("/service-site/studio-software-20261021/studio-direction-v01/assets/wordmark-helvetica-neue-medium.ttf") format('truetype');font-weight:500;font-style:normal;font-display:swap}
.wordmark{font-family:MelisHelvetica,'Helvetica Neue',Helvetica,sans-serif!important;font-weight:500!important;letter-spacing:-.055em!important;display:inline-block!important;gap:0}
.wordmark .brand-dot{display:inline!important;width:auto!important;height:auto!important;margin:0!important;border-radius:0;background:none!important;color:#8943fd!important;font:inherit;letter-spacing:inherit}
html[data-theme=light]{--accent:#8264ad;--muted:#686371;--line:#dedbe3;--text:#29262e;--gallery-surface:#f0edf4}
.header .collection #idea-count{color:#80619f}.header nav a:hover,.founder-links a:hover{color:#7953a3}
.card-art.automation-art{background:#ece8f1!important}.card-art.automation-art .mini-node:not(:last-child):after{filter:grayscale(1);opacity:.65}
.showcase-tabs button[aria-selected=true],.filter-button.active{background:#3a3243;color:#fff}
.arrival-panel{background:#25212fbd;border-color:#ffffff30}.arrival-submit{background:#ded2ed;border-color:#ded2ed;color:#30243d}.arrival-submit:hover{background:#e9e1f3}.arrival-submit:active{background:#cdb9e3}.arrival-panel :is(input,textarea,select):focus-visible{border-color:#ddc8f3!important;box-shadow:0 0 0 2px #ddc8f320}.arrival-panel textarea:focus{border-color:#ddc8f3!important}.arrival-panel select option{background:#302938}.arrival-shade{background:linear-gradient(90deg,#18122035,#1e172355 45%,#21182c70),linear-gradient(0deg,#18121fec,transparent 50%,#18121f30)}
#concept-dialog{--bg:#26212d;--muted:#cbc4d2;--line:#ffffff24}#concept-dialog::backdrop{background:rgba(23,19,29,.91);backdrop-filter:blur(40px) saturate(.35);-webkit-backdrop-filter:blur(40px) saturate(.35)}
@media(prefers-reduced-transparency:reduce){.arrival-panel{background:#25212f}#concept-dialog::backdrop{background:#19151f;backdrop-filter:none;-webkit-backdrop-filter:none}}

.card-bookmark[aria-pressed=true]{background:#e9dff2;color:#674584;border-color:#bca4cf}.mini-brand .mini-ai-spark,.mini-brand .mini-person{color:#71617d!important}.client-history-run span{color:#706876}.studio-arrival .arrival-submit{background:#ded2ed;border-color:#ded2ed;color:#30243d}

/* Tighter card captions: title first, quiet category alongside. */
.concept-card .card-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-top:.9rem}.concept-card .card-heading-row h3{margin:0!important;font-size:1.1rem;line-height:1.35;min-width:0}.concept-card .card-heading-row .card-title{margin:0;padding:0;min-height:0;line-height:1.35;text-align:left}.concept-card .card-heading-row .card-kind{font-size:.65rem;white-space:nowrap;flex:none;margin:0!important;color:var(--muted)}.concept-card .card-benefit{margin-top:.6rem!important;font-size:.85rem;line-height:1.65}.editorial-gallery .concept-grid{row-gap:2.5rem}
.trust-redesign{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;margin-top:3rem}.feedback-rotation,.trust-work-invite{border-top:1px solid var(--line);padding-top:1.5rem}.feedback-stage{min-height:18rem;padding-top:1.2rem}.feedback-slide{margin:0}.feedback-slide[hidden]{display:none}.feedback-slide>p{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.45;letter-spacing:-.035em;text-wrap:pretty}.feedback-slide footer{display:block;margin:1.75rem 0 0;padding:0;border:0;font-size:.8rem;line-height:1.6;color:var(--muted)}.feedback-controls{display:flex;align-items:center;gap:1rem;justify-content:space-between;margin-top:1rem}.feedback-dots{display:flex;flex-wrap:wrap;gap:0}.feedback-dots button{width:24px;min-width:24px;height:44px;min-height:44px;padding:0;display:grid;place-items:center}.feedback-dots span{display:block;width:5px;height:5px;background:#b8afc1;border-radius:50%;transition:width .2s}.feedback-dots [aria-pressed=true] span{width:15px;border-radius:4px;background:#80619f}.feedback-pause{width:44px;height:44px;display:grid;place-items:center;color:var(--muted)}.feedback-pause svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.trust-work-invite h3{font-size:2rem;line-height:1.15;letter-spacing:-.04em;margin:1.2rem 0}.trust-work-invite>p:not(.eyebrow){font-size:.9rem;max-width:42ch;color:var(--muted)}.trust-case-link{display:flex;justify-content:space-between;gap:2rem;max-width:22rem;margin:1.5rem 0;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.trust-work-mini{display:grid;gap:0}.trust-work-mini a{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.75rem}.trust-work-mini a span{color:var(--muted)}.trust-work-mini a strong{font-weight:450;text-align:right}
.career-strip{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}.career-strip-head{display:flex;justify-content:space-between;gap:2rem;align-items:baseline;margin-bottom:2rem}.career-strip h3{font-size:1rem;letter-spacing:-.02em}.career-strip-head p{font-size:.8rem;color:var(--muted)}.career-strip .trust-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:0;margin:0}.career-strip .trust-timeline li{display:block;border-top:1px solid var(--line);position:relative;padding-top:1.25rem}.career-strip .trust-timeline li:before{content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:#9474b4}.career-strip .career-date{font-size:.65rem;color:var(--muted)}.career-strip .trust-timeline h3{font-size:.85rem;margin:.65rem 0 .4rem}.career-strip .trust-timeline p{font-size:.75rem;color:var(--muted);line-height:1.6}
@media(max-width:65rem){.trust-redesign{gap:2.5rem}.concept-card .card-heading-row{flex-wrap:wrap;gap:.25rem .75rem}.feedback-stage{min-height:20rem}}
@media(max-width:47.5rem){.trust-redesign{grid-template-columns:1fr;gap:2.5rem}.feedback-stage{min-height:17rem}.feedback-slide>p{font-size:1.5rem}.career-strip-head{display:block}.career-strip-head p{margin-top:.5rem}.career-strip .trust-timeline{grid-template-columns:1fr}.career-strip .trust-timeline li{display:grid;grid-template-columns:5rem 1fr;border-top:0;border-left:1px solid var(--line);padding:0 0 1.5rem 1.25rem;gap:0 .5rem}.career-strip .trust-timeline li:before{top:.4rem;left:-3px}.career-strip .career-date{grid-row:1/3;padding-top:.2rem}.career-strip .trust-timeline h3{margin:0}.career-strip .trust-timeline p{grid-column:2}.concept-card .card-heading-row h3{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.feedback-dots span{transition:none}}

.feedback-stage .feedback-slide footer{margin-top:1.5rem!important}.feedback-slide:not([hidden]){animation:feedback-arrive .6s ease}@keyframes feedback-arrive{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.feedback-slide:not([hidden]){animation:none}}

@media(min-width:65rem){.feedback-stage{min-height:14rem}}

/* Every app thumbnail uses one screen geometry and one physical shadow. */
.marketplace-home .concept-grid .card-art.app-mockup-art,.concept-card .card-art.app-mockup-art{display:flex;align-items:center;justify-content:center;padding:7%!important;aspect-ratio:4/3!important;overflow:hidden}
.card-art.app-mockup-art .mockup-screen{position:relative;display:block;width:100%;aspect-ratio:1.6;overflow:hidden;background:#fafaf7;border:1px solid #ffffffb3;border-radius:.3rem;box-shadow:0 .7rem 1.5rem #211a2a24,0 .12rem .35rem #211a2a12;flex:none;transition:transform .3s ease,box-shadow .3s ease}
.card-art.app-mockup-art .mockup-screen>img{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:contain!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.card-art.app-mockup-art .mockup-screen-original>img{inset:-3%;width:106%!important;height:106%!important;object-fit:cover!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.concept-card:hover .mockup-screen{transform:translateY(-3px);box-shadow:0 .9rem 1.7rem #211a2a28,0 .15rem .4rem #211a2a14}}
@media(prefers-reduced-motion:reduce){.card-art.app-mockup-art .mockup-screen{transition:none;transform:none}}

.card-art.app-mockup-art .mockup-screen-original>img{inset:0;width:100%!important;height:100%!important;object-fit:contain!important}

/* Present the artwork itself, without a second white frame. */
.card-art.app-mockup-art .mockup-screen{background:transparent;border:0;border-radius:0;box-shadow:none!important;overflow:visible;filter:drop-shadow(0 .5rem .65rem #211a2a1b)}
.card-art.app-mockup-art .mockup-screen>img{border-radius:.25rem!important;object-fit:contain!important}
.card-art.app-mockup-art .mockup-screen-original>img{clip-path:inset(3.5% 2.5% round .25rem);inset:-3%;width:106%!important;height:106%!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.concept-card:hover .mockup-screen{box-shadow:none!important}}

/* One equal inset mount, wrapping the screen's own proportions. */
.card-art.app-mockup-art .mockup-screen{width:100%;aspect-ratio:auto!important;padding:2.5%;background:#f0f0e9;border:0;border-radius:.25rem;overflow:hidden;filter:none;box-shadow:0 .65rem 1.25rem #211a2a21!important}
.card-art.app-mockup-art .mockup-viewport{display:block;position:relative;width:100%;aspect-ratio:var(--screen-ratio,1.5);overflow:hidden;border-radius:.16rem;background:#fff}
.card-art.app-mockup-art .mockup-viewport>img{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;border-radius:0!important;clip-path:none!important;transform:none!important;margin:0!important;padding:0!important;box-shadow:none!important}
.card-art.app-mockup-art .mockup-screen-original .mockup-viewport>img{inset:-4%;width:108%!important;height:108%!important;object-fit:fill!important}
.card-art.app-mockup-art .mockup-screen-original .mockup-viewport{aspect-ratio:1.55}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.concept-card:hover .mockup-screen{box-shadow:0 .8rem 1.5rem #211a2a26!important}}

/* Role-based alternatives, with slow staggered opacity-only transitions. */
.mini-brand .platform-cycle{display:block;position:relative;width:1.7rem;height:1.7rem;flex:none}.card-art.automation-art .mini-brand .platform-cycle{width:2rem;height:2rem}.mini-brand .platform-cycle img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:contain;opacity:0;animation-timing-function:linear;animation-iteration-count:infinite;transform:none!important}
@keyframes platform-fade-2{0%,42.5%{opacity:1}50%,92.5%{opacity:0}100%{opacity:1}}
@keyframes platform-fade-3{0%,28.333%{opacity:1}33.333%,95%{opacity:0}100%{opacity:1}}
#concept-dialog .mini-brand .platform-cycle img[src$="notion.svg"]{filter:invert(1)}
/* Pointer focus must not frame the entire artwork. Keyboard focus stays local. */
.card-art.app-mockup-art:focus,.card-art.automation-art:focus{outline:none!important;border-color:transparent!important;box-shadow:none!important}
.card-art:focus-visible{outline:none!important;box-shadow:inset 0 -3px 0 #9273b3!important}
@media(prefers-reduced-motion:reduce){.mini-brand .platform-cycle img{animation:none!important;opacity:0}.mini-brand .platform-cycle img:first-child{opacity:1}}
@media(forced-colors:active){.card-art:focus-visible{outline:2px solid Highlight!important;outline-offset:3px}}

.card-art.automation-art:focus-visible,.card-art.app-mockup-art:focus-visible{outline:none!important;box-shadow:inset 0 -3px 0 #9273b3!important}

#concept-dialog .mini-brand .platform-cycle img[src*="intercom-official"]{filter:invert(1)}

/* Five interchangeable project and task tools, with the same gentle crossfade. */
@keyframes platform-fade-5{0%,17%{opacity:1}20%,97%{opacity:0}100%{opacity:1}}

@keyframes platform-fade-4{0%,21.25%{opacity:1}25%,96.25%{opacity:0}100%{opacity:1}}

/* Keep every filter visible without a horizontal scrolling strip. */
.catalogue-filters .filter-scroll{flex-wrap:wrap;overflow:visible;row-gap:.65rem;flex:1}
.catalogue-filters .idea-kind,.catalogue-filters .outcome-choices{flex-wrap:wrap}
@media(max-width:1100px){.catalogue-filters .filter-divider{display:none}.catalogue-filters .outcome-choices{flex-basis:100%}}

.budget-picker{position:relative;width:100%}.budget-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:48px;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:rgba(255,255,255,.04);color:#f7f5fa;font:inherit;text-align:left;cursor:pointer}.budget-toggle svg{width:18px;height:18px;fill:none;stroke:#dcd0ef;stroke-width:1.6;flex:none;transition:transform .2s}.budget-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.budget-toggle[aria-expanded=true]{border-color:#cdbde2}.budget-options{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;z-index:5;padding:.4rem;border:1px solid rgba(220,208,239,.25);border-radius:.65rem;background:#29232f;box-shadow:0 16px 40px #100c1866}.budget-options[hidden]{display:none}.budget-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:44px;padding:.7rem .8rem;border:0;border-radius:.35rem;background:transparent;color:#f7f5fa;font:inherit;text-align:left;cursor:pointer}.budget-option[aria-selected=true]{background:#dcd0ef;color:#29232f}.budget-option[aria-selected=true]:after{content:'✓';font-size:.85em}.budget-option:hover:not([aria-selected=true]),.budget-option:focus-visible:not([aria-selected=true]){background:#ffffff12}.budget-picker button:focus-visible{outline:2px solid #dcd0ef;outline-offset:2px}@media(prefers-reduced-motion:reduce){.budget-toggle svg{transition:none}}

/* About Sean: one sequence, with four quiet client voices across the page. */
.sean-trust .founder-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}.sean-trust .founder-links a{display:inline-flex;align-items:center;gap:.65rem;font-size:.85rem}.sean-trust .founder-case-link{color:var(--text)}
.sean-trust .career-strip{margin-top:3rem;padding-top:2rem}.sean-trust{padding-bottom:1.5rem}.client-history{margin-bottom:0;padding-bottom:2rem}
.feedback-four{padding-block:1rem 4rem;border-top:0}.feedback-four>.eyebrow{margin-bottom:1.75rem}.feedback-four .feedback-stage{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;min-height:0;padding:0 0 1rem}.feedback-four .feedback-stage::-webkit-scrollbar{display:none}.feedback-four .feedback-track{display:flex;gap:1.5rem}.feedback-four .feedback-slide{flex:0 0 calc((100% - 4.5rem)/4);margin:0;padding:1.4rem 0 0;border-top:1px solid var(--line);scroll-snap-align:start;display:flex;flex-direction:column;gap:1.4rem;min-height:14rem;animation:none}.feedback-four .feedback-slide p{font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.5;letter-spacing:-.025em;margin:0}.feedback-four .feedback-slide footer{margin-top:auto;font-size:.75rem;line-height:1.5;color:var(--muted)}.feedback-four .feedback-controls{margin-top:1rem}.feedback-four .feedback-dots{flex-wrap:wrap}
@media(max-width:1100px){.feedback-four .feedback-slide{flex-basis:calc((100% - 1.5rem)/2)}}
@media(max-width:600px){.feedback-four .feedback-slide{flex-basis:100%;min-height:12rem}.feedback-four{padding-bottom:2.5rem}.sean-trust .career-strip{margin-top:2rem}}

/* Shared attribution baseline, independent of quote and credit length. */
.feedback-four .feedback-track{align-items:stretch}.feedback-four .feedback-stage .feedback-slide footer{margin-top:auto!important;min-height:3em;flex-shrink:0}

/* Let quote length set the row height at every breakpoint. */
.feedback-four .feedback-slide{min-height:0;gap:1.35rem}.feedback-four .feedback-stage .feedback-slide footer{min-height:1.5em}.feedback-four .feedback-controls{margin-top:.5rem}
.feedback-four .feedback-dots button:focus-visible,.feedback-four .feedback-pause:focus-visible{outline:2px solid #80619f;outline-offset:-5px;border-radius:.35rem}

.feedback-four .feedback-controls[hidden]{display:none}.testimonial-approval{display:block;margin-top:.35rem;font-size:.65rem;color:var(--muted)}

.feedback-four .feedback-stage .feedback-slide footer{min-height:3.2em}

.about-bridge{margin-block:1rem 0}.about-bridge img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border-radius:.65rem}@media(max-width:600px){.about-bridge img{aspect-ratio:1.6;object-position:50% 45%}}