:root{--red:#ff4a1f;--ink:#000;--cream:#fbf8f3;--blue:#0d5685}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;background:rgba(251,248,243,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(0,0,0,.04)}
.logo{font-size:38px;font-weight:900;letter-spacing:-2px;text-decoration:none;color:#000;line-height:.9}.dot{color:var(--red)}.tag{display:block;font-size:11px;font-weight:400;letter-spacing:3px;margin-top:10px}.nav{display:flex;align-items:center;gap:32px}.nav a,.menu-btn{font-size:13px;text-decoration:none;color:#111;background:none;border:0;cursor:pointer}.nav a.active{border-bottom:3px solid var(--red);padding-bottom:7px}.menu-btn{font-size:28px}.drawer{position:fixed;right:0;top:105px;width:min(390px,90vw);background:#fff;z-index:30;padding:25px 30px;box-shadow:0 12px 35px #0003;display:none}.drawer.open{display:block}.drawer a{display:block;padding:15px 0;color:#111;text-decoration:none;border-bottom:1px solid #ddd;font-size:14px}.page-shot{display:block;width:min(100%,1024px);height:auto;margin:0 auto;background:white}.shot-wrap{background:white}.footer{padding:55px 7vw 45px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:center;background:var(--cream);border-top:1px solid #ddd}.hand{font-family:'Bradley Hand','Segoe Print',cursive;color:#12699a;font-size:24px;line-height:1.25}.foot-center{text-align:center}.foot-logo{font-size:28px;font-weight:900}.legal a{color:#333;text-decoration:none;font-size:11px;margin:0 7px}.note{max-width:900px;margin:0 auto;padding:18px 25px;background:#fff7d6;font-size:13px;line-height:1.45}.original-frame{width:100%;height:calc(100vh - 105px);border:0;background:white}
@media(max-width:820px){.site-header{height:82px;padding:0 20px}.logo{font-size:29px}.tag{font-size:8px;letter-spacing:2px}.nav a{display:none}.menu-btn{display:block}.drawer{top:82px}.footer{grid-template-columns:1fr;text-align:center}.hand{font-size:20px}.page-shot{width:100%}}

/* Version 26: unified MACHBAR logo with claim */
.logo{display:block;width:270px;max-width:34vw;line-height:1}
.logo .machbar-logo-img{display:block;width:100%;height:auto}
@media(max-width:820px){.logo{width:205px;max-width:58vw}}

/* Version 28 master header */
.site-header{height:105px;padding:0 7vw}
.logo{width:270px;max-width:34vw}
.nav a,.menu-btn{font-family:Arial,Helvetica,sans-serif;font-size:14.333px;font-variant:small-caps;font-weight:400}
@media(max-width:820px){.nav a,.menu-btn{font-size:13px}.logo{width:205px;max-width:58vw}}
/* Version 28: reveal following content on START */
.start-top{max-height:calc(100vh - 255px);object-fit:cover;object-position:center top}

/* Version 28 correction: identical MACHBAR logo size in header and footer */
.logo{width:370px;max-width:38vw}
@media(max-width:820px){.logo{width:260px;max-width:62vw}}

/* Version 30: compact, symmetric master frame */
.site-header{height:90px}
.drawer{top:90px}
.original-frame{height:calc(100vh - 90px)}
@media(max-width:820px){
  .site-header{height:82px}
  .drawer{top:82px}
  .original-frame{height:calc(100vh - 82px)}
}


/* Version 34: mobile navigation and header correction */
@media(max-width:820px){
  .site-header{height:76px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;overflow:visible!important}
  .logo{width:210px!important;max-width:calc(100vw - 76px)!important;min-width:0!important}
  .logo .machbar-logo-img{width:100%!important;height:auto!important;display:block!important}
  .nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:0!important}
  .nav a{display:none!important}
  .menu-btn{display:block!important;flex:0 0 44px!important;width:44px!important;height:44px!important;padding:0!important;font-size:28px!important;line-height:44px!important;text-align:center!important;color:#111!important}
  .drawer{top:76px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100vh - 76px)!important;overflow-y:auto!important;padding:12px 22px 22px!important;background:#fff!important;box-shadow:0 12px 30px #0002!important}
  .drawer a{padding:16px 2px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.25!important}
  .original-frame{height:calc(100vh - 76px)!important}
  .start-top{max-height:none!important;object-fit:contain!important}
}
@media(max-width:380px){.logo{width:190px!important}.site-header{padding:0 12px!important}}

/* Version 35: on tablet/phone, content after the compact cream footer is white rather than appearing as footer space */
@media(max-width:900px){body{background:#fff}}