/* Isolated Minato edition. Shared SWELL styles remain intact on other pages. */
@font-face { font-family: 'ACM Hand'; src: url('../acm-minato/caveat.ttf') format('truetype'); font-weight: 400 700; font-style: normal; font-display: swap; }
body.acmm-page { --acmm-ink:#09284b; --acmm-blue:#008eae; --acmm-cyan:#00bfdc; --acmm-line:#def1f6; margin:0; background:#fff; color:var(--acmm-ink); font-family:'LINE Seed JP','LSJP fallback',Meiryo,'Hiragino Sans',sans-serif; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.acmm-page *, .acmm-page *::before, .acmm-page *::after { box-sizing:border-box; }
.acmm-page #body_wrap.acmm-site { position:relative; isolation:isolate; width:100%; margin:0; padding:0; overflow:clip; }
.acmm-page :where(h1,h2,h3,p,ul) { margin:0; padding:0; }
.acmm-page :where(h1,h2,h3) { font-family:inherit; color:inherit; border:0; background:none; }
.acmm-page :where(h1,h2,h3)::before,.acmm-page :where(h1,h2,h3)::after { content:none; }
.acmm-page .acmm-site a { color:inherit; text-decoration:none; }
.acmm-page .acmm-site a:hover { color:#007c99; }
.acmm-page .acmm-site img { display:block; max-width:100%; height:auto; }
.acmm-page .acmm-site svg { display:block; width:22px; height:22px; flex-shrink:0; }
.acmm-page .acmm-site button,.acmm-page .acmm-site input { font:inherit; }
.acmm-page .acmm-site :focus-visible { outline:3px solid #006a90; outline-offset:4px; }
.acmm-page .acmm-sr-only,.acmm-page .acmm-skip:not(:focus) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.acmm-page .acmm-skip:focus { position:fixed; z-index:99999; top:8px; left:8px; background:#fff; padding:12px 20px; }
.acmm-page .acmm-container { width:min(1280px,calc(100% - 32px)); margin-inline:auto; }
.acmm-page .acmm-header { position:absolute; inset:0 0 auto; z-index:30; background:transparent; }
.acmm-page .acmm-header-inner { width:min(1400px,calc(100% - 30px)); min-height:64px; margin:auto; display:flex; align-items:center; gap:12px; }
.acmm-page .acmm-brand { display:block; width:164px; margin-right:auto; flex-shrink:0; }
.acmm-page .acmm-brand img { width:100%; height:auto; }
.acmm-page .acmm-desktop-nav,.acmm-page .acmm-company-link,.acmm-page .acmm-desktop-search { display:none; }
.acmm-page .acmm-search summary,.acmm-page .acmm-mobile-menu summary { width:44px; height:44px; display:grid; place-items:center; list-style:none; cursor:pointer; border-radius:50%; }
.acmm-page summary::-webkit-details-marker { display:none; }
.acmm-page .acmm-search summary { background:#ffffffeb; border:1px solid #c8e6f1; }
.acmm-page .acmm-mobile-menu summary { font-size:28px; line-height:1; }
.acmm-page .acmm-search form { position:absolute; left:16px; right:16px; top:100%; display:flex; padding:10px; background:#fff; box-shadow:0 8px 25px #09395918; border:1px solid #d9e9f0; border-radius:12px; }
.acmm-page .acmm-search input,.acmm-page .acmm-desktop-search input { flex:1; min-width:0; border:0; background:transparent; box-shadow:none; padding:8px; font-size:13px; color:var(--acmm-ink); }
.acmm-page .acmm-search button,.acmm-page .acmm-desktop-search button { width:44px; height:44px; padding:0; display:grid; place-items:center; background:transparent; border:0; cursor:pointer; color:var(--acmm-blue); }
.acmm-page .acmm-mobile-menu nav { position:absolute; top:100%; left:0; right:0; max-height:75vh; overflow:auto; padding:20px; display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; background:#fffffff5; box-shadow:0 12px 24px #0c4d681c; }
.acmm-page .acmm-mobile-menu nav a { font-size:13px; padding:12px 0; border-bottom:1px solid var(--acmm-line); }
.acmm-page .acmm-hero { position:relative; isolation:isolate; height:clamp(345px,93vw,650px); }
.acmm-page .acmm-hero-picture { position:absolute; inset:0; z-index:-2; }
.acmm-page .acmm-hero-picture img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.acmm-page .acmm-hero::after { content:''; position:absolute; z-index:-1; top:65px; left:2%; width:56%; height:40%; background:radial-gradient(ellipse,#ffffffdc 10%,#ffffff70 58%,transparent 74%); pointer-events:none; }
.acmm-page .acmm-hero-inner { position:relative; padding-top:75px; height:100%; }
.acmm-page .acmm-hero-copy { width:61%; position:relative; }
.acmm-page .acmm-hero h1 { width:100%; padding:0; mix-blend-mode:multiply; }
.acmm-page .acmm-hero h1 img { width:100%; height:auto; }
.acmm-page .acmm-hero-sub { font-size:clamp(10px,2.65vw,16px); font-weight:700; white-space:nowrap; margin-top:-7px; margin-left:2px; }
.acmm-page .acmm-hero-description { display:none; }
.acmm-page .acmm-minato-note { position:absolute; right:0; top:83px; width:30%; font-family:'Yu Mincho','Hiragino Mincho ProN',serif; font-style:italic; font-size:clamp(10px,2.5vw,14px); line-height:1.9; letter-spacing:.07em; transform:rotate(-8deg); }
.acmm-page .acmm-minato-note small { display:block; text-align:right; font-size:10px; }
.acmm-page .acmm-content { position:relative; isolation:isolate; margin-top:-22px; }
.acmm-page .acmm-content::before,.acmm-page .acmm-content::after { content:''; position:absolute; z-index:-1; pointer-events:none; top:0; bottom:0; width:105px; background:url('../acm-minato/minato-edge-320.webp') left top / 105px auto repeat-y; }
.acmm-page .acmm-content::before { left:-65px; }
.acmm-page .acmm-content::after { right:-65px; transform:scaleX(-1); }
.acmm-page .acmm-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.acmm-page .acmm-categories a { display:flex; align-items:center; justify-content:space-between; gap:7px; min-height:52px; padding:10px 13px; background:#ffffffed; border:1px solid #caedf7; border-radius:99px; box-shadow:0 3px 7px #56c2e21a; font-size:12px; font-weight:700; }
.acmm-page .acmm-categories a:hover { background:#effbff; }
.acmm-page .acmm-categories svg { color:#00a9d1; width:23px; height:27px; }
.acmm-page .acmm-categories svg:last-child { width:14px; height:14px; }
.acmm-page .acmm-category-rakuten-mobile>svg:first-child { color:#e80067; }
.acmm-page .acmm-section { margin-top:30px; scroll-margin-top:24px; min-width:0; }
.acmm-page .acmm-heading { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:13px; }
.acmm-page .acmm-heading h2 { font-size:21px; font-weight:700; line-height:1.5; letter-spacing:.015em; text-decoration:underline; text-decoration-color:#fff4a1; text-decoration-thickness:4px; text-underline-offset:2px; }
.acmm-page .acmm-script { font-family:'ACM Hand','Segoe Print',cursive; font-size:28px; font-weight:400; color:#00a8d0; line-height:1; transform:rotate(-9deg); display:inline-block; }
.acmm-page .acmm-heading p { font-size:11px; color:#526b80; display:none; }
.acmm-page .acmm-featured-grid,.acmm-page .acmm-pair,.acmm-page .acmm-latest-grid { display:grid; gap:12px; }
.acmm-page .acmm-card { min-width:0; border:1px solid #e2eff4; border-radius:9px; background:#fff; overflow:hidden; box-shadow:0 2px 5px #134e6004; }
.acmm-page .acmm-card>a { display:flex; flex-direction:column; height:100%; }
.acmm-page .acmm-card-media { aspect-ratio:16/9; background:#f3faff; overflow:hidden; }
.acmm-page .acmm-card-media img { width:100%; height:100%; object-fit:contain; transition:transform .25s; }
.acmm-page .acmm-visual-product { display:flex; justify-content:center; align-items:center; gap:10px; padding:14px; background:linear-gradient(120deg,#eafbffee,#ffffffb5),url('../acm-minato/minato-city-footer-960.webp') center / cover; }
.acmm-page .acmm-visual-product img { width:auto; max-width:47%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.acmm-page .acmm-visual-product img:only-child { max-width:80%; }
.acmm-page .acmm-visual-brand { display:flex; justify-content:center; align-items:center; padding:16px; background:linear-gradient(120deg,#fff4fae8,#ffffffa8),url('../acm-minato/minato-city-footer-960.webp') center / cover; }
.acmm-page .acmm-visual-brand img { width:43%; height:100%; object-fit:contain; border:5px solid #253a50; border-radius:15px; background:#ff008c; transform:rotate(7deg); }
.acmm-page .acmm-visual-photo img { object-fit:cover; object-position:center 35%; }
.acmm-page .acmm-card a:hover .acmm-card-media img { transform:scale(1.025); }
.acmm-page .acmm-card-copy { position:relative; padding:9px 12px 13px; flex:1; min-width:0; }
.acmm-page .acmm-tag { display:inline-block; padding:1px 8px; border-radius:99px; color:#fff; background:#008ca8; font-size:10px; line-height:1.6; letter-spacing:.04em; }
.acmm-page .acmm-card h3 { font-size:16px; font-weight:700; line-height:1.55; margin-top:4px; padding-right:19px; }
.acmm-page .acmm-card-description { font-size:12px; line-height:1.6; color:#536b83; margin-top:5px; padding-right:18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.acmm-page .acmm-card-arrow { position:absolute; right:9px; top:38px; background:#05b6d4; color:white; display:grid; place-items:center; width:23px; height:23px; border-radius:50%; }
.acmm-page .acmm-card-arrow svg { width:15px; height:15px; }
.acmm-page .acmm-card--featured:not(:first-child)>a { display:grid; grid-template-columns:35% minmax(0,1fr); }
.acmm-page .acmm-card--featured:first-child>a { display:grid; grid-template-columns:42% minmax(0,1fr); }
.acmm-page .acmm-card--featured:first-child .acmm-card-media { height:100%; aspect-ratio:auto; }
.acmm-page .acmm-card--featured:not(:first-child) .acmm-card-media { height:100%; aspect-ratio:auto; }
.acmm-page .acmm-card--featured:not(:first-child) h3 { font-size:14px; }
.acmm-page .acmm-card--featured:not(:first-child) .acmm-card-description { font-size:11px; }
.acmm-page .acmm-pair { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.acmm-page .acmm-pair h3 { font-size:14px; }
.acmm-page .acmm-pair .acmm-card-copy { padding:7px 9px 12px; }
.acmm-page .acmm-pair .acmm-card-description { font-size:11px; padding-right:0; }
.acmm-page .acmm-pair .acmm-tag { font-size:9px; }
.acmm-page .acmm-more { margin-top:12px; }
.acmm-page .acmm-more>summary,.acmm-page .acmm-more-link { width:fit-content; margin:12px auto 0; display:flex; gap:12px; align-items:center; padding:8px 4px; font-size:12px; color:#0084a2; cursor:pointer; list-style:none; }
.acmm-page .acmm-more[open]>summary { margin-bottom:15px; }
.acmm-page .acmm-more[open]>summary span { transform:rotate(45deg); }
.acmm-page .acmm-more-link svg { width:16px; height:16px; }
.acmm-page .acmm-latest { position:relative; }
.acmm-page .acmm-guide { position:absolute; right:0; top:-15px; display:flex; align-items:center; pointer-events:none; }
.acmm-page .acmm-guide img { width:58px; height:58px; mix-blend-mode:multiply; }
.acmm-page .acmm-guide p { font-size:9px; line-height:1.5; padding:5px 8px; border:1px solid #5dc5e1; border-radius:50%; transform:rotate(-8deg); background:#fff; }
.acmm-page .acmm-card--latest>a { display:grid; grid-template-columns:30% minmax(0,1fr); }
.acmm-page .acmm-card--latest .acmm-card-media { aspect-ratio:auto; height:100%; }
.acmm-page .acmm-card--latest h3 { font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.acmm-page .acmm-card--latest .acmm-card-copy { padding:8px 10px 11px; }
.acmm-page .acmm-notices { display:grid; gap:12px; }
.acmm-page .acmm-notices .acmm-heading { margin:0; }
.acmm-page .acmm-notices ul { list-style:none; }
.acmm-page .acmm-notices li+li { border-top:1px solid var(--acmm-line); }
.acmm-page .acmm-notices a { display:grid; grid-template-columns:1fr 16px; gap:4px 10px; padding:10px 0; font-size:12px; }
.acmm-page .acmm-notices time { grid-column:1; font-size:10px; color:#5e7586; }
.acmm-page .acmm-notices li span { grid-column:1; }
.acmm-page .acmm-notices svg { grid-column:2; grid-row:1/3; width:16px; height:16px; color:#00a8cc; align-self:center; }
.acmm-page .acmm-corporate { position:relative; isolation:isolate; overflow:hidden; margin-top:22px; min-height:245px; display:grid; place-items:center; }
.acmm-page img.acmm-city-picture { position:absolute; inset:0; z-index:-1; width:100%; height:100%; object-fit:cover; object-position:center; }
.acmm-page .acmm-corporate-inner { position:relative; text-align:center; display:flex; flex-direction:column; align-items:center; padding:22px 16px 35px; }
.acmm-page .acmm-corporate-message { width:min(82vw,500px); mix-blend-mode:multiply; }
.acmm-page .acmm-corporate-logo { width:185px; height:auto; margin:5px 0 15px; }
.acmm-page .acmm-company-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; border:1px solid #54bddb; background:#ffffffed; border-radius:99px; padding:9px 18px; min-height:44px; font-size:11px; color:#007998; }
.acmm-page .acmm-company-button svg { width:17px; height:17px; }
.acmm-page .acmm-corporate-script { display:none; }
.acmm-page .acmm-footer { background:white; border:0; padding:24px 0 15px; }
.acmm-page .acmm-footer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; }
.acmm-page .acmm-footer-brand { grid-column:1/-1; text-align:center; }
.acmm-page .acmm-footer-brand>a { display:block; width:185px; margin:auto; }
.acmm-page .acmm-footer-brand>p { margin-top:8px; font-size:11px; }
.acmm-page .acmm-footer h2 { font-size:12px; font-weight:700; margin-bottom:8px; }
.acmm-page .acmm-footer nav a { display:block; width:fit-content; padding:7px 0; font-size:11px; }
.acmm-page .acmm-footer-bottom { display:flex; gap:12px; justify-content:space-between; flex-wrap:wrap; border-top:1px solid var(--acmm-line); padding-top:15px; margin-top:25px; font-size:10px; color:#5c7385; }
@media (max-width:359px) {
 .acmm-page .acmm-header-inner { gap:5px; }
 .acmm-page .acmm-brand { width:145px; }
 .acmm-page .acmm-pair { grid-template-columns:1fr; }
 .acmm-page .acmm-guide p { display:none; }
 .acmm-page .acmm-categories a { padding-inline:10px; font-size:11px; }
 .acmm-page .acmm-minato-note { display:block; top:88px; width:31%; }
}
@media (min-width:700px) {
 .acmm-page .acmm-container { width:min(1280px,calc(100% - 64px)); }
 .acmm-page .acmm-header-inner { min-height:95px; width:min(1400px,calc(100% - 48px)); }
 .acmm-page .acmm-brand { width:230px; }
 .acmm-page .acmm-hero { height:clamp(510px,51vw,780px); }
 .acmm-page .acmm-hero::after { top:115px; left:3%; width:46%; height:55%; background:radial-gradient(ellipse,#fffffff5 8%,#ffffffc9 47%,transparent 75%); }
 .acmm-page .acmm-hero-picture img { height:auto; min-height:100%; object-fit:cover; }
 .acmm-page .acmm-hero-inner { padding-top:132px; }
 .acmm-page .acmm-hero-copy { width:48%; }
 .acmm-page .acmm-hero-sub { font-size:clamp(15px,1.5vw,21px); margin-top:-25px; margin-left:3%; }
 .acmm-page .acmm-hero-description { display:inline-block; position:relative; font-size:clamp(11px,1vw,14px); line-height:1.85; margin:20px 0 0 5%; width:auto; background:#ffffffda; box-shadow:0 0 20px 16px #ffffffda; }
 .acmm-page .acmm-minato-note { right:0; top:125px; width:18%; font-size:16px; }
 .acmm-page .acmm-content { margin-top:-38px; }
 .acmm-page .acmm-content::before,.acmm-page .acmm-content::after { width:160px; background-size:160px auto; }
 .acmm-page .acmm-content::before { left:calc(-1 * max(32px,(100vw - 1280px)/2)); }
 .acmm-page .acmm-content::after { right:calc(-1 * max(32px,(100vw - 1280px)/2)); }
 .acmm-page .acmm-categories { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
 .acmm-page .acmm-categories a { min-height:65px; padding:12px 17px; font-size:14px; }
 .acmm-page .acmm-categories svg { width:30px; height:35px; }
 .acmm-page .acmm-section { margin-top:38px; }
 .acmm-page .acmm-heading { margin-bottom:17px; gap:15px; }
 .acmm-page .acmm-heading h2 { font-size:25px; }
 .acmm-page .acmm-script { font-size:33px; }
 .acmm-page .acmm-heading p { display:block; }
 .acmm-page .acmm-featured-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
 .acmm-page .acmm-card--featured:not(:first-child)>a { display:flex; }
 .acmm-page .acmm-card--featured:first-child>a { display:flex; }
 .acmm-page .acmm-card--featured:first-child .acmm-card-media { height:auto; aspect-ratio:16/9; }
 .acmm-page .acmm-card--featured:not(:first-child) .acmm-card-media { height:auto; aspect-ratio:16/9; }
 .acmm-page .acmm-card--featured h3,.acmm-page .acmm-card--featured:not(:first-child) h3 { font-size:18px; }
 .acmm-page .acmm-card--featured .acmm-card-description,.acmm-page .acmm-card--featured:not(:first-child) .acmm-card-description { font-size:13px; }
 .acmm-page .acmm-card-copy { padding:10px 15px 16px; }
 .acmm-page .acmm-editorial-grid { display:grid; grid-template-columns:1fr 1fr; gap:36px; }
 .acmm-page .acmm-editorial-grid>.acmm-section { min-width:0; }
 .acmm-page .acmm-pair { gap:16px; }
 .acmm-page .acmm-pair h3 { font-size:16px; }
 .acmm-page .acmm-pair .acmm-card-description { font-size:12px; }
 .acmm-page .acmm-latest-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding-right:70px; }
 .acmm-page .acmm-card--latest>a { grid-template-columns:34% minmax(0,1fr); }
 .acmm-page .acmm-guide { right:-15px; top:14px; flex-direction:column; }
 .acmm-page .acmm-guide img { width:88px; height:88px; }
 .acmm-page .acmm-guide p { font-size:10px; }
 .acmm-page .acmm-notices { grid-template-columns:180px 1fr; gap:24px; }
 .acmm-page .acmm-notices a { grid-template-columns:82px minmax(0,1fr) 16px; align-items:center; padding:11px 0; }
 .acmm-page .acmm-notices li span { grid-column:2; }
 .acmm-page .acmm-notices svg { grid-column:3; grid-row:1; }
 .acmm-page .acmm-corporate { min-height:360px; margin-top:30px; }
 .acmm-page .acmm-corporate-inner { padding:26px 16px 44px; }
 .acmm-page .acmm-corporate-logo { width:230px; }
 .acmm-page .acmm-corporate-script { display:block; position:absolute; right:4%; top:65px; font-size:28px; text-align:center; }
 .acmm-page .acmm-footer-grid { grid-template-columns:1.2fr 1fr 1fr 1.1fr; gap:32px; }
 .acmm-page .acmm-footer-brand { grid-column:auto; text-align:left; }
 .acmm-page .acmm-footer-brand>a { margin:0; width:210px; }
 .acmm-page .acmm-footer nav { border-left:1px solid var(--acmm-line); padding-left:24px; }
}
@media (min-width:1100px) {
 .acmm-page .acmm-header-inner { gap:26px; }
 .acmm-page .acmm-brand { width:260px; margin-right:auto; }
 .acmm-page .acmm-desktop-nav { display:flex; gap:25px; white-space:nowrap; font-size:12px; font-weight:700; }
 .acmm-page .acmm-company-link { display:flex; align-items:center; gap:8px; font-size:11px; white-space:nowrap; }
 .acmm-page .acmm-company-link svg { width:14px; height:14px; }
 .acmm-page .acmm-search,.acmm-page .acmm-mobile-menu { display:none; }
 .acmm-page .acmm-desktop-search { display:flex; align-items:center; background:#fffffff0; border:1px solid #bad8e5; border-radius:99px; height:38px; width:230px; }
 .acmm-page .acmm-desktop-search input { font-size:11px; padding-left:15px; }
 .acmm-page .acmm-desktop-search button { width:34px; height:34px; }
 .acmm-page .acmm-desktop-search svg { width:17px; height:17px; }
 .acmm-page .acmm-hero-inner { padding-top:150px; }
 .acmm-page .acmm-hero-copy { width:47%; }
 .acmm-page .acmm-categories a { font-size:17px; padding-inline:25px; }
 .acmm-page .acmm-heading h2 { font-size:28px; }
 .acmm-page .acmm-card--featured h3,.acmm-page .acmm-card--featured:not(:first-child) h3 { font-size:21px; }
 .acmm-page .acmm-pair h3 { font-size:18px; }
 .acmm-page .acmm-pair .acmm-card-copy { padding:10px 12px 15px; }
 .acmm-page .acmm-guide { right:-22px; top:5px; }
 .acmm-page .acmm-guide img { width:110px; height:110px; }
 .acmm-page .acmm-latest-grid { padding-right:100px; }
}
@media (prefers-reduced-motion:reduce) { .acmm-page *, .acmm-page *::before,.acmm-page *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
@media print { .acmm-page .acmm-header { position:relative; } .acmm-page .acmm-search,.acmm-page .acmm-mobile-menu { display:none; } .acmm-page .acmm-card { break-inside:avoid; } }

/* Requested refinement: native popular-post carousel, soft art edges, original footer. */
.acmm-page .acmm-hero { overflow:hidden; }
.acmm-page .acmm-hero-picture { mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%); }
.acmm-page .acmm-brand { position:relative; isolation:isolate; }
.acmm-page .acmm-brand::before { content:''; position:absolute; z-index:-1; inset:-12px -20px; background:radial-gradient(ellipse,#fffffff7 30%,#ffffffdf 55%,#ffffff30 75%,transparent 85%); filter:blur(7px); pointer-events:none; }
.acmm-page .acmm-content::before,.acmm-page .acmm-content::after { top:150px; mix-blend-mode:multiply; opacity:.7; mask-image:linear-gradient(transparent,#000 100px,#000 calc(100% - 100px),transparent); }
.acmm-page .acmm-minato-note { transform:rotate(-6deg); mix-blend-mode:multiply; }
.acmm-page .acmm-minato-note img { width:100%; height:auto; }
.acmm-page .acmm-minato-note .acmm-character-credit { font-family:'LINE Seed JP',Meiryo,sans-serif; font-size:10px; font-style:normal; line-height:1.55; letter-spacing:0; color:#58748a; text-align:center; margin-top:3px; }
.acmm-page .acmm-preferred-header { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; width:40px; min-width:40px; height:44px; border-radius:50%; background:#ffffffcc; }
.acmm-page .acmm-preferred-header span { font-size:8px; font-weight:700; white-space:nowrap; }
.acmm-page .acmm-preferred-header svg { width:21px; height:21px; }
.acmm-page .acmm-carousel { min-width:0; position:relative; }
.acmm-page .acmm-carousel-tools { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin-bottom:12px; }
.acmm-page .acmm-carousel-tools[hidden] { display:none; }
.acmm-page .acmm-carousel-tools button { width:42px; height:42px; padding:0; border:1px solid #ade2ef; border-radius:50%; color:#007c99; background:white; font-size:22px; cursor:pointer; }
.acmm-page .acmm-carousel-tools button:disabled { opacity:.35; cursor:default; }
.acmm-page .acmm-carousel-status { min-width:65px; text-align:center; font-size:12px; color:#587087; }
.acmm-page .acmm-carousel .acmm-featured-grid { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:88%; gap:16px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scroll-padding-inline:1px; padding:3px 1px 12px; scrollbar-width:thin; scrollbar-color:#8edbea #f2fbfe; }
.acmm-page .acmm-carousel .acmm-card { scroll-snap-align:start; }
.acmm-page .acmm-carousel .acmm-card>a { display:flex; flex-direction:column; }
.acmm-page .acmm-carousel .acmm-card .acmm-card-media { height:auto; aspect-ratio:16/9; }
.acmm-page .acmm-carousel .acmm-card h3 { font-size:16px; display:block; overflow:visible; -webkit-line-clamp:unset; }
.acmm-page .acmm-carousel .acmm-card-copy { padding:12px 14px 18px; }
.acmm-page .acmm-section-link { margin-left:auto; color:#0086a4; font-size:11px; white-space:nowrap; min-height:32px; display:inline-flex; align-items:center; }
.acmm-page .acmm-category-browse { margin-top:28px; padding:22px 18px; border:1px solid #d7edf4; background:#f5fcff; border-radius:16px; }
.acmm-page .acmm-category-browse h2 { font-size:17px; font-weight:700; margin-bottom:14px; }
.acmm-page .acmm-category-browse>div { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.acmm-page .acmm-category-browse a { display:flex; align-items:center; justify-content:space-between; gap:6px; background:#fff; border-radius:8px; padding:10px; min-height:44px; font-size:11px; color:#007e9e; }
.acmm-page .acmm-category-browse svg { width:15px; height:15px; }
.acmm-page .acmm-bubble { position:relative; border:1px solid #63c5df; border-radius:18px; padding:12px 16px; background:white; font-size:13px; line-height:1.65; color:#175777; transform:none; }
.acmm-page .acmm-bubble::after { content:''; position:absolute; width:12px; height:12px; background:white; border-right:1px solid #63c5df; border-bottom:1px solid #63c5df; right:20px; bottom:-7px; transform:rotate(45deg); }
.acmm-page .acmm-conversation { display:flex; align-items:center; justify-content:center; gap:12px; margin:25px 0 -12px; }
.acmm-page .acmm-conversation img { width:72px; height:72px; mix-blend-mode:multiply; }
.acmm-page .acmm-conversation .acmm-bubble::after { left:-7px; right:auto; top:25px; bottom:auto; transform:rotate(135deg); }
.acmm-page .acmm-guide { position:relative; top:auto; right:auto; justify-content:flex-end; gap:12px; flex-direction:row; margin:-5px 0 12px; }
.acmm-page .acmm-guide p.acmm-bubble { border-radius:16px; padding:9px 13px; font-size:12px; transform:none; background:white; }
.acmm-page .acmm-guide .acmm-bubble::after { right:-7px; bottom:auto; top:20px; transform:rotate(-45deg); }
.acmm-page .acmm-guide img { width:70px; height:70px; }
.acmm-page .acmm-latest-grid { padding-right:0; }
.acmm-page .acmm-notice-list { min-width:0; }
.acmm-page .acmm-notice { border-bottom:1px solid #dceef4; }
.acmm-page .acmm-notice summary { display:grid; grid-template-columns:1fr 24px; align-items:center; gap:5px 12px; padding:15px 0; font-size:13px; cursor:pointer; list-style:none; }
.acmm-page .acmm-notice summary time { grid-column:1; color:#60768a; font-size:11px; }
.acmm-page .acmm-notice summary>span:not(.acmm-notice-toggle) { grid-column:1; }
.acmm-page .acmm-notice-toggle { grid-column:2; grid-row:1/3; color:#009dbc; font-size:22px; }
.acmm-page .acmm-notice[open] .acmm-notice-toggle { transform:rotate(45deg); }
.acmm-page .acmm-notice-body { padding:5px 0 18px; font-size:13px; color:#46647b; }
.acmm-page .acmm-notice-body a { display:inline-flex; min-height:44px; align-items:center; color:#007f9b; text-decoration:underline; }
.acmm-page .acmm-preferred-banner { display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; border:1px solid #d6e8f2; border-radius:15px; padding:20px; margin-top:30px; background:#f7fcff; }
.acmm-page .acmm-preferred-banner strong { font-size:15px; }
.acmm-page .acmm-preferred-banner p { margin-top:4px; font-size:12px; color:#567185; }
.acmm-page .acmm-preferred-banner a { display:flex; gap:12px; align-items:center; padding:12px 18px; min-height:48px; border:1px solid #c6dce9; border-radius:99px; background:white; font-size:13px; }
@media(min-width:700px) {
 .acmm-page .acmm-carousel .acmm-featured-grid { grid-auto-columns:calc((100% - 20px)/2); gap:20px; }
 .acmm-page .acmm-category-browse>div { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .acmm-page .acmm-category-browse a { font-size:13px; }
 .acmm-page .acmm-minato-note .acmm-character-credit { font-size:11px; }
 .acmm-page .acmm-notice summary { grid-template-columns:85px minmax(0,1fr) 24px; gap:15px; }
 .acmm-page .acmm-notice summary>span:not(.acmm-notice-toggle) { grid-column:2; }
 .acmm-page .acmm-notice-toggle { grid-column:3; grid-row:1; }
 .acmm-page .acmm-conversation { justify-content:flex-start; margin-bottom:-15px; }
 .acmm-page .acmm-guide { position:absolute; top:-18px; right:0; margin:0; }
 .acmm-page .acmm-latest .acmm-heading { padding-right:230px; min-height:62px; }
}
@media(min-width:992px) {
 .acmm-page .acmm-carousel .acmm-featured-grid { grid-auto-columns:calc((100% - 40px)/3); }
 .acmm-page .acmm-carousel .acmm-card h3 { font-size:18px; }
}
@media(min-width:1100px) and (max-width:1279px) {
 .acmm-page .acmm-header-inner { gap:18px; }
 .acmm-page .acmm-brand { width:210px; }
 .acmm-page .acmm-company-link { display:none; }
}

@media(max-width:699px) {
 .acmm-page .acmm-minato-note { display:contents; }
 .acmm-page .acmm-minato-note img { position:absolute; right:0; top:83px; width:30%; transform:rotate(-6deg); mix-blend-mode:multiply; }
 .acmm-page .acmm-minato-note .acmm-character-credit { position:absolute; right:3px; bottom:28px; width:155px; text-align:right; text-shadow:0 0 5px #fff,0 0 8px #fff; }
}

/* Corporate message and article layout refinements. */
.acmm-page .acmm-content::before,.acmm-page .acmm-content::after { content:none; }
.acmm-page img.acmm-city-picture { mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 100%); }
.acmm-page .acmm-corporate-inner { padding-top:55px; }
.acmm-page .acmm-pair { grid-auto-rows:1fr; }
@media(min-width:700px) {
 .acmm-page .acmm-editorial-grid { grid-template-rows:auto 1fr 1fr auto; row-gap:16px; }
 .acmm-page .acmm-editorial-grid>.acmm-section { display:grid; grid-template-rows:subgrid; grid-row:1 / span 4; }
 .acmm-page #acmm-interviews { grid-column:1; }
 .acmm-page #acmm-research { grid-column:2; }
 .acmm-page .acmm-editorial-grid>.acmm-section>.acmm-heading { grid-row:1; margin-bottom:0; align-self:center; }
 .acmm-page .acmm-editorial-grid>.acmm-section>.acmm-pair { grid-row:2 / span 2; grid-template-rows:subgrid; }
 .acmm-page .acmm-editorial-grid>.acmm-section>.acmm-more,.acmm-page .acmm-editorial-grid>.acmm-section>.acmm-more-link { grid-row:4; align-self:start; }
 .acmm-page .acmm-corporate-inner { padding-top:65px; }
}

.acmm-page .acmm-latest-pages { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:22px; margin-top:24px; }
.acmm-page .acmm-latest-pages a { padding:10px 18px; border:1px solid #bceaf4; border-radius:30px; }
@media(min-width:360px) and (max-width:699px) {
 .acmm-page .acmm-editorial-grid { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr 1fr auto auto 1fr 1fr auto; gap:12px; }
 .acmm-page .acmm-editorial-grid>.acmm-section { display:grid; grid-template-rows:subgrid; grid-column:1; }
 .acmm-page #acmm-interviews { grid-row:1 / span 4; }
 .acmm-page #acmm-research { grid-row:5 / span 4; }
 .acmm-page .acmm-editorial-grid>.acmm-section>.acmm-heading { grid-row:1; margin-bottom:0; }
 .acmm-page .acmm-editorial-grid>.acmm-section>.acmm-pair { grid-row:2 / span 2; grid-template-rows:subgrid; }
 .acmm-page .acmm-editorial-grid>.acmm-section>.acmm-more,.acmm-page .acmm-editorial-grid>.acmm-section>.acmm-more-link { grid-row:4; align-self:start; }
}

/* Three primary categories and a readable preferred-source control. */
.acmm-page .acmm-categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
.acmm-page .acmm-preferred-header { width:auto; min-width:132px; height:44px; flex-direction:row; gap:8px; padding:5px 14px; border:1px solid #b4d9e9; border-radius:24px; background:#fff; color:#193d5c; box-shadow:0 2px 10px #163b5812; }
.acmm-page .acmm-preferred-header span { font-size:12px; font-weight:700; line-height:1.35; }
.acmm-page .acmm-preferred-header svg { width:25px; height:25px; }
@media(max-width:699px) {
 .acmm-page .acmm-header-inner { gap:6px; }
 .acmm-page .acmm-brand { width:clamp(104px,32vw,164px); }
 .acmm-page .acmm-preferred-header { min-width:86px; padding:4px 8px; gap:5px; }
 .acmm-page .acmm-preferred-header span { font-size:11px; }
 .acmm-page .acmm-preferred-header svg { width:22px; height:22px; }
 .acmm-page .acmm-search summary { width:36px; height:40px; }
 .acmm-page .acmm-mobile-menu summary { width:32px; height:40px; }
 .acmm-page .acmm-categories { gap:7px; }
 .acmm-page .acmm-categories a { flex-direction:column; justify-content:center; gap:5px; padding:10px 3px; font-size:11px; }
 .acmm-page .acmm-categories a>svg:last-child { display:none; }
}
@media(min-width:1100px) and (max-width:1399px) { .acmm-page .acmm-company-link { display:none; } }

@media(max-width:359px) {
 .acmm-page .acmm-header-inner { gap:4px; }
 .acmm-page .acmm-brand { width:100px; }
 .acmm-page .acmm-preferred-header { min-width:92px; }
 .acmm-page .acmm-search summary { width:34px; }
 .acmm-page .acmm-mobile-menu summary { width:30px; }
}

.acmm-page .acmm-category-browse>div { grid-template-columns:1fr; }
@media(min-width:700px) { .acmm-page .acmm-category-browse>div { grid-template-columns:repeat(3,minmax(0,1fr)); } }

@media(max-width:699px) { .acmm-page .acmm-minato-note img { top:auto; bottom:55px; left:0; right:auto; width:42%; max-width:220px; } }

@media(max-width:699px) {
 .acmm-page .acmm-hero-inner::after { content:''; position:absolute; left:-10px; bottom:45px; width:calc(42% + 20px); max-width:240px; aspect-ratio:640/427; background:radial-gradient(ellipse,#fff 20%,#fffffff0 55%,transparent 75%); filter:blur(4px); pointer-events:none; z-index:0; }
 .acmm-page .acmm-minato-note img { z-index:1; }
}

/* Existing island-header CSS reserves a header gap; this design overlays its hero. */
.acmm-page #body_wrap.acmm-site { padding-top:0 !important; }

/* YouTube: same editorial cards, a larger lead film and cyan details. */
.acmm-page .acmm-videos { padding:24px 16px; border:1px solid #e0f1f7; border-radius:24px; background:linear-gradient(140deg,#f0fbff,#fff 68%); }
.acmm-page .acmm-video-grid { display:grid; gap:16px; }
.acmm-page .acmm-video-card { min-width:0; background:#fff; border:1px solid #d9edf5; border-radius:14px; overflow:hidden; }
.acmm-page .acmm-video-card>a { display:grid; grid-template-columns:38% minmax(0,1fr); height:100%; }
.acmm-page .acmm-video-card--lead>a { display:flex; flex-direction:column; }
.acmm-page .acmm-video-thumb { position:relative; width:100%; min-width:0; align-self:start; aspect-ratio:16/9; background:#e8f5fa; overflow:hidden; }
.acmm-page .acmm-video-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.acmm-page .acmm-video-card a:hover .acmm-video-thumb img { transform:scale(1.035); }
.acmm-page .acmm-video-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:38px; height:38px; display:grid; place-items:center; padding-left:3px; border-radius:50%; color:#fff; background:#009cbbef; box-shadow:0 3px 16px #072c4540; font-size:15px; }
.acmm-page .acmm-video-card--lead .acmm-video-play { width:60px; height:60px; font-size:23px; border:2px solid #ffffffdd; }
.acmm-page .acmm-video-label { position:absolute; left:12px; top:12px; padding:3px 10px; border-radius:20px; background:#fff; color:#d82130; font-size:11px; font-weight:700; }
.acmm-page .acmm-video-copy { padding:12px; min-width:0; }
.acmm-page .acmm-video-eyebrow { color:#438296; font-size:8px; letter-spacing:.07em; }
.acmm-page .acmm-video-copy h3 { font-size:13px; line-height:1.65; font-weight:700; margin-top:4px; }
.acmm-page .acmm-video-card--lead h3 { font-size:17px; }
.acmm-page .acmm-video-watch { display:block; margin-top:9px; color:#00839f; font-size:11px; }
.acmm-page .acmm-video-external { display:block; padding:14px 18px; text-align:right; font-size:13px; }
@media(min-width:900px) {
 .acmm-page .acmm-videos { padding:32px; }
 .acmm-page .acmm-video-grid { grid-template-columns:1.15fr 1fr; grid-template-rows:repeat(3,1fr); gap:16px 24px; }
 .acmm-page .acmm-video-card--lead { grid-row:1 / span 3; }
 .acmm-page .acmm-video-copy { padding:14px 16px; }
 .acmm-page .acmm-video-copy h3 { font-size:14px; }
 .acmm-page .acmm-video-card--lead h3 { font-size:21px; }
 .acmm-page .acmm-video-card--lead .acmm-video-copy { padding:20px; }
}

/* Gentle entrance and character motion; no scroll interception. */
@keyframes acmm-intro { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes acmm-float { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-5px) rotate(1deg); } }
@media(prefers-reduced-motion:no-preference) {
 .acmm-page .acmm-hero h1 { animation:acmm-intro .85s cubic-bezier(.2,.65,.3,1) both; }
 .acmm-page .acmm-categories { animation:acmm-intro .7s .18s cubic-bezier(.2,.65,.3,1) both; }
 .acmm-page .acmm-motion { opacity:0; translate:0 18px; transition:opacity .65s ease var(--acmm-motion-delay,0ms),translate .65s cubic-bezier(.2,.65,.3,1) var(--acmm-motion-delay,0ms); }
 .acmm-page .acmm-motion.acmm-is-visible { opacity:1; translate:0 0; }
 .acmm-page .acmm-conversation.acmm-in-view>img,.acmm-page .acmm-guide.acmm-in-view>img { animation:acmm-float 5s ease-in-out infinite; }
 .acmm-page .acmm-card,.acmm-page .acmm-video-card { transition:transform .25s ease,box-shadow .25s ease,opacity .65s ease var(--acmm-motion-delay,0ms),translate .65s ease var(--acmm-motion-delay,0ms); }
 .acmm-page .acmm-categories a,.acmm-page .acmm-more-link,.acmm-page .acmm-company-button { transition:transform .25s ease,box-shadow .25s ease; }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .acmm-page .acmm-pair>.acmm-card:hover,.acmm-page .acmm-latest-grid>.acmm-card:hover,.acmm-page .acmm-video-card:hover { transform:translateY(-3px); box-shadow:0 8px 22px #164a6412; }
 .acmm-page .acmm-categories a:hover,.acmm-page .acmm-company-button:hover { transform:translateY(-3px); box-shadow:0 7px 18px #148ba91a; }
 .acmm-page .acmm-more-link:hover { transform:translateX(3px); }
}
@media(prefers-reduced-motion:reduce),print {
 .acmm-page .acmm-motion { opacity:1!important; translate:none!important; }
 .acmm-page .acmm-hero-copy,.acmm-page .acmm-categories,.acmm-page .acmm-conversation>img,.acmm-page .acmm-guide>img { animation:none!important; }
}

/* Blend the lettering itself, without an animated ancestor isolating the sky. */
.acmm-page .acmm-hero-copy { animation:none; }
.acmm-page .acmm-video-grid { grid-template-rows:none; }
.acmm-page .acmm-video-card--lead { grid-row:auto; align-self:start; }
.acmm-page .acmm-video-stage { width:100%; aspect-ratio:16/9; min-height:200px; background:#e8f5fa; position:relative; }
.acmm-page .acmm-video-stage iframe { display:block; width:100%; height:100%; min-height:200px; border:0; position:absolute; inset:0; }
.acmm-page .acmm-video-poster { display:block; position:absolute; inset:0; }
.acmm-page .acmm-video-poster img { width:100%; height:100%; object-fit:cover; }
.acmm-page .acmm-video-list { display:grid; gap:12px; min-width:0; }
.acmm-page .acmm-video-list .acmm-video-card a[aria-current=true] { background:#edfbff; box-shadow:inset 3px 0 #00b8d5; }
.acmm-page .acmm-video-list .acmm-video-copy h3 { font-size:12px; margin-top:0; }
.acmm-page .acmm-video-external { padding:0; text-align:left; }
@media(min-width:900px) { .acmm-page .acmm-video-list .acmm-video-copy h3 { font-size:13px; } }