.delivery-page,.works-page{max-width:1320px;padding:30px 36px 64px}.delivery-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;margin-bottom:20px}.delivery-topline .text-link{font-size:14px}.delivery-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.delivery-heading h1{font-size:clamp(28px,2.8vw,38px);line-height:1.35}.delivery-heading p{font-size:15px;color:var(--muted);line-height:1.7;margin-top:10px;overflow-wrap:anywhere}.delivery-heading p span{display:inline-block;margin-left:14px;font-size:13px}.delivery-actions{display:flex;gap:10px;flex-shrink:0}.delivery-actions .button{font-size:14px;padding:12px 17px;min-height:44px}.button:disabled{opacity:.45;cursor:not-allowed}.delivery-demo-note{font-size:13px;line-height:1.7;color:#867652;border-left:2px solid #d2bf92;padding-left:10px;margin-bottom:24px}.delivery-progress{border:1px solid #d7e1d0;background:#edf3e6;border-radius:10px;padding:19px 22px;margin-bottom:26px}.delivery-stages{display:flex;gap:32px;align-items:center;font-size:14px;color:#96a08e}.delivery-stages .complete{color:#5a7b4e}.delivery-stages .active{color:var(--ink);font-weight:600}.delivery-stages strong{margin-left:auto;font-size:15px;color:var(--ink);font-weight:500}.delivery-progress-track{height:3px;border-radius:3px;background:#dbe4d1;margin:16px 0 12px;overflow:hidden}.delivery-progress-track>span{display:block;height:100%;background:#5e8350;transition:width .4s}.delivery-progress>p{font-size:14px;color:var(--muted);line-height:1.7}.delivery-progress small{font-size:12px;color:#7e8b78;margin-left:8px}.delivery-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.delivery-card{border:1px solid #dce3d7;border-radius:10px;background:white;overflow:hidden}.delivery-wide{grid-column:1/-1}.delivery-card-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;gap:10px}.delivery-card-heading strong{font-size:16px;font-weight:600}.delivery-card-heading span{font-size:13px;color:var(--muted)}.delivery-visual{aspect-ratio:1;background:#f1f4ed;position:relative;display:flex;align-items:center;justify-content:center;border-block:1px solid #e5eadd}.delivery-visual>button{width:100%;height:100%;display:block;padding:0}.delivery-visual img{width:100%;height:100%;object-fit:contain;display:block}.delivery-wide .delivery-visual{aspect-ratio:16/9;max-height:520px;background:#f8f8f4}.delivery-wide:not(.is-complete) .delivery-visual{max-height:240px}.delivery-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:10px}.delivery-placeholder h3{font:500 18px var(--sans)}.delivery-placeholder p{font-size:14px;color:var(--muted)}.delivery-placeholder .spinner{width:32px;height:32px;margin-bottom:8px}.queued-number{font:400 44px var(--serif);line-height:1;color:#aabb9d;margin-bottom:8px}.delivery-error-mark{border:1px solid #d9b7a0;color:#aa7250;font:400 24px var(--serif);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;margin-bottom:8px}.delivery-placeholder .button{font-size:13px;min-height:40px;margin-top:8px}.delivery-card-footer{padding:13px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:51px}.delivery-card-footer>span{font-size:12px;color:var(--muted)}.delivery-card-footer>div{display:flex;gap:16px;align-items:center;font-size:14px}.delivery-card-footer .text-link{font-size:14px;border:0;padding:0}.delivery-analysis{margin-top:30px}.delivery-analysis summary{font-size:16px}.delivery-analysis p{font-size:15px;line-height:1.8;margin:16px 0;color:var(--muted);overflow-wrap:anywhere}.delivery-next{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.delivery-next h2{font-size:26px}.delivery-next p{font-size:15px;line-height:1.7;color:var(--muted);max-width:710px;margin-top:10px}.delivery-next .button{font-size:14px;flex-shrink:0}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.work-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.work-preview{display:block;width:100%;height:250px;padding:12px;background:#eff3e8}.work-preview img{width:100%;height:100%;object-fit:contain}.work-card>div{padding:22px}.work-tag{color:var(--muted);font-size:13px}.work-card h2{font:500 19px var(--sans);line-height:1.6;margin:10px 0;overflow-wrap:anywhere}.work-card p{color:var(--muted);font-size:13px}.work-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:16px;padding-top:10px}.work-actions .text-link,.work-actions .quiet-link{font-size:14px}.works-disclosure,.saved-work-note{color:var(--muted);font-size:14px;line-height:1.8;margin:26px 0}.delivery-edit-image{width:100%;height:220px;object-fit:contain;background:#f2f4ed;margin-bottom:18px;border-radius:8px}
@media(max-width:1100px){.delivery-heading{align-items:start;flex-direction:column;gap:18px}.delivery-card-footer{align-items:start;flex-direction:column;gap:8px}.delivery-card-footer>div{width:100%;justify-content:space-between}.delivery-next{align-items:start;flex-direction:column}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.delivery-page,.works-page{padding:24px 18px 48px}.delivery-topline{font-size:12px;flex-wrap:wrap}.delivery-topline>span{overflow-wrap:anywhere}.delivery-heading h1{font-size:28px}.delivery-heading p span{display:block;margin:5px 0 0}.delivery-actions{width:100%}.delivery-actions .button{flex:1;padding:12px 9px}.delivery-progress{padding:16px}.delivery-stages{flex-wrap:wrap;gap:12px 18px;font-size:13px}.delivery-stages strong{width:100%;margin:0;font-size:14px}.delivery-progress small{display:block;margin:5px 0 0}.delivery-gallery{grid-template-columns:1fr;gap:18px}.delivery-wide{grid-column:auto}.delivery-wide .delivery-visual{max-height:none}.delivery-wide:not(.is-complete) .delivery-visual{aspect-ratio:auto;min-height:230px}.delivery-card-footer{flex-direction:row;align-items:center}.delivery-card-footer>div{width:auto}.delivery-card-heading span{font-size:13px}.delivery-next h2{font-size:24px}.works-grid{grid-template-columns:1fr}.work-preview{height:280px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}.delivery-progress-track>span{transition:none}}
