/* Master wireframe system: user-approved PixelMagic Studios homepage visual language. */
html{scroll-behavior:smooth}
body.pm-master-page{margin:0;background:#faf9f5;color:#0b1a37;font-family:Arial,sans-serif}
.pm-master-page .pm-header{position:relative;z-index:50;min-height:76px;padding:10px clamp(20px,3.8vw,56px);background:#fcfbf8;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e6e2d9;box-shadow:none;flex-wrap:nowrap}
.pm-master-page .pm-logo{display:flex;align-items:center;gap:18px;text-decoration:none;color:#06080e;min-width:258px;font:27px/1 Georgia,serif;letter-spacing:.20em}
.pm-master-page .pm-logo small{display:block;font:15px/1.5 Georgia,serif;letter-spacing:.42em;margin-top:3px}
.pm-master-page .pm-knight{font-size:62px;line-height:.8;letter-spacing:0;color:#050505}
.pm-master-page .nav-links{margin:0 auto;display:flex;gap:clamp(16px,2.6vw,42px);flex-wrap:nowrap}
.pm-master-page .nav-links a{font:10px/1.4 Arial,sans-serif;letter-spacing:.15em;color:#0d2344;border:0;padding:12px 0;white-space:nowrap;text-decoration:none;text-transform:uppercase}
.pm-master-page .nav-links a:hover,.pm-master-page .nav-links a[aria-current=page]{color:#355c95;text-decoration:underline;text-underline-offset:5px}
.pm-master-page .pm-enter{background:#061021;color:white!important;border:1px solid #d2c9bb;min-width:172px;text-align:center;padding:14px 15px;white-space:nowrap;letter-spacing:.14em;text-decoration:none;font:10px Arial,sans-serif;text-transform:uppercase}
.pm-master-page .pm-enter span{font-size:18px;padding-left:10px}
.pm-master-hero{position:relative;min-height:350px;overflow:hidden;background:#fbfaf7;display:flex;align-items:center}
.pm-master-hero-art{position:absolute;inset:0 0 0 23%;background:url('assets/homepage-build/01_home_hero.png') 52% 49%/cover no-repeat}
.pm-master-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fbfaf7 0%,rgba(251,250,247,.98) 20%,rgba(251,250,247,.83) 40%,rgba(251,250,247,.2) 66%,transparent 80%)}
.pm-master-hero-copy{position:relative;z-index:2;padding:45px clamp(24px,5vw,70px);max-width:700px}
.pm-master-kicker{font:11px Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#17345d;margin:0 0 15px}
.pm-master-hero h1{font:clamp(38px,5.6vw,70px)/1.03 Georgia,serif;letter-spacing:-.035em;text-transform:uppercase;color:#10203a;margin:0 0 15px}
.pm-master-hero h1 em{color:#335a93;font-style:normal}
.pm-master-hero-copy p:last-child{max-width:475px;font:15px/1.55 Arial,sans-serif;color:#2a466d;margin:0}
.pm-master-page>main{background:#faf9f5;min-height:240px}
.pm-master-page main h1,.pm-master-page main h2,.pm-master-page main h3{font-family:Georgia,serif}
.pm-master-page main a:not(.pm-button){text-underline-offset:3px}
.pm-master-page .paper{background:#fffdf8;border-color:#e2d9c9;color:#273b59}
.pm-master-page .preview-page{background:#faf9f5}
.pm-master-page .preview-panel,.pm-master-page .below .card,.pm-master-page .preview-card{background:#fffdf9;border:1px solid #e3dfd5;box-shadow:0 8px 24px #0713290a}
.pm-master-page .art-frame{display:none!important} /* remove old full-page screenshot mockup UI; native HTML below remains */
.pm-master-page .pm-end{min-height:250px;background:#05142c url('assets/homepage-build/08_celestial_footer.png') center 58%/cover no-repeat;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;padding:32px clamp(22px,4.5vw,62px);color:white}
.pm-master-page .pm-end-side{font:11px/2.1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;text-shadow:0 1px 6px #001}
.pm-master-page .pm-end-side.right{text-align:right}
.pm-master-page .pm-end-main{text-align:center;padding-top:50px}
.pm-master-page .pm-end-main h2{font:clamp(23px,2.5vw,33px)/1.25 Georgia,serif;letter-spacing:.025em;text-shadow:0 1px 10px #06132e;margin:0;color:white}
.pm-master-page .pm-end-main span{display:block;border-top:1px solid #d7d3ca;width:56px;margin:16px auto}
.pm-master-page .pm-foot{padding:18px 25px;background:#061021;color:#d6d8dd;text-align:center;font:11px Arial,sans-serif;letter-spacing:.09em}
.pm-master-page .pm-foot a{color:#f6f4f0;text-decoration:none;margin:0 8px}
.pm-master-page main .container,.pm-master-page main.container{max-width:1100px;margin-left:auto;margin-right:auto}
@media(max-width:1000px){.pm-master-page .pm-logo{min-width:205px;font-size:21px;gap:10px}.pm-master-page .pm-knight{font-size:49px}.pm-master-page .pm-logo small{font-size:12px}.pm-master-page .nav-links{gap:18px}.pm-master-page .pm-enter{min-width:130px;font-size:9px}}
@media(max-width:740px){.pm-master-page .pm-header{flex-wrap:wrap;padding:14px 18px;gap:10px}.pm-master-page .pm-logo{min-width:auto}.pm-master-page .nav-links{order:3;width:100%;justify-content:space-between;gap:8px}.pm-master-page .pm-enter{margin-left:auto}.pm-master-hero{min-height:330px}.pm-master-hero-art{inset:0;background-position:47% 50%}.pm-master-hero:before{background:linear-gradient(90deg,rgba(251,250,247,.98),rgba(251,250,247,.89) 55%,rgba(251,250,247,.28))}.pm-master-hero-copy{padding:36px 24px}.pm-master-page .pm-end{grid-template-columns:1fr;gap:15px;text-align:center}.pm-master-page .pm-end-side,.pm-master-page .pm-end-side.right{text-align:center}.pm-master-page .pm-end-main{padding-top:12px;order:-1}}
@media(max-width:420px){.pm-master-page .nav-links a{font-size:9px}}