/* Fourth portfolio project: a wide feature card after the original three. */
.home-page .mgpugpt-card{grid-column:1/-1}
.home-page .mgpugpt-card>a{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;background:linear-gradient(115deg,#201216,#101014 72%)}
.home-page .mgpugpt-card .work-visual{aspect-ratio:1200/630;min-height:0;height:auto;border:0}
.home-page .mgpugpt-card .work-visual>img{width:100%;height:100%;object-fit:contain}
.home-page .mgpugpt-card .work-copy{padding:clamp(25px,3.2vw,50px)}
.home-page .mgpugpt-card .work-copy p{max-width:440px;line-height:1.8}
.home-page .mgpugpt-card .work-title h3{font-size:clamp(27px,3vw,42px)}
.home-page .mgpugpt-card .work-category{color:#f49ea9}
.case-page.mgpugpt{--mg-accent:#f2a6b0}
.mgpugpt .case-title-row h1{font-size:clamp(43px,7.3vw,110px)}
.mgpugpt .case-tagline{max-width:760px}
.mg-cover{margin:34px 0 0;border:1px solid #ffffff24;background:#101014;overflow:hidden}
.mg-cover>img{display:block;width:100%;height:auto}
.mg-cover figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 25px;border-top:1px solid #ffffff17;font-size:11px;letter-spacing:.06em}
.mg-cover figcaption>span{color:#b6acb1;display:flex;align-items:center;gap:9px}
.mg-cover i{width:6px;height:6px;border-radius:100%;background:#e98191;box-shadow:0 0 14px #ed7688}
.mg-cover a{color:#f6d1d7;text-decoration:none}
.mgpugpt .case-about-lead{line-height:1.85}
.mg-showcase{display:grid;gap:28px}
.mg-workspace{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:50px;padding:clamp(25px,4vw,58px);border:1px solid #ffffff24;background:radial-gradient(ellipse at 100% 0,#59243028,transparent 65%),#101014}
.mg-workspace h3,.mg-use-cases h3,.mg-details h3{font-size:clamp(23px,2.7vw,36px);line-height:1.4;letter-spacing:-.04em;margin:20px 0;font-weight:500}
.mg-showcase em{color:var(--mg-accent);font-style:normal}
.mg-workspace-copy>p,.mg-use-cases p,.mg-details p{font-size:14px;line-height:1.9;color:#b8b0b6;max-width:550px;margin:15px 0}
.mg-demo{background:#15151a;border:1px solid #ffffff29;border-radius:12px;box-shadow:0 24px 80px #0006;overflow:hidden;min-width:0}
.mg-demo-bar{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #ffffff12;font-size:13px}
.mg-demo-bar small{margin-left:auto;font-size:8px;letter-spacing:.1em;color:#a29aa1}
.mg-demo-user{padding:20px;margin:24px 22px 15px 45px;border:1px solid #ffffff17;background:#ffffff05;border-radius:12px 12px 2px 12px}
.mg-demo-user p{font-size:13px;line-height:1.8;color:#e5dfe4;margin:14px 0 0}
.mg-attachment{font-size:11px;color:#f1bdc7}
.mg-demo-answer{padding:14px 24px 20px}
.mg-mini-label{font-size:9px;letter-spacing:.12em;color:#b5a7af}
.mg-demo-answer ol{list-style:none;counter-reset:steps;margin:15px 0 23px;padding:0}
.mg-demo-answer li{counter-increment:steps;display:flex;align-items:center;gap:12px;font-size:12px;padding:8px 0;color:#d0c7cd}
.mg-demo-answer li:before{content:counter(steps,decimal-leading-zero);font-size:9px;color:#ef9caa;border:1px solid #f196a52b;width:26px;height:26px;display:grid;place-items:center;border-radius:50%}
.mg-output{display:flex;align-items:center;gap:14px;background:#ef9caa08;border:1px solid #ef9caa38;padding:18px 14px;border-radius:8px}
.mg-output>span{font-size:9px;letter-spacing:.04em;color:#f3b5c0;border:1px solid #ef9caa40;padding:12px 6px;border-radius:3px}
.mg-output strong{display:block;font-size:12px;font-weight:500;line-height:1.6}
.mg-output small{display:block;font-size:10px;color:#a59aa3;margin-top:3px}
.mg-output>b{margin-left:auto;color:#f3b5c0;font-size:22px;font-weight:400}
.mg-demo-note{font-size:9px;line-height:1.6;color:#9b9199;padding:0 24px 20px;margin:0}
.mg-use-cases{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mg-use-cases article{padding:clamp(25px,4vw,50px);border:1px solid #ffffff20;background:linear-gradient(145deg,#20171b,#111115)}
.mg-use-cases article:nth-child(2){background:radial-gradient(ellipse at 100% 100%,#70273733,transparent 70%),#111115}
.mg-use-cases h3{font-size:clamp(29px,3.5vw,49px)}
.mg-file-types{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}
.mg-file-types span{font-size:9px;letter-spacing:.05em;padding:8px 10px;border:1px solid #ffffff26;color:#cdbfc8}
.mg-details{padding:clamp(25px,4vw,50px);border:1px solid #ffffff20;background:#111115}
.mg-details-title{margin-bottom:32px}
.mg-details details{border-top:1px solid #ffffff1c}
.mg-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;padding:22px 0;font-size:clamp(14px,1.4vw,18px);line-height:1.5}
.mg-details summary::-webkit-details-marker{display:none}
.mg-details summary>span{font-size:23px;color:#e8a5b1;font-weight:300;transition:transform .2s}
.mg-details details[open] summary>span{transform:rotate(45deg)}
.mg-details details p{margin:0 0 24px;max-width:850px}
.mg-details summary:focus-visible,.mg-visit:focus-visible,.mg-cover a:focus-visible{outline:2px solid #ef9caa;outline-offset:4px}
.mg-availability{font-size:12px;color:#a99ea6;line-height:1.8;margin:0}
.mg-visit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 36px;background:linear-gradient(110deg,#382027,#191317);border:1px solid #ed9baa40;text-decoration:none;color:#f7e6eb}
.mg-visit small{display:block;font-size:9px;letter-spacing:.1em;color:#c3a9b3;margin-bottom:12px}
.mg-visit strong{font-size:clamp(25px,4vw,45px);font-weight:500;letter-spacing:-.04em}
.mg-visit>b{font-size:40px;font-weight:300;transition:transform .2s}
.mg-visit:hover>b{transform:translate(3px,-3px)}
@media(max-width:900px){.mg-workspace{grid-template-columns:1fr;gap:24px}.mg-demo{max-width:600px;width:100%;justify-self:center}.home-page .mgpugpt-card>a{grid-template-columns:1.1fr 1fr}}
@media(max-width:760px){.home-page .mgpugpt-card>a{display:block}.home-page .mgpugpt-card .work-copy{padding:25px}.mg-cover{margin-top:24px}.mg-cover figcaption{flex-wrap:wrap;padding:15px;font-size:9px;gap:12px}.mg-showcase,.mg-use-cases{gap:18px}.mg-use-cases{grid-template-columns:1fr}.mg-demo-user{margin:20px 15px 10px 25px;padding:15px}.mg-demo-bar{padding:16px}.mg-demo-answer{padding:12px 16px 18px}.mg-output{gap:10px;padding:14px 10px}.mg-output strong{font-size:11px}.mg-visit{padding:25px}.mgpugpt .case-intro-row{gap:20px}.mgpugpt .case-tags{flex-wrap:wrap}.mg-details summary{padding:19px 0}}
@media(prefers-reduced-motion:reduce){.mg-showcase *{transition:none!important}}