/* B: WELCOME -> this introduction -> PICKUP. Desktop keeps photo and copy separate; mobile layers use the black photo margins. */
.fm-home .fmm-entry,.fmm-entry{margin:44px auto;max-width:1240px;padding:0 40px;box-sizing:border-box}
.fmm-entry .fmm-banner{display:grid!important;grid-template-columns:1.15fr 1fr;align-items:center;min-height:260px;max-width:none;margin:0;padding:0;background:#020611;color:#fff!important;text-decoration:none!important;position:relative;overflow:visible;isolation:isolate}
.fmm-entry .fmm-banner:after{content:none!important}
.fmm-entry *{box-sizing:border-box}
.fmm-entry .fmm-banner-copy{display:block;position:static;padding:26px 32px;z-index:auto;font:14px/1.8 'Yu Gothic',Meiryo,sans-serif}
.fmm-entry .fmm-banner-kicker{display:block;font:10px/1.6 sans-serif;letter-spacing:.15em;color:#c7dddd;margin:0 0 10px}
.fmm-entry .fmm-banner-title{font:400 26px/1.55 'Yu Mincho',serif!important;letter-spacing:.035em;text-wrap:initial;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none;color:#fff}
.fmm-entry .fmm-banner-title:before,.fmm-entry .fmm-banner-title:after{content:none!important}
.fmm-entry .fmm-banner-title>span{display:block}
.fmm-entry .fmm-banner-desc{font:14px/1.8 'Yu Gothic',Meiryo,sans-serif;color:#e2e9eb;margin:0 0 16px!important;padding:0}
.fmm-entry .fmm-banner-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.fmm-entry .fmm-banner-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;padding:11px 16px;background:#e5f0ee;color:#233b3d;font:13px/1.5 sans-serif;text-decoration:none;white-space:nowrap}
.fmm-entry .fmm-banner-meta{font:11px/1.6 sans-serif;color:#c7d7db;white-space:nowrap}
.fmm-entry .fmm-banner>.fmm-banner-photo{position:static!important;inset:auto;display:block;width:100%!important;height:auto!important;max-height:280px;object-fit:contain!important;object-position:center!important;margin:0;padding:0;z-index:auto}
.fmm-entry .fmm-banner:focus-visible{outline:3px solid #65b4bd;outline-offset:4px}
.fmm-entry .fmm-banner:hover .fmm-banner-cta{background:#fff}
.fmm-menu-entry{margin:0 0 20px;padding:0}
.fmm-entry-link--menu{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:8px 4px;border-bottom:1px solid #d8e3e1;color:#35575a;font:14px/1.6 'Yu Gothic',Meiryo,sans-serif;text-decoration:none}
.fmm-entry-link--menu span{font-size:16px}
.fmm-entry-link--footer{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.fmm-entry-link:focus-visible{outline:2px solid #517e98;outline-offset:3px}
/* Mobile: full-width photo layer, smooth charcoal shading, and a clear text layer.
   The photo's black margins can underlap text, while both fish stay unobscured. */
@media(max-width:650px){
 .fm-home .fmm-entry,.fmm-entry{padding:0 18px;margin:30px auto}
 .fmm-entry .fmm-banner{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:20px 22px;background:#080c0f;overflow:hidden}
 .fmm-entry .fmm-banner:after{content:""!important;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(25,29,32,.88),rgba(25,29,32,.10) 30%,rgba(25,29,32,.04) 53%,rgba(25,29,32,.82) 77%,rgba(25,29,32,.96))}
 .fmm-entry .fmm-banner-copy{display:contents}
 .fmm-entry .fmm-banner-heading{grid-column:1;grid-row:1;min-width:0;position:relative;z-index:2}
 .fmm-entry .fmm-banner-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:8px}
 .fmm-entry .fmm-banner-title{font-size:20px!important;line-height:1.55!important;letter-spacing:0;margin:0!important}
 .fmm-entry .fmm-banner-end{display:inline}
 .fmm-entry .fmm-banner>.fmm-banner-photo{grid-column:1;grid-row:2;position:relative!important;inset:auto;width:calc(100% + 44px)!important;max-width:none;height:auto!important;max-height:none;object-fit:contain!important;margin:-36px -22px;z-index:0;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}
 .fmm-entry .fmm-banner-desc{grid-column:1;grid-row:3;position:relative;z-index:2;font-size:13px;line-height:1.8;margin:8px 0 0!important}
 .fmm-entry .fmm-banner-actions{grid-column:1;grid-row:4;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px}
 .fmm-entry .fmm-banner-cta{font-size:13px;gap:22px;padding:11px 16px;white-space:normal}
 .fmm-entry .fmm-banner-meta{font-size:12px;line-height:1.6;padding-left:1px}
}
@media(max-width:359px){.fmm-entry .fmm-banner-title{font-size:18px!important}.fmm-entry .fmm-banner-desc{font-size:12px}}