.mg-stack{display:flex;flex-direction:column;gap:24px;min-width:0}.mg-row{display:flex;gap:24px;align-items:flex-start;min-width:0}.mg-row>*{min-width:0;flex:1}.mg-section{background:var(--color-canvas);border-bottom:1px solid var(--color-border)}.mg-section:nth-of-type(3n){background:var(--color-surface)}.mg-section p{font-size:16px;line-height:1.8;color:var(--color-text-secondary);max-width:var(--text-column)}.mg-section h2{font:400 var(--text-title)/1.25 var(--display);max-width:var(--text-column)}.mg-section h3{font:500 18px/1.5 var(--body);color:var(--color-text)}.mg-section .case-label{margin-bottom:0}.mg-section .case-label p,.mg-section .mg-eyebrow{font:700 12px/1.5 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.mg-section .case-label .mg-dot{display:none}.mg-card{padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);height:100%;gap:16px;transition:border-color var(--motion-duration),box-shadow var(--motion-duration)}.mg-card p{font-size:15px;line-height:1.75}.mg-card:hover{border-color:var(--color-border-hover)}.mg-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none;margin-top:10px}.mg-image{width:100%;height:auto;display:block;border-radius:var(--radius-media)}.mg-hero>.container>div:first-child{position:relative;padding:64px 48px;isolation:isolate;border-radius:var(--radius-card);overflow:hidden;min-height:300px;justify-content:center}.mg-hero-bg{position:absolute;inset:0;z-index:-1}.mg-hero-bg img{height:100%;width:100%;object-fit:cover;filter:brightness(.4)}.mg-hero h1{font:400 clamp(36px,4.5vw,52px)/1.15 var(--display);max-width:var(--text-column);color:var(--color-text)}.mg-hero h1+p,.mg-hero h1+div p{font-size:var(--text-subtitle);color:var(--color-text)}.magnum-page [data-name="info-grid"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.magnum-page [data-name="project-summary-grid"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.magnum-page [data-name="process-grid"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.magnum-page [data-name="process-card"]>p:first-child{font:400 40px/1 var(--display);color:var(--accent)}.magnum-page [data-name="learning-grid"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.magnum-page [data-name="impact-grid"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.magnum-page [data-name="icon-check"]{flex:none;width:24px;height:24px}.magnum-page [data-name="check"]{flex:none}.magnum-page [data-name="responsibilities-split"]{gap:48px}.magnum-page [data-name="left-column"],.magnum-page [data-name="right-column"]{flex:1}.magnum-page [data-name="left-column"]>.mg-row,.magnum-page [data-name="right-column"]>.mg-row{gap:12px}.magnum-page [data-name="ecommerce-grid"],.magnum-page [data-name="credito-grid"],.magnum-page [data-name="crm-grid"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.magnum-page [data-name^="credito-"]{min-width:0}.magnum-page [data-name="text-content"]>h2{margin-bottom:0}.magnum-page .mg-section [data-name="icon-container"]{background:var(--color-surface-warm);padding:12px;border-radius:var(--radius-control)}.magnum-page main img[src$=".svg"]{max-width:none;flex:none}.magnum-page .mg-section{scroll-margin-top:24px}.magnum-page .mg-card .mg-row{gap:12px}
@media(max-width:1000px){.magnum-page [data-name="info-grid"],.magnum-page [data-name="process-grid"],.magnum-page [data-name="impact-grid"]{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-hero>.container>div:first-child{padding:40px 32px}}
@media(max-width:767px){.mg-row{flex-wrap:wrap}.magnum-page [data-name="info-grid"],.magnum-page [data-name="project-summary-grid"],.magnum-page [data-name="process-grid"],.magnum-page [data-name="learning-grid"],.magnum-page [data-name="impact-grid"],.magnum-page [data-name="ecommerce-grid"],.magnum-page [data-name="credito-grid"],.magnum-page [data-name="crm-grid"]{grid-template-columns:1fr}.magnum-page [data-name="responsibilities-split"]{flex-direction:column;gap:24px}.mg-hero>.container>div:first-child{padding:32px 24px}.mg-card .mg-row{flex-wrap:nowrap}.mg-section .case-label{flex-wrap:nowrap}.mg-section h1{font-size:36px}}

.magnum-page #project-ecommerce>.container>.mg-stack>h3,.magnum-page #project-credito>.container>.mg-stack>h3,.magnum-page #project-crm>.container>.mg-stack>h3{font:400 var(--text-title)/1.25 var(--display);color:var(--accent)}@media(max-width:767px){.magnum-page .mg-section>.container>.mg-stack>.mg-row{flex-direction:column}.magnum-page .mg-section>.container>.mg-stack>.mg-row>*{width:100%}.magnum-page .mg-section .mg-row>.mg-row{flex-direction:column}}

.mg-hero-bg img{filter:brightness(.22)}.mg-number{font:400 40px/1 var(--display);color:var(--accent)}.magnum-page [data-name="process-card"]>div>p:first-child{font:500 18px/1.5 var(--body);color:var(--color-text)}
@media(max-width:767px){.magnum-page main .mg-row{flex-direction:column;align-items:stretch;flex-wrap:nowrap}.magnum-page main .mg-row>*{flex:auto;width:100%;min-width:0}.magnum-page main [data-name="left-column"]>.mg-row,.magnum-page main [data-name="right-column"]>.mg-row,.magnum-page main [data-name="impact-card"]{flex-direction:row;align-items:flex-start}.magnum-page main .mg-dot{width:6px;flex:none}.magnum-page main .case-label{flex-direction:row}.magnum-page main p,.magnum-page main h3{overflow-wrap:anywhere}}
.magnum-page main p,.magnum-page main h3{overflow-wrap:anywhere}.magnum-page [data-name="process-card"]>.mg-row>.mg-number{flex:none;width:auto}.magnum-page [data-name="process-card"]>.mg-row>.mg-stack{flex:1}.magnum-page [data-name="process-card"] .mg-number{font:400 40px/1 var(--display);color:var(--accent)}
/* Figma 52:33 review: restore the actual narrative and media proportions. */
.magnum-page .mg-section,.magnum-page .mg-section:nth-of-type(3n){background:var(--color-canvas);border-bottom:0}
.magnum-page #objetivos,.magnum-page #processo-ux,.magnum-page #aprendizados{background:var(--color-surface);border-block:1px solid var(--color-border)}
.magnum-page #project-credito,.magnum-page #project-crm{border-top:1px solid var(--color-border)}
.magnum-page .mg-hero{padding-block:48px}.mg-hero>.container{gap:48px}
.magnum-page .mg-hero>.container>div:first-child{padding:64px 72px;min-height:0;border-radius:var(--radius-media)}
.magnum-page .mg-hero h1{font-size:45px;line-height:1.3;max-width:none}.magnum-page .mg-hero h1+div p{max-width:none;font-size:22px;line-height:1.5}
.mg-hero-bg img{filter:none}.mg-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(243deg,#343434d9 9%,#000000d9 58%)}
.magnum-page [data-name="info-grid"]{gap:12px;align-items:stretch}.magnum-page [data-name="info-card"]{padding:20px;gap:8px;border-radius:12px;min-height:112px}.magnum-page [data-name="info-card"] p:not(.mg-eyebrow){font-size:14px;line-height:1.5}
.magnum-page #desafio{padding-top:24px;padding-bottom:64px}.magnum-page #contexto{padding-top:0}
.magnum-page [data-name="process-grid"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.magnum-page [data-name="process-card"]{gap:16px;height:100%}.magnum-page [data-name="process-card"]>div{gap:8px}.magnum-page [data-name="process-card"] h3{font:500 18px/1.5 var(--body)}
.magnum-page #solucoes-header{padding-bottom:32px}.magnum-page #project-ecommerce{padding-top:0}
.magnum-page #project-ecommerce h2,.magnum-page #project-credito h2,.magnum-page #project-crm h2{font:400 24px/1.3 'Anton',var(--display);color:var(--accent)}
.mg-ecommerce-layout{display:grid;grid-template-columns:minmax(0,366fr) minmax(0,722fr);gap:40px;align-items:start}
.magnum-page [data-name="ecommerce-grid"],.magnum-page [data-name="credito-grid"],.magnum-page [data-name="crm-grid"]{display:flex;flex-direction:column;gap:24px;min-width:0}
.mg-detail-card{border:1px solid var(--color-border);border-radius:var(--radius-media);padding:24px;gap:12px;background:var(--color-surface)}
.magnum-page .mg-detail-card h3{font:400 18px/1.4 'Anton',var(--display);text-transform:uppercase;color:var(--accent)}
.magnum-page .mg-detail-card p{font-size:15px;line-height:1.65}
.mg-two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.mg-two-cards>.mg-row{display:block}.mg-two-cards .mg-detail-card{height:100%}
.mg-credit-layout{display:grid;grid-template-columns:minmax(0,525fr) minmax(0,571fr);gap:24px;align-items:start}
.mg-crm-layout{display:grid;grid-template-columns:minmax(0,430fr) minmax(0,666fr);gap:24px;align-items:start}
.magnum-page [data-name="image 98"]{aspect-ratio:722/358;overflow:hidden;border-radius:var(--radius-media)}.magnum-page [data-name="image 98"] img{width:100%;height:100%;object-fit:cover}
.magnum-page [data-name="image 99"] img{aspect-ratio:571/545;object-fit:cover}
.magnum-page [data-name="image 101"]{aspect-ratio:430/338;overflow:hidden;border-radius:var(--radius-media);position:relative}.magnum-page [data-name="image 101"]>div{height:100%}.magnum-page [data-name="image 101"] img{max-width:none;width:113.78%;height:100%;object-fit:fill;object-position:left;position:absolute;left:-.02%;top:.07%}
.magnum-page [data-name="learning-grid"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.magnum-page [data-name="learning-card"]{padding:24px;gap:12px}.magnum-page [data-name="learning-card"]>div{gap:12px}.magnum-page [data-name="learning-card"] [data-name="icon-container"]{padding:8px 12px}.magnum-page [data-name="learning-card"] [data-name="icon-container"] p{font-weight:700;color:var(--color-text);font-size:15px;line-height:1.5}
.magnum-page [data-name="impact-grid"]{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.magnum-page [data-name="impact-card"]{grid-column:span 3;gap:12px;padding:20px;align-items:flex-start}.magnum-page [data-name="impact-card"]:nth-child(-n+3){grid-column:span 4}.magnum-page [data-name="impact-card"] p{font-size:14px;line-height:1.6}
@media(max-width:1000px){.magnum-page .mg-hero>.container>div:first-child{padding:40px}.magnum-page .mg-hero h1{font-size:40px}.mg-ecommerce-layout{grid-template-columns:1fr 1.5fr;gap:24px}.magnum-page [data-name="learning-grid"]{grid-template-columns:repeat(2,minmax(0,1fr))}.magnum-page [data-name="impact-card"],.magnum-page [data-name="impact-card"]:nth-child(-n+3){grid-column:span 6}.magnum-page [data-name="process-grid"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.magnum-page .mg-hero>.container>div:first-child{padding:32px 24px}.magnum-page .mg-hero h1{font-size:36px;line-height:1.2}.magnum-page .mg-hero h1+div p{font-size:18px;line-height:1.65}.mg-ecommerce-layout,.mg-credit-layout,.mg-crm-layout,.mg-two-cards{grid-template-columns:1fr;gap:24px}.magnum-page [data-name="process-grid"],.magnum-page [data-name="learning-grid"]{grid-template-columns:1fr}.magnum-page [data-name="impact-card"],.magnum-page [data-name="impact-card"]:nth-child(-n+3){grid-column:1/-1}.magnum-page [data-name="info-grid"]{grid-template-columns:1fr}.magnum-page .mg-detail-card{padding:24px}.magnum-page #project-ecommerce>.container>.mg-stack>.mg-ecommerce-layout{display:flex;flex-direction:column}.magnum-page #project-ecommerce>.container>.mg-stack>.mg-ecommerce-layout>*{width:100%}}
.magnum-page .mg-stack>h2+p{margin-top:0}.magnum-page [data-name="text-content"]{gap:16px}.magnum-page .mg-stack>h3+p{margin-top:0}

/* Refine impact icons, learning emphasis and CRM media alignment. */
.magnum-page [data-name="impact-card"]{display:flex;align-items:flex-start;gap:12px}
.magnum-page [data-name="impact-card"] [data-name="icon-check"]{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:22.4px;margin:0}
.magnum-page [data-name="impact-card"] [data-name="check"]{display:flex;align-items:center;justify-content:center;line-height:0}
.magnum-page [data-name="impact-card"] [data-name="check"] img{display:block}
.magnum-page [data-name="impact-card"]>p{margin:0;flex:1;min-width:0;line-height:1.6}
.magnum-page [data-name="learning-card"] [data-name="icon-container"]{background:var(--color-surface-warm);border-left:3px solid var(--accent);border-radius:0 var(--radius-control) var(--radius-control) 0}
.magnum-page [data-name="learning-card"] [data-name="icon-container"] p{color:var(--accent);font-weight:700}
.mg-crm-layout{align-items:stretch}
.magnum-page [data-name="image 101"]{aspect-ratio:auto;min-height:338px;height:100%;align-self:stretch}
.magnum-page [data-name="image 101"] img{height:100%;top:0;object-fit:cover;object-position:left center}
@media(max-width:767px){.magnum-page [data-name="image 101"]{height:auto;aspect-ratio:430/338;min-height:0}.magnum-page [data-name="impact-card"] [data-name="icon-check"]{width:24px;flex:0 0 24px}}
/* Preserve the map's horizontal framing while extending the screenshot vertically. */
.magnum-page [data-name="image 101"] img{object-fit:fill}

/* Ecommerce image extends to the bottom of the two adjacent text blocks. */
.mg-ecommerce-layout{align-items:stretch}
.magnum-page [data-name="image 98"]{aspect-ratio:auto;min-height:358px;height:100%;align-self:stretch}
.magnum-page [data-name="image 98"] img{height:100%;width:100%;object-fit:fill}
@media(max-width:767px){.magnum-page [data-name="image 98"]{height:auto;min-height:0;aspect-ratio:722/358}}

/* Hero reference: original screenshot above a separate text panel. */
.magnum-page .mg-hero>.container>.mg-hero-panel:first-child{display:block;position:relative;min-height:0;padding:0;overflow:hidden;border-radius:var(--radius-media);background:var(--color-surface);isolation:auto}
.mg-hero-panel .mg-hero-media{display:block;width:100%;overflow:hidden;line-height:0}
.mg-hero-panel .mg-hero-media img{display:block;width:100%;height:auto;max-width:100%;filter:brightness(.82)}
.magnum-page .mg-hero-copy{padding:28px 48px 32px;display:flex;flex-direction:column;gap:16px;background:var(--color-surface)}
.magnum-page .mg-hero .mg-hero-copy h1{margin:0;font:400 clamp(28px,3vw,36px)/1.25 var(--display);color:var(--color-text);max-width:none}
.magnum-page .mg-hero .mg-hero-copy p{margin:0;font:400 16px/1.7 var(--body);max-width:none;color:var(--color-text-secondary)}
@media(max-width:767px){.magnum-page .mg-hero-copy{padding:24px;gap:16px}.magnum-page .mg-hero .mg-hero-copy h1{font-size:28px;line-height:1.25}.magnum-page .mg-hero .mg-hero-copy p{font-size:16px}}