/* Photoshop design reconstruction, scoped to new sections only */
.mrg-designed{background:#050505;color:#fff;font-family:Arial,"Hiragino Kaku Gothic ProN",sans-serif;text-align:center;overflow:hidden}
.mrg-designed *{box-sizing:border-box}
.mrg-designed h2,.mrg-designed h3,.mrg-designed p{margin:0}
.mrg-designed .md-label{font-size:11px;color:#e3f51c;letter-spacing:.19em;font-weight:bold}
.md-about{background:#171717;padding:24px 12px 28px}
.md-about-card{border-radius:12px;background:linear-gradient(#0009,#000b),url('../assets/images/new-about-photo.jpg') center/cover;padding:20px 12px 18px}
.md-about-card h2{font-size:19px;margin:8px 0 10px}
.md-about-card p:not(.md-label){font-size:12px;line-height:1.6}
.md-about-card .md-description{font-size:10px!important;margin-top:13px!important}
.md-brush{color:#ecf319;font-family:"ta-oonishi",cursive;font-size:24px;transform:rotate(-5deg);margin:18px 0 17px!important}
.md-theme{background:linear-gradient(#000a,#000a),url('../assets/images/new-theme-photo.jpg') center/cover;border-radius:9px;padding:24px 10px}
.md-theme h2{font-size:19px;margin:7px 0 10px}
.md-theme p:last-child{font-size:12px;line-height:1.65}
.md-feature{padding:29px 12px 23px}
.md-feature>h2{font-size:19px;margin:8px 0 14px}
.md-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 10px}
.md-grid article{min-width:0}
.md-grid img{display:block;width:100%;aspect-ratio:2.08;object-fit:cover;border-radius:7px}
.md-grid h3{font-size:13px;margin:4px 0 1px}
.md-grid p{font-size:9px}
.md-how{padding:17px 12px 35px}
.md-how>h2{font-size:20px;margin:6px 0 3px}
.md-intro{font-size:11px;margin:0 0 23px!important}
.md-steps{display:grid;gap:25px}
.md-steps article{position:relative;border:1px solid #859c05;padding:13px 14px 15px}
.md-number{position:absolute;top:-18px;left:8px;background:#050505;padding:0 4px;font-size:31px;line-height:1}
.md-steps img{display:block;width:82%;aspect-ratio:1.75;object-fit:cover;border-radius:5px;margin:0 auto 8px}
.md-steps h3{font-size:18px;margin:3px 0 6px}
.md-steps p{font-size:12px;line-height:1.5;margin:0 auto 11px;max-width:90%}
.md-outline,.md-line{display:block;border-radius:40px;padding:10px 8px;text-align:center;text-decoration:none}
.md-outline{border:1px solid white;color:white;font-size:12px}
.md-line{background:linear-gradient(#e7ff00,#c6ff00 30%,#00c900 85%);color:black;font-size:16px;font-weight:bold}
.md-gallery{background:linear-gradient(#10191dd9,#10191de8),url('../assets/images/new-gallery-1.jpg') center/cover;padding:28px 0 29px}
.md-gallery>h2{font-size:18px;margin:0 8px 10px}
.md-gallery>p{font-size:11px;line-height:1.65;margin:0 10px 16px}
.md-gallery-wrap{position:relative}
.md-gallery-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 38px}
.md-gallery-track::-webkit-scrollbar{display:none}
.md-gallery-track img{width:85%;flex:0 0 85%;aspect-ratio:1.65;object-fit:cover;border-radius:9px;scroll-snap-align:center}
.md-gallery-prev,.md-gallery-next{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#0008;color:white;width:29px;height:40px;font-size:30px;cursor:pointer}
.md-gallery-prev{left:2px}.md-gallery-next{right:2px}
@media(min-width:761px){.mrg-designed{max-width:520px;margin:0 auto}}

/* 2026-10-27: fix text baked into reference-image crops and STEP 03 overflow */
.md-about-card{background-image:linear-gradient(#0006,#0009),url('../assets/images/new-about-photo.jpg');background-position:center;background-size:cover}
.md-theme{background-image:linear-gradient(#0006,#0009),url('../assets/images/new-theme-photo.jpg');background-position:center;background-size:cover}
.md-steps article{min-width:0;overflow:visible}
.md-steps article img{object-position:center;max-width:100%;height:auto;aspect-ratio:1.75;object-fit:cover}
.md-steps article h3{overflow-wrap:anywhere;line-height:1.35}
.md-steps article p{overflow-wrap:anywhere}
.md-steps article:last-child{padding-bottom:17px}
.md-steps article:last-child .md-line{width:100%;margin:8px auto 0;white-space:normal;line-height:1.45}
@media(max-width:420px){.md-steps article{padding-left:12px;padding-right:12px}.md-steps article:last-child h3{font-size:clamp(14px,4.3vw,18px)}}

/* Final clean backgrounds supplied by designer */
.md-about-card{background-image:url("../assets/images/about.png")!important;background-position:center!important;background-size:cover!important;}
.md-theme{background-image:url("../assets/images/theme.png")!important;background-position:center!important;background-size:cover!important;}


/* Photoshop reference: ABOUT / THEME text alignment and proportions */
.md-about{padding:24px 18px 27px!important;background:#181818}
.md-about-card{min-height:252px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 18px!important;border-radius:12px}
.md-about-card .md-label,.md-theme .md-label{font-size:14px!important;letter-spacing:.18em!important;line-height:1.3}
.md-about-card h2{font-size:clamp(19px,4.8vw,27px)!important;line-height:1.35;margin:12px 0 13px!important}
.md-about-card p:not(.md-label){font-size:clamp(12px,3.25vw,17px)!important;line-height:1.55!important;font-weight:600}
.md-about-card .md-description{font-size:clamp(10px,2.65vw,13px)!important;line-height:1.5!important;margin-top:16px!important;font-weight:600}
.md-brush{font-size:clamp(25px,6.3vw,35px)!important;line-height:1.3;margin:20px 0 20px!important}
.md-theme{min-height:195px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 16px!important}
.md-theme h2{font-size:clamp(19px,4.7vw,27px)!important;line-height:1.4;margin:12px 0 15px!important}
.md-theme p:last-child{font-size:clamp(12px,3.3vw,17px)!important;line-height:1.55!important;font-weight:600}
@media(min-width:761px){
.md-about-card h2,.md-theme h2{font-size:27px!important}
.md-about-card p:not(.md-label),.md-theme p:last-child{font-size:17px!important}
.md-about-card .md-description{font-size:13px!important}
.md-brush{font-size:35px!important}
}

/* FINAL: photographic composition; centered headings and centered, left-aligned copy blocks. */
.mrg-designed .md-about{padding:24px 15px 25px!important;background:#101010!important}
.mrg-designed .md-about-card{min-height:310px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;padding:26px 20px!important;border-radius:13px!important;background-image:url('../assets/images/about.png')!important;background-size:cover!important;background-position:center!important}
.mrg-designed .md-about-card .md-label,.mrg-designed .md-theme .md-label{display:block!important;text-align:center!important;font-size:14px!important;letter-spacing:.2em!important;line-height:1.4!important}
.mrg-designed .md-about-card h2,.mrg-designed .md-theme h2{display:block!important;text-align:center!important;font-size:clamp(21px,5.3vw,27px)!important;line-height:1.4!important;margin:13px 0 20px!important;white-space:normal!important}
.mrg-designed .md-about-card .md-about-lead{display:table!important;max-width:100%!important;margin:0 auto 22px!important;text-align:left!important;font-size:clamp(12px,3.15vw,16px)!important;line-height:1.7!important;font-weight:600!important}
.mrg-designed .md-about-card .md-description{display:table!important;max-width:100%!important;margin:0 auto!important;text-align:left!important;font-size:clamp(10px,2.45vw,12.5px)!important;line-height:1.7!important;font-weight:600!important}
.mrg-designed .md-brush{transform:none!important;rotate:none!important;display:block!important;text-align:center!important;font-size:clamp(22px,5.6vw,31px)!important;line-height:1.4!important;margin:19px 0 23px!important;white-space:nowrap!important}
.mrg-designed .md-theme{min-height:260px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;padding:25px 16px!important;border-radius:12px!important;background-image:url('../assets/images/theme.png')!important;background-size:cover!important;background-position:center!important}
.mrg-designed .md-theme .md-theme-copy{display:table!important;max-width:100%!important;margin:3px auto 0!important;text-align:left!important;font-size:clamp(12px,3.1vw,16px)!important;line-height:1.7!important;font-weight:600!important}
@media(min-width:761px){.mrg-designed .md-about-card h2,.mrg-designed .md-theme h2{font-size:27px!important}.mrg-designed .md-about-card .md-about-lead,.mrg-designed .md-theme .md-theme-copy{font-size:16px!important}.mrg-designed .md-about-card .md-description{font-size:12.5px!important}.mrg-designed .md-brush{font-size:31px!important}}
@media(max-width:390px){.mrg-designed .md-about-card{padding-left:12px!important;padding-right:12px!important}.mrg-designed .md-about-card .md-description{font-size:9.5px!important}.mrg-designed .md-brush{font-size:clamp(19px,5.2vw,23px)!important}}