/* Vormvast: paper, ink, signal. Brand demonstrations keep their own identities. */
:root {
  --paper: #f2efe6;
  --ink: #202820;
  --signal: #e5ff45;
  --muted: #51584d;
  --rule: #20282040;
  --display: Arial, Helvetica, sans-serif;
  --ease: cubic-bezier(.22, 1, .36, 1);
}
body { background: var(--paper); color: var(--ink); font: 18px/1.6 Arial, Helvetica, sans-serif; }
::selection { background: var(--signal); color: var(--ink); }
html { scroll-padding-top: 24px; }
.wrap { width: min(1440px, 90%); }
.section { padding-block: 112px; }
.site-header { background: var(--paper); }
.site-nav { min-height: 104px; border-bottom: 1px solid var(--ink); }
.site-nav.wrap { width: 100%; }
.site-nav .wordmark, .site-footer .wordmark { font-size: 47px; font-weight: 800; letter-spacing: -.075em; }
.site-nav>nav { font-size: 14px; gap: 25px; }
.site-nav a { text-decoration: none; }
.nav-contact { border: 1px solid var(--ink); padding: 12px 18px; font-size: 14px; }
.nav-contact:hover { background: var(--ink); color: var(--paper); }
.mobile-menu { background: var(--paper); }
button:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid var(--ink); outline-offset: 5px;
}
.generator-section :focus-visible, .process :focus-visible { outline-color: var(--signal); }
.eyebrow, .job-step, .deliverable-index, .hero-example-label, .material-label {
  font: 700 12px/1.5 Arial, sans-serif; letter-spacing: .045em;
}
.eyebrow { margin-bottom: 28px; }
.section-heading h2, .explain-system h2, .faq h2, .closing h2,
.quick-result h2, .generator-layout h2, .example-end h2 {
  font: 700 clamp(46px, 4.8vw, 72px)/1 var(--display);
  letter-spacing: -.055em;
}
.section-heading em, .closing em, .generator-layout em { font-style: normal; }
.section-heading { grid-template-columns: 1.4fr 1fr; gap: 10%; margin-bottom: 55px; }
.section-heading>p, .section-heading>div>p { font-size: 19px; line-height: 1.6; max-width: 430px; }
.service-hero {
  position: relative; grid-template-columns: 1.22fr 1fr; gap: 7%; padding-top: 52px;
  padding-bottom: 65px; max-width: 1600px; margin: auto;
}
.service-hero .screen-copy { padding-top: 0; z-index: 1; }
.service-hero .screen-copy h1 {
  font: 700 clamp(66px, 7.4vw, 112px)/.98 var(--display);
  letter-spacing: -.06em; width: 140%; max-width: 1000px;
}
.hero-subtitle { font-size: 23px; line-height: 1.25; max-width: 410px; margin-top: 34px; font-weight: 400; letter-spacing: -.025em; color: var(--ink); }
.service-hero .screen-explanation { margin-top: 27px; max-width: 485px; }
.service-hero .screen-explanation p { font-size: 18px; line-height: 1.6; margin-bottom: 18px; color: var(--muted); }
.service-hero .screen-explanation strong { font-weight: 700; color: var(--ink); }
.service-hero .copy-foot { font-size: 13px; max-width: 400px; margin-top: 23px; color: var(--muted); }
.hero-transport { padding-top: 235px; }
.hero-example-label { margin-bottom: 14px; max-width: 100%; }
.hero-route { box-shadow: none; }
.hero-example-note { color: var(--muted); font-size: 14px; line-height: 1.6; }
.hero-example-note small { font-size: 12px; color: var(--muted); }
.plain-button, .text-link { font-size: 15px; font-weight: 700; color: var(--ink); }
.plain-button { min-height: 52px; border-bottom: 2px solid var(--ink); }
.plain-button:hover, .text-link:hover { color: var(--ink); background: var(--signal); }
.quick-result { grid-template-columns: .8fr 1.4fr; gap: 10%; padding: 45px 0 55px; border-block: 1px solid var(--ink); }
.quick-result h2 { font-size: 68px; }
.quick-result>div { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 34px; }
.quick-result>div>p { font-size: 17px; line-height: 1.6; margin: 0; }
.quick-result>div>p:last-of-type { grid-column: 1/-1; padding-top: 20px; border-top: 1px solid var(--rule); }
.quick-result strong { display: block; color: var(--ink); margin-bottom: 8px; }
.quick-result .text-link { grid-column: 1/-1; justify-self: start; }
.problem { background: var(--ink); color: var(--paper); border: 0; padding-block: 95px 75px; }
.problem .section-heading { grid-template-columns: 1.5fr 1fr; }
.problem p { color: #d2d5c9; }
.problem .eyebrow { color: var(--signal); }
.everyday-scene { counter-reset: problem; display: block; margin-left: 23%; }
.everyday-scene>div, .everyday-scene>div:first-child {
  position: relative; display: grid; grid-template-columns: .8fr 1.1fr; gap: 8px 35px;
  border: 0; border-top: 1px solid #f2efe640; padding: 30px 0 34px 78px;
}
.everyday-scene>div:nth-child(2) { margin-left: -12%; }
.everyday-scene>div:nth-child(3) { margin-left: -24%; }
.everyday-scene>div::before {
  counter-increment: problem; content: '0' counter(problem); position: absolute;
  left: 0; top: 20px; font: 600 64px/1 var(--display); letter-spacing: -.03em; color: var(--signal);
}
.everyday-scene>div>span { grid-column: 1/-1; font-size: 11px; color: #d2d5c9; }
.everyday-scene h3 { font-size: 28px; font-weight: 400; line-height: 1.12; margin: 0; letter-spacing: -.035em; }
.everyday-scene p { font-size: 17px; line-height: 1.6; }
.problem-conclusion { font-size: 21px; max-width: 610px; margin: 50px 0 0; padding-top: 20px; border-top: 1px solid #f2efe640; }
.job-section { padding: 120px 0 90px; border-bottom: 1px solid var(--rule); }
.example-switch { display: flex; flex-wrap: wrap; border: 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); gap: 0; margin-bottom: 45px; }
.example-switch button { flex: 1 1 140px; min-height: 114px; padding: 20px 15px; border: 0; border-right: 1px solid var(--rule); gap: 5px; }
.example-switch button>span, .example-switch button>small { font-size: 12px; color: var(--muted); }
.example-switch button>strong { font-size: 15px; line-height: 1.3; }
.example-switch button[aria-pressed=true] { background: var(--signal); color: var(--ink); }
.example-switch button[aria-pressed=true]>span, .example-switch button[aria-pressed=true]>small { color: var(--ink); }
.example-switch button:hover:not([aria-pressed=true]) { background: #2028200c; }
.job-intro { grid-template-columns: 1fr 1fr; }
.job-intro h3 { font-size: 33px; line-height: 1.12; }
.job-intro>p { font-size: 18px; line-height: 1.6; }
.job-intro #job-sector { color: var(--muted); font-size: 13px; }
.job-workbench { border-color: var(--rule); grid-template-columns: .85fr 1.2fr; }
.job-instructions { padding: 32px; }
.job-instructions ul { font-size: 17px; color: var(--muted); line-height: 1.6; }
.job-instructions #job-prompt { font-size: 18px; line-height: 1.6; color: var(--ink); }
.job-instructions>section+section { border-color: var(--rule); }
.job-file { border-color: var(--rule); background: transparent; color: var(--ink); }
.job-human, .job-disclosure { color: var(--muted); font-size: 13px; }
.job-result { background: #2028200b; border-color: var(--rule); padding: 30px; }
#job-outcome { font-size: 16px; color: var(--muted); line-height: 1.6; }
.explain-system { padding-block: 115px; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 12%; }
.explain-system>div { min-width: 0; }
.explain-system h2 { overflow-wrap: anywhere; hyphens: auto; }
.explain-system>div>p { font-size: 19px; line-height: 1.6; }
.system-file { padding: 32px; background: transparent; border: 1px solid var(--ink); border-top: 9px solid var(--ink); }
.system-file>span { color: var(--ink); border-color: var(--rule); }
.system-file>h3 { font-size: 32px; font-weight: 700; }
.system-file dl>div { border-color: var(--rule); font-size: 16px; }
.system-file dd, .system-file dt, .system-file>p { color: var(--muted); overflow-wrap: anywhere; }
.usage { background: transparent; border-block: 1px solid var(--ink); }
.usage .section-heading { display: block; }
.usage .section-heading>p { max-width: 510px; margin: 30px 0 0 42%; }
.usage-layout { grid-template-columns: 1fr 1.15fr; gap: 7%; align-items: start; }
.usage-steps button { border-color: var(--rule); padding-block: 25px; }
.usage-steps button[aria-pressed=true] { background: transparent; border-left: 6px solid var(--ink); }
.usage-steps button[aria-pressed=true] .step-number { color: var(--ink); background: var(--signal); }
.usage-steps small { font-size: 16px; line-height: 1.5; color: var(--muted); }
.usage-preview { background: var(--ink); padding: 28px; }
.usage-window { background: var(--paper); border-color: var(--ink); box-shadow: none; }
.usage-title { border-color: var(--rule); background: transparent; color: var(--muted); font-size: 12px; }
.usage-body { padding: 26px; }
.usage-body .chat-question { background: transparent; border: 1px solid var(--rule); border-radius: 0; font-size: 17px; line-height: 1.55; }
.usage-body .ai-answer { background: transparent; border-left: 3px solid var(--ink); font-size: 17px; line-height: 1.55; }
.usage-body .attachment { color: var(--ink); background: var(--signal); border-radius: 0; }
.usage-body .quiet-note { font-size: 12px; color: var(--muted); }
.preview-guide-title { font-size: 34px; }
.preview-badges>span { border-radius: 0; background: transparent; border-color: var(--rule); color: var(--ink); }
.md-explainer { border-color: var(--rule); }
.md-explainer p { font-size: 17px; line-height: 1.6; }
.file-icon { background: transparent; color: var(--ink); border: 1px solid var(--ink); transform: none; box-shadow: none; }
#md-example { background: var(--ink); color: var(--paper); font-size: 14px; }
.offer .section-heading { grid-template-columns: 1.3fr 1fr; }
.deliverables { grid-template-columns: 1.5fr 1fr; gap: 45px; }
.deliverables article { min-width: 0; }
.deliverables article h3 { font-size: 31px; letter-spacing: -.035em; }
.deliverables article p { font-size: 18px; line-height: 1.6; }
.deliverable-index { display: block; padding-bottom: 14px; border-bottom: 1px solid var(--ink); }
.deliverable-art { min-height: 320px; margin: 0 0 24px; border: 0; }
.file-art { background: var(--ink); }
.paper-file { width: min(310px, 80%); padding: 28px; background: var(--paper); border: 0; transform: none; box-shadow: none; }
.paper-file>b { font-size: 32px; }
.paper-file>span { color: var(--muted); font-size: 13px; }
.paper-file>i { background: var(--ink); height: 1px; }
.guide-art { background: #20282013; }
.mini-guide { width: 270px; background: var(--paper); color: var(--ink); border: 1px solid var(--ink); transform: none; box-shadow: none; }
.mini-guide h4 { font: 700 58px/.95 var(--display); letter-spacing: -.02em; margin: 20px 0; }
.mini-guide-nav { border-color: var(--rule); }
.mini-colors i:nth-child(1) { background: var(--ink); }
.mini-colors i:nth-child(2) { background: var(--paper); border: 1px solid var(--ink); }
.mini-colors i:nth-child(3) { background: var(--signal); }
.deliverables article:last-child { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; column-gap: 45px; padding-top: 12px; }
.deliverables article:last-child .deliverable-index { grid-column: 1/-1; }
.deliverables article:last-child .tools-art { grid-column: 2; grid-row: 2/4; min-height: 160px; margin: 0; align-items: stretch; }
.deliverables article:last-child h3 { margin-top: 26px; }
.tools-art { background: transparent; gap: 0; }
.tools-art>span { width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--rule); padding: 14px 0; font-size: 20px; }
.examples-link { border-color: var(--rule); padding-top: 26px; }
.examples-link p { font-size: 18px; }
.examples-link>span { font-size: 13px; color: var(--muted); }
.process { padding-block: 55px 70px; background: var(--ink); color: var(--paper); }
.process .eyebrow { color: var(--signal); }
.process-line { display: block; padding: 0; }
.process-arrow { display: none; }
.process-line>div { display: grid; grid-template-columns: 70px 1fr 1fr; gap: 30px; align-items: baseline; border-top: 1px solid #f2efe640; padding: 25px 0; }
.process-line>div>span { font: 600 52px/1 var(--display); color: var(--signal); }
.process-line h3 { font-size: 28px; margin: 0; }
.process-line p { font-size: 17px; line-height: 1.55; color: #d2d5c9; }
.start .section-heading { grid-template-columns: 1.5fr 1fr; }
.pricing { grid-template-columns: .8fr 1.4fr; gap: 0; border-block: 1px solid var(--ink); }
.pricing article { border: 0; padding: 36px; }
.pricing .starter { padding-left: 0; }
.pricing .bespoke { background: transparent; border-left: 1px solid var(--ink); }
.pricing h3 { font: 700 42px/1.03 var(--display); letter-spacing: -.055em; }
.pricing article p { font-size: 18px; line-height: 1.6; }
.pricing small { color: var(--muted); font-size: 13px; }
.price { font: 600 42px/1 var(--display); }
.bespoke ul { font-size: 17px; }
.bespoke li { padding-left: 0; border-bottom: 1px solid var(--rule); padding-bottom: 10px; }
.bespoke li::before { content: none; }
.button { background: var(--ink); color: var(--paper); border: 1px solid var(--ink); font-size: 15px; min-height: 54px; border-radius: 0; box-shadow: none; }
.button.outline { background: transparent; color: var(--ink); }
.button:hover { background: var(--signal); border-color: var(--ink); color: var(--ink); }
.generator-section { background: var(--ink); color: var(--paper); padding-block: 90px; }
.generator-layout { grid-template-columns: 1fr 1.1fr; gap: 10%; align-items: start; }
.generator-layout h2 { font-size: clamp(52px, 6vw, 88px); }
.generator-layout>div>p { font-size: 19px; color: #d2d5c9; line-height: 1.6; }
.generator-layout .eyebrow, .demo-note>strong { color: var(--signal); }
.demo-note { border-color: #f2efe640; }
.demo-note p { color: #d2d5c9; font-size: 15px; line-height: 1.6; }
.generator-panel { background: var(--paper); color: var(--ink); padding: 32px; }
.generator-panel select, .generator-panel input { background: var(--paper); color: var(--ink); border: 1px solid var(--ink); border-radius: 0; min-width: 0; font-size: 17px; }
.generator-panel label { font-size: 17px; }
.prompt-input { border-color: var(--ink); }
.prompt-input input { border: 0; }
.generator-panel .quiet-note { color: var(--muted); font-size: 12px; }
#generator-empty { border-color: var(--rule); }
#generator-empty p { font-size: 22px; color: var(--muted); }
.empty-file { font: 700 80px/1 var(--display); color: var(--ink); }
#generated-md-output { color: var(--ink); background: transparent; border-color: var(--rule); font-size: 13px; }
.faq { grid-template-columns: .8fr 1.3fr; gap: 0 10%; }
.faq summary { font-size: 20px; }
.faq summary>span { color: var(--ink); }
.faq details { border-color: var(--rule); }
.faq details p { font-size: 18px; line-height: 1.6; }
.closing { border: 0; background: var(--signal); padding: 45px; grid-template-columns: 1fr auto; }
.closing h2 { font-size: clamp(48px, 5.4vw, 80px); }
.closing .button:hover { background: var(--paper); }
.site-footer { padding-top: 65px; padding-bottom: 30px; }
.site-footer p { font-size: 15px; color: var(--muted); }
.footer-bottom, .image-credits { border-color: var(--rule); font-size: 13px; }
.image-credits p { font-size: 13px; line-height: 1.6; }
/* Editorial frame around the five examples; never restyle their artwork. */
.example-intro { padding-block: 65px 85px; }
.example-intro h1 { font: 700 clamp(62px, 7.5vw, 110px)/.98 var(--display); letter-spacing: -.06em; }
.example-intro>p { font-size: 20px; line-height: 1.6; max-width: 630px; margin-left: 25%; }
.brand-index { border-color: var(--ink); }
.brand-index a { background: transparent; border-color: var(--rule); }
.brand-index a:hover { background: var(--signal); }
.brand-case { border-color: var(--ink); padding-block: 75px; }
.brand-case-heading { grid-template-columns: 1.4fr 1fr; gap: 10%; }
.brand-case-heading h2 { font: 700 66px/1 var(--display); letter-spacing: -.055em; }
.brand-case-heading p { font-size: 18px; line-height: 1.6; }
.brand-case-materials { background: #2028200b; grid-template-columns: 1.2fr 1fr; align-items: center; padding: 40px; gap: 45px; }
.brand-case:nth-of-type(odd) .brand-case-materials { grid-template-columns: 1fr 1.2fr; }
.brand-case-rules { gap: 10%; }
.brand-case-rules ul, .brand-case-rules blockquote { color: var(--muted); font-size: 17px; line-height: 1.6; }
.brand-case-rules>div { min-width: 0; }
.brand-case-credit { border-color: var(--rule); color: var(--muted); font-size: 12px; }
.example-end { padding-block: 50px 80px; }
.example-end h2 { margin-bottom: 30px; }
/* Brief, deliberate feedback. No scroll reveals or obligatory motion. */
.button, .nav-contact, .example-switch button, .usage-steps button, .brand-index a, .plain-button, .text-link {
  transition: background-color 180ms var(--ease), color 180ms var(--ease), border-color 180ms var(--ease);
}
.button>span, .plain-button>span { display: inline-block; transition: transform 220ms var(--ease); }
.button:hover>span, .plain-button:hover>span { transform: translate(3px, -2px); }
.faq summary>span { transition: transform 200ms var(--ease); }
@media (min-width: 1600px) { .hero-transport { padding-top: 265px; } }
@media (max-width: 1100px) and (min-width: 761px) {
  .site-nav>nav { gap: 15px; font-size: 12px; }
  .nav-contact { font-size: 12px; padding: 10px; }
  .service-hero .screen-copy h1 { font-size: 7.4vw; width: 155%; }
  .hero-transport { padding-top: 210px; }
  .service-hero .screen-explanation p { font-size: 17px; }
  .hero-subtitle { font-size: 21px; }
  .closing { grid-template-columns: 1fr; }
  .closing .button { justify-self: start; }
}
@media (max-width: 760px) {
  .wrap { width: calc(100% - 40px); }
  .section { padding-block: 65px; }
  .site-header { padding-inline: 20px; }
  .site-nav { min-height: 82px; }
  .site-nav .wordmark { font-size: 38px; }
  .site-nav>nav, .nav-contact { display: none; }
  #menu-toggle { font-size: 15px; min-height: 44px; }
  .section-heading, .problem .section-heading, .offer .section-heading, .start .section-heading { display: grid; grid-template-columns: 1fr; gap: 25px; margin-bottom: 34px; }
  .section-heading h2, .explain-system h2, .faq h2, .closing h2, .generator-layout h2, .example-end h2 { font-size: clamp(38px, 10.8vw, 56px); line-height: 1.02; }
  .section-heading>p, .section-heading>div>p { font-size: 18px; line-height: 1.6; }
  .eyebrow { font-size: 11px; margin-bottom: 22px; }
  .service-hero { display: grid; grid-template-columns: 1fr; padding: 36px 20px 40px; gap: 35px; }
  .service-hero .screen-copy h1 { font-size: clamp(48px, 13.2vw, 84px); width: 100%; line-height: .99; }
  .hero-subtitle { font-size: 23px; margin-top: 25px; }
  .service-hero .screen-explanation { margin-top: 24px; max-width: 100%; }
  .service-hero .screen-explanation p { font-size: 17px; line-height: 1.6; }
  .service-hero .copy-foot { font-size: 12px; }
  .hero-transport { padding-top: 0; }
  .hero-example-label { font-size: 11px; }
  .hero-example-note { font-size: 14px; }
  .quick-result { grid-template-columns: 1fr; gap: 28px; padding-block: 35px; }
  .quick-result h2 { font-size: 48px; }
  .quick-result h2 br { display: none; }
  .quick-result>div { grid-template-columns: 1fr; gap: 24px; }
  .quick-result>div>p { font-size: 17px; }
  .everyday-scene { margin: 0; }
  .everyday-scene>div, .everyday-scene>div:first-child, .everyday-scene>div:nth-child(2), .everyday-scene>div:nth-child(3) { grid-template-columns: 1fr; margin: 0; padding: 25px 0 27px 58px; gap: 12px; border-top: 1px solid #f2efe640; }
  .everyday-scene>div::before { font-size: 45px; top: 22px; }
  .everyday-scene h3 { font-size: 27px; }
  .everyday-scene p { font-size: 17px; }
  .problem-conclusion { font-size: 20px; margin-top: 25px; }
  .job-section { padding-block: 65px; }
  .example-switch { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; margin-bottom: 28px; }
  .example-switch button, .example-switch button:last-child { display: grid; grid-template-columns: 1fr; flex: 0 0 150px; gap: 6px; border: 0; border-right: 1px solid var(--rule); scroll-snap-align: start; padding: 16px 12px; min-height: 108px; }
  .example-switch button:last-child>small { grid-column: auto; }
  .example-switch button>strong { font-size: 15px; }
  .job-intro, .job-workbench { grid-template-columns: 1fr; gap: 20px; }
  .job-workbench { gap: 0; }
  .job-intro h3 { font-size: 30px; }
  .job-intro>p { font-size: 17px; }
  .job-instructions { padding: 23px; position: static; }
  .job-instructions ul { font-size: 17px; }
  .job-instructions #job-prompt { font-size: 17px; }
  .job-result { border-left: 0; border-top: 1px solid var(--rule); padding: 24px 16px; }
  .explain-system { grid-template-columns: 1fr; padding-block: 65px; gap: 35px; }
  .explain-system>div>p { font-size: 18px; }
  .system-file { padding: 25px; }
  .system-file dl>div { font-size: 15px; }
  .usage .section-heading>p { margin: 25px 0 0; }
  .usage-layout { grid-template-columns: 1fr; gap: 25px; }
  .usage-preview { padding: 16px; }
  .usage-body { padding: 20px; }
  .usage-body .chat-question, .usage-body .ai-answer { font-size: 16px; }
  .md-explainer p { font-size: 17px; }
  .deliverables { grid-template-columns: 1fr; gap: 35px; }
  .deliverables article h3 { font-size: 29px; }
  .deliverables article p { font-size: 17px; }
  .deliverable-art { min-height: 280px; }
  .deliverables article:last-child { display: block; }
  .deliverables article:last-child .tools-art { min-height: 150px; margin-bottom: 25px; }
  .process-line>div { grid-template-columns: 45px 1fr; gap: 12px 15px; padding-block: 25px; }
  .process-line>div>span { font-size: 42px; grid-row: 1/3; }
  .process-line h3 { font-size: 25px; }
  .process-line p { grid-column: 2; font-size: 17px; }
  .pricing { grid-template-columns: 1fr; }
  .pricing article, .pricing .starter { padding: 28px 0; }
  .pricing .bespoke { border: 0; border-top: 1px solid var(--ink); }
  .pricing h3 { font-size: 39px; }
  .pricing article p { font-size: 17px; }
  .generator-section { padding-block: 65px; }
  .generator-layout { grid-template-columns: 1fr; gap: 35px; }
  .generator-layout>div>p { font-size: 18px; }
  .generator-panel { padding: 23px; }
  .generator-panel select { width: 100%; font-size: 16px; }
  .result-actions { flex-wrap: wrap; }
  .faq { grid-template-columns: 1fr; gap: 24px; }
  .faq summary { font-size: 18px; }
  .faq details p { font-size: 17px; }
  .closing { grid-template-columns: 1fr; padding: 30px 23px; }
  .closing .button { justify-self: start; }
  .site-footer { padding-top: 45px; }
  .example-intro { padding-block: 40px; }
  .example-intro h1 { font-size: clamp(48px, 13.2vw, 84px); }
  .example-intro>p { margin: 25px 0; font-size: 18px; }
  .brand-case { padding-block: 45px; }
  .brand-case-heading { grid-template-columns: 1fr; gap: 25px; }
  .brand-case-heading h2 { font-size: 48px; }
  .brand-case-heading p { font-size: 17px; }
  .brand-case-materials, .brand-case:nth-of-type(odd) .brand-case-materials { grid-template-columns: 1fr; padding: 23px 16px; gap: 30px; }
  .brand-case-rules { grid-template-columns: 1fr; gap: 25px; }
  .brand-case-rules ul, .brand-case-rules blockquote { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Physical context: photographs are the examples; the page is their frame. */
.wordmark { display: inline-flex; align-items: center; flex: 0 0 auto; }
.wordmark svg { width: 220px; height: auto; object-fit: contain; }
.service-hero { isolation: isolate; overflow: clip; }
.service-hero::before {
  content: ''; position: absolute; z-index: -1; width: 620px; height: 770px;
  right: 12%; top: 38px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22370%20-857%20519%20652%22%3E%3Cpath%20transform%3D%22scale(1%2C-1)%22%20fill%3D%22%23e5ff45%22%20d%3D%22M370%20531Q370%20373%20445.0%20289.0Q520%20205%20630%20205Q740%20205%20814.5%20289.0Q889%20373%20889%20533Q889%20689%20814.5%20773.0Q740%20857%20630%20857Q520%20857%20445.0%20773.0Q370%20689%20370%20531Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
  pointer-events: none; transform: rotate(18deg); right: -200px; top: -165px;
}
.hero-transport { padding-top: 218px; }
.hero-example-label { display: inline-block; background: var(--ink); color: var(--paper); padding: 9px 12px; margin-bottom: 0; font-size: 11px; }
.hero-newspaper { margin: 0; }
.hero-newspaper>img { width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; }
.hero-newspaper figcaption { padding-top: 20px; }
.hero-newspaper figcaption strong { font-size: 21px; letter-spacing: -.025em; }
.hero-newspaper figcaption p { font-size: 16px; line-height: 1.6; margin: 10px 0; }
.hero-newspaper figcaption small { display: block; margin-top: 12px; font-size: 12px; color: var(--muted); }
.quick-result { position: relative; isolation: isolate; }
.quick-result::before { content: ''; position: absolute; width: 180px; height: 140px; left: 90px; top: 20px; z-index: -1; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22354%20-510%20379%20336%22%3E%3Cpath%20transform%3D%22scale(1%2C-1)%22%20fill%3D%22%23e5ff45%22%20d%3D%22M733%20510Q679%20492%20562.0%20467.0Q445%20442%20409%20418Q354%20379%20354%20319Q354%20260%20398.0%20217.0Q442%20174%20510%20174Q586%20174%20655%20224Q706%20262%20722%20317Q733%20353%20733%20454Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; pointer-events: none; }
.physical-example { margin: 0; }
.physical-example>img { width: 100%; height: auto; object-fit: cover; }
.physical-example figcaption { font-size: 17px; line-height: 1.5; padding: 16px 0; color: var(--ink); }
.physical-example figcaption small { display: block; font-size: 12px; color: var(--muted); margin-top: 7px; }
.job-result { padding: 25px; background: transparent; }
.job-result>.job-step { background: var(--ink); color: var(--paper); padding: 10px 12px; display: block; margin: 0; }
.artwork-transcript { margin-block: 8px 22px; border-block: 1px solid var(--rule); }
.artwork-transcript summary { display: flex; justify-content: space-between; gap: 15px; padding: 16px 0; list-style: none; cursor: pointer; font-size: 14px; font-weight: 700; }
.artwork-transcript summary::-webkit-details-marker { display: none; }
.artwork-transcript[open] { padding-bottom: 20px; }
.usage-preview { display: block; padding: 0; background: transparent; min-height: 0; }
.work-photo { margin: 0; }
.work-photo>img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; }
.work-photo[data-work=ai]>img { object-position: center 43%; }
.kader-portal { background: #fff; color: #173548; padding: 32px; }
.kader-portal h3 { font: 400 38px/1.08 'Libre Baskerville', Georgia, serif; margin: 35px 0 20px; letter-spacing: -.045em; }
.kader-portal p { color: #173548; font-size: 17px; }
.kader-portal ul { list-style: none; padding: 0; margin: 28px 0; }
.kader-portal li { display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid #17354840; padding: 20px 0; font-size: 17px; }
.portal-action { display: block; padding: 16px; background: #173548; color: white; text-align: center; font-size: 16px; }
.portal-nav { font-size: 12px; margin-top: 35px; text-align: center; }
.work-photo figcaption { padding: 25px 0 0; }
.work-photo figcaption strong { font-size: 27px; line-height: 1.15; letter-spacing: -.035em; }
.work-photo figcaption p { font-size: 18px; line-height: 1.6; margin-top: 14px; }
.work-photo figcaption small { display: block; font-size: 11px; color: var(--muted); margin-top: 20px; }
.deliverable-photo { margin: 0 0 26px; }
.deliverable-photo>img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; }
.deliverable-photo figcaption { padding-top: 12px; font-size: 14px; color: var(--muted); line-height: 1.5; }
.deliverables article:last-child .optional-photo { grid-column: 2; grid-row: 2/4; margin: 0; }
.deliverables article:last-child .optional-photo>img { aspect-ratio: 16/8; object-position: center 54%; }
.system-file { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22370%20-857%20519%20652%22%3E%3Cpath%20transform%3D%22scale(1%2C-1)%22%20fill%3D%22%23e5ff45%22%20d%3D%22M370%20531Q370%20373%20445.0%20289.0Q520%20205%20630%20205Q740%20205%20814.5%20289.0Q889%20373%20889%20533Q889%20689%20814.5%20773.0Q740%20857%20630%20857Q520%20857%20445.0%20773.0Q370%20689%20370%20531Z%22%2F%3E%3C%2Fsvg%3E") right -50px bottom -160px/170px 300px no-repeat; }
.closing { position: relative; background: var(--paper); color: var(--ink); overflow: hidden; isolation: isolate; width: 100%; padding: 85px 5vw; }
.closing::before { content: ''; position: absolute; z-index: -1; width: 370px; height: 320px; top: -110px; right: -45px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22354%20-510%20379%20336%22%3E%3Cpath%20transform%3D%22scale(1%2C-1)%22%20fill%3D%22%23e5ff45%22%20d%3D%22M733%20510Q679%20492%20562.0%20467.0Q445%20442%20409%20418Q354%20379%20354%20319Q354%20260%20398.0%20217.0Q442%20174%20510%20174Q586%20174%20655%20224Q706%20262%20722%20317Q733%20353%20733%20454Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; pointer-events: none; transform: rotate(-15deg); }
.closing .button { background: var(--ink); color: var(--paper); }
.closing::before { width: 880px; height: 760px; top: -220px; right: -190px; }
.quick-result::before { display: none; }
.system-file { background-image: none; }
.pricing.price-options { display: block; border-bottom: 0; }
.pricing .price-option { display: grid; grid-template-columns: 1fr 1.15fr .65fr; gap: 6%; align-items: start; padding: 34px 0; border-bottom: 1px solid var(--ink); }
.price-options h3 { font-size: 36px; margin: 0; }
.price-options .eyebrow { font-size: 10px; margin-bottom: 22px; }
.price-options .price-description p { font-size: 18px; line-height: 1.6; }
.price-description .text-link { display: inline-block; margin-top: 20px; }
.price-amount { text-align: right; padding-right: 4px; }
.price-options .price { display: block; font: 700 52px/1.1 Arial, sans-serif; letter-spacing: -.065em; margin: 8px 0 0; white-space: nowrap; }
.price-options del { color: var(--muted); font-size: 25px; font-weight: 400; letter-spacing: -.03em; text-decoration-thickness: 1px; }
.price-promotion { display: inline-block; background: var(--signal); padding: 3px 8px; font-size: 13px; }
.price-from { font-size: 14px; }
.pricing.price-options .price-amount small { margin-top: 7px; font-size: 12px; }
.pricing-footnote { margin-top: 22px; font-size: 13px; line-height: 1.6; }
.site-footer .brand-ownership { font-size: 13px; line-height: 1.6; border-top: 1px solid var(--rule); padding-top: 22px; margin-top: 30px; color: var(--muted); }
/* Make the actual deliverables the focal point of the first offer summary. */
.quick-result.result-deliverables { display:block; padding:48px 0 35px; }
.result-deliverables .result-heading { margin-bottom:36px; }
.result-deliverables .result-heading .eyebrow { font-size:11px; margin-bottom:16px; }
.result-deliverables .result-heading h2 { font-size:36px; line-height:1.05; }
.quick-result.result-deliverables>.result-products { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px; }
.result-product { min-width:0; }
.result-product-title { display:flex; align-items:baseline; gap:16px; margin-bottom:22px; }
.result-product-title>span { font:14px/1 Arial,sans-serif; }
.result-product-title h3 { font:700 clamp(32px,3.6vw,52px)/1.02 Arial,sans-serif; letter-spacing:-.055em; }
.result-product figure { margin:0; }
.result-product img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.result-product figcaption { padding-top:12px; font-size:13px; line-height:1.5; color:var(--muted); }
.result-product-copy { margin-top:24px; }
.result-product-copy strong { font-size:20px; display:block; margin-bottom:10px; letter-spacing:-.025em; }
.result-product-copy p { font-size:18px; line-height:1.6; max-width:580px; }
.quick-result.result-deliverables>.result-extra { display:flex; justify-content:space-between; gap:25px; align-items:center; border-top:1px solid var(--rule); padding-top:27px; margin-top:40px; }
.result-extra .eyebrow { font-size:10px; margin-bottom:12px; }
.result-extra h3 { font-size:24px; font-weight:700; margin-bottom:8px; }
.result-extra p { font-size:16px; line-height:1.6; }
.result-extra .button { flex-shrink:0; }
.result-example-note { font-size:12px; line-height:1.6; margin-top:25px; }
.offer-context,.inquiry-context,.example-context,.sector-label,.optional-context{font-size:15px;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--muted);margin:0 0 18px}
.result-heading .offer-context{margin-bottom:12px}
.result-extra .optional-context{font-size:14px;margin-bottom:10px}
.job-step{font:700 16px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none}
.job-result>.job-step{background:transparent;color:var(--ink);padding:0 0 16px}
.deliverables .deliverable-photo{margin-top:0}
.material-photo .physical-example{margin-top:0}
.sector-label{text-transform:capitalize}
.material-label{font:400 14px/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none}
/* A guided handoff, with the resulting work allowed to stand on its own. */
.job-workbench.example-flow{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7%;border:0;align-items:start}
.example-flow .job-instructions{padding:0;position:relative;top:auto}
.example-flow .job-instructions>section+section{border:0;padding-top:0;margin-top:36px}
.job-stage{position:relative;padding:0 0 0 62px}
.flow-number{position:absolute;left:0;top:0;font:700 42px/1 Arial,sans-serif;letter-spacing:-.065em;isolation:isolate;width:36px}
.flow-number::before{content:'';position:absolute;z-index:-1;left:-3px;right:-2px;bottom:0;height:55%;background:var(--signal);transform:rotate(-7deg);clip-path:polygon(0 9%,100% 0,96% 90%,2% 100%)}
.job-stage h3{font:700 27px/1.1 Arial,sans-serif;letter-spacing:-.045em;margin:4px 0 16px}
.job-stage>p{font-size:17px;line-height:1.65;margin-top:16px;color:var(--muted)}
.job-stage>p strong{color:var(--ink)}
.case-sector{font-size:14px;display:block;margin-bottom:13px;color:var(--muted)}
.example-flow .job-instructions ul{padding-left:17px;font-size:16px;line-height:1.6;margin:18px 0 20px;color:var(--muted)}
.example-flow .job-instructions li{padding-bottom:8px}
.brand-file-button{display:flex;align-items:center;gap:15px;width:100%;padding:16px 0;border-block:1px solid var(--ink);text-align:left;margin-top:18px}
.file-mark{display:block;border:1px solid var(--ink);padding:17px 9px;font:700 18px/1 Arial,sans-serif;flex-shrink:0}
.brand-file-button>span:last-child{min-width:0;display:grid;gap:7px}
.brand-file-button strong{font-size:15px;font-weight:700;overflow-wrap:anywhere}
.brand-file-button>span>span{font-size:13px}
.brand-file-button:hover{background:var(--signal)}
.job-stage>#download-active-example{display:inline-block;margin-top:15px;font-size:13px}
.prompt-with-file{margin-top:20px;border-left:3px solid var(--ink);padding:4px 0 4px 18px}
.prompt-attachment{font-size:12px;line-height:1.6;background:var(--signal);padding:7px 9px;text-align:left;overflow-wrap:anywhere}
.example-flow .job-instructions #job-prompt{font-size:17px;line-height:1.6;margin:17px 0 0;color:var(--ink)}
.example-flow #job-outcome{font-size:15px;line-height:1.6;margin-top:20px;color:var(--muted)}

.example-flow .job-human{font-size:12px;line-height:1.6;margin-top:20px}
.example-flow .job-result{position:sticky;top:32px;padding:0;border:0;background:transparent;min-width:0}
.case-result-image{margin:0}
.case-result-image img{display:block;width:100%;height:auto;object-fit:contain}
.job-section .job-disclosure{margin-top:30px;max-width:600px;font-size:12px;line-height:1.6}
.brand-file-dialog{margin:auto;width:min(740px,94vw);max-height:94vh;border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);padding:28px;box-sizing:border-box;overflow:auto}
.brand-file-dialog::backdrop{background:#20282080}
.file-dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:start}
.file-dialog-header h2{font:700 28px/1.1 Arial,sans-serif;letter-spacing:-.045em}
.file-dialog-header p{font:13px/1.5 ui-monospace,monospace;margin-top:12px;overflow-wrap:anywhere}
.file-dialog-header form{flex-shrink:0}
.file-preview-help{font-size:15px;line-height:1.6;margin-top:23px}
#brand-file-content{font:14px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;border-block:1px solid var(--rule);padding:22px 0;margin:22px 0;max-height:56vh;overflow:auto}
@media(max-width:1100px){.job-workbench.example-flow{gap:5%}.job-stage{padding-left:51px}.job-stage h3{font-size:25px}.flow-number{font-size:37px;width:32px}.job-stage>p{font-size:16px}}
@media(max-width:760px){.job-workbench.example-flow{grid-template-columns:1fr;gap:35px}.job-stage{padding-left:47px}.job-stage h3{font-size:26px}.job-stage>p{font-size:17px}.flow-number{font-size:36px;width:30px}.example-flow .job-result{position:static;top:auto;padding:0;border:0}.example-flow .job-instructions>section+section{margin-top:30px}.example-flow .job-instructions #job-prompt{font-size:16px}.brand-file-dialog{padding:22px 18px}.file-dialog-header h2{font-size:24px}.file-dialog-header{gap:13px}.file-dialog-header .text-link{font-size:13px}#brand-file-content{font-size:13px}.brand-file-button{gap:12px}.brand-file-button strong{font-size:13px}.prompt-with-file{padding-left:13px}.job-section .job-disclosure{font-size:11px}}
/* Compact delivery summary: the two things you receive carry the hierarchy. */
.quick-result.result-summary{display:grid;grid-template-columns:.7fr 2fr;gap:26px 7%;padding:42px 0 35px}
.result-summary .summary-heading h2{font:700 48px/1.02 Arial,sans-serif;letter-spacing:-.06em}
.summary-heading p{font-size:13px;line-height:1.6;margin-top:22px}
.summary-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.summary-items li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:17px;align-items:start;min-width:0}
.summary-number{position:relative;isolation:isolate;display:block;font:700 108px/.9 Arial,sans-serif;letter-spacing:-.09em;transform:rotate(-5deg);color:var(--ink)}
.summary-number::before{content:'';position:absolute;z-index:-1;left:-5px;right:0;top:39%;height:54%;background:var(--signal);clip-path:polygon(3% 5%,94% 0,100% 86%,0 100%);transform:rotate(-5deg)}
.summary-items li:nth-child(2) .summary-number{transform:rotate(3deg)}
.summary-items li:nth-child(2) .summary-number::before{transform:rotate(4deg);top:37%}
.summary-items h3{font:700 28px/1.1 Arial,sans-serif;letter-spacing:-.045em;margin:3px 0 14px}
.summary-items p{font-size:17px;line-height:1.65}
.quick-result.result-summary>.summary-option{grid-column:2;display:block;border-top:1px solid var(--rule);padding-top:22px}
.result-summary .summary-option p{font-size:16px;line-height:1.6;margin:0 0 16px}
.result-summary .summary-option>p:last-of-type{border:0;padding:0}
.result-summary .summary-option strong{display:inline;font-size:16px;margin:0}
.result-summary .summary-option .text-link{font-size:14px}
@media(max-width:1100px){.quick-result.result-summary{grid-template-columns:.6fr 2fr;gap:24px 5%}.summary-items{gap:25px}.summary-items li{grid-template-columns:55px minmax(0,1fr);gap:14px}.summary-number{font-size:90px}.summary-items h3{font-size:25px}.summary-items p{font-size:16px}.result-summary .summary-heading h2{font-size:43px}}
@media(max-width:760px){.quick-result.result-summary{grid-template-columns:1fr;gap:30px;padding:30px 0}.result-summary .summary-heading{display:flex;gap:22px;justify-content:space-between;align-items:end}.result-summary .summary-heading h2{font-size:35px}.result-summary .summary-heading h2 br{display:none}.summary-heading p{margin:0;font-size:12px;text-align:right}.summary-items{grid-template-columns:1fr;gap:32px}.summary-items li{grid-template-columns:65px minmax(0,1fr);gap:18px}.summary-number{font-size:100px}.summary-items h3{font-size:27px;margin-top:3px}.summary-items p{font-size:17px}.quick-result.result-summary>.summary-option{grid-column:1;padding-top:23px}.result-summary .summary-option p{font-size:16px}}
@media(max-width:370px){.summary-heading p{font-size:11px}.result-summary .summary-heading h2{font-size:30px}.summary-items li{grid-template-columns:55px minmax(0,1fr);gap:15px}.summary-number{font-size:88px}.summary-items h3{font-size:25px}}
@media(max-width:900px){.quick-result.result-deliverables>.result-products{gap:28px}.result-product-title{gap:10px}.result-product-title h3{font-size:34px}.result-product-copy p{font-size:17px}}
@media(max-width:760px){.quick-result.result-deliverables{padding:35px 0}.result-deliverables .result-heading{margin-bottom:30px}.result-deliverables .result-heading h2{font-size:29px}.quick-result.result-deliverables>.result-products{grid-template-columns:1fr;gap:40px}.result-product-title h3{font-size:clamp(30px,8.4vw,43px)}.result-product-title{margin-bottom:18px}.result-product-copy{margin-top:20px}.result-product-copy strong{font-size:20px}.result-product-copy p{font-size:17px}.quick-result.result-deliverables>.result-extra{align-items:start;flex-direction:column;gap:22px;margin-top:30px}.result-example-note{font-size:12px}}
.free-demo-link { display: flex; flex-wrap: wrap; gap: 12px 30px; padding-top: 35px; font-size: 16px; }
@media(max-width:900px) and (min-width:761px){.pricing .price-option{gap:4%;grid-template-columns:1fr 1.15fr .7fr}.price-options h3{font-size:30px}.price-options .price{font-size:43px}.price-options .price-description p{font-size:17px}}
@media(max-width:760px){.pricing .price-option{grid-template-columns:minmax(0,1fr) auto;gap:24px 16px;padding:30px 0}.price-name{grid-column:1;grid-row:1}.price-amount{grid-column:2;grid-row:1}.price-description{grid-column:1/-1;grid-row:2}.price-options h3{font-size:30px}.price-options .eyebrow{font-size:9px;max-width:160px;margin-bottom:17px}.price-options .price{font-size:39px;letter-spacing:-.065em}.price-options del{display:block;font-size:21px;margin-bottom:5px}.price-promotion,.price-from{font-size:12px}.price-options .price-description p{font-size:17px}.free-demo-link{display:grid;gap:14px}}
.brand-case-materials { background: transparent; padding: 0; align-items: start; }
.brand-case-materials>.material-photo { min-width: 0; }
.material-photo .physical-example { margin-top: 16px; }
.secondary-application { border-top: 1px solid var(--ink); padding-top: 22px; margin-top: 16px; }
.secondary-application>p { font-size: 18px; margin-bottom: 20px; }
.secondary-application .artwork-transcript { margin-top: 0; }
.secondary-application .artwork-transcript summary { font-size: 16px; }
@media (max-width: 1100px) and (min-width: 761px) {
 .wordmark svg { width: 190px; }
 .hero-transport { padding-top: 195px; }
 .service-hero::before { width: 480px; height: 600px; top: -135px; right: -180px; }
}
@media (max-width: 760px) {
 .wordmark svg { width: 177px; }
 .hero-transport { padding-top: 0; }
 .service-hero::before { width: 300px; height: 375px; top: -30px; right: -150px; opacity: 1; }
 .hero-example-label { font-size: 10px; }
 .hero-newspaper figcaption strong { font-size: 22px; }
 .hero-newspaper figcaption p { font-size: 17px; }
 .quick-result::before { width: 95px; height: 85px; left: auto; right: 0; top: 20px; }
 .job-result { padding: 22px 16px; }
 .work-photo figcaption strong { font-size: 26px; }
 .work-photo figcaption p { font-size: 17px; }
 .deliverables article:last-child .optional-photo { margin-bottom: 25px; }
 .deliverables article:last-child .optional-photo>img { aspect-ratio: 4/3; }
 .closing::before { width: 390px; height: 370px; top: -10px; right: -185px; }
 .closing>.eyebrow { max-width: 210px; }
 .brand-case-materials, .brand-case:nth-of-type(odd) .brand-case-materials { padding: 0; }
}
.example-narrative .job-instructions>section{padding:0}
.example-narrative .job-instructions>section+section{margin-top:34px}
.example-narrative .job-instructions h3{font:700 25px/1.12 Arial,sans-serif;letter-spacing:-.04em;margin:0 0 16px}
.example-narrative .example-context h3{font-size:30px}
.example-narrative .job-instructions section>p{font-size:17px;line-height:1.6;color:var(--muted)}
.example-narrative .job-instructions strong{color:var(--ink)}
.example-narrative .prompt-with-file{border:1px solid var(--ink);border-left:4px solid var(--ink);padding:22px 24px;margin:22px 0 15px}
.example-narrative .job-instructions #job-prompt{margin:0;font-size:18px}
.example-narrative .brand-file-button{border-bottom:0;margin-top:23px;padding-bottom:0}
.example-narrative .brand-file-button .attachment-label{font-size:12px;font-weight:700;background:var(--signal);padding:3px 6px;width:fit-content}
.example-narrative .example-reading{border-top:1px solid var(--ink)!important;padding-top:26px!important}
.example-narrative #job-outcome{font-size:17px;margin-top:0}

@media(max-width:760px){.example-narrative .prompt-with-file{padding:18px 16px}.example-narrative .example-context h3{font-size:27px}.example-narrative .job-instructions h3{line-height:1.15}}
.worktable-context{max-width:700px;margin:32px 0 38px}
.worktable-context h3{font:700 clamp(25px,2.8vw,38px)/1.08 Arial,sans-serif;letter-spacing:-.045em;margin:0 0 12px}
.worktable-context p{font-size:18px;line-height:1.5;margin:0}
.job-workbench.visual-worktable{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;align-items:center}
.visual-worktable .job-instructions{align-self:center}
.assignment-slip{background:#fffdf6;padding:30px 28px 0;border:1px solid var(--ink);transform:rotate(-1.2deg);position:relative}
.slip-label{display:block;font-size:13px;margin-bottom:22px}
.visual-worktable .job-instructions #job-prompt{font:700 clamp(21px,2.1vw,28px)/1.25 Arial,sans-serif;letter-spacing:-.025em;margin:0 0 30px}
.visual-worktable .brand-file-button{background:var(--signal);margin:0 -15px -14px 0;padding:18px 15px;gap:12px;border:1px solid var(--ink);transform:rotate(2.2deg);width:calc(100% + 15px)}
.visual-worktable .brand-file-button:hover{transform:rotate(0deg) translateY(-3px);background:#edff84}
.visual-worktable .brand-file-button strong{font-size:19px}
.visual-worktable .brand-file-button>span>span{font-size:12px;line-height:1.5}
.visual-worktable .brand-file-button .attachment-label{font-size:12px}
.paperclip{font:400 48px/1 Georgia,serif;align-self:flex-start}
.handoff-sketch{margin:40px 0 12px 15%;display:flex;align-items:center;gap:12px}
.handoff-sketch p{font:500 26px/1.05 Caveat,cursive;transform:rotate(-4deg);flex-shrink:0}
.handoff-sketch svg{width:45%;height:90px;overflow:visible}
.handoff-sketch svg path{stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.annotated-result{min-width:0;position:relative;padding-bottom:52px}
.visual-worktable .job-result{position:static;transform:rotate(.7deg)}
.visual-worktable .result-notes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;position:relative;margin-top:-16px;margin-left:-22px;z-index:1}
.visual-worktable .result-notes li{font:500 23px/1.05 Caveat,cursive;background:var(--paper);border-bottom:1px solid var(--ink);padding:9px 12px;transform:rotate(-3deg);max-width:220px;display:flex;align-items:center;gap:9px}
.visual-worktable .result-notes li:nth-child(2){transform:rotate(2deg)}
.visual-worktable .result-notes li:nth-child(3){margin-left:auto;transform:rotate(-1deg)}
.note-swatch{display:inline-block;width:22px;height:22px;flex-shrink:0;border:1px solid var(--ink);transform:rotate(5deg)}
.visual-worktable button{transition:transform 180ms cubic-bezier(.2,.8,.2,1),background 180ms ease}
@media(max-width:760px){.job-workbench.visual-worktable{grid-template-columns:1fr;gap:15px}.worktable-context{margin:26px 0 30px}.worktable-context p{font-size:17px}.assignment-slip{padding:24px 22px 0;margin:0 10px 0 3px}.visual-worktable .job-instructions #job-prompt{font-size:23px}.handoff-sketch{margin:35px 0 0 15%;justify-content:space-between}.handoff-sketch svg{transform:rotate(65deg);width:100px;margin-right:30px}.visual-worktable .result-notes{margin-left:0;gap:4px}.visual-worktable .result-notes li{font-size:22px;max-width:200px}.annotated-result{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.visual-worktable button{transition:none}}
.process-handoff{padding-block:60px}
.process-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}
.process-heading h2{font:700 clamp(32px,4vw,54px)/1.02 Arial,sans-serif;letter-spacing:-.05em;margin:0}
.process-heading>p{max-width:330px;color:#d2d5c9;font-size:17px;line-height:1.5}
.handoff-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.handoff-steps>li{border-top:1px solid #f2efe640;padding-top:22px;min-width:0}
.handoff-step-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.handoff-number{font:700 28px/1 Arial,sans-serif;color:var(--signal);letter-spacing:-.05em}
.handoff-steps h3{font:700 clamp(21px,2vw,28px)/1.1 Arial,sans-serif;letter-spacing:-.04em;margin:0}
.handoff-direction{margin-left:auto;color:var(--signal);font-size:28px;line-height:1}
.handoff-steps p{font-size:17px;line-height:1.6;color:#d2d5c9}
@media(max-width:760px){.process-handoff{padding-block:40px}.process-heading{display:block;margin-bottom:28px}.process-heading>p{margin-top:20px}.handoff-steps{grid-template-columns:1fr;gap:25px}.handoff-step-heading{margin-bottom:13px}.handoff-steps h3{font-size:27px}.handoff-direction{transform:rotate(90deg);margin-right:8px}.handoff-number{font-size:28px}}
.delivery-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.delivery-item{min-width:0}
.delivery-purpose{font-size:16px;font-weight:700;margin-bottom:18px}
.delivery-preview{display:block;width:100%;height:430px;text-align:left;border:1px solid var(--ink);overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.delivery-preview:hover{transform:translateY(-4px)}
.file-preview{background:#fffdf6}
.document-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:13px 22px;font:12px/1.4 monospace;background:var(--signal)}
.document-body{display:grid;gap:14px;padding:25px 28px;font:14px/1.5 monospace}
.document-body>strong{font-size:25px;letter-spacing:-.04em}
.document-body>span:nth-of-type(odd){font-weight:700}
.guide-preview{background:#f2f0e9;color:#242621;padding:25px 28px}
.route-guide-brand{font:700 43px/.9 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.04em;display:flex;align-items:center;gap:6px}
.route-guide-brand b{background:#a74d32;color:white;padding:3px 5px;font-size:31px}
.route-guide-brand small{font:11px/1.3 Arial,sans-serif;letter-spacing:0;margin-left:auto}
.guide-preview-body{display:grid;gap:20px;margin-top:28px}
.guide-preview-body>strong{font:700 43px/.95 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.025em}
.guide-preview-body>span:not(.route-swatches):not(.route-type-sample){font-size:12px;font-weight:700}
.route-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.route-swatches>span{font-size:11px;line-height:1.4}
.route-swatches i{display:block;height:44px;border:1px solid #b8b8ad;margin-bottom:8px}
.route-type-sample{font:700 30px/.98 'Barlow Condensed',Arial,sans-serif}
.delivery-item h3{font:700 28px/1.1 Arial,sans-serif;letter-spacing:-.04em;margin:25px 0 12px}
.delivery-item>p{font-size:17px;line-height:1.6;max-width:460px;margin-bottom:17px}
.delivery-item>.text-link{font-size:15px}
.delivery-connection{border-bottom:1px solid var(--rule);padding:25px 0;font-size:16px;line-height:1.5;color:var(--ink)}
.delivery-connection>span{font-size:30px;vertical-align:middle;margin-right:10px}
.delivery-extra{display:grid;grid-template-columns:1fr 1.5fr;gap:15px 35px;padding:30px 0;border-bottom:1px solid var(--rule)}
.delivery-extra h3{font:700 25px/1.1 Arial,sans-serif;letter-spacing:-.035em;grid-row:span 2}
.delivery-extra p{font-size:17px;line-height:1.6}
.delivery-extra a{justify-self:start;font-size:14px}
.delivery-demo-note{font-size:13px;margin-top:20px}
.delivery-guide-dialog{margin:auto;width:min(960px,94vw);max-height:92vh;padding:0;border:1px solid #242621;background:#f2f0e9;color:#242621;overflow:auto}
.delivery-guide-dialog::backdrop{background:#20282080}
.guide-dialog-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 25px;border-bottom:1px solid #b8b8ad;background:#f2f0e9;position:sticky;top:0;z-index:1;font-size:13px}
.guide-dialog-content{padding:35px 45px}
.guide-dialog-content h2{font:700 clamp(40px,5vw,65px)/.98 'Barlow Condensed',Arial,sans-serif;margin:40px 0 18px;letter-spacing:-.025em}
.guide-dialog-content p{font-size:16px;line-height:1.6;color:#42473d}
.guide-dialog-content section{border-top:1px solid #b8b8ad;margin-top:30px;padding-top:25px}
.guide-dialog-content h3{font:700 28px/1.1 'Barlow Condensed',Arial,sans-serif;margin-bottom:20px}
.guide-dialog-content .route-swatches i{height:85px}
.guide-dialog-content .route-swatches strong,.guide-dialog-content .route-swatches code{display:block;margin-bottom:8px}
.guide-dialog-content .route-swatches p{font-size:14px}
.guide-fonts{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.guide-fonts span{font-size:12px;display:block;margin-bottom:18px}
.guide-fonts .route-type-sample{display:block;font-size:38px;margin-bottom:15px}
.guide-fonts .guide-arial-sample{font:700 22px/1.2 Arial,sans-serif;margin-bottom:15px;color:#242621}
.guide-dialog-content blockquote{font-size:23px;line-height:1.3;border-left:4px solid #a74d32;padding-left:20px;margin:20px 0}
.guide-dialog-content footer{margin-top:30px;border-top:1px solid #b8b8ad;padding-top:20px}
.guide-dialog-content footer p{font-size:13px;margin-bottom:15px}
@media(max-width:760px){.delivery-pair{grid-template-columns:1fr;gap:40px}.delivery-preview{height:410px}.document-body{font-size:13px;padding:24px 20px}.document-top{padding:13px 16px;font-size:11px}.guide-preview{padding:25px 20px}.delivery-extra{grid-template-columns:1fr;gap:16px}.delivery-extra h3{grid-row:auto}.delivery-connection{font-size:15px}.guide-dialog-bar{padding:15px;font-size:12px}.guide-dialog-content{padding:25px 20px}.guide-fonts{grid-template-columns:1fr}.guide-dialog-content .route-swatches{gap:10px}.guide-dialog-content .route-swatches strong{font-size:12px}.guide-dialog-content .route-swatches code{font-size:11px}.guide-dialog-content .route-swatches p{font-size:12px}.route-guide-brand small{font-size:10px}}
.md-info-block{margin-top:50px;padding:30px;border:1px solid var(--ink);border-left:4px solid var(--ink);background:#fffdf6}
.md-info-block .md-explainer{margin:0;padding:0;border:0}
.md-info-block #md-example{margin-bottom:0;max-width:100%;overflow-x:auto}
@media(max-width:760px){.md-info-block{margin-top:35px;padding:23px 18px}.md-info-block .md-explainer{grid-template-columns:45px minmax(0,1fr);gap:18px}.md-info-block .md-explainer h3{font-size:24px}}
@media(max-width:760px){.handoff-sketch{margin-left:5%;padding-right:25px}.handoff-sketch svg{width:75px;flex-shrink:1;margin-right:20px}.visual-worktable .job-result{transform:none}.visual-worktable .result-notes li{max-width:100%;box-sizing:border-box}}
@media(max-width:760px){.handoff-sketch{display:block;position:relative;min-height:100px;padding:0 95px 0 0;margin-left:5%}.handoff-sketch p{font-size:24px}.handoff-sketch svg{position:absolute;right:8px;top:0;width:65px;margin:0}.visual-worktable .brand-file-button strong{font-size:17px}}