/* Illustrated business sections requested in the November reference review. */
.business-scenes { background: #fffbf6; scroll-margin-top: 110px; }
.business-scenes *, .business-scenes *::before, .business-scenes *::after { box-sizing: border-box; }
.scene-soft-band { background: radial-gradient(ellipse at 30% 70%, #ffe5d94a, transparent 70%), #fff3e8; }
.scene-overview-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); align-items:center; gap:56px; }
.scene-overview-layout > *, .scene-brand-layout > *, .scene-collaboration-layout > * { min-width:0; }
.scene-storyboard { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; border:9px solid white; border-radius:38px; overflow:hidden; background:white; box-shadow:0 14px 40px #8f65491c; }
.scene-storyboard figure { margin:0; position:relative; min-width:0; overflow:hidden; border-radius:18px; }
.scene-storyboard img { width:100%; height:auto; aspect-ratio:1.18; object-fit:cover; display:block; }
.scene-storyboard figcaption { position:absolute; top:12px; left:10px; right:10px; width:fit-content; max-width:calc(100% - 20px); padding:7px 12px; border-radius:24px; color:#6d3f29; background:#fff8eeed; font-size:13px; font-weight:900; line-height:1.35; }
.scene-storyboard figcaption b { display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#c97964; color:white; margin-right:4px; }
.scene-illustration-note { margin:12px 4px 0; color:#987a67; font-size:10px; line-height:1.5; }
.scene-card-grid { display:grid; gap:20px; align-items:stretch; }
.scene-card-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.scene-card-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.scene-card-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.scene-info-card { min-width:0; border:1px solid #f1d8ca; border-radius:28px; background:linear-gradient(135deg,#fffdf9,#fff3ec); box-shadow:0 8px 22px #95634610; overflow:visible; position:relative; }
.scene-info-card:nth-child(4n+2) { background:linear-gradient(135deg,#fffdf9,#f2f8e9); }
.scene-info-card:nth-child(4n+3) { background:linear-gradient(135deg,#fffdf9,#fff5e8); }
.scene-info-card:nth-child(4n+4) { background:linear-gradient(135deg,#fffdf9,#fff0f4); }
.scene-card-photo { position:relative; padding:5px 5px 0; }
.scene-card-photo img { display:block; width:100%; height:auto; aspect-ratio:1.4; object-fit:cover; border-radius:23px 23px 7px 7px; }
.scene-step-number { position:absolute; top:16px; left:16px; padding:6px 15px; border:2px solid #fff; border-radius:22px; color:white; background:#fa8179; font:900 24px 'Nunito',sans-serif; }
.scene-info-card:nth-child(2) .scene-step-number { background:#9aba82; }.scene-info-card:nth-child(3) .scene-step-number { background:#edc567; color:#7a4a26; }
.scene-card-copy { display:flex; align-items:flex-start; gap:13px; padding:23px 21px 25px; }
.scene-card-copy > div { min-width:0; }
.scene-card-icon { flex:0 0 39px; width:39px; height:39px; border-radius:50%; display:grid; place-items:center; background:#ffe6d8; color:#d2785d; font-size:24px; }
.scene-card-copy h3 { margin:0 0 9px; font-size:20px; line-height:1.25; color:#653d28; font-weight:900; }
.scene-card-copy p { margin:0; font-size:13px; line-height:1.75; color:#856954; }
.scene-card-copy small { display:block; font-size:10px; line-height:1.6; margin-top:18px; color:#a0806c; }
.four .scene-card-copy { display:block; padding:20px; }.four .scene-card-icon { margin-bottom:12px; }.four .scene-card-copy h3 { font-size:19px; }
.scene-connected .scene-info-card:not(:last-child)::after { content:'→'; position:absolute; z-index:1; right:-26px; top:30%; width:34px; height:34px; display:grid; place-items:center; border:3px solid #fff8f0; border-radius:50%; background:#ffe2ce; color:#c77e58; font-size:24px; }
.scene-workflow { background:radial-gradient(ellipse at 50% 80%,#ffe9d55e,transparent 70%),#fffcf8; }
.scene-brand-layout { display:grid; grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr); gap:38px; align-items:center; }
.scene-brand-intro h2 { color:#643b28; font-size:clamp(30px,3.3vw,46px); font-weight:900; line-height:1.16; margin:14px 0; }.scene-brand-intro h2 em { color:#f07870; }
.scene-brand-intro p { color:#927565; font-size:14px; line-height:1.8; }
.scene-brand-intro > img { width:100%; height:auto; aspect-ratio:2.25; object-fit:cover; border-radius:25px; display:block; margin:22px 0; }
.scene-brand-intro .btn { font-size:13px; }
.scene-brief-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.scene-brief-grid article { display:flex; align-items:center; gap:14px; padding:10px; border-radius:23px; border:1px solid #f1dbce; background:#fffbf6; box-shadow:0 5px 15px #9563460a; min-width:0; }
.scene-brief-grid article > img { width:37%; height:145px; object-fit:cover; border-radius:16px; flex-shrink:0; }
.scene-brief-grid article > div { min-width:0; }
.scene-brief-number { font-size:14px; color:#b86750; background:#ffe4d4; padding:3px 7px; border-radius:14px; }
.scene-brief-grid h3 { font-size:15px; line-height:1.3; margin:9px 0 6px; color:#653d28; }.scene-brief-grid p { font-size:11px; line-height:1.65; color:#856954; margin:0; }
.scene-collaboration-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:55px; align-items:center; }
.scene-range-art { margin:0; padding:9px; background:#fff; border-radius:39px; box-shadow:0 12px 32px #95634618; }.scene-range-art img { display:block; width:100%; height:auto; aspect-ratio:1.5; object-fit:cover; border-radius:31px; }
.scene-advantages .scene-card-photo img { aspect-ratio:2.65; }.scene-advantages .scene-card-copy { padding:22px 28px 28px; }.scene-advantages .scene-card-icon { width:57px; height:57px; flex-basis:57px; font-size:32px; }
.scene-support-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:22px; margin-top:30px; border:1px solid #f1d8ca; border-radius:26px; background:#fff3ec; text-align:center; font-size:14px; font-weight:850; color:#77482f; }
.scene-terms-link { display:block; margin:16px auto 0; font-size:13px; color:#b65d44; }
@media(max-width:1150px) { .scene-overview-layout { gap:30px; }.scene-card-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); }.scene-connected .scene-info-card:nth-child(2)::after { display:none; }.scene-brand-layout { grid-template-columns:1fr; }.scene-brand-intro > img { max-width:640px; }.scene-brief-grid article > img { height:150px; }.scene-card-copy { padding:19px 16px; gap:10px; }.scene-card-copy h3 { font-size:18px; } }
@media(max-width:850px) { .scene-overview-layout,.scene-collaboration-layout { grid-template-columns:1fr; gap:30px; }.scene-card-grid.three { grid-template-columns:1fr; }.three .scene-card-photo img { aspect-ratio:2; }.scene-support-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }.scene-collaboration-layout .editorial-copy { order:0; } }
@media(max-width:570px) { .scene-card-grid.four,.scene-card-grid.two,.scene-brief-grid { grid-template-columns:1fr; }.scene-card-grid { gap:22px; }.scene-connected .scene-info-card::after { display:none!important; }.scene-storyboard { border-width:6px; gap:5px; border-radius:27px; }.scene-storyboard figure { border-radius:13px; }.scene-storyboard img { aspect-ratio:.95; }.scene-storyboard figcaption { font-size:10px; top:7px; left:5px; right:5px; padding:5px 7px; max-width:calc(100% - 10px); }.scene-storyboard figcaption b { width:18px; height:18px; margin-right:1px; }.scene-card-photo img,.three .scene-card-photo img { aspect-ratio:1.6; }.scene-advantages .scene-card-photo img { aspect-ratio:1.8; }.four .scene-card-copy { display:flex; padding:22px; }.four .scene-card-icon { margin:0; }.scene-card-copy h3,.four .scene-card-copy h3 { font-size:21px; }.scene-card-copy p { font-size:13px; }.scene-brief-grid article > img { width:35%; height:140px; }.scene-brief-grid h3 { font-size:17px; }.scene-brief-grid p { font-size:12px; }.scene-brand-intro .btn { max-width:100%; white-space:normal; text-align:center; }.scene-advantages .scene-card-copy { padding:22px; }.scene-advantages .scene-card-icon { flex-basis:43px; width:43px; height:43px; font-size:25px; }.scene-support-strip { padding:18px 12px; font-size:12px; }.scene-range-art { padding:6px; border-radius:28px; }.scene-range-art img { border-radius:23px; aspect-ratio:1.25; } }