.concept-gallery { --gallery-width:1360px; }
.concept-gallery .film-backdrop { --scene-opacity:.3; }
.concept-gallery .film-shade { background:linear-gradient(90deg,#06070be8,#06070b96 52%,#06070b50); }
.concept-gallery .film-grain { opacity:.025; }
.compare-bar { position:relative; z-index:5; min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 3%; background:#090a0de8; border-bottom:1px solid #ffffff1d; }
.compare-label { font-size:8px; letter-spacing:1.5px; color:#9c8b80; white-space:nowrap; }
.compare-bar>a { font-size:10px; color:#b9aca4; white-space:nowrap; }
.compare-bar>a span { margin-left:8px; color:#eb9b82; }
.concept-tabs { display:flex; gap:5px; align-self:stretch; }
.concept-tabs button { border:0; border-bottom:2px solid transparent; padding:14px 17px; background:none; color:#aaa29d; font-size:11px; }
.concept-tabs button>span { font-size:9px; color:#85776e; margin-right:8px; }
.concept-tabs button[aria-selected=true] { color:#fff0e7; background:linear-gradient(0deg,#672c1827,transparent); border-bottom-color:#fa7258; }
.concept-tabs button[aria-selected=true]>span { color:#f28e74; }
.concept-tabs button:hover { color:white; }
.concept-header { width:min(var(--gallery-width),90%); margin:auto; height:77px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.header-descriptor { font-size:8px; letter-spacing:2px; color:#9e8d82; }
.concept-gallery .opening { width:min(var(--gallery-width),90%); min-height:calc(100svh - 244px); margin:auto; padding:37px 0 38px; display:flex; flex-direction:column; justify-content:center; }
.concept-gallery h1 { font-size:clamp(45px,4.5vw,72px); line-height:1.03; letter-spacing:-.052em; }
.concept-gallery h1 em { line-height:1.06; }
.opening .eyebrow { font-size:9px; letter-spacing:1.5px; line-height:1.8; color:#bba394; margin-bottom:20px; }
.opening-lead { font-size:15px; line-height:1.85; color:#c2bab3; margin-top:24px; max-width:530px; }
.opening-actions { display:flex; align-items:center; gap:23px; margin-top:30px; }
.opening .button.primary { border-radius:3px; padding:14px 19px; font-size:12px; }
.product-boundary { font-size:11px; line-height:1.8; color:#a5968b; margin-top:20px; max-width:410px; }
.split-layout { display:grid; grid-template-columns:.87fr 1.2fr; align-items:center; gap:7%; }
.deliverable-pair { display:flex; flex-direction:column; gap:10px; margin-top:23px; }
.deliverable-pair>span { display:flex; align-items:center; gap:10px; font-size:12px; color:#d3c7be; }
.deliverable-pair b { font-size:9px; color:#cc8d74; font-weight:400; width:23px; }
.visual-caption { display:flex; justify-content:space-between; gap:15px; align-items:center; font-size:8px; letter-spacing:1px; color:#b79987; margin-bottom:20px; line-height:1.7; }
.input-ribbon { display:flex; gap:10px; align-items:center; padding:0 0 24px; position:relative; flex-wrap:wrap; }
.input-chip { border:1px solid #97756850; padding:7px 10px; border-radius:3px; font-size:10px; color:#c8b2a4; background:#6d33270a; }
.input-arrival { display:block; width:100%; font-size:9px; letter-spacing:.2px; color:#ba826d; margin-top:5px; }
.input-arrival i { display:inline-block; font-style:normal; color:#ff8e73; margin-left:10px; animation:result-incoming 3.2s ease-in-out infinite; }
@keyframes result-incoming { 50% { transform:translateY(4px); } }
.visual-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; font-size:10px; line-height:1.7; padding-top:19px; }
.visual-bottom>span:last-child { color:#bfb0a4; }

/* These are the deliverables. They are present from the first frame. */
.sample-app { min-width:0; border:1px solid #ffffff24; border-radius:6px; background:linear-gradient(120deg,#0a0d1375,#090c1130); box-shadow:0 20px 50px #00000016; }
.sample-top { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px 19px; border-bottom:1px solid #ffffff1b; }
.sample-top>div { display:flex; gap:8px; align-items:center; font-size:12px; }
.sample-top .sample-label { font-size:8px; color:#a9978b; }
.sample-app .app-dot { box-shadow:0 0 12px #8dd9ad35; }
.sample-subnav { display:flex; align-items:center; gap:20px; padding:14px 19px; border-bottom:1px solid #ffffff0e; font-size:10px; color:#928c89; }
.sample-subnav .active { color:#edc5af; }
.sample-subnav b { margin-left:5px; font-weight:400; color:#f1dad0; }
.request-layout { display:grid; grid-template-columns:.7fr 1fr; min-height:262px; }
.request-queue { border-right:1px solid #ffffff12; padding:18px 0; }
.request-queue>.micro { padding:0 15px; font-size:8px; color:#aba5a0; margin-bottom:13px; }
.sample-case { padding:13px 15px; border-bottom:1px solid #ffffff0e; }
.sample-case.selected { border-left:2px solid #ed7961; background:#ef795b0a; padding-left:13px; }
.sample-case strong { display:block; font-size:11px; font-weight:500; color:#e5d7cd; }
.sample-case p { font-size:10px; line-height:1.6; margin-top:6px; color:#b7aba2; }
.sample-case>small { font-size:8px; color:#8f918a; display:block; margin-top:7px; }
.sample-result { padding:18px; min-width:0; }
.sample-result .micro { font-size:8px; letter-spacing:1px; color:#b2aca6; }
.sample-result h3 { font-size:17px; letter-spacing:-.03em; line-height:1.4; margin-top:12px; }
.sample-reply { font-size:12px; line-height:1.8; color:#d2c8c0; margin-top:13px; }
.sample-sources { display:flex; gap:6px; flex-wrap:wrap; margin-top:16px; }
.sample-sources span { font-size:8px; padding:4px 6px; background:#99d7a508; border:1px solid #9ee4b51b; border-radius:3px; color:#94bfa3; }
.sample-actionbar { display:flex; flex-wrap:wrap; align-items:center; gap:14px; border-top:1px solid #ffffff15; padding:14px 18px; }
.sample-actionbar>p { color:#97b79f; font-size:10px; line-height:1.7; flex:1; min-width:155px; }
.sample-app .sample-button { background:#e10600; color:#fff; border:1px solid #e10600; border-radius:3px; padding:10px 12px; font-size:10px; cursor:pointer; }
.sample-app .sample-button.is-done { background:#254b3238; border-color:#64957760; color:#a2d9b2; }
.sample-fineprint { font-size:8px; color:#a1988f; text-align:right; padding:0 18px 12px; }
.app-checks { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:18px 20px; border-bottom:1px solid #ffffff14; }
.app-checks strong { display:block; font-size:26px; font-weight:500; letter-spacing:-1px; }
.app-checks span { display:block; font-size:9px; color:#aea098; margin-top:4px; }
.sample-table { width:calc(100% - 32px); margin:16px; border-collapse:collapse; text-align:left; font-size:11px; }
.sample-table th { font-size:8px; letter-spacing:.8px; font-weight:400; color:#9f968f; padding:8px 7px 11px; }
.sample-table td { padding:13px 7px; border-top:1px solid #ffffff11; }
.sample-table td>small { display:block; margin-top:4px; font-size:9px; color:#9e9990; }
.sample-table .badge { font-size:9px; }
.sample-table .rule-changed { background:#92c9960d; }
.sample-table .rule-changed td { color:#c3e7cc; }
.followup-columns { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:21px 18px; }
.followup-columns>.column>.micro { font-size:8px; margin-bottom:14px; color:#aba195; }
.followup-card { padding:14px 12px; border:1px solid #ffffff24; background:#d3ab8605; border-radius:3px; }
.followup-card>strong { font-weight:500; font-size:13px; }
.followup-card>p { font-size:10px; line-height:1.8; color:#bdb2a7; margin-top:10px; }
.followup-card .badge { margin-top:12px; font-size:9px; }
.followup-card>small { display:block; margin-top:11px; color:#9f948a; font-size:9px; }
.result-enter .sample-result,.result-enter .sample-table,.result-enter .followup-columns { animation:prepared-result .8s ease-out both; }
@keyframes prepared-result { from { background-color:#fca77d14; } to { background-color:transparent; } }

/* 02: relevance is chosen before the visitor has to interpret an example. */
.choice-intro { display:flex; align-items:end; gap:45px; justify-content:space-between; }
.concept-gallery .choice-intro h1 { font-size:clamp(42px,4.6vw,69px); }
.choice-intro .opening-lead { max-width:325px; font-size:14px; margin-top:0; }
.job-selector { display:grid; grid-template-columns:repeat(3,1fr) auto; gap:15px; margin-top:30px; border-bottom:1px solid #ffffff1e; }
.job-selector>button { position:relative; display:grid; grid-template-columns:23px 1fr; gap:6px 12px; text-align:left; background:none; border:0; border-bottom:2px solid transparent; padding:17px 8px 19px; }
.job-selector>button>span { color:#f0866d; font-size:20px; grid-row:1/3; }
.job-selector strong { font-size:12px; font-weight:500; line-height:1.5; }
.job-selector small { font-size:9px; color:#aa9b90; line-height:1.7; }
.job-selector>button[aria-pressed=true] { background:#bf4d2308; border-color:#f07a5f; }
.job-selector>a { align-self:center; font-size:11px; color:#cfa38d; padding:15px; }
.choice-result { display:grid; grid-template-columns:.75fr 1.3fr; gap:60px; align-items:center; margin-top:28px; }
.choice-context>.eyebrow { font-size:8px; letter-spacing:1.6px; margin-bottom:12px; }
.choice-context h2 { font-size:31px; letter-spacing:-.04em; line-height:1.17; max-width:360px; }
.choice-context dl { margin:20px 0; display:grid; gap:13px; }
.choice-context dl div { display:grid; grid-template-columns:100px 1fr; gap:12px; }
.choice-context dt { font-size:8px; color:#a38f80; letter-spacing:1px; line-height:1.9; }
.choice-context dd { margin:0; font-size:12px; line-height:1.6; color:#cdc3bb; }
.choice-context dl div:last-child dt { color:#91b997; }
.choice-context .text-link { font-size:11px; color:#e3b7a1; }
.choice-result .request-layout { min-height:220px; }
.choice-result .sample-result { padding-top:14px; }
.choice-result .sample-result h3 { font-size:16px; margin-top:7px; }
.choice-result .sample-reply { margin-top:10px; }
.choice-result .sample-subnav { display:none; }

/* 03: three visibly different outputs, not three versions of an email. */
.results-intro { text-align:center; }
.concept-gallery .results-intro h1 { font-size:clamp(39px,4.3vw,66px); }
.results-intro .opening-lead { margin:20px auto 0; max-width:760px; }
.result-triptych { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:34px; }
.result-source { display:flex; align-items:center; justify-content:center; gap:13px; font-size:8px; letter-spacing:1.3px; color:#c2a28d; }
.result-source>span { font-size:19px; color:#ed8061; }
.result-beam { width:1px; height:27px; margin:8px auto 10px; background:#f5825330; overflow:hidden; }
.result-beam:after { content:''; display:block; width:1px; height:10px; background:#ffad82; animation:deliver-work 2.8s ease-in-out infinite; }
.result-piece:nth-child(2) .result-beam:after { animation-delay:.6s; }.result-piece:nth-child(3) .result-beam:after { animation-delay:1.2s; }
@keyframes deliver-work { from { transform:translateY(-10px); } to { transform:translateY(35px); } }
.result-artifact { padding:21px 22px; border:1px solid #ffffff24; border-radius:4px; background:linear-gradient(135deg,#0b10116b,#0b0a0c0a); height:calc(100% - 60px); }
.result-artifact>.micro { font-size:8px; letter-spacing:1.2px; color:#b89b87; }
.result-artifact h2 { font-size:26px; letter-spacing:-.04em; margin-top:12px; }
.artifact-message { display:flex; gap:10px; align-items:center; margin-top:23px; }
.mini-avatar { display:grid; place-items:center; width:30px; height:30px; border:1px solid #ffffff1c; background:#ffffff06; border-radius:3px; font-size:11px; color:#c0b7ae; }
.artifact-message strong { display:block; font-size:11px; font-weight:500; }
.artifact-message small { display:block; color:#a19b91; font-size:9px; margin-top:6px; }
.result-check { color:#99cfa9; margin-left:auto; font-size:12px; }
.result-artifact blockquote { margin:18px 0; font-size:13px; line-height:1.8; color:#d6c9bd; min-height:69px; }
.result-artifact>.badge { font-size:9px; }
.artifact-human { font-size:10px; line-height:1.8; color:#adbdab; padding-top:17px; border-top:1px solid #ffffff13; margin-top:18px; }
.invoice-values { display:flex; justify-content:space-between; align-items:center; margin-top:28px; }
.invoice-values small { font-size:8px; color:#b5a38e; display:block; letter-spacing:1px; }
.invoice-values strong { display:block; font-size:31px; font-weight:400; margin-top:8px; }
.invoice-values>span { color:#8a7d71; }
.invoice-difference { padding:14px 0; display:flex; align-items:center; justify-content:space-between; font-size:11px; color:#ceaf84; margin-block:12px 7px; border-block:1px solid #b7a47922; }
.invoice-difference strong { font-size:17px; font-weight:500; }
.results-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:32px; }
.results-bottom p { font-size:11px; line-height:1.8; color:#aca39b; }
.results-bottom strong { color:#dcc4b4; font-weight:500; }

/* 04: animate arrival into a prepared result, not software construction. */
.before-after-intro { max-width:960px; }
.concept-gallery .before-after-intro h1 { font-size:clamp(42px,4.7vw,72px); }
.before-after-intro .opening-lead { max-width:750px; margin-top:20px; }
.before-after-stage { display:grid; grid-template-columns:.8fr 80px 1.35fr; gap:30px; align-items:center; margin-top:29px; }
.manual-work { padding:18px 0; }
.manual-work>.micro { color:#a29488; font-size:9px; }
.manual-work ol { list-style:none; padding:0; margin:17px 0 0; }
.manual-work li { padding:12px 0; border-bottom:1px solid #ffffff12; display:flex; gap:20px; align-items:center; font-size:14px; color:#c2b6ac; }
.manual-work li>span { color:#806f62; font-size:9px; }
.manual-repeat { font-size:11px; color:#ad8a74; margin-top:20px; }
.before-after-arrow { align-self:stretch; display:grid; place-items:center; position:relative; }
.before-after-arrow:before { content:''; height:1px; width:100%; position:absolute; background:linear-gradient(90deg,transparent,#ff7e50aa,transparent); }
.before-after-arrow span { font-size:27px; color:#f69372; background:#160f0be0; padding:10px; z-index:1; animation:prepare-arrow 3s ease-in-out infinite; }
@keyframes prepare-arrow { 50% { transform:translateX(5px); } }
.before-after-stage .visual-caption { margin-bottom:13px; }
.before-after-stage .sample-subnav { display:none; }
.before-after-stage .request-layout { min-height:235px; }
.before-after-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #ffffff14; padding-top:20px; margin-top:25px; }
.before-after-bottom p { font-size:11px; line-height:1.8; color:#b5a598; }
.before-after-bottom a { color:#e4bb9f; }

/* 05: a usable artifact changes with a business rule. */
.control-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:8%; align-items:center; }
.concept-gallery .control-copy h1 { font-size:clamp(43px,4.2vw,67px); }
.control-copy .opening-lead { max-width:450px; }
.control-copy .product-boundary { margin-top:24px; max-width:430px; }
.control-copy>.text-link { margin-top:26px; color:#e6b7a0; }
.instruction-card { padding:0 15px 24px; position:relative; text-align:center; }
.instruction-card .micro { color:#b38874; font-size:8px; }
.instruction-card>p { font-size:14px; line-height:1.7; margin:10px auto 0; max-width:485px; color:#d9bca8; }
.instruction-connector { font-size:22px; color:#e58d66; display:block; margin-top:14px; animation:result-incoming 3s ease-in-out infinite; }
.control-deliverable .app-checks { padding:16px 18px; }
.control-deliverable .sample-table { margin:10px 16px; }
.control-deliverable .sample-actionbar { display:none; }
.rule-conversation { display:grid; grid-template-columns:1fr auto; gap:7px 22px; align-items:center; margin-top:20px; padding:0 6px; }
.rule-conversation>.micro { grid-column:1/-1; font-size:8px; color:#a37e68; }
.rule-conversation>p:first-of-type { font-size:15px; color:#e4b8a0; line-height:1.7; }
.rule-conversation>.button { font-size:10px; gap:14px; padding:10px 12px; }
.rule-conversation #tolerance-status { grid-column:1/-1; font-size:10px; color:#9faa98; line-height:1.7; margin-top:3px; min-height:34px; }

.comparison-notes { width:min(var(--gallery-width),90%); margin:auto; border-top:1px solid #ffffff20; display:flex; align-items:start; justify-content:space-between; gap:50px; min-height:115px; padding:22px 0; }
.direction-verdict { max-width:770px; }
.direction-verdict>span { font-size:8px; color:#d39f80; letter-spacing:1.2px; }
.direction-verdict p { font-size:11px; line-height:1.7; color:#b9b0a6; margin-top:6px; }
.direction-verdict #direction-risk { font-size:10px; color:#8f8781; margin-top:4px; }
.direction-verdict strong { font-weight:500; color:#ba9f8b; }
.gallery-disclosure { display:flex; flex-direction:column; gap:8px; align-items:flex-end; text-align:right; max-width:360px; }
.gallery-disclosure>span:first-child { font-size:7px; color:#a18e80; letter-spacing:.9px; }
.gallery-disclosure>span:nth-child(2) { font-size:8px; color:#8f8680; line-height:1.6; }
.gallery-disclosure button { background:none; border:1px solid #ffffff26; border-radius:3px; padding:8px 11px; font-size:9px; color:#bea99b; margin-top:1px; }
.page-hidden .opening * { animation-play-state:paused!important; }
.motion-paused .opening *::before,.motion-paused .opening *::after,.page-hidden .opening *::before,.page-hidden .opening *::after { animation-play-state:paused!important; }

@media(min-width:1700px) { .concept-gallery { --gallery-width:1550px; }.concept-gallery h1 { font-size:83px; }.opening-lead { font-size:18px; }.sample-top>div { font-size:15px; }.sample-result h3 { font-size:20px; }.sample-reply { font-size:14px; }.sample-case strong { font-size:13px; }.sample-case p { font-size:12px; }.request-layout { min-height:295px; }.choice-context h2 { font-size:38px; }.choice-context dd { font-size:14px; }.choice-result .request-layout { min-height:280px; }.result-artifact h2 { font-size:30px; }.result-artifact blockquote { font-size:15px; }.artifact-human { font-size:12px; }.manual-work li { font-size:17px; }.before-after-stage .request-layout { min-height:280px; } }
@media(max-width:1150px) {
  .compare-label { display:none; }.compare-bar { gap:10px; padding:0 4%; }.concept-tabs button { font-size:10px; padding:14px 11px; }.concept-tabs button>span { margin-right:5px; }.split-layout,.control-layout { gap:5%; }.concept-gallery h1 { font-size:52px; }.opening-lead { font-size:14px; }.choice-intro .opening-lead { max-width:260px; font-size:13px; }.choice-result { gap:35px; }.job-selector { gap:7px; }.job-selector>button { gap:5px 8px; }.job-selector strong { font-size:11px; }.job-selector small { font-size:8px; }.job-selector>a { font-size:10px; padding:10px; }.request-layout { grid-template-columns:.7fr 1.1fr; }.sample-case { padding:13px 11px; }.sample-case.selected { padding-left:9px; }.sample-result { padding:16px 13px; }.result-triptych { gap:20px; }.result-artifact { padding:19px 17px; }.result-artifact h2 { font-size:23px; }.before-after-stage { grid-template-columns:.8fr 35px 1.4fr; gap:18px; }.before-after-arrow span { font-size:23px; padding:5px; }.manual-work li { font-size:12px; }.manual-repeat { font-size:10px; }.rule-conversation { gap:6px 12px; }.rule-conversation>p:first-of-type { font-size:13px; }.comparison-notes { gap:35px; }.gallery-disclosure { max-width:280px; }
}
@media(min-width:901px) and (max-height:950px) {
  .concept-header { height:66px; }.concept-gallery .opening { min-height:calc(100svh - 224px); padding-block:24px; }.concept-gallery h1 { font-size:clamp(43px,4.2vw,63px); }.opening .eyebrow { margin-bottom:16px; }.opening-lead { font-size:13px; line-height:1.75; margin-top:20px; }.opening-actions { margin-top:22px; }.deliverable-pair { margin-top:20px; gap:9px; }.input-ribbon { padding-bottom:18px; }.input-arrival { font-size:8px; }.product-boundary { font-size:10px; margin-top:15px; }.choice-intro .opening-lead { font-size:13px; }.concept-gallery .choice-intro h1 { font-size:52px; }.job-selector { margin-top:21px; }.job-selector>button { padding-block:12px 15px; }.choice-result { margin-top:22px; }.choice-context dl { gap:11px; }.choice-context h2 { font-size:27px; }.choice-result .sample-top { padding-block:13px; }.choice-result .request-layout { min-height:203px; }.choice-result .sample-result { padding-bottom:12px; }.sample-reply { font-size:11px; }.sample-result h3 { font-size:15px; }.sample-sources { margin-top:13px; }.sample-actionbar { padding-block:12px; }.choice-result .sample-result h3 { font-size:15px; }.result-triptych { margin-top:23px; }.result-artifact { padding-block:17px; }.results-intro .opening-lead { margin-top:18px; }.concept-gallery .results-intro h1 { font-size:52px; }.result-artifact h2 { font-size:24px; }.artifact-message { margin-top:18px; }.result-artifact blockquote { font-size:12px; margin-block:14px; min-height:64px; }.artifact-human { margin-top:13px; padding-top:13px; }.results-bottom { margin-top:25px; }.concept-gallery .before-after-intro h1 { font-size:54px; }.before-after-intro .opening-lead { margin-top:17px; }.before-after-stage { margin-top:21px; }.before-after-bottom { margin-top:19px; padding-top:16px; }.concept-gallery .control-copy h1 { font-size:54px; }.instruction-card { padding-bottom:15px; }.instruction-card>p { font-size:12px; }.instruction-connector { margin-top:6px; }.control-deliverable .sample-table td { padding-block:10px; }.app-checks strong { font-size:23px; }.rule-conversation { margin-top:15px; }.comparison-notes { min-height:106px; padding-block:17px; }
}
@media(max-width:900px) {
  .compare-bar { display:block; padding:0 4%; }.compare-bar>a { display:none; }.concept-tabs { justify-content:space-between; gap:0; }.concept-tabs button { font-size:10px; padding:14px 9px; }.concept-tabs button>span { display:block; margin:0 0 5px; }.concept-header { height:76px; }.header-descriptor { display:none; }.concept-gallery .opening { min-height:0; padding:35px 0 48px; }.split-layout,.control-layout { grid-template-columns:1fr; gap:40px; }.opening-copy { max-width:640px; }.concept-gallery h1 { font-size:58px; }.opening-copy h1 br:nth-child(2) { display:none; }.opening-lead { max-width:650px; font-size:15px; }.deliverable-pair { flex-direction:row; flex-wrap:wrap; gap:15px 25px; }.opening-visual { max-width:760px; }.input-ribbon { padding-bottom:21px; }.visual-caption { margin-bottom:17px; }.sample-reply { font-size:14px; }.request-layout { min-height:240px; grid-template-columns:.7fr 1.3fr; }.sample-result h3 { font-size:20px; }.sample-case strong { font-size:13px; }.sample-case p { font-size:12px; }.sample-case>small { font-size:10px; }.sample-sources span { font-size:10px; }.sample-app .sample-button { font-size:12px; }.sample-actionbar>p { font-size:11px; }.sample-fineprint { font-size:10px; }.sample-result .micro { font-size:9px; }.choice-intro { display:block; }.choice-intro .opening-lead { max-width:540px; margin-top:20px; font-size:15px; }.concept-gallery .choice-intro h1 { font-size:51px; }.job-selector { grid-template-columns:repeat(3,1fr); gap:12px; }.job-selector>a { grid-column:1/-1; padding:8px 0 14px; justify-self:start; }.job-selector>button { grid-template-columns:1fr; gap:8px; padding:15px 6px; }.job-selector>button>span { grid-row:auto; }.job-selector strong { font-size:12px; }.job-selector small { font-size:10px; }.choice-result { grid-template-columns:1fr; gap:25px; margin-top:28px; }.choice-context h2 { max-width:none; font-size:32px; }.choice-context dl { grid-template-columns:repeat(3,1fr); gap:20px; }.choice-context dl div { grid-template-columns:1fr; gap:8px; }.choice-context dd { font-size:12px; }.choice-context dt { font-size:9px; }.choice-result .sample-result h3 { font-size:20px; }.results-intro { text-align:left; }.concept-gallery .results-intro h1 { font-size:49px; }.results-intro .opening-lead { margin-left:0; }.result-triptych { grid-template-columns:1fr; max-width:650px; gap:30px; }.result-piece { display:grid; grid-template-columns:150px 27px 1fr; gap:15px; align-items:center; }.result-source { display:flex; flex-direction:column; align-items:start; line-height:1.8; font-size:9px; }.result-source>span { font-size:23px; }.result-beam { height:1px; width:27px; margin:0; }.result-beam:after { width:10px; height:1px; animation-name:deliver-sideways; }.result-artifact { height:auto; }.result-artifact h2 { font-size:27px; }.result-artifact blockquote { font-size:14px; min-height:0; }.artifact-human { font-size:12px; }.results-bottom { max-width:650px; }.before-after-stage { grid-template-columns:1fr; gap:18px; }.manual-work { display:grid; grid-template-columns:1fr 1.2fr; gap:15px 25px; }.manual-work>.micro { font-size:10px; }.manual-work ol { grid-column:2; grid-row:1/3; margin:0; }.manual-repeat { align-self:start; grid-column:1; margin:0; line-height:1.8; }.before-after-arrow { display:none; }.manual-work li { font-size:13px; padding-block:9px; }.concept-gallery .before-after-intro h1 { font-size:51px; }.control-copy { max-width:700px; }.concept-gallery .control-copy h1 { font-size:55px; }.control-copy .opening-lead { max-width:600px; }.control-copy>.text-link { margin-top:18px; }.instruction-card { text-align:left; padding:0 0 15px; }.instruction-card>p { margin-left:0; max-width:560px; font-size:15px; }.instruction-card .micro { font-size:9px; }.instruction-connector { margin-left:25px; }.control-deliverable { max-width:740px; }.sample-table { font-size:13px; }.sample-table td>small { font-size:11px; }.sample-table .badge { font-size:10px; }.rule-conversation>p:first-of-type { font-size:16px; }.rule-conversation>.button { font-size:12px; }.rule-conversation #tolerance-status { font-size:12px; }.comparison-notes { flex-direction:column; gap:18px; padding-bottom:25px; }.gallery-disclosure { max-width:none; align-items:start; text-align:left; }.gallery-disclosure>span:first-child { font-size:8px; }.gallery-disclosure>span:nth-child(2) { font-size:10px; }.direction-verdict>span { font-size:9px; }.direction-verdict p { font-size:12px; }.direction-verdict #direction-risk { font-size:11px; }
}
@keyframes deliver-sideways { from { transform:translateX(-10px); } to { transform:translateX(35px); } }
@media(max-width:560px) {
  .concept-tabs button { font-size:9px; padding:12px 5px; }.concept-tabs button>span { font-size:9px; }.concept-tabs button:nth-child(4) { max-width:75px; }.concept-header { height:76px; }.concept-gallery .opening { padding:25px 0 35px; width:88%; }.concept-gallery h1 { font-size:44px; }.opening .eyebrow { font-size:8px; margin-bottom:18px; }.opening-lead { font-size:13px; line-height:1.85; margin-top:22px; }.opening-actions { margin-top:22px; }.opening .button.primary { font-size:12px; }.deliverable-pair { display:grid; gap:12px; margin-top:22px; }.deliverable-pair>span { font-size:12px; }.product-boundary { font-size:11px; }.split-layout { gap:32px; }.visual-caption { font-size:8px; align-items:start; gap:20px; }.visual-caption>.sample-label { display:none; }.input-chip { font-size:10px; }.input-arrival { font-size:10px; }.sample-top { padding:14px 12px; gap:10px; }.sample-top>div { font-size:12px; }.sample-top .sample-label { font-size:7px; letter-spacing:.5px; }.sample-subnav { padding:13px 12px; font-size:9px; gap:16px; }.request-layout { grid-template-columns:1fr; }.request-queue { border-right:0; padding:14px 0 0; }.request-queue>.micro { font-size:9px; padding:0 13px; }.sample-case:not(.selected) { display:none; }.sample-case { padding:12px 14px; }.sample-case.selected { padding-left:12px; }.sample-case>small { font-size:9px; }.sample-result { padding:20px 14px; }.sample-result h3 { font-size:19px; }.sample-reply { font-size:13px; }.sample-sources { gap:7px; }.sample-sources span { font-size:9px; }.sample-actionbar { padding:15px 14px; flex-direction:column; align-items:start; gap:11px; }.sample-actionbar>p { font-size:11px; }.sample-fineprint { font-size:9px; padding-inline:14px; text-align:left; }.visual-bottom { flex-direction:column; font-size:11px; gap:5px; }.concept-gallery .choice-intro h1 { font-size:38px; }.choice-intro .opening-lead { font-size:13px; }.job-selector { grid-template-columns:1fr; gap:0; margin-top:24px; }.job-selector>button { grid-template-columns:20px 1fr; padding:15px 4px; gap:5px 13px; border-bottom:1px solid #ffffff22; }.job-selector>button[aria-pressed=true] { border-bottom:2px solid #f07a5f; }.job-selector>button>span { grid-row:1/3; }.job-selector strong { font-size:12px; }.job-selector small { font-size:11px; }.job-selector>a { padding-block:16px; font-size:11px; }.choice-context h2 { font-size:28px; }.choice-context dl { grid-template-columns:1fr; gap:13px; }.choice-context dl div { grid-template-columns:90px 1fr; gap:14px; }.choice-context dt { font-size:8px; }.choice-context dd { font-size:12px; }.choice-context>.eyebrow { font-size:9px; }.choice-context .text-link { font-size:12px; }.choice-result .request-layout { min-height:0; }.choice-result .sample-result h3 { font-size:19px; }.choice-result .sample-result { padding-block:20px; }.concept-gallery .results-intro h1 { font-size:37px; }.results-intro h1 br { display:none; }.results-intro h1 em { display:block; margin-top:5px; }.results-intro .opening-lead { font-size:13px; }.results-intro .opening-lead br { display:none; }.result-piece { grid-template-columns:1fr; gap:0; }.result-source { flex-direction:row; align-items:center; justify-content:start; gap:13px; margin-bottom:10px; font-size:10px; }.result-beam { width:1px; height:22px; margin:0 0 12px 9px; }.result-beam:after { width:1px; height:10px; animation-name:deliver-work; }.result-artifact { padding:22px 20px; }.result-artifact h2 { font-size:27px; }.result-artifact>.micro { font-size:9px; }.artifact-message strong { font-size:12px; }.artifact-message small { font-size:10px; }.result-artifact>.badge { font-size:10px; }.artifact-human { font-size:12px; }.invoice-difference { font-size:12px; }.results-bottom { flex-direction:column; align-items:start; gap:20px; }.results-bottom p { font-size:12px; }.concept-gallery .before-after-intro h1 { font-size:38px; }.before-after-intro .opening-lead { font-size:13px; }.manual-work { grid-template-columns:1fr; gap:0; }.manual-work ol { grid-column:1; grid-row:auto; margin-top:13px; }.manual-work li { font-size:13px; padding-block:10px; }.manual-repeat { margin-top:17px; font-size:11px; }.before-after-stage { margin-top:24px; gap:18px; }.before-after-stage .request-layout { min-height:0; }.before-after-bottom { flex-direction:column; align-items:start; gap:16px; margin-top:22px; }.before-after-bottom p { font-size:12px; }.control-layout { gap:29px; }.concept-gallery .control-copy h1 { font-size:42px; }.control-copy .opening-lead { font-size:13px; }.control-copy .product-boundary { font-size:11px; }.control-copy>.text-link { font-size:12px; }.instruction-card>p { font-size:14px; }.app-checks { padding:16px 12px; gap:10px; }.app-checks strong { font-size:24px; }.app-checks span { font-size:9px; }.sample-table { margin:12px; width:calc(100% - 24px); font-size:11px; }.sample-table td { padding:12px 4px; }.sample-table th { font-size:7px; letter-spacing:.5px; padding:8px 4px 11px; }.sample-table td>small { font-size:9px; }.sample-table .badge { font-size:9px; white-space:normal; }.rule-conversation { display:flex; flex-direction:column; align-items:start; gap:10px; padding:0; }.rule-conversation>.micro { font-size:9px; }.rule-conversation>p:first-of-type { font-size:16px; }.rule-conversation #tolerance-status { font-size:11px; }.followup-columns { grid-template-columns:1fr; gap:21px; padding:20px 14px; }.followup-columns>.column>.micro { font-size:9px; }.followup-card>p { font-size:12px; }.followup-card .badge { font-size:10px; }.comparison-notes { width:88%; padding-block:22px; }.direction-verdict>span { line-height:1.8; }.gallery-disclosure>span:first-child { font-size:8px; line-height:1.8; }.gallery-disclosure button { font-size:11px; padding:10px 13px; }
}
@media(prefers-reduced-motion:reduce) { .opening *,.opening *::before,.opening *::after { animation:none!important; transition:none!important; } }