/* Example 02 · Incoming orders. Same rig as the email example: copy beside three stacked cards, art on the left. */
.intake-example-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.intake-example-copy{order:2;min-width:0}
.intake-example-copy>p:not(.example-eyebrow){font-size:17px;line-height:1.7;max-width:400px;margin-top:25px}
.intake-example-note{display:block;font-size:13px;color:#674181;margin-top:22px}
.intake-example-art{order:1;min-width:0;padding:20px 0;position:relative}
.intake-example-art [hidden]{display:none!important}
.intake-formats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px 4%}
.intake-formats button{border:1px solid #c9b8d4;border-radius:999px;background:#ffffff80;color:#5f5767;font-size:13px;padding:7px 15px;min-height:36px;transition:background .2s,color .2s}
.intake-formats button[aria-pressed=true]{background:#674181;border-color:#674181;color:#fff}
.intake-formats button:disabled{cursor:default}
.intake-incoming,.intake-draft{border:1px solid #dccfe4;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 14px 35px #4427540f}
.intake-incoming{width:86%;transform:rotate(-2.5deg);margin-bottom:24px}
.intake-window-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 19px;background:#faf7fc;border-bottom:1px solid #e9e1ee;font-size:13px;color:#674181}
.intake-window-bar span:last-child{font-size:12px;color:#706978}
.intake-card-body{padding:22px 23px;font-size:16px;line-height:1.6}
.intake-meta{display:block;font-size:12px;color:#706978;margin-bottom:10px}
/* The retailer's document keeps its own typeface: not your format, not your sheet. */
.intake-po table{width:100%;border-collapse:collapse;font-size:14px;font-family:Georgia,'Times New Roman',serif}
.intake-po th{font:400 11px/1.4 var(--text);letter-spacing:.06em;text-transform:uppercase;color:#82768b;text-align:left;padding:0 0 6px;border-bottom:1px solid #e9e1ee}
.intake-po td{padding:9px 0;border-bottom:1px solid #f0eaf3}
.intake-po td:nth-child(n+2),.intake-po th:nth-child(n+2){text-align:right}
.intake-po p{font-size:13px;color:#706978;margin-top:12px}
.intake-photo{padding:18px;background:linear-gradient(160deg,#3b3540,#241f28);min-height:172px;display:grid;place-items:center}
.intake-photo-slip{background:#fdfcfa;color:#242428;padding:16px 20px;border-radius:2px;transform:rotate(-4deg);box-shadow:0 12px 30px #00000055;font-family:Georgia,'Times New Roman',serif;display:grid;gap:4px;min-width:210px}
.intake-photo-slip span{font:400 11px/1.4 var(--text);letter-spacing:.08em;text-transform:uppercase;color:#82768b}
.intake-photo-slip b{font-weight:400;font-size:17px}
.intake-photo-slip i{font-size:14px;color:#674181}
.intake-match{position:relative;width:70%;margin-left:auto;margin-bottom:-14px;transform:rotate(2.5deg);background:#674181;color:#fff;border-radius:8px;padding:17px 22px 32px;z-index:1;box-shadow:0 18px 40px #67418130}
.intake-match>span{font-size:12px;color:#e5d3ef}
.intake-match dl{margin:12px 0 0;display:grid;gap:8px}
.intake-match dl>div{display:flex;justify-content:space-between;gap:14px;font-size:14px;line-height:1.4;border-top:1px solid #ffffff2a;padding-top:8px}
.intake-match dt{color:#d9c4e6;min-width:0;overflow-wrap:anywhere}
.intake-match dd{margin:0;text-align:right;white-space:nowrap}
.intake-match dd i{font-style:normal;margin-left:6px;color:#e5d3ef}
.intake-draft{width:94%;margin-left:3%;position:relative;z-index:2}
.intake-row{margin:0;display:grid;grid-template-columns:1fr 1.5fr .7fr .9fr 1fr;border:1px solid #e5dfea;border-radius:5px;overflow:hidden;background:#fcfbfd}
.intake-row>div{min-width:0;border-right:1px solid #e5dfea}
.intake-row>div:last-child{border-right:0}
.intake-row dt{font-size:11px;background:#f4eff8;padding:8px 10px;color:#6c6672}
.intake-row dd{margin:0;font-size:13px;padding:11px 10px;line-height:1.5;overflow-wrap:anywhere}
.intake-flag dd{background:#f1e8f6;color:#674181}
.intake-flag dd i{font-style:normal;color:#9b7aad;margin-left:4px}
.intake-draft-footer{border-top:1px solid #e9e1ee;margin-top:18px;padding-top:14px;font-size:12px;color:#706978;display:flex;justify-content:space-between;gap:15px}
.intake-draft-footer b{font-weight:500;color:#674181}
.intake-draft-footer>span:last-child{color:#674181;white-space:nowrap}
.intake-art-caption{font-size:12px;color:#706978;margin:18px 3% 0;line-height:1.5}
.intake-example-art.is-switching .intake-incoming:not([hidden]){animation:intake-arrival .45s var(--ease)}
@keyframes intake-arrival{from{opacity:.35;transform:rotate(-2.5deg) translateY(8px)}to{opacity:1;transform:rotate(-2.5deg)}}
html:not(.enhanced) .intake-formats{display:none}
html.reduce-motion .intake-incoming{animation:none!important}
/* The service diagram now points at the matching example. */
.service-example-link{display:inline-flex;align-items:center;gap:10px;margin-top:4px;min-height:36px;font-size:13px;color:#674181;text-decoration:underline;text-underline-offset:4px}
.service-example-link>span:last-child{text-decoration:none;font-size:16px}
@media(min-width:761px) and (max-width:1100px){.intake-example-layout{gap:35px}.intake-example .section-title{font-size:47px}.intake-card-body{padding:18px}.intake-match{width:76%}}
@media(max-width:1100px){.intake-row{grid-template-columns:1fr 1fr}.intake-row>div{border-bottom:1px solid #e5dfea;margin-bottom:-1px}.intake-row>div:nth-child(2n){border-right:0}.intake-row dt,.intake-row dd{padding-inline:12px}}
@media(max-width:760px){
 .intake-example-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch}
 .intake-example-copy,.intake-example-art{order:0}
 .intake-example-copy>p:not(.example-eyebrow){font-size:16px;margin-top:23px}
 .intake-example-note{font-size:13px}
 .intake-example-art{padding-top:5px}
 .intake-formats{margin-left:2%}
 .intake-incoming{width:92%;margin-left:2%;margin-bottom:20px}
 .intake-window-bar{padding:12px 15px;font-size:13px}
 .intake-card-body{padding:19px;font-size:15px}
 .intake-photo{min-height:150px}
 .intake-match{width:82%;padding:17px 17px 28px;margin-bottom:-8px}
 .intake-draft{width:97%;margin-left:1.5%}
 .intake-draft-footer{flex-wrap:wrap}
 .intake-art-caption{margin-inline:2%}
}
@media(max-width:360px){.intake-formats button{padding:6px 12px;font-size:12px}.intake-row dd{font-size:12px}}