/* Original Enfamil enrollment work, presented as an archived case study. */
.enf-card{background:#e9dfcd;color:#394535}
.enf-card:before{content:'';position:absolute;width:340px;height:340px;right:-25px;top:65px;border-radius:50%;border:1px solid #d0c5ac}
.enf-card-screens{position:absolute;inset:65px 30px 60px;display:flex;justify-content:center;align-items:center;gap:27px}
.enf-card-screens>img{height:100%;width:auto;max-width:44%;object-fit:contain;box-shadow:5px 10px 20px #423d2a20;transform:rotate(-5deg)}
.enf-card-screens>img+img{transform:rotate(5deg);margin-top:20px}
.enf-card .art-foot{font-size:9px}
.enf-intro{grid-template-columns:1.1fr 1fr;gap:70px}
.enf-intro .case-heading h1{font-size:clamp(45px,4.8vw,66px)}
.enf-motion{margin:0;min-width:0}
.enf-motion video{display:block;width:100%;height:auto;aspect-ratio:700/688;background:#e5e4e0}
.enf-motion figcaption{font-size:9px;line-height:1.8;margin-top:12px;color:var(--muted)}
.enf-facts{margin-bottom:0}
.enf-story h2{font-size:45px}
.enf-story .case-story-copy p+p{margin-top:18px}
.enf-flow{background:#e7e8df}
.enfamil-page .section-top h2{font-size:46px}
.enfamil-page .section-intro{max-width:330px;line-height:1.85}
.enf-screen-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.enf-screen-grid figure{margin:0;min-width:0}
.enf-screen{position:relative;display:block;width:100%;padding:0;background:#fff;box-shadow:0 8px 20px #2430230b}
.enf-screen img{display:block;width:100%;height:auto}
.enf-screen>span{position:absolute;right:9px;bottom:9px;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;background:#f5f1e9ed;font-size:16px}
.enf-screen-grid figcaption{margin-top:18px}
.enf-screen-grid figcaption>span{font:16px var(--serif);font-style:italic;color:#76806b}
.enf-screen-grid h3{font:21px/1.3 var(--serif);margin-top:9px}
.enf-source-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:30px}
.enf-full-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.enf-layout-copy>.eyebrow{margin-bottom:20px}
.enf-layout-copy h2{font-size:46px}
.enf-layout-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:20px}
.enf-layout-copy>p.case-lead{font-size:18px;line-height:1.8;color:var(--ink);margin-top:26px}
.enf-layout-copy .text-link{margin-top:25px}
.enf-scroll-figure{margin:0;background:#eae5d8;padding:30px;min-width:0}
.enf-scroll-window{max-height:620px;overflow-y:auto;max-width:375px;margin-inline:auto;overscroll-behavior:contain;box-shadow:0 4px 20px #252d2714}
.enf-scroll-window:focus-visible{outline:2px solid var(--rust);outline-offset:6px}
.enf-scroll-window>img{width:100%;height:auto;display:block}
.enf-scroll-figure figcaption{font-size:9px;line-height:1.8;color:var(--muted);margin-top:18px;text-align:center}
.enf-outcome{padding-block:75px;background:#e9dfcb}
.enf-outcome-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;max-width:1000px}
.enf-stat{padding-right:45px;border-right:1px solid #cabea7;text-align:center}
.enf-stat strong{font:130px/1 var(--serif);color:var(--rust)}
.enf-stat strong>span{font-size:70px}
.enf-stat p{font-size:16px;line-height:1.7;margin-top:12px;color:#625d51}
.enf-outcome .eyebrow{margin-bottom:18px}
.enf-outcome h2{font-size:42px}
.enf-outcome p:not(.eyebrow){font-size:14px;line-height:1.9;color:#625d51;margin-top:20px}
.enf-outcome p.enf-result-note{font-size:10px;line-height:1.8}
#enf-viewer{width:min(700px,calc(100% - 40px));max-height:94vh}
.enf-viewer-shell{padding:22px 30px}
.enf-viewer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px}
.enf-viewer-top h2{font:25px/1.3 var(--serif);letter-spacing:0}
.enf-viewer-close{display:flex;align-items:center;gap:16px;background:none;padding:5px 0;font-size:11px;flex-shrink:0}
.enf-viewer-close>span{font-size:26px}
#enf-viewer-image{display:block;width:auto;height:auto;max-width:100%;max-height:72vh;margin-inline:auto}
.enf-viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px}
.enf-viewer-controls button{background:none;font-size:12px;padding:6px 0}
.enf-viewer-controls p{font-size:10px;color:var(--muted)}
@media(max-width:1100px){.enf-intro{gap:45px}.enf-intro .case-heading h1{font-size:54px}.enf-screen-grid{gap:16px}.enf-screen-grid h3{font-size:19px}.enf-full-layout{gap:55px}.enf-outcome-grid{gap:60px}.enf-outcome h2{font-size:38px}}
@media(max-width:850px){.enf-intro{gap:30px}.enf-intro .case-heading h1{font-size:46px;letter-spacing:-1.2px}.enf-intro .case-heading>p:not(.eyebrow){font-size:13px}.enf-screen-grid{grid-template-columns:repeat(3,1fr);gap:30px 20px}.enf-full-layout{gap:35px}.enf-layout-copy h2,.enfamil-page .section-top h2,.enf-story h2{font-size:39px}.enf-layout-copy>p:not(.eyebrow){font-size:13px}.enf-layout-copy>p.case-lead{font-size:16px}.enf-scroll-figure{padding:20px}.enf-stat{padding-right:30px}.enf-stat strong{font-size:95px}.enf-stat strong>span{font-size:50px}.enf-outcome-grid{gap:35px}}
@media(max-width:620px){.enf-intro{grid-template-columns:1fr;padding-block:42px 32px;gap:30px}.enf-intro .case-heading h1{font-size:47px;letter-spacing:-1.3px}.enf-intro .case-heading>p:not(.eyebrow){font-size:14px}.enf-motion figcaption{font-size:8px}.enf-facts{gap:20px 15px}.enf-story{grid-template-columns:1fr;gap:25px}.enf-story h2,.enfamil-page .section-top h2,.enf-layout-copy h2{font-size:37px}.enf-screen-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}.enf-screen-grid figure:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.enf-screen-grid h3{font-size:21px}.enf-screen-grid figcaption{margin-top:14px}.enf-screen-grid figcaption>span{font-size:14px}.enf-source-note{font-size:9px;margin-top:24px}.enf-full-layout{grid-template-columns:1fr;gap:30px}.enf-layout-copy>p.case-lead{font-size:17px}.enf-layout-copy>p:not(.eyebrow){font-size:13px}.enf-scroll-figure{padding:20px}.enf-scroll-window{max-height:510px}.enf-outcome{padding-block:55px}.enf-outcome-grid{grid-template-columns:1fr;gap:35px}.enf-stat{border-right:0;border-bottom:1px solid #cabea7;padding:0 0 30px;display:flex;align-items:center;gap:25px;justify-content:center;text-align:left}.enf-stat strong{font-size:90px}.enf-stat strong>span{font-size:48px}.enf-stat p{font-size:13px;margin:0}.enf-outcome h2{font-size:37px}.enf-outcome p:not(.eyebrow){font-size:13px}#enf-viewer{width:calc(100% - 24px)}.enf-viewer-shell{padding:15px 18px 18px}.enf-viewer-top{gap:14px}.enf-viewer-top h2{font-size:21px}.enf-viewer-close{font-size:10px;gap:8px}#enf-viewer-image{max-height:67vh}.enf-viewer-controls button{font-size:11px}}
